@smwb/ui-react 2.4.1 → 2.6.0

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

@@ -0,0 +1,311 @@
+import { jsx as s, Fragment as Tt, jsxs as N } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
+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 }, ie = 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 {
+  ie as FloatingWindow
+};
+//# sourceMappingURL=floatingWindow.js.map

package/dist/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/components/layout/floatingWindow/index.d.ts

@@ -0,0 +1,2 @@
+export { FloatingWindow, default } from "./floatingWindow";
+export type { FloatingWindowProps, FloatingWindowPosition, FloatingWindowSize, FloatingWindowResizeDir, } from "./floatingWindow";

package/dist/config-BZIXwGpc.js

@@ -0,0 +1,2 @@
+"use strict";const u=new Set;let a=0;function y(n){return u.add(n),()=>{u.delete(n)}}function m(){return a}function c(){a+=1;for(const n of[...u])n()}const t=new Map,f=n=>typeof n=="object"&&n!==null&&typeof n.name=="string"&&typeof n.body=="string";function i(n){return n.trim().replace(/([a-z0-9])([A-Z])/g,"$1_$2").replace(/[\s.-]+/g,"_").toLowerCase()}function p(n){return f(n)?[n]:Array.isArray(n)?n.filter(f):typeof n=="object"&&n!==null?Object.values(n).filter(f):[]}function b(n){var o;const e=p(n);if(e.length!==0){for(const r of e){t.set(i(r.name),r);for(const I of(o=r.aliases)!=null?o:[])t.set(i(I),r)}c()}}function d(n){const e=typeof n=="string"?[n]:n;let o=!1;for(const r of e)o=t.delete(i(r))||o;o&&c()}function w(){t.size!==0&&(t.clear(),c())}function h(n){return t.get(i(n))}function C(n){return t.has(i(n))}function z(){return[...new Set([...t.values()].map(n=>n.name))].sort()}const g={source:"auto",warnOnMissing:!0};let s={...g};function l(n){const e={...s,...n};e.source===s.source&&e.warnOnMissing===s.warnOnMissing||(s=e,c())}function A(){return s}function M(){l(g)}exports.clearIcons=w;exports.configureIcons=l;exports.getIcon=h;exports.getIconConfig=A;exports.getIconVersion=m;exports.hasIcon=C;exports.listIcons=z;exports.normalizeIconName=i;exports.registerIcons=b;exports.resetIconConfig=M;exports.subscribeIcons=y;exports.unregisterIcons=d;
+//# sourceMappingURL=config-BZIXwGpc.js.map

