@bolerish/ui 0.0.0-stage → 0.10.0

package/dist/separator.d.ts

@@ -0,0 +1,9 @@
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export type SeparatorProps = StyledProps<ComponentProps<typeof SeparatorPrimitive>> & {
+    decorative?: boolean;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Separator({ className, style, decorative, orientation, xstyle, ...props }: SeparatorProps): import("react").JSX.Element;

package/dist/separator.js

@@ -0,0 +1,107 @@
+"use client";
+
+// src/separator.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+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/separator.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kWkggS: "xh31czb",
+    kmuXW: "x2lah0s",
+    $$css: true
+  }
+};
+var orientationStyles = {
+  horizontal: {
+    kZKoxP: "xlb0jvj",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  },
+  vertical: {
+    kSGwAc: "xkh2ocl",
+    kAzted: "x154sxmd",
+    kzqmXN: "xqdjbi3",
+    $$css: true
+  }
+};
+function Separator(t0) {
+  const $ = _c(18);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let t2;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      decorative: t1,
+      orientation: t2,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props2;
+    $[3] = style;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = xstyle;
+  } else {
+    className = $[1];
+    props2 = $[2];
+    style = $[3];
+    t1 = $[4];
+    t2 = $[5];
+    xstyle = $[6];
+  }
+  const decorative = t1 === void 0 ? true : t1;
+  const orientation = t2 === void 0 ? "horizontal" : t2;
+  const t3 = decorative || void 0;
+  const t4 = decorative ? "presentation" : void 0;
+  let t5;
+  if ($[7] !== className || $[8] !== orientation || $[9] !== style || $[10] !== xstyle) {
+    t5 = mergeStyles(stylex.props(styles.root, orientationStyles[orientation], xstyle), className, style);
+    $[7] = className;
+    $[8] = orientation;
+    $[9] = style;
+    $[10] = xstyle;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== orientation || $[13] !== props2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+    t6 = /* @__PURE__ */ jsx(SeparatorPrimitive, { ...props2, "aria-hidden": t3, orientation, role: t4, ...t5 });
+    $[12] = orientation;
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  return t6;
+}
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

package/dist/separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/separator.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport { colorVars, sizeVars } 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  root: {\n    kWkggS: \"xh31czb\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  }\n};\nconst orientationStyles = {\n  horizontal: {\n    kZKoxP: \"xlb0jvj\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"x154sxmd\",\n    kzqmXN: \"xqdjbi3\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = StyledProps<ComponentProps<typeof SeparatorPrimitive>> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(18);\n  let className;\n  let props;\n  let style;\n  let t1;\n  let t2;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      decorative: t1,\n      orientation: t2,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = props;\n    $[3] = style;\n    $[4] = t1;\n    $[5] = t2;\n    $[6] = xstyle;\n  } else {\n    className = $[1];\n    props = $[2];\n    style = $[3];\n    t1 = $[4];\n    t2 = $[5];\n    xstyle = $[6];\n  }\n  const decorative = t1 === undefined ? true : t1;\n  const orientation = t2 === undefined ? \"horizontal\" : t2;\n  const t3 = decorative || undefined;\n  const t4 = decorative ? \"presentation\" : undefined;\n  let t5;\n  if ($[7] !== className || $[8] !== orientation || $[9] !== style || $[10] !== xstyle) {\n    t5 = mergeStyles(stylex.props(styles.root, orientationStyles[orientation], xstyle), className, style);\n    $[7] = className;\n    $[8] = orientation;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t5;\n  } else {\n    t5 = $[11];\n  }\n  let t6;\n  if ($[12] !== orientation || $[13] !== props || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {\n    t6 = <SeparatorPrimitive {...props} aria-hidden={t3} orientation={orientation} role={t4} {...t5} />;\n    $[12] = orientation;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n    $[17] = t6;\n  } else {\n    t6 = $[17];\n  }\n  return t6;\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,aAAa,0BAA0B;AAEhD,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;;;AD+DS;AAzET,IAAM,SAAS;AAAA,EACb,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;AACA,IAAM,oBAAoB;AAAA,EACxB,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AACF;AAKO,SAAS,UAAU,IAAI;AAC5B,QAAM,IAAI,GAAG,EAAE;AACf,MAAI;AACJ,MAAIA;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,IAAI;AACf,KAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;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;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,SAAK,EAAE,CAAC;AACR,aAAS,EAAE,CAAC;AAAA,EACd;AACA,QAAM,aAAa,OAAO,SAAY,OAAO;AAC7C,QAAM,cAAc,OAAO,SAAY,eAAe;AACtD,QAAM,KAAK,cAAc;AACzB,QAAM,KAAK,aAAa,iBAAiB;AACzC,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,eAAe,EAAE,CAAC,MAAM,SAAS,EAAE,EAAE,MAAM,QAAQ;AACpF,SAAK,YAAmB,aAAM,OAAO,MAAM,kBAAkB,WAAW,GAAG,MAAM,GAAG,WAAW,KAAK;AACpG,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AACP,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,eAAe,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AAC5F,SAAK,oBAAC,sBAAoB,GAAGA,QAAO,eAAa,IAAI,aAA0B,MAAM,IAAK,GAAG,IAAI;AACjG,MAAE,EAAE,IAAI;AACR,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"]
+}

