@nuee/ui 0.3.2 → 0.4.1

package/dist/spinner.d.ts

@@ -4,4 +4,4 @@ export type SpinnerProps = ComponentProps<"output"> & {
     label?: string;
     xstyle?: stylex.StyleXStyles;
 };
-export declare function Spinner({ className, label, style, xstyle, ...props }: SpinnerProps): import("react").JSX.Element;
+export declare function Spinner({ label, xstyle, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/spinner.js

@@ -21,77 +21,46 @@ var styles = {
   }
 };
 function Spinner(t0) {
-  const $ = _c(19);
-  let className;
+  const $ = _c(10);
   let props2;
-  let style;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
       label: t1,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = xstyle;
+    $[1] = props2;
+    $[2] = t1;
+    $[3] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    t1 = $[4];
-    xstyle = $[5];
+    props2 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
   }
   const label = t1 === void 0 ? "Loading" : t1;
   let t2;
-  if ($[6] !== xstyle) {
+  if ($[4] !== xstyle) {
     t2 = stylex.props(styles.root, xstyle);
-    $[6] = xstyle;
-    $[7] = t2;
+    $[4] = xstyle;
+    $[5] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[5];
   }
   const stylexProps = t2;
   let t3;
-  if ($[8] !== className || $[9] !== stylexProps.className) {
-    t3 = [stylexProps.className, className].filter(Boolean);
-    $[8] = className;
-    $[9] = stylexProps.className;
-    $[10] = 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 = $[10];
+    t3 = $[9];
   }
-  const t4 = t3.join(" ");
-  let t5;
-  if ($[11] !== style || $[12] !== stylexProps.style) {
-    t5 = {
-      ...stylexProps.style,
-      ...style
-    };
-    $[11] = style;
-    $[12] = stylexProps.style;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== label || $[15] !== props2 || $[16] !== t4 || $[17] !== t5) {
-    t6 = /* @__PURE__ */ jsx("output", { ...props2, "aria-label": label, className: t4, style: t5 });
-    $[14] = label;
-    $[15] = props2;
-    $[16] = t4;
-    $[17] = t5;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  return t6;
+  return t3;
 }
 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(19);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      label: t1,\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] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const label = t1 === undefined ? \"Loading\" : t1;\n  let t2;\n  if ($[6] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[6] = xstyle;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[8] !== className || $[9] !== stylexProps.className) {\n    t3 = [stylexProps.className, className].filter(Boolean);\n    $[8] = className;\n    $[9] = stylexProps.className;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  const t4 = t3.join(\" \");\n  let t5;\n  if ($[11] !== style || $[12] !== stylexProps.style) {\n    t5 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[11] = style;\n    $[12] = stylexProps.style;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] !== label || $[15] !== props || $[16] !== t4 || $[17] !== t5) {\n    t6 = <output {...props} aria-label={label} className={t4} style={t5} />;\n    $[14] = label;\n    $[15] = props;\n    $[16] = t4;\n    $[17] = t5;\n    $[18] = t6;\n  } else {\n    t6 = $[18];\n  }\n  return t6;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AAwFf;AApFT,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,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,gBAAY,EAAE,CAAC;AACf,IAAAA,SAAQ,EAAE,CAAC;AACX,YAAQ,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,aAAa,EAAE,CAAC,MAAM,YAAY,WAAW;AACxD,SAAK,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO;AACtD,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,QAAM,KAAK,GAAG,KAAK,GAAG;AACtB,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,YAAY,OAAO;AAClD,SAAK;AAAA,MACH,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI,YAAY;AACpB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACtE,SAAK,oBAAC,YAAQ,GAAGA,QAAO,cAAY,OAAO,WAAW,IAAI,OAAO,IAAI;AACrE,MAAE,EAAE,IAAI;AACR,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,SAAO;AACT;",
+  "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"]
 }

package/dist/switch.d.ts

@@ -5,4 +5,4 @@ export type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {
     size?: "md" | "sm";
     xstyle?: stylex.StyleXStyles;
 };
-export declare function Switch({ className, size, style, xstyle, ...props }: SwitchProps): import("react").JSX.Element;
+export declare function Switch({ size, xstyle, ...props }: SwitchProps): import("react").JSX.Element;

package/dist/switch.js