package/dist/config-BZIXwGpc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-BZIXwGpc.js","sources":["../src/icons/store.ts","../src/icons/registry.ts","../src/icons/config.ts"],"sourcesContent":["// Minimal observable shared by the icon registry and the icon config. Icons are\n// usually registered before the first render, but lazy chunks\n// (`import(\"...\").then(registerIcons)`) and Storybook HMR register late — this\n// lets mounted <Icon>s pick that up instead of staying blank.\n\ntype Listener = () => void;\n\nconst listeners = new Set<Listener>();\nlet version = 0;\n\n/** Subscribes to registry/config changes. Returns an unsubscribe function. */\nexport function subscribeIcons(listener: Listener): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\n/** Monotonic counter bumped on every registry or config change. */\nexport function getIconVersion(): number {\n  return version;\n}\n\nexport function notifyIconChange(): void {\n  version += 1;\n  for (const listener of [...listeners]) listener();\n}\n","import type { IconDefinition } from \"./types\";\nimport { notifyIconChange } from \"./store\";\n\n/**\n * Accepted by {@link registerIcons}: one icon, a list, or any object whose\n * values are icons — including a namespace import\n * (`import * as icons from \"@smwb/ui-react/icons\"`).\n */\nexport type IconInput = IconDefinition | readonly IconDefinition[] | Readonly<Record<string, unknown>>;\n\nconst registry = new Map<string, IconDefinition>();\n\nconst isDefinition = (value: unknown): value is IconDefinition =>\n  typeof value === \"object\" &&\n  value !== null &&\n  typeof (value as IconDefinition).name === \"string\" &&\n  typeof (value as IconDefinition).body === \"string\";\n\n/**\n * Makes lookups forgiving: `arrowRightAlt`, `arrow-right-alt`, `Arrow Right Alt`\n * and `arrow_right_alt` all resolve to the same icon, so a codebase can keep the\n * naming convention it already uses.\n */\nexport function normalizeIconName(name: string): string {\n  return name\n    .trim()\n    .replace(/([a-z0-9])([A-Z])/g, \"$1_$2\")\n    .replace(/[\\s.-]+/g, \"_\")\n    .toLowerCase();\n}\n\nfunction toDefinitions(icons: IconInput): IconDefinition[] {\n  if (isDefinition(icons)) return [icons];\n  if (Array.isArray(icons)) return icons.filter(isDefinition);\n  if (typeof icons === \"object\" && icons !== null) return Object.values(icons).filter(isDefinition);\n  return [];\n}\n\n/**\n * Adds icons to the global registry, keyed by name and by every alias.\n * Registering a name twice wins for the later call, which is how an app\n * overrides a shipped icon with its own artwork.\n */\nexport function registerIcons(icons: IconInput): void {\n  const definitions = toDefinitions(icons);\n  if (definitions.length === 0) return;\n  for (const icon of definitions) {\n    registry.set(normalizeIconName(icon.name), icon);\n    for (const alias of icon.aliases ?? []) registry.set(normalizeIconName(alias), icon);\n  }\n  notifyIconChange();\n}\n\n/** Removes icons by name or alias. */\nexport function unregisterIcons(names: string | readonly string[]): void {\n  const list = typeof names === \"string\" ? [names] : names;\n  let changed = false;\n  for (const name of list) changed = registry.delete(normalizeIconName(name)) || changed;\n  if (changed) notifyIconChange();\n}\n\n/** Empties the registry — mostly useful between tests. */\nexport function clearIcons(): void {\n  if (registry.size === 0) return;\n  registry.clear();\n  notifyIconChange();\n}\n\n/** Resolves a name or alias to its icon, or `undefined` when unregistered. */\nexport function getIcon(name: string): IconDefinition | undefined {\n  return registry.get(normalizeIconName(name));\n}\n\nexport function hasIcon(name: string): boolean {\n  return registry.has(normalizeIconName(name));\n}\n\n/** Canonical names of every registered icon, sorted; aliases are not repeated. */\nexport function listIcons(): string[] {\n  return [...new Set([...registry.values()].map((icon) => icon.name))].sort();\n}\n","import type { IconSource } from \"./types\";\nimport { notifyIconChange } from \"./store\";\n\nexport interface IconConfig {\n  /** Artwork used by every `<Icon>` that does not override it. Default `\"auto\"`. */\n  source: IconSource;\n  /**\n   * Warn (once per name, dev only) when `source: \"smwb\"` cannot resolve a name.\n   * Default `true`.\n   */\n  warnOnMissing: boolean;\n}\n\nconst DEFAULTS: IconConfig = { source: \"auto\", warnOnMissing: true };\n\nlet config: IconConfig = { ...DEFAULTS };\n\n/**\n * Sets the app-wide icon defaults. Call it once at startup — `<IconProvider>`\n * overrides it for a subtree, and the `source` prop overrides both.\n */\nexport function configureIcons(next: Partial<IconConfig>): void {\n  const merged = { ...config, ...next };\n  if (merged.source === config.source && merged.warnOnMissing === config.warnOnMissing) return;\n  config = merged;\n  notifyIconChange();\n}\n\nexport function getIconConfig(): Readonly<IconConfig> {\n  return config;\n}\n\n/** Restores the shipped defaults — mostly useful between tests. */\nexport function resetIconConfig(): void {\n  configureIcons(DEFAULTS);\n}\n"],"names":["listeners","version","subscribeIcons","listener","getIconVersion","notifyIconChange","registry","isDefinition","value","normalizeIconName","name","toDefinitions","icons","registerIcons","definitions","icon","alias","_a","unregisterIcons","names","list","changed","clearIcons","getIcon","hasIcon","listIcons","DEFAULTS","config","configureIcons","next","merged","getIconConfig","resetIconConfig"],"mappings":"aAOA,MAAMA,MAAgB,IACtB,IAAIC,EAAU,EAGP,SAASC,EAAeC,EAAgC,CAC7D,OAAAH,EAAU,IAAIG,CAAQ,EACf,IAAM,CACXH,EAAU,OAAOG,CAAQ,CAC3B,CACF,CAGO,SAASC,GAAyB,CACvC,OAAOH,CACT,CAEO,SAASI,GAAyB,CACvCJ,GAAW,EACX,UAAWE,IAAY,CAAC,GAAGH,CAAS,EAAGG,EAAA,CACzC,CChBA,MAAMG,MAAe,IAEfC,EAAgBC,GACpB,OAAOA,GAAU,UACjBA,IAAU,MACV,OAAQA,EAAyB,MAAS,UAC1C,OAAQA,EAAyB,MAAS,SAOrC,SAASC,EAAkBC,EAAsB,CACtD,OAAOA,EACJ,OACA,QAAQ,qBAAsB,OAAO,EACrC,QAAQ,WAAY,GAAG,EACvB,YAAA,CACL,CAEA,SAASC,EAAcC,EAAoC,CACzD,OAAIL,EAAaK,CAAK,EAAU,CAACA,CAAK,EAClC,MAAM,QAAQA,CAAK,EAAUA,EAAM,OAAOL,CAAY,EACtD,OAAOK,GAAU,UAAYA,IAAU,KAAa,OAAO,OAAOA,CAAK,EAAE,OAAOL,CAAY,EACzF,CAAA,CACT,CAOO,SAASM,EAAcD,EAAwB,OACpD,MAAME,EAAcH,EAAcC,CAAK,EACvC,GAAIE,EAAY,SAAW,EAC3B,WAAWC,KAAQD,EAAa,CAC9BR,EAAS,IAAIG,EAAkBM,EAAK,IAAI,EAAGA,CAAI,EAC/C,UAAWC,KAASC,EAAAF,EAAK,UAAL,KAAAE,EAAgB,CAAA,IAAa,IAAIR,EAAkBO,CAAK,EAAGD,CAAI,CACrF,CACAV,EAAA,EACF,CAGO,SAASa,EAAgBC,EAAyC,CACvE,MAAMC,EAAO,OAAOD,GAAU,SAAW,CAACA,CAAK,EAAIA,EACnD,IAAIE,EAAU,GACd,UAAWX,KAAQU,EAAMC,EAAUf,EAAS,OAAOG,EAAkBC,CAAI,CAAC,GAAKW,EAC3EA,GAAShB,EAAA,CACf,CAGO,SAASiB,GAAmB,CAC7BhB,EAAS,OAAS,IACtBA,EAAS,MAAA,EACTD,EAAA,EACF,CAGO,SAASkB,EAAQb,EAA0C,CAChE,OAAOJ,EAAS,IAAIG,EAAkBC,CAAI,CAAC,CAC7C,CAEO,SAASc,EAAQd,EAAuB,CAC7C,OAAOJ,EAAS,IAAIG,EAAkBC,CAAI,CAAC,CAC7C,CAGO,SAASe,GAAsB,CACpC,MAAO,CAAC,GAAG,IAAI,IAAI,CAAC,GAAGnB,EAAS,OAAA,CAAQ,EAAE,IAAKS,GAASA,EAAK,IAAI,CAAC,CAAC,EAAE,KAAA,CACvE,CCnEA,MAAMW,EAAuB,CAAE,OAAQ,OAAQ,cAAe,EAAA,EAE9D,IAAIC,EAAqB,CAAE,GAAGD,CAAA,EAMvB,SAASE,EAAeC,EAAiC,CAC9D,MAAMC,EAAS,CAAE,GAAGH,EAAQ,GAAGE,CAAA,EAC3BC,EAAO,SAAWH,EAAO,QAAUG,EAAO,gBAAkBH,EAAO,gBACvEA,EAASG,EACTzB,EAAA,EACF,CAEO,SAAS0B,GAAsC,CACpD,OAAOJ,CACT,CAGO,SAASK,GAAwB,CACtCJ,EAAeF,CAAQ,CACzB"}

