@alfadocs/ui-kit 1.47.0 → 1.48.0

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

@@ -0,0 +1,408 @@
+import { jsx as a, jsxs as S } from "react/jsx-runtime";
+import { forwardRef as Se, useRef as L, useState as ue, useCallback as j, Children as M, isValidElement as P, useEffect as Le, cloneElement as B } from "react";
+import { c as Ae } from "./index-D2ZczOXr.js";
+import { useTranslation as Te } from "react-i18next";
+import { I as ce } from "./icon-button-CY7GU_Se.js";
+import { D as d } from "./dropdown-menu-C8PaW3lR.js";
+import { T as $e } from "./tooltip-Cp-PLePW.js";
+import { u as Fe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Ne } from "./use-priority-overflow-Cdmb5EiR.js";
+import { E as de } from "./ellipsis-dRo9ouSU.js";
+function _(y) {
+  y && (y.inert = !0);
+}
+const fe = Ae(
+  "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
+    }
+  }
+), U = "ds:absolute ds:start-0 ds:top-0 ds:invisible ds:pointer-events-none", je = Se(
+  ({
+    className: y,
+    orientation: w = "horizontal",
+    separator: q = !1,
+    toolbar: k = !1,
+    intent: I = "outline",
+    background: h = "transparent",
+    size: f,
+    label: be,
+    overflow: me = "none",
+    collapseToIcons: D = !1,
+    children: z,
+    ...H
+  }, R) => {
+    const { t: G } = Te(), W = be ?? G("buttonGroup.label", "Button group"), J = G("buttonGroup.more", "More options"), ge = G("link.opensInNewTab", "Opens in a new tab"), b = me === "menu" && w !== "vertical", m = k, v = L([]), [g, x] = ue(0), Q = L(null), [K, we] = ue(!1);
+    Fe(() => {
+      if (typeof window > "u") return;
+      const t = Q.current;
+      t && we(window.getComputedStyle(t).direction === "rtl");
+    }, []);
+    const X = j(
+      (t) => {
+        var s;
+        if (!m) return;
+        const e = v.current.filter(Boolean).length;
+        if (e === 0) return;
+        const n = w === "vertical" ? "ArrowDown" : K ? "ArrowLeft" : "ArrowRight", r = w === "vertical" ? "ArrowUp" : K ? "ArrowRight" : "ArrowLeft";
+        let o = null;
+        if (t.key === n ? o = (g + 1) % e : t.key === r ? o = (g - 1 + e) % e : t.key === "Home" ? o = 0 : t.key === "End" && (o = e - 1), o === null) return;
+        const l = e;
+        let i = 0, p = o;
+        for (; i < l; ) {
+          const u = v.current[p];
+          if (u && u.getAttribute("aria-disabled") !== "true" && !u.disabled)
+            break;
+          p = t.key === r || t.key === "End" ? (p - 1 + e) % e : (p + 1) % e, i += 1;
+        }
+        t.preventDefault(), x(p), (s = v.current[p]) == null || s.focus();
+      },
+      [m, w, K, g]
+    ), c = b ? M.toArray(z).filter(P) : [], A = (t) => {
+      const e = t.props.children;
+      return !t.props.asChild || !P(e) || typeof e.props.href != "string" ? null : {
+        label: typeof e.props.children == "string" ? e.props.children : typeof e.props["aria-label"] == "string" ? e.props["aria-label"] : null,
+        element: e,
+        newTab: e.props.target === "_blank"
+      };
+    }, T = (t) => {
+      var n;
+      if (typeof t.props.children == "string") return t.props.children;
+      const e = t.props["aria-label"];
+      return typeof e == "string" ? e : ((n = A(t)) == null ? void 0 : n.label) ?? null;
+    };
+    L(!1);
+    const Y = c.map(
+      (t) => T(t) !== null
+    ), ve = c.map((t, e) => {
+      var p;
+      const { props: n } = t, r = (((p = n.overflowItems) == null ? void 0 : p.length) ?? 0) > 0, o = typeof n.onClick == "function" || A(t) !== null || r, l = n["aria-haspopup"], i = n["aria-expanded"] !== void 0 || n["aria-pressed"] !== void 0 || l !== void 0 && l !== !1 && l !== "false" && !r;
+      return Y[e] && o && !i && n["data-overflow-pin"] !== "always";
+    }), ye = c.map((t, e) => {
+      const n = t.props["data-overflow-pin"] !== void 0, r = Y[e];
+      return n || !r;
+    }), {
+      containerRef: ke,
+      fullRowRef: Z,
+      iconRowRef: E,
+      triggerProbeRef: ee,
+      stage: Ie,
+      visible: $,
+      overflowing: F
+    } = Ne({
+      enabled: b,
+      count: c.length,
+      twoStage: D,
+      pinned: ye,
+      movable: ve
+    }), he = j(
+      (t) => {
+        _(t), Z(t);
+      },
+      [Z]
+    ), Re = j(
+      (t) => {
+        _(t), E(t);
+      },
+      [E]
+    ), xe = j(
+      (t) => {
+        _(t), ee(t);
+      },
+      [ee]
+    ), te = L(null), ne = L(null), N = b ? $.filter(Boolean).length : M.count(z);
+    Le(() => {
+      var e;
+      if (!m || !b) return;
+      const t = N + (F ? 1 : 0);
+      t > 0 && g >= t && (x(t - 1), document.activeElement === document.body && ((e = te.current) == null || e.focus()));
+    }, [
+      m,
+      b,
+      N,
+      F,
+      g
+    ]);
+    const re = (t, e) => (n) => {
+      v.current[e] = n;
+      const r = t.ref;
+      typeof r == "function" ? r(n) : r != null && typeof r == "object" && (r.current = n);
+    }, Ce = b ? null : M.map(z, (t, e) => {
+      if (!P(t)) return t;
+      const n = t, r = {
+        intent: n.props.intent ?? I,
+        background: n.props.background ?? h,
+        ...f ? { size: n.props.size ?? f } : null
+      };
+      return m && (r.tabIndex = e === g ? 0 : -1, r.onFocus = (o) => {
+        var l, i;
+        x(e), (i = (l = n.props).onFocus) == null || i.call(l, o);
+      }, r.ref = re(n, e)), B(
+        n,
+        r
+      );
+    });
+    let oe = null, se = null, ae = null;
+    if (b) {
+      v.current.length = N + (F ? 1 : 0);
+      let t = -1;
+      oe = c.map((e, n) => {
+        if (!$[n]) return null;
+        t += 1;
+        const r = t, o = {
+          intent: e.props.intent ?? I,
+          background: e.props.background ?? h,
+          ...f ? { size: e.props.size ?? f } : null
+        };
+        D && Ie === "icons" && e.props.children && (e.props.startIcon || e.props.endIcon) && (o.hideLabel = !0), m && (o.tabIndex = r === g ? 0 : -1, o.onFocus = (u) => {
+          var C, pe;
+          x(r), (pe = (C = e.props).onFocus) == null || pe.call(C, u);
+        }, o.ref = re(e, r));
+        const l = o.hideLabel === !0, i = B(
+          e,
+          o
+        ), p = e.props["data-overflow-tip"] === !1 || e.props["data-overflow-tip"] === "false", s = l && !p ? T(e) : null;
+        return s ? /* @__PURE__ */ a($e, { label: s, children: i }, e.key ?? n) : i;
+      }), se = c.map((e, n) => {
+        if ($[n]) return null;
+        const r = T(e);
+        if (r === null) return null;
+        const o = e.props.disabled === !0 || e.props.loading === !0, l = e.props["data-action"], i = e.props.overflowItems;
+        if (i && i.length > 0)
+          return /* @__PURE__ */ S(d.Sub, { children: [
+            /* @__PURE__ */ a(
+              d.SubTrigger,
+              {
+                startIcon: e.props.startIcon,
+                disabled: o,
+                "data-action": l,
+                children: r
+              }
+            ),
+            /* @__PURE__ */ a(d.SubContent, { children: i.map((s, u) => /* @__PURE__ */ a(
+              d.Item,
+              {
+                startIcon: s.icon,
+                disabled: s.disabled,
+                "data-action": s.action,
+                onSelect: () => s.onSelect(),
+                children: s.label
+              },
+              `${u}-${s.label}`
+            )) })
+          ] }, e.key ?? n);
+        const p = A(e);
+        return p ? /* @__PURE__ */ a(
+          d.Item,
+          {
+            startIcon: e.props.startIcon,
+            disabled: o,
+            "data-action": l,
+            "aria-label": p.newTab ? `${r}, ${ge}` : void 0,
+            onSelect: () => {
+              var s, u;
+              (u = (s = ne.current) == null ? void 0 : s.querySelector(
+                `[data-link-index="${n}"] [href]`
+              )) == null || u.click();
+            },
+            children: r
+          },
+          e.key ?? n
+        ) : /* @__PURE__ */ a(
+          d.Item,
+          {
+            startIcon: e.props.startIcon,
+            disabled: o,
+            "data-action": l,
+            onSelect: (s) => {
+              var u, C;
+              (C = (u = e.props).onClick) == null || C.call(
+                u,
+                s
+              );
+            },
+            children: r
+          },
+          e.key ?? n
+        );
+      }), ae = c.map((e, n) => {
+        var l;
+        if ($[n] || T(e) === null) return null;
+        const r = A(e);
+        if (!r || (((l = e.props.overflowItems) == null ? void 0 : l.length) ?? 0) > 0)
+          return null;
+        const o = r.element.props.onClick;
+        return /* @__PURE__ */ a("span", { "data-link-index": n, children: B(r.element, {
+          onClick: (i) => {
+            var p, s;
+            typeof o == "function" && o(i), (s = (p = e.props).onClick) == null || s.call(
+              p,
+              i
+            );
+          },
+          /* No query may land on this hidden copy. */
+          id: void 0,
+          "data-action": void 0
+        }) }, e.key ?? n);
+      });
+    }
+    const le = (t) => {
+      Q.current = t, typeof R == "function" ? R(t) : R && typeof R == "object" && (R.current = t);
+    };
+    if (!b)
+      return /* @__PURE__ */ a(
+        "div",
+        {
+          ref: le,
+          role: k ? "toolbar" : "group",
+          "aria-label": W,
+          "aria-orientation": k ? w ?? "horizontal" : void 0,
+          "data-component": "button-group",
+          onKeyDown: X,
+          className: fe({ orientation: w, separator: q, className: y }),
+          ...H,
+          children: Ce
+        }
+      );
+    const O = fe({ orientation: w, separator: q }), V = N, ie = (t, e, n) => B(t, {
+      key: t.key ?? e,
+      intent: t.props.intent ?? I,
+      background: t.props.background ?? h,
+      ...f ? { size: t.props.size ?? f } : null,
+      tabIndex: -1,
+      // Same rule as the live strip: icon-only children never hideLabel.
+      ...n && t.props.children && (t.props.startIcon || t.props.endIcon) ? { hideLabel: !0 } : null,
+      /* The hook belongs to the live child alone: a query for it must
+         never land on an inert copy. */
+      "data-action": void 0,
+      ref: null
+    });
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: le,
+        "data-component": "button-group",
+        className: [
+          "ds:relative ds:block ds:w-full ds:min-w-0 ds:overflow-x-clip",
+          y ?? ""
+        ].join(" ").trim(),
+        ...H,
+        children: /* @__PURE__ */ S("div", { ref: ke, className: "ds:block ds:w-full ds:min-w-0", children: [
+          /* @__PURE__ */ a(
+            "div",
+            {
+              ref: he,
+              "aria-hidden": "true",
+              inert: !0,
+              className: `${U} ${O}`,
+              children: c.map((t, e) => ie(t, e, !1))
+            }
+          ),
+          D ? /* @__PURE__ */ a(
+            "div",
+            {
+              ref: Re,
+              "aria-hidden": "true",
+              inert: !0,
+              className: `${U} ${O}`,
+              children: c.map((t, e) => ie(t, e, !0))
+            }
+          ) : null,
+          /* @__PURE__ */ a(
+            "span",
+            {
+              ref: xe,
+              "aria-hidden": "true",
+              inert: !0,
+              className: U,
+              children: /* @__PURE__ */ a(
+                ce,
+                {
+                  icon: /* @__PURE__ */ a(de, {}),
+                  intent: I,
+                  background: h,
+                  size: f,
+                  "aria-label": J,
+                  tabIndex: -1
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ S(
+            "div",
+            {
+              role: k ? "toolbar" : "group",
+              "aria-label": W,
+              "aria-orientation": k ? "horizontal" : void 0,
+              onKeyDown: X,
+              className: `${O} ds:max-w-full ds:align-top`,
+              children: [
+                oe,
+                F ? /* @__PURE__ */ S(d.Root, { children: [
+                  /* @__PURE__ */ a(d.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+                    ce,
+                    {
+                      icon: /* @__PURE__ */ a(de, {}),
+                      intent: I,
+                      background: h,
+                      size: f,
+                      "aria-label": J,
+                      ref: (t) => {
+                        te.current = t, v.current[V] = t;
+                      },
+                      tabIndex: m ? g === V ? 0 : -1 : void 0,
+                      onFocus: m ? () => x(V) : void 0
+                    }
+                  ) }),
+                  /* @__PURE__ */ S(d.Content, { align: "end", children: [
+                    se,
+                    /* @__PURE__ */ a("div", { ref: ne, hidden: !0, children: ae })
+                  ] })
+                ] }) : null
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+je.displayName = "ButtonGroup";
+export {
+  je as B
+};
+//# sourceMappingURL=button-group-BSDqso_C.js.map

package/dist/_chunks/{calendar-OzSeTb4V.js → calendar-DjoJ9ovF.js}

@@ -12,9 +12,9 @@ import cr from "@fullcalendar/timeline";
 import ur from "@fullcalendar/interaction";
 import { u as fr } from "./use-prefers-reduced-motion-BMwIQRjB.js";
 import { u as mr } from "./registry-DvAUVLHh.js";
-import { w as pr, C as vr } from "./calendar-event-card-B6N5h1dO.js";
+import { w as pr, C as vr } from "./calendar-event-card-BUbKBPv_.js";
 import { A as hr } from "./avatar-CkDeQOSI.js";
-import { B as gr } from "./button-CaUe1uyd.js";
+import { B as gr } from "./button-18oBsI3n.js";
 import { R as yr } from "./resource-chip-DYTG0IQQ.js";
 import { T as je } from "./tooltip-Cp-PLePW.js";
 import { V as br } from "./visually-hidden-BHxEUGyT.js";
@@ -1076,21 +1076,14 @@ const Ue = $e(
          so the dim can never disagree with what is on the grid. */
       Yt ? "calendar-composing-mode" : null,
       "ds:bg-background ds:text-foreground",
-      /* The radius has to CLIP, not just round the box. FullCalendar draws the
-               grid as a table with its own border, and that border squares off the
-               four corners the radius rounds — so the surface read as a hard-edged
-               frame sitting inside a soft one.
-      
-               `clip`, not `hidden`: `hidden` makes this a scroll container, which
-               breaks the grid's own sticky header row
-               (`.fc-scrollgrid-section-sticky`). `clip` cuts the corners without
-               creating one.
-      
-               The frame is this wrapper's border, not the table's: a clipped
-               straight border still read as a square frame inside the rounded
-               box, so the bridge zeroes FullCalendar's outer borders and this
-               border follows the radius instead. */
+      /* The radius clips the table's square corners; the frame is this
+         border, not FullCalendar's. `clip`, not `hidden`: a scroll container
+         here would stop the sticky date header sticking. */
       "ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:overflow-clip",
+      /* Legacy host sheets set `.fc-view, .fc-view > table { overflow: hidden }`,
+         which scrolls the date header away; FullCalendar's own value is
+         visible. Important, as the host rule is unlayered. */
+      "ds:[&_.fc-view]:!overflow-visible ds:[&_.fc-view>table]:!overflow-visible",
       Ze
     ].filter(Boolean).join(" "), Jt = re || ne ? {
       ...re ? { "--calendar-mode-bg": re } : {},
@@ -1147,6 +1140,7 @@ const Ue = $e(
               className: Qt,
               style: Jt,
               role: "status",
+              "data-calendar-mode-banner": "",
               children: [
                 /* @__PURE__ */ o(
                   "span",
@@ -1342,4 +1336,4 @@ export {
   Tr as c,
   be as r
 };
-//# sourceMappingURL=calendar-OzSeTb4V.js.map
+//# sourceMappingURL=calendar-DjoJ9ovF.js.map