@alfadocs/ui-kit 1.35.0 → 1.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.35.0",
+  "version": "1.36.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -377,6 +377,10 @@
       "types": "./dist/components/header-settings/index.d.ts",
       "import": "./dist/components/header-settings/index.js"
     },
+    "./hover-card": {
+      "types": "./dist/components/hover-card/index.d.ts",
+      "import": "./dist/components/hover-card/index.js"
+    },
     "./icon-button-group": {
       "types": "./dist/components/icon-button-group/index.d.ts",
       "import": "./dist/components/icon-button-group/index.js"
@@ -457,6 +461,10 @@
       "types": "./dist/components/notification-tray/index.d.ts",
       "import": "./dist/components/notification-tray/index.js"
     },
+    "./note-timeline": {
+      "types": "./dist/components/note-timeline/index.d.ts",
+      "import": "./dist/components/note-timeline/index.js"
+    },
     "./notes-panel": {
       "types": "./dist/components/notes-panel/index.d.ts",
       "import": "./dist/components/notes-panel/index.js"
@@ -597,6 +605,10 @@
       "types": "./dist/components/search-input/index.d.ts",
       "import": "./dist/components/search-input/index.js"
     },
+    "./section-card": {
+      "types": "./dist/components/section-card/index.d.ts",
+      "import": "./dist/components/section-card/index.js"
+    },
     "./select": {
       "types": "./dist/components/select/index.d.ts",
       "import": "./dist/components/select/index.js"
@@ -781,6 +793,10 @@
       "types": "./dist/components/whatsapp-button/index.d.ts",
       "import": "./dist/components/whatsapp-button/index.js"
     },
+    "./workflow-status": {
+      "types": "./dist/components/workflow-status/index.d.ts",
+      "import": "./dist/components/workflow-status/index.js"
+    },
     "./workflow": {
       "types": "./dist/components/workflow/index.d.ts",
       "import": "./dist/components/workflow/index.js"

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

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