package/dist/connects/rt/table/draggableHeader.d.ts

@@ -10,4 +10,4 @@ export declare function DraggableColumnHeader<T>({ header, table, children, onCo
 export type DraggableColumnHeaderWrapperProps<T> = DraggableColumnHeaderProps<T> & {
     draggableColumn?: boolean | null;
 };
-export declare function DraggableColumnHeaderWrapper<T>({ onColumnOrderChange, header, table, children, draggableColumn, }: DraggableColumnHeaderWrapperProps<T>): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+export declare function DraggableColumnHeaderWrapper<T>({ onColumnOrderChange, header, table, children, draggableColumn, }: DraggableColumnHeaderWrapperProps<T>): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/headless/components/base/icon/icon.js

@@ -1,26 +1,60 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import u from "clsx";
-const $ = p(function({ className: s, weight: t = 400, fill: c = 0, size: o = 20, grade: d = 100, name: l, color: n = "inherit", title: r, ...a }, m) {
-  const e = r === void 0, f = n && ["primary", "secondary", "error", "success", "warning", "info", "disabled"].includes(n) ? `smwb-icon_color-${n}` : null;
-  return /* @__PURE__ */ i(
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as L, useSyncExternalStore as C } from "react";
+import N from "clsx";
+import { getIcon as O } from "../../../icons/registry.js";
+import { getIconConfig as R } from "../../../icons/config.js";
+import { subscribeIcons as j } from "../../../icons/store.js";
+import { useIconSource as B } from "./iconProvider.js";
+const E = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], y = /* @__PURE__ */ new Set();
+function T(r) {
+  !R().warnOnMissing || y.has(r) || (y.add(r), console.warn(
+    `[smwb] Icon "${r}" is not registered. Register it (import { ${r} } from "@smwb/ui-react/icons") or use source="auto" to fall back to Material Symbols.`
+  ));
+}
+const V = L(function({ className: S, weight: a = 400, fill: v = 0, size: n = 20, grade: I = 100, name: o, color: e = "inherit", title: i, source: _, ...u }, x) {
+  var w, b;
+  const d = B(_), g = typeof o == "string" ? o : null, m = () => {
+    var h;
+    return g === null ? null : (h = O(g)) != null ? h : null;
+  }, M = C(j, m, m), s = typeof o == "object" ? o : M, f = typeof o == "string" ? o : o.name, t = d === "google" ? "google" : s ? "smwb" : d === "smwb" ? "missing" : "google";
+  t === "missing" && T(f);
+  const p = i === void 0, $ = e && E.includes(e) ? `smwb-icon_color-${e}` : null, c = typeof n == "number" ? `${n}px` : n, k = Math.round(Math.min(3, Math.max(1, a / 200)) * 100) / 100;
+  return /* @__PURE__ */ l(
     "span",
     {
-      ...a,
-      ref: m,
+      ...u,
+      ref: x,
       "data-testid": "icon",
-      role: e ? void 0 : "img",
-      "aria-hidden": e ? !0 : void 0,
-      "aria-label": r,
-      title: r,
-      style: { ...a.style, fontVariationSettings: `'FILL' ${c}, 'wght' ${t}, 'GRAD' ${d}, 'opsz' 48` },
-      className: u("smwb-icon__wrapper", f, s),
-      children: /* @__PURE__ */ i("span", { className: "material-symbols-outlined", style: { fontSize: typeof o == "number" ? `${o}px` : o }, children: l })
+      "data-icon-source": t,
+      role: p ? void 0 : "img",
+      "aria-hidden": p ? !0 : void 0,
+      "aria-label": i,
+      title: i,
+      style: {
+        ...u.style,
+        ...t === "google" ? { fontVariationSettings: `'FILL' ${v}, 'wght' ${a}, 'GRAD' ${I}, 'opsz' 48` } : null
+      },
+      className: N("smwb-icon__wrapper", $, S),
+      children: t === "google" ? /* @__PURE__ */ l("span", { className: "material-symbols-outlined", style: { fontSize: c }, children: f }) : /* @__PURE__ */ l(
+        "svg",
+        {
+          className: "smwb-icon__svg",
+          viewBox: (w = s == null ? void 0 : s.viewBox) != null ? w : "0 0 24 24",
+          style: { width: c, height: c },
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: k,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          dangerouslySetInnerHTML: { __html: (b = s == null ? void 0 : s.body) != null ? b : "" }
+        }
+      )
     }
   );
 });
 export {
-  $ as Icon,
-  $ as default
+  V as Icon,
+  V as default
 };
 //# sourceMappingURL=icon.js.map

package/dist/headless/components/base/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport cn from \"clsx\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name from https://fonts.google.com/icons\n   * Пример: name={\"arrow_right_alt\"}\n   */\n  name: string;\n  className?: string;\n  weight?: number;\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, ...props },\n  ref\n) {\n  const decorative = title === undefined;\n  const colorClass =\n    color && [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"].includes(color)\n      ? `smwb-icon_color-${color}`\n      : null;\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{ ...props.style, fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      <span className=\"material-symbols-outlined\" style={{ fontSize: typeof size === \"number\" ? `${size}px` : size }}>\n        {name}\n      </span>\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["Icon","forwardRef","className","weight","fill","size","grade","name","color","title","props","ref","decorative","colorClass","jsx","cn"],"mappings":";;;AA8BO,MAAMA,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAC,GAAM,OAAAC,IAAQ,WAAW,OAAAC,GAAO,GAAGC,EAAA,GAChGC,GACA;AACA,QAAMC,IAAaH,MAAU,QACvBI,IACJL,KAAS,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,EAAE,SAASA,CAAK,IAC/F,mBAAmBA,CAAK,KACxB;AACN,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYH;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO,EAAE,GAAGC,EAAM,OAAO,uBAAuB,UAAUN,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA;AAAA,MACjG,WAAWS,EAAG,sBAAsBF,GAAYX,CAAS;AAAA,MAEzD,UAAA,gBAAAY,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAU,OAAOT,KAAS,WAAW,GAAGA,CAAI,OAAOA,EAAA,GACrG,UAAAE,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, source, ...props },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = title === undefined;\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      data-icon-source={mode}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b"],"mappings":";;;;;;;AAUA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AA4CO,MAAME,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAR,GAAM,OAAAS,IAAQ,WAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAA,GACxGC,GACA;;AACA,QAAMC,IAAiBC,EAAcJ,CAAM,GACrCK,IAAS,OAAOhB,KAAS,WAAWA,IAAO,MAI3CiB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOvB,KAAS,WAAWA,IAAOoB,GAC/CI,IAAQ,OAAOxB,KAAS,WAAWA,IAAOA,EAAK,MAE/CyB,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW1B,EAAYyB,CAAK;AAEzC,QAAME,IAAahB,MAAU,QACvBiB,IAAalB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFmB,IAAU,OAAOrB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDsB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGxB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,oBAAkBY;AAAA,MAClB,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYhB;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO;AAAA,QACL,GAAGE,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUnB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWuB,EAAG,sBAAsBJ,GAAYvB,CAAS;AAAA,MAExD,UAAAqB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASZ,IAAAK,KAAA,gBAAAA,EAAY,YAAZ,OAAAL,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOU,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQG,IAAAT,KAAA,gBAAAA,EAAY,SAAZ,OAAAS,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}

package/dist/headless/components/base/icon/iconProvider.js

@@ -0,0 +1,25 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as f, useMemo as e, useContext as m, useSyncExternalStore as i } from "react";
+import { registerIcons as g } from "../../../icons/registry.js";
+import { getIconConfig as p } from "../../../icons/config.js";
+import { subscribeIcons as I } from "../../../icons/store.js";
+const u = f(null);
+function b({ source: t, icons: o, children: r }) {
+  e(() => {
+    o && g(o);
+  }, [o]);
+  const n = e(() => ({ source: t }), [t]);
+  return /* @__PURE__ */ s(u.Provider, { value: n, children: r });
+}
+const c = () => p().source;
+function P(t) {
+  var n;
+  const o = m(u), r = i(I, c, c);
+  return (n = t != null ? t : o == null ? void 0 : o.source) != null ? n : r;
+}
+export {
+  u as IconContext,
+  b as IconProvider,
+  P as useIconSource
+};
+//# sourceMappingURL=iconProvider.js.map

