@nooeh/ui 0.1.0

package/dist/separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/separator.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Separator as SeparatorPrimitive } from \"@base-ui/react/separator\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, sizeVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kWkggS: \"x19is5ri\",\n    kmuXW: \"x2lah0s\",\n    $$css: true\n  },\n  horizontal: {\n    kZKoxP: \"xywv30c\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  },\n  vertical: {\n    kSGwAc: \"xkh2ocl\",\n    kAzted: \"xssxnvu\",\n    kzqmXN: \"x5v7ak9\",\n    $$css: true\n  }\n};\nexport type SeparatorProps = ComponentProps<typeof SeparatorPrimitive> & {\n  decorative?: boolean;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Separator(t0) {\n  const $ = _c(23);\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      decorative: t1,\n      orientation: t2,\n      style,\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  let t3;\n  if ($[7] !== orientation || $[8] !== xstyle) {\n    t3 = stylex.props(styles.root, styles[orientation], xstyle);\n    $[7] = orientation;\n    $[8] = xstyle;\n    $[9] = t3;\n  } else {\n    t3 = $[9];\n  }\n  const stylexProps = t3;\n  const t4 = decorative || undefined;\n  const t5 = decorative ? \"presentation\" : undefined;\n  let t6;\n  if ($[10] !== className || $[11] !== stylexProps.className) {\n    t6 = [stylexProps.className, className].filter(Boolean);\n    $[10] = className;\n    $[11] = stylexProps.className;\n    $[12] = t6;\n  } else {\n    t6 = $[12];\n  }\n  const t7 = t6.join(\" \");\n  let t8;\n  if ($[13] !== style || $[14] !== stylexProps.style) {\n    t8 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[13] = style;\n    $[14] = stylexProps.style;\n    $[15] = t8;\n  } else {\n    t8 = $[15];\n  }\n  let t9;\n  if ($[16] !== orientation || $[17] !== props || $[18] !== t4 || $[19] !== t5 || $[20] !== t7 || $[21] !== t8) {\n    t9 = <SeparatorPrimitive {...props} aria-hidden={t4} orientation={orientation} role={t5} className={t7} style={t8} />;\n    $[16] = orientation;\n    $[17] = props;\n    $[18] = t4;\n    $[19] = t5;\n    $[20] = t7;\n    $[21] = t8;\n    $[22] = t9;\n  } else {\n    t9 = $[22];\n  }\n  return t9;\n}"],
+  "mappings": "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",
+  "names": ["props"]
+}

package/dist/skeleton.d.ts

