@smwb/ui-react 2.8.0 → 2.9.0

package/dist/components/inputs/composer/composerFiles.js

@@ -0,0 +1,19 @@
+function f(t) {
+  var e, r, s;
+  return t ? Array.from((e = t.types) != null ? e : []).includes("Files") ? !0 : ((s = (r = t.files) == null ? void 0 : r.length) != null ? s : 0) > 0 : !1;
+}
+function u(t) {
+  return t ? (typeof t == "string" ? t.split(",") : Object.entries(t).flatMap(([r, s]) => [r, ...s])).map((r) => r.trim().toLowerCase()).filter(Boolean) : [];
+}
+function a(t, e) {
+  return e === "*/*" ? !0 : e.startsWith(".") ? t.name.toLowerCase().endsWith(e) : e.endsWith("/*") ? t.type.toLowerCase().startsWith(e.slice(0, -1)) : t.type.toLowerCase() === e;
+}
+function o(t, e) {
+  const r = u(e.accept), s = r.length === 0 ? t : t.filter((n) => r.some((l) => a(n, l))), i = e.multiple === !1 ? 1 : e.maxFiles && e.maxFiles > 0 ? e.maxFiles : void 0;
+  return i === void 0 ? s : s.slice(0, i);
+}
+export {
+  o as filterAttachedFiles,
+  f as isFileDrag
+};
+//# sourceMappingURL=composerFiles.js.map

package/dist/components/inputs/composer/composerFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerFiles.js","sources":["../../../../src/components/inputs/composer/composerFiles.ts"],"sourcesContent":["/** Accepted file types as `Composer` takes them: a record of mime type to extensions, or a raw `accept` string. */\nexport type ComposerAccept = Record<string, string[]> | string;\n\n/** The part of a `DataTransfer` the drag guard reads. */\nexport interface ComposerDragData {\n  types?: ArrayLike<string> | null | undefined;\n  files?: ArrayLike<unknown> | null | undefined;\n}\n\n/** The options that decide which of the picked or dropped files `Composer` passes on. */\nexport interface ComposerFileOptions {\n  accept?: ComposerAccept | undefined;\n  multiple?: boolean | undefined;\n  maxFiles?: number | undefined;\n}\n\n/**\n * Whether a drag carries files. A text or link drag does not and stays with the browser (the textarea inserts it).\n * `dragover` exposes only `types`, and Firefox gives a `DOMStringList` there, hence `Array.from`; a `drop` has the\n * file list as well.\n */\nexport function isFileDrag(data: ComposerDragData | null | undefined): boolean {\n  if (!data) return false;\n  if (Array.from(data.types ?? []).includes(\"Files\")) return true;\n  return (data.files?.length ?? 0) > 0;\n}\n\nfunction acceptTokens(accept: ComposerAccept | undefined): string[] {\n  if (!accept) return [];\n  const tokens =\n    typeof accept === \"string\" ? accept.split(\",\") : Object.entries(accept).flatMap(([mime, exts]) => [mime, ...exts]);\n  return tokens.map((token) => token.trim().toLowerCase()).filter(Boolean);\n}\n\n// The same three forms as the `accept` attribute: `.ext`, `type/*` and an exact mime type.\nfunction matchesToken(file: File, token: string): boolean {\n  if (token === \"*/*\") return true;\n  if (token.startsWith(\".\")) return file.name.toLowerCase().endsWith(token);\n  if (token.endsWith(\"/*\")) return file.type.toLowerCase().startsWith(token.slice(0, -1));\n  return file.type.toLowerCase() === token;\n}\n\n/**\n * The files of a pick or a drop that `Composer` passes to `onAttach`: those that match `accept` (a drop is not\n * filtered by the browser, and the picker's \"All files\" choice lifts its filter), cut to one file when `multiple` is\n * `false`, then to `maxFiles`. The cut comes last, so the files it drops are the ones past the limit, not the ones\n * `accept` would have refused anyway.\n */\nexport function filterAttachedFiles(files: File[], options: ComposerFileOptions): File[] {\n  const tokens = acceptTokens(options.accept);\n  const accepted =\n    tokens.length === 0 ? files : files.filter((file) => tokens.some((token) => matchesToken(file, token)));\n  const limit =\n    options.multiple === false ? 1 : options.maxFiles && options.maxFiles > 0 ? options.maxFiles : undefined;\n  return limit === undefined ? accepted : accepted.slice(0, limit);\n}\n"],"names":["isFileDrag","data","_a","_b","_c","acceptTokens","accept","mime","exts","token","matchesToken","file","filterAttachedFiles","files","options","tokens","accepted","limit"],"mappings":"AAqBO,SAASA,EAAWC,GAAoD;AAAxE,MAAAC,GAAAC,GAAAC;AACL,SAAKH,IACD,MAAM,MAAKC,IAAAD,EAAK,UAAL,OAAAC,IAAc,CAAA,CAAE,EAAE,SAAS,OAAO,IAAU,OACnDE,KAAAD,IAAAF,EAAK,UAAL,gBAAAE,EAAY,WAAZ,OAAAC,IAAsB,KAAK,IAFjB;AAGpB;AAEA,SAASC,EAAaC,GAA8C;AAClE,SAAKA,KAEH,OAAOA,KAAW,WAAWA,EAAO,MAAM,GAAG,IAAI,OAAO,QAAQA,CAAM,EAAE,QAAQ,CAAC,CAACC,GAAMC,CAAI,MAAM,CAACD,GAAM,GAAGC,CAAI,CAAC,GACrG,IAAI,CAACC,MAAUA,EAAM,KAAA,EAAO,YAAA,CAAa,EAAE,OAAO,OAAO,IAHnD,CAAA;AAItB;AAGA,SAASC,EAAaC,GAAYF,GAAwB;AACxD,SAAIA,MAAU,QAAc,KACxBA,EAAM,WAAW,GAAG,IAAUE,EAAK,KAAK,YAAA,EAAc,SAASF,CAAK,IACpEA,EAAM,SAAS,IAAI,IAAUE,EAAK,KAAK,YAAA,EAAc,WAAWF,EAAM,MAAM,GAAG,EAAE,CAAC,IAC/EE,EAAK,KAAK,YAAA,MAAkBF;AACrC;AAQO,SAASG,EAAoBC,GAAeC,GAAsC;AACvF,QAAMC,IAASV,EAAaS,EAAQ,MAAM,GACpCE,IACJD,EAAO,WAAW,IAAIF,IAAQA,EAAM,OAAO,CAACF,MAASI,EAAO,KAAK,CAACN,MAAUC,EAAaC,GAAMF,CAAK,CAAC,CAAC,GAClGQ,IACJH,EAAQ,aAAa,KAAQ,IAAIA,EAAQ,YAAYA,EAAQ,WAAW,IAAIA,EAAQ,WAAW;AACjG,SAAOG,MAAU,SAAYD,IAAWA,EAAS,MAAM,GAAGC,CAAK;AACjE;"}

package/dist/components/inputs/composer/composerKeys.d.ts

@@ -0,0 +1,29 @@
+/** Which Enter sends in a `Composer`: `"modEnter"` is Ctrl/⌘+Enter, `"enter"` is a plain Enter. */
+export type ComposerSendKey = "modEnter" | "enter";
+/**
+ * What the composer does with a key press in its textarea:
+ * - `"send"`: prevent the default and send, if sending is allowed;
+ * - `"native"`: leave the key to the browser (a newline, IME commit, …).
+ */
+export type ComposerKeyAction = "send" | "native";
+/** The part of a keyboard event the key map reads. */
+export interface ComposerKeyEvent {
+    key: string;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    altKey: boolean;
+    /** Set by Chromium and Firefox while an IME composition is open. */
+    isComposing?: boolean | undefined;
+    /** Safari reports the commit Enter of a composition as keyCode 229 with `isComposing` false. */
+    keyCode?: number | undefined;
+}
+/**
+ * The composer's keyboard map (Escape and every other key stay native).
+ *
+ * - IME composition: always native, so an Enter that commits a CJK candidate is not a send.
+ * - Ctrl/⌘+Enter (no Shift, no Alt): send in both modes.
+ * - Enter alone: send with `sendKey="enter"`, a native newline with `"modEnter"`.
+ * - Shift+Enter and every other combination: native.
+ */
+export declare function resolveComposerKeyAction(event: ComposerKeyEvent, sendKey: ComposerSendKey): ComposerKeyAction;

package/dist/components/inputs/composer/composerKeys.js

@@ -0,0 +1,7 @@
+function i(r, e) {
+  return r.isComposing || r.keyCode === 229 || r.key !== "Enter" || r.altKey || r.shiftKey ? "native" : r.ctrlKey || r.metaKey || e === "enter" ? "send" : "native";
+}
+export {
+  i as resolveComposerKeyAction
+};
+//# sourceMappingURL=composerKeys.js.map

package/dist/components/inputs/composer/composerKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composerKeys.js","sources":["../../../../src/components/inputs/composer/composerKeys.ts"],"sourcesContent":["/** Which Enter sends in a `Composer`: `\"modEnter\"` is Ctrl/⌘+Enter, `\"enter\"` is a plain Enter. */\nexport type ComposerSendKey = \"modEnter\" | \"enter\";\n\n/**\n * What the composer does with a key press in its textarea:\n * - `\"send\"`: prevent the default and send, if sending is allowed;\n * - `\"native\"`: leave the key to the browser (a newline, IME commit, …).\n */\nexport type ComposerKeyAction = \"send\" | \"native\";\n\n/** The part of a keyboard event the key map reads. */\nexport interface ComposerKeyEvent {\n  key: string;\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n  /** Set by Chromium and Firefox while an IME composition is open. */\n  isComposing?: boolean | undefined;\n  /** Safari reports the commit Enter of a composition as keyCode 229 with `isComposing` false. */\n  keyCode?: number | undefined;\n}\n\n/**\n * The composer's keyboard map (Escape and every other key stay native).\n *\n * - IME composition: always native, so an Enter that commits a CJK candidate is not a send.\n * - Ctrl/⌘+Enter (no Shift, no Alt): send in both modes.\n * - Enter alone: send with `sendKey=\"enter\"`, a native newline with `\"modEnter\"`.\n * - Shift+Enter and every other combination: native.\n */\nexport function resolveComposerKeyAction(event: ComposerKeyEvent, sendKey: ComposerSendKey): ComposerKeyAction {\n  if (event.isComposing || event.keyCode === 229) return \"native\";\n  if (event.key !== \"Enter\") return \"native\";\n  if (event.altKey || event.shiftKey) return \"native\";\n\n  if (event.ctrlKey || event.metaKey) return \"send\";\n  return sendKey === \"enter\" ? \"send\" : \"native\";\n}\n"],"names":["resolveComposerKeyAction","event","sendKey"],"mappings":"AA+BO,SAASA,EAAyBC,GAAyBC,GAA6C;AAG7G,SAFID,EAAM,eAAeA,EAAM,YAAY,OACvCA,EAAM,QAAQ,WACdA,EAAM,UAAUA,EAAM,WAAiB,WAEvCA,EAAM,WAAWA,EAAM,WACpBC,MAAY,UADwB,SACL;AACxC;"}

