@alfadocs/ui-kit 0.64.0 → 0.65.0

package/dist/_chunks/editor-overlay-wYm22wZK.js

@@ -0,0 +1,88 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { useRef as p, useId as h, useCallback as w, useEffect as y } from "react";
+import { useTranslation as k } from "react-i18next";
+import { c as E } from "./index-D2ZczOXr.js";
+import { I as j } from "./icon-button-LqoiKcUN.js";
+import { X as I } from "./x-CCcI3eJp.js";
+const N = E(
+  [
+    // Spans the editor's block-end edge (a docked bar) and expands from the pill.
+    "ds:absolute ds:z-20",
+    "ds:[inset-inline-start:var(--spacing-md)] ds:[inset-inline-end:var(--spacing-md)]",
+    "ds:[inset-block-end:var(--spacing-md)]",
+    // Slim docked bar — compact but with a little breathing room.
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:rounded-[var(--radius-lg)]",
+    // Apple "Liquid Glass": a translucent base + backdrop blur/saturate so the
+    // editor shows through, a specular top "rim" + inner hairline ring, and a
+    // soft drop shadow for a floating slab. --card-border is theme-aware (dark
+    // hairline on light themes, bright on dark), so the rim reads in all four.
+    "ds:bg-[color-mix(in_srgb,var(--popover)_64%,transparent)]",
+    "ds:backdrop-blur-xl ds:backdrop-saturate-150",
+    "ds:border ds:border-[color-mix(in_srgb,var(--card-border)_70%,transparent)]",
+    "ds:shadow-[inset_0_1px_0_0_var(--card-border),inset_0_0_0_1px_color-mix(in_srgb,var(--card-border)_35%,transparent),var(--shadow-lg)]",
+    // Liquid-glass grow out of the pill (bottom-inline-end origin).
+    "ds:origin-bottom-right ds:animate-in ds:fade-in-0 ds:zoom-in-95",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+), z = "ds:text-[length:var(--font-size-base)] ds:font-medium ds:text-[color:var(--foreground)]";
+function L({
+  open: n,
+  onClose: t,
+  title: a,
+  ariaLabel: v,
+  children: b,
+  footer: i,
+  className: g
+}) {
+  const { t: x } = k(), o = p(null), c = p(null), l = h(), d = w(() => t(), [t]);
+  return y(() => {
+    if (!n) return;
+    c.current = document.activeElement;
+    const _ = window.requestAnimationFrame(() => {
+      var r, u;
+      (u = ((r = o.current) == null ? void 0 : r.querySelector(
+        'input, textarea, button, [tabindex]:not([tabindex="-1"])'
+      )) ?? o.current) == null || u.focus();
+    }), m = (e) => {
+      e.key === "Escape" && (e.stopPropagation(), d());
+    };
+    return document.addEventListener("keydown", m), () => {
+      var e, r;
+      window.cancelAnimationFrame(_), document.removeEventListener("keydown", m), (r = (e = c.current) == null ? void 0 : e.focus) == null || r.call(e);
+    };
+  }, [n, d]), n ? /* @__PURE__ */ s("div", { "data-component": "editor-overlay", children: /* @__PURE__ */ f(
+    "div",
+    {
+      ref: o,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-labelledby": a ? l : void 0,
+      "aria-label": a ? void 0 : v,
+      tabIndex: -1,
+      className: [N(), g].filter(Boolean).join(" "),
+      children: [
+        a ? /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s("div", { id: l, className: z, children: a }),
+          /* @__PURE__ */ s(
+            j,
+            {
+              size: "sm",
+              intent: "ghost",
+              icon: /* @__PURE__ */ s(I, {}),
+              "aria-label": x("common.close"),
+              onClick: d
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: b }),
+        i ? /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]", children: i }) : null
+      ]
+    }
+  ) }) : null;
+}
+export {
+  L as E
+};
+//# sourceMappingURL=editor-overlay-wYm22wZK.js.map

package/dist/_chunks/{el-B29HXhG5.js → el-DHdMOIhL.js}