package/dist/skeleton.d.ts

@@ -0,0 +1,7 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+import type { StyledProps } from "./styles/merge-styles";
+export type SkeletonProps = StyledProps<ComponentProps<"div">> & {
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Skeleton({ className, style, xstyle, ...props }: SkeletonProps): import("react").JSX.Element;

package/dist/skeleton.js

@@ -0,0 +1,42 @@
+// src/skeleton.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/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k44tkh: "xmg6eyc",
+    ko0y90: "xa4qsjk",
+    kKVMdj: "xcx56e2",
+    kyAemX: "x4hg4is",
+    kWkggS: "xbhqnb4",
+    kaIpWk: "x1p5vitp",
+    kR9Wo8: "xomqu7v",
+    $$css: true
+  }
+};
+function Skeleton({
+  className,
+  style,
+  xstyle,
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props2, "aria-hidden": "true", ...mergeStyles(stylex.props(styles.root, xstyle), className, style) });
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/skeleton.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, radiusVars } 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 pulse = \"x13kz0yu-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xmg6eyc\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xcx56e2\",\n    kyAemX: \"x4hg4is\",\n    kWkggS: \"xbhqnb4\",\n    kaIpWk: \"x1p5vitp\",\n    kR9Wo8: \"xomqu7v\",\n    $$css: true\n  }\n};\nexport type SkeletonProps = StyledProps<ComponentProps<\"div\">> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Skeleton({\n  className,\n  style,\n  xstyle,\n  ...props\n}: SkeletonProps) {\n  return <div {...props} aria-hidden=\"true\" {...mergeStyles(stylex.props(styles.root, 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;;;ADQS;AArBT,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,OAAO;AAAA,EACT;AACF;AAIO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGA;AACL,GAAkB;AAChB,SAAO,oBAAC,SAAK,GAAGA,QAAO,eAAY,QAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG;AAClH;",
+  "names": ["props"]
+}

package/dist/slider.d.ts

