@typestyles/react 0.2.0

package/dist/babel-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/babel-plugin.ts"],"names":[],"mappings":"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","file":"babel-plugin.js","sourcesContent":["import { declare } from '@babel/helper-plugin-utils';\nimport type { ConfigAPI, PluginObj, NodePath } from '@babel/core';\nimport type { Program } from '@babel/types';\nimport * as t from '@babel/types';\n\nconst CSS_PROP_HELPER = '__typestylesCss';\nconst CSS_PROP_RUNTIME_IMPORT = '@typestyles/react/css-prop-runtime';\nconst CX_IMPORT = 'typestyles';\n\nexport type TypestylesReactPluginOptions = {\n  /** Module path for the styles instance (default: `'./styles'`). */\n  stylesImport?: string;\n  /** Named export for styles (default: `'styles'`). */\n  stylesExport?: string;\n};\n\nfunction isStaticCssValue(node: t.Node): node is t.ObjectExpression | t.Identifier {\n  return t.isObjectExpression(node) || t.isIdentifier(node);\n}\n\nfunction expressionFromJsxAttributeValue(\n  value: t.JSXAttribute['value'] | undefined,\n): t.Expression | null {\n  if (value == null) {\n    return null;\n  }\n  if (t.isJSXExpressionContainer(value)) {\n    if (t.isJSXEmptyExpression(value.expression)) {\n      return null;\n    }\n    return value.expression;\n  }\n  if (t.isStringLiteral(value)) {\n    return value;\n  }\n  return null;\n}\n\nfunction mergeClassNames(\n  cssCall: t.Expression,\n  existingClassName: t.JSXAttribute['value'] | undefined,\n): t.Expression {\n  const existingExpr = expressionFromJsxAttributeValue(existingClassName);\n  if (existingExpr == null) {\n    return cssCall;\n  }\n\n  return t.callExpression(t.identifier('cx'), [cssCall, existingExpr]);\n}\n\nexport default declare((api: ConfigAPI, options: TypestylesReactPluginOptions = {}) => {\n  api.assertVersion(7);\n\n  const stylesImportPath = options.stylesImport ?? './styles';\n  const stylesExport = options.stylesExport ?? 'styles';\n\n  let injectedHelper = false;\n  let injectedImports = false;\n\n  function ensureImports(program: Program): void {\n    if (injectedImports) {\n      return;\n    }\n\n    program.body.unshift(\n      t.importDeclaration(\n        [t.importSpecifier(t.identifier('cssProp'), t.identifier('cssProp'))],\n        t.stringLiteral(CSS_PROP_RUNTIME_IMPORT),\n      ),\n      t.importDeclaration(\n        [t.importSpecifier(t.identifier('cx'), t.identifier('cx'))],\n        t.stringLiteral(CX_IMPORT),\n      ),\n      t.importDeclaration(\n        [t.importSpecifier(t.identifier(stylesExport), t.identifier(stylesExport))],\n        t.stringLiteral(stylesImportPath),\n      ),\n    );\n\n    injectedImports = true;\n  }\n\n  function ensureHelper(program: Program): void {\n    if (injectedHelper) {\n      return;\n    }\n\n    program.body.splice(\n      injectedImports ? 3 : 0,\n      0,\n      t.variableDeclaration('const', [\n        t.variableDeclarator(\n          t.identifier(CSS_PROP_HELPER),\n          t.arrowFunctionExpression(\n            [t.identifier('properties')],\n            t.callExpression(t.identifier('cssProp'), [\n              t.identifier(stylesExport),\n              t.identifier('properties'),\n            ]),\n          ),\n        ),\n      ]),\n    );\n\n    injectedHelper = true;\n  }\n\n  return {\n    name: '@typestyles/react/babel',\n    visitor: {\n      Program: {\n        exit() {\n          injectedHelper = false;\n          injectedImports = false;\n        },\n      },\n      JSXAttribute(attributePath: NodePath<t.JSXAttribute>) {\n        const { node } = attributePath;\n        if (!t.isJSXIdentifier(node.name, { name: 'css' })) {\n          return;\n        }\n\n        const value = node.value;\n        if (value == null || !t.isJSXExpressionContainer(value)) {\n          return;\n        }\n\n        if (t.isJSXEmptyExpression(value.expression)) {\n          return;\n        }\n\n        if (!isStaticCssValue(value.expression)) {\n          return;\n        }\n\n        const programPath = attributePath.findParent((parent) => parent.isProgram());\n        if (!programPath?.isProgram()) {\n          return;\n        }\n\n        ensureImports(programPath.node);\n        ensureHelper(programPath.node);\n\n        const jsxElement = attributePath.parentPath;\n        if (!jsxElement.isJSXOpeningElement()) {\n          return;\n        }\n\n        const cssCall = t.callExpression(t.identifier(CSS_PROP_HELPER), [value.expression]);\n\n        let existingClassName: t.JSXAttribute | undefined;\n        for (const attr of jsxElement.node.attributes) {\n          if (t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name, { name: 'className' })) {\n            existingClassName = attr;\n            break;\n          }\n        }\n\n        const classNameValue = mergeClassNames(cssCall, existingClassName?.value ?? undefined);\n\n        if (existingClassName) {\n          existingClassName.value = t.jsxExpressionContainer(classNameValue);\n        } else {\n          jsxElement.node.attributes.push(\n            t.jsxAttribute(t.jsxIdentifier('className'), t.jsxExpressionContainer(classNameValue)),\n          );\n        }\n\n        attributePath.remove();\n      },\n    },\n  } satisfies PluginObj;\n});\n"]}

package/dist/chunk-3YCUQVCM.js

@@ -0,0 +1,8 @@
+// src/css-prop-runtime.ts
+function cssProp(styles, properties) {
+  return styles.hashClass(properties);
+}
+
+export { cssProp };
+//# sourceMappingURL=chunk-3YCUQVCM.js.map
+//# sourceMappingURL=chunk-3YCUQVCM.js.map

package/dist/chunk-3YCUQVCM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css-prop-runtime.ts"],"names":[],"mappings":";AAEO,SAAS,OAAA,CACd,QACA,UAAA,EACQ;AACR,EAAA,OAAO,MAAA,CAAO,UAAU,UAAU,CAAA;AACpC","file":"chunk-3YCUQVCM.js","sourcesContent":["import type { CSSProperties } from 'typestyles';\n\nexport function cssProp(\n  styles: { hashClass: (properties: CSSProperties, label?: string) => string },\n  properties: CSSProperties,\n): string {\n  return styles.hashClass(properties);\n}\n"]}

