@smwb/ui-react 2.4.1 → 2.6.0

package/dist/headless/components/layout/floatingWindow/floatingWindow.js

@@ -0,0 +1,310 @@
+import { jsx as s, Fragment as Tt, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as vt, useState as Kt, useRef as _, useId as Ot, useCallback as T, useEffect as Q } from "react";
+import { createPortal as Ft } from "react-dom";
+import { CSSTransition as Ht } from "react-transition-group";
+import W from "clsx";
+import { Icon as v } from "../../base/icon/icon.js";
+import { useControllableState as K } from "../../../hooks/useControllableState.js";
+import { useForkRef as Ut } from "../../../hooks/useForkRef.js";
+import { useSafeLayoutEffect as $t } from "../../../hooks/useSafeLayoutEffect.js";
+const Vt = {
+  n: { dx: 0, dy: 1, dw: 0, dh: -1 },
+  s: { dx: 0, dy: 0, dw: 0, dh: 1 },
+  e: { dx: 0, dy: 0, dw: 1, dh: 0 },
+  w: { dx: 1, dy: 0, dw: -1, dh: 0 },
+  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },
+  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },
+  se: { dx: 0, dy: 0, dw: 1, dh: 1 },
+  sw: { dx: 1, dy: 0, dw: -1, dh: 1 }
+}, Xt = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], y = () => typeof window == "undefined" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight }, Yt = { x: 24, y: 24 }, Zt = { width: 360, height: 420 }, oe = vt(
+  function(tt, et) {
+    const {
+      open: x,
+      title: A,
+      headerActions: nt,
+      position: ot,
+      defaultPosition: it = Yt,
+      onPositionChange: rt,
+      onMoveEnd: h,
+      size: at,
+      defaultSize: st = Zt,
+      onResize: dt,
+      onResizeEnd: u,
+      minWidth: b = 200,
+      minHeight: D = 120,
+      maxWidth: a,
+      maxHeight: d,
+      keepVisible: O = 56,
+      moveStep: lt = 24,
+      resizeStep: I = 24,
+      zIndex: F,
+      onActivate: R,
+      collapsed: ct,
+      defaultCollapsed: wt = !1,
+      onCollapsedChange: ht,
+      collapsible: ut = !0,
+      movable: ft = !0,
+      resizable: pt = !0,
+      closeOnEsc: H = !1,
+      onClose: P,
+      moveHandleAriaLabel: mt = "Move window",
+      resizeHandleAriaLabel: gt = "Resize window",
+      closeAriaLabel: yt = "Close window",
+      collapseAriaLabel: xt = "Collapse window",
+      expandAriaLabel: bt = "Expand window",
+      className: Pt,
+      style: E,
+      children: _t,
+      ...Dt
+    } = tt, [U, Rt] = Kt(), C = _(null), Ct = Ut(et, C), $ = Ot();
+    $t(() => {
+      Rt(document.body);
+    }, []);
+    const [f, V] = K({
+      value: ot,
+      defaultValue: it,
+      onChange: rt
+    }), [p, X] = K({
+      value: at,
+      defaultValue: st,
+      onChange: dt
+    }), [c, Mt] = K({
+      value: ct,
+      defaultValue: wt,
+      onChange: ht
+    }), M = T(
+      (t, e) => {
+        const n = a != null ? a : e.width, i = d != null ? d : e.height, o = Math.max(b, Math.min(n, t.width)), r = Math.max(D, Math.min(i, t.height)), g = Math.min(O, o), S = Math.max(g - o, Math.min(e.width - g, t.x)), L = Math.max(0, Math.min(Math.max(0, e.height - g), t.y));
+        return { x: S, y: L, width: o, height: r };
+      },
+      [O, d, a, D, b]
+    ), w = M({ x: f.x, y: f.y, width: p.width, height: p.height }, y()), l = _(w);
+    l.current = w;
+    const m = T(
+      (t) => {
+        const e = M(t, y());
+        (e.x !== f.x || e.y !== f.y) && V({ x: e.x, y: e.y }), (e.width !== p.width || e.height !== p.height) && X({ width: e.width, height: e.height });
+      },
+      [M, f.x, f.y, V, X, p.height, p.width]
+    ), Y = _(m);
+    Y.current = m, Q(() => {
+      if (!x) return;
+      const t = () => Y.current(l.current);
+      return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+    }, [x]), Q(() => {
+      if (!x || !H || !P) return;
+      const t = (e) => {
+        if (e.key !== "Escape") return;
+        const n = C.current;
+        !n || !n.contains(document.activeElement) || P();
+      };
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [H, P, x]);
+    const Z = T(() => {
+      R == null || R();
+      const t = C.current;
+      t && !t.contains(document.activeElement) && t.focus({ preventScroll: !0 });
+    }, [R]), k = _(null), kt = (t) => {
+      var n, i, o;
+      if (!ft || (n = t.target) != null && n.closest("button,[data-no-drag]")) return;
+      t.preventDefault();
+      const e = l.current;
+      k.current = { px: t.clientX, py: t.clientY, x: e.x, y: e.y };
+      try {
+        (o = (i = t.currentTarget).setPointerCapture) == null || o.call(i, t.pointerId);
+      } catch {
+      }
+    }, zt = (t) => {
+      const e = k.current;
+      e && m({
+        ...l.current,
+        x: e.x + t.clientX - e.px,
+        y: e.y + t.clientY - e.py
+      });
+    }, j = (t) => {
+      var e, n, i, o;
+      if (k.current) {
+        k.current = null;
+        const r = l.current;
+        h == null || h({ x: r.x, y: r.y });
+      }
+      (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
+    }, z = _(null), At = (t, e) => {
+      var n, i;
+      e.preventDefault(), e.stopPropagation(), z.current = { dir: t, px: e.clientX, py: e.clientY, rect: l.current }, Z();
+      try {
+        (i = (n = e.currentTarget).setPointerCapture) == null || i.call(n, e.pointerId);
+      } catch {
+      }
+    }, It = (t) => {
+      const e = z.current;
+      if (!e) return;
+      const n = Vt[e.dir], i = t.clientX - e.px, o = t.clientY - e.py, r = e.rect, g = y(), S = a != null ? a : g.width, L = d != null ? d : g.height, B = Math.min(S, Math.max(b, r.width + n.dw * i)), J = Math.min(L, Math.max(D, r.height + n.dh * o));
+      m({
+        x: n.dx ? r.x + r.width - B : r.x,
+        y: n.dy ? r.y + r.height - J : r.y,
+        width: B,
+        height: J
+      });
+    }, G = (t) => {
+      var e, n, i, o;
+      if (z.current) {
+        z.current = null;
+        const r = l.current;
+        u == null || u({ width: r.width, height: r.height });
+      }
+      (n = (e = t.currentTarget).hasPointerCapture) != null && n.call(e, t.pointerId) && ((o = (i = t.currentTarget).releasePointerCapture) == null || o.call(i, t.pointerId));
+    }, q = (t, e) => {
+      const n = M(e, y());
+      t ? u == null || u({ width: n.width, height: n.height }) : h == null || h({ x: n.x, y: n.y });
+    }, Et = (t) => {
+      const e = l.current, n = t.shiftKey ? I : lt, o = {
+        ArrowLeft: [-n, 0],
+        ArrowRight: [n, 0],
+        ArrowUp: [0, -n],
+        ArrowDown: [0, n]
+      }[t.key];
+      if (!o) return;
+      t.preventDefault();
+      const r = t.shiftKey ? { ...e, width: e.width + o[0], height: e.height + o[1] } : { ...e, x: e.x + o[0], y: e.y + o[1] };
+      m(r), q(t.shiftKey, r);
+    }, St = (t) => {
+      const e = l.current, n = y();
+      let i;
+      if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+        t.preventDefault();
+        const o = t.key === "ArrowRight" ? 1 : -1;
+        i = { ...e, width: e.width + o * I };
+      } else if (t.key === "ArrowUp" || t.key === "ArrowDown") {
+        t.preventDefault();
+        const o = t.key === "ArrowDown" ? 1 : -1;
+        i = { ...e, height: e.height + o * I };
+      } else if (t.key === "Home")
+        t.preventDefault(), i = { ...e, width: b, height: D };
+      else if (t.key === "End")
+        t.preventDefault(), i = { ...e, width: a != null ? a : n.width, height: d != null ? d : n.height };
+      else
+        return;
+      m(i), q(!0, i);
+    }, Lt = () => Mt((t) => !t);
+    if (!U)
+      return /* @__PURE__ */ s(Tt, {});
+    const Nt = {
+      left: `${w.x}px`,
+      top: `${w.y}px`,
+      width: `${w.width}px`,
+      ...c ? {} : { height: `${w.height}px` },
+      ...F === void 0 ? {} : { zIndex: F },
+      ...E != null ? E : {}
+    };
+    return Ft(
+      /* @__PURE__ */ s(
+        Ht,
+        {
+          in: x,
+          timeout: 120,
+          mountOnEnter: !0,
+          unmountOnExit: !0,
+          appear: !0,
+          classNames: { enterDone: "smwb-floating-window_entered" },
+          nodeRef: C,
+          children: /* @__PURE__ */ N(
+            "div",
+            {
+              ...Dt,
+              ref: Ct,
+              "data-testid": "floating-window",
+              role: "dialog",
+              tabIndex: -1,
+              "aria-labelledby": A ? $ : void 0,
+              className: W("smwb-floating-window", Pt, { "smwb-collapsed": c }),
+              style: Nt,
+              onPointerDown: Z,
+              children: [
+                /* @__PURE__ */ N(
+                  "div",
+                  {
+                    className: "smwb-floating-window__header",
+                    "data-testid": "floating-window-header",
+                    onPointerDown: kt,
+                    onPointerMove: zt,
+                    onPointerUp: j,
+                    onPointerCancel: j,
+                    children: [
+                      /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: "smwb-floating-window__grip",
+                          "data-testid": "floating-window-move",
+                          role: "button",
+                          tabIndex: 0,
+                          "aria-label": mt,
+                          onKeyDown: Et,
+                          children: /* @__PURE__ */ s(v, { name: "drag_indicator" })
+                        }
+                      ),
+                      A ? /* @__PURE__ */ s("span", { className: "smwb-floating-window__title", id: $, children: A }) : null,
+                      /* @__PURE__ */ N("div", { className: "smwb-floating-window__actions", "data-no-drag": !0, children: [
+                        nt,
+                        ut ? /* @__PURE__ */ s(
+                          "button",
+                          {
+                            type: "button",
+                            className: "smwb-floating-window__action",
+                            "data-testid": "floating-window-collapse",
+                            "aria-label": c ? bt : xt,
+                            "aria-expanded": !c,
+                            onClick: Lt,
+                            children: /* @__PURE__ */ s(v, { name: c ? "open_in_full" : "close_fullscreen" })
+                          }
+                        ) : null,
+                        P ? /* @__PURE__ */ s(
+                          "button",
+                          {
+                            type: "button",
+                            className: "smwb-floating-window__action",
+                            "data-testid": "floating-window-close",
+                            "aria-label": yt,
+                            onClick: P,
+                            children: /* @__PURE__ */ s(v, { name: "close" })
+                          }
+                        ) : null
+                      ] })
+                    ]
+                  }
+                ),
+                c ? null : /* @__PURE__ */ s("div", { className: "smwb-floating-window__body", "data-testid": "floating-window-body", children: _t }),
+                pt && !c ? Xt.map((t) => /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: W("smwb-floating-window__resize", `smwb-floating-window__resize_${t}`),
+                    "data-testid": `floating-window-resize-${t}`,
+                    ...t === "se" ? {
+                      role: "separator",
+                      tabIndex: 0,
+                      "aria-label": gt,
+                      "aria-valuemin": b,
+                      "aria-valuemax": Math.round(a != null ? a : y().width),
+                      "aria-valuenow": Math.round(w.width),
+                      onKeyDown: St
+                    } : { "aria-hidden": !0, tabIndex: -1 },
+                    onPointerDown: (e) => At(t, e),
+                    onPointerMove: It,
+                    onPointerUp: G,
+                    onPointerCancel: G
+                  },
+                  t
+                )) : null
+              ]
+            }
+          )
+        }
+      ),
+      U
+    );
+  }
+);
+export {
+  oe as FloatingWindow
+};
+//# sourceMappingURL=floatingWindow.js.map

