@alfadocs/ui-kit 0.50.1 → 0.51.0

package/dist/_chunks/dropdown-menu-CUEXqKis.js

@@ -1,299 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as d, useContext as O, useRef as G, useEffect as P, useMemo as L, createContext as A } from "react";
-import * as n from "@radix-ui/react-dropdown-menu";
-import { c as h } from "./index-D2ZczOXr.js";
-import { S as E } from "./separator-CYU_bGFn.js";
-import { K as g } from "./kbd-D855ZXIW.js";
-import { u as K } from "./use-controllable-state-BiY4xTzM.js";
-import { C as V } from "./chevron-right-BrpYejk0.js";
-import { C as x } from "./check-DPdL_Sm7.js";
-import { a as B } from "./use-direction-Dp8h70PP.js";
-import { u as H } from "./registry-nPAVE19X.js";
-const q = {
-  id: "dropdown-menu",
-  capabilities: ["open", "close", "pick"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the menu is currently open.",
-      read: (s) => s.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the menu.",
-      invoke: (s) => {
-        s.open();
-      }
-    },
-    close: {
-      safety: "read",
-      description: "Close the menu.",
-      invoke: (s) => {
-        s.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dropdown-menu" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on DropdownMenu.Root."
-    },
-    item: {
-      attr: "data-item-id",
-      description: "Each menu item emits its value as data-item-id."
-    }
-  }
-}, b = h(
-  [
-    "ds:z-[var(--z-dropdown)]",
-    "ds:min-w-[8rem]",
-    "ds:rounded-[var(--radius-md)]",
-    // Border kept (transparent) so the forced-colors override below can
-    // repaint a visible edge in HCM. In normal modes the soft drop-shadow
-    // carries the edge cue; the heavy `--border` (grey-800 since WCAG
-    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.
-    "ds:border ds:border-transparent",
-    "ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]",
-    "ds:shadow-[var(--shadow-lg)]",
-    "ds:p-[var(--spacing-xs)]",
-    // Motion — gated on --animation-duration via Tailwind's animate-in
-    // preset. motion-reduce disables via the no-preference query.
-    "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-    "ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out",
-    "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
-    "ds:motion-reduce:animate-none",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" ")
-), p = h(
-  [
-    "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
-    "ds:cursor-pointer ds:select-none ds:outline-none",
-    // Highlighted + hover state
-    "ds:data-[highlighted]:bg-[color:var(--muted)]/40",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    // Disabled
-    "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
-    "ds:data-[disabled]:pointer-events-none"
-  ].join(" ")
-), F = h(
-  [
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "type-eyebrow ds:text-[color:var(--muted-foreground)]",
-    "ds:select-none"
-  ].join(" ")
-), N = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", w = A(void 0), C = ({
-  dir: s,
-  id: a,
-  open: o,
-  defaultOpen: t,
-  onOpenChange: r,
-  ...m
-}) => {
-  const u = B(), [f, c] = K({
-    value: o,
-    defaultValue: t ?? !1,
-    onChange: r
-  }), l = f ?? !1, v = G(l);
-  P(() => {
-    v.current = l;
-  }, [l]);
-  const T = L(
-    () => ({
-      getIsOpen: () => v.current,
-      open: () => c(!0),
-      close: () => c(!1)
-    }),
-    [c]
-  );
-  return H(q, T, a), /* @__PURE__ */ e(w.Provider, { value: a, children: /* @__PURE__ */ e(
-    n.Root,
-    {
-      dir: s ?? u,
-      open: l,
-      onOpenChange: c,
-      ...m
-    }
-  ) });
-};
-C.displayName = "DropdownMenu.Root";
-const J = n.Trigger, Q = n.Portal, U = n.Group, W = n.RadioGroup, y = d(({ className: s, sideOffset: a = 8, ...o }, t) => {
-  const r = O(w);
-  return /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
-    n.Content,
-    {
-      ref: t,
-      sideOffset: a,
-      className: b({ className: s }),
-      "data-component": "dropdown-menu",
-      "data-component-id": r,
-      ...o
-    }
-  ) });
-});
-y.displayName = "DropdownMenu.Content";
-const R = d(
-  ({
-    className: s,
-    startIcon: a,
-    endIcon: o,
-    description: t,
-    shortcut: r,
-    children: m,
-    ...u
-  }, f) => /* @__PURE__ */ i(
-    n.Item,
-    {
-      ref: f,
-      className: p({ className: s }),
-      ...u,
-      children: [
-        a ? /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: a
-          }
-        ) : null,
-        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ e("span", { className: "ds:truncate", children: m }),
-          t ? /* @__PURE__ */ e("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: t }) : null
-        ] }),
-        r ? /* @__PURE__ */ e("span", { className: "ds:ms-auto", children: /* @__PURE__ */ e(g, { keys: r, size: "sm" }) }) : o ? /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-            children: o
-          }
-        ) : null
-      ]
-    }
-  )
-);
-R.displayName = "DropdownMenu.Item";
-const S = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
-  n.CheckboxItem,
-  {
-    ref: t,
-    className: p({ className: s }),
-    ...o,
-    children: [
-      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(x, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
-    ]
-  }
-));
-S.displayName = "DropdownMenu.CheckboxItem";
-const X = W, D = d(({ className: s, children: a, ...o }, t) => /* @__PURE__ */ i(
-  n.RadioItem,
-  {
-    ref: t,
-    className: p({ className: s }),
-    ...o,
-    children: [
-      /* @__PURE__ */ e("span", { className: N, children: /* @__PURE__ */ e(n.ItemIndicator, { children: /* @__PURE__ */ e(
-        x,
-        {
-          "aria-hidden": !0,
-          className: "ds:size-4 ds:text-[color:var(--accent)]"
-        }
-      ) }) }),
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: a })
-    ]
-  }
-));
-D.displayName = "DropdownMenu.RadioItem";
-const M = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(
-  n.Label,
-  {
-    ref: o,
-    className: F({ className: s }),
-    ...a
-  }
-));
-M.displayName = "DropdownMenu.Label";
-const z = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Separator, { ref: o, asChild: !0, ...a, children: /* @__PURE__ */ e(
-  E,
-  {
-    className: ["ds:my-[calc(var(--spacing-xs)/2)]", s ?? ""].filter(Boolean).join(" ")
-  }
-) }));
-z.displayName = "DropdownMenu.Separator";
-const I = d(
-  ({ keys: s, separator: a = "none" }, o) => /* @__PURE__ */ e("span", { ref: o, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ e(g, { keys: s, separator: a, size: "sm" }) })
-);
-I.displayName = "DropdownMenu.Shortcut";
-const Y = n.Sub, k = d(({ className: s, startIcon: a, children: o, ...t }, r) => /* @__PURE__ */ i(
-  n.SubTrigger,
-  {
-    ref: r,
-    className: p({ className: s }),
-    ...t,
-    children: [
-      a ? /* @__PURE__ */ e(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center",
-          children: a
-        }
-      ) : null,
-      /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:truncate", children: o }),
-      /* @__PURE__ */ e(
-        V,
-        {
-          "aria-hidden": !0,
-          className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
-        }
-      )
-    ]
-  }
-));
-k.displayName = "DropdownMenu.SubTrigger";
-const j = d(({ className: s, ...a }, o) => /* @__PURE__ */ e(n.Portal, { children: /* @__PURE__ */ e(
-  n.SubContent,
-  {
-    ref: o,
-    sideOffset: 8,
-    "data-component": "dropdown-menu-sub-content",
-    className: b({ className: s }),
-    ...a
-  }
-) }));
-j.displayName = "DropdownMenu.SubContent";
-const re = {
-  Root: C,
-  Trigger: J,
-  Portal: Q,
-  Content: y,
-  Group: U,
-  Item: R,
-  CheckboxItem: S,
-  RadioGroup: X,
-  RadioItem: D,
-  Label: M,
-  Separator: z,
-  Shortcut: I,
-  Sub: Y,
-  SubTrigger: k,
-  SubContent: j
-};
-export {
-  re as D,
-  q as d
-};
-//# sourceMappingURL=dropdown-menu-CUEXqKis.js.map