package/dist/components/inputs/composer/index.d.ts

@@ -0,0 +1,3 @@
+export { Composer } from "./composer";
+export type { ComposerProps, ComposerLayout } from "./composer";
+export type { ComposerSendKey } from "./composerKeys";

package/dist/components/layout/sheet/sheet.d.ts

@@ -9,6 +9,18 @@ export interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Hide built-in header actions; onClose still handles Esc and backdrop. */
     hideHeaderActions?: boolean;
     reverseHeaderActions?: boolean;
+    /** Accessible name of the header close button (default "Close sheet"). */
+    closeAriaLabel?: string;
+    /**
+     * Accessible name of the size toggle while the sheet is at its normal size (default "Expand sheet"). The toggle
+     * cycles normal, expanded, collapsed and back, and its name always says what the next press does; the
+     * name changing is how it exposes its state. It shows the `open_in_full` icon, and `close_fullscreen` while expanded.
+     */
+    expandAriaLabel?: string;
+    /** Accessible name of the size toggle while the sheet is expanded (default "Collapse sheet"). */
+    collapseAriaLabel?: string;
+    /** Accessible name of the size toggle while the sheet is collapsed to its header (default "Restore sheet size"). */
+    restoreAriaLabel?: string;
     size?: string;
     disableOutsideClick?: boolean;
     /** Close the sheet when Escape is pressed. */

package/dist/components/layout/sheet/sheet.js

