@bolerish/ui 0.0.0-stage → 0.11.0

package/dist/checkbox.js

@@ -0,0 +1,113 @@
+"use client";
+
+// src/checkbox.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { CheckIcon } from "@phosphor-icons/react";
+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/checkbox.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kGNEyG: "x6s0dn4",
+    kWkggS: "xcc0o6n x1fo7mlw",
+    kVAM5u: "xmt3ebw xsvw9rz",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x8p6z4r",
+    kkrTdU: "x1ypdohk x5ezrf1",
+    k1xSpc: "x3nfvp2",
+    kmuXW: "x2lah0s",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kLWn49: "xipl0i2",
+    kZKoxP: "x32j0x8",
+    kjj79g: "xl56j7k",
+    kAzted: "x1oe2qec",
+    k7Eaqz: "xvwitx0",
+    kSiTet: "x1hc1fzr x1da9bj1",
+    kI3sdo: "x1a2a7pz",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x16ab8w3",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "x10sws06",
+    kgeoSG: "x12vebyb",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    $$css: true
+  }
+};
+function Checkbox(t0) {
+  const $ = _c(13);
+  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.root, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "x6s0dn4 x3nfvp2 x5yr21d xl56j7k xh8yej3", children: /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", weight: "bold" }) });
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== props2 || $[11] !== t1) {
+    t3 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, { ...props2, ...t1, children: t2 });
+    $[10] = props2;
+    $[11] = t1;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  return t3;
+}
+export {
+  Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/checkbox.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Checkbox as CheckboxPrimitive } from \"@base-ui/react/checkbox\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { CheckIcon } from \"@phosphor-icons/react\";\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    kWkggS: \"xcc0o6n x1fo7mlw\",\n    kVAM5u: \"xmt3ebw xsvw9rz\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x8p6z4r\",\n    kkrTdU: \"x1ypdohk x5ezrf1\",\n    k1xSpc: \"x3nfvp2\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kLWn49: \"xipl0i2\",\n    kZKoxP: \"x32j0x8\",\n    kjj79g: \"xl56j7k\",\n    kAzted: \"x1oe2qec\",\n    k7Eaqz: \"xvwitx0\",\n    kSiTet: \"x1hc1fzr x1da9bj1\",\n    kI3sdo: \"x1a2a7pz\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x16ab8w3\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"x10sws06\",\n    kgeoSG: \"x12vebyb\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    $$css: true\n  }\n};\nexport type CheckboxProps = StyledProps<ComponentProps<typeof CheckboxPrimitive.Root>> & {\n  xstyle?: ControlPlacementStyles;\n};\nexport function Checkbox(t0) {\n  const $ = _c(13);\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.root, 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] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = <CheckboxPrimitive.Indicator className=\"x6s0dn4 x3nfvp2 x5yr21d xl56j7k xh8yej3\"><CheckIcon aria-hidden=\"true\" weight=\"bold\" /></CheckboxPrimitive.Indicator>;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  let t3;\n  if ($[10] !== props || $[11] !== t1) {\n    t3 = <CheckboxPrimitive.Root {...props} {...t1}>{t2}</CheckboxPrimitive.Root>;\n    $[10] = props;\n    $[11] = t1;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  return t3;\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,YAAY,yBAAyB;AAE9C,SAAS,iBAAiB;AAC1B,YAAY,YAAY;;;ACAjB,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;;;ADiE0F;AAzE1F,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,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,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAIO,SAAS,SAAS,IAAI;AAC3B,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAGA;AAAA,IACL,IAAI;AACJ,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAIA;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,gBAAY,EAAE,CAAC;AACf,IAAAA,SAAQ,EAAE,CAAC;AACX,YAAQ,EAAE,CAAC;AACX,aAAS,EAAE,CAAC;AAAA,EACd;AACA,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,SAAS,EAAE,CAAC,MAAM,QAAQ;AAC3D,SAAK,YAAmB,aAAM,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK;AACpE,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,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,2CAA0C,8BAAC,aAAU,eAAY,QAAO,QAAO,QAAO,GAAE;AACpI,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,IAAI;AACnC,SAAK,oBAAC,kBAAkB,MAAlB,EAAwB,GAAGA,QAAQ,GAAG,IAAK,cAAG;AACpD,MAAE,EAAE,IAAIA;AACR,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,SAAO;AACT;",
+  "names": ["props"]
+}

