@adea-ai/ui 0.84.0 → 0.87.0

package/dist/components/conversation/scroll-follow.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-follow.js","names":[],"sources":["../../../src/components/conversation/scroll-follow.ts"],"sourcesContent":["/*\n * Substantially translated from KiroCrew website/src/app-sdk/useChatScrollFollow.ts,\n * pinned at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * This product includes software developed at Amazon.com, Inc. (https://www.amazon.com/).\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy at http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software distributed\n * under the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR\n * CONDITIONS OF ANY KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations under the License.\n * Solid owner effects replace React refs/effects; native geometry and the\n * content/viewport observer contract are retained. No session store is copied.\n */\nimport { createEffect, createSignal, onCleanup, untrack } from 'solid-js'\nimport type { ConversationReadingPosition } from './conversation-surface'\nimport {\n  bottomTarget,\n  computeAtBottom,\n  evaluateAutoPin,\n  isSelfScroll,\n  resolveUserScrollStick,\n} from './scroll-follow-core'\n\nconst geometry = (element: HTMLDivElement) => ({\n  scrollTop: element.scrollTop,\n  scrollHeight: element.scrollHeight,\n  clientHeight: element.clientHeight,\n})\n\n/** Internal plain-scroller binding; host-owned restoration can disable follow. */\nexport function createScrollFollow(options: {\n  enabled: () => boolean\n  resetKey: () => string | undefined\n  threshold: () => number\n  initialPosition?: () => ConversationReadingPosition | undefined\n  onPositionChange?: (position: ConversationReadingPosition) => void\n}) {\n  const [atBottom, setAtBottom] = createSignal(true)\n  let scroller: HTMLDivElement | undefined\n  let content: HTMLDivElement | undefined\n  let stick = true\n  let lastWriteTop = -1\n  let lastWriteClientHeight = -1\n  let previousTop = -1\n  let lastScrollClientHeight = 0\n  const reportPosition = () => {\n    if (scroller)\n      untrack(() =>\n        options.onPositionChange?.({\n          top: scroller!.scrollTop,\n          following: options.enabled() && stick,\n        })\n      )\n  }\n  onCleanup(reportPosition)\n\n  const writePin = (element: HTMLDivElement, target: number) => {\n    // Instant writes keep the self-scroll reference synchronized. A smooth\n    // animation would produce intermediate positions that resemble user input.\n    element.scrollTop = target\n    lastWriteTop = target\n    lastWriteClientHeight = element.clientHeight\n    previousTop = target\n  }\n  const pinAuto = () => {\n    if (!scroller || !options.enabled()) return\n    const geom = geometry(scroller)\n    const result = evaluateAutoPin({\n      stick,\n      geom,\n      lastWriteTop,\n      viewportShrink: lastWriteClientHeight >= 0 ? lastWriteClientHeight - geom.clientHeight : 0,\n    })\n    stick = result.stick\n    if (result.pin) writePin(scroller, result.target)\n    else if (result.stick) {\n      lastWriteTop = result.target\n      lastWriteClientHeight = geom.clientHeight\n    }\n    setAtBottom(computeAtBottom(geometry(scroller), options.threshold()))\n    reportPosition()\n  }\n  const onScroll = () => {\n    if (!scroller) return\n    if (!options.enabled()) {\n      reportPosition()\n      return\n    }\n    const geom = geometry(scroller)\n    setAtBottom(computeAtBottom(geom, options.threshold()))\n    if (!isSelfScroll(geom.scrollTop, lastWriteTop)) {\n      stick = resolveUserScrollStick({\n        stick,\n        followOutput: true,\n        scrollTop: geom.scrollTop,\n        prevScrollTop: previousTop,\n        geom,\n        viewportGrowth: lastScrollClientHeight > 0 ? geom.clientHeight - lastScrollClientHeight : 0,\n      })\n      if (!stick) {\n        lastWriteTop = -1\n        lastWriteClientHeight = -1\n      }\n    }\n    previousTop = geom.scrollTop\n    // This baseline belongs only to scroll events, not observer callbacks.\n    // Advancing it during resize would erase the viewport-clamp evidence.\n    lastScrollClientHeight = geom.clientHeight\n    reportPosition()\n  }\n  const jump = () => {\n    if (!scroller || !options.enabled()) return\n    stick = true\n    writePin(scroller, bottomTarget(geometry(scroller)))\n    setAtBottom(true)\n    reportPosition()\n    // The jump control disappears at the bottom. Return its keyboard focus to\n    // the transcript instead of leaving the reader on a detached button.\n    scroller.focus({ preventScroll: true })\n  }\n\n  createEffect(() => {\n    options.resetKey()\n    const enabled = options.enabled()\n    // Capture before any reporting callback can replace the host snapshot.\n    const initial = untrack(() => options.initialPosition?.())\n    stick = true\n    lastWriteTop = -1\n    lastWriteClientHeight = -1\n    previousTop = -1\n    lastScrollClientHeight = 0\n    setAtBottom(true)\n    if (!enabled || !scroller) return\n    // Snapshot updates must not become another positioning owner. Consume the\n    // host's snapshot only at entry/reset, then native reader intent owns follow.\n    if (initial && Number.isFinite(initial.top) && initial.top >= 0) {\n      stick = initial.following\n      writePin(scroller, stick ? bottomTarget(geometry(scroller)) : initial.top)\n      previousTop = scroller.scrollTop\n      lastScrollClientHeight = scroller.clientHeight\n    } else writePin(scroller, bottomTarget(geometry(scroller)))\n    setAtBottom(computeAtBottom(geometry(scroller), options.threshold()))\n    reportPosition()\n    if (typeof ResizeObserver === 'undefined') return\n    const observer = new ResizeObserver(pinAuto)\n    observer.observe(scroller)\n    if (content) observer.observe(content)\n    onCleanup(() => observer.disconnect())\n  })\n\n  return {\n    atBottom,\n    onScroll,\n    jump,\n    bindScroller: (element: HTMLDivElement) => {\n      scroller = element\n    },\n    bindContent: (element: HTMLDivElement) => {\n      content = element\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"scroll-follow.js","names":[],"sources":["../../../src/components/conversation/scroll-follow.ts"],"sourcesContent":["/*\n * Substantially translated from KiroCrew website/src/app-sdk/useChatScrollFollow.ts,\n * pinned at 283e136c0f902e965a535a7c9548c57c7504fed0.\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * This product includes software developed at Amazon.com, Inc. (https://www.amazon.com/).\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy at http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software distributed\n * under the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR\n * CONDITIONS OF ANY KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations under the License.\n * Solid owner effects replace React refs/effects; native geometry and the\n * content/viewport observer contract are retained. No session store is copied.\n */\nimport { createEffect, createSignal, onCleanup, untrack } from 'solid-js'\nimport type { ConversationReadingPosition } from './conversation-surface'\nimport {\n  bottomTarget,\n  computeAtBottom,\n  evaluateAutoPin,\n  isSelfScroll,\n  resolveUserScrollStick,\n} from './scroll-follow-core'\n\nconst geometry = (element: HTMLDivElement) => ({\n  scrollTop: element.scrollTop,\n  scrollHeight: element.scrollHeight,\n  clientHeight: element.clientHeight,\n})\nconst noop = () => {}\n\n/** Internal plain-scroller binding; host-owned restoration can disable follow. */\nexport function createScrollFollow(options: {\n  enabled: () => boolean\n  resetKey: () => string | undefined\n  threshold: () => number\n  initialPosition?: () => ConversationReadingPosition | undefined\n  onPositionChange?: (position: ConversationReadingPosition) => void\n}) {\n  const [atBottom, setAtBottom] = createSignal(true)\n  let scroller: HTMLDivElement | undefined\n  let content: HTMLDivElement | undefined\n  let stick = true\n  let lastWriteTop = -1\n  let lastWriteClientHeight = -1\n  let previousTop = -1\n  let lastScrollClientHeight = 0\n  let pendingRestore: { frame: number; fromTop: number; target: number } | undefined\n  let pendingRestoreUserIntent = false\n  let removeRestoreIntentListeners = noop\n  const reportPosition = () => {\n    if (scroller)\n      untrack(() =>\n        options.onPositionChange?.({\n          top: scroller!.scrollTop,\n          following: options.enabled() && stick,\n        })\n      )\n  }\n  onCleanup(reportPosition)\n\n  const writePin = (element: HTMLDivElement, target: number) => {\n    // Instant writes keep the self-scroll reference synchronized. A smooth\n    // animation would produce intermediate positions that resemble user input.\n    element.scrollTop = target\n    lastWriteTop = element.scrollTop\n    lastWriteClientHeight = element.clientHeight\n    previousTop = element.scrollTop\n  }\n  const pinAuto = () => {\n    if (!scroller || !options.enabled() || pendingRestore) return\n    const geom = geometry(scroller)\n    const result = evaluateAutoPin({\n      stick,\n      geom,\n      lastWriteTop,\n      viewportShrink: lastWriteClientHeight >= 0 ? lastWriteClientHeight - geom.clientHeight : 0,\n    })\n    stick = result.stick\n    if (result.pin) writePin(scroller, result.target)\n    else if (result.stick) {\n      lastWriteTop = result.target\n      lastWriteClientHeight = geom.clientHeight\n    }\n    setAtBottom(computeAtBottom(geometry(scroller), options.threshold()))\n    reportPosition()\n  }\n  const onScroll = () => {\n    if (!scroller) return\n    if (pendingRestore) {\n      // A reset can clamp the outgoing offset while the incoming rows are\n      // shorter. That notification is layout, not reader intent, and must not\n      // cancel the snapshot waiting for the new rows to commit.\n      const maxTop = Math.max(0, scroller.scrollHeight - scroller.clientHeight)\n      const clampedFromTop = Math.min(pendingRestore.fromTop, maxTop)\n      if (\n        pendingRestore.fromTop - clampedFromTop > 1 &&\n        Math.abs(scroller.scrollTop - clampedFromTop) <= 1\n      )\n        return\n      // An unexplained offset change can also be a browser clamp. Only actual\n      // user scroll intent followed by a non-clamp movement cancels restoration.\n      if (!pendingRestoreUserIntent) return\n      cancelAnimationFrame(pendingRestore.frame)\n      pendingRestore = undefined\n      pendingRestoreUserIntent = false\n      removeRestoreIntentListeners()\n      removeRestoreIntentListeners = noop\n    }\n    if (!options.enabled()) {\n      reportPosition()\n      return\n    }\n    const geom = geometry(scroller)\n    setAtBottom(computeAtBottom(geom, options.threshold()))\n    if (!isSelfScroll(geom.scrollTop, lastWriteTop)) {\n      stick = resolveUserScrollStick({\n        stick,\n        followOutput: true,\n        scrollTop: geom.scrollTop,\n        prevScrollTop: previousTop,\n        geom,\n        viewportGrowth: lastScrollClientHeight > 0 ? geom.clientHeight - lastScrollClientHeight : 0,\n      })\n      if (!stick) {\n        lastWriteTop = -1\n        lastWriteClientHeight = -1\n      }\n    }\n    previousTop = geom.scrollTop\n    // This baseline belongs only to scroll events, not observer callbacks.\n    // Advancing it during resize would erase the viewport-clamp evidence.\n    lastScrollClientHeight = geom.clientHeight\n    reportPosition()\n  }\n  const jump = () => {\n    if (!scroller || !options.enabled()) return\n    stick = true\n    writePin(scroller, bottomTarget(geometry(scroller)))\n    setAtBottom(true)\n    reportPosition()\n    // The jump control disappears at the bottom. Return its keyboard focus to\n    // the transcript instead of leaving the reader on a detached button.\n    scroller.focus({ preventScroll: true })\n  }\n\n  createEffect(() => {\n    options.resetKey()\n    const enabled = options.enabled()\n    // Capture before any reporting callback can replace the host snapshot.\n    const candidate = untrack(() => options.initialPosition?.())\n    const initial =\n      candidate && Number.isFinite(candidate.top) && candidate.top >= 0 ? candidate : undefined\n    let scheduledRestore: typeof pendingRestore\n    let observer: ResizeObserver | undefined\n    onCleanup(() => {\n      if (scheduledRestore) {\n        cancelAnimationFrame(scheduledRestore.frame)\n        if (pendingRestore === scheduledRestore) pendingRestore = undefined\n      }\n      pendingRestoreUserIntent = false\n      removeRestoreIntentListeners()\n      removeRestoreIntentListeners = noop\n      observer?.disconnect()\n    })\n    stick = true\n    lastWriteTop = -1\n    lastWriteClientHeight = -1\n    previousTop = -1\n    lastScrollClientHeight = 0\n    setAtBottom(true)\n    if (!enabled || !scroller) return\n    // Snapshot updates must not become another positioning owner. Consume the\n    // host's snapshot only at entry/reset, then native reader intent owns follow.\n    if (initial) {\n      stick = enabled && initial.following\n    }\n\n    const observe = () => {\n      if (!enabled || typeof ResizeObserver === 'undefined') return\n      observer = new ResizeObserver(pinAuto)\n      observer.observe(scroller!)\n      if (content) observer.observe(content)\n    }\n\n    const watchRestoreIntent = () => {\n      const element = scroller\n      if (!element) return\n      const markIntent = (event: Event) => {\n        if (!pendingRestore) return\n        if (event.type === 'pointerdown' && event.target !== element) return\n        if (event.type === 'keydown') {\n          if (event.target !== element) return\n          const key = (event as KeyboardEvent).key\n          if (!['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp', 'Home', 'End', ' '].includes(key))\n            return\n        }\n        pendingRestoreUserIntent = true\n      }\n      element.addEventListener('wheel', markIntent, { passive: true })\n      element.addEventListener('pointerdown', markIntent)\n      element.addEventListener('keydown', markIntent)\n      removeRestoreIntentListeners = () => {\n        element.removeEventListener('wheel', markIntent)\n        element.removeEventListener('pointerdown', markIntent)\n        element.removeEventListener('keydown', markIntent)\n      }\n    }\n\n    if (initial && !stick) {\n      // The identity effect can run before Solid has inserted the new rows. A\n      // synchronous write is clamped by the outgoing short transcript, so defer\n      // restoration until the browser has committed the new content and layout.\n      const restore = {\n        frame: 0,\n        fromTop: scroller.scrollTop,\n        target: initial.top,\n      }\n      scheduledRestore = restore\n      pendingRestore = restore\n      pendingRestoreUserIntent = false\n      watchRestoreIntent()\n      // Keep resize observation alive during the pending frame. Its callback is\n      // guarded above, and remains active if user input cancels restoration.\n      observe()\n      restore.frame = requestAnimationFrame(() => {\n        if (pendingRestore !== restore || !scroller) return\n        pendingRestore = undefined\n        pendingRestoreUserIntent = false\n        removeRestoreIntentListeners()\n        removeRestoreIntentListeners = noop\n        writePin(scroller, restore.target)\n        setAtBottom(computeAtBottom(geometry(scroller), options.threshold()))\n        reportPosition()\n      })\n      return\n    }\n\n    if (!initial && enabled) writePin(scroller, bottomTarget(geometry(scroller)))\n    else if (initial && stick) writePin(scroller, bottomTarget(geometry(scroller)))\n    setAtBottom(computeAtBottom(geometry(scroller), options.threshold()))\n    reportPosition()\n    observe()\n  })\n\n  return {\n    atBottom,\n    onScroll,\n    jump,\n    bindScroller: (element: HTMLDivElement) => {\n      scroller = element\n    },\n    bindContent: (element: HTMLDivElement) => {\n      content = element\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/components/layout/app-shell/index.d.ts

@@ -1,2 +1,3 @@
 export { AppShell, AppShellBody, AppShellContent, AppShellMain } from './app-shell';
+export { SkipLink } from './skip-link';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/app-shell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/layout/app-shell/index.js

@@ -1,2 +1,3 @@
 import { AppShell, AppShellBody, AppShellContent, AppShellMain } from "./app-shell.js";
-export { AppShell, AppShellBody, AppShellContent, AppShellMain };
+import { SkipLink } from "./skip-link.js";
+export { AppShell, AppShellBody, AppShellContent, AppShellMain, SkipLink };

package/dist/components/layout/app-shell/skip-link.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps } from 'solid-js';
+/**
+ * A keyboard-first link to the main content region.
+ *
+ * Place it before the shell's navigation and set the destination element's
+ * `id` to match `href`. The link stays translated above the viewport until it
+ * receives focus, then moves into view. Its text remains available to assistive
+ * technology while it is visually hidden.
+ */
+export declare function SkipLink(props: ComponentProps<'a'>): import("solid-js").JSX.Element;
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/components/layout/app-shell/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-shell/skip-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,kCAsBlD"}

package/dist/components/layout/app-shell/skip-link.js

@@ -0,0 +1,44 @@
+import { cn } from "../../../lib/utils.js";
+import { insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+//#region src/components/layout/app-shell/skip-link.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<a data-slot=skip-link>`);
+/**
+* A keyboard-first link to the main content region.
+*
+* Place it before the shell's navigation and set the destination element's
+* `id` to match `href`. The link stays translated above the viewport until it
+* receives focus, then moves into view. Its text remains available to assistive
+* technology while it is visually hidden.
+*/
+function SkipLink(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"href",
+		"tabIndex"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get ["class"]() {
+				return cn("fixed top-0 start-2 z-(--z-toast) -translate-y-full", "inline-flex items-center rounded-md border border-border bg-background", "px-control-md py-2 text-sm font-medium text-foreground shadow-lg", "underline decoration-2 underline-offset-2 outline-none transition-transform duration-150", "focus:translate-y-0 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "motion-reduce:transition-none", local.class);
+			},
+			get href() {
+				return local.href ?? "#main-content";
+			},
+			get tabIndex() {
+				return local.tabIndex ?? 0;
+			}
+		}, rest), false, true);
+		insert(_el$, (() => {
+			var _c$ = memo(() => local.children === void 0);
+			return () => _c$() ? "Skip to main content" : local.children;
+		})());
+		return _el$;
+	})();
+}
+//#endregion
+export { SkipLink };
+
+//# sourceMappingURL=skip-link.js.map