@@ -1,42 +1,43 @@
-import { jsx as n, jsxs as ne } from "react/jsx-runtime";
+import { jsx as n, jsxs as ie } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/sheet/sheet.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                     */
-import C, { forwardRef as oe, useState as j, useRef as H, useEffect as se, useCallback as w } from "react";
-import I from "clsx";
-import { CSSTransition as X } from "react-transition-group";
-import { createPortal as ae } from "react-dom";
-import { Button as $ } from "../../inputs/button/button.js";
-import { Icon as U } from "../../base/icon/icon.js";
-import { useForkRef as ie } from "../../../hooks/useForkRef.js";
-import { isTopOverlayLayer as le } from "../../../utils/overlayLayer.js";
-import { ClickAwayListener as ce } from "../../clickAwayListener/clickAwayListener.js";
-const De = oe(function({
+import j, { forwardRef as le, useState as V, useRef as H, useEffect as ce, useCallback as p } from "react";
+import C from "clsx";
+import { CSSTransition as q } from "react-transition-group";
+import { createPortal as de } from "react-dom";
+import { Button as F } from "../../inputs/button/button.js";
+import { Icon as X } from "../../base/icon/icon.js";
+import { useForkRef as me } from "../../../hooks/useForkRef.js";
+import { isTopOverlayLayer as ue } from "../../../utils/overlayLayer.js";
+import { restoreFocus as he } from "../../../utils/restoreFocus.js";
+import { ClickAwayListener as fe } from "../../clickAwayListener/clickAwayListener.js";
+const Ne = le(function({
   isOpen: m,
-  onClose: i,
-  variant: d = "default",
+  onClose: s,
+  variant: c = "default",
   children: r,
-  placement: A = "bottom",
-  disableOutsideClick: p,
-  closeOnEsc: z = !0,
-  ...D
-}, v) {
-  const [u, b] = j(null), y = H(null);
-  se(() => {
-    if (!m || !z || !i)
+  placement: _ = "bottom",
+  disableOutsideClick: d,
+  closeOnEsc: R = !0,
+  ...A
+}, k) {
+  const [u, b] = V(null), y = H(null);
+  ce(() => {
+    if (!m || !R || !s)
       return;
-    const o = (_) => {
-      _.key === "Escape" && !_.defaultPrevented && le(y.current) && i();
+    const L = (N) => {
+      N.key === "Escape" && !N.defaultPrevented && ue(y.current) && s();
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-  }, [m, z, i]);
-  const g = () => {
+    return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
+  }, [m, R, s]);
+  const z = () => {
     b(u === "expanded" ? "small" : u ? null : "expanded");
-  }, a = () => {
-    i == null || i(), b(null);
+  }, x = () => {
+    s == null || s(), b(null);
   };
-  return ae(
+  return de(
     /* @__PURE__ */ n(
-      X,
+      q,
       {
         in: m,
         timeout: 70,
@@ -45,24 +46,24 @@ const De = oe(function({
         classNames: { enterDone: "smwb-entered" },
         appear: !0,
         nodeRef: y,
-        children: d === "default" ? /* @__PURE__ */ n(
+        children: c === "default" ? /* @__PURE__ */ n(
           "div",
           {
-            className: I(p ? "smwb-sheet__overlay" : "smwb-sheet__default"),
+            className: C(d ? "smwb-sheet__overlay" : "smwb-sheet__default"),
             ref: y,
             "data-smwb-overlay-layer": "",
             children: /* @__PURE__ */ n(
-              W,
+              Y,
               {
-                ref: v,
-                onClose: i,
-                handleSizeButton: g,
-                handleClose: a,
+                ref: k,
+                onClose: s,
+                handleSizeButton: z,
+                handleClose: x,
                 isOpen: m,
                 mode: u,
-                placement: A,
-                variant: d,
-                ...D,
+                placement: _,
+                variant: c,
+                ...A,
                 children: r
               }
             )
@@ -70,21 +71,21 @@ const De = oe(function({
         ) : /* @__PURE__ */ n(
           "div",
           {
-            className: I("smwb-sheet__overlay", "smwb-dark", `smwb-${A}`, `smwb-sheet_${d}`),
+            className: C("smwb-sheet__overlay", "smwb-dark", `smwb-${_}`, `smwb-sheet_${c}`),
             ref: y,
             "data-smwb-overlay-layer": "",
-            children: /* @__PURE__ */ n(ce, { onClickAway: () => !p && a(), children: /* @__PURE__ */ n(
-              W,
+            children: /* @__PURE__ */ n(fe, { onClickAway: () => !d && x(), children: /* @__PURE__ */ n(
+              Y,
               {
-                ref: v,
-                onClose: i,
-                handleSizeButton: g,
-                handleClose: a,
+                ref: k,
+                onClose: s,
+                handleSizeButton: z,
+                handleClose: x,
                 isOpen: m,
                 mode: u,
-                placement: A,
-                variant: d,
-                ...D,
+                placement: _,
+                variant: c,
+                ...A,
                 children: r
               }
             ) })
@@ -94,137 +95,151 @@ const De = oe(function({
     ),
     document.body
   );
-}), de = (x) => x === "bottom" || x === "top", W = C.forwardRef(function(m, i) {
+}), we = (D) => D === "bottom" || D === "top", Y = j.forwardRef(function(m, s) {
   const {
-    isOpen: d,
+    isOpen: c,
     placement: r,
-    className: A,
-    mode: p,
-    size: z = "60%",
-    variant: D,
-    onClose: v,
+    className: _,
+    mode: d,
+    size: R = "60%",
+    variant: A,
+    onClose: k,
     withSizeToggle: u = !0,
     hideHeaderActions: b = !1,
     reverseHeaderActions: y = !1,
-    resizable: g = !1,
-    minSize: a = 80,
-    maxSize: o,
-    resizeStep: _ = 24,
-    resizeHandleAriaLabel: Y = "Resize sheet",
-    onResize: N,
-    style: F,
-    handleClose: V,
-    handleSizeButton: q,
-    children: G,
-    "data-testid": J = "sheet",
-    ...L
-  } = m, Q = !b && (!!v || u), P = [];
-  u && P.push(
-    /* @__PURE__ */ n($, { variant: "outlined", size: "small", onClick: q, children: /* @__PURE__ */ n(U, { name: "open_in_full" }) }, "size")
-  ), v && P.push(
-    /* @__PURE__ */ n($, { variant: "outlined", size: "small", onClick: V, children: /* @__PURE__ */ n(U, { name: "close" }) }, "close")
-  ), y && P.reverse();
-  const T = H(null), S = H(null), Z = ie(i, T, S), [l, B] = j(null), s = de(r), M = w(
+    closeAriaLabel: z = "Close sheet",
+    expandAriaLabel: x = "Expand sheet",
+    collapseAriaLabel: L = "Collapse sheet",
+    restoreAriaLabel: N = "Restore sheet size",
+    resizable: S = !1,
+    minSize: h = 80,
+    maxSize: a,
+    resizeStep: I = 24,
+    resizeHandleAriaLabel: G = "Resize sheet",
+    onResize: P,
+    style: J,
+    handleClose: Q,
+    handleSizeButton: Z,
+    children: O,
+    "data-testid": ee = "sheet",
+    ...M
+  } = m, te = !b && (!!k || u), E = [];
+  u && E.push(
+    /* @__PURE__ */ n(
+      F,
+      {
+        variant: "outlined",
+        size: "small",
+        onClick: Z,
+        "aria-label": d === "expanded" ? L : d === "small" ? N : x,
+        children: /* @__PURE__ */ n(X, { name: d === "expanded" ? "close_fullscreen" : "open_in_full" })
+      },
+      "size"
+    )
+  ), k && E.push(
+    /* @__PURE__ */ n(F, { variant: "outlined", size: "small", onClick: Q, "aria-label": z, children: /* @__PURE__ */ n(X, { name: "close" }) }, "close")
+  ), y && E.reverse();
+  const K = H(null), T = H(null), re = me(s, K, T), [i, $] = V(null), o = we(r), U = p(
     (e) => {
-      const t = s ? window.innerHeight : window.innerWidth, c = o != null ? o : t;
-      return Math.max(a, Math.min(c, e));
+      const t = o ? window.innerHeight : window.innerWidth, l = a != null ? a : t;
+      return Math.max(h, Math.min(l, e));
     },
-    [s, o, a]
-  ), R = w(() => {
+    [o, a, h]
+  ), v = p(() => {
     var t;
-    const e = (t = S.current) == null ? void 0 : t.getBoundingClientRect();
-    return e ? s ? e.height : e.width : a;
-  }, [s, a]), h = w(
+    const e = (t = T.current) == null ? void 0 : t.getBoundingClientRect();
+    return e ? o ? e.height : e.width : h;
+  }, [o, h]), f = p(
     (e) => {
-      const t = M(e);
-      B(t), N == null || N(t);
+      const t = U(e);
+      $(t), P == null || P(t);
     },
-    [M, N]
-  ), E = H(null), O = w(
+    [U, P]
+  ), B = H(null), ne = p(
     (e) => {
-      var t, c;
-      e.preventDefault(), E.current = {
-        start: s ? e.clientY : e.clientX,
-        size: R()
+      var t, l;
+      e.preventDefault(), B.current = {
+        start: o ? e.clientY : e.clientX,
+        size: v()
       };
       try {
-        (c = (t = e.currentTarget).setPointerCapture) == null || c.call(t, e.pointerId);
+        (l = (t = e.currentTarget).setPointerCapture) == null || l.call(t, e.pointerId);
       } catch {
       }
     },
-    [s, R]
-  ), ee = w(
+    [o, v]
+  ), oe = p(
     (e) => {
-      const t = E.current;
+      const t = B.current;
       if (!t)
         return;
-      const f = (s ? e.clientY : e.clientX) - t.start, k = r === "bottom" || r === "right" ? -f : f;
-      h(t.size + k);
+      const w = (o ? e.clientY : e.clientX) - t.start, g = r === "bottom" || r === "right" ? -w : w;
+      f(t.size + g);
     },
-    [s, r, h]
-  ), K = w((e) => {
-    var t, c, f, k;
-    E.current = null, (c = (t = e.currentTarget).hasPointerCapture) != null && c.call(t, e.pointerId) && ((k = (f = e.currentTarget).releasePointerCapture) == null || k.call(f, e.pointerId));
-  }, []), te = w(
+    [o, r, f]
+  ), W = p((e) => {
+    var t, l, w, g;
+    B.current = null, (l = (t = e.currentTarget).hasPointerCapture) != null && l.call(t, e.pointerId) && ((g = (w = e.currentTarget).releasePointerCapture) == null || g.call(w, e.pointerId));
+  }, []), ae = p(
     (e) => {
-      const t = l != null ? l : R(), c = o != null ? o : s ? window.innerHeight : window.innerWidth, f = r === "bottom" ? "ArrowUp" : r === "top" ? "ArrowDown" : r === "left" ? "ArrowRight" : "ArrowLeft", k = r === "bottom" ? "ArrowDown" : r === "top" ? "ArrowUp" : r === "left" ? "ArrowLeft" : "ArrowRight";
-      e.key === f ? (e.preventDefault(), h(t + _)) : e.key === k ? (e.preventDefault(), h(t - _)) : e.key === "Home" ? (e.preventDefault(), h(a)) : e.key === "End" && (e.preventDefault(), h(c));
+      const t = i != null ? i : v(), l = a != null ? a : o ? window.innerHeight : window.innerWidth, w = r === "bottom" ? "ArrowUp" : r === "top" ? "ArrowDown" : r === "left" ? "ArrowRight" : "ArrowLeft", g = r === "bottom" ? "ArrowDown" : r === "top" ? "ArrowUp" : r === "left" ? "ArrowLeft" : "ArrowRight";
+      e.key === w ? (e.preventDefault(), f(t + I)) : e.key === g ? (e.preventDefault(), f(t - I)) : e.key === "Home" ? (e.preventDefault(), f(h)) : e.key === "End" && (e.preventDefault(), f(l));
     },
-    [l, R, s, r, h, _, a, o]
+    [i, v, o, r, f, I, h, a]
   );
-  C.useEffect(() => {
-    var e;
-    if (!d) {
-      B(null);
+  j.useEffect(() => {
+    if (!c) {
+      $(null);
       return;
     }
-    (e = S.current) == null || e.focus();
-  }, [d]);
-  const re = g && l !== null ? { ...s ? { height: l } : { width: l }, transition: "none" } : {};
-  return /* @__PURE__ */ n(X, { in: d, timeout: 120, appear: !0, classNames: { enterDone: "smwb-sheet_entered" }, nodeRef: T, children: /* @__PURE__ */ ne(
+    const e = T.current, t = e != null && e.contains(document.activeElement) ? null : document.activeElement;
+    return e == null || e.focus(), () => he(t, e);
+  }, [c]);
+  const se = S && i !== null ? { ...o ? { height: i } : { width: i }, transition: "none" } : {};
+  return /* @__PURE__ */ n(q, { in: c, timeout: 120, appear: !0, classNames: { enterDone: "smwb-sheet_entered" }, nodeRef: K, children: /* @__PURE__ */ ie(
     "div",
     {
-      ref: Z,
-      "data-testid": J,
-      ...L,
+      ref: re,
+      "data-testid": ee,
+      ...M,
       tabIndex: -1,
       role: "dialog",
-      "aria-modal": D === "modal" || L["aria-modal"],
-      className: I("smwb-sheet", A, `smwb-sheet_${D}`, `smwb-${r}`, {
-        "smwb-expanded": p === "expanded",
-        "smwb-small": p === "small",
-        "smwb-sheet_resizable": g
+      "aria-modal": A === "modal" || M["aria-modal"],
+      className: C("smwb-sheet", _, `smwb-sheet_${A}`, `smwb-${r}`, {
+        "smwb-expanded": d === "expanded",
+        "smwb-small": d === "small",
+        "smwb-sheet_resizable": S
       }),
-      style: { "--sizeProp": z, ...re, ...F },
+      style: { "--sizeProp": R, ...se, ...J },
       children: [
-        g && /* @__PURE__ */ n(
+        S && /* @__PURE__ */ n(
           "div",
           {
             className: "smwb-sheet__drag-handle",
             "data-testid": "sheet-drag-handle",
             role: "separator",
             tabIndex: 0,
-            "aria-orientation": s ? "horizontal" : "vertical",
-            "aria-label": Y,
-            "aria-valuemin": a,
-            "aria-valuemax": Math.round(o != null ? o : s ? window.innerHeight : window.innerWidth),
-            "aria-valuenow": Math.round(l != null ? l : R()),
-            onPointerDown: O,
-            onPointerMove: ee,
-            onPointerUp: K,
-            onPointerCancel: K,
-            onKeyDown: te,
+            "aria-orientation": o ? "horizontal" : "vertical",
+            "aria-label": G,
+            "aria-valuemin": h,
+            "aria-valuemax": Math.round(a != null ? a : o ? window.innerHeight : window.innerWidth),
+            "aria-valuenow": Math.round(i != null ? i : v()),
+            onPointerDown: ne,
+            onPointerMove: oe,
+            onPointerUp: W,
+            onPointerCancel: W,
+            onKeyDown: ae,
             children: /* @__PURE__ */ n("span", { className: "smwb-sheet__drag-handle-bar" })
           }
         ),
-        Q && /* @__PURE__ */ n("div", { className: "smwb-sheet__header", children: P }),
-        d && p !== "small" && /* @__PURE__ */ n("div", { className: "smwb-sheet__inner", children: G })
+        te && /* @__PURE__ */ n("div", { className: "smwb-sheet__header", children: E }),
+        c && d !== "small" && /* @__PURE__ */ n("div", { className: "smwb-sheet__inner", children: O })
       ]
     }
   ) });
 });
 export {
-  De as Sheet,
-  De as default
+  Ne as Sheet,
+  Ne as default
 };
 //# sourceMappingURL=sheet.js.map

package/dist/components/layout/sheet/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sources":["../../../../src/components/layout/sheet/sheet.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport Button from \"../../inputs/button/button\";\nimport Icon from \"../../base/icon/icon\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\n\nexport interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  placement?: \"top\" | \"bottom\" | \"right\" | \"left\";\n  isOpen: boolean;\n  onClose?: () => void;\n  variant?: \"default\" | \"modal\";\n  withSizeToggle?: boolean;\n  /** Hide built-in header actions; onClose still handles Esc and backdrop. */\n  hideHeaderActions?: boolean;\n  reverseHeaderActions?: boolean;\n  size?: string;\n  disableOutsideClick?: boolean;\n  /** Close the sheet when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /**\n   * Allow the user to resize the sheet by dragging a grab handle with\n   * touch or mouse (mobile bottom-sheet style). Off by default.\n   */\n  resizable?: boolean;\n  /** Minimum size in px while resizing (default 80). */\n  minSize?: number;\n  /** Maximum size in px while resizing (default: viewport dimension). */\n  maxSize?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Called with the new size in px while/after resizing. */\n  onResize?: (size: number) => void;\n  \"aria-label\"?: string;\n  /** Test id of the sheet panel (the dialog); `sheet` unless given. */\n  \"data-testid\"?: string;\n}\n\ntype Mode = \"small\" | \"expanded\" | null;\n\nexport const Sheet = forwardRef<HTMLDivElement, PropsWithChildren<SheetProps>>(function Sheet(\n  {\n    isOpen,\n    onClose,\n    variant = \"default\",\n    children,\n    placement = \"bottom\",\n    disableOutsideClick,\n    closeOnEsc = true,\n    ...props\n  },\n  ref\n) {\n  const [mode, setMode] = useState<Mode>(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      // Only the topmost overlay layer reacts to Escape, and not to one handled inside\n      // it, e.g. by a menu closing on it.\n      if (event.key === \"Escape\" && !event.defaultPrevented && isTopOverlayLayer(nodeRef.current)) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  const handleSizeButton = () => {\n    if (mode === \"expanded\") {\n      setMode(\"small\");\n    } else if (!mode) {\n      setMode(\"expanded\");\n    } else {\n      setMode(null);\n    }\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setMode(null);\n  };\n\n  return createPortal(\n    <CSSTransition\n      in={isOpen}\n      timeout={70}\n      mountOnEnter\n      unmountOnExit\n      classNames={{ enterDone: \"smwb-entered\" }}\n      appear\n      nodeRef={nodeRef}\n    >\n      {variant === \"default\" ? (\n        <div\n          className={cn(disableOutsideClick ? \"smwb-sheet__overlay\" : \"smwb-sheet__default\")}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <SheetBlock\n            ref={ref}\n            onClose={onClose}\n            handleSizeButton={handleSizeButton}\n            handleClose={handleClose}\n            isOpen={isOpen}\n            mode={mode}\n            placement={placement}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </SheetBlock>\n        </div>\n      ) : (\n        <div\n          className={cn(\"smwb-sheet__overlay\", \"smwb-dark\", `smwb-${placement}`, `smwb-sheet_${variant}`)}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <ClickAwayListener onClickAway={() => !disableOutsideClick && handleClose()}>\n            <SheetBlock\n              ref={ref}\n              onClose={onClose}\n              handleSizeButton={handleSizeButton}\n              handleClose={handleClose}\n              isOpen={isOpen}\n              mode={mode}\n              placement={placement}\n              variant={variant}\n              {...props}\n            >\n              {children}\n            </SheetBlock>\n          </ClickAwayListener>\n        </div>\n      )}\n    </CSSTransition>,\n    document.body\n  );\n});\n\nexport default Sheet;\n\ninterface SheetBlockProps extends SheetProps {\n  mode: Mode;\n  handleSizeButton: () => void;\n  handleClose: () => void;\n}\n\n/** Sheets anchored to a horizontal edge resize on the Y axis, vertical edges on X. */\nconst isVerticalAxis = (placement: SheetProps[\"placement\"]) => placement === \"bottom\" || placement === \"top\";\n\nconst SheetBlock = React.forwardRef(function SheetBlock(props: SheetBlockProps, ref: React.Ref<HTMLDivElement>) {\n  const {\n    isOpen,\n    placement,\n    className,\n    mode,\n\n    size = \"60%\",\n    variant,\n    onClose,\n    withSizeToggle = true,\n    hideHeaderActions = false,\n    reverseHeaderActions = false,\n    resizable = false,\n    minSize = 80,\n    maxSize,\n    resizeStep = 24,\n    resizeHandleAriaLabel = \"Resize sheet\",\n    onResize,\n    style,\n    handleClose,\n    handleSizeButton,\n    children,\n    \"data-testid\": dataTestId = \"sheet\",\n    ...rest\n  } = props;\n  const showActions = !hideHeaderActions && (!!onClose || withSizeToggle);\n  const headerActionNodes: React.ReactNode[] = [];\n  if (withSizeToggle) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleSizeButton} key=\"size\">\n        <Icon name=\"open_in_full\" />\n      </Button>\n    );\n  }\n  if (onClose) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleClose} key=\"close\">\n        <Icon name=\"close\" />\n      </Button>\n    );\n  }\n  if (reverseHeaderActions) {\n    headerActionNodes.reverse();\n  }\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forkRef = useForkRef(ref, nodeRef, rootRef);\n\n  // Drag-to-resize state. `dragSize` (px) wins over the CSS size when set\n  // (inline style beats the .smwb-expanded/.smwb-small rules).\n  const [dragSize, setDragSize] = useState<number | null>(null);\n  const vertical = isVerticalAxis(placement);\n\n  const clamp = useCallback(\n    (px: number) => {\n      const viewport = vertical ? window.innerHeight : window.innerWidth;\n      const max = maxSize ?? viewport;\n      return Math.max(minSize, Math.min(max, px));\n    },\n    [vertical, maxSize, minSize]\n  );\n\n  const currentSizePx = useCallback(() => {\n    const rect = rootRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return minSize;\n    }\n    return vertical ? rect.height : rect.width;\n  }, [vertical, minSize]);\n\n  const applySize = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setDragSize(next);\n      onResize?.(next);\n    },\n    [clamp, onResize]\n  );\n\n  const dragRef = useRef<{ start: number; size: number } | null>(null);\n\n  const onPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      dragRef.current = {\n        start: vertical ? event.clientY : event.clientX,\n        size: currentSizePx(),\n      };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* pointer capture is best-effort (unsupported in some envs) */\n      }\n    },\n    [vertical, currentSizePx]\n  );\n\n  const onPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag) {\n        return;\n      }\n      const pos = vertical ? event.clientY : event.clientX;\n      const delta = pos - drag.start;\n      // Sign so dragging *away* from the anchored edge grows the sheet.\n      const grow = placement === \"bottom\" || placement === \"right\" ? -delta : delta;\n      applySize(drag.size + grow);\n    },\n    [vertical, placement, applySize]\n  );\n\n  const endDrag = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    dragRef.current = null;\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  }, []);\n\n  const onHandleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      const base = dragSize ?? currentSizePx();\n      const max = maxSize ?? (vertical ? window.innerHeight : window.innerWidth);\n      // Key that should make the sheet *bigger*, per anchored edge.\n      const incKey =\n        placement === \"bottom\"\n          ? \"ArrowUp\"\n          : placement === \"top\"\n            ? \"ArrowDown\"\n            : placement === \"left\"\n              ? \"ArrowRight\"\n              : \"ArrowLeft\";\n      const decKey =\n        placement === \"bottom\"\n          ? \"ArrowDown\"\n          : placement === \"top\"\n            ? \"ArrowUp\"\n            : placement === \"left\"\n              ? \"ArrowLeft\"\n              : \"ArrowRight\";\n      if (event.key === incKey) {\n        event.preventDefault();\n        applySize(base + resizeStep);\n      } else if (event.key === decKey) {\n        event.preventDefault();\n        applySize(base - resizeStep);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        applySize(minSize);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        applySize(max);\n      }\n    },\n    [dragSize, currentSizePx, vertical, placement, applySize, resizeStep, minSize, maxSize]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      setDragSize(null);\n      return;\n    }\n\n    rootRef.current?.focus();\n  }, [isOpen]);\n\n  // While a drag size is applied, suppress the sheet's 0.2s size\n  // transition so the panel tracks the pointer in real time instead\n  // of lagging 200ms behind every move.\n  const sizeStyle: CSSProperties =\n    resizable && dragSize !== null\n      ? { ...(vertical ? { height: dragSize } : { width: dragSize }), transition: \"none\" }\n      : {};\n\n  return (\n    <CSSTransition in={isOpen} timeout={120} appear classNames={{ enterDone: \"smwb-sheet_entered\" }} nodeRef={nodeRef}>\n      <div\n        ref={forkRef}\n        data-testid={dataTestId}\n        {...rest}\n        // A sheet is a dialog, focused as a whole when it opens: its role and\n        // tabIndex win over the caller's, and so does aria-modal on a modal\n        // sheet. On another, the caller's aria-modal stays.\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal={variant === \"modal\" || rest[\"aria-modal\"]}\n        className={cn(\"smwb-sheet\", className, `smwb-sheet_${variant}`, `smwb-${placement}`, {\n          \"smwb-expanded\": mode === \"expanded\",\n          \"smwb-small\": mode === \"small\",\n          \"smwb-sheet_resizable\": resizable,\n        })}\n        style={{ \"--sizeProp\": size, ...sizeStyle, ...style } as CSSProperties}\n      >\n        {resizable && (\n          <div\n            className=\"smwb-sheet__drag-handle\"\n            data-testid=\"sheet-drag-handle\"\n            role=\"separator\"\n            tabIndex={0}\n            aria-orientation={vertical ? \"horizontal\" : \"vertical\"}\n            aria-label={resizeHandleAriaLabel}\n            aria-valuemin={minSize}\n            aria-valuemax={Math.round(maxSize ?? (vertical ? window.innerHeight : window.innerWidth))}\n            aria-valuenow={Math.round(dragSize ?? currentSizePx())}\n            onPointerDown={onPointerDown}\n            onPointerMove={onPointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={onHandleKeyDown}\n          >\n            <span className=\"smwb-sheet__drag-handle-bar\" />\n          </div>\n        )}\n        {showActions && <div className=\"smwb-sheet__header\">{headerActionNodes}</div>}\n        {isOpen && mode !== \"small\" && <div className=\"smwb-sheet__inner\">{children}</div>}\n      </div>\n    </CSSTransition>\n  );\n});\n"],"names":["Sheet","forwardRef","isOpen","onClose","variant","children","placement","disableOutsideClick","closeOnEsc","props","ref","mode","setMode","useState","nodeRef","useRef","useEffect","onKeyDown","event","isTopOverlayLayer","handleSizeButton","handleClose","createPortal","jsx","CSSTransition","cn","SheetBlock","ClickAwayListener","isVerticalAxis","React","className","size","withSizeToggle","hideHeaderActions","reverseHeaderActions","resizable","minSize","maxSize","resizeStep","resizeHandleAriaLabel","onResize","style","dataTestId","rest","showActions","headerActionNodes","Button","Icon","rootRef","forkRef","useForkRef","dragSize","setDragSize","vertical","clamp","useCallback","px","viewport","max","currentSizePx","rect","_a","applySize","next","dragRef","onPointerDown","_b","onPointerMove","drag","delta","grow","endDrag","_d","_c","onHandleKeyDown","base","incKey","decKey","sizeStyle","jsxs"],"mappings":"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"}
+{"version":3,"file":"sheet.js","sources":["../../../../src/components/layout/sheet/sheet.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, PropsWithChildren, useCallback, useEffect, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport Button from \"../../inputs/button/button\";\nimport Icon from \"../../base/icon/icon\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\nimport { restoreFocus } from \"../../../utils/restoreFocus\";\n\nexport interface SheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string;\n  placement?: \"top\" | \"bottom\" | \"right\" | \"left\";\n  isOpen: boolean;\n  onClose?: () => void;\n  variant?: \"default\" | \"modal\";\n  withSizeToggle?: boolean;\n  /** Hide built-in header actions; onClose still handles Esc and backdrop. */\n  hideHeaderActions?: boolean;\n  reverseHeaderActions?: boolean;\n  /** Accessible name of the header close button (default \"Close sheet\"). */\n  closeAriaLabel?: string;\n  /**\n   * Accessible name of the size toggle while the sheet is at its normal size (default \"Expand sheet\"). The toggle\n   * cycles normal, expanded, collapsed and back, and its name always says what the next press does; the\n   * name changing is how it exposes its state. It shows the `open_in_full` icon, and `close_fullscreen` while expanded.\n   */\n  expandAriaLabel?: string;\n  /** Accessible name of the size toggle while the sheet is expanded (default \"Collapse sheet\"). */\n  collapseAriaLabel?: string;\n  /** Accessible name of the size toggle while the sheet is collapsed to its header (default \"Restore sheet size\"). */\n  restoreAriaLabel?: string;\n  size?: string;\n  disableOutsideClick?: boolean;\n  /** Close the sheet when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /**\n   * Allow the user to resize the sheet by dragging a grab handle with\n   * touch or mouse (mobile bottom-sheet style). Off by default.\n   */\n  resizable?: boolean;\n  /** Minimum size in px while resizing (default 80). */\n  minSize?: number;\n  /** Maximum size in px while resizing (default: viewport dimension). */\n  maxSize?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Called with the new size in px while/after resizing. */\n  onResize?: (size: number) => void;\n  \"aria-label\"?: string;\n  /** Test id of the sheet panel (the dialog); `sheet` unless given. */\n  \"data-testid\"?: string;\n}\n\ntype Mode = \"small\" | \"expanded\" | null;\n\nexport const Sheet = forwardRef<HTMLDivElement, PropsWithChildren<SheetProps>>(function Sheet(\n  {\n    isOpen,\n    onClose,\n    variant = \"default\",\n    children,\n    placement = \"bottom\",\n    disableOutsideClick,\n    closeOnEsc = true,\n    ...props\n  },\n  ref\n) {\n  const [mode, setMode] = useState<Mode>(null);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isOpen || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      // Only the topmost overlay layer reacts to Escape, and not to one handled inside\n      // it, e.g. by a menu closing on it.\n      if (event.key === \"Escape\" && !event.defaultPrevented && isTopOverlayLayer(nodeRef.current)) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [isOpen, closeOnEsc, onClose]);\n\n  const handleSizeButton = () => {\n    if (mode === \"expanded\") {\n      setMode(\"small\");\n    } else if (!mode) {\n      setMode(\"expanded\");\n    } else {\n      setMode(null);\n    }\n  };\n\n  const handleClose = () => {\n    onClose?.();\n    setMode(null);\n  };\n\n  return createPortal(\n    <CSSTransition\n      in={isOpen}\n      timeout={70}\n      mountOnEnter\n      unmountOnExit\n      classNames={{ enterDone: \"smwb-entered\" }}\n      appear\n      nodeRef={nodeRef}\n    >\n      {variant === \"default\" ? (\n        <div\n          className={cn(disableOutsideClick ? \"smwb-sheet__overlay\" : \"smwb-sheet__default\")}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <SheetBlock\n            ref={ref}\n            onClose={onClose}\n            handleSizeButton={handleSizeButton}\n            handleClose={handleClose}\n            isOpen={isOpen}\n            mode={mode}\n            placement={placement}\n            variant={variant}\n            {...props}\n          >\n            {children}\n          </SheetBlock>\n        </div>\n      ) : (\n        <div\n          className={cn(\"smwb-sheet__overlay\", \"smwb-dark\", `smwb-${placement}`, `smwb-sheet_${variant}`)}\n          ref={nodeRef}\n          data-smwb-overlay-layer=\"\"\n        >\n          <ClickAwayListener onClickAway={() => !disableOutsideClick && handleClose()}>\n            <SheetBlock\n              ref={ref}\n              onClose={onClose}\n              handleSizeButton={handleSizeButton}\n              handleClose={handleClose}\n              isOpen={isOpen}\n              mode={mode}\n              placement={placement}\n              variant={variant}\n              {...props}\n            >\n              {children}\n            </SheetBlock>\n          </ClickAwayListener>\n        </div>\n      )}\n    </CSSTransition>,\n    document.body\n  );\n});\n\nexport default Sheet;\n\ninterface SheetBlockProps extends SheetProps {\n  mode: Mode;\n  handleSizeButton: () => void;\n  handleClose: () => void;\n}\n\n/** Sheets anchored to a horizontal edge resize on the Y axis, vertical edges on X. */\nconst isVerticalAxis = (placement: SheetProps[\"placement\"]) => placement === \"bottom\" || placement === \"top\";\n\nconst SheetBlock = React.forwardRef(function SheetBlock(props: SheetBlockProps, ref: React.Ref<HTMLDivElement>) {\n  const {\n    isOpen,\n    placement,\n    className,\n    mode,\n\n    size = \"60%\",\n    variant,\n    onClose,\n    withSizeToggle = true,\n    hideHeaderActions = false,\n    reverseHeaderActions = false,\n    closeAriaLabel = \"Close sheet\",\n    expandAriaLabel = \"Expand sheet\",\n    collapseAriaLabel = \"Collapse sheet\",\n    restoreAriaLabel = \"Restore sheet size\",\n    resizable = false,\n    minSize = 80,\n    maxSize,\n    resizeStep = 24,\n    resizeHandleAriaLabel = \"Resize sheet\",\n    onResize,\n    style,\n    handleClose,\n    handleSizeButton,\n    children,\n    \"data-testid\": dataTestId = \"sheet\",\n    ...rest\n  } = props;\n  const showActions = !hideHeaderActions && (!!onClose || withSizeToggle);\n  const headerActionNodes: React.ReactNode[] = [];\n  if (withSizeToggle) {\n    headerActionNodes.push(\n      <Button\n        variant={\"outlined\"}\n        size=\"small\"\n        onClick={handleSizeButton}\n        aria-label={mode === \"expanded\" ? collapseAriaLabel : mode === \"small\" ? restoreAriaLabel : expandAriaLabel}\n        key=\"size\"\n      >\n        <Icon name={mode === \"expanded\" ? \"close_fullscreen\" : \"open_in_full\"} />\n      </Button>\n    );\n  }\n  if (onClose) {\n    headerActionNodes.push(\n      <Button variant={\"outlined\"} size=\"small\" onClick={handleClose} aria-label={closeAriaLabel} key=\"close\">\n        <Icon name=\"close\" />\n      </Button>\n    );\n  }\n  if (reverseHeaderActions) {\n    headerActionNodes.reverse();\n  }\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const forkRef = useForkRef(ref, nodeRef, rootRef);\n\n  // Drag-to-resize state. `dragSize` (px) wins over the CSS size when set\n  // (inline style beats the .smwb-expanded/.smwb-small rules).\n  const [dragSize, setDragSize] = useState<number | null>(null);\n  const vertical = isVerticalAxis(placement);\n\n  const clamp = useCallback(\n    (px: number) => {\n      const viewport = vertical ? window.innerHeight : window.innerWidth;\n      const max = maxSize ?? viewport;\n      return Math.max(minSize, Math.min(max, px));\n    },\n    [vertical, maxSize, minSize]\n  );\n\n  const currentSizePx = useCallback(() => {\n    const rect = rootRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return minSize;\n    }\n    return vertical ? rect.height : rect.width;\n  }, [vertical, minSize]);\n\n  const applySize = useCallback(\n    (px: number) => {\n      const next = clamp(px);\n      setDragSize(next);\n      onResize?.(next);\n    },\n    [clamp, onResize]\n  );\n\n  const dragRef = useRef<{ start: number; size: number } | null>(null);\n\n  const onPointerDown = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      event.preventDefault();\n      dragRef.current = {\n        start: vertical ? event.clientY : event.clientX,\n        size: currentSizePx(),\n      };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* pointer capture is best-effort (unsupported in some envs) */\n      }\n    },\n    [vertical, currentSizePx]\n  );\n\n  const onPointerMove = useCallback(\n    (event: React.PointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag) {\n        return;\n      }\n      const pos = vertical ? event.clientY : event.clientX;\n      const delta = pos - drag.start;\n      // Sign so dragging *away* from the anchored edge grows the sheet.\n      const grow = placement === \"bottom\" || placement === \"right\" ? -delta : delta;\n      applySize(drag.size + grow);\n    },\n    [vertical, placement, applySize]\n  );\n\n  const endDrag = useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n    dragRef.current = null;\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  }, []);\n\n  const onHandleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      const base = dragSize ?? currentSizePx();\n      const max = maxSize ?? (vertical ? window.innerHeight : window.innerWidth);\n      // Key that should make the sheet *bigger*, per anchored edge.\n      const incKey =\n        placement === \"bottom\"\n          ? \"ArrowUp\"\n          : placement === \"top\"\n            ? \"ArrowDown\"\n            : placement === \"left\"\n              ? \"ArrowRight\"\n              : \"ArrowLeft\";\n      const decKey =\n        placement === \"bottom\"\n          ? \"ArrowDown\"\n          : placement === \"top\"\n            ? \"ArrowUp\"\n            : placement === \"left\"\n              ? \"ArrowLeft\"\n              : \"ArrowRight\";\n      if (event.key === incKey) {\n        event.preventDefault();\n        applySize(base + resizeStep);\n      } else if (event.key === decKey) {\n        event.preventDefault();\n        applySize(base - resizeStep);\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        applySize(minSize);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        applySize(max);\n      }\n    },\n    [dragSize, currentSizePx, vertical, placement, applySize, resizeStep, minSize, maxSize]\n  );\n\n  React.useEffect(() => {\n    if (!isOpen) {\n      setDragSize(null);\n      return;\n    }\n\n    const root = rootRef.current;\n    // The element that had focus when the sheet opened gets it back when it closes (or unmounts\n    // while open), unless the app has put focus somewhere else by then.\n    const opener = root?.contains(document.activeElement) ? null : document.activeElement;\n    root?.focus();\n    return () => restoreFocus(opener, root);\n  }, [isOpen]);\n\n  // While a drag size is applied, suppress the sheet's 0.2s size\n  // transition so the panel tracks the pointer in real time instead\n  // of lagging 200ms behind every move.\n  const sizeStyle: CSSProperties =\n    resizable && dragSize !== null\n      ? { ...(vertical ? { height: dragSize } : { width: dragSize }), transition: \"none\" }\n      : {};\n\n  return (\n    <CSSTransition in={isOpen} timeout={120} appear classNames={{ enterDone: \"smwb-sheet_entered\" }} nodeRef={nodeRef}>\n      <div\n        ref={forkRef}\n        data-testid={dataTestId}\n        {...rest}\n        // A sheet is a dialog, focused as a whole when it opens: its role and\n        // tabIndex win over the caller's, and so does aria-modal on a modal\n        // sheet. On another, the caller's aria-modal stays.\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal={variant === \"modal\" || rest[\"aria-modal\"]}\n        className={cn(\"smwb-sheet\", className, `smwb-sheet_${variant}`, `smwb-${placement}`, {\n          \"smwb-expanded\": mode === \"expanded\",\n          \"smwb-small\": mode === \"small\",\n          \"smwb-sheet_resizable\": resizable,\n        })}\n        style={{ \"--sizeProp\": size, ...sizeStyle, ...style } as CSSProperties}\n      >\n        {resizable && (\n          <div\n            className=\"smwb-sheet__drag-handle\"\n            data-testid=\"sheet-drag-handle\"\n            role=\"separator\"\n            tabIndex={0}\n            aria-orientation={vertical ? \"horizontal\" : \"vertical\"}\n            aria-label={resizeHandleAriaLabel}\n            aria-valuemin={minSize}\n            aria-valuemax={Math.round(maxSize ?? (vertical ? window.innerHeight : window.innerWidth))}\n            aria-valuenow={Math.round(dragSize ?? currentSizePx())}\n            onPointerDown={onPointerDown}\n            onPointerMove={onPointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={onHandleKeyDown}\n          >\n            <span className=\"smwb-sheet__drag-handle-bar\" />\n          </div>\n        )}\n        {showActions && <div className=\"smwb-sheet__header\">{headerActionNodes}</div>}\n        {isOpen && mode !== \"small\" && <div className=\"smwb-sheet__inner\">{children}</div>}\n      </div>\n    </CSSTransition>\n  );\n});\n"],"names":["Sheet","forwardRef","isOpen","onClose","variant","children","placement","disableOutsideClick","closeOnEsc","props","ref","mode","setMode","useState","nodeRef","useRef","useEffect","onKeyDown","event","isTopOverlayLayer","handleSizeButton","handleClose","createPortal","jsx","CSSTransition","cn","SheetBlock","ClickAwayListener","isVerticalAxis","React","className","size","withSizeToggle","hideHeaderActions","reverseHeaderActions","closeAriaLabel","expandAriaLabel","collapseAriaLabel","restoreAriaLabel","resizable","minSize","maxSize","resizeStep","resizeHandleAriaLabel","onResize","style","dataTestId","rest","showActions","headerActionNodes","Button","Icon","rootRef","forkRef","useForkRef","dragSize","setDragSize","vertical","clamp","useCallback","px","viewport","max","currentSizePx","rect","_a","applySize","next","dragRef","onPointerDown","_b","onPointerMove","drag","delta","grow","endDrag","_d","_c","onHandleKeyDown","base","incKey","decKey","root","opener","restoreFocus","sizeStyle","jsxs"],"mappings":"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"}

package/dist/components/layout/tabGroups/index.d.ts

@@ -0,0 +1,4 @@
+export { TabGroups } from "./tabGroups";
+export type { TabGroupsProps, TabGroupsTab } from "./tabGroups";
+export * as tabGroupsLayout from "./tabGroupsLayout";
+export type { TabGroupsChange, TabGroupsDropZone, TabGroupsEdge, TabGroupsGroup, TabGroupsLabels, TabGroupsLayout, TabGroupsMoveTarget, TabGroupsNode, TabGroupsSplit, } from "./tabGroupsLayout";