Export CSSPseudos, CSSProperties, StrictCSSProperties types for a strict XCSSProp implementation.

[kylorhall-atlassian]

To avoid the complexity of requiring ReturnType<typeof XCSSProp<…>> when creating a createStrictAPI().XCSSProp and props.xcss implementation, being able to use these types in generics are helpful.

The example usage we want is:

import { createStrictAPI, type CSSPseudos, type StrictCSSProperties, type XCSSAllProperties, type XCSSAllPseudos } from '@compiled/react';

const { XCSSProp, css, cssMap, cx } = createStrictAPI<…>();

/** Re-implementing the jsdoc */
export type StrictXCSSProp<
  TAllowedProperties extends keyof StrictCSSProperties,
  TAllowedPseudos extends CSSPseudos,
  TRequiredProperties extends {
    requiredProperties: TAllowedProperties;
    requiredPseudos: TAllowedPseudos;
  } = never,
> = ReturnType<
  typeof XCSSProp<TAllowedProperties, TAllowedPseudos, TRequiredProperties>
>;

Then this becomes a bit easier of a type to understand:

-export const Component = ({ xcss }: { xcss?: ReturnType<typeof XCSSProp<…>> }) =>
+export const Component = ({ xcss }: { xcss?: StrictXCSSProp<…> }) =>
  <div className={xcss} />

Particularly when contrasted against the non-createStrictAPI XCSSProp type, which is different.

---

Draft, pending final validation of the idea.

[changeset-bot]

🦋 Changeset detected

Latest commit: 2c9bf78

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@compiled/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[itsdouges]

LGTM