@skdx/vue 0.28.0 → 0.29.0

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

@@ -1,20 +1,6 @@
 import { type FloatingPanelGeometry, type FloatingPanelGesture, type FloatingPanelPosition, type FloatingPanelSize, type FloatingPanelStage } from './context.js';
 /**
- * FloatingPanel's state/context primitive: root of a draggable, resizable,
- * **non-modal** floating panel — the movable window pattern. Owns open state,
- * position, size and stage, and hands them down to children via context.
- * Renders no DOM element itself.
- *
- * Non-modal is the point: there is no backdrop, no focus trap, and no scroll
- * lock, so the page behind stays fully usable while it's open. Focus still
- * returns to the trigger on close, but only when it would otherwise be
- * stranded.
- *
- * All four of `open`, `position`, `size` and `stage` work controlled or
- * uncontrolled, independently. Geometry is reported on two channels:
- * `@position-change`/`@size-change` fire per frame, for painting;
- * `@position-commit`/`@size-commit` fire once, when the gesture settles, for
- * persisting.
+ * Root of a draggable, resizable, non-modal floating panel, owning open state, position, size and stage via context.
  *
  * @example
  * ```vue
@@ -38,96 +24,82 @@ 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;
+    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;
+    defaultOpen?: boolean | undefined;
     /**
-     * The panel's top-left corner in CSS pixels, measured from the boundary's
-     * top-left, for controlled usage via `v-model:position`. Pair it with
-     * `@position-change` or the panel will refuse to move.
+     * 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;
+    position?: FloatingPanelPosition | undefined;
     /**
      * Where the panel starts, for uncontrolled usage.
      * @default { x: 0, y: 0 } — the top-left corner of the boundary.
      */
-    defaultPosition?: FloatingPanelPosition;
+    defaultPosition?: FloatingPanelPosition | undefined;
     /**
      * The panel's box in CSS pixels, for controlled usage via `v-model:size`.
-     * Pair it with `@size-change` or the panel will refuse to resize.
      * @default undefined — uncontrolled, the panel tracks its own size internally.
      */
-    size?: FloatingPanelSize;
+    size?: FloatingPanelSize | undefined;
     /**
      * The panel's starting box, for uncontrolled usage.
      * @default { width: 320, height: 240 }
      */
-    defaultSize?: FloatingPanelSize;
+    defaultSize?: FloatingPanelSize | undefined;
     /**
-     * Smallest box the panel can be resized to. Every resize is clamped to it,
-     * so a consumer never has to defend against a zero-height panel.
+     * Smallest box the panel can be resized to; every resize is clamped to it.
      * @default { width: 160, height: 120 }
      */
-    minSize?: FloatingPanelSize;
+    minSize?: FloatingPanelSize | undefined;
     /**
      * Largest box the panel can be resized to.
      * @default { width: Infinity, height: Infinity } — only the boundary limits growth.
      */
-    maxSize?: FloatingPanelSize;
+    maxSize?: FloatingPanelSize | undefined;
     /**
-     * Element the panel may not be dragged or resized out of. Position is
-     * measured from this element's top-left corner, so it must be the panel's
-     * containing block for the published geometry to line up.
+     * Element the panel may not be dragged or resized out of.
      * @default null — the viewport constrains the panel instead.
      */
-    boundary?: HTMLElement | null;
+    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;
+    stage?: FloatingPanelStage | undefined;
     /**
      * The panel's starting window state, for uncontrolled usage.
      * @default 'default' — the panel uses its own position and size.
      */
-    defaultStage?: FloatingPanelStage;
+    defaultStage?: FloatingPanelStage | undefined;
     /**
-     * Whether the header can move the panel. `false` leaves the header
-     * focusable only if you make it so, and drops its `move` cursor.
+     * Whether the header can move the panel.
      * @default true — the header is a drag handle and a keyboard mover.
      */
