@nuee/ui 0.4.0 → 0.5.0

package/dist/separator.d.ts

@@ -1,7 +1,7 @@
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {
+export type SeparatorProps = Omit<ComponentProps<typeof SeparatorPrimitive>, "className" | "style"> & {
     decorative?: boolean;
     xstyle?: stylex.StyleXStyles;
 };

package/dist/separator.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/separator.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
@@ -47,24 +49,23 @@ function Separator(t0) {
   }
   const decorative = t1 === void 0 ? true : t1;
   const orientation = t2 === void 0 ? "horizontal" : t2;
-  let t3;
+  const t3 = decorative || void 0;
+  const t4 = decorative ? "presentation" : void 0;
+  let t5;
   if ($[5] !== orientation || $[6] !== xstyle) {
-    t3 = stylex.props(styles.root, styles[orientation], xstyle);
+    t5 = stylex.props(styles.root, styles[orientation], xstyle);
     $[5] = orientation;
     $[6] = xstyle;
-    $[7] = t3;
+    $[7] = t5;
   } else {
-    t3 = $[7];
+    t5 = $[7];
   }
-  const stylexProps = t3;
-  const t4 = decorative || void 0;
-  const t5 = decorative ? "presentation" : void 0;
   let t6;
-  if ($[8] !== orientation || $[9] !== props2 || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props2, "aria-hidden": t4, orientation, role: t5, ...stylexProps });
+  if ($[8] !== orientation || $[9] !== props2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
+    t6 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props2, "aria-hidden": t3, orientation, role: t4, ...t5 });
     $[8] = orientation;
     $[9] = props2;
-    $[10] = stylexProps;
+    $[10] = t3;
     $[11] = t4;
     $[12] = t5;
     $[13] = t6;

