@vielzeug/buildit 2.0.0

package/dist/tooltip.js

@@ -0,0 +1,111 @@
+import { forcedColorsMixin as e } from "./styles/mixins/theme.css.js";
+import "./styles/index.js";
+import t from "./overlay/tooltip/tooltip.css?inline.js";
+import { computed as n, createId as r, defineComponent as i, html as a, onMount as o, onSlotChange as s, signal as c, watch as l } from "@vielzeug/craftit";
+import { autoUpdate as u, computePosition as d, flip as f, offset as p, shift as m } from "@vielzeug/floatit";
+//#region src/overlay/tooltip/tooltip.ts
+var h = 8, g = 4, _ = i({
+	props: {
+		"close-delay": { default: 0 },
+		content: { default: "" },
+		delay: { default: 0 },
+		disabled: { default: !1 },
+		open: { default: void 0 },
+		placement: { default: "top" },
+		size: { default: void 0 },
+		trigger: { default: "hover,focus" },
+		variant: { default: void 0 }
+	},
+	setup({ host: e, props: t }) {
+		let i = c(!1), _ = c("top"), v = null, y = null, b = null, x = null, S = r("tooltip"), C = n(() => String(t.trigger.value).split(",").map((e) => e.trim()).filter(Boolean));
+		function w() {
+			return (e.shadowRoot?.querySelector("slot:not([name])"))?.assignedElements({ flatten: !0 })?.[0] ?? null;
+		}
+		function T() {
+			if (!x) return;
+			let e = w();
+			e && d(e, x, {
+				middleware: [
+					p(h),
+					f(),
+					m({ padding: 6 })
+				],
+				placement: t.placement.value
+			}).then(({ placement: e, x: t, y: n }) => {
+				if (!x) return;
+				let r = e.split("-")[0], i = r === "left" ? t - g : t;
+				x.style.left = `${i}px`, x.style.top = `${n}px`, _.value = r;
+			});
+		}
+		function E() {
+			t.open.value !== void 0 || t.disabled.value || !t.content.value && !(((e.shadowRoot?.querySelector("slot[name=\"content\"]"))?.assignedNodes({ flatten: !0 }).length ?? 0) > 0) || (b &&= (clearTimeout(b), null), y && clearTimeout(y), y = setTimeout(() => {
+				i.value = !0, x && !x.matches(":popover-open") && x.showPopover();
+				let e = w();
+				e && x ? (v?.(), v = u(e, x, T)) : requestAnimationFrame(() => T());
+			}, Number(t.delay.value) || 0));
+		}
+		function D() {
+			if (t.open.value !== void 0) return;
+			y &&= (clearTimeout(y), null);
+			let e = Number(t["close-delay"].value) || 0;
+			e > 0 ? (b && clearTimeout(b), b = setTimeout(() => {
+				b = null, O();
+			}, e)) : O();
+		}
+		function O() {
+			v?.(), v = null, i.value = !1, x?.matches(":popover-open") && x.hidePopover();
+		}
+		function k() {
+			i.value ? D() : E();
+		}
+		o(() => {
+			let n = e.shadowRoot?.querySelector("slot:not([name])");
+			if (!n) return;
+			let r = () => {
+				a();
+				let e = n.assignedElements({ flatten: !0 })[0];
+				if (!e) return;
+				e.setAttribute("aria-describedby", S);
+				let t = C.value;
+				t.includes("hover") && (e.addEventListener("pointerenter", E), e.addEventListener("pointerleave", D)), t.includes("focus") && (e.addEventListener("focusin", E), e.addEventListener("focusout", D)), t.includes("click") && e.addEventListener("click", k), document.addEventListener("keydown", A);
+			}, a = () => {
+				let e = n.assignedElements({ flatten: !0 })[0];
+				e && (e.removeAttribute("aria-describedby"), e.removeEventListener("pointerenter", E), e.removeEventListener("pointerleave", D), e.removeEventListener("focusin", E), e.removeEventListener("focusout", D), e.removeEventListener("click", k), document.removeEventListener("keydown", A));
+			};
+			return s("default", r), l(t.open, (e) => {
+				if (e != null) if (e) {
+					i.value = !0, x && !x.matches(":popover-open") && x.showPopover();
+					let e = w();
+					e && x ? (v?.(), v = u(e, x, T)) : requestAnimationFrame(() => T());
+				} else O();
+			}), () => {
+				a(), y && clearTimeout(y), b && clearTimeout(b), v?.(), v = null, x?.matches(":popover-open") && x.hidePopover();
+			};
+		});
+		function A(e) {
+			e.key === "Escape" && D();
+		}
+		return a`
+      <slot></slot>
+      <div
+        class="tooltip"
+        part="tooltip"
+        id="${S}"
+        role="tooltip"
+        popover="manual"
+        ref=${(e) => {
+			x = e;
+		}}
+        :data-placement="${_}"
+        :aria-hidden="${() => String(!i.value)}">
+        <slot name="content">${() => t.content.value}</slot>
+      </div>
+    `;
+	},
+	styles: [e, t],
+	tag: "bit-tooltip"
+});
+//#endregion
+export { _ as TOOLTIP_TAG };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":[],"sources":["../src/overlay/tooltip/tooltip.ts"],"sourcesContent":["import type { Placement } from '@vielzeug/floatit';\n\nimport { computed, createId, defineComponent, html, onMount, onSlotChange, signal, watch } from '@vielzeug/craftit';\nimport { autoUpdate, computePosition, flip, offset, shift } from '@vielzeug/floatit';\n\nimport type { ComponentSize } from '../../types';\n\nimport { forcedColorsMixin } from '../../styles';\n\ntype TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\ntype TooltipTrigger = 'hover' | 'focus' | 'click';\n\nconst TOOLTIP_OFFSET = 8; // gap from trigger to tooltip edge\nconst LEFT_GAP_COMPENSATION = 4; // left placement looks visually tighter in practice\n\nimport styles from './tooltip.css?inline';\n\n/** Tooltip component properties */\nexport type BitTooltipProps = {\n  /** Hide delay in ms (useful to keep tooltip open when moving focus between trigger and tooltip) */\n  'close-delay'?: number;\n  /** Tooltip text content */\n  content?: string;\n  /** Show delay in ms */\n  delay?: number;\n  /** Disable the tooltip */\n  disabled?: boolean;\n  /** Controlled open state. When provided, the tooltip acts as a controlled component and ignores trigger events for open/close. */\n  open?: boolean;\n  /** Preferred placement relative to trigger */\n  placement?: TooltipPlacement;\n  /** Tooltip size */\n  size?: ComponentSize;\n  /** Which trigger(s) show/hide the tooltip — comma-separated if multiple, e.g. \"hover,focus\" */\n  trigger?: string;\n  /** Visual variant: 'dark' (default) or 'light' */\n  variant?: 'dark' | 'light';\n};\n\n/**\n * A lightweight tooltip shown on hover/focus/click relative to the slotted trigger.\n *\n * @element bit-tooltip\n *\n * @attr {string} content - Tooltip text content\n * @attr {string} placement - 'top' | 'bottom' | 'left' | 'right' (default: 'top')\n * @attr {string} trigger - 'hover' | 'focus' | 'click' or comma-separated combination\n * @attr {number} delay - Show delay in milliseconds (default: 0)\n * @attr {string} size - Size: 'sm' | 'md' | 'lg'\n * @attr {string} variant - 'dark' (default) | 'light'\n * @attr {boolean} disabled - Disable the tooltip\n *\n * @slot - Trigger element that the tooltip is anchored to\n * @slot content - Complex tooltip content (overrides the `content` attribute)\n *\n * @cssprop --tooltip-max-width - Max width of the tooltip bubble\n *\n * @example\n * ```html\n * <bit-tooltip content=\"Copy to clipboard\">\n *   <button>Copy</button>\n * </bit-tooltip>\n *\n * <bit-tooltip placement=\"right\" trigger=\"focus,hover\" content=\"Required field\">\n *   <input type=\"text\" />\n * </bit-tooltip>\n * ```\n */\nexport const TOOLTIP_TAG = defineComponent<BitTooltipProps>({\n  props: {\n    'close-delay': { default: 0 },\n    content: { default: '' },\n    delay: { default: 0 },\n    disabled: { default: false },\n    open: { default: undefined },\n    placement: { default: 'top' },\n    size: { default: undefined },\n    trigger: { default: 'hover,focus' },\n    variant: { default: undefined },\n  },\n  setup({ host, props }) {\n    const visible = signal(false);\n    const activePlacement = signal<TooltipPlacement>('top');\n    let autoUpdateCleanup: (() => void) | null = null;\n    let showTimer: ReturnType<typeof setTimeout> | null = null;\n    let hideTimer: ReturnType<typeof setTimeout> | null = null;\n    let tooltipEl: HTMLElement | null = null;\n    const tooltipId = createId('tooltip');\n    const triggers = computed<TooltipTrigger[]>(() =>\n      String(props.trigger.value)\n        .split(',')\n        .map((t: string) => t.trim() as TooltipTrigger)\n        .filter(Boolean),\n    );\n\n    function getTriggerEl(): Element | null {\n      // First slotted element is the trigger\n      const slot = host.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n      const assigned = slot?.assignedElements({ flatten: true });\n\n      return assigned?.[0] ?? null;\n    }\n    function updatePosition() {\n      if (!tooltipEl) return;\n\n      const triggerEl = getTriggerEl();\n\n      if (!triggerEl) return;\n\n      computePosition(triggerEl, tooltipEl, {\n        middleware: [offset(TOOLTIP_OFFSET), flip(), shift({ padding: 6 })],\n        placement: props.placement.value as Placement,\n      }).then(({ placement, x, y }) => {\n        if (!tooltipEl) return;\n\n        const side = placement.split('-')[0] as TooltipPlacement;\n        const adjustedX = side === 'left' ? x - LEFT_GAP_COMPENSATION : x;\n\n        tooltipEl.style.left = `${adjustedX}px`;\n        tooltipEl.style.top = `${y}px`;\n\n        activePlacement.value = side;\n      });\n    }\n    function show() {\n      if (props.open.value !== undefined) return; // controlled mode\n\n      const hasSlottedContent = () => {\n        const contentSlot = host.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"content\"]');\n\n        return (contentSlot?.assignedNodes({ flatten: true }).length ?? 0) > 0;\n      };\n\n      if (props.disabled.value || (!props.content.value && !hasSlottedContent())) return;\n\n      if (hideTimer) {\n        clearTimeout(hideTimer);\n        hideTimer = null;\n      }\n\n      if (showTimer) clearTimeout(showTimer);\n\n      showTimer = setTimeout(\n        () => {\n          visible.value = true;\n\n          if (tooltipEl && !tooltipEl.matches(':popover-open')) {\n            tooltipEl.showPopover();\n          }\n\n          // Start autoUpdate: repositions on scroll, resize, and reference size change\n          const triggerEl = getTriggerEl();\n\n          if (triggerEl && tooltipEl) {\n            autoUpdateCleanup?.();\n            autoUpdateCleanup = autoUpdate(triggerEl, tooltipEl, updatePosition);\n          } else {\n            requestAnimationFrame(() => updatePosition());\n          }\n        },\n        Number(props.delay.value) || 0,\n      );\n    }\n    function hide() {\n      if (props.open.value !== undefined) return; // controlled mode\n\n      if (showTimer) {\n        clearTimeout(showTimer);\n        showTimer = null;\n      }\n\n      const closeDelay = Number(props['close-delay'].value) || 0;\n\n      if (closeDelay > 0) {\n        if (hideTimer) clearTimeout(hideTimer);\n\n        hideTimer = setTimeout(() => {\n          hideTimer = null;\n          _doHide();\n        }, closeDelay);\n      } else {\n        _doHide();\n      }\n    }\n    function _doHide() {\n      autoUpdateCleanup?.();\n      autoUpdateCleanup = null;\n      visible.value = false;\n\n      if (tooltipEl?.matches(':popover-open')) {\n        tooltipEl.hidePopover();\n      }\n    }\n    function toggleClick() {\n      if (visible.value) hide();\n      else show();\n    }\n    onMount(() => {\n      const slot = host.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n\n      if (!slot) return;\n\n      const bindTriggerEvents = () => {\n        unbindTriggerEvents(); // clean up previous bindings\n\n        const triggerEl = slot.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n        if (!triggerEl) return;\n\n        triggerEl.setAttribute('aria-describedby', tooltipId);\n\n        const t = triggers.value;\n\n        if (t.includes('hover')) {\n          triggerEl.addEventListener('pointerenter', show);\n          triggerEl.addEventListener('pointerleave', hide);\n        }\n\n        if (t.includes('focus')) {\n          triggerEl.addEventListener('focusin', show);\n          triggerEl.addEventListener('focusout', hide);\n        }\n\n        if (t.includes('click')) {\n          triggerEl.addEventListener('click', toggleClick);\n        }\n\n        // Keyboard escape to dismiss\n        document.addEventListener('keydown', handleKeydown);\n      };\n      const unbindTriggerEvents = () => {\n        const triggerEl = slot.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n        if (!triggerEl) return;\n\n        triggerEl.removeAttribute('aria-describedby');\n        triggerEl.removeEventListener('pointerenter', show);\n        triggerEl.removeEventListener('pointerleave', hide);\n        triggerEl.removeEventListener('focusin', show);\n        triggerEl.removeEventListener('focusout', hide);\n        triggerEl.removeEventListener('click', toggleClick);\n        document.removeEventListener('keydown', handleKeydown);\n      };\n\n      onSlotChange('default', bindTriggerEvents);\n      // Controlled mode: watch the `open` prop and show/hide accordingly\n      watch(props.open, (openVal) => {\n        if (openVal === undefined || openVal === null) return;\n\n        if (openVal) {\n          visible.value = true;\n\n          if (tooltipEl && !tooltipEl.matches(':popover-open')) tooltipEl.showPopover();\n\n          const triggerEl = getTriggerEl();\n\n          if (triggerEl && tooltipEl) {\n            autoUpdateCleanup?.();\n            autoUpdateCleanup = autoUpdate(triggerEl, tooltipEl, updatePosition);\n          } else {\n            requestAnimationFrame(() => updatePosition());\n          }\n        } else {\n          _doHide();\n        }\n      });\n\n      return () => {\n        unbindTriggerEvents();\n\n        if (showTimer) clearTimeout(showTimer);\n\n        if (hideTimer) clearTimeout(hideTimer);\n\n        autoUpdateCleanup?.();\n        autoUpdateCleanup = null;\n\n        if (tooltipEl?.matches(':popover-open')) {\n          tooltipEl.hidePopover();\n        }\n      };\n    });\n    function handleKeydown(e: KeyboardEvent) {\n      if (e.key === 'Escape') hide();\n    }\n\n    return html`\n      <slot></slot>\n      <div\n        class=\"tooltip\"\n        part=\"tooltip\"\n        id=\"${tooltipId}\"\n        role=\"tooltip\"\n        popover=\"manual\"\n        ref=${(el: HTMLElement) => {\n          tooltipEl = el;\n        }}\n        :data-placement=\"${activePlacement}\"\n        :aria-hidden=\"${() => String(!visible.value)}\">\n        <slot name=\"content\">${() => props.content.value}</slot>\n      </div>\n    `;\n  },\n  styles: [forcedColorsMixin, styles],\n  tag: 'bit-tooltip',\n});\n"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * BuildIt Component Types
+ *
+ * Central export point for all TypeScript types used in BuildIt components.
+ */
+export * from './shared';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,UAAU,CAAC"}