package/dist/cli.js

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+
+// bin/cli.ts
+import { run } from "@bolerish/cli";
+if (!await run()) process.exitCode = 1;
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../bin/cli.ts"],
+  "sourcesContent": ["#!/usr/bin/env node\n\nimport { run } from \"@bolerish/cli\";\n\nif (!(await run())) process.exitCode = 1;\n"],
+  "mappings": ";;;AAEA,SAAS,WAAW;AAEpB,IAAI,CAAE,MAAM,IAAI,EAAI,SAAQ,WAAW;",
+  "names": []
+}

package/dist/collapsible.d.ts

@@ -0,0 +1,17 @@
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+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 declare function Collapsible({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof CollapsiblePrimitive.Root>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function CollapsibleTrigger({ className, style, xstyle, children, ...props }: StyledProps<ComponentProps<typeof CollapsiblePrimitive.Trigger>> & {
+    xstyle?: ControlLayoutStyles;
+}): import("react").JSX.Element;
+export declare function CollapsiblePanel({ className, style, xstyle, children, ...props }: StyledProps<ComponentProps<typeof CollapsiblePrimitive.Panel>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function CollapsibleContent({ className, style, xstyle, ...props }: StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;

package/dist/collapsible.js

@@ -0,0 +1,337 @@
+"use client";
+
+// src/collapsible.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { ArrowsDownUpIcon } from "@phosphor-icons/react";
+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/collapsible.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x136xbx3",
+    k7Eaqz: "xeuugli",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  trigger: {
+    kGNEyG: "x6s0dn4",
+    kysU6D: "xjyslct",
+    kWkggS: "xjbqb8w",
+    kVAM5u: "x9r1u3d",
+    kaIpWk: "x1p5vitp",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "x1al7nqq",
+    kMwMTN: "x1t28c4i",
+    kkrTdU: "x1ypdohk",
+    k1xSpc: "x78zum5",
+    kMv6JI: "x1b1to7n",
+    kGuDYH: "x1lskvfa",
+    k63SB2: "xoop9yj",
+    kmuXW: "x2lah0s",
+    kZKoxP: "x1dvwle6",
+    kjj79g: "xl56j7k",
+    kI3sdo: "x1a2a7pz",
+    kmVPX3: "x1717udv",
+    kIyJzY: "xznvecg",
+    k1ekBW: "xs2xxs2",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "x1g37zm5",
+    kGzVvX: "xk9i4fa",
+    kZs9gx: "x768paa",
+    kiEn40: "x1m0b1kh",
+    k7shQP: "x9v5kkp",
+    kPJHz1: "x1k4h2j2",
+    kYPGJ8: "x1s07b3s",
+    $$css: true
+  },
+  triggerDisabled: {
+    kWkggS: "xx34gk8",
+    kMwMTN: "xdmzwdx",
+    kkrTdU: "x1h6gzvc",
+    kGzVvX: "xyz0i8e",
+    $$css: true
+  },
+  panel: {
+    kMwMTN: "xj9e3ow",
+    kGuDYH: "x1lskvfa",
+    kZKoxP: "xuan8c8",
+    kLWn49: "xipl0i2",
+    k7Eaqz: "xeuugli",
+    kSiTet: "x1hc1fzr",
+    kVQacm: "x7giv3",
+    kOmJVX: "x15ndqm5",
+    kIyJzY: "x1vrxc1k",
+    k1ekBW: "xxh369n",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "xh8yej3",
+    kxero2: "xt8ron0",
+    $$css: true
+  },
+  panelTransitioning: {
+    kZKoxP: "xqtp20y",
+    kSiTet: "xg01cxk",
+    $$css: true
+  },
+  panelContent: {
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x136xbx3",
+    $$css: true
+  }
+};
+function Collapsible(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.root, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+function CollapsibleTrigger(t0) {
+  const $ = _c(19);
+  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];
+  }
+  let t1;
+  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {
+    t1 = function getTriggerStyles2(state) {
+      return mergeStyles(stylex.props(styles.trigger, state.disabled && styles.triggerDisabled, xstyle), className, style);
+    };
+    $[6] = className;
+    $[7] = style;
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const getTriggerStyles = t1;
+  let t2;
+  let t3;
+  if ($[10] !== getTriggerStyles) {
+    t2 = (state_0) => getTriggerStyles(state_0).className;
+    t3 = (state_1) => getTriggerStyles(state_1).style;
+    $[10] = getTriggerStyles;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "x6s0dn4 x3nfvp2", children: /* @__PURE__ */ jsx(ArrowsDownUpIcon, {}) });
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== children || $[15] !== props2 || $[16] !== t2 || $[17] !== t3) {
+    t5 = /* @__PURE__ */ jsxs(CollapsiblePrimitive.Trigger, { ...props2, className: t2, style: t3, children: [
+      children,
+      t4
+    ] });
+    $[14] = children;
+    $[15] = props2;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
+}
+function CollapsiblePanel(t0) {
+  const $ = _c(18);
+  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];
+  }
+  let t1;
+  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {
+    t1 = function getPanelStyles2(state) {
+      return mergeStyles(stylex.props(styles.panel, (state.transitionStatus === "starting" || state.transitionStatus === "ending") && styles.panelTransitioning, xstyle), className, style);
+    };
+    $[6] = className;
+    $[7] = style;
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const getPanelStyles = t1;
+  let t2;
+  let t3;
+  if ($[10] !== getPanelStyles) {
+    t2 = (state_0) => getPanelStyles(state_0).className;
+    t3 = (state_1) => getPanelStyles(state_1).style;
+    $[10] = getPanelStyles;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== children || $[14] !== props2 || $[15] !== t2 || $[16] !== t3) {
+    t4 = /* @__PURE__ */ jsx(CollapsiblePrimitive.Panel, { ...props2, className: t2, style: t3, children });
+    $[13] = children;
+    $[14] = props2;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  return t4;
+}
+function CollapsibleContent(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.panelContent, xstyle), className, style);
+    $[5] = className;
+    $[6] = style;
+    $[7] = xstyle;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props2 || $[10] !== t1) {
+    t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
+    $[9] = props2;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsiblePanel,
+  CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.js.map

package/dist/collapsible.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/collapsible.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typo } from \"@bolerish/tokens/semantic.stylex\";\nimport { ArrowsDownUpIcon } from \"@phosphor-icons/react\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } 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    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x136xbx3\",\n    k7Eaqz: \"xeuugli\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kysU6D: \"xjyslct\",\n    kWkggS: \"xjbqb8w\",\n    kVAM5u: \"x9r1u3d\",\n    kaIpWk: \"x1p5vitp\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"x1al7nqq\",\n    kMwMTN: \"x1t28c4i\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kMv6JI: \"x1b1to7n\",\n    kGuDYH: \"x1lskvfa\",\n    k63SB2: \"xoop9yj\",\n    kmuXW: \"x2lah0s\",\n    kZKoxP: \"x1dvwle6\",\n    kjj79g: \"xl56j7k\",\n    kI3sdo: \"x1a2a7pz\",\n    kmVPX3: \"x1717udv\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"x1g37zm5\",\n    kGzVvX: \"xk9i4fa\",\n    kZs9gx: \"x768paa\",\n    kiEn40: \"x1m0b1kh\",\n    k7shQP: \"x9v5kkp\",\n    kPJHz1: \"x1k4h2j2\",\n    kYPGJ8: \"x1s07b3s\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xx34gk8\",\n    kMwMTN: \"xdmzwdx\",\n    kkrTdU: \"x1h6gzvc\",\n    kGzVvX: \"xyz0i8e\",\n    $$css: true\n  },\n  panel: {\n    kMwMTN: \"xj9e3ow\",\n    kGuDYH: \"x1lskvfa\",\n    kZKoxP: \"xuan8c8\",\n    kLWn49: \"xipl0i2\",\n    k7Eaqz: \"xeuugli\",\n    kSiTet: \"x1hc1fzr\",\n    kVQacm: \"x7giv3\",\n    kOmJVX: \"x15ndqm5\",\n    kIyJzY: \"x1vrxc1k\",\n    k1ekBW: \"xxh369n\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    kxero2: \"xt8ron0\",\n    $$css: true\n  },\n  panelTransitioning: {\n    kZKoxP: \"xqtp20y\",\n    kSiTet: \"xg01cxk\",\n    $$css: true\n  },\n  panelContent: {\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x136xbx3\",\n    $$css: true\n  }\n};\nexport function Collapsible(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.root, 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 = <CollapsiblePrimitive.Root {...props} {...t1} />;\n    $[9] = props;\n    $[10] = t1;\n    $[11] = t2;\n  } else {\n    t2 = $[11];\n  }\n  return t2;\n}\nexport function CollapsibleTrigger(t0) {\n  const $ = _c(19);\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  let t1;\n  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {\n    t1 = function getTriggerStyles(state) {\n      return mergeStyles(stylex.props(styles.trigger, state.disabled && styles.triggerDisabled, xstyle), className, style);\n    };\n    $[6] = className;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const getTriggerStyles = t1;\n  let t2;\n  let t3;\n  if ($[10] !== getTriggerStyles) {\n    t2 = state_0 => getTriggerStyles(state_0).className;\n    t3 = state_1 => getTriggerStyles(state_1).style;\n    $[10] = getTriggerStyles;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t2 = $[11];\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = <span aria-hidden=\"true\" className=\"x6s0dn4 x3nfvp2\"><ArrowsDownUpIcon /></span>;\n    $[13] = t4;\n  } else {\n    t4 = $[13];\n  }\n  let t5;\n  if ($[14] !== children || $[15] !== props || $[16] !== t2 || $[17] !== t3) {\n    t5 = <CollapsiblePrimitive.Trigger {...props} className={t2} style={t3}>{children}{t4}</CollapsiblePrimitive.Trigger>;\n    $[14] = children;\n    $[15] = props;\n    $[16] = t2;\n    $[17] = t3;\n    $[18] = t5;\n  } else {\n    t5 = $[18];\n  }\n  return t5;\n}\nexport function CollapsiblePanel(t0) {\n  const $ = _c(18);\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  let t1;\n  if ($[6] !== className || $[7] !== style || $[8] !== xstyle) {\n    t1 = function getPanelStyles(state) {\n      return mergeStyles(stylex.props(styles.panel, (state.transitionStatus === \"starting\" || state.transitionStatus === \"ending\") && styles.panelTransitioning, xstyle), className, style);\n    };\n    $[6] = className;\n    $[7] = style;\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const getPanelStyles = t1;\n  let t2;\n  let t3;\n  if ($[10] !== getPanelStyles) {\n    t2 = state_0 => getPanelStyles(state_0).className;\n    t3 = state_1 => getPanelStyles(state_1).style;\n    $[10] = getPanelStyles;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t2 = $[11];\n    t3 = $[12];\n  }\n  let t4;\n  if ($[13] !== children || $[14] !== props || $[15] !== t2 || $[16] !== t3) {\n    t4 = <CollapsiblePrimitive.Panel {...props} className={t2} style={t3}>{children}</CollapsiblePrimitive.Panel>;\n    $[13] = children;\n    $[14] = props;\n    $[15] = t2;\n    $[16] = t3;\n    $[17] = t4;\n  } else {\n    t4 = $[17];\n  }\n  return t4;\n}\nexport function CollapsibleContent(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.panelContent, 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 = <div {...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", "getTriggerStyles", "getPanelStyles"]
+}