@@ -73,83 +73,63 @@ var styles = {
   }
 };
 function Switch(t0) {
-  const $ = _c(21);
-  let className;
+  const $ = _c(15);
   let props2;
-  let style;
   let t1;
   let xstyle;
   if ($[0] !== t0) {
     ({
-      className,
       size: t1,
-      style,
       xstyle,
       ...props2
     } = t0);
     $[0] = t0;
-    $[1] = className;
-    $[2] = props2;
-    $[3] = style;
-    $[4] = t1;
-    $[5] = xstyle;
+    $[1] = props2;
+    $[2] = t1;
+    $[3] = xstyle;
   } else {
-    className = $[1];
-    props2 = $[2];
-    style = $[3];
-    t1 = $[4];
-    xstyle = $[5];
+    props2 = $[1];
+    t1 = $[2];
+    xstyle = $[3];
   }
   const size = t1 === void 0 ? "md" : t1;
   let t2;
-  if ($[6] !== className || $[7] !== size || $[8] !== xstyle) {
+  let t3;
+  if ($[4] !== size || $[5] !== xstyle) {
     t2 = (state) => {
       const stylexProps = stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);
-      const customClassName = typeof className === "function" ? className(state) : className;
-      return [stylexProps.className, customClassName].filter(Boolean).join(" ");
+      return stylexProps.className;
     };
-    $[6] = className;
-    $[7] = size;
-    $[8] = xstyle;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  let t3;
-  if ($[10] !== size || $[11] !== style || $[12] !== xstyle) {
     t3 = (state_0) => {
       const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);
-      const customStyle = typeof style === "function" ? style(state_0) : style;
-      return {
-        ...stylexProps_0.style,
-        ...customStyle
-      };
+      return stylexProps_0.style;
     };
-    $[10] = size;
-    $[11] = style;
-    $[12] = xstyle;
-    $[13] = t3;
+    $[4] = size;
+    $[5] = xstyle;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[13];
+    t2 = $[6];
+    t3 = $[7];
   }
   let t4;
-  if ($[14] !== size) {
+  if ($[8] !== size) {
     t4 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: (state_1) => stylex.props(styles.thumb, styles[`thumb${size}`], state_1.checked && styles[`thumbChecked${size}`]).className });
-    $[14] = size;
-    $[15] = t4;
+    $[8] = size;
+    $[9] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[9];
   }
   let t5;
-  if ($[16] !== props2 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+  if ($[10] !== props2 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
     t5 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
-    $[16] = props2;
-    $[17] = t2;
-    $[18] = t3;
-    $[19] = t4;
-    $[20] = t5;
+    $[10] = props2;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t5 = $[20];
+    t5 = $[14];
   }
   return t5;
 }

