@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/switch.d.ts

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

package/dist/switch.js

@@ -0,0 +1,153 @@
+"use client";
+
+// src/switch.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/switch.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    kWkggS: "xmsiyhp x1fo7mlw xzbkefh",
+    ksu8eU: "xng3xce",
+    kMzoRj: "xc342km",
+    kaIpWk: "xwhwt5f",
+    kkrTdU: "x1ypdohk x5ezrf1",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    kI3sdo: "x1a2a7pz",
+    kmVPX3: "xzsj1fb",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x1e8aii2",
+    kAMwcw: "xrkjf8i",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  },
+  thumb: {
+    kWkggS: "x1e16l1e x13zvigl",
+    kaIpWk: "xwhwt5f",
+    k1xSpc: "x1lliihq",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xuo13n2",
+    kAMwcw: "xrkjf8i",
+    kxero2: "xt8ron0",
+    $$css: true
+  }
+};
+var sizeStyles = {
+  sm: {
+    kZKoxP: "x1nb8khz",
+    kzqmXN: "x1g37zm5",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "x1nb8khz",
+    kzqmXN: "x16zkcgh",
+    $$css: true
+  }
+};
+var thumbSizeStyles = {
+  sm: {
+    kZKoxP: "x1oo1j9p",
+    k3aq6I: "xbryuvx x1in1mkq",
+    kzqmXN: "x1ts0t7r",
+    $$css: true
+  },
+  md: {
+    kZKoxP: "x32j0x8",
+    k3aq6I: "xbryuvx x1w4117o",
+    kzqmXN: "x10sws06",
+    $$css: true
+  }
+};
+function Switch(t0) {
+  const $ = _c(19);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      size: t1,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    xstyle = $[5];
+  }
+  const size = t1 === void 0 ? "md" : t1;
+  let t2;
+  if ($[6] !== className || $[7] !== size || $[8] !== style || $[9] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles.root, sizeStyles[size], xstyle), className, style);
+    $[6] = className;
+    $[7] = size;
+    $[8] = style;
+    $[9] = xstyle;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== size) {
+    t3 = stylex.props(styles.thumb, thumbSizeStyles[size]);
+    $[11] = size;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { ...t3 });
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== props2 || $[16] !== t2 || $[17] !== t4) {
+    t5 = /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ...props2, ...t2, children: t4 });
+    $[15] = props2;
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+export {
+  Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/switch.tsx", "../src/styles/merge-styles.ts"],
+  "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 \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlPlacementStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xmsiyhp x1fo7mlw xzbkefh\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kaIpWk: \"xwhwt5f\",\n    kkrTdU: \"x1ypdohk x5ezrf1\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"xzsj1fb\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x1e8aii2\",\n    kAMwcw: \"xrkjf8i\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  },\n  thumb: {\n    kWkggS: \"x1e16l1e x13zvigl\",\n    kaIpWk: \"xwhwt5f\",\n    k1xSpc: \"x1lliihq\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xuo13n2\",\n    kAMwcw: \"xrkjf8i\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  }\n};\nconst sizeStyles = {\n  sm: {\n    kZKoxP: \"x1nb8khz\",\n    kzqmXN: \"x1g37zm5\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x1nb8khz\",\n    kzqmXN: \"x16zkcgh\",\n    $$css: true\n  }\n};\nconst thumbSizeStyles = {\n  sm: {\n    kZKoxP: \"x1oo1j9p\",\n    k3aq6I: \"xbryuvx x1in1mkq\",\n    kzqmXN: \"x1ts0t7r\",\n    $$css: true\n  },\n  md: {\n    kZKoxP: \"x32j0x8\",\n    k3aq6I: \"xbryuvx x1w4117o\",\n    kzqmXN: \"x10sws06\",\n    $$css: true\n  }\n};\nexport type SwitchProps = StyledProps<ComponentProps<typeof SwitchPrimitive.Root>> & {\n  size?: \"md\" | \"sm\";\n  xstyle?: ControlPlacementStyles;\n};\nexport function Switch(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      style,\n      size: t1,\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] !== style || $[9] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, sizeStyles[size], xstyle), className, style);\n    $[6] = className;\n    $[7] = size;\n    $[8] = style;\n    $[9] = xstyle;\n    $[10] = t2;\n  } else {\n    t2 = $[10];\n  }\n  let t3;\n  if ($[11] !== size) {\n    t3 = stylex.props(styles.thumb, thumbSizeStyles[size]);\n    $[11] = size;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== t3) {\n    t4 = <SwitchPrimitive.Thumb {...t3} />;\n    $[13] = t3;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  let t5;\n  if ($[15] !== props || $[16] !== t2 || $[17] !== t4) {\n    t5 = <SwitchPrimitive.Root {...props} {...t2}>{t4}</SwitchPrimitive.Root>;\n    $[15] = props;\n    $[16] = t2;\n    $[17] = t4;\n    $[18] = t5;\n  } else {\n    t5 = $[18];\n  }\n  return t5;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": ";;;AAEA,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAE1C,YAAY,YAAY;;;ACCjB,SAAS,YAAY,MAAuC,WAAoB,OAGrF;AACA,MAAI,cAAc,UAAa,UAAU,OAAW,QAAO;AAC3D,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW,CAAC,KAAK,WAAW,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IACpE,OAAO,KAAK,SAAS,QAAQ;AAAA,MAC3B,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL,IAAI;AAAA,EACN;AACF;;;ADwGS;AAjHT,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,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,OAAO;AAAA,EACT;AACF;AACA,IAAM,aAAa;AAAA,EACjB,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;AACF;AACA,IAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,OAAO,IAAI;AACzB,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;AAAA,MACA,MAAM;AAAA,MACN;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,OAAO,OAAO,SAAY,OAAO;AACvC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,QAAQ,EAAE,CAAC,MAAM,SAAS,EAAE,CAAC,MAAM,QAAQ;AAC5E,SAAK,YAAmB,aAAM,OAAO,MAAM,WAAW,IAAI,GAAG,MAAM,GAAG,WAAW,KAAK;AACtF,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,MAAM;AAClB,SAAY,aAAM,OAAO,OAAO,gBAAgB,IAAI,CAAC;AACrD,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,IAAI;AAChB,SAAK,oBAAC,gBAAgB,OAAhB,EAAuB,GAAG,IAAI;AACpC,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACnD,SAAK,oBAAC,gBAAgB,MAAhB,EAAsB,GAAGA,QAAQ,GAAG,IAAK,cAAG;AAClD,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;",
+  "names": ["props"]
+}