package/dist/combobox.d.ts

@@ -0,0 +1,37 @@
+import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps, ReactNode } from "react";
+import type { ControlLayoutStyles, ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export declare const Combobox: typeof ComboboxPrimitive.Root;
+export declare const ComboboxCollection: typeof ComboboxPrimitive.Collection;
+export declare function ComboboxGroup({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.Group>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function ComboboxInput({ className, style, xstyle, variant, startAddon, endAddon, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.Input>> & {
+    xstyle?: ControlLayoutStyles;
+    variant?: "outline" | "inline";
+    startAddon?: ReactNode;
+    endAddon?: ReactNode;
+}): import("react").JSX.Element;
+type ComboboxPopupProps = StyledProps<ComponentProps<typeof ComboboxPrimitive.Popup>> & Pick<ComponentProps<typeof ComboboxPrimitive.Positioner>, "align" | "side" | "sideOffset"> & {
+    children: ReactNode;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function ComboboxPopup({ className, style, xstyle, align, children, side, sideOffset, ...props }: ComboboxPopupProps): import("react").JSX.Element;
+export declare function ComboboxItem({ className, style, xstyle, children, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.Item>> & {
+    xstyle?: ControlLayoutStyles;
+}): import("react").JSX.Element;
+export declare function ComboboxEmpty({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.Empty>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export declare function ComboboxLabel({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.GroupLabel>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function ComboboxSeparator({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.Separator>> & {
+    xstyle?: ControlPlacementStyles;
+}): import("react").JSX.Element;
+export declare function ComboboxList({ className, style, xstyle, ...props }: StyledProps<ComponentProps<typeof ComboboxPrimitive.List>> & {
+    xstyle?: stylex.StyleXStyles;
+}): import("react").JSX.Element;
+export {};