package/dist/types/shared.d.ts

@@ -0,0 +1,120 @@
+/**
+ * Shared TypeScript Types for BuildIt Components
+ *
+ * This file provides reusable type utilities and common type definitions
+ * used across all BuildIt components for better type safety and DRX.
+ */
+/**
+ * Form validity methods exposed on form-associated custom elements.
+ * Mirrors the constraint validation API so form libraries (React Hook Form,
+ * etc.) and native `<form>` can interact with bit-* form controls directly.
+ */
+export type FormValidityMethods = {
+    /** Returns true if the element's value satisfies all constraints. */
+    checkValidity(): boolean;
+    /** Same as checkValidity() but also fires an invalid event and shows the
+     *  browser's validation UI when the element is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to clear. */
+    setCustomValidity(message: string): void;
+};
+/**
+ * Component size variants
+ * Consistent across all sized components
+ */
+export type ComponentSize = 'sm' | 'md' | 'lg';
+/**
+ * Theme color options
+ * Semantic colors used across the design system
+ */
+export type ThemeColor = 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+/**
+ * Visual variant types
+ * Common across interactive components
+ */
+export type VisualVariant = 'solid' | 'flat' | 'bordered' | 'outline' | 'ghost' | 'text' | 'frost' | 'glass';
+/**
+ * Rounded corner sizes
+ * Border radius variants
+ */
+export type RoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+/**
+ * Elevation levels
+ * Shadow depth from 0 (flat) to 5 (highest)
+ */
+export type ElevationLevel = 0 | 1 | 2 | 3 | 4 | 5;
+/**
+ * Padding sizes
+ * Internal spacing variants
+ */
+export type PaddingSize = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Button types for form submission
+ */
+export type ButtonType = 'button' | 'submit' | 'reset';
+/**
+ * Input types
+ * HTML5 input type attribute values
+ */
+export type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+/**
+ * Props for components that support theming
+ */
+export type ThemableProps = {
+    /** Theme color */
+    color?: ThemeColor;
+};
+/**
+ * Props for components with size variants
+ */
+export type SizableProps = {
+    /** Component size */
+    size?: ComponentSize;
+};
+/**
+ * Props for interactive components that can be disabled
+ */
+export type DisablableProps = {
+    /** Disable interaction */
+    disabled?: boolean;
+};
+/**
+ * Props for components with loading state
+ */
+export type LoadableProps = {
+    /** Loading state */
+    loading?: boolean;
+};
+/**
+ * Props for form elements
+ */
+export type FormElementProps = {
+    /** Form field name */
+    name?: string;
+    /** Field value */
+    value?: string;
+};
+/**
+ * Props for checkable elements (checkbox, radio)
+ */
+export type CheckableProps = FormElementProps & {
+    /** Checked state */
+    checked?: boolean;
+};
+/**
+ * Adds type-safe `addEventListener` / `removeEventListener` overloads to a custom element type.
+ *
+ * The event map `T` uses plain detail shapes (the same type passed to `defineEmits`):
+ * ```ts
+ * export interface BitInputEvents {
+ *   change: { value: string; originalEvent: Event };
+ *   input:  { value: string; originalEvent: Event };
+ * }
+ * ```
+ * Each entry is automatically wrapped in `CustomEvent<Detail>` for the listener signature.
+ */
+export type AddEventListeners<T> = {
+    addEventListener<K extends keyof T & string>(type: K, listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof T & string>(type: K, listener: (this: HTMLElement, ev: CustomEvent<T[K]>) => void, options?: boolean | EventListenerOptions): void;
+};
+//# sourceMappingURL=shared.d.ts.map

package/dist/types/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/types/shared.ts"],"names":[],"mappings":"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"}

package/dist/utils/animation.cjs

@@ -0,0 +1,2 @@
+var e=50;function t(t,n,r=`animation`){let i=!1,a=null,o=()=>{i||(i=!0,a!==null&&(clearTimeout(a),a=null),n())};queueMicrotask(()=>{let n=getComputedStyle(t);if(r===`animation`){let r=n.animationName.split(`,`).map(e=>e.trim()),i=n.animationDuration.split(`,`).map(e=>e.endsWith(`ms`)?Number.parseFloat(e):e.endsWith(`s`)?Number.parseFloat(e)*1e3:0),s=r.some(e=>e&&e!==`none`),c=Math.max(0,...i);if(!s||c<=0){o();return}t.addEventListener(`animationend`,o,{once:!0}),a=setTimeout(o,c+e)}else{let r=Number.parseFloat(n.transitionDuration);if(!r||r<=0){o();return}t.addEventListener(`transitionend`,o,{once:!0}),a=setTimeout(o,r*1e3+e)}})}exports.awaitExit=t;
+//# sourceMappingURL=animation.cjs.map

package/dist/utils/animation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.cjs","names":[],"sources":["../../src/utils/animation.ts"],"sourcesContent":["/**\n * Waits for a CSS exit animation or transition to finish, then calls `onDone`.\n *\n * When the element has no animation/transition running (e.g. reduced-motion or\n * overridden styles), `onDone` is called synchronously on the next microtask so\n * callers can safely set exit state before this call.\n *\n * @param el      - The element whose animation/transition to observe.\n * @param onDone  - Callback invoked exactly once when the animation ends.\n * @param type    - `'animation'` (default) or `'transition'`.\n */\n/** Safety buffer added to the computed CSS duration before the fallback timer fires. */\nconst ANIMATION_FALLBACK_BUFFER_MS = 50;\n\nexport function awaitExit(el: Element, onDone: () => void, type: 'animation' | 'transition' = 'animation'): void {\n  let finished = false;\n  let fallbackTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const finish = () => {\n    if (finished) return;\n\n    finished = true;\n\n    if (fallbackTimer !== null) {\n      clearTimeout(fallbackTimer);\n      fallbackTimer = null;\n    }\n\n    onDone();\n  };\n\n  queueMicrotask(() => {\n    const styles = getComputedStyle(el);\n\n    if (type === 'animation') {\n      const names = styles.animationName.split(',').map((v) => v.trim());\n      const durations = styles.animationDuration.split(',').map((v) => {\n        if (v.endsWith('ms')) return Number.parseFloat(v);\n\n        if (v.endsWith('s')) return Number.parseFloat(v) * 1000;\n\n        return 0;\n      });\n\n      const hasAnimation = names.some((n) => n && n !== 'none');\n      const maxDuration = Math.max(0, ...durations);\n\n      if (!hasAnimation || maxDuration <= 0) {\n        finish();\n\n        return;\n      }\n\n      el.addEventListener('animationend', finish, { once: true });\n      fallbackTimer = setTimeout(finish, maxDuration + ANIMATION_FALLBACK_BUFFER_MS);\n    } else {\n      const duration = Number.parseFloat(styles.transitionDuration);\n\n      if (!duration || duration <= 0) {\n        finish();\n\n        return;\n      }\n\n      el.addEventListener('transitionend', finish, { once: true });\n      fallbackTimer = setTimeout(finish, duration * 1000 + ANIMATION_FALLBACK_BUFFER_MS);\n    }\n  });\n}\n"],"mappings":"AAYA,IAAM,EAA+B,GAErC,SAAgB,EAAU,EAAa,EAAoB,EAAmC,YAAmB,CAC/G,IAAI,EAAW,GACX,EAAsD,KAEpD,MAAe,CACf,IAEJ,EAAW,GAEP,IAAkB,OACpB,aAAa,EAAc,CAC3B,EAAgB,MAGlB,GAAQ,GAGV,mBAAqB,CACnB,IAAM,EAAS,iBAAiB,EAAG,CAEnC,GAAI,IAAS,YAAa,CACxB,IAAM,EAAQ,EAAO,cAAc,MAAM,IAAI,CAAC,IAAK,GAAM,EAAE,MAAM,CAAC,CAC5D,EAAY,EAAO,kBAAkB,MAAM,IAAI,CAAC,IAAK,GACrD,EAAE,SAAS,KAAK,CAAS,OAAO,WAAW,EAAE,CAE7C,EAAE,SAAS,IAAI,CAAS,OAAO,WAAW,EAAE,CAAG,IAE5C,EACP,CAEI,EAAe,EAAM,KAAM,GAAM,GAAK,IAAM,OAAO,CACnD,EAAc,KAAK,IAAI,EAAG,GAAG,EAAU,CAE7C,GAAI,CAAC,GAAgB,GAAe,EAAG,CACrC,GAAQ,CAER,OAGF,EAAG,iBAAiB,eAAgB,EAAQ,CAAE,KAAM,GAAM,CAAC,CAC3D,EAAgB,WAAW,EAAQ,EAAc,EAA6B,KACzE,CACL,IAAM,EAAW,OAAO,WAAW,EAAO,mBAAmB,CAE7D,GAAI,CAAC,GAAY,GAAY,EAAG,CAC9B,GAAQ,CAER,OAGF,EAAG,iBAAiB,gBAAiB,EAAQ,CAAE,KAAM,GAAM,CAAC,CAC5D,EAAgB,WAAW,EAAQ,EAAW,IAAO,EAA6B,GAEpF"}

package/dist/utils/animation.d.ts

@@ -0,0 +1,2 @@
+export declare function awaitExit(el: Element, onDone: () => void, type?: 'animation' | 'transition'): void;
+//# sourceMappingURL=animation.d.ts.map

package/dist/utils/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../src/utils/animation.ts"],"names":[],"mappings":"AAcA,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,WAAW,GAAG,YAA0B,GAAG,IAAI,CAsD/G"}

package/dist/utils/animation.js

@@ -0,0 +1,29 @@
+//#region src/utils/animation.ts
+var e = 50;
+function t(t, n, r = "animation") {
+	let i = !1, a = null, o = () => {
+		i || (i = !0, a !== null && (clearTimeout(a), a = null), n());
+	};
+	queueMicrotask(() => {
+		let n = getComputedStyle(t);
+		if (r === "animation") {
+			let r = n.animationName.split(",").map((e) => e.trim()), i = n.animationDuration.split(",").map((e) => e.endsWith("ms") ? Number.parseFloat(e) : e.endsWith("s") ? Number.parseFloat(e) * 1e3 : 0), s = r.some((e) => e && e !== "none"), c = Math.max(0, ...i);
+			if (!s || c <= 0) {
+				o();
+				return;
+			}
+			t.addEventListener("animationend", o, { once: !0 }), a = setTimeout(o, c + e);
+		} else {
+			let r = Number.parseFloat(n.transitionDuration);
+			if (!r || r <= 0) {
+				o();
+				return;
+			}
+			t.addEventListener("transitionend", o, { once: !0 }), a = setTimeout(o, r * 1e3 + e);
+		}
+	});
+}
+//#endregion
+export { t as awaitExit };
+
+//# sourceMappingURL=animation.js.map

package/dist/utils/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","names":[],"sources":["../../src/utils/animation.ts"],"sourcesContent":["/**\n * Waits for a CSS exit animation or transition to finish, then calls `onDone`.\n *\n * When the element has no animation/transition running (e.g. reduced-motion or\n * overridden styles), `onDone` is called synchronously on the next microtask so\n * callers can safely set exit state before this call.\n *\n * @param el      - The element whose animation/transition to observe.\n * @param onDone  - Callback invoked exactly once when the animation ends.\n * @param type    - `'animation'` (default) or `'transition'`.\n */\n/** Safety buffer added to the computed CSS duration before the fallback timer fires. */\nconst ANIMATION_FALLBACK_BUFFER_MS = 50;\n\nexport function awaitExit(el: Element, onDone: () => void, type: 'animation' | 'transition' = 'animation'): void {\n  let finished = false;\n  let fallbackTimer: ReturnType<typeof setTimeout> | null = null;\n\n  const finish = () => {\n    if (finished) return;\n\n    finished = true;\n\n    if (fallbackTimer !== null) {\n      clearTimeout(fallbackTimer);\n      fallbackTimer = null;\n    }\n\n    onDone();\n  };\n\n  queueMicrotask(() => {\n    const styles = getComputedStyle(el);\n\n    if (type === 'animation') {\n      const names = styles.animationName.split(',').map((v) => v.trim());\n      const durations = styles.animationDuration.split(',').map((v) => {\n        if (v.endsWith('ms')) return Number.parseFloat(v);\n\n        if (v.endsWith('s')) return Number.parseFloat(v) * 1000;\n\n        return 0;\n      });\n\n      const hasAnimation = names.some((n) => n && n !== 'none');\n      const maxDuration = Math.max(0, ...durations);\n\n      if (!hasAnimation || maxDuration <= 0) {\n        finish();\n\n        return;\n      }\n\n      el.addEventListener('animationend', finish, { once: true });\n      fallbackTimer = setTimeout(finish, maxDuration + ANIMATION_FALLBACK_BUFFER_MS);\n    } else {\n      const duration = Number.parseFloat(styles.transitionDuration);\n\n      if (!duration || duration <= 0) {\n        finish();\n\n        return;\n      }\n\n      el.addEventListener('transitionend', finish, { once: true });\n      fallbackTimer = setTimeout(finish, duration * 1000 + ANIMATION_FALLBACK_BUFFER_MS);\n    }\n  });\n}\n"],"mappings":";AAYA,IAAM,IAA+B;AAErC,SAAgB,EAAU,GAAa,GAAoB,IAAmC,aAAmB;CAC/G,IAAI,IAAW,IACX,IAAsD,MAEpD,UAAe;AACf,QAEJ,IAAW,IAEP,MAAkB,SACpB,aAAa,EAAc,EAC3B,IAAgB,OAGlB,GAAQ;;AAGV,sBAAqB;EACnB,IAAM,IAAS,iBAAiB,EAAG;AAEnC,MAAI,MAAS,aAAa;GACxB,IAAM,IAAQ,EAAO,cAAc,MAAM,IAAI,CAAC,KAAK,MAAM,EAAE,MAAM,CAAC,EAC5D,IAAY,EAAO,kBAAkB,MAAM,IAAI,CAAC,KAAK,MACrD,EAAE,SAAS,KAAK,GAAS,OAAO,WAAW,EAAE,GAE7C,EAAE,SAAS,IAAI,GAAS,OAAO,WAAW,EAAE,GAAG,MAE5C,EACP,EAEI,IAAe,EAAM,MAAM,MAAM,KAAK,MAAM,OAAO,EACnD,IAAc,KAAK,IAAI,GAAG,GAAG,EAAU;AAE7C,OAAI,CAAC,KAAgB,KAAe,GAAG;AACrC,OAAQ;AAER;;AAIF,GADA,EAAG,iBAAiB,gBAAgB,GAAQ,EAAE,MAAM,IAAM,CAAC,EAC3D,IAAgB,WAAW,GAAQ,IAAc,EAA6B;SACzE;GACL,IAAM,IAAW,OAAO,WAAW,EAAO,mBAAmB;AAE7D,OAAI,CAAC,KAAY,KAAY,GAAG;AAC9B,OAAQ;AAER;;AAIF,GADA,EAAG,iBAAiB,iBAAiB,GAAQ,EAAE,MAAM,IAAM,CAAC,EAC5D,IAAgB,WAAW,GAAQ,IAAW,MAAO,EAA6B;;GAEpF"}

package/dist/utils/background-lock.cjs

@@ -0,0 +1,2 @@
+var e=0,t=[];function n(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++}function r(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}exports.lockBackground=n,exports.unlockBackground=r;
+//# sourceMappingURL=background-lock.cjs.map

package/dist/utils/background-lock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.cjs","names":[],"sources":["../../src/utils/background-lock.ts"],"sourcesContent":["/**\n * Shared background-lock utility for overlay components (dialog, drawer, etc.).\n *\n * Uses a reference count so that multiple stacked overlays each call\n * lockBackground / unlockBackground independently without interfering with\n * each other.  The `inert` attribute is applied once when the first overlay\n * opens and removed once the last one closes.\n */\n\nlet lockCount = 0;\nlet lockedEls: Element[] = [];\n\n/**\n * Marks all `document.body` children except the direct ancestor of `host` as\n * `inert`.  Safe to call from multiple overlays at once — only the first call\n * actually mutates the DOM.\n */\nexport function lockBackground(host: Element): void {\n  if (lockCount === 0) {\n    let ancestor: Element = host;\n\n    while (ancestor.parentElement && ancestor.parentElement !== document.body) {\n      ancestor = ancestor.parentElement;\n    }\n\n    lockedEls = Array.from(document.body.children).filter((el) => el !== ancestor && !el.hasAttribute('inert'));\n\n    for (const el of lockedEls) el.setAttribute('inert', '');\n  }\n\n  lockCount++;\n}\n\n/**\n * Decrements the lock count.  When it reaches zero, removes `inert` from all\n * elements that were locked by `lockBackground`.\n */\nexport function unlockBackground(): void {\n  lockCount = Math.max(0, lockCount - 1);\n\n  if (lockCount === 0) {\n    for (const el of lockedEls) el.removeAttribute('inert');\n    lockedEls = [];\n  }\n}\n"],"mappings":"AASA,IAAI,EAAY,EACZ,EAAuB,EAAE,CAO7B,SAAgB,EAAe,EAAqB,CAClD,GAAI,IAAc,EAAG,CACnB,IAAI,EAAoB,EAExB,KAAO,EAAS,eAAiB,EAAS,gBAAkB,SAAS,MACnE,EAAW,EAAS,cAGtB,EAAY,MAAM,KAAK,SAAS,KAAK,SAAS,CAAC,OAAQ,GAAO,IAAO,GAAY,CAAC,EAAG,aAAa,QAAQ,CAAC,CAE3G,IAAK,IAAM,KAAM,EAAW,EAAG,aAAa,QAAS,GAAG,CAG1D,IAOF,SAAgB,GAAyB,CAGvC,GAFA,EAAY,KAAK,IAAI,EAAG,EAAY,EAAE,CAElC,IAAc,EAAG,CACnB,IAAK,IAAM,KAAM,EAAW,EAAG,gBAAgB,QAAQ,CACvD,EAAY,EAAE"}

package/dist/utils/background-lock.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Shared background-lock utility for overlay components (dialog, drawer, etc.).
+ *
+ * Uses a reference count so that multiple stacked overlays each call
+ * lockBackground / unlockBackground independently without interfering with
+ * each other.  The `inert` attribute is applied once when the first overlay
+ * opens and removed once the last one closes.
+ */
+/**
+ * Marks all `document.body` children except the direct ancestor of `host` as
+ * `inert`.  Safe to call from multiple overlays at once — only the first call
+ * actually mutates the DOM.
+ */
+export declare function lockBackground(host: Element): void;
+/**
+ * Decrements the lock count.  When it reaches zero, removes `inert` from all
+ * elements that were locked by `lockBackground`.
+ */
+export declare function unlockBackground(): void;
+//# sourceMappingURL=background-lock.d.ts.map

package/dist/utils/background-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.d.ts","sourceRoot":"","sources":["../../src/utils/background-lock.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAclD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAOvC"}

package/dist/utils/background-lock.js

@@ -0,0 +1,21 @@
+//#region src/utils/background-lock.ts
+var e = 0, t = [];
+function n(n) {
+	if (e === 0) {
+		let e = n;
+		for (; e.parentElement && e.parentElement !== document.body;) e = e.parentElement;
+		t = Array.from(document.body.children).filter((t) => t !== e && !t.hasAttribute("inert"));
+		for (let e of t) e.setAttribute("inert", "");
+	}
+	e++;
+}
+function r() {
+	if (e = Math.max(0, e - 1), e === 0) {
+		for (let e of t) e.removeAttribute("inert");
+		t = [];
+	}
+}
+//#endregion
+export { n as lockBackground, r as unlockBackground };
+
+//# sourceMappingURL=background-lock.js.map

package/dist/utils/background-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.js","names":[],"sources":["../../src/utils/background-lock.ts"],"sourcesContent":["/**\n * Shared background-lock utility for overlay components (dialog, drawer, etc.).\n *\n * Uses a reference count so that multiple stacked overlays each call\n * lockBackground / unlockBackground independently without interfering with\n * each other.  The `inert` attribute is applied once when the first overlay\n * opens and removed once the last one closes.\n */\n\nlet lockCount = 0;\nlet lockedEls: Element[] = [];\n\n/**\n * Marks all `document.body` children except the direct ancestor of `host` as\n * `inert`.  Safe to call from multiple overlays at once — only the first call\n * actually mutates the DOM.\n */\nexport function lockBackground(host: Element): void {\n  if (lockCount === 0) {\n    let ancestor: Element = host;\n\n    while (ancestor.parentElement && ancestor.parentElement !== document.body) {\n      ancestor = ancestor.parentElement;\n    }\n\n    lockedEls = Array.from(document.body.children).filter((el) => el !== ancestor && !el.hasAttribute('inert'));\n\n    for (const el of lockedEls) el.setAttribute('inert', '');\n  }\n\n  lockCount++;\n}\n\n/**\n * Decrements the lock count.  When it reaches zero, removes `inert` from all\n * elements that were locked by `lockBackground`.\n */\nexport function unlockBackground(): void {\n  lockCount = Math.max(0, lockCount - 1);\n\n  if (lockCount === 0) {\n    for (const el of lockedEls) el.removeAttribute('inert');\n    lockedEls = [];\n  }\n}\n"],"mappings":";AASA,IAAI,IAAY,GACZ,IAAuB,EAAE;AAO7B,SAAgB,EAAe,GAAqB;AAClD,KAAI,MAAc,GAAG;EACnB,IAAI,IAAoB;AAExB,SAAO,EAAS,iBAAiB,EAAS,kBAAkB,SAAS,MACnE,KAAW,EAAS;AAGtB,MAAY,MAAM,KAAK,SAAS,KAAK,SAAS,CAAC,QAAQ,MAAO,MAAO,KAAY,CAAC,EAAG,aAAa,QAAQ,CAAC;AAE3G,OAAK,IAAM,KAAM,EAAW,GAAG,aAAa,SAAS,GAAG;;AAG1D;;AAOF,SAAgB,IAAyB;AAGvC,KAFA,IAAY,KAAK,IAAI,GAAG,IAAY,EAAE,EAElC,MAAc,GAAG;AACnB,OAAK,IAAM,KAAM,EAAW,GAAG,gBAAgB,QAAQ;AACvD,MAAY,EAAE"}

package/dist/utils/index.cjs

@@ -0,0 +1 @@
+require(`./animation.cjs`),require(`./background-lock.cjs`),require(`./use-overlay.cjs`);

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './animation';
+export * from './background-lock';
+export * from './use-overlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+import "./animation.js";
+import "./background-lock.js";
+import "./use-overlay.js";

package/dist/utils/use-overlay.cjs

@@ -0,0 +1,2 @@
+const e=require(`./animation.cjs`);require(`@vielzeug/craftit`);function t(t,n,r,i){let a=null,o=!1;return{applyInitialFocus:()=>{let e=i[`initial-focus`].value;if(e){let n=t.querySelector(e);n&&requestAnimationFrame(()=>n.focus())}},captureReturnFocus:()=>{a=document.activeElement},closeWithAnimation:()=>{let t=n.value;if(!t?.open||o)return;o=!0,t.classList.add(`closing`);let i=()=>{t.classList.remove(`closing`),o=!1,t.close()},a=r();a?e.awaitExit(a,i,`transition`):i()},restoreFocus:()=>{i[`return-focus`].value!==!1&&a&&(a.focus(),a=null)}}}exports.useOverlay=t;
+//# sourceMappingURL=use-overlay.cjs.map

package/dist/utils/use-overlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.cjs","names":[],"sources":["../../src/utils/use-overlay.ts"],"sourcesContent":["import { type ReadonlySignal } from '@vielzeug/craftit';\n\nimport { awaitExit } from './animation';\n\nexport interface OverlayProps {\n  'initial-focus': ReadonlySignal<string | undefined>;\n  'return-focus': ReadonlySignal<boolean | undefined>;\n}\n\n/**\n * Shared overlay composable for dialog-based components.\n *\n * Encapsulates the `returnFocusEl` variable, `applyInitialFocus`, the guarded\n * `closeWithAnimation` (with `isClosing` flag to prevent double-close), and\n * the focus-restore helper so that `bit-dialog` and `bit-drawer` don't repeat\n * this logic.\n *\n * Call at **setup scope** (outside `onMount`) so that the returned\n * `closeWithAnimation` is available before mount (e.g. to expose as an\n * imperative API or use inside `requestClose`).\n */\nexport function useOverlay(\n  host: HTMLElement,\n  dialogRef: { value: HTMLDialogElement | null | undefined },\n  getPanelEl: () => HTMLElement | null | undefined,\n  props: OverlayProps,\n) {\n  let returnFocusEl: HTMLElement | null = null;\n  let isClosing = false;\n\n  const captureReturnFocus = () => {\n    returnFocusEl = document.activeElement as HTMLElement;\n  };\n\n  const restoreFocus = () => {\n    if (props['return-focus'].value !== false && returnFocusEl) {\n      returnFocusEl.focus();\n      returnFocusEl = null;\n    }\n  };\n\n  const applyInitialFocus = () => {\n    const selector = props['initial-focus'].value;\n\n    if (selector) {\n      const target = host.querySelector<HTMLElement>(selector);\n\n      if (target) requestAnimationFrame(() => target.focus());\n    }\n  };\n\n  const closeWithAnimation = () => {\n    const dialog = dialogRef.value;\n\n    if (!dialog?.open || isClosing) return;\n\n    isClosing = true;\n    dialog.classList.add('closing');\n\n    const finish = () => {\n      dialog.classList.remove('closing');\n      isClosing = false;\n      dialog.close();\n    };\n\n    const panel = getPanelEl();\n\n    if (panel) {\n      awaitExit(panel, finish, 'transition');\n    } else {\n      finish();\n    }\n  };\n\n  return {\n    applyInitialFocus,\n    captureReturnFocus,\n    closeWithAnimation,\n    restoreFocus,\n  };\n}\n"],"mappings":"gEAqBA,SAAgB,EACd,EACA,EACA,EACA,EACA,CACA,IAAI,EAAoC,KACpC,EAAY,GA8ChB,MAAO,CACL,sBAlC8B,CAC9B,IAAM,EAAW,EAAM,iBAAiB,MAExC,GAAI,EAAU,CACZ,IAAM,EAAS,EAAK,cAA2B,EAAS,CAEpD,GAAQ,0BAA4B,EAAO,OAAO,CAAC,GA6BzD,uBA9C+B,CAC/B,EAAgB,SAAS,eA8CzB,uBA1B+B,CAC/B,IAAM,EAAS,EAAU,MAEzB,GAAI,CAAC,GAAQ,MAAQ,EAAW,OAEhC,EAAY,GACZ,EAAO,UAAU,IAAI,UAAU,CAE/B,IAAM,MAAe,CACnB,EAAO,UAAU,OAAO,UAAU,CAClC,EAAY,GACZ,EAAO,OAAO,EAGV,EAAQ,GAAY,CAEtB,EACF,EAAA,UAAU,EAAO,EAAQ,aAAa,CAEtC,GAAQ,EAQV,iBA5CyB,CACrB,EAAM,gBAAgB,QAAU,IAAS,IAC3C,EAAc,OAAO,CACrB,EAAgB,OA0CnB"}

package/dist/utils/use-overlay.d.ts

@@ -0,0 +1,26 @@
+import { type ReadonlySignal } from '@vielzeug/craftit';
+export interface OverlayProps {
+    'initial-focus': ReadonlySignal<string | undefined>;
+    'return-focus': ReadonlySignal<boolean | undefined>;
+}
+/**
+ * Shared overlay composable for dialog-based components.
+ *
+ * Encapsulates the `returnFocusEl` variable, `applyInitialFocus`, the guarded
+ * `closeWithAnimation` (with `isClosing` flag to prevent double-close), and
+ * the focus-restore helper so that `bit-dialog` and `bit-drawer` don't repeat
+ * this logic.
+ *
+ * Call at **setup scope** (outside `onMount`) so that the returned
+ * `closeWithAnimation` is available before mount (e.g. to expose as an
+ * imperative API or use inside `requestClose`).
+ */
+export declare function useOverlay(host: HTMLElement, dialogRef: {
+    value: HTMLDialogElement | null | undefined;
+}, getPanelEl: () => HTMLElement | null | undefined, props: OverlayProps): {
+    applyInitialFocus: () => void;
+    captureReturnFocus: () => void;
+    closeWithAnimation: () => void;
+    restoreFocus: () => void;
+};
+//# sourceMappingURL=use-overlay.d.ts.map

package/dist/utils/use-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.d.ts","sourceRoot":"","sources":["../../src/utils/use-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACpD,cAAc,EAAE,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CACrD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE;IAAE,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,EAC1D,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,EAChD,KAAK,EAAE,YAAY;;;;;EAuDpB"}

package/dist/utils/use-overlay.js

@@ -0,0 +1,34 @@
+import { awaitExit as e } from "./animation.js";
+import "@vielzeug/craftit";
+//#region src/utils/use-overlay.ts
+function t(t, n, r, i) {
+	let a = null, o = !1;
+	return {
+		applyInitialFocus: () => {
+			let e = i["initial-focus"].value;
+			if (e) {
+				let n = t.querySelector(e);
+				n && requestAnimationFrame(() => n.focus());
+			}
+		},
+		captureReturnFocus: () => {
+			a = document.activeElement;
+		},
+		closeWithAnimation: () => {
+			let t = n.value;
+			if (!t?.open || o) return;
+			o = !0, t.classList.add("closing");
+			let i = () => {
+				t.classList.remove("closing"), o = !1, t.close();
+			}, a = r();
+			a ? e(a, i, "transition") : i();
+		},
+		restoreFocus: () => {
+			i["return-focus"].value !== !1 && a && (a.focus(), a = null);
+		}
+	};
+}
+//#endregion
+export { t as useOverlay };
+
+//# sourceMappingURL=use-overlay.js.map

package/dist/utils/use-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-overlay.js","names":[],"sources":["../../src/utils/use-overlay.ts"],"sourcesContent":["import { type ReadonlySignal } from '@vielzeug/craftit';\n\nimport { awaitExit } from './animation';\n\nexport interface OverlayProps {\n  'initial-focus': ReadonlySignal<string | undefined>;\n  'return-focus': ReadonlySignal<boolean | undefined>;\n}\n\n/**\n * Shared overlay composable for dialog-based components.\n *\n * Encapsulates the `returnFocusEl` variable, `applyInitialFocus`, the guarded\n * `closeWithAnimation` (with `isClosing` flag to prevent double-close), and\n * the focus-restore helper so that `bit-dialog` and `bit-drawer` don't repeat\n * this logic.\n *\n * Call at **setup scope** (outside `onMount`) so that the returned\n * `closeWithAnimation` is available before mount (e.g. to expose as an\n * imperative API or use inside `requestClose`).\n */\nexport function useOverlay(\n  host: HTMLElement,\n  dialogRef: { value: HTMLDialogElement | null | undefined },\n  getPanelEl: () => HTMLElement | null | undefined,\n  props: OverlayProps,\n) {\n  let returnFocusEl: HTMLElement | null = null;\n  let isClosing = false;\n\n  const captureReturnFocus = () => {\n    returnFocusEl = document.activeElement as HTMLElement;\n  };\n\n  const restoreFocus = () => {\n    if (props['return-focus'].value !== false && returnFocusEl) {\n      returnFocusEl.focus();\n      returnFocusEl = null;\n    }\n  };\n\n  const applyInitialFocus = () => {\n    const selector = props['initial-focus'].value;\n\n    if (selector) {\n      const target = host.querySelector<HTMLElement>(selector);\n\n      if (target) requestAnimationFrame(() => target.focus());\n    }\n  };\n\n  const closeWithAnimation = () => {\n    const dialog = dialogRef.value;\n\n    if (!dialog?.open || isClosing) return;\n\n    isClosing = true;\n    dialog.classList.add('closing');\n\n    const finish = () => {\n      dialog.classList.remove('closing');\n      isClosing = false;\n      dialog.close();\n    };\n\n    const panel = getPanelEl();\n\n    if (panel) {\n      awaitExit(panel, finish, 'transition');\n    } else {\n      finish();\n    }\n  };\n\n  return {\n    applyInitialFocus,\n    captureReturnFocus,\n    closeWithAnimation,\n    restoreFocus,\n  };\n}\n"],"mappings":";;;AAqBA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAI,IAAoC,MACpC,IAAY;AA8ChB,QAAO;EACL,yBAlC8B;GAC9B,IAAM,IAAW,EAAM,iBAAiB;AAExC,OAAI,GAAU;IACZ,IAAM,IAAS,EAAK,cAA2B,EAAS;AAExD,IAAI,KAAQ,4BAA4B,EAAO,OAAO,CAAC;;;EA6BzD,0BA9C+B;AAC/B,OAAgB,SAAS;;EA8CzB,0BA1B+B;GAC/B,IAAM,IAAS,EAAU;AAEzB,OAAI,CAAC,GAAQ,QAAQ,EAAW;AAGhC,GADA,IAAY,IACZ,EAAO,UAAU,IAAI,UAAU;GAE/B,IAAM,UAAe;AAGnB,IAFA,EAAO,UAAU,OAAO,UAAU,EAClC,IAAY,IACZ,EAAO,OAAO;MAGV,IAAQ,GAAY;AAE1B,GAAI,IACF,EAAU,GAAO,GAAQ,aAAa,GAEtC,GAAQ;;EAQV,oBA5CyB;AACzB,GAAI,EAAM,gBAAgB,UAAU,MAAS,MAC3C,EAAc,OAAO,EACrB,IAAgB;;EA0CnB"}

package/dist/virtualit/dist/dom/dom.cjs

@@ -0,0 +1,2 @@
+const e=require(`../virtualit.cjs`);function t(t){let n=[],r=null,i=null,a=null,o=e=>typeof t.estimateSize==`number`?t.estimateSize:t.estimateSize(e,n[e]),s=()=>{!r||!a||(r.style.height=`${a.getTotalSize()}px`,r.style.position=`relative`,r.style.contain=`layout`)},c=()=>{r&&(t.clear(r),r.style.height=``,r.style.position=``,r.style.contain=``)},l=()=>{let l=t.getScrollElement(),u=t.getListElement();if(!l||!u||n.length===0){a?.destroy(),a=null,r=u,i=l,c();return}let d=i!==l||r!==u;r=u,i=l,!a||d?(a?.destroy(),a=e.t(i,{count:n.length,estimateSize:o,onChange:e=>{r&&t.render({items:n,listEl:r,virtualItems:e})},overscan:t.overscan??3})):(a.count=n.length,a.invalidate()),s()};return{destroy(){a?.destroy(),a=null,c()},scrollToIndex(e,t){a?.scrollToIndex(e,t)},update(e,o){if(n=e,!o||n.length===0){a?.destroy(),a=null,r=t.getListElement(),i=t.getScrollElement(),c();return}l()}}}exports.t=t;
+//# sourceMappingURL=dom.cjs.map

package/dist/virtualit/dist/dom/dom.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.cjs","names":["e"],"sources":["../../../../../virtualit/dist/dom/dom.js"],"sourcesContent":["import { createVirtualizer as e } from \"../virtualit.js\";\n//#region src/dom/dom.ts\nfunction t(t) {\n\tlet n = [], r = null, i = null, a = null, o = (e) => typeof t.estimateSize == \"number\" ? t.estimateSize : t.estimateSize(e, n[e]), s = () => {\n\t\t!r || !a || (r.style.height = `${a.getTotalSize()}px`, r.style.position = \"relative\", r.style.contain = \"layout\");\n\t}, c = () => {\n\t\tr && (t.clear(r), r.style.height = \"\", r.style.position = \"\", r.style.contain = \"\");\n\t}, l = () => {\n\t\tlet l = t.getScrollElement(), u = t.getListElement();\n\t\tif (!l || !u || n.length === 0) {\n\t\t\ta?.destroy(), a = null, r = u, i = l, c();\n\t\t\treturn;\n\t\t}\n\t\tlet d = i !== l || r !== u;\n\t\tr = u, i = l, !a || d ? (a?.destroy(), a = e(i, {\n\t\t\tcount: n.length,\n\t\t\testimateSize: o,\n\t\t\tonChange: (e) => {\n\t\t\t\tr && t.render({\n\t\t\t\t\titems: n,\n\t\t\t\t\tlistEl: r,\n\t\t\t\t\tvirtualItems: e\n\t\t\t\t});\n\t\t\t},\n\t\t\toverscan: t.overscan ?? 3\n\t\t})) : (a.count = n.length, a.invalidate()), s();\n\t};\n\treturn {\n\t\tdestroy() {\n\t\t\ta?.destroy(), a = null, c();\n\t\t},\n\t\tscrollToIndex(e, t) {\n\t\t\ta?.scrollToIndex(e, t);\n\t\t},\n\t\tupdate(e, o) {\n\t\t\tif (n = e, !o || n.length === 0) {\n\t\t\t\ta?.destroy(), a = null, r = t.getListElement(), i = t.getScrollElement(), c();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tl();\n\t\t}\n\t};\n}\n//#endregion\nexport { t as createDomVirtualList };\n\n//# sourceMappingURL=dom.js.map"],"mappings":"oCAEA,SAAS,EAAE,EAAG,CACb,IAAI,EAAI,EAAE,CAAE,EAAI,KAAM,EAAI,KAAM,EAAI,KAAM,EAAK,GAAM,OAAO,EAAE,cAAgB,SAAW,EAAE,aAAe,EAAE,aAAa,EAAG,EAAE,GAAG,CAAE,MAAU,CAC5I,CAAC,GAAK,CAAC,IAAM,EAAE,MAAM,OAAS,GAAG,EAAE,cAAc,CAAC,IAAK,EAAE,MAAM,SAAW,WAAY,EAAE,MAAM,QAAU,WACtG,MAAU,CACZ,IAAM,EAAE,MAAM,EAAE,CAAE,EAAE,MAAM,OAAS,GAAI,EAAE,MAAM,SAAW,GAAI,EAAE,MAAM,QAAU,KAC9E,MAAU,CACZ,IAAI,EAAI,EAAE,kBAAkB,CAAE,EAAI,EAAE,gBAAgB,CACpD,GAAI,CAAC,GAAK,CAAC,GAAK,EAAE,SAAW,EAAG,CAC/B,GAAG,SAAS,CAAE,EAAI,KAAM,EAAI,EAAG,EAAI,EAAG,GAAG,CACzC,OAED,IAAI,EAAI,IAAM,GAAK,IAAM,EACzB,EAAI,EAAG,EAAI,EAAG,CAAC,GAAK,GAAK,GAAG,SAAS,CAAE,EAAIA,EAAAA,EAAE,EAAG,CAC/C,MAAO,EAAE,OACT,aAAc,EACd,SAAW,GAAM,CAChB,GAAK,EAAE,OAAO,CACb,MAAO,EACP,OAAQ,EACR,aAAc,EACd,CAAC,EAEH,SAAU,EAAE,UAAY,EACxB,CAAC,GAAK,EAAE,MAAQ,EAAE,OAAQ,EAAE,YAAY,EAAG,GAAG,EAEhD,MAAO,CACN,SAAU,CACT,GAAG,SAAS,CAAE,EAAI,KAAM,GAAG,EAE5B,cAAc,EAAG,EAAG,CACnB,GAAG,cAAc,EAAG,EAAE,EAEvB,OAAO,EAAG,EAAG,CACZ,GAAI,EAAI,EAAG,CAAC,GAAK,EAAE,SAAW,EAAG,CAChC,GAAG,SAAS,CAAE,EAAI,KAAM,EAAI,EAAE,gBAAgB,CAAE,EAAI,EAAE,kBAAkB,CAAE,GAAG,CAC7E,OAED,GAAG,EAEJ"}

