@nuee/ui 0.3.2 → 0.4.0

package/dist/tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/tooltip.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, shadowVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  popup: {\n    kWkggS: \"xwr2flq\",\n    kaIpWk: \"x7c24we\",\n    kGVxlE: \"xkr81ss\",\n    kMwMTN: \"xw0th43\",\n    kGuDYH: \"x131ut49\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1vxnb6q\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"xdaxh69\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1ial40k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"xctuv9u\",\n    kdUZ5K: \"xuupxpy\",\n    k6CgDc: \"xsagj69\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"xdshaxz\",\n    kAMwcw: \"x1pa548h\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\ntype TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Popup> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(25);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      className,\n      side: t2,\n      sideOffset: t3,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = t3;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    t3 = $[6];\n    xstyle = $[7];\n  }\n  const align = t1 === undefined ? \"center\" : t1;\n  const side = t2 === undefined ? \"top\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6y048q\"\n    };\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] !== className || $[10] !== xstyle) {\n    t5 = state => {\n      const stylexProps = stylex.props(styles.popup, state.transitionStatus === \"starting\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return [stylexProps.className, typeof className === \"function\" ? className(state) : className].filter(Boolean).join(\" \");\n    };\n    $[9] = className;\n    $[10] = xstyle;\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] !== style || $[13] !== xstyle) {\n    t6 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.popup, state_0.transitionStatus === \"starting\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return {\n        ...stylexProps_0.style,\n        ...(typeof style === \"function\" ? style(state_0) : style)\n      };\n    };\n    $[12] = style;\n    $[13] = xstyle;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  let t7;\n  if ($[15] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t7 = <TooltipPrimitive.Arrow className=\"x1ulh7el xmt9z9w x17f91yp\" />;\n    $[15] = t7;\n  } else {\n    t7 = $[15];\n  }\n  let t8;\n  if ($[16] !== props || $[17] !== t5 || $[18] !== t6) {\n    t8 = <TooltipPrimitive.Popup {...props} className={t5} style={t6}>{props.children}{t7}</TooltipPrimitive.Popup>;\n    $[16] = props;\n    $[17] = t5;\n    $[18] = t6;\n    $[19] = t8;\n  } else {\n    t8 = $[19];\n  }\n  let t9;\n  if ($[20] !== align || $[21] !== side || $[22] !== sideOffset || $[23] !== t8) {\n    t9 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t4}>{t8}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[20] = align;\n    $[21] = side;\n    $[22] = sideOffset;\n    $[23] = t8;\n    $[24] = t9;\n  } else {\n    t9 = $[24];\n  }\n  return t9;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, shadowVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  popup: {\n    kWkggS: \"xwr2flq\",\n    kaIpWk: \"x7c24we\",\n    kGVxlE: \"xkr81ss\",\n    kMwMTN: \"xw0th43\",\n    kGuDYH: \"x131ut49\",\n    kLWn49: \"xi1fz51\",\n    ks0D6T: \"x1vxnb6q\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"xdaxh69\",\n    k3aq6I: \"x3oybdh\",\n    k3nNDw: \"xctpfpq\",\n    kIyJzY: \"x1ial40k\",\n    k1ekBW: \"x6o7n8i\",\n    kAMwcw: \"xctuv9u\",\n    kdUZ5K: \"xuupxpy\",\n    k6CgDc: \"xsagj69\",\n    $$css: true\n  },\n  popupTransitioning: {\n    kSiTet: \"xg01cxk\",\n    k3aq6I: \"xjzqdv7\",\n    $$css: true\n  },\n  popupEnding: {\n    kIyJzY: \"xdshaxz\",\n    kAMwcw: \"x1pa548h\",\n    $$css: true\n  }\n};\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\ntype TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Popup> & Pick<ComponentProps<typeof TooltipPrimitive.Positioner>, \"align\" | \"side\" | \"sideOffset\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function TooltipContent(t0) {\n  const $ = _c(20);\n  let props;\n  let t1;\n  let t2;\n  let t3;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      align: t1,\n      side: t2,\n      sideOffset: t3,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = t3;\n    $[5] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    t3 = $[4];\n    xstyle = $[5];\n  }\n  const align = t1 === undefined ? \"center\" : t1;\n  const side = t2 === undefined ? \"top\" : t2;\n  const sideOffset = t3 === undefined ? 6 : t3;\n  let t4;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6y048q\"\n    };\n    $[6] = t4;\n  } else {\n    t4 = $[6];\n  }\n  let t5;\n  let t6;\n  if ($[7] !== xstyle) {\n    t5 = state => {\n      const stylexProps = stylex.props(styles.popup, state.transitionStatus === \"starting\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupTransitioning, state.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return stylexProps.className;\n    };\n    t6 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.popup, state_0.transitionStatus === \"starting\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupTransitioning, state_0.transitionStatus === \"ending\" && styles.popupEnding, xstyle);\n      return stylexProps_0.style;\n    };\n    $[7] = xstyle;\n    $[8] = t5;\n    $[9] = t6;\n  } else {\n    t5 = $[8];\n    t6 = $[9];\n  }\n  let t7;\n  if ($[10] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t7 = <TooltipPrimitive.Arrow className=\"x1ulh7el xmt9z9w x17f91yp\" />;\n    $[10] = t7;\n  } else {\n    t7 = $[10];\n  }\n  let t8;\n  if ($[11] !== props || $[12] !== t5 || $[13] !== t6) {\n    t8 = <TooltipPrimitive.Popup {...props} className={t5} style={t6}>{props.children}{t7}</TooltipPrimitive.Popup>;\n    $[11] = props;\n    $[12] = t5;\n    $[13] = t6;\n    $[14] = t8;\n  } else {\n    t8 = $[14];\n  }\n  let t9;\n  if ($[15] !== align || $[16] !== side || $[17] !== sideOffset || $[18] !== t8) {\n    t9 = <TooltipPrimitive.Portal><TooltipPrimitive.Positioner align={align} side={side} sideOffset={sideOffset} {...t4}>{t8}</TooltipPrimitive.Positioner></TooltipPrimitive.Portal>;\n    $[15] = align;\n    $[16] = side;\n    $[17] = sideOffset;\n    $[18] = t8;\n    $[19] = t9;\n  } else {\n    t9 = $[19];\n  }\n  return t9;\n}"],
+  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,WAAW,wBAAwB;AAC5C,YAAY,YAAY;AAoGf,cAOA,YAPA;AAjGT,IAAM,SAAS;AAAA,EACb,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AACO,IAAM,UAAU,iBAAiB;AACjC,IAAM,kBAAkB,iBAAiB;AACzC,IAAM,iBAAiB,iBAAiB;AAIxC,SAAS,eAAe,IAAI;AACjC,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,OAAO;AAAA,MACP,MAAM;AAAA,MACN,YAAY;AAAA,MACZ;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,QAAQ,OAAO,SAAY,WAAW;AAC5C,QAAM,OAAO,OAAO,SAAY,QAAQ;AACxC,QAAM,aAAa,OAAO,SAAY,IAAI;AAC1C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,uBAAO,IAAI,2BAA2B,GAAG;AACpD,SAAK;AAAA,MACH,WAAW;AAAA,IACb;AACA,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAK,WAAS;AACZ,YAAM,cAAqB,aAAM,OAAO,OAAO,MAAM,qBAAqB,cAAc,OAAO,oBAAoB,MAAM,qBAAqB,YAAY,OAAO,oBAAoB,MAAM,qBAAqB,YAAY,OAAO,aAAa,MAAM;AACtP,aAAO,YAAY;AAAA,IACrB;AACA,SAAK,aAAW;AACd,YAAM,gBAAuB,aAAM,OAAO,OAAO,QAAQ,qBAAqB,cAAc,OAAO,oBAAoB,QAAQ,qBAAqB,YAAY,OAAO,oBAAoB,QAAQ,qBAAqB,YAAY,OAAO,aAAa,MAAM;AAC9P,aAAO,cAAc;AAAA,IACvB;AACA,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,uBAAO,IAAI,2BAA2B,GAAG;AACrD,SAAK,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,6BAA4B;AACnE,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,qBAAC,iBAAiB,OAAjB,EAAwB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAK;AAAA,MAAAA,OAAM;AAAA,MAAU;AAAA,OAAG;AACtF,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,QAAQ,EAAE,EAAE,MAAM,cAAc,EAAE,EAAE,MAAM,IAAI;AAC7E,SAAK,oBAAC,iBAAiB,QAAjB,EAAwB,8BAAC,iBAAiB,YAAjB,EAA4B,OAAc,MAAY,YAAyB,GAAG,IAAK,cAAG,GAA8B;AACvJ,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
   "names": ["props"]
 }

