@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{collapsible.agent-DkS1jVyn.js → collapsible-CuxUBoHJ.js}

@@ -1,96 +1,9 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as p, useState as y, useRef as C, useCallback as k, useImperativeHandle as w, useEffect as x } from "react";
-import * as b from "@radix-ui/react-collapsible";
-import { a as h, c as N } from "./index-D2ZczOXr.js";
-const R = N("", {
-  variants: {
-    variant: {
-      default: "",
-      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
-      minimal: "ds:forced-colors:[border-block-end:1px_solid]"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), T = [
-  "ds:overflow-hidden",
-  "ds:transition-[block-size]",
-  "ds:duration-[var(--animation-duration)]",
-  "ds:ease-out",
-  "ds:motion-reduce:transition-none",
-  "ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
-  "ds:data-[state=closed]:[block-size:0]"
-].join(" "), K = p(
-  ({
-    variant: e,
-    className: t,
-    children: s,
-    open: o,
-    defaultOpen: i,
-    onOpenChange: a,
-    ...u
-  }, f) => {
-    const n = o !== void 0, [g, v] = y(
-      !!i
-    ), r = n ? !!o : g, d = C(r);
-    d.current = r;
-    const l = k(
-      (m) => {
-        n || v(m), a == null || a(m);
-      },
-      [n, a]
-    );
-    return w(
-      f,
-      () => ({
-        isOpen: () => d.current,
-        toggle: () => l(!d.current),
-        open: () => l(!0),
-        close: () => l(!1)
-      }),
-      [l]
-    ), /* @__PURE__ */ c(
-      b.Root,
-      {
-        open: r,
-        onOpenChange: l,
-        className: R({ variant: e, className: t }),
-        "data-component": "collapsible",
-        "data-component-id": u.id,
-        ...u,
-        children: s
-      }
-    );
-  }
-);
-K.displayName = "Collapsible";
-const O = p(
-  ({ asChild: e = !1, children: t, ...s }, o) => /* @__PURE__ */ c(b.Trigger, { ref: o, asChild: e, ...s, children: t })
-);
-O.displayName = "CollapsibleTrigger";
-const z = p(
-  ({
-    className: e,
-    children: t,
-    "aria-labelledby": s,
-    "aria-label": o,
-    ...i
-  }, a) => (x(() => {
-  }, []), /* @__PURE__ */ c(
-    b.Content,
-    {
-      ref: a,
-      "aria-labelledby": s,
-      "aria-label": o,
-      className: h(T, e),
-      ...i,
-      children: t
-    }
-  ))
-);
-z.displayName = "CollapsibleContent";
-const E = {
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as b, useState as C, useRef as k, useCallback as w, useMemo as x, useEffect as h } from "react";
+import * as u from "@radix-ui/react-collapsible";
+import { a as R, c as N } from "./index-D2ZczOXr.js";
+import { u as T } from "./registry-C9nwlNyL.js";
+const K = {
   id: "collapsible",
   capabilities: ["expand"],
   state: {
@@ -139,11 +52,96 @@ const E = {
       description: "Sourced from the id prop."
     }
   }
-};
+}, O = N("", {
+  variants: {
+    variant: {
+      default: "",
+      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      minimal: "ds:forced-colors:[border-block-end:1px_solid]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), z = [
+  "ds:overflow-hidden",
+  "ds:transition-[block-size]",
+  "ds:duration-[var(--animation-duration)]",
+  "ds:ease-out",
+  "ds:motion-reduce:transition-none",
+  "ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
+  "ds:data-[state=closed]:[block-size:0]"
+].join(" "), j = b(
+  ({
+    variant: e,
+    className: t,
+    children: s,
+    open: o,
+    defaultOpen: l,
+    onOpenChange: a,
+    ...n
+  }, f) => {
+    const r = o !== void 0, [g, v] = C(
+      !!l
+    ), d = r ? !!o : g, c = k(d);
+    c.current = d;
+    const i = w(
+      (m) => {
+        r || v(m), a == null || a(m);
+      },
+      [r, a]
+    ), y = x(
+      () => ({
+        isOpen: () => c.current,
+        toggle: () => i(!c.current),
+        open: () => i(!0),
+        close: () => i(!1)
+      }),
+      [i]
+    );
+    return T(K, y, n.id), /* @__PURE__ */ p(
+      u.Root,
+      {
+        ref: f,
+        open: d,
+        onOpenChange: i,
+        className: O({ variant: e, className: t }),
+        "data-component": "collapsible",
+        "data-component-id": n.id,
+        ...n,
+        children: s
+      }
+    );
+  }
+);
+j.displayName = "Collapsible";
+const A = b(({ asChild: e = !1, children: t, ...s }, o) => /* @__PURE__ */ p(u.Trigger, { ref: o, asChild: e, ...s, children: t }));
+A.displayName = "CollapsibleTrigger";
+const B = b(
+  ({
+    className: e,
+    children: t,
+    "aria-labelledby": s,
+    "aria-label": o,
+    ...l
+  }, a) => (h(() => {
+  }, []), /* @__PURE__ */ p(
+    u.Content,
+    {
+      ref: a,
+      "aria-labelledby": s,
+      "aria-label": o,
+      className: R(z, e),
+      ...l,
+      children: t
+    }
+  ))
+);
+B.displayName = "CollapsibleContent";
 export {
-  K as C,
-  z as a,
-  O as b,
-  E as c
+  j as C,
+  B as a,
+  A as b,
+  K as c
 };
-//# sourceMappingURL=collapsible.agent-DkS1jVyn.js.map
+//# sourceMappingURL=collapsible-CuxUBoHJ.js.map

package/dist/_chunks/{color-picker-94qcBZqZ.js → color-picker-CTIcHlDF.js}

@@ -3,8 +3,8 @@ import { forwardRef as $e, useId as Ne, useState as M, useMemo as z, useCallback
 import * as E from "@radix-ui/react-popover";
 import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as Pe } from "react-i18next";
-import { u as Ae } from "./form-field-context-94LwgYTQ.js";
-import { S as re } from "./slider-CcsQTZTA.js";
+import { u as Ae } from "./form-field-context-B3APVHKx.js";
+import { S as re } from "./slider-BT2bZWsy.js";
 import { u as Me } from "./registry-C9nwlNyL.js";
 import { C as ne } from "./check-DPdL_Sm7.js";
 import { X as Se } from "./x-CCcI3eJp.js";
@@ -328,7 +328,10 @@ const Re = [
           f = Math.floor(p / u) * u;
           break;
         case "End":
-          f = Math.min(Math.floor(p / u) * u + u - 1, l - 1);
+          f = Math.min(
+            Math.floor(p / u) * u + u - 1,
+            l - 1
+          );
           break;
         case "PageUp":
           f = p % u;
@@ -363,40 +366,62 @@ const Re = [
       if (!s) return null;
       const l = Le(o, s);
       return { ratio: l, aa: ze(l), aaa: Ee(l) };
-    }, [b, o]), be = /* @__PURE__ */ d(
-      "div",
-      {
-        ref: Y,
-        role: "grid",
-        "aria-label": g("ui.inputs.colorPicker.paletteLabel", "Colour swatches"),
-        onKeyDown: ge,
-        className: "ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]",
-        children: A.map((s, l) => {
-          const f = Math.floor(l / u) * u;
-          return l === f ? /* @__PURE__ */ d("div", { role: "row", className: "ds:contents", children: A.slice(f, f + u).map((y, ke) => {
-            const Z = f + ke, H = y.hex.toLowerCase() === U.toLowerCase();
-            return /* @__PURE__ */ d(
-              "div",
-              {
-                role: "gridcell",
-                "aria-selected": H,
-                "aria-label": g("ui.inputs.colorPicker.swatchLabel", { name: y.name, hex: y.hex }),
-                tabIndex: Z === p ? 0 : -1,
-                onClick: () => {
-                  x || (v(G(y.hex)), q(Z));
-                },
-                className: He({ selected: H }),
-                style: { "--swatch-bg": y.hex },
-                children: H ? /* @__PURE__ */ d(ne, { "aria-hidden": "true", className: "ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference" }) : null
-              },
-              y.hex
-            );
-          }) }, l) : null;
-        })
-      }
+    }, [b, o]), be = (
+      // eslint-disable-next-line jsx-a11y/interactive-supports-focus -- inner gridcells are individually focusable via roving tabindex
+      /* @__PURE__ */ d(
+        "div",
+        {
+          ref: Y,
+          role: "grid",
+          "aria-label": g("ui.inputs.colorPicker.paletteLabel", "Colour swatches"),
+          onKeyDown: ge,
+          className: "ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]",
+          children: A.map((s, l) => {
+            const f = Math.floor(l / u) * u;
+            return l === f ? /* @__PURE__ */ d("div", { role: "row", className: "ds:contents", children: A.slice(f, f + u).map((y, ke) => {
+              const Z = f + ke, H = y.hex.toLowerCase() === U.toLowerCase();
+              return (
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- parent grid handles keyboard navigation via onKeyDown
+                /* @__PURE__ */ d(
+                  "div",
+                  {
+                    role: "gridcell",
+                    "aria-selected": H,
+                    "aria-label": g("ui.inputs.colorPicker.swatchLabel", {
+                      name: y.name,
+                      hex: y.hex
+                    }),
+                    tabIndex: Z === p ? 0 : -1,
+                    onClick: () => {
+                      x || (v(G(y.hex)), q(Z));
+                    },
+                    className: He({ selected: H }),
+                    style: { "--swatch-bg": y.hex },
+                    children: H ? /* @__PURE__ */ d(
+                      ne,
+                      {
+                        "aria-hidden": "true",
+                        className: "ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference"
+                      }
+                    ) : null
+                  },
+                  y.hex
+                )
+              );
+            }) }, l) : null;
+          })
+        }
+      )
     ), Ce = P ? null : /* @__PURE__ */ h(we, { children: [
       /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-        /* @__PURE__ */ d("label", { htmlFor: `${w}-hex`, className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: g("ui.inputs.colorPicker.hex", "Hex") }),
+        /* @__PURE__ */ d(
+          "label",
+          {
+            htmlFor: `${w}-hex`,
+            className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]",
+            children: g("ui.inputs.colorPicker.hex", "Hex")
+          }
+        ),
         /* @__PURE__ */ d("bdi", { dir: "ltr", children: /* @__PURE__ */ d(
           "input",
           {
@@ -487,11 +512,21 @@ const Re = [
           ] })
         ] }) : null
       ] }),
-      L ? /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]", role: "status", "aria-live": "polite", children: [
-        /* @__PURE__ */ d("span", { className: "ds:tabular-nums", children: g("ui.inputs.colorPicker.contrastRatio", { ratio: L.ratio.toFixed(1) }) }),
-        /* @__PURE__ */ d(se, { level: "AA", passes: L.aa, t: g }),
-        /* @__PURE__ */ d(se, { level: "AAA", passes: L.aaa, t: g })
-      ] }) : null,
+      L ? /* @__PURE__ */ h(
+        "div",
+        {
+          className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]",
+          role: "status",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ d("span", { className: "ds:tabular-nums", children: g("ui.inputs.colorPicker.contrastRatio", {
+              ratio: L.ratio.toFixed(1)
+            }) }),
+            /* @__PURE__ */ d(se, { level: "AA", passes: L.aa, t: g }),
+            /* @__PURE__ */ d(se, { level: "AAA", passes: L.aaa, t: g })
+          ]
+        }
+      ) : null,
       /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ d(
           "div",
@@ -548,15 +583,46 @@ const Re = [
           ]
         }
       ) }),