package/dist/components/layout/app-shell/skip-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.js","names":["ComponentProps","splitProps","cn","SkipLink","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","href","tabIndex","_$insert","_c$","_$memo","children","undefined","_$mergeProps","_$memo"],"sources":["../../../../src/components/layout/app-shell/skip-link.tsx"],"sourcesContent":["import type { ComponentProps } from 'solid-js'\nimport { splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * A keyboard-first link to the main content region.\n *\n * Place it before the shell's navigation and set the destination element's\n * `id` to match `href`. The link stays translated above the viewport until it\n * receives focus, then moves into view. Its text remains available to assistive\n * technology while it is visually hidden.\n */\nexport function SkipLink(props: ComponentProps<'a'>) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'href', 'tabIndex'])\n\n  return (\n    <a\n      data-slot=\"skip-link\"\n      class={cn(\n        'fixed top-0 start-2 z-(--z-toast) -translate-y-full',\n        'inline-flex items-center rounded-md border border-border bg-background',\n        'px-control-md py-2 text-sm font-medium text-foreground shadow-lg',\n        'underline decoration-2 underline-offset-2 outline-none transition-transform duration-150',\n        'focus:translate-y-0 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'motion-reduce:transition-none',\n        local.class\n      )}\n      href={local.href ?? '#main-content'}\n      tabIndex={local.tabIndex ?? 0}\n      {...rest}\n    >\n      {local.children === undefined ? 'Skip to main content' : local.children}\n    </a>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,SAAgBG,SAASC,OAA4B;CACnD,MAAM,CAACC,OAAOC,QAAQL,WAAWG,OAAO;EAAC;EAAS;EAAY;EAAQ;CAAU,CAAC;CAEjF,cAAA;EAAA,IAAAG,OAAAC,OAAA;EAAAC,OAAAF,MAAAG,WAAA;GAAA,KAAA,WAAA;IAAA,OAGWR,GACL,uDACA,0EACA,oEACA,4FACA,wGACA,iCACAG,MAAMM,KACR;GAAC;GAAA,IACDC,OAAI;IAAA,OAAEP,MAAMO,QAAQ;GAAe;GAAA,IACnCC,WAAQ;IAAA,OAAER,MAAMQ,YAAY;GAAC;EAAA,GACzBP,IAAI,GAAA,OAAA,IAAA;EAAAQ,OAAAP,aAAA;GAAA,IAAAQ,MAAAC,WAEPX,MAAMY,aAAaC,KAAAA,CAAS;GAAA,aAA5BH,IAAA,IAA+B,yBAAyBV,MAAMY;EAAQ,EAAA,CAAA,CAAA;EAAA,OAAAV;CAAA,EAAA,CAAA;AAG7E"}

