@skdx/vue 0.26.0

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

@@ -0,0 +1 @@
+const c=require("../utils/direction.cjs"),p=require("./context.cjs");let r=require("vue");var y=["data-dragging","data-disabled","tabindex"],x=10,P=(0,r.defineComponent)({__name:"FloatingPanelHeader",setup(h){const n=(0,r.inject)(p.FLOATING_PANEL_CONTEXT);if(!n)throw new Error("SkdxFloatingPanelHeader must be used within SkdxFloatingPanel.");const s=c.useDirection(),a=(0,r.ref)(null),l=(0,r.ref)(!1),o=(0,r.computed)(()=>n.draggable.value&&!n.disabled.value);function g(e){o.value&&(e.currentTarget.setPointerCapture?.(e.pointerId),a.value={x:e.clientX,y:e.clientY},n.setDragging(!0))}function f(e){const t=a.value;!o.value||!t||(n.moveBy(e.clientX-t.x,e.clientY-t.y),a.value={x:e.clientX,y:e.clientY})}function d(e){a.value&&(e.currentTarget.releasePointerCapture?.(e.pointerId),a.value=null,n.setDragging(!1),n.announceRelease("move"))}function v(e){if(!o.value)return;const t=n.step.value*(e.shiftKey?x:1),i=c.directionalKey(e.key,e.currentTarget,s()),u=i==="ArrowLeft"?{dx:-t,dy:0}:i==="ArrowRight"?{dx:t,dy:0}:i==="ArrowUp"?{dx:0,dy:-t}:i==="ArrowDown"?{dx:0,dy:t}:null;u&&(e.preventDefault(),l.value=!0,n.moveBy(u.dx,u.dy))}function _(){l.value&&(l.value=!1,n.announceRelease("move"))}return(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:"skdx-floating-panel__header","data-part":"header","data-dragging":(0,r.unref)(n).dragging.value?"":void 0,"data-disabled":(0,r.unref)(n).disabled.value?"":void 0,tabindex:o.value?0:void 0,style:(0,r.normalizeStyle)({touchAction:"none",cursor:o.value?"move":void 0}),onPointerdown:g,onPointermove:f,onPointerup:d,onPointercancel:d,onKeydown:v,onKeyup:_},[(0,r.renderSlot)(e.$slots,"default")],44,y))}});exports.default=P;

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

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{FLOATING_PANEL_CONTEXT as n}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as r,inject as l,normalizeStyle as i,openBlock as d,ref as u,renderSlot as s,unref as c}from"vue";var v=["data-dragging","data-disabled","tabindex"],g=/* @__PURE__ */r({__name:"FloatingPanelHeader",setup(r){const g=l(n);if(!g)throw new Error("SkdxFloatingPanelHeader must be used within SkdxFloatingPanel.");const f=a(),p=u(null),m=u(!1),y=t(()=>g.draggable.value&&!g.disabled.value);function x(e){y.value&&(e.currentTarget.setPointerCapture?.(e.pointerId),p.value={x:e.clientX,y:e.clientY},g.setDragging(!0))}function w(e){const a=p.value;!y.value||!a||(g.moveBy(e.clientX-a.x,e.clientY-a.y),p.value={x:e.clientX,y:e.clientY})}function P(e){p.value&&(e.currentTarget.releasePointerCapture?.(e.pointerId),p.value=null,g.setDragging(!1),g.announceRelease("move"))}function b(a){if(!y.value)return;const n=g.step.value*(a.shiftKey?10:1),t=e(a.key,a.currentTarget,f()),o="ArrowLeft"===t?{dx:-n,dy:0}:"ArrowRight"===t?{dx:n,dy:0}:"ArrowUp"===t?{dx:0,dy:-n}:"ArrowDown"===t?{dx:0,dy:n}:null;o&&(a.preventDefault(),m.value=!0,g.moveBy(o.dx,o.dy))}function h(){m.value&&(m.value=!1,g.announceRelease("move"))}return(e,a)=>(d(),o("div",{class:"skdx-floating-panel__header","data-part":"header","data-dragging":c(g).dragging.value?"":void 0,"data-disabled":c(g).disabled.value?"":void 0,tabindex:y.value?0:void 0,style:i({touchAction:"none",cursor:y.value?"move":void 0}),onPointerdown:x,onPointermove:w,onPointerup:P,onPointercancel:P,onKeydown:b,onKeyup:h},[s(e.$slots,"default")],44,v))}});export{g as default};

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

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

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