@@ -0,0 +1,6 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type SkeletonProps = 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,87 @@
+// src/skeleton.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k44tkh: "xmg6eyc",
+    ko0y90: "xa4qsjk",
+    kKVMdj: "xcx56e2",
+    kyAemX: "x4hg4is",
+    kWkggS: "x1w962hd",
+    kaIpWk: "x1fzuljc",
+    kjO2d4: "x1aquc0h",
+    $$css: true
+  }
+};
+function Skeleton(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];
+  }
+  let t1;
+  if ($[5] !== xstyle) {
+    t1 = stylex.props(styles.root, xstyle);
+    $[5] = xstyle;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const stylexProps = t1;
+  let t2;
+  if ($[7] !== className || $[8] !== stylexProps.className) {
+    t2 = [stylexProps.className, className].filter(Boolean);
+    $[7] = className;
+    $[8] = stylexProps.className;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2.join(" ");
+  let t4;
+  if ($[10] !== style || $[11] !== stylexProps.style) {
+    t4 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[10] = style;
+    $[11] = stylexProps.style;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== props2 || $[14] !== t3 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { ...props2, "aria-hidden": "true", className: t3, style: t4 });
+    $[13] = props2;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  return t5;
+}
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/skeleton.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars } from \"@nooeh/tokens/tokens.stylex\";\nconst pulse = \"x13kz0yu-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xmg6eyc\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xcx56e2\",\n    kyAemX: \"x4hg4is\",\n    kWkggS: \"x1w962hd\",\n    kaIpWk: \"x1fzuljc\",\n    kjO2d4: \"x1aquc0h\",\n    $$css: true\n  }\n};\nexport type SkeletonProps = ComponentProps<\"div\"> & {\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Skeleton(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  let t1;\n  if ($[5] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[5] = xstyle;\n    $[6] = t1;\n  } else {\n    t1 = $[6];\n  }\n  const stylexProps = t1;\n  let t2;\n  if ($[7] !== className || $[8] !== stylexProps.className) {\n    t2 = [stylexProps.className, className].filter(Boolean);\n    $[7] = className;\n    $[8] = stylexProps.className;\n    $[9] = t2;\n  } else {\n    t2 = $[9];\n  }\n  const t3 = t2.join(\" \");\n  let t4;\n  if ($[10] !== style || $[11] !== stylexProps.style) {\n    t4 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[10] = style;\n    $[11] = stylexProps.style;\n    $[12] = t4;\n  } else {\n    t4 = $[12];\n  }\n  let t5;\n  if ($[13] !== props || $[14] !== t3 || $[15] !== t4) {\n    t5 = <div {...props} aria-hidden=\"true\" className={t3} style={t4} />;\n    $[13] = props;\n    $[14] = t3;\n    $[15] = t4;\n    $[16] = t5;\n  } else {\n    t5 = $[16];\n  }\n  return t5;\n}"],
+  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AA4Ef;AAxET,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,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,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,YAAY,WAAW;AACxD,SAAK,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO;AACtD,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,KAAK,GAAG,KAAK,GAAG;AACtB,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,YAAY,OAAO;AAClD,SAAK;AAAA,MACH,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI,YAAY;AACpB,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,SAAK,GAAGA,QAAO,eAAY,QAAO,WAAW,IAAI,OAAO,IAAI;AAClE,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/slider.d.ts

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

package/dist/slider.js