package/dist/table.d.ts

@@ -0,0 +1,31 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export type TableProps = StyledProps<ComponentProps<"table">> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Table({ className, style, xstyle, ...props }: TableProps): import("react").JSX.Element;
+export declare function TableHeader({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"thead">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableBody({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"tbody">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableFooter({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"tfoot">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableRow({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"tr">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableHead({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"th">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableCell({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"td">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableCaption({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"caption">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TableContainer({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;

package/dist/table.js

@@ -0,0 +1,171 @@
+// src/table.tsx
+import * as stylex from "@stylexjs/stylex";
+
+// src/styles/merge-styles.ts
+function mergeStyles(base, className, style) {
+  if (className === void 0 && style === void 0) return base;
+  return {
+    ...base,
+    className: [base.className, className].filter(Boolean).join(" ") || void 0,
+    style: base.style || style ? {
+      ...base.style,
+      ...style
+    } : void 0
+  };
+}
+
+// src/table.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  container: {
+    kXHlph: "xw2csxc",
+    kVAEAm: "x1n2onr6",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  table: {
+    kLvRdT: "x1mwwwfo",
+    kV37R7: "xhdg8po",
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "x1lskvfa",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  header: {
+    kL6WhQ: "xqtpct5",
+    kfdmCh: "x1q0q8m5",
+    kt9PQ7: "x1ue9prv",
+    $$css: true
+  },
+  body: {
+    $$css: true
+  },
+  footer: {
+    kWkggS: "xmqg8ag",
+    kLZC3w: "xeh8eq6",
+    kPef9Z: "x13fuv20",
+    kEafiO: "xkbb82d",
+    k63SB2: "xoop9yj",
+    $$css: true
+  },
+  row: {
+    kL6WhQ: "xqtpct5",
+    kfdmCh: "x1q0q8m5",
+    kt9PQ7: "x1ue9prv",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x15406qy",
+    kAMwcw: "xrkjf8i",
+    kWkggS: "xjbqb8w xk9i4fa",
+    $$css: true
+  },
+  head: {
+    kMwMTN: "xj9e3ow",
+    k63SB2: "xoop9yj",
+    kZKoxP: "x4rnblq",
+    kg3NbH: "x5044ve",
+    k9WMMc: "xdpxx8g",
+    kXLuUW: "xxymvpz",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  },
+  cell: {
+    k8WAf4: "xp765e7",
+    kg3NbH: "x5044ve",
+    kXLuUW: "xxymvpz",
+    khDVqt: "xuxw1ft",
+    $$css: true
+  },
+  caption: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1lskvfa",
+    keoZOQ: "x1xr9o1l",
+    k9WMMc: "xdpxx8g",
+    kg3NbH: "xblk7t1",
+    k8WAf4: "xp765e7",
+    $$css: true
+  }
+};
+function Table({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("table", { ...props2, ...mergeStyles(stylex.props(styles.table, xstyle), className, style) });
+}
+function TableHeader({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("thead", { ...props2, ...mergeStyles(stylex.props(styles.header, xstyle), className, style) });
+}
+function TableBody({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tbody", { ...props2, ...mergeStyles(stylex.props(styles.body, xstyle), className, style) });
+}
+function TableFooter({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tfoot", { ...props2, ...mergeStyles(stylex.props(styles.footer, xstyle), className, style) });
+}
+function TableRow({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("tr", { ...props2, ...mergeStyles(stylex.props(styles.row, xstyle), className, style) });
+}
+function TableHead({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("th", { ...props2, ...mergeStyles(stylex.props(styles.head, xstyle), className, style) });
+}
+function TableCell({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("td", { ...props2, ...mergeStyles(stylex.props(styles.cell, xstyle), className, style) });
+}
+function TableCaption({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("caption", { ...props2, ...mergeStyles(stylex.props(styles.caption, xstyle), className, style) });
+}
+function TableContainer({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, ...mergeStyles(stylex.props(styles.container, xstyle), className, style) });
+}
+export {
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableContainer,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/table.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, motionVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  container: {\n    kXHlph: \"xw2csxc\",\n    kVAEAm: \"x1n2onr6\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  table: {\n    kLvRdT: \"x1mwwwfo\",\n    kV37R7: \"xhdg8po\",\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  header: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    $$css: true\n  },\n  body: {\n    $$css: true\n  },\n  footer: {\n    kWkggS: \"xmqg8ag\",\n    kLZC3w: \"xeh8eq6\",\n    kPef9Z: \"x13fuv20\",\n    kEafiO: \"xkbb82d\",\n    k63SB2: \"xoop9yj\",\n    $$css: true\n  },\n  row: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x15406qy\",\n    kAMwcw: \"xrkjf8i\",\n    kWkggS: \"xjbqb8w xk9i4fa\",\n    $$css: true\n  },\n  head: {\n    kMwMTN: \"xj9e3ow\",\n    k63SB2: \"xoop9yj\",\n    kZKoxP: \"x4rnblq\",\n    kg3NbH: \"x5044ve\",\n    k9WMMc: \"xdpxx8g\",\n    kXLuUW: \"xxymvpz\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  cell: {\n    k8WAf4: \"xp765e7\",\n    kg3NbH: \"x5044ve\",\n    kXLuUW: \"xxymvpz\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  caption: {\n    kMwMTN: \"xj9e3ow\",\n    kGuDYH: \"x1lskvfa\",\n    keoZOQ: \"x1xr9o1l\",\n    k9WMMc: \"xdpxx8g\",\n    kg3NbH: \"xblk7t1\",\n    k8WAf4: \"xp765e7\",\n    $$css: true\n  }\n};\nexport type TableProps = StyledProps<ComponentProps<\"table\">> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Table({\n  className,\n  style,\n  xstyle,\n  ...props\n}: TableProps) {\n  return <table {...props} {...mergeStyles(stylex.props(styles.table, xstyle), className, style)} />;\n}\nexport function TableHeader({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"thead\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <thead {...props} {...mergeStyles(stylex.props(styles.header, xstyle), className, style)} />;\n}\nexport function TableBody({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"tbody\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <tbody {...props} {...mergeStyles(stylex.props(styles.body, xstyle), className, style)} />;\n}\nexport function TableFooter({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"tfoot\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <tfoot {...props} {...mergeStyles(stylex.props(styles.footer, xstyle), className, style)} />;\n}\nexport function TableRow({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"tr\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <tr {...props} {...mergeStyles(stylex.props(styles.row, xstyle), className, style)} />;\n}\nexport function TableHead({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"th\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <th {...props} {...mergeStyles(stylex.props(styles.head, xstyle), className, style)} />;\n}\nexport function TableCell({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"td\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <td {...props} {...mergeStyles(stylex.props(styles.cell, xstyle), className, style)} />;\n}\nexport function TableCaption({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"caption\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <caption {...props} {...mergeStyles(stylex.props(styles.caption, xstyle), className, style)} />;\n}\nexport function TableContainer({\n  className,\n  style,\n  xstyle,\n  ...props\n}: StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n}) {\n  return <div {...props} {...mergeStyles(stylex.props(styles.container, xstyle), className, style)} />;\n}", "import type * as stylex from \"@stylexjs/stylex\";\nimport type { CSSProperties } from \"react\";\nexport type StyledProps<Props> = Props extends unknown ? Omit<Props, \"className\" | \"style\"> & {\n  className?: string;\n  style?: CSSProperties;\n} : never;\nexport function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {\n  className?: string;\n  style?: CSSProperties;\n} {\n  if (className === undefined && style === undefined) return base;\n  return {\n    ...base,\n    className: [base.className, className].filter(Boolean).join(\" \") || undefined,\n    style: base.style || style ? {\n      ...base.style,\n      ...style\n    } : undefined\n  };\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/tabs.d.ts

@@ -0,0 +1,20 @@
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import * as stylex from "@stylexjs/stylex";
+import { type ComponentProps } from "react";
+import type { ControlLayoutStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type TabsVariant = "segmented" | "underline";
+export type TabsProps = StyledProps<ComponentProps<typeof TabsPrimitive.Root>> & {
+    variant?: TabsVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Tabs({ className, style, xstyle, variant, ...props }: TabsProps): import("react").JSX.Element;
+export declare function TabsList({ className, style, xstyle, children, ...props }: StyledProps<ComponentProps<typeof TabsPrimitive.List>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TabsTrigger({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof TabsPrimitive.Tab>> & {
+    xstyle?: ControlLayoutStyles;
+}): import("react").JSX.Element;
+export declare function TabsContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof TabsPrimitive.Panel>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;