@alfadocs/ui-kit 0.1.9 → 0.2.0

package/dist/_chunks/command-palette.agent-HatEt_EM.js

@@ -1,391 +0,0 @@
-import { jsx as s, jsxs as c, Fragment as _ } from "react/jsx-runtime";
-import { forwardRef as p, useState as b, useEffect as B, useMemo as E, useCallback as z } from "react";
-import { _ as u, R as K } from "./index-4xgbg-sn.js";
-import * as f from "@radix-ui/react-dialog";
-import { useTranslation as w } from "react-i18next";
-import { S as q } from "./search-BonnQsHv.js";
-function h(e) {
-  return e.normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
-}
-const G = (e, t, a) => K(h(e), h(t), a == null ? void 0 : a.map(h)), T = "ui.cmdk.recents", N = 5;
-function F() {
-  if (typeof window > "u") return [];
-  try {
-    const e = window.localStorage.getItem(T);
-    if (!e) return [];
-    const t = JSON.parse(e);
-    return Array.isArray(t) ? t.slice(0, N).filter((a) => typeof a == "string") : [];
-  } catch {
-    return [];
-  }
-}
-function R(e) {
-  if (!(typeof window > "u"))
-    try {
-      window.localStorage.setItem(T, JSON.stringify(e.slice(0, N)));
-    } catch {
-    }
-}
-function ae() {
-  const [e, t] = b(!1);
-  return B(() => {
-    function a(r) {
-      const n = r.target, l = n == null ? void 0 : n.tagName.toLowerCase();
-      if ((l === "input" || l === "textarea" || (n == null ? void 0 : n.isContentEditable)) && !(e && r.key === "Escape")) return;
-      const m = r.key === "k" || r.key === "K", v = r.metaKey || r.ctrlKey;
-      m && v && (r.preventDefault(), t((x) => !x));
-    }
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [e]), { open: e, setOpen: t };
-}
-const Q = [
-  "ds:flex ds:h-full ds:w-full ds:flex-col ds:overflow-hidden",
-  "ds:rounded-[var(--radius-md)]",
-  "ds:bg-[var(--background)] ds:text-[var(--foreground)]"
-].join(" "), L = p(({ className: e, filter: t = G, id: a, ...r }, n) => /* @__PURE__ */ s(
-  u,
-  {
-    ref: n,
-    filter: t,
-    className: [Q, e].filter(Boolean).join(" "),
-    "data-component": "command-palette",
-    "data-component-id": a,
-    ...r
-  }
-));
-L.displayName = "CommandPalette";
-const H = [
-  "ds:flex ds:items-center",
-  "ds:border-block-end ds:border-[var(--border)]",
-  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-sm)]"
-].join(" "), J = [
-  "ds:flex ds:w-full ds:bg-transparent",
-  "ds:min-h-[var(--min-target-size)]",
-  "ds:text-[var(--font-size-base)] ds:text-[var(--foreground)]",
-  "ds:placeholder:text-[var(--muted-foreground)]",
-  "ds:outline-none",
-  "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-  "ds:border-0"
-].join(" "), P = p(({ className: e, placeholder: t, ...a }, r) => {
-  const { t: n } = w();
-  return /* @__PURE__ */ c("div", { className: H, children: [
-    /* @__PURE__ */ s(q, { "aria-hidden": "true", className: "ds:size-4 ds:me-2 ds:text-[var(--muted-foreground)]" }),
-    /* @__PURE__ */ s(
-      u.Input,
-      {
-        ref: r,
-        placeholder: t ?? n("navigation.cmdk.placeholder", "Type a command or search…"),
-        className: [J, e].filter(Boolean).join(" "),
-        ...a
-      }
-    )
-  ] });
-});
-P.displayName = "CommandInput";
-const D = p(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  u.List,
-  {
-    ref: a,
-    className: [
-      "ds:max-h-[20rem] ds:overflow-y-auto",
-      "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-      "ds:py-[var(--spacing-xs)]",
-      e ?? ""
-    ].filter(Boolean).join(" "),
-    ...t
-  }
-));
-D.displayName = "CommandList";
-const M = p(({ className: e, children: t, ...a }, r) => {
-  const { t: n } = w();
-  return /* @__PURE__ */ s(
-    u.Empty,
-    {
-      ref: r,
-      className: [
-        "ds:py-[var(--spacing-lg)] ds:text-center",
-        "type-body-sm ds:text-[var(--muted-foreground)]",
-        e ?? ""
-      ].filter(Boolean).join(" "),
-      ...a,
-      children: t ?? n("navigation.cmdk.empty", "No results found")
-    }
-  );
-});
-M.displayName = "CommandEmpty";
-const C = p(({ className: e, heading: t, ...a }, r) => /* @__PURE__ */ s(
-  u.Group,
-  {
-    ref: r,
-    heading: t,
-    className: [
-      "ds:overflow-hidden",
-      "ds:text-[var(--foreground)]",
-      "ds:[&_[cmdk-group-heading]]:ps-[var(--spacing-sm)]",
-      "ds:[&_[cmdk-group-heading]]:pe-[var(--spacing-sm)]",
-      "ds:[&_[cmdk-group-heading]]:py-[var(--spacing-xs)]",
-      "ds:[&_[cmdk-group-heading]]:type-eyebrow",
-      "ds:[&_[cmdk-group-heading]]:text-[var(--muted-foreground)]",
-      e ?? ""
-    ].filter(Boolean).join(" "),
-    ...a
-  }
-));
-C.displayName = "CommandGroup";
-const V = [
-  "ds:relative ds:flex ds:items-center",
-  "ds:gap-[var(--spacing-sm)]",
-  "ds:min-h-[var(--min-target-size)]",
-  "ds:rounded-[var(--radius-sm)]",
-  "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-  "ds:text-[var(--font-size-sm)] ds:text-[var(--foreground)]",
-  "ds:cursor-pointer ds:select-none ds:outline-none",
-  "ds:data-[selected=true]:bg-[var(--primary)] ds:data-[selected=true]:text-[var(--primary-foreground)]",
-  "ds:data-[selected=true]:font-[var(--font-weight-semibold)]",
-  "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
-  "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), y = p(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  u.Item,
-  {
-    ref: a,
-    className: [V, e].filter(Boolean).join(" "),
-    ...t
-  }
-));
-y.displayName = "CommandItem";
-const O = p(({ className: e, ...t }, a) => /* @__PURE__ */ s(
-  u.Separator,
-  {
-    ref: a,
-    className: [
-      "ds:-ms-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]",
-      "ds:my-[var(--spacing-xs)]",
-      "ds:h-px ds:bg-[var(--border)]",
-      e ?? ""
-    ].filter(Boolean).join(" "),
-    ...t
-  }
-));
-O.displayName = "CommandSeparator";
-const k = p(
-  ({ className: e, children: t, ...a }, r) => /* @__PURE__ */ s(
-    "kbd",
-    {
-      ref: r,
-      className: [
-        "ds:ms-auto",
-        "ds:inline-flex ds:items-center",
-        "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
-        "ds:h-5 ds:rounded-[var(--radius-sm)]",
-        "ds:bg-[var(--muted)]/20 ds:text-[var(--muted-foreground)]",
-        "ds:text-[length:var(--font-size-xs)] ds:font-[var(--font-weight-medium)]",
-        "ds:data-[selected=true]:bg-[var(--primary-foreground)]/20",
-        "ds:data-[selected=true]:text-[var(--primary-foreground)]",
-        e ?? ""
-      ].filter(Boolean).join(" "),
-      ...a,
-      children: t
-    }
-  )
-);
-k.displayName = "CommandShortcut";
-function $(e, t) {
-  if (!t) return e;
-  const a = h(e), r = h(t), n = a.indexOf(r);
-  if (n === -1) return e;
-  const l = e.slice(0, n), g = e.slice(n, n + r.length), m = e.slice(n + r.length);
-  return /* @__PURE__ */ c(_, { children: [
-    l,
-    /* @__PURE__ */ s("mark", { className: "ds:bg-[var(--accent)]/20 ds:text-inherit ds:rounded-[var(--radius-sm)] ds:px-[0.125em]", children: g }),
-    m
-  ] });
-}
-const W = [
-  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-  "ds:bg-[var(--foreground)]/40 ds:backdrop-blur-sm",
-  "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:motion-reduce:animate-none"
-].join(" "), X = [
-  "ds:fixed ds:z-[var(--z-modal)]",
-  // Logical-inset arbitrary-value positioning: `inset-inline-start-1/2`
-  // isn't a real Tailwind class (the generator maps fractions only to
-  // `start-*`), so use `start-1/2` for horizontal and `top-*` for the
-  // top offset — matching the working Dialog component.
-  "ds:top-[12vh] ds:start-1/2 ds:-translate-x-1/2 ds:rtl:translate-x-1/2",
-  "ds:w-[92vw] ds:max-w-[var(--dialog-width-lg)]",
-  "ds:rounded-[var(--radius-lg)]",
-  "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
-  "ds:shadow-[var(--shadow-xl)]",
-  "ds:border ds:border-[var(--border)]",
-  "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
-  "ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95",
-  "ds:motion-reduce:animate-none",
-  "ds:focus:outline-none"
-].join(" "), I = ({ children: e }) => /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e });
-function se({
-  open: e,
-  onOpenChange: t,
-  commands: a,
-  header: r
-}) {
-  const { t: n } = w(), [l, g] = b(""), [m, v] = b(F);
-  B(() => {
-    e || g("");
-  }, [e]);
-  const x = E(() => {
-    const o = /* @__PURE__ */ new Map();
-    return a.forEach((i) => {
-      const d = o.get(i.group) ?? [];
-      d.push(i), o.set(i.group, d);
-    }), o;
-  }, [a]), S = E(() => {
-    if (l) return [];
-    const o = new Map(a.map((i) => [i.id, i]));
-    return m.map((i) => o.get(i)).filter(Boolean);
-  }, [a, m, l]), j = z(
-    (o) => {
-      t(!1);
-      const i = [o.id, ...m.filter((d) => d !== o.id)].slice(0, N);
-      v(i), R(i), setTimeout(() => o.onSelect(), 0);
-    },
-    [m, t]
-  ), A = z(() => {
-    v([]), R([]);
-  }, []);
-  return /* @__PURE__ */ s(f.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ c(f.Portal, { children: [
-    /* @__PURE__ */ s(f.Overlay, { className: W }),
-    /* @__PURE__ */ c(
-      f.Content,
-      {
-        className: X,
-        "aria-label": n("navigation.cmdk.title", "Command palette"),
-        children: [
-          /* @__PURE__ */ s(f.Title, { asChild: !0, children: /* @__PURE__ */ s(I, { children: n("navigation.cmdk.title", "Command palette") }) }),
-          /* @__PURE__ */ s(f.Description, { asChild: !0, children: /* @__PURE__ */ s(I, { children: n(
-            "navigation.cmdk.description",
-            "Search for commands, pages, and actions"
-          ) }) }),
-          /* @__PURE__ */ c(L, { label: n("navigation.cmdk.title", "Command palette"), children: [
-            r,
-            /* @__PURE__ */ s(P, { value: l, onValueChange: g }),
-            /* @__PURE__ */ c(D, { children: [
-              /* @__PURE__ */ s(M, {}),
-              S.length > 0 ? /* @__PURE__ */ c(_, { children: [
-                /* @__PURE__ */ c(C, { heading: n("navigation.cmdk.recents", "Recent"), children: [
-                  S.map((o) => /* @__PURE__ */ c(
-                    y,
-                    {
-                      value: `recent-${o.label}`,
-                      onSelect: () => j(o),
-                      children: [
-                        o.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: o.icon }) : null,
-                        /* @__PURE__ */ s("span", { children: o.label }),
-                        o.shortcut ? /* @__PURE__ */ s(k, { children: o.shortcut }) : null
-                      ]
-                    },
-                    `recent-${o.id}`
-                  )),
-                  /* @__PURE__ */ s(
-                    y,
-                    {
-                      value: "__clear-recents",
-                      onSelect: A,
-                      children: /* @__PURE__ */ s("span", { children: n(
-                        "navigation.cmdk.clearRecents",
-                        "Clear recent commands"
-                      ) })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ s(O, {})
-              ] }) : null,
-              Array.from(x.entries()).map(([o, i]) => /* @__PURE__ */ s(C, { heading: o, children: i.map((d) => /* @__PURE__ */ c(
-                y,
-                {
-                  value: d.label,
-                  keywords: d.keywords,
-                  onSelect: () => j(d),
-                  children: [
-                    d.icon ? /* @__PURE__ */ s("span", { "aria-hidden": "true", children: d.icon }) : null,
-                    /* @__PURE__ */ s("span", { children: $(d.label, l) }),
-                    d.shortcut ? /* @__PURE__ */ s(k, { children: d.shortcut }) : null
-                  ]
-                },
-                d.id
-              )) }, o))
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-const ne = {
-  id: "command-palette",
-  capabilities: ["open", "close", "filter", "pick", "submit"],
-  state: {
-    query: {
-      type: "string",
-      description: "Current filter query in the command palette input.",
-      read: (e) => e.getQuery()
-    },
-    isOpen: {
-      type: "boolean",
-      description: "True when the palette is visible.",
-      read: (e) => e.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the command palette.",
-      invoke: (e) => {
-        e.open();
-      }
-    },
-    close: {
-      safety: "read",
-      description: "Close the command palette.",
-      invoke: (e) => {
-        e.close();
-      }
-    },
-    apply_filter: {
-      safety: "read",
-      argsType: "{ query: string }",
-      description: "Set the filter query.",
-      invoke: (e, t) => {
-        e.setQuery(t.query);
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "command-palette" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    },
-    item: {
-      attr: "data-command-id",
-      description: "Each command item emits its key as data-command-id."
-    }
-  }
-};
-export {
-  M as C,
-  C as a,
-  P as b,
-  y as c,
-  D as d,
-  L as e,
-  se as f,
-  O as g,
-  k as h,
-  ne as i,
-  G as j,
-  $ as k,
-  ae as u
-};
-//# sourceMappingURL=command-palette.agent-HatEt_EM.js.map

package/dist/_chunks/dialog.agent-Daf1TTko.js

@@ -1,179 +0,0 @@
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d, useContext as w, createContext as T } from "react";
-import * as t from "@radix-ui/react-dialog";
-import { c as j } from "./index-D2ZczOXr.js";
-import { useTranslation as R } from "react-i18next";
-import { I as z } from "./icon-button-Wnnde5lc.js";
-import { X as k } from "./x-CCcI3eJp.js";
-const O = [
-  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
-  "ds:bg-[var(--background)]/[var(--opacity-70)]",
-  "ds:backdrop-blur-sm",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), E = [
-  "ds:fixed ds:z-[var(--z-modal)]",
-  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-  "ds:shadow-[var(--shadow-xl)]",
-  "ds:p-[var(--spacing-lg)]",
-  "ds:focus-visible:outline-none",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), n = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", B = j(E, {
-  variants: {
-    size: {
-      sm: `${n} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${n} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${n} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), c = T(void 0), r = ({ children: o, id: a, ...e }) => /* @__PURE__ */ s(c.Provider, { value: a, children: /* @__PURE__ */ s(t.Root, { ...e, children: o }) });
-r.displayName = "Dialog.Root";
-const p = d(({ children: o, ...a }, e) => /* @__PURE__ */ s(t.Trigger, { ref: e, ...a, children: o }));
-p.displayName = "Dialog.Trigger";
-const m = d(({ children: o, ...a }, e) => /* @__PURE__ */ s(t.Close, { ref: e, ...a, children: o }));
-m.displayName = "Dialog.Close";
-const g = d(
-  ({
-    size: o = "md",
-    variant: a = "default",
-    hideCloseButton: e = !0,
-    className: i,
-    children: D,
-    ...y
-  }, h) => {
-    const { t: b } = R(), C = w(c), N = a === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ l(t.Portal, { children: [
-      /* @__PURE__ */ s(t.Overlay, { className: O }),
-      /* @__PURE__ */ l(
-        t.Content,
-        {
-          ref: h,
-          ...N,
-          "data-component": "dialog",
-          "data-component-id": C,
-          className: B({ size: o, className: i }),
-          ...y,
-          children: [
-            D,
-            !e && /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              z,
-              {
-                icon: /* @__PURE__ */ s(k, {}),
-                intent: "ghost",
-                size: "sm",
-                "aria-label": b("ui.common.close", "Close")
-              }
-            ) }) })
-          ]
-        }
-      )
-    ] });
-  }
-);
-g.displayName = "Dialog.Content";
-const v = d(
-  ({ className: o, ...a }, e) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: e,
-      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]", o].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-v.displayName = "Dialog.Header";
-const u = d(({ className: o, ...a }, e) => /* @__PURE__ */ s(
-  t.Title,
-  {
-    ref: e,
-    className: ["type-title-card ds:break-words", o].filter(Boolean).join(" "),
-    ...a
-  }
-));
-u.displayName = "Dialog.Title";
-const f = d(({ className: o, ...a }, e) => /* @__PURE__ */ s(
-  t.Description,
-  {
-    ref: e,
-    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
-    ...a
-  }
-));
-f.displayName = "Dialog.Description";
-const x = d(
-  ({ className: o, divider: a = !1, ...e }, i) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: i,
-      className: [
-        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
-        "ds:mt-[var(--spacing-md)]",
-        a && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...e
-    }
-  )
-);
-x.displayName = "Dialog.Footer";
-const P = Object.assign(r, {
-  Root: r,
-  Trigger: p,
-  Content: g,
-  Header: v,
-  Title: u,
-  Description: f,
-  Footer: x,
-  Close: m
-}), V = {
-  id: "dialog",
-  capabilities: ["open", "close", "dismiss"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the dialog is currently open.",
-      read: (o) => o.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the dialog.",
-      invoke: (o) => {
-        o.open();
-      }
-    },
-    close: {
-      safety: "write",
-      description: "Close the dialog. Reversible by reopening.",
-      invoke: (o) => {
-        o.close();
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
-      invoke: (o) => {
-        o.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dialog" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Dialog.Root."
-    }
-  }
-};
-export {
-  P as D,
-  V as d
-};
-//# sourceMappingURL=dialog.agent-Daf1TTko.js.map