@@ -1,4 +1,4 @@
-import { q as s, r as i, v as o, w as d } from "./date-picker-variants-CXEAx3O_.js";
+import { o as s, q as i, r as o, v as d } from "./date-picker-variants-DAcSLTua.js";
 const u = {
   lessThanXSeconds: {
     one: "λιγότερο από ένα δευτερόλεπτο",
@@ -93,7 +93,7 @@ const u = {
     formats: m,
     defaultWidth: "full"
   })
-}, w = {
+}, b = {
   lastWeek: (e) => {
     switch (e.getDay()) {
       case 6:
@@ -107,8 +107,8 @@ const u = {
   tomorrow: "'αύριο στις' p",
   nextWeek: "eeee 'στις' p",
   other: "P"
-}, b = (e, r) => {
-  const a = w[e];
+}, w = (e, r) => {
+  const a = b[e];
   return typeof a == "function" ? a(r) : a;
 }, y = {
   narrow: ["πΧ", "μΧ"],
@@ -359,7 +359,7 @@ const u = {
   code: "el",
   formatDistance: c,
   formatLong: f,
-  formatRelative: b,
+  formatRelative: w,
   localize: k,
   match: q,
   options: {
@@ -370,4 +370,4 @@ const u = {
 export {
   O as el
 };
-//# sourceMappingURL=el-B29HXhG5.js.map
+//# sourceMappingURL=el-DHdMOIhL.js.map

package/dist/_chunks/{es-BOwPVwWn.js → es-DCATCfqo.js}

@@ -1,4 +1,4 @@
-import { q as d, r as o, v as r, w as s } from "./date-picker-variants-CXEAx3O_.js";
+import { o as d, q as o, r, v as s } from "./date-picker-variants-DAcSLTua.js";
 const m = {
   lessThanXSeconds: {
     one: "menos de un segundo",
@@ -370,4 +370,4 @@ const m = {
 export {
   q as es
 };
-//# sourceMappingURL=es-BOwPVwWn.js.map
+//# sourceMappingURL=es-DCATCfqo.js.map

package/dist/_chunks/{fetal-weight-D1a6BmM-.js → fetal-weight-B_pBjlO7.js}

@@ -6,7 +6,7 @@ import { F as D } from "./form-field-BOm9hK35.js";
 import { N as E } from "./number-input-Dj5L3pXK.js";
 import { C as N } from "./card-DPmk26CL.js";
 import { B as H } from "./badge-zsf5i5bH.js";
-import { I as S } from "./insert-result-C1SYdueh.js";
+import { I as S } from "./insert-result-DIAG3ltJ.js";
 function h(l) {
   return typeof l == "number" && Number.isFinite(l) && l > 0 ? l / 10 : null;
 }
@@ -119,4 +119,4 @@ export {
   G as F,
   q as e
 };
-//# sourceMappingURL=fetal-weight-D1a6BmM-.js.map
+//# sourceMappingURL=fetal-weight-B_pBjlO7.js.map

package/dist/_chunks/{fiscal-code-input-BZ0FxwUl.js → fiscal-code-input-DPtqluVb.js}

@@ -6,7 +6,7 @@ import { u as We, F as Ye } from "./form-field-context-B3APVHKx.js";
 import { I as ie, c as qe, a as L, b as Z } from "./input-surface-xyERuLU_.js";
 import { c as Je } from "./compose-refs-C0k0tdqF.js";
 import { u as Qe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as et } from "./icon-button-CKEOrN37.js";
+import { I as et } from "./icon-button-LqoiKcUN.js";
 import { u as tt } from "./registry-nPAVE19X.js";
 import { c as st } from "./createLucideIcon-CrFbzy84.js";
 import { C as ce } from "./circle-alert-ChA9opNA.js";
@@ -537,4 +537,4 @@ export {
   Ut as i,
   vt as w
 };
-//# sourceMappingURL=fiscal-code-input-BZ0FxwUl.js.map
+//# sourceMappingURL=fiscal-code-input-DPtqluVb.js.map

package/dist/_chunks/{fr-DoDBtn0T.js → fr-BfGEMshF.js}

@@ -1,4 +1,4 @@
-import { q as m, r, v as o, w as d } from "./date-picker-variants-CXEAx3O_.js";
+import { o as m, q as r, r as o, v as d } from "./date-picker-variants-DAcSLTua.js";
 const u = {
   lessThanXSeconds: {
     one: "moins d’une seconde",
@@ -335,4 +335,4 @@ const u = {
 export {
   q as fr
 };
-//# sourceMappingURL=fr-DoDBtn0T.js.map
+//# sourceMappingURL=fr-BfGEMshF.js.map

package/dist/_chunks/{freemium-paywall-gHGA44dW.js → freemium-paywall-CkWjv3o6.js}

@@ -8,7 +8,7 @@ import { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-kzIRcdaq.js";
-import { f as $ } from "./payment-form-DJ9vnzrT.js";
+import { f as $ } from "./payment-form-nXocS_MX.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-gHGA44dW.js.map
+//# sourceMappingURL=freemium-paywall-CkWjv3o6.js.map

package/dist/_chunks/{gestational-age-calculator-D85E8lGN.js → gestational-age-calculator-BETQAVkA.js}

@@ -5,15 +5,15 @@ import { useTranslation as te } from "react-i18next";
 import { R as i } from "./radio-TWf9Q-mp.js";
 import { R as y } from "./radio-group-CLjK-SlK.js";
 import { F as x } from "./form-field-BOm9hK35.js";
-import { D as w } from "./date-picker-BfHblqwA.js";
+import { D as w } from "./date-picker-oGg5BnXL.js";
 import { S as le } from "./select-CEtRcon5.js";
 import { S as se } from "./switch-BJ6HD3Mn.js";
 import { C as R } from "./card-DPmk26CL.js";
 import { B as T } from "./badge-zsf5i5bH.js";
-import { I as ie } from "./insert-result-C1SYdueh.js";
-import { c as ne, g as oe, e as re, f as de, A as ce, h as me, i as ge, G as ue } from "./antenatal-schedule-timeline-CdiqkF05.js";
-import { s as he } from "./subDays-Bs00akhK.js";
-import { i as pe } from "./date-picker-variants-CXEAx3O_.js";
+import { I as ie } from "./insert-result-DIAG3ltJ.js";
+import { c as ne, g as oe, e as re, f as de, A as ce, h as me, i as ge, G as ue } from "./antenatal-schedule-timeline-BfzFjEyb.js";
+import { s as he } from "./subDays-BcYv1Lxi.js";
+import { i as pe } from "./date-picker-variants-DAcSLTua.js";
 const fe = ae("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
@@ -308,4 +308,4 @@ ve.displayName = "GestationalAgeCalculator";
 export {
   ve as G
 };
-//# sourceMappingURL=gestational-age-calculator-D85E8lGN.js.map
+//# sourceMappingURL=gestational-age-calculator-BETQAVkA.js.map

package/dist/_chunks/{hcg-doubling-Dg0Hr7ey.js → hcg-doubling-8zXCJgAQ.js}

@@ -4,10 +4,10 @@ import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
 import { F as f } from "./form-field-BOm9hK35.js";
 import { N as L } from "./number-input-Dj5L3pXK.js";
-import { D as M } from "./date-time-picker-H-3Pwqlb.js";
+import { D as M } from "./date-time-picker-Ze1My59T.js";
 import { C as _ } from "./card-DPmk26CL.js";
 import { B as A } from "./badge-zsf5i5bH.js";
-import { I as C } from "./insert-result-C1SYdueh.js";
+import { I as C } from "./insert-result-DIAG3ltJ.js";
 const O = 1e3 * 60 * 60, z = 35;
 function G(D) {
   const { hcg1: r, hcg2: s, date1: d, date2: o } = D;
@@ -167,4 +167,4 @@ export {
   z as M,
   G as a
 };
-//# sourceMappingURL=hcg-doubling-Dg0Hr7ey.js.map
+//# sourceMappingURL=hcg-doubling-8zXCJgAQ.js.map

package/dist/_chunks/{header-Ce1Br27u.js → header-CNszv2WQ.js}

@@ -3,7 +3,7 @@ import { forwardRef as t, useRef as N, useState as k, useEffect as j } from "rea
 import { c as o } from "./index-D2ZczOXr.js";
 import { Slot as H } from "@radix-ui/react-slot";
 import { useTranslation as u } from "react-i18next";
-import { I as w } from "./icon-button-CKEOrN37.js";
+import { I as w } from "./icon-button-LqoiKcUN.js";
 import { M as B } from "./menu-XRhW3_99.js";
 const C = o(
   [
@@ -294,4 +294,4 @@ export {
   q as f,
   D as g
 };
-//# sourceMappingURL=header-Ce1Br27u.js.map
+//# sourceMappingURL=header-CNszv2WQ.js.map

package/dist/_chunks/{header-settings-D5Z2B_Yz.js → header-settings-CNOqIhoW.js}

@@ -2,11 +2,11 @@ import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as A, useRef as p, useImperativeHandle as C, useCallback as x, useMemo as I } from "react";
 import { c as N } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { I as o } from "./icon-button-CKEOrN37.js";
+import { I as o } from "./icon-button-LqoiKcUN.js";
 import { I as M } from "./icon-button-group-C48khLE0.js";
 import { D as r } from "./dropdown-menu-DwwPovMZ.js";
 import { S as R } from "./switch-BJ6HD3Mn.js";
-import { c as v, a as H, L as _ } from "./locale-picker-D99UyZVJ.js";
+import { c as v, a as H, L as _ } from "./locale-picker-C9JmBht3.js";
 import { u as O } from "./use-locale-BkCIHujH.js";
 import { u as P } from "./use-theme-CAuo6EYT.js";
 import { u as j } from "./registry-nPAVE19X.js";
@@ -241,4 +241,4 @@ Y.displayName = "HeaderSettings";
 export {
   Y as H
 };
-//# sourceMappingURL=header-settings-D5Z2B_Yz.js.map
+//# sourceMappingURL=header-settings-CNOqIhoW.js.map

package/dist/_chunks/{hi-DGByrKby.js → hi-CBFRXEIm.js}

@@ -1,4 +1,4 @@
-import { r as o, q as s, v as r, w as u } from "./date-picker-variants-CXEAx3O_.js";
+import { q as o, o as s, r, v as u } from "./date-picker-variants-DAcSLTua.js";
 const d = {
   locale: {
     1: "१",
@@ -430,4 +430,4 @@ const y = {
 export {
   H as hi
 };
-//# sourceMappingURL=hi-DGByrKby.js.map
+//# sourceMappingURL=hi-CBFRXEIm.js.map

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

@@ -0,0 +1,78 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { B as u } from "./button-DD_0Xdmr.js";
+import { c as p } from "./index-D2ZczOXr.js";
+import { T as h } from "./tooltip-DvmfrNvB.js";
+const g = p(
+  [
+    "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` (32px) and `md` (40px) sit below `--min-target-size` (44/48px).
+        // IconButton overrides Button's `size` variant, so it doesn't inherit
+        // Button's touch-target `::before`. Re-add it here for the under-target
+        // sizes: a transparent pseudo-element expands the *hit area* to
+        // `--min-target-size` on touch / small screens, then is hidden from the
+        // `sm:` breakpoint up (desktop pointer input keeps the compact box, so
+        // there's no visual/layout change on the desktop Chromatic baselines).
+        // `lg` (48px) already clears the target, so it needs no expansion.
+        sm: 'ds:w-8 ds:h-8 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden',
+        md: 'ds:w-10 ds:h-10 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden',
+        lg: "ds:w-12 ds:h-12"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), x = b(
+  ({
+    icon: d,
+    size: e,
+    intent: i = "outline",
+    className: n,
+    tooltip: s,
+    flipIconInRtl: o = !1,
+    ...a
+  }, c) => {
+    const m = a["aria-label"] || s, l = e === "sm" ? "ds:size-4" : e === "lg" ? "ds:size-5" : "ds:size-[18px]", f = o ? "ds:rtl:rotate-180" : "", t = /* @__PURE__ */ r(
+      u,
+      {
+        ref: c,
+        size: e,
+        intent: i,
+        className: g({ size: e, className: n }),
+        "aria-label": m,
+        "data-component": "icon-button",
+        ...a,
+        children: /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `ds:inline-flex ds:items-center ds:justify-center ${l} ${f}`.trim(),
+            children: d
+          }
+        )
+      }
+    );
+    return s ? /* @__PURE__ */ r(h, { label: s, children: t }) : t;
+  }
+);
+x.displayName = "IconButton";
+export {
+  x as I
+};
+//# sourceMappingURL=icon-button-LqoiKcUN.js.map