@nuee/ui 0.4.0 → 0.5.0

package/dist/progress.d.ts

@@ -1,7 +1,7 @@
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root> & {
-    xstyle?: stylex.StyleXStyles;
+import type { ControlLayoutStyles } from "./control-layout";
+export type ProgressProps = Omit<ComponentProps<typeof ProgressPrimitive.Root>, "className" | "style"> & {
+    xstyle?: ControlLayoutStyles;
 };
 export declare function Progress({ xstyle, ...props }: ProgressProps): import("react").JSX.Element;

package/dist/progress.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/progress.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
@@ -7,14 +9,14 @@ var styles = {
   root: {
     kWkggS: "xoec9bc",
     kaIpWk: "x9gkxt8",
-    kZKoxP: "x164u9eo",
+    kZKoxP: "x1k8cxa7",
     kVQacm: "xb3r6kr",
     kzqmXN: "xh8yej3",
     $$css: true
   }
 };
 function Progress(t0) {
-  const $ = _c(14);
+  const $ = _c(10);
   let props2;
   let xstyle;
   if ($[0] !== t0) {
@@ -39,39 +41,23 @@ function Progress(t0) {
   }
   const stylexProps = t1;
   let t2;
-  if ($[5] !== stylexProps.className) {
-    t2 = () => stylexProps.className;
-    $[5] = stylexProps.className;
-    $[6] = t2;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, { className: "x92qhq x5yr21d x1ial40k xxrbq2n xscx6xn x1ho1d5x" });
+    $[5] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[5];
   }
   let t3;
-  if ($[7] !== stylexProps.style) {
-    t3 = () => stylexProps.style;
-    $[7] = stylexProps.style;
-    $[8] = t3;
+  if ($[6] !== props2 || $[7] !== stylexProps.className || $[8] !== stylexProps.style) {
+    t3 = /* @__PURE__ */ jsx(ProgressPrimitive.Root, { ...props2, className: stylexProps.className, style: stylexProps.style, children: t2 });
+    $[6] = props2;
+    $[7] = stylexProps.className;
+    $[8] = stylexProps.style;
+    $[9] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[9];
   }
-  let t4;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, { className: "x92qhq x5yr21d x1ial40k xxrbq2n" });
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== props2 || $[11] !== t2 || $[12] !== t3) {
-    t5 = /* @__PURE__ */ jsx(ProgressPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
-    $[10] = props2;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  return t5;
+  return t3;
 }
 export {
   Progress

package/dist/progress.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/progress.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, radiusVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"xoec9bc\",\n    kaIpWk: \"x9gkxt8\",\n    kZKoxP: \"x164u9eo\",\n    kVQacm: \"xb3r6kr\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Progress(t0) {\n  const $ = _c(14);\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] !== stylexProps.className) {\n    t2 = () => stylexProps.className;\n    $[5] = stylexProps.className;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  let t3;\n  if ($[7] !== stylexProps.style) {\n    t3 = () => stylexProps.style;\n    $[7] = stylexProps.style;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = <ProgressPrimitive.Indicator className=\"x92qhq x5yr21d x1ial40k xxrbq2n\" />;\n    $[9] = t4;\n  } else {\n    t4 = $[9];\n  }\n  let t5;\n  if ($[10] !== props || $[11] !== t2 || $[12] !== t3) {\n    t5 = <ProgressPrimitive.Root {...props} className={t2} style={t3}>{t4}</ProgressPrimitive.Root>;\n    $[10] = props;\n    $[11] = t2;\n    $[12] = t3;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  return t5;\n}"],
-  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,YAAY,yBAAyB;AAC9C,YAAY,YAAY;AA2Df;AAxDT,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;AAIO,SAAS,SAAS,IAAI;AAC3B,QAAM,IAAI,GAAG,EAAE;AACf,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,MAAM,YAAY,WAAW;AAClC,SAAK,MAAM,YAAY;AACvB,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,YAAY,OAAO;AAC9B,SAAK,MAAM,YAAY;AACvB,MAAE,CAAC,IAAI,YAAY;AACnB,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,oBAAC,kBAAkB,WAAlB,EAA4B,WAAU,mCAAkC;AAC9E,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,kBAAkB,MAAlB,EAAwB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAK,cAAG;AACtE,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": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\nimport { colorVars, motionVars, 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    kWkggS: \"xoec9bc\",\n    kaIpWk: \"x9gkxt8\",\n    kZKoxP: \"x1k8cxa7\",\n    kVQacm: \"xb3r6kr\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type ProgressProps = Omit<ComponentProps<typeof ProgressPrimitive.Root>, \"className\" | \"style\"> & {\n  xstyle?: ControlLayoutStyles;\n};\nexport function Progress(t0) {\n  const $ = _c(10);\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] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = <ProgressPrimitive.Indicator className=\"x92qhq x5yr21d x1ial40k xxrbq2n xscx6xn x1ho1d5x\" />;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] !== props || $[7] !== stylexProps.className || $[8] !== stylexProps.style) {\n    t3 = <ProgressPrimitive.Root {...props} className={stylexProps.className} style={stylexProps.style}>{t2}</ProgressPrimitive.Root>;\n    $[6] = props;\n    $[7] = stylexProps.className;\n    $[8] = stylexProps.style;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  return t3;\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,YAAY,yBAAyB;AAE9C,YAAY,YAAY;AA2Cf;AAxCT,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;AAIO,SAAS,SAAS,IAAI;AAC3B,QAAM,IAAI,GAAG,EAAE;AACf,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,MAAM,uBAAO,IAAI,2BAA2B,GAAG;AACpD,SAAK,oBAAC,kBAAkB,WAAlB,EAA4B,WAAU,oDAAmD;AAC/F,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAMA,UAAS,EAAE,CAAC,MAAM,YAAY,aAAa,EAAE,CAAC,MAAM,YAAY,OAAO;AAClF,SAAK,oBAAC,kBAAkB,MAAlB,EAAwB,GAAGA,QAAO,WAAW,YAAY,WAAW,OAAO,YAAY,OAAQ,cAAG;AACxG,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,SAAO;AACT;",
   "names": ["props"]
 }

package/dist/radio-group.d.ts

@@ -1,12 +1,12 @@
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive> & {
-    xstyle?: stylex.StyleXStyles;
+import type { ControlLayoutStyles, ControlPlacementStyles } from "./control-layout";
+export type RadioGroupProps = Omit<ComponentProps<typeof RadioGroupPrimitive>, "className" | "style"> & {
+    xstyle?: ControlLayoutStyles;
 };
 export declare function RadioGroup({ xstyle, ...props }: RadioGroupProps): import("react").JSX.Element;
-export type RadioGroupItemProps = ComponentProps<typeof RadioPrimitive.Root> & {
-    xstyle?: stylex.StyleXStyles;
+export type RadioGroupItemProps = Omit<ComponentProps<typeof RadioPrimitive.Root>, "className" | "style"> & {
+    xstyle?: ControlPlacementStyles;
 };
 export declare function RadioGroupItem({ xstyle, ...props }: RadioGroupItemProps): import("react").JSX.Element;

package/dist/radio-group.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/radio-group.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
@@ -20,10 +22,13 @@ var styles = {
     kMzoRj: "xzgztj1",
     kkrTdU: "x1ypdohk",
     k1xSpc: "x3nfvp2",
-    kZKoxP: "xam5rvr",
+    kZKoxP: "x1kobcp8",
     kjj79g: "xl56j7k",
     kI3sdo: "x1a2a7pz",
-    kzqmXN: "xp8d6y2",
+    kIyJzY: "xdshaxz",
+    k1ekBW: "x13wuo2s",
+    kAMwcw: "xscx6xn",
+    kzqmXN: "x6r631m",
     kZs9gx: "x7yqiub",
     kiEn40: "xzvmsi2",
     k7shQP: "x9v5kkp",
@@ -38,7 +43,7 @@ var styles = {
   }
 };
 function RadioGroup(t0) {
-  const $ = _c(13);
+  const $ = _c(9);
   let props2;
   let xstyle;
   if ($[0] !== t0) {
@@ -63,35 +68,19 @@ function RadioGroup(t0) {
   }
   const stylexProps = t1;
   let t2;
-  if ($[5] !== stylexProps.className) {
-    t2 = () => stylexProps.className;
-    $[5] = stylexProps.className;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== stylexProps.style) {
-    t3 = () => stylexProps.style;
+  if ($[5] !== props2 || $[6] !== stylexProps.className || $[7] !== stylexProps.style) {
+    t2 = /* @__PURE__ */ jsx(RadioGroupPrimitive, { ...props2, className: stylexProps.className, style: stylexProps.style });
+    $[5] = props2;
+    $[6] = stylexProps.className;
     $[7] = stylexProps.style;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
-    t4 = /* @__PURE__ */ jsx(RadioGroupPrimitive, { ...props2, className: t2, style: t3 });
-    $[9] = props2;
-    $[10] = t2;
-    $[11] = t3;
-    $[12] = t4;
+    $[8] = t2;
   } else {
-    t4 = $[12];
+    t2 = $[8];
   }
-  return t4;
+  return t2;
 }
 function RadioGroupItem(t0) {
-  const $ = _c(11);
+  const $ = _c(13);
   let props2;
   let xstyle;
   if ($[0] !== t0) {
@@ -107,41 +96,46 @@ function RadioGroupItem(t0) {
     xstyle = $[2];
   }
   let t1;
-  let t2;
   if ($[3] !== xstyle) {
-    t1 = (state) => {
-      const stylexProps = stylex.props(styles.item, state.checked && styles.checked, xstyle);
-      return stylexProps.className;
-    };
-    t2 = (state_0) => {
-      const stylexProps_0 = stylex.props(styles.item, state_0.checked && styles.checked, xstyle);
-      return stylexProps_0.style;
+    t1 = function getRootStyles2(state) {
+      return stylex.props(styles.item, state.checked && styles.checked, xstyle);
     };
     $[3] = xstyle;
     $[4] = t1;
-    $[5] = t2;
   } else {
     t1 = $[4];
-    t2 = $[5];
   }
+  const getRootStyles = t1;
+  let t2;
   let t3;
-  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(RadioPrimitive.Indicator, { className: "x6s0dn4 x3nfvp2 xl56j7k", children: /* @__PURE__ */ jsx("span", { className: "x92qhq x9gkxt8 xvle69y x1jw3ynk" }) });
-    $[6] = t3;
+  if ($[5] !== getRootStyles) {
+    t2 = (state_0) => getRootStyles(state_0).className;
+    t3 = (state_1) => getRootStyles(state_1).style;
+    $[5] = getRootStyles;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[6];
+    t2 = $[6];
+    t3 = $[7];
   }
   let t4;
-  if ($[7] !== props2 || $[8] !== t1 || $[9] !== t2) {
-    t4 = /* @__PURE__ */ jsx(RadioPrimitive.Root, { ...props2, className: t1, style: t2, children: t3 });
-    $[7] = props2;
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t4;
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(RadioPrimitive.Indicator, { className: "x6s0dn4 x3nfvp2 xl56j7k", children: /* @__PURE__ */ jsx("span", { className: "x92qhq x9gkxt8 xag59co x1d0vauu" }) });
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== props2 || $[10] !== t2 || $[11] !== t3) {
+    t5 = /* @__PURE__ */ jsx(RadioPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
+    $[9] = props2;
+    $[10] = t2;
+    $[11] = t3;
+    $[12] = t5;
   } else {
-    t4 = $[10];
+    t5 = $[12];
   }
-  return t4;
+  return t5;
 }
 export {
   RadioGroup,

package/dist/radio-group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/radio-group.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, opacityVars, radiusVars, sizeVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  group: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xmtacc2\",\n    $$css: true\n  },\n  item: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    kaIpWk: \"x9gkxt8\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kZKoxP: \"xam5rvr\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kzqmXN: \"xp8d6y2\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xfz0snt\",\n    $$css: true\n  },\n  checked: {\n    kVAM5u: \"x1bpblyy\",\n    $$css: true\n  }\n};\nexport type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function RadioGroup(t0) {\n  const $ = _c(13);\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.group, xstyle);\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[5] !== stylexProps.className) {\n    t2 = () => stylexProps.className;\n    $[5] = stylexProps.className;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  let t3;\n  if ($[7] !== stylexProps.style) {\n    t3 = () => stylexProps.style;\n    $[7] = stylexProps.style;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== props || $[10] !== t2 || $[11] !== t3) {\n    t4 = <RadioGroupPrimitive {...props} className={t2} style={t3} />;\n    $[9] = props;\n    $[10] = t2;\n    $[11] = t3;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  return t4;\n}\nexport type RadioGroupItemProps = ComponentProps<typeof RadioPrimitive.Root> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function RadioGroupItem(t0) {\n  const $ = _c(11);\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  let t2;\n  if ($[3] !== xstyle) {\n    t1 = state => {\n      const stylexProps = stylex.props(styles.item, state.checked && styles.checked, xstyle);\n      return stylexProps.className;\n    };\n    t2 = state_0 => {\n      const stylexProps_0 = stylex.props(styles.item, state_0.checked && styles.checked, xstyle);\n      return stylexProps_0.style;\n    };\n    $[3] = xstyle;\n    $[4] = t1;\n    $[5] = t2;\n  } else {\n    t1 = $[4];\n    t2 = $[5];\n  }\n  let t3;\n  if ($[6] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = <RadioPrimitive.Indicator className=\"x6s0dn4 x3nfvp2 xl56j7k\"><span className=\"x92qhq x9gkxt8 xvle69y x1jw3ynk\" /></RadioPrimitive.Indicator>;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== props || $[8] !== t1 || $[9] !== t2) {\n    t4 = <RadioPrimitive.Root {...props} className={t1} style={t2}>{t3}</RadioPrimitive.Root>;\n    $[7] = props;\n    $[8] = t1;\n    $[9] = t2;\n    $[10] = t4;\n  } else {\n    t4 = $[10];\n  }\n  return t4;\n}"],
-  "mappings": "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",
-  "names": ["props"]
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlLayoutStyles, ControlPlacementStyles } from \"./control-layout\";\nconst styles = {\n  group: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xmtacc2\",\n    $$css: true\n  },\n  item: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x8m6yc2\",\n    kVAM5u: \"x13xm7is\",\n    kaIpWk: \"x9gkxt8\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xzgztj1\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kZKoxP: \"x1kobcp8\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"xscx6xn\",\n    kzqmXN: \"x6r631m\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    kWCcOm: \"xfz0snt\",\n    $$css: true\n  },\n  checked: {\n    kVAM5u: \"x1bpblyy\",\n    $$css: true\n  }\n};\nexport type RadioGroupProps = Omit<ComponentProps<typeof RadioGroupPrimitive>, \"className\" | \"style\"> & {\n  xstyle?: ControlLayoutStyles;\n};\nexport function RadioGroup(t0) {\n  const $ = _c(9);\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.group, 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.className || $[7] !== stylexProps.style) {\n    t2 = <RadioGroupPrimitive {...props} className={stylexProps.className} style={stylexProps.style} />;\n    $[5] = props;\n    $[6] = stylexProps.className;\n    $[7] = stylexProps.style;\n    $[8] = t2;\n  } else {\n    t2 = $[8];\n  }\n  return t2;\n}\nexport type RadioGroupItemProps = Omit<ComponentProps<typeof RadioPrimitive.Root>, \"className\" | \"style\"> & {\n  xstyle?: ControlPlacementStyles;\n};\nexport function RadioGroupItem(t0) {\n  const $ = _c(13);\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 = function getRootStyles(state) {\n      return stylex.props(styles.item, state.checked && styles.checked, xstyle);\n    };\n    $[3] = xstyle;\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  const getRootStyles = t1;\n  let t2;\n  let t3;\n  if ($[5] !== getRootStyles) {\n    t2 = state_0 => getRootStyles(state_0).className;\n    t3 = state_1 => getRootStyles(state_1).style;\n    $[5] = getRootStyles;\n    $[6] = t2;\n    $[7] = t3;\n  } else {\n    t2 = $[6];\n    t3 = $[7];\n  }\n  let t4;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = <RadioPrimitive.Indicator className=\"x6s0dn4 x3nfvp2 xl56j7k\"><span className=\"x92qhq x9gkxt8 xag59co x1d0vauu\" /></RadioPrimitive.Indicator>;\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] !== props || $[10] !== t2 || $[11] !== t3) {\n    t5 = <RadioPrimitive.Root {...props} className={t2} style={t3}>{t4}</RadioPrimitive.Root>;\n    $[9] = props;\n    $[10] = t2;\n    $[11] = t3;\n    $[12] = t5;\n  } else {\n    t5 = $[12];\n  }\n  return t5;\n}"],
+  "mappings": "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",
+  "names": ["props", "getRootStyles"]
 }

package/dist/reset.css

@@ -37,7 +37,6 @@
   input,
   textarea,
   select {
-    color: inherit;
     font: inherit;
   }
 

package/dist/scroll-area.d.ts

@@ -1,10 +1,10 @@
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps, ReactNode } from "react";
-export type ScrollAreaProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+export type ScrollAreaProps = Omit<ComponentProps<typeof ScrollAreaPrimitive.Root>, "className" | "style"> & {
     children: ReactNode;
     scrollbars?: "both" | "horizontal" | "vertical";
     xstyle?: stylex.StyleXStyles;
 };
 export declare function ScrollArea({ children, scrollbars, xstyle, ...props }: ScrollAreaProps): import("react").JSX.Element;
-export declare function ScrollBar({ orientation, ...props }: ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>): import("react").JSX.Element;
+export declare function ScrollBar({ orientation, ...props }: Omit<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>, "className" | "style">): import("react").JSX.Element;

package/dist/scroll-area.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/scroll-area.tsx
 import { c as _c } from "react/compiler-runtime";
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
@@ -20,12 +22,12 @@ var styles = {
   },
   scrollbar: {
     k1xSpc: "x78zum5",
-    kmVPX3: "x1i3ajwb",
+    kmVPX3: "x1td52mm",
     kFalU9: "x5ve5x3",
     kIyJzY: "xdshaxz",
     k1ekBW: "x15406qy",
+    kAMwcw: "xscx6xn",
     kfSwDN: "x87ps6o",
-    kGzVvX: "x1o026c7",
     $$css: true
   },
   vertical: {
@@ -40,11 +42,15 @@ var styles = {
     $$css: true
   },
   thumb: {
-    kWkggS: "x1d9fuwt",
+    kWkggS: "xoec9bc",
     kaIpWk: "x9gkxt8",
     kUk6DE: "x98rzlu",
     kAzted: "xisnujt",
     k7Eaqz: "xt4ypqs",
+    kIyJzY: "xdshaxz",
+    k1ekBW: "x15406qy",
+    kAMwcw: "xscx6xn",
+    kGzVvX: "x14r4sh6",
     $$css: true
   },
   corner: {
@@ -53,7 +59,7 @@ var styles = {
   }
 };
 function ScrollArea(t0) {
-  const $ = _c(27);
+  const $ = _c(23);
   let children;
   let props2;
   let t1;
@@ -86,93 +92,79 @@ function ScrollArea(t0) {
     t2 = $[6];
   }
   const root = t2;
-  let t3;
-  if ($[7] !== root.className) {
-    t3 = () => root.className;
-    $[7] = root.className;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== root.style) {
-    t4 = () => root.style;
-    $[9] = root.style;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
+  const t3 = root.className;
+  const t4 = root.style;
   let t5;
-  if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = {
       className: "x5yr21d xh8yej3"
     };
-    $[11] = t5;
+    $[7] = t5;
   } else {
-    t5 = $[11];
+    t5 = $[7];
   }
   let t6;
-  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = {
       className: "xgqtt45"
     };
-    $[12] = t6;
+    $[8] = t6;
   } else {
-    t6 = $[12];
+    t6 = $[8];
   }
   let t7;
-  if ($[13] !== children) {
+  if ($[9] !== children) {
     t7 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { ...t5, children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Content, { ...t6, children }) });
-    $[13] = children;
-    $[14] = t7;
+    $[9] = children;
+    $[10] = t7;
   } else {
-    t7 = $[14];
+    t7 = $[10];
   }
   let t8;
-  if ($[15] !== scrollbars) {
+  if ($[11] !== scrollbars) {
     t8 = scrollbars === "vertical" || scrollbars === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }) : null;
-    $[15] = scrollbars;
-    $[16] = t8;
+    $[11] = scrollbars;
+    $[12] = t8;
   } else {
-    t8 = $[16];
+    t8 = $[12];
   }
   let t9;
-  if ($[17] !== scrollbars) {
+  if ($[13] !== scrollbars) {
     t9 = scrollbars === "horizontal" || scrollbars === "both" ? /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }) : null;
-    $[17] = scrollbars;
-    $[18] = t9;
+    $[13] = scrollbars;
+    $[14] = t9;
   } else {
-    t9 = $[18];
+    t9 = $[14];
   }
   let t10;
-  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t10 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, { className: "xjbqb8w" });
-    $[19] = t10;
+    $[15] = t10;
   } else {
-    t10 = $[19];
+    t10 = $[15];
   }
   let t11;
