@nuee/ui 0.4.0 → 0.5.0

package/dist/switch.d.ts

@@ -1,8 +1,8 @@
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type SwitchProps = ComponentProps<typeof SwitchPrimitive.Root> & {
+import type { ControlPlacementStyles } from "./control-layout";
+export type SwitchProps = Omit<ComponentProps<typeof SwitchPrimitive.Root>, "className" | "style"> & {
     size?: "md" | "sm";
-    xstyle?: stylex.StyleXStyles;
+    xstyle?: ControlPlacementStyles;
 };
 export declare function Switch({ size, xstyle, ...props }: SwitchProps): import("react").JSX.Element;

package/dist/switch.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/switch.tsx
 import { c as _c } from "react/compiler-runtime";
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
@@ -15,9 +17,10 @@ var styles = {
     k1xSpc: "x3nfvp2",
     kmuXW: "x2lah0s",
     kI3sdo: "x1a2a7pz",
-    kmVPX3: "x1ngqb6p",
+    kmVPX3: "x1td52mm",
     kIyJzY: "xdshaxz",
     k1ekBW: "x1e8aii2",
+    kAMwcw: "xscx6xn",
     kZs9gx: "x7yqiub",
     kiEn40: "xzvmsi2",
     k7shQP: "x9v5kkp",
@@ -26,13 +29,13 @@ var styles = {
     $$css: true
   },
   sm: {
-    kZKoxP: "xam5rvr",
-    kzqmXN: "xs5h3dt",
+    kZKoxP: "x1kobcp8",
+    kzqmXN: "x1gxsahx",
     $$css: true
   },
   md: {
-    kZKoxP: "xam5rvr",
-    kzqmXN: "xvm51jw",
+    kZKoxP: "x1kobcp8",
+    kzqmXN: "x1b7buv2",
     $$css: true
   },
   checked: {
@@ -44,36 +47,42 @@ var styles = {
     kkrTdU: "x1h6gzvc",
     $$css: true
   },
+  disabledThumb: {
+    kWkggS: "x1rt6kg4",
+    $$css: true
+  },
   thumb: {
     kWkggS: "x8m6yc2",
     kaIpWk: "x9gkxt8",
     k1xSpc: "x1lliihq",
     k3aq6I: "xbryuvx",
     kIyJzY: "xdshaxz",
-    k1ekBW: "x11xpdln",
+    k1ekBW: "xuo13n2",
+    kAMwcw: "xscx6xn",
+    k6CgDc: "x1ho1d5x",
     $$css: true
   },
   thumbsm: {
-    kZKoxP: "x1l36t39",
-    kzqmXN: "xcdlrvm",
+    kZKoxP: "xswfmaf",
+    kzqmXN: "xmkpuva",
     $$css: true
   },
   thumbmd: {
-    kZKoxP: "xmll18r",
-    kzqmXN: "xwqq7k2",
+    kZKoxP: "xy4d3ni",
+    kzqmXN: "x1mu33zv",
     $$css: true
   },
   thumbCheckedsm: {
-    k3aq6I: "x1xvezvf",
+    k3aq6I: "xu93rsi",
     $$css: true
   },
   thumbCheckedmd: {
-    k3aq6I: "x10tizke",
+    k3aq6I: "x1937icg",
     $$css: true
   }
 };
 function Switch(t0) {
-  const $ = _c(15);
+  const $ = _c(17);
   let props2;
   let t1;
   let xstyle;
@@ -94,44 +103,49 @@ function Switch(t0) {
   }
   const size = t1 === void 0 ? "md" : t1;
   let t2;
-  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);
-      return stylexProps.className;
-    };
-    t3 = (state_0) => {
-      const stylexProps_0 = stylex.props(styles.root, styles[size], state_0.checked && styles.checked, state_0.disabled && styles.disabled, xstyle);
-      return stylexProps_0.style;
+    t2 = function getRootStyles2(state) {
+      return stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);
     };
     $[4] = size;
     $[5] = xstyle;
     $[6] = t2;
-    $[7] = t3;
   } else {
     t2 = $[6];
-    t3 = $[7];
   }