@@ -0,0 +1,34 @@
+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`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the panel is moved into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render the portal even while the panel is closed, instead of unmounting it.
+     * @default false — the portal and everything in it leave the DOM on close.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/FloatingPanelPortal.vue.d.ts

@@ -0,0 +1,34 @@
+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`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the panel is moved into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /**
+     * Render the portal even while the panel is closed, instead of unmounting it.
+     * @default false — the portal and everything in it leave the DOM on close.
+     */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/FloatingPanelPortal.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,43 @@
+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`.
+ */
+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.
+     */
+    direction: FloatingPanelResizeDirection;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelResizeTrigger.vue.d.ts

@@ -0,0 +1,43 @@
+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`.
+ */
+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.
+     */
+    direction: FloatingPanelResizeDirection;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelResizeTrigger.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,33 @@
+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`.
+ */
+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.
+     */
+    stage: FloatingPanelStage;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelStageTrigger.vue.d.ts

@@ -0,0 +1,33 @@
+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`.
+ */
+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.
+     */
+    stage: FloatingPanelStage;
+};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelStageTrigger.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelTitle.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelTitle.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelTrigger.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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`.
+ */
+type __VLS_Props = {};
+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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/FloatingPanelTrigger.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

package/dist/floating-panel/context.cjs

@@ -0,0 +1 @@
+const t=require("../utils/id.cjs");function o(l,{position:n,size:e}){return l==="move"?`Panel moved to ${n.x}, ${n.y}`:`Panel resized to ${e.width} by ${e.height}`}var a=Symbol("skdx-floating-panel-context");function i(){return t.nextId("floating-panel-content")}function r(){return t.nextId("floating-panel-title")}exports.FLOATING_PANEL_CONTEXT=a;exports.gestureAnnouncement=o;exports.nextFloatingPanelContentId=i;exports.nextFloatingPanelTitleId=r;

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

@@ -0,0 +1,94 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/** The panel's top-left corner, in CSS pixels, measured from the top-left of its `boundary`. */
+export interface FloatingPanelPosition {
+    x: number;
+    y: number;
+}
+/** The panel's box, in CSS pixels. */
+export interface FloatingPanelSize {
+    width: number;
+    height: number;
+}
+/**
+ * The panel's window state. `default` uses the stored `position`/`size`;
+ * `maximized` fills the boundary; `minimized` collapses to whatever height its
+ * header needs. Only `default` is directly draggable/resizable in a way the
+ * user will see, since the other two override the published geometry.
+ */
+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 of a floating panel's two gestures a release announcement is
+ * describing — a header drag (`'move'`) or an edge/corner pull (`'resize'`).
+ * Both gestures hand `SkdxFloatingPanel`'s `getGestureAnnouncement` the same
+ * {@link FloatingPanelGeometry}, so this is the only thing telling the wording
+ * which half of it matters: a move reads out the position, a resize the size.
+ * `announceRelease` fires it once, when the gesture settles — `moveBy` runs on
+ * every pointer frame and every arrow-key nudge, and voicing each one would
+ * flood the live region.
+ *
+ * @internal
+ */
+export type FloatingPanelGesture = 'move' | 'resize';
+/** The panel's geometry at the moment a gesture ended, handed to `SkdxFloatingPanel`'s `getGestureAnnouncement`. */
+export interface FloatingPanelGeometry {
+    /** Top-left corner, in CSS pixels, rounded. */
+    position: FloatingPanelPosition;
+    /** Width and height, in CSS pixels, rounded. */
+    size: FloatingPanelSize;
+}
+/**
+ * The default wording of the release announcement, exported so
+ * `SkdxFloatingPanel`'s `getGestureAnnouncement` can defer to it for the gesture
+ * it does not want to re-word.
+ */
+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
+ */
+export interface FloatingPanelContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    titleId: string;
+    open: ComputedRef<boolean>;
+    setOpen: (open: boolean) => void;
+    position: ComputedRef<FloatingPanelPosition>;
+    size: ComputedRef<FloatingPanelSize>;
+    minSize: ComputedRef<FloatingPanelSize>;
+    maxSize: ComputedRef<FloatingPanelSize>;
+    stage: ComputedRef<FloatingPanelStage>;
+    setStage: (stage: FloatingPanelStage) => void;
+    moveBy: (dx: number, dy: number) => void;
+    resizeBy: (direction: FloatingPanelResizeDirection, dx: number, dy: number) => void;
+    announceRelease: (gesture: FloatingPanelGesture) => void;
+    draggable: ComputedRef<boolean>;
+    resizable: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    step: ComputedRef<number>;
+    dragging: ComputedRef<boolean>;
+    setDragging: (dragging: boolean) => void;
+    resizing: ComputedRef<boolean>;
+    setResizing: (resizing: boolean) => void;
+}
+/**
+ * Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state.
+ *
+ * @internal
+ */
+export declare const FLOATING_PANEL_CONTEXT: InjectionKey<FloatingPanelContext>;
+/**
+ * Generates a unique id for a FloatingPanel's content.
+ *
+ * @internal
+ */
+export declare function nextFloatingPanelContentId(): string;
+/**
+ * Generates a unique id for a FloatingPanel's title.
+ *
+ * @internal
+ */
+export declare function nextFloatingPanelTitleId(): string;

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

@@ -0,0 +1,94 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/** The panel's top-left corner, in CSS pixels, measured from the top-left of its `boundary`. */
+export interface FloatingPanelPosition {
+    x: number;
+    y: number;
+}
+/** The panel's box, in CSS pixels. */
+export interface FloatingPanelSize {
+    width: number;
+    height: number;
+}
+/**
+ * The panel's window state. `default` uses the stored `position`/`size`;
+ * `maximized` fills the boundary; `minimized` collapses to whatever height its
+ * header needs. Only `default` is directly draggable/resizable in a way the
+ * user will see, since the other two override the published geometry.
+ */
+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 of a floating panel's two gestures a release announcement is
+ * describing — a header drag (`'move'`) or an edge/corner pull (`'resize'`).
+ * Both gestures hand `SkdxFloatingPanel`'s `getGestureAnnouncement` the same
+ * {@link FloatingPanelGeometry}, so this is the only thing telling the wording
+ * which half of it matters: a move reads out the position, a resize the size.
+ * `announceRelease` fires it once, when the gesture settles — `moveBy` runs on
+ * every pointer frame and every arrow-key nudge, and voicing each one would
+ * flood the live region.
+ *
+ * @internal
+ */
+export type FloatingPanelGesture = 'move' | 'resize';
+/** The panel's geometry at the moment a gesture ended, handed to `SkdxFloatingPanel`'s `getGestureAnnouncement`. */
+export interface FloatingPanelGeometry {
+    /** Top-left corner, in CSS pixels, rounded. */
+    position: FloatingPanelPosition;
+    /** Width and height, in CSS pixels, rounded. */
+    size: FloatingPanelSize;
+}
+/**
+ * The default wording of the release announcement, exported so
+ * `SkdxFloatingPanel`'s `getGestureAnnouncement` can defer to it for the gesture
+ * it does not want to re-word.
+ */
+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
+ */
+export interface FloatingPanelContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    titleId: string;
+    open: ComputedRef<boolean>;
+    setOpen: (open: boolean) => void;
+    position: ComputedRef<FloatingPanelPosition>;
+    size: ComputedRef<FloatingPanelSize>;
+    minSize: ComputedRef<FloatingPanelSize>;
+    maxSize: ComputedRef<FloatingPanelSize>;
+    stage: ComputedRef<FloatingPanelStage>;
+    setStage: (stage: FloatingPanelStage) => void;
+    moveBy: (dx: number, dy: number) => void;
+    resizeBy: (direction: FloatingPanelResizeDirection, dx: number, dy: number) => void;
+    announceRelease: (gesture: FloatingPanelGesture) => void;
+    draggable: ComputedRef<boolean>;
+    resizable: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    step: ComputedRef<number>;
+    dragging: ComputedRef<boolean>;
+    setDragging: (dragging: boolean) => void;
+    resizing: ComputedRef<boolean>;
+    setResizing: (resizing: boolean) => void;
+}
+/**
+ * Injection key an SkdxFloatingPanel provides so its parts share element refs, geometry and open/stage state.
+ *
+ * @internal
+ */
+export declare const FLOATING_PANEL_CONTEXT: InjectionKey<FloatingPanelContext>;
+/**
+ * Generates a unique id for a FloatingPanel's content.
+ *
+ * @internal
+ */
+export declare function nextFloatingPanelContentId(): string;
+/**
+ * Generates a unique id for a FloatingPanel's title.
+ *
+ * @internal
+ */
+export declare function nextFloatingPanelTitleId(): string;

package/dist/floating-panel/context.js

@@ -0,0 +1 @@
+import{nextId as n}from"../utils/id.js";function t(n,{position:t,size:e}){return"move"===n?`Panel moved to ${t.x}, ${t.y}`:`Panel resized to ${e.width} by ${e.height}`}var e=/* @__PURE__ */Symbol("skdx-floating-panel-context");function o(){return n("floating-panel-content")}function i(){return n("floating-panel-title")}export{e as FLOATING_PANEL_CONTEXT,t as gestureAnnouncement,o as nextFloatingPanelContentId,i as nextFloatingPanelTitleId};

package/dist/floating-panel/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),r=require("./FloatingPanel.vue.cjs"),n=require("./FloatingPanelTrigger.vue.cjs"),t=require("./FloatingPanelPortal.vue.cjs"),l=require("./FloatingPanelContent.vue.cjs"),a=require("./FloatingPanelHeader.vue.cjs"),i=require("./FloatingPanelTitle.vue.cjs"),o=require("./FloatingPanelCloseTrigger.vue.cjs"),g=require("./FloatingPanelResizeTrigger.vue.cjs"),u=require("./FloatingPanelStageTrigger.vue.cjs");exports.SkdxFloatingPanel=r.default;exports.SkdxFloatingPanelCloseTrigger=o.default;exports.SkdxFloatingPanelContent=l.default;exports.SkdxFloatingPanelHeader=a.default;exports.SkdxFloatingPanelPortal=t.default;exports.SkdxFloatingPanelResizeTrigger=g.default;exports.SkdxFloatingPanelStageTrigger=u.default;exports.SkdxFloatingPanelTitle=i.default;exports.SkdxFloatingPanelTrigger=n.default;exports.gestureAnnouncement=e.gestureAnnouncement;

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

@@ -0,0 +1,11 @@
+export { default as SkdxFloatingPanel } from './FloatingPanel.vue.cjs';
+export { default as SkdxFloatingPanelTrigger } from './FloatingPanelTrigger.vue.cjs';
+export { default as SkdxFloatingPanelPortal } from './FloatingPanelPortal.vue.cjs';
+export { default as SkdxFloatingPanelContent } from './FloatingPanelContent.vue.cjs';
+export { default as SkdxFloatingPanelHeader } from './FloatingPanelHeader.vue.cjs';
+export { default as SkdxFloatingPanelTitle } from './FloatingPanelTitle.vue.cjs';
+export { default as SkdxFloatingPanelCloseTrigger } from './FloatingPanelCloseTrigger.vue.cjs';
+export { default as SkdxFloatingPanelResizeTrigger } from './FloatingPanelResizeTrigger.vue.cjs';
+export { default as SkdxFloatingPanelStageTrigger } from './FloatingPanelStageTrigger.vue.cjs';
+export { gestureAnnouncement } from './context.cjs';
+export type { FloatingPanelGeometry, FloatingPanelPosition, FloatingPanelResizeDirection, FloatingPanelSize, FloatingPanelStage, } from './context.cjs';