@zentauri-ui/zentauri-components 2.1.5 → 2.1.7

package/dist/chunk-PG7LQVU6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/audio-player.ts"],"names":[],"mappings":";;;AAAO,IAAM,kBAAA,GAAqB;AAAA,EAChC,QAAA;AAAA,EACA,oEAAA;AAAA,EACA,sIAAA;AAAA,EACA,2JAAA;AAAA,EACA,4KAAA;AAAA,EACA;AACF;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,0KAAA;AAAA,EACF,SAAA,EACE,wKAAA;AAAA,EACF,WAAA,EACE,gMAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,KAAA,EACE,kLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,KAAA,EACE,kLAAA;AAAA,EACF,QAAA,EACE,8LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,OAAA,EACE,0LAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,IAAA,EAAM,8KAAA;AAAA,EACN,IAAA,EAAM,8KAAA;AAAA,EACN,GAAA,EAAK,0KAAA;AAAA,EACL,IAAA,EAAM,8KAAA;AAAA,EACN,MAAA,EACE,sLAAA;AAAA,EACF,MAAA,EACE,sLAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,gBAAA,EACE,+MAAA;AAAA,EACF,cAAA,EACE,2MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE,iNAAA;AAAA,EACF,eAAA,EACE,6MAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,gDAAA;AAAA,EACA,mBAAA;AAAA,EACA,kKAAA;AAAA,EACA;AACF;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,qBAAA,GACX;AAEK,IAAM,sBAAA,GACX","file":"chunk-PG7LQVU6.js","sourcesContent":["export const zuiAudioPlayerBase = [\n  \"w-full\",\n  \"rounded-[var(--zui-audio-player-radius,var(--zui-radius,0.75rem))]\",\n  \"bg-[var(--zui-audio-player-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-audio-player-bg-dark,var(--zui-surface-dark,#0f172a))]\",\n  \"border border-[var(--zui-audio-player-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-audio-player-border-dark,var(--zui-border-dark,#1e293b))]\",\n  \"shadow-[var(--zui-audio-player-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-audio-player-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))]\",\n  \"text-[color:var(--zui-audio-player-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-audio-player-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n] as const;\n\nexport const zuiAudioPlayerAppearances = {\n  default:\n    \"[--audio-fill:var(--zui-audio-player-default-fill,var(--zui-brand,#0f172a))] dark:[--audio-fill:var(--zui-audio-player-default-fill-dark,var(--zui-brand-dark,#f8fafc))]\",\n  secondary:\n    \"[--audio-fill:var(--zui-audio-player-secondary-fill,var(--zui-fg,#475569))] dark:[--audio-fill:var(--zui-audio-player-secondary-fill-dark,var(--zui-fg-dark,#94a3b8))]\",\n  destructive:\n    \"[--audio-fill:var(--zui-audio-player-destructive-fill,var(--zui-status-error,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-destructive-fill-dark,var(--zui-status-error-dark,#ef4444))]\",\n  blue: \"[--audio-fill:var(--zui-audio-player-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--audio-fill:var(--zui-audio-player-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--audio-fill:var(--zui-audio-player-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--audio-fill:var(--zui-audio-player-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--audio-fill:var(--zui-audio-player-green-fill,var(--zui-color-green,#16a34a))] dark:[--audio-fill:var(--zui-audio-player-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--audio-fill:var(--zui-audio-player-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--audio-fill:var(--zui-audio-player-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"[--audio-fill:var(--zui-audio-player-mint-fill,var(--zui-color-mint,#10b981))] dark:[--audio-fill:var(--zui-audio-player-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"[--audio-fill:var(--zui-audio-player-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"[--audio-fill:var(--zui-audio-player-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--audio-fill:var(--zui-audio-player-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"[--audio-fill:var(--zui-audio-player-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--audio-fill:var(--zui-audio-player-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"[--audio-fill:var(--zui-audio-player-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--audio-fill:var(--zui-audio-player-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"[--audio-fill:var(--zui-audio-player-red-fill,var(--zui-color-red,#dc2626))] dark:[--audio-fill:var(--zui-audio-player-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--audio-fill:var(--zui-audio-player-slate-fill,var(--zui-color-slate,#475569))] dark:[--audio-fill:var(--zui-audio-player-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"[--audio-fill:var(--zui-audio-player-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--audio-fill:var(--zui-audio-player-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  royal:\n    \"[--audio-fill:var(--zui-audio-player-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--audio-fill:var(--zui-audio-player-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"[--audio-fill:var(--zui-audio-player-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--audio-fill:var(--zui-audio-player-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"[--audio-fill:var(--zui-audio-player-forest-fill,var(--zui-color-forest,#166534))] dark:[--audio-fill:var(--zui-audio-player-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"[--audio-fill:var(--zui-audio-player-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"[--audio-fill:var(--zui-audio-player-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--audio-fill:var(--zui-audio-player-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"[--audio-fill:var(--zui-audio-player-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--audio-fill:var(--zui-audio-player-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  emerald:\n    \"[--audio-fill:var(--zui-audio-player-emerald-fill,var(--zui-color-emerald,#059669))] dark:[--audio-fill:var(--zui-audio-player-emerald-fill-dark,var(--zui-color-emerald-dark,#34d399))]\",\n  indigo:\n    \"[--audio-fill:var(--zui-audio-player-indigo-fill,var(--zui-color-indigo,#4f46e5))] dark:[--audio-fill:var(--zui-audio-player-indigo-fill-dark,var(--zui-color-indigo-dark,#6366f1))]\",\n  purple:\n    \"[--audio-fill:var(--zui-audio-player-purple-fill,var(--zui-color-purple,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-purple-fill-dark,var(--zui-color-purple-dark,#8b5cf6))]\",\n  pink: \"[--audio-fill:var(--zui-audio-player-pink-fill,var(--zui-color-pink,#db2777))] dark:[--audio-fill:var(--zui-audio-player-pink-fill-dark,var(--zui-color-pink-dark,#ec4899))]\",\n  rose: \"[--audio-fill:var(--zui-audio-player-rose-fill,var(--zui-color-rose,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-rose-fill-dark,var(--zui-color-rose-dark,#f43f5e))]\",\n  sky: \"[--audio-fill:var(--zui-audio-player-sky-fill,var(--zui-color-sky,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-sky-fill-dark,var(--zui-color-sky-dark,#38bdf8))]\",\n  teal: \"[--audio-fill:var(--zui-audio-player-teal-fill,var(--zui-color-teal,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-teal-fill-dark,var(--zui-color-teal-dark,#2dd4bf))]\",\n  yellow:\n    \"[--audio-fill:var(--zui-audio-player-yellow-fill,var(--zui-color-yellow,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-yellow-fill-dark,var(--zui-color-yellow-dark,#eab308))]\",\n  orange:\n    \"[--audio-fill:var(--zui-audio-player-orange-fill,var(--zui-color-orange,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-orange-fill-dark,var(--zui-color-orange-dark,#f97316))]\",\n  \"gradient-blue\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-blue-fill,linear-gradient(90deg,#2563eb,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-blue-fill-dark,linear-gradient(90deg,#3b82f6,#8b5cf6))]\",\n  \"gradient-green\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-green-fill,linear-gradient(90deg,#16a34a,#0d9488))] dark:[--audio-fill:var(--zui-audio-player-gradient-green-fill-dark,linear-gradient(90deg,#22c55e,#2dd4bf))]\",\n  \"gradient-red\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-red-fill,linear-gradient(90deg,#dc2626,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-red-fill-dark,linear-gradient(90deg,#ef4444,#ec4899))]\",\n  \"gradient-yellow\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-yellow-fill,linear-gradient(90deg,#ca8a04,#ea580c))] dark:[--audio-fill:var(--zui-audio-player-gradient-yellow-fill-dark,linear-gradient(90deg,#eab308,#f97316))]\",\n  \"gradient-purple\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-purple-fill,linear-gradient(90deg,#7c3aed,#db2777))] dark:[--audio-fill:var(--zui-audio-player-gradient-purple-fill-dark,linear-gradient(90deg,#8b5cf6,#ec4899))]\",\n  \"gradient-teal\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-teal-fill,linear-gradient(90deg,#0d9488,#0284c7))] dark:[--audio-fill:var(--zui-audio-player-gradient-teal-fill-dark,linear-gradient(90deg,#2dd4bf,#38bdf8))]\",\n  \"gradient-indigo\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-indigo-fill,linear-gradient(90deg,#4f46e5,#7c3aed))] dark:[--audio-fill:var(--zui-audio-player-gradient-indigo-fill-dark,linear-gradient(90deg,#6366f1,#8b5cf6))]\",\n  \"gradient-pink\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-pink-fill,linear-gradient(90deg,#db2777,#e11d48))] dark:[--audio-fill:var(--zui-audio-player-gradient-pink-fill-dark,linear-gradient(90deg,#ec4899,#f43f5e))]\",\n  \"gradient-orange\":\n    \"[--audio-fill:var(--zui-audio-player-gradient-orange-fill,linear-gradient(90deg,#ea580c,#ca8a04))] dark:[--audio-fill:var(--zui-audio-player-gradient-orange-fill-dark,linear-gradient(90deg,#f97316,#eab308))]\",\n} as const;\n\nexport const zuiAudioPlayerSizes = {\n  sm: \"p-3 text-xs gap-2\",\n  md: \"p-4 text-sm gap-3\",\n  lg: \"p-5 text-base gap-4\",\n} as const;\n\nexport const zuiAudioPlayerShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-xl\",\n  pill: \"rounded-3xl\",\n} as const;\n\nexport const zuiAudioPlayerTrackBase = [\n  \"relative w-full overflow-hidden cursor-pointer\",\n  \"rounded-[inherit]\",\n  \"bg-[var(--zui-audio-player-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-audio-player-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--audio-fill,#0f172a)] focus-visible:ring-offset-2\",\n] as const;\n\nexport const zuiAudioPlayerTrackSizes = {\n  sm: \"h-1\",\n  md: \"h-1.5\",\n  lg: \"h-2\",\n} as const;\n\nexport const zuiAudioPlayerBarBase =\n  \"h-full origin-left [background:var(--audio-fill)] transition-[transform] will-change-transform\" as const;\n\nexport const zuiAudioPlayerTimeBase =\n  \"tabular-nums font-mono text-[color:var(--zui-audio-player-time-fg,var(--zui-fg-muted,#64748b))] dark:text-[color:var(--zui-audio-player-time-fg-dark,var(--zui-fg-muted-dark,#94a3b8))]\" as const;\n"]}

package/dist/chunk-PTU5ZAYX.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var chunkSCOIRBML_js = require('./chunk-SCOIRBML.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function mergeDescribedByIds(user, ...generated) {
+  const ids = [
+    ...(user ?? "").split(/\s+/).filter(Boolean),
+    ...generated.filter((id) => Boolean(id))
+  ];
+  const unique = [...new Set(ids)];
+  return unique.length > 0 ? unique.join(" ") : void 0;
+}
+var InputBase = (props) => {
+  const generatedId = react.useId();
+  if (props.as === "textarea") {
+    const {
+      className: className2,
+      appearance: appearance2,
+      size: size2,
+      ring: ring2 = true,
+      ref: ref2,
+      "aria-invalid": ariaInvalidProp2,
+      errorMessage: errorMessage2,
+      hint: hint2,
+      label: label2,
+      id: id2,
+      as: as2,
+      "aria-describedby": ariaDescribedByUser2,
+      ...rest2
+    } = props;
+    const controlId2 = id2 ?? generatedId;
+    const errorId2 = `${controlId2}-error`;
+    const hintId2 = `${controlId2}-hint`;
+    const ariaInvalid2 = ariaInvalidProp2 !== void 0 ? ariaInvalidProp2 : appearance2 === "error" ? true : void 0;
+    const describedBy2 = mergeDescribedByIds(
+      ariaDescribedByUser2,
+      hint2 !== void 0 ? hintId2 : void 0,
+      errorMessage2 && appearance2 === "error" ? errorId2 : void 0
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      label2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          htmlFor: controlId2,
+          className: "mb-1 block text-sm font-medium text-slate-200",
+          children: label2
+        }
+      ),
+      hint2 !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId2, className: "mb-1 text-xs text-slate-400", children: hint2 }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref: ref2,
+          id: controlId2,
+          "data-slot": "input",
+          className: chunkZS5756ZC_js.cn(
+            chunkSCOIRBML_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
+            className2
+          ),
+          "aria-invalid": ariaInvalid2,
+          "aria-describedby": describedBy2,
+          ...rest2
+        }
+      ),
+      errorMessage2 && appearance2 === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          id: errorId2,
+          className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+          children: errorMessage2
+        }
+      )
+    ] });
+  }
+  const {
+    className,
+    appearance,
+    size,
+    ring = true,
+    ref,
+    "aria-invalid": ariaInvalidProp,
+    errorMessage,
+    hint,
+    label,
+    id,
+    as,
+    "aria-describedby": ariaDescribedByUser,
+    ...rest
+  } = props;
+  const controlId = id ?? generatedId;
+  const errorId = `${controlId}-error`;
+  const hintId = `${controlId}-hint`;
+  const ariaInvalid = ariaInvalidProp !== void 0 ? ariaInvalidProp : appearance === "error" ? true : void 0;
+  const describedBy = mergeDescribedByIds(
+    ariaDescribedByUser,
+    hint !== void 0 ? hintId : void 0,
+    errorMessage && appearance === "error" ? errorId : void 0
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    label !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        htmlFor: controlId,
+        className: "mb-1 block text-sm font-medium text-slate-200",
+        children: label
+      }
+    ),
+    hint !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: "mb-1 text-xs text-slate-400", children: hint }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        id: controlId,
+        "data-slot": "input",
+        className: chunkZS5756ZC_js.cn(
+          chunkSCOIRBML_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
+          className
+        ),
+        "aria-invalid": ariaInvalid,
+        "aria-describedby": describedBy,
+        ...rest
+      }
+    ),
+    errorMessage && appearance === "error" && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: errorId,
+        className: "mt-2 pl-4 text-sm text-rose-500 wrap-break-word",
+        children: errorMessage
+      }
+    )
+  ] });
+};
+InputBase.displayName = "Input";
+var Input = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(InputBase, { ...props });
+};
+Input.displayName = "Input";
+
+exports.Input = Input;
+//# sourceMappingURL=chunk-PTU5ZAYX.js.map
+//# sourceMappingURL=chunk-PTU5ZAYX.js.map

