@skdx/vue 0.27.0 → 0.29.0

package/dist/floating-panel/FloatingPanelPortal.vue.d.cts

@@ -1,10 +1,5 @@
 import type { PortalContainer } from '../utils/portal.cjs';
-/**
- * Teleports `SkdxFloatingPanelContent` to `document.body` (or a custom
- * `container`), so a movable window is not clipped by whatever `overflow`
- * ancestor its trigger happens to live in. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxFloatingPanel`.
- */
+/** Teleports `SkdxFloatingPanelContent` to `document.body` (or a custom `container`), avoiding ancestor clipping. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the panel is moved into.

package/dist/floating-panel/FloatingPanelPortal.vue.d.ts

@@ -1,10 +1,5 @@
 import type { PortalContainer } from '../utils/portal.js';
-/**
- * Teleports `SkdxFloatingPanelContent` to `document.body` (or a custom
- * `container`), so a movable window is not clipped by whatever `overflow`
- * ancestor its trigger happens to live in. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxFloatingPanel`.
- */
+/** Teleports `SkdxFloatingPanelContent` to `document.body` (or a custom `container`), avoiding ancestor clipping. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the panel is moved into.

package/dist/floating-panel/FloatingPanelPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"FloatingPanelPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const n=(0,e.inject)(a.FLOATING_PANEL_CONTEXT);if(!n)throw new Error("SkdxFloatingPanelPortal must be used within SkdxFloatingPanel.");return(r,u)=>t.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=l;
+const o=require("../utils/injectRequired.cjs"),a=require("../utils/Portal.vue.cjs"),u=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"FloatingPanelPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const n=o.injectRequired(u.FLOATING_PANEL_CONTEXT,"SkdxFloatingPanelPortal must be used within SkdxFloatingPanel.");return(r,i)=>t.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=l;

package/dist/floating-panel/FloatingPanelPortal.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../utils/Portal.vue.js";import{FLOATING_PANEL_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as a,defineComponent as n,inject as r,openBlock as l,renderSlot as s,unref as i,withCtx as u}from"vue";var c=/* @__PURE__ */n({__name:"FloatingPanelPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(n){const c=r(t);if(!c)throw new Error("SkdxFloatingPanelPortal must be used within SkdxFloatingPanel.");return(t,r)=>n.forceMount||i(c).open.value?(l(),o(e,{key:0,container:n.container},{default:u(()=>[s(t.$slots,"default")]),_:3},8,["container"])):a("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../utils/Portal.vue.js";import{FLOATING_PANEL_CONTEXT as o}from"./context.js";import{createBlock as a,createCommentVNode as n,defineComponent as r,openBlock as l,renderSlot as s,unref as i,withCtx as u}from"vue";var c=/* @__PURE__ */r({__name:"FloatingPanelPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(r){const c=e(o,"SkdxFloatingPanelPortal must be used within SkdxFloatingPanel.");return(e,o)=>r.forceMount||i(c).open.value?(l(),a(t,{key:0,container:r.container},{default:u(()=>[s(e.$slots,"default")]),_:3},8,["container"])):n("",!0)}});export{c as default};

package/dist/floating-panel/FloatingPanelResizeTrigger.vue.d.cts

@@ -1,31 +1,8 @@
 import { type FloatingPanelResizeDirection } from './context.cjs';
-/**
- * One resize grip, for the edge or corner named by `direction`. Render as many
- * as you want handles — eight for a full window, one `"se"` corner for the
- * common case.
- *
- * Renders `role="separator"` with `aria-valuenow`/`aria-valuemin`/`aria-valuemax`
- * describing the dimension this grip controls (width for `e`/`w` and the
- * corners, height for `n`/`s`), plus `aria-orientation` on the four edges,
- * `data-direction`, `data-resizing`, and `data-disabled`.
- *
- * **Keyboard-operable.** While focused, the arrow keys resize along this grip's
- * own direction — an `"e"` grip ignores the vertical arrows, a `"se"` grip
- * answers to all four — by the root's `step`, or ten times that with Shift.
- * Dragging a `w` or `n` grip moves the panel's origin as well as its size, so
- * the opposite edge stays put. Every result is clamped to `minSize`, `maxSize`,
- * and the boundary. The final size is announced politely once, on release.
- * Under `dir="rtl"` the horizontal arrows mirror.
- *
- * Give it an `aria-label` — a grip announced only as "separator" is not
- * operable by anyone who cannot see where it sits. Must be used inside
- * `SkdxFloatingPanel`.
- */
+/** One keyboard-operable resize grip, for the edge or corner named by `direction`, rendered as `role="separator"`. */
 type __VLS_Props = {
     /**
-     * Which edge or corner this grip pulls. Corners move two edges at once.
-     * There is no default — a grip that does not say what it resizes cannot
-     * resize anything.
+     * Which edge or corner this grip pulls; corners move two edges at once. No default — a grip must say what it resizes.
      */
     direction: FloatingPanelResizeDirection;
 };

package/dist/floating-panel/FloatingPanelResizeTrigger.vue.d.ts

@@ -1,31 +1,8 @@
 import { type FloatingPanelResizeDirection } from './context.js';
-/**
- * One resize grip, for the edge or corner named by `direction`. Render as many
- * as you want handles — eight for a full window, one `"se"` corner for the
- * common case.
- *
- * Renders `role="separator"` with `aria-valuenow`/`aria-valuemin`/`aria-valuemax`
- * describing the dimension this grip controls (width for `e`/`w` and the
- * corners, height for `n`/`s`), plus `aria-orientation` on the four edges,
- * `data-direction`, `data-resizing`, and `data-disabled`.
- *
- * **Keyboard-operable.** While focused, the arrow keys resize along this grip's
- * own direction — an `"e"` grip ignores the vertical arrows, a `"se"` grip
- * answers to all four — by the root's `step`, or ten times that with Shift.
- * Dragging a `w` or `n` grip moves the panel's origin as well as its size, so
- * the opposite edge stays put. Every result is clamped to `minSize`, `maxSize`,
- * and the boundary. The final size is announced politely once, on release.
- * Under `dir="rtl"` the horizontal arrows mirror.
- *
- * Give it an `aria-label` — a grip announced only as "separator" is not
- * operable by anyone who cannot see where it sits. Must be used inside
- * `SkdxFloatingPanel`.
- */
+/** One keyboard-operable resize grip, for the edge or corner named by `direction`, rendered as `role="separator"`. */
 type __VLS_Props = {
     /**
-     * Which edge or corner this grip pulls. Corners move two edges at once.
-     * There is no default — a grip that does not say what it resizes cannot
-     * resize anything.
+     * Which edge or corner this grip pulls; corners move two edges at once. No default — a grip must say what it resizes.
      */
     direction: FloatingPanelResizeDirection;
 };

