@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/{task-tray-CCoUdorl.js → task-tray-XlIW9ueh.js}

@@ -1,27 +1,27 @@
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as A, useRef as j, useMemo as q, useImperativeHandle as z } from "react";
-import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
-import { I as _ } from "./icon-button-Wnnde5lc.js";
-import { S as C } from "./skeleton-dtqyF09N.js";
-import { E as K } from "./empty-state-DQPtRp2b.js";
-import { T as E } from "./task-card-CY5ztNkU.js";
-import { u as L } from "./registry-C9nwlNyL.js";
-import { c as P } from "./createLucideIcon-CrFbzy84.js";
-import { P as H } from "./plus-CYKNmfuA.js";
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as q, useRef as k, useMemo as z, useImperativeHandle as M } from "react";
+import { c as S } from "./index-D2ZczOXr.js";
+import { useTranslation as _ } from "react-i18next";
+import { I as C } from "./icon-button-C4CGcYuz.js";
+import { S as K } from "./skeleton-CZbwyJAA.js";
+import { E } from "./empty-state-3CLJIXSj.js";
+import { T as L } from "./task-card-Dw_ZJDL8.js";
+import { u as P } from "./registry-C9nwlNyL.js";
+import { c as H } from "./createLucideIcon-CrFbzy84.js";
+import { P as V } from "./plus-CYKNmfuA.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const V = [
+const B = [
   ["path", { d: "M13 5h8", key: "a7qcls" }],
   ["path", { d: "M13 12h8", key: "h98zly" }],
   ["path", { d: "M13 19h8", key: "c3s6r1" }],
   ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
   ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
-], B = P("list-todo", V), F = {
+], F = H("list-todo", B), G = {
   id: "task-tray",
   capabilities: ["select_single", "dismiss"],
   state: {
@@ -77,7 +77,7 @@ const V = [
       description: "Stable task id emitted on each rendered TaskCard inside the tray."
     }
   }
-}, G = M(
+}, J = S(
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
@@ -95,46 +95,46 @@ const V = [
       size: "sm"
     }
   }
-), J = A(
+), Q = q(
   ({
     id: e,
     items: s,
-    title: k,
-    size: y = "sm",
+    title: v,
+    size: u = "sm",
     onOpenTask: r,
     onToggleDone: n,
     onDismissTask: c,
     onAddTask: f,
-    addLabel: v,
-    loading: h = !1,
-    emptyTitle: x,
-    emptyDescription: w,
-    className: I,
-    ...N
-  }, T) => {
-    const { t: l } = S(), g = k ?? l("ui.taskTray.title", "Tasks"), b = v ?? l("ui.taskTray.add", "Add task"), R = !h && s.length === 0;
+    addLabel: x,
+    loading: y = !1,
+    emptyTitle: w,
+    emptyDescription: I,
+    className: N,
+    ...T
+  }, b) => {
+    const { t: l } = _(), h = v ?? l("ui.taskTray.title", "Tasks"), R = x ?? l("ui.taskTray.add", "Add task"), A = !y && s.length === 0;
     let m;
-    h ? m = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(C, { variant: "rectangular", height: "2.5rem" }, t)) }) : R ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      K,
+    y ? m = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(K, { variant: "rectangular", height: "2.5rem" }, t)) }) : A ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      E,
       {
         variant: "first-use",
         size: "sm",
-        title: x ?? l("ui.taskTray.empty.title", "No tasks yet"),
-        description: w ?? l("ui.taskTray.empty.description", "New tasks will appear here.")
+        title: w ?? l("ui.taskTray.empty.title", "No tasks yet"),
+        description: I ?? l("ui.taskTray.empty.description", "New tasks will appear here.")
       }
     ) }) : m = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((t) => /* @__PURE__ */ a(
-      E,
+      L,
       {
         item: t,
-        size: y,
+        size: u,
         onActivate: r,
         "data-task-id": t.id
       },
       t.id
     )) });