package/dist/chunk-4BYX2HZ7.js

@@ -0,0 +1,22 @@
+import { createContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { cx } from 'typestyles';
+
+// src/context.tsx
+var TypeStylesContext = createContext(null);
+function TypeStylesProvider({
+  styles,
+  children
+}) {
+  return /* @__PURE__ */ jsx(TypeStylesContext.Provider, { value: styles, children });
+}
+function resolveCssPropClass(hashClass, css, className) {
+  if (css && typeof css === "object") {
+    return cx(hashClass(css), className);
+  }
+  return cx(className);
+}
+
+export { TypeStylesContext, TypeStylesProvider, resolveCssPropClass };
+//# sourceMappingURL=chunk-4BYX2HZ7.js.map
+//# sourceMappingURL=chunk-4BYX2HZ7.js.map

package/dist/chunk-4BYX2HZ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.tsx","../src/css-prop.ts"],"names":[],"mappings":";;;;;AAGO,IAAM,iBAAA,GAAoB,cAAgC,IAAI;AAE9D,SAAS,kBAAA,CAAmB;AAAA,EACjC,MAAA;AAAA,EACA;AACF,CAAA,EAGsB;AACpB,EAAA,2BAAQ,iBAAA,CAAkB,QAAA,EAAlB,EAA2B,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AAC9D;ACTO,SAAS,mBAAA,CACd,SAAA,EACA,GAAA,EACA,SAAA,EACQ;AACR,EAAA,IAAI,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,EAAU;AAClC,IAAA,OAAO,EAAA,CAAG,SAAA,CAAU,GAAG,CAAA,EAAG,SAAS,CAAA;AAAA,EACrC;AACA,EAAA,OAAO,GAAG,SAAS,CAAA;AACrB","file":"chunk-4BYX2HZ7.js","sourcesContent":["import { createContext, type ReactNode } from 'react';\nimport type { StylesApi } from 'typestyles';\n\nexport const TypeStylesContext = createContext<StylesApi | null>(null);\n\nexport function TypeStylesProvider({\n  styles,\n  children,\n}: {\n  styles: StylesApi;\n  children: ReactNode;\n}): React.JSX.Element {\n  return <TypeStylesContext.Provider value={styles}>{children}</TypeStylesContext.Provider>;\n}\n","import type { CSSProperties } from 'typestyles';\nimport { cx } from 'typestyles';\nimport type { CssPropValue } from './types';\n\nexport function resolveCssPropClass(\n  hashClass: (properties: CSSProperties, label?: string) => string,\n  css: CssPropValue | undefined,\n  className?: string,\n): string {\n  if (css && typeof css === 'object') {\n    return cx(hashClass(css), className);\n  }\n  return cx(className);\n}\n"]}

package/dist/css-prop-runtime.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+// src/css-prop-runtime.ts
+function cssProp(styles, properties) {
+  return styles.hashClass(properties);
+}
+
+exports.cssProp = cssProp;
+//# sourceMappingURL=css-prop-runtime.cjs.map
+//# sourceMappingURL=css-prop-runtime.cjs.map

package/dist/css-prop-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css-prop-runtime.ts"],"names":[],"mappings":";;;AAEO,SAAS,OAAA,CACd,QACA,UAAA,EACQ;AACR,EAAA,OAAO,MAAA,CAAO,UAAU,UAAU,CAAA;AACpC","file":"css-prop-runtime.cjs","sourcesContent":["import type { CSSProperties } from 'typestyles';\n\nexport function cssProp(\n  styles: { hashClass: (properties: CSSProperties, label?: string) => string },\n  properties: CSSProperties,\n): string {\n  return styles.hashClass(properties);\n}\n"]}

package/dist/css-prop-runtime.d.cts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'typestyles';
+
+declare function cssProp(styles: {
+    hashClass: (properties: CSSProperties, label?: string) => string;
+}, properties: CSSProperties): string;
+
+export { cssProp };

package/dist/css-prop-runtime.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'typestyles';
+
+declare function cssProp(styles: {
+    hashClass: (properties: CSSProperties, label?: string) => string;
+}, properties: CSSProperties): string;
+
+export { cssProp };

package/dist/css-prop-runtime.js

@@ -0,0 +1,3 @@
+export { cssProp } from './chunk-3YCUQVCM.js';
+//# sourceMappingURL=css-prop-runtime.js.map
+//# sourceMappingURL=css-prop-runtime.js.map

package/dist/css-prop-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css-prop-runtime.js"}

package/dist/index.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var react = require('react');
+var typestyles = require('typestyles');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/create-styled.tsx
+
+// src/split-props.ts
+var RESERVED_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "base",
+  "variants",
+  "compoundVariants",
+  "defaultVariants",
+  "slots"
+]);
+function splitVariantProps(props, variantKeys) {
+  const variants = {};
+  const rest = { ...props };
+  for (const key of variantKeys) {
+    if (key in rest) {
+      variants[key] = rest[key];
+      delete rest[key];
+    }
+  }
+  delete rest.className;
+  delete rest.css;
+  return {
+    variants,
+    rest
+  };
+}
+function getVariantKeysFromConfig(config) {
+  if (typeof config === "function") {
+    return [];
+  }
+  if ("variants" in config && config.variants && typeof config.variants === "object") {
+    return Object.keys(config.variants);
+  }
+  return Object.keys(config).filter((key) => !RESERVED_CONFIG_KEYS.has(key));
+}
+function resolveStyledArgs(tag, configOrNamespace, maybeConfig) {
+  if (typeof configOrNamespace === "string" && maybeConfig != null) {
+    return { tag, namespace: configOrNamespace, config: maybeConfig };
+  }
+  const namespace = typeof tag === "string" ? tag : "styled";
+  return {
+    tag,
+    namespace,
+    config: configOrNamespace
+  };
+}
+function createStyled(styles) {
+  function styled(tag, configOrNamespace, maybeConfig) {
+    const {
+      tag: element,
+      namespace,
+      config
+    } = resolveStyledArgs(tag, configOrNamespace, maybeConfig);
+    const recipe = styles.component(namespace, config);
+    const variantKeys = getVariantKeysFromConfig(
+      config
+    );
+    const Component = react.forwardRef(
+      function StyledComponent(props, ref) {
+        const { className, ...propsWithoutClassName } = props;
+        const { variants, rest } = splitVariantProps(
+          propsWithoutClassName,
+          variantKeys
+        );
+        const mergedClassName = typestyles.cx(
+          recipe(variants),
+          className
+        );
+        const Element = element;
+        return /* @__PURE__ */ jsxRuntime.jsx(Element, { ...rest, ref, className: mergedClassName });
+      }
+    );
+    Component.displayName = namespace.charAt(0).toUpperCase() + namespace.slice(1);
+    return Component;
+  }
+  return styled;
+}
+var TypeStylesContext = react.createContext(null);
+function TypeStylesProvider({
+  styles,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TypeStylesContext.Provider, { value: styles, children });
+}
+function resolveCssPropClass(hashClass, css, className) {
+  if (css && typeof css === "object") {
+    return typestyles.cx(hashClass(css), className);
+  }
+  return typestyles.cx(className);
+}
+
+// src/css-prop-runtime.ts
+function cssProp(styles, properties) {
+  return styles.hashClass(properties);
+}
+
+exports.TypeStylesContext = TypeStylesContext;
+exports.TypeStylesProvider = TypeStylesProvider;
+exports.createStyled = createStyled;
+exports.cssProp = cssProp;
+exports.resolveCssPropClass = resolveCssPropClass;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/split-props.ts","../src/create-styled.tsx","../src/context.tsx","../src/css-prop.ts","../src/css-prop-runtime.ts"],"names":["forwardRef","cx","createContext","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["const RESERVED_CONFIG_KEYS = new Set([\n  'base',\n  'variants',\n  'compoundVariants',\n  'defaultVariants',\n  'slots',\n]);\n\nexport function splitVariantProps<P extends Record<string, unknown>>(\n  props: P,\n  variantKeys: readonly string[],\n): {\n  variants: Record<string, unknown>;\n  rest: Omit<P, (typeof variantKeys)[number] | 'className' | 'css'>;\n} {\n  const variants: Record<string, unknown> = {};\n  const rest = { ...props } as Record<string, unknown>;\n\n  for (const key of variantKeys) {\n    if (key in rest) {\n      variants[key] = rest[key];\n      delete rest[key];\n    }\n  }\n\n  delete rest.className;\n  delete rest.css;\n\n  return {\n    variants,\n    rest: rest as Omit<P, (typeof variantKeys)[number] | 'className' | 'css'>,\n  };\n}\n\nexport function getVariantKeysFromConfig(\n  config: Record<string, unknown> | ((ctx: unknown) => Record<string, unknown>),\n): readonly string[] {\n  if (typeof config === 'function') {\n    return [];\n  }\n\n  if ('variants' in config && config.variants && typeof config.variants === 'object') {\n    return Object.keys(config.variants);\n  }\n\n  return Object.keys(config).filter((key) => !RESERVED_CONFIG_KEYS.has(key));\n}\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n} from 'react';\nimport type {\n  ComponentConfigInput,\n  ComponentReturn,\n  ComponentVariants,\n  FlatComponentConfigInput,\n  FlatComponentReturn,\n  StylesApi,\n  VariantDefinitions,\n} from 'typestyles';\nimport { cx } from 'typestyles';\nimport { getVariantKeysFromConfig, splitVariantProps } from './split-props';\n\ntype StyledComponentType<Tag extends ElementType, Recipe> = ForwardRefExoticComponent<\n  ComponentPropsWithoutRef<Tag> & ComponentVariants<Recipe> & RefAttributes<Element>\n>;\n\nexport type StyledFactory = {\n  <Tag extends ElementType, const V extends VariantDefinitions>(\n    tag: Tag,\n    config: ComponentConfigInput<V>,\n  ): StyledComponentType<Tag, ComponentReturn<V>>;\n  <Tag extends ElementType, const V extends VariantDefinitions, const N extends string>(\n    tag: Tag,\n    namespace: N,\n    config: ComponentConfigInput<V>,\n  ): StyledComponentType<Tag, ComponentReturn<V>>;\n  <Tag extends ElementType, const K extends string>(\n    tag: Tag,\n    config: FlatComponentConfigInput<K>,\n  ): StyledComponentType<Tag, FlatComponentReturn<K>>;\n  <Tag extends ElementType, const K extends string, const N extends string>(\n    tag: Tag,\n    namespace: N,\n    config: FlatComponentConfigInput<K>,\n  ): StyledComponentType<Tag, FlatComponentReturn<K>>;\n};\n\nfunction resolveStyledArgs(\n  tag: ElementType,\n  configOrNamespace:\n    | string\n    | ComponentConfigInput<VariantDefinitions>\n    | FlatComponentConfigInput<string>,\n  maybeConfig?: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>,\n): {\n  tag: ElementType;\n  namespace: string;\n  config: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>;\n} {\n  if (typeof configOrNamespace === 'string' && maybeConfig != null) {\n    return { tag, namespace: configOrNamespace, config: maybeConfig };\n  }\n\n  const namespace = typeof tag === 'string' ? tag : 'styled';\n  return {\n    tag,\n    namespace,\n    config: configOrNamespace as\n      | ComponentConfigInput<VariantDefinitions>\n      | FlatComponentConfigInput<string>,\n  };\n}\n\nexport function createStyled(styles: StylesApi): StyledFactory {\n  function styled<Tag extends ElementType>(\n    tag: Tag,\n    configOrNamespace:\n      | string\n      | ComponentConfigInput<VariantDefinitions>\n      | FlatComponentConfigInput<string>,\n    maybeConfig?: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>,\n  ) {\n    const {\n      tag: element,\n      namespace,\n      config,\n    } = resolveStyledArgs(tag, configOrNamespace, maybeConfig);\n    const recipe = styles.component(namespace, config as ComponentConfigInput<VariantDefinitions>);\n    const variantKeys = getVariantKeysFromConfig(\n      config as Record<string, unknown> | ((ctx: unknown) => Record<string, unknown>),\n    );\n\n    const Component = forwardRef<Element, ComponentPropsWithoutRef<Tag> & Record<string, unknown>>(\n      function StyledComponent(props, ref) {\n        const { className, ...propsWithoutClassName } = props;\n        const { variants, rest } = splitVariantProps(\n          propsWithoutClassName as Record<string, unknown>,\n          variantKeys,\n        );\n        const mergedClassName = cx(\n          (recipe as (selections?: Record<string, unknown>) => string)(variants),\n          className,\n        );\n        const Element = element;\n\n        return <Element {...rest} ref={ref} className={mergedClassName} />;\n      },\n    );\n\n    Component.displayName = namespace.charAt(0).toUpperCase() + namespace.slice(1);\n\n    return Component;\n  }\n\n  return styled as StyledFactory;\n}\n","import { createContext, type ReactNode } from 'react';\nimport type { StylesApi } from 'typestyles';\n\nexport const TypeStylesContext = createContext<StylesApi | null>(null);\n\nexport function TypeStylesProvider({\n  styles,\n  children,\n}: {\n  styles: StylesApi;\n  children: ReactNode;\n}): React.JSX.Element {\n  return <TypeStylesContext.Provider value={styles}>{children}</TypeStylesContext.Provider>;\n}\n","import type { CSSProperties } from 'typestyles';\nimport { cx } from 'typestyles';\nimport type { CssPropValue } from './types';\n\nexport function resolveCssPropClass(\n  hashClass: (properties: CSSProperties, label?: string) => string,\n  css: CssPropValue | undefined,\n  className?: string,\n): string {\n  if (css && typeof css === 'object') {\n    return cx(hashClass(css), className);\n  }\n  return cx(className);\n}\n","import type { CSSProperties } from 'typestyles';\n\nexport function cssProp(\n  styles: { hashClass: (properties: CSSProperties, label?: string) => string },\n  properties: CSSProperties,\n): string {\n  return styles.hashClass(properties);\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { ElementType, ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ReactNode } from 'react';
+import { VariantDefinitions, ComponentConfigInput, ComponentVariants, ComponentReturn, FlatComponentConfigInput, FlatComponentReturn, StylesApi, CSSProperties } from 'typestyles';
+import { C as CssPropValue } from './types-_vEO6H8X.cjs';
+export { W as WithCssProp } from './types-_vEO6H8X.cjs';
+export { cssProp } from './css-prop-runtime.cjs';
+
+type StyledComponentType<Tag extends ElementType, Recipe> = ForwardRefExoticComponent<ComponentPropsWithoutRef<Tag> & ComponentVariants<Recipe> & RefAttributes<Element>>;
+type StyledFactory = {
+    <Tag extends ElementType, const V extends VariantDefinitions>(tag: Tag, config: ComponentConfigInput<V>): StyledComponentType<Tag, ComponentReturn<V>>;
+    <Tag extends ElementType, const V extends VariantDefinitions, const N extends string>(tag: Tag, namespace: N, config: ComponentConfigInput<V>): StyledComponentType<Tag, ComponentReturn<V>>;
+    <Tag extends ElementType, const K extends string>(tag: Tag, config: FlatComponentConfigInput<K>): StyledComponentType<Tag, FlatComponentReturn<K>>;
+    <Tag extends ElementType, const K extends string, const N extends string>(tag: Tag, namespace: N, config: FlatComponentConfigInput<K>): StyledComponentType<Tag, FlatComponentReturn<K>>;
+};
+declare function createStyled(styles: StylesApi): StyledFactory;
+
+declare const TypeStylesContext: react.Context<StylesApi | null>;
+declare function TypeStylesProvider({ styles, children, }: {
+    styles: StylesApi;
+    children: ReactNode;
+}): React.JSX.Element;
+
+declare function resolveCssPropClass(hashClass: (properties: CSSProperties, label?: string) => string, css: CssPropValue | undefined, className?: string): string;
+
+export { CssPropValue, type StyledFactory, TypeStylesContext, TypeStylesProvider, createStyled, resolveCssPropClass };

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import * as react from 'react';
+import { ElementType, ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ReactNode } from 'react';
+import { VariantDefinitions, ComponentConfigInput, ComponentVariants, ComponentReturn, FlatComponentConfigInput, FlatComponentReturn, StylesApi, CSSProperties } from 'typestyles';
+import { C as CssPropValue } from './types-_vEO6H8X.js';
+export { W as WithCssProp } from './types-_vEO6H8X.js';
+export { cssProp } from './css-prop-runtime.js';
+
+type StyledComponentType<Tag extends ElementType, Recipe> = ForwardRefExoticComponent<ComponentPropsWithoutRef<Tag> & ComponentVariants<Recipe> & RefAttributes<Element>>;
+type StyledFactory = {
+    <Tag extends ElementType, const V extends VariantDefinitions>(tag: Tag, config: ComponentConfigInput<V>): StyledComponentType<Tag, ComponentReturn<V>>;
+    <Tag extends ElementType, const V extends VariantDefinitions, const N extends string>(tag: Tag, namespace: N, config: ComponentConfigInput<V>): StyledComponentType<Tag, ComponentReturn<V>>;
+    <Tag extends ElementType, const K extends string>(tag: Tag, config: FlatComponentConfigInput<K>): StyledComponentType<Tag, FlatComponentReturn<K>>;
+    <Tag extends ElementType, const K extends string, const N extends string>(tag: Tag, namespace: N, config: FlatComponentConfigInput<K>): StyledComponentType<Tag, FlatComponentReturn<K>>;
+};
+declare function createStyled(styles: StylesApi): StyledFactory;
+
+declare const TypeStylesContext: react.Context<StylesApi | null>;
+declare function TypeStylesProvider({ styles, children, }: {
+    styles: StylesApi;
+    children: ReactNode;
+}): React.JSX.Element;
+
+declare function resolveCssPropClass(hashClass: (properties: CSSProperties, label?: string) => string, css: CssPropValue | undefined, className?: string): string;
+
+export { CssPropValue, type StyledFactory, TypeStylesContext, TypeStylesProvider, createStyled, resolveCssPropClass };

package/dist/index.js

@@ -0,0 +1,85 @@
+export { TypeStylesContext, TypeStylesProvider, resolveCssPropClass } from './chunk-4BYX2HZ7.js';
+export { cssProp } from './chunk-3YCUQVCM.js';
+import { forwardRef } from 'react';
+import { cx } from 'typestyles';
+import { jsx } from 'react/jsx-runtime';
+
+// src/split-props.ts
+var RESERVED_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "base",
+  "variants",
+  "compoundVariants",
+  "defaultVariants",
+  "slots"
+]);
+function splitVariantProps(props, variantKeys) {
+  const variants = {};
+  const rest = { ...props };
+  for (const key of variantKeys) {
+    if (key in rest) {
+      variants[key] = rest[key];
+      delete rest[key];
+    }
+  }
+  delete rest.className;
+  delete rest.css;
+  return {
+    variants,
+    rest
+  };
+}
+function getVariantKeysFromConfig(config) {
+  if (typeof config === "function") {
+    return [];
+  }
+  if ("variants" in config && config.variants && typeof config.variants === "object") {
+    return Object.keys(config.variants);
+  }
+  return Object.keys(config).filter((key) => !RESERVED_CONFIG_KEYS.has(key));
+}
+function resolveStyledArgs(tag, configOrNamespace, maybeConfig) {
+  if (typeof configOrNamespace === "string" && maybeConfig != null) {
+    return { tag, namespace: configOrNamespace, config: maybeConfig };
+  }
+  const namespace = typeof tag === "string" ? tag : "styled";
+  return {
+    tag,
+    namespace,
+    config: configOrNamespace
+  };
+}
+function createStyled(styles) {
+  function styled(tag, configOrNamespace, maybeConfig) {
+    const {
+      tag: element,
+      namespace,
+      config
+    } = resolveStyledArgs(tag, configOrNamespace, maybeConfig);
+    const recipe = styles.component(namespace, config);
+    const variantKeys = getVariantKeysFromConfig(
+      config
+    );
+    const Component = forwardRef(
+      function StyledComponent(props, ref) {
+        const { className, ...propsWithoutClassName } = props;
+        const { variants, rest } = splitVariantProps(
+          propsWithoutClassName,
+          variantKeys
+        );
+        const mergedClassName = cx(
+          recipe(variants),
+          className
+        );
+        const Element = element;
+        return /* @__PURE__ */ jsx(Element, { ...rest, ref, className: mergedClassName });
+      }
+    );
+    Component.displayName = namespace.charAt(0).toUpperCase() + namespace.slice(1);
+    return Component;
+  }
+  return styled;
+}
+
+export { createStyled };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/split-props.ts","../src/create-styled.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["const RESERVED_CONFIG_KEYS = new Set([\n  'base',\n  'variants',\n  'compoundVariants',\n  'defaultVariants',\n  'slots',\n]);\n\nexport function splitVariantProps<P extends Record<string, unknown>>(\n  props: P,\n  variantKeys: readonly string[],\n): {\n  variants: Record<string, unknown>;\n  rest: Omit<P, (typeof variantKeys)[number] | 'className' | 'css'>;\n} {\n  const variants: Record<string, unknown> = {};\n  const rest = { ...props } as Record<string, unknown>;\n\n  for (const key of variantKeys) {\n    if (key in rest) {\n      variants[key] = rest[key];\n      delete rest[key];\n    }\n  }\n\n  delete rest.className;\n  delete rest.css;\n\n  return {\n    variants,\n    rest: rest as Omit<P, (typeof variantKeys)[number] | 'className' | 'css'>,\n  };\n}\n\nexport function getVariantKeysFromConfig(\n  config: Record<string, unknown> | ((ctx: unknown) => Record<string, unknown>),\n): readonly string[] {\n  if (typeof config === 'function') {\n    return [];\n  }\n\n  if ('variants' in config && config.variants && typeof config.variants === 'object') {\n    return Object.keys(config.variants);\n  }\n\n  return Object.keys(config).filter((key) => !RESERVED_CONFIG_KEYS.has(key));\n}\n","import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n} from 'react';\nimport type {\n  ComponentConfigInput,\n  ComponentReturn,\n  ComponentVariants,\n  FlatComponentConfigInput,\n  FlatComponentReturn,\n  StylesApi,\n  VariantDefinitions,\n} from 'typestyles';\nimport { cx } from 'typestyles';\nimport { getVariantKeysFromConfig, splitVariantProps } from './split-props';\n\ntype StyledComponentType<Tag extends ElementType, Recipe> = ForwardRefExoticComponent<\n  ComponentPropsWithoutRef<Tag> & ComponentVariants<Recipe> & RefAttributes<Element>\n>;\n\nexport type StyledFactory = {\n  <Tag extends ElementType, const V extends VariantDefinitions>(\n    tag: Tag,\n    config: ComponentConfigInput<V>,\n  ): StyledComponentType<Tag, ComponentReturn<V>>;\n  <Tag extends ElementType, const V extends VariantDefinitions, const N extends string>(\n    tag: Tag,\n    namespace: N,\n    config: ComponentConfigInput<V>,\n  ): StyledComponentType<Tag, ComponentReturn<V>>;\n  <Tag extends ElementType, const K extends string>(\n    tag: Tag,\n    config: FlatComponentConfigInput<K>,\n  ): StyledComponentType<Tag, FlatComponentReturn<K>>;\n  <Tag extends ElementType, const K extends string, const N extends string>(\n    tag: Tag,\n    namespace: N,\n    config: FlatComponentConfigInput<K>,\n  ): StyledComponentType<Tag, FlatComponentReturn<K>>;\n};\n\nfunction resolveStyledArgs(\n  tag: ElementType,\n  configOrNamespace:\n    | string\n    | ComponentConfigInput<VariantDefinitions>\n    | FlatComponentConfigInput<string>,\n  maybeConfig?: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>,\n): {\n  tag: ElementType;\n  namespace: string;\n  config: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>;\n} {\n  if (typeof configOrNamespace === 'string' && maybeConfig != null) {\n    return { tag, namespace: configOrNamespace, config: maybeConfig };\n  }\n\n  const namespace = typeof tag === 'string' ? tag : 'styled';\n  return {\n    tag,\n    namespace,\n    config: configOrNamespace as\n      | ComponentConfigInput<VariantDefinitions>\n      | FlatComponentConfigInput<string>,\n  };\n}\n\nexport function createStyled(styles: StylesApi): StyledFactory {\n  function styled<Tag extends ElementType>(\n    tag: Tag,\n    configOrNamespace:\n      | string\n      | ComponentConfigInput<VariantDefinitions>\n      | FlatComponentConfigInput<string>,\n    maybeConfig?: ComponentConfigInput<VariantDefinitions> | FlatComponentConfigInput<string>,\n  ) {\n    const {\n      tag: element,\n      namespace,\n      config,\n    } = resolveStyledArgs(tag, configOrNamespace, maybeConfig);\n    const recipe = styles.component(namespace, config as ComponentConfigInput<VariantDefinitions>);\n    const variantKeys = getVariantKeysFromConfig(\n      config as Record<string, unknown> | ((ctx: unknown) => Record<string, unknown>),\n    );\n\n    const Component = forwardRef<Element, ComponentPropsWithoutRef<Tag> & Record<string, unknown>>(\n      function StyledComponent(props, ref) {\n        const { className, ...propsWithoutClassName } = props;\n        const { variants, rest } = splitVariantProps(\n          propsWithoutClassName as Record<string, unknown>,\n          variantKeys,\n        );\n        const mergedClassName = cx(\n          (recipe as (selections?: Record<string, unknown>) => string)(variants),\n          className,\n        );\n        const Element = element;\n\n        return <Element {...rest} ref={ref} className={mergedClassName} />;\n      },\n    );\n\n    Component.displayName = namespace.charAt(0).toUpperCase() + namespace.slice(1);\n\n    return Component;\n  }\n\n  return styled as StyledFactory;\n}\n"]}

