@gabvdl/ui 0.0.14

package/dist/components/element-picker/use-element-picker.js

@@ -0,0 +1,201 @@
+import * as i from "react";
+import { parseElement as le } from "./parse.js";
+const G = /* @__PURE__ */ new WeakMap();
+let ue = 0;
+const ae = (D) => {
+  let w = G.get(D);
+  return w || (w = `el-${++ue}`, G.set(D, w)), w;
+}, N = "data-element-picker-ignore", de = 700;
+function pe(D = {}) {
+  const {
+    root: w,
+    multiple: R = !0,
+    value: A,
+    defaultValue: V = [],
+    onChange: X,
+    onPick: Y,
+    active: x,
+    onActiveChange: S,
+    filter: H,
+    ignoreSelector: I = `[${N}]`,
+    styleProps: O,
+    holdDelay: U = 350,
+    moveTolerance: _ = 12,
+    max: K
+  } = D, [W, j] = i.useState(!1), L = x ?? W, [z, B] = i.useState(V), P = A ?? z, [J, Q] = i.useState(null), [Z, M] = i.useState(!1), [m, ee] = i.useState(null), $ = i.useRef(null), E = i.useCallback((n) => {
+    $.current = n, Q((o) => o === n ? o : n);
+  }, []), l = i.useRef({
+    picked: P,
+    multiple: R,
+    max: K,
+    filter: H,
+    ignoreSelector: I,
+    styleProps: O,
+    onChange: X,
+    onPick: Y,
+    root: m,
+    controlled: A !== void 0,
+    stop: () => {
+    }
+  });
+  l.current = {
+    ...l.current,
+    picked: P,
+    multiple: R,
+    max: K,
+    filter: H,
+    ignoreSelector: I,
+    styleProps: O,
+    onChange: X,
+    onPick: Y,
+    root: m,
+    controlled: A !== void 0
+  };
+  const te = i.useRef({
+    timer: void 0,
+    from: null,
+    on: !1,
+    /**
+     * When a touch ends in a pick, the browser replays it as a compatibility
+     * mouse sequence — pointerdown, mousedown, mouseup, *click* — on the same
+     * spot. That click would pick the element a second time, and a second pick
+     * is a deselect, so the tap would appear to do nothing at all. We stamp the
+     * pick and ignore any click landing in its wake. A stamp rather than a flag
+     * because the replay isn't guaranteed to arrive: a flag left standing would
+     * go on to eat somebody's real click.
+     */
+    pickedAt: 0
+  });
+  i.useEffect(() => {
+    ee(w ?? (typeof document > "u" ? null : document.body));
+  }, [w]);
+  const g = i.useCallback(
+    (n) => {
+      x === void 0 && j(n), S == null || S(n);
+    },
+    [x, S]
+  ), ne = i.useCallback(() => g(!0), [g]), q = i.useCallback(() => g(!1), [g]), oe = i.useCallback(() => g(!L), [L, g]);
+  l.current.stop = q;
+  const k = i.useCallback((n) => {
+    var o, t;
+    l.current.controlled || B(n), (t = (o = l.current).onChange) == null || t.call(o, n);
+  }, []), b = i.useCallback(
+    (n) => {
+      var C, d;
+      const { picked: o, multiple: t, max: u, styleProps: p, root: a } = l.current, c = ae(n);
+      if (o.some((h) => h.id === c)) {
+        k(o.filter((h) => h.id !== c));
+        return;
+      }
+      const y = {
+        id: c,
+        element: n,
+        info: le(n, { root: a ?? void 0, styleProps: p })
+      };
+      let v = t ? [...o, y] : [y];
+      u && v.length > u && (v = v.slice(v.length - u)), k(v), (d = (C = l.current).onPick) == null || d.call(C, y);
+    },
+    [k]
+  ), re = i.useCallback(
+    (n) => k(l.current.picked.filter((o) => o.id !== n)),
+    [k]
+  ), ie = i.useCallback(() => k([]), [k]), se = i.useCallback((n) => P.some((o) => o.element === n), [P]), T = i.useCallback((n, o) => {
+    const { root: t, filter: u, ignoreSelector: p } = l.current;
+    if (!t) return null;
+    const a = t.ownerDocument.elementFromPoint(n, o);
+    if (!(a instanceof HTMLElement) || p && a.closest(p) || !t.contains(a) || a === t) return null;
+    if (!u) return a;
+    for (let c = a; c && c !== t; c = c.parentElement)
+      if (u(c)) return c;
+    return null;
+  }, []);
+  return i.useEffect(() => {
+    if (!L || !m) return;
+    const n = m.ownerDocument, o = n.documentElement, t = te.current;
+    t.timer = void 0, t.from = null, t.on = !1;
+    const u = (e) => {
+      const { ignoreSelector: r } = l.current;
+      return !!(r && e instanceof Element && e.closest(r));
+    }, p = (e, r) => E(T(e, r)), a = (e) => {
+      if (e.pointerType === "touch") {
+        t.on ? p(e.clientX, e.clientY) : t.from && Math.hypot(e.clientX - t.from.x, e.clientY - t.from.y) > _ && (clearTimeout(t.timer), t.from = null);
+        return;
+      }
+      p(e.clientX, e.clientY);
+    }, c = () => {
+      clearTimeout(t.timer), t.from = null, t.on && (t.on = !1, M(!1));
+    }, y = (e) => {
+      if (!u(e.target)) {
+        if (e.pointerType === "touch") {
+          t.from = { x: e.clientX, y: e.clientY }, t.timer = setTimeout(() => {
+            var r;
+            t.on = !0, t.from = null, M(!0), (r = navigator.vibrate) == null || r.call(navigator, 12), p(e.clientX, e.clientY);
+          }, U);
+          return;
+        }
+        e.preventDefault(), e.stopPropagation();
+      }
+    }, v = (e) => {
+      if (!u(e.target)) {
+        if (e.pointerType === "touch") {
+          const r = t.on;
+          c();
+          const f = T(e.clientX, e.clientY);
+          f && (b(f), t.pickedAt = performance.now()), (r || f) && E(null), e.preventDefault(), e.stopPropagation();
+          return;
+        }
+        e.preventDefault(), e.stopPropagation();
+      }
+    }, C = (e) => {
+      if (u(e.target) || (e.preventDefault(), e.stopPropagation(), e.detail === 0) || performance.now() - t.pickedAt < de) return;
+      const r = T(e.clientX, e.clientY);
+      r && b(r);
+    }, d = (e) => {
+      u(e.target) || (e.preventDefault(), e.stopPropagation());
+    }, h = (e) => {
+      if (!t.on) return;
+      e.preventDefault();
+      const r = e.touches[0];
+      r && p(r.clientX, r.clientY);
+    }, F = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault(), l.current.stop();
+        return;
+      }
+      const r = $.current;
+      if (r)
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          const f = r.parentElement;
+          f && f !== m.parentElement && m.contains(f) && E(f);
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          const f = r.firstElementChild;
+          f instanceof HTMLElement && E(f);
+        } else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), b(r));
+    }, s = { capture: !0 };
+    window.addEventListener("pointermove", a, s), window.addEventListener("pointerdown", y, s), window.addEventListener("pointerup", v, s), window.addEventListener("pointercancel", c, s), window.addEventListener("click", C, s), window.addEventListener("mousedown", d, s), window.addEventListener("mouseup", d, s), window.addEventListener("dblclick", d, s), window.addEventListener("contextmenu", d, s), window.addEventListener("keydown", F, s), n.addEventListener("touchmove", h, { passive: !1, capture: !0 });
+    const ce = o.style.cssText;
+    return o.style.cursor = "crosshair", o.style.userSelect = "none", o.style.webkitUserSelect = "none", o.style.webkitTouchCallout = "none", () => {
+      clearTimeout(t.timer), window.removeEventListener("pointermove", a, s), window.removeEventListener("pointerdown", y, s), window.removeEventListener("pointerup", v, s), window.removeEventListener("pointercancel", c, s), window.removeEventListener("click", C, s), window.removeEventListener("mousedown", d, s), window.removeEventListener("mouseup", d, s), window.removeEventListener("dblclick", d, s), window.removeEventListener("contextmenu", d, s), window.removeEventListener("keydown", F, s), n.removeEventListener("touchmove", h, { capture: !0 }), o.style.cssText = ce, E(null), M(!1);
+    };
+  }, [L, m, U, _, b, T, E]), {
+    active: L,
+    start: ne,
+    stop: q,
+    toggle: oe,
+    hovered: J,
+    holding: Z,
+    picked: P,
+    pick: b,
+    remove: re,
+    clear: ie,
+    isPicked: se,
+    root: m,
+    ignoreProps: { [N]: "" }
+  };
+}
+export {
+  pe as useElementPicker
+};
+//# sourceMappingURL=use-element-picker.js.map

