@bolerish/ui 0.0.0-stage → 0.10.0

package/dist/tabs.js

@@ -0,0 +1,403 @@
+"use client";
+
+// src/tabs.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import * as stylex from "@stylexjs/stylex";
+import { createContext, useContext } from "react";
+
+// 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/tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k7Eaqz: "xeuugli",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  list: {
+    kGNEyG: "x1qjc9v5",
+    k1xSpc: "x3nfvp2",
+    ks0D6T: "x193iq5w",
+    kXHlph: "xw2csxc",
+    kVAEAm: "x1n2onr6",
+    $$css: true
+  },
+  trigger: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    kWkggS: "xjbqb8w",
+    ksu8eU: "xng3xce",
+    kMzoRj: "xc342km",
+    kMwMTN: "xj9e3ow",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kjj79g: "xl56j7k",
+    kI3sdo: "x1a2a7pz",
+    kVAEAm: "x1n2onr6",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xs2xxs2",
+    kAMwcw: "xrkjf8i",
+    khDVqt: "xuxw1ft",
+    kY2c9j: "x1vjfegm",
+    kDPRdz: "x1woi373",
+    kZs9gx: "x768paa",
+    kiEn40: "xc1o3mm",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  },
+  triggerActive: {
+    kMwMTN: "x1t28c4i",
+    $$css: true
+  },
+  triggerDisabled: {
+    kWkggS: "xjbqb8w",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    kGzVvX: "x1n5bzlp",
+    kDPRdz: "x1qdiwxp",
+    $$css: true
+  },
+  indicator: {
+    kbCHJM: "xu96u03",
+    kVAEAm: "x10l6tqk",
+    k3aq6I: "x1etwjf9",
+    kIyJzY: "x1vrxc1k",
+    k1ekBW: "xh3q6i0",
+    kAMwcw: "x1oxff63",
+    kzqmXN: "xoffw1",
+    kY2c9j: "x1ja2u2z",
+    kAc3EU: "x17zq6mc",
+    $$css: true
+  },
+  panel: {
+    kMwMTN: "x1t28c4i",
+    kGuDYH: "x1lskvfa",
+    kLWn49: "xipl0i2",
+    keoZOQ: "x1jty973",
+    k7Eaqz: "xeuugli",
+    kI3sdo: "x1a2a7pz",
+    kzqmXN: "xh8yej3",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  }
+};
+var listVariantStyles = {
+  segmented: {
+    kWkggS: "xmqg8ag",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kAzted: "x116rqyj",
+    kmVPX3: "xzsj1fb",
+    $$css: true
+  },
+  underline: {
+    kL6WhQ: "xqtpct5",
+    kfdmCh: "x1q0q8m5",
+    kt9PQ7: "x1ue9prv",
+    kOIVth: "x136xbx3",
+    kAzted: "x116rqyj",
+    $$css: true
+  }
+};
+var triggerVariantStyles = {
+  segmented: {
+    kaIpWk: "x1p5vitp",
+    kZKoxP: "x1dvwle6",
+    kg3NbH: "x5044ve",
+    $$css: true
+  },
+  underline: {
+    kaIpWk: "x1p5vitp",
+    kZKoxP: "x1f00wt4",
+    kg3NbH: "x1gr5eyh",
+    kGzVvX: "xk9i4fa",
+    kDPRdz: "x1woi373",
+    $$css: true
+  }
+};
+var indicatorVariantStyles = {
+  segmented: {
+    kWkggS: "x14itwj6",
+    kaIpWk: "x1p5vitp",
+    kGVxlE: "x5f7bzt",
+    kZKoxP: "x1gezbiy",
+    k87sOh: "x10uur0e",
+    $$css: true
+  },
+  underline: {
+    kWkggS: "xd99k90",
+    krVfgx: "x1ey2m1c",
+    kZKoxP: "xi39b3k",
+    $$css: true
+  }
+};
+var TabsVariantContext = createContext("segmented");
+function Tabs(t0) {
+  const $ = _c(16);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      variant: t1,
+      ...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 variant = t1 === void 0 ? "segmented" : t1;
+  let t2;
+  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {
+    t2 = mergeStyles(stylex.props(styles.root, xstyle), className, style);
+    $[6] = className;
+    $[7] = style;
+    $[8] = xstyle;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== props2 || $[11] !== t2) {
+    t3 = /* @__PURE__ */ jsx(TabsPrimitive.Root, { ...props2, ...t2 });
+    $[10] = props2;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== t3 || $[14] !== variant) {
+    t4 = /* @__PURE__ */ jsx(TabsVariantContext.Provider, { value: variant, children: t3 });
+    $[13] = t3;
+    $[14] = variant;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+function TabsList(t0) {
+  const $ = _c(20);
+  let children;
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      children,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props2;
+    $[4] = style;
+    $[5] = xstyle;
+  } else {
+    children = $[1];
+    className = $[2];
+    props2 = $[3];
+    style = $[4];
+    xstyle = $[5];
+  }
+  const variant = useContext(TabsVariantContext);
+  let t1;
+  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.list, listVariantStyles[variant], xstyle), className, style);
+    $[6] = className;
+    $[7] = style;
+    $[8] = variant;
+    $[9] = xstyle;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] !== variant) {
+    t2 = stylex.props(styles.indicator, indicatorVariantStyles[variant]);
+    $[11] = variant;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== t2) {
+    t3 = /* @__PURE__ */ jsx(TabsPrimitive.Indicator, { ...t2 });
+    $[13] = t2;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  let t4;
+  if ($[15] !== children || $[16] !== props2 || $[17] !== t1 || $[18] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(TabsPrimitive.List, { ...props2, ...t1, children: [
+      children,
+      t3
+    ] });
+    $[15] = children;
+    $[16] = props2;
+    $[17] = t1;
+    $[18] = t3;
+    $[19] = t4;
+  } else {
+    t4 = $[19];
+  }
+  return t4;
+}
+function TabsTrigger(t0) {
+  const $ = _c(17);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  const variant = useContext(TabsVariantContext);
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== variant || $[8] !== xstyle) {
+    t1 = function getTabStyles2(state) {
+      return mergeStyles(stylex.props(styles.trigger, triggerVariantStyles[variant], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled, xstyle), className, style);
+    };
+    $[5] = className;
+    $[6] = style;
+    $[7] = variant;
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const getTabStyles = t1;
+  let t2;
+  let t3;
+  if ($[10] !== getTabStyles) {
+    t2 = (state_0) => getTabStyles(state_0).className;
+    t3 = (state_1) => getTabStyles(state_1).style;
+    $[10] = getTabStyles;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== props2 || $[14] !== t2 || $[15] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TabsPrimitive.Tab, { ...props2, className: t2, style: t3 });
+    $[13] = props2;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
+}
+function TabsContent(t0) {
+  const $ = _c(12);
+  let className;
+  let props2;
+  let style;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    xstyle = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.panel, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(TabsPrimitive.Panel, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tabs.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { colorVars, motionVars, radiusVars, shadowVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { createContext, type ComponentProps, useContext } from \"react\";\nimport type { ControlLayoutStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  list: {\n    kGNEyG: \"x1qjc9v5\",\n    k1xSpc: \"x3nfvp2\",\n    ks0D6T: \"x193iq5w\",\n    kXHlph: \"xw2csxc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    ksu8eU: \"xng3xce\",\n    kMzoRj: \"xc342km\",\n    kMwMTN: \"xj9e3ow\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xrkjf8i\",\n    khDVqt: \"xuxw1ft\",\n    kY2c9j: \"x1vjfegm\",\n    kDPRdz: \"x1woi373\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"xc1o3mm\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  },\n  triggerActive: {\n    kMwMTN: \"x1t28c4i\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    kGzVvX: \"x1n5bzlp\",\n    kDPRdz: \"x1qdiwxp\",\n    $$css: true\n  },\n  indicator: {\n    kbCHJM: \"xu96u03\",\n    kVAEAm: \"x10l6tqk\",\n    k3aq6I: \"x1etwjf9\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"xh3q6i0\",\n    kAMwcw: \"x1oxff63\",\n    kzqmXN: \"xoffw1\",\n    kY2c9j: \"x1ja2u2z\",\n    kAc3EU: \"x17zq6mc\",\n    $$css: true\n  },\n  panel: {\n    kMwMTN: \"x1t28c4i\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    keoZOQ: \"x1jty973\",\n    k7Eaqz: \"xeuugli\",\n    kI3sdo: \"x1a2a7pz\",\n    kzqmXN: \"xh8yej3\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  }\n};\nconst listVariantStyles = {\n  segmented: {\n    kWkggS: \"xmqg8ag\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kAzted: \"x116rqyj\",\n    kmVPX3: \"xzsj1fb\",\n    $$css: true\n  },\n  underline: {\n    kL6WhQ: \"xqtpct5\",\n    kfdmCh: \"x1q0q8m5\",\n    kt9PQ7: \"x1ue9prv\",\n    kOIVth: \"x136xbx3\",\n    kAzted: \"x116rqyj\",\n    $$css: true\n  }\n};\nconst triggerVariantStyles = {\n  segmented: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1dvwle6\",\n    kg3NbH: \"x5044ve\",\n    $$css: true\n  },\n  underline: {\n    kaIpWk: \"x1p5vitp\",\n    kZKoxP: \"x1f00wt4\",\n    kg3NbH: \"x1gr5eyh\",\n    kGzVvX: \"xk9i4fa\",\n    kDPRdz: \"x1woi373\",\n    $$css: true\n  }\n};\nconst indicatorVariantStyles = {\n  segmented: {\n    kWkggS: \"x14itwj6\",\n    kaIpWk: \"x1p5vitp\",\n    kGVxlE: \"x5f7bzt\",\n    kZKoxP: \"x1gezbiy\",\n    k87sOh: \"x10uur0e\",\n    $$css: true\n  },\n  underline: {\n    kWkggS: \"xd99k90\",\n    krVfgx: \"x1ey2m1c\",\n    kZKoxP: \"xi39b3k\",\n    $$css: true\n  }\n};\nexport type TabsVariant = \"segmented\" | \"underline\";\nexport type TabsProps = StyledProps<ComponentProps<typeof TabsPrimitive.Root>> & {\n  variant?: TabsVariant;\n  xstyle?: stylex.StyleXStyles;\n};\nconst TabsVariantContext = createContext<TabsVariant>(\"segmented\");\nexport function Tabs(t0) {\n  const $ = _c(16);\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      xstyle,\n      variant: t1,\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 variant = t1 === undefined ? \"segmented\" : t1;\n  let t2;\n  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {\n    t2 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== props || $[11] !== t2) {\n    t3 = <TabsPrimitive.Root {...props} {...t2} />;\n    $[10] = props;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== t3 || $[14] !== variant) {\n    t4 = <TabsVariantContext.Provider value={variant}>{t3}</TabsVariantContext.Provider>;\n    $[13] = t3;\n    $[14] = variant;\n    $[15] = t4;\n  } else {\n    t4 = $[15];\n  }\n  return t4;\n}\nexport function TabsList(t0) {\n  const $ = _c(20);\n  let children;\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      children,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = children;\n    $[2] = className;\n    $[3] = props;\n    $[4] = style;\n    $[5] = xstyle;\n  } else {\n    children = $[1];\n    className = $[2];\n    props = $[3];\n    style = $[4];\n    xstyle = $[5];\n  }\n  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[6] !== className || $[7] !== style || $[8] !== variant || $[9] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.list, listVariantStyles[variant], xstyle), className, style);\n    $[6] = className;\n    $[7] = style;\n    $[8] = variant;\n    $[9] = xstyle;\n    $[10] = t1;\n  } else {\n    t1 = $[10];\n  }\n  let t2;\n  if ($[11] !== variant) {\n    t2 = stylex.props(styles.indicator, indicatorVariantStyles[variant]);\n    $[11] = variant;\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] !== t2) {\n    t3 = <TabsPrimitive.Indicator {...t2} />;\n    $[13] = t2;\n    $[14] = t3;\n  } else {\n    t3 = $[14];\n  }\n  let t4;\n  if ($[15] !== children || $[16] !== props || $[17] !== t1 || $[18] !== t3) {\n    t4 = <TabsPrimitive.List {...props} {...t1}>{children}{t3}</TabsPrimitive.List>;\n    $[15] = children;\n    $[16] = props;\n    $[17] = t1;\n    $[18] = t3;\n    $[19] = t4;\n  } else {\n    t4 = $[19];\n  }\n  return t4;\n}\nexport function TabsTrigger(t0) {\n  const $ = _c(17);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  const variant = useContext(TabsVariantContext);\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== variant || $[8] !== xstyle) {\n    t1 = function getTabStyles(state) {\n      return mergeStyles(stylex.props(styles.trigger, triggerVariantStyles[variant], state.active && styles.triggerActive, state.disabled && styles.triggerDisabled, xstyle), className, style);\n    };\n    $[5] = className;\n    $[6] = style;\n    $[7] = variant;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const getTabStyles = t1;\n  let t2;\n  let t3;\n  if ($[10] !== getTabStyles) {\n    t2 = state_0 => getTabStyles(state_0).className;\n    t3 = state_1 => getTabStyles(state_1).style;\n    $[10] = getTabStyles;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t2 = $[11];\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== props || $[14] !== t2 || $[15] !== t3) {\n    t4 = <TabsPrimitive.Tab {...props} className={t2} style={t3} />;\n    $[13] = props;\n    $[14] = t2;\n    $[15] = t3;\n    $[16] = t4;\n  } else {\n    t4 = $[16];\n  }\n  return t4;\n}\nexport function TabsContent(t0) {\n  const $ = _c(12);\n  let className;\n  let props;\n  let style;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    xstyle = $[4];\n  }\n  let t1;\n  if ($[5] !== className || $[6] !== style || $[7] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.panel, xstyle), className, style);\n    $[5] = className;\n    $[6] = style;\n    $[7] = xstyle;\n    $[8] = t1;\n  } else {\n    t1 = $[8];\n  }\n  let t2;\n  if ($[9] !== props || $[10] !== t1) {\n    t2 = <TabsPrimitive.Panel {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\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", "getTabStyles"]
+}

package/dist/textarea.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from "react";
+import type { ControlFieldStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type TextareaProps = StyledProps<ComponentProps<"textarea">> & {
+    xstyle?: ControlFieldStyles;
+};
+export declare function Textarea({ className, style, "aria-invalid": ariaInvalid, xstyle, ...props }: TextareaProps): import("react").JSX.Element;

package/dist/textarea.js

@@ -0,0 +1,76 @@
+// src/textarea.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/textarea.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kWkggS: "xcc0o6n",
+    kVAM5u: "xmt3ebw",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    kLWn49: "xipl0i2",
+    kAzted: "x1meygxz",
+    kI3sdo: "x1a2a7pz",
+    kmVPX3: "xha17u1",
+    kHenm0: "x288g5",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x13wuo2s",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "xh8yej3",
+    k8Qsv1: "x15njwyp",
+    kOMSMr: "xky2k6e",
+    kOJeXU: "xafblzd",
+    kZs9gx: "x768paa",
+    kiEn40: "x1p3hdyt",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kD2jPA: "xjbuoma",
+    kdODIN: "xwaks2a",
+    kWC4TW: "x1vi5fzm",
+    kYPGJ8: "x1s07b3s",
+    k9uboQ: "x1yl1c4z",
+    kqcrZL: "x8jboxv",
+    kHRqo9: "x1sw6lzt",
+    kbkt0F: "x14wfgs2",
+    kO0ooq: "xdz4axu",
+    $$css: true
+  },
+  invalid: {
+    kVAM5u: "x165btzp",
+    kOJeXU: "x1vzo2n",
+    kZs9gx: "x1rovn1u",
+    $$css: true
+  }
+};
+function Textarea({
+  className,
+  style,
+  "aria-invalid": ariaInvalid,
+  xstyle,
+  ...props2
+}) {
+  const isInvalid = ariaInvalid === true || ariaInvalid === "true";
+  return /* @__PURE__ */ jsx("textarea", { ...props2, "aria-invalid": ariaInvalid, ...mergeStyles(stylex.props(styles.root, isInvalid && styles.invalid, xstyle), className, style) });
+}
+export {
+  Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/textarea.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport type { ControlFieldStyles } from \"./styles/control-layout\";\nimport { mergeStyles } from \"./styles/merge-styles\";\nimport type { StyledProps } from \"./styles/merge-styles\";\nconst styles = {\n  root: {\n    kWkggS: \"xcc0o6n\",\n    kVAM5u: \"xmt3ebw\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    kLWn49: \"xipl0i2\",\n    kAzted: \"x1meygxz\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"xha17u1\",\n    kHenm0: \"x288g5\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x13wuo2s\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    k8Qsv1: \"x15njwyp\",\n    kOMSMr: \"xky2k6e\",\n    kOJeXU: \"xafblzd\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1p3hdyt\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kD2jPA: \"xjbuoma\",\n    kdODIN: \"xwaks2a\",\n    kWC4TW: \"x1vi5fzm\",\n    kYPGJ8: \"x1s07b3s\",\n    k9uboQ: \"x1yl1c4z\",\n    kqcrZL: \"x8jboxv\",\n    kHRqo9: \"x1sw6lzt\",\n    kbkt0F: \"x14wfgs2\",\n    kO0ooq: \"xdz4axu\",\n    $$css: true\n  },\n  invalid: {\n    kVAM5u: \"x165btzp\",\n    kOJeXU: \"x1vzo2n\",\n    kZs9gx: \"x1rovn1u\",\n    $$css: true\n  }\n};\nexport type TextareaProps = StyledProps<ComponentProps<\"textarea\">> & {\n  xstyle?: ControlFieldStyles;\n};\nexport function Textarea({\n  className,\n  style,\n  \"aria-invalid\": ariaInvalid,\n  xstyle,\n  ...props\n}: TextareaProps) {\n  const isInvalid = ariaInvalid === true || ariaInvalid === \"true\";\n  return <textarea {...props} aria-invalid={ariaInvalid} {...mergeStyles(stylex.props(styles.root, isInvalid && styles.invalid, 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": ";AACA,YAAY,YAAY;;;ACKjB,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;;;AD0CS;AAvDT,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,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,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,QAAM,YAAY,gBAAgB,QAAQ,gBAAgB;AAC1D,SAAO,oBAAC,cAAU,GAAGA,QAAO,gBAAc,aAAc,GAAG,YAAmB,aAAM,OAAO,MAAM,aAAa,OAAO,SAAS,MAAM,GAAG,WAAW,KAAK,GAAG;AAC5J;",
+  "names": ["props"]
+}

