@alfadocs/ui-kit 0.1.10 → 0.2.0

package/dist/_chunks/{skeleton-dtqyF09N.js → skeleton-CZbwyJAA.js}

@@ -55,7 +55,10 @@ const z = f(
     className: d,
     ...n
   }, o) => {
-    const t = a !== void 0 || e !== void 0 ? { ...a !== void 0 && { width: a }, ...e !== void 0 && { height: e } } : void 0, i = [
+    const t = a !== void 0 || e !== void 0 ? {
+      ...a !== void 0 && { width: a },
+      ...e !== void 0 && { height: e }
+    } : void 0, i = [
       z({ variant: c, size: u }),
       m && x
     ].filter(Boolean).join(" ");
@@ -65,7 +68,10 @@ const z = f(
         ref: o,
         "aria-hidden": "true",
         "data-component": "skeleton",
-        className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", d].filter(Boolean).join(" "),
+        className: [
+          "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          d
+        ].filter(Boolean).join(" "),
         style: t,
         ...n,
         children: Array.from({ length: s }, (h, l) => /* @__PURE__ */ r(
@@ -94,4 +100,4 @@ g.displayName = "Skeleton";
 export {
   g as S
 };
-//# sourceMappingURL=skeleton-dtqyF09N.js.map
+//# sourceMappingURL=skeleton-CZbwyJAA.js.map

package/dist/_chunks/{slider-CcsQTZTA.js → slider-BT2bZWsy.js}

@@ -1,13 +1,13 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { forwardRef as la, useState as ca, useCallback as ua, useRef as q, useMemo as ma } from "react";
-import * as h from "@radix-ui/react-slider";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { forwardRef as ca, useContext as ua, useState as ma, useCallback as pa, useRef as q, useMemo as fa } from "react";
+import * as g from "@radix-ui/react-slider";
 import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as pa } from "react-i18next";
-import { u as fa } from "./form-field-context-94LwgYTQ.js";
-import { u as ha } from "./use-direction-D6rvvG9G.js";
-import { c as va } from "./compose-refs-C0k0tdqF.js";
-import { u as ba } from "./registry-C9nwlNyL.js";
-const ga = {
+import { useTranslation as va } from "react-i18next";
+import { u as ha, F as ba } from "./form-field-context-B3APVHKx.js";
+import { u as ga } from "./use-direction-D6rvvG9G.js";
+import { c as xa } from "./compose-refs-C0k0tdqF.js";
+import { u as wa } from "./registry-C9nwlNyL.js";
+const ya = {
   id: "slider",
   capabilities: ["pick", "range_pick"],
   state: {
@@ -15,7 +15,7 @@ const ga = {
       type: "number[]",
       descriptionKey: "ui.agent.slider.state.value",
       description: "Current thumb values; length 1 for a single slider, length 2 for a range.",
-      read: (d) => d.getValue()
+      read: (l) => l.getValue()
     }
   },
   actions: {
@@ -24,8 +24,8 @@ const ga = {
       argsType: "{ value: number[] }",
       descriptionKey: "ui.agent.slider.actions.setValue",
       description: "Replace the thumb value(s). Pass a 1-tuple for single, 2-tuple for range.",
-      invoke: (d, v) => {
-        d.setValue(v.value);
+      invoke: (l, x) => {
+        l.setValue(x.value);
       }
     }
   },
@@ -41,7 +41,7 @@ const ga = {
       description: "Sourced from the id prop."
     }
   }
-}, wa = t(
+}, Va = t(
   [
     "ds:relative ds:flex ds:touch-none ds:select-none ds:items-center",
     "ds:data-[orientation=horizontal]:w-full",
@@ -58,19 +58,19 @@ const ga = {
     },
     defaultVariants: { size: "md" }
   }
-), xa = t(
+), za = t(
   [
     "ds:relative ds:grow ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted",
     "ds:data-[orientation=horizontal]:h-full",
     "ds:data-[orientation=vertical]:w-full"
   ].join(" ")
-), ya = t(
+), ka = t(
   [
     "ds:absolute ds:bg-primary ds:rounded-[var(--radius-full)]",
     "ds:data-[orientation=horizontal]:h-full",
     "ds:data-[orientation=vertical]:w-full"
   ].join(" ")
-), za = t(
+), Na = t(
   [
     "ds:group/thumb",
     "ds:relative ds:block ds:rounded-full",
@@ -91,7 +91,7 @@ const ga = {
     },
     defaultVariants: { size: "md" }
   }
-), Va = t("ds:absolute ds:rounded-full", {
+), Sa = t("ds:absolute ds:rounded-full", {
   variants: {
     size: {
       sm: "ds:-inset-[calc((var(--min-target-size)-1rem)/2)]",
@@ -100,7 +100,7 @@ const ga = {
     }
   },
   defaultVariants: { size: "md" }
-}), ka = t(
+}), Fa = t(
   "ds:absolute ds:flex ds:pointer-events-none ds:items-center ds:justify-center",
   {
     variants: {
@@ -111,7 +111,7 @@ const ga = {
     },
     defaultVariants: { orientation: "horizontal" }
   }
-), Na = t(
+), Ra = t(
   [
     "ds:whitespace-nowrap ds:bg-foreground ds:text-background",
     "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
@@ -132,7 +132,7 @@ const ga = {
     },
     defaultVariants: { orientation: "horizontal", alwaysShow: !1 }
   }
-), Sa = t("ds:absolute ds:pointer-events-none", {
+), La = t("ds:absolute ds:pointer-events-none", {
   variants: {
     orientation: {
       horizontal: "ds:start-0 ds:end-0 ds:top-full",
@@ -140,7 +140,7 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), Ra = t("ds:absolute ds:flex ds:items-center", {
+}), Ma = t("ds:absolute ds:flex ds:items-center", {
   variants: {
     orientation: {
       horizontal: "ds:flex-col ds:-translate-x-1/2 ds:rtl:translate-x-1/2",
@@ -148,7 +148,7 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), Ma = t("ds:bg-border", {
+}), ja = t("ds:bg-border", {
   variants: {
     orientation: {
       horizontal: "ds:w-px ds:h-1",
@@ -156,9 +156,9 @@ const ga = {
     }
   },
   defaultVariants: { orientation: "horizontal" }
-}), ja = t(
+}), Ta = t(
   "ds:text-muted-foreground type-meta ds:mt-[var(--spacing-xs)]"
-), La = t(
+), Ia = t(
   "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -171,103 +171,103 @@ const ga = {
   }
 ), K = t(
   "ds:text-muted-foreground type-meta ds:tabular-nums ds:shrink-0"
-), Ta = la((d, v) => {
+), Aa = ca((l, x) => {
   const {
-    value: u,
-    defaultValue: S,
-    marks: b,
-    minLabel: g,
-    maxLabel: w,
-    formatValue: C,
-    alwaysShowValue: E = !1,
-    step: H = 1,
-    largeStep: R = 10,
-    thumbLabels: m,
-    size: x = "md",
+    value: m,
+    defaultValue: L,
+    marks: w,
+    minLabel: y,
+    maxLabel: V,
+    formatValue: E,
+    alwaysShowValue: H = !1,
+    step: U = 1,
+    largeStep: M = 10,
+    thumbLabels: p,
+    size: z = "md",
     orientation: s = "horizontal",
-    min: n = 0,
-    max: y = 100,
-    disabled: U,
-    dir: W,
-    id: z,
-    className: _,
-    onValueChange: p,
+    min: d = 0,
+    max: k = 100,
+    disabled: W,
+    dir: _,
+    id: N,
+    className: O,
+    onValueChange: f,
     onValueCommit: r,
-    onKeyDown: V,
-    ...M
-  } = d, { t: j, i18n: L } = pa(), o = fa(), l = u !== void 0, [O, G] = ca(
-    u ?? S ?? [n]
-  ), c = l ? u : O, k = (a) => {
-    l || G(a), p == null || p(a);
-  }, T = !!(o.disabled || U), A = o.describedBy || void 0, J = z ?? o.id, Q = ua(
-    (a) => new Intl.NumberFormat(L.language).format(a),
-    [L.language]
-  ), D = C ?? Q, X = j("ui.inputs.slider.minLabel", "Minimum"), Y = j("ui.inputs.slider.maxLabel", "Maximum"), Z = M["aria-label"], aa = (a) => m != null && m[a] ? m[a] : c.length === 2 ? a === 0 ? X : Y : Z, ta = (a) => {
-    if (V == null || V(a), a.defaultPrevented || T || a.key !== "PageUp" && a.key !== "PageDown") return;
+    onKeyDown: S,
+    ...j
+  } = l, { t: F, i18n: T } = va(), i = ha(), G = ua(ba) !== null, c = m !== void 0, [J, Q] = ma(
+    m ?? L ?? [d]
+  ), u = c ? m : J, R = (a) => {
+    c || Q(a), f == null || f(a);
+  }, I = !!(i.disabled || W), A = i.describedBy || void 0, X = N ?? i.id, Y = pa(
+    (a) => new Intl.NumberFormat(T.language).format(a),
+    [T.language]
+  ), B = E ?? Y, Z = F("ui.inputs.slider.minLabel", "Minimum"), aa = F("ui.inputs.slider.maxLabel", "Maximum"), ta = j["aria-label"], ea = (a) => p != null && p[a] ? p[a] : u.length === 2 ? a === 0 ? Z : aa : ta, sa = (a) => {
+    if (S == null || S(a), a.defaultPrevented || I || a.key !== "PageUp" && a.key !== "PageDown") return;
     a.preventDefault();
-    const i = Array.from(
+    const n = Array.from(
       a.currentTarget.querySelectorAll('[role="slider"]')
-    ), N = Math.max(
+    ), o = Math.max(
       0,
-      i.indexOf(document.activeElement)
-    ), oa = a.key === "PageUp" ? R : -R, B = c.map(
-      ($, da) => da === N ? Math.max(n, Math.min(y, $ + oa)) : $
+      n.indexOf(document.activeElement)
+    ), v = a.key === "PageUp" ? M : -M, h = u.map(
+      (C, la) => la === o ? Math.max(d, Math.min(k, C + v)) : C
     );
-    k(B), r == null || r(B);
-  }, ea = y - n || 1, sa = (a) => (a - n) / ea * 100, F = q(null), ra = va(v, F), ia = ha(F), I = q(c);
-  I.current = c;
-  const na = ma(
+    R(h), r == null || r(h);
+  }, ra = k - d || 1, ia = (a) => (a - d) / ra * 100, D = q(null), na = xa(x, D), oa = ga(D), P = q(u);
+  P.current = u;
+  const da = fa(
     () => ({
-      getValue: () => I.current.slice(),
+      getValue: () => P.current.slice(),
       setValue: (a) => {
-        k(a), r == null || r(a);
+        R(a), r == null || r(a);
       }
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l, p, r]
+    [c, f, r]
   );
-  ba(ga, na, z);
-  const P = /* @__PURE__ */ f(
-    h.Root,
+  wa(ya, da, N);
+  const $ = /* @__PURE__ */ b(
+    g.Root,
     {
-      ref: ra,
-      id: J,
-      dir: W ?? ia,
+      ref: na,
+      id: X,
+      dir: _ ?? oa,
       orientation: s,
-      min: n,
-      max: y,
-      step: H,
-      disabled: T,
-      value: l ? u : void 0,
-      defaultValue: l ? void 0 : S ?? [n],
-      onValueChange: k,
+      min: d,
+      max: k,
+      step: U,
+      disabled: I,
+      value: c ? m : void 0,
+      defaultValue: c ? void 0 : L ?? [d],
+      onValueChange: R,
       onValueCommit: r,
-      onKeyDown: ta,
+      onKeyDown: sa,
       "aria-describedby": A,
-      "aria-invalid": o.invalid || void 0,
-      "aria-required": o.required || void 0,
-      className: wa({ size: x, className: _ }),
+      "aria-invalid": i.invalid || void 0,
+      "aria-required": i.required || void 0,
+      className: Va({ size: z, className: O }),
       "data-component": "slider",
-      "data-component-id": z,
-      ...M,
+      "data-component-id": N,
+      ...j,
       "aria-label": void 0,
       children: [
-        /* @__PURE__ */ e(h.Track, { className: xa(), children: /* @__PURE__ */ e(h.Range, { className: ya() }) }),
-        b && b.length > 0 ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(g.Track, { className: za(), children: /* @__PURE__ */ e(g.Range, { className: ka() }) }),
+        w && w.length > 0 ? /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            className: Sa({ orientation: s }),
-            children: b.map((a) => {
-              const i = sa(a.value), N = s === "vertical" ? { insetBlockEnd: `${i}%` } : { insetInlineStart: `${i}%` };
-              return /* @__PURE__ */ f(
+            className: La({ orientation: s }),
+            children: w.map((a) => {
+              const n = ia(a.value), o = s === "vertical" ? { insetBlockEnd: `${n}%` } : { insetInlineStart: `${n}%` };
+              return /* @__PURE__ */ b(
                 "span",
                 {
-                  className: Ra({ orientation: s }),
-                  style: N,
+                  className: Ma({ orientation: s }),
+                  style: o,
                   children: [
-                    /* @__PURE__ */ e("span", { className: Ma({ orientation: s }) }),
-                    a.label ? /* @__PURE__ */ e("span", { className: ja(), children: a.label }) : null
+                    /* @__PURE__ */ e("span", { className: ja({ orientation: s }) }),
+                    a.label ? /* @__PURE__ */ e("span", { className: Ta(), children: a.label }) : null
                   ]
                 },
                 `${a.value}-${a.label ?? ""}`
@@ -275,48 +275,52 @@ const ga = {
             })
           }
         ) : null,
-        c.map((a, i) => /* @__PURE__ */ f(
-          h.Thumb,
-          {
-            "aria-label": aa(i),
-            "aria-valuetext": D(a),
-            "aria-describedby": A,
-            "aria-invalid": o.invalid || void 0,
-            className: za({ size: x }),
-            children: [
-              /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Va({ size: x }) }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: ka({ orientation: s }),
-                  children: /* @__PURE__ */ e(
-                    "span",
-                    {
-                      className: Na({
-                        orientation: s,
-                        alwaysShow: E
-                      }),
-                      children: D(a)
-                    }
-                  )
-                }
-              )
-            ]
-          },
-          i
-        ))
+        u.map((a, n) => {
+          const o = ea(n), v = !o && G ? `${i.id}-label` : void 0, h = !o && !v ? F("ui.inputs.slider.value", "Value") : void 0;
+          return /* @__PURE__ */ b(
+            g.Thumb,
+            {
+              "aria-label": o ?? h,
+              "aria-labelledby": v,
+              "aria-valuetext": B(a),
+              "aria-describedby": A,
+              "aria-invalid": i.invalid || void 0,
+              className: Na({ size: z }),
+              children: [
+                /* @__PURE__ */ e("span", { "aria-hidden": "true", className: Sa({ size: z }) }),
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: Fa({ orientation: s }),
+                    children: /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: Ra({
+                          orientation: s,
+                          alwaysShow: H
+                        }),
+                        children: B(a)
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            n
+          );
+        })
       ]
     }
   );
-  return g !== void 0 || w !== void 0 ? /* @__PURE__ */ f("div", { className: La({ orientation: s }), children: [
-    g !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: g }) : null,
-    P,
-    w !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: w }) : null
-  ] }) : P;
+  return y !== void 0 || V !== void 0 ? /* @__PURE__ */ b("div", { className: Ia({ orientation: s }), children: [
+    y !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: y }) : null,
+    $,
+    V !== void 0 ? /* @__PURE__ */ e("span", { className: K(), children: V }) : null
+  ] }) : $;
 });
-Ta.displayName = "Slider";
+Aa.displayName = "Slider";
 export {
-  Ta as S
+  Aa as S
 };
-//# sourceMappingURL=slider-CcsQTZTA.js.map
+//# sourceMappingURL=slider-BT2bZWsy.js.map