-      /* @__PURE__ */ d(E.Portal, { children: /* @__PURE__ */ d(E.Content, { sideOffset: 4, align: "start", className: Oe, children: J }) })
+      /* @__PURE__ */ d(E.Portal, { children: /* @__PURE__ */ d(
+        E.Content,
+        {
+          sideOffset: 4,
+          align: "start",
+          className: Oe,
+          children: J
+        }
+      ) })
     ] });
   }
 );
 De.displayName = "ColorPicker";
-function se({ level: e, passes: t, t: r }) {
+function se({
+  level: e,
+  passes: t,
+  t: r
+}) {
   return /* @__PURE__ */ h("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-    /* @__PURE__ */ d("abbr", { title: `Web Content Accessibility Guidelines Level ${e}`, className: "ds:no-underline ds:font-medium", children: e }),
-    t ? /* @__PURE__ */ d(ne, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--success)]" }) : /* @__PURE__ */ d(Se, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--destructive)]" }),
+    /* @__PURE__ */ d(
+      "abbr",
+      {
+        title: `Web Content Accessibility Guidelines Level ${e}`,
+        className: "ds:no-underline ds:font-medium",
+        children: e
+      }
+    ),
+    t ? /* @__PURE__ */ d(
+      ne,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[var(--success)]"
+      }
+    ) : /* @__PURE__ */ d(
+      Se,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[var(--destructive)]"
+      }
+    ),
     /* @__PURE__ */ d("span", { className: "ds:sr-only", children: t ? r("ui.inputs.colorPicker.contrastPass", "Pass") : r("ui.inputs.colorPicker.contrastFail", "Fail") })
   ] });
 }
@@ -603,4 +669,4 @@ export {
   Ze as B,
   De as C
 };
-//# sourceMappingURL=color-picker-94qcBZqZ.js.map
+//# sourceMappingURL=color-picker-CTIcHlDF.js.map