package/dist/chunk-PTU5ZAYX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/inputs/input-base.tsx","../src/ui/inputs/input.tsx"],"names":["useId","className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsxs","Fragment","jsx","cn","inputVariants"],"mappings":";;;;;;;AASA,SAAS,mBAAA,CACP,SACG,SAAA,EACiB;AACpB,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,IAAI,IAAA,IAAQ,EAAA,EAAI,MAAM,KAAK,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,IAC3C,GAAG,SAAA,CAAU,MAAA,CAAO,CAAC,EAAA,KAAqB,OAAA,CAAQ,EAAE,CAAC;AAAA,GACvD;AACA,EAAA,MAAM,SAAS,CAAC,GAAG,IAAI,GAAA,CAAI,GAAG,CAAC,CAAA;AAC/B,EAAA,OAAO,OAAO,MAAA,GAAS,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AAChD;AAEO,IAAM,SAAA,GAAY,CAAC,KAAA,KAAsB;AAC9C,EAAA,MAAM,cAAcA,WAAA,EAAM;AAE1B,EAAA,IAAI,KAAA,CAAM,OAAO,UAAA,EAAY;AAC3B,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAC,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,MAAAC,KAAAA,GAAO,IAAA;AAAA,MACP,GAAA,EAAAC,IAAAA;AAAA,MACA,cAAA,EAAgBC,gBAAAA;AAAA,MAChB,YAAA,EAAAC,aAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,KAAA,EAAAC,MAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,EAAA,EAAAC,GAAAA;AAAA,MACA,kBAAA,EAAoBC,oBAAAA;AAAA,MACpB,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAMC,aAAYJ,GAAAA,IAAM,WAAA;AACxB,IAAA,MAAMK,QAAAA,GAAU,GAAGD,UAAS,CAAA,MAAA,CAAA;AAC5B,IAAA,MAAME,OAAAA,GAAS,GAAGF,UAAS,CAAA,KAAA,CAAA;AAC3B,IAAA,MAAMG,eACJX,gBAAAA,KAAoB,MAAA,GAChBA,gBAAAA,GACAJ,WAAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,IAAA,MAAMgB,YAAAA,GAAc,mBAAA;AAAA,MAClBN,oBAAAA;AAAA,MACAJ,KAAAA,KAAS,SAAYQ,OAAAA,GAAS,MAAA;AAAA,MAC9BT,aAAAA,IAAgBL,WAAAA,KAAe,OAAA,GAAUa,QAAAA,GAAU;AAAA,KACrD;AAEA,IAAA,uBACEI,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAAX,WAAU,MAAA,oBACTY,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAASP,UAAAA;AAAA,UACT,SAAA,EAAU,+CAAA;AAAA,UAET,QAAA,EAAAL;AAAA;AAAA,OACH;AAAA,MAEDD,KAAAA,KAAS,0BACRa,cAAA,CAAC,GAAA,EAAA,EAAE,IAAIL,OAAAA,EAAQ,SAAA,EAAU,6BAAA,EACtB,QAAA,EAAAR,KAAAA,EACH,CAAA;AAAA,sBAEFa,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAKhB,IAAAA;AAAA,UACL,EAAA,EAAIS,UAAAA;AAAA,UACJ,WAAA,EAAU,OAAA;AAAA,UACV,SAAA,EAAWQ,mBAAA;AAAA,YACTC,8BAAA,CAAc,EAAE,UAAA,EAAArB,WAAAA,EAAY,IAAA,EAAAC,OAAM,IAAA,EAAAC,KAAAA,EAAM,EAAA,EAAAO,GAAAA,EAAI,CAAA;AAAA,YAC5CV;AAAA,WACF;AAAA,UACA,cAAA,EAAcgB,YAAAA;AAAA,UACd,kBAAA,EAAkBC,YAAAA;AAAA,UACjB,GAAGL;AAAA;AAAA,OACN;AAAA,MACCN,aAAAA,IAAgBL,gBAAe,OAAA,oBAC9BmB,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAIN,QAAAA;AAAA,UACJ,SAAA,EAAU,iDAAA;AAAA,UAET,QAAA,EAAAR;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,GAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,YAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,kBAAA,EAAoB,mBAAA;AAAA,IACpB,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,EAAA,IAAM,WAAA;AACxB,EAAA,MAAM,OAAA,GAAU,GAAG,SAAS,CAAA,MAAA,CAAA;AAC5B,EAAA,MAAM,MAAA,GAAS,GAAG,SAAS,CAAA,KAAA,CAAA;AAC3B,EAAA,MAAM,cACJ,eAAA,KAAoB,MAAA,GAChB,eAAA,GACA,UAAA,KAAe,UACb,IAAA,GACA,MAAA;AAER,EAAA,MAAM,WAAA,GAAc,mBAAA;AAAA,IAClB,mBAAA;AAAA,IACA,IAAA,KAAS,SAAY,MAAA,GAAS,MAAA;AAAA,IAC9B,YAAA,IAAgB,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU;AAAA,GACrD;AAEA,EAAA,uBACEY,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,KAAA,KAAU,MAAA,oBACTC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,SAAA;AAAA,QACT,SAAA,EAAU,+CAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IAED,IAAA,KAAS,0BACRA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAI,MAAA,EAAQ,SAAA,EAAU,+BACtB,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA,EAAI,SAAA;AAAA,QACJ,WAAA,EAAU,OAAA;AAAA,QACV,SAAA,EAAWC,mBAAA;AAAA,UACTC,8BAAA,CAAc,EAAE,UAAA,EAAY,IAAA,EAAM,MAAM,EAAA,EAAI,EAAA,IAAM,SAAS,CAAA;AAAA,UAC3D;AAAA,SACF;AAAA,QACA,cAAA,EAAc,WAAA;AAAA,QACd,kBAAA,EAAkB,WAAA;AAAA,QACjB,GAAG;AAAA;AAAA,KACN;AAAA,IACC,YAAA,IAAgB,eAAe,OAAA,oBAC9BF,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAU,iDAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,SAAA,CAAU,WAAA,GAAc,OAAA;ACpKjB,IAAM,KAAA,GAAQ,CAAC,KAAA,KAAsB;AAC1C,EAAA,uBAAOA,cAAAA,CAAC,SAAA,EAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAC/B;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-PTU5ZAYX.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}