package/dist/floating-panel/FloatingPanelResizeTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const g=require("../utils/direction.cjs"),P=require("./context.cjs");let n=require("vue");var b=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-direction","data-resizing","data-disabled","tabindex"],R=10,T=(0,n.defineComponent)({__name:"FloatingPanelResizeTrigger",props:{direction:{}},setup(p){const r=p,e=(0,n.inject)(P.FLOATING_PANEL_CONTEXT);if(!e)throw new Error("SkdxFloatingPanelResizeTrigger must be used within SkdxFloatingPanel.");const f=g.useDirection(),t=(0,n.ref)(null),l=(0,n.ref)(!1),o=(0,n.computed)(()=>e.resizable.value&&!e.disabled.value),d=(0,n.computed)(()=>r.direction.includes("e")||r.direction.includes("w")),m=(0,n.computed)(()=>d.value?e.size.value.width:e.size.value.height),z=(0,n.computed)(()=>d.value?e.minSize.value.width:e.minSize.value.height),s=(0,n.computed)(()=>d.value?e.maxSize.value.width:e.maxSize.value.height),h=(0,n.computed)(()=>r.direction==="e"||r.direction==="w"?"vertical":r.direction==="n"||r.direction==="s"?"horizontal":void 0);function y(i){o.value&&(i.currentTarget.setPointerCapture?.(i.pointerId),t.value={x:i.clientX,y:i.clientY},e.setResizing(!0))}function x(i){const a=t.value;!o.value||!a||(e.resizeBy(r.direction,i.clientX-a.x,i.clientY-a.y),t.value={x:i.clientX,y:i.clientY})}function v(i){t.value&&(i.currentTarget.releasePointerCapture?.(i.pointerId),t.value=null,e.setResizing(!1),e.announceRelease("resize"))}function _(i){if(!o.value)return;const a=e.step.value*(i.shiftKey?R:1),u=g.directionalKey(i.key,i.currentTarget,f()),c=u==="ArrowLeft"?{dx:-a,dy:0}:u==="ArrowRight"?{dx:a,dy:0}:u==="ArrowUp"?{dx:0,dy:-a}:u==="ArrowDown"?{dx:0,dy:a}:null;c&&(i.preventDefault(),l.value=!0,e.resizeBy(r.direction,c.dx,c.dy))}function w(){l.value&&(l.value=!1,e.announceRelease("resize"))}return(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{class:"skdx-floating-panel__resize-trigger","data-part":"resize-trigger",role:"separator","aria-orientation":h.value,"aria-valuenow":Math.round(m.value),"aria-valuemin":Math.round(z.value),"aria-valuemax":Number.isFinite(s.value)?Math.round(s.value):void 0,"aria-disabled":(0,n.unref)(e).disabled.value||void 0,"data-direction":r.direction,"data-resizing":(0,n.unref)(e).resizing.value?"":void 0,"data-disabled":(0,n.unref)(e).disabled.value?"":void 0,tabindex:o.value?0:void 0,style:(0,n.normalizeStyle)({touchAction:"none",cursor:o.value?`${r.direction}-resize`:void 0}),onPointerdown:y,onPointermove:x,onPointerup:v,onPointercancel:v,onKeydown:_,onKeyup:w},[(0,n.renderSlot)(i.$slots,"default")],44,b))}});exports.default=T;
+const b=require("../utils/injectRequired.cjs"),f=require("../utils/direction.cjs"),P=require("./context.cjs");let r=require("vue");var R=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-direction","data-resizing","data-disabled","aria-keyshortcuts","tabindex"],T=10,A=(0,r.defineComponent)({__name:"FloatingPanelResizeTrigger",props:{direction:{}},setup(g){const t=g,e=b.injectRequired(P.FLOATING_PANEL_CONTEXT,"SkdxFloatingPanelResizeTrigger must be used within SkdxFloatingPanel."),h=f.useDirection(),o=(0,r.ref)(null),d=(0,r.ref)(!1),u=(0,r.computed)(()=>e.resizable.value&&!e.disabled.value),l=(0,r.computed)(()=>t.direction.includes("e")||t.direction.includes("w")),p=(0,r.computed)(()=>l.value?e.size.value.width:e.size.value.height),s=(0,r.computed)(()=>l.value?e.minSize.value.width:e.minSize.value.height),c=(0,r.computed)(()=>{const i=l.value?e.maxSize.value.width:e.maxSize.value.height,n=e.bounds.value;let a=Number.POSITIVE_INFINITY;return n&&(a=l.value?n.width-e.position.value.x:n.height-e.position.value.y),Math.max(s.value,Math.min(i,a))}),m=(0,r.computed)(()=>{if(t.direction==="e"||t.direction==="w")return"vertical";if(t.direction==="n"||t.direction==="s")return"horizontal"});function z(i){u.value&&(i.currentTarget.setPointerCapture?.(i.pointerId),o.value={x:i.clientX,y:i.clientY},e.setResizing(!0))}function w(i){const n=o.value;!u.value||!n||(e.resizeBy(t.direction,i.clientX-n.x,i.clientY-n.y),o.value={x:i.clientX,y:i.clientY})}function v(i){o.value&&(i.currentTarget.releasePointerCapture?.(i.pointerId),o.value=null,e.setResizing(!1),e.announceRelease("resize"))}function y(i,n){switch(i){case"ArrowLeft":return{dx:-n,dy:0};case"ArrowRight":return{dx:n,dy:0};case"ArrowUp":return{dx:0,dy:-n};case"ArrowDown":return{dx:0,dy:n};default:return null}}function x(i){if(!u.value)return;const n=e.step.value*(i.shiftKey?T:1),a=y(f.directionalKey(i.key,i.currentTarget,h()),n);a&&(i.preventDefault(),d.value=!0,e.resizeBy(t.direction,a.dx,a.dy))}function _(){d.value&&(d.value=!1,e.announceRelease("resize"))}return(i,n)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:"skdx-floating-panel__resize-trigger","data-part":"resize-trigger",role:"separator","aria-orientation":m.value,"aria-valuenow":Math.round(p.value),"aria-valuemin":Math.round(s.value),"aria-valuemax":Number.isFinite(c.value)?Math.round(c.value):void 0,"aria-disabled":(0,r.unref)(e).disabled.value||void 0,"data-direction":t.direction,"data-resizing":(0,r.unref)(e).resizing.value?"":void 0,"data-disabled":(0,r.unref)(e).disabled.value?"":void 0,"aria-keyshortcuts":(0,r.unref)(e).resizable.value?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,tabindex:(0,r.unref)(e).resizable.value?0:void 0,style:(0,r.normalizeStyle)({touchAction:"none",cursor:u.value?`${t.direction}-resize`:void 0}),onPointerdown:z,onPointermove:w,onPointerup:v,onPointercancel:v,onKeydown:x,onKeyup:_},[(0,r.renderSlot)(i.$slots,"default")],44,R))}});exports.default=A;