@@ -0,0 +1,10 @@
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import type { ComponentProps } from "react";
+import type { ControlLayoutStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type SliderProps = StyledProps<ComponentProps<typeof SliderPrimitive.Root>> & {
+    /** Returns an accessible name for each thumb in a range slider. */
+    getAriaLabel?: (index: number) => string;
+    xstyle?: ControlLayoutStyles;
+};
+export declare function Slider({ className, style, defaultValue, getAriaLabel, value, xstyle, ...props }: SliderProps): import("react").JSX.Element;

package/dist/slider.js

@@ -0,0 +1,145 @@
+"use client";
+
+// src/slider.tsx
+import { c as _c } from "react/compiler-runtime";
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+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/slider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kSiTet: "x1hc1fzr x1qx4qp5",
+    kIyJzY: "xznvecg",
+    k1ekBW: "x19991ni",
+    kAMwcw: "xrkjf8i",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  }
+};
+function Slider(t0) {
+  const $ = _c(26);
+  let className;
+  let defaultValue;
+  let getAriaLabel;
+  let props2;
+  let style;
+  let value;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      style,
+      defaultValue,
+      getAriaLabel,
+      value,
+      xstyle,
+      ...props2
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = defaultValue;
+    $[3] = getAriaLabel;
+    $[4] = props2;
+    $[5] = style;
+    $[6] = value;
+    $[7] = xstyle;
+  } else {
+    className = $[1];
+    defaultValue = $[2];
+    getAriaLabel = $[3];
+    props2 = $[4];
+    style = $[5];
+    value = $[6];
+    xstyle = $[7];
+  }
+  const currentValue = value ?? defaultValue;
+  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1;
+  let t1;
+  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {
+    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);
+    $[8] = className;
+    $[9] = style;
+    $[10] = xstyle;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  let t2;
+  if ($[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {
+      className: "x6s0dn4 x78zum5 x1rrewj3 x1n2onr6 x5ve5x3 xh8yej3"
+    };
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
+      className: "xmqg8ag xwhwt5f xg80tyb xb3r6kr xh8yej3"
+    };
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  let t4;
+  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx(SliderPrimitive.Track, { ...t3, children: /* @__PURE__ */ jsx(SliderPrimitive.Indicator, { className: "x1k98rc1 xwhwt5f x5yr21d" }) });
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== getAriaLabel || $[16] !== thumbCount) {
+    let t62;
+    if ($[18] !== getAriaLabel) {
+      t62 = (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { getAriaLabel, index, className: "xcc0o6n x1lpgi1j xwhwt5f x1y0btm7 x1al7nqq x32j0x8 x1a2a7pz x10sws06 x768paa x1m0b1kh x9v5kkp x1k4h2j2" }, index);
+      $[18] = getAriaLabel;
+      $[19] = t62;
+    } else {
+      t62 = $[19];
+    }
+    t5 = /* @__PURE__ */ jsxs(SliderPrimitive.Control, { ...t2, children: [
+      t4,
+      Array.from({
+        length: thumbCount
+      }, t62)
+    ] });
+    $[15] = getAriaLabel;
+    $[16] = thumbCount;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[20] !== defaultValue || $[21] !== props2 || $[22] !== t1 || $[23] !== t5 || $[24] !== value) {
+    t6 = /* @__PURE__ */ jsx(SliderPrimitive.Root, { ...props2, defaultValue, value, ...t1, children: t5 });
+    $[20] = defaultValue;
+    $[21] = props2;
+    $[22] = t1;
+    $[23] = t5;
+    $[24] = value;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  return t6;
+}
+export {
+  Slider
+};
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/slider.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["\"use client\";\n\nimport { c as _c } from \"react/compiler-runtime\";\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport { colorVars, motionVars, opacityVars, radiusVars, sizeVars } from \"@bolerish/tokens/semantic.stylex\";\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    kSiTet: \"x1hc1fzr x1qx4qp5\",\n    kIyJzY: \"xznvecg\",\n    k1ekBW: \"x19991ni\",\n    kAMwcw: \"xrkjf8i\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type SliderProps = StyledProps<ComponentProps<typeof SliderPrimitive.Root>> & {\n  /** Returns an accessible name for each thumb in a range slider. */\n  getAriaLabel?: (index: number) => string;\n  xstyle?: ControlLayoutStyles;\n};\nexport function Slider(t0) {\n  const $ = _c(26);\n  let className;\n  let defaultValue;\n  let getAriaLabel;\n  let props;\n  let style;\n  let value;\n  let xstyle;\n  if ($[0] !== t0) {\n    ({\n      className,\n      style,\n      defaultValue,\n      getAriaLabel,\n      value,\n      xstyle,\n      ...props\n    } = t0);\n    $[0] = t0;\n    $[1] = className;\n    $[2] = defaultValue;\n    $[3] = getAriaLabel;\n    $[4] = props;\n    $[5] = style;\n    $[6] = value;\n    $[7] = xstyle;\n  } else {\n    className = $[1];\n    defaultValue = $[2];\n    getAriaLabel = $[3];\n    props = $[4];\n    style = $[5];\n    value = $[6];\n    xstyle = $[7];\n  }\n  const currentValue = value ?? defaultValue;\n  const thumbCount = Array.isArray(currentValue) ? currentValue.length : 1;\n  let t1;\n  if ($[8] !== className || $[9] !== style || $[10] !== xstyle) {\n    t1 = mergeStyles(stylex.props(styles.root, xstyle), className, style);\n    $[8] = className;\n    $[9] = style;\n    $[10] = xstyle;\n    $[11] = t1;\n  } else {\n    t1 = $[11];\n  }\n  let t2;\n  if ($[12] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = {\n      className: \"x6s0dn4 x78zum5 x1rrewj3 x1n2onr6 x5ve5x3 xh8yej3\"\n    };\n    $[12] = t2;\n  } else {\n    t2 = $[12];\n  }\n  let t3;\n  if ($[13] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t3 = {\n      className: \"xmqg8ag xwhwt5f xg80tyb xb3r6kr xh8yej3\"\n    };\n    $[13] = t3;\n  } else {\n    t3 = $[13];\n  }\n  let t4;\n  if ($[14] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t4 = <SliderPrimitive.Track {...t3}><SliderPrimitive.Indicator className=\"x1k98rc1 xwhwt5f x5yr21d\" /></SliderPrimitive.Track>;\n    $[14] = t4;\n  } else {\n    t4 = $[14];\n  }\n  let t5;\n  if ($[15] !== getAriaLabel || $[16] !== thumbCount) {\n    let t6;\n    if ($[18] !== getAriaLabel) {\n      t6 = (_, index) => <SliderPrimitive.Thumb getAriaLabel={getAriaLabel} index={index} key={index} className=\"xcc0o6n x1lpgi1j xwhwt5f x1y0btm7 x1al7nqq x32j0x8 x1a2a7pz x10sws06 x768paa x1m0b1kh x9v5kkp x1k4h2j2\" />;\n      $[18] = getAriaLabel;\n      $[19] = t6;\n    } else {\n      t6 = $[19];\n    }\n    t5 = <SliderPrimitive.Control {...t2}>{t4}{Array.from({\n        length: thumbCount\n      }, t6)}</SliderPrimitive.Control>;\n    $[15] = getAriaLabel;\n    $[16] = thumbCount;\n    $[17] = t5;\n  } else {\n    t5 = $[17];\n  }\n  let t6;\n  if ($[20] !== defaultValue || $[21] !== props || $[22] !== t1 || $[23] !== t5 || $[24] !== value) {\n    t6 = <SliderPrimitive.Root {...props} defaultValue={defaultValue} value={value} {...t1}>{t5}</SliderPrimitive.Root>;\n    $[20] = defaultValue;\n    $[21] = props;\n    $[22] = t1;\n    $[23] = t5;\n    $[24] = value;\n    $[25] = t6;\n  } else {\n    t6 = $[25];\n  }\n  return t6;\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", "t6"]
+}