package/dist/chunk-QKO5DA4N.mjs

@@ -0,0 +1,81 @@
+import { useState, useCallback, useEffect, useMemo } from 'react';
+
+// src/hooks/useVirtualList/useVirtualList.ts
+function useVirtualList({
+  itemCount,
+  itemHeight,
+  overscan = 3
+}) {
+  const [container, setContainer] = useState(null);
+  const [scrollTop, setScrollTop] = useState(0);
+  const [viewportHeight, setViewportHeight] = useState(0);
+  const setContainerRef = useCallback((node) => {
+    setContainer(node);
+  }, []);
+  useEffect(() => {
+    if (container == null) {
+      return;
+    }
+    const onScroll = () => {
+      setScrollTop(container.scrollTop);
+    };
+    const measure = () => {
+      setViewportHeight(container.clientHeight);
+    };
+    measure();
+    onScroll();
+    container.addEventListener("scroll", onScroll, { passive: true });
+    let observer;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(measure);
+      observer.observe(container);
+    }
+    return () => {
+      container.removeEventListener("scroll", onScroll);
+      observer?.disconnect();
+    };
+  }, [container]);
+  const safeItemCount = Math.max(0, Math.floor(itemCount));
+  const safeItemHeight = Math.max(1, itemHeight);
+  const safeOverscan = Math.max(0, Math.floor(overscan));
+  const totalHeight = safeItemCount * safeItemHeight;
+  const startIndex = safeItemCount === 0 ? 0 : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);
+  const endIndex = safeItemCount === 0 ? -1 : Math.min(
+    safeItemCount - 1,
+    Math.ceil((scrollTop + viewportHeight) / safeItemHeight) - 1 + safeOverscan
+  );
+  const virtualItems = useMemo(() => {
+    const items = [];
+    for (let index = startIndex; index <= endIndex; index += 1) {
+      items.push({
+        index,
+        start: index * safeItemHeight,
+        size: safeItemHeight
+      });
+    }
+    return items;
+  }, [endIndex, safeItemHeight, startIndex]);
+  const scrollToIndex = useCallback(
+    (index) => {
+      if (container == null || safeItemCount === 0) {
+        return;
+      }
+      const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);
+      container.scrollTop = clamped * safeItemHeight;
+      setScrollTop(container.scrollTop);
+    },
+    [container, safeItemCount, safeItemHeight]
+  );
+  return {
+    setContainerRef,
+    virtualItems,
+    totalHeight,
+    startIndex,
+    endIndex,
+    scrollToIndex
+  };
+}
+
+export { useVirtualList };
+//# sourceMappingURL=chunk-QKO5DA4N.mjs.map
+//# sourceMappingURL=chunk-QKO5DA4N.mjs.map