package/dist/floating-panel/FloatingPanelResizeTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as i}from"../utils/direction.js";import{FLOATING_PANEL_CONTEXT as a}from"./context.js";import{computed as n,createElementBlock as t,defineComponent as r,inject as o,normalizeStyle as l,openBlock as d,ref as u,renderSlot as s,unref as v}from"vue";var c=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-direction","data-resizing","data-disabled","tabindex"],g=/* @__PURE__ */r({__name:"FloatingPanelResizeTrigger",props:{direction:{}},setup(r){const g=r,z=o(a);if(!z)throw new Error("SkdxFloatingPanelResizeTrigger must be used within SkdxFloatingPanel.");const m=i(),p=u(null),f=u(!1),x=n(()=>z.resizable.value&&!z.disabled.value),h=n(()=>g.direction.includes("e")||g.direction.includes("w")),w=n(()=>h.value?z.size.value.width:z.size.value.height),y=n(()=>h.value?z.minSize.value.width:z.minSize.value.height),b=n(()=>h.value?z.maxSize.value.width:z.maxSize.value.height),P=n(()=>"e"===g.direction||"w"===g.direction?"vertical":"n"===g.direction||"s"===g.direction?"horizontal":void 0);function S(e){x.value&&(e.currentTarget.setPointerCapture?.(e.pointerId),p.value={x:e.clientX,y:e.clientY},z.setResizing(!0))}function T(e){const i=p.value;!x.value||!i||(z.resizeBy(g.direction,e.clientX-i.x,e.clientY-i.y),p.value={x:e.clientX,y:e.clientY})}function A(e){p.value&&(e.currentTarget.releasePointerCapture?.(e.pointerId),p.value=null,z.setResizing(!1),z.announceRelease("resize"))}function R(i){if(!x.value)return;const a=z.step.value*(i.shiftKey?10:1),n=e(i.key,i.currentTarget,m()),t="ArrowLeft"===n?{dx:-a,dy:0}:"ArrowRight"===n?{dx:a,dy:0}:"ArrowUp"===n?{dx:0,dy:-a}:"ArrowDown"===n?{dx:0,dy:a}:null;t&&(i.preventDefault(),f.value=!0,z.resizeBy(g.direction,t.dx,t.dy))}function k(){f.value&&(f.value=!1,z.announceRelease("resize"))}return(e,i)=>(d(),t("div",{class:"skdx-floating-panel__resize-trigger","data-part":"resize-trigger",role:"separator","aria-orientation":P.value,"aria-valuenow":Math.round(w.value),"aria-valuemin":Math.round(y.value),"aria-valuemax":Number.isFinite(b.value)?Math.round(b.value):void 0,"aria-disabled":v(z).disabled.value||void 0,"data-direction":g.direction,"data-resizing":v(z).resizing.value?"":void 0,"data-disabled":v(z).disabled.value?"":void 0,tabindex:x.value?0:void 0,style:l({touchAction:"none",cursor:x.value?`${g.direction}-resize`:void 0}),onPointerdown:S,onPointermove:T,onPointerup:A,onPointercancel:A,onKeydown:R,onKeyup:k},[s(e.$slots,"default")],44,c))}});export{g as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{directionalKey as i,useDirection as a}from"../utils/direction.js";import{FLOATING_PANEL_CONTEXT as t}from"./context.js";import{computed as r,createElementBlock as n,defineComponent as o,normalizeStyle as l,openBlock as u,ref as s,renderSlot as d,unref as c}from"vue";var v=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-direction","data-resizing","data-disabled","aria-keyshortcuts","tabindex"],m=/* @__PURE__ */o({__name:"FloatingPanelResizeTrigger",props:{direction:{}},setup(o){const m=o,g=e(t,"SkdxFloatingPanelResizeTrigger must be used within SkdxFloatingPanel."),h=a(),p=s(null),z=s(!1),f=r(()=>g.resizable.value&&!g.disabled.value),w=r(()=>m.direction.includes("e")||m.direction.includes("w")),x=r(()=>w.value?g.size.value.width:g.size.value.height),y=r(()=>w.value?g.minSize.value.width:g.minSize.value.height),b=r(()=>{const e=w.value?g.maxSize.value.width:g.maxSize.value.height,i=g.bounds.value;let a=Number.POSITIVE_INFINITY;return i&&(a=w.value?i.width-g.position.value.x:i.height-g.position.value.y),Math.max(y.value,Math.min(e,a))}),A=r(()=>"e"===m.direction||"w"===m.direction?"vertical":"n"===m.direction||"s"===m.direction?"horizontal":void 0);function P(e){f.value&&(e.currentTarget.setPointerCapture?.(e.pointerId),p.value={x:e.clientX,y:e.clientY},g.setResizing(!0))}function R(e){const i=p.value;!f.value||!i||(g.resizeBy(m.direction,e.clientX-i.x,e.clientY-i.y),p.value={x:e.clientX,y:e.clientY})}function T(e){p.value&&(e.currentTarget.releasePointerCapture?.(e.pointerId),p.value=null,g.setResizing(!1),g.announceRelease("resize"))}function S(e){if(!f.value)return;const a=g.step.value*(e.shiftKey?10:1),t=function(e,i){switch(e){case"ArrowLeft":return{dx:-i,dy:0};case"ArrowRight":return{dx:i,dy:0};case"ArrowUp":return{dx:0,dy:-i};case"ArrowDown":return{dx:0,dy:i};default:return null}}(i(e.key,e.currentTarget,h()),a);t&&(e.preventDefault(),z.value=!0,g.resizeBy(m.direction,t.dx,t.dy))}function k(){z.value&&(z.value=!1,g.announceRelease("resize"))}return(e,i)=>(u(),n("div",{class:"skdx-floating-panel__resize-trigger","data-part":"resize-trigger",role:"separator","aria-orientation":A.value,"aria-valuenow":Math.round(x.value),"aria-valuemin":Math.round(y.value),"aria-valuemax":Number.isFinite(b.value)?Math.round(b.value):void 0,"aria-disabled":c(g).disabled.value||void 0,"data-direction":m.direction,"data-resizing":c(g).resizing.value?"":void 0,"data-disabled":c(g).disabled.value?"":void 0,"aria-keyshortcuts":c(g).resizable.value?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,tabindex:c(g).resizable.value?0:void 0,style:l({touchAction:"none",cursor:f.value?`${m.direction}-resize`:void 0}),onPointerdown:P,onPointermove:R,onPointerup:T,onPointercancel:T,onKeydown:S,onKeyup:k},[d(e.$slots,"default")],44,v))}});export{m as default};