package/dist/jsx-dev-runtime.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var react = require('react');
+var jsxDevRuntime = require('react/jsx-dev-runtime');
+var typestyles = require('typestyles');
+require('react/jsx-runtime');
+
+// src/jsx-dev-runtime.ts
+function resolveCssPropClass(hashClass, css, className) {
+  if (css && typeof css === "object") {
+    return typestyles.cx(hashClass(css), className);
+  }
+  return typestyles.cx(className);
+}
+var TypeStylesContext = react.createContext(null);
+
+// src/jsx-dev-runtime.ts
+function processCssProp(props, styles) {
+  if (props.css == null) {
+    return props;
+  }
+  const { css, className, ...rest } = props;
+  const nextProps = {
+    ...rest,
+    className: resolveCssPropClass(styles.hashClass, css, className)
+  };
+  return nextProps;
+}
+var Fragment = jsxDevRuntime.Fragment;
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  const styles = react.useContext(TypeStylesContext);
+  if (props.css != null && styles == null) {
+    throw new Error(
+      "[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props."
+    );
+  }
+  const nextProps = styles ? processCssProp(props, styles) : props;
+  return jsxDevRuntime.jsxDEV(type, nextProps, key, isStaticChildren, source, self);
+}
+
+exports.Fragment = Fragment;
+exports.jsxDEV = jsxDEV;
+//# sourceMappingURL=jsx-dev-runtime.cjs.map
+//# sourceMappingURL=jsx-dev-runtime.cjs.map