package/dist/separator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/separator.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"xoec9bc\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"x1c2adg6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"x43ag4r\",\n    kzqmXN: \"x1l4o4rh\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(14);\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      decorative: t1,\n      orientation: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    xstyle = $[4];\n  }\n  const decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  let t3;\n  if ($[5] !== orientation || $[6] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[5] = orientation;\n    $[6] = xstyle;\n    $[7] = t3;\n  } else {\n    t3 = $[7];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[8] !== orientation || $[9] !== props || $[10] !== stylexProps || $[11] !== t4 || $[12] !== t5) {\n    t6 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} {...stylexProps} />;\n    $[8] = orientation;\n    $[9] = props;\n    $[10] = stylexProps;\n    $[11] = t4;\n    $[12] = t5;\n    $[13] = t6;\n  } else {\n    t6 = $[13];\n  }\n  return t6;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa,0BAA0B;AAChD,YAAY,YAAY;AAiEf;AA9DT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,UAAU,IAAI;AAC5B,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;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;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,aAAa,OAAO,SAAY,OAAO;AAC7C,QAAM,cAAc,OAAO,SAAY,eAAe;AACtD,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAM,QAAQ;AAC3C,SAAY,aAAM,OAAO,MAAM,OAAO,WAAW,GAAG,MAAM;AAC1D,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,QAAM,KAAK,cAAc;AACzB,QAAM,KAAK,aAAa,iBAAiB;AACzC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAMA,UAAS,EAAE,EAAE,MAAM,eAAe,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnG,SAAK,oBAAC,sBAAoB,GAAGA,QAAO,eAAa,IAAI,aAA0B,MAAM,IAAK,GAAG,aAAa;AAC1G,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,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;",
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport { colorVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  root: {\n    kWkggS: \"xoec9bc\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"x1c2adg6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"x43ag4r\",\n    kzqmXN: \"x1l4o4rh\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = Omit<ComponentProps<typeof SeparatorPrimitive>, \"className\" | \"style\"> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(14);\n  let props;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      decorative: t1,\n      orientation: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = t2;\n    $[4] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    t2 = $[3];\n    xstyle = $[4];\n  }\n  const decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  const t3 = decorative || undefined;\n  const t4 = decorative ? \"presentation\" : undefined;\n  let t5;\n  if ($[5] !== orientation || $[6] !== xstyle) {\n    t5 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[5] = orientation;\n    $[6] = xstyle;\n    $[7] = t5;\n  } else {\n    t5 = $[7];\n  }\n  let t6;\n  if ($[8] !== orientation || $[9] !== props || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {\n    t6 = <SeparatorPrimitive {...props} aria-hidden={t3} orientation={orientation} role={t4} {...t5} />;\n    $[8] = orientation;\n    $[9] = props;\n    $[10] = t3;\n    $[11] = t4;\n    $[12] = t5;\n    $[13] = t6;\n  } else {\n    t6 = $[13];\n  }\n  return t6;\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa,0BAA0B;AAEhD,YAAY,YAAY;AA+Df;AA7DT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,UAAU,IAAI;AAC5B,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;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;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,aAAa,OAAO,SAAY,OAAO;AAC7C,QAAM,cAAc,OAAO,SAAY,eAAe;AACtD,QAAM,KAAK,cAAc;AACzB,QAAM,KAAK,aAAa,iBAAiB;AACzC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAM,QAAQ;AAC3C,SAAY,aAAM,OAAO,MAAM,OAAO,WAAW,GAAG,MAAM;AAC1D,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AAC1F,SAAK,oBAAC,sBAAoB,GAAGA,QAAO,eAAa,IAAI,aAA0B,MAAM,IAAK,GAAG,IAAI;AACjG,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,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/skeleton.d.ts

@@ -1,6 +1,6 @@
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type SkeletonProps = ComponentProps<"div"> & {
+export type SkeletonProps = Omit<ComponentProps<"div">, "className" | "style"> & {
     xstyle?: stylex.StyleXStyles;
 };
 export declare function Skeleton({ xstyle, ...props }: SkeletonProps): import("react").JSX.Element;

package/dist/skeleton.js

@@ -1,5 +1,4 @@
 // src/skeleton.tsx
-import { c as _c } from "react/compiler-runtime";
 import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
@@ -8,47 +7,17 @@ var styles = {
     ko0y90: "xa4qsjk",
     kKVMdj: "xcx56e2",
     kyAemX: "x4hg4is",
-    kWkggS: "x13hkpcx",
+    kWkggS: "xivdwog",
     kaIpWk: "x7c24we",
     kjO2d4: "x1aquc0h",
     $$css: true
   }
 };
-function Skeleton(t0) {
-  const $ = _c(8);
-  let props2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = xstyle;
-  } else {
-    props2 = $[1];
-    xstyle = $[2];
-  }
-  let t1;
-  if ($[3] !== xstyle) {
-    t1 = stylex.props(styles.root, xstyle);
-    $[3] = xstyle;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const stylexProps = t1;
-  let t2;
-  if ($[5] !== props2 || $[6] !== stylexProps) {
-    t2 = /* @__PURE__ */ jsx("div", { ...props2, "aria-hidden": "true", ...stylexProps });
-    $[5] = props2;
-    $[6] = stylexProps;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function Skeleton({
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, "aria-hidden": "true", ...stylex.props(styles.root, xstyle) });
 }
 export {
   Skeleton

package/dist/skeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/skeleton.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars } from \"@nuee/tokens/semantic.stylex\";\nconst pulse = \"x13kz0yu-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xmg6eyc\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xcx56e2\",\n    kyAemX: \"x4hg4is\",\n    kWkggS: \"x13hkpcx\",\n    kaIpWk: \"x7c24we\",\n    kjO2d4: \"x1aquc0h\",\n    $$css: true\n  }\n};\nexport type SkeletonProps = ComponentProps<\"div\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Skeleton(t0) {\n  const $ = _c(8);\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = xstyle;\n  } else {\n    props = $[1];\n    xstyle = $[2];\n  }\n  let t1;\n  if ($[3] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== props || $[6] !== stylexProps) {\n    t2 = <div {...props} aria-hidden=\"true\" {...stylexProps} />;\n    $[5] = props;\n    $[6] = stylexProps;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  return t2;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AA8Cf;AA1CT,IAAM,SAAS;AAAA,EACb,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;AAIO,SAAS,SAAS,IAAI;AAC3B,QAAM,IAAI,GAAG,CAAC;AACd,MAAIA;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,aAAa;AAC1C,SAAK,oBAAC,SAAK,GAAGA,QAAO,eAAY,QAAQ,GAAG,aAAa;AACzD,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;",
+  "sourcesContent": ["import { colorVars, radiusVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst pulse = \"x13kz0yu-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xmg6eyc\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xcx56e2\",\n    kyAemX: \"x4hg4is\",\n    kWkggS: \"xivdwog\",\n    kaIpWk: \"x7c24we\",\n    kjO2d4: \"x1aquc0h\",\n    $$css: true\n  }\n};\nexport type SkeletonProps = Omit<ComponentProps<\"div\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Skeleton({\n  xstyle,\n  ...props\n}: SkeletonProps) {\n  return <div {...props} aria-hidden=\"true\" {...stylex.props(styles.root, xstyle)} />;\n}"],
+  "mappings": ";AACA,YAAY,YAAY;AAsBf;AAnBT,IAAM,SAAS;AAAA,EACb,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;AAIO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,SAAO,oBAAC,SAAK,GAAGA,QAAO,eAAY,QAAQ,GAAU,aAAM,OAAO,MAAM,MAAM,GAAG;AACnF;",
   "names": ["props"]
 }

package/dist/slider.d.ts

@@ -1,9 +1,9 @@
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {
+import type { ControlLayoutStyles } from "./control-layout";
+export type SliderProps = Omit<ComponentProps<typeof SliderPrimitive.Root>, "className" | "style"> & {
     /** Returns an accessible name for each thumb in a range slider. */
     getAriaLabel?: (index: number) => string;
-    xstyle?: stylex.StyleXStyles;
+    xstyle?: ControlLayoutStyles;
 };
 export declare function Slider({ defaultValue, getAriaLabel, value, xstyle, ...props }: SliderProps): import("react").JSX.Element;

package/dist/slider.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/slider.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
@@ -6,12 +8,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var styles = {
   root: {
     kSiTet: "x1hc1fzr xfz0snt",
+    kIyJzY: "xdshaxz",
+    k1ekBW: "x19991ni",
+    kAMwcw: "xscx6xn",
     kzqmXN: "xh8yej3",
     $$css: true
   }
 };
 function Slider(t0) {
-  const $ = _c(27);
+  const $ = _c(23);
   let defaultValue;
   let getAriaLabel;
   let props2;
@@ -49,56 +54,42 @@ function Slider(t0) {
     t1 = $[7];
   }
   const stylexProps = t1;
-  let t2;
-  if ($[8] !== stylexProps.className) {
-    t2 = () => stylexProps.className;
-    $[8] = stylexProps.className;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  let t3;
-  if ($[10] !== stylexProps.style) {
-    t3 = () => stylexProps.style;
-    $[10] = stylexProps.style;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
+  const t2 = stylexProps.className;
+  const t3 = stylexProps.style;
   let t4;
-  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = {
       className: "x6s0dn4 x78zum5 xqq8mc5 x1n2onr6 x5ve5x3 xh8yej3"
     };
-    $[12] = t4;
+    $[8] = t4;
   } else {
-    t4 = $[12];
+    t4 = $[8];
   }
   let t5;
-  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = {
-      className: "x13hkpcx x9gkxt8 x4j2xbe xb3r6kr xh8yej3"
+      className: "x13hkpcx x9gkxt8 x1w91hgg xb3r6kr xh8yej3"
     };
-    $[13] = t5;
+    $[9] = t5;
   } else {
-    t5 = $[13];
+    t5 = $[9];
   }
   let t6;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = /* @__PURE__ */ jsx(SliderPrimitive.Track, { ...t5, children: /* @__PURE__ */ jsx(SliderPrimitive.Indicator, { className: "x92qhq x9gkxt8 x5yr21d" }) });
-    $[14] = t6;
+    $[10] = t6;
   } else {
-    t6 = $[14];
+    t6 = $[10];
   }
   let t7;
-  if ($[15] !== getAriaLabel || $[16] !== thumbCount) {
+  if ($[11] !== getAriaLabel || $[12] !== thumbCount) {
     let t82;
-    if ($[18] !== getAriaLabel) {
-      t82 = (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { getAriaLabel, index, className: "x8m6yc2 x1bpblyy x9gkxt8 x1y0btm7 xzgztj1 xmll18r x1a2a7pz xwqq7k2 x7yqiub xzvmsi2 x9v5kkp x11ci167" }, index);
-      $[18] = getAriaLabel;
-      $[19] = t82;
+    if ($[14] !== getAriaLabel) {
+      t82 = (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { getAriaLabel, index, className: "x8m6yc2 x1bpblyy x9gkxt8 x1y0btm7 xzgztj1 xy4d3ni x1a2a7pz x1mu33zv x7yqiub xzvmsi2 x9v5kkp x11ci167" }, index);
+      $[14] = getAriaLabel;
+      $[15] = t82;
     } else {
-      t82 = $[19];
+      t82 = $[15];
     }
     t7 = /* @__PURE__ */ jsxs(SliderPrimitive.Control, { ...t4, children: [
       t6,
@@ -106,24 +97,24 @@ function Slider(t0) {
         length: thumbCount
       }, t82)
     ] });
-    $[15] = getAriaLabel;
-    $[16] = thumbCount;
-    $[17] = t7;
+    $[11] = getAriaLabel;
+    $[12] = thumbCount;
+    $[13] = t7;
   } else {
-    t7 = $[17];
+    t7 = $[13];
   }
   let t8;
-  if ($[20] !== defaultValue || $[21] !== props2 || $[22] !== t2 || $[23] !== t3 || $[24] !== t7 || $[25] !== value) {
+  if ($[16] !== defaultValue || $[17] !== props2 || $[18] !== stylexProps.className || $[19] !== stylexProps.style || $[20] !== t7 || $[21] !== value) {
     t8 = /* @__PURE__ */ jsx(SliderPrimitive.Root, { ...props2, defaultValue, value, className: t2, style: t3, children: t7 });
-    $[20] = defaultValue;
-    $[21] = props2;
-    $[22] = t2;
-    $[23] = t3;
-    $[24] = t7;
-    $[25] = value;
-    $[26] = t8;
+    $[16] = defaultValue;
+    $[17] = props2;
+    $[18] = stylexProps.className;
+    $[19] = stylexProps.style;
+    $[20] = t7;
+    $[21] = value;
+    $[22] = t8;
   } else {
-    t8 = $[26];
+    t8 = $[22];
   }
   return t8;
 }

package/dist/slider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/slider.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, opacityVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kSiTet: \"x1hc1fzr xfz0snt\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {\n  /** Returns an accessible name for each thumb in a range slider. */\n  getAriaLabel?: (index: number) => string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Slider(t0) {\n  const $ = _c(27);\n  let defaultValue;\n  let getAriaLabel;\n  let props;\n  let value;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      defaultValue,\n      getAriaLabel,\n      value,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = defaultValue;\n    $[2] = getAriaLabel;\n    $[3] = props;\n    $[4] = value;\n    $[5] = xstyle;\n  } else {\n    defaultValue = $[1];\n    getAriaLabel = $[2];\n    props = $[3];\n    value = $[4];\n    xstyle = $[5];\n  }\n  const currentValue = value ?? defaultValue;\n  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1;\n  let t1;\n  if ($[6] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[6] = xstyle;\n    $[7] = t1;\n  } else {\n    t1 = $[7];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[8] !== stylexProps.className) {\n    t2 = () => stylexProps.className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== stylexProps.style) {\n    t3 = () => stylexProps.style;\n    $[10] = stylexProps.style;\n    $[11] = t3;\n  } else {\n    t3 = $[11];\n  }\n  let t4;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6s0dn4 x78zum5 xqq8mc5 x1n2onr6 x5ve5x3 xh8yej3\"\n    };\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x13hkpcx x9gkxt8 x4j2xbe xb3r6kr xh8yej3\"\n    };\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = <SliderPrimitive.Track {...t5}><SliderPrimitive.Indicator className=\"x92qhq x9gkxt8 x5yr21d\" /></SliderPrimitive.Track>;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  let t7;\n  if ($[15] !== getAriaLabel || $[16] !== thumbCount) {\n    let t8;\n    if ($[18] !== getAriaLabel) {\n      t8 = (_, index) => <SliderPrimitive.Thumb getAriaLabel={getAriaLabel} index={index} key={index} className=\"x8m6yc2 x1bpblyy x9gkxt8 x1y0btm7 xzgztj1 xmll18r x1a2a7pz xwqq7k2 x7yqiub xzvmsi2 x9v5kkp x11ci167\" />;\n      $[18] = getAriaLabel;\n      $[19] = t8;\n    } else {\n      t8 = $[19];\n    }\n    t7 = <SliderPrimitive.Control {...t4}>{t6}{Array.from({\n        length: thumbCount\n      }, t8)}</SliderPrimitive.Control>;\n    $[15] = getAriaLabel;\n    $[16] = thumbCount;\n    $[17] = t7;\n  } else {\n    t7 = $[17];\n  }\n  let t8;\n  if ($[20] !== defaultValue || $[21] !== props || $[22] !== t2 || $[23] !== t3 || $[24] !== t7 || $[25] !== value) {\n    t8 = <SliderPrimitive.Root {...props} defaultValue={defaultValue} value={value} className={t2} style={t3}>{t7}</SliderPrimitive.Root>;\n    $[20] = defaultValue;\n    $[21] = props;\n    $[22] = t2;\n    $[23] = t3;\n    $[24] = t7;\n    $[25] = value;\n    $[26] = t8;\n  } else {\n    t8 = $[26];\n  }\n  return t8;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles } from \"./control-layout\";\nconst styles = {\n  root: {\n    kSiTet: \"x1hc1fzr xfz0snt\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x19991ni\",\n    kAMwcw: \"xscx6xn\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type SliderProps = Omit<ComponentProps<typeof SliderPrimitive.Root>, \"className\" | \"style\"> & {\n  /** Returns an accessible name for each thumb in a range slider. */\n  getAriaLabel?: (index: number) => string;\n  xstyle?: ControlLayoutStyles;\n};\nexport function Slider(t0) {\n  const $ = _c(23);\n  let defaultValue;\n  let getAriaLabel;\n  let props;\n  let value;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      defaultValue,\n      getAriaLabel,\n      value,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = defaultValue;\n    $[2] = getAriaLabel;\n    $[3] = props;\n    $[4] = value;\n    $[5] = xstyle;\n  } else {\n    defaultValue = $[1];\n    getAriaLabel = $[2];\n    props = $[3];\n    value = $[4];\n    xstyle = $[5];\n  }\n  const currentValue = value ?? defaultValue;\n  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1;\n  let t1;\n  if ($[6] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[6] = xstyle;\n    $[7] = t1;\n  } else {\n    t1 = $[7];\n  }\n  const stylexProps = t1;\n  const t2 = stylexProps.className;\n  const t3 = stylexProps.style;\n  let t4;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = {\n      className: \"x6s0dn4 x78zum5 xqq8mc5 x1n2onr6 x5ve5x3 xh8yej3\"\n    };\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x13hkpcx x9gkxt8 x1w91hgg xb3r6kr xh8yej3\"\n    };\n    $[9] = t5;\n  } else {\n    t5 = $[9];\n  }\n  let t6;\n  if ($[10] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = <SliderPrimitive.Track {...t5}><SliderPrimitive.Indicator className=\"x92qhq x9gkxt8 x5yr21d\" /></SliderPrimitive.Track>;\n    $[10] = t6;\n  } else {\n    t6 = $[10];\n  }\n  let t7;\n  if ($[11] !== getAriaLabel || $[12] !== thumbCount) {\n    let t8;\n    if ($[14] !== getAriaLabel) {\n      t8 = (_, index) => <SliderPrimitive.Thumb getAriaLabel={getAriaLabel} index={index} key={index} className=\"x8m6yc2 x1bpblyy x9gkxt8 x1y0btm7 xzgztj1 xy4d3ni x1a2a7pz x1mu33zv x7yqiub xzvmsi2 x9v5kkp x11ci167\" />;\n      $[14] = getAriaLabel;\n      $[15] = t8;\n    } else {\n      t8 = $[15];\n    }\n    t7 = <SliderPrimitive.Control {...t4}>{t6}{Array.from({\n        length: thumbCount\n      }, t8)}</SliderPrimitive.Control>;\n    $[11] = getAriaLabel;\n    $[12] = thumbCount;\n    $[13] = t7;\n  } else {\n    t7 = $[13];\n  }\n  let t8;\n  if ($[16] !== defaultValue || $[17] !== props || $[18] !== stylexProps.className || $[19] !== stylexProps.style || $[20] !== t7 || $[21] !== value) {\n    t8 = <SliderPrimitive.Root {...props} defaultValue={defaultValue} value={value} className={t2} style={t3}>{t7}</SliderPrimitive.Root>;\n    $[16] = defaultValue;\n    $[17] = props;\n    $[18] = stylexProps.className;\n    $[19] = stylexProps.style;\n    $[20] = t7;\n    $[21] = value;\n    $[22] = t8;\n  } else {\n    t8 = $[22];\n  }\n  return t8;\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAE1C,YAAY,YAAY;AA+EgB,cAe/B,YAf+B;AA5ExC,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAMO,SAAS,OAAO,IAAI;AACzB,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,mBAAe,EAAE,CAAC;AAClB,mBAAe,EAAE,CAAC;AAClB,IAAAA,SAAQ,EAAE,CAAC;AACX,YAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,aAAa,MAAM,QAAQ,YAAY,IAAI,aAAa,SAAS;AACvE,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,QAAM,KAAK,YAAY;AACvB,QAAM,KAAK,YAAY;AACvB,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,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,EAAE,EAAE,MAAM,uBAAO,IAAI,2BAA2B,GAAG;AACrD,SAAK,oBAAC,gBAAgB,OAAhB,EAAuB,GAAG,IAAI,8BAAC,gBAAgB,WAAhB,EAA0B,WAAU,0BAAyB,GAAE;AACpG,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,gBAAgB,EAAE,EAAE,MAAM,YAAY;AAClD,QAAIC;AACJ,QAAI,EAAE,EAAE,MAAM,cAAc;AAC1B,MAAAA,MAAK,CAAC,GAAG,UAAU,oBAAC,gBAAgB,OAAhB,EAAsB,cAA4B,OAA0B,WAAU,0GAAjB,KAAwH;AACjN,QAAE,EAAE,IAAI;AACR,QAAE,EAAE,IAAIA;AAAA,IACV,OAAO;AACL,MAAAA,MAAK,EAAE,EAAE;AAAA,IACX;AACA,SAAK,qBAAC,gBAAgB,SAAhB,EAAyB,GAAG,IAAK;AAAA;AAAA,MAAI,MAAM,KAAK;AAAA,QAClD,QAAQ;AAAA,MACV,GAAGA,GAAE;AAAA,OAAE;AACT,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,gBAAgB,EAAE,EAAE,MAAMD,UAAS,EAAE,EAAE,MAAM,YAAY,aAAa,EAAE,EAAE,MAAM,YAAY,SAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,OAAO;AAClJ,SAAK,oBAAC,gBAAgB,MAAhB,EAAsB,GAAGA,QAAO,cAA4B,OAAc,WAAW,IAAI,OAAO,IAAK,cAAG;AAC9G,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI,YAAY;AACpB,MAAE,EAAE,IAAI,YAAY;AACpB,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", "t8"]
 }

package/dist/spinner.d.ts

@@ -1,7 +1,5 @@
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type SpinnerProps = ComponentProps<"output"> & {
+export type SpinnerProps = Omit<ComponentProps<"output">, "className" | "style"> & {
     label?: string;
-    xstyle?: stylex.StyleXStyles;
 };
-export declare function Spinner({ label, xstyle, ...props }: SpinnerProps): import("react").JSX.Element;
+export declare function Spinner({ label, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/spinner.js

@@ -1,66 +1,10 @@
 // src/spinner.tsx
-import { c as _c } from "react/compiler-runtime";
-import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
-var styles = {
-  root: {
-    k44tkh: "xof6966",
-    ko0y90: "xa4qsjk",
-    kKVMdj: "xpedhrg",
-    kyAemX: "x1esw782",
-    kVAM5u: "x13xm7is",
-    kaIpWk: "x9gkxt8",
-    k26BEO: "x18v6yaz",
-    ksu8eU: "x1y0btm7",
-    kMzoRj: "x1shk7dx",
-    k1xSpc: "x1rg5ohu",
-    kZKoxP: "xswfmaf",
-    kzqmXN: "xmkpuva",
-    kkDQuc: "xfs3gwd",
-    $$css: true
-  }
-};
-function Spinner(t0) {
-  const $ = _c(10);
-  let props2;
-  let t1;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      label: t1,
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-    $[2] = t1;
-    $[3] = xstyle;
-  } else {
-    props2 = $[1];
-    t1 = $[2];
-    xstyle = $[3];
-  }
-  const label = t1 === void 0 ? "Loading" : t1;
-  let t2;
-  if ($[4] !== xstyle) {
-    t2 = stylex.props(styles.root, xstyle);
-    $[4] = xstyle;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  const stylexProps = t2;
-  let t3;
-  if ($[6] !== label || $[7] !== props2 || $[8] !== stylexProps) {
-    t3 = /* @__PURE__ */ jsx("output", { ...props2, "aria-label": label, ...stylexProps });
-    $[6] = label;
-    $[7] = props2;
-    $[8] = stylexProps;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
+function Spinner({
+  label = "Loading",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("output", { ...props, "aria-label": label, className: "xx1h35u xa4qsjk xpedhrg x1esw782 x13xm7is x9gkxt8 x18v6yaz x1y0btm7 x1shk7dx x1rg5ohu xswfmaf xmkpuva xs9k882" });
 }
 export {
   Spinner

package/dist/spinner.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/spinner.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst spin = \"x1fy8ia8-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xof6966\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xpedhrg\",\n    kyAemX: \"x1esw782\",\n    kVAM5u: \"x13xm7is\",\n    kaIpWk: \"x9gkxt8\",\n    k26BEO: \"x18v6yaz\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1shk7dx\",\n    k1xSpc: \"x1rg5ohu\",\n    kZKoxP: \"xswfmaf\",\n    kzqmXN: \"xmkpuva\",\n    kkDQuc: \"xfs3gwd\",\n    $$css: true\n  }\n};\nexport type SpinnerProps = ComponentProps<\"output\"> & {\n  label?: string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Spinner(t0) {\n  const $ = _c(10);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      label: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n    $[3] = xstyle;\n  } else {\n    props = $[1];\n    t1 = $[2];\n    xstyle = $[3];\n  }\n  const label = t1 === undefined ? \"Loading\" : t1;\n  let t2;\n  if ($[4] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[4] = xstyle;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[6] !== label || $[7] !== props || $[8] !== stylexProps) {\n    t3 = <output {...props} aria-label={label} {...stylexProps} />;\n    $[6] = label;\n    $[7] = props;\n    $[8] = stylexProps;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AA0Df;AAtDT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,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;AACF;AAKO,SAAS,QAAQ,IAAI;AAC1B,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,IAAAA,SAAQ,EAAE,CAAC;AACX,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,QAAQ,OAAO,SAAY,YAAY;AAC7C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,SAAS,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,aAAa;AAC5D,SAAK,oBAAC,YAAQ,GAAGA,QAAO,cAAY,OAAQ,GAAG,aAAa;AAC5D,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;",
-  "names": ["props"]
+  "sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst spin = \"x1fy8ia8-B\";\nexport type SpinnerProps = Omit<ComponentProps<\"output\">, \"className\" | \"style\"> & {\n  label?: string;\n};\nexport function Spinner({\n  label = \"Loading\",\n  ...props\n}: SpinnerProps) {\n  return <output {...props} aria-label={label} className=\"xx1h35u xa4qsjk xpedhrg x1esw782 x13xm7is x9gkxt8 x18v6yaz x1y0btm7 x1shk7dx x1rg5ohu xswfmaf xmkpuva xs9k882\" />;\n}"],
+  "mappings": ";AAWS;AAJF,SAAS,QAAQ;AAAA,EACtB,QAAQ;AAAA,EACR,GAAG;AACL,GAAiB;AACf,SAAO,oBAAC,YAAQ,GAAG,OAAO,cAAY,OAAO,WAAU,iHAAgH;AACzK;",
+  "names": []
 }