package/dist/floating-panel/FloatingPanelRoot.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FloatingPanelRoot.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/floating-panel/FloatingPanelRoot.vue.d.cts

@@ -0,0 +1,152 @@
+import { type FloatingPanelGeometry, type FloatingPanelGesture, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelStage } from './context.cjs';
+/**
+ * Root of a draggable, resizable, non-modal floating panel, owning open state, position, size and stage via context.
+ *
+ * @example
+ * ```vue
+ * <FloatingPanel.Root :default-position="{ x: 40, y: 40 }">
+ *   <FloatingPanel.Trigger>Open panel</FloatingPanel.Trigger>
+ *   <FloatingPanel.Portal>
+ *     <FloatingPanel.Content>
+ *       <FloatingPanel.Header aria-label="Drag to move panel">
+ *         <FloatingPanel.Title>Inspector</FloatingPanel.Title>
+ *         <FloatingPanel.CloseTrigger>Close</FloatingPanel.CloseTrigger>
+ *       </FloatingPanel.Header>
+ *       <p>Panel body.</p>
+ *       <FloatingPanel.ResizeTrigger direction="se" aria-label="Resize panel" />
+ *     </FloatingPanel.Content>
+ *   </FloatingPanel.Portal>
+ * </FloatingPanel.Root>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the panel is open, for controlled usage via `v-model:open`.
+     * @default undefined — uncontrolled, the panel tracks its own open state internally.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the panel is initially open, for uncontrolled usage.
+     * @default false — the panel is closed until the trigger is pressed.
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * The panel's top-left corner in CSS pixels, for controlled usage via `v-model:position`.
+     * @default undefined — uncontrolled, the panel tracks its own position internally.
+     */
+    position?: FloatingPanelPosition | undefined;
+    /**
+     * Where the panel starts, for uncontrolled usage.
+     * @default { x: 0, y: 0 } — the top-left corner of the boundary.
+     */
+    defaultPosition?: FloatingPanelPosition | undefined;
+    /**
+     * The panel's box in CSS pixels, for controlled usage via `v-model:size`.
+     * @default undefined — uncontrolled, the panel tracks its own size internally.
+     */
+    size?: FloatingPanelSize | undefined;
+    /**
+     * The panel's starting box, for uncontrolled usage.
+     * @default { width: 320, height: 240 }
+     */
+    defaultSize?: FloatingPanelSize | undefined;
+    /**
+     * Smallest box the panel can be resized to; every resize is clamped to it.
+     * @default { width: 160, height: 120 }
+     */
+    minSize?: FloatingPanelSize | undefined;
+    /**
+     * Largest box the panel can be resized to.
+     * @default { width: Infinity, height: Infinity } — only the boundary limits growth.
+     */
+    maxSize?: FloatingPanelSize | undefined;
+    /**
+     * Element the panel may not be dragged or resized out of.
+     * @default null — the viewport constrains the panel instead.
+     */
+    boundary?: Element | null | undefined;
+    /**
+     * The panel's window state, for controlled usage via `v-model:stage`.
+     * @default undefined — uncontrolled, the panel tracks its own stage internally.
+     */
+    stage?: FloatingPanelStage | undefined;
+    /**
+     * The panel's starting window state, for uncontrolled usage.
+     * @default 'default' — the panel uses its own position and size.
+     */
+    defaultStage?: FloatingPanelStage | undefined;
+    /**
+     * Whether the header can move the panel.
+     * @default true — the header is a drag handle and a keyboard mover.
+     */
+    draggable?: boolean | undefined;
+    /**
+     * Whether resize triggers do anything; `false` makes every grip inert and non-focusable.
+     * @default true — every grip resizes and takes a tab stop.
+     */
+    resizable?: boolean | undefined;
+    /**
+     * How far one arrow key moves or resizes the panel, in pixels; Shift+arrow uses ten times this.
+     * @default 10 — one arrow key is a 10px nudge, one Shift+arrow a 100px jump.
+     */
+    step?: number | undefined;
+    /**
+     * Freezes the panel's geometry: drag, resize and stage changes are all refused, but opening/closing still work.
+     * @default false — the panel is fully interactive.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Words the polite live-region message announced once per drag or resize, on release.
+     * @default undefined — the built-in English wording ("Panel moved to 40, 25").
+     */
+    getGestureAnnouncement?: ((gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string) | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "update:position": (position: FloatingPanelPosition) => any;
+    "position-change": (position: FloatingPanelPosition) => any;
+    "position-commit": (position: FloatingPanelPosition) => any;
+    "update:size": (size: FloatingPanelSize) => any;
+    "size-change": (size: FloatingPanelSize) => any;
+    "size-commit": (size: FloatingPanelSize) => any;
+    "update:stage": (stage: FloatingPanelStage) => any;
+    "stage-change": (stage: FloatingPanelStage) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:position"?: (position: FloatingPanelPosition) => any;
+    "onPosition-change"?: (position: FloatingPanelPosition) => any;
+    "onPosition-commit"?: (position: FloatingPanelPosition) => any;
+    "onUpdate:size"?: (size: FloatingPanelSize) => any;
+    "onSize-change"?: (size: FloatingPanelSize) => any;
+    "onSize-commit"?: (size: FloatingPanelSize) => any;
+    "onUpdate:stage"?: (stage: FloatingPanelStage) => any;
+    "onStage-change"?: (stage: FloatingPanelStage) => any;
+}>, {
+    disabled: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    step: number | undefined;
+    draggable: boolean | undefined;
+    boundary: Element | null | undefined;
+    resizable: boolean | undefined;
+    defaultSize: FloatingPanelSize | undefined;
+    minSize: FloatingPanelSize | undefined;
+    maxSize: FloatingPanelSize | undefined;
+    defaultPosition: FloatingPanelPosition | undefined;
+    defaultStage: FloatingPanelStage | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/floating-panel/FloatingPanelRoot.vue.d.ts

@@ -0,0 +1,152 @@
+import { type FloatingPanelGeometry, type FloatingPanelGesture, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelStage } from './context.js';
+/**
+ * Root of a draggable, resizable, non-modal floating panel, owning open state, position, size and stage via context.
+ *
+ * @example
+ * ```vue
+ * <FloatingPanel.Root :default-position="{ x: 40, y: 40 }">
+ *   <FloatingPanel.Trigger>Open panel</FloatingPanel.Trigger>
+ *   <FloatingPanel.Portal>
+ *     <FloatingPanel.Content>
+ *       <FloatingPanel.Header aria-label="Drag to move panel">
+ *         <FloatingPanel.Title>Inspector</FloatingPanel.Title>
+ *         <FloatingPanel.CloseTrigger>Close</FloatingPanel.CloseTrigger>
+ *       </FloatingPanel.Header>
+ *       <p>Panel body.</p>
+ *       <FloatingPanel.ResizeTrigger direction="se" aria-label="Resize panel" />
+ *     </FloatingPanel.Content>
+ *   </FloatingPanel.Portal>
+ * </FloatingPanel.Root>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the panel is open, for controlled usage via `v-model:open`.
+     * @default undefined — uncontrolled, the panel tracks its own open state internally.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the panel is initially open, for uncontrolled usage.
+     * @default false — the panel is closed until the trigger is pressed.
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * The panel's top-left corner in CSS pixels, for controlled usage via `v-model:position`.
+     * @default undefined — uncontrolled, the panel tracks its own position internally.
+     */
+    position?: FloatingPanelPosition | undefined;
+    /**
+     * Where the panel starts, for uncontrolled usage.
+     * @default { x: 0, y: 0 } — the top-left corner of the boundary.
+     */
+    defaultPosition?: FloatingPanelPosition | undefined;
+    /**
+     * The panel's box in CSS pixels, for controlled usage via `v-model:size`.
+     * @default undefined — uncontrolled, the panel tracks its own size internally.
+     */
+    size?: FloatingPanelSize | undefined;
+    /**
+     * The panel's starting box, for uncontrolled usage.
+     * @default { width: 320, height: 240 }
+     */
+    defaultSize?: FloatingPanelSize | undefined;
+    /**
+     * Smallest box the panel can be resized to; every resize is clamped to it.
+     * @default { width: 160, height: 120 }
+     */
+    minSize?: FloatingPanelSize | undefined;
+    /**
+     * Largest box the panel can be resized to.
+     * @default { width: Infinity, height: Infinity } — only the boundary limits growth.
+     */
+    maxSize?: FloatingPanelSize | undefined;
+    /**
+     * Element the panel may not be dragged or resized out of.
+     * @default null — the viewport constrains the panel instead.
+     */
+    boundary?: Element | null | undefined;
+    /**
+     * The panel's window state, for controlled usage via `v-model:stage`.
+     * @default undefined — uncontrolled, the panel tracks its own stage internally.
+     */
+    stage?: FloatingPanelStage | undefined;
+    /**
+     * The panel's starting window state, for uncontrolled usage.
+     * @default 'default' — the panel uses its own position and size.
+     */
+    defaultStage?: FloatingPanelStage | undefined;
+    /**
+     * Whether the header can move the panel.
+     * @default true — the header is a drag handle and a keyboard mover.
+     */
+    draggable?: boolean | undefined;
+    /**
+     * Whether resize triggers do anything; `false` makes every grip inert and non-focusable.
+     * @default true — every grip resizes and takes a tab stop.
+     */
+    resizable?: boolean | undefined;
+    /**
+     * How far one arrow key moves or resizes the panel, in pixels; Shift+arrow uses ten times this.
+     * @default 10 — one arrow key is a 10px nudge, one Shift+arrow a 100px jump.
+     */
+    step?: number | undefined;
+    /**
+     * Freezes the panel's geometry: drag, resize and stage changes are all refused, but opening/closing still work.
+     * @default false — the panel is fully interactive.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Words the polite live-region message announced once per drag or resize, on release.
+     * @default undefined — the built-in English wording ("Panel moved to 40, 25").
+     */
+    getGestureAnnouncement?: ((gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string) | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "update:position": (position: FloatingPanelPosition) => any;
+    "position-change": (position: FloatingPanelPosition) => any;
+    "position-commit": (position: FloatingPanelPosition) => any;
+    "update:size": (size: FloatingPanelSize) => any;
+    "size-change": (size: FloatingPanelSize) => any;
+    "size-commit": (size: FloatingPanelSize) => any;
+    "update:stage": (stage: FloatingPanelStage) => any;
+    "stage-change": (stage: FloatingPanelStage) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onUpdate:position"?: (position: FloatingPanelPosition) => any;
+    "onPosition-change"?: (position: FloatingPanelPosition) => any;
+    "onPosition-commit"?: (position: FloatingPanelPosition) => any;
+    "onUpdate:size"?: (size: FloatingPanelSize) => any;
+    "onSize-change"?: (size: FloatingPanelSize) => any;
+    "onSize-commit"?: (size: FloatingPanelSize) => any;
+    "onUpdate:stage"?: (stage: FloatingPanelStage) => any;
+    "onStage-change"?: (stage: FloatingPanelStage) => any;
+}>, {
+    disabled: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    step: number | undefined;
+    draggable: boolean | undefined;
+    boundary: Element | null | undefined;
+    resizable: boolean | undefined;
+    defaultSize: FloatingPanelSize | undefined;
+    minSize: FloatingPanelSize | undefined;
+    maxSize: FloatingPanelSize | undefined;
+    defaultPosition: FloatingPanelPosition | undefined;
+    defaultStage: FloatingPanelStage | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/floating-panel/FloatingPanelRoot.vue.js

@@ -0,0 +1 @@
+import t from"./FloatingPanelRoot.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/floating-panel/FloatingPanelRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const V=require("../utils/liveAnnouncer.cjs"),Y=require("../utils/useOpenChangeComplete.cjs"),f=require("../utils/clamp.cjs"),z=require("./context.cjs");let t=require("vue");var D=(0,t.defineComponent)({__name:"FloatingPanelRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},position:{},defaultPosition:{default:()=>({x:0,y:0})},size:{},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup(E,{emit:A}){const i=E,l=A,I=(0,t.ref)(null),y=(0,t.ref)(null),M=(0,t.ref)(!1),O=(0,t.ref)(!1),x=(0,t.ref)(!1),P=(0,t.ref)(i.defaultOpen),T=(0,t.ref)(i.defaultPosition),B=(0,t.ref)(i.defaultSize),q=(0,t.ref)(i.defaultStage),p=(0,t.computed)(()=>i.open??P.value),u=(0,t.computed)(()=>i.position??T.value),o=(0,t.computed)(()=>i.size??B.value),N=(0,t.computed)(()=>i.stage??q.value);Y.useOpenChangeComplete(p,y,e=>l("open-change-complete",e));function C(e){e!==p.value&&(i.open===void 0&&(P.value=e),l("update:open",e),l("open-change",e))}function b(e){e.x===u.value.x&&e.y===u.value.y||(i.position===void 0&&(T.value=e),l("update:position",e),l("position-change",e))}function R(e){e.width===o.value.width&&e.height===o.value.height||(i.size===void 0&&(B.value=e),l("update:size",e),l("size-change",e))}function F(e){e!==N.value&&(i.stage===void 0&&(q.value=e),l("update:stage",e),l("stage-change",e))}(0,t.watch)(p,(e,a)=>{if(!a||e)return;const n=document.activeElement;(!n||n===document.body||y.value?.contains(n))&&I.value?.focus()});function S(){const e=i.boundary;if(e){const a=e.getBoundingClientRect();return{width:a.width,height:a.height}}return{width:window.innerWidth,height:window.innerHeight}}function m(e,a,n,s){return f.clamp(e,a,Math.max(a,Math.min(n,s)))}const _=(0,t.ref)(null);(0,t.watchEffect)(e=>{const a=i.boundary,n=()=>{_.value=S()};if(n(),a&&typeof ResizeObserver<"u"){const s=new ResizeObserver(n);s.observe(a),e(()=>s.disconnect());return}window.addEventListener("resize",n),e(()=>window.removeEventListener("resize",n))},{flush:"post"}),(0,t.watch)(_,e=>{if(!e)return;const{minSize:a}=i,n=Math.min(o.value.width,Math.max(a.width,e.width)),s=Math.min(o.value.height,Math.max(a.height,e.height));(n!==o.value.width||s!==o.value.height)&&R({width:n,height:s});const d=f.clamp(u.value.x,0,Math.max(0,e.width-n)),c=f.clamp(u.value.y,0,Math.max(0,e.height-s));(d!==u.value.x||c!==u.value.y)&&b({x:d,y:c})});function L(e,a){if(i.disabled||!i.draggable)return;const n=S();b({x:f.clamp(u.value.x+e,0,Math.max(0,n.width-o.value.width)),y:f.clamp(u.value.y+a,0,Math.max(0,n.height-o.value.height))})}function G(e,a,n){if(i.disabled||!i.resizable)return;const s=S();let{x:d,y:c}=u.value,{width:r,height:h}=o.value;const{minSize:v,maxSize:w}=i;if(e.includes("e")&&(r=m(o.value.width+a,v.width,w.width,s.width-d)),e.includes("w")){const g=d+r;r=m(o.value.width-a,v.width,w.width,g),d=g-r}if(e.includes("s")&&(h=m(o.value.height+n,v.height,w.height,s.height-c)),e.includes("n")){const g=c+h;h=m(o.value.height-n,v.height,w.height,g),c=g-h}R({width:r,height:h}),b({x:d,y:c})}function H(e){e==="resize"&&l("size-commit",o.value),l("position-commit",u.value);const a={position:{x:Math.round(u.value.x),y:Math.round(u.value.y)},size:{width:Math.round(o.value.width),height:Math.round(o.value.height)}},n=(i.getGestureAnnouncement??z.gestureAnnouncement)(e,a);n&&V.announce(n)}return(0,t.provide)(z.FLOATING_PANEL_CONTEXT,{triggerRef:I,contentRef:y,contentId:z.nextFloatingPanelContentId(),titleId:z.nextFloatingPanelTitleId(),hasTitle:(0,t.computed)(()=>M.value),setHasTitle:e=>{M.value=e},open:p,setOpen:C,position:u,size:o,minSize:(0,t.computed)(()=>i.minSize),maxSize:(0,t.computed)(()=>i.maxSize),bounds:(0,t.computed)(()=>_.value),stage:N,setStage:F,moveBy:L,resizeBy:G,announceRelease:H,draggable:(0,t.computed)(()=>i.draggable),resizable:(0,t.computed)(()=>i.resizable),disabled:(0,t.computed)(()=>i.disabled),step:(0,t.computed)(()=>i.step),dragging:(0,t.computed)(()=>O.value),setDragging:e=>{O.value=e},resizing:(0,t.computed)(()=>x.value),setResizing:e=>{x.value=e}}),(e,a)=>(0,t.renderSlot)(e.$slots,"default")}});exports.default=D;

