@alfadocs/ui-kit 1.47.1 → 1.48.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.47.1",
+  "version": "1.48.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -721,6 +721,10 @@
       "types": "./dist/components/tasks-panel/index.d.ts",
       "import": "./dist/components/tasks-panel/index.js"
     },
+    "./task-editor": {
+      "types": "./dist/components/task-editor/index.d.ts",
+      "import": "./dist/components/task-editor/index.js"
+    },
     "./text-area": {
       "types": "./dist/components/text-area/index.d.ts",
       "import": "./dist/components/text-area/index.js"
@@ -905,6 +909,10 @@
       "types": "./dist/components/appointment-peek/index.d.ts",
       "import": "./dist/components/appointment-peek/index.js"
     },
+    "./appointment-details-panel": {
+      "types": "./dist/components/appointment-details-panel/index.d.ts",
+      "import": "./dist/components/appointment-details-panel/index.js"
+    },
     "./editable-description": {
       "types": "./dist/components/editable-description/index.d.ts",
       "import": "./dist/components/editable-description/index.js"
@@ -962,14 +970,14 @@
     "build:locales": "node scripts/build-locales.mjs dist/locales",
     "build:agent-catalog": "node --experimental-strip-types scripts/build-agent-catalog.mjs dist/agent-catalog.json",
     "storybook": "LAUNCH_EDITOR=code storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "node scripts/build-storybook.mjs",
     "prestorybook": "npm run check:whats-new && npm run build:icon-map",
-    "prebuild-storybook": "npm run check:whats-new && npm run build:icon-map",
+    "prebuild-storybook": "npm run check:whats-new && npm run build:icon-map && npm run check:docs-reference && npm run check:agent-snapshot",
     "build:whats-new": "node scripts/build-whats-new.mjs",
     "check:whats-new": "node scripts/build-whats-new.mjs --check",
     "build:icon-map": "node scripts/build-icon-map.mjs",
     "check:icon-map": "node scripts/build-icon-map.mjs --check",
-    "typecheck": "tsc -b",
+    "typecheck": "tsc -b && tsc -p scripts/fixtures/docs-consumer/tsconfig.json",
     "gate": "node scripts/gate.mjs",
     "test": "vitest run",
     "lint": "eslint .",
@@ -980,17 +988,26 @@
     "check:data-component": "node scripts/check-data-component-coverage.mjs",
     "check:arbitrary-classes": "node scripts/check-arbitrary-classes.mjs",
     "check:prefix-position": "node scripts/check-prefix-position.mjs",
+    "check:overlay-z-index": "node scripts/check-overlay-z-index.mjs",
     "check:mdx-expressions": "node scripts/check-mdx-expressions.mjs",
     "check:prop-runtime-coverage": "node scripts/check-prop-runtime-coverage.mjs",
     "check:story-locale-thrash": "node scripts/check-story-locale-thrash.mjs",
     "check:chromatic-play-guard": "node scripts/check-chromatic-play-guard.mjs",
+    "check:recipe-imports": "node scripts/check-recipe-imports.mjs",
     "check:i18n": "node scripts/check-no-namespaced-i18n.mjs",
     "check:i18n-parity": "node --experimental-strip-types scripts/check-i18n-parity.ts",
     "check:i18n-plurals": "node --experimental-strip-types scripts/check-i18n-plurals.ts",
     "check:i18n-coverage": "node --experimental-strip-types scripts/check-i18n-coverage.ts",
     "check:i18n-untranslated": "node --experimental-strip-types scripts/check-i18n-untranslated.ts",
     "seed:i18n-coverage": "node --experimental-strip-types scripts/seed-i18n-coverage.ts",
-    "chromatic": "chromatic --exit-zero-on-changes"
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "build:docs-reference": "node scripts/build-docs-reference.mjs",
+    "check:docs-reference": "node scripts/build-docs-reference.mjs --check",
+    "build:agent-snapshot": "node --experimental-strip-types scripts/build-agent-snapshot.mjs",
+    "check:agent-snapshot": "node --experimental-strip-types scripts/build-agent-snapshot.mjs --check",
+    "check:docs-links": "node scripts/check-docs-links.mjs",
+    "check:docs-consumer": "node scripts/check-docs-consumer.mjs",
+    "check:docs-render": "node scripts/check-docs-render.mjs"
   },
   "peerDependencies": {
     "@fullcalendar/core": "^6.1.20",

package/dist/_chunks/button-group-CA1tmu39.js

@@ -1,325 +0,0 @@
-import { jsx as s, jsxs as G } from "react/jsx-runtime";
-import { forwardRef as Re, useRef as C, useState as se, useCallback as A, Children as K, isValidElement as ie, useEffect as Ie, cloneElement as $ } from "react";
-import { c as he } from "./index-D2ZczOXr.js";
-import { useTranslation as xe } from "react-i18next";
-import { I as ae } from "./icon-button-CehAeZoP.js";
-import { D as N } from "./dropdown-menu-DU-Hrf33.js";
-import { T as ke } from "./tooltip-Cp-PLePW.js";
-import { u as Le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Ce } from "./use-priority-overflow-c9SjxZkZ.js";
-import { E as le } from "./ellipsis-dRo9ouSU.js";
-function V(g) {
-  g && (g.inert = !0);
-}
-const ue = he(
-  "ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10",
-  {
-    variants: {
-      orientation: {
-        horizontal: [
-          "ds:flex-row",
-          "ds:[&>*:not(:first-child)]:rounded-s-none",
-          "ds:[&>*:not(:last-child)]:rounded-e-none",
-          "ds:[&>*:not(:first-child)]:-ms-px"
-        ].join(" "),
-        vertical: [
-          "ds:flex-col",
-          "ds:[&>*:not(:first-child)]:rounded-t-none",
-          "ds:[&>*:not(:last-child)]:rounded-b-none",
-          "ds:[&>*:not(:first-child)]:-mt-px"
-        ].join(" ")
-      },
-      separator: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        separator: !0,
-        class: "ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border"
-      },
-      {
-        orientation: "vertical",
-        separator: !0,
-        class: "ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border"
-      }
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      separator: !1
-    }
-  }
-), M = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", Ae = Re(
-  ({
-    className: g,
-    orientation: f = "horizontal",
-    separator: P = !1,
-    toolbar: w = !1,
-    intent: v = "outline",
-    background: y = "transparent",
-    size: l,
-    label: ce,
-    overflow: pe = "none",
-    collapseToIcons: S = !1,
-    children: j,
-    ...O
-  }, R) => {
-    const { t: U } = xe(), _ = ce ?? U("buttonGroup.label", "Button group"), H = U("buttonGroup.more", "More options"), u = pe === "menu" && f !== "vertical", c = w, m = C([]), [p, I] = se(0), W = C(null), [B, de] = se(!1);
-    Le(() => {
-      if (typeof window > "u") return;
-      const e = W.current;
-      e && de(window.getComputedStyle(e).direction === "rtl");
-    }, []);
-    const q = A(
-      (e) => {
-        var h;
-        if (!c) return;
-        const r = m.current.filter(Boolean).length;
-        if (r === 0) return;
-        const t = f === "vertical" ? "ArrowDown" : B ? "ArrowLeft" : "ArrowRight", o = f === "vertical" ? "ArrowUp" : B ? "ArrowRight" : "ArrowLeft";
-        let n = null;
-        if (e.key === t ? n = (p + 1) % r : e.key === o ? n = (p - 1 + r) % r : e.key === "Home" ? n = 0 : e.key === "End" && (n = r - 1), n === null) return;
-        const a = r;
-        let i = 0, d = n;
-        for (; i < a; ) {
-          const x = m.current[d];
-          if (x && x.getAttribute("aria-disabled") !== "true" && !x.disabled)
-            break;
-          d = e.key === o || e.key === "End" ? (d - 1 + r) % r : (d + 1) % r, i += 1;
-        }
-        e.preventDefault(), I(d), (h = m.current[d]) == null || h.focus();
-      },
-      [c, f, B, p]
-    ), b = u ? K.toArray(j).filter(ie) : [], D = (e) => {
-      if (typeof e.props.children == "string") return e.props.children;
-      const r = e.props["aria-label"];
-      return typeof r == "string" ? r : null;
-    };
-    C(!1);
-    const fe = b.map((e) => {
-      const r = e.props["data-overflow-pin"] !== void 0, t = D(e) !== null;
-      return r || !t;
-    }), {
-      containerRef: me,
-      fullRowRef: J,
-      iconRowRef: Q,
-      triggerProbeRef: X,
-      stage: be,
-      visible: F,
-      overflowing: k
-    } = Ce({
-      enabled: u,
-      count: b.length,
-      twoStage: S,
-      pinned: fe
-    }), ge = A(
-      (e) => {
-        V(e), J(e);
-      },
-      [J]
-    ), we = A(
-      (e) => {
-        V(e), Q(e);
-      },
-      [Q]
-    ), ve = A(
-      (e) => {
-        V(e), X(e);
-      },
-      [X]
-    ), Y = C(null), L = u ? F.filter(Boolean).length : K.count(j);
-    Ie(() => {
-      var r;
-      if (!c || !u) return;
-      const e = L + (k ? 1 : 0);
-      e > 0 && p >= e && (I(e - 1), document.activeElement === document.body && ((r = Y.current) == null || r.focus()));
-    }, [
-      c,
-      u,
-      L,
-      k,
-      p
-    ]);
-    const Z = (e, r) => (t) => {
-      m.current[r] = t;
-      const o = e.ref;
-      typeof o == "function" ? o(t) : o != null && typeof o == "object" && (o.current = t);
-    }, ye = u ? null : K.map(j, (e, r) => {
-      if (!ie(e)) return e;
-      const t = e, o = {
-        intent: t.props.intent ?? v,
-        background: t.props.background ?? y,
-        ...l ? { size: t.props.size ?? l } : null
-      };
-      return c && (o.tabIndex = r === p ? 0 : -1, o.onFocus = (n) => {
-        var a, i;
-        I(r), (i = (a = t.props).onFocus) == null || i.call(a, n);
-      }, o.ref = Z(t, r)), $(
-        t,
-        o
-      );
-    });
-    let E = null, ee = null;
-    if (u) {
-      m.current.length = L + (k ? 1 : 0);
-      let e = -1;
-      E = b.map((r, t) => {
-        if (!F[t]) return null;
-        e += 1;
-        const o = e, n = {
-          intent: r.props.intent ?? v,
-          background: r.props.background ?? y,
-          ...l ? { size: r.props.size ?? l } : null
-        };
-        S && be === "icons" && r.props.children && (r.props.startIcon || r.props.endIcon) && (n.hideLabel = !0), c && (n.tabIndex = o === p ? 0 : -1, n.onFocus = (x) => {
-          var oe, ne;
-          I(o), (ne = (oe = r.props).onFocus) == null || ne.call(oe, x);
-        }, n.ref = Z(r, o));
-        const a = n.hideLabel === !0, i = $(
-          r,
-          n
-        ), d = r.props["data-overflow-tip"] === !1 || r.props["data-overflow-tip"] === "false", h = a && !d ? D(r) : null;
-        return h ? /* @__PURE__ */ s(ke, { label: h, children: i }, r.key ?? t) : i;
-      }), ee = b.map((r, t) => {
-        if (F[t]) return null;
-        const o = D(r);
-        return o === null ? null : /* @__PURE__ */ s(
-          N.Item,
-          {
-            startIcon: r.props.startIcon,
-            disabled: r.props.disabled === !0 || r.props.loading === !0,
-            onSelect: (n) => {
-              var a, i;
-              (i = (a = r.props).onClick) == null || i.call(
-                a,
-                n
-              );
-            },
-            children: o
-          },
-          r.key ?? t
-        );
-      });
-    }
-    const re = (e) => {
-      W.current = e, typeof R == "function" ? R(e) : R && typeof R == "object" && (R.current = e);
-    };
-    if (!u)
-      return /* @__PURE__ */ s(
-        "div",
-        {
-          ref: re,
-          role: w ? "toolbar" : "group",
-          "aria-label": _,
-          "aria-orientation": w ? f ?? "horizontal" : void 0,
-          "data-component": "button-group",
-          onKeyDown: q,
-          className: ue({ orientation: f, separator: P, className: g }),
-          ...O,
-          children: ye
-        }
-      );
-    const z = ue({ orientation: f, separator: P }), T = L, te = (e, r, t) => $(e, {
-      key: e.key ?? r,
-      intent: e.props.intent ?? v,
-      background: e.props.background ?? y,
-      ...l ? { size: e.props.size ?? l } : null,
-      tabIndex: -1,
-      // Same rule as the live strip: icon-only children never hideLabel.
-      ...t && e.props.children && (e.props.startIcon || e.props.endIcon) ? { hideLabel: !0 } : null,
-      ref: null
-    });
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: re,
-        "data-component": "button-group",
-        className: [
-          "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
-          g ?? ""
-        ].join(" ").trim(),
-        ...O,
-        children: /* @__PURE__ */ G("div", { ref: me, className: "ds:block ds:w-full ds:min-w-0", children: [
-          /* @__PURE__ */ s(
-            "div",
-            {
-              ref: ge,
-              "aria-hidden": "true",
-              inert: !0,
-              className: `${M} ${z}`,
-              children: b.map((e, r) => te(e, r, !1))
-            }
-          ),
-          S ? /* @__PURE__ */ s(
-            "div",
-            {
-              ref: we,
-              "aria-hidden": "true",
-              inert: !0,
-              className: `${M} ${z}`,
-              children: b.map((e, r) => te(e, r, !0))
-            }
-          ) : null,
-          /* @__PURE__ */ s(
-            "span",
-            {
-              ref: ve,
-              "aria-hidden": "true",
-              inert: !0,
-              className: M,
-              children: /* @__PURE__ */ s(
-                ae,
-                {
-                  icon: /* @__PURE__ */ s(le, {}),
-                  intent: v,
-                  background: y,
-                  size: l,
-                  "aria-label": H,
-                  tabIndex: -1
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ G(
-            "div",
-            {
-              role: w ? "toolbar" : "group",
-              "aria-label": _,
-              "aria-orientation": w ? "horizontal" : void 0,
-              onKeyDown: q,
-              className: `${z} ds:max-w-full ds:align-top`,
-              children: [
-                E,
-                k ? /* @__PURE__ */ G(N.Root, { children: [
-                  /* @__PURE__ */ s(N.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-                    ae,
-                    {
-                      icon: /* @__PURE__ */ s(le, {}),
-                      intent: v,
-                      background: y,
-                      size: l,
-                      "aria-label": H,
-                      ref: (e) => {
-                        Y.current = e, m.current[T] = e;
-                      },
-                      tabIndex: c ? p === T ? 0 : -1 : void 0,
-                      onFocus: c ? () => I(T) : void 0
-                    }
-                  ) }),
-                  /* @__PURE__ */ s(N.Content, { align: "end", children: ee })
-                ] }) : null
-              ]
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-Ae.displayName = "ButtonGroup";
-export {
-  Ae as B
-};
-//# sourceMappingURL=button-group-CA1tmu39.js.map