package/dist/_chunks/task-tray-B8jFv5FV.js

@@ -1,196 +0,0 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as j, useRef as v, 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 C } from "./icon-button-CKEOrN37.js";
-import { S as K } from "./skeleton-CZbwyJAA.js";
-import { E } from "./empty-state-BLy7tigq.js";
-import { T as L } from "./task-card-CPyQ5AXC.js";
-import { u as P } from "./registry-nPAVE19X.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 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" }]
-], F = H("list-todo", B), G = {
-  id: "task-tray",
-  capabilities: ["select_single", "dismiss"],
-  state: {
-    items: {
-      type: "Array<{ id: string; status: string }>",
-      descriptionKey: "ui.agent.taskTray.state.items",
-      description: "Currently-displayed tasks. Ids + status only — never task title / patient.",
-      read: (e) => e.getItems()
-    }
-  },
-  actions: {
-    select_item: {
-      safety: "read",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.taskTray.actions.selectItem",
-      description: "Activate the task with the given id.",
-      invoke: (e, s) => {
-        e.selectItem(s.id);
-      }
-    },
-    toggle_done: {
-      safety: "write",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.taskTray.actions.toggleDone",
-      description: "Request the host to toggle the done state of a task.",
-      invoke: (e, s) => {
-        e.toggleDone(s.id);
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      argsType: "{ id: string }",
-      descriptionKey: "ui.agent.taskTray.actions.dismiss",
-      description: "Request the host to dismiss / remove the task with the given id.",
-      invoke: (e, s) => {
-        e.dismiss(s.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "task-tray",
-      description: "Marks the TaskTray wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific tray from the agent."
-    },
-    item: {
-      attr: "data-task-id",
-      description: "Stable task id emitted on each rendered TaskCard inside the tray."
-    }
-  }
-}, J = M(
-  [
-    "ds:flex ds:flex-col",
-    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
-    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
-    "ds:overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-), Q = j(
-  ({
-    id: e,
-    items: s,
-    title: k,
-    size: f = "sm",
-    onOpenTask: i,
-    onToggleDone: n,
-    onDismissTask: c,
-    onAddTask: y,
-    addLabel: x,
-    loading: h = !1,
-    emptyTitle: b,
-    emptyDescription: w,
-    className: I,
-    ...N
-  }, T) => {
-    const { t: l } = S(), u = k ?? l("taskTray.title", "Tasks"), R = x ?? l("taskTray.add", "Add task"), A = !h && 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(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: b ?? l("taskTray.empty.title", "No tasks yet"),
-        description: w ?? l("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(
-      L,
-      {
-        item: t,
-        size: f,
-        onActivate: i,
-        "data-task-id": t.id
-      },
-      t.id
-    )) });
-    const d = v(s);
-    d.current = s;
-    const _ = q(
-      () => ({
-        getItems: () => d.current.map((t) => ({
-          id: t.id,
-          status: t.status ?? "open"
-        })),
-        selectItem: (t) => {
-          const r = d.current.find((o) => o.id === t);
-          r && (i == null || i(r));
-        },
-        toggleDone: (t) => {
-          const r = d.current.find((o) => o.id === t);
-          r && (n == null || n(r));
-        },
-        dismiss: (t) => {
-          const r = d.current.find((o) => o.id === t);
-          r && (c == null || c(r));
-        }
-      }),
-      [i, n, c]
-    ), g = v(null);
-    return z(T, () => g.current, []), P(G, _, e), /* @__PURE__ */ p(
-      "section",
-      {
-        ref: g,
-        "aria-label": u,
-        "data-component": "task-tray",
-        "data-component-id": e,
-        className: J({ size: f, className: I }),
-        ...N,
-        children: [
-          /* @__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" }),
-              u
-            ] }),
-            y ? /* @__PURE__ */ a(
-              C,
-              {
-                icon: /* @__PURE__ */ a(V, {}),
-                intent: "outline",
-                size: "sm",
-                "aria-label": R,
-                onClick: y
-              }
-            ) : null
-          ] }),
-          m
-        ]
-      }
-    );
-  }
-);
-Q.displayName = "TaskTray";
-export {
-  Q as T,
-  G as t
-};
-//# sourceMappingURL=task-tray-B8jFv5FV.js.map