package/dist/floating-panel/FloatingPanelRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{announce as e}from"../utils/liveAnnouncer.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{clamp as i}from"../utils/clamp.js";import{FLOATING_PANEL_CONTEXT as a,gestureAnnouncement as n,nextFloatingPanelContentId as o,nextFloatingPanelTitleId as u}from"./context.js";import{computed as l,defineComponent as s,provide as h,ref as d,renderSlot as g,watch as r,watchEffect as c}from"vue";var v=/* @__PURE__ */s({__name:"FloatingPanelRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},position:{},defaultPosition:{default:()=>({x:0,y:0})},size:{},defaultSize:{default:()=>({width:320,height:240})},minSize:{default:()=>({width:160,height:120})},maxSize:{default:()=>({width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY})},boundary:{default:null},stage:{},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{}},emits:["update:open","open-change","open-change-complete","update:position","position-change","position-commit","update:size","size-change","size-commit","update:stage","stage-change"],setup(s,{emit:v}){const p=s,m=v,f=d(null),w=d(null),z=d(!1),x=d(!1),y=d(!1),b=d(p.defaultOpen),S=d(p.defaultPosition),I=d(p.defaultSize),M=d(p.defaultStage),O=l(()=>p.open??b.value),T=l(()=>p.position??S.value),N=l(()=>p.size??I.value),B=l(()=>p.stage??M.value);function C(e){e.x===T.value.x&&e.y===T.value.y||(void 0===p.position&&(S.value=e),m("update:position",e),m("position-change",e))}function E(e){e.width===N.value.width&&e.height===N.value.height||(void 0===p.size&&(I.value=e),m("update:size",e),m("size-change",e))}function P(){const e=p.boundary;if(e){const t=e.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}function R(e,t,a,n){return i(e,t,Math.max(t,Math.min(a,n)))}t(O,w,e=>m("open-change-complete",e)),r(O,(e,t)=>{if(!t||e)return;const i=document.activeElement;(!i||i===document.body||w.value?.contains(i))&&f.value?.focus()});const A=d(null);return c(e=>{const t=p.boundary,i=()=>{A.value=P()};if(i(),t&&typeof ResizeObserver<"u"){const a=new ResizeObserver(i);return a.observe(t),void e(()=>a.disconnect())}window.addEventListener("resize",i),e(()=>window.removeEventListener("resize",i))},{flush:"post"}),r(A,e=>{if(!e)return;const{minSize:t}=p,a=Math.min(N.value.width,Math.max(t.width,e.width)),n=Math.min(N.value.height,Math.max(t.height,e.height));(a!==N.value.width||n!==N.value.height)&&E({width:a,height:n});const o=i(T.value.x,0,Math.max(0,e.width-a)),u=i(T.value.y,0,Math.max(0,e.height-n));(o!==T.value.x||u!==T.value.y)&&C({x:o,y:u})}),h(a,{triggerRef:f,contentRef:w,contentId:o(),titleId:u(),hasTitle:l(()=>z.value),setHasTitle:e=>{z.value=e},open:O,setOpen:function(e){e!==O.value&&(void 0===p.open&&(b.value=e),m("update:open",e),m("open-change",e))},position:T,size:N,minSize:l(()=>p.minSize),maxSize:l(()=>p.maxSize),bounds:l(()=>A.value),stage:B,setStage:function(e){e!==B.value&&(void 0===p.stage&&(M.value=e),m("update:stage",e),m("stage-change",e))},moveBy:function(e,t){if(p.disabled||!p.draggable)return;const a=P();C({x:i(T.value.x+e,0,Math.max(0,a.width-N.value.width)),y:i(T.value.y+t,0,Math.max(0,a.height-N.value.height))})},resizeBy:function(e,t,i){if(p.disabled||!p.resizable)return;const a=P();let{x:n,y:o}=T.value,{width:u,height:l}=N.value;const{minSize:s,maxSize:h}=p;if(e.includes("e")&&(u=R(N.value.width+t,s.width,h.width,a.width-n)),e.includes("w")){const e=n+u;u=R(N.value.width-t,s.width,h.width,e),n=e-u}if(e.includes("s")&&(l=R(N.value.height+i,s.height,h.height,a.height-o)),e.includes("n")){const e=o+l;l=R(N.value.height-i,s.height,h.height,e),o=e-l}E({width:u,height:l}),C({x:n,y:o})},announceRelease:function(t){"resize"===t&&m("size-commit",N.value),m("position-commit",T.value);const i={position:{x:Math.round(T.value.x),y:Math.round(T.value.y)},size:{width:Math.round(N.value.width),height:Math.round(N.value.height)}},a=(p.getGestureAnnouncement??n)(t,i);a&&e(a)},draggable:l(()=>p.draggable),resizable:l(()=>p.resizable),disabled:l(()=>p.disabled),step:l(()=>p.step),dragging:l(()=>x.value),setDragging:e=>{x.value=e},resizing:l(()=>y.value),setResizing:e=>{y.value=e}}),(e,t)=>g(e.$slots,"default")}});export{v as default};