package/dist/jsx-dev-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css-prop.ts","../src/context.tsx","../src/jsx-dev-runtime.ts"],"names":["cx","createContext","ReactFragment","useContext","reactJsxDEV"],"mappings":";;;;;;;;AAIO,SAAS,mBAAA,CACd,SAAA,EACA,GAAA,EACA,SAAA,EACQ;AACR,EAAA,IAAI,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,EAAU;AAClC,IAAA,OAAOA,aAAA,CAAG,SAAA,CAAU,GAAG,CAAA,EAAG,SAAS,CAAA;AAAA,EACrC;AACA,EAAA,OAAOA,cAAG,SAAS,CAAA;AACrB;ACVO,IAAM,iBAAA,GAAoBC,oBAAgC,IAAI,CAAA;;;ACGrE,SAAS,cAAA,CACP,OACA,MAAA,EACG;AACH,EAAA,IAAI,KAAA,CAAM,OAAO,IAAA,EAAM;AACrB,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACpC,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,SAAA,EAAW,mBAAA,CAAoB,MAAA,CAAO,SAAA,EAAW,KAAK,SAAS;AAAA,GACjE;AAEA,EAAA,OAAO,SAAA;AACT;AAEO,IAAM,QAAA,GAAWC;AAEjB,SAAS,OACd,IAAA,EACA,KAAA,EACA,GAAA,EACA,gBAAA,EACA,QACA,IAAA,EACoB;AACpB,EAAA,MAAM,MAAA,GAASC,iBAAW,iBAAiB,CAAA;AAE3C,EAAA,IAAI,KAAA,CAAM,GAAA,IAAO,IAAA,IAAQ,MAAA,IAAU,IAAA,EAAM;AACvC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AAEA,EAAA,MAAM,SAAA,GAAY,MAAA,GAAS,cAAA,CAAe,KAAA,EAAO,MAAM,CAAA,GAAK,KAAA;AAC5D,EAAA,OAAOC,qBAAY,IAAA,EAAM,SAAA,EAAW,GAAA,EAAK,gBAAA,EAAkB,QAAQ,IAAI,CAAA;AACzE","file":"jsx-dev-runtime.cjs","sourcesContent":["import type { CSSProperties } from 'typestyles';\nimport { cx } from 'typestyles';\nimport type { CssPropValue } from './types';\n\nexport function resolveCssPropClass(\n  hashClass: (properties: CSSProperties, label?: string) => string,\n  css: CssPropValue | undefined,\n  className?: string,\n): string {\n  if (css && typeof css === 'object') {\n    return cx(hashClass(css), className);\n  }\n  return cx(className);\n}\n","import { createContext, type ReactNode } from 'react';\nimport type { StylesApi } from 'typestyles';\n\nexport const TypeStylesContext = createContext<StylesApi | null>(null);\n\nexport function TypeStylesProvider({\n  styles,\n  children,\n}: {\n  styles: StylesApi;\n  children: ReactNode;\n}): React.JSX.Element {\n  return <TypeStylesContext.Provider value={styles}>{children}</TypeStylesContext.Provider>;\n}\n","import { useContext, type ElementType, type ReactNode } from 'react';\nimport { jsxDEV as reactJsxDEV, Fragment as ReactFragment } from 'react/jsx-dev-runtime';\nimport { resolveCssPropClass } from './css-prop';\nimport { TypeStylesContext } from './context';\nimport type { WithCssProp } from './types';\n\nfunction processCssProp<P extends Record<string, unknown>>(\n  props: WithCssProp<P>,\n  styles: NonNullable<React.ContextType<typeof TypeStylesContext>>,\n): P {\n  if (props.css == null) {\n    return props as P;\n  }\n\n  const { css, className, ...rest } = props;\n  const nextProps = {\n    ...rest,\n    className: resolveCssPropClass(styles.hashClass, css, className),\n  } as unknown as P;\n\n  return nextProps;\n}\n\nexport const Fragment = ReactFragment;\n\nexport function jsxDEV<P extends Record<string, unknown>>(\n  type: ElementType,\n  props: WithCssProp<P>,\n  key: React.Key | undefined,\n  isStaticChildren: boolean,\n  source: object | undefined,\n  self: unknown,\n): React.ReactElement {\n  const styles = useContext(TypeStylesContext);\n\n  if (props.css != null && styles == null) {\n    throw new Error(\n      '[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. ' +\n        'Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props.',\n    );\n  }\n\n  const nextProps = styles ? processCssProp(props, styles) : (props as P);\n  return reactJsxDEV(type, nextProps, key, isStaticChildren, source, self);\n}\n\nexport type { ReactNode };\n"]}

