@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/password-input-DJDVznWH.js

@@ -1,193 +0,0 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as M, useState as x, useCallback as t } from "react";
-import { c as f } from "./index-D2ZczOXr.js";
-import { useTranslation as F } from "react-i18next";
-import { T as H } from "./text-input-CRHvl5zk.js";
-import { u as _ } from "./form-field-context-94LwgYTQ.js";
-import { E as O } from "./eye-off-xEXDAh5z.js";
-import { c as $ } from "./createLucideIcon-CrFbzy84.js";
-import { T as q } from "./triangle-alert-CBPUIzQo.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: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-      key: "1nclc0"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], G = $("eye", B), J = {
-  sm: "ds:size-4",
-  md: "ds:size-[18px]",
-  lg: "ds:size-5"
-}, Q = f(
-  [
-    "ds:absolute ds:inset-y-0 ds:end-0 ds:ps-2 ds:pe-3",
-    "ds:inline-flex ds:items-center ds:justify-center",
-    "ds:text-muted-foreground ds:hover:text-foreground",
-    "ds:bg-transparent ds:border-0 ds:cursor-pointer",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:min-w-[var(--min-target-size)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" ")
-), W = f(
-  "ds:h-1 ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-muted"
-), X = f(
-  [
-    "ds:h-full ds:rounded-[var(--radius-full)]",
-    "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      level: {
-        0: "ds:w-1/4 ds:bg-destructive",
-        1: "ds:w-1/2 ds:bg-warning",
-        2: "ds:w-3/4 ds:bg-success",
-        3: "ds:w-full ds:bg-success"
-      }
-    },
-    defaultVariants: { level: 0 }
-  }
-), Y = {
-  0: "weak",
-  1: "fair",
-  2: "good",
-  3: "strong"
-}, Z = M(
-  ({
-    onRevealChange: d,
-    showStrength: N = !1,
-    strength: u = 0,
-    autoComplete: k,
-    size: m = "md",
-    disabled: y,
-    name: z,
-    onKeyDown: i,
-    onKeyUp: r,
-    onBlur: o,
-    className: L,
-    ...C
-  }, T) => {
-    const { t: n } = F(), g = _().disabled || y, [a, S] = x(!1), [j, v] = x(!1), I = t(() => {
-      S((s) => {
-        const w = !s;
-        return d == null || d(w), w;
-      });
-    }, [d]), l = t(
-      (s) => {
-        typeof s.getModifierState == "function" && v(s.getModifierState("CapsLock"));
-      },
-      []
-    ), P = t(
-      (s) => {
-        l(s), i == null || i(s);
-      },
-      [l, i]
-    ), V = t(
-      (s) => {
-        l(s), r == null || r(s);
-      },
-      [l, r]
-    ), A = t(
-      (s) => {
-        v(!1), o == null || o(s);
-      },
-      [o]
-    ), b = J[m], E = n(
-      a ? "ui.inputs.password.toggleHide" : "ui.inputs.password.toggleShow",
-      a ? "Hide password" : "Show password"
-    ), p = Y[u], h = n(
-      `ui.inputs.password.strength.${p}`,
-      p.charAt(0).toUpperCase() + p.slice(1)
-    );
-    return /* @__PURE__ */ c("div", { "data-component": "password-input", className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-      /* @__PURE__ */ c("div", { className: "ds:relative", children: [
-        /* @__PURE__ */ e(
-          H,
-          {
-            ref: T,
-            type: a ? "text" : "password",
-            autoComplete: k ?? "current-password",
-            name: z ?? "password",
-            spellCheck: !1,
-            autoCapitalize: "none",
-            autoCorrect: "off",
-            size: m,
-            disabled: g,
-            onKeyDown: P,
-            onKeyUp: V,
-            onBlur: A,
-            endAdornment: /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "ds:block ds:size-4" }),
-            className: L,
-            ...C
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            "aria-pressed": a,
-            "aria-label": E,
-            disabled: g,
-            onClick: I,
-            className: Q(),
-            children: a ? /* @__PURE__ */ e(O, { "aria-hidden": "true", className: b }) : /* @__PURE__ */ e(G, { "aria-hidden": "true", className: b })
-          }
-        )
-      ] }),
-      j ? /* @__PURE__ */ c(
-        "span",
-        {
-          role: "status",
-          "aria-live": "polite",
-          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-meta ds:text-warning",
-          children: [
-            /* @__PURE__ */ e(q, { "aria-hidden": "true", className: "ds:size-3.5" }),
-            n("ui.inputs.password.capsLock", "Caps Lock is on")
-          ]
-        }
-      ) : null,
-      N ? /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            role: "progressbar",
-            "aria-valuenow": u,
-            "aria-valuemin": 0,
-            "aria-valuemax": 3,
-            "aria-label": n(
-              "ui.inputs.password.strengthLabel",
-              "Password strength"
-            ),
-            "aria-valuetext": h,
-            className: W(),
-            children: /* @__PURE__ */ e("div", { className: X({ level: u }) })
-          }
-        ),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "type-meta ds:text-muted-foreground",
-            children: h
-          }
-        )
-      ] }) : null
-    ] });
-  }
-);
-Z.displayName = "PasswordInput";
-export {
-  Z as P
-};
-//# sourceMappingURL=password-input-DJDVznWH.js.map