+  const getRootStyles = t2;
+  let t3;
   let t4;
-  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 });
-    $[8] = size;
+  if ($[7] !== getRootStyles) {
+    t3 = (state_0) => getRootStyles(state_0).className;
+    t4 = (state_1) => getRootStyles(state_1).style;
+    $[7] = getRootStyles;
+    $[8] = t3;
     $[9] = t4;
   } else {
+    t3 = $[8];
     t4 = $[9];
   }
   let t5;
-  if ($[10] !== props2 || $[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
-    t5 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props2, className: t2, style: t3, children: t4 });
-    $[10] = props2;
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
+  if ($[10] !== size) {
+    t5 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: (state_2) => stylex.props(styles.thumb, styles[`thumb${size}`], state_2.checked && styles[`thumbChecked${size}`], state_2.disabled && styles.disabledThumb).className });
+    $[10] = size;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== props2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
+    t6 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props2, className: t3, style: t4, children: t5 });
+    $[12] = props2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
   } else {
-    t5 = $[14];
+    t6 = $[16];
   }
-  return t5;
+  return t6;
 }
 export {
   Switch

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(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"]
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./control-layout\";\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: \"x1td52mm\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"x1e8aii2\",\n    kAMwcw: \"xscx6xn\",\n    kZs9gx: \"x7yqiub\",\n    kiEn40: \"xzvmsi2\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x11ci167\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  sm: {\n    kZKoxP: \"x1kobcp8\",\n    kzqmXN: \"x1gxsahx\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1kobcp8\",\n    kzqmXN: \"x1b7buv2\",\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  disabledThumb: {\n    kWkggS: \"x1rt6kg4\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"x8m6yc2\",\n    kaIpWk: \"x9gkxt8\",\n    k1xSpc: \"x1lliihq\",\n    k3aq6I: \"xbryuvx\",\n    kIyJzY: \"xdshaxz\",\n    k1ekBW: \"xuo13n2\",\n    kAMwcw: \"xscx6xn\",\n    k6CgDc: \"x1ho1d5x\",\n    $$css: true\n  },\n  thumbsm: {\n    kZKoxP: \"xswfmaf\",\n    kzqmXN: \"xmkpuva\",\n    $$css: true\n  },\n  thumbmd: {\n    kZKoxP: \"xy4d3ni\",\n    kzqmXN: \"x1mu33zv\",\n    $$css: true\n  },\n  thumbCheckedsm: {\n    k3aq6I: \"xu93rsi\",\n    $$css: true\n  },\n  thumbCheckedmd: {\n    k3aq6I: \"x1937icg\",\n    $$css: true\n  }\n};\nexport type SwitchProps = Omit<ComponentProps<typeof SwitchPrimitive.Root>, \"className\" | \"style\"> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: ControlPlacementStyles;\n};\nexport function Switch(t0) {\n  const $ = _c(17);\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  if ($[4] !== size || $[5] !== xstyle) {\n    t2 = function getRootStyles(state) {\n      return stylex.props(styles.root, styles[size], state.checked && styles.checked, state.disabled && styles.disabled, xstyle);\n    };\n    $[4] = size;\n    $[5] = xstyle;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  const getRootStyles = t2;\n  let t3;\n  let t4;\n  if ($[7] !== getRootStyles) {\n    t3 = state_0 => getRootStyles(state_0).className;\n    t4 = state_1 => getRootStyles(state_1).style;\n    $[7] = getRootStyles;\n    $[8] = t3;\n    $[9] = t4;\n  } else {\n    t3 = $[8];\n    t4 = $[9];\n  }\n  let t5;\n  if ($[10] !== size) {\n    t5 = <SwitchPrimitive.Thumb className={state_2 => stylex.props(styles.thumb, styles[`thumb${size}`], state_2.checked && styles[`thumbChecked${size}`], state_2.disabled && styles.disabledThumb).className} />;\n    $[10] = size;\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] !== props || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {\n    t6 = <SwitchPrimitive.Root {...props} className={t3} style={t4}>{t5}</SwitchPrimitive.Root>;\n    $[12] = props;\n    $[13] = t3;\n    $[14] = t4;\n    $[15] = t5;\n    $[16] = t6;\n  } else {\n    t6 = $[16];\n  }\n  return t6;\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAE1C,YAAY,YAAY;AAkIf;AA/HT,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,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,OAAO,IAAI;AACzB,QAAM,IAAI,GAAG,EAAE;AACf,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC,MAAM;AAAA,MACN;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,OAAO,OAAO,SAAY,OAAO;AACvC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ,EAAE,CAAC,MAAM,QAAQ;AACpC,SAAK,SAASC,eAAc,OAAO;AACjC,aAAc,aAAM,OAAO,MAAM,OAAO,IAAI,GAAG,MAAM,WAAW,OAAO,SAAS,MAAM,YAAY,OAAO,UAAU,MAAM;AAAA,IAC3H;AACA,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,gBAAgB;AACtB,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,eAAe;AAC1B,SAAK,aAAW,cAAc,OAAO,EAAE;AACvC,SAAK,aAAW,cAAc,OAAO,EAAE;AACvC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AACR,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,MAAM;AAClB,SAAK,oBAAC,gBAAgB,OAAhB,EAAsB,WAAW,aAAkB,aAAM,OAAO,OAAO,OAAO,QAAQ,IAAI,EAAE,GAAG,QAAQ,WAAW,OAAO,eAAe,IAAI,EAAE,GAAG,QAAQ,YAAY,OAAO,aAAa,EAAE,WAAW;AAC5M,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMD,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnE,SAAK,oBAAC,gBAAgB,MAAhB,EAAsB,GAAGA,QAAO,WAAW,IAAI,OAAO,IAAK,cAAG;AACpE,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
+  "names": ["props", "getRootStyles"]
 }

package/dist/table.d.ts

@@ -1,14 +1,13 @@
 import * as stylex from "@stylexjs/stylex";
 import type { ComponentProps } from "react";
-export type TableProps = ComponentProps<"table"> & {
-    containerClassName?: string;
+export type TableProps = Omit<ComponentProps<"table">, "className" | "style"> & {
     xstyle?: stylex.StyleXStyles;
 };
-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;
+export declare function Table({ xstyle, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ ...props }: Omit<ComponentProps<"thead">, "className" | "style">): import("react").JSX.Element;
+export declare function TableBody({ ...props }: Omit<ComponentProps<"tbody">, "className" | "style">): import("react").JSX.Element;
+export declare function TableFooter({ ...props }: Omit<ComponentProps<"tfoot">, "className" | "style">): import("react").JSX.Element;
+export declare function TableRow({ ...props }: Omit<ComponentProps<"tr">, "className" | "style">): import("react").JSX.Element;
+export declare function TableHead({ ...props }: Omit<ComponentProps<"th">, "className" | "style">): import("react").JSX.Element;
+export declare function TableCell({ ...props }: Omit<ComponentProps<"td">, "className" | "style">): import("react").JSX.Element;
+export declare function TableCaption({ ...props }: Omit<ComponentProps<"caption">, "className" | "style">): import("react").JSX.Element;

package/dist/table.js

@@ -1,5 +1,4 @@
 // src/table.tsx
-import { c as _c } from "react/compiler-runtime";
 import * as stylex from "@stylexjs/stylex";
 import { jsx } from "react/jsx-runtime";
 var styles = {
@@ -12,286 +11,46 @@ var styles = {
     $$css: true
   }
 };
-function Table(t0) {
-  const $ = _c(15);
-  let containerClassName;
-  let props2;
-  let xstyle;
-  if ($[0] !== t0) {
-    ({
-      containerClassName,
-      xstyle,
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = containerClassName;
-    $[2] = props2;
-    $[3] = xstyle;
-  } else {
-    containerClassName = $[1];
-    props2 = $[2];
-    xstyle = $[3];
-  }
-  let t1;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "xw2csxc x1n2onr6 xh8yej3"
-    };
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== containerClassName) {
-    t2 = [t1.className, containerClassName].filter(Boolean);
-    $[5] = containerClassName;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const t3 = t2.join(" ");
-  let t4;
-  if ($[7] !== xstyle) {
-    t4 = stylex.props(styles.table, xstyle);
-    $[7] = xstyle;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== props2 || $[10] !== t4) {
-    t5 = /* @__PURE__ */ jsx("table", { ...props2, ...t4 });
-    $[9] = props2;
-    $[10] = t4;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  let t6;
-  if ($[12] !== t3 || $[13] !== t5) {
-    t6 = /* @__PURE__ */ jsx("div", { className: t3, children: t5 });
-    $[12] = t3;
-    $[13] = t5;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  return t6;
+function Table({
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "xw2csxc x1n2onr6 xh8yej3", children: /* @__PURE__ */ jsx("table", { ...props2, ...stylex.props(styles.table, xstyle) }) });
 }
-function TableHeader(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "xuzwz2k x1q0q8m5 xso031l"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("thead", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableHeader({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("thead", { ...props2, className: "xuzwz2k x1q0q8m5 xbyw4nl" });
 }
-function TableBody(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {};
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("tbody", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableBody({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tbody", { ...props2, ...{} });
 }
-function TableFooter(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "x13hkpcx x1xrztm x13fuv20 x178xt8z x1v899x5"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("tfoot", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableFooter({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tfoot", { ...props2, className: "x13hkpcx x1xrztm x13fuv20 x11rg0p x1v899x5" });
 }
-function TableRow(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "xuzwz2k x1q0q8m5 xso031l xdshaxz x15406qy xscx6xn xjbqb8w x1o026c7"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("tr", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableRow({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tr", { ...props2, className: "xuzwz2k x1q0q8m5 xbyw4nl xdshaxz x15406qy xscx6xn xjbqb8w x1o026c7" });
 }
-function TableHead(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "x1ry1pnm x1v899x5 xwaiz5r xdaxh69 xdpxx8g xxymvpz xuxw1ft"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("th", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableHead({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("th", { ...props2, className: "x1ry1pnm x1v899x5 xbdy5jr xdaxh69 xdpxx8g xxymvpz xuxw1ft" });
 }
-function TableCell(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "x172mi11 xdaxh69 xxymvpz xuxw1ft"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("td", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableCell({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("td", { ...props2, className: "x172mi11 xdaxh69 xxymvpz xuxw1ft" });
 }
-function TableCaption(t0) {
-  const $ = _c(5);
-  let props2;
-  if ($[0] !== t0) {
-    ({
-      ...props2
-    } = t0);
-    $[0] = t0;
-    $[1] = props2;
-  } else {
-    props2 = $[1];
-  }
-  let t1;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
-      className: "x1ry1pnm x99mhxu xgz5cdn xdpxx8g"
-    };
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== props2) {
-    t2 = /* @__PURE__ */ jsx("caption", { ...props2, ...t1 });
-    $[3] = props2;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
+function TableCaption({
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("caption", { ...props2, className: "x1ry1pnm x99mhxu xgz5cdn xdpxx8g x1gvcc05 x172mi11" });
 }
 export {
   Table,

package/dist/table.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/table.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, motionVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n  table: {\n    kLvRdT: \"x1mwwwfo\",\n    kV37R7: \"xhdg8po\",\n    kMwMTN: \"x1alews2\",\n    kGuDYH: \"x99mhxu\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type TableProps = ComponentProps<\"table\"> & {\n  containerClassName?: string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Table(t0) {\n  const $ = _c(15);\n  let containerClassName;\n  let props;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      containerClassName,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = containerClassName;\n    $[2] = props;\n    $[3] = xstyle;\n  } else {\n    containerClassName = $[1];\n    props = $[2];\n    xstyle = $[3];\n  }\n  let t1;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xw2csxc x1n2onr6 xh8yej3\"\n    };\n    $[4] = t1;\n  } else {\n    t1 = $[4];\n  }\n  let t2;\n  if ($[5] !== containerClassName) {\n    t2 = [t1.className, containerClassName].filter(Boolean);\n    $[5] = containerClassName;\n    $[6] = t2;\n  } else {\n    t2 = $[6];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[7] !== xstyle) {\n    t4 = stylex.props(styles.table, xstyle);\n    $[7] = xstyle;\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  let t5;\n  if ($[9] !== props || $[10] !== t4) {\n    t5 = <table {...props} {...t4} />;\n    $[9] = props;\n    $[10] = t4;\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] !== t3 || $[13] !== t5) {\n    t6 = <div className={t3}>{t5}</div>;\n    $[12] = t3;\n    $[13] = t5;\n    $[14] = t6;\n  } else {\n    t6 = $[14];\n  }\n  return t6;\n}\nexport function TableHeader(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xuzwz2k x1q0q8m5 xso031l\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <thead {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableBody(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {};\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <tbody {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableFooter(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"x13hkpcx x1xrztm x13fuv20 x178xt8z x1v899x5\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <tfoot {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableRow(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"xuzwz2k x1q0q8m5 xso031l xdshaxz x15406qy xscx6xn xjbqb8w x1o026c7\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <tr {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableHead(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"x1ry1pnm x1v899x5 xwaiz5r xdaxh69 xdpxx8g xxymvpz xuxw1ft\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <th {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableCell(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"x172mi11 xdaxh69 xxymvpz xuxw1ft\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <td {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}\nexport function TableCaption(t0) {\n  const $ = _c(5);\n  let props;\n  if ($[0] !== t0) {\n    ({\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = props;\n  } else {\n    props = $[1];\n  }\n  let t1;\n  if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t1 = {\n      className: \"x1ry1pnm x99mhxu xgz5cdn xdpxx8g\"\n    };\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  let t2;\n  if ($[3] !== props) {\n    t2 = <caption {...props} {...t1} />;\n    $[3] = props;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { colorVars, motionVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nconst styles = {\n  table: {\n    kLvRdT: \"x1mwwwfo\",\n    kV37R7: \"xhdg8po\",\n    kMwMTN: \"x1alews2\",\n    kGuDYH: \"x99mhxu\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type TableProps = Omit<ComponentProps<\"table\">, \"className\" | \"style\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Table({\n  xstyle,\n  ...props\n}: TableProps) {\n  return <div className=\"xw2csxc x1n2onr6 xh8yej3\">\n      <table {...props} {...stylex.props(styles.table, xstyle)} />\n    </div>;\n}\nexport function TableHeader({\n  ...props\n}: Omit<ComponentProps<\"thead\">, \"className\" | \"style\">) {\n  return <thead {...props} className=\"xuzwz2k x1q0q8m5 xbyw4nl\" />;\n}\nexport function TableBody({\n  ...props\n}: Omit<ComponentProps<\"tbody\">, \"className\" | \"style\">) {\n  return <tbody {...props} {...{}} />;\n}\nexport function TableFooter({\n  ...props\n}: Omit<ComponentProps<\"tfoot\">, \"className\" | \"style\">) {\n  return <tfoot {...props} className=\"x13hkpcx x1xrztm x13fuv20 x11rg0p x1v899x5\" />;\n}\nexport function TableRow({\n  ...props\n}: Omit<ComponentProps<\"tr\">, \"className\" | \"style\">) {\n  return <tr {...props} className=\"xuzwz2k x1q0q8m5 xbyw4nl xdshaxz x15406qy xscx6xn xjbqb8w x1o026c7\" />;\n}\nexport function TableHead({\n  ...props\n}: Omit<ComponentProps<\"th\">, \"className\" | \"style\">) {\n  return <th {...props} className=\"x1ry1pnm x1v899x5 xbdy5jr xdaxh69 xdpxx8g xxymvpz xuxw1ft\" />;\n}\nexport function TableCell({\n  ...props\n}: Omit<ComponentProps<\"td\">, \"className\" | \"style\">) {\n  return <td {...props} className=\"x172mi11 xdaxh69 xxymvpz xuxw1ft\" />;\n}\nexport function TableCaption({\n  ...props\n}: Omit<ComponentProps<\"caption\">, \"className\" | \"style\">) {\n  return <caption {...props} className=\"x1ry1pnm x99mhxu xgz5cdn xdpxx8g x1gvcc05 x172mi11\" />;\n}"],
+  "mappings": ";AACA,YAAY,YAAY;AAoBlB;AAlBN,IAAM,SAAS;AAAA,EACb,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,GAAGA;AACL,GAAe;AACb,SAAO,oBAAC,SAAI,WAAU,4BAClB,8BAAC,WAAO,GAAGA,QAAQ,GAAU,aAAM,OAAO,OAAO,MAAM,GAAG,GAC5D;AACJ;AACO,SAAS,YAAY;AAAA,EAC1B,GAAGA;AACL,GAAyD;AACvD,SAAO,oBAAC,WAAO,GAAGA,QAAO,WAAU,4BAA2B;AAChE;AACO,SAAS,UAAU;AAAA,EACxB,GAAGA;AACL,GAAyD;AACvD,SAAO,oBAAC,WAAO,GAAGA,QAAQ,GAAG,CAAC,GAAG;AACnC;AACO,SAAS,YAAY;AAAA,EAC1B,GAAGA;AACL,GAAyD;AACvD,SAAO,oBAAC,WAAO,GAAGA,QAAO,WAAU,8CAA6C;AAClF;AACO,SAAS,SAAS;AAAA,EACvB,GAAGA;AACL,GAAsD;AACpD,SAAO,oBAAC,QAAI,GAAGA,QAAO,WAAU,sEAAqE;AACvG;AACO,SAAS,UAAU;AAAA,EACxB,GAAGA;AACL,GAAsD;AACpD,SAAO,oBAAC,QAAI,GAAGA,QAAO,WAAU,6DAA4D;AAC9F;AACO,SAAS,UAAU;AAAA,EACxB,GAAGA;AACL,GAAsD;AACpD,SAAO,oBAAC,QAAI,GAAGA,QAAO,WAAU,oCAAmC;AACrE;AACO,SAAS,aAAa;AAAA,EAC3B,GAAGA;AACL,GAA2D;AACzD,SAAO,oBAAC,aAAS,GAAGA,QAAO,WAAU,sDAAqD;AAC5F;",
   "names": ["props"]
 }

package/dist/tabs.d.ts

@@ -1,10 +1,10 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import { type ComponentProps } from "react";
 export type TabsVariant = "segmented" | "underline";
-export type TabsProps = ComponentProps<typeof TabsPrimitive.Root> & {
+export type TabsProps = Omit<ComponentProps<typeof TabsPrimitive.Root>, "className" | "style"> & {
     variant?: TabsVariant;
 };
 export declare function Tabs({ variant, ...props }: TabsProps): import("react").JSX.Element;
-export declare function TabsList({ children, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
-export declare function TabsTrigger({ ...props }: ComponentProps<typeof TabsPrimitive.Tab>): import("react").JSX.Element;
-export declare function TabsContent({ ...props }: ComponentProps<typeof TabsPrimitive.Panel>): import("react").JSX.Element;
+export declare function TabsList({ children, ...props }: Omit<ComponentProps<typeof TabsPrimitive.List>, "className" | "style">): import("react").JSX.Element;
+export declare function TabsTrigger({ ...props }: Omit<ComponentProps<typeof TabsPrimitive.Tab>, "className" | "style">): import("react").JSX.Element;
+export declare function TabsContent({ ...props }: Omit<ComponentProps<typeof TabsPrimitive.Panel>, "className" | "style">): import("react").JSX.Element;