package/dist/spinner.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from "react";
+import type { ControlPlacementStyles } from "./styles/control-layout";
+import type { StyledProps } from "./styles/merge-styles";
+export type SpinnerProps = StyledProps<ComponentProps<"output">> & {
+    label?: string;
+    xstyle?: ControlPlacementStyles;
+};
+export declare function Spinner({ className, style, xstyle, label, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/spinner.js

@@ -0,0 +1,49 @@
+// src/spinner.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/spinner.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k44tkh: "x12dvent",
+    ko0y90: "xa4qsjk",
+    kKVMdj: "xpedhrg",
+    kyAemX: "x1esw782",
+    kVAM5u: "x1kqtvf4",
+    kaIpWk: "xwhwt5f",
+    k26BEO: "xzv7tm9",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xqvd2ze",
+    k1xSpc: "x1rg5ohu",
+    kZKoxP: "x1oo1j9p",
+    kzqmXN: "x1ts0t7r",
+    kXOrHr: "x15wt99x",
+    $$css: true
+  }
+};
+function Spinner({
+  className,
+  style,
+  xstyle,
+  label = "Loading",
+  ...props2
+}) {
+  return /* @__PURE__ */ jsx("output", { ...props2, "aria-label": label, ...mergeStyles(stylex.props(styles.root, xstyle), className, style) });
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/spinner.tsx", "../src/styles/merge-styles.ts"],
+  "sourcesContent": ["import { colorVars, motionVars, radiusVars, sizeVars } 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 spin = \"x1fy8ia8-B\";\nconst styles = {\n  root: {\n    k44tkh: \"x12dvent\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xpedhrg\",\n    kyAemX: \"x1esw782\",\n    kVAM5u: \"x1kqtvf4\",\n    kaIpWk: \"xwhwt5f\",\n    k26BEO: \"xzv7tm9\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xqvd2ze\",\n    k1xSpc: \"x1rg5ohu\",\n    kZKoxP: \"x1oo1j9p\",\n    kzqmXN: \"x1ts0t7r\",\n    kXOrHr: \"x15wt99x\",\n    $$css: true\n  }\n};\nexport type SpinnerProps = StyledProps<ComponentProps<\"output\">> & {\n  label?: string;\n  xstyle?: ControlPlacementStyles;\n};\nexport function Spinner({\n  className,\n  style,\n  xstyle,\n  label = \"Loading\",\n  ...props\n}: SpinnerProps) {\n  return <output {...props} aria-label={label} {...mergeStyles(stylex.props(styles.root, 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;;;ADiBS;AA7BT,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,OAAO;AAAA,EACT;AACF;AAKO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAGA;AACL,GAAiB;AACf,SAAO,oBAAC,YAAQ,GAAGA,QAAO,cAAY,OAAQ,GAAG,YAAmB,aAAM,OAAO,MAAM,MAAM,GAAG,WAAW,KAAK,GAAG;AACrH;",
+  "names": ["props"]
+}

package/dist/styles/control-layout.d.ts

@@ -0,0 +1,9 @@
+import type { StyleXStyles } from "@stylexjs/stylex";
+import type { CSSProperties } from "react";
+/** Placement belongs to the screen; appearance and state belong to the control. */
+type Placement = Pick<CSSProperties, "alignSelf" | "justifySelf" | "flexGrow" | "flexShrink" | "flexBasis" | "order" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "position" | "top" | "bottom" | "left" | "right" | "insetInlineStart" | "insetInlineEnd" | "zIndex">;
+export type ControlPlacementStyles = StyleXStyles<Placement>;
+export type ControlLayoutStyles = StyleXStyles<Placement & Pick<CSSProperties, "width" | "minWidth" | "maxWidth">>;
+/** A multiline field may opt into its vertical space; its visual treatment stays owned. */
+export type ControlFieldStyles = StyleXStyles<Placement & Pick<CSSProperties, "width" | "minWidth" | "maxWidth" | "height" | "minHeight" | "maxHeight">>;
+export {};

package/dist/styles/merge-styles.d.ts

@@ -0,0 +1,10 @@
+import type * as stylex from "@stylexjs/stylex";
+import type { CSSProperties } from "react";
+export type StyledProps<Props> = Props extends unknown ? Omit<Props, "className" | "style"> & {
+    className?: string;
+    style?: CSSProperties;
+} : never;
+export declare function mergeStyles(base: ReturnType<typeof stylex.props>, className?: string, style?: CSSProperties): {
+    className?: string;
+    style?: CSSProperties;
+};