-  if ($[20] !== props2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {
+  if ($[16] !== props2 || $[17] !== root.className || $[18] !== root.style || $[19] !== t7 || $[20] !== t8 || $[21] !== t9) {
     t11 = /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, { ...props2, className: t3, style: t4, children: [
       t7,
       t8,
       t9,
       t10
     ] });
-    $[20] = props2;
-    $[21] = t3;
-    $[22] = t4;
-    $[23] = t7;
-    $[24] = t8;
-    $[25] = t9;
-    $[26] = t11;
+    $[16] = props2;
+    $[17] = root.className;
+    $[18] = root.style;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = t9;
+    $[22] = t11;
   } else {
-    t11 = $[26];
+    t11 = $[22];
   }
   return t11;
 }
 function ScrollBar(t0) {
-  const $ = _c(15);
+  const $ = _c(11);
   let props2;
   let t1;
   if ($[0] !== t0) {
@@ -198,40 +190,24 @@ function ScrollBar(t0) {
   }
   const resolved = t2;
   let t3;
-  if ($[5] !== resolved.className) {
-    t3 = () => resolved.className;
-    $[5] = resolved.className;
-    $[6] = t3;
+  if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, { className: "xoec9bc x9gkxt8 x98rzlu xisnujt xt4ypqs xdshaxz x15406qy xscx6xn x14r4sh6" });
+    $[5] = t3;
   } else {
-    t3 = $[6];
+    t3 = $[5];
   }
   let t4;
-  if ($[7] !== resolved.style) {
-    t4 = () => resolved.style;
-    $[7] = resolved.style;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, { className: "x1d9fuwt x9gkxt8 x98rzlu xisnujt xt4ypqs" });
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== orientation || $[11] !== props2 || $[12] !== t3 || $[13] !== t4) {
-    t6 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, { ...props2, className: t3, orientation, style: t4, children: t5 });
-    $[10] = orientation;
-    $[11] = props2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t6;
+  if ($[6] !== orientation || $[7] !== props2 || $[8] !== resolved.className || $[9] !== resolved.style) {
+    t4 = /* @__PURE__ */ jsx(ScrollAreaPrimitive.Scrollbar, { ...props2, className: resolved.className, orientation, style: resolved.style, children: t3 });
+    $[6] = orientation;
+    $[7] = props2;
+    $[8] = resolved.className;
+    $[9] = resolved.style;
+    $[10] = t4;
   } else {
-    t6 = $[14];
+    t4 = $[10];
   }