package/dist/theme.d.ts

@@ -0,0 +1,5 @@
+/** Apply to html so portaled controls inherit the same theme. */
+export declare const themeClassNames: {
+    light: string;
+    dark: string;
+};

package/dist/theme.js

@@ -0,0 +1,44 @@
+// ../tokens/src/themes.stylex.ts
+var lightColorTheme = {
+  x16kgm3k: "x6wmwcr x16kgm3k",
+  $$css: true
+};
+var darkColorTheme = {
+  x16kgm3k: "xvzfg2s x16kgm3k",
+  $$css: true
+};
+var lightShadowTheme = {
+  x3m01uk: "x1523l1u x3m01uk",
+  $$css: true
+};
+var darkShadowTheme = {
+  x3m01uk: "xtowe0r x3m01uk",
+  $$css: true
+};
+
+// src/theme.ts
+import * as stylex from "@stylexjs/stylex";
+var styles = {
+  root: {
+    kWkggS: "x1sigxaw",
+    kMwMTN: "x1t28c4i",
+    kMv6JI: "x1b1to7n",
+    $$css: true
+  },
+  light: {
+    kQNsl9: "x19aimcq",
+    $$css: true
+  },
+  dark: {
+    kQNsl9: "xntwwlm",
+    $$css: true
+  }
+};
+var themeClassNames = {
+  light: stylex.props(lightColorTheme, lightShadowTheme, styles.root, styles.light).className ?? "",
+  dark: stylex.props(darkColorTheme, darkShadowTheme, styles.root, styles.dark).className ?? ""
+};
+export {
+  themeClassNames
+};
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../tokens/src/themes.stylex.ts", "../src/theme.ts"],
+  "sourcesContent": ["import * as stylex from \"@stylexjs/stylex\";\nimport { colorPalette } from \"./color-palette.stylex\";\nimport { colorVars, shadowVars } from \"./semantic.stylex\";\nexport const lightColorTheme = {\n  x16kgm3k: \"x6wmwcr x16kgm3k\",\n  $$css: true\n};\nexport const darkColorTheme = {\n  x16kgm3k: \"xvzfg2s x16kgm3k\",\n  $$css: true\n};\nexport const lightShadowTheme = {\n  x3m01uk: \"x1523l1u x3m01uk\",\n  $$css: true\n};\nexport const darkShadowTheme = {\n  x3m01uk: \"xtowe0r x3m01uk\",\n  $$css: true\n};", "import { colorVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { darkColorTheme, darkShadowTheme, lightColorTheme, lightShadowTheme } from \"@bolerish/tokens/themes.stylex\";\nimport * as stylex from \"@stylexjs/stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x1sigxaw\",\n    kMwMTN: \"x1t28c4i\",\n    kMv6JI: \"x1b1to7n\",\n    $$css: true\n  },\n  light: {\n    kQNsl9: \"x19aimcq\",\n    $$css: true\n  },\n  dark: {\n    kQNsl9: \"xntwwlm\",\n    $$css: true\n  }\n};\n\n/** Apply to html so portaled controls inherit the same theme. */\nexport const themeClassNames = {\n  light: stylex.props(lightColorTheme, lightShadowTheme, styles.root, styles.light).className ?? \"\",\n  dark: stylex.props(darkColorTheme, darkShadowTheme, styles.root, styles.dark).className ?? \"\"\n};"],
+  "mappings": ";AAGO,IAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,OAAO;AACT;AACO,IAAM,iBAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AACT;AACO,IAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AACT;AACO,IAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,OAAO;AACT;;;AChBA,YAAY,YAAY;AACxB,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAGO,IAAM,kBAAkB;AAAA,EAC7B,OAAc,aAAM,iBAAiB,kBAAkB,OAAO,MAAM,OAAO,KAAK,EAAE,aAAa;AAAA,EAC/F,MAAa,aAAM,gBAAgB,iBAAiB,OAAO,MAAM,OAAO,IAAI,EAAE,aAAa;AAC7F;",
+  "names": []
+}

package/dist/timeline.d.ts

@@ -0,0 +1,30 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type TimelineIndicatorVariant = "active" | "complete" | "default" | "error";
+export type TimelineProps = StyledProps<ComponentProps<"ol">> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Timeline({ className, style, xstyle, ...props }: TimelineProps): import("react").JSX.Element;
+export type TimelineItemProps = StyledProps<ComponentProps<"li">> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function TimelineItem({ className, style, xstyle, ...props }: TimelineItemProps): import("react").JSX.Element;
+export type TimelineIndicatorProps = StyledProps<ComponentProps<"span">> & {
+    variant?: TimelineIndicatorVariant;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function TimelineIndicator({ className, style, xstyle, variant, ...props }: TimelineIndicatorProps): import("react").JSX.Element;
+export declare function TimelineContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function TimelineTitle({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function TimelineDescription({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"p">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function TimelineTime({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"time">> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;