package/dist/headless/components/layout/floatingWindow/floatingWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingWindow.js","sources":["../../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type PropsWithChildren,\n  type ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { CSSTransition } from \"react-transition-group\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onResize\" | \"title\" | \"children\"\n> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: ReactNode;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: ReactNode;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: (position: FloatingWindowPosition) => void;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: (position: FloatingWindowPosition) => void;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: (size: FloatingWindowSize) => void;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: (size: FloatingWindowSize) => void;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: () => void;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\nconst DEFAULT_POSITION: FloatingWindowPosition = { x: 24, y: 24 };\nconst DEFAULT_SIZE: FloatingWindowSize = { width: 360, height: 420 };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport const FloatingWindow = forwardRef<HTMLDivElement, PropsWithChildren<FloatingWindowProps>>(\n  function FloatingWindow(props, ref) {\n    const {\n      open,\n      title,\n      headerActions,\n      position: positionProp,\n      defaultPosition = DEFAULT_POSITION,\n      onPositionChange,\n      onMoveEnd,\n      size: sizeProp,\n      defaultSize = DEFAULT_SIZE,\n      onResize,\n      onResizeEnd,\n      minWidth = 200,\n      minHeight = 120,\n      maxWidth,\n      maxHeight,\n      keepVisible = 56,\n      moveStep = 24,\n      resizeStep = 24,\n      zIndex,\n      onActivate,\n      collapsed: collapsedProp,\n      defaultCollapsed = false,\n      onCollapsedChange,\n      collapsible = true,\n      movable = true,\n      resizable = true,\n      closeOnEsc = false,\n      onClose,\n      moveHandleAriaLabel = \"Move window\",\n      resizeHandleAriaLabel = \"Resize window\",\n      closeAriaLabel = \"Close window\",\n      collapseAriaLabel = \"Collapse window\",\n      expandAriaLabel = \"Expand window\",\n      className,\n      style,\n      children,\n      ...rest\n    } = props;\n\n    const [domRoot, setDomRoot] = useState<HTMLElement>();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const forkedRootRef = useForkRef<HTMLDivElement>(ref, rootRef);\n    const titleId = useId();\n\n    useSafeLayoutEffect(() => {\n      setDomRoot(document.body);\n    }, []);\n\n    const [position, setPosition] = useControllableState<FloatingWindowPosition>({\n      value: positionProp,\n      defaultValue: defaultPosition,\n      onChange: onPositionChange,\n    });\n    const [size, setSize] = useControllableState<FloatingWindowSize>({\n      value: sizeProp,\n      defaultValue: defaultSize,\n      onChange: onResize,\n    });\n    const [collapsed, setCollapsed] = useControllableState<boolean>({\n      value: collapsedProp,\n      defaultValue: defaultCollapsed,\n      onChange: onCollapsedChange,\n    });\n\n    /**\n     * Size first, then position against the clamped size. `y` is never negative, so the\n     * title bar can never be dragged above the top edge and become ungrabbable — the gap\n     * that makes an off-screen Sheet unrecoverable.\n     */\n    const clampRect = useCallback(\n      (rectIn: Rect, vp: Viewport): Rect => {\n        const maxW = maxWidth ?? vp.width;\n        const maxH = maxHeight ?? vp.height;\n        const width = Math.max(minWidth, Math.min(maxW, rectIn.width));\n        const height = Math.max(minHeight, Math.min(maxH, rectIn.height));\n        const keep = Math.min(keepVisible, width);\n        const x = Math.max(keep - width, Math.min(vp.width - keep, rectIn.x));\n        const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rectIn.y));\n        return { x, y, width, height };\n      },\n      [keepVisible, maxHeight, maxWidth, minHeight, minWidth]\n    );\n\n    /** The clamped geometry actually rendered. Clamping the CONTROLLED value (not just drag\n     *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n    const rect = clampRect({ x: position.x, y: position.y, width: size.width, height: size.height }, viewportOf());\n\n    // The gesture handlers are attached once (pointer capture), so they must not close over a\n    // stale rect. A ref mirroring the rendered rect keeps them reading the current geometry.\n    const rectRef = useRef(rect);\n    rectRef.current = rect;\n\n    const commitRect = useCallback(\n      (next: Rect): void => {\n        const clamped = clampRect(next, viewportOf());\n        if (clamped.x !== position.x || clamped.y !== position.y) setPosition({ x: clamped.x, y: clamped.y });\n        if (clamped.width !== size.width || clamped.height !== size.height) {\n          setSize({ width: clamped.width, height: clamped.height });\n        }\n      },\n      [clampRect, position.x, position.y, setPosition, setSize, size.height, size.width]\n    );\n\n    const commitRectRef = useRef(commitRect);\n    commitRectRef.current = commitRect;\n\n    // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n    // screen stays reachable on a small one. Sheet has no such listener, which is why a\n    // dragged sheet survives a viewport shrink oversized.\n    useEffect(() => {\n      if (!open) return undefined;\n      const onViewportResize = (): void => commitRectRef.current(rectRef.current);\n      window.addEventListener(\"resize\", onViewportResize);\n      return () => window.removeEventListener(\"resize\", onViewportResize);\n    }, [open]);\n\n    // Escape only while focus is inside this window. FloatingWindow is not an overlay\n    // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n    // arbiter with several windows open.\n    useEffect(() => {\n      if (!open || !closeOnEsc || !onClose) return undefined;\n      const onKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== \"Escape\") return;\n        const root = rootRef.current;\n        if (!root || !root.contains(document.activeElement)) return;\n        onClose();\n      };\n      document.addEventListener(\"keydown\", onKeyDown);\n      return () => document.removeEventListener(\"keydown\", onKeyDown);\n    }, [closeOnEsc, onClose, open]);\n\n    const activate = useCallback((): void => {\n      onActivate?.();\n      // Only when focus is elsewhere — an unconditional focus() would steal the caret\n      // from an input inside the window on every raise.\n      const root = rootRef.current;\n      if (root && !root.contains(document.activeElement)) root.focus({ preventScroll: true });\n    }, [onActivate]);\n\n    // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n    // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n    const move = useRef<{ px: number; py: number; x: number; y: number } | null>(null);\n\n    const onMoveHandlePointerDown = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (!movable) return;\n      // Header buttons stay clickable.\n      if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n      event.preventDefault();\n      const current = rectRef.current;\n      move.current = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onMoveHandlePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const start = move.current;\n      if (!start) return;\n      commitRect({\n        ...rectRef.current,\n        x: start.x + event.clientX - start.px,\n        y: start.y + event.clientY - start.py,\n      });\n    };\n\n    const endMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (move.current) {\n        move.current = null;\n        const current = rectRef.current;\n        onMoveEnd?.({ x: current.x, y: current.y });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    const resize = useRef<{ dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null>(null);\n\n    const onResizePointerDown = (dir: FloatingWindowResizeDir, event: React.PointerEvent<HTMLDivElement>): void => {\n      event.preventDefault();\n      event.stopPropagation();\n      resize.current = { dir, px: event.clientX, py: event.clientY, rect: rectRef.current };\n      // Grabbing a resize grip is an interaction with the window, so raise it too — the\n      // root handler does not see it because this handler stops propagation.\n      activate();\n      try {\n        event.currentTarget.setPointerCapture?.(event.pointerId);\n      } catch {\n        /* best-effort */\n      }\n    };\n\n    const onResizePointerMove = (event: React.PointerEvent<HTMLDivElement>): void => {\n      const gesture = resize.current;\n      if (!gesture) return;\n      const sign = RESIZE_DIRS[gesture.dir];\n      const dx = event.clientX - gesture.px;\n      const dy = event.clientY - gesture.py;\n      const start = gesture.rect;\n      // A west/north drag moves the origin AND changes the size, so width is recomputed from\n      // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n      // would keep sliding the window instead of stopping at the minimum.\n      //\n      // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n      // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n      // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n      // dragging would drift away under the cursor.\n      const vp = viewportOf();\n      const maxW = maxWidth ?? vp.width;\n      const maxH = maxHeight ?? vp.height;\n      const width = Math.min(maxW, Math.max(minWidth, start.width + sign.dw * dx));\n      const height = Math.min(maxH, Math.max(minHeight, start.height + sign.dh * dy));\n      commitRect({\n        x: sign.dx ? start.x + start.width - width : start.x,\n        y: sign.dy ? start.y + start.height - height : start.y,\n        width,\n        height,\n      });\n    };\n\n    const endResize = (event: React.PointerEvent<HTMLDivElement>): void => {\n      if (resize.current) {\n        resize.current = null;\n        const current = rectRef.current;\n        onResizeEnd?.({ width: current.width, height: current.height });\n      }\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture?.(event.pointerId);\n      }\n    };\n\n    /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n     *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n     *  way to avoid thrashing storage during a drag) would silently never save\n     *  keyboard-driven geometry. */\n    const endKeyboardGesture = (resized: boolean, next: Rect): void => {\n      const current = clampRect(next, viewportOf());\n      if (resized) onResizeEnd?.({ width: current.width, height: current.height });\n      else onMoveEnd?.({ x: current.x, y: current.y });\n    };\n\n    /** Arrows move; Shift+Arrows resize. */\n    const onMoveHandleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>): void => {\n      const current = rectRef.current;\n      const step = event.shiftKey ? resizeStep : moveStep;\n      const delta: Record<string, [number, number]> = {\n        ArrowLeft: [-step, 0],\n        ArrowRight: [step, 0],\n        ArrowUp: [0, -step],\n        ArrowDown: [0, step],\n      };\n      const d = delta[event.key];\n      if (!d) return;\n      event.preventDefault();\n      const next = event.shiftKey\n        ? { ...current, width: current.width + d[0], height: current.height + d[1] }\n        : { ...current, x: current.x + d[0], y: current.y + d[1] };\n      commitRect(next);\n      endKeyboardGesture(event.shiftKey, next);\n    };\n\n    const onResizeHandleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      const current = rectRef.current;\n      const vp = viewportOf();\n      let next: Rect;\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowRight\" ? 1 : -1;\n        next = { ...current, width: current.width + dir * resizeStep };\n      } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        const dir = event.key === \"ArrowDown\" ? 1 : -1;\n        next = { ...current, height: current.height + dir * resizeStep };\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        next = { ...current, width: minWidth, height: minHeight };\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        next = { ...current, width: maxWidth ?? vp.width, height: maxHeight ?? vp.height };\n      } else {\n        return;\n      }\n      commitRect(next);\n      endKeyboardGesture(true, next);\n    };\n\n    const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n    if (!domRoot) {\n      return <></>;\n    }\n\n    const windowStyle: CSSProperties = {\n      left: `${rect.x}px`,\n      top: `${rect.y}px`,\n      width: `${rect.width}px`,\n      ...(collapsed ? {} : { height: `${rect.height}px` }),\n      ...(zIndex === undefined ? {} : { zIndex }),\n      ...(style ?? {}),\n    };\n\n    return createPortal(\n      <CSSTransition\n        in={open}\n        timeout={120}\n        mountOnEnter\n        unmountOnExit\n        appear\n        classNames={{ enterDone: \"smwb-floating-window_entered\" }}\n        nodeRef={rootRef}\n      >\n        <div\n          {...rest}\n          ref={forkedRootRef}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabIndex={-1}\n          aria-labelledby={title ? titleId : undefined}\n          className={cn(\"smwb-floating-window\", className, { \"smwb-collapsed\": collapsed })}\n          style={windowStyle}\n          onPointerDown={activate}\n        >\n          <div\n            className=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              className=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabIndex={0}\n              aria-label={moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            {title ? (\n              <span className=\"smwb-floating-window__title\" id={titleId}>\n                {title}\n              </span>\n            ) : null}\n            <div className=\"smwb-floating-window__actions\" data-no-drag>\n              {headerActions}\n              {collapsible ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed ? expandAriaLabel : collapseAriaLabel}\n                  aria-expanded={!collapsed}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              ) : null}\n              {onClose ? (\n                <button\n                  type=\"button\"\n                  className=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={closeAriaLabel}\n                  onClick={onClose}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              ) : null}\n            </div>\n          </div>\n\n          {!collapsed ? (\n            <div className=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {children}\n            </div>\n          ) : null}\n\n          {resizable && !collapsed\n            ? RESIZE_ORDER.map((dir) => (\n                <div\n                  key={dir}\n                  className={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\" as const,\n                        tabIndex: 0,\n                        \"aria-label\": resizeHandleAriaLabel,\n                        \"aria-valuemin\": minWidth,\n                        \"aria-valuemax\": Math.round(maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect.width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabIndex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              ))\n            : null}\n        </div>\n      </CSSTransition>,\n      domRoot\n    );\n  }\n);\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","RESIZE_ORDER","viewportOf","DEFAULT_POSITION","DEFAULT_SIZE","FloatingWindow","forwardRef","props","ref","open","title","headerActions","positionProp","defaultPosition","onPositionChange","onMoveEnd","sizeProp","defaultSize","onResize","onResizeEnd","minWidth","minHeight","maxWidth","maxHeight","keepVisible","moveStep","resizeStep","zIndex","onActivate","collapsedProp","defaultCollapsed","onCollapsedChange","collapsible","movable","resizable","closeOnEsc","onClose","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","className","style","children","rest","domRoot","setDomRoot","useState","rootRef","useRef","forkedRootRef","useForkRef","titleId","useId","useSafeLayoutEffect","position","setPosition","useControllableState","size","setSize","collapsed","setCollapsed","clampRect","useCallback","rectIn","vp","maxW","maxH","width","height","keep","x","y","rect","rectRef","commitRect","next","clamped","commitRectRef","useEffect","onViewportResize","onKeyDown","event","root","activate","move","onMoveHandlePointerDown","_a","current","_c","_b","onMoveHandlePointerMove","start","endMove","_d","resize","onResizePointerDown","dir","onResizePointerMove","gesture","sign","dx","dy","endResize","endKeyboardGesture","resized","onMoveHandleKeyDown","step","d","onResizeHandleKeyDown","toggleCollapsed","prev","jsx","Fragment","windowStyle","createPortal","CSSTransition","jsxs","cn","Icon"],"mappings":"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"}