package/dist/virtualit/dist/dom/dom.js

@@ -0,0 +1,47 @@
+import { t as e } from "../virtualit.js";
+//#region ../virtualit/dist/dom/dom.js
+function t(t) {
+	let n = [], r = null, i = null, a = null, o = (e) => typeof t.estimateSize == "number" ? t.estimateSize : t.estimateSize(e, n[e]), s = () => {
+		!r || !a || (r.style.height = `${a.getTotalSize()}px`, r.style.position = "relative", r.style.contain = "layout");
+	}, c = () => {
+		r && (t.clear(r), r.style.height = "", r.style.position = "", r.style.contain = "");
+	}, l = () => {
+		let l = t.getScrollElement(), u = t.getListElement();
+		if (!l || !u || n.length === 0) {
+			a?.destroy(), a = null, r = u, i = l, c();
+			return;
+		}
+		let d = i !== l || r !== u;
+		r = u, i = l, !a || d ? (a?.destroy(), a = e(i, {
+			count: n.length,
+			estimateSize: o,
+			onChange: (e) => {
+				r && t.render({
+					items: n,
+					listEl: r,
+					virtualItems: e
+				});
+			},
+			overscan: t.overscan ?? 3
+		})) : (a.count = n.length, a.invalidate()), s();
+	};
+	return {
+		destroy() {
+			a?.destroy(), a = null, c();
+		},
+		scrollToIndex(e, t) {
+			a?.scrollToIndex(e, t);
+		},
+		update(e, o) {
+			if (n = e, !o || n.length === 0) {
+				a?.destroy(), a = null, r = t.getListElement(), i = t.getScrollElement(), c();
+				return;
+			}
+			l();
+		}
+	};
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=dom.js.map

package/dist/virtualit/dist/dom/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","names":["e"],"sources":["../../../../../virtualit/dist/dom/dom.js"],"sourcesContent":["import { createVirtualizer as e } from \"../virtualit.js\";\n//#region src/dom/dom.ts\nfunction t(t) {\n\tlet n = [], r = null, i = null, a = null, o = (e) => typeof t.estimateSize == \"number\" ? t.estimateSize : t.estimateSize(e, n[e]), s = () => {\n\t\t!r || !a || (r.style.height = `${a.getTotalSize()}px`, r.style.position = \"relative\", r.style.contain = \"layout\");\n\t}, c = () => {\n\t\tr && (t.clear(r), r.style.height = \"\", r.style.position = \"\", r.style.contain = \"\");\n\t}, l = () => {\n\t\tlet l = t.getScrollElement(), u = t.getListElement();\n\t\tif (!l || !u || n.length === 0) {\n\t\t\ta?.destroy(), a = null, r = u, i = l, c();\n\t\t\treturn;\n\t\t}\n\t\tlet d = i !== l || r !== u;\n\t\tr = u, i = l, !a || d ? (a?.destroy(), a = e(i, {\n\t\t\tcount: n.length,\n\t\t\testimateSize: o,\n\t\t\tonChange: (e) => {\n\t\t\t\tr && t.render({\n\t\t\t\t\titems: n,\n\t\t\t\t\tlistEl: r,\n\t\t\t\t\tvirtualItems: e\n\t\t\t\t});\n\t\t\t},\n\t\t\toverscan: t.overscan ?? 3\n\t\t})) : (a.count = n.length, a.invalidate()), s();\n\t};\n\treturn {\n\t\tdestroy() {\n\t\t\ta?.destroy(), a = null, c();\n\t\t},\n\t\tscrollToIndex(e, t) {\n\t\t\ta?.scrollToIndex(e, t);\n\t\t},\n\t\tupdate(e, o) {\n\t\t\tif (n = e, !o || n.length === 0) {\n\t\t\t\ta?.destroy(), a = null, r = t.getListElement(), i = t.getScrollElement(), c();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tl();\n\t\t}\n\t};\n}\n//#endregion\nexport { t as createDomVirtualList };\n\n//# sourceMappingURL=dom.js.map"],"mappings":";;AAEA,SAAS,EAAE,GAAG;CACb,IAAI,IAAI,EAAE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,MAAM,OAAO,EAAE,gBAAgB,WAAW,EAAE,eAAe,EAAE,aAAa,GAAG,EAAE,GAAG,EAAE,UAAU;AAC5I,GAAC,KAAK,CAAC,MAAM,EAAE,MAAM,SAAS,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,WAAW,YAAY,EAAE,MAAM,UAAU;IACtG,UAAU;AACZ,QAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,SAAS,IAAI,EAAE,MAAM,WAAW,IAAI,EAAE,MAAM,UAAU;IAC9E,UAAU;EACZ,IAAI,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,gBAAgB;AACpD,MAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,GAAG;AAC/B,MAAG,SAAS,EAAE,IAAI,MAAM,IAAI,GAAG,IAAI,GAAG,GAAG;AACzC;;EAED,IAAI,IAAI,MAAM,KAAK,MAAM;AACzB,MAAI,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,GAAG,SAAS,EAAE,IAAIA,EAAE,GAAG;GAC/C,OAAO,EAAE;GACT,cAAc;GACd,WAAW,MAAM;AAChB,SAAK,EAAE,OAAO;KACb,OAAO;KACP,QAAQ;KACR,cAAc;KACd,CAAC;;GAEH,UAAU,EAAE,YAAY;GACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAG,GAAG;;AAEhD,QAAO;EACN,UAAU;AACT,MAAG,SAAS,EAAE,IAAI,MAAM,GAAG;;EAE5B,cAAc,GAAG,GAAG;AACnB,MAAG,cAAc,GAAG,EAAE;;EAEvB,OAAO,GAAG,GAAG;AACZ,OAAI,IAAI,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG;AAChC,OAAG,SAAS,EAAE,IAAI,MAAM,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG;AAC7E;;AAED,MAAG;;EAEJ"}