-    draggable?: boolean;
+    draggable?: boolean | undefined;
     /**
-     * Whether resize triggers do anything. `false` makes every
-     * `SkdxFloatingPanelResizeTrigger` inert and non-focusable, so a fixed-size
-     * panel can still render its grips for visual symmetry.
+     * 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;
+    resizable?: boolean | undefined;
     /**
-     * How far one arrow key moves or resizes the panel, in pixels.
-     * Shift+arrow uses ten times this.
+     * 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;
+    step?: number | undefined;
     /**
-     * Freezes the panel's geometry: drag, resize and stage changes are all
-     * refused and their triggers leave the tab order. Opening and closing still
-     * work — a disabled panel is inert, not unreachable.
+     * 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;
+    disabled?: boolean | undefined;
     /**
-     * Words the polite live-region message announced once per drag or resize, on
-     * release. The numbers are already rounded to whole CSS pixels. Return `''`
-     * to announce nothing.
+     * 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;
+    getGestureAnnouncement?: ((gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -146,34 +118,30 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:stage": (stage: FloatingPanelStage) => any;
     "stage-change": (stage: FloatingPanelStage) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:position"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-change"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onPosition-commit"?: ((position: FloatingPanelPosition) => any) | undefined;
-    "onUpdate:size"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-change"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onSize-commit"?: ((size: FloatingPanelSize) => any) | undefined;
-    "onUpdate:stage"?: ((stage: FloatingPanelStage) => any) | undefined;
-    "onStage-change"?: ((stage: FloatingPanelStage) => any) | undefined;
+    "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;
 }>, {
-    position: FloatingPanelPosition;
-    disabled: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    size: FloatingPanelSize;
-    step: number;
-    draggable: boolean;
-    boundary: HTMLElement | null;
-    resizable: boolean;
-    defaultSize: FloatingPanelSize;
-    minSize: FloatingPanelSize;
-    maxSize: FloatingPanelSize;
-    stage: FloatingPanelStage;
-    defaultPosition: FloatingPanelPosition;
-    defaultStage: FloatingPanelStage;
-    getGestureAnnouncement: (gesture: FloatingPanelGesture, detail: FloatingPanelGeometry) => string;
+    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;

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

@@ -1 +1 @@
-const V=require("../utils/useOpenChangeComplete.cjs"),f=require("../utils/clamp.cjs"),Y=require("../utils/liveAnnouncer.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:{default:void 0},defaultPosition:{default:()=>({x:0,y:0})},size:{default:void 0},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:{default:void 0},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{type:Function,default:void 0}},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:F}){const i=E,l=F,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);V.useOpenChangeComplete(p,y,e=>l("open-change-complete",e));function A(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 C(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&&Y.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:A,position:u,size:o,minSize:(0,t.computed)(()=>i.minSize),maxSize:(0,t.computed)(()=>i.maxSize),bounds:(0,t.computed)(()=>_.value),stage:N,setStage:C,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;
+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

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{clamp as t}from"../utils/clamp.js";import{announce as i}from"../utils/liveAnnouncer.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 d,ref as h,renderSlot as g,watch as r,watchEffect as v}from"vue";var c=/* @__PURE__ */s({__name:"FloatingPanelRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},position:{default:void 0},defaultPosition:{default:()=>({x:0,y:0})},size:{default:void 0},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:{default:void 0},defaultStage:{default:"default"},draggable:{type:Boolean,default:!0},resizable:{type:Boolean,default:!0},step:{default:10},disabled:{type:Boolean,default:!1},getGestureAnnouncement:{type:Function,default:void 0}},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:c}){const p=s,f=c,m=h(null),w=h(null),z=h(!1),x=h(!1),y=h(!1),b=h(p.defaultOpen),S=h(p.defaultPosition),I=h(p.defaultSize),M=h(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),f("update:position",e),f("position-change",e))}function E(e){e.width===N.value.width&&e.height===N.value.height||(void 0===p.size&&(I.value=e),f("update:size",e),f("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,i,a,n){return t(e,i,Math.max(i,Math.min(a,n)))}e(O,w,e=>f("open-change-complete",e)),r(O,(e,t)=>{if(!t||e)return;const i=document.activeElement;(!i||i===document.body||w.value?.contains(i))&&m.value?.focus()});const F=h(null);return v(e=>{const t=p.boundary,i=()=>{F.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(F,e=>{if(!e)return;const{minSize:i}=p,a=Math.min(N.value.width,Math.max(i.width,e.width)),n=Math.min(N.value.height,Math.max(i.height,e.height));(a!==N.value.width||n!==N.value.height)&&E({width:a,height:n});const o=t(T.value.x,0,Math.max(0,e.width-a)),u=t(T.value.y,0,Math.max(0,e.height-n));(o!==T.value.x||u!==T.value.y)&&C({x:o,y:u})}),d(a,{triggerRef:m,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),f("update:open",e),f("open-change",e))},position:T,size:N,minSize:l(()=>p.minSize),maxSize:l(()=>p.maxSize),bounds:l(()=>F.value),stage:B,setStage:function(e){e!==B.value&&(void 0===p.stage&&(M.value=e),f("update:stage",e),f("stage-change",e))},moveBy:function(e,i){if(p.disabled||!p.draggable)return;const a=P();C({x:t(T.value.x+e,0,Math.max(0,a.width-N.value.width)),y:t(T.value.y+i,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:d}=p;if(e.includes("e")&&(u=R(N.value.width+t,s.width,d.width,a.width-n)),e.includes("w")){const e=n+u;u=R(N.value.width-t,s.width,d.width,e),n=e-u}if(e.includes("s")&&(l=R(N.value.height+i,s.height,d.height,a.height-o)),e.includes("n")){const e=o+l;l=R(N.value.height-i,s.height,d.height,e),o=e-l}E({width:u,height:l}),C({x:n,y:o})},announceRelease:function(e){"resize"===e&&f("size-commit",N.value),f("position-commit",T.value);const t={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)(e,t);a&&i(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{c as default};
+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,19 +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 makes one button
- * serve as both minimize and restore: it reports the state via `aria-pressed`,
- * so a screen reader announces "Minimize, pressed" rather than two buttons
- * swapping places. Exposes the panel's current stage as `data-stage` and its
- * own state as `data-state` (`on`/`off`). Refuses to act while the panel is
- * `disabled`. 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,19 +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 makes one button
- * serve as both minimize and restore: it reports the state via `aria-pressed`,
- * so a screen reader announces "Minimize, pressed" rather than two buttons
- * swapping places. Exposes the panel's current stage as `data-stage` and its
- * own state as `data-state` (`on`/`off`). Refuses to act while the panel is
- * `disabled`. 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","aria-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,"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,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 r,unref as o}from"vue";var i=["aria-pressed","aria-disabled","data-stage","data-state","data-disabled"],n=/* @__PURE__ */s({__name:"FloatingPanelStageTrigger",props:{stage:{}},setup(s){const n=s,g=d(a);if(!g)throw new Error("SkdxFloatingPanelStageTrigger must be used within SkdxFloatingPanel.");const u=e(()=>g.stage.value===n.stage);function p(){g.disabled.value||g.setStage(u.value?"default":n.stage)}return(a,e)=>(l(),t("button",{class:"skdx-floating-panel__stage-trigger","data-part":"stage-trigger",type:"button","aria-pressed":u.value,"aria-disabled":o(g).disabled.value||void 0,"data-stage":o(g).stage.value,"data-state":u.value?"on":"off","data-disabled":o(g).disabled.value?"":void 0,onClick:p},[r(a.$slots,"default")],8,i))}});export{n 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,11 +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.
- * Registers itself with the root on mount so Content emits `aria-labelledby`;
- * without a Title the attribute is omitted rather than point at an id nothing
- * rendered. 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,11 +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.
- * Registers itself with the root on mount so Content emits `aria-labelledby`;
- * without a Title the attribute is omitted rather than point at an id nothing
- * rendered. 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 a=["id"],i=(0,e.defineComponent)({__name:"FloatingPanelTitle",setup(r){const t=(0,e.inject)(l.FLOATING_PANEL_CONTEXT);if(!t)throw new Error("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",{class:"skdx-floating-panel__title","data-part":"title",id:(0,e.unref)(t).titleId},[(0,e.renderSlot)(n.$slots,"default")],8,a))}});exports.default=i;
+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,onUnmounted as l,openBlock as s,renderSlot as o,unref as i}from"vue";var r=["id"],d=/* @__PURE__ */a({__name:"FloatingPanelTitle",setup(a){const d=n(t);if(!d)throw new Error("SkdxFloatingPanelTitle must be used within SkdxFloatingPanel.");return d.setHasTitle(!0),l(()=>d.setHasTitle(!1)),(t,a)=>(s(),e("h2",{class:"skdx-floating-panel__title","data-part":"title",id:i(d).titleId},[o(t.$slots,"default")],8,r))}});export{d 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 receives focus 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. 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 receives focus 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. 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_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var l=["aria-expanded","aria-controls","data-state"],u=(0,e.defineComponent)({__name:"FloatingPanelTrigger",setup(i){const t=(0,e.inject)(o.FLOATING_PANEL_CONTEXT);if(!t)throw new Error("SkdxFloatingPanelTrigger must be used within SkdxFloatingPanel.");const n=(0,e.ref)(null);return(0,e.onMounted)(()=>{t.triggerRef.value=n.value}),(a,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-floating-panel__trigger","data-part":"trigger",ref_key:"elRef",ref:n,type:"button","aria-haspopup":"dialog","aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).contentId,"data-state":(0,e.unref)(t).open.value?"open":"closed",onClick:r[0]||(r[0]=s=>(0,e.unref)(t).setOpen(!(0,e.unref)(t).open.value))},[(0,e.renderSlot)(a.$slots,"default")],8,l))}});exports.default=u;
+const o=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var u=["aria-expanded","aria-controls","data-state"],i=(0,e.defineComponent)({__name:"FloatingPanelTrigger",setup(d){const t=o.injectRequired(l.FLOATING_PANEL_CONTEXT,"SkdxFloatingPanelTrigger must be used within SkdxFloatingPanel."),n=(0,e.ref)(null);return(0,e.onMounted)(()=>{t.triggerRef.value=n.value}),(a,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{ref_key:"elRef",ref:n,class:"skdx-floating-panel__trigger","data-part":"trigger",type:"button","aria-haspopup":"dialog","aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).contentId,"data-state":(0,e.unref)(t).open.value?"open":"closed",onClick:r[0]||(r[0]=s=>(0,e.unref)(t).setOpen(!(0,e.unref)(t).open.value))},[(0,e.renderSlot)(a.$slots,"default")],8,u))}});exports.default=i;

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

@@ -1 +1 @@
-import{FLOATING_PANEL_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as n,onMounted as o,openBlock as r,ref as l,renderSlot as s,unref as i}from"vue";var d=["aria-expanded","aria-controls","data-state"],p=/* @__PURE__ */t({__name:"FloatingPanelTrigger",setup(t){const p=n(e);if(!p)throw new Error("SkdxFloatingPanelTrigger must be used within SkdxFloatingPanel.");const u=l(null);return o(()=>{p.triggerRef.value=u.value}),(e,t)=>(r(),a("button",{class:"skdx-floating-panel__trigger","data-part":"trigger",ref_key:"elRef",ref:u,type:"button","aria-haspopup":"dialog","aria-expanded":i(p).open.value,"aria-controls":i(p).contentId,"data-state":i(p).open.value?"open":"closed",onClick:t[0]||(t[0]=e=>i(p).setOpen(!i(p).open.value))},[s(e.$slots,"default")],8,d))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{FLOATING_PANEL_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as n,onMounted as o,openBlock as r,ref as l,renderSlot as s,unref as i}from"vue";var d=["aria-expanded","aria-controls","data-state"],u=/* @__PURE__ */n({__name:"FloatingPanelTrigger",setup(n){const u=e(a,"SkdxFloatingPanelTrigger must be used within SkdxFloatingPanel."),p=l(null);return o(()=>{u.triggerRef.value=p.value}),(e,a)=>(r(),t("button",{ref_key:"elRef",ref:p,class:"skdx-floating-panel__trigger","data-part":"trigger",type:"button","aria-haspopup":"dialog","aria-expanded":i(u).open.value,"aria-controls":i(u).contentId,"data-state":i(u).open.value?"open":"closed",onClick:a[0]||(a[0]=e=>i(u).setOpen(!i(u).open.value))},[s(e.$slots,"default")],8,d))}});export{u as default};

package/dist/floating-panel/context.d.cts

@@ -9,21 +9,11 @@ export interface FloatingPanelSize {
     width: number;
     height: number;
 }
-/**
- * Panel's window state: `default` uses stored position and size; `maximized`
- * fills boundary; `minimized` collapses to header height. Only `default` is
- * draggable and resizable.
- */
+/** Panel's window state; only `default` is draggable and resizable. */
 export type FloatingPanelStage = 'default' | 'minimized' | 'maximized';
 /** Which edge or corner an `SkdxFloatingPanelResizeTrigger` pulls. */
 export type FloatingPanelResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
-/**
- * Which gesture a release announcement describes — header drag (`'move'`) or
- * edge/corner pull (`'resize'`). Needed because `moveBy` fires every pointer
- * frame (flooding a live region if voiced), while `announceRelease` fires once
- * when the gesture settles.
- * @internal
- */
+/** @internal Which gesture a release announcement describes: header drag or edge/corner pull. */
 export type FloatingPanelGesture = 'move' | 'resize';
 /** The panel's geometry at the moment a gesture ended, handed to `SkdxFloatingPanel`'s `getGestureAnnouncement`. */
 export interface FloatingPanelGeometry {
@@ -36,11 +26,7 @@ export interface FloatingPanelGeometry {
  * Default release announcement wording, reusable by custom getGestureAnnouncement.
  */
 export declare function gestureAnnouncement(gesture: FloatingPanelGesture, { position, size }: FloatingPanelGeometry): string;
-/**
- * Shared state an SkdxFloatingPanel provides so its parts can read/drive geometry, stage and open state.
- *
- * @internal
- */
+/** @internal Shared state an SkdxFloatingPanel provides so its parts can read/drive geometry, stage and open state. */
 export interface FloatingPanelContext {
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
@@ -55,10 +41,7 @@ export interface FloatingPanelContext {
     size: ComputedRef<FloatingPanelSize>;
     minSize: ComputedRef<FloatingPanelSize>;
     maxSize: ComputedRef<FloatingPanelSize>;
-    /**
-     * Measured boundary box, or `null` before first client measurement.
-     * ResizeTrigger uses it to publish effective `aria-valuemax` ceiling.
-     */
+    /** Measured boundary box, or `null` before first client measurement. */
     bounds: ComputedRef<FloatingPanelSize | null>;
     stage: ComputedRef<FloatingPanelStage>;
     setStage: (stage: FloatingPanelStage) => void;
@@ -74,21 +57,9 @@ export interface FloatingPanelContext {
     resizing: ComputedRef<boolean>;
     setResizing: (resizing: boolean) => void;
 }
-/**
- * Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state.
- *
- * @internal
- */
+/** @internal Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state. */
 export declare const FLOATING_PANEL_CONTEXT: InjectionKey<FloatingPanelContext>;
-/**
- * Generates a unique id for a FloatingPanel's content.
- *
- * @internal
- */
+/** @internal Generates a unique id for a FloatingPanel's content. */
 export declare function nextFloatingPanelContentId(): string;
-/**
- * Generates a unique id for a FloatingPanel's title.
- *
- * @internal
- */
+/** @internal Generates a unique id for a FloatingPanel's title. */
 export declare function nextFloatingPanelTitleId(): string;

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

@@ -9,21 +9,11 @@ export interface FloatingPanelSize {
     width: number;
     height: number;
 }
-/**
- * Panel's window state: `default` uses stored position and size; `maximized`
- * fills boundary; `minimized` collapses to header height. Only `default` is
- * draggable and resizable.
- */
+/** Panel's window state; only `default` is draggable and resizable. */
 export type FloatingPanelStage = 'default' | 'minimized' | 'maximized';
 /** Which edge or corner an `SkdxFloatingPanelResizeTrigger` pulls. */
 export type FloatingPanelResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
-/**
- * Which gesture a release announcement describes — header drag (`'move'`) or
- * edge/corner pull (`'resize'`). Needed because `moveBy` fires every pointer
- * frame (flooding a live region if voiced), while `announceRelease` fires once
- * when the gesture settles.
- * @internal
- */
+/** @internal Which gesture a release announcement describes: header drag or edge/corner pull. */
 export type FloatingPanelGesture = 'move' | 'resize';
 /** The panel's geometry at the moment a gesture ended, handed to `SkdxFloatingPanel`'s `getGestureAnnouncement`. */
 export interface FloatingPanelGeometry {
@@ -36,11 +26,7 @@ export interface FloatingPanelGeometry {
  * Default release announcement wording, reusable by custom getGestureAnnouncement.
  */
 export declare function gestureAnnouncement(gesture: FloatingPanelGesture, { position, size }: FloatingPanelGeometry): string;
-/**
- * Shared state an SkdxFloatingPanel provides so its parts can read/drive geometry, stage and open state.
- *
- * @internal
- */
+/** @internal Shared state an SkdxFloatingPanel provides so its parts can read/drive geometry, stage and open state. */
 export interface FloatingPanelContext {
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
@@ -55,10 +41,7 @@ export interface FloatingPanelContext {
     size: ComputedRef<FloatingPanelSize>;
     minSize: ComputedRef<FloatingPanelSize>;
     maxSize: ComputedRef<FloatingPanelSize>;
-    /**
-     * Measured boundary box, or `null` before first client measurement.
-     * ResizeTrigger uses it to publish effective `aria-valuemax` ceiling.
-     */
+    /** Measured boundary box, or `null` before first client measurement. */
     bounds: ComputedRef<FloatingPanelSize | null>;
     stage: ComputedRef<FloatingPanelStage>;
     setStage: (stage: FloatingPanelStage) => void;
@@ -74,21 +57,9 @@ export interface FloatingPanelContext {
     resizing: ComputedRef<boolean>;
     setResizing: (resizing: boolean) => void;
 }
-/**
- * Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state.
- *
- * @internal
- */
+/** @internal Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state. */
 export declare const FLOATING_PANEL_CONTEXT: InjectionKey<FloatingPanelContext>;
-/**
- * Generates a unique id for a FloatingPanel's content.
- *
- * @internal
- */
+/** @internal Generates a unique id for a FloatingPanel's content. */
 export declare function nextFloatingPanelContentId(): string;
-/**
- * Generates a unique id for a FloatingPanel's title.
- *
- * @internal
- */
+/** @internal Generates a unique id for a FloatingPanel's title. */
 export declare function nextFloatingPanelTitleId(): string;

package/dist/floating-panel/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for FloatingPanel — the parts the recipe composes.
- * Reach when derived anatomy is not needed. Recipe built from exactly these components.
+ * Advanced primitives for FloatingPanel — the parts the recipe composes into the derived anatomy.
  *
  * @example
  * ```vue

package/dist/floating-panel/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for FloatingPanel — the parts the recipe composes.
- * Reach when derived anatomy is not needed. Recipe built from exactly these components.
+ * Advanced primitives for FloatingPanel — the parts the recipe composes into the derived anatomy.
  *
  * @example
  * ```vue