@alfadocs/ui-kit 0.64.0 → 0.66.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.64.0",
+  "version": "0.66.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -251,6 +251,10 @@
       "types": "./dist/components/due-date-calculator/index.d.ts",
       "import": "./dist/components/due-date-calculator/index.js"
     },
+    "./editor-overlay": {
+      "types": "./dist/components/editor-overlay/index.d.ts",
+      "import": "./dist/components/editor-overlay/index.js"
+    },
     "./email-input": {
       "types": "./dist/components/email-input/index.d.ts",
       "import": "./dist/components/email-input/index.js"
@@ -511,6 +515,10 @@
       "types": "./dist/components/slot-grid/index.d.ts",
       "import": "./dist/components/slot-grid/index.js"
     },
+    "./smart-date": {
+      "types": "./dist/components/smart-date/index.d.ts",
+      "import": "./dist/components/smart-date/index.js"
+    },
     "./social-sign-in-button": {
       "types": "./dist/components/social-sign-in-button/index.d.ts",
       "import": "./dist/components/social-sign-in-button/index.js"
@@ -891,6 +899,7 @@
     "@vitest/browser-playwright": "^4.1.4",
     "@vitest/coverage-v8": "^4.1.4",
     "ag-grid-community": "^35.2.1",
+    "ag-grid-enterprise": "^35.2.1",
     "ag-grid-react": "^35.2.1",
     "apexcharts": "^5.10.1",
     "autoprefixer": "^10.5.0",

package/dist/_chunks/icon-button-CKEOrN37.js

@@ -1,70 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { B as p } from "./button-DD_0Xdmr.js";
-import { c as b } from "./index-D2ZczOXr.js";
-import { T as h } from "./tooltip-DvmfrNvB.js";
-const g = b(
-  [
-    "ds:p-0",
-    // Active-state styling when an IconButton participates in an
-    // IconButtonGroup's `toggle-single` / `toggle-multi` mode. The
-    // group sets `aria-checked="true"` (radiogroup) or
-    // `aria-pressed="true"` (toolbar/group) on the selected child;
-    // without these utility classes the selection wouldn't read at a
-    // glance — see HeaderSettings' Appearance row + ThemeToggle's
-    // split variant.
-    "ds:aria-checked:bg-muted ds:aria-checked:text-foreground",
-    "ds:aria-checked:border-primary",
-    "ds:aria-pressed:bg-muted ds:aria-pressed:text-foreground",
-    "ds:aria-pressed:border-primary"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:w-8 ds:h-8",
-        md: "ds:w-10 ds:h-10",
-        lg: "ds:w-12 ds:h-12"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), x = f(
-  ({
-    icon: d,
-    size: s,
-    intent: i = "outline",
-    className: n,
-    tooltip: r,
-    flipIconInRtl: o = !1,
-    ...e
-  }, c) => {
-    const m = e["aria-label"] || r, l = s === "sm" ? "ds:size-4" : s === "lg" ? "ds:size-5" : "ds:size-[18px]", u = o ? "ds:rtl:rotate-180" : "", t = /* @__PURE__ */ a(
-      p,
-      {
-        ref: c,
-        size: s,
-        intent: i,
-        className: g({ size: s, className: n }),
-        "aria-label": m,
-        "data-component": "icon-button",
-        ...e,
-        children: /* @__PURE__ */ a(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: `ds:inline-flex ds:items-center ds:justify-center ${l} ${u}`.trim(),
-            children: d
-          }
-        )
-      }
-    );
-    return r ? /* @__PURE__ */ a(h, { label: r, children: t }) : t;
-  }
-);
-x.displayName = "IconButton";
-export {
-  x as I
-};
-//# sourceMappingURL=icon-button-CKEOrN37.js.map

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

@@ -1,525 +0,0 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { forwardRef as Fe, useContext as Ee, useMemo as h, useState as E, useRef as j, useEffect as ne, useCallback as oe } from "react";
-import { u as je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import * as D from "@radix-ui/react-popover";
-import { R as De, _ as y } from "./index-4xgbg-sn.js";
-import { c as G } from "./index-D2ZczOXr.js";
-import { useTranslation as Te } from "react-i18next";
-import { getCountries as Ae, parsePhoneNumberFromString as T, AsYouType as H, getCountryCallingCode as Be } from "libphonenumber-js/min";
-import { u as Le, F as Ke } from "./form-field-context-B3APVHKx.js";
-import { c as $e } from "./compose-refs-C0k0tdqF.js";
-import { n as _ } from "./normalize-diacritics-BNGbFNlJ.js";
-import { a as re } from "./flag-DZ6V7-hU.js";
-import { u as Me } from "./registry-nPAVE19X.js";
-import { C as qe } from "./chevron-down-BX_NP2Yh.js";
-const He = {
-  id: "phone-input",
-  capabilities: ["edit_inline"],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.phoneInput.state.value",
-      description: "Current E.164 phone number, or empty string when not yet valid.",
-      read: (n) => n.getValue()
-    },
-    isEmpty: {
-      type: "boolean",
-      descriptionKey: "ui.agent.phoneInput.state.isEmpty",
-      description: "Whether the input has no value.",
-      read: (n) => n.getValue() === ""
-    }
-  },
-  actions: {
-    set_value: {
-      safety: "write",
-      argsType: "{ value: string }",
-      descriptionKey: "ui.agent.phoneInput.actions.setValue",
-      description: "Replace the phone number (E.164 or national format; parser will infer country).",
-      invoke: (n, a) => {
-        n.setValue(a.value);
-      }
-    },
-    clear: {
-      safety: "destructive",
-      descriptionKey: "ui.agent.phoneInput.actions.clear",
-      description: "Empty the input. Loses any typed value.",
-      invoke: (n) => {
-        n.clear();
-      }
-    },
-    focus: {
-      safety: "read",
-      descriptionKey: "ui.agent.phoneInput.actions.focus",
-      description: "Move keyboard focus to the phone-number input.",
-      invoke: (n) => {
-        n.focus();
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "phone-input",
-      description: "Marks the PhoneInput wrapper."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, _e = G(
-  [
-    "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-input",
-    "ds:shadow-[var(--shadow-input)]",
-    "ds:text-foreground",
-    "ds:transition-[colors,box-shadow] 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"
-    }
-  }
-), Ge = G(
-  [
-    "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" }
-  }
-), Oe = G(
-  [
-    "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" }
-  }
-), Ue = [
-  "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(" "), We = [
-  "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(" "), Ye = "ds:max-h-72 ds:overflow-y-auto ds:p-[var(--spacing-xs)]", Ze = [
-  "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(" "), ae = [
-  "ds:ps-3 ds:pe-3 ds:py-1.5",
-  "type-eyebrow ds:text-muted-foreground"
-].join(" "), Je = "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", Qe = {
-  sm: "ds:size-3.5",
-  md: "ds:size-4",
-  lg: "ds:size-5"
-}, ie = {
-  sm: "sm",
-  md: "md",
-  lg: "lg"
-};
-function Xe(n, a) {
-  let d = 0;
-  for (let o = 0; o < a && o < n.length; o++)
-    n[o] >= "0" && n[o] <= "9" && d++;
-  return d;
-}
-function et(n, a) {
-  if (a === 0) return 0;
-  let d = 0;
-  for (let o = 0; o < n.length; o++)
-    if (n[o] >= "0" && n[o] <= "9" && (d++, d === a))
-      return o + 1;
-  return n.length;
-}
-function de(n, a, d, o) {
-  if (n && a.has(n)) return n;
-  if (d) {
-    const f = typeof navigator < "u" ? navigator.language : void 0;
-    if (f) {
-      const r = f.match(/-([A-Za-z]{2})/);
-      if (r) {
-        const u = r[1].toUpperCase();
-        if (a.has(u)) return u;
-      }
-    }
-    try {
-      const r = new Intl.Locale(o).region;
-      if (r && a.has(r.toUpperCase()))
-        return r.toUpperCase();
-    } catch {
-    }
-  }
-  return "IT";
-}
-function tt(n, a) {
-  let d;
-  try {
-    d = new Intl.DisplayNames([n], { type: "region" });
-  } catch {
-    d = new Intl.DisplayNames(["en"], { type: "region" });
-  }
-  const o = a.map((r) => ({
-    code: r,
-    name: d.of(r) ?? r,
-    dialCode: Be(r)
-  })), f = new Intl.Collator(n);
-  return o.sort((r, u) => f.compare(r.name, u.name));
-}
-const st = Fe(
-  function({
-    value: a,
-    defaultValue: d,
-    defaultCountry: o,
-    detectBrowserCountry: f = !1,
-    onChange: r,
-    size: u = "md",
-    tone: le = "default",
-    disabled: ce,
-    readOnly: O,
-    placeholder: ue,
-    popularCountries: R,
-    className: pe,
-    id: A,
-    name: fe,
-    required: me,
-    "aria-label": he
-  }, ge) {
-    const { t: C, i18n: z } = Te(), x = Le(), N = Ee(Ke) !== null, g = h(
-      () => new Set(Ae()),
-      []
-    ), B = h(() => {
-      const e = de(
-        o,
-        g,
-        f,
-        z.language
-      ), t = a ?? d;
-      if (t) {
-        const s = T(t);
-        return s != null && s.country ? {
-          country: s.country,
-          display: s.formatNational(),
-          pinned: !0
-        } : { country: e, display: t, pinned: !1 };
-      }
-      return { country: e, display: "", pinned: !1 };
-    }, []), [l, S] = E(B.country), [U, p] = E(
-      B.display
-    ), [L, K] = E(!1), [be, W] = E(""), Y = a !== void 0, $ = j(""), k = j(null), P = j(B.pinned), V = j(null), ve = $e(ge, V);
-    ne(() => {
-      if (P.current) return;
-      const e = de(
-        o,
-        g,
-        f,
-        z.language
-      );
-      S((t) => t === e ? t : e);
-    }, [
-      z.language,
-      o,
-      g,
-      f
-    ]), ne(() => {
-      if (!Y) return;
-      const e = a ?? "";
-      if (e === $.current) return;
-      if (e === "") {
-        p("");
-        return;
-      }
-      const t = T(e);
-      t != null && t.country ? (P.current = !0, S(t.country), p(t.formatNational())) : p(e);
-    }, [a, Y]), je(() => {
-      if (k.current == null) return;
-      const e = k.current;
-      k.current = null;
-      const t = V.current;
-      t && document.activeElement === t && t.setSelectionRange(e, e);
-    });
-    const b = oe(
-      (e, t) => {
-        const s = T(e, t), c = (s == null ? void 0 : s.number) ?? "";
-        $.current = c, r == null || r(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()
-        });
-      },
-      [r]
-    ), ye = A ?? (N ? x.id : void 0), Z = (N ? x.disabled : !1) || !!ce, Ce = (N ? x.required : !1) || !!me, J = N ? x.invalid : !1, xe = J ? "error" : le, we = N && x.describedBy ? x.describedBy : void 0, ze = ue ?? C("inputs.phone.placeholder", "Phone number"), Ne = (e) => {
-      if (O) return;
-      const t = e.target, s = t.value, c = t.selectionStart ?? s.length, w = Xe(s, c), q = new H(l).input(s);
-      k.current = et(q, w), p(q), b(q, l);
-    }, Q = $, Ie = h(
-      () => ({
-        getValue: () => Q.current,
-        setValue: (e) => {
-          if (e === "") {
-            p(""), b("", l);
-            return;
-          }
-          const t = T(e);
-          if (t != null && t.country)
-            P.current = !0, S(t.country), p(t.formatNational()), b(t.formatNational(), t.country);
-          else {
-            const c = new H(l).input(e);
-            p(c), b(c, l);
-          }
-        },
-        clear: () => {
-          p(""), b("", l);
-        },
-        focus: () => {
-          var e;
-          return (e = V.current) == null ? void 0 : e.focus();
-        }
-      }),
-      [l, b, Q]
-    );
-    Me(He, Ie, A);
-    const Re = (e) => {
-      if (e === l) {
-        K(!1);
-        return;
-      }
-      const t = U.replace(/\D/g, ""), s = new H(e), c = t ? s.input(t) : "";
-      P.current = !0, S(e), p(c), K(!1), W(""), b(c, e), requestAnimationFrame(() => {
-        var w;
-        (w = V.current) == null || w.focus();
-      });
-    }, v = h(
-      () => tt(
-        z.language,
-        Array.from(g)
-      ),
-      [z.language, g]
-    ), I = h(() => {
-      if (!R || R.length === 0) return [];
-      const e = new Map(v.map((t) => [t.code, t]));
-      return R.filter((t) => g.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [R, v, g]), M = h(
-      () => new Set(I.map((e) => e.code)),
-      [I]
-    ), Se = h(
-      () => M.size > 0 ? v.filter((e) => !M.has(e.code)) : v,
-      [v, M]
-    ), F = h(
-      () => v.find((e) => e.code === l),
-      [v, l]
-    ), X = F ? F.dialCode : "", ke = F ? F.name : l, ee = C("inputs.phone.countryPickerLabel", "Country"), Pe = `${ee}: ${ke}, +${X}`, Ve = oe(
-      (e, t, s) => {
-        const c = _(e), w = _(t), se = s == null ? void 0 : s.map(_);
-        return De(
-          c,
-          w,
-          se
-        );
-      },
-      []
-    ), te = (e) => {
-      const t = `${e.name}, +${e.dialCode}`;
-      return /* @__PURE__ */ m(
-        y.Item,
-        {
-          value: e.code,
-          keywords: [e.name, e.dialCode, `+${e.dialCode}`],
-          onSelect: () => Re(e.code),
-          className: Ze,
-          "aria-label": t,
-          children: [
-            /* @__PURE__ */ i(re, { country: e.code, size: ie[u] }),
-            /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:truncate", children: e.name }),
-            /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:text-muted-foreground ds:tabular-nums", children: [
-              "+",
-              e.dialCode
-            ] })
-          ]
-        },
-        e.code
-      );
-    };
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        "data-component": "phone-input",
-        "data-component-id": A,
-        "data-slot": "phone-input",
-        className: _e({
-          size: u,
-          tone: xe,
-          className: pe
-        }),
-        children: [
-          /* @__PURE__ */ m(D.Root, { open: L, onOpenChange: K, children: [
-            /* @__PURE__ */ i(D.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
-              "button",
-              {
-                type: "button",
-                disabled: Z,
-                "aria-haspopup": "listbox",
-                "aria-expanded": L,
-                "aria-label": Pe,
-                className: Ge({ size: u }),
-                children: [
-                  /* @__PURE__ */ i(re, { country: l, size: ie[u] }),
-                  /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
-                    "+",
-                    X
-                  ] }),
-                  /* @__PURE__ */ i(
-                    qe,
-                    {
-                      "aria-hidden": "true",
-                      className: [
-                        Qe[u],
-                        "ds:shrink-0 ds:text-muted-foreground",
-                        "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                        L ? "ds:rotate-180" : ""
-                      ].join(" ")
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ i(D.Portal, { children: /* @__PURE__ */ i(
-              D.Content,
-              {
-                sideOffset: 6,
-                align: "start",
-                className: Ue,
-                children: /* @__PURE__ */ m(y, { filter: Ve, shouldFilter: !0, loop: !0, label: ee, children: [
-                  /* @__PURE__ */ i(
-                    y.Input,
-                    {
-                      asChild: !0,
-                      value: be,
-                      onValueChange: W,
-                      children: /* @__PURE__ */ i(
-                        "input",
-                        {
-                          "data-phone-country-search": "true",
-                          type: "text",
-                          autoComplete: "off",
-                          autoCorrect: "off",
-                          spellCheck: !1,
-                          placeholder: C(
-                            "inputs.phone.searchCountry",
-                            "Search countries…"
-                          ),
-                          className: We
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ m(y.List, { className: Ye, children: [
-                    /* @__PURE__ */ i(y.Empty, { className: Je, children: C("inputs.phone.noCountryFound", "No country found") }),
-                    I.length > 0 ? /* @__PURE__ */ i(
-                      y.Group,
-                      {
-                        heading: /* @__PURE__ */ i("span", { className: ae, children: C("inputs.phone.popularCountries", "Popular") }),
-                        children: I.map(te)
-                      }
-                    ) : null,
-                    /* @__PURE__ */ i(
-                      y.Group,
-                      {
-                        heading: I.length > 0 ? /* @__PURE__ */ i("span", { className: ae, children: C("inputs.phone.allCountries", "All countries") }) : void 0,
-                        children: Se.map(te)
-                      }
-                    )
-                  ] })
-                ] })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: ve,
-              id: ye,
-              name: fe,
-              type: "tel",
-              inputMode: "tel",
-              autoComplete: "tel-national",
-              value: U,
-              placeholder: ze,
-              disabled: Z,
-              readOnly: O,
-              required: Ce,
-              "aria-label": he,
-              "aria-describedby": we,
-              "aria-invalid": J || void 0,
-              onChange: Ne,
-              className: Oe({ size: u })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-st.displayName = "PhoneInput";
-export {
-  st as P,
-  Oe as a,
-  Ge as c,
-  _e as p
-};
-//# sourceMappingURL=phone-input-DfZbPPvh.js.map