package/dist/floating-panel/FloatingPanelStageTrigger.vue.d.cts

@@ -1,22 +1,7 @@
 import { type FloatingPanelStage } from './context.cjs';
-/**
- * Button that switches the panel to the `stage` it names — and back to
- * `'default'` when the panel is already there. That toggle is why minimize and
- * restore are one button rather than two: it reports the state it is in via
- * `aria-pressed`, so a screen reader announces "Minimize, pressed" rather than
- * two buttons swapping places under the user.
- *
- * Also exposes the panel's current stage as `data-stage` and its own active
- * state as `data-state` (`on`/`off`). Refuses to act while the panel is
- * `disabled`, since a stage change rewrites the panel's geometry. Must be used
- * inside `SkdxFloatingPanel`.
- */
+/** Button that switches the panel to the `stage` it names, toggling back to `'default'` when already there. */
 type __VLS_Props = {
-    /**
-     * The stage this button switches to. Pressing it while the panel is already
-     * in that stage restores `'default'`, which is what makes one button a
-     * minimize *and* a restore.
-     */
+    /** The stage this button switches to, restoring `'default'` when the panel is already in that stage. */
     stage: FloatingPanelStage;
 };
 declare var __VLS_1: {};

package/dist/floating-panel/FloatingPanelStageTrigger.vue.d.ts