package/dist/components/layout/floating-preview/floating-preview.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from 'solid-js';
+import { type FloatingPreviewSize } from './model';
+export type FloatingPreviewProps = {
+    label: string;
+    source: FloatingPreviewSize;
+    onClose?: () => void;
+    actions?: JSX.Element;
+    children: JSX.Element;
+};
+/** A host-bounded movable preview frame. Content and actions remain caller-owned. */
+export declare function FloatingPreview(props: FloatingPreviewProps): JSX.Element;
+//# sourceMappingURL=floating-preview.d.ts.map

package/dist/components/layout/floating-preview/floating-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-preview.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/floating-preview/floating-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAIvF,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,SAAS,CAAA;AAiDhB,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,mBAAmB,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,CAAA;AAED,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eA+L1D"}

package/dist/components/layout/floating-preview/floating-preview.js

@@ -0,0 +1,283 @@
+import { ActionButton } from "../../composites/action-button/action-button.js";
+import { ScrollArea } from "../../ui/scroll-area/scroll-area.js";
+import { resizeFloatingPreview, resolveFloatingPreviewFrame } from "./model.js";
+import { createComponent, effect, insert, memo, setAttribute, setStyleProperty, template, use } from "solid-js/web";
+import { Move, X } from "lucide-solid";
+import { createEffect, createSignal, on, onCleanup, onMount } from "solid-js";
+//#region src/components/layout/floating-preview/floating-preview.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="pointer-events-none absolute inset-0 z-(--z-sticky) overflow-hidden"><section class="pointer-events-auto absolute flex flex-col overflow-visible rounded-lg border border-border bg-card text-card-foreground shadow-lg"><header class="flex h-control-sm items-center gap-1 border-b border-border p-1"><div class="flex items-center gap-1">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var directions = [
+	{
+		direction: "north",
+		class: "absolute -top-3 right-6 left-6 h-control-xs w-auto cursor-ns-resize touch-none",
+		glyph: "↕"
+	},
+	{
+		direction: "south",
+		class: "absolute -bottom-3 right-6 left-6 h-control-xs w-auto cursor-ns-resize touch-none",
+		glyph: "↕"
+	},
+	{
+		direction: "east",
+		class: "absolute -right-3 top-6 bottom-6 w-6 h-auto cursor-ew-resize touch-none",
+		glyph: "↔"
+	},
+	{
+		direction: "west",
+		class: "absolute -left-3 top-6 bottom-6 w-6 h-auto cursor-ew-resize touch-none",
+		glyph: "↔"
+	},
+	{
+		direction: "northwest",
+		class: "absolute -top-3 -left-3 size-control-xs cursor-nwse-resize touch-none",
+		glyph: "↖"
+	},
+	{
+		direction: "northeast",
+		class: "absolute -top-3 -right-3 size-control-xs cursor-nesw-resize touch-none",
+		glyph: "↗"
+	},
+	{
+		direction: "southwest",
+		class: "absolute -bottom-3 -left-3 size-control-xs cursor-nesw-resize touch-none",
+		glyph: "↙"
+	},
+	{
+		direction: "southeast",
+		class: "absolute -bottom-3 -right-3 size-control-xs cursor-nwse-resize touch-none",
+		glyph: "↘"
+	}
+];
+/** A host-bounded movable preview frame. Content and actions remain caller-owned. */
+function FloatingPreview(props) {
+	const [frame, setFrame] = createSignal({
+		x: 0,
+		y: 0,
+		width: 1,
+		height: 1
+	});
+	let bounds;
+	let observer;
+	let gesture;
+	const measure = () => {
+		const rect = bounds?.getBoundingClientRect();
+		if (!rect) return;
+		setFrame((current) => resolveFloatingPreviewFrame({
+			width: current.width > 1 ? current.width : null,
+			position: current.width > 1 ? {
+				x: current.x,
+				y: current.y
+			} : null,
+			source: props.source,
+			container: {
+				width: rect.width,
+				height: rect.height
+			}
+		}));
+	};
+	createEffect(on(() => [props.source.width, props.source.height], () => measure(), { defer: true }));
+	onMount(() => {
+		if (bounds) {
+			observer = new ResizeObserver(measure);
+			observer.observe(bounds);
+			measure();
+		}
+	});
+	onCleanup(() => observer?.disconnect());
+	function start(event, direction) {
+		if (event.button !== 0 || gesture) return;
+		event.preventDefault();
+		event.stopPropagation();
+		gesture = {
+			id: event.pointerId,
+			x: event.clientX,
+			y: event.clientY,
+			start: frame(),
+			direction
+		};
+		event.currentTarget.setPointerCapture(event.pointerId);
+	}
+	function move(event) {
+		if (!gesture || gesture.id !== event.pointerId) return;
+		const rect = bounds?.getBoundingClientRect();
+		if (!rect) return;
+		const container = {
+			width: rect.width,
+			height: rect.height
+		};
+		const delta = {
+			x: event.clientX - gesture.x,
+			y: event.clientY - gesture.y
+		};
+		setFrame(gesture.direction ? resizeFloatingPreview({
+			start: gesture.start,
+			direction: gesture.direction,
+			delta,
+			source: props.source,
+			container
+		}) : resolveFloatingPreviewFrame({
+			width: gesture.start.width,
+			position: {
+				x: gesture.start.x + delta.x,
+				y: gesture.start.y + delta.y
+			},
+			source: props.source,
+			container
+		}));
+	}
+	function end(event) {
+		if (gesture?.id === event.pointerId) gesture = void 0;
+	}
+	function keyboardMove(event) {
+		const delta = {
+			x: 0,
+			y: 0
+		};
+		if (event.key === "ArrowLeft") delta.x = -10;
+		else if (event.key === "ArrowRight") delta.x = 10;
+		else if (event.key === "ArrowUp") delta.y = -10;
+		else if (event.key === "ArrowDown") delta.y = 10;
+		else return;
+		event.preventDefault();
+		const rect = bounds?.getBoundingClientRect();
+		if (!rect) return;
+		const current = frame();
+		setFrame(resolveFloatingPreviewFrame({
+			width: current.width,
+			position: {
+				x: current.x + delta.x,
+				y: current.y + delta.y
+			},
+			source: props.source,
+			container: {
+				width: rect.width,
+				height: rect.height
+			}
+		}));
+	}
+	function keyboardResize(event, direction) {
+		if (!event.key.startsWith("Arrow")) return;
+		event.preventDefault();
+		const rect = bounds?.getBoundingClientRect();
+		if (!rect) return;
+		const delta = {
+			x: event.key === "ArrowRight" ? 10 : event.key === "ArrowLeft" ? -10 : 0,
+			y: event.key === "ArrowDown" ? 10 : event.key === "ArrowUp" ? -10 : 0
+		};
+		setFrame(resizeFloatingPreview({
+			start: frame(),
+			direction,
+			delta,
+			source: props.source,
+			container: {
+				width: rect.width,
+				height: rect.height
+			}
+		}));
+	}
+	return (() => {
+		var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+		var _ref$ = bounds;
+		typeof _ref$ === "function" ? use(_ref$, _el$) : bounds = _el$;
+		insert(_el$3, createComponent(ActionButton, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			"class": "flex-1 cursor-move touch-none",
+			get ["aria-label"]() {
+				return `Move ${props.label}`;
+			},
+			get tooltip() {
+				return `Move ${props.label}. Use arrow keys to adjust its position.`;
+			},
+			onPointerDown: (event) => start(event, null),
+			onPointerMove: move,
+			onPointerUp: end,
+			onPointerCancel: end,
+			onLostPointerCapture: end,
+			onKeyDown: keyboardMove,
+			get children() {
+				return [createComponent(Move, { "aria-hidden": "true" }), "Move"];
+			}
+		}), _el$4);
+		insert(_el$4, () => props.actions);
+		insert(_el$3, (() => {
+			var _c$ = memo(() => !!props.onClose);
+			return () => _c$() && createComponent(ActionButton, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				get ["aria-label"]() {
+					return `Close ${props.label}`;
+				},
+				get tooltip() {
+					return `Close ${props.label}.`;
+				},
+				get onClick() {
+					return props.onClose;
+				},
+				get children() {
+					return createComponent(X, { "aria-hidden": "true" });
+				}
+			});
+		})(), null);
+		insert(_el$2, createComponent(ScrollArea, {
+			role: "region",
+			get ["aria-label"]() {
+				return `${props.label} content`;
+			},
+			"class": "flex-1",
+			tabIndex: 0,
+			get children() {
+				return props.children;
+			}
+		}), null);
+		insert(_el$2, () => directions.map(({ direction, class: className, glyph }) => createComponent(ActionButton, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			"class": className,
+			"data-direction": direction,
+			get ["aria-label"]() {
+				return `Resize ${props.label} ${direction}`;
+			},
+			get tooltip() {
+				return `Resize ${props.label} from the ${direction} edge. Use arrow keys to resize.`;
+			},
+			onPointerDown: (event) => start(event, direction),
+			onPointerMove: move,
+			onPointerUp: end,
+			onPointerCancel: end,
+			onLostPointerCapture: end,
+			onKeyDown: (event) => keyboardResize(event, direction),
+			get children() {
+				var _el$5 = _tmpl$2();
+				insert(_el$5, glyph);
+				return _el$5;
+			}
+		})), null);
+		effect((_p$) => {
+			var _v$ = props.label, _v$2 = props.label, _v$3 = `${frame().x}px`, _v$4 = `${frame().y}px`, _v$5 = `${frame().width}px`, _v$6 = `${frame().height}px`;
+			_v$ !== _p$.e && setAttribute(_el$, "aria-label", _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$2, "aria-label", _p$.t = _v$2);
+			_v$3 !== _p$.a && setStyleProperty(_el$2, "left", _p$.a = _v$3);
+			_v$4 !== _p$.o && setStyleProperty(_el$2, "top", _p$.o = _v$4);
+			_v$5 !== _p$.i && setStyleProperty(_el$2, "width", _p$.i = _v$5);
+			_v$6 !== _p$.n && setStyleProperty(_el$2, "height", _p$.n = _v$6);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		});
+		return _el$;
+	})();
+}
+//#endregion
+export { FloatingPreview };
+
+//# sourceMappingURL=floating-preview.js.map

