@mkbabb/glass-ui 10.1.4 → 11.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "10.1.4",
+    "version": "11.0.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
     "repository": {
@@ -46,6 +46,9 @@
             "blob-config": [
                 "dist/blob-config.d.ts"
             ],
+            "dock-trigger": [
+                "dist/dock-trigger.d.ts"
+            ],
             "color": [
                 "dist/color.d.ts"
             ],
@@ -253,6 +256,10 @@
             "types": "./dist/blob-config.d.ts",
             "import": "./dist/blob-config.js"
         },
+        "./dock-trigger": {
+            "types": "./dist/dock-trigger.d.ts",
+            "import": "./dist/dock-trigger.js"
+        },
         "./color": {
             "types": "./dist/color.d.ts",
             "import": "./dist/color.js"

package/dist/DialogContent-CwIBvou_.js

@@ -1,157 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./resolve-DdrNvBby.js";
-import { t as n } from "./useSpringMount-OA-0mTNv.js";
-import { i as r, n as i } from "./motion-BvV1_24p.js";
-import { t as a } from "./useMotionAxis-D-rtIhca.js";
-import { t as o } from "./shortcuts-DGGWNRNe.js";
-import { computed as s, createBlock as c, createCommentVNode as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, ref as h, renderSlot as g, unref as _, watch as v, withCtx as y } from "vue";
-import { DialogClose as b, DialogContent as x, DialogPortal as S, DialogRoot as C, injectDialogRootContext as w, useForwardPropsEmits as T } from "reka-ui";
-//#endregion
-//#region src/components/dialog/Dialog.vue
-var E = /* @__PURE__ */ f({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean },
-		unmountOnHide: { type: Boolean },
-		origin: {}
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = T(s(() => {
-			let { origin: e, ...t } = n;
-			return t;
-		}), r);
-		return (e, t) => (m(), c(_(C), p({ "data-slot": "dialog" }, _(i)), {
-			default: y(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), D = /* @__PURE__ */ f({
-	inheritAttrs: !1,
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		motion: {},
-		scroll: {
-			type: Boolean,
-			default: !1
-		},
-		dismiss: { default: "free" }
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(f, { emit: C }) {
-		let E = f, D = C, O = s(() => {
-			let { class: e, surface: t, motion: n, scroll: r, dismiss: i, forceMount: a, ...o } = E;
-			return o;
-		}), k = a(() => E.motion), A = s(() => k.resolved.value !== "off"), j = w();
-		o(() => j.open.value && j.modal.value);
-		let M = n({
-			open: j.open,
-			preset: "present"
-		}), N = s(() => {
-			if (!A.value) return;
-			let e = M.position.value;
-			return {
-				transform: "none",
-				scale: String(1 - .05 * e),
-				opacity: String(1 - e),
-				transition: "none"
-			};
-		}), P = s(() => A.value ? M.present.value || j.open.value : E.forceMount), F = s(() => A.value && !j.open.value ? "" : void 0), I = s(() => A.value ? i(M.position.value) : null), L = s(() => A.value ? M.present.value || j.open.value : void 0), R = h(null), z = () => R.value?.closest("[data-slot=\"dialog-content\"]") ?? null;
-		v(() => j.open.value, (e) => {
-			if (!A.value || e !== !1) return;
-			let t = document.activeElement;
-			t && z()?.contains(t) && j.triggerElement.value?.focus({ preventScroll: !0 });
-		}, { flush: "sync" });
-		let B = h(0), V = s(() => B.value === 0 ? void 0 : B.value % 2 == 1 ? "a" : "b"), H = s(() => E.dismiss === "free");
-		function U(e) {
-			E.dismiss === "locked" && (e.preventDefault(), B.value += 1);
-		}
-		let W = T(O, D), G = s(() => ({
-			"--glass-veil-tier": "var(--glass-veil-dialog)",
-			...k.hostStyle.value ?? {},
-			...N.value ?? {}
-		})), K = s(() => e("fixed left-1/2 top-1/2 z-modal", t("floating"), E.scroll ? "max-h-[calc(100dvh-2rem)] overflow-y-auto" : "", E.class));
-		return (e, t) => (m(), c(_(S), { "force-mount": P.value }, {
-			default: y(() => [d(r, {
-				veil: "",
-				opacity: I.value,
-				"force-mount": L.value
-			}, null, 8, ["opacity", "force-mount"]), d(_(x), p({
-				..._(W),
-				...e.$attrs,
-				inert: F.value
-			}, {
-				"aria-modal": _(j).modal.value ? "true" : void 0,
-				"force-mount": P.value,
-				class: K.value,
-				style: G.value,
-				"data-surface": E.surface,
-				"data-slot": "dialog-content",
-				"data-dismiss": E.dismiss,
-				"data-rebuff": V.value,
-				"data-scroll": E.scroll ? "" : void 0,
-				"data-motion": _(k).dataMotion.value,
-				onEscapeKeyDown: U,
-				onPointerDownOutside: U
-			}), {
-				default: y(() => [
-					u("span", {
-						ref_key: "contentAnchorEl",
-						ref: R,
-						hidden: ""
-					}, null, 512),
-					H.value ? (m(), c(_(b), {
-						key: 0,
-						"data-slot": "dialog-close"
-					}, {
-						default: y(() => [...t[0] ||= [u("svg", {
-							class: "w-4 h-4",
-							viewBox: "0 0 24 24",
-							fill: "none",
-							stroke: "currentColor",
-							"stroke-width": "2",
-							"stroke-linecap": "round",
-							"stroke-linejoin": "round",
-							"aria-hidden": "true"
-						}, [u("path", { d: "M18 6 6 18M6 6l12 12" })], -1), u("span", { class: "sr-only" }, "Close", -1)]]),
-						_: 1
-					})) : l("", !0),
-					g(e.$slots, "default")
-				]),
-				_: 3
-			}, 16, [
-				"aria-modal",
-				"force-mount",
-				"class",
-				"style",
-				"data-surface",
-				"data-dismiss",
-				"data-rebuff",
-				"data-scroll",
-				"data-motion"
-			])]),
-			_: 3
-		}, 8, ["force-mount"]));
-	}
-});
-//#endregion
-export { E as n, D as t };

package/dist/DropdownMenuTrigger-CKRnhDSQ.js

@@ -1,93 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./primitive-B2t2jdqM.js";
-import { computed as n, createBlock as r, defineComponent as i, inject as a, isRef as o, mergeProps as s, openBlock as c, provide as l, renderSlot as u, resolveDynamicComponent as d, unref as f, useAttrs as p, withCtx as m } from "vue";
-import { ContextMenuCheckboxItem as h, ContextMenuContent as g, ContextMenuGroup as _, ContextMenuItem as v, ContextMenuItemIndicator as y, ContextMenuLabel as b, ContextMenuPortal as x, ContextMenuRadioGroup as S, ContextMenuRadioItem as C, ContextMenuSeparator as w, ContextMenuSub as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, ContextMenuTrigger as O, DropdownMenuCheckboxItem as k, DropdownMenuContent as A, DropdownMenuGroup as j, DropdownMenuItem as M, DropdownMenuItemIndicator as N, DropdownMenuLabel as P, DropdownMenuPortal as F, DropdownMenuRadioGroup as I, DropdownMenuRadioItem as L, DropdownMenuSeparator as R, DropdownMenuSub as z, DropdownMenuSubContent as B, DropdownMenuSubTrigger as V, DropdownMenuTrigger as H, injectDropdownMenuRootContext as U } from "reka-ui";
-//#region src/components/menu/context.ts
-var W = Symbol("glass-menu-trigger");
-function G(e) {
-	l(W, e);
-}
-function K() {
-	let e = a(W, null);
-	if (!e) throw Error("DropdownMenu parts must be used within DropdownMenu");
-	return e;
-}
-var q = {
-	Trigger: [H, O],
-	Portal: [F, x],
-	Content: [A, g],
-	Item: [M, v],
-	CheckboxItem: [k, h],
-	RadioItem: [L, C],
-	RadioGroup: [I, S],
-	Group: [j, _],
-	Separator: [R, w],
-	Label: [P, b],
-	Sub: [z, T],
-	SubTrigger: [V, D],
-	SubContent: [B, E],
-	ItemIndicator: [N, y]
-};
-function J(e) {
-	let t = K();
-	return n(() => q[e][+(t.value === "context")]);
-}
-//#endregion
-//#region src/components/menu/DropdownMenuTrigger.vue
-var Y = /* @__PURE__ */ i({
-	name: "DropdownMenuTrigger",
-	inheritAttrs: !1,
-	__name: "DropdownMenuTrigger",
-	props: {
-		asChild: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		action: { default: "click" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(i) {
-		let a = i, l = p(), h = n(() => {
-			let e = t(l);
-			return a.asChild ? e : {
-				...e,
-				type: "button"
-			};
-		}), g = K(), _ = J("Trigger"), v = U(null), y = !1;
-		function b(e) {
-			a.action !== "pointerdown" || g.value !== "click" || !v || a.disabled || e.button !== 0 || e.ctrlKey || (y = !0, v.onOpenToggle(), v.open.value && e.preventDefault());
-		}
-		function x(e) {
-			y && (y = !1, e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()));
-		}
-		return (t, n) => (c(), r(d(f(_)), s(h.value, {
-			as: "button",
-			"as-child": i.asChild,
-			disabled: i.disabled,
-			class: f(e)("menu__trigger", a.class),
-			"data-slot": "menu-trigger",
-			onPointerdownCapture: b,
-			onPointercancelCapture: n[0] ||= (e) => o(y) ? y.value = !1 : y = !1,
-			onClickCapture: x
-		}), {
-			default: m(() => [u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as-child",
-			"disabled",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { K as i, G as n, J as r, Y as t };

package/dist/button-BOFTUPyU.js

@@ -1,110 +0,0 @@
-import { t as e } from "./class-names-FlXcvRRT.js";
-import { t } from "./DotRing-Blh4Mc3Q.js";
-import { t as n } from "./vSpecular-DMJo8pfD.js";
-import { t as r } from "./asElement-CRnm6A2v.js";
-import { t as i } from "./useLiquidPress-h1scrPtP.js";
-import { computed as a, createBlock as o, createCommentVNode as s, defineComponent as c, mergeProps as l, openBlock as u, ref as d, renderSlot as f, unref as p, useAttrs as m, withCtx as h, withDirectives as g } from "vue";
-import { Primitive as _ } from "reka-ui";
-//#endregion
-//#region src/components/button/Button.vue
-var v = /* @__PURE__ */ c({
-	__name: "Button",
-	props: {
-		emphasis: { default: "secondary" },
-		tone: { default: "neutral" },
-		size: { default: "md" },
-		iconOnly: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		type: {},
-		disabled: { type: [Boolean, String] },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "button" }
-	},
-	setup(c) {
-		let v = c;
-		m();
-		let y = a(() => v.loading || v.disabled === !0 || v.disabled === "true"), b = a(() => v.disabled === !0 || v.disabled === "true"), x = a(() => !v.asChild && v.as === "button"), S = a(() => v.emphasis === "primary" || v.emphasis === "secondary"), C = a(() => S.value && !y.value), w = a(() => ({
-			type: x.value ? v.type ?? "button" : void 0,
-			disabled: x.value ? b.value : void 0,
-			"aria-disabled": !x.value && y.value ? "true" : void 0
-		})), T = d(null);
-		function E(e) {
-			T.value = r(e);
-		}
-		let D = i({
-			el: T,
-			disabled: () => y.value,
-			pressVar: "--glass-btn-press-t"
-		}), O = a(() => D.pressStyle.value), k = a(() => e("button tap-squish focus-ring", S.value && "glass-capsule glass-specular-track", v.emphasis === "primary" && "glass-deep", C.value && "glass-capsule-hover", v.class));
-		function A(e) {
-			y.value && (e.preventDefault(), e.stopImmediatePropagation());
-		}
-		return (e, r) => g((u(), o(p(_), l({
-			ref: E,
-			as: c.as,
-			"as-child": c.asChild,
-			"data-slot": "button",
-			"data-emphasis": c.emphasis,
-			"data-tone": c.tone,
-			"data-size": c.size,
-			"data-icon-only": c.iconOnly || void 0,
-			"data-control-target": "",
-			"data-loading": c.loading || void 0,
-			"data-press-armed": p(D).armed ? "" : void 0,
-			"aria-busy": c.loading || void 0
-		}, w.value, {
-			class: k.value,
-			style: O.value,
-			onClick: A,
-			onPointerdown: p(D).handlers.onPointerdown,
-			onPointerup: p(D).handlers.onPointerup,
-			onPointercancel: p(D).handlers.onPointercancel,
-			onPointerleave: p(D).handlers.onPointerleave,
-			onPointerenter: p(D).handlers.onPointerenter,
-			onKeydown: p(D).handlers.onKeydown,
-			onKeyup: p(D).handlers.onKeyup,
-			onBlur: p(D).handlers.onBlur
-		}), {
-			default: h(() => [c.loading ? (u(), o(t, {
-				key: 0,
-				class: "button-mark"
-			})) : s("", !0), f(e.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as",
-			"as-child",
-			"data-emphasis",
-			"data-tone",
-			"data-size",
-			"data-icon-only",
-			"data-loading",
-			"data-press-armed",
-			"aria-busy",
-			"class",
-			"style",
-			"onPointerdown",
-			"onPointerup",
-			"onPointercancel",
-			"onPointerleave",
-			"onPointerenter",
-			"onKeydown",
-			"onKeyup",
-			"onBlur"
-		])), [[p(n), C.value]]);
-	}
-});
-//#endregion
-export { v as t };

package/dist/composables/motion/morph/eyeglass.d.ts

@@ -1,141 +0,0 @@
-/**
- * §C1: "On a hop it **spans origin and destination** (1.5×, max 1.6×) then retracts
- * onto the destination." The ceiling, not the nominal — a hop whose real span is
- * shorter than this spans its real distance and no further. The span law is
- * geometry-true first and capped second.
- */
-export declare const EYEGLASS_SPAN_MAX = 1.6;
-/**
- * §C1 (v1b): "**1.22× vertical swell largest at travel extremes** — a slug piling at
- * the wall." The cross-axis channel. It is a SWELL, not the reciprocal of the span:
- * the body thickens as it piles into its travel, which is the whole reason the moving
- * pill ends up taller than the bar it rides in.
- */
-export declare const EYEGLASS_SWELL_MAX = 1.22;
-/**
- * §C1: "**Leading edge outruns trailing 2:1** (one 83ms frame: −54 vs −28px)." The
- * asymmetry that makes mid-travel "an egg leaning into travel" rather than a symmetric
- * balloon. Expressed as the ratio itself so the origin below can be derived from it.
- */
-export declare const EYEGLASS_EDGE_RATIO = 2;
-/**
- * The transform-origin that PRODUCES the 2:1 asymmetry, measured as a fraction of the
- * box's longitudinal extent FROM THE LEADING EDGE. Derived, never transcribed:
- *
- *   scaling a box of extent w by k about a point at fraction f from the leading edge
- *   moves the leading edge by (1 − f)·(k − 1)·w and the trailing edge by f·(k − 1)·w,
- *   so leading : trailing = (1 − f) : f, and (1 − f)/f = R ⇒ f = 1/(1 + R).
- *
- * At R = 2 that is exactly 1/3. One scale write, on the compositor, produces the whole
- * asymmetry — no second channel, no per-edge animation, no layout.
- */
-export declare const EYEGLASS_ORIGIN_FRACTION: number;
-/**
- * §C1: "**It breaks its own track**: moving pill ~8px taller than the bar —
- * `overflow:hidden` kills the organ", and the codex's own gloss, "licensed to overflow
- * ~10% of height". The fraction of its own cross extent the body hangs outside the
- * track on EACH side, DERIVED from the swell rather than transcribed beside it: a
- * symmetric swell of s hangs (s − 1)/2 out per side, so 1.22 gives 11% — the same ~10%
- * the seat wrote down, arrived at from the other measurement.
- *
- * Two independent numbers in the footage agreeing to a point is the corroboration; two
- * independent numbers in SOURCE is a drift waiting to happen, which is why only one of
- * them is written here. The figure is a LICENCE, not a target — the swell produces the
- * overflow and this is what the track must be prepared to let through. A track that
- * clips is not a tidier track, it is a dead organ.
- */
-export declare const EYEGLASS_OVERFLOW_LICENSE: number;
-/**
- * §C3 (the commit cascade) states its ladder in RANKS — "geometry(0) → annotation(+6) →
- * content(≈+15) → light decay to +30" — and its clock in milliseconds: "recolour
- * +80–160ms · page content commits +250–450ms · glow decays +500ms after geometry
- * stops". One unit reconciles them and it is the display frame:
- *
- *   +6  × 16.67ms = 100ms  → inside the measured 80–160ms recolour band
- *   +15 × 16.67ms = 250ms  → the measured content band's own opening edge
- *   +30 × 16.67ms = 500ms  → the measured glow decay, exactly
- *
- * The rank ladder is therefore not a second clock — it is the same clock counted in
- * frames, which is why the cascade reads as one gesture rather than four timers.
- */
-export declare const CASCADE_RANK_MS: number;
-/** The ranks §C3 measures, by the name it gives each stage of the one gesture. */
-export declare const CASCADE_RANKS: {
-    /** The object itself. Rank 0 — the pill arrives at t0 and everything else is late. */
-    readonly geometry: 0;
-    /** The selected label taking its ink. §C3's "recolour +80–160ms". */
-    readonly annotation: 6;
-    /** Whatever the strip governs. §C3's "page content commits +250–450ms". */
-    readonly content: 15;
-    /** §C3: "the object stops, the light does not" — the wake's tail, +500ms. */
-    readonly light: 30;
-};
-/** A cascade rank in milliseconds. The ONE conversion; no site does this arithmetic. */
-export declare function cascadeRankMs(rank: number): number;
-/** One longitudinal interval on the travel axis, in the container's own coordinates. */
-export interface EyeglassInterval {
-    /** The leading-edge-most coordinate (left, or top on a vertical strip). */
-    readonly start: number;
-    /** The trailing-edge-most coordinate (right, or bottom on a vertical strip). */
-    readonly end: number;
-}
-export interface EyeglassSpanParams {
-    /** Where the body is leaving. */
-    readonly from: EyeglassInterval;
-    /** Where the body is arriving. */
-    readonly to: EyeglassInterval;
-    /**
-     * The track's own inner interval on the same axis. The body may not span past it —
-     * §C1's "Driven into the end it **clamps**, compressing against the bar's inner
-     * edge". Omit only where no track exists to clamp against.
-     */
-    readonly track?: EyeglassInterval;
-    /** The surface's declared ceiling; defaults to the measured `EYEGLASS_SPAN_MAX`. */
-    readonly spanMax?: number;
-}
-export interface EyeglassSpan {
-    /**
-     * The longitudinal scalar to write, ≥ 1. `1` means the body does not span — a
-     * same-tab commit, or a hop the ceiling has fully absorbed.
-     */
-    readonly span: number;
-    /**
-     * True when the ceiling or the track boundary shortened the geometric span. §C1's
-     * clamp is a REPORTED state, not a silent floor: a paint that wants to read
-     * "compressing against the bar's inner edge" has to know it happened.
-     */
-    readonly clamped: boolean;
-    /**
-     * `1` when travel runs toward increasing coordinates, `-1` when it runs back, `0`
-     * for no travel. The sign the origin below flips on.
-     */
-    readonly direction: -1 | 0 | 1;
-}
-/**
- * The SPAN law. The body's transient extent is the union of where it is leaving and
- * where it is arriving — that is what "spans origin and destination" means literally —
- * expressed as a multiple of the DESTINATION extent, because the destination is what it
- * retracts onto and therefore what the scale is relative to.
- *
- * Two fences, in this order, both of them geometry rather than taste:
- *   1. the surface's ceiling (`spanMax`), and
- *   2. the track's inner edge — the body is licensed to overflow its track on the CROSS
- *      axis (`EYEGLASS_OVERFLOW_LICENSE`) and on that axis only. Longitudinally it
- *      clamps, which is the compression §C1 photographs at the ends of the bar.
- */
-export declare function eyeglassSpan(params: EyeglassSpanParams): EyeglassSpan;
-/**
- * The cross-axis SWELL, largest at travel extremes. `frac` is the travel distance
- * normalised by the container extent — the same geometry-relative fraction the writer
- * already computes — so a neighbouring hop barely thickens and a full-strip jump piles
- * into the wall.
- */
-export declare function eyeglassSwell(frac: number, swellMax?: number): number;
-/**
- * The `transform-origin` percentage along the travel axis that yields the 2:1 lead.
- * Travelling toward increasing coordinates the leading edge is the FAR one, so the
- * origin sits `EYEGLASS_ORIGIN_FRACTION` in from that end — i.e. at (1 − f) of the box.
- * Travelling back it mirrors. Zero travel keeps the centre, so a same-tab commit cannot
- * lean.
- */
-export declare function eyeglassOriginPercent(direction: -1 | 0 | 1): number;

package/dist/expandable-container-CZUj9BzY.js

@@ -1,142 +0,0 @@
-import { registerShortcut as e } from "./keyboard.js";
-import { t } from "./focus-Duf7EpUu.js";
-import { Teleport as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, nextTick as l, onUnmounted as u, openBlock as d, ref as f, renderSlot as p, unref as m, useModel as h, watch as g, withCtx as _ } from "vue";
-import { FocusScope as v } from "reka-ui";
-import { Maximize2 as y, Minimize2 as b } from "@lucide/vue";
-//#region src/components/expandable-container/ExpandableContainer.vue?vue&type=script&setup=true&lang.ts
-var x = [
-	"data-state",
-	"data-surface",
-	"role",
-	"aria-label",
-	"aria-modal"
-], S = ["hidden"], C = ["data-position", "aria-label"], w = ["hidden"], T = ["data-position", "aria-label"], E = { "data-part": "panel" }, D = 0, O = null;
-function k() {
-	return typeof document > "u" ? !1 : (D === 0 && (O = document.body.style.overflow, document.body.style.overflow = "hidden"), D += 1, !0);
-}
-function A() {
-	typeof document > "u" || D === 0 || (--D, D === 0 && (document.body.style.overflow = O ?? "", O = null));
-}
-//#endregion
-//#region src/components/expandable-container/ExpandableContainer.vue
-var j = /* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "ExpandableContainer",
-	props: /*@__PURE__*/ s({
-		buttonPosition: { default: "right" },
-		expandLabel: { default: "Fullscreen" },
-		collapseLabel: { default: "Exit fullscreen" },
-		surface: { default: "glass" }
-	}, {
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		openModifiers: {}
-	}),
-	emits: ["update:open"],
-	setup(o) {
-		let s = h(o, "open"), D = f(null);
-		function O() {
-			let e = D.value?.$el;
-			return e instanceof HTMLElement ? e : null;
-		}
-		function j() {
-			s.value = !0;
-		}
-		function M() {
-			s.value = !1;
-		}
-		let N = !1, P = null, F = null;
-		function I(e) {
-			e && !N ? N = k() : !e && N && (A(), N = !1);
-		}
-		function L() {
-			(O()?.querySelector("[autofocus]") ?? O()?.querySelector("[data-mode=\"collapse\"]") ?? O()?.querySelector(t) ?? O())?.focus();
-		}
-		async function R() {
-			await l(), await l(), L();
-		}
-		let z = ["[data-mode=\"expand\"]", ...t.split(", ").map((e) => `.expandable-container__chrome:not([hidden]) ${e}`)].join(", ");
-		function B() {
-			let e = F?.isConnected ? F : O()?.querySelector(z);
-			F = null, e?.focus();
-		}
-		function V(e) {
-			e.preventDefault();
-		}
-		return g(s, (t, n) => {
-			if (I(t), t && !n) {
-				let t = typeof document < "u" ? document.activeElement : null;
-				F = t instanceof HTMLElement ? t : null, P = e("Escape", M, {
-					label: "Exit fullscreen",
-					group: "UI",
-					allowInInput: !0
-				}), R();
-			} else !t && n && (P?.(), P = null, l(B));
-		}, { immediate: !0 }), u(() => {
-			P?.(), P = null, I(!1);
-		}), (e, t) => (d(), r(n, {
-			to: "body",
-			disabled: !s.value
-		}, [a(m(v), {
-			ref_key: "scope",
-			ref: D,
-			"as-child": "",
-			loop: s.value,
-			trapped: s.value,
-			onMountAutoFocus: V
-		}, {
-			default: _(() => [i("div", c({
-				class: "expandable-container",
-				"data-state": s.value ? "expanded" : "collapsed",
-				"data-surface": s.value ? o.surface : void 0,
-				role: s.value ? "dialog" : void 0,
-				"aria-label": s.value ? o.expandLabel : void 0,
-				"aria-modal": s.value || void 0
-			}, e.$attrs), [
-				i("div", {
-					class: "expandable-container__chrome",
-					hidden: s.value
-				}, [p(e.$slots, "expand-trigger", {
-					expand: j,
-					label: o.expandLabel
-				}, () => [i("button", {
-					type: "button",
-					"data-part": "trigger",
-					"data-control-target": "",
-					"data-mode": "expand",
-					"data-position": o.buttonPosition,
-					"aria-label": o.expandLabel,
-					onClick: j
-				}, [a(m(y), {
-					class: "expandable-container__icon",
-					"aria-hidden": "true"
-				})], 8, C)])], 8, S),
-				i("div", {
-					class: "expandable-container__chrome",
-					hidden: !s.value
-				}, [p(e.$slots, "fullscreen-chrome", {
-					collapse: M,
-					label: o.collapseLabel,
-					fullscreen: !0
-				}, () => [i("button", {
-					type: "button",
-					"data-part": "trigger",
-					"data-control-target": "",
-					"data-mode": "collapse",
-					"data-position": o.buttonPosition,
-					"aria-label": o.collapseLabel,
-					onClick: M
-				}, [a(m(b), {
-					class: "expandable-container__icon",
-					"aria-hidden": "true"
-				})], 8, T)])], 8, w),
-				i("div", E, [p(e.$slots, "default", { fullscreen: s.value })])
-			], 16, x)]),
-			_: 3
-		}, 8, ["loop", "trapped"])], 8, ["disabled"]));
-	}
-});
-//#endregion
-export { j as t };