package/dist/chunk-QKO5DA4N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useVirtualList/useVirtualList.ts"],"names":[],"mappings":"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","file":"chunk-QKO5DA4N.mjs","sourcesContent":["\"use client\";\n\nimport type { RefCallback } from \"react\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nexport type VirtualItem = {\n  /** Index into your data array. */\n  index: number;\n  /** Offset from the top of the scroll content in pixels (use for `translateY` / `top`). */\n  start: number;\n  /** Row height in pixels. */\n  size: number;\n};\n\nexport type UseVirtualListParams = {\n  /** Total number of rows in the list. */\n  itemCount: number;\n  /** Fixed height of every row in pixels (must be > 0). */\n  itemHeight: number;\n  /** Extra rows rendered above and below the viewport (default `3`). */\n  overscan?: number;\n};\n\nexport type UseVirtualListResult = {\n  /** Callback ref for the scrollable container (needs `overflow-y: auto` and a bounded height). */\n  setContainerRef: RefCallback<HTMLElement>;\n  /** The rows to render, each with its absolute `start` offset. */\n  virtualItems: VirtualItem[];\n  /** Height of the full list content; set it on an inner spacer element. */\n  totalHeight: number;\n  /** First rendered index (after overscan). */\n  startIndex: number;\n  /** Last rendered index (after overscan), `-1` when empty. */\n  endIndex: number;\n  /** Scroll the container so the given row is at the top. */\n  scrollToIndex: (index: number) => void;\n};\n\n/**\n * Headless fixed-height list virtualization: renders only the rows visible in the\n * scroll container (plus `overscan`), so lists of tens of thousands of rows stay cheap.\n *\n * Markup recipe: outer container gets `setContainerRef` + `overflow-y: auto` and a height;\n * inside it, one relative spacer div with `height: totalHeight`; each virtual item is\n * absolutely positioned at `translateY(item.start)` with `height: item.size`.\n *\n * Viewport size tracks `ResizeObserver` (when available) and scroll position tracks a\n * passive `scroll` listener. For variable-height rows, reach for a dedicated virtualizer.\n *\n * @param params - {@link UseVirtualListParams}\n * @returns {@link UseVirtualListResult}\n */\nexport function useVirtualList({\n  itemCount,\n  itemHeight,\n  overscan = 3,\n}: UseVirtualListParams): UseVirtualListResult {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [viewportHeight, setViewportHeight] = useState(0);\n\n  const setContainerRef = useCallback((node: HTMLElement | null) => {\n    setContainer(node);\n  }, []);\n\n  useEffect(() => {\n    if (container == null) {\n      return;\n    }\n    const onScroll = () => {\n      setScrollTop(container.scrollTop);\n    };\n    const measure = () => {\n      setViewportHeight(container.clientHeight);\n    };\n    measure();\n    onScroll();\n    container.addEventListener(\"scroll\", onScroll, { passive: true });\n    let observer: ResizeObserver | undefined;\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(measure);\n      observer.observe(container);\n    }\n    return () => {\n      container.removeEventListener(\"scroll\", onScroll);\n      observer?.disconnect();\n    };\n  }, [container]);\n\n  const safeItemCount = Math.max(0, Math.floor(itemCount));\n  const safeItemHeight = Math.max(1, itemHeight);\n  const safeOverscan = Math.max(0, Math.floor(overscan));\n\n  const totalHeight = safeItemCount * safeItemHeight;\n  const startIndex =\n    safeItemCount === 0\n      ? 0\n      : Math.max(0, Math.floor(scrollTop / safeItemHeight) - safeOverscan);\n  const endIndex =\n    safeItemCount === 0\n      ? -1\n      : Math.min(\n          safeItemCount - 1,\n          Math.ceil((scrollTop + viewportHeight) / safeItemHeight) -\n            1 +\n            safeOverscan,\n        );\n\n  const virtualItems = useMemo(() => {\n    const items: VirtualItem[] = [];\n    for (let index = startIndex; index <= endIndex; index += 1) {\n      items.push({\n        index,\n        start: index * safeItemHeight,\n        size: safeItemHeight,\n      });\n    }\n    return items;\n  }, [endIndex, safeItemHeight, startIndex]);\n\n  const scrollToIndex = useCallback(\n    (index: number) => {\n      if (container == null || safeItemCount === 0) {\n        return;\n      }\n      const clamped = Math.min(Math.max(index, 0), safeItemCount - 1);\n      container.scrollTop = clamped * safeItemHeight;\n      setScrollTop(container.scrollTop);\n    },\n    [container, safeItemCount, safeItemHeight],\n  );\n\n  return {\n    setContainerRef,\n    virtualItems,\n    totalHeight,\n    startIndex,\n    endIndex,\n    scrollToIndex,\n  };\n}\n"]}