package/dist/jsx-dev-runtime.d.cts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ReactNode, ElementType } from 'react';
+export { ReactNode } from 'react';
+import { W as WithCssProp } from './types-_vEO6H8X.cjs';
+import 'typestyles';
+
+declare const Fragment: react.ExoticComponent<{
+    children?: ReactNode | undefined;
+}>;
+declare function jsxDEV<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key: React.Key | undefined, isStaticChildren: boolean, source: object | undefined, self: unknown): React.ReactElement;
+
+export { Fragment, jsxDEV };

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ReactNode, ElementType } from 'react';
+export { ReactNode } from 'react';
+import { W as WithCssProp } from './types-_vEO6H8X.js';
+import 'typestyles';
+
+declare const Fragment: react.ExoticComponent<{
+    children?: ReactNode | undefined;
+}>;
+declare function jsxDEV<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key: React.Key | undefined, isStaticChildren: boolean, source: object | undefined, self: unknown): React.ReactElement;
+
+export { Fragment, jsxDEV };

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,30 @@
+import { TypeStylesContext, resolveCssPropClass } from './chunk-4BYX2HZ7.js';
+import { useContext } from 'react';
+import { Fragment as Fragment$1, jsxDEV as jsxDEV$1 } from 'react/jsx-dev-runtime';
+
+function processCssProp(props, styles) {
+  if (props.css == null) {
+    return props;
+  }
+  const { css, className, ...rest } = props;
+  const nextProps = {
+    ...rest,
+    className: resolveCssPropClass(styles.hashClass, css, className)
+  };
+  return nextProps;
+}
+var Fragment = Fragment$1;
+function jsxDEV(type, props, key, isStaticChildren, source, self) {
+  const styles = useContext(TypeStylesContext);
+  if (props.css != null && styles == null) {
+    throw new Error(
+      "[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props."
+    );
+  }
+  const nextProps = styles ? processCssProp(props, styles) : props;
+  return jsxDEV$1(type, nextProps, key, isStaticChildren, source, self);
+}
+
+export { Fragment, jsxDEV };
+//# sourceMappingURL=jsx-dev-runtime.js.map
+//# sourceMappingURL=jsx-dev-runtime.js.map