package/dist/_chunks/phone-input-DE_39q65.js

@@ -1,428 +0,0 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { forwardRef as Ie, useContext as Re, useMemo as p, useState as R, useRef as T, useEffect as Pe, useLayoutEffect as ke, useCallback as X } from "react";
-import * as P from "@radix-ui/react-popover";
-import { R as Fe, _ as h } from "./index-4xgbg-sn.js";
-import { c as E } from "./index-D2ZczOXr.js";
-import { useTranslation as Ve } from "react-i18next";
-import { getCountries as je, parsePhoneNumberFromString as A, getCountryCallingCode as Be, AsYouType as ee } from "libphonenumber-js/min";
-import { u as De, F as Te } from "./form-field-context-94LwgYTQ.js";
-import { c as Ae } from "./compose-refs-C0k0tdqF.js";
-import { n as L } from "./normalize-diacritics-BNGbFNlJ.js";
-import { a as te } from "./flag-DZ6V7-hU.js";
-import { C as Le } from "./chevron-down-BX_NP2Yh.js";
-const Ee = E(
-  [
-    "ds:group ds:relative ds:inline-flex ds:items-stretch ds:w-full",
-    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
-    "ds:text-foreground",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "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 ds:has-[:disabled]:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
-        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
-      },
-      tone: {
-        default: "",
-        error: "ds:border-destructive ds:focus-within:outline-destructive"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      tone: "default"
-    }
-  }
-), $e = E(
-  [
-    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:bg-transparent ds:text-foreground",
-    "ds:border-0 ds:border-e ds:border-e-border",
-    "ds:rounded-s-[var(--radius-sm)]",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-muted",
-    "ds:focus:outline-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:disabled:cursor-not-allowed"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:ps-3 ds:pe-2",
-        md: "ds:ps-3 ds:pe-2",
-        lg: "ds:ps-4 ds:pe-3"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), qe = E(
-  [
-    "ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
-    "ds:border-0 ds:outline-none",
-    "ds:disabled:cursor-not-allowed",
-    "ds:read-only:cursor-default"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-sm)]",
-        md: "ds:ps-2 ds:pe-3 ds:text-[length:var(--font-size-base)]",
-        lg: "ds:ps-3 ds:pe-4 ds:text-[length:var(--font-size-lg)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), Ge = [
-  "ds:z-[var(--z-popover)] ds:overflow-hidden ds:w-72",
-  "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
-  "ds:shadow-[var(--shadow-lg)]",
-  "ds:animate-in ds:fade-in ds:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
-  "ds:data-[state=closed]:zoom-out-95",
-  "ds:data-[side=bottom]:slide-in-from-top-2",
-  "ds:data-[side=top]:slide-in-from-bottom-2",
-  "ds:motion-reduce:animate-none"
-].join(" "), Me = [
-  "ds:w-full ds:bg-transparent ds:text-foreground ds:placeholder:text-muted-foreground",
-  "ds:border-0 ds:border-b ds:border-b-border ds:outline-none",
-  "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
-  "ds:focus:outline-none"
-].join(" "), Oe = "ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Ue = [
-  "ds:relative ds:flex ds:cursor-pointer ds:items-center ds:gap-[var(--spacing-sm)]",
-  "ds:rounded-[var(--radius-sm)] ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)]",
-  "ds:text-foreground ds:outline-none ds:select-none",
-  "ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground",
-  "ds:data-[highlighted]:border-s-2 ds:data-[highlighted]:border-s-primary",
-  "ds:aria-selected:bg-muted"
-].join(" "), se = [
-  "ds:ps-3 ds:pe-3 ds:py-1.5",
-  "type-eyebrow ds:text-muted-foreground"
-].join(" "), _e = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", He = {
-  sm: "ds:size-3.5",
-  md: "ds:size-4",
-  lg: "ds:size-5"
-}, ne = {
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-};
-function Ke(r, d) {
-  let i = 0;
-  for (let o = 0; o < d && o < r.length; o++)
-    r[o] >= "0" && r[o] <= "9" && i++;
-  return i;
-}
-function We(r, d) {
-  if (d === 0) return 0;
-  let i = 0;
-  for (let o = 0; o < r.length; o++)
-    if (r[o] >= "0" && r[o] <= "9" && (i++, i === d))
-      return o + 1;
-  return r.length;
-}
-function Ye(r, d, i, o) {
-  if (r && d.has(r)) return r;
-  if (i) {
-    const g = typeof navigator < "u" ? navigator.language : void 0;
-    if (g) {
-      const n = g.match(/-([A-Za-z]{2})/);
-      if (n) {
-        const l = n[1].toUpperCase();
-        if (d.has(l)) return l;
-      }
-    }
-    try {
-      const n = new Intl.Locale(o).region;
-      if (n && d.has(n.toUpperCase()))
-        return n.toUpperCase();
-    } catch {
-    }
-  }
-  return "IT";
-}
-function Ze(r, d) {
-  let i;
-  try {
-    i = new Intl.DisplayNames([r], { type: "region" });
-  } catch {
-    i = new Intl.DisplayNames(["en"], { type: "region" });
-  }
-  const o = d.map((n) => ({
-    code: n,
-    name: i.of(n) ?? n,
-    dialCode: Be(n)
-  })), g = new Intl.Collator(r);
-  return o.sort((n, l) => g.compare(n.name, l.name));
-}
-const Je = Ie(
-  function({
-    value: d,
-    defaultValue: i,
-    defaultCountry: o,
-    detectBrowserCountry: g = !1,
-    onChange: n,
-    size: l = "md",
-    tone: oe = "default",
-    disabled: re,
-    readOnly: $,
-    placeholder: de,
-    popularCountries: N,
-    className: ae,
-    id: ie,
-    name: le,
-    required: ce,
-    "aria-label": ue
-  }, fe) {
-    const { t: b, i18n: k } = Ve(), v = De(), C = Re(Te) !== null, x = p(
-      () => new Set(je()),
-      []
-    ), q = p(() => {
-      const e = Ye(
-        o,
-        x,
-        g,
-        k.language
-      ), t = d ?? i;
-      if (t) {
-        const s = A(t);
-        return s != null && s.country ? {
-          country: s.country,
-          display: s.formatNational()
-        } : { country: e, display: t };
-      }
-      return { country: e, display: "" };
-    }, []), [f, G] = R(q.country), [M, z] = R(
-      q.display
-    ), [F, V] = R(!1), [me, O] = R(""), U = d !== void 0, _ = T(""), S = T(null), j = T(null), pe = Ae(fe, j);
-    Pe(() => {
-      if (!U) return;
-      const e = d ?? "";
-      if (e === _.current) return;
-      if (e === "") {
-        z("");
-        return;
-      }
-      const t = A(e);
-      t != null && t.country ? (G(t.country), z(t.formatNational())) : z(e);
-    }, [d, U]), ke(() => {
-      if (S.current == null) return;
-      const e = S.current;
-      S.current = null;
-      const t = j.current;
-      t && document.activeElement === t && t.setSelectionRange(e, e);
-    });
-    const H = X(
-      (e, t) => {
-        const s = A(e, t), c = (s == null ? void 0 : s.number) ?? "";
-        _.current = c, n == null || n(c, {
-          country: t,
-          isValid: (s == null ? void 0 : s.isValid()) ?? !1,
-          isPossible: (s == null ? void 0 : s.isPossible()) ?? !1,
-          type: s == null ? void 0 : s.getType()
-        });
-      },
-      [n]
-    ), he = ie ?? (C ? v.id : void 0), K = (C ? v.disabled : !1) || !!re, ge = (C ? v.required : !1) || !!ce, W = C ? v.invalid : !1, be = W ? "error" : oe, ve = C && v.describedBy ? v.describedBy : void 0, ye = de ?? b("ui.inputs.phone.placeholder", "Phone number"), Ce = (e) => {
-      if ($) return;
-      const t = e.target, s = t.value, c = t.selectionStart ?? s.length, y = Ke(s, c), D = new ee(f).input(s);
-      S.current = We(D, y), z(D), H(D, f);
-    }, xe = (e) => {
-      if (e === f) {
-        V(!1);
-        return;
-      }
-      const t = M.replace(/\D/g, ""), s = new ee(e), c = t ? s.input(t) : "";
-      G(e), z(c), V(!1), O(""), H(c, e), requestAnimationFrame(() => {
-        var y;
-        (y = j.current) == null || y.focus();
-      });
-    }, m = p(
-      () => Ze(
-        k.language,
-        Array.from(x)
-      ),
-      [k.language, x]
-    ), w = p(() => {
-      if (!N || N.length === 0) return [];
-      const e = new Map(m.map((t) => [t.code, t]));
-      return N.filter(
-        (t) => x.has(t)
-      ).map((t) => e.get(t)).filter((t) => !!t);
-    }, [N, m, x]), B = p(
-      () => new Set(w.map((e) => e.code)),
-      [w]
-    ), ze = p(
-      () => B.size > 0 ? m.filter((e) => !B.has(e.code)) : m,
-      [m, B]
-    ), I = p(
-      () => m.find((e) => e.code === f),
-      [m, f]
-    ), Y = I ? I.dialCode : "", we = I ? I.name : f, Z = b(
-      "ui.inputs.phone.countryPickerLabel",
-      "Country"
-    ), Ne = `${Z}: ${we}, +${Y}`, Se = X(
-      (e, t, s) => {
-        const c = L(e), y = L(t), Q = s == null ? void 0 : s.map(L);
-        return Fe(
-          c,
-          y,
-          Q
-        );
-      },
-      []
-    ), J = (e) => {
-      const t = `${e.name}, +${e.dialCode}`;
-      return /* @__PURE__ */ u(
-        h.Item,
-        {
-          value: e.code,
-          keywords: [e.name, e.dialCode, `+${e.dialCode}`],
-          onSelect: () => xe(e.code),
-          className: Ue,
-          "aria-label": t,
-          children: [
-            /* @__PURE__ */ a(te, { country: e.code, size: ne[l] }),
-            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:truncate", children: e.name }),
-            /* @__PURE__ */ u("bdi", { dir: "ltr", className: "ds:text-muted-foreground ds:tabular-nums", children: [
-              "+",
-              e.dialCode
-            ] })
-          ]
-        },
-        e.code
-      );
-    };
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        "data-component": "phone-input",
-        "data-slot": "phone-input",
-        className: Ee({
-          size: l,
-          tone: be,
-          className: ae
-        }),
-        children: [
-          /* @__PURE__ */ u(P.Root, { open: F, onOpenChange: V, children: [
-            /* @__PURE__ */ a(P.Trigger, { asChild: !0, children: /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                disabled: K,
-                "aria-haspopup": "listbox",
-                "aria-expanded": F,
-                "aria-label": Ne,
-                className: $e({ size: l }),
-                children: [
-                  /* @__PURE__ */ a(te, { country: f, size: ne[l] }),
-                  /* @__PURE__ */ u("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
-                    "+",
-                    Y
-                  ] }),
-                  /* @__PURE__ */ a(
-                    Le,
-                    {
-                      "aria-hidden": "true",
-                      className: [
-                        He[l],
-                        "ds:shrink-0 ds:text-muted-foreground",
-                        "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                        F ? "ds:rotate-180" : ""
-                      ].join(" ")
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ a(P.Portal, { children: /* @__PURE__ */ a(
-              P.Content,
-              {
-                sideOffset: 6,
-                align: "start",
-                className: Ge,
-                children: /* @__PURE__ */ u(h, { filter: Se, shouldFilter: !0, loop: !0, label: Z, children: [
-                  /* @__PURE__ */ a(
-                    h.Input,
-                    {
-                      asChild: !0,
-                      value: me,
-                      onValueChange: O,
-                      children: /* @__PURE__ */ a(
-                        "input",
-                        {
-                          "data-phone-country-search": "true",
-                          type: "text",
-                          autoComplete: "off",
-                          autoCorrect: "off",
-                          spellCheck: !1,
-                          placeholder: b(
-                            "ui.inputs.phone.searchCountry",
-                            "Search countries…"
-                          ),
-                          className: Me
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ u(h.List, { className: Oe, children: [
-                    /* @__PURE__ */ a(h.Empty, { className: _e, children: b("ui.inputs.phone.noCountryFound", "No country found") }),
-                    w.length > 0 ? /* @__PURE__ */ a(
-                      h.Group,
-                      {
-                        heading: /* @__PURE__ */ a("span", { className: se, children: b("ui.inputs.phone.popularCountries", "Popular") }),
-                        children: w.map(J)
-                      }
-                    ) : null,
-                    /* @__PURE__ */ a(
-                      h.Group,
-                      {
-                        heading: w.length > 0 ? /* @__PURE__ */ a("span", { className: se, children: b("ui.inputs.phone.allCountries", "All countries") }) : void 0,
-                        children: ze.map(J)
-                      }
-                    )
-                  ] })
-                ] })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ a(
-            "input",
-            {
-              ref: pe,
-              id: he,
-              name: le,
-              type: "tel",
-              inputMode: "tel",
-              autoComplete: "tel-national",
-              value: M,
-              placeholder: ye,
-              disabled: K,
-              readOnly: $,
-              required: ge,
-              "aria-label": ue,
-              "aria-describedby": ve,
-              "aria-invalid": W || void 0,
-              onChange: Ce,
-              className: qe({ size: l })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Je.displayName = "PhoneInput";
-export {
-  Je as P,
-  qe as a,
-  $e as c,
-  Ee as p
-};
-//# sourceMappingURL=phone-input-DE_39q65.js.map