@alfadocs/ui-kit 0.41.1 → 0.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.41.1",
+  "version": "0.42.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -51,6 +51,10 @@
       "types": "./dist/components/accordion/index.d.ts",
       "import": "./dist/components/accordion/index.js"
     },
+    "./address-autocomplete": {
+      "types": "./dist/components/address-autocomplete/index.d.ts",
+      "import": "./dist/components/address-autocomplete/index.js"
+    },
     "./ai-prompt-input": {
       "types": "./dist/components/ai-prompt-input/index.d.ts",
       "import": "./dist/components/ai-prompt-input/index.js"
@@ -515,6 +519,10 @@
       "types": "./dist/components/switch/index.d.ts",
       "import": "./dist/components/switch/index.js"
     },
+    "./tab-bar": {
+      "types": "./dist/components/tab-bar/index.d.ts",
+      "import": "./dist/components/tab-bar/index.js"
+    },
     "./tabs": {
       "types": "./dist/components/tabs/index.d.ts",
       "import": "./dist/components/tabs/index.js"
@@ -629,6 +637,7 @@
     "format:check": "prettier --check .",
     "stylelint": "stylelint \"src/**/*.css\"",
     "check:data-component": "node scripts/check-data-component-coverage.mjs",
+    "check:arbitrary-classes": "node scripts/check-arbitrary-classes.mjs",
     "check:prop-runtime-coverage": "node scripts/check-prop-runtime-coverage.mjs",
     "check:story-locale-thrash": "node scripts/check-story-locale-thrash.mjs",
     "check:i18n": "node scripts/check-no-namespaced-i18n.mjs",
@@ -815,6 +824,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.2",
+    "@exa-online/storybook-jira-addon": "^3.0.3",
     "@fullcalendar/core": "^6.1.20",
     "@fullcalendar/daygrid": "^6.1.20",
     "@fullcalendar/interaction": "^6.1.20",
@@ -829,7 +839,12 @@
     "@storybook/addon-docs": "^10.3.5",
     "@storybook/addon-themes": "^10.3.5",
     "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/components": "file:.storybook/sb-compat-shims/components",
+    "@storybook/core-events": "file:.storybook/sb-compat-shims/core-events",
+    "@storybook/manager-api": "file:.storybook/sb-compat-shims/manager-api",
+    "@storybook/preview-api": "file:.storybook/sb-compat-shims/preview-api",
     "@storybook/react-vite": "^10.3.5",
+    "@storybook/theming": "file:.storybook/sb-compat-shims/theming",
     "@stripe/react-stripe-js": "^6.2.0",
     "@stripe/stripe-js": "^9.2.0",
     "@tailwindcss/postcss": "^4.2.2",

package/dist/_chunks/cycle-calculator-B5Uj9QeT.js

@@ -1,185 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as D, useState as h, useMemo as y, useEffect as E } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as F } from "react-i18next";
-import { F as C } from "./form-field-BOm9hK35.js";
-import { D as A } from "./date-picker-CvQfs6Xh.js";
-import { N as S } from "./number-input-Dj5L3pXK.js";
-import { B as x } from "./badge-zsf5i5bH.js";
-import { I as T } from "./insert-result-yJ0QavoN.js";
-import { a as n } from "./react-day-picker-CdtIiKjx.js";
-import { C as W } from "./check-DPdL_Sm7.js";
-import { H as $ } from "./heart-C0faivFf.js";
-import { c as H } 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 I = [
-  [
-    "path",
-    {
-      d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",
-      key: "c7niix"
-    }
-  ]
-], z = H("droplet", I), v = 28, k = 14, B = 1;
-function Y(m, c = 3) {
-  const d = m.cycleLength ?? v, { lastPeriodStart: o } = m, i = n(o, d - k), u = {
-    start: n(i, -5),
-    end: n(i, B)
-  }, f = n(o, d), t = Array.from(
-    { length: c },
-    (p, s) => n(o, d * (s + 1))
-  );
-  return { nextPeriod: f, ovulation: i, fertileWindow: u, upcomingPeriods: t };
-}
-const j = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
-  variants: {
-    width: { full: "ds:w-full", auto: "ds:inline-flex" }
-  },
-  defaultVariants: { width: "full" }
-}), M = D(
-  ({
-    defaultCycleLength: m = v,
-    onResultChange: c,
-    onInsert: d,
-    id: o,
-    width: i,
-    className: u
-  }, f) => {
-    const { t, i18n: p } = F(), [s, N] = h(void 0), [g, L] = h(
-      m
-    ), a = y(() => s ? Y({
-      lastPeriodStart: s,
-      cycleLength: g ?? v
-    }) : null, [s, g]), P = y(
-      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
-      [p.language]
-    );
-    E(() => {
-      c == null || c(a);
-    }, [a, c]);
-    const w = y(() => /* @__PURE__ */ new Date(), []), l = (b) => P.format(b);
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: f,
-        "data-component": "cycle-calculator",
-        "data-component-id": o,
-        className: j({ width: i, className: u }),
-        children: [
-          /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            /* @__PURE__ */ e(C, { label: t("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
-              A,
-              {
-                value: s,
-                onChange: N,
-                maxDate: w
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              C,
-              {
-                label: t("cycleCalculator.cycleLength"),
-                description: t("cycleCalculator.cycleLengthHint"),
-                children: /* @__PURE__ */ e(
-                  S,
-                  {
-                    mode: "integer",
-                    min: 20,
-                    max: 45,
-                    value: g,
-                    onChange: L
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${t("cycleCalculator.ovulation")}: ${l(a.ovulation)}. ${t(
-            "cycleCalculator.nextPeriod"
-          )}: ${l(a.nextPeriod)}.` : "" }),
-          a ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ r("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
-              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
-                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.ovulation") }),
-                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
-                  x,
-                  {
-                    variant: "success",
-                    size: "lg",
-                    leading: /* @__PURE__ */ e(W, { "aria-hidden": !0 }),
-                    children: l(a.ovulation)
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
-                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.fertileWindow") }),
-                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ r(
-                  x,
-                  {
-                    variant: "accent",
-                    size: "lg",
-                    leading: /* @__PURE__ */ e($, { "aria-hidden": !0 }),
-                    children: [
-                      l(a.fertileWindow.start),
-                      " –",
-                      " ",
-                      l(a.fertileWindow.end)
-                    ]
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
-                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.nextPeriod") }),
-                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
-                  x,
-                  {
-                    variant: "error",
-                    size: "lg",
-                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
-                    children: l(a.nextPeriod)
-                  }
-                ) })
-              ] })
-            ] }),
-            d ? /* @__PURE__ */ e(
-              T,
-              {
-                onInsert: d,
-                card: {
-                  title: t("insert.title.cycle"),
-                  fields: [
-                    {
-                      label: t("cycleCalculator.ovulation"),
-                      value: l(a.ovulation)
-                    },
-                    {
-                      label: t("cycleCalculator.fertileWindow"),
-                      value: `${l(a.fertileWindow.start)} – ${l(
-                        a.fertileWindow.end
-                      )}`
-                    },
-                    {
-                      label: t("cycleCalculator.nextPeriod"),
-                      value: l(a.nextPeriod)
-                    }
-                  ]
-                }
-              }
-            ) : null
-          ] }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: t("cycleCalculator.empty") })
-        ]
-      }
-    );
-  }
-);
-M.displayName = "CycleCalculator";
-export {
-  M as C,
-  k as L,
-  Y as p
-};
-//# sourceMappingURL=cycle-calculator-B5Uj9QeT.js.map

package/dist/_chunks/insert-result-yJ0QavoN.js

@@ -1,133 +0,0 @@
-import { jsxs as p, Fragment as C, jsx as r } from "react/jsx-runtime";
-import { useRef as v } from "react";
-import { useTranslation as w } from "react-i18next";
-import { B as I } from "./button-DD_0Xdmr.js";
-import { D as c } from "./dropdown-menu-BC5ZdOMo.js";
-import { C as D } from "./chevron-down-BX_NP2Yh.js";
-import { c as Y } from "./createLucideIcon-CrFbzy84.js";
-import { I as A } from "./image-C6RM5hfF.js";
-import { C as P } from "./copy-B00HK7tj.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 R = [
-  ["path", { d: "M12 4v16", key: "1654pz" }],
-  ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
-  ["path", { d: "M9 20h6", key: "s66wpe" }]
-], S = Y("type", R), z = ["fg", "muted", "accent", "border", "bg"];
-function B(t) {
-  const e = {
-    fg: "currentColor",
-    muted: "currentColor",
-    accent: "currentColor",
-    border: "currentColor",
-    bg: "transparent",
-    font: "sans-serif"
-  };
-  if (!t) return e;
-  const o = (i) => {
-    const s = t.querySelector(`[data-k="${i}"]`);
-    return s && getComputedStyle(s).color || "currentColor";
-  };
-  return {
-    fg: o("fg"),
-    muted: o("muted"),
-    accent: o("accent"),
-    border: o("border"),
-    bg: o("bg"),
-    font: getComputedStyle(t).fontFamily || "sans-serif"
-  };
-}
-const l = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function j(t) {
-  const e = [t.title];
-  t.highlight && e.push(t.highlight);
-  for (const o of t.fields) e.push(`• ${o.label}: ${o.value}`);
-  return e.join(`
-`);
-}
-function T(t) {
-  const e = t.fields.map((i) => `<li>${l(i.label)}: ${l(i.value)}</li>`).join(""), o = t.highlight ? `<p><strong>${l(t.highlight)}</strong></p>` : "";
-  return `<p><strong>${l(t.title)}</strong></p>${o}<ul>${e}</ul>`;
-}
-function E(t, e) {
-  const a = !!t.highlight, n = 62, h = (a ? n : 38) + 28, u = 22, f = h + t.fields.length * u + 8, g = f + 20, d = l(e.font), x = t.fields.map(($, b) => `<text x="20" y="${h + b * u}" font-family="${d}" font-size="13"><tspan fill="${e.muted}">${l(
-    $.label
-  )}: </tspan><tspan fill="${e.fg}">${l($.value)}</tspan></text>`).join(""), y = a ? `<text x="20" y="${n}" font-family="${d}" font-size="14" font-weight="600" fill="${e.accent}">${l(
-    t.highlight
-  )}</text>` : "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="380" height="${g}" viewBox="0 0 380 ${g}" role="img" aria-label="${l(
-    t.title
-  )}"><rect x="0.5" y="0.5" width="379" height="${g - 1}" rx="12" fill="${e.bg}" stroke="${e.border}"/><text x="20" y="38" font-family="${d}" font-size="16" font-weight="700" fill="${e.fg}">${l(
-    t.title
-  )}</text>${y}${x}<text x="20" y="${f}" font-family="${d}" font-size="10" fill="${e.muted}">AlfaDocs</text></svg>`;
-}
-function L({
-  card: t,
-  onInsert: e,
-  size: o = "sm"
-}) {
-  const { t: i } = w(), s = v(null), a = (n) => {
-    const h = j(t), u = T(t);
-    let m = "", f = "";
-    if (n !== "text") {
-      const g = B(s.current);
-      m = E(t, g), f = `data:image/svg+xml,${encodeURIComponent(m)}`;
-    }
-    e({ mode: n, text: h, html: u, svg: m, imageDataUri: f });
-  };
-  return /* @__PURE__ */ p(C, { children: [
-    /* @__PURE__ */ r("span", { ref: s, "aria-hidden": !0, className: "ds:sr-only", children: z.map((n) => /* @__PURE__ */ r(
-      "span",
-      {
-        "data-k": n,
-        className: n === "fg" ? "ds:text-foreground" : n === "muted" ? "ds:text-muted-foreground" : n === "accent" ? "ds:text-[color:var(--primary)]" : n === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
-      },
-      n
-    )) }),
-    /* @__PURE__ */ p(c.Root, { children: [
-      /* @__PURE__ */ r(c.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
-        I,
-        {
-          intent: "outline",
-          size: o,
-          endIcon: /* @__PURE__ */ r(D, { "aria-hidden": !0 }),
-          children: i("insert.button")
-        }
-      ) }),
-      /* @__PURE__ */ p(c.Content, { children: [
-        /* @__PURE__ */ r(
-          c.Item,
-          {
-            startIcon: /* @__PURE__ */ r(S, { "aria-hidden": !0 }),
-            onSelect: () => a("text"),
-            children: i("insert.text")
-          }
-        ),
-        /* @__PURE__ */ r(
-          c.Item,
-          {
-            startIcon: /* @__PURE__ */ r(A, { "aria-hidden": !0 }),
-            onSelect: () => a("image"),
-            children: i("insert.image")
-          }
-        ),
-        /* @__PURE__ */ r(
-          c.Item,
-          {
-            startIcon: /* @__PURE__ */ r(P, { "aria-hidden": !0 }),
-            onSelect: () => a("text-image"),
-            children: i("insert.textImage")
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-export {
-  L as I
-};
-//# sourceMappingURL=insert-result-yJ0QavoN.js.map