package/dist/headless/hooks/useDropzone.js

@@ -0,0 +1,47 @@
+import n from "react";
+function k(t) {
+  if (t)
+    return typeof t == "string" ? t : Object.entries(t).flatMap(([s, c]) => [s, ...c]).join(",");
+}
+function C(t = {}) {
+  const s = n.useRef(null), [c, f] = n.useState(!1), r = n.useRef(t);
+  r.current = t;
+  const o = n.useCallback(() => {
+    var e;
+    r.current.disabled || (e = s.current) == null || e.click();
+  }, []), i = n.useCallback((e, a) => {
+    if (!e) return;
+    const { maxFiles: l, onDrop: p, onDropAccepted: d } = r.current;
+    let u = Array.from(e);
+    l && l > 0 && (u = u.slice(0, l)), p == null || p(u, a), d == null || d(u, a);
+  }, []), b = n.useCallback(
+    () => ({
+      onClick: () => o(),
+      onDragOver: (e) => {
+        e.preventDefault(), r.current.disabled || f(!0);
+      },
+      onDragLeave: () => f(!1),
+      onDrop: (e) => {
+        var a, l;
+        e.preventDefault(), f(!1), r.current.disabled || i((l = (a = e.dataTransfer) == null ? void 0 : a.files) != null ? l : null, e);
+      }
+    }),
+    [i, o]
+  ), g = n.useCallback(
+    () => ({
+      type: "file",
+      multiple: r.current.multiple,
+      accept: k(r.current.accept),
+      disabled: r.current.disabled,
+      style: { display: "none" },
+      ref: s,
+      onChange: (e) => i(e.currentTarget.files, e)
+    }),
+    [i]
+  );
+  return { getRootProps: b, getInputProps: g, inputRef: s, isDragActive: c, open: o };
+}
+export {
+  C as useDropzone
+};
+//# sourceMappingURL=useDropzone.js.map