@@ -1,22 +1,7 @@
 import { type FloatingPanelStage } from './context.js';
-/**
- * Button that switches the panel to the `stage` it names — and back to
- * `'default'` when the panel is already there. That toggle is why minimize and
- * restore are one button rather than two: it reports the state it is in via
- * `aria-pressed`, so a screen reader announces "Minimize, pressed" rather than
- * two buttons swapping places under the user.
- *
- * Also exposes the panel's current stage as `data-stage` and its own active
- * state as `data-state` (`on`/`off`). Refuses to act while the panel is
- * `disabled`, since a stage change rewrites the panel's geometry. Must be used
- * inside `SkdxFloatingPanel`.
- */
+/** Button that switches the panel to the `stage` it names, toggling back to `'default'` when already there. */
 type __VLS_Props = {
-    /**
-     * The stage this button switches to. Pressing it while the panel is already
-     * in that stage restores `'default'`, which is what makes one button a
-     * minimize *and* a restore.
-     */
+    /** The stage this button switches to, restoring `'default'` when the panel is already in that stage. */
     stage: FloatingPanelStage;
 };
 declare var __VLS_1: {};

package/dist/floating-panel/FloatingPanelStageTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var i=["aria-pressed","disabled","data-stage","data-state","data-disabled"],u=(0,e.defineComponent)({__name:"FloatingPanelStageTrigger",props:{stage:{}},setup(l){const r=l,a=(0,e.inject)(d.FLOATING_PANEL_CONTEXT);if(!a)throw new Error("SkdxFloatingPanelStageTrigger must be used within SkdxFloatingPanel.");const t=(0,e.computed)(()=>a.stage.value===r.stage);function n(){a.disabled.value||a.setStage(t.value?"default":r.stage)}return(s,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-floating-panel__stage-trigger","data-part":"stage-trigger",type:"button","aria-pressed":t.value,disabled:(0,e.unref)(a).disabled.value||void 0,"data-stage":(0,e.unref)(a).stage.value,"data-state":t.value?"on":"off","data-disabled":(0,e.unref)(a).disabled.value?"":void 0,onClick:n},[(0,e.renderSlot)(s.$slots,"default")],8,i))}});exports.default=u;
+const d=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var u=["aria-pressed","aria-disabled","data-stage","data-state","data-disabled"],o=(0,e.defineComponent)({__name:"FloatingPanelStageTrigger",props:{stage:{}},setup(i){const r=i,a=d.injectRequired(l.FLOATING_PANEL_CONTEXT,"SkdxFloatingPanelStageTrigger must be used within SkdxFloatingPanel."),t=(0,e.computed)(()=>a.stage.value===r.stage);function n(){a.disabled.value||a.setStage(t.value?"default":r.stage)}return(s,g)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-floating-panel__stage-trigger","data-part":"stage-trigger",type:"button","aria-pressed":t.value,"aria-disabled":(0,e.unref)(a).disabled.value||void 0,"data-stage":(0,e.unref)(a).stage.value,"data-state":t.value?"on":"off","data-disabled":(0,e.unref)(a).disabled.value?"":void 0,onClick:n},[(0,e.renderSlot)(s.$slots,"default")],8,u))}});exports.default=o;

package/dist/floating-panel/FloatingPanelStageTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{FLOATING_PANEL_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,defineComponent as s,inject as d,openBlock as l,renderSlot as o,unref as r}from"vue";var n=["aria-pressed","disabled","data-stage","data-state","data-disabled"],i=/* @__PURE__ */s({__name:"FloatingPanelStageTrigger",props:{stage:{}},setup(s){const i=s,g=d(a);if(!g)throw new Error("SkdxFloatingPanelStageTrigger must be used within SkdxFloatingPanel.");const u=e(()=>g.stage.value===i.stage);function p(){g.disabled.value||g.setStage(u.value?"default":i.stage)}return(a,e)=>(l(),t("button",{class:"skdx-floating-panel__stage-trigger","data-part":"stage-trigger",type:"button","aria-pressed":u.value,disabled:r(g).disabled.value||void 0,"data-stage":r(g).stage.value,"data-state":u.value?"on":"off","data-disabled":r(g).disabled.value?"":void 0,onClick:p},[o(a.$slots,"default")],8,n))}});export{i as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{FLOATING_PANEL_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as s,defineComponent as d,openBlock as i,renderSlot as l,unref as r}from"vue";var o=["aria-pressed","aria-disabled","data-stage","data-state","data-disabled"],n=/* @__PURE__ */d({__name:"FloatingPanelStageTrigger",props:{stage:{}},setup(d){const n=d,g=a(e,"SkdxFloatingPanelStageTrigger must be used within SkdxFloatingPanel."),u=t(()=>g.stage.value===n.stage);function p(){g.disabled.value||g.setStage(u.value?"default":n.stage)}return(a,e)=>(i(),s("button",{class:"skdx-floating-panel__stage-trigger","data-part":"stage-trigger",type:"button","aria-pressed":u.value,"aria-disabled":r(g).disabled.value||void 0,"data-stage":r(g).stage.value,"data-state":u.value?"on":"off","data-disabled":r(g).disabled.value?"":void 0,onClick:p},[l(a.$slots,"default")],8,o))}});export{n as default};

package/dist/floating-panel/FloatingPanelTitle.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * The panel's accessible name: an `<h2>` wired to `SkdxFloatingPanelContent`
- * through `aria-labelledby`. Not optional in practice — `role="dialog"` with no
- * name announces as a bare "dialog", and a page can hold several panels at
- * once. Must be used inside `SkdxFloatingPanel`.
- */
+/** The panel's accessible name: an `<h2>` wired to `SkdxFloatingPanelContent` through `aria-labelledby`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/floating-panel/FloatingPanelTitle.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * The panel's accessible name: an `<h2>` wired to `SkdxFloatingPanelContent`
- * through `aria-labelledby`. Not optional in practice — `role="dialog"` with no
- * name announces as a bare "dialog", and a page can hold several panels at
- * once. Must be used inside `SkdxFloatingPanel`.
- */
+/** The panel's accessible name: an `<h2>` wired to `SkdxFloatingPanelContent` through `aria-labelledby`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/floating-panel/FloatingPanelTitle.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var r=["id"],a=(0,e.defineComponent)({__name:"FloatingPanelTitle",setup(i){const t=(0,e.inject)(l.FLOATING_PANEL_CONTEXT);if(!t)throw new Error("SkdxFloatingPanelTitle must be used within SkdxFloatingPanel.");return(n,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("h2",{class:"skdx-floating-panel__title","data-part":"title",id:(0,e.unref)(t).titleId},[(0,e.renderSlot)(n.$slots,"default")],8,r))}});exports.default=a;
+const l=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var r=["id"],a=(0,e.defineComponent)({__name:"FloatingPanelTitle",setup(u){const t=l.injectRequired(i.FLOATING_PANEL_CONTEXT,"SkdxFloatingPanelTitle must be used within SkdxFloatingPanel.");return t.setHasTitle(!0),(0,e.onUnmounted)(()=>t.setHasTitle(!1)),(n,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("h2",{id:(0,e.unref)(t).titleId,class:"skdx-floating-panel__title","data-part":"title"},[(0,e.renderSlot)(n.$slots,"default")],8,r))}});exports.default=a;

package/dist/floating-panel/FloatingPanelTitle.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{FLOATING_PANEL_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as a,inject as n,openBlock as l,renderSlot as o,unref as i}from"vue";var s=["id"],r=/* @__PURE__ */a({__name:"FloatingPanelTitle",setup(a){const r=n(t);if(!r)throw new Error("SkdxFloatingPanelTitle must be used within SkdxFloatingPanel.");return(t,a)=>(l(),e("h2",{class:"skdx-floating-panel__title","data-part":"title",id:i(r).titleId},[o(t.$slots,"default")],8,s))}});export{r as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{FLOATING_PANEL_CONTEXT as t}from"./context.js";import{createElementBlock as a,defineComponent as n,onUnmounted as s,openBlock as i,renderSlot as l,unref as o}from"vue";var r=["id"],d=/* @__PURE__ */n({__name:"FloatingPanelTitle",setup(n){const d=e(t,"SkdxFloatingPanelTitle must be used within SkdxFloatingPanel.");return d.setHasTitle(!0),s(()=>d.setHasTitle(!1)),(e,t)=>(i(),a("h2",{id:o(d).titleId,class:"skdx-floating-panel__title","data-part":"title"},[l(e.$slots,"default")],8,r))}});export{d as default};

package/dist/floating-panel/FloatingPanelTrigger.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * Button that opens the panel, and the element focus returns to when the panel
- * closes. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`). Clicking it while the panel is open closes it
- * again. Must be used inside `SkdxFloatingPanel`.
- */
+/** Button that opens the panel, toggles it closed, and receives focus back when the panel closes. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/floating-panel/FloatingPanelTrigger.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * Button that opens the panel, and the element focus returns to when the panel
- * closes. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and
- * `data-state` (`open`/`closed`). Clicking it while the panel is open closes it
- * again. Must be used inside `SkdxFloatingPanel`.
- */
+/** Button that opens the panel, toggles it closed, and receives focus back when the panel closes. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {