@smwb/ui-solid 0.9.0 → 0.11.0

package/dist/source/components/layout/floatingWindow/floatingWindow.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/components/floatingWindow/floatingWindow.entry.less\";\nimport {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  createSignal,\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  /**\n   * Where a window is placed before anyone touches it: fully inside the viewport when\n   * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n   * right for a window the user parked at an edge but wrong on opening — a 760px\n   * default on a 375px phone opened a quarter of a screen off to the right.\n   */\n  const fitRect = (rect: Rect, vp: Viewport): Rect => {\n    const clamped = clampRect(rect, vp);\n    return {\n      ...clamped,\n      x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n      y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n    };\n  };\n\n  // Set by the first move/resize: from then on the user's placement wins and only the\n  // reachability clamp applies, so a window can still be parked half off-screen.\n  const [placed, setPlaced] = createSignal(false);\n\n  /** The 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    const current = { x: position().x, y: position().y, width: size().width, height: size().height };\n    return placed() ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n  });\n\n  const commitRect = (next: Rect, gesture = true): void => {\n    if (gesture) setPlaced(true);\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  // A closed window forgets that it was moved: opening it again should land on screen\n  // like the first time, whatever the viewport is now.\n  createEffect(() => {\n    if (!local.open) setPlaced(false);\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(), false);\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"],"mappings":"AAAA,OAAO;AACP;AAAA,EAEE;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,gBAAgB;AACjC,OAAO,QAAQ;AACf,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,iBAA2B;AAyGpC,MAAM,cAAyG;AAAA,EAC7G,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG;AAAA,EACjC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAChC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EAChC,GAAG,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE;AAAA,EACjC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG;AAAA,EAClC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG;AAAA,EACnC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAAA,EACjC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,IAAI,EAAE;AACpC;AAEA,MAAM,eAA0C,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,MAAM,IAAI;AAE3F,MAAM,aAAa,MACjB,OAAO,WAAW,cAAc,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,OAAO,OAAO,YAAY,QAAQ,OAAO,YAAY;AAY5G,SAAS,eAAe,OAAsD;AACnF,QAAM,SAAS;AAAA,IACb;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB,EAAE,GAAG,IAAI,GAAG,GAAG;AAAA,MAChC,aAAa,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,MACvC,kBAAkB;AAAA,MAClB,qBAAqB;AAAA,MACrB,uBAAuB;AAAA,MACvB,gBAAgB;AAAA,MAChB,mBAAmB;AAAA,MACnB,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACA,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI;AACJ,QAAM,UAAU,SAAS,QAAW,4BAA4B;AAEhE,QAAM,aAAa,oBAAoB;AAAA,IACrC,IAAI,MAAM,MAAM;AAAA,IAChB,SAAS,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,IACjC,YAAY,EAAE,WAAW,+BAA+B;AAAA,IACxD,QAAQ;AAAA,EACV,CAAC;AAED,QAAM,CAAC,UAAU,WAAW,IAAI,wBAAgD;AAAA,IAC9E,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,mBAAmB,IAAI;AAAA,EACnD,CAAC;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,wBAA4C;AAAA,IAClE,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,WAAW,IAAI;AAAA,EAC3C,CAAC;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,wBAAiC;AAAA,IACjE,OAAO,MAAM,MAAM;AAAA,IACnB,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,SAAS,MAAM,oBAAoB,IAAI;AAAA,EACpD,CAAC;AAOD,QAAM,YAAY,CAACA,OAAY,OAAuB;AACpD,UAAM,OAAO,MAAM,YAAY,GAAG;AAClC,UAAM,OAAO,MAAM,aAAa,GAAG;AACnC,UAAM,QAAQ,KAAK,IAAI,MAAM,UAAU,KAAK,IAAI,MAAMA,MAAK,KAAK,CAAC;AACjE,UAAM,SAAS,KAAK,IAAI,MAAM,WAAW,KAAK,IAAI,MAAMA,MAAK,MAAM,CAAC;AACpE,UAAM,OAAO,KAAK,IAAI,MAAM,aAAa,KAAK;AAC9C,UAAM,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,IAAI,GAAG,QAAQ,MAAMA,MAAK,CAAC,CAAC;AAClE,UAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,GAAG,GAAG,SAAS,IAAI,GAAGA,MAAK,CAAC,CAAC;AACrE,WAAO,EAAE,GAAG,GAAG,OAAO,OAAO;AAAA,EAC/B;AAQA,QAAM,UAAU,CAACA,OAAY,OAAuB;AAClD,UAAM,UAAU,UAAUA,OAAM,EAAE;AAClC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,GAAG,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAAA,MAC5D,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,QAAQ,GAAG,GAAG,SAAS,QAAQ,MAAM,CAAC;AAAA,IAChE;AAAA,EACF;AAIA,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAa,KAAK;AAI9C,QAAM,OAAuB,WAAW,MAAM;AAC5C,UAAM,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,SAAS,EAAE,GAAG,OAAO,KAAK,EAAE,OAAO,QAAQ,KAAK,EAAE,OAAO;AAC/F,WAAO,OAAO,IAAI,UAAU,SAAS,WAAW,CAAC,IAAI,QAAQ,SAAS,WAAW,CAAC;AAAA,EACpF,CAAC;AAED,QAAM,aAAa,CAAC,MAAY,UAAU,SAAe;AACvD,QAAI,QAAS,WAAU,IAAI;AAC3B,UAAM,UAAU,UAAU,MAAM,WAAW,CAAC;AAC5C,UAAM,MAAM,SAAS;AACrB,UAAM,MAAM,KAAK;AACjB,QAAI,QAAQ,MAAM,IAAI,KAAK,QAAQ,MAAM,IAAI,EAAG,aAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAC1F,QAAI,QAAQ,UAAU,IAAI,SAAS,QAAQ,WAAW,IAAI,QAAQ;AAChE,cAAQ,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,IAC1D;AAAA,EACF;AAIA,eAAa,MAAM;AACjB,QAAI,CAAC,MAAM,KAAM,WAAU,KAAK;AAAA,EAClC,CAAC;AAKD,eAAa,MAAM;AACjB,QAAI,YAAY,CAAC,MAAM,KAAM;AAC7B,UAAM,mBAAmB,MAAY,WAAW,KAAK,GAAG,KAAK;AAC7D,WAAO,iBAAiB,UAAU,gBAAgB;AAClD,cAAU,MAAM,OAAO,oBAAoB,UAAU,gBAAgB,CAAC;AAAA,EACxE,CAAC;AAKD,eAAa,MAAM;AACjB,QAAI,YAAY,CAAC,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,QAAS;AACpE,UAAM,YAAY,CAAC,UAA+B;AAChD,UAAI,MAAM,QAAQ,SAAU;AAC5B,UAAI,CAAC,UAAU,CAAC,OAAO,SAAS,SAAS,aAAa,EAAG;AACzD,YAAM,UAAU;AAAA,IAClB;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,cAAU,MAAM,SAAS,oBAAoB,WAAW,SAAS,CAAC;AAAA,EACpE,CAAC;AAED,QAAM,WAAW,MAAY;AAC3B,UAAM,aAAa;AAGnB,QAAI,UAAU,CAAC,OAAO,SAAS,SAAS,aAAa,EAAG,QAAO,MAAM,EAAE,eAAe,KAAK,CAAC;AAAA,EAC9F;AAIA,MAAI,OAAgE;AAEpE,QAAM,0BAA0B,CAAC,UAAkE;AACjG,QAAI,CAAC,MAAM,QAAS;AAEpB,QAAK,MAAM,QAA2B,QAAQ,uBAAuB,EAAG;AACxE,UAAM,eAAe;AACrB,UAAM,UAAU,KAAK;AACrB,WAAO,EAAE,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE;AAC1E,QAAI;AACF,YAAM,cAAc,oBAAoB,MAAM,SAAS;AAAA,IACzD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,0BAA0B,CAAC,UAA8B;AAC7D,QAAI,CAAC,KAAM;AACX,UAAM,UAAU,KAAK;AACrB,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG,KAAK,IAAI,MAAM,UAAU,KAAK;AAAA,MACjC,GAAG,KAAK,IAAI,MAAM,UAAU,KAAK;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,CAAC,UAAkE;AACjF,QAAI,MAAM;AACR,aAAO;AACP,YAAM,UAAU,KAAK;AACrB,YAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAAA,IAClD;AACA,QAAI,MAAM,cAAc,oBAAoB,MAAM,SAAS,GAAG;AAC5D,YAAM,cAAc,wBAAwB,MAAM,SAAS;AAAA,IAC7D;AAAA,EACF;AAEA,MAAI,SAAsF;AAE1F,QAAM,sBAAsB,CAC1B,KACA,UACS;AACT,UAAM,eAAe;AACrB,UAAM,gBAAgB;AACtB,aAAS,EAAE,KAAK,IAAI,MAAM,SAAS,IAAI,MAAM,SAAS,MAAM,KAAK,EAAE;AAGnE,aAAS;AACT,QAAI;AACF,YAAM,cAAc,oBAAoB,MAAM,SAAS;AAAA,IACzD,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,sBAAsB,CAAC,UAA8B;AACzD,QAAI,CAAC,OAAQ;AACb,UAAM,OAAO,YAAY,OAAO,GAAG;AACnC,UAAM,KAAK,MAAM,UAAU,OAAO;AAClC,UAAM,KAAK,MAAM,UAAU,OAAO;AAClC,UAAM,QAAQ,OAAO;AASrB,UAAM,KAAK,WAAW;AACtB,UAAM,OAAO,MAAM,YAAY,GAAG;AAClC,UAAM,OAAO,MAAM,aAAa,GAAG;AACnC,UAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,UAAU,MAAM,QAAQ,KAAK,KAAK,EAAE,CAAC;AACjF,UAAM,SAAS,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,WAAW,MAAM,SAAS,KAAK,KAAK,EAAE,CAAC;AACpF,eAAW;AAAA,MACT,GAAG,KAAK,KAAK,MAAM,IAAI,MAAM,QAAQ,QAAQ,MAAM;AAAA,MACnD,GAAG,KAAK,KAAK,MAAM,IAAI,MAAM,SAAS,SAAS,MAAM;AAAA,MACrD;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,YAAY,CAAC,UAAkE;AACnF,QAAI,QAAQ;AACV,eAAS;AACT,YAAM,UAAU,KAAK;AACrB,YAAM,cAAc,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,IACtE;AACA,QAAI,MAAM,cAAc,oBAAoB,MAAM,SAAS,GAAG;AAC5D,YAAM,cAAc,wBAAwB,MAAM,SAAS;AAAA,IAC7D;AAAA,EACF;AAMA,QAAM,qBAAqB,CAAC,YAA2B;AACrD,UAAM,UAAU,KAAK;AACrB,QAAI,QAAS,OAAM,cAAc,EAAE,OAAO,QAAQ,OAAO,QAAQ,QAAQ,OAAO,CAAC;AAAA,QAC5E,OAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,GAAG,QAAQ,EAAE,CAAC;AAAA,EACvD;AAGA,QAAM,sBAAwE,CAAC,UAAU;AACvF,UAAM,UAAU,KAAK;AACrB,UAAM,OAAO,MAAM,WAAW,MAAM,aAAa,MAAM;AACvD,UAAM,QAA0C;AAAA,MAC9C,WAAW,CAAC,CAAC,MAAM,CAAC;AAAA,MACpB,YAAY,CAAC,MAAM,CAAC;AAAA,MACpB,SAAS,CAAC,GAAG,CAAC,IAAI;AAAA,MAClB,WAAW,CAAC,GAAG,IAAI;AAAA,IACrB;AACA,UAAM,IAAI,MAAM,MAAM,GAAG;AACzB,QAAI,CAAC,EAAG;AACR,UAAM,eAAe;AACrB,QAAI,MAAM,UAAU;AAClB,iBAAW,EAAE,GAAG,SAAS,OAAO,QAAQ,QAAQ,EAAE,CAAC,GAAG,QAAQ,QAAQ,SAAS,EAAE,CAAC,EAAE,CAAC;AAAA,IACvF,OAAO;AACL,iBAAW,EAAE,GAAG,SAAS,GAAG,QAAQ,IAAI,EAAE,CAAC,GAAG,GAAG,QAAQ,IAAI,EAAE,CAAC,EAAE,CAAC;AAAA,IACrE;AACA,uBAAmB,MAAM,QAAQ;AAAA,EACnC;AAEA,QAAM,wBAAyE,CAAC,UAAU;AACxF,UAAM,UAAU,KAAK;AACrB,UAAM,KAAK,WAAW;AACtB,QAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc;AAC3D,YAAM,eAAe;AACrB,YAAM,MAAM,MAAM,QAAQ,eAAe,IAAI;AAC7C,iBAAW,EAAE,GAAG,SAAS,OAAO,QAAQ,QAAQ,MAAM,MAAM,WAAW,CAAC;AAAA,IAC1E,WAAW,MAAM,QAAQ,aAAa,MAAM,QAAQ,aAAa;AAC/D,YAAM,eAAe;AACrB,YAAM,MAAM,MAAM,QAAQ,cAAc,IAAI;AAC5C,iBAAW,EAAE,GAAG,SAAS,QAAQ,QAAQ,SAAS,MAAM,MAAM,WAAW,CAAC;AAAA,IAC5E,WAAW,MAAM,QAAQ,QAAQ;AAC/B,YAAM,eAAe;AACrB,iBAAW,EAAE,GAAG,SAAS,OAAO,MAAM,UAAU,QAAQ,MAAM,UAAU,CAAC;AAAA,IAC3E,WAAW,MAAM,QAAQ,OAAO;AAC9B,YAAM,eAAe;AACrB,iBAAW,EAAE,GAAG,SAAS,OAAO,MAAM,YAAY,GAAG,OAAO,QAAQ,MAAM,aAAa,GAAG,OAAO,CAAC;AAAA,IACpG,OAAO;AACL;AAAA,IACF;AACA,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,kBAAkB,MAAY,aAAa,CAAC,SAAS,CAAC,IAAI;AAEhE,SACE,CAAC,KAAK,MAAM,WAAW,QAAQ,GAAG;AAAA,MAChC,CAAC,OAAO,OAAQ,WAAW,SAAY,SAAS,MAAe;AAAA,QAC7D,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,SAAS,EAAqB;AAAA,IACjE,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,iBAAiB,MAAM,QAAQ,UAAU;AAAA,IACzC,OAAO,GAAG,wBAAwB,MAAM,OAAO,WAAW,QAAQ,GAAG;AAAA,MACnE,kBAAkB,UAAU;AAAA,IAC9B,CAAC;AAAA,IACD,OAAO;AAAA,MACL,MAAM,GAAG,KAAK,EAAE,CAAC;AAAA,MACjB,KAAK,GAAG,KAAK,EAAE,CAAC;AAAA,MAChB,OAAO,GAAG,KAAK,EAAE,KAAK;AAAA,MACtB,GAAI,UAAU,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,KAAK;AAAA,MACtD,GAAI,MAAM,WAAW,SAAY,CAAC,IAAI,EAAE,WAAW,MAAM,OAAO;AAAA,MAChE,GAAI,OAAO,MAAM,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ,CAAC;AAAA,IACtE;AAAA,IAOA,gBAAgB;AAAA,GACjB;AAAA,UACC,CAAC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAIyE;AAAA,YACxE,CAAC;AAAA,IACC,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,UAAU;AAAA,IACV,YAAY,MAAM;AAAA,IAClB,WAAW;AAAA,GACZ;AAAA,cACC,CAAC,KAAK,KAAK,iBAAiB,EAAE;AAAA,YAChC,EATC,KASM;AAAA,YACP,CAAC,KAAK,MAAM,MAAM,OAAO;AAAA,cACvB,CAAC,KAAK,MAAM,8BAA8B,IAAI,SAAS;AAAA,iBACpD,MAAM,MAAM;AAAA,cACf,EAFC,KAEM;AAAA,YACT,EAJC,KAIM;AAAA,YACP,CAAC,IAAI,MAAM,gCAAgC,aAAa;AAAA,eACrD,MAAM,cAAc;AAAA,cACrB,CAAC,KAAK,MAAM,MAAM,aAAa;AAAA,gBAC7B,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY,UAAU,IAAI,MAAM,kBAAkB,MAAM;AAAA,IACxD,eAAe,CAAC,UAAU;AAAA,IAC1B,SAAS;AAAA,GACV;AAAA,kBACC,CAAC,KAAK,MAAM,UAAU,IAAI,iBAAiB,oBAAoB,EAAE;AAAA,gBACnE,EATC,OASQ;AAAA,cACX,EAXC,KAWM;AAAA,cACP,CAAC,KAAK,MAAM,MAAM,SAAS;AAAA,gBACzB,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY,MAAM;AAAA,IAClB,SAAS,MAAM,MAAM,UAAU;AAAA,GAChC;AAAA,kBACC,CAAC,KAAK,KAAK,QAAQ,EAAE;AAAA,gBACvB,EARC,OAQQ;AAAA,cACX,EAVC,KAUM;AAAA,YACT,EAzBC,IAyBK;AAAA,UACR,EArDC,IAqDK;AAAA;AAAA,UAEN,CAAC,KAAK,MAAM,CAAC,UAAU,GAAG;AAAA,YACxB,CAAC,IAAI,MAAM,6BAA6B,YAAY,uBAAuB;AAAA,eACxE,MAAM,SAAS;AAAA,YAClB,EAFC,IAEK;AAAA,UACR,EAJC,KAIM;AAAA;AAAA,UAEP,CAAC,KAAK,MAAM,MAAM,aAAa,CAAC,UAAU,GAAG;AAAA,YAC3C,CAAC,IAAI,MAAM,cAAc;AAAA,eACtB,CAAC,QACA,CAAC;AAAA,IACC,OAAO,GAAG,gCAAgC,gCAAgC,GAAG,EAAE;AAAA,IAC/E,aAAa,0BAA0B,GAAG;AAAA,QAGrC,QAAQ,OACT;AAAA,MACE,MAAM;AAAA,MACN,UAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,iBAAiB,MAAM;AAAA,MACvB,iBAAiB,KAAK,MAAM,MAAM,YAAY,WAAW,EAAE,KAAK;AAAA,MAChE,iBAAiB,KAAK,MAAM,KAAK,EAAE,KAAK;AAAA,MACxC,WAAW;AAAA,IACb,IACA,EAAE,eAAe,MAAM,UAAU,GAAG;AAAA,IACxC,eAAe,CAAC,UAAU,oBAAoB,KAAK,KAAK;AAAA,IACxD,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB,GACA;AAAA,YACJ,EAxBC,IAwBK;AAAA,UACR,EA1BC,KA0BM;AAAA,QACT,EAlHC,IAkHK;AAAA,MACR,EApHC,OAoHQ;AAAA,IACX,EAtHC;AAwHL;AAEA,IAAO,yBAAQ;","names":["rect"],"file":"floatingWindow.jsx"}

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

@@ -0,0 +1,6 @@
+import { FloatingWindow, default as default2 } from "./floatingWindow";
+export {
+  FloatingWindow,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/source/components/layout/floatingWindow/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/layout/floatingWindow/index.ts"],
+  "sourcesContent": ["export { FloatingWindow, default } from \"./floatingWindow\";\nexport type {\n  FloatingWindowProps,\n  FloatingWindowPosition,\n  FloatingWindowSize,\n  FloatingWindowResizeDir,\n} from \"./floatingWindow\";\n"],
+  "mappings": "AAAA,SAAS,gBAAgB,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/connects/rt/index.js

@@ -0,0 +1,5 @@
+import { Table } from "./table";
+export {
+  Table
+};
+//# sourceMappingURL=index.js.map

package/dist/source/connects/rt/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/connects/rt/index.ts"],
+  "sourcesContent": ["export { Table } from \"./table\";\nexport type { RtTableProps } from \"./table\";\n"],
+  "mappings": "AAAA,SAAS,aAAa;",
+  "names": []
+}

package/dist/source/connects/rt/table/index.js

@@ -0,0 +1,6 @@
+import { Table, default as default2 } from "./table";
+export {
+  Table,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/source/connects/rt/table/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/connects/rt/table/index.ts"],
+  "sourcesContent": ["export { Table, default } from \"./table\";\nexport type { RtTableProps } from \"./table\";\n"],
+  "mappings": "AAAA,SAAS,OAAO,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/source/connects/rt/table/table.jsx

@@ -0,0 +1,183 @@
+import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
+import {
+  createSolidTable,
+  flexRender,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel
+} from "@tanstack/solid-table";
+import {
+  Table as SmwbTable,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeadCell,
+  TableRow
+} from "../../../components/dataDisplay/table";
+import { ProgressIndicator } from "../../../components/feedBack/progressIndicator";
+import { Message } from "../../../components/feedBack/message";
+function Table(props) {
+  const [local, rest] = splitProps(props, [
+    "data",
+    "columns",
+    "sortable",
+    "defaultSorting",
+    "onSortingChange",
+    "withPagination",
+    "isInfinite",
+    "limit",
+    "limitOptions",
+    "onNextPage",
+    "onPrevPage",
+    "expandable",
+    "getRowCanExpand",
+    "renderSubComponent",
+    "cellAlign",
+    "error",
+    "onHeadCellClick",
+    "onBodyRowClick",
+    "isLoading"
+  ]);
+  const limit = () => local.limit ?? 5;
+  const [sorting, setSorting] = createSignal(local.defaultSorting ?? []);
+  const table = createSolidTable({
+    get data() {
+      return local.data;
+    },
+    get columns() {
+      return local.columns;
+    },
+    state: {
+      get sorting() {
+        return sorting();
+      }
+    },
+    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },
+    manualPagination: local.isInfinite,
+    getCoreRowModel: getCoreRowModel(),
+    onSortingChange: (updater) => {
+      const next = typeof updater === "function" ? updater(sorting()) : updater;
+      setSorting(next);
+      local.onSortingChange?.(next);
+    },
+    get getSortedRowModel() {
+      return local.sortable ? getSortedRowModel() : void 0;
+    },
+    get getPaginationRowModel() {
+      return local.withPagination ? getPaginationRowModel() : void 0;
+    },
+    get getExpandedRowModel() {
+      return local.expandable ? getExpandedRowModel() : void 0;
+    },
+    get getRowCanExpand() {
+      return local.expandable ? local.getRowCanExpand : void 0;
+    }
+  });
+  const pagination = createMemo(() => {
+    if (!local.withPagination) return void 0;
+    const state = table.getState().pagination;
+    const base = {
+      limit: state.pageSize,
+      page: state.pageIndex + 1,
+      limitOptions: local.limitOptions ?? [5, 10, 15],
+      onNext: () => {
+        table.nextPage();
+        local.onNextPage?.();
+      },
+      onPrev: () => {
+        table.previousPage();
+        local.onPrevPage?.();
+      },
+      onLimitChange: (value) => table.setPageSize(value)
+    };
+    return local.isInfinite ? { ...base, hasNextPage: local.data.length >= state.pageSize } : { ...base, totalCount: table.getFilteredRowModel().rows.length };
+  });
+  const columnCount = () => table.getVisibleFlatColumns().length || 1;
+  const paginationProp = createMemo(() => {
+    const settings = pagination();
+    return settings ? { paginationSettings: settings } : {};
+  });
+  const align = () => local.cellAlign ?? "left";
+  return <SmwbTable
+    {...rest}
+    {...paginationProp()}
+    isLoading={local.isLoading ?? false}
+    hovered={!!local.onBodyRowClick}
+  >
+      <TableHead>
+        <For each={table.getHeaderGroups()}>
+          {(headerGroup) => <TableRow>
+              <For each={headerGroup.headers}>
+                {(header) => {
+    const canSort = () => !!local.sortable && header.column.getCanSort();
+    return <TableHeadCell
+      cellAlign={align()}
+      sortable={canSort()}
+      sortDirection={header.column.getIsSorted() || false}
+      onSort={() => {
+        if (canSort()) header.column.toggleSorting();
+      }}
+      onClick={() => {
+        local.onHeadCellClick?.(header.column.columnDef);
+      }}
+      {...header.getSize() ? { style: { width: `${header.getSize()}px` } } : {}}
+    >
+                      <Show when={!header.isPlaceholder}>
+                        {flexRender(header.column.columnDef.header, header.getContext())}
+                      </Show>
+                    </TableHeadCell>;
+  }}
+              </For>
+            </TableRow>}
+        </For>
+      </TableHead>
+
+      <TableBody>
+        <Show
+    when={!local.isLoading}
+    fallback={<TableRow class="smwb-table__loader__row">
+              <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                <ProgressIndicator variant="circular" type="indeterminate" />
+              </TableCell>
+            </TableRow>}
+  >
+          <Show
+    when={!local.error}
+    fallback={<TableRow class="smwb-table__loader__row">
+                <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                  <Message variant="filled" type="error">
+                    {local.error}
+                  </Message>
+                </TableCell>
+              </TableRow>}
+  >
+            <For each={table.getRowModel().rows}>
+              {(row) => <>
+                  <TableRow onClick={(event) => local.onBodyRowClick?.(row, event)}>
+                    <For each={row.getVisibleCells()}>
+                      {(cell) => <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>
+                          {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                        </TableCell>}
+                    </For>
+                  </TableRow>
+                  <Show when={row.getIsExpanded() && local.renderSubComponent}>
+                    <TableRow>
+                      <TableCell colSpan={row.getVisibleCells().length}>
+                        {local.renderSubComponent?.({ row })}
+                      </TableCell>
+                    </TableRow>
+                  </Show>
+                </>}
+            </For>
+          </Show>
+        </Show>
+      </TableBody>
+    </SmwbTable>;
+}
+var table_default = Table;
+export {
+  Table,
+  table_default as default
+};
+//# sourceMappingURL=table.jsx.map

package/dist/source/connects/rt/table/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import { For, Show, createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport {\n  createSolidTable,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type Row,\n  type RowData,\n  type SortingState,\n  type TableOptions,\n} from \"@tanstack/solid-table\";\n\nimport {\n  Table as SmwbTable,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  type SortDirection,\n  type TableProps as SmwbTableProps,\n  type TablePaginationProps,\n} from \"../../../components/dataDisplay/table\";\nimport { ProgressIndicator } from \"../../../components/feedBack/progressIndicator\";\nimport { Message } from \"../../../components/feedBack/message\";\n\ndeclare module \"@tanstack/table-core\" {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    /** Extra attributes for every body cell of the column. */\n    cellProps?: JSX.ThHTMLAttributes<HTMLTableCellElement>;\n  }\n}\n\nexport interface RtTableProps<TData extends RowData, TValue = unknown> extends SmwbTableProps {\n  data: TData[];\n  columns: ColumnDef<TData, TValue>[];\n  /** Enables the sort affordance in head cells and the sorted row model. */\n  sortable?: boolean;\n  /** Initial sorting, e.g. `[{ id: \"name\", desc: false }]`. */\n  defaultSorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  withPagination?: boolean;\n  /** Rows come from the outside page by page; the total is unknown. */\n  isInfinite?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  expandable?: boolean;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => JSX.Element;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  error?: string;\n  onHeadCellClick?: (column: ColumnDef<TData, TValue>) => void;\n  onBodyRowClick?: (row: Row<TData>, event: MouseEvent) => void;\n}\n\n/**\n * TanStack Table bound to the smwb table components.\n *\n * The connector owns only what the two sides must agree on — row models, the\n * sort affordance in the head cell, the pagination footer, and the loading /\n * error / empty rows. Everything else stays TanStack's: columns are plain\n * `ColumnDef`s and cells are rendered through `flexRender`, so any column\n * definition written against the React connector works here unchanged.\n *\n * `@tanstack/solid-table` is an optional peer: it ships with the connector's\n * subpath only, and a consumer that never imports the subpath never installs it.\n */\nexport function Table<TData extends RowData, TValue = unknown>(\n  props: RtTableProps<TData, TValue>\n): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"data\",\n    \"columns\",\n    \"sortable\",\n    \"defaultSorting\",\n    \"onSortingChange\",\n    \"withPagination\",\n    \"isInfinite\",\n    \"limit\",\n    \"limitOptions\",\n    \"onNextPage\",\n    \"onPrevPage\",\n    \"expandable\",\n    \"getRowCanExpand\",\n    \"renderSubComponent\",\n    \"cellAlign\",\n    \"error\",\n    \"onHeadCellClick\",\n    \"onBodyRowClick\",\n    \"isLoading\",\n  ]);\n\n  const limit = (): number => local.limit ?? 5;\n  const [sorting, setSorting] = createSignal<SortingState>(local.defaultSorting ?? []);\n\n  // Options are a getter object: Solid has no render pass to rebuild them on,\n  // so the table reads current data, columns and sorting on every access.\n  const table = createSolidTable({\n    get data() {\n      return local.data;\n    },\n    get columns() {\n      return local.columns;\n    },\n    state: {\n      get sorting() {\n        return sorting();\n      },\n    },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },\n    manualPagination: local.isInfinite,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: (updater) => {\n      const next = typeof updater === \"function\" ? updater(sorting()) : updater;\n      setSorting(next);\n      local.onSortingChange?.(next);\n    },\n    get getSortedRowModel() {\n      return local.sortable ? getSortedRowModel() : undefined;\n    },\n    get getPaginationRowModel() {\n      return local.withPagination ? getPaginationRowModel() : undefined;\n    },\n    get getExpandedRowModel() {\n      return local.expandable ? getExpandedRowModel() : undefined;\n    },\n    get getRowCanExpand() {\n      return local.expandable ? local.getRowCanExpand : undefined;\n    },\n  } as TableOptions<TData>);\n\n  const pagination = createMemo<TablePaginationProps | undefined>(() => {\n    if (!local.withPagination) return undefined;\n    const state = table.getState().pagination;\n    const base = {\n      limit: state.pageSize,\n      page: state.pageIndex + 1,\n      limitOptions: local.limitOptions ?? [5, 10, 15],\n      onNext: () => {\n        table.nextPage();\n        local.onNextPage?.();\n      },\n      onPrev: () => {\n        table.previousPage();\n        local.onPrevPage?.();\n      },\n      onLimitChange: (value: number) => table.setPageSize(value),\n    };\n    return local.isInfinite\n      ? { ...base, hasNextPage: local.data.length >= state.pageSize }\n      : { ...base, totalCount: table.getFilteredRowModel().rows.length };\n  });\n\n  const columnCount = (): number => table.getVisibleFlatColumns().length || 1;\n\n  // Spread instead of a prop: with exactOptionalPropertyTypes an explicit\n  // `undefined` is not the same as an absent prop, and the footer is absent\n  // whenever pagination is off.\n  const paginationProp = createMemo(() => {\n    const settings = pagination();\n    return settings ? { paginationSettings: settings } : {};\n  });\n\n  const align = (): \"left\" | \"right\" | \"center\" => local.cellAlign ?? \"left\";\n\n  return (\n    <SmwbTable\n      {...rest}\n      {...paginationProp()}\n      isLoading={local.isLoading ?? false}\n      hovered={!!local.onBodyRowClick}\n    >\n      <TableHead>\n        <For each={table.getHeaderGroups()}>\n          {(headerGroup) => (\n            <TableRow>\n              <For each={headerGroup.headers}>\n                {(header) => {\n                  const canSort = (): boolean => !!local.sortable && header.column.getCanSort();\n                  return (\n                    <TableHeadCell\n                      cellAlign={align()}\n                      sortable={canSort()}\n                      sortDirection={(header.column.getIsSorted() || false) as SortDirection}\n                      onSort={() => {\n                        if (canSort()) header.column.toggleSorting();\n                      }}\n                      onClick={() => {\n                        local.onHeadCellClick?.(header.column.columnDef);\n                      }}\n                      {...(header.getSize() ? { style: { width: `${header.getSize()}px` } } : {})}\n                    >\n                      <Show when={!header.isPlaceholder}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                      </Show>\n                    </TableHeadCell>\n                  );\n                }}\n              </For>\n            </TableRow>\n          )}\n        </For>\n      </TableHead>\n\n      <TableBody>\n        <Show\n          when={!local.isLoading}\n          fallback={\n            <TableRow class=\"smwb-table__loader__row\">\n              <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n              </TableCell>\n            </TableRow>\n          }\n        >\n          <Show\n            when={!local.error}\n            fallback={\n              <TableRow class=\"smwb-table__loader__row\">\n                <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                  <Message variant=\"filled\" type=\"error\">\n                    {local.error}\n                  </Message>\n                </TableCell>\n              </TableRow>\n            }\n          >\n            <For each={table.getRowModel().rows}>\n              {(row) => (\n                <>\n                  <TableRow onClick={(event: MouseEvent) => local.onBodyRowClick?.(row, event)}>\n                    <For each={row.getVisibleCells()}>\n                      {(cell) => (\n                        <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </TableCell>\n                      )}\n                    </For>\n                  </TableRow>\n                  <Show when={row.getIsExpanded() && local.renderSubComponent}>\n                    <TableRow>\n                      <TableCell colSpan={row.getVisibleCells().length}>\n                        {local.renderSubComponent?.({ row })}\n                      </TableCell>\n                    </TableRow>\n                  </Show>\n                </>\n              )}\n            </For>\n          </Show>\n        </Show>\n      </TableBody>\n    </SmwbTable>\n  );\n}\n\nexport default Table;\n"],"mappings":"AAAA,SAAS,KAAK,MAAM,YAAY,cAAc,kBAA4B;AAC1E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAEP;AAAA,EACE,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,yBAAyB;AAClC,SAAS,eAAe;AA8CjB,SAAS,MACd,OACa;AACb,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,QAAQ,MAAc,MAAM,SAAS;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,aAA2B,MAAM,kBAAkB,CAAC,CAAC;AAInF,QAAM,QAAQ,iBAAiB;AAAA,IAC7B,IAAI,OAAO;AACT,aAAO,MAAM;AAAA,IACf;AAAA,IACA,IAAI,UAAU;AACZ,aAAO,MAAM;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,IAAI,UAAU;AACZ,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,cAAc,EAAE,YAAY,EAAE,WAAW,GAAG,UAAU,MAAM,EAAE,EAAE;AAAA,IAChE,kBAAkB,MAAM;AAAA,IACxB,iBAAiB,gBAAgB;AAAA,IACjC,iBAAiB,CAAC,YAAY;AAC5B,YAAM,OAAO,OAAO,YAAY,aAAa,QAAQ,QAAQ,CAAC,IAAI;AAClE,iBAAW,IAAI;AACf,YAAM,kBAAkB,IAAI;AAAA,IAC9B;AAAA,IACA,IAAI,oBAAoB;AACtB,aAAO,MAAM,WAAW,kBAAkB,IAAI;AAAA,IAChD;AAAA,IACA,IAAI,wBAAwB;AAC1B,aAAO,MAAM,iBAAiB,sBAAsB,IAAI;AAAA,IAC1D;AAAA,IACA,IAAI,sBAAsB;AACxB,aAAO,MAAM,aAAa,oBAAoB,IAAI;AAAA,IACpD;AAAA,IACA,IAAI,kBAAkB;AACpB,aAAO,MAAM,aAAa,MAAM,kBAAkB;AAAA,IACpD;AAAA,EACF,CAAwB;AAExB,QAAM,aAAa,WAA6C,MAAM;AACpE,QAAI,CAAC,MAAM,eAAgB,QAAO;AAClC,UAAM,QAAQ,MAAM,SAAS,EAAE;AAC/B,UAAM,OAAO;AAAA,MACX,OAAO,MAAM;AAAA,MACb,MAAM,MAAM,YAAY;AAAA,MACxB,cAAc,MAAM,gBAAgB,CAAC,GAAG,IAAI,EAAE;AAAA,MAC9C,QAAQ,MAAM;AACZ,cAAM,SAAS;AACf,cAAM,aAAa;AAAA,MACrB;AAAA,MACA,QAAQ,MAAM;AACZ,cAAM,aAAa;AACnB,cAAM,aAAa;AAAA,MACrB;AAAA,MACA,eAAe,CAAC,UAAkB,MAAM,YAAY,KAAK;AAAA,IAC3D;AACA,WAAO,MAAM,aACT,EAAE,GAAG,MAAM,aAAa,MAAM,KAAK,UAAU,MAAM,SAAS,IAC5D,EAAE,GAAG,MAAM,YAAY,MAAM,oBAAoB,EAAE,KAAK,OAAO;AAAA,EACrE,CAAC;AAED,QAAM,cAAc,MAAc,MAAM,sBAAsB,EAAE,UAAU;AAK1E,QAAM,iBAAiB,WAAW,MAAM;AACtC,UAAM,WAAW,WAAW;AAC5B,WAAO,WAAW,EAAE,oBAAoB,SAAS,IAAI,CAAC;AAAA,EACxD,CAAC;AAED,QAAM,QAAQ,MAAmC,MAAM,aAAa;AAEpE,SACE,CAAC;AAAA,QACK;AAAA,QACA,eAAe;AAAA,IACnB,WAAW,MAAM,aAAa;AAAA,IAC9B,SAAS,CAAC,CAAC,MAAM;AAAA,GAClB;AAAA,MACC,CAAC,UAAU;AAAA,QACT,CAAC,IAAI,MAAM,MAAM,gBAAgB,GAAG;AAAA,WACjC,CAAC,gBACA,CAAC,SAAS;AAAA,cACR,CAAC,IAAI,MAAM,YAAY,SAAS;AAAA,iBAC7B,CAAC,WAAW;AACX,UAAM,UAAU,MAAe,CAAC,CAAC,MAAM,YAAY,OAAO,OAAO,WAAW;AAC5E,WACE,CAAC;AAAA,MACC,WAAW,MAAM;AAAA,MACjB,UAAU,QAAQ;AAAA,MAClB,eAAgB,OAAO,OAAO,YAAY,KAAK;AAAA,MAC/C,QAAQ,MAAM;AACZ,YAAI,QAAQ,EAAG,QAAO,OAAO,cAAc;AAAA,MAC7C;AAAA,MACA,SAAS,MAAM;AACb,cAAM,kBAAkB,OAAO,OAAO,SAAS;AAAA,MACjD;AAAA,UACK,OAAO,QAAQ,IAAI,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC;AAAA,KAC1E;AAAA,sBACC,CAAC,KAAK,MAAM,CAAC,OAAO,eAAe;AAAA,yBAChC,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,CAAC,EAAE;AAAA,sBACnE,EAFC,KAEM;AAAA,oBACT,EAfC;AAAA,EAiBL,EAAE;AAAA,cACJ,EAtBC,IAsBK;AAAA,YACR,EAxBC,UAyBD;AAAA,QACJ,EA5BC,IA4BK;AAAA,MACR,EA9BC,UA8BW;AAAA;AAAA,MAEZ,CAAC,UAAU;AAAA,QACT,CAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,UACE,CAAC,SAAS,MAAM,0BAA0B;AAAA,cACxC,CAAC,UAAU,MAAM,qBAAqB,SAAS,YAAY,GAAG;AAAA,gBAC5D,CAAC,kBAAkB,QAAQ,WAAW,KAAK,gBAAgB,EAAE;AAAA,cAC/D,EAFC,UAEW;AAAA,YACd,EAJC;AAAA,GAMJ;AAAA,UACC,CAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,UACE,CAAC,SAAS,MAAM,0BAA0B;AAAA,gBACxC,CAAC,UAAU,MAAM,qBAAqB,SAAS,YAAY,GAAG;AAAA,kBAC5D,CAAC,QAAQ,QAAQ,SAAS,KAAK,QAAQ;AAAA,qBACpC,MAAM,MAAM;AAAA,kBACf,EAFC,QAES;AAAA,gBACZ,EAJC,UAIW;AAAA,cACd,EANC;AAAA,GAQJ;AAAA,YACC,CAAC,IAAI,MAAM,MAAM,YAAY,EAAE,MAAM;AAAA,eAClC,CAAC,QACA,EAAE;AAAA,kBACA,CAAC,SAAS,SAAS,CAAC,UAAsB,MAAM,iBAAiB,KAAK,KAAK,GAAG;AAAA,oBAC5E,CAAC,IAAI,MAAM,IAAI,gBAAgB,GAAG;AAAA,uBAC/B,CAAC,SACA,CAAC,UAAU,WAAW,MAAM,OAAO,KAAK,OAAO,UAAU,MAAM,WAAW;AAAA,2BACvE,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC,EAAE;AAAA,wBAC7D,EAFC,WAGD;AAAA,oBACJ,EANC,IAMK;AAAA,kBACR,EARC,SAQU;AAAA,kBACX,CAAC,KAAK,MAAM,IAAI,cAAc,KAAK,MAAM,oBAAoB;AAAA,oBAC3D,CAAC,SAAS;AAAA,sBACR,CAAC,UAAU,SAAS,IAAI,gBAAgB,EAAE,QAAQ;AAAA,yBAC/C,MAAM,qBAAqB,EAAE,IAAI,CAAC,EAAE;AAAA,sBACvC,EAFC,UAEW;AAAA,oBACd,EAJC,SAIU;AAAA,kBACb,EANC,KAMM;AAAA,gBACT,IACA;AAAA,YACJ,EArBC,IAqBK;AAAA,UACR,EAlCC,KAkCM;AAAA,QACT,EA7CC,KA6CM;AAAA,MACT,EA/CC,UA+CW;AAAA,IACd,EAtFC;AAwFL;AAEA,IAAO,gBAAQ;","names":[],"file":"table.jsx"}

package/dist/source/index.js

@@ -10,6 +10,8 @@ import { createVirtualList } from "./primitives/createVirtualList";
 import { createMaskedInput } from "./primitives/createMaskedInput";
 import { createMediaQuery } from "./primitives/createMediaQuery";
 import { createPersistedJson } from "./primitives/createPersistedJson";
+import { createRovingTabIndex } from "./primitives/createRovingTabIndex";
+import { createHoverPopover } from "./primitives/createHoverPopover";
 import { resolvePlacement, buildFloatingMiddleware, placements } from "./utils/floating";
 import { Icon, IconProvider, IconContext, useIconSource, createIconVersion } from "./components/base/icon";
 import {
@@ -106,6 +108,7 @@ import { Grid, Row, Column, Container } from "./components/layout/grid";
 import { AppLayout } from "./components/layout/appLayout";
 import { ScreenDivider } from "./components/layout/screenDivider";
 import { Sheet } from "./components/layout/sheet";
+import { FloatingWindow } from "./components/layout/floatingWindow";
 import { AppBar } from "./components/navigation/appBar";
 import { Breadcrumbs } from "./components/navigation/breadcrumbs";
 import { Pagination } from "./components/navigation/pagination";
@@ -227,6 +230,7 @@ export {
   FileDrop,
   FileInput,
   FloatingButton,
+  FloatingWindow,
   Grid,
   Icon,
   IconContext,
@@ -309,11 +313,13 @@ export {
   createDropzone,
   createFloating,
   createFocusTrap,
+  createHoverPopover,
   createIconVersion,
   createId,
   createMaskedInput,
   createMediaQuery,
   createPersistedJson,
+  createRovingTabIndex,
   createTheme,
   createTimeInput,
   createVirtualList,

package/dist/source/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["// Public entry point for @smwb/ui-solid.\n// Exports are added as components are ported (see src/components/**).\n\n// primitives\nexport { mergeRefs } from \"./primitives/mergeRefs\";\nexport type { Ref, RefCallback } from \"./primitives/mergeRefs\";\nexport { createId } from \"./primitives/createId\";\nexport { createControllableState } from \"./primitives/createControllableState\";\nexport type { CreateControllableStateParams } from \"./primitives/createControllableState\";\nexport { createTheme, Theme } from \"./primitives/createTheme\";\nexport { createFloating } from \"./primitives/createFloating\";\nexport type { CreateFloatingOptions, FloatingState } from \"./primitives/createFloating\";\nexport { createFocusTrap } from \"./primitives/createFocusTrap\";\nexport type { CreateFocusTrapOptions } from \"./primitives/createFocusTrap\";\nexport { createCssTransition } from \"./primitives/createCssTransition\";\nexport type { CreateCssTransitionOptions, CssTransitionState, CssTransitionClassNames } from \"./primitives/createCssTransition\";\nexport { createDropzone } from \"./primitives/createDropzone\";\nexport type { DropzoneOptions, DropzoneState } from \"./primitives/createDropzone\";\nexport { createVirtualList } from \"./primitives/createVirtualList\";\nexport type { CreateVirtualListParams, VirtualListResult } from \"./primitives/createVirtualList\";\nexport { createMaskedInput } from \"./primitives/createMaskedInput\";\nexport type { CreateMaskedInputOptions, MaskedInputState } from \"./primitives/createMaskedInput\";\nexport { createMediaQuery } from \"./primitives/createMediaQuery\";\nexport { createPersistedJson } from \"./primitives/createPersistedJson\";\nexport type { PersistedJson } from \"./primitives/createPersistedJson\";\n\n// utils\nexport { resolvePlacement, buildFloatingMiddleware, placements } from \"./utils/floating\";\nexport type { Placement, ResolvedPlacement } from \"./utils/floating\";\n\n// base\nexport { Icon, IconProvider, IconContext, useIconSource, createIconVersion } from \"./components/base/icon\";\nexport type { IconProps, IconColor, IconProviderProps, IconContextValue } from \"./components/base/icon\";\n// Icon registry API. The icons themselves live behind \"@smwb/ui-solid/icons\" so\n// an app bundles only the ones it registers.\nexport {\n  registerIcons,\n  unregisterIcons,\n  clearIcons,\n  getIcon,\n  hasIcon,\n  listIcons,\n  normalizeIconName,\n} from \"./icons/registry\";\nexport type { IconInput } from \"./icons/registry\";\nexport { configureIcons, getIconConfig, resetIconConfig } from \"./icons/config\";\nexport type { IconConfig } from \"./icons/config\";\nexport { subscribeIcons, getIconVersion } from \"./icons/store\";\nexport type { IconDefinition, IconSource } from \"./icons/types\";\nexport { Ripple } from \"./components/base/ripple\";\nexport type { RippleProps, RippleActionsRef, RippleClasses } from \"./components/base/ripple\";\nexport { AnimateHeight } from \"./components/base/animateHeight\";\nexport type { AnimateHeightProps, Height } from \"./components/base/animateHeight\";\n\n// dataDisplay\nexport { Typography } from \"./components/dataDisplay/typography\";\nexport type { TypographyProps, TypographyVariant, TypographyColor } from \"./components/dataDisplay/typography\";\nexport { Badge } from \"./components/dataDisplay/badge\";\nexport type { BadgeProps } from \"./components/dataDisplay/badge\";\nexport { Card } from \"./components/dataDisplay/card\";\nexport type { CardProps } from \"./components/dataDisplay/card\";\nexport { Chip } from \"./components/dataDisplay/chip\";\nexport type { ChipProps, ChipColor } from \"./components/dataDisplay/chip\";\nexport { LazyImage } from \"./components/dataDisplay/lazyImage\";\nexport type { LazyImageProps } from \"./components/dataDisplay/lazyImage\";\nexport { ChipGroup } from \"./components/dataDisplay/chipGroup\";\nexport type { ChipGroupProps, ChipGroupOption } from \"./components/dataDisplay/chipGroup\";\nexport { ThumbCard } from \"./components/dataDisplay/thumbCard\";\nexport type { ThumbCardProps } from \"./components/dataDisplay/thumbCard\";\nexport { AssetGrid } from \"./components/dataDisplay/assetGrid\";\nexport type { AssetGridProps } from \"./components/dataDisplay/assetGrid\";\nexport { Avatar, AvatarGroup } from \"./components/dataDisplay/avatar\";\nexport type { AvatarProps, AvatarGroupProps, AvatarSize } from \"./components/dataDisplay/avatar\";\nexport { List, ListItem } from \"./components/dataDisplay/list\";\nexport type { ListProps, ListItemProps } from \"./components/dataDisplay/list\";\nexport { Accordion } from \"./components/dataDisplay/accordion\";\nexport type { AccordionProps } from \"./components/dataDisplay/accordion\";\nexport { ExpansionPanel } from \"./components/dataDisplay/expansionPanel\";\nexport type {\n  ExpansionPanelProps,\n  ExpansionPanelLabels,\n  ExpansionPanelRenderContext,\n  ExpansionPanelControlsContext,\n  ExpansionMode,\n} from \"./components/dataDisplay/expansionPanel\";\nexport {\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  TableHeadCell,\n  TablePagination,\n} from \"./components/dataDisplay/table\";\nexport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TablePaginationProps,\n  SortDirection,\n} from \"./components/dataDisplay/table\";\nexport { TreeView } from \"./components/dataDisplay/treeView\";\nexport type { TreeViewProps, ITreeNodeItem } from \"./components/dataDisplay/treeView\";\nexport { Carousel } from \"./components/dataDisplay/carousel\";\nexport type { CarouselProps } from \"./components/dataDisplay/carousel\";\nexport { ImagesList, ImagesListItem, ImagesListItemModal } from \"./components/dataDisplay/imagesList\";\nexport type {\n  ImagesListProps,\n  ImagesListItemProps,\n  ImagesListItemModalProps,\n  ImageItem,\n} from \"./components/dataDisplay/imagesList\";\nexport {\n  Chat,\n  ChatLayout,\n  ChatOverlayLayout,\n  ChatShell,\n  ChatHeader,\n  ChatMessages,\n  ChatMessageItem,\n  ChatMessageIncoming,\n  ChatMessageOutgoing,\n  ChatMessageSystem,\n  ChatMessageBubble,\n  ChatMessageSkeleton,\n  ChatMessageStatus,\n  ChatMessageAvatar,\n  ChatAttachments,\n  ChatAttachmentImage,\n  ChatIconButton,\n  ChatComposer,\n  createChatInfiniteScroll,\n  createChatFileUpload,\n  resolveChatFileUploadMaxFiles,\n  createChatStickToBottom,\n  isScrolledToBottom,\n  scrollChatToBottom,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  isImageAttachment,\n  formatChatTimestamp,\n  resolveAllowedLayouts,\n  isChatMessageDeliveryStatus,\n  resolveChatMessageStatusIcon,\n  resolveChatMessageStatusLabel,\n  shouldComposerNewlineOnEnter,\n  getChatLayoutActions,\n  shouldShowChatCloseButton,\n} from \"./components/dataDisplay/chat\";\nexport type {\n  ChatProps,\n  ChatLayoutProps,\n  ChatLayoutChatProps,\n  ChatOverlayLayoutProps,\n  ChatOverlayLayoutChatProps,\n  ChatShellProps,\n  ChatHeaderProps,\n  ChatMessagesProps,\n  ChatMessageItemProps,\n  ChatMessageIncomingProps,\n  ChatMessageOutgoingProps,\n  ChatMessageSystemProps,\n  ChatMessageBubbleProps,\n  ChatMessageSkeletonProps,\n  ChatMessageStatusProps,\n  ChatMessageAvatarProps,\n  ChatAttachmentsProps,\n  ChatAttachmentImageProps,\n  ChatIconButtonProps,\n  ChatComposerProps,\n  CreateChatInfiniteScrollParams,\n  CreateChatFileUploadOptions,\n  ChatFileUploadState,\n  CreateChatStickToBottomParams,\n  ChatMessage,\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessageVariant,\n  ChatLayoutMode,\n  ChatAnchor,\n  ChatThemeMode,\n  ChatMessageRenderContext,\n  ChatLayoutSide,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatComposerNewlineOptions,\n} from \"./components/dataDisplay/chat\";\n\n// feedBack\nexport { Skeleton } from \"./components/feedBack/skeleton\";\nexport type { SkeletonProps } from \"./components/feedBack/skeleton\";\nexport { Message, MessageContainer } from \"./components/feedBack/message\";\nexport type { MessageProps, MessageSeverity } from \"./components/feedBack/message\";\nexport { ProgressIndicator, CircularProgress } from \"./components/feedBack/progressIndicator\";\nexport type { ProgressIndicatorProps, ProgressColor, CircularProgressProps } from \"./components/feedBack/progressIndicator\";\nexport { Tooltip } from \"./components/feedBack/tooltip\";\nexport type { TooltipProps, TooltipTrigger } from \"./components/feedBack/tooltip\";\nexport { Modal } from \"./components/feedBack/modal\";\nexport type { ModalProps, ModalSlotProps } from \"./components/feedBack/modal\";\nexport { SaveAssetDialog } from \"./components/feedBack/saveAssetDialog\";\nexport type { SaveAssetDialogProps } from \"./components/feedBack/saveAssetDialog\";\nexport { ConfirmDialog } from \"./components/feedBack/confirmDialog\";\nexport type { ConfirmDialogProps } from \"./components/feedBack/confirmDialog\";\nexport { SnackbarProvider, Snackbar, useSnackbar } from \"./components/feedBack/snackbar\";\nexport type {\n  SnackbarsProviderProps,\n  SnackbarProps,\n  SnackbarOptions,\n  AddSnackbar,\n  AddSnackbarOptions,\n  Variants as SnackbarVariant,\n  Position as SnackbarPosition,\n} from \"./components/feedBack/snackbar\";\n\n// utility\nexport { ClickAwayListener } from \"./components/clickAwayListener\";\nexport type { ClickAwayListenerProps } from \"./components/clickAwayListener\";\n\n// layout\nexport { Divider } from \"./components/layout/divider\";\nexport type { DividerProps, DividerColor } from \"./components/layout/divider\";\nexport { Stack } from \"./components/layout/stack\";\nexport type { StackProps, StackSpacing } from \"./components/layout/stack\";\nexport { Page } from \"./components/layout/page\";\nexport type { PageProps, PageMaxWidth } from \"./components/layout/page\";\nexport { PageHeader } from \"./components/layout/pageHeader\";\nexport type { PageHeaderProps } from \"./components/layout/pageHeader\";\nexport { Grid, Row, Column, Container } from \"./components/layout/grid\";\nexport type {\n  RowProps,\n  ColumnProps,\n  ContainerProps,\n  BreakpointType,\n  ColumnSpan,\n  OffsetType,\n  Breakpoint,\n  ResponsiveBool,\n  ContainerMaxWidth,\n} from \"./components/layout/grid\";\nexport { AppLayout } from \"./components/layout/appLayout\";\nexport type { AppLayoutProps } from \"./components/layout/appLayout\";\nexport { ScreenDivider } from \"./components/layout/screenDivider\";\nexport type { ScreenDividerProps } from \"./components/layout/screenDivider\";\nexport { Sheet } from \"./components/layout/sheet\";\nexport type { SheetProps } from \"./components/layout/sheet\";\n\n// navigation\nexport { AppBar } from \"./components/navigation/appBar\";\nexport type { AppBarProps, AppBarColor } from \"./components/navigation/appBar\";\nexport { Breadcrumbs } from \"./components/navigation/breadcrumbs\";\nexport type { BreadcrumbsProps } from \"./components/navigation/breadcrumbs\";\nexport { Pagination } from \"./components/navigation/pagination\";\nexport type { PaginationProps, PaginationColor } from \"./components/navigation/pagination\";\nexport { Stepper } from \"./components/navigation/stepper\";\nexport type { StepperProps, StepItem } from \"./components/navigation/stepper\";\nexport { Sidebar } from \"./components/navigation/sidebar\";\nexport type { SidebarProps, SidebarMenuItemProps, SidebarVariant } from \"./components/navigation/sidebar\";\nexport { Tabs, Tab, TabsContext, useTabsContext } from \"./components/navigation/tabs\";\nexport type { TabsProps, TabProps, TabsContextValue } from \"./components/navigation/tabs\";\nexport { BottomBar } from \"./components/navigation/bottomBar\";\nexport type { BottomBarProps, BottomBarMenuItemProps } from \"./components/navigation/bottomBar\";\nexport {\n  Menu,\n  MenuFloating,\n  MenuList,\n  MenuItem,\n  MenuItemIcon,\n  MenuItemText,\n  MenuDivider,\n  MenuSubmenu,\n  MenuContext,\n  useMenuContext,\n  buildMenuFloatingMiddleware,\n} from \"./components/navigation/menu\";\nexport type {\n  MenuProps,\n  MenuFloatingProps,\n  MenuListProps,\n  MenuItemProps,\n  MenuItemIconProps,\n  MenuItemTextProps,\n  MenuDividerProps,\n  MenuSubmenuProps,\n  MenuContextValue,\n} from \"./components/navigation/menu\";\nexport { OverflowMenu } from \"./components/navigation/overflowMenu\";\nexport type { OverflowMenuProps, OverflowMenuItem } from \"./components/navigation/overflowMenu\";\n\n// inputs\nexport { Button } from \"./components/inputs/button\";\nexport type { ButtonProps } from \"./components/inputs/button\";\nexport { ButtonGroup } from \"./components/inputs/buttonGroups\";\nexport type { ButtonGroupProps } from \"./components/inputs/buttonGroups\";\nexport { Checkbox } from \"./components/inputs/checkbox\";\nexport type {\n  CheckboxProps,\n  SelectionControlSize,\n  SelectionControlColor,\n  SelectionChangeEvent,\n} from \"./components/inputs/checkbox\";\nexport { RadioButton } from \"./components/inputs/radioButton\";\nexport type { RadioButtonProps } from \"./components/inputs/radioButton\";\nexport { Toggle } from \"./components/inputs/toggle\";\nexport type { ToggleProps } from \"./components/inputs/toggle\";\nexport { Rating } from \"./components/inputs/rating\";\nexport type { RatingProps, RatingColor } from \"./components/inputs/rating\";\nexport { Slider } from \"./components/inputs/slider\";\nexport type { SliderProps, SliderValue, SliderMark } from \"./components/inputs/slider\";\nexport { ValueSlider } from \"./components/inputs/valueSlider\";\nexport type { ValueSliderProps } from \"./components/inputs/valueSlider\";\nexport { FileInput } from \"./components/inputs/fileInput\";\nexport type { FileInputProps } from \"./components/inputs/fileInput\";\nexport { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from \"./components/inputs/fileDrop\";\nexport type { FileUploadProps, PreviewWrapperProps, PreviewProps, CountPreviewProps } from \"./components/inputs/fileDrop\";\nexport { SelectField, DropdownMenu } from \"./components/inputs/selectField\";\nexport type { SelectFieldProps, OnSelectChange, DropdownItem, DropdownItemProps } from \"./components/inputs/selectField\";\nexport {\n  DatePicker,\n  OpenView,\n  DataPickerDays,\n  DataPickerHeader,\n  DataPickerInput,\n  DatePickerActionLabel,\n  DatePickerDay,\n  DatePickerIconButton,\n  DatePickerList,\n  createDateInput,\n} from \"./components/inputs/datePicker\";\nexport type {\n  DatePickerProps,\n  DataPickerDaysProps,\n  DataPickerHeaderProps,\n  DataPickerInputProps,\n  ActionLabelProps,\n  DatePickerDayProps,\n  DataPickerIconButtonProps,\n  DatePickerListProps,\n  CreateDateInputProps,\n  DateInputState,\n} from \"./components/inputs/datePicker\";\nexport { TimePicker, TimePickerInput, TimePickerColumns, createTimeInput, DEFAULT_TIME_FORMAT } from \"./components/inputs/timePicker\";\nexport type { TimePickerProps, TimePickerInputProps, TimePickerColumnsProps } from \"./components/inputs/timePicker\";\nexport {\n  DateTimePicker,\n  DateTimePickerInput,\n  createDateTimeInput,\n  getCurrentDateTimeFormat,\n  getDisplayDateTime,\n  formatDateTimeByPattern,\n  isDateTimePatternMatch,\n  parseDateTimeByPattern,\n} from \"./components/inputs/dateTimePicker\";\nexport type {\n  DateTimePickerProps,\n  DateTimePickerInputProps,\n  CreateDateTimeInputProps,\n  DateTimeInputState,\n} from \"./components/inputs/dateTimePicker\";\nexport { FloatingButton } from \"./components/inputs/floatingButton\";\nexport type { FloatingButtonProps, FloatingButtonColor } from \"./components/inputs/floatingButton\";\nexport { TextField, TextFieldWrapper, TextFieldAdornment } from \"./components/inputs/textField\";\nexport type {\n  TextFieldProps,\n  TextFieldWrapperProps,\n  TextFieldAdornmentProps,\n  TextFieldVariant,\n} from \"./components/inputs/textField\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["// Public entry point for @smwb/ui-solid.\n// Exports are added as components are ported (see src/components/**).\n\n// primitives\nexport { mergeRefs } from \"./primitives/mergeRefs\";\nexport type { Ref, RefCallback } from \"./primitives/mergeRefs\";\nexport { createId } from \"./primitives/createId\";\nexport { createControllableState } from \"./primitives/createControllableState\";\nexport type { CreateControllableStateParams } from \"./primitives/createControllableState\";\nexport { createTheme, Theme } from \"./primitives/createTheme\";\nexport { createFloating } from \"./primitives/createFloating\";\nexport type { CreateFloatingOptions, FloatingState } from \"./primitives/createFloating\";\nexport { createFocusTrap } from \"./primitives/createFocusTrap\";\nexport type { CreateFocusTrapOptions } from \"./primitives/createFocusTrap\";\nexport { createCssTransition } from \"./primitives/createCssTransition\";\nexport type { CreateCssTransitionOptions, CssTransitionState, CssTransitionClassNames } from \"./primitives/createCssTransition\";\nexport { createDropzone } from \"./primitives/createDropzone\";\nexport type { DropzoneOptions, DropzoneState } from \"./primitives/createDropzone\";\nexport { createVirtualList } from \"./primitives/createVirtualList\";\nexport type { CreateVirtualListParams, VirtualListResult } from \"./primitives/createVirtualList\";\nexport { createMaskedInput } from \"./primitives/createMaskedInput\";\nexport type { CreateMaskedInputOptions, MaskedInputState } from \"./primitives/createMaskedInput\";\nexport { createMediaQuery } from \"./primitives/createMediaQuery\";\nexport { createPersistedJson } from \"./primitives/createPersistedJson\";\nexport type { PersistedJson } from \"./primitives/createPersistedJson\";\nexport { createRovingTabIndex } from \"./primitives/createRovingTabIndex\";\nexport type { CreateRovingTabIndexOptions } from \"./primitives/createRovingTabIndex\";\nexport { createHoverPopover } from \"./primitives/createHoverPopover\";\nexport type {\n  CreateHoverPopoverOptions,\n  HoverPopoverState,\n  HoverPopoverPoint,\n  HoverPopoverReferenceProps,\n  HoverPopoverFloatingProps,\n} from \"./primitives/createHoverPopover\";\n\n// utils\nexport { resolvePlacement, buildFloatingMiddleware, placements } from \"./utils/floating\";\nexport type { Placement, ResolvedPlacement } from \"./utils/floating\";\n\n// base\nexport { Icon, IconProvider, IconContext, useIconSource, createIconVersion } from \"./components/base/icon\";\nexport type { IconProps, IconColor, IconProviderProps, IconContextValue } from \"./components/base/icon\";\n// Icon registry API. The icons themselves live behind \"@smwb/ui-solid/icons\" so\n// an app bundles only the ones it registers.\nexport {\n  registerIcons,\n  unregisterIcons,\n  clearIcons,\n  getIcon,\n  hasIcon,\n  listIcons,\n  normalizeIconName,\n} from \"./icons/registry\";\nexport type { IconInput } from \"./icons/registry\";\nexport { configureIcons, getIconConfig, resetIconConfig } from \"./icons/config\";\nexport type { IconConfig } from \"./icons/config\";\nexport { subscribeIcons, getIconVersion } from \"./icons/store\";\nexport type { IconDefinition, IconSource } from \"./icons/types\";\nexport { Ripple } from \"./components/base/ripple\";\nexport type { RippleProps, RippleActionsRef, RippleClasses } from \"./components/base/ripple\";\nexport { AnimateHeight } from \"./components/base/animateHeight\";\nexport type { AnimateHeightProps, Height } from \"./components/base/animateHeight\";\n\n// dataDisplay\nexport { Typography } from \"./components/dataDisplay/typography\";\nexport type { TypographyProps, TypographyVariant, TypographyColor } from \"./components/dataDisplay/typography\";\nexport { Badge } from \"./components/dataDisplay/badge\";\nexport type { BadgeProps } from \"./components/dataDisplay/badge\";\nexport { Card } from \"./components/dataDisplay/card\";\nexport type { CardProps } from \"./components/dataDisplay/card\";\nexport { Chip } from \"./components/dataDisplay/chip\";\nexport type { ChipProps, ChipColor } from \"./components/dataDisplay/chip\";\nexport { LazyImage } from \"./components/dataDisplay/lazyImage\";\nexport type { LazyImageProps } from \"./components/dataDisplay/lazyImage\";\nexport { ChipGroup } from \"./components/dataDisplay/chipGroup\";\nexport type { ChipGroupProps, ChipGroupOption } from \"./components/dataDisplay/chipGroup\";\nexport { ThumbCard } from \"./components/dataDisplay/thumbCard\";\nexport type { ThumbCardProps } from \"./components/dataDisplay/thumbCard\";\nexport { AssetGrid } from \"./components/dataDisplay/assetGrid\";\nexport type { AssetGridProps } from \"./components/dataDisplay/assetGrid\";\nexport { Avatar, AvatarGroup } from \"./components/dataDisplay/avatar\";\nexport type { AvatarProps, AvatarGroupProps, AvatarSize } from \"./components/dataDisplay/avatar\";\nexport { List, ListItem } from \"./components/dataDisplay/list\";\nexport type { ListProps, ListItemProps } from \"./components/dataDisplay/list\";\nexport { Accordion } from \"./components/dataDisplay/accordion\";\nexport type { AccordionProps } from \"./components/dataDisplay/accordion\";\nexport { ExpansionPanel } from \"./components/dataDisplay/expansionPanel\";\nexport type {\n  ExpansionPanelProps,\n  ExpansionPanelLabels,\n  ExpansionPanelRenderContext,\n  ExpansionPanelControlsContext,\n  ExpansionMode,\n} from \"./components/dataDisplay/expansionPanel\";\nexport {\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  TableHeadCell,\n  TablePagination,\n} from \"./components/dataDisplay/table\";\nexport type {\n  TableProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableHeadCellProps,\n  TablePaginationProps,\n  SortDirection,\n} from \"./components/dataDisplay/table\";\nexport { TreeView } from \"./components/dataDisplay/treeView\";\nexport type { TreeViewProps, ITreeNodeItem } from \"./components/dataDisplay/treeView\";\nexport { Carousel } from \"./components/dataDisplay/carousel\";\nexport type { CarouselProps } from \"./components/dataDisplay/carousel\";\nexport { ImagesList, ImagesListItem, ImagesListItemModal } from \"./components/dataDisplay/imagesList\";\nexport type {\n  ImagesListProps,\n  ImagesListItemProps,\n  ImagesListItemModalProps,\n  ImageItem,\n} from \"./components/dataDisplay/imagesList\";\nexport {\n  Chat,\n  ChatLayout,\n  ChatOverlayLayout,\n  ChatShell,\n  ChatHeader,\n  ChatMessages,\n  ChatMessageItem,\n  ChatMessageIncoming,\n  ChatMessageOutgoing,\n  ChatMessageSystem,\n  ChatMessageBubble,\n  ChatMessageSkeleton,\n  ChatMessageStatus,\n  ChatMessageAvatar,\n  ChatAttachments,\n  ChatAttachmentImage,\n  ChatIconButton,\n  ChatComposer,\n  createChatInfiniteScroll,\n  createChatFileUpload,\n  resolveChatFileUploadMaxFiles,\n  createChatStickToBottom,\n  isScrolledToBottom,\n  scrollChatToBottom,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  isImageAttachment,\n  formatChatTimestamp,\n  resolveAllowedLayouts,\n  isChatMessageDeliveryStatus,\n  resolveChatMessageStatusIcon,\n  resolveChatMessageStatusLabel,\n  shouldComposerNewlineOnEnter,\n  getChatLayoutActions,\n  shouldShowChatCloseButton,\n} from \"./components/dataDisplay/chat\";\nexport type {\n  ChatProps,\n  ChatLayoutProps,\n  ChatLayoutChatProps,\n  ChatOverlayLayoutProps,\n  ChatOverlayLayoutChatProps,\n  ChatShellProps,\n  ChatHeaderProps,\n  ChatMessagesProps,\n  ChatMessageItemProps,\n  ChatMessageIncomingProps,\n  ChatMessageOutgoingProps,\n  ChatMessageSystemProps,\n  ChatMessageBubbleProps,\n  ChatMessageSkeletonProps,\n  ChatMessageStatusProps,\n  ChatMessageAvatarProps,\n  ChatAttachmentsProps,\n  ChatAttachmentImageProps,\n  ChatIconButtonProps,\n  ChatComposerProps,\n  CreateChatInfiniteScrollParams,\n  CreateChatFileUploadOptions,\n  ChatFileUploadState,\n  CreateChatStickToBottomParams,\n  ChatMessage,\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessageVariant,\n  ChatLayoutMode,\n  ChatAnchor,\n  ChatThemeMode,\n  ChatMessageRenderContext,\n  ChatLayoutSide,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n  ChatComposerNewlineOptions,\n} from \"./components/dataDisplay/chat\";\n\n// feedBack\nexport { Skeleton } from \"./components/feedBack/skeleton\";\nexport type { SkeletonProps } from \"./components/feedBack/skeleton\";\nexport { Message, MessageContainer } from \"./components/feedBack/message\";\nexport type { MessageProps, MessageSeverity } from \"./components/feedBack/message\";\nexport { ProgressIndicator, CircularProgress } from \"./components/feedBack/progressIndicator\";\nexport type { ProgressIndicatorProps, ProgressColor, CircularProgressProps } from \"./components/feedBack/progressIndicator\";\nexport { Tooltip } from \"./components/feedBack/tooltip\";\nexport type { TooltipProps, TooltipTrigger } from \"./components/feedBack/tooltip\";\nexport { Modal } from \"./components/feedBack/modal\";\nexport type { ModalProps, ModalSlotProps } from \"./components/feedBack/modal\";\nexport { SaveAssetDialog } from \"./components/feedBack/saveAssetDialog\";\nexport type { SaveAssetDialogProps } from \"./components/feedBack/saveAssetDialog\";\nexport { ConfirmDialog } from \"./components/feedBack/confirmDialog\";\nexport type { ConfirmDialogProps } from \"./components/feedBack/confirmDialog\";\nexport { SnackbarProvider, Snackbar, useSnackbar } from \"./components/feedBack/snackbar\";\nexport type {\n  SnackbarsProviderProps,\n  SnackbarProps,\n  SnackbarOptions,\n  AddSnackbar,\n  AddSnackbarOptions,\n  Variants as SnackbarVariant,\n  Position as SnackbarPosition,\n} from \"./components/feedBack/snackbar\";\n\n// utility\nexport { ClickAwayListener } from \"./components/clickAwayListener\";\nexport type { ClickAwayListenerProps } from \"./components/clickAwayListener\";\n\n// layout\nexport { Divider } from \"./components/layout/divider\";\nexport type { DividerProps, DividerColor } from \"./components/layout/divider\";\nexport { Stack } from \"./components/layout/stack\";\nexport type { StackProps, StackSpacing } from \"./components/layout/stack\";\nexport { Page } from \"./components/layout/page\";\nexport type { PageProps, PageMaxWidth } from \"./components/layout/page\";\nexport { PageHeader } from \"./components/layout/pageHeader\";\nexport type { PageHeaderProps } from \"./components/layout/pageHeader\";\nexport { Grid, Row, Column, Container } from \"./components/layout/grid\";\nexport type {\n  RowProps,\n  ColumnProps,\n  ContainerProps,\n  BreakpointType,\n  ColumnSpan,\n  OffsetType,\n  Breakpoint,\n  ResponsiveBool,\n  ContainerMaxWidth,\n} from \"./components/layout/grid\";\nexport { AppLayout } from \"./components/layout/appLayout\";\nexport type { AppLayoutProps } from \"./components/layout/appLayout\";\nexport { ScreenDivider } from \"./components/layout/screenDivider\";\nexport type { ScreenDividerProps } from \"./components/layout/screenDivider\";\nexport { Sheet } from \"./components/layout/sheet\";\nexport type { SheetProps } from \"./components/layout/sheet\";\nexport { FloatingWindow } from \"./components/layout/floatingWindow\";\nexport type {\n  FloatingWindowProps,\n  FloatingWindowPosition,\n  FloatingWindowSize,\n  FloatingWindowResizeDir,\n} from \"./components/layout/floatingWindow\";\n\n// navigation\nexport { AppBar } from \"./components/navigation/appBar\";\nexport type { AppBarProps, AppBarColor } from \"./components/navigation/appBar\";\nexport { Breadcrumbs } from \"./components/navigation/breadcrumbs\";\nexport type { BreadcrumbsProps } from \"./components/navigation/breadcrumbs\";\nexport { Pagination } from \"./components/navigation/pagination\";\nexport type { PaginationProps, PaginationColor } from \"./components/navigation/pagination\";\nexport { Stepper } from \"./components/navigation/stepper\";\nexport type { StepperProps, StepItem } from \"./components/navigation/stepper\";\nexport { Sidebar } from \"./components/navigation/sidebar\";\nexport type { SidebarProps, SidebarMenuItemProps, SidebarVariant } from \"./components/navigation/sidebar\";\nexport { Tabs, Tab, TabsContext, useTabsContext } from \"./components/navigation/tabs\";\nexport type { TabsProps, TabProps, TabsContextValue } from \"./components/navigation/tabs\";\nexport { BottomBar } from \"./components/navigation/bottomBar\";\nexport type { BottomBarProps, BottomBarMenuItemProps } from \"./components/navigation/bottomBar\";\nexport {\n  Menu,\n  MenuFloating,\n  MenuList,\n  MenuItem,\n  MenuItemIcon,\n  MenuItemText,\n  MenuDivider,\n  MenuSubmenu,\n  MenuContext,\n  useMenuContext,\n  buildMenuFloatingMiddleware,\n} from \"./components/navigation/menu\";\nexport type {\n  MenuProps,\n  MenuFloatingProps,\n  MenuListProps,\n  MenuItemProps,\n  MenuItemIconProps,\n  MenuItemTextProps,\n  MenuDividerProps,\n  MenuSubmenuProps,\n  MenuContextValue,\n} from \"./components/navigation/menu\";\nexport { OverflowMenu } from \"./components/navigation/overflowMenu\";\nexport type { OverflowMenuProps, OverflowMenuItem } from \"./components/navigation/overflowMenu\";\n\n// inputs\nexport { Button } from \"./components/inputs/button\";\nexport type { ButtonProps } from \"./components/inputs/button\";\nexport { ButtonGroup } from \"./components/inputs/buttonGroups\";\nexport type { ButtonGroupProps } from \"./components/inputs/buttonGroups\";\nexport { Checkbox } from \"./components/inputs/checkbox\";\nexport type {\n  CheckboxProps,\n  SelectionControlSize,\n  SelectionControlColor,\n  SelectionChangeEvent,\n} from \"./components/inputs/checkbox\";\nexport { RadioButton } from \"./components/inputs/radioButton\";\nexport type { RadioButtonProps } from \"./components/inputs/radioButton\";\nexport { Toggle } from \"./components/inputs/toggle\";\nexport type { ToggleProps } from \"./components/inputs/toggle\";\nexport { Rating } from \"./components/inputs/rating\";\nexport type { RatingProps, RatingColor } from \"./components/inputs/rating\";\nexport { Slider } from \"./components/inputs/slider\";\nexport type { SliderProps, SliderValue, SliderMark } from \"./components/inputs/slider\";\nexport { ValueSlider } from \"./components/inputs/valueSlider\";\nexport type { ValueSliderProps } from \"./components/inputs/valueSlider\";\nexport { FileInput } from \"./components/inputs/fileInput\";\nexport type { FileInputProps } from \"./components/inputs/fileInput\";\nexport { FileDrop, PreviewWrapper, Preview, CountPreview, isImageFile } from \"./components/inputs/fileDrop\";\nexport type { FileUploadProps, PreviewWrapperProps, PreviewProps, CountPreviewProps } from \"./components/inputs/fileDrop\";\nexport { SelectField, DropdownMenu } from \"./components/inputs/selectField\";\nexport type { SelectFieldProps, OnSelectChange, DropdownItem, DropdownItemProps } from \"./components/inputs/selectField\";\nexport {\n  DatePicker,\n  OpenView,\n  DataPickerDays,\n  DataPickerHeader,\n  DataPickerInput,\n  DatePickerActionLabel,\n  DatePickerDay,\n  DatePickerIconButton,\n  DatePickerList,\n  createDateInput,\n} from \"./components/inputs/datePicker\";\nexport type {\n  DatePickerProps,\n  DataPickerDaysProps,\n  DataPickerHeaderProps,\n  DataPickerInputProps,\n  ActionLabelProps,\n  DatePickerDayProps,\n  DataPickerIconButtonProps,\n  DatePickerListProps,\n  CreateDateInputProps,\n  DateInputState,\n} from \"./components/inputs/datePicker\";\nexport { TimePicker, TimePickerInput, TimePickerColumns, createTimeInput, DEFAULT_TIME_FORMAT } from \"./components/inputs/timePicker\";\nexport type { TimePickerProps, TimePickerInputProps, TimePickerColumnsProps } from \"./components/inputs/timePicker\";\nexport {\n  DateTimePicker,\n  DateTimePickerInput,\n  createDateTimeInput,\n  getCurrentDateTimeFormat,\n  getDisplayDateTime,\n  formatDateTimeByPattern,\n  isDateTimePatternMatch,\n  parseDateTimeByPattern,\n} from \"./components/inputs/dateTimePicker\";\nexport type {\n  DateTimePickerProps,\n  DateTimePickerInputProps,\n  CreateDateTimeInputProps,\n  DateTimeInputState,\n} from \"./components/inputs/dateTimePicker\";\nexport { FloatingButton } from \"./components/inputs/floatingButton\";\nexport type { FloatingButtonProps, FloatingButtonColor } from \"./components/inputs/floatingButton\";\nexport { TextField, TextFieldWrapper, TextFieldAdornment } from \"./components/inputs/textField\";\nexport type {\n  TextFieldProps,\n  TextFieldWrapperProps,\n  TextFieldAdornmentProps,\n  TextFieldVariant,\n} from \"./components/inputs/textField\";\n"],
+  "mappings": "AAIA,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AACzB,SAAS,+BAA+B;AAExC,SAAS,aAAa,aAAa;AACnC,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;AAEhC,SAAS,2BAA2B;AAEpC,SAAS,sBAAsB;AAE/B,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAElC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AAEpC,SAAS,4BAA4B;AAErC,SAAS,0BAA0B;AAUnC,SAAS,kBAAkB,yBAAyB,kBAAkB;AAItE,SAAS,MAAM,cAAc,aAAa,eAAe,yBAAyB;AAIlF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,eAAe,uBAAuB;AAE/D,SAAS,gBAAgB,sBAAsB;AAE/C,SAAS,cAAc;AAEvB,SAAS,qBAAqB;AAI9B,SAAS,kBAAkB;AAE3B,SAAS,aAAa;AAEtB,SAAS,YAAY;AAErB,SAAS,YAAY;AAErB,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB;AAE1B,SAAS,QAAQ,mBAAmB;AAEpC,SAAS,MAAM,gBAAgB;AAE/B,SAAS,iBAAiB;AAE1B,SAAS,sBAAsB;AAQ/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWP,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB;AAEzB,SAAS,YAAY,gBAAgB,2BAA2B;AAOhE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA2CP,SAAS,gBAAgB;AAEzB,SAAS,SAAS,wBAAwB;AAE1C,SAAS,mBAAmB,wBAAwB;AAEpD,SAAS,eAAe;AAExB,SAAS,aAAa;AAEtB,SAAS,uBAAuB;AAEhC,SAAS,qBAAqB;AAE9B,SAAS,kBAAkB,UAAU,mBAAmB;AAYxD,SAAS,yBAAyB;AAIlC,SAAS,eAAe;AAExB,SAAS,aAAa;AAEtB,SAAS,YAAY;AAErB,SAAS,kBAAkB;AAE3B,SAAS,MAAM,KAAK,QAAQ,iBAAiB;AAY7C,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAE9B,SAAS,aAAa;AAEtB,SAAS,sBAAsB;AAS/B,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,eAAe;AAExB,SAAS,eAAe;AAExB,SAAS,MAAM,KAAK,aAAa,sBAAsB;AAEvD,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYP,SAAS,oBAAoB;AAI7B,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAE5B,SAAS,gBAAgB;AAOzB,SAAS,mBAAmB;AAE5B,SAAS,cAAc;AAEvB,SAAS,cAAc;AAEvB,SAAS,cAAc;AAEvB,SAAS,mBAAmB;AAE5B,SAAS,iBAAiB;AAE1B,SAAS,UAAU,gBAAgB,SAAS,cAAc,mBAAmB;AAE7E,SAAS,aAAa,oBAAoB;AAE1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaP,SAAS,YAAY,iBAAiB,mBAAmB,iBAAiB,2BAA2B;AAErG;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOP,SAAS,sBAAsB;AAE/B,SAAS,WAAW,kBAAkB,0BAA0B;",
   "names": []
 }

package/dist/source/primitives/createHoverPopover.js

@@ -0,0 +1,126 @@
+import { createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+import { flip, offset, shift } from "@floating-ui/dom";
+import { resolvePlacement } from "../utils/floating";
+import { createFloating } from "./createFloating";
+const DEFAULT_PLACEMENT = "bottom-start";
+const DEFAULT_OFFSET_PX = 4;
+const SHIFT_PADDING_PX = 8;
+const rectFromPoint = ({ x, y }) => ({ x, y, top: y, left: x, right: x, bottom: y, width: 0, height: 0 });
+function createHoverPopover(options = {}) {
+  const offsetPx = options.offsetPx ?? DEFAULT_OFFSET_PX;
+  const openDelay = options.openDelay ?? 0;
+  const closeDelay = options.closeDelay ?? 0;
+  const [open, setOpen] = createSignal(false);
+  let cursor = { x: 0, y: 0 };
+  let anchor = { x: 0, y: 0 };
+  let anchorEl = null;
+  let openTimer = null;
+  let closeTimer = null;
+  const resolved = createMemo(() => resolvePlacement(options.placement ?? DEFAULT_PLACEMENT));
+  const floating = createFloating({
+    placement: () => resolved().placement,
+    middleware: () => [
+      offset({ mainAxis: offsetPx, crossAxis: offsetPx }),
+      resolved().autoMiddleware ?? flip(),
+      shift({ padding: SHIFT_PADDING_PX }),
+      ...options.middleware ?? []
+    ]
+  });
+  const virtualReference = { getBoundingClientRect: () => rectFromPoint(anchor) };
+  const clearTimers = () => {
+    if (openTimer !== null) {
+      clearTimeout(openTimer);
+      openTimer = null;
+    }
+    if (closeTimer !== null) {
+      clearTimeout(closeTimer);
+      closeTimer = null;
+    }
+  };
+  onCleanup(clearTimers);
+  createEffect(() => {
+    if (!open()) return;
+    floating.setReference(anchorEl ?? virtualReference);
+    floating.update();
+  });
+  const freezeAnchor = () => {
+    if (anchorEl === null) anchor = cursor;
+  };
+  const openNow = () => {
+    clearTimers();
+    freezeAnchor();
+    setOpen(true);
+  };
+  const scheduleOpen = () => {
+    clearTimers();
+    if (openDelay <= 0) {
+      freezeAnchor();
+      setOpen(true);
+      return;
+    }
+    openTimer = setTimeout(() => {
+      freezeAnchor();
+      setOpen(true);
+    }, openDelay);
+  };
+  const scheduleClose = () => {
+    clearTimers();
+    if (closeDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    closeTimer = setTimeout(() => setOpen(false), closeDelay);
+  };
+  const close = () => {
+    clearTimers();
+    setOpen(false);
+  };
+  const setVirtualAnchor = (point) => {
+    anchorEl = null;
+    anchor = point;
+  };
+  const setAnchorEl = (element) => {
+    anchorEl = element;
+  };
+  const getReferenceProps = (userHandlers) => ({
+    onPointerEnter: (event) => {
+      userHandlers?.onPointerEnter?.(event);
+      cursor = { x: event.clientX, y: event.clientY };
+      scheduleOpen();
+    },
+    onPointerMove: (event) => {
+      userHandlers?.onPointerMove?.(event);
+      cursor = { x: event.clientX, y: event.clientY };
+    },
+    onPointerLeave: (event) => {
+      userHandlers?.onPointerLeave?.(event);
+      scheduleClose();
+    }
+  });
+  const getFloatingProps = (userProps) => ({
+    ref: (node) => floating.setFloating(node),
+    style: { ...floating.floatingStyles(), ...userProps?.style ?? {} },
+    onPointerEnter: () => {
+      clearTimers();
+      setOpen(true);
+    },
+    onPointerLeave: scheduleClose
+  });
+  return {
+    open,
+    getReferenceProps,
+    getFloatingProps,
+    setAnchorEl,
+    setVirtualAnchor,
+    openNow,
+    scheduleOpen,
+    scheduleClose,
+    close
+  };
+}
+var createHoverPopover_default = createHoverPopover;
+export {
+  createHoverPopover,
+  createHoverPopover_default as default
+};
+//# sourceMappingURL=createHoverPopover.js.map