@@ -0,0 +1,149 @@
+// 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";
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = {
+  root: {
+    kSiTet: "x1hc1fzr x19gdzeu",
+    kzqmXN: "xh8yej3",
+    $$css: true
+  }
+};
+function Slider(t0) {
+  const $ = _c(31);
+  let className;
+  let defaultValue;
+  let getAriaLabel;
+  let props2;
+  let style;
+  let value;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      defaultValue,
+      getAriaLabel,
+      style,
+      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] !== xstyle) {
+    t1 = stylex.props(styles.root, xstyle);
+    $[8] = xstyle;
+    $[9] = t1;
+  } else {
+    t1 = $[9];
+  }
+  const stylexProps = t1;
+  const t2 = typeof className === "string" ? className : void 0;
+  let t3;
+  if ($[10] !== stylexProps.className || $[11] !== t2) {
+    t3 = [stylexProps.className, t2].filter(Boolean);
+    $[10] = stylexProps.className;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const t4 = t3.join(" ");
+  const t5 = typeof style === "object" ? style : void 0;
+  let t6;
+  if ($[13] !== stylexProps.style || $[14] !== t5) {
+    t6 = {
+      ...stylexProps.style,
+      ...t5
+    };
+    $[13] = stylexProps.style;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = {
+      className: "x6s0dn4 x78zum5 x19exbjc x1n2onr6 x5ve5x3 xh8yej3"
+    };
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = {
+      className: "x1daa10s xlcjyoq x4j2xbe xb3r6kr xh8yej3"
+    };
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /* @__PURE__ */ jsx(SliderPrimitive.Track, { ...t8, children: /* @__PURE__ */ jsx(SliderPrimitive.Indicator, { className: "x1daa10s xlcjyoq x5yr21d" }) });
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== getAriaLabel || $[20] !== thumbCount) {
+    let t112;
+    if ($[22] !== getAriaLabel) {
+      t112 = (_, index) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { getAriaLabel, index, className: "x11m93s7 x103t3ba xlcjyoq x1y0btm7 xzcyats xmll18r x1a2a7pz xwqq7k2 x1tdmnsb xe0szup x9v5kkp xe0iu4d" }, index);
+      $[22] = getAriaLabel;
+      $[23] = t112;
+    } else {
+      t112 = $[23];
+    }
+    t10 = /* @__PURE__ */ jsxs(SliderPrimitive.Control, { ...t7, children: [
+      t9,
+      Array.from({
+        length: thumbCount
+      }, t112)
+    ] });
+    $[19] = getAriaLabel;
+    $[20] = thumbCount;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[24] !== defaultValue || $[25] !== props2 || $[26] !== t10 || $[27] !== t4 || $[28] !== t6 || $[29] !== value) {
+    t11 = /* @__PURE__ */ jsx(SliderPrimitive.Root, { ...props2, defaultValue, value, className: t4, style: t6, children: t10 });
+    $[24] = defaultValue;
+    $[25] = props2;
+    $[26] = t10;
+    $[27] = t4;
+    $[28] = t6;
+    $[29] = value;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  return t11;
+}
+export {
+  Slider
+};
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/slider.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, opacityVars, radiusVars, sizeVars } from \"@nooeh/tokens/tokens.stylex\";\nconst styles = {\n  root: {\n    kSiTet: \"x1hc1fzr x19gdzeu\",\n    kzqmXN: \"xh8yej3\",\n    $$css: true\n  }\n};\nexport type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {\n  /** Returns an accessible name for each thumb in a range slider. */\n  getAriaLabel?: (index: number) => string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Slider(t0) {\n  const $ = _c(31);\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      defaultValue,\n      getAriaLabel,\n      style,\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] !== xstyle) {\n    t1 = stylex.props(styles.root, xstyle);\n    $[8] = xstyle;\n    $[9] = t1;\n  } else {\n    t1 = $[9];\n  }\n  const stylexProps = t1;\n  const t2 = typeof className === \"string\" ? className : undefined;\n  let t3;\n  if ($[10] !== stylexProps.className || $[11] !== t2) {\n    t3 = [stylexProps.className, t2].filter(Boolean);\n    $[10] = stylexProps.className;\n    $[11] = t2;\n    $[12] = t3;\n  } else {\n    t3 = $[12];\n  }\n  const t4 = t3.join(\" \");\n  const t5 = typeof style === \"object\" ? style : undefined;\n  let t6;\n  if ($[13] !== stylexProps.style || $[14] !== t5) {\n    t6 = {\n      ...stylexProps.style,\n      ...t5\n    };\n    $[13] = stylexProps.style;\n    $[14] = t5;\n    $[15] = t6;\n  } else {\n    t6 = $[15];\n  }\n  let t7;\n  if ($[16] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t7 = {\n      className: \"x6s0dn4 x78zum5 x19exbjc x1n2onr6 x5ve5x3 xh8yej3\"\n    };\n    $[16] = t7;\n  } else {\n    t7 = $[16];\n  }\n  let t8;\n  if ($[17] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t8 = {\n      className: \"x1daa10s xlcjyoq x4j2xbe xb3r6kr xh8yej3\"\n    };\n    $[17] = t8;\n  } else {\n    t8 = $[17];\n  }\n  let t9;\n  if ($[18] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t9 = <SliderPrimitive.Track {...t8}><SliderPrimitive.Indicator className=\"x1daa10s xlcjyoq x5yr21d\" /></SliderPrimitive.Track>;\n    $[18] = t9;\n  } else {\n    t9 = $[18];\n  }\n  let t10;\n  if ($[19] !== getAriaLabel || $[20] !== thumbCount) {\n    let t11;\n    if ($[22] !== getAriaLabel) {\n      t11 = (_, index) => <SliderPrimitive.Thumb getAriaLabel={getAriaLabel} index={index} key={index} className=\"x11m93s7 x103t3ba xlcjyoq x1y0btm7 xzcyats xmll18r x1a2a7pz xwqq7k2 x1tdmnsb xe0szup x9v5kkp xe0iu4d\" />;\n      $[22] = getAriaLabel;\n      $[23] = t11;\n    } else {\n      t11 = $[23];\n    }\n    t10 = <SliderPrimitive.Control {...t7}>{t9}{Array.from({\n        length: thumbCount\n      }, t11)}</SliderPrimitive.Control>;\n    $[19] = getAriaLabel;\n    $[20] = thumbCount;\n    $[21] = t10;\n  } else {\n    t10 = $[21];\n  }\n  let t11;\n  if ($[24] !== defaultValue || $[25] !== props || $[26] !== t10 || $[27] !== t4 || $[28] !== t6 || $[29] !== value) {\n    t11 = <SliderPrimitive.Root {...props} defaultValue={defaultValue} value={value} className={t4} style={t6}>{t10}</SliderPrimitive.Root>;\n    $[24] = defaultValue;\n    $[25] = props;\n    $[26] = t10;\n    $[27] = t4;\n    $[28] = t6;\n    $[29] = value;\n    $[30] = t11;\n  } else {\n    t11 = $[30];\n  }\n  return t11;\n}"],
+  "mappings": "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",
+  "names": ["props", "t11"]
+}