-    const d = j(s);
+    const d = k(s);
     d.current = s;
-    const p = q(
+    const j = z(
       () => ({
         getItems: () => d.current.map((t) => ({
           id: t.id,
@@ -154,28 +154,29 @@ const V = [
         }
       }),
       [r, n, c]
-    );
-    return z(T, () => p, [p]), L(F, p, e), /* @__PURE__ */ u(
+    ), g = k(null);
+    return M(b, () => g.current, []), P(G, j, e), /* @__PURE__ */ p(
       "section",
       {
-        "aria-label": g,
+        ref: g,
+        "aria-label": h,
         "data-component": "task-tray",
         "data-component-id": e,
-        className: G({ size: y, className: I }),
-        ...N,
+        className: J({ size: u, className: N }),
+        ...T,
         children: [
-          /* @__PURE__ */ u("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ u("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-              /* @__PURE__ */ a(B, { "aria-hidden": "true", className: "ds:size-4" }),
-              g
+          /* @__PURE__ */ p("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ p("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+              /* @__PURE__ */ a(F, { "aria-hidden": "true", className: "ds:size-4" }),
+              h
             ] }),
             f ? /* @__PURE__ */ a(
-              _,
+              C,
               {
-                icon: /* @__PURE__ */ a(H, {}),
+                icon: /* @__PURE__ */ a(V, {}),
                 intent: "outline",
                 size: "sm",
-                "aria-label": b,
+                "aria-label": R,
                 onClick: f
               }
             ) : null
@@ -186,9 +187,9 @@ const V = [
     );
   }
 );
-J.displayName = "TaskTray";
+Q.displayName = "TaskTray";
 export {
-  J as T,
-  F as t
+  Q as T,
+  G as t
 };
-//# sourceMappingURL=task-tray-CCoUdorl.js.map
+//# sourceMappingURL=task-tray-XlIW9ueh.js.map

package/dist/_chunks/{text-area-C_M8wliK.js → text-area-CO9Dz0qX.js}

@@ -2,7 +2,7 @@ import { jsxs as N, jsx as K } from "react/jsx-runtime";
 import { forwardRef as de, useRef as O, useCallback as k, useState as P, useLayoutEffect as ce, useMemo as le, useEffect as ue } from "react";
 import { c as fe } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
-import { u as me } from "./form-field-context-94LwgYTQ.js";
+import { u as me } from "./form-field-context-B3APVHKx.js";
 import { u as ve } from "./registry-C9nwlNyL.js";
 const ge = {
   id: "text-area",
@@ -236,4 +236,4 @@ xe.displayName = "TextArea";
 export {
   xe as T
 };
-//# sourceMappingURL=text-area-C_M8wliK.js.map
+//# sourceMappingURL=text-area-CO9Dz0qX.js.map

package/dist/_chunks/{text-input-BX39e6T6.js → text-input-DZwt9L8H.js}

@@ -2,7 +2,7 @@ import { jsxs as ee, jsx as d } from "react/jsx-runtime";
 import { forwardRef as te, useState as P, useRef as O, useCallback as R, useMemo as se } from "react";
 import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as ae } from "react-i18next";
-import { u as ne } from "./form-field-context-94LwgYTQ.js";
+import { u as ne } from "./form-field-context-B3APVHKx.js";
 import { I as re, a as w, b as E } from "./input-surface-u4QB0lxe.js";
 import { u as ie } from "./registry-C9nwlNyL.js";
 import { X as oe } from "./x-CCcI3eJp.js";
@@ -202,66 +202,69 @@ const de = {
       var t;
       e.target !== n.current && (e.target.closest("button") || (t = n.current) == null || t.focus());
     };
-    return /* @__PURE__ */ ee(
-      "div",
-      {
-        className: ue(),
-        onClick: C,
-        "data-component": "text-input",
-        "data-component-id": m,
-        "data-composing": W ? "true" : void 0,
-        children: [
-          l ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${_} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-              children: l
-            }
-          ) : null,
-          /* @__PURE__ */ d(
-            "input",
-            {
-              ref: X,
-              id: B,
-              type: "text",
-              value: S,
-              disabled: V,
-              "aria-describedby": i.describedBy || void 0,
-              "aria-invalid": i.invalid || void 0,
-              "aria-required": i.required || void 0,
-              onChange: L,
-              onCompositionStart: J,
-              onCompositionEnd: Q,
-              className: ce({
-                size: s,
-                tone: H,
-                hasStart: A,
-                hasEnd: G,
-                className: U
-              }),
-              ...I
-            }
-          ),
-          z ? /* @__PURE__ */ d(
-            "button",
-            {
-              type: "button",
-              "aria-label": K("ui.inputs.text.clear", "Clear input"),
-              onClick: Y,
-              className: "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-              children: /* @__PURE__ */ d(oe, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ) : p ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${_} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
-              children: p
-            }
-          ) : null
-        ]
-      }
+    return (
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- click on wrapper forwards focus to the inner input; keyboard interaction stays on the input itself
+      /* @__PURE__ */ ee(
+        "div",
+        {
+          className: ue(),
+          onClick: C,
+          "data-component": "text-input",
+          "data-component-id": m,
+          "data-composing": W ? "true" : void 0,
+          children: [
+            l ? /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: `${_} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
+                children: l
+              }
+            ) : null,
+            /* @__PURE__ */ d(
+              "input",
+              {
+                ref: X,
+                id: B,
+                type: "text",
+                value: S,
+                disabled: V,
+                "aria-describedby": i.describedBy || void 0,
+                "aria-invalid": i.invalid || void 0,
+                "aria-required": i.required || void 0,
+                onChange: L,
+                onCompositionStart: J,
+                onCompositionEnd: Q,
+                className: ce({
+                  size: s,
+                  tone: H,
+                  hasStart: A,
+                  hasEnd: G,
+                  className: U
+                }),
+                ...I
+              }
+            ),
+            z ? /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                "aria-label": K("ui.inputs.text.clear", "Clear input"),
+                onClick: Y,
+                className: "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3 ds:flex ds:items-center ds:pointer-events-auto ds:text-muted-foreground ds:hover:text-foreground ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                children: /* @__PURE__ */ d(oe, { "aria-hidden": "true", className: "ds:size-4" })
+              }
+            ) : p ? /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: `${_} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
+                children: p
+              }
+            ) : null
+          ]
+        }
+      )
     );
   }
 );
@@ -269,4 +272,4 @@ le.displayName = "TextInput";
 export {
   le as T
 };
-//# sourceMappingURL=text-input-BX39e6T6.js.map
+//# sourceMappingURL=text-input-DZwt9L8H.js.map

package/dist/_chunks/{theme-root-DDb0TJjd.js → theme-root-CSKD5ZRm.js}

@@ -6,7 +6,14 @@ function f(t, m, e) {
   return m && o.push("theme-accessible"), e && o.push(e), o.join(" ");
 }
 const h = n(
-  ({ theme: t = "light", accessible: m = !1, asChild: e = !1, className: o, children: s, ...r }, a) => {
+  ({
+    theme: t = "light",
+    accessible: m = !1,
+    asChild: e = !1,
+    className: o,
+    children: s,
+    ...r
+  }, a) => {
     const i = f(t, m, o);
     return /* @__PURE__ */ p(e ? c : "div", { ref: a, className: i, "data-component": "theme-root", ...r, children: s });
   }
@@ -15,4 +22,4 @@ h.displayName = "ThemeRoot";
 export {
   h as T
 };
-//# sourceMappingURL=theme-root-DDb0TJjd.js.map
+//# sourceMappingURL=theme-root-CSKD5ZRm.js.map