package/dist/components/element-picker/use-element-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-picker.js","sources":["../../../src/components/element-picker/use-element-picker.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { parseElement } from './parse';\nimport type { PickedElement } from './types';\n\n/** Stable ids, so re-picking the same node doesn't churn React keys. */\nconst IDS = new WeakMap<HTMLElement, string>();\nlet seq = 0;\nconst idOf = (el: HTMLElement) => {\n  let id = IDS.get(el);\n  if (!id) {\n    id = `el-${++seq}`;\n    IDS.set(el, id);\n  }\n  return id;\n};\n\nexport interface UseElementPickerOptions {\n  /** The subtree you can pick from. Defaults to `document.body`. */\n  root?: HTMLElement | null;\n  /** Keep picking after the first hit. Default true. */\n  multiple?: boolean;\n  /** Controlled selection. */\n  value?: PickedElement[];\n  defaultValue?: PickedElement[];\n  onChange?: (picked: PickedElement[]) => void;\n  onPick?: (picked: PickedElement) => void;\n  /** Controlled picking mode. */\n  active?: boolean;\n  onActiveChange?: (active: boolean) => void;\n  /**\n   * Which elements may be picked. When an element fails, the picker walks up to\n   * the nearest ancestor that passes — so `(el) => el.matches('.card')` turns it\n   * into a card picker, however deep the pointer actually lands.\n   */\n  filter?: (el: HTMLElement) => boolean;\n  /** Subtrees the picker won't look at — your own toolbar, typically. */\n  ignoreSelector?: string;\n  /** Override which computed properties get captured. */\n  styleProps?: string[];\n  /** Touch: how long to hold before hover mode engages, in ms. Default 350. */\n  holdDelay?: number;\n  /** Touch: movement (px) that reads as a scroll and cancels the hold. Default 12. */\n  moveTolerance?: number;\n  /** Cap the selection. Picking past it drops the oldest. */\n  max?: number;\n}\n\nexport interface UseElementPickerResult {\n  active: boolean;\n  start: () => void;\n  stop: () => void;\n  toggle: () => void;\n  /** What the pointer is over right now — the live preview target. */\n  hovered: HTMLElement | null;\n  /** True while a touch hold has engaged hover mode. */\n  holding: boolean;\n  picked: PickedElement[];\n  pick: (el: HTMLElement) => void;\n  remove: (id: string) => void;\n  clear: () => void;\n  isPicked: (el: HTMLElement) => boolean;\n  root: HTMLElement | null;\n  /** Put this on any UI of your own that must stay clickable while picking. */\n  ignoreProps: Record<string, string>;\n}\n\nconst IGNORE_ATTR = 'data-element-picker-ignore';\n\n/** How long after a touch pick a click is still assumed to be its replay. */\nconst COMPAT_CLICK_MS = 700;\n\n/**\n * The machinery behind {@link ElementPicker}: hover tracking, click-to-select,\n * and the press-and-hold gesture that turns a touchscreen — which has no hover\n * — into one. Use it directly when you want the behaviour without the overlay.\n */\nexport function useElementPicker(options: UseElementPickerOptions = {}): UseElementPickerResult {\n  const {\n    root: rootProp,\n    multiple = true,\n    value,\n    defaultValue = [],\n    onChange,\n    onPick,\n    active: activeProp,\n    onActiveChange,\n    filter,\n    ignoreSelector = `[${IGNORE_ATTR}]`,\n    styleProps,\n    holdDelay = 350,\n    moveTolerance = 12,\n    max,\n  } = options;\n\n  const [activeState, setActiveState] = React.useState(false);\n  const active = activeProp ?? activeState;\n\n  const [pickedState, setPickedState] = React.useState<PickedElement[]>(defaultValue);\n  const picked = value ?? pickedState;\n\n  const [hovered, setHoveredState] = React.useState<HTMLElement | null>(null);\n  const [holding, setHolding] = React.useState(false);\n  const [root, setRoot] = React.useState<HTMLElement | null>(null);\n\n  // Mirrored into a ref so the listeners below can read the hover without being\n  // torn down and rebound on every pointer move.\n  const hoveredRef = React.useRef<HTMLElement | null>(null);\n  const setHovered = React.useCallback((el: HTMLElement | null) => {\n    hoveredRef.current = el;\n    setHoveredState((prev) => (prev === el ? prev : el));\n  }, []);\n\n  // Latest props, read from listeners that are only bound once per activation.\n  // `controlled` lives here too so `commit` — and therefore `pick`, and\n  // therefore the listener effect — stays referentially stable across a pick.\n  const latest = React.useRef({\n    picked,\n    multiple,\n    max,\n    filter,\n    ignoreSelector,\n    styleProps,\n    onChange,\n    onPick,\n    root,\n    controlled: value !== undefined,\n    stop: () => {},\n  });\n  latest.current = {\n    ...latest.current,\n    picked,\n    multiple,\n    max,\n    filter,\n    ignoreSelector,\n    styleProps,\n    onChange,\n    onPick,\n    root,\n    controlled: value !== undefined,\n  };\n\n  /**\n   * Gesture state, held across effect re-binds. It cannot live inside the\n   * effect: a pick changes `picked`, which can re-run the effect *between* a\n   * touch's pointerup and the compatibility click it triggers — and a fresh\n   * object there would lose the very stamp that click has to be checked against.\n   */\n  const gesture = React.useRef({\n    timer: undefined as ReturnType<typeof setTimeout> | undefined,\n    from: null as { x: number; y: number } | null,\n    on: false,\n    /**\n     * When a touch ends in a pick, the browser replays it as a compatibility\n     * mouse sequence — pointerdown, mousedown, mouseup, *click* — on the same\n     * spot. That click would pick the element a second time, and a second pick\n     * is a deselect, so the tap would appear to do nothing at all. We stamp the\n     * pick and ignore any click landing in its wake. A stamp rather than a flag\n     * because the replay isn't guaranteed to arrive: a flag left standing would\n     * go on to eat somebody's real click.\n     */\n    pickedAt: 0,\n  });\n\n  React.useEffect(() => {\n    setRoot(rootProp ?? (typeof document === 'undefined' ? null : document.body));\n  }, [rootProp]);\n\n  const setActive = React.useCallback(\n    (next: boolean) => {\n      if (activeProp === undefined) setActiveState(next);\n      onActiveChange?.(next);\n    },\n    [activeProp, onActiveChange],\n  );\n\n  const start = React.useCallback(() => setActive(true), [setActive]);\n  const stop = React.useCallback(() => setActive(false), [setActive]);\n  const toggle = React.useCallback(() => setActive(!active), [active, setActive]);\n  latest.current.stop = stop;\n\n  const commit = React.useCallback((next: PickedElement[]) => {\n    if (!latest.current.controlled) setPickedState(next);\n    latest.current.onChange?.(next);\n  }, []);\n\n  const pick = React.useCallback(\n    (el: HTMLElement) => {\n      const { picked: current, multiple: many, max: cap, styleProps: props, root: base } = latest.current;\n      const id = idOf(el);\n\n      // A second click on a selected element unselects it — the only way back\n      // out of a mis-pick without leaving the flow.\n      if (current.some((p) => p.id === id)) {\n        commit(current.filter((p) => p.id !== id));\n        return;\n      }\n\n      const entry: PickedElement = {\n        id,\n        element: el,\n        info: parseElement(el, { root: base ?? undefined, styleProps: props }),\n      };\n      let next = many ? [...current, entry] : [entry];\n      if (cap && next.length > cap) next = next.slice(next.length - cap);\n\n      commit(next);\n      latest.current.onPick?.(entry);\n    },\n    [commit],\n  );\n\n  const remove = React.useCallback(\n    (id: string) => commit(latest.current.picked.filter((p) => p.id !== id)),\n    [commit],\n  );\n  const clear = React.useCallback(() => commit([]), [commit]);\n  const isPicked = React.useCallback((el: HTMLElement) => picked.some((p) => p.element === el), [picked]);\n\n  /** The pickable element under a viewport point, or null. */\n  const resolve = React.useCallback((x: number, y: number): HTMLElement | null => {\n    const { root: base, filter: pass, ignoreSelector: ignore } = latest.current;\n    if (!base) return null;\n\n    // The overlay is pointer-events:none, so elementFromPoint looks straight\n    // through it at the page underneath.\n    const hit = base.ownerDocument.elementFromPoint(x, y);\n    if (!(hit instanceof HTMLElement)) return null;\n    if (ignore && hit.closest(ignore)) return null;\n    if (!base.contains(hit) || hit === base) return null;\n\n    if (!pass) return hit;\n    // Walk up to the nearest ancestor that passes, but never past the root —\n    // the root is the frame, not something you can pick.\n    for (let el: HTMLElement | null = hit; el && el !== base; el = el.parentElement) {\n      if (pass(el)) return el;\n    }\n    return null;\n  }, []);\n\n  // Picking mode: swallow the page's own pointer handling, track the hover, and\n  // take a click as a pick.\n  React.useEffect(() => {\n    if (!active || !root) return;\n\n    const doc = root.ownerDocument;\n    const html = doc.documentElement;\n    const held = gesture.current;\n    held.timer = undefined;\n    held.from = null;\n    held.on = false;\n\n    const inIgnored = (target: EventTarget | null) => {\n      const { ignoreSelector: ignore } = latest.current;\n      return !!(ignore && target instanceof Element && target.closest(ignore));\n    };\n\n    const hoverAt = (x: number, y: number) => setHovered(resolve(x, y));\n\n    const onPointerMove = (e: PointerEvent) => {\n      if (e.pointerType === 'touch') {\n        if (held.on) {\n          hoverAt(e.clientX, e.clientY);\n        } else if (held.from && Math.hypot(e.clientX - held.from.x, e.clientY - held.from.y) > moveTolerance) {\n          clearTimeout(held.timer); // they're scrolling, not holding\n          held.from = null;\n        }\n        return;\n      }\n      hoverAt(e.clientX, e.clientY);\n    };\n\n    const endHold = () => {\n      clearTimeout(held.timer);\n      held.from = null;\n      if (held.on) {\n        held.on = false;\n        setHolding(false);\n      }\n    };\n\n    const onPointerDown = (e: PointerEvent) => {\n      if (inIgnored(e.target)) return;\n\n      if (e.pointerType === 'touch') {\n        held.from = { x: e.clientX, y: e.clientY };\n        held.timer = setTimeout(() => {\n          held.on = true;\n          held.from = null;\n          setHolding(true);\n          // A tick of haptics, so the hold registers without looking at the screen.\n          navigator.vibrate?.(12);\n          hoverAt(e.clientX, e.clientY);\n        }, holdDelay);\n        return;\n      }\n\n      // Mouse: keep the press off the page (no text selection, no drag start).\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const onPointerUp = (e: PointerEvent) => {\n      if (inIgnored(e.target)) return;\n\n      if (e.pointerType === 'touch') {\n        const wasHolding = held.on;\n        endHold();\n        // Either way the finger lifts on the element it was previewing: a hold\n        // and drag commits what's under it, a plain tap commits what it hit.\n        const target = resolve(e.clientX, e.clientY);\n        if (target) {\n          pick(target);\n          held.pickedAt = performance.now();\n        }\n        if (wasHolding || target) setHovered(null);\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    const onClick = (e: MouseEvent) => {\n      if (inIgnored(e.target)) return;\n      // Never let the page act on a pick — no navigation, no form submit.\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.detail === 0) return; // synthetic (keyboard) click, not a real one\n\n      // The compatibility click replaying the touch we already picked from.\n      if (performance.now() - held.pickedAt < COMPAT_CLICK_MS) return;\n\n      const target = resolve(e.clientX, e.clientY);\n      if (target) pick(target);\n    };\n\n    const swallow = (e: Event) => {\n      if (inIgnored(e.target)) return;\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    // Non-passive: this is what stops the page scrolling under a held finger.\n    const onTouchMove = (e: TouchEvent) => {\n      if (!held.on) return;\n      e.preventDefault();\n      const touch = e.touches[0];\n      if (touch) hoverAt(touch.clientX, touch.clientY);\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        latest.current.stop();\n        return;\n      }\n      const current = hoveredRef.current;\n      if (!current) return;\n\n      // Walk the tree without moving the mouse — the devtools reflex.\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        const parent = current.parentElement;\n        if (parent && parent !== root.parentElement && root.contains(parent)) setHovered(parent);\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        const child = current.firstElementChild;\n        if (child instanceof HTMLElement) setHovered(child);\n      } else if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        pick(current);\n      }\n    };\n\n    const opts = { capture: true } as const;\n    window.addEventListener('pointermove', onPointerMove, opts);\n    window.addEventListener('pointerdown', onPointerDown, opts);\n    window.addEventListener('pointerup', onPointerUp, opts);\n    window.addEventListener('pointercancel', endHold, opts);\n    window.addEventListener('click', onClick, opts);\n    window.addEventListener('mousedown', swallow, opts);\n    window.addEventListener('mouseup', swallow, opts);\n    window.addEventListener('dblclick', swallow, opts);\n    window.addEventListener('contextmenu', swallow, opts);\n    window.addEventListener('keydown', onKeyDown, opts);\n    doc.addEventListener('touchmove', onTouchMove, { passive: false, capture: true });\n\n    const prior = html.style.cssText;\n    html.style.cursor = 'crosshair';\n    html.style.userSelect = 'none';\n    html.style.webkitUserSelect = 'none';\n    (html.style as CSSStyleDeclaration & { webkitTouchCallout?: string }).webkitTouchCallout = 'none';\n\n    return () => {\n      clearTimeout(held.timer);\n      window.removeEventListener('pointermove', onPointerMove, opts);\n      window.removeEventListener('pointerdown', onPointerDown, opts);\n      window.removeEventListener('pointerup', onPointerUp, opts);\n      window.removeEventListener('pointercancel', endHold, opts);\n      window.removeEventListener('click', onClick, opts);\n      window.removeEventListener('mousedown', swallow, opts);\n      window.removeEventListener('mouseup', swallow, opts);\n      window.removeEventListener('dblclick', swallow, opts);\n      window.removeEventListener('contextmenu', swallow, opts);\n      window.removeEventListener('keydown', onKeyDown, opts);\n      doc.removeEventListener('touchmove', onTouchMove, { capture: true });\n      html.style.cssText = prior;\n      setHovered(null);\n      setHolding(false);\n    };\n  }, [active, root, holdDelay, moveTolerance, pick, resolve, setHovered]);\n\n  return {\n    active,\n    start,\n    stop,\n    toggle,\n    hovered,\n    holding,\n    picked,\n    pick,\n    remove,\n    clear,\n    isPicked,\n    root,\n    ignoreProps: { [IGNORE_ATTR]: '' },\n  };\n}\n"],"names":["IDS","seq","idOf","el","id","IGNORE_ATTR","COMPAT_CLICK_MS","useElementPicker","options","rootProp","multiple","value","defaultValue","onChange","onPick","activeProp","onActiveChange","filter","ignoreSelector","styleProps","holdDelay","moveTolerance","max","activeState","setActiveState","React","active","pickedState","setPickedState","picked","hovered","setHoveredState","holding","setHolding","root","setRoot","hoveredRef","setHovered","prev","latest","gesture","setActive","next","start","stop","toggle","commit","_b","_a","pick","current","many","cap","props","base","p","entry","parseElement","remove","clear","isPicked","resolve","x","y","pass","ignore","hit","doc","html","held","inIgnored","target","hoverAt","onPointerMove","endHold","onPointerDown","onPointerUp","wasHolding","onClick","swallow","onTouchMove","touch","onKeyDown","parent","child","opts","prior"],"mappings":";;AAMA,MAAMA,wBAAU,QAAA;AAChB,IAAIC,KAAM;AACV,MAAMC,KAAO,CAACC,MAAoB;AAChC,MAAIC,IAAKJ,EAAI,IAAIG,CAAE;AACnB,SAAKC,MACHA,IAAK,MAAM,EAAEH,EAAG,IAChBD,EAAI,IAAIG,GAAIC,CAAE,IAETA;AACT,GAoDMC,IAAc,8BAGdC,KAAkB;AAOjB,SAASC,GAAiBC,IAAmC,IAA4B;AAC9F,QAAM;AAAA,IACJ,MAAMC;AAAA,IACN,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,IACf,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAQC;AAAA,IACR,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC,IAAiB,IAAIb,CAAW;AAAA,IAChC,YAAAc;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,KAAAC;AAAA,EAAA,IACEd,GAEE,CAACe,GAAaC,CAAc,IAAIC,EAAM,SAAS,EAAK,GACpDC,IAASX,KAAcQ,GAEvB,CAACI,GAAaC,CAAc,IAAIH,EAAM,SAA0Bb,CAAY,GAC5EiB,IAASlB,KAASgB,GAElB,CAACG,GAASC,CAAe,IAAIN,EAAM,SAA6B,IAAI,GACpE,CAACO,GAASC,CAAU,IAAIR,EAAM,SAAS,EAAK,GAC5C,CAACS,GAAMC,EAAO,IAAIV,EAAM,SAA6B,IAAI,GAIzDW,IAAaX,EAAM,OAA2B,IAAI,GAClDY,IAAaZ,EAAM,YAAY,CAACtB,MAA2B;AAC/D,IAAAiC,EAAW,UAAUjC,GACrB4B,EAAgB,CAACO,MAAUA,MAASnC,IAAKmC,IAAOnC,CAAG;AAAA,EACrD,GAAG,CAAA,CAAE,GAKCoC,IAASd,EAAM,OAAO;AAAA,IAC1B,QAAAI;AAAA,IACA,UAAAnB;AAAA,IACA,KAAAY;AAAA,IACA,QAAAL;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAN;AAAA,IACA,QAAAC;AAAA,IACA,MAAAoB;AAAA,IACA,YAAYvB,MAAU;AAAA,IACtB,MAAM,MAAM;AAAA,IAAC;AAAA,EAAA,CACd;AACD,EAAA4B,EAAO,UAAU;AAAA,IACf,GAAGA,EAAO;AAAA,IACV,QAAAV;AAAA,IACA,UAAAnB;AAAA,IACA,KAAAY;AAAA,IACA,QAAAL;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAN;AAAA,IACA,QAAAC;AAAA,IACA,MAAAoB;AAAA,IACA,YAAYvB,MAAU;AAAA,EAAA;AASxB,QAAM6B,KAAUf,EAAM,OAAO;AAAA,IAC3B,OAAO;AAAA,IACP,MAAM;AAAA,IACN,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUJ,UAAU;AAAA,EAAA,CACX;AAED,EAAAA,EAAM,UAAU,MAAM;AACpB,IAAAU,GAAQ1B,MAAa,OAAO,WAAa,MAAc,OAAO,SAAS,KAAK;AAAA,EAC9E,GAAG,CAACA,CAAQ,CAAC;AAEb,QAAMgC,IAAYhB,EAAM;AAAA,IACtB,CAACiB,MAAkB;AACjB,MAAI3B,MAAe,UAAWS,EAAekB,CAAI,GACjD1B,KAAA,QAAAA,EAAiB0B;AAAA,IACnB;AAAA,IACA,CAAC3B,GAAYC,CAAc;AAAA,EAAA,GAGvB2B,KAAQlB,EAAM,YAAY,MAAMgB,EAAU,EAAI,GAAG,CAACA,CAAS,CAAC,GAC5DG,IAAOnB,EAAM,YAAY,MAAMgB,EAAU,EAAK,GAAG,CAACA,CAAS,CAAC,GAC5DI,KAASpB,EAAM,YAAY,MAAMgB,EAAU,CAACf,CAAM,GAAG,CAACA,GAAQe,CAAS,CAAC;AAC9E,EAAAF,EAAO,QAAQ,OAAOK;AAEtB,QAAME,IAASrB,EAAM,YAAY,CAACiB,MAA0B;;AAC1D,IAAKH,EAAO,QAAQ,gBAA2BG,CAAI,IACnDK,KAAAC,IAAAT,EAAO,SAAQ,aAAf,QAAAQ,EAAA,KAAAC,GAA0BN;AAAA,EAC5B,GAAG,CAAA,CAAE,GAECO,IAAOxB,EAAM;AAAA,IACjB,CAACtB,MAAoB;;AACnB,YAAM,EAAE,QAAQ+C,GAAS,UAAUC,GAAM,KAAKC,GAAK,YAAYC,GAAO,MAAMC,EAAA,IAASf,EAAO,SACtFnC,IAAKF,GAAKC,CAAE;AAIlB,UAAI+C,EAAQ,KAAK,CAACK,MAAMA,EAAE,OAAOnD,CAAE,GAAG;AACpC,QAAA0C,EAAOI,EAAQ,OAAO,CAACK,MAAMA,EAAE,OAAOnD,CAAE,CAAC;AACzC;AAAA,MACF;AAEA,YAAMoD,IAAuB;AAAA,QAC3B,IAAApD;AAAA,QACA,SAASD;AAAA,QACT,MAAMsD,GAAatD,GAAI,EAAE,MAAMmD,KAAQ,QAAW,YAAYD,EAAA,CAAO;AAAA,MAAA;AAEvE,UAAIX,IAAOS,IAAO,CAAC,GAAGD,GAASM,CAAK,IAAI,CAACA,CAAK;AAC9C,MAAIJ,KAAOV,EAAK,SAASU,UAAYV,EAAK,MAAMA,EAAK,SAASU,CAAG,IAEjEN,EAAOJ,CAAI,IACXK,KAAAC,IAAAT,EAAO,SAAQ,WAAf,QAAAQ,EAAA,KAAAC,GAAwBQ;AAAA,IAC1B;AAAA,IACA,CAACV,CAAM;AAAA,EAAA,GAGHY,KAASjC,EAAM;AAAA,IACnB,CAACrB,MAAe0C,EAAOP,EAAO,QAAQ,OAAO,OAAO,CAACgB,MAAMA,EAAE,OAAOnD,CAAE,CAAC;AAAA,IACvE,CAAC0C,CAAM;AAAA,EAAA,GAEHa,KAAQlC,EAAM,YAAY,MAAMqB,EAAO,EAAE,GAAG,CAACA,CAAM,CAAC,GACpDc,KAAWnC,EAAM,YAAY,CAACtB,MAAoB0B,EAAO,KAAK,CAAC0B,MAAMA,EAAE,YAAYpD,CAAE,GAAG,CAAC0B,CAAM,CAAC,GAGhGgC,IAAUpC,EAAM,YAAY,CAACqC,GAAWC,MAAkC;AAC9E,UAAM,EAAE,MAAMT,GAAM,QAAQU,GAAM,gBAAgBC,MAAW1B,EAAO;AACpE,QAAI,CAACe,EAAM,QAAO;AAIlB,UAAMY,IAAMZ,EAAK,cAAc,iBAAiBQ,GAAGC,CAAC;AAGpD,QAFI,EAAEG,aAAe,gBACjBD,KAAUC,EAAI,QAAQD,CAAM,KAC5B,CAACX,EAAK,SAASY,CAAG,KAAKA,MAAQZ,EAAM,QAAO;AAEhD,QAAI,CAACU,EAAM,QAAOE;AAGlB,aAAS/D,IAAyB+D,GAAK/D,KAAMA,MAAOmD,GAAMnD,IAAKA,EAAG;AAChE,UAAI6D,EAAK7D,CAAE,EAAG,QAAOA;AAEvB,WAAO;AAAA,EACT,GAAG,CAAA,CAAE;AAIL,SAAAsB,EAAM,UAAU,MAAM;AACpB,QAAI,CAACC,KAAU,CAACQ,EAAM;AAEtB,UAAMiC,IAAMjC,EAAK,eACXkC,IAAOD,EAAI,iBACXE,IAAO7B,GAAQ;AACrB,IAAA6B,EAAK,QAAQ,QACbA,EAAK,OAAO,MACZA,EAAK,KAAK;AAEV,UAAMC,IAAY,CAACC,MAA+B;AAChD,YAAM,EAAE,gBAAgBN,EAAA,IAAW1B,EAAO;AAC1C,aAAO,CAAC,EAAE0B,KAAUM,aAAkB,WAAWA,EAAO,QAAQN,CAAM;AAAA,IACxE,GAEMO,IAAU,CAACV,GAAWC,MAAc1B,EAAWwB,EAAQC,GAAGC,CAAC,CAAC,GAE5DU,IAAgB,CAAC,MAAoB;AACzC,UAAI,EAAE,gBAAgB,SAAS;AAC7B,QAAIJ,EAAK,KACPG,EAAQ,EAAE,SAAS,EAAE,OAAO,IACnBH,EAAK,QAAQ,KAAK,MAAM,EAAE,UAAUA,EAAK,KAAK,GAAG,EAAE,UAAUA,EAAK,KAAK,CAAC,IAAIhD,MACrF,aAAagD,EAAK,KAAK,GACvBA,EAAK,OAAO;AAEd;AAAA,MACF;AACA,MAAAG,EAAQ,EAAE,SAAS,EAAE,OAAO;AAAA,IAC9B,GAEME,IAAU,MAAM;AACpB,mBAAaL,EAAK,KAAK,GACvBA,EAAK,OAAO,MACRA,EAAK,OACPA,EAAK,KAAK,IACVpC,EAAW,EAAK;AAAA,IAEpB,GAEM0C,IAAgB,CAAC,MAAoB;AACzC,UAAI,CAAAL,EAAU,EAAE,MAAM,GAEtB;AAAA,YAAI,EAAE,gBAAgB,SAAS;AAC7B,UAAAD,EAAK,OAAO,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAA,GACjCA,EAAK,QAAQ,WAAW,MAAM;;AAC5B,YAAAA,EAAK,KAAK,IACVA,EAAK,OAAO,MACZpC,EAAW,EAAI,IAEfe,IAAA,UAAU,YAAV,QAAAA,EAAA,gBAAoB,KACpBwB,EAAQ,EAAE,SAAS,EAAE,OAAO;AAAA,UAC9B,GAAGpD,CAAS;AACZ;AAAA,QACF;AAGA,UAAE,eAAA,GACF,EAAE,gBAAA;AAAA;AAAA,IACJ,GAEMwD,IAAc,CAAC,MAAoB;AACvC,UAAI,CAAAN,EAAU,EAAE,MAAM,GAEtB;AAAA,YAAI,EAAE,gBAAgB,SAAS;AAC7B,gBAAMO,IAAaR,EAAK;AACxB,UAAAK,EAAA;AAGA,gBAAMH,IAASV,EAAQ,EAAE,SAAS,EAAE,OAAO;AAC3C,UAAIU,MACFtB,EAAKsB,CAAM,GACXF,EAAK,WAAW,YAAY,IAAA,KAE1BQ,KAAcN,MAAQlC,EAAW,IAAI,GACzC,EAAE,eAAA,GACF,EAAE,gBAAA;AACF;AAAA,QACF;AACA,UAAE,eAAA,GACF,EAAE,gBAAA;AAAA;AAAA,IACJ,GAEMyC,IAAU,CAAC,MAAkB;AAQjC,UAPIR,EAAU,EAAE,MAAM,MAEtB,EAAE,eAAA,GACF,EAAE,gBAAA,GACE,EAAE,WAAW,MAGb,YAAY,IAAA,IAAQD,EAAK,WAAW/D,GAAiB;AAEzD,YAAMiE,IAASV,EAAQ,EAAE,SAAS,EAAE,OAAO;AAC3C,MAAIU,OAAaA,CAAM;AAAA,IACzB,GAEMQ,IAAU,CAAC,MAAa;AAC5B,MAAIT,EAAU,EAAE,MAAM,MACtB,EAAE,eAAA,GACF,EAAE,gBAAA;AAAA,IACJ,GAGMU,IAAc,CAAC,MAAkB;AACrC,UAAI,CAACX,EAAK,GAAI;AACd,QAAE,eAAA;AACF,YAAMY,IAAQ,EAAE,QAAQ,CAAC;AACzB,MAAIA,KAAOT,EAAQS,EAAM,SAASA,EAAM,OAAO;AAAA,IACjD,GAEMC,IAAY,CAAC,MAAqB;AACtC,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAA,GACF3C,EAAO,QAAQ,KAAA;AACf;AAAA,MACF;AACA,YAAMW,IAAUd,EAAW;AAC3B,UAAKc;AAGL,YAAI,EAAE,QAAQ,WAAW;AACvB,YAAE,eAAA;AACF,gBAAMiC,IAASjC,EAAQ;AACvB,UAAIiC,KAAUA,MAAWjD,EAAK,iBAAiBA,EAAK,SAASiD,CAAM,KAAG9C,EAAW8C,CAAM;AAAA,QACzF,WAAW,EAAE,QAAQ,aAAa;AAChC,YAAE,eAAA;AACF,gBAAMC,IAAQlC,EAAQ;AACtB,UAAIkC,aAAiB,eAAa/C,EAAW+C,CAAK;AAAA,QACpD,QAAW,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACxC,EAAE,eAAA,GACFnC,EAAKC,CAAO;AAAA,IAEhB,GAEMmC,IAAO,EAAE,SAAS,GAAA;AACxB,WAAO,iBAAiB,eAAeZ,GAAeY,CAAI,GAC1D,OAAO,iBAAiB,eAAeV,GAAeU,CAAI,GAC1D,OAAO,iBAAiB,aAAaT,GAAaS,CAAI,GACtD,OAAO,iBAAiB,iBAAiBX,GAASW,CAAI,GACtD,OAAO,iBAAiB,SAASP,GAASO,CAAI,GAC9C,OAAO,iBAAiB,aAAaN,GAASM,CAAI,GAClD,OAAO,iBAAiB,WAAWN,GAASM,CAAI,GAChD,OAAO,iBAAiB,YAAYN,GAASM,CAAI,GACjD,OAAO,iBAAiB,eAAeN,GAASM,CAAI,GACpD,OAAO,iBAAiB,WAAWH,GAAWG,CAAI,GAClDlB,EAAI,iBAAiB,aAAaa,GAAa,EAAE,SAAS,IAAO,SAAS,IAAM;AAEhF,UAAMM,KAAQlB,EAAK,MAAM;AACzB,WAAAA,EAAK,MAAM,SAAS,aACpBA,EAAK,MAAM,aAAa,QACxBA,EAAK,MAAM,mBAAmB,QAC7BA,EAAK,MAAgE,qBAAqB,QAEpF,MAAM;AACX,mBAAaC,EAAK,KAAK,GACvB,OAAO,oBAAoB,eAAeI,GAAeY,CAAI,GAC7D,OAAO,oBAAoB,eAAeV,GAAeU,CAAI,GAC7D,OAAO,oBAAoB,aAAaT,GAAaS,CAAI,GACzD,OAAO,oBAAoB,iBAAiBX,GAASW,CAAI,GACzD,OAAO,oBAAoB,SAASP,GAASO,CAAI,GACjD,OAAO,oBAAoB,aAAaN,GAASM,CAAI,GACrD,OAAO,oBAAoB,WAAWN,GAASM,CAAI,GACnD,OAAO,oBAAoB,YAAYN,GAASM,CAAI,GACpD,OAAO,oBAAoB,eAAeN,GAASM,CAAI,GACvD,OAAO,oBAAoB,WAAWH,GAAWG,CAAI,GACrDlB,EAAI,oBAAoB,aAAaa,GAAa,EAAE,SAAS,IAAM,GACnEZ,EAAK,MAAM,UAAUkB,IACrBjD,EAAW,IAAI,GACfJ,EAAW,EAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAACP,GAAQQ,GAAMd,GAAWC,GAAe4B,GAAMY,GAASxB,CAAU,CAAC,GAE/D;AAAA,IACL,QAAAX;AAAA,IACA,OAAAiB;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAf;AAAA,IACA,SAAAE;AAAA,IACA,QAAAH;AAAA,IACA,MAAAoB;AAAA,IACA,QAAAS;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAA1B;AAAA,IACA,aAAa,EAAE,CAAC7B,CAAW,GAAG,GAAA;AAAA,EAAG;AAErC;"}

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface EmptyStateProps {
+    /** A lucide icon (or any node) — rendered muted in a soft disc. */
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    /** One line on what to do about it. Keep it actionable. */
+    description?: React.ReactNode;
+    /** The way out — usually a `<Button>`. */
+    action?: React.ReactNode;
+    /** Tighter, for a drawer or a card. */
+    compact?: boolean;
+    className?: string;
+}
+/** "No results yet" — the centred icon + message + call to action. */
+export declare function EmptyState({ icon, title, description, action, compact, className, }: EmptyStateProps): React.JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,sEAAsE;AACtE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAe,EACf,SAAS,GACV,EAAE,eAAe,qBA0BjB"}

package/dist/components/empty-state/empty-state.js

@@ -0,0 +1,41 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import "react";
+import { cn as s } from "../../lib/utils.js";
+function u({
+  icon: r,
+  title: d,
+  description: m,
+  action: l,
+  compact: t = !1,
+  className: i
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: s(
+        "flex flex-col items-center justify-center text-center",
+        t ? "gap-2 px-4 py-8" : "gap-3 px-6 py-16",
+        i
+      ),
+      children: [
+        r && /* @__PURE__ */ e(
+          "div",
+          {
+            className: s(
+              "flex items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-5",
+              t ? "size-9" : "size-12 [&_svg]:size-6"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e("p", { className: s("font-medium text-foreground", t ? "text-sm" : "text-base"), children: d }),
+        m && /* @__PURE__ */ e("p", { className: "max-w-sm text-sm leading-relaxed text-muted-foreground", children: m }),
+        l && /* @__PURE__ */ e("div", { className: "mt-1", children: l })
+      ]
+    }
+  );
+}
+export {
+  u as EmptyState
+};
+//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../../lib/utils';\n\nexport interface EmptyStateProps {\n  /** A lucide icon (or any node) — rendered muted in a soft disc. */\n  icon?: React.ReactNode;\n  title: React.ReactNode;\n  /** One line on what to do about it. Keep it actionable. */\n  description?: React.ReactNode;\n  /** The way out — usually a `<Button>`. */\n  action?: React.ReactNode;\n  /** Tighter, for a drawer or a card. */\n  compact?: boolean;\n  className?: string;\n}\n\n/** \"No results yet\" — the centred icon + message + call to action. */\nexport function EmptyState({\n  icon,\n  title,\n  description,\n  action,\n  compact = false,\n  className,\n}: EmptyStateProps) {\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center text-center',\n        compact ? 'gap-2 px-4 py-8' : 'gap-3 px-6 py-16',\n        className,\n      )}\n    >\n      {icon && (\n        <div\n          className={cn(\n            'flex items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-5',\n            compact ? 'size-9' : 'size-12 [&_svg]:size-6',\n          )}\n        >\n          {icon}\n        </div>\n      )}\n      <p className={cn('font-medium text-foreground', compact ? 'text-sm' : 'text-base')}>{title}</p>\n      {description && (\n        <p className=\"max-w-sm text-sm leading-relaxed text-muted-foreground\">{description}</p>\n      )}\n      {action && <div className=\"mt-1\">{action}</div>}\n    </div>\n  );\n}\n"],"names":["EmptyState","icon","title","description","action","compact","className","jsxs","cn","jsx"],"mappings":";;;AAkBO,SAASA,EAAW;AAAA,EACzB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAH,IAAU,oBAAoB;AAAA,QAC9BC;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAL,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAH,IAAU,WAAW;AAAA,YAAA;AAAA,YAGtB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGL,gBAAAQ,EAAC,OAAE,WAAWD,EAAG,+BAA+BH,IAAU,YAAY,WAAW,GAAI,UAAAH,EAAA,CAAM;AAAA,QAC1FC,KACC,gBAAAM,EAAC,KAAA,EAAE,WAAU,0DAA0D,UAAAN,GAAY;AAAA,QAEpFC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAL,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState } from './empty-state';
+export type { EmptyStateProps } from './empty-state';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/floating-panel/dock-context.d.ts

@@ -0,0 +1,66 @@
+import { ReactNode } from 'react';
+/** A floating window's on-screen box, in viewport pixels. */
+export interface FloatingGeom {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Where a panel currently lives: free-floating at a viewport box, or docked
+ * (in-flow) inside a {@link Dock} identified by `dockId`.
+ */
+export type PanelPlacement = ({
+    mode: 'floating';
+} & FloatingGeom) | {
+    mode: 'docked';
+    dockId: string;
+};
+interface DockEntry {
+    id: string;
+    /** Live viewport rect of the dock's drop area (for hit-testing a drag). */
+    getRect: () => DOMRect | null;
+    /** Portal target for the dock's tab bar. */
+    tabBar: HTMLElement | null;
+    /** Portal target for the active panel's body. */
+    content: HTMLElement | null;
+}
+export interface DockContextValue {
+    registerDock: (id: string, getRect: () => DOMRect | null) => void;
+    updateDockEls: (id: string, els: {
+        tabBar: HTMLElement | null;
+        content: HTMLElement | null;
+    }) => void;
+    unregisterDock: (id: string) => void;
+    getDock: (id: string) => DockEntry | undefined;
+    /** Register a panel with its initial placement (once, at mount). */
+    registerPanel: (panelId: string, initial: PanelPlacement) => void;
+    unregisterPanel: (panelId: string) => void;
+    getPlacement: (panelId: string) => PanelPlacement | undefined;
+    setPlacement: (panelId: string, placement: PanelPlacement) => void;
+    /** Panels currently docked in `dockId`, in registration order (tab order). */
+    panelsInDock: (dockId: string) => string[];
+    activeInDock: (dockId: string) => string | undefined;
+    setActive: (dockId: string, panelId: string) => void;
+    /** Which dock (if any) contains the viewport point — used while dragging. */
+    findDockAt: (x: number, y: number) => string | null;
+    /** The dock currently highlighted as a drop target during a drag. */
+    hoverDock: string | null;
+    setHoverDock: (id: string | null) => void;
+}
+/** Read the enclosing {@link DockProvider}, or `null` when used standalone. */
+export declare function useDockContext(): DockContextValue | null;
+/**
+ * Coordinates a set of {@link FloatingPanel}s and {@link Dock}s: it owns each
+ * panel's placement (floating box vs. which dock), the per-dock tab order and
+ * active tab, and the drop-target hit-testing used while a panel is dragged.
+ *
+ * Wrap the region that contains your docks and panels in a `DockProvider`.
+ * `FloatingPanel` also works with no provider at all — it just becomes a plain
+ * standalone floating window with docking disabled.
+ */
+export declare function DockProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=dock-context.d.ts.map

package/dist/components/floating-panel/dock-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-context.d.ts","sourceRoot":"","sources":["../../../src/components/floating-panel/dock-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,6DAA6D;AAC7D,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,CAAC;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,YAAY,CAAC,GACrC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvC,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,2EAA2E;IAC3E,OAAO,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,iDAAiD;IACjD,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;QAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;QAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACtG,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS,GAAG,SAAS,CAAC;IAE/C,oEAAoE;IACpE,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClE,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,cAAc,GAAG,SAAS,CAAC;IAC9D,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,KAAK,IAAI,CAAC;IAEnE,8EAA8E;IAC9E,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IAC3C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACrD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAErD,6EAA6E;IAC7E,UAAU,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACpD,qEAAqE;IACrE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAID,+EAA+E;AAC/E,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAExD;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAuIjE"}

package/dist/components/floating-panel/dock-context.js

@@ -0,0 +1,96 @@
+import { jsx as w } from "react/jsx-runtime";
+import { useState as u, useRef as z, useCallback as c, useMemo as F, useContext as G, createContext as J } from "react";
+const H = J(null);
+function N() {
+  return G(H);
+}
+function Q({ children: M }) {
+  const [D, f] = u({}), [s, i] = u({}), [k, d] = u([]), [v, m] = u({}), [b, R] = u(null), l = z({}), g = c((e, o) => {
+    l.current[e] = o, f((t) => t[e] ? t : { ...t, [e]: { id: e, getRect: o, tabBar: null, content: null } });
+  }, []), x = c(
+    (e, o) => {
+      f((t) => {
+        const n = t[e];
+        return !n || n.tabBar === o.tabBar && n.content === o.content ? t : { ...t, [e]: { ...n, ...o } };
+      });
+    },
+    []
+  ), P = c((e) => {
+    delete l.current[e], f((o) => {
+      if (!o[e]) return o;
+      const t = { ...o };
+      return delete t[e], t;
+    });
+  }, []), a = c((e) => D[e], [D]), C = c((e, o) => {
+    m((t) => t[e] === o ? t : { ...t, [e]: o });
+  }, []), A = c((e, o) => {
+    i((t) => t[e] ? t : { ...t, [e]: o }), d((t) => t.includes(e) ? t : [...t, e]), o.mode === "docked" && m((t) => t[o.dockId] ? t : { ...t, [o.dockId]: e });
+  }, []), B = c((e) => {
+    i((o) => {
+      if (!o[e]) return o;
+      const t = { ...o };
+      return delete t[e], t;
+    }), d((o) => o.filter((t) => t !== e));
+  }, []), h = c((e) => s[e], [s]), j = c((e, o) => {
+    i((t) => ({ ...t, [e]: o })), o.mode === "docked" && m((t) => ({ ...t, [o.dockId]: e }));
+  }, []), O = c(
+    (e) => k.filter((o) => {
+      const t = s[o];
+      return (t == null ? void 0 : t.mode) === "docked" && t.dockId === e;
+    }),
+    [k, s]
+  ), S = c(
+    (e) => {
+      const o = k.filter((n) => {
+        const r = s[n];
+        return (r == null ? void 0 : r.mode) === "docked" && r.dockId === e;
+      }), t = v[e];
+      return t && o.includes(t) ? t : o[0];
+    },
+    [k, s, v]
+  ), E = c((e, o) => {
+    for (const [t, n] of Object.entries(l.current)) {
+      const r = n();
+      if (r && e >= r.left && e <= r.right && o >= r.top && o <= r.bottom) return t;
+    }
+    return null;
+  }, []), q = F(
+    () => ({
+      registerDock: g,
+      updateDockEls: x,
+      unregisterDock: P,
+      getDock: a,
+      registerPanel: A,
+      unregisterPanel: B,
+      getPlacement: h,
+      setPlacement: j,
+      panelsInDock: O,
+      activeInDock: S,
+      setActive: C,
+      findDockAt: E,
+      hoverDock: b,
+      setHoverDock: R
+    }),
+    [
+      g,
+      x,
+      P,
+      a,
+      A,
+      B,
+      h,
+      j,
+      O,
+      S,
+      C,
+      E,
+      b
+    ]
+  );
+  return /* @__PURE__ */ w(H.Provider, { value: q, children: M });
+}
+export {
+  Q as DockProvider,
+  N as useDockContext
+};
+//# sourceMappingURL=dock-context.js.map

package/dist/components/floating-panel/dock-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock-context.js","sources":["../../../src/components/floating-panel/dock-context.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\n\n/** A floating window's on-screen box, in viewport pixels. */\nexport interface FloatingGeom {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Where a panel currently lives: free-floating at a viewport box, or docked\n * (in-flow) inside a {@link Dock} identified by `dockId`.\n */\nexport type PanelPlacement =\n  | ({ mode: 'floating' } & FloatingGeom)\n  | { mode: 'docked'; dockId: string };\n\ninterface DockEntry {\n  id: string;\n  /** Live viewport rect of the dock's drop area (for hit-testing a drag). */\n  getRect: () => DOMRect | null;\n  /** Portal target for the dock's tab bar. */\n  tabBar: HTMLElement | null;\n  /** Portal target for the active panel's body. */\n  content: HTMLElement | null;\n}\n\nexport interface DockContextValue {\n  registerDock: (id: string, getRect: () => DOMRect | null) => void;\n  updateDockEls: (id: string, els: { tabBar: HTMLElement | null; content: HTMLElement | null }) => void;\n  unregisterDock: (id: string) => void;\n  getDock: (id: string) => DockEntry | undefined;\n\n  /** Register a panel with its initial placement (once, at mount). */\n  registerPanel: (panelId: string, initial: PanelPlacement) => void;\n  unregisterPanel: (panelId: string) => void;\n  getPlacement: (panelId: string) => PanelPlacement | undefined;\n  setPlacement: (panelId: string, placement: PanelPlacement) => void;\n\n  /** Panels currently docked in `dockId`, in registration order (tab order). */\n  panelsInDock: (dockId: string) => string[];\n  activeInDock: (dockId: string) => string | undefined;\n  setActive: (dockId: string, panelId: string) => void;\n\n  /** Which dock (if any) contains the viewport point — used while dragging. */\n  findDockAt: (x: number, y: number) => string | null;\n  /** The dock currently highlighted as a drop target during a drag. */\n  hoverDock: string | null;\n  setHoverDock: (id: string | null) => void;\n}\n\nconst DockContext = createContext<DockContextValue | null>(null);\n\n/** Read the enclosing {@link DockProvider}, or `null` when used standalone. */\nexport function useDockContext(): DockContextValue | null {\n  return useContext(DockContext);\n}\n\n/**\n * Coordinates a set of {@link FloatingPanel}s and {@link Dock}s: it owns each\n * panel's placement (floating box vs. which dock), the per-dock tab order and\n * active tab, and the drop-target hit-testing used while a panel is dragged.\n *\n * Wrap the region that contains your docks and panels in a `DockProvider`.\n * `FloatingPanel` also works with no provider at all — it just becomes a plain\n * standalone floating window with docking disabled.\n */\nexport function DockProvider({ children }: { children: ReactNode }) {\n  const [docks, setDocks] = useState<Record<string, DockEntry>>({});\n  const [placements, setPlacements] = useState<Record<string, PanelPlacement>>({});\n  const [order, setOrder] = useState<string[]>([]);\n  const [active, setActiveState] = useState<Record<string, string>>({});\n  const [hoverDock, setHoverDock] = useState<string | null>(null);\n\n  // getRect closures are stable per dock; keep them out of render state.\n  const rects = useRef<Record<string, () => DOMRect | null>>({});\n\n  const registerDock = useCallback((id: string, getRect: () => DOMRect | null) => {\n    rects.current[id] = getRect;\n    setDocks((d) => (d[id] ? d : { ...d, [id]: { id, getRect, tabBar: null, content: null } }));\n  }, []);\n\n  const updateDockEls = useCallback(\n    (id: string, els: { tabBar: HTMLElement | null; content: HTMLElement | null }) => {\n      setDocks((d) => {\n        const cur = d[id];\n        if (!cur) return d;\n        if (cur.tabBar === els.tabBar && cur.content === els.content) return d;\n        return { ...d, [id]: { ...cur, ...els } };\n      });\n    },\n    [],\n  );\n\n  const unregisterDock = useCallback((id: string) => {\n    delete rects.current[id];\n    setDocks((d) => {\n      if (!d[id]) return d;\n      const next = { ...d };\n      delete next[id];\n      return next;\n    });\n  }, []);\n\n  const getDock = useCallback((id: string) => docks[id], [docks]);\n\n  const setActive = useCallback((dockId: string, panelId: string) => {\n    setActiveState((a) => (a[dockId] === panelId ? a : { ...a, [dockId]: panelId }));\n  }, []);\n\n  const registerPanel = useCallback((panelId: string, initial: PanelPlacement) => {\n    setPlacements((p) => (p[panelId] ? p : { ...p, [panelId]: initial }));\n    setOrder((o) => (o.includes(panelId) ? o : [...o, panelId]));\n    if (initial.mode === 'docked') {\n      setActiveState((a) => (a[initial.dockId] ? a : { ...a, [initial.dockId]: panelId }));\n    }\n  }, []);\n\n  const unregisterPanel = useCallback((panelId: string) => {\n    setPlacements((p) => {\n      if (!p[panelId]) return p;\n      const next = { ...p };\n      delete next[panelId];\n      return next;\n    });\n    setOrder((o) => o.filter((x) => x !== panelId));\n  }, []);\n\n  const getPlacement = useCallback((panelId: string) => placements[panelId], [placements]);\n\n  const setPlacement = useCallback((panelId: string, placement: PanelPlacement) => {\n    setPlacements((p) => ({ ...p, [panelId]: placement }));\n    if (placement.mode === 'docked') {\n      // Docking a panel makes it the active tab of its target dock.\n      setActiveState((a) => ({ ...a, [placement.dockId]: panelId }));\n    }\n  }, []);\n\n  const panelsInDock = useCallback(\n    (dockId: string) =>\n      order.filter((pid) => {\n        const pl = placements[pid];\n        return pl?.mode === 'docked' && pl.dockId === dockId;\n      }),\n    [order, placements],\n  );\n\n  const activeInDock = useCallback(\n    (dockId: string) => {\n      const members = order.filter((pid) => {\n        const pl = placements[pid];\n        return pl?.mode === 'docked' && pl.dockId === dockId;\n      });\n      const cur = active[dockId];\n      return cur && members.includes(cur) ? cur : members[0];\n    },\n    [order, placements, active],\n  );\n\n  const findDockAt = useCallback((x: number, y: number) => {\n    for (const [id, getRect] of Object.entries(rects.current)) {\n      const r = getRect();\n      if (r && x >= r.left && x <= r.right && y >= r.top && y <= r.bottom) return id;\n    }\n    return null;\n  }, []);\n\n  const value = useMemo<DockContextValue>(\n    () => ({\n      registerDock,\n      updateDockEls,\n      unregisterDock,\n      getDock,\n      registerPanel,\n      unregisterPanel,\n      getPlacement,\n      setPlacement,\n      panelsInDock,\n      activeInDock,\n      setActive,\n      findDockAt,\n      hoverDock,\n      setHoverDock,\n    }),\n    [\n      registerDock,\n      updateDockEls,\n      unregisterDock,\n      getDock,\n      registerPanel,\n      unregisterPanel,\n      getPlacement,\n      setPlacement,\n      panelsInDock,\n      activeInDock,\n      setActive,\n      findDockAt,\n      hoverDock,\n    ],\n  );\n\n  return <DockContext.Provider value={value}>{children}</DockContext.Provider>;\n}\n"],"names":["DockContext","createContext","useDockContext","useContext","DockProvider","children","docks","setDocks","useState","placements","setPlacements","order","setOrder","active","setActiveState","hoverDock","setHoverDock","rects","useRef","registerDock","useCallback","id","getRect","d","updateDockEls","els","cur","unregisterDock","next","getDock","setActive","dockId","panelId","a","registerPanel","initial","p","o","unregisterPanel","x","getPlacement","setPlacement","placement","panelsInDock","pid","pl","activeInDock","members","findDockAt","y","value","useMemo","jsx"],"mappings":"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"}

package/dist/components/floating-panel/dock.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface DockProps {
+    /** Stable id — the target `FloatingPanel.dockId` snaps to. */
+    id: string;
+    /**
+     * Shown when no panel is docked here. Give the dock a bounded height via
+     * `className` (e.g. `h-64` or `flex-1 min-h-0`) so it can hold a panel body.
+     */
+    emptyState?: ReactNode;
+    className?: string;
+    /** Class for the tab strip (shown only when 2+ panels share the dock). */
+    tabBarClassName?: string;
+    /** Class for the panel-body region. */
+    contentClassName?: string;
+}
+/**
+ * A docking target: a bounded region a {@link FloatingPanel} can snap into.
+ * When one panel is docked it fills the dock; when several share the dock they
+ * become tabs across the top and only the active one's body is shown.
+ *
+ * Must be rendered inside a {@link DockProvider} together with the panels that
+ * target it. While a panel is dragged over the dock it highlights as a drop
+ * target.
+ */
+export declare function Dock({ id, emptyState, className, tabBarClassName, contentClassName }: DockProps): import("react").JSX.Element;
+//# sourceMappingURL=dock.d.ts.map

package/dist/components/floating-panel/dock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.d.ts","sourceRoot":"","sources":["../../../src/components/floating-panel/dock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,SAAS;IACxB,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,EAAE,SAAS,+BAgD/F"}

package/dist/components/floating-panel/dock.js

@@ -0,0 +1,46 @@
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
+import { useRef as n, useState as x, useEffect as v } from "react";
+import { cn as s } from "../../lib/utils.js";
+import { useDockContext as D } from "./dock-context.js";
+function y({ id: r, emptyState: u, className: d, tabBarClassName: m, contentClassName: b }) {
+  const e = D(), c = n(null), l = n(null), a = n(null), [, g] = x(0);
+  v(() => {
+    if (e)
+      return e.registerDock(r, () => {
+        var t;
+        return ((t = c.current) == null ? void 0 : t.getBoundingClientRect()) ?? null;
+      }), e.updateDockEls(r, { tabBar: l.current, content: a.current }), g((t) => t + 1), () => e.unregisterDock(r);
+  }, [r]);
+  const i = (e == null ? void 0 : e.panelsInDock(r)) ?? [], h = i.length > 0, p = i.length > 1, f = (e == null ? void 0 : e.hoverDock) === r;
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: c,
+      "data-dock": r,
+      className: s(
+        "relative flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background transition-colors",
+        f && "border-primary ring-2 ring-primary/40",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            ref: l,
+            className: s(
+              "flex shrink-0 items-center gap-1 overflow-x-auto border-b border-border bg-muted/40 px-1",
+              !p && "hidden",
+              m
+            )
+          }
+        ),
+        /* @__PURE__ */ o("div", { ref: a, className: s("relative min-h-0 flex-1 overflow-hidden", b) }),
+        !h && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center p-4 text-center text-xs text-muted-foreground", children: u ?? (f ? "Release to dock here" : "Drag a panel here to dock it") })
+      ]
+    }
+  );
+}
+export {
+  y as Dock
+};
+//# sourceMappingURL=dock.js.map

package/dist/components/floating-panel/dock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.js","sources":["../../../src/components/floating-panel/dock.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\n\nimport { cn } from '../../lib/utils';\nimport { useDockContext } from './dock-context';\n\nexport interface DockProps {\n  /** Stable id — the target `FloatingPanel.dockId` snaps to. */\n  id: string;\n  /**\n   * Shown when no panel is docked here. Give the dock a bounded height via\n   * `className` (e.g. `h-64` or `flex-1 min-h-0`) so it can hold a panel body.\n   */\n  emptyState?: ReactNode;\n  className?: string;\n  /** Class for the tab strip (shown only when 2+ panels share the dock). */\n  tabBarClassName?: string;\n  /** Class for the panel-body region. */\n  contentClassName?: string;\n}\n\n/**\n * A docking target: a bounded region a {@link FloatingPanel} can snap into.\n * When one panel is docked it fills the dock; when several share the dock they\n * become tabs across the top and only the active one's body is shown.\n *\n * Must be rendered inside a {@link DockProvider} together with the panels that\n * target it. While a panel is dragged over the dock it highlights as a drop\n * target.\n */\nexport function Dock({ id, emptyState, className, tabBarClassName, contentClassName }: DockProps) {\n  const ctx = useDockContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [, force] = useState(0);\n\n  // Register the dock (rect for hit-testing) and publish its portal targets.\n  useEffect(() => {\n    if (!ctx) return;\n    ctx.registerDock(id, () => rootRef.current?.getBoundingClientRect() ?? null);\n    ctx.updateDockEls(id, { tabBar: tabBarRef.current, content: contentRef.current });\n    force((n) => n + 1); // ensure panels see the mounted portal targets\n    return () => ctx.unregisterDock(id);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id]);\n\n  const members = ctx?.panelsInDock(id) ?? [];\n  const hasPanels = members.length > 0;\n  const showTabs = members.length > 1;\n  const isDropTarget = ctx?.hoverDock === id;\n\n  return (\n    <div\n      ref={rootRef}\n      data-dock={id}\n      className={cn(\n        'relative flex min-h-0 flex-col overflow-hidden rounded-lg border border-border bg-background transition-colors',\n        isDropTarget && 'border-primary ring-2 ring-primary/40',\n        className,\n      )}\n    >\n      <div\n        ref={tabBarRef}\n        className={cn(\n          'flex shrink-0 items-center gap-1 overflow-x-auto border-b border-border bg-muted/40 px-1',\n          !showTabs && 'hidden',\n          tabBarClassName,\n        )}\n      />\n      <div ref={contentRef} className={cn('relative min-h-0 flex-1 overflow-hidden', contentClassName)} />\n      {!hasPanels && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center p-4 text-center text-xs text-muted-foreground\">\n          {emptyState ?? (isDropTarget ? 'Release to dock here' : 'Drag a panel here to dock it')}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["Dock","id","emptyState","className","tabBarClassName","contentClassName","ctx","useDockContext","rootRef","useRef","tabBarRef","contentRef","force","useState","useEffect","_a","n","members","hasPanels","showTabs","isDropTarget","jsxs","cn","jsx"],"mappings":";;;;AA6BO,SAASA,EAAK,EAAE,IAAAC,GAAI,YAAAC,GAAY,WAAAC,GAAW,iBAAAC,GAAiB,kBAAAC,KAA+B;AAChG,QAAMC,IAAMC,EAAA,GACNC,IAAUC,EAAuB,IAAI,GACrCC,IAAYD,EAAuB,IAAI,GACvCE,IAAaF,EAAuB,IAAI,GACxC,GAAGG,CAAK,IAAIC,EAAS,CAAC;AAG5B,EAAAC,EAAU,MAAM;AACd,QAAKR;AACL,aAAAA,EAAI,aAAaL,GAAI,MAAA;;AAAM,iBAAAc,IAAAP,EAAQ,YAAR,gBAAAO,EAAiB,4BAA2B;AAAA,OAAI,GAC3ET,EAAI,cAAcL,GAAI,EAAE,QAAQS,EAAU,SAAS,SAASC,EAAW,SAAS,GAChFC,EAAM,CAACI,MAAMA,IAAI,CAAC,GACX,MAAMV,EAAI,eAAeL,CAAE;AAAA,EAEpC,GAAG,CAACA,CAAE,CAAC;AAEP,QAAMgB,KAAUX,KAAA,gBAAAA,EAAK,aAAaL,OAAO,CAAA,GACnCiB,IAAYD,EAAQ,SAAS,GAC7BE,IAAWF,EAAQ,SAAS,GAC5BG,KAAed,KAAA,gBAAAA,EAAK,eAAcL;AAExC,SACE,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,aAAWP;AAAA,MACX,WAAWqB;AAAA,QACT;AAAA,QACAF,KAAgB;AAAA,QAChBjB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAoB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKb;AAAA,YACL,WAAWY;AAAA,cACT;AAAA,cACA,CAACH,KAAY;AAAA,cACbf;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAEF,gBAAAmB,EAAC,SAAI,KAAKZ,GAAY,WAAWW,EAAG,2CAA2CjB,CAAgB,GAAG;AAAA,QACjG,CAACa,KACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,uHACZ,UAAArB,MAAekB,IAAe,yBAAyB,gCAAA,CAC1D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}