package/dist/jsx-dev-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx-dev-runtime.ts"],"names":["ReactFragment","reactJsxDEV"],"mappings":";;;;AAMA,SAAS,cAAA,CACP,OACA,MAAA,EACG;AACH,EAAA,IAAI,KAAA,CAAM,OAAO,IAAA,EAAM;AACrB,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACpC,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,SAAA,EAAW,mBAAA,CAAoB,MAAA,CAAO,SAAA,EAAW,KAAK,SAAS;AAAA,GACjE;AAEA,EAAA,OAAO,SAAA;AACT;AAEO,IAAM,QAAA,GAAWA;AAEjB,SAAS,OACd,IAAA,EACA,KAAA,EACA,GAAA,EACA,gBAAA,EACA,QACA,IAAA,EACoB;AACpB,EAAA,MAAM,MAAA,GAAS,WAAW,iBAAiB,CAAA;AAE3C,EAAA,IAAI,KAAA,CAAM,GAAA,IAAO,IAAA,IAAQ,MAAA,IAAU,IAAA,EAAM;AACvC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AAEA,EAAA,MAAM,SAAA,GAAY,MAAA,GAAS,cAAA,CAAe,KAAA,EAAO,MAAM,CAAA,GAAK,KAAA;AAC5D,EAAA,OAAOC,SAAY,IAAA,EAAM,SAAA,EAAW,GAAA,EAAK,gBAAA,EAAkB,QAAQ,IAAI,CAAA;AACzE","file":"jsx-dev-runtime.js","sourcesContent":["import { useContext, type ElementType, type ReactNode } from 'react';\nimport { jsxDEV as reactJsxDEV, Fragment as ReactFragment } from 'react/jsx-dev-runtime';\nimport { resolveCssPropClass } from './css-prop';\nimport { TypeStylesContext } from './context';\nimport type { WithCssProp } from './types';\n\nfunction processCssProp<P extends Record<string, unknown>>(\n  props: WithCssProp<P>,\n  styles: NonNullable<React.ContextType<typeof TypeStylesContext>>,\n): P {\n  if (props.css == null) {\n    return props as P;\n  }\n\n  const { css, className, ...rest } = props;\n  const nextProps = {\n    ...rest,\n    className: resolveCssPropClass(styles.hashClass, css, className),\n  } as unknown as P;\n\n  return nextProps;\n}\n\nexport const Fragment = ReactFragment;\n\nexport function jsxDEV<P extends Record<string, unknown>>(\n  type: ElementType,\n  props: WithCssProp<P>,\n  key: React.Key | undefined,\n  isStaticChildren: boolean,\n  source: object | undefined,\n  self: unknown,\n): React.ReactElement {\n  const styles = useContext(TypeStylesContext);\n\n  if (props.css != null && styles == null) {\n    throw new Error(\n      '[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. ' +\n        'Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props.',\n    );\n  }\n\n  const nextProps = styles ? processCssProp(props, styles) : (props as P);\n  return reactJsxDEV(type, nextProps, key, isStaticChildren, source, self);\n}\n\nexport type { ReactNode };\n"]}