package/dist/virtualit/dist/dom.cjs

@@ -0,0 +1 @@
+require(`./virtualit.cjs`),require(`./dom/dom.cjs`);

package/dist/virtualit/dist/dom.js

@@ -0,0 +1,2 @@
+import "./virtualit.js";
+import "./dom/dom.js";

package/dist/virtualit/dist/virtualit.cjs

@@ -0,0 +1,2 @@
+var e=class{_count;_estimateSizeFn;overscan;onChange;measuredHeights=new Map;virtualItems=[];totalSize=0;scrollOffsets=new Float64Array;containerHeight=0;scrollTop=0;prevRenderStart=-1;prevRenderEnd=-1;attachedEl=null;resizeObserver=null;scrollHandler=null;pendingBuild=!1;constructor(e){this._count=e.count;let t=e.estimateSize??36;this._estimateSizeFn=typeof t==`number`?()=>t:t,this.overscan=e.overscan??3,this.onChange=e.onChange,this.buildOffsets()}get count(){return this._count}set count(e){this._count=e,this.buildOffsets(),this.attachedEl&&this.computeVisible()}set estimateSize(e){this._estimateSizeFn=typeof e==`number`?()=>e:e,this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}attach(e){this.teardown(),this.attachedEl=e,this.containerHeight=e.clientHeight,this.scrollTop=e.scrollTop,this.scrollHandler=()=>{this.scrollTop=e.scrollTop,this.computeVisible()},e.addEventListener(`scroll`,this.scrollHandler,{passive:!0}),this.resizeObserver=new ResizeObserver(()=>{this.containerHeight=e.clientHeight,this.computeVisible()}),this.resizeObserver.observe(e),this.computeVisible()}destroy(){this.teardown()}[Symbol.dispose](){this.destroy()}getVirtualItems(){return this.virtualItems}getTotalSize(){return this.totalSize}measureElement(e,t){this.heightAt(e)!==t&&(this.measuredHeights.set(e,t),this.pendingBuild||(this.pendingBuild=!0,queueMicrotask(()=>{this.pendingBuild=!1,this.buildOffsets(),this.attachedEl&&this.computeVisible()})))}scrollToIndex(e,t={}){let n=this.attachedEl;if(!n)return;let r=Math.max(0,Math.min(e,this._count-1)),i=t.align??`auto`,a=t.behavior??`auto`,o=this.offsetAt(r),s=this.heightAt(r),c;if(i===`start`)c=o;else if(i===`end`)c=o+s-this.containerHeight;else if(i===`center`)c=o-(this.containerHeight-s)/2;else{let e=n.scrollTop,t=e+this.containerHeight;if(o>=e&&o+s<=t)return;c=o<e?o:o+s-this.containerHeight}n.scrollTo({behavior:a,top:Math.max(0,c)})}scrollToOffset(e,t={}){this.attachedEl?.scrollTo({behavior:t.behavior??`auto`,top:Math.max(0,e)})}invalidate(){this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}teardown(){this.scrollHandler&&this.attachedEl&&(this.attachedEl.removeEventListener(`scroll`,this.scrollHandler),this.scrollHandler=null),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.attachedEl=null}heightAt(e){return this.measuredHeights.get(e)??this._estimateSizeFn(e)}offsetAt(e){return this.scrollOffsets[e]??0}buildOffsets(){this.prevRenderStart=-1,this.prevRenderEnd=-1;let e=new Float64Array(this._count+1);e[0]=0;for(let t=0;t<this._count;t++)e[t+1]=e[t]+this.heightAt(t);this.scrollOffsets=e,this.totalSize=e[this._count]??0}computeVisible(){let e=this.scrollTop,t=e+this.containerHeight,n=0,r=this._count-1;for(;n<r;){let t=n+r>>1;this.scrollOffsets[t+1]<=e?n=t+1:r=t}let i=n,a=i,o=this._count-1;for(;a<o;){let e=a+o+1>>1;this.scrollOffsets[e]<t?a=e:o=e-1}let s=a,c=Math.max(0,i-this.overscan),l=Math.min(this._count-1,s+this.overscan);if(c===this.prevRenderStart&&l===this.prevRenderEnd)return;this.prevRenderStart=c,this.prevRenderEnd=l;let u=[];for(let e=c;e<=l;e++)u.push({height:this.heightAt(e),index:e,top:this.scrollOffsets[e]});this.virtualItems=u,this.onChange?.(u,this.totalSize)}};function t(t,n){let r=new e(n);return r.attach(t),r}exports.e=e,exports.t=t;
+//# sourceMappingURL=virtualit.cjs.map