@smwb/ui-solid 0.8.1 → 0.10.0

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

@@ -0,0 +1,404 @@
+import { isServer as C, createComponent as d, Portal as ee, use as te, spread as I, mergeProps as W, insert as c, setAttribute as x, effect as $, memo as ie, template as b, delegateEvents as ne } from "solid-js/web";
+import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
+import { mergeProps as oe, splitProps as re, createMemo as ae, createEffect as K, onCleanup as T, Show as y, For as le } from "solid-js";
+import V from "clsx";
+import { createCssTransition as se } from "../../../primitives/createCssTransition.js";
+import { createControllableState as A } from "../../../primitives/createControllableState.js";
+import { createId as de } from "../../../primitives/createId.js";
+import { mergeRefs as ce } from "../../../primitives/mergeRefs.js";
+import { Icon as M } from "../../base/icon/icon.js";
+var he = /* @__PURE__ */ b("<span class=smwb-floating-window__title>"), we = /* @__PURE__ */ b("<button type=button class=smwb-floating-window__action data-testid=floating-window-collapse>"), pe = /* @__PURE__ */ b("<button type=button class=smwb-floating-window__action data-testid=floating-window-close>"), ue = /* @__PURE__ */ b("<div class=smwb-floating-window__body data-testid=floating-window-body>"), me = /* @__PURE__ */ b("<div><div class=smwb-floating-window__header data-testid=floating-window-header><span class=smwb-floating-window__grip data-testid=floating-window-move role=button tabindex=0></span><div class=smwb-floating-window__actions data-no-drag>"), ge = /* @__PURE__ */ b("<div>");
+const fe = {
+  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
+  }
+}, xe = ["n", "s", "e", "w", "ne", "nw", "se", "sw"], v = () => typeof window > "u" ? {
+  width: 0,
+  height: 0
+} : {
+  width: window.innerWidth,
+  height: window.innerHeight
+};
+function Ee(O) {
+  const X = oe({
+    minWidth: 200,
+    minHeight: 120,
+    keepVisible: 56,
+    moveStep: 24,
+    resizeStep: 24,
+    collapsible: !0,
+    movable: !0,
+    resizable: !0,
+    closeOnEsc: !1,
+    defaultPosition: {
+      x: 24,
+      y: 24
+    },
+    defaultSize: {
+      width: 360,
+      height: 420
+    },
+    defaultCollapsed: !1,
+    moveHandleAriaLabel: "Move window",
+    resizeHandleAriaLabel: "Resize window",
+    closeAriaLabel: "Close window",
+    collapseAriaLabel: "Collapse window",
+    expandAriaLabel: "Expand window"
+  }, O), [i, Y] = re(X, ["open", "title", "headerActions", "position", "defaultPosition", "onPositionChange", "onMoveEnd", "size", "defaultSize", "onResize", "onResizeEnd", "minWidth", "minHeight", "maxWidth", "maxHeight", "keepVisible", "moveStep", "resizeStep", "zIndex", "onActivate", "collapsed", "defaultCollapsed", "onCollapsedChange", "collapsible", "movable", "resizable", "closeOnEsc", "onClose", "moveHandleAriaLabel", "resizeHandleAriaLabel", "closeAriaLabel", "collapseAriaLabel", "expandAriaLabel", "class", "style", "children", "ref"]);
+  let f;
+  const E = de(void 0, "smwb-floating-window-title"), P = se({
+    in: () => i.open,
+    timeout: {
+      enter: 120,
+      exit: 120
+    },
+    classNames: {
+      enterDone: "smwb-floating-window_entered"
+    },
+    appear: !0
+  }), [_, U] = A({
+    value: () => i.position,
+    defaultValue: i.defaultPosition,
+    onChange: (e) => i.onPositionChange?.(e)
+  }), [z, F] = A({
+    value: () => i.size,
+    defaultValue: i.defaultSize,
+    onChange: (e) => i.onResize?.(e)
+  }), [m, Z] = A({
+    value: () => i.collapsed,
+    defaultValue: i.defaultCollapsed,
+    onChange: (e) => i.onCollapsedChange?.(e)
+  }), H = (e, t) => {
+    const r = i.maxWidth ?? t.width, a = i.maxHeight ?? t.height, o = Math.max(i.minWidth, Math.min(r, e.width)), n = Math.max(i.minHeight, Math.min(a, e.height)), l = Math.min(i.keepVisible, o), u = Math.max(l - o, Math.min(t.width - l, e.x)), g = Math.max(0, Math.min(Math.max(0, t.height - l), e.y));
+    return {
+      x: u,
+      y: g,
+      width: o,
+      height: n
+    };
+  }, s = ae(() => H({
+    x: _().x,
+    y: _().y,
+    width: z().width,
+    height: z().height
+  }, v())), h = (e) => {
+    const t = H(e, v()), r = _(), a = z();
+    (t.x !== r.x || t.y !== r.y) && U({
+      x: t.x,
+      y: t.y
+    }), (t.width !== a.width || t.height !== a.height) && F({
+      width: t.width,
+      height: t.height
+    });
+  };
+  K(() => {
+    if (C || !i.open) return;
+    const e = () => h(s());
+    window.addEventListener("resize", e), T(() => window.removeEventListener("resize", e));
+  }), K(() => {
+    if (C || !i.open || !i.closeOnEsc || !i.onClose) return;
+    const e = (t) => {
+      t.key === "Escape" && (!f || !f.contains(document.activeElement) || i.onClose?.());
+    };
+    document.addEventListener("keydown", e), T(() => document.removeEventListener("keydown", e));
+  });
+  const L = () => {
+    i.onActivate?.(), f && !f.contains(document.activeElement) && f.focus({
+      preventScroll: !0
+    });
+  };
+  let w = null;
+  const j = (e) => {
+    if (!i.movable || e.target?.closest("button,[data-no-drag]")) return;
+    e.preventDefault();
+    const t = s();
+    w = {
+      px: e.clientX,
+      py: e.clientY,
+      x: t.x,
+      y: t.y
+    };
+    try {
+      e.currentTarget.setPointerCapture?.(e.pointerId);
+    } catch {
+    }
+  }, G = (e) => {
+    if (!w) return;
+    const t = s();
+    h({
+      ...t,
+      x: w.x + e.clientX - w.px,
+      y: w.y + e.clientY - w.py
+    });
+  }, R = (e) => {
+    if (w) {
+      w = null;
+      const t = s();
+      i.onMoveEnd?.({
+        x: t.x,
+        y: t.y
+      });
+    }
+    e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId);
+  };
+  let p = null;
+  const N = (e, t) => {
+    t.preventDefault(), t.stopPropagation(), p = {
+      dir: e,
+      px: t.clientX,
+      py: t.clientY,
+      rect: s()
+    }, L();
+    try {
+      t.currentTarget.setPointerCapture?.(t.pointerId);
+    } catch {
+    }
+  }, q = (e) => {
+    if (!p) return;
+    const t = fe[p.dir], r = e.clientX - p.px, a = e.clientY - p.py, o = p.rect, n = v(), l = i.maxWidth ?? n.width, u = i.maxHeight ?? n.height, g = Math.min(l, Math.max(i.minWidth, o.width + t.dw * r)), S = Math.min(u, Math.max(i.minHeight, o.height + t.dh * a));
+    h({
+      x: t.dx ? o.x + o.width - g : o.x,
+      y: t.dy ? o.y + o.height - S : o.y,
+      width: g,
+      height: S
+    });
+  }, k = (e) => {
+    if (p) {
+      p = null;
+      const t = s();
+      i.onResizeEnd?.({
+        width: t.width,
+        height: t.height
+      });
+    }
+    e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId);
+  }, D = (e) => {
+    const t = s();
+    e ? i.onResizeEnd?.({
+      width: t.width,
+      height: t.height
+    }) : i.onMoveEnd?.({
+      x: t.x,
+      y: t.y
+    });
+  }, B = (e) => {
+    const t = s(), r = e.shiftKey ? i.resizeStep : i.moveStep, o = {
+      ArrowLeft: [-r, 0],
+      ArrowRight: [r, 0],
+      ArrowUp: [0, -r],
+      ArrowDown: [0, r]
+    }[e.key];
+    o && (e.preventDefault(), e.shiftKey ? h({
+      ...t,
+      width: t.width + o[0],
+      height: t.height + o[1]
+    }) : h({
+      ...t,
+      x: t.x + o[0],
+      y: t.y + o[1]
+    }), D(e.shiftKey));
+  }, J = (e) => {
+    const t = s(), r = v();
+    if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+      e.preventDefault();
+      const a = e.key === "ArrowRight" ? 1 : -1;
+      h({
+        ...t,
+        width: t.width + a * i.resizeStep
+      });
+    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const a = e.key === "ArrowDown" ? 1 : -1;
+      h({
+        ...t,
+        height: t.height + a * i.resizeStep
+      });
+    } else if (e.key === "Home")
+      e.preventDefault(), h({
+        ...t,
+        width: i.minWidth,
+        height: i.minHeight
+      });
+    else if (e.key === "End")
+      e.preventDefault(), h({
+        ...t,
+        width: i.maxWidth ?? r.width,
+        height: i.maxHeight ?? r.height
+      });
+    else
+      return;
+    D(!0);
+  }, Q = () => Z((e) => !e);
+  return d(y, {
+    get when() {
+      return P.mounted();
+    },
+    get children() {
+      return d(ee, {
+        get mount() {
+          return C ? void 0 : document.body;
+        },
+        get children() {
+          var e = me(), t = e.firstChild, r = t.firstChild, a = r.nextSibling, o = ce(i.ref, (n) => f = n);
+          return typeof o == "function" && te(o, e), I(e, W(Y, {
+            "data-testid": "floating-window",
+            role: "dialog",
+            tabindex: -1,
+            get "aria-labelledby"() {
+              return i.title ? E : void 0;
+            },
+            get class() {
+              return V("smwb-floating-window", i.class, P.classes(), {
+                "smwb-collapsed": m()
+              });
+            },
+            get style() {
+              return {
+                left: `${s().x}px`,
+                top: `${s().y}px`,
+                width: `${s().width}px`,
+                ...m() ? {} : {
+                  height: `${s().height}px`
+                },
+                ...i.zIndex === void 0 ? {} : {
+                  "z-index": i.zIndex
+                },
+                ...typeof i.style == "object" && i.style ? i.style : {}
+              };
+            },
+            "on:pointerdown": L
+          }), !1, !0), t.addEventListener("pointercancel", R), t.$$pointerup = R, t.$$pointermove = G, t.$$pointerdown = j, r.$$keydown = B, c(r, d(M, {
+            name: "drag_indicator"
+          })), c(t, d(y, {
+            get when() {
+              return i.title;
+            },
+            get children() {
+              var n = he();
+              return x(n, "id", E), c(n, () => i.title), n;
+            }
+          }), a), c(a, () => i.headerActions, null), c(a, d(y, {
+            get when() {
+              return i.collapsible;
+            },
+            get children() {
+              var n = we();
+              return n.$$click = Q, c(n, d(M, {
+                get name() {
+                  return m() ? "open_in_full" : "close_fullscreen";
+                }
+              })), $((l) => {
+                var u = m() ? i.expandAriaLabel : i.collapseAriaLabel, g = !m();
+                return u !== l.e && x(n, "aria-label", l.e = u), g !== l.t && x(n, "aria-expanded", l.t = g), l;
+              }, {
+                e: void 0,
+                t: void 0
+              }), n;
+            }
+          }), null), c(a, d(y, {
+            get when() {
+              return i.onClose;
+            },
+            get children() {
+              var n = pe();
+              return n.$$click = () => i.onClose?.(), c(n, d(M, {
+                name: "close"
+              })), $(() => x(n, "aria-label", i.closeAriaLabel)), n;
+            }
+          }), null), c(e, d(y, {
+            get when() {
+              return !m();
+            },
+            get children() {
+              var n = ue();
+              return c(n, () => i.children), n;
+            }
+          }), null), c(e, d(y, {
+            get when() {
+              return ie(() => !!i.resizable)() && !m();
+            },
+            get children() {
+              return d(le, {
+                each: xe,
+                children: (n) => (() => {
+                  var l = ge();
+                  return x(l, "data-testid", `floating-window-resize-${n}`), I(l, W({
+                    get class() {
+                      return V("smwb-floating-window__resize", `smwb-floating-window__resize_${n}`);
+                    }
+                  }, () => n === "se" ? {
+                    role: "separator",
+                    tabindex: 0,
+                    "aria-label": i.resizeHandleAriaLabel,
+                    "aria-valuemin": i.minWidth,
+                    "aria-valuemax": Math.round(i.maxWidth ?? v().width),
+                    "aria-valuenow": Math.round(s().width),
+                    onKeyDown: J
+                  } : {
+                    "aria-hidden": !0,
+                    tabindex: -1
+                  }, {
+                    onPointerDown: (u) => N(n, u),
+                    onPointerMove: q,
+                    onPointerUp: k,
+                    onPointerCancel: k
+                  }), !1, !1), l;
+                })()
+              });
+            }
+          }), null), $(() => x(r, "aria-label", i.moveHandleAriaLabel)), e;
+        }
+      });
+    }
+  });
+}
+ne(["pointerdown", "pointermove", "pointerup", "keydown", "click"]);
+export {
+  Ee 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 {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\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<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\" | \"title\"> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: JSX.Element;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: JSX.Element;\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) | undefined;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: ((position: FloatingWindowPosition) => void) | undefined;\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) | undefined;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: ((size: FloatingWindowSize) => void) | undefined;\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) | undefined;\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) | undefined;\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) | undefined;\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  ref?: Ref<HTMLDivElement>;\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\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 function FloatingWindow(props: ParentProps<FloatingWindowProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      minWidth: 200,\n      minHeight: 120,\n      keepVisible: 56,\n      moveStep: 24,\n      resizeStep: 24,\n      collapsible: true,\n      movable: true,\n      resizable: true,\n      closeOnEsc: false,\n      defaultPosition: { x: 24, y: 24 },\n      defaultSize: { width: 360, height: 420 },\n      defaultCollapsed: false,\n      moveHandleAriaLabel: \"Move window\",\n      resizeHandleAriaLabel: \"Resize window\",\n      closeAriaLabel: \"Close window\",\n      collapseAriaLabel: \"Collapse window\",\n      expandAriaLabel: \"Expand window\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"open\",\n    \"title\",\n    \"headerActions\",\n    \"position\",\n    \"defaultPosition\",\n    \"onPositionChange\",\n    \"onMoveEnd\",\n    \"size\",\n    \"defaultSize\",\n    \"onResize\",\n    \"onResizeEnd\",\n    \"minWidth\",\n    \"minHeight\",\n    \"maxWidth\",\n    \"maxHeight\",\n    \"keepVisible\",\n    \"moveStep\",\n    \"resizeStep\",\n    \"zIndex\",\n    \"onActivate\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapsible\",\n    \"movable\",\n    \"resizable\",\n    \"closeOnEsc\",\n    \"onClose\",\n    \"moveHandleAriaLabel\",\n    \"resizeHandleAriaLabel\",\n    \"closeAriaLabel\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let rootEl: HTMLDivElement | undefined;\n  const titleId = createId(undefined, \"smwb-floating-window-title\");\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { enter: 120, exit: 120 },\n    classNames: { enterDone: \"smwb-floating-window_entered\" },\n    appear: true,\n  });\n\n  const [position, setPosition] = createControllableState<FloatingWindowPosition>({\n    value: () => local.position,\n    defaultValue: local.defaultPosition,\n    onChange: (next) => local.onPositionChange?.(next),\n  });\n  const [size, setSize] = createControllableState<FloatingWindowSize>({\n    value: () => local.size,\n    defaultValue: local.defaultSize,\n    onChange: (next) => local.onResize?.(next),\n  });\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: (next) => local.onCollapsedChange?.(next),\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 = (rect: Rect, vp: Viewport): Rect => {\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.max(local.minWidth, Math.min(maxW, rect.width));\n    const height = Math.max(local.minHeight, Math.min(maxH, rect.height));\n    const keep = Math.min(local.keepVisible, width);\n    const x = Math.max(keep - width, Math.min(vp.width - keep, rect.x));\n    const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect.y));\n    return { x, y, width, height };\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: Accessor<Rect> = createMemo(() =>\n    clampRect({ x: position().x, y: position().y, width: size().width, height: size().height }, viewportOf())\n  );\n\n  const commitRect = (next: Rect): void => {\n    const clamped = clampRect(next, viewportOf());\n    const pos = position();\n    const dim = size();\n    if (clamped.x !== pos.x || clamped.y !== pos.y) setPosition({ x: clamped.x, y: clamped.y });\n    if (clamped.width !== dim.width || clamped.height !== dim.height) {\n      setSize({ width: clamped.width, height: clamped.height });\n    }\n  };\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  createEffect(() => {\n    if (isServer || !local.open) return;\n    const onViewportResize = (): void => commitRect(rect());\n    window.addEventListener(\"resize\", onViewportResize);\n    onCleanup(() => window.removeEventListener(\"resize\", onViewportResize));\n  });\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  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement)) return;\n      local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const activate = (): void => {\n    local.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    if (rootEl && !rootEl.contains(document.activeElement)) rootEl.focus({ preventScroll: true });\n  };\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  let move: { px: number; py: number; x: number; y: number } | null = null;\n\n  const onMoveHandlePointerDown = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (!local.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 = rect();\n    move = { 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: PointerEvent): void => {\n    if (!move) return;\n    const current = rect();\n    commitRect({\n      ...current,\n      x: move.x + event.clientX - move.px,\n      y: move.y + event.clientY - move.py,\n    });\n  };\n\n  const endMove = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (move) {\n      move = null;\n      const current = rect();\n      local.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  let resize: { dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null = null;\n\n  const onResizePointerDown = (\n    dir: FloatingWindowResizeDir,\n    event: PointerEvent & { currentTarget: HTMLDivElement }\n  ): void => {\n    event.preventDefault();\n    event.stopPropagation();\n    resize = { dir, px: event.clientX, py: event.clientY, rect: rect() };\n    // Grabbing a resize grip is an interaction with the window, so raise it too. (The root\n    // listener cannot be relied on here — see the `on:pointerdown` note on the root.)\n    activate();\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onResizePointerMove = (event: PointerEvent): void => {\n    if (!resize) return;\n    const sign = RESIZE_DIRS[resize.dir];\n    const dx = event.clientX - resize.px;\n    const dy = event.clientY - resize.py;\n    const start = resize.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 = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.min(maxW, Math.max(local.minWidth, start.width + sign.dw * dx));\n    const height = Math.min(maxH, Math.max(local.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: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (resize) {\n      resize = null;\n      const current = rect();\n      local.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): void => {\n    const current = rect();\n    if (resized) local.onResizeEnd?.({ width: current.width, height: current.height });\n    else local.onMoveEnd?.({ x: current.x, y: current.y });\n  };\n\n  /** Arrows move; Shift+Arrows resize. */\n  const onMoveHandleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const step = event.shiftKey ? local.resizeStep : local.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    if (event.shiftKey) {\n      commitRect({ ...current, width: current.width + d[0], height: current.height + d[1] });\n    } else {\n      commitRect({ ...current, x: current.x + d[0], y: current.y + d[1] });\n    }\n    endKeyboardGesture(event.shiftKey);\n  };\n\n  const onResizeHandleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const vp = viewportOf();\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowRight\" ? 1 : -1;\n      commitRect({ ...current, width: current.width + dir * local.resizeStep });\n    } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowDown\" ? 1 : -1;\n      commitRect({ ...current, height: current.height + dir * local.resizeStep });\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.minWidth, height: local.minHeight });\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.maxWidth ?? vp.width, height: local.maxHeight ?? vp.height });\n    } else {\n      return;\n    }\n    endKeyboardGesture(true);\n  };\n\n  const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (rootEl = el as HTMLDivElement))}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabindex={-1}\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={{\n            left: `${rect().x}px`,\n            top: `${rect().y}px`,\n            width: `${rect().width}px`,\n            ...(collapsed() ? {} : { height: `${rect().height}px` }),\n            ...(local.zIndex === undefined ? {} : { \"z-index\": local.zIndex }),\n            ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n          }}\n          // `on:pointerdown` (native listener), NOT `onPointerDown` (delegated). Solid's\n          // delegated dispatcher walks `_$host`, the LOGICAL owner chain, and Portal sets\n          // `_$host` to its marker's parent — so an event raised inside content a consumer\n          // portals into this window never reaches this handler, and clicking such a panel\n          // would silently fail to raise the window. A native listener follows the real DOM\n          // tree, where the portaled container genuinely is a descendant.\n          on:pointerdown={activate}\n        >\n          <div\n            class=\"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              class=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabindex={0}\n              aria-label={local.moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            <Show when={local.title}>\n              <span class=\"smwb-floating-window__title\" id={titleId}>\n                {local.title}\n              </span>\n            </Show>\n            <div class=\"smwb-floating-window__actions\" data-no-drag>\n              {local.headerActions}\n              <Show when={local.collapsible}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed() ? local.expandAriaLabel : local.collapseAriaLabel}\n                  aria-expanded={!collapsed()}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed() ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              </Show>\n              <Show when={local.onClose}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={local.closeAriaLabel}\n                  onClick={() => local.onClose?.()}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              </Show>\n            </div>\n          </div>\n\n          <Show when={!collapsed()}>\n            <div class=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {local.children}\n            </div>\n          </Show>\n\n          <Show when={local.resizable && !collapsed()}>\n            <For each={RESIZE_ORDER}>\n              {(dir) => (\n                <div\n                  class={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\",\n                        tabindex: 0,\n                        \"aria-label\": local.resizeHandleAriaLabel,\n                        \"aria-valuemin\": local.minWidth,\n                        \"aria-valuemax\": Math.round(local.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            </For>\n          </Show>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","n","dx","dy","dw","dh","s","e","w","ne","nw","se","sw","RESIZE_ORDER","viewportOf","window","width","height","innerWidth","innerHeight","FloatingWindow","props","merged","mergeProps","minWidth","minHeight","keepVisible","moveStep","resizeStep","collapsible","movable","resizable","closeOnEsc","defaultPosition","x","y","defaultSize","defaultCollapsed","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","local","rest","splitProps","rootEl","titleId","createId","undefined","transition","createCssTransition","in","open","timeout","enter","exit","classNames","enterDone","appear","position","setPosition","createControllableState","value","defaultValue","onChange","next","onPositionChange","size","setSize","onResize","collapsed","setCollapsed","onCollapsedChange","clampRect","rect","vp","maxW","maxWidth","maxH","maxHeight","Math","max","min","keep","createMemo","commitRect","clamped","pos","dim","createEffect","isServer","onViewportResize","addEventListener","onCleanup","removeEventListener","onClose","onKeyDown","event","key","contains","document","activeElement","activate","onActivate","focus","preventScroll","move","onMoveHandlePointerDown","target","closest","preventDefault","current","px","clientX","py","clientY","currentTarget","setPointerCapture","pointerId","onMoveHandlePointerMove","endMove","onMoveEnd","hasPointerCapture","releasePointerCapture","resize","onResizePointerDown","dir","stopPropagation","onResizePointerMove","sign","start","endResize","onResizeEnd","endKeyboardGesture","resized","onMoveHandleKeyDown","step","shiftKey","d","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","onResizeHandleKeyDown","toggleCollapsed","prev","_$createComponent","Show","when","mounted","children","Portal","mount","body","_el$","_tmpl$5","_el$2","firstChild","_el$3","_el$5","nextSibling","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","title","cn","class","classes","style","left","top","zIndex","$$pointerup","$$pointermove","$$pointerdown","$$keydown","_$insert","Icon","name","_el$4","_tmpl$","_$setAttribute","headerActions","_el$6","_tmpl$2","$$click","_$effect","_p$","_v$","_v$2","t","_el$7","_tmpl$3","_el$8","_tmpl$4","_$memo","For","each","_el$9","_tmpl$6","role","tabindex","round","_$delegateEvents"],"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/headless/components/base/icon/icon.js

@@ -1,26 +1,38 @@
-import { use as p, spread as f, mergeProps as m, insert as g, effect as d, setStyleProperty as u, template as y } from "solid-js/web";
-import { mergeProps as $, splitProps as v } from "solid-js";
-import _ from "clsx";
-import { mergeRefs as b } from "../../../primitives/mergeRefs.js";
-var w = /* @__PURE__ */ y("<span><span class=material-symbols-outlined>");
-const h = ["primary", "secondary", "error", "success", "warning", "info", "disabled"];
-function R(i) {
-  const l = $({
+import { use as j, spread as L, mergeProps as R, insert as b, memo as A, effect as h, setStyleProperty as a, setAttribute as $, template as c } from "solid-js/web";
+import { mergeProps as B, splitProps as T, useContext as D } from "solid-js";
+import E from "clsx";
+import { mergeRefs as F } from "../../../primitives/mergeRefs.js";
+import { getIcon as G } from "../../../icons/registry.js";
+import { getIconConfig as x } from "../../../icons/config.js";
+import { IconContext as H, createIconVersion as K } from "./iconProvider.js";
+var N = /* @__PURE__ */ c("<span>"), V = /* @__PURE__ */ c("<span class=material-symbols-outlined>"), W = /* @__PURE__ */ c("<svg class=smwb-icon__svg fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round aria-hidden=true>");
+const q = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], _ = /* @__PURE__ */ new Set();
+function J(s) {
+  !x().warnOnMissing || _.has(s) || (_.add(s), console.warn(`[smwb] Icon "${s}" is not registered. Register it (import { ${s} } from "@smwb/ui-solid/icons") or use source="auto" to fall back to Material Symbols.`));
+}
+function oe(s) {
+  const z = B({
     weight: 400,
     fill: 0,
     size: 20,
     grade: 100,
     color: "inherit"
-  }, i), [e, n] = v(l, ["class", "weight", "fill", "size", "grade", "name", "color", "title", "style", "ref"]), r = () => e.title === void 0, a = () => typeof e.color == "string" && h.includes(e.color) ? `smwb-icon_color-${e.color}` : void 0, c = () => typeof e.style == "object" && e.style ? e.style : {};
+  }, s), [e, I] = T(z, ["class", "weight", "fill", "size", "grade", "name", "color", "title", "style", "source", "ref"]), M = D(H), m = K(), k = () => (m(), e.source ?? M?.source ?? x().source), n = () => (m(), typeof e.name == "object" ? e.name : G(e.name)), u = () => typeof e.name == "string" ? e.name : e.name.name, i = () => {
+    const r = k();
+    return r === "google" ? "google" : n() ? "smwb" : r === "smwb" ? (J(u()), "missing") : "google";
+  }, g = () => e.title === void 0, C = () => typeof e.color == "string" && q.includes(e.color) ? `smwb-icon_color-${e.color}` : void 0, O = () => typeof e.style == "object" && e.style ? e.style : {}, l = () => typeof e.size == "number" ? `${e.size}px` : e.size, P = () => Math.round(Math.min(3, Math.max(1, e.weight / 200)) * 100) / 100;
   return (() => {
-    var t = w(), o = t.firstChild, s = b(e.ref);
-    return typeof s == "function" && p(s, t), f(t, m(n, {
+    var r = N(), d = F(e.ref);
+    return typeof d == "function" && j(d, r), L(r, R(I, {
       "data-testid": "icon",
+      get "data-icon-source"() {
+        return i();
+      },
       get role() {
-        return r() ? void 0 : "img";
+        return g() ? void 0 : "img";
       },
       get "aria-hidden"() {
-        return r() ? !0 : void 0;
+        return g() ? !0 : void 0;
       },
       get "aria-label"() {
         return e.title;
@@ -30,17 +42,37 @@ function R(i) {
       },
       get style() {
         return {
-          ...c(),
-          "font-variation-settings": `'FILL' ${e.fill}, 'wght' ${e.weight}, 'GRAD' ${e.grade}, 'opsz' 48`
+          ...O(),
+          ...i() === "google" ? {
+            "font-variation-settings": `'FILL' ${e.fill}, 'wght' ${e.weight}, 'GRAD' ${e.grade}, 'opsz' 48`
+          } : null
         };
       },
       get class() {
-        return _("smwb-icon__wrapper", a(), e.class);
+        return E("smwb-icon__wrapper", C(), e.class);
       }
-    }), !1, !0), g(o, () => e.name), d((z) => u(o, "font-size", typeof e.size == "number" ? `${e.size}px` : e.size)), t;
+    }), !1, !0), b(r, (() => {
+      var S = A(() => i() === "google");
+      return () => S() ? (() => {
+        var o = V();
+        return b(o, u), h((t) => a(o, "font-size", l())), o;
+      })() : (() => {
+        var o = W();
+        return h((t) => {
+          var f = n()?.viewBox ?? "0 0 24 24", v = l(), p = l(), w = P(), y = n()?.body ?? "";
+          return f !== t.e && $(o, "viewBox", t.e = f), v !== t.t && a(o, "width", t.t = v), p !== t.a && a(o, "height", t.a = p), w !== t.o && $(o, "stroke-width", t.o = w), y !== t.i && (o.innerHTML = t.i = y), t;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0,
+          i: void 0
+        }), o;
+      })();
+    })()), r;
   })();
 }
 export {
-  R as Icon
+  oe as Icon
 };
 //# 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 { type JSX, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\n\nexport interface IconProps extends JSX.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name from https://fonts.google.com/icons\n   * Example: name={\"arrow_right_alt\"}\n   */\n  name: 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. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"ref\",\n  ]);\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      <span\n        class=\"material-symbols-outlined\"\n        style={{ \"font-size\": typeof local.size === \"number\" ? `${local.size}px` : local.size }}\n      >\n        {local.name}\n      </span>\n    </span>\n  );\n}\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","Icon","props","merged","mergeProps","weight","fill","size","grade","color","local","rest","splitProps","decorative","title","undefined","colorClass","includes","styleObject","style","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","role","cn","class","_$insert","name","_$effect","_$p","_$setStyleProperty"],"mappings":";;;;;AAMA,MAAMA,IAAsC,CAC1C,WACA,aACA,SACA,WACA,WACA,QACA,UAAU;AA4BL,SAASC,EAAKC,GAA+B;AAClD,QAAMC,IAASC,EACb;AAAA,IAAEC,QAAQ;AAAA,IAAKC,MAAM;AAAA,IAAYC,MAAM;AAAA,IAAuBC,OAAO;AAAA,IAAKC,OAAO;AAAA,EAAA,GACjFP,CACF,GACM,CAACQ,GAAOC,CAAI,IAAIC,EAAWT,GAAQ,CACvC,SACA,UACA,QACA,QACA,SACA,QACA,SACA,SACA,SACA,KAAK,CACN,GAEKU,IAAaA,MAAeH,EAAMI,UAAUC,QAC5CC,IAAaA,MACjB,OAAON,EAAMD,SAAU,YAAYT,EAAaiB,SAASP,EAAMD,KAAK,IAAI,mBAAmBC,EAAMD,KAAK,KAAKM,QACvGG,IAAcA,MAA0B,OAAOR,EAAMS,SAAU,YAAYT,EAAMS,QAAQT,EAAMS,QAAQ,CAAA;AAE7G,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAGSC,EAAUf,EAAMgB,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAR,GAAAS,EADrBlB,GAAI;AAAA,MAAA,eAEI;AAAA,MAAM,IAClBmB,OAAI;AAAA,eAAEjB,EAAAA,IAAeE,SAAY;AAAA,MAAK;AAAA,MAAA,IAAA,gBAAA;AAAA,eACzBF,EAAAA,IAAe,KAAOE;AAAAA,MAAS;AAAA,MAAA,IAAA,eAAA;AAAA,eAChCL,EAAMI;AAAAA,MAAK;AAAA,MAAA,IACvBA,QAAK;AAAA,eAAEJ,EAAMI;AAAAA,MAAK;AAAA,MAAA,IAClBK,QAAK;AAAA,eAAE;AAAA,UACL,GAAGD,EAAAA;AAAAA,UACH,2BAA2B,UAAUR,EAAMJ,IAAI,YAAYI,EAAML,MAAM,YAAYK,EAAMF,KAAK;AAAA,QAAA;AAAA,MAC/F;AAAA,MAAA,IAAA,QAAA;AAAA,eACMuB,EAAG,sBAAsBf,EAAAA,GAAcN,EAAMsB,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAAX,GAAA,MAMvDZ,EAAMwB,IAAI,GAAAC,EAAAC,CAAAA,MAAAC,EAAAf,GAAA,aAFW,OAAOZ,EAAMH,QAAS,WAAW,GAAGG,EAAMH,IAAI,OAAOG,EAAMH,IAAI,CAAA,GAAAa;AAAAA,EAAA,GAAA;AAM7F;"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["/* eslint-disable solid/no-innerhtml -- icon bodies are static SVG geometry\n   generated from icons/data into src/icons/svg; nothing user-supplied reaches\n   this attribute, and an <svg> assembled from JSX children cannot be handed to\n   a consumer as plain data. */\nimport { type JSX, mergeProps, splitProps, useContext } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { createIconVersion, IconContext } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS: ReadonlyArray<string> = [\n  \"primary\",\n  \"secondary\",\n  \"error\",\n  \"success\",\n  \"warning\",\n  \"info\",\n  \"disabled\",\n];\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  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-solid/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends JSX.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-solid/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\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. Any string\n   * is accepted for backward compatibility, but only known {@link IconColor}\n   * tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as `role=\"img\"`;\n   * 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  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Icon(props: IconProps): JSX.Element {\n  const merged = mergeProps(\n    { weight: 400, fill: 0 as 0 | 1, size: 20 as number | string, grade: 100, color: \"inherit\" as IconProps[\"color\"] },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"weight\",\n    \"fill\",\n    \"size\",\n    \"grade\",\n    \"name\",\n    \"color\",\n    \"title\",\n    \"style\",\n    \"source\",\n    \"ref\",\n  ]);\n\n  const context = useContext(IconContext);\n  // Re-reads the registry when icons are registered late (lazy chunks, HMR).\n  const version = createIconVersion();\n\n  const source = (): IconSource => {\n    version();\n    return local.source ?? context?.source ?? getIconConfig().source;\n  };\n  const definition = (): IconDefinition | undefined => {\n    version();\n    return typeof local.name === \"object\" ? local.name : getIcon(local.name);\n  };\n  const glyph = (): string => (typeof local.name === \"string\" ? local.name : local.name.name);\n\n  const mode = (): \"google\" | \"smwb\" | \"missing\" => {\n    const resolved = source();\n    if (resolved === \"google\") return \"google\";\n    if (definition()) return \"smwb\";\n    if (resolved === \"smwb\") {\n      warnMissing(glyph());\n      return \"missing\";\n    }\n    return \"google\";\n  };\n\n  const decorative = (): boolean => local.title === undefined;\n  const colorClass = (): string | undefined =>\n    typeof local.color === \"string\" && COLOR_TOKENS.includes(local.color) ? `smwb-icon_color-${local.color}` : undefined;\n  const styleObject = (): JSX.CSSProperties => (typeof local.style === \"object\" && local.style ? local.style : {});\n  const cssSize = (): string => (typeof local.size === \"number\" ? `${local.size}px` : local.size);\n  const strokeWidth = (): number => Math.round(Math.min(3, Math.max(1, local.weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"icon\"\n      data-icon-source={mode()}\n      role={decorative() ? undefined : \"img\"}\n      aria-hidden={decorative() ? true : undefined}\n      aria-label={local.title}\n      title={local.title}\n      style={{\n        ...styleObject(),\n        ...(mode() === \"google\"\n          ? {\n              \"font-variation-settings\": `'FILL' ${local.fill}, 'wght' ${local.weight}, 'GRAD' ${local.grade}, 'opsz' 48`,\n            }\n          : null),\n      }}\n      class={cn(\"smwb-icon__wrapper\", colorClass(), local.class)}\n    >\n      {mode() === \"google\" ? (\n        <span class=\"material-symbols-outlined\" style={{ \"font-size\": cssSize() }}>\n          {glyph()}\n        </span>\n      ) : (\n        <svg\n          class=\"smwb-icon__svg\"\n          viewBox={definition()?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize(), height: cssSize() }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width={strokeWidth()}\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n          innerHTML={definition()?.body ?? \"\"}\n        />\n      )}\n    </span>\n  );\n}\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","Set","warnMissing","name","getIconConfig","warnOnMissing","has","add","console","warn","Icon","props","merged","mergeProps","weight","fill","size","grade","color","local","rest","splitProps","context","useContext","IconContext","version","createIconVersion","source","definition","getIcon","glyph","mode","resolved","decorative","title","undefined","colorClass","includes","styleObject","style","cssSize","strokeWidth","Math","round","min","max","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","role","cn","class","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$p","_$setStyleProperty","_el$3","_tmpl$3","_p$","_v$","viewBox","_v$2","_v$3","_v$4","_v$5","body","e","_$setAttribute","t","a","o","i","innerHTML"],"mappings":"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"}