package/dist/switch.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/switch.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x1fdj243\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x9gkxt8\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"x1ngqb6p\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1e8aii2\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"xam5rvr\",\n    kzqmXN: \"xs5h3dt\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"xam5rvr\",\n    kzqmXN: \"xvm51jw\",\n    $$css: true\n  },\n  checked: {\n    kWkggS: \"x92qhq\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"x1fdj243\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"x8m6yc2\",\n    kaIpWk: \"x9gkxt8\",\n    k1xSpc: \"x1lliihq\",\n    k3aq6I: \"xbryuvx\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x11xpdln\",\n    $$css: true\n  },\n  thumbsm: {\n    kZKoxP: \"x1l36t39\",\n    kzqmXN: \"xcdlrvm\",\n    $$css: true\n  },\n  thumbmd: {\n    kZKoxP: \"xmll18r\",\n    kzqmXN: \"xwqq7k2\",\n    $$css: true\n  },\n  thumbCheckedsm: {\n    k3aq6I: \"x1xvezvf\",\n    $$css: true\n  },\n  thumbCheckedmd: {\n    k3aq6I: \"x10tizke\",\n    $$css: true\n  }\n};\nexport type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Switch(t0) {\n  const $ = _c(21);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      size: t1,\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] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    xstyle = $[5];\n  }\n  const size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== size || $[8] !== xstyle) {\n    t2 = state => {\n      const stylexProps = stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);\n      const customClassName = typeof className === \"function\" ? className(state) : className;\n      return [stylexProps.className, customClassName].filter(Boolean).join(\" \");\n    };\n    $[6] = className;\n    $[7] = size;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== size || $[11] !== style || $[12] !== xstyle) {\n    t3 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);\n      const customStyle = typeof style === \"function\" ? style(state_0) : style;\n      return {\n        ...stylexProps_0.style,\n        ...customStyle\n      };\n    };\n    $[10] = size;\n    $[11] = style;\n    $[12] = xstyle;\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  let t4;\n  if ($[14] !== size) {\n    t4 = <SwitchPrimitive.Thumb className={state_1 => stylex.props(styles.thumb, styles[`thumb${size}`], state_1.checked && styles[`thumbChecked${size}`]).className} />;\n    $[14] = size;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  let t5;\n  if ($[16] !== props || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {\n    t5 = <SwitchPrimitive.Root {...props} className={t2} style={t3}>{t4}</SwitchPrimitive.Root>;\n    $[16] = props;\n    $[17] = t2;\n    $[18] = t3;\n    $[19] = t4;\n    $[20] = t5;\n  } else {\n    t5 = $[20];\n  }\n  return t5;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"x1fdj243\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"x9gkxt8\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"x1ngqb6p\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1e8aii2\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"xam5rvr\",\n    kzqmXN: \"xs5h3dt\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"xam5rvr\",\n    kzqmXN: \"xvm51jw\",\n    $$css: true\n  },\n  checked: {\n    kWkggS: \"x92qhq\",\n    $$css: true\n  },\n  disabled: {\n    kWkggS: \"x1fdj243\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"x8m6yc2\",\n    kaIpWk: \"x9gkxt8\",\n    k1xSpc: \"x1lliihq\",\n    k3aq6I: \"xbryuvx\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x11xpdln\",\n    $$css: true\n  },\n  thumbsm: {\n    kZKoxP: \"x1l36t39\",\n    kzqmXN: \"xcdlrvm\",\n    $$css: true\n  },\n  thumbmd: {\n    kZKoxP: \"xmll18r\",\n    kzqmXN: \"xwqq7k2\",\n    $$css: true\n  },\n  thumbCheckedsm: {\n    k3aq6I: \"x1xvezvf\",\n    $$css: true\n  },\n  thumbCheckedmd: {\n    k3aq6I: \"x10tizke\",\n    $$css: true\n  }\n};\nexport type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Switch(t0) {\n  const $ = _c(15);\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      size: 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 size = t1 === undefined ? \"md\" : t1;\n  let t2;\n  let t3;\n  if ($[4] !== size || $[5] !== xstyle) {\n    t2 = state => {\n      const stylexProps = stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);\n      return stylexProps.className;\n    };\n    t3 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);\n      return stylexProps_0.style;\n    };\n    $[4] = size;\n    $[5] = xstyle;\n    $[6] = t2;\n    $[7] = t3;\n  } else {\n    t2 = $[6];\n    t3 = $[7];\n  }\n  let t4;\n  if ($[8] !== size) {\n    t4 = <SwitchPrimitive.Thumb className={state_1 => stylex.props(styles.thumb, styles[`thumb${size}`], state_1.checked && styles[`thumbChecked${size}`]).className} />;\n    $[8] = size;\n    $[9] = t4;\n  } else {\n    t4 = $[9];\n  }\n  let t5;\n  if ($[10] !== props || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {\n    t5 = <SwitchPrimitive.Root {...props} className={t2} style={t3}>{t4}</SwitchPrimitive.Root>;\n    $[10] = props;\n    $[11] = t2;\n    $[12] = t3;\n    $[13] = t4;\n    $[14] = t5;\n  } else {\n    t5 = $[14];\n  }\n  return t5;\n}"],
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/table.d.ts

@@ -4,11 +4,11 @@ export type TableProps = ComponentProps<"table"> & {
     containerClassName?: string;
     xstyle?: stylex.StyleXStyles;
 };
-export declare function Table({ className, containerClassName, style, xstyle, ...props }: TableProps): import("react").JSX.Element;
-export declare function TableHeader({ className, style, ...props }: ComponentProps<"thead">): import("react").JSX.Element;
-export declare function TableBody({ className, style, ...props }: ComponentProps<"tbody">): import("react").JSX.Element;
-export declare function TableFooter({ className, style, ...props }: ComponentProps<"tfoot">): import("react").JSX.Element;
-export declare function TableRow({ className, style, ...props }: ComponentProps<"tr">): import("react").JSX.Element;
-export declare function TableHead({ className, style, ...props }: ComponentProps<"th">): import("react").JSX.Element;
-export declare function TableCell({ className, style, ...props }: ComponentProps<"td">): import("react").JSX.Element;
-export declare function TableCaption({ className, style, ...props }: ComponentProps<"caption">): import("react").JSX.Element;
+export declare function Table({ containerClassName, xstyle, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ ...props }: ComponentProps<"thead">): import("react").JSX.Element;
+export declare function TableBody({ ...props }: ComponentProps<"tbody">): import("react").JSX.Element;
+export declare function TableFooter({ ...props }: ComponentProps<"tfoot">): import("react").JSX.Element;
+export declare function TableRow({ ...props }: ComponentProps<"tr">): import("react").JSX.Element;
+export declare function TableHead({ ...props }: ComponentProps<"th">): import("react").JSX.Element;
+export declare function TableCell({ ...props }: ComponentProps<"td">): import("react").JSX.Element;
+export declare function TableCaption({ ...props }: ComponentProps<"caption">): import("react").JSX.Element;