package/dist/spinner.d.ts

@@ -0,0 +1,7 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export type SpinnerProps = ComponentProps<"output"> & {
+    label?: string;
+    xstyle?: stylex.StyleXStyles;
+};
+export declare function Spinner({ className, label, style, xstyle, ...props }: SpinnerProps): import("react").JSX.Element;

package/dist/spinner.js

@@ -0,0 +1,99 @@
+// src/spinner.tsx
+import { c as _c } from "react/compiler-runtime";
+import * as stylex from "@stylexjs/stylex";
+import { jsx } from "react/jsx-runtime";
+var styles = {
+  root: {
+    k44tkh: "xof6966",
+    ko0y90: "xa4qsjk",
+    kKVMdj: "xpedhrg",
+    kyAemX: "x1esw782",
+    kVAM5u: "x1bl4cbq",
+    kaIpWk: "xlcjyoq",
+    k26BEO: "xbkfm8u",
+    ksu8eU: "x1y0btm7",
+    kMzoRj: "xt92o5b",
+    k1xSpc: "x1rg5ohu",
+    kZKoxP: "x82pwss",
+    kzqmXN: "xjsi6ig",
+    kkDQuc: "xfs3gwd",
+    $$css: true
+  }
+};
+function Spinner(t0) {
+  const $ = _c(19);
+  let className;
+  let props2;
+  let style;
+  let t1;
+  let xstyle;
+  if ($[0] !== t0) {
+    ({
+      className,
+      label: t1,
+      style,
+      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 label = t1 === void 0 ? "Loading" : t1;
+  let t2;
+  if ($[6] !== xstyle) {
+    t2 = stylex.props(styles.root, xstyle);
+    $[6] = xstyle;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  const stylexProps = t2;
+  let t3;
+  if ($[8] !== className || $[9] !== stylexProps.className) {
+    t3 = [stylexProps.className, className].filter(Boolean);
+    $[8] = className;
+    $[9] = stylexProps.className;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  if ($[11] !== style || $[12] !== stylexProps.style) {
+    t5 = {
+      ...stylexProps.style,
+      ...style
+    };
+    $[11] = style;
+    $[12] = stylexProps.style;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== label || $[15] !== props2 || $[16] !== t4 || $[17] !== t5) {
+    t6 = /* @__PURE__ */ jsx("output", { ...props2, "aria-label": label, className: t4, style: t5 });
+    $[14] = label;
+    $[15] = props2;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  return t6;
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/spinner.tsx"],
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, radiusVars, sizeVars } from \"@nooeh/tokens/tokens.stylex\";\nconst spin = \"x1fy8ia8-B\";\nconst styles = {\n  root: {\n    k44tkh: \"xof6966\",\n    ko0y90: \"xa4qsjk\",\n    kKVMdj: \"xpedhrg\",\n    kyAemX: \"x1esw782\",\n    kVAM5u: \"x1bl4cbq\",\n    kaIpWk: \"xlcjyoq\",\n    k26BEO: \"xbkfm8u\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xt92o5b\",\n    k1xSpc: \"x1rg5ohu\",\n    kZKoxP: \"x82pwss\",\n    kzqmXN: \"xjsi6ig\",\n    kkDQuc: \"xfs3gwd\",\n    $$css: true\n  }\n};\nexport type SpinnerProps = ComponentProps<\"output\"> & {\n  label?: string;\n  xstyle?: stylex.StyleXStyles;\n};\nexport function Spinner(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      label: t1,\n      style,\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 label = t1 === undefined ? \"Loading\" : t1;\n  let t2;\n  if ($[6] !== xstyle) {\n    t2 = stylex.props(styles.root, xstyle);\n    $[6] = xstyle;\n    $[7] = t2;\n  } else {\n    t2 = $[7];\n  }\n  const stylexProps = t2;\n  let t3;\n  if ($[8] !== className || $[9] !== stylexProps.className) {\n    t3 = [stylexProps.className, className].filter(Boolean);\n    $[8] = className;\n    $[9] = stylexProps.className;\n    $[10] = t3;\n  } else {\n    t3 = $[10];\n  }\n  const t4 = t3.join(\" \");\n  let t5;\n  if ($[11] !== style || $[12] !== stylexProps.style) {\n    t5 = {\n      ...stylexProps.style,\n      ...style\n    };\n    $[11] = style;\n    $[12] = stylexProps.style;\n    $[13] = t5;\n  } else {\n    t5 = $[13];\n  }\n  let t6;\n  if ($[14] !== label || $[15] !== props || $[16] !== t4 || $[17] !== t5) {\n    t6 = <output {...props} aria-label={label} className={t4} style={t5} />;\n    $[14] = label;\n    $[15] = props;\n    $[16] = t4;\n    $[17] = t5;\n    $[18] = t6;\n  } else {\n    t6 = $[18];\n  }\n  return t6;\n}"],
+  "mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY;AAwFf;AApFT,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,IAAI;AAC1B,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,OAAO;AAAA,MACP;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;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,QAAQ,OAAO,SAAY,YAAY;AAC7C,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,QAAQ;AACnB,SAAY,aAAM,OAAO,MAAM,MAAM;AACrC,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI;AAAA,EACT,OAAO;AACL,SAAK,EAAE,CAAC;AAAA,EACV;AACA,QAAM,cAAc;AACpB,MAAI;AACJ,MAAI,EAAE,CAAC,MAAM,aAAa,EAAE,CAAC,MAAM,YAAY,WAAW;AACxD,SAAK,CAAC,YAAY,WAAW,SAAS,EAAE,OAAO,OAAO;AACtD,MAAE,CAAC,IAAI;AACP,MAAE,CAAC,IAAI,YAAY;AACnB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,QAAM,KAAK,GAAG,KAAK,GAAG;AACtB,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAM,YAAY,OAAO;AAClD,SAAK;AAAA,MACH,GAAG,YAAY;AAAA,MACf,GAAG;AAAA,IACL;AACA,MAAE,EAAE,IAAI;AACR,MAAE,EAAE,IAAI,YAAY;AACpB,MAAE,EAAE,IAAI;AAAA,EACV,OAAO;AACL,SAAK,EAAE,EAAE;AAAA,EACX;AACA,MAAI;AACJ,MAAI,EAAE,EAAE,MAAM,SAAS,EAAE,EAAE,MAAMA,UAAS,EAAE,EAAE,MAAM,MAAM,EAAE,EAAE,MAAM,IAAI;AACtE,SAAK,oBAAC,YAAQ,GAAGA,QAAO,cAAY,OAAO,WAAW,IAAI,OAAO,IAAI;AACrE,MAAE,EAAE,IAAI;AACR,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/stylex-props.d.ts

@@ -0,0 +1,3 @@
+import * as stylex from "@stylexjs/stylex";
+import type { ComponentProps } from "react";
+export declare function getNativeStyleProps(stylexProps: ReturnType<typeof stylex.props>, className?: string, style?: ComponentProps<"div">["style"]): Pick<ComponentProps<"div">, "className" | "style">;