package/dist/jsx-runtime.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var typestyles = require('typestyles');
+
+// src/jsx-runtime.ts
+function resolveCssPropClass(hashClass, css, className) {
+  if (css && typeof css === "object") {
+    return typestyles.cx(hashClass(css), className);
+  }
+  return typestyles.cx(className);
+}
+var TypeStylesContext = react.createContext(null);
+
+// src/jsx-runtime.ts
+function processCssProp(props, styles) {
+  if (props.css == null) {
+    return props;
+  }
+  const { css, className, ...rest } = props;
+  const nextProps = {
+    ...rest,
+    className: resolveCssPropClass(styles.hashClass, css, className)
+  };
+  return nextProps;
+}
+function wrapJsx(factory, type, props, key) {
+  const styles = react.useContext(TypeStylesContext);
+  if (props.css != null && styles == null) {
+    throw new Error(
+      "[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props."
+    );
+  }
+  const nextProps = styles ? processCssProp(props, styles) : props;
+  return factory(type, nextProps, key);
+}
+var Fragment = jsxRuntime.Fragment;
+function jsx2(type, props, key) {
+  return wrapJsx(jsxRuntime.jsx, type, props, key);
+}
+function jsxs(type, props, key) {
+  return wrapJsx(jsxRuntime.jsxs, type, props, key);
+}
+
+exports.Fragment = Fragment;
+exports.jsx = jsx2;
+exports.jsxs = jsxs;
+//# sourceMappingURL=jsx-runtime.cjs.map
+//# sourceMappingURL=jsx-runtime.cjs.map