package/dist/components/layout/floating-preview/floating-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-preview.js","names":["createEffect","createSignal","onCleanup","onMount","on","JSX","Move","X","ActionButton","ScrollArea","FloatingPreviewFrame","FloatingPreviewResizeDirection","FloatingPreviewSize","resolveFloatingPreviewFrame","resizeFloatingPreview","directions","direction","class","glyph","FloatingPreviewProps","label","source","onClose","actions","Element","children","FloatingPreview","props","frame","setFrame","x","y","width","height","bounds","HTMLDivElement","observer","ResizeObserver","gesture","id","start","measure","rect","getBoundingClientRect","current","position","container","const","defer","observe","disconnect","event","PointerEvent","button","preventDefault","stopPropagation","pointerId","clientX","clientY","currentTarget","HTMLElement","setPointerCapture","move","delta","end","undefined","keyboardMove","KeyboardEvent","key","keyboardResize","startsWith","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","_ref$","_$use","_$insert","_$createComponent","type","variant","size","aria-label","tooltip","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onLostPointerCapture","onKeyDown","_c$","_$memo","onClick","role","tabIndex","map","className","_el$5","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$setAttribute","t","a","_$setStyleProperty","o","i","n","_$use","_$createComponent","_$memo","_$setAttribute","_$setStyleProperty"],"sources":["../../../../src/components/layout/floating-preview/floating-preview.tsx"],"sourcesContent":["import { createEffect, createSignal, onCleanup, onMount, on, type JSX } from 'solid-js'\nimport { Move, X } from 'lucide-solid'\nimport { ActionButton } from '../../composites/action-button'\nimport { ScrollArea } from '../../ui/scroll-area'\nimport {\n  type FloatingPreviewFrame,\n  type FloatingPreviewResizeDirection,\n  type FloatingPreviewSize,\n  resolveFloatingPreviewFrame,\n  resizeFloatingPreview,\n} from './model'\n\nconst directions: readonly {\n  direction: FloatingPreviewResizeDirection\n  class: string\n  glyph: string\n}[] = [\n  {\n    direction: 'north',\n    class: 'absolute -top-3 right-6 left-6 h-control-xs w-auto cursor-ns-resize touch-none',\n    glyph: '↕',\n  },\n  {\n    direction: 'south',\n    class: 'absolute -bottom-3 right-6 left-6 h-control-xs w-auto cursor-ns-resize touch-none',\n    glyph: '↕',\n  },\n  {\n    direction: 'east',\n    class: 'absolute -right-3 top-6 bottom-6 w-6 h-auto cursor-ew-resize touch-none',\n    glyph: '↔',\n  },\n  {\n    direction: 'west',\n    class: 'absolute -left-3 top-6 bottom-6 w-6 h-auto cursor-ew-resize touch-none',\n    glyph: '↔',\n  },\n  {\n    direction: 'northwest',\n    class: 'absolute -top-3 -left-3 size-control-xs cursor-nwse-resize touch-none',\n    glyph: '↖',\n  },\n  {\n    direction: 'northeast',\n    class: 'absolute -top-3 -right-3 size-control-xs cursor-nesw-resize touch-none',\n    glyph: '↗',\n  },\n  {\n    direction: 'southwest',\n    class: 'absolute -bottom-3 -left-3 size-control-xs cursor-nesw-resize touch-none',\n    glyph: '↙',\n  },\n  {\n    direction: 'southeast',\n    class: 'absolute -bottom-3 -right-3 size-control-xs cursor-nwse-resize touch-none',\n    glyph: '↘',\n  },\n]\n\nexport type FloatingPreviewProps = {\n  label: string\n  source: FloatingPreviewSize\n  onClose?: () => void\n  actions?: JSX.Element\n  children: JSX.Element\n}\n\n/** A host-bounded movable preview frame. Content and actions remain caller-owned. */\nexport function FloatingPreview(props: FloatingPreviewProps) {\n  const [frame, setFrame] = createSignal<FloatingPreviewFrame>({ x: 0, y: 0, width: 1, height: 1 })\n  // oxlint-disable-next-line no-unassigned-vars -- assigned through Solid's ref callback.\n  let bounds: HTMLDivElement | undefined\n  let observer: ResizeObserver | undefined\n  let gesture:\n    | {\n        id: number\n        x: number\n        y: number\n        start: FloatingPreviewFrame\n        direction: FloatingPreviewResizeDirection | null\n      }\n    | undefined\n\n  const measure = () => {\n    const rect = bounds?.getBoundingClientRect()\n    if (!rect) return\n    setFrame((current) =>\n      resolveFloatingPreviewFrame({\n        width: current.width > 1 ? current.width : null,\n        position: current.width > 1 ? { x: current.x, y: current.y } : null,\n        source: props.source,\n        container: { width: rect.width, height: rect.height },\n      })\n    )\n  }\n  createEffect(\n    on(\n      () => [props.source.width, props.source.height] as const,\n      () => measure(),\n      { defer: true }\n    )\n  )\n  onMount(() => {\n    if (bounds) {\n      observer = new ResizeObserver(measure)\n      observer.observe(bounds)\n      measure()\n    }\n  })\n  onCleanup(() => observer?.disconnect())\n\n  function start(event: PointerEvent, direction: FloatingPreviewResizeDirection | null) {\n    if (event.button !== 0 || gesture) return\n    event.preventDefault()\n    event.stopPropagation()\n    gesture = { id: event.pointerId, x: event.clientX, y: event.clientY, start: frame(), direction }\n    ;(event.currentTarget as HTMLElement).setPointerCapture(event.pointerId)\n  }\n  function move(event: PointerEvent) {\n    if (!gesture || gesture.id !== event.pointerId) return\n    const rect = bounds?.getBoundingClientRect()\n    if (!rect) return\n    const container = { width: rect.width, height: rect.height }\n    const delta = { x: event.clientX - gesture.x, y: event.clientY - gesture.y }\n    setFrame(\n      gesture.direction\n        ? resizeFloatingPreview({\n            start: gesture.start,\n            direction: gesture.direction,\n            delta,\n            source: props.source,\n            container,\n          })\n        : resolveFloatingPreviewFrame({\n            width: gesture.start.width,\n            position: { x: gesture.start.x + delta.x, y: gesture.start.y + delta.y },\n            source: props.source,\n            container,\n          })\n    )\n  }\n  function end(event: PointerEvent) {\n    if (gesture?.id === event.pointerId) gesture = undefined\n  }\n  function keyboardMove(event: KeyboardEvent) {\n    const delta = { x: 0, y: 0 }\n    if (event.key === 'ArrowLeft') delta.x = -10\n    else if (event.key === 'ArrowRight') delta.x = 10\n    else if (event.key === 'ArrowUp') delta.y = -10\n    else if (event.key === 'ArrowDown') delta.y = 10\n    else return\n    event.preventDefault()\n    const rect = bounds?.getBoundingClientRect()\n    if (!rect) return\n    const current = frame()\n    setFrame(\n      resolveFloatingPreviewFrame({\n        width: current.width,\n        position: { x: current.x + delta.x, y: current.y + delta.y },\n        source: props.source,\n        container: { width: rect.width, height: rect.height },\n      })\n    )\n  }\n  function keyboardResize(event: KeyboardEvent, direction: FloatingPreviewResizeDirection) {\n    if (!event.key.startsWith('Arrow')) return\n    event.preventDefault()\n    const rect = bounds?.getBoundingClientRect()\n    if (!rect) return\n    const delta = {\n      x: event.key === 'ArrowRight' ? 10 : event.key === 'ArrowLeft' ? -10 : 0,\n      y: event.key === 'ArrowDown' ? 10 : event.key === 'ArrowUp' ? -10 : 0,\n    }\n    setFrame(\n      resizeFloatingPreview({\n        start: frame(),\n        direction,\n        delta,\n        source: props.source,\n        container: { width: rect.width, height: rect.height },\n      })\n    )\n  }\n\n  return (\n    <div\n      ref={bounds}\n      class=\"pointer-events-none absolute inset-0 z-(--z-sticky) overflow-hidden\"\n      aria-label={props.label}\n    >\n      <section\n        class=\"pointer-events-auto absolute flex flex-col overflow-visible rounded-lg border border-border bg-card text-card-foreground shadow-lg\"\n        aria-label={props.label}\n        style={{\n          left: `${frame().x}px`,\n          top: `${frame().y}px`,\n          width: `${frame().width}px`,\n          height: `${frame().height}px`,\n        }}\n      >\n        <header class=\"flex h-control-sm items-center gap-1 border-b border-border p-1\">\n          <ActionButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            class=\"flex-1 cursor-move touch-none\"\n            aria-label={`Move ${props.label}`}\n            tooltip={`Move ${props.label}. Use arrow keys to adjust its position.`}\n            onPointerDown={(event) => start(event, null)}\n            onPointerMove={move}\n            onPointerUp={end}\n            onPointerCancel={end}\n            onLostPointerCapture={end}\n            onKeyDown={keyboardMove}\n          >\n            <>\n              <Move aria-hidden=\"true\" />\n              Move\n            </>\n          </ActionButton>\n          <div class=\"flex items-center gap-1\">{props.actions}</div>\n          {props.onClose && (\n            <ActionButton\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={`Close ${props.label}`}\n              tooltip={`Close ${props.label}.`}\n              onClick={props.onClose}\n            >\n              <X aria-hidden=\"true\" />\n            </ActionButton>\n          )}\n        </header>\n        <ScrollArea role=\"region\" aria-label={`${props.label} content`} class=\"flex-1\" tabIndex={0}>\n          {props.children}\n        </ScrollArea>\n        {directions.map(({ direction, class: className, glyph }) => (\n          <ActionButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            class={className}\n            data-direction={direction}\n            aria-label={`Resize ${props.label} ${direction}`}\n            tooltip={`Resize ${props.label} from the ${direction} edge. Use arrow keys to resize.`}\n            onPointerDown={(event) => start(event, direction)}\n            onPointerMove={move}\n            onPointerUp={end}\n            onPointerCancel={end}\n            onLostPointerCapture={end}\n            onKeyDown={(event) => keyboardResize(event, direction)}\n          >\n            <span aria-hidden=\"true\">{glyph}</span>\n          </ActionButton>\n        ))}\n      </section>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/layout/floating-preview/index.d.ts

@@ -0,0 +1,3 @@
+export * from './model';
+export * from './floating-preview';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/floating-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/floating-preview/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA"}

package/dist/components/layout/floating-preview/index.js

@@ -0,0 +1,3 @@
+import { FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, resizeFloatingPreview, resizePreviewMiniPlayer, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame } from "./model.js";
+import { FloatingPreview } from "./floating-preview.js";
+export { FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, FloatingPreview, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, resizeFloatingPreview, resizePreviewMiniPlayer, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame };

package/dist/components/layout/floating-preview/model.d.ts

@@ -0,0 +1,74 @@
+export declare const PREVIEW_MINI_PLAYER_EDGE_GAP = 12;
+export declare const PREVIEW_MINI_PLAYER_CORNER_RADIUS = 12;
+export interface PreviewMiniPlayerSize {
+    readonly width: number;
+    readonly height: number;
+}
+export interface PreviewMiniPlayerPosition {
+    readonly x: number;
+    readonly y: number;
+}
+export interface PreviewMiniPlayerFrame extends PreviewMiniPlayerPosition, PreviewMiniPlayerSize {
+}
+export type BrowserViewportResizeDirection = 'north' | 'south' | 'east' | 'west' | 'northwest' | 'northeast' | 'southwest' | 'southeast';
+interface HorizontalSpan {
+    readonly left: number;
+    readonly right: number;
+}
+/**
+ * The composer stack docked to the bottom edge, in container coordinates. It
+ * only reserves the columns it covers, so the margins beside it stay open all
+ * the way down.
+ */
+export interface PreviewMiniPlayerObstacles {
+    readonly composer: (HorizontalSpan & {
+        readonly height: number;
+    }) | null;
+}
+export declare const NO_PREVIEW_MINI_PLAYER_OBSTACLES: PreviewMiniPlayerObstacles;
+/**
+ * Keeps the player inside the container and off the composer. An overlapping
+ * player is pushed out along whichever side needs the smaller move, so a drag
+ * slides along the composer into the margin beside it instead of stopping at
+ * its top edge; when no side leaves it fully clear it sits above the composer.
+ */
+export declare function clampPreviewMiniPlayerPosition(position: PreviewMiniPlayerPosition, container: PreviewMiniPlayerSize, player: PreviewMiniPlayerSize, obstacles?: PreviewMiniPlayerObstacles): PreviewMiniPlayerPosition;
+/**
+ * Resolves the on-screen frame from the stored width and position. Clamping
+ * happens here on every layout pass instead of being written back to the
+ * store, so a temporarily narrow container never destroys the user's chosen
+ * width. A player without a position sits in the top-right corner.
+ */
+export declare function resolvePreviewMiniPlayerFrame(input: {
+    readonly width: number | null;
+    readonly position: PreviewMiniPlayerPosition | null;
+    readonly source: PreviewMiniPlayerSize;
+    readonly container: PreviewMiniPlayerSize;
+    readonly obstacles?: PreviewMiniPlayerObstacles;
+}): PreviewMiniPlayerFrame;
+/**
+ * Resizes from any edge or corner while holding the aspect ratio. The edge
+ * opposite the dragged one stays anchored, so growth stops at the container
+ * on that axis and the pointer keeps tracking the grabbed edge.
+ */
+export declare function resizePreviewMiniPlayer(input: {
+    readonly start: PreviewMiniPlayerFrame;
+    readonly direction: BrowserViewportResizeDirection;
+    readonly delta: PreviewMiniPlayerPosition;
+    readonly source: PreviewMiniPlayerSize;
+    readonly container: PreviewMiniPlayerSize;
+    readonly obstacles?: PreviewMiniPlayerObstacles;
+}): PreviewMiniPlayerFrame;
+export type FloatingPreviewSize = PreviewMiniPlayerSize;
+export type FloatingPreviewPosition = PreviewMiniPlayerPosition;
+export type FloatingPreviewFrame = PreviewMiniPlayerFrame;
+export type FloatingPreviewResizeDirection = BrowserViewportResizeDirection;
+export type FloatingPreviewObstacles = PreviewMiniPlayerObstacles;
+export declare const FLOATING_PREVIEW_EDGE_GAP = 12;
+export declare const FLOATING_PREVIEW_CORNER_RADIUS = 12;
+export declare const NO_FLOATING_PREVIEW_OBSTACLES: PreviewMiniPlayerObstacles;
+export declare const resolveFloatingPreviewFrame: typeof resolvePreviewMiniPlayerFrame;
+export declare const resizeFloatingPreview: typeof resizePreviewMiniPlayer;
+export declare const clampFloatingPreviewPosition: typeof clampPreviewMiniPlayerPosition;
+export {};
+//# sourceMappingURL=model.d.ts.map

package/dist/components/layout/floating-preview/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/floating-preview/model.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,4BAA4B,KAAK,CAAA;AAC9C,eAAO,MAAM,iCAAiC,KAAK,CAAA;AACnD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AACD,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,MAAM,WAAW,sBAAuB,SAAQ,yBAAyB,EAAE,qBAAqB;CAAG;AAEnG,MAAM,MAAM,8BAA8B,GACtC,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAA;AAKf,UAAU,cAAc;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,cAAc,GAAG;QAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,IAAI,CAAA;CACzE;AAED,eAAO,MAAM,gCAAgC,EAAE,0BAA+C,CAAA;AAgG9F;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,yBAAyB,EACnC,SAAS,EAAE,qBAAqB,EAChC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,GAAE,0BAA6D,GACvE,yBAAyB,CAwB3B;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACnD,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAA;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,0BAA0B,CAAA;CAChD,GAAG,sBAAsB,CAYzB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC7C,QAAQ,CAAC,KAAK,EAAE,sBAAsB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,8BAA8B,CAAA;IAClD,QAAQ,CAAC,KAAK,EAAE,yBAAyB,CAAA;IACzC,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAA;IACtC,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAA;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,0BAA0B,CAAA;CAChD,GAAG,sBAAsB,CAmDzB;AAID,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAA;AACvD,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAA;AAC/D,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAA;AACzD,MAAM,MAAM,8BAA8B,GAAG,8BAA8B,CAAA;AAC3E,MAAM,MAAM,wBAAwB,GAAG,0BAA0B,CAAA;AACjE,eAAO,MAAM,yBAAyB,KAA+B,CAAA;AACrE,eAAO,MAAM,8BAA8B,KAAoC,CAAA;AAC/E,eAAO,MAAM,6BAA6B,4BAAmC,CAAA;AAC7E,eAAO,MAAM,2BAA2B,sCAAgC,CAAA;AACxE,eAAO,MAAM,qBAAqB,gCAA0B,CAAA;AAC5D,eAAO,MAAM,4BAA4B,uCAAiC,CAAA"}