-  return t6;
+  return t4;
 }
 export {
   ScrollArea,

package/dist/scroll-area.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/scroll-area.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  root: {\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  viewport: {\n    kZKoxP: \"x5yr21d\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  content: {\n    k7Eaqz: \"xgqtt45\",\n    $$css: true\n  },\n  scrollbar: {\n    k1xSpc: \"x78zum5\",\n    kmVPX3: \"x1i3ajwb\",\n    kFalU9: \"x5ve5x3\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x15406qy\",\n    kfSwDN: \"x87ps6o\",\n    kGzVvX: \"x1o026c7\",\n    $$css: true\n  },\n  vertical: {\n    kZKoxP: \"x5yr21d\",\n    kzqmXN: \"x1fsd2vl\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"xdt5ytf\",\n    kZKoxP: \"x170jfvy\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"x1d9fuwt\",\n    kaIpWk: \"x9gkxt8\",\n    kUk6DE: \"x98rzlu\",\n    kAzted: \"xisnujt\",\n    k7Eaqz: \"xt4ypqs\",\n    $$css: true\n  },\n  corner: {\n    kWkggS: \"xjbqb8w\",\n    $$css: true\n  }\n};\nexport type ScrollAreaProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & {\n  children: ReactNode;\n  scrollbars?: \"both\" | \"horizontal\" | \"vertical\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function ScrollArea(t0) {\n  const $ = _c(27);\n  let children;\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      scrollbars: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = t1;\n    $[4] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    t1 = $[3];\n    xstyle = $[4];\n  }\n  const scrollbars = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[5] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  const root = t2;\n  let t3;\n  if ($[7] !== root.className) {\n    t3 = () => root.className;\n    $[7] = root.className;\n    $[8] = t3;\n  } else {\n    t3 = $[8];\n  }\n  let t4;\n  if ($[9] !== root.style) {\n    t4 = () => root.style;\n    $[9] = root.style;\n    $[10] = t4;\n  } else {\n    t4 = $[10];\n  }\n  let t5;\n  if ($[11] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x5yr21d xh8yej3\"\n    };\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = {\n      className: \"xgqtt45\"\n    };\n    $[12] = t6;\n  } else {\n    t6 = $[12];\n  }\n  let t7;\n  if ($[13] !== children) {\n    t7 = <ScrollAreaPrimitive.Viewport {...t5}><ScrollAreaPrimitive.Content {...t6}>{children}</ScrollAreaPrimitive.Content></ScrollAreaPrimitive.Viewport>;\n    $[13] = children;\n    $[14] = t7;\n  } else {\n    t7 = $[14];\n  }\n  let t8;\n  if ($[15] !== scrollbars) {\n    t8 = scrollbars === \"vertical\" || scrollbars === \"both\" ? <ScrollBar orientation=\"vertical\" /> : null;\n    $[15] = scrollbars;\n    $[16] = t8;\n  } else {\n    t8 = $[16];\n  }\n  let t9;\n  if ($[17] !== scrollbars) {\n    t9 = scrollbars === \"horizontal\" || scrollbars === \"both\" ? <ScrollBar orientation=\"horizontal\" /> : null;\n    $[17] = scrollbars;\n    $[18] = t9;\n  } else {\n    t9 = $[18];\n  }\n  let t10;\n  if ($[19] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t10 = <ScrollAreaPrimitive.Corner className=\"xjbqb8w\" />;\n    $[19] = t10;\n  } else {\n    t10 = $[19];\n  }\n  let t11;\n  if ($[20] !== props || $[21] !== t3 || $[22] !== t4 || $[23] !== t7 || $[24] !== t8 || $[25] !== t9) {\n    t11 = <ScrollAreaPrimitive.Root {...props} className={t3} style={t4}>{t7}{t8}{t9}{t10}</ScrollAreaPrimitive.Root>;\n    $[20] = props;\n    $[21] = t3;\n    $[22] = t4;\n    $[23] = t7;\n    $[24] = t8;\n    $[25] = t9;\n    $[26] = t11;\n  } else {\n    t11 = $[26];\n  }\n  return t11;\n}\nexport function ScrollBar(t0) {\n  const $ = _c(15);\n  let props;\n  let t1;\n  if ($[0] !== t0) {\n    ({\n      orientation: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n  } else {\n    props = $[1];\n    t1 = $[2];\n  }\n  const orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[3] !== orientation) {\n    t2 = stylex.props(styles.scrollbar, styles[orientation]);\n    $[3] = orientation;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const resolved = t2;\n  let t3;\n  if ($[5] !== resolved.className) {\n    t3 = () => resolved.className;\n    $[5] = resolved.className;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  let t4;\n  if ($[7] !== resolved.style) {\n    t4 = () => resolved.style;\n    $[7] = resolved.style;\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = <ScrollAreaPrimitive.Thumb className=\"x1d9fuwt x9gkxt8 x98rzlu xisnujt xt4ypqs\" />;\n    $[9] = t5;\n  } else {\n    t5 = $[9];\n  }\n  let t6;\n  if ($[10] !== orientation || $[11] !== props || $[12] !== t3 || $[13] !== t4) {\n    t6 = <ScrollAreaPrimitive.Scrollbar {...props} className={t3} orientation={orientation} style={t4}>{t5}</ScrollAreaPrimitive.Scrollbar>;\n    $[10] = orientation;\n    $[11] = props;\n    $[12] = t3;\n    $[13] = t4;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  return t6;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { colorVars, motionVars, radiusVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nconst styles = {\n  root: {\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  viewport: {\n    kZKoxP: \"x5yr21d\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  content: {\n    k7Eaqz: \"xgqtt45\",\n    $$css: true\n  },\n  scrollbar: {\n    k1xSpc: \"x78zum5\",\n    kmVPX3: \"x1td52mm\",\n    kFalU9: \"x5ve5x3\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x15406qy\",\n    kAMwcw: \"xscx6xn\",\n    kfSwDN: \"x87ps6o\",\n    $$css: true\n  },\n  vertical: {\n    kZKoxP: \"x5yr21d\",\n    kzqmXN: \"x1fsd2vl\",\n    $$css: true\n  },\n  horizontal: {\n    kXwgrk: \"xdt5ytf\",\n    kZKoxP: \"x170jfvy\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"xoec9bc\",\n    kaIpWk: \"x9gkxt8\",\n    kUk6DE: \"x98rzlu\",\n    kAzted: \"xisnujt\",\n    k7Eaqz: \"xt4ypqs\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x15406qy\",\n    kAMwcw: \"xscx6xn\",\n    kGzVvX: \"x14r4sh6\",\n    $$css: true\n  },\n  corner: {\n    kWkggS: \"xjbqb8w\",\n    $$css: true\n  }\n};\nexport type ScrollAreaProps = Omit<ComponentProps<typeof ScrollAreaPrimitive.Root>, \"className\" | \"style\"> & {\n  children: ReactNode;\n  scrollbars?: \"both\" | \"horizontal\" | \"vertical\";\n  xstyle?: stylex.StyleXStyles;\n};\nexport function ScrollArea(t0) {\n  const $ = _c(23);\n  let children;\n  let props;\n  let t1;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      children,\n      scrollbars: t1,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = props;\n    $[3] = t1;\n    $[4] = xstyle;\n  } else {\n    children = $[1];\n    props = $[2];\n    t1 = $[3];\n    xstyle = $[4];\n  }\n  const scrollbars = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[5] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  const root = t2;\n  const t3 = root.className;\n  const t4 = root.style;\n  let t5;\n  if ($[7] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t5 = {\n      className: \"x5yr21d xh8yej3\"\n    };\n    $[7] = t5;\n  } else {\n    t5 = $[7];\n  }\n  let t6;\n  if ($[8] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t6 = {\n      className: \"xgqtt45\"\n    };\n    $[8] = t6;\n  } else {\n    t6 = $[8];\n  }\n  let t7;\n  if ($[9] !== children) {\n    t7 = <ScrollAreaPrimitive.Viewport {...t5}><ScrollAreaPrimitive.Content {...t6}>{children}</ScrollAreaPrimitive.Content></ScrollAreaPrimitive.Viewport>;\n    $[9] = children;\n    $[10] = t7;\n  } else {\n    t7 = $[10];\n  }\n  let t8;\n  if ($[11] !== scrollbars) {\n    t8 = scrollbars === \"vertical\" || scrollbars === \"both\" ? <ScrollBar orientation=\"vertical\" /> : null;\n    $[11] = scrollbars;\n    $[12] = t8;\n  } else {\n    t8 = $[12];\n  }\n  let t9;\n  if ($[13] !== scrollbars) {\n    t9 = scrollbars === \"horizontal\" || scrollbars === \"both\" ? <ScrollBar orientation=\"horizontal\" /> : null;\n    $[13] = scrollbars;\n    $[14] = t9;\n  } else {\n    t9 = $[14];\n  }\n  let t10;\n  if ($[15] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t10 = <ScrollAreaPrimitive.Corner className=\"xjbqb8w\" />;\n    $[15] = t10;\n  } else {\n    t10 = $[15];\n  }\n  let t11;\n  if ($[16] !== props || $[17] !== root.className || $[18] !== root.style || $[19] !== t7 || $[20] !== t8 || $[21] !== t9) {\n    t11 = <ScrollAreaPrimitive.Root {...props} className={t3} style={t4}>{t7}{t8}{t9}{t10}</ScrollAreaPrimitive.Root>;\n    $[16] = props;\n    $[17] = root.className;\n    $[18] = root.style;\n    $[19] = t7;\n    $[20] = t8;\n    $[21] = t9;\n    $[22] = t11;\n  } else {\n    t11 = $[22];\n  }\n  return t11;\n}\nexport function ScrollBar(t0) {\n  const $ = _c(11);\n  let props;\n  let t1;\n  if ($[0] !== t0) {\n    ({\n      orientation: t1,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n    $[2] = t1;\n  } else {\n    props = $[1];\n    t1 = $[2];\n  }\n  const orientation = t1 === undefined ? \"vertical\" : t1;\n  let t2;\n  if ($[3] !== orientation) {\n    t2 = stylex.props(styles.scrollbar, styles[orientation]);\n    $[3] = orientation;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const resolved = t2;\n  let t3;\n  if ($[5] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = <ScrollAreaPrimitive.Thumb className=\"xoec9bc x9gkxt8 x98rzlu xisnujt xt4ypqs xdshaxz x15406qy xscx6xn x14r4sh6\" />;\n    $[5] = t3;\n  } else {\n    t3 = $[5];\n  }\n  let t4;\n  if ($[6] !== orientation || $[7] !== props || $[8] !== resolved.className || $[9] !== resolved.style) {\n    t4 = <ScrollAreaPrimitive.Scrollbar {...props} className={resolved.className} orientation={orientation} style={resolved.style}>{t3}</ScrollAreaPrimitive.Scrollbar>;\n    $[6] = orientation;\n    $[7] = props;\n    $[8] = resolved.className;\n    $[9] = resolved.style;\n    $[10] = t4;\n  } else {\n    t4 = $[10];\n  }\n  return t4;\n}"],
+  "mappings": "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",
   "names": ["props"]
 }