package/dist/jsx-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css-prop.ts","../src/context.tsx","../src/jsx-runtime.ts"],"names":["cx","createContext","useContext","ReactFragment","jsx","reactJsx","reactJsxs"],"mappings":";;;;;;;AAIO,SAAS,mBAAA,CACd,SAAA,EACA,GAAA,EACA,SAAA,EACQ;AACR,EAAA,IAAI,GAAA,IAAO,OAAO,GAAA,KAAQ,QAAA,EAAU;AAClC,IAAA,OAAOA,aAAA,CAAG,SAAA,CAAU,GAAG,CAAA,EAAG,SAAS,CAAA;AAAA,EACrC;AACA,EAAA,OAAOA,cAAG,SAAS,CAAA;AACrB;ACVO,IAAM,iBAAA,GAAoBC,oBAAgC,IAAI,CAAA;;;ACGrE,SAAS,cAAA,CACP,OACA,MAAA,EACG;AACH,EAAA,IAAI,KAAA,CAAM,OAAO,IAAA,EAAM;AACrB,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,MAAM,EAAE,GAAA,EAAK,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACpC,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,GAAG,IAAA;AAAA,IACH,SAAA,EAAW,mBAAA,CAAoB,MAAA,CAAO,SAAA,EAAW,KAAK,SAAS;AAAA,GACjE;AAEA,EAAA,OAAO,SAAA;AACT;AAEA,SAAS,OAAA,CACP,OAAA,EACA,IAAA,EACA,KAAA,EACA,GAAA,EACoB;AACpB,EAAA,MAAM,MAAA,GAASC,iBAAW,iBAAiB,CAAA;AAE3C,EAAA,IAAI,KAAA,CAAM,GAAA,IAAO,IAAA,IAAQ,MAAA,IAAU,IAAA,EAAM;AACvC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AAEA,EAAA,MAAM,SAAA,GAAY,MAAA,GAAS,cAAA,CAAe,KAAA,EAAO,MAAM,CAAA,GAAK,KAAA;AAC5D,EAAA,OAAO,OAAA,CAAQ,IAAA,EAAM,SAAA,EAAW,GAAG,CAAA;AACrC;AAEO,IAAM,QAAA,GAAWC;AAEjB,SAASC,IAAAA,CACd,IAAA,EACA,KAAA,EACA,GAAA,EACoB;AACpB,EAAA,OAAO,OAAA,CAAQC,cAAA,EAAU,IAAA,EAAM,KAAA,EAAO,GAAG,CAAA;AAC3C;AAEO,SAAS,IAAA,CACd,IAAA,EACA,KAAA,EACA,GAAA,EACoB;AACpB,EAAA,OAAO,OAAA,CAAQC,eAAA,EAAW,IAAA,EAAM,KAAA,EAAO,GAAG,CAAA;AAC5C","file":"jsx-runtime.cjs","sourcesContent":["import type { CSSProperties } from 'typestyles';\nimport { cx } from 'typestyles';\nimport type { CssPropValue } from './types';\n\nexport function resolveCssPropClass(\n  hashClass: (properties: CSSProperties, label?: string) => string,\n  css: CssPropValue | undefined,\n  className?: string,\n): string {\n  if (css && typeof css === 'object') {\n    return cx(hashClass(css), className);\n  }\n  return cx(className);\n}\n","import { createContext, type ReactNode } from 'react';\nimport type { StylesApi } from 'typestyles';\n\nexport const TypeStylesContext = createContext<StylesApi | null>(null);\n\nexport function TypeStylesProvider({\n  styles,\n  children,\n}: {\n  styles: StylesApi;\n  children: ReactNode;\n}): React.JSX.Element {\n  return <TypeStylesContext.Provider value={styles}>{children}</TypeStylesContext.Provider>;\n}\n","import { useContext, type ElementType, type ReactNode } from 'react';\nimport { jsx as reactJsx, jsxs as reactJsxs, Fragment as ReactFragment } from 'react/jsx-runtime';\nimport { resolveCssPropClass } from './css-prop';\nimport { TypeStylesContext } from './context';\nimport type { WithCssProp } from './types';\n\nfunction processCssProp<P extends Record<string, unknown>>(\n  props: WithCssProp<P>,\n  styles: NonNullable<React.ContextType<typeof TypeStylesContext>>,\n): P {\n  if (props.css == null) {\n    return props as P;\n  }\n\n  const { css, className, ...rest } = props;\n  const nextProps = {\n    ...rest,\n    className: resolveCssPropClass(styles.hashClass, css, className),\n  } as unknown as P;\n\n  return nextProps;\n}\n\nfunction wrapJsx<P extends Record<string, unknown>>(\n  factory: typeof reactJsx,\n  type: ElementType,\n  props: WithCssProp<P>,\n  key?: React.Key,\n): React.ReactElement {\n  const styles = useContext(TypeStylesContext);\n\n  if (props.css != null && styles == null) {\n    throw new Error(\n      '[@typestyles/react] The `css` prop requires a `TypeStylesProvider` with a `styles` instance. ' +\n        'Wrap your app in `<TypeStylesProvider styles={styles}>`, or use the Babel plugin for zero-runtime css props.',\n    );\n  }\n\n  const nextProps = styles ? processCssProp(props, styles) : (props as P);\n  return factory(type, nextProps, key);\n}\n\nexport const Fragment = ReactFragment;\n\nexport function jsx<P extends Record<string, unknown>>(\n  type: ElementType,\n  props: WithCssProp<P>,\n  key?: React.Key,\n): React.ReactElement {\n  return wrapJsx(reactJsx, type, props, key);\n}\n\nexport function jsxs<P extends Record<string, unknown>>(\n  type: ElementType,\n  props: WithCssProp<P>,\n  key?: React.Key,\n): React.ReactElement {\n  return wrapJsx(reactJsxs, type, props, key);\n}\n\nexport type { ReactNode };\n"]}

package/dist/jsx-runtime.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ReactNode, ElementType } from 'react';
+export { ReactNode } from 'react';
+import { W as WithCssProp } from './types-_vEO6H8X.cjs';
+import 'typestyles';
+
+declare const Fragment: react.ExoticComponent<{
+    children?: ReactNode | undefined;
+}>;
+declare function jsx<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key?: React.Key): React.ReactElement;
+declare function jsxs<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key?: React.Key): React.ReactElement;
+
+export { Fragment, jsx, jsxs };

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ReactNode, ElementType } from 'react';
+export { ReactNode } from 'react';
+import { W as WithCssProp } from './types-_vEO6H8X.js';
+import 'typestyles';
+
+declare const Fragment: react.ExoticComponent<{
+    children?: ReactNode | undefined;
+}>;
+declare function jsx<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key?: React.Key): React.ReactElement;
+declare function jsxs<P extends Record<string, unknown>>(type: ElementType, props: WithCssProp<P>, key?: React.Key): React.ReactElement;
+
+export { Fragment, jsx, jsxs };