@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/text-input-CRHvl5zk.js

@@ -1,188 +0,0 @@
-import { jsxs as Y, jsx as d } from "react/jsx-runtime";
-import { forwardRef as Z, useState as E, useRef as z, useCallback as A } from "react";
-import { c as I } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { u as ss } from "./form-field-context-94LwgYTQ.js";
-import { I as es, a as h, b as v } from "./input-surface-u4QB0lxe.js";
-import { X as ts } from "./x-CCcI3eJp.js";
-const as = I(
-  [
-    "ds:relative ds:flex ds:items-center ds:w-full",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:focus-within:outline-[length:var(--focus-ring-width)] ds:focus-within:outline-solid",
-    "ds:focus-within:outline-ring ds:focus-within:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-within:outline-[CanvasText]",
-    "ds:has-[:disabled]:cursor-not-allowed"
-  ].join(" ")
-), rs = I(
-  [
-    "ds:w-full ds:rounded-[var(--radius-sm)] ds:border ds:bg-background ds:text-foreground",
-    "ds:placeholder:text-muted-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus:outline-none ds:focus-visible:outline-none",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:read-only:bg-muted ds:read-only:cursor-default"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: `${h.sm} ${v.sm}`,
-        md: `${h.md} ${v.md}`,
-        lg: `${h.lg} ${v.lg}`
-      },
-      tone: es,
-      hasStart: {
-        true: "ds:ps-10",
-        false: ""
-      },
-      hasEnd: {
-        true: "ds:pe-10",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      { size: "sm", hasStart: !1, class: "ds:ps-3" },
-      { size: "md", hasStart: !1, class: "ds:ps-3" },
-      { size: "lg", hasStart: !1, class: "ds:ps-4" },
-      { size: "sm", hasEnd: !1, class: "ds:pe-3" },
-      { size: "md", hasEnd: !1, class: "ds:pe-3" },
-      { size: "lg", hasEnd: !1, class: "ds:pe-4" }
-    ],
-    defaultVariants: {
-      size: "md",
-      tone: "default",
-      hasStart: !1,
-      hasEnd: !1
-    }
-  }
-), N = "ds:absolute ds:inset-y-0 ds:flex ds:items-center ds:pointer-events-none ds:text-muted-foreground", ds = Z(
-  ({
-    size: P = "md",
-    tone: R = "default",
-    startAdornment: o,
-    endAdornment: l,
-    clearable: V = !1,
-    onClear: u,
-    className: _,
-    id: $,
-    disabled: j,
-    value: b,
-    defaultValue: O,
-    onChange: t,
-    onCompositionStart: c,
-    onCompositionEnd: f,
-    ...x
-  }, r) => {
-    const { t: U } = C(), a = ss(), k = $ ?? a.id, y = a.disabled || j, F = a.invalid ? "error" : R, i = b !== void 0, [B, p] = E(
-      String(O ?? "")
-    ), T = i ? String(b) : B, D = T.length > 0, m = z(!1), [q, w] = E(!1), n = z(null), H = A(
-      (s) => {
-        n.current = s, typeof r == "function" ? r(s) : r && (r.current = s);
-      },
-      [r]
-    ), X = !!o, S = V && D && !y && !x.readOnly, G = !!l || S, W = (s) => {
-      i || p(s.target.value), !m.current && (t == null || t(s));
-    }, J = (s) => {
-      m.current = !0, w(!0), c == null || c(s);
-    }, K = (s) => {
-      m.current = !1, w(!1), f == null || f(s);
-      const e = s.currentTarget;
-      i || p(e.value), t == null || t({
-        ...s,
-        target: e,
-        currentTarget: e
-      });
-    }, L = () => {
-      var e;
-      i || p("");
-      const s = n.current;
-      if (s && t) {
-        const Q = Object.getPrototypeOf(s), g = (e = Object.getOwnPropertyDescriptor(Q, "value")) == null ? void 0 : e.set;
-        g == null || g.call(s, ""), t({
-          target: s,
-          currentTarget: s,
-          bubbles: !0,
-          type: "change",
-          nativeEvent: new Event("change", { bubbles: !0 }),
-          preventDefault: () => {
-          },
-          stopPropagation: () => {
-          },
-          isDefaultPrevented: () => !1,
-          isPropagationStopped: () => !1,
-          persist: () => {
-          }
-        });
-      }
-      u == null || u(), s == null || s.focus();
-    }, M = (s) => {
-      var e;
-      s.target !== n.current && (s.target.closest("button") || (e = n.current) == null || e.focus());
-    };
-    return /* @__PURE__ */ Y(
-      "div",
-      {
-        className: as(),
-        onClick: M,
-        "data-component": "text-input",
-        "data-composing": q ? "true" : void 0,
-        children: [
-          o ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} ds:start-0 ds:ps-3 ds:[&_svg]:size-4`,
-              children: o
-            }
-          ) : null,
-          /* @__PURE__ */ d(
-            "input",
-            {
-              ref: H,
-              id: k,
-              type: "text",
-              value: T,
-              disabled: y,
-              "aria-describedby": a.describedBy || void 0,
-              "aria-invalid": a.invalid || void 0,
-              "aria-required": a.required || void 0,
-              onChange: W,
-              onCompositionStart: J,
-              onCompositionEnd: K,
-              className: rs({
-                size: P,
-                tone: F,
-                hasStart: X,
-                hasEnd: G,
-                className: _
-              }),
-              ...x
-            }
-          ),
-          S ? /* @__PURE__ */ d(
-            "button",
-            {
-              type: "button",
-              "aria-label": U("ui.inputs.text.clear", "Clear input"),
-              onClick: L,
-              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(ts, { "aria-hidden": "true", className: "ds:size-4" })
-            }
-          ) : l ? /* @__PURE__ */ d(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${N} ds:end-0 ds:pe-3 ds:[&_svg]:size-4`,
-              children: l
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-ds.displayName = "TextInput";
-export {
-  ds as T
-};
-//# sourceMappingURL=text-input-CRHvl5zk.js.map

package/dist/_chunks/theme-toggle-BHiMMEQN.js

@@ -1,329 +0,0 @@
-import { jsx as e, jsxs as l, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as N, useCallback as k } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as g } from "react-i18next";
-import { I as v } from "./icon-button-Wnnde5lc.js";
-import { I } from "./icon-button-group-DeV3FpNY.js";
-import { S as R } from "./switch-aN2EYxHh.js";
-import { D as r } from "./dropdown-menu-Cw3EyPZv.js";
-import { u as V } from "./use-theme-BMUhembX.js";
-import { c as f } from "./createLucideIcon-CrFbzy84.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 _ = [
-  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
-  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
-  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], C = f("monitor", _);
-/**
- * @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 M = [
-  [
-    "path",
-    {
-      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-      key: "kfwtm"
-    }
-  ]
-], b = f("moon", M);
-/**
- * @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 z = [
-  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
-  ["path", { d: "M12 2v2", key: "tus03m" }],
-  ["path", { d: "M12 20v2", key: "1lh1kg" }],
-  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
-  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
-  ["path", { d: "M2 12h2", key: "1t8f8n" }],
-  ["path", { d: "M20 12h2", key: "1q8mjw" }],
-  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
-  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], y = f("sun", z), T = S("ds:inline-flex ds:items-center", {
-  variants: {
-    variant: {
-      menu: "",
-      compact: "",
-      split: "ds:gap-[var(--spacing-md)]"
-    }
-  },
-  defaultVariants: { variant: "menu" }
-});
-function j(a) {
-  const {
-    theme: c,
-    accessibility: o,
-    onThemeChange: n,
-    onAccessibilityChange: i
-  } = a, t = V(), u = c ?? t.theme, p = o ?? t.accessibility, s = t.setTheme, h = t.setAccessibility, m = k(
-    (d) => {
-      if (n) {
-        n(d);
-        return;
-      }
-      s(d);
-    },
-    [n, s]
-  ), x = k(
-    (d) => {
-      if (i) {
-        i(d);
-        return;
-      }
-      h(d);
-    },
-    [i, h]
-  );
-  return {
-    theme: u,
-    accessibility: p,
-    resolvedTheme: t.resolvedTheme,
-    setTheme: m,
-    setAccessibility: x
-  };
-}
-function w({
-  value: a,
-  onValueChange: c,
-  ariaLabel: o,
-  size: n = "md"
-}) {
-  const { t: i } = g();
-  return /* @__PURE__ */ l(
-    I,
-    {
-      "aria-label": o,
-      role: "radiogroup",
-      mode: "toggle-single",
-      size: n,
-      value: a,
-      onValueChange: (t) => c(t),
-      children: [
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(y, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.light"),
-            value: "light"
-          }
-        ),
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(b, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.dark"),
-            value: "dark"
-          }
-        ),
-        /* @__PURE__ */ e(
-          v,
-          {
-            icon: /* @__PURE__ */ e(C, { "aria-hidden": !0 }),
-            "aria-label": i("ui.navigation.themeToggle.appearance.system"),
-            value: "system"
-          }
-        )
-      ]
-    }
-  );
-}
-function L({
-  value: a,
-  onValueChange: c,
-  size: o = "md"
-}) {
-  const { t: n } = g(), i = a === "accessible";
-  return /* @__PURE__ */ e(
-    R,
-    {
-      label: n("ui.navigation.themeToggle.accessibility.label"),
-      labelSide: "start",
-      size: o,
-      checked: i,
-      onCheckedChange: (t) => c(t ? "accessible" : "default")
-    }
-  );
-}
-function D({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n,
-  showAccessibility: i
-}) {
-  const { t } = g(), u = a.resolvedTheme === "dark" || a.resolvedTheme === "dark-accessible" ? /* @__PURE__ */ e(b, { "aria-hidden": !0 }) : /* @__PURE__ */ e(y, { "aria-hidden": !0 }), p = a.accessibility === "accessible";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "menu", className: c }),
-      ...o,
-      children: /* @__PURE__ */ l(r.Root, { children: [
-        /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-          v,
-          {
-            icon: u,
-            "aria-label": t("ui.navigation.themeToggle.trigger")
-          }
-        ) }),
-        /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ l(r.Content, { align: "end", sideOffset: 8, children: [
-          /* @__PURE__ */ e(r.Label, { children: t("ui.navigation.themeToggle.appearance.label") }),
-          /* @__PURE__ */ l(
-            r.RadioGroup,
-            {
-              value: a.theme,
-              onValueChange: (s) => a.setTheme(s),
-              children: [
-                /* @__PURE__ */ l(r.RadioItem, { value: "light", children: [
-                  /* @__PURE__ */ e(y, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.light")
-                ] }),
-                /* @__PURE__ */ l(r.RadioItem, { value: "dark", children: [
-                  /* @__PURE__ */ e(b, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.dark")
-                ] }),
-                /* @__PURE__ */ l(r.RadioItem, { value: "system", children: [
-                  /* @__PURE__ */ e(C, { "aria-hidden": !0, className: "ds:size-4" }),
-                  t("ui.navigation.themeToggle.appearance.system")
-                ] })
-              ]
-            }
-          ),
-          i ? /* @__PURE__ */ l(A, { children: [
-            /* @__PURE__ */ e(r.Separator, {}),
-            /* @__PURE__ */ e(
-              r.CheckboxItem,
-              {
-                checked: p,
-                onCheckedChange: (s) => a.setAccessibility(s ? "accessible" : "default"),
-                onSelect: (s) => s.preventDefault(),
-                children: t("ui.navigation.themeToggle.accessibility.label")
-              }
-            )
-          ] }) : null
-        ] }) })
-      ] })
-    }
-  );
-}
-function P({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n
-}) {
-  const { t: i } = g();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "compact", className: c }),
-      ...o,
-      children: /* @__PURE__ */ e(
-        w,
-        {
-          value: a.theme,
-          onValueChange: a.setTheme,
-          ariaLabel: i("ui.navigation.themeToggle.appearance.label")
-        }
-      )
-    }
-  );
-}
-function q({
-  state: a,
-  className: c,
-  rest: o,
-  forwardedRef: n,
-  showAccessibility: i
-}) {
-  const { t } = g();
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      "data-component": "theme-toggle",
-      className: T({ variant: "split", className: c }),
-      ...o,
-      children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            value: a.theme,
-            onValueChange: a.setTheme,
-            ariaLabel: t("ui.navigation.themeToggle.appearance.label")
-          }
-        ),
-        i ? /* @__PURE__ */ e(
-          L,
-          {
-            value: a.accessibility,
-            onValueChange: a.setAccessibility
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const B = N(
-  (a, c) => {
-    const {
-      variant: o = "menu",
-      showAccessibility: n = !0,
-      className: i,
-      // Strip controlled props from the spread — they are read by the
-      // adapter, not by the DOM element.
-      theme: t,
-      accessibility: u,
-      onThemeChange: p,
-      onAccessibilityChange: s,
-      ...h
-    } = a, m = j(a);
-    return o === "compact" ? /* @__PURE__ */ e(
-      P,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    ) : o === "split" ? /* @__PURE__ */ e(
-      q,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    ) : /* @__PURE__ */ e(
-      D,
-      {
-        state: m,
-        className: i,
-        rest: h,
-        forwardedRef: c,
-        showAccessibility: n
-      }
-    );
-  }
-);
-B.displayName = "ThemeToggle";
-export {
-  B as T
-};
-//# sourceMappingURL=theme-toggle-BHiMMEQN.js.map