package/dist/headless/hooks/useDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.js","sources":["../../../src/hooks/useDropzone.ts"],"sourcesContent":["import React from \"react\";\n\n/** Record of mime → extensions (react-dropzone's `Accept` shape), or a raw accept string. */\nexport type DropzoneAccept = Record<string, string[]> | string;\n\nexport interface DropzoneOptions {\n  /** Record of mime → extensions, or a raw accept string. */\n  accept?: DropzoneAccept | undefined;\n  multiple?: boolean | undefined;\n  maxFiles?: number | undefined;\n  disabled?: boolean | undefined;\n  onDrop?: ((files: File[], event: React.SyntheticEvent | Event) => void) | undefined;\n  onDropAccepted?: ((files: File[], event: React.SyntheticEvent | Event) => void) | undefined;\n}\n\nexport interface DropzoneRootProps {\n  onClick: () => void;\n  onDragOver: (event: React.DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: React.DragEvent<HTMLElement>) => void;\n}\n\nexport interface DropzoneInputProps {\n  type: \"file\";\n  multiple: boolean | undefined;\n  accept: string | undefined;\n  disabled: boolean | undefined;\n  style: React.CSSProperties;\n  ref: React.RefObject<HTMLInputElement>;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport interface DropzoneState {\n  getRootProps: () => DropzoneRootProps;\n  getInputProps: () => DropzoneInputProps;\n  inputRef: React.RefObject<HTMLInputElement>;\n  isDragActive: boolean;\n  open: () => void;\n}\n\nfunction acceptToString(accept: DropzoneOptions[\"accept\"]): string | undefined {\n  if (!accept) return undefined;\n  if (typeof accept === \"string\") return accept;\n  return Object.entries(accept)\n    .flatMap(([mime, exts]) => [mime, ...exts])\n    .join(\",\");\n}\n\n/**\n * Dependency-free file dropzone — the React twin of ui-solid's `createDropzone`.\n * Provides root/input prop getters, drag-active state and a programmatic `open()`.\n *\n * Replaces the `react-dropzone` import this package used to carry: that package was\n * only ever a devDependency while the build externalises every bare import, so the\n * published bundle asked consumers for a module they were never told to install.\n */\nexport function useDropzone(options: DropzoneOptions = {}): DropzoneState {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [isDragActive, setIsDragActive] = React.useState(false);\n\n  // Latest options without re-creating the prop getters on every render.\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const open = React.useCallback((): void => {\n    if (!optionsRef.current.disabled) inputRef.current?.click();\n  }, []);\n\n  const handleFiles = React.useCallback((list: FileList | null, event: React.SyntheticEvent | Event): void => {\n    if (!list) return;\n    const { maxFiles, onDrop, onDropAccepted } = optionsRef.current;\n    let files = Array.from(list);\n    if (maxFiles && maxFiles > 0) files = files.slice(0, maxFiles);\n    onDrop?.(files, event);\n    onDropAccepted?.(files, event);\n  }, []);\n\n  const getRootProps = React.useCallback(\n    (): DropzoneRootProps => ({\n      onClick: () => open(),\n      onDragOver: (event) => {\n        event.preventDefault();\n        if (!optionsRef.current.disabled) setIsDragActive(true);\n      },\n      onDragLeave: () => setIsDragActive(false),\n      onDrop: (event) => {\n        event.preventDefault();\n        setIsDragActive(false);\n        if (!optionsRef.current.disabled) handleFiles(event.dataTransfer?.files ?? null, event);\n      },\n    }),\n    [handleFiles, open]\n  );\n\n  const getInputProps = React.useCallback(\n    (): DropzoneInputProps => ({\n      type: \"file\",\n      multiple: optionsRef.current.multiple,\n      accept: acceptToString(optionsRef.current.accept),\n      disabled: optionsRef.current.disabled,\n      style: { display: \"none\" },\n      ref: inputRef,\n      onChange: (event) => handleFiles(event.currentTarget.files, event),\n    }),\n    [handleFiles]\n  );\n\n  return { getRootProps, getInputProps, inputRef, isDragActive, open };\n}\n\nexport default useDropzone;\n"],"names":["acceptToString","accept","mime","exts","useDropzone","options","inputRef","React","isDragActive","setIsDragActive","optionsRef","open","_a","handleFiles","list","event","maxFiles","onDrop","onDropAccepted","files","getRootProps","_b","getInputProps"],"mappings":";AAwCA,SAASA,EAAeC,GAAuD;AAC7E,MAAKA;AACL,WAAI,OAAOA,KAAW,WAAiBA,IAChC,OAAO,QAAQA,CAAM,EACzB,QAAQ,CAAC,CAACC,GAAMC,CAAI,MAAM,CAACD,GAAM,GAAGC,CAAI,CAAC,EACzC,KAAK,GAAG;AACb;AAUO,SAASC,EAAYC,IAA2B,IAAmB;AACxE,QAAMC,IAAWC,EAAM,OAAyB,IAAI,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAAM,SAAS,EAAK,GAGtDG,IAAaH,EAAM,OAAOF,CAAO;AACvC,EAAAK,EAAW,UAAUL;AAErB,QAAMM,IAAOJ,EAAM,YAAY,MAAY;;AACzC,IAAKG,EAAW,QAAQ,aAAUE,IAAAN,EAAS,YAAT,QAAAM,EAAkB;AAAA,EACtD,GAAG,CAAA,CAAE,GAECC,IAAcN,EAAM,YAAY,CAACO,GAAuBC,MAA8C;AAC1G,QAAI,CAACD,EAAM;AACX,UAAM,EAAE,UAAAE,GAAU,QAAAC,GAAQ,gBAAAC,EAAA,IAAmBR,EAAW;AACxD,QAAIS,IAAQ,MAAM,KAAKL,CAAI;AAC3B,IAAIE,KAAYA,IAAW,UAAWG,EAAM,MAAM,GAAGH,CAAQ,IAC7DC,KAAA,QAAAA,EAASE,GAAOJ,IAChBG,KAAA,QAAAA,EAAiBC,GAAOJ;AAAA,EAC1B,GAAG,CAAA,CAAE,GAECK,IAAeb,EAAM;AAAA,IACzB,OAA0B;AAAA,MACxB,SAAS,MAAMI,EAAA;AAAA,MACf,YAAY,CAACI,MAAU;AACrB,QAAAA,EAAM,eAAA,GACDL,EAAW,QAAQ,cAA0B,EAAI;AAAA,MACxD;AAAA,MACA,aAAa,MAAMD,EAAgB,EAAK;AAAA,MACxC,QAAQ,CAACM,MAAU;;AACjB,QAAAA,EAAM,eAAA,GACNN,EAAgB,EAAK,GAChBC,EAAW,QAAQ,eAAsBW,KAAAT,IAAAG,EAAM,iBAAN,gBAAAH,EAAoB,UAApB,OAAAS,IAA6B,MAAMN,CAAK;AAAA,MACxF;AAAA,IAAA;AAAA,IAEF,CAACF,GAAaF,CAAI;AAAA,EAAA,GAGdW,IAAgBf,EAAM;AAAA,IAC1B,OAA2B;AAAA,MACzB,MAAM;AAAA,MACN,UAAUG,EAAW,QAAQ;AAAA,MAC7B,QAAQV,EAAeU,EAAW,QAAQ,MAAM;AAAA,MAChD,UAAUA,EAAW,QAAQ;AAAA,MAC7B,OAAO,EAAE,SAAS,OAAA;AAAA,MAClB,KAAKJ;AAAA,MACL,UAAU,CAACS,MAAUF,EAAYE,EAAM,cAAc,OAAOA,CAAK;AAAA,IAAA;AAAA,IAEnE,CAACF,CAAW;AAAA,EAAA;AAGd,SAAO,EAAE,cAAAO,GAAc,eAAAE,GAAe,UAAAhB,GAAU,cAAAE,GAAc,MAAAG,EAAA;AAChE;"}

package/dist/headless/icons/all.js

@@ -0,0 +1,10 @@
+import * as r from "./svg/index.js";
+import { registerIcons as o } from "./registry.js";
+function t() {
+  o(r);
+}
+export {
+  t as default,
+  t as registerAllIcons
+};
+//# sourceMappingURL=all.js.map

package/dist/headless/icons/all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all.js","sources":["../../../src/icons/all.ts"],"sourcesContent":["import * as icons from \"./svg\";\nimport { registerIcons } from \"./registry\";\n\n/**\n * Registers the **entire** smwb icon set.\n *\n * Importing this module pulls every icon into the bundle — that is the point of\n * a separate entry point. Use it in Storybook, docs, an icon picker, or a small\n * internal app; in a product bundle prefer registering only what you render:\n *\n * ```ts\n * import { add, close, search } from \"@smwb/ui-react/icons\";\n * registerIcons([add, close, search]);\n * ```\n */\nexport function registerAllIcons(): void {\n  registerIcons(icons);\n}\n\nexport default registerAllIcons;\n"],"names":["registerAllIcons","registerIcons","icons"],"mappings":";;AAeO,SAASA,IAAyB;AACvC,EAAAC,EAAcC,CAAK;AACrB;"}