package/dist/headless/components/base/icon/iconProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProvider.js","sources":["../../../../../src/components/base/icon/iconProvider.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, useSyncExternalStore, type ReactNode } from \"react\";\nimport { registerIcons, type IconInput } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconSource } from \"../../../icons/types\";\n\nexport interface IconContextValue {\n  /** Icon artwork for this subtree. Falls back to {@link configureIcons}. */\n  source?: IconSource;\n}\n\nexport const IconContext = createContext<IconContextValue | null>(null);\n\nexport interface IconProviderProps extends IconContextValue {\n  /**\n   * Icons to make available to `<Icon name=\"...\">` inside this subtree.\n   *\n   * ```tsx\n   * import { add, close, search } from \"@smwb/ui-react/icons\";\n   *\n   * <IconProvider source=\"smwb\" icons={[add, close, search]}>\n   *   <App />\n   * </IconProvider>\n   * ```\n   *\n   * Registration is process-wide (the registry is a module singleton), so the\n   * prop is a convenience for apps that would otherwise call `registerIcons`\n   * at startup — not a scoping mechanism.\n   */\n  icons?: IconInput;\n  children?: ReactNode;\n}\n\n/**\n * Sets the icon source — and optionally registers icons — for a subtree.\n * `<Icon source>` still wins over the provider, and the provider wins over the\n * app-wide {@link configureIcons} default.\n */\nexport function IconProvider({ source, icons, children }: IconProviderProps) {\n  // Icons have to be in the registry before the subtree's first paint, so this\n  // cannot wait for an effect. registerIcons is idempotent, which keeps it safe\n  // under StrictMode's double render.\n  useMemo(() => {\n    if (icons) registerIcons(icons);\n  }, [icons]);\n\n  const value = useMemo<IconContextValue>(() => ({ source }), [source]);\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>;\n}\n\nconst getConfiguredSource = (): IconSource => getIconConfig().source;\n\n/**\n * Resolves the icon source the way `<Icon>` does: explicit prop, then the\n * nearest {@link IconProvider}, then the app-wide config (`\"auto\"` by default).\n */\nexport function useIconSource(override?: IconSource): IconSource {\n  const context = useContext(IconContext);\n  const configured = useSyncExternalStore(subscribeIcons, getConfiguredSource, getConfiguredSource);\n  return override ?? context?.source ?? configured;\n}\n\nexport default IconProvider;\n"],"names":["IconContext","createContext","IconProvider","source","icons","children","useMemo","value","jsx","getConfiguredSource","getIconConfig","useIconSource","override","context","useContext","configured","useSyncExternalStore","subscribeIcons","_a"],"mappings":";;;;;AAWO,MAAMA,IAAcC,EAAuC,IAAI;AA2B/D,SAASC,EAAa,EAAE,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,KAA+B;AAI3E,EAAAC,EAAQ,MAAM;AACZ,IAAIF,OAAqBA,CAAK;AAAA,EAChC,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMG,IAAQD,EAA0B,OAAO,EAAE,QAAAH,MAAW,CAACA,CAAM,CAAC;AACpE,SAAO,gBAAAK,EAACR,EAAY,UAAZ,EAAqB,OAAAO,GAAe,UAAAF,EAAA,CAAS;AACvD;AAEA,MAAMI,IAAsB,MAAkBC,EAAA,EAAgB;AAMvD,SAASC,EAAcC,GAAmC;;AAC/D,QAAMC,IAAUC,EAAWd,CAAW,GAChCe,IAAaC,EAAqBC,GAAgBR,GAAqBA,CAAmB;AAChG,UAAOS,IAAAN,KAAA,OAAAA,IAAYC,KAAA,gBAAAA,EAAS,WAArB,OAAAK,IAA+BH;AACxC;"}