package/dist/chunk-T7PIKDUZ.js

@@ -0,0 +1,130 @@
+'use strict';
+
+var chunkKOIXQXZB_js = require('./chunk-KOIXQXZB.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function resolveCheckboxState(checked, indeterminate) {
+  if (indeterminate) {
+    return "indeterminate";
+  }
+  return checked ? "checked" : "unchecked";
+}
+function CheckboxBase(props) {
+  const {
+    className,
+    rootClassName,
+    controlClassName,
+    indicatorClassName,
+    appearance,
+    size,
+    checked,
+    defaultChecked = false,
+    indeterminate,
+    onCheckedChange,
+    disabled,
+    children,
+    label,
+    id,
+    ref,
+    "aria-label": ariaLabel,
+    ...rest
+  } = props;
+  const generatedId = react.useId();
+  const controlId = id ?? generatedId;
+  const isControlled = checked !== void 0;
+  const [uncontrolled, setUncontrolled] = react.useState(defaultChecked);
+  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;
+  const state = resolveCheckboxState(resolvedChecked, indeterminate);
+  const labelContent = label ?? children;
+  const hasVisibleLabel = labelContent !== void 0 && labelContent !== null && labelContent !== false;
+  const setChecked = react.useCallback(
+    (next) => {
+      if (!isControlled) {
+        setUncontrolled(next);
+      }
+      onCheckedChange?.(next);
+    },
+    [isControlled, onCheckedChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      className: chunkZS5756ZC_js.cn(chunkKOIXQXZB_js.checkboxRootVariants({ size }), rootClassName, className),
+      "data-disabled": disabled ? "true" : void 0,
+      "data-state": state,
+      htmlFor: controlId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id: controlId,
+            type: "checkbox",
+            "data-slot": "checkbox",
+            className: "peer sr-only",
+            checked: resolvedChecked,
+            disabled,
+            "aria-checked": indeterminate ? "mixed" : resolvedChecked,
+            "aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Checkbox"),
+            onChange: (event) => setChecked(event.currentTarget.checked),
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: chunkZS5756ZC_js.cn(
+              chunkKOIXQXZB_js.checkboxControlVariants({ appearance, size }),
+              controlClassName
+            ),
+            "data-slot": "checkbox-control",
+            children: state === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: chunkZS5756ZC_js.cn(
+                  chunkKOIXQXZB_js.checkboxIndicatorVariants({ size }),
+                  indicatorClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8H12.5", strokeWidth: "2.4", strokeLinecap: "round" })
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                fill: "none",
+                className: chunkZS5756ZC_js.cn(
+                  chunkKOIXQXZB_js.checkboxIndicatorVariants({ size }),
+                  indicatorClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3.2 8.4L6.5 11.5L12.8 4.5",
+                    strokeWidth: "2.2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        hasVisibleLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 leading-6", "data-slot": "checkbox-label", children: labelContent })
+      ]
+    }
+  );
+}
+CheckboxBase.displayName = "Checkbox";
+function Checkbox(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CheckboxBase, { ...props });
+}
+Checkbox.displayName = "Checkbox";
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-T7PIKDUZ.js.map
+//# sourceMappingURL=chunk-T7PIKDUZ.js.map