package/dist/typography.d.ts

@@ -1,5 +1,5 @@
 import * as stylex from "@stylexjs/stylex";
-import { type CSSProperties, type HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 type TypographyElement = "blockquote" | "code" | "h1" | "h2" | "h3" | "p" | "span";
 type TypographyVariant = "body" | "caption" | "code" | "display" | "heading" | "label" | "title";
 export type TypographyProps = HTMLAttributes<HTMLElement> & {
@@ -7,7 +7,7 @@ export type TypographyProps = HTMLAttributes<HTMLElement> & {
     variant?: TypographyVariant;
     xstyle?: stylex.StyleXStyles;
 };
-export declare function Typography({ as, className, style, variant, xstyle, ...props }: TypographyProps): import("react").DetailedReactHTMLElement<{
+export declare function Typography({ as, variant, xstyle, ...props }: TypographyProps): import("react").DetailedReactHTMLElement<{
     children?: import("react").ReactNode | undefined;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
@@ -240,6 +240,7 @@ export declare function Typography({ as, className, style, variant, xstyle, ...p
     accessKey?: string | undefined;
     autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
+    className?: string | undefined;
     contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
@@ -251,6 +252,9 @@ export declare function Typography({ as, className, style, variant, xstyle, ...p
     nonce?: string | undefined;
     slot?: string | undefined;
     spellCheck?: ("false" | "true" | boolean) | undefined;
+    style?: import("react").CSSProperties | Readonly<{
+        [$$Key$$: string]: string | number;
+    }> | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -286,7 +290,6 @@ export declare function Typography({ as, className, style, variant, xstyle, ...p
     is?: string | undefined;
     exportparts?: string | undefined;
     part?: string | undefined;
-    className: string;
-    style: CSSProperties;
+    'data-style-src'?: string;
 }, HTMLElement>;
 export {};

package/dist/typography.js

@@ -69,21 +69,14 @@ var defaultElementMap = {
 };
 function Typography({
   as,
-  className,
-  style,
   variant = "body",
   xstyle,
   ...props2
 }) {
   const element = as ?? defaultElementMap[variant];
-  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);
   return createElement(element, {
     ...props2,
-    className: [stylexProps.className, className].filter(Boolean).join(" "),
-    style: {
-      ...stylexProps.style,
-      ...style
-    }
+    ...stylex.props(styles.root, styles[variant], xstyle)
   });
 }
 export {

package/dist/typography.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/typography.tsx"],
-  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type CSSProperties, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x1alews2\",\n    kMv6JI: \"x14e0hi7\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  display: {\n    kGuDYH: \"x579bpy\",\n    k63SB2: \"xq1ytqg\",\n    kb6lSQ: \"x1w69ole\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"x11icns7\",\n    k63SB2: \"xq1ytqg\",\n    kb6lSQ: \"x1lg07ej\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  heading: {\n    kGuDYH: \"x1owaoya\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  body: {\n    kGuDYH: \"x1dmpjil\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  label: {\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"x1ry1pnm\",\n    kGuDYH: \"x131ut49\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  code: {\n    kWkggS: \"x13hkpcx\",\n    kaIpWk: \"x7c24we\",\n    kMv6JI: \"x17yh6e0\",\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"x1cot6zx\",\n    $$css: true\n  }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n  body: \"p\",\n  caption: \"span\",\n  code: \"code\",\n  display: \"h1\",\n  heading: \"h3\",\n  label: \"span\",\n  title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  as?: TypographyElement;\n  variant?: TypographyVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n  as,\n  className,\n  style,\n  variant = \"body\",\n  xstyle,\n  ...props\n}: TypographyProps) {\n  const element = as ?? defaultElementMap[variant];\n  const stylexProps = stylex.props(styles.root, styles[variant], xstyle);\n  return createElement(element, {\n    ...props,\n    className: [stylexProps.className, className].filter(Boolean).join(\" \"),\n    style: {\n      ...stylexProps.style,\n      ...style\n    } as CSSProperties\n  });\n}"],
-  "mappings": ";AAAA,YAAY,YAAY;AACxB,SAAS,qBAA8D;AAEvE,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGA,IAAM,oBAAkE;AAAA,EACtE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAoB;AAClB,QAAM,UAAU,MAAM,kBAAkB,OAAO;AAC/C,QAAM,cAAqB,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AACrE,SAAO,cAAc,SAAS;AAAA,IAC5B,GAAGA;AAAA,IACH,WAAW,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACtE,OAAO;AAAA,MACL,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { createElement, type HTMLAttributes } from \"react\";\nimport { colorVars, radiusVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kMwMTN: \"x1alews2\",\n    kMv6JI: \"x14e0hi7\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  display: {\n    kGuDYH: \"x579bpy\",\n    k63SB2: \"xq1ytqg\",\n    kb6lSQ: \"x1w69ole\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  title: {\n    kGuDYH: \"x11icns7\",\n    k63SB2: \"xq1ytqg\",\n    kb6lSQ: \"x1lg07ej\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  heading: {\n    kGuDYH: \"x1owaoya\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"x1hfsx4t\",\n    $$css: true\n  },\n  body: {\n    kGuDYH: \"x1dmpjil\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  label: {\n    kGuDYH: \"x99mhxu\",\n    k63SB2: \"x1v899x5\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"x1ry1pnm\",\n    kGuDYH: \"x131ut49\",\n    k63SB2: \"xgtczyh\",\n    kLWn49: \"xi1fz51\",\n    $$css: true\n  },\n  code: {\n    kWkggS: \"x13hkpcx\",\n    kaIpWk: \"x7c24we\",\n    kMv6JI: \"x17yh6e0\",\n    kGuDYH: \"x99mhxu\",\n    kLWn49: \"xi1fz51\",\n    k8WAf4: \"x15cgg\",\n    kg3NbH: \"x1cot6zx\",\n    $$css: true\n  }\n};\ntype TypographyElement = \"blockquote\" | \"code\" | \"h1\" | \"h2\" | \"h3\" | \"p\" | \"span\";\ntype TypographyVariant = \"body\" | \"caption\" | \"code\" | \"display\" | \"heading\" | \"label\" | \"title\";\nconst defaultElementMap: Record<TypographyVariant, TypographyElement> = {\n  body: \"p\",\n  caption: \"span\",\n  code: \"code\",\n  display: \"h1\",\n  heading: \"h3\",\n  label: \"span\",\n  title: \"h2\"\n};\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  as?: TypographyElement;\n  variant?: TypographyVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Typography({\n  as,\n  variant = \"body\",\n  xstyle,\n  ...props\n}: TypographyProps) {\n  const element = as ?? defaultElementMap[variant];\n  return createElement(element, {\n    ...props,\n    ...stylex.props(styles.root, styles[variant], xstyle)\n  });\n}"],
+  "mappings": ";AAAA,YAAY,YAAY;AACxB,SAAS,qBAA0C;AAEnD,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGA,IAAM,oBAAkE;AAAA,EACtE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;AAMO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAGA;AACL,GAAoB;AAClB,QAAM,UAAU,MAAM,kBAAkB,OAAO;AAC/C,SAAO,cAAc,SAAS;AAAA,IAC5B,GAAGA;AAAA,IACH,GAAU,aAAM,OAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AAAA,EACtD,CAAC;AACH;",
   "names": ["props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuee/ui",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -78,8 +78,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@nuee/cli": "0.3.2",
-    "@nuee/tokens": "0.3.2"
+    "@nuee/cli": "0.4.0",
+    "@nuee/tokens": "0.4.0"
   },
   "devDependencies": {
     "@base-ui/react": "1.7.0",

package/dist/stylex-props.d.ts

@@ -1,3 +0,0 @@
-import * as stylex from "@stylexjs/stylex";
-import type { ComponentProps } from "react";
-export declare function getNativeStyleProps(stylexProps: ReturnType<typeof stylex.props>, className?: string, style?: ComponentProps<"div">["style"]): Pick<ComponentProps<"div">, "className" | "style">;