package/dist/_chunks/use-theme-C2dHKUAN.js

@@ -1,145 +0,0 @@
-import { useSyncExternalStore as D, useEffect as b, useCallback as p } from "react";
-const y = "alfadocs-ui.theme", w = "alfadocs-ui.accessibility", r = {
-  light: "theme-light",
-  dark: "theme-dark",
-  accessible: "theme-accessible"
-}, M = "(prefers-color-scheme: dark)", C = "(prefers-contrast: more)";
-function g(e) {
-  if (typeof window > "u") return null;
-  try {
-    return window.localStorage.getItem(e);
-  } catch {
-    return null;
-  }
-}
-function S(e, t) {
-  if (!(typeof window > "u"))
-    try {
-      t === null ? window.localStorage.removeItem(e) : window.localStorage.setItem(e, t);
-    } catch {
-    }
-}
-function L(e) {
-  return e === "light" || e === "dark" || e === "system";
-}
-function T(e) {
-  return e === "default" || e === "accessible" || e === "system";
-}
-function O() {
-  const e = g(y), t = g(w), i = typeof window < "u" && typeof window.matchMedia == "function", s = typeof document < "u" ? document.documentElement.classList : null, A = s ? s.contains(r.dark) ? "dark" : s.contains(r.light) ? "light" : null : null, _ = s != null && s.contains(r.accessible) ? "accessible" : null;
-  return {
-    theme: L(e) ? e : A ?? "system",
-    accessibility: T(t) ? t : _ ?? "system",
-    prefersDark: i ? window.matchMedia(M).matches : !1,
-    prefersMoreContrast: i ? window.matchMedia(C).matches : !1
-  };
-}
-let n = O();
-const h = /* @__PURE__ */ new Set();
-function c(e) {
-  e.theme === n.theme && e.accessibility === n.accessibility && e.prefersDark === n.prefersDark && e.prefersMoreContrast === n.prefersMoreContrast || (n = e, h.forEach((t) => t()));
-}
-function I(e) {
-  return h.add(e), () => {
-    h.delete(e);
-  };
-}
-function R() {
-  return n;
-}
-function V() {
-  return {
-    theme: "system",
-    accessibility: "system",
-    prefersDark: !1,
-    prefersMoreContrast: !1
-  };
-}
-let d = 0, u = null, f = null, l = null;
-function v(e) {
-  c({ ...n, prefersDark: e.matches });
-}
-function H(e) {
-  c({ ...n, prefersMoreContrast: e.matches });
-}
-function Y(e) {
-  if (e.key === y) {
-    const t = L(e.newValue) ? e.newValue : "system";
-    c({ ...n, theme: t });
-  } else if (e.key === w) {
-    const t = T(e.newValue) ? e.newValue : "system";
-    c({ ...n, accessibility: t });
-  }
-}
-function E(e, t) {
-  return typeof e.addEventListener == "function" ? (e.addEventListener("change", t), () => e.removeEventListener("change", t)) : (e.addListener(t), () => e.removeListener(t));
-}
-function G() {
-  return d += 1, d > 1 || typeof window > "u" || (typeof window.matchMedia == "function" && (u = window.matchMedia(M), f = window.matchMedia(C), c({
-    ...n,
-    prefersDark: u.matches,
-    prefersMoreContrast: f.matches
-  }), o = E(u, v), a = E(f, H)), l = Y, window.addEventListener("storage", l)), m;
-}
-let o = null, a = null;
-function m() {
-  d -= 1, !(d > 0) && (o == null || o(), a == null || a(), o = null, a = null, u = null, f = null, l && typeof window < "u" && window.removeEventListener("storage", l), l = null);
-}
-function k(e) {
-  const t = e.theme === "system" ? e.prefersDark ? "dark" : "light" : e.theme, i = e.accessibility === "system" ? e.prefersMoreContrast : e.accessibility === "accessible";
-  return t === "dark" && i ? "dark-accessible" : t === "dark" ? "dark" : i ? "light-accessible" : "light";
-}
-function K(e) {
-  switch (e) {
-    case "light":
-      return [r.light];
-    case "dark":
-      return [r.dark];
-    case "light-accessible":
-      return [r.light, r.accessible];
-    case "dark-accessible":
-      return [r.dark, r.accessible];
-  }
-}
-const Q = [
-  r.light,
-  r.dark,
-  r.accessible
-];
-function U(e) {
-  if (typeof document > "u") return;
-  const t = document.documentElement, i = new Set(K(e));
-  Q.forEach((s) => {
-    i.has(s) ? t.classList.add(s) : t.classList.remove(s);
-  });
-}
-function N() {
-  const e = D(I, R, V);
-  b(() => G(), []), b(() => {
-    U(k(e));
-  }, [e]);
-  const t = p((s) => {
-    S(y, s === "system" ? null : s), c({ ...n, theme: s });
-  }, []), i = p((s) => {
-    S(
-      w,
-      s === "system" ? null : s
-    ), c({ ...n, accessibility: s });
-  }, []);
-  return {
-    theme: e.theme,
-    accessibility: e.accessibility,
-    resolvedTheme: k(e),
-    setTheme: t,
-    setAccessibility: i
-  };
-}
-export {
-  w as A,
-  r as T,
-  y as a,
-  k as r,
-  K as t,
-  N as u
-};
-//# sourceMappingURL=use-theme-C2dHKUAN.js.map