package/dist/chunk-T7PIKDUZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/checkbox/checkbox-base.tsx","../src/ui/checkbox/checkbox.tsx"],"names":["useId","useState","useCallback","jsxs","cn","checkboxRootVariants","jsx","checkboxControlVariants","checkboxIndicatorVariants"],"mappings":"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","file":"chunk-T7PIKDUZ.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { CheckboxProps, CheckboxState } from \"./types\";\nimport {\n  checkboxControlVariants,\n  checkboxIndicatorVariants,\n  checkboxRootVariants,\n} from \"./variants\";\n\nfunction resolveCheckboxState(\n  checked: boolean,\n  indeterminate: boolean | undefined,\n): CheckboxState {\n  if (indeterminate) {\n    return \"indeterminate\";\n  }\n  return checked ? \"checked\" : \"unchecked\";\n}\n\nexport function CheckboxBase(props: CheckboxProps) {\n  const {\n    className,\n    rootClassName,\n    controlClassName,\n    indicatorClassName,\n    appearance,\n    size,\n    checked,\n    defaultChecked = false,\n    indeterminate,\n    onCheckedChange,\n    disabled,\n    children,\n    label,\n    id,\n    ref,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const generatedId = useId();\n  const controlId = id ?? generatedId;\n  const isControlled = checked !== undefined;\n  const [uncontrolled, setUncontrolled] = useState(defaultChecked);\n  const resolvedChecked = isControlled ? Boolean(checked) : uncontrolled;\n  const state = resolveCheckboxState(resolvedChecked, indeterminate);\n  const labelContent = label ?? children;\n  const hasVisibleLabel =\n    labelContent !== undefined &&\n    labelContent !== null &&\n    labelContent !== false;\n\n  const setChecked = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolled(next);\n      }\n      onCheckedChange?.(next);\n    },\n    [isControlled, onCheckedChange],\n  );\n\n  return (\n    <label\n      className={cn(checkboxRootVariants({ size }), rootClassName, className)}\n      data-disabled={disabled ? \"true\" : undefined}\n      data-state={state}\n      htmlFor={controlId}\n    >\n      <input\n        ref={ref}\n        id={controlId}\n        type=\"checkbox\"\n        data-slot=\"checkbox\"\n        className=\"peer sr-only\"\n        checked={resolvedChecked}\n        disabled={disabled}\n        aria-checked={indeterminate ? \"mixed\" : resolvedChecked}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Checkbox\")}\n        onChange={(event) => setChecked(event.currentTarget.checked)}\n        {...rest}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          checkboxControlVariants({ appearance, size }),\n          controlClassName,\n        )}\n        data-slot=\"checkbox-control\"\n      >\n        {state === \"indeterminate\" ? (\n          <svg\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              indicatorClassName,\n            )}\n          >\n            <path d=\"M3.5 8H12.5\" strokeWidth=\"2.4\" strokeLinecap=\"round\" />\n          </svg>\n        ) : (\n          <svg\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            className={cn(\n              checkboxIndicatorVariants({ size }),\n              indicatorClassName,\n            )}\n          >\n            <path\n              d=\"M3.2 8.4L6.5 11.5L12.8 4.5\"\n              strokeWidth=\"2.2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        )}\n      </span>\n      {hasVisibleLabel && (\n        <span className=\"min-w-0 leading-6\" data-slot=\"checkbox-label\">\n          {labelContent}\n        </span>\n      )}\n    </label>\n  );\n}\n\nCheckboxBase.displayName = \"Checkbox\";\n","import { CheckboxBase } from \"./checkbox-base\";\nimport type { CheckboxProps } from \"./types\";\n\nexport function Checkbox(props: CheckboxProps) {\n  return <CheckboxBase {...props} />;\n}\n\nCheckbox.displayName = \"Checkbox\";\n"]}

package/dist/chunk-TDK5TVJE.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-TDK5TVJE.mjs.map
+//# sourceMappingURL=chunk-TDK5TVJE.mjs.map

package/dist/chunk-TDK5TVJE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-TDK5TVJE.mjs"}

package/dist/{chunk-NZSZE36T.js → chunk-TJ2EWPER.js}

@@ -1,30 +1,32 @@
 'use strict';
 
 var chunkFBUY6K6S_js = require('./chunk-FBUY6K6S.js');
+var chunkY7BU5RC4_js = require('./chunk-Y7BU5RC4.js');
+var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
 var chunkUSLNTKVQ_js = require('./chunk-USLNTKVQ.js');
 var chunkD7ATXPVI_js = require('./chunk-D7ATXPVI.js');
 var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
 var chunk3MK7CWEX_js = require('./chunk-3MK7CWEX.js');
+var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
+var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
 var chunk3EJCQXGV_js = require('./chunk-3EJCQXGV.js');
 var chunk6KVTKYTB_js = require('./chunk-6KVTKYTB.js');
 var chunkL7W4NRK6_js = require('./chunk-L7W4NRK6.js');
 var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
 var chunkOH5VOGNW_js = require('./chunk-OH5VOGNW.js');
-var chunkY7BU5RC4_js = require('./chunk-Y7BU5RC4.js');
-var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
+var chunkWGN2CBG6_js = require('./chunk-WGN2CBG6.js');
+var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
 var chunkUG3GF2BD_js = require('./chunk-UG3GF2BD.js');
 var chunkBZTAA3MK_js = require('./chunk-BZTAA3MK.js');
 var chunkPZ25OHJE_js = require('./chunk-PZ25OHJE.js');
 var chunkHOOZYA4N_js = require('./chunk-HOOZYA4N.js');
 var chunkCJCOURVM_js = require('./chunk-CJCOURVM.js');
-var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
-var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
+var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
 var chunk3CYJQ6KF_js = require('./chunk-3CYJQ6KF.js');
 var chunk3453DQNL_js = require('./chunk-3453DQNL.js');
 var chunkDYSXCJGL_js = require('./chunk-DYSXCJGL.js');
 var chunkA7MU6SFI_js = require('./chunk-A7MU6SFI.js');
-var chunkWGN2CBG6_js = require('./chunk-WGN2CBG6.js');
-var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
+var chunkNYO3W5GY_js = require('./chunk-NYO3W5GY.js');
 var chunkHNRCPZCK_js = require('./chunk-HNRCPZCK.js');
 var chunkJ2SUGU3X_js = require('./chunk-J2SUGU3X.js');
 var chunkJ5NTJVKX_js = require('./chunk-J5NTJVKX.js');
@@ -32,14 +34,13 @@ var chunkUQQHB3OI_js = require('./chunk-UQQHB3OI.js');
 var chunkBBM4BKSN_js = require('./chunk-BBM4BKSN.js');
 var chunkY5JAQEBF_js = require('./chunk-Y5JAQEBF.js');
 var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
-var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
 var chunkYPYPWALR_js = require('./chunk-YPYPWALR.js');
 var chunkPP3L6M62_js = require('./chunk-PP3L6M62.js');
 var chunkBJDT7P2I_js = require('./chunk-BJDT7P2I.js');
+var chunkPG7LQVU6_js = require('./chunk-PG7LQVU6.js');
 var chunkNFUOJMNI_js = require('./chunk-NFUOJMNI.js');
 var chunkUT6QG35L_js = require('./chunk-UT6QG35L.js');
 var chunkIR5SJ7AQ_js = require('./chunk-IR5SJ7AQ.js');
-var chunkNYO3W5GY_js = require('./chunk-NYO3W5GY.js');
 var chunkPZ5AY32C_js = require('./chunk-PZ5AY32C.js');
 
 // src/design-system/index.ts
@@ -63,6 +64,14 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
   zuiAnimatedNumberAppearance: () => chunkNFUOJMNI_js.zuiAnimatedNumberAppearance,
   zuiAnimatedNumberBase: () => chunkNFUOJMNI_js.zuiAnimatedNumberBase,
   zuiAnimatedNumberSize: () => chunkNFUOJMNI_js.zuiAnimatedNumberSize,
+  zuiAudioPlayerAppearances: () => chunkPG7LQVU6_js.zuiAudioPlayerAppearances,
+  zuiAudioPlayerBarBase: () => chunkPG7LQVU6_js.zuiAudioPlayerBarBase,
+  zuiAudioPlayerBase: () => chunkPG7LQVU6_js.zuiAudioPlayerBase,
+  zuiAudioPlayerShapes: () => chunkPG7LQVU6_js.zuiAudioPlayerShapes,
+  zuiAudioPlayerSizes: () => chunkPG7LQVU6_js.zuiAudioPlayerSizes,
+  zuiAudioPlayerTimeBase: () => chunkPG7LQVU6_js.zuiAudioPlayerTimeBase,
+  zuiAudioPlayerTrackBase: () => chunkPG7LQVU6_js.zuiAudioPlayerTrackBase,
+  zuiAudioPlayerTrackSizes: () => chunkPG7LQVU6_js.zuiAudioPlayerTrackSizes,
   zuiAvatarAppearances: () => chunkUT6QG35L_js.zuiAvatarAppearances,
   zuiAvatarBase: () => chunkUT6QG35L_js.zuiAvatarBase,
   zuiAvatarFallbackBase: () => chunkUT6QG35L_js.zuiAvatarFallbackBase,
@@ -145,6 +154,13 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
   zuiCopyButtonIconOnlySizes: () => chunk7DVECOO7_js.zuiCopyButtonIconOnlySizes,
   zuiCopyButtonSizes: () => chunk7DVECOO7_js.zuiCopyButtonSizes,
   zuiCssVariablePattern: () => chunkYPYPWALR_js.zuiCssVariablePattern,
+  zuiDataTableColumnPanelBase: () => zuiDataTableColumnPanelBase,
+  zuiDataTableRootBase: () => zuiDataTableRootBase,
+  zuiDataTableStateCellBase: () => zuiDataTableStateCellBase,
+  zuiDataTableStatusBase: () => zuiDataTableStatusBase,
+  zuiDataTableToolbarBase: () => zuiDataTableToolbarBase,
+  zuiDataTableToolbarGroupBase: () => zuiDataTableToolbarGroupBase,
+  zuiDataTableVirtualScrollBase: () => zuiDataTableVirtualScrollBase,
   zuiDisabledState: () => chunkYPYPWALR_js.zuiDisabledState,
   zuiDividerAppearances: () => chunkKJMW7S5X_js.zuiDividerAppearances,
   zuiDividerBase: () => chunkKJMW7S5X_js.zuiDividerBase,
@@ -445,6 +461,15 @@ var zuiButtonSizes = {
   icon: "h-10 w-10"
 };
 
+// src/design-system/data-table.ts
+var zuiDataTableRootBase = "w-full space-y-3 text-[color:var(--zui-data-table-fg,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-data-table-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]";
+var zuiDataTableToolbarBase = "flex flex-col gap-3 rounded-lg border border-[color:var(--zui-data-table-toolbar-border,var(--zui-border,#0000001a))] bg-[var(--zui-data-table-toolbar-bg,var(--zui-surface,#ffffff))] p-3 dark:border-[color:var(--zui-data-table-toolbar-border-dark,var(--zui-border-dark,#ffffff1a))] dark:bg-[var(--zui-data-table-toolbar-bg-dark,var(--zui-surface-dark,#020617))] sm:flex-row sm:items-center sm:justify-between";
+var zuiDataTableToolbarGroupBase = "flex min-w-0 flex-wrap items-center gap-2";
+var zuiDataTableColumnPanelBase = "absolute right-0 z-20 mt-2 grid min-w-48 gap-2 rounded-lg border border-[color:var(--zui-data-table-column-panel-border,var(--zui-border,#0000001a))] bg-[var(--zui-data-table-column-panel-bg,var(--zui-surface,#ffffff))] p-3 shadow-lg shadow-black/10 dark:border-[color:var(--zui-data-table-column-panel-border-dark,var(--zui-border-dark,#ffffff1a))] dark:bg-[var(--zui-data-table-column-panel-bg-dark,var(--zui-surface-dark,#020617))] dark:shadow-black/40";
+var zuiDataTableStatusBase = "text-sm text-[color:var(--zui-data-table-muted-fg,var(--zui-muted-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-data-table-muted-fg-dark,var(--zui-muted-fg-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiDataTableStateCellBase = "p-8 text-center text-[color:var(--zui-data-table-state-fg,var(--zui-muted-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-data-table-state-fg-dark,var(--zui-muted-fg-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiDataTableVirtualScrollBase = "overflow-auto rounded-lg border border-[color:var(--zui-data-table-virtual-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-data-table-virtual-border-dark,var(--zui-border-dark,#ffffff1a))]";
+
 // src/design-system/dynamic-stepper.ts
 var zuiDynamicStepperIndicatorToneClasses = {
   default: {
@@ -656,6 +681,13 @@ exports.design_system_exports = design_system_exports;
 exports.zuiButtonAppearances = zuiButtonAppearances;
 exports.zuiButtonBase = zuiButtonBase;
 exports.zuiButtonSizes = zuiButtonSizes;
+exports.zuiDataTableColumnPanelBase = zuiDataTableColumnPanelBase;
+exports.zuiDataTableRootBase = zuiDataTableRootBase;
+exports.zuiDataTableStateCellBase = zuiDataTableStateCellBase;
+exports.zuiDataTableStatusBase = zuiDataTableStatusBase;
+exports.zuiDataTableToolbarBase = zuiDataTableToolbarBase;
+exports.zuiDataTableToolbarGroupBase = zuiDataTableToolbarGroupBase;
+exports.zuiDataTableVirtualScrollBase = zuiDataTableVirtualScrollBase;
 exports.zuiDynamicStepperIndicatorBase = zuiDynamicStepperIndicatorBase;
 exports.zuiDynamicStepperIndicatorSizes = zuiDynamicStepperIndicatorSizes;
 exports.zuiDynamicStepperIndicatorToneClasses = zuiDynamicStepperIndicatorToneClasses;
@@ -670,5 +702,5 @@ exports.zuiPaginationEllipsisSizes = zuiPaginationEllipsisSizes;
 exports.zuiPaginationListAppearances = zuiPaginationListAppearances;
 exports.zuiPaginationListBase = zuiPaginationListBase;
 exports.zuiPaginationListSizes = zuiPaginationListSizes;
-//# sourceMappingURL=chunk-NZSZE36T.js.map
-//# sourceMappingURL=chunk-NZSZE36T.js.map
+//# sourceMappingURL=chunk-TJ2EWPER.js.map
+//# sourceMappingURL=chunk-TJ2EWPER.js.map