@alfadocs/ui-kit 1.42.0 → 1.44.0

package/dist/_chunks/{panel-subview-PMBRPFOa.js → panel-subview-CYnuX-KR.js}

@@ -1,15 +1,15 @@
-import { jsxs as P, jsx as o, Fragment as V } from "react/jsx-runtime";
-import { forwardRef as j, useId as z, useRef as m, useCallback as B, useEffect as E } from "react";
+import { jsxs as P, jsx as o, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as S, useId as B, useRef as m, useCallback as D, useEffect as E } from "react";
 import { c as b } from "./index-D2ZczOXr.js";
-import { I as D } from "./icon-button-CehAeZoP.js";
-import { P as M } from "./panel-header-D_mTdhUp.js";
-import { S as q } from "./scroll-area-BZOvUhwQ.js";
-import { u as S } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as K } from "./use-presence-transition-cDwWUXV-.js";
-import { A as U } from "./arrow-left-BfaGqVam.js";
-const _ = b(
+import { I as M } from "./icon-button-CehAeZoP.js";
+import { P as q } from "./panel-header-D_mTdhUp.js";
+import { S as K } from "./scroll-area-BZOvUhwQ.js";
+import { u as j } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as U } from "./use-presence-transition-cDwWUXV-.js";
+import { A as _ } from "./arrow-left-BfaGqVam.js";
+const G = b(
   "ds:relative ds:flex ds:h-full ds:min-h-0 ds:flex-col ds:overflow-hidden"
-), G = b(
+), J = b(
   [
     "ds:absolute ds:inset-0 ds:z-[2] ds:flex ds:min-h-0 ds:flex-col",
     "ds:bg-[var(--background)] ds:focus-visible:outline-none",
@@ -22,26 +22,39 @@ const _ = b(
     "ds:rtl:data-[presence=entering]:-translate-x-full ds:rtl:data-[presence=leaving]:-translate-x-full",
     "ds:data-[presence=leaving]:pointer-events-none"
   ].join(" ")
-), J = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', Q = b(
+), Q = '[role="combobox"][aria-expanded="true"], [aria-haspopup][aria-expanded="true"]', W = b(
   [
-    "ds:flex ds:shrink-0 ds:items-center ds:justify-end",
+    "ds:flex ds:shrink-0 ds:items-center",
     "ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
     "ds:border-t ds:border-[color:var(--border)]"
-  ].join(" ")
-), A = j(
+  ].join(" "),
+  {
+    variants: {
+      /** `'end'` (default): a single trailing action cluster, as most
+       *  footers use. `'between'` splits the row — a leading destructive
+       *  action (Remove, say) at the start and the Cancel/Save cluster at
+       *  the end — for a footer with two sides instead of one. */
+      align: {
+        end: "ds:justify-end",
+        between: "ds:justify-between"
+      }
+    },
+    defaultVariants: { align: "end" }
+  }
+), A = S(
   ({ className: t, children: i, ...p }, c) => /* @__PURE__ */ o(
     "div",
     {
       ref: c,
       "data-component": "panel-subview-host",
-      className: [_(), t].filter(Boolean).join(" "),
+      className: [G(), t].filter(Boolean).join(" "),
       ...p,
       children: i
     }
   )
 );
 A.displayName = "PanelSubview.Host";
-const I = j(
+const I = S(
   ({
     open: t,
     onBack: i,
@@ -50,22 +63,23 @@ const I = j(
     icon: N,
     headingLevel: k,
     headerActions: H,
-    footer: h,
-    onExited: L,
+    footer: g,
+    footerAlign: L = "end",
+    onExited: O,
     initialFocusRef: l,
-    className: O,
-    children: R,
+    className: R,
+    children: V,
     ...C
   }, d) => {
-    const g = z(), s = K(t, { onExited: L }), u = m(null), v = m(null), w = m(i);
+    const h = B(), s = U(t, { onExited: O }), u = m(null), v = m(null), w = m(i);
     w.current = i;
-    const { ref: x } = s, T = B(
+    const { ref: y } = s, T = D(
       (e) => {
-        u.current = e, x(e), typeof d == "function" ? d(e) : d && (d.current = e);
+        u.current = e, y(e), typeof d == "function" ? d(e) : d && (d.current = e);
       },
-      [x, d]
-    ), y = m(t);
-    t && !y.current && typeof document < "u" && (v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), y.current = t, S(() => {
+      [y, d]
+    ), x = m(t);
+    t && !x.current && typeof document < "u" && (v.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), x.current = t, j(() => {
       const e = u.current, n = e == null ? void 0 : e.parentElement;
       if (!t || !e || !n) return;
       const r = Array.from(n.children).filter(
@@ -76,7 +90,7 @@ const I = j(
       };
     }, [t, s.mounted, l]);
     const f = !t;
-    return S(() => {
+    return j(() => {
       const e = u.current;
       if (!e) return;
       const n = document.activeElement;
@@ -91,7 +105,7 @@ const I = j(
       const e = u.current;
       if (!t || !e) return;
       const n = (r) => {
-        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && e.querySelector(J)) && (r.preventDefault(), w.current()));
+        r.key === "Escape" && (r.stopPropagation(), !(r.defaultPrevented && e.querySelector(Q)) && (r.preventDefault(), w.current()));
       };
       return e.addEventListener("keydown", n), () => e.removeEventListener("keydown", n);
     }, [t, s.mounted]), s.mounted ? /* @__PURE__ */ P(
@@ -100,26 +114,26 @@ const I = j(
         ...C,
         ref: T,
         tabIndex: -1,
-        "aria-labelledby": g,
+        "aria-labelledby": h,
         "aria-hidden": f || void 0,
         "data-component": "panel-subview",
         "data-presence": s.phase,
-        className: [G(), O].filter(Boolean).join(" "),
+        className: [J(), R].filter(Boolean).join(" "),
         children: [
           /* @__PURE__ */ o(
-            M,
+            q,
             {
               icon: N,
               title: p,
-              headingId: g,
+              headingId: h,
               headingLevel: k,
               sticky: !0,
               divider: !0,
-              actions: /* @__PURE__ */ P(V, { children: [
+              actions: /* @__PURE__ */ P(z, { children: [
                 /* @__PURE__ */ o(
-                  D,
+                  M,
                   {
-                    icon: /* @__PURE__ */ o(U, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ o(_, { "aria-hidden": "true" }),
                     intent: "ghost",
                     size: "sm",
                     flipIconInRtl: !0,
@@ -133,18 +147,25 @@ const I = j(
               ] })
             }
           ),
-          /* @__PURE__ */ o(q, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: R }),
-          h ? /* @__PURE__ */ o("div", { "data-panel-subview-footer": "", className: Q(), children: h }) : null
+          /* @__PURE__ */ o(K, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: V }),
+          g ? /* @__PURE__ */ o(
+            "div",
+            {
+              "data-panel-subview-footer": "",
+              className: W({ align: L }),
+              children: g
+            }
+          ) : null
         ]
       }
     ) : null;
   }
 );
 I.displayName = "PanelSubview";
-const re = Object.assign(I, {
+const se = Object.assign(I, {
   Host: A
 });
 export {
-  re as P
+  se as P
 };
-//# sourceMappingURL=panel-subview-PMBRPFOa.js.map
+//# sourceMappingURL=panel-subview-CYnuX-KR.js.map