@skdx/vue 0.26.0

package/dist/resizable/ResizableHandle.vue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The draggable divider between two `SkdxResizablePanel`s. Renders
+ * `role="separator"` with `aria-orientation` set to the axis *perpendicular*
+ * to the group's `direction`, plus `aria-valuenow`/`aria-valuemin`/`aria-valuemax`
+ * describing the size of the panel to its start side, `data-orientation`, and
+ * `data-disabled`. Draggable via pointer, and keyboard-operable when focused:
+ * Arrow Left/Right (horizontal groups) or Arrow Up/Down (vertical groups) nudge
+ * by `step`, Home/End jump to the panel's min/max size. Must be used inside
+ * `SkdxResizablePanelGroup`.
+ */
+type __VLS_Props = {
+    /** Disables dragging and keyboard resizing on this handle. */
+    disabled?: boolean;
+    /** Percentage nudged per Arrow key press. */
+    step?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    step: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/resizable/ResizableHandle.vue.js

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

package/dist/resizable/ResizableHandle.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const f=require("../utils/direction.cjs"),y=require("./context.cjs");let i=require("vue");var _=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-orientation","data-disabled","tabindex"],C=(0,i.defineComponent)({__name:"ResizableHandle",props:{disabled:{type:Boolean,default:!1},step:{default:2}},setup(l){const n=l,p=(0,i.inject)(y.RESIZABLE_CONTEXT);if(!p)throw new Error("SkdxResizableHandle must be used within SkdxResizablePanelGroup.");const t=p,r=t.registerHandle(),s=(0,i.ref)(null),z=f.useDirection(),h=(0,i.computed)(()=>t.getPanelConfig(r)),b=(0,i.computed)(()=>t.sizes.value[r]??0),P=(0,i.computed)(()=>t.direction==="horizontal"?"vertical":"horizontal");function v(e){n.disabled||(e.target.setPointerCapture?.(e.pointerId),s.value={lastPos:t.direction==="horizontal"?e.clientX:e.clientY})}function g(e){if(n.disabled||!e.target.hasPointerCapture?.(e.pointerId))return;const a=s.value;if(!a)return;const o=t.groupRef.value?.getBoundingClientRect();if(!o)return;const u=t.direction==="horizontal"?o.width:o.height;if(!u)return;const c=t.direction==="horizontal"?e.clientX:e.clientY;let d=(c-a.lastPos)/u*100;a.lastPos=c,t.direction==="horizontal"&&f.resolveDirection(e.currentTarget,z())==="rtl"&&(d=-d),d!==0&&t.resizePanels(r,d)}function m(e){s.value&&e.target.hasPointerCapture?.(e.pointerId)&&e.target.releasePointerCapture(e.pointerId),s.value=null}function w(e){if(n.disabled)return;const a=f.directionalKey(e.key,e.currentTarget,z()),o=t.direction==="horizontal";a===(o?"ArrowRight":"ArrowDown")?(e.preventDefault(),t.resizePanels(r,n.step)):a===(o?"ArrowLeft":"ArrowUp")?(e.preventDefault(),t.resizePanels(r,-n.step)):a==="Home"?(e.preventDefault(),t.resizePanels(r,-1e3)):a==="End"&&(e.preventDefault(),t.resizePanels(r,1e3))}const x=(0,i.computed)(()=>({touchAction:"none",cursor:n.disabled?void 0:t.direction==="horizontal"?"col-resize":"row-resize"}));return(e,a)=>((0,i.openBlock)(),(0,i.createElementBlock)("div",{class:"skdx-resizable__handle","data-part":"handle",role:"separator","aria-orientation":P.value,"aria-valuenow":Math.round(b.value),"aria-valuemin":h.value?.minSize,"aria-valuemax":h.value?.maxSize,"aria-disabled":l.disabled||void 0,"data-orientation":(0,i.unref)(t).direction,"data-disabled":l.disabled?"":void 0,"data-skdx-resizable-handle":"",tabindex:l.disabled?void 0:0,style:(0,i.normalizeStyle)(x.value),onKeydown:w,onPointerdown:v,onPointermove:g,onPointerup:m},null,44,_))}});exports.default=C;

package/dist/resizable/ResizableHandle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,resolveDirection as a,useDirection as t}from"../utils/direction.js";import{RESIZABLE_CONTEXT as i}from"./context.js";import{computed as r,createElementBlock as n,defineComponent as o,inject as l,normalizeStyle as s,openBlock as d,ref as u,unref as c}from"vue";var p=["aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-disabled","data-orientation","data-disabled","tabindex"],v=/* @__PURE__ */o({__name:"ResizableHandle",props:{disabled:{type:Boolean,default:!1},step:{default:2}},setup(o){const v=o,f=l(i);if(!f)throw new Error("SkdxResizableHandle must be used within SkdxResizablePanelGroup.");const z=f,h=z.registerHandle(),b=u(null),m=t(),P=r(()=>z.getPanelConfig(h)),g=r(()=>z.sizes.value[h]??0),w=r(()=>"horizontal"===z.direction?"vertical":"horizontal");function x(e){v.disabled||(e.target.setPointerCapture?.(e.pointerId),b.value={lastPos:"horizontal"===z.direction?e.clientX:e.clientY})}function C(e){if(v.disabled||!e.target.hasPointerCapture?.(e.pointerId))return;const t=b.value;if(!t)return;const i=z.groupRef.value?.getBoundingClientRect();if(!i)return;const r="horizontal"===z.direction?i.width:i.height;if(!r)return;const n="horizontal"===z.direction?e.clientX:e.clientY;let o=(n-t.lastPos)/r*100;t.lastPos=n,"horizontal"===z.direction&&"rtl"===a(e.currentTarget,m())&&(o=-o),0!==o&&z.resizePanels(h,o)}function k(e){b.value&&e.target.hasPointerCapture?.(e.pointerId)&&e.target.releasePointerCapture(e.pointerId),b.value=null}function D(a){if(v.disabled)return;const t=e(a.key,a.currentTarget,m()),i="horizontal"===z.direction;t===(i?"ArrowRight":"ArrowDown")?(a.preventDefault(),z.resizePanels(h,v.step)):t===(i?"ArrowLeft":"ArrowUp")?(a.preventDefault(),z.resizePanels(h,-v.step)):"Home"===t?(a.preventDefault(),z.resizePanels(h,-1e3)):"End"===t&&(a.preventDefault(),z.resizePanels(h,1e3))}const R=r(()=>({touchAction:"none",cursor:v.disabled?void 0:"horizontal"===z.direction?"col-resize":"row-resize"}));return(e,a)=>(d(),n("div",{class:"skdx-resizable__handle","data-part":"handle",role:"separator","aria-orientation":w.value,"aria-valuenow":Math.round(g.value),"aria-valuemin":P.value?.minSize,"aria-valuemax":P.value?.maxSize,"aria-disabled":o.disabled||void 0,"data-orientation":c(z).direction,"data-disabled":o.disabled?"":void 0,"data-skdx-resizable-handle":"",tabindex:o.disabled?void 0:0,style:s(R.value),onKeydown:D,onPointerdown:x,onPointermove:C,onPointerup:k},null,44,p))}});export{v as default};

package/dist/resizable/ResizablePanel.vue.cjs

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

package/dist/resizable/ResizablePanel.vue.d.cts

@@ -0,0 +1,35 @@
+/**
+ * A single pane within a `SkdxResizablePanelGroup`. Renders
+ * `<div data-skdx-resizable-panel>` with `data-orientation` inherited from the
+ * group and `flex-basis` set to its current size percentage (`flex-grow: 0`,
+ * `flex-shrink: 0`, `overflow: hidden`). Registers its `defaultSize` /
+ * `minSize` / `maxSize` with the group once, on mount. Must be used inside
+ * `SkdxResizablePanelGroup`.
+ */
+type __VLS_Props = {
+    /** Initial size as a percentage (0-100). Omit to split remaining space evenly with other auto-sized panels. */
+    defaultSize?: number;
+    /** Minimum size as a percentage (0-100); an adjacent handle won't shrink this panel past it. */
+    minSize?: number;
+    /** Maximum size as a percentage (0-100); an adjacent handle won't grow this panel past it. */
+    maxSize?: number;
+    /** Stable identifier used to track this panel's size across renders. Auto-generated if omitted. */
+    id?: string;
+};
+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<{}>, {
+    id: string;
+    defaultSize: number;
+    minSize: number;
+    maxSize: number;
+}, {}, {}, {}, 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/resizable/ResizablePanel.vue.d.ts

@@ -0,0 +1,35 @@
+/**
+ * A single pane within a `SkdxResizablePanelGroup`. Renders
+ * `<div data-skdx-resizable-panel>` with `data-orientation` inherited from the
+ * group and `flex-basis` set to its current size percentage (`flex-grow: 0`,
+ * `flex-shrink: 0`, `overflow: hidden`). Registers its `defaultSize` /
+ * `minSize` / `maxSize` with the group once, on mount. Must be used inside
+ * `SkdxResizablePanelGroup`.
+ */
+type __VLS_Props = {
+    /** Initial size as a percentage (0-100). Omit to split remaining space evenly with other auto-sized panels. */
+    defaultSize?: number;
+    /** Minimum size as a percentage (0-100); an adjacent handle won't shrink this panel past it. */
+    minSize?: number;
+    /** Maximum size as a percentage (0-100); an adjacent handle won't grow this panel past it. */
+    maxSize?: number;
+    /** Stable identifier used to track this panel's size across renders. Auto-generated if omitted. */
+    id?: string;
+};
+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<{}>, {
+    id: string;
+    defaultSize: number;
+    minSize: number;
+    maxSize: number;
+}, {}, {}, {}, 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/resizable/ResizablePanel.vue.js

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

package/dist/resizable/ResizablePanel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var u=["data-orientation"],c=(0,e.defineComponent)({__name:"ResizablePanel",props:{defaultSize:{default:void 0},minSize:{default:10},maxSize:{default:90},id:{default:void 0}},setup(d){const t=d,n=(0,e.inject)(r.RESIZABLE_CONTEXT);if(!n)throw new Error("SkdxResizablePanel must be used within SkdxResizablePanelGroup.");const a=n,l=t.id??r.nextResizablePanelId();(0,e.onMounted)(()=>{a.registerPanel(l,{defaultSize:t.defaultSize,minSize:t.minSize,maxSize:t.maxSize})});const o=(0,e.computed)(()=>{const i=a.order.value.indexOf(l);return i>=0?a.sizes.value[i]??0:t.defaultSize??0}),s=(0,e.computed)(()=>({flexBasis:`${o.value}%`,flexGrow:0,flexShrink:0,overflow:"hidden"}));return(i,z)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-resizable__panel","data-part":"panel","data-skdx-resizable-panel":"","data-orientation":(0,e.unref)(a).direction,style:(0,e.normalizeStyle)(s.value)},[(0,e.renderSlot)(i.$slots,"default")],12,u))}});exports.default=c;

package/dist/resizable/ResizablePanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{RESIZABLE_CONTEXT as e,nextResizablePanelId as a}from"./context.js";import{computed as t,createElementBlock as i,defineComponent as l,inject as n,normalizeStyle as s,onMounted as o,openBlock as d,renderSlot as r,unref as u}from"vue";var f=["data-orientation"],z=/* @__PURE__ */l({__name:"ResizablePanel",props:{defaultSize:{default:void 0},minSize:{default:10},maxSize:{default:90},id:{default:void 0}},setup(l){const z=l,m=n(e);if(!m)throw new Error("SkdxResizablePanel must be used within SkdxResizablePanelGroup.");const S=m,p=z.id??a();o(()=>{S.registerPanel(p,{defaultSize:z.defaultSize,minSize:z.minSize,maxSize:z.maxSize})});const x=t(()=>{const e=S.order.value.indexOf(p);return e>=0?S.sizes.value[e]??0:z.defaultSize??0}),c=t(()=>({flexBasis:`${x.value}%`,flexGrow:0,flexShrink:0,overflow:"hidden"}));return(e,a)=>(d(),i("div",{class:"skdx-resizable__panel","data-part":"panel","data-skdx-resizable-panel":"","data-orientation":u(S).direction,style:s(c.value)},[r(e.$slots,"default")],12,f))}});export{z as default};

package/dist/resizable/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs"),r=require("../utils/clamp.cjs");var n=Symbol("skdx-resizable-context");function a(){return e.nextId("resizable-panel")}exports.RESIZABLE_CONTEXT=n;exports.clamp=r.clamp;exports.nextResizablePanelId=a;

package/dist/resizable/context.d.cts

@@ -0,0 +1,23 @@
+import type { InjectionKey, Ref } from 'vue';
+export { clamp } from '../utils/clamp.cjs';
+/** @internal Per-panel size constraints registered with SkdxResizablePanelGroup. */
+export interface PanelConfig {
+    defaultSize?: number;
+    minSize: number;
+    maxSize: number;
+}
+/** @internal Injection key a ResizablePanelGroup provides so its parts can read/drive shared state. */
+export interface ResizableContext {
+    direction: 'horizontal' | 'vertical';
+    groupRef: Ref<HTMLElement | null>;
+    order: Ref<string[]>;
+    sizes: Ref<number[]>;
+    registerPanel(id: string, config: PanelConfig): void;
+    registerHandle(): number;
+    resizePanels(handleIndex: number, deltaPercent: number): void;
+    getPanelConfig(index: number): PanelConfig | undefined;
+}
+/** @internal Injection key a ResizablePanelGroup provides so its panels and handles share sizes, order, and registration. */
+export declare const RESIZABLE_CONTEXT: InjectionKey<ResizableContext>;
+/** @internal Generates a unique, stable-per-instance id for a ResizablePanel that omits its own id prop. */
+export declare function nextResizablePanelId(): string;

package/dist/resizable/context.d.ts

@@ -0,0 +1,23 @@
+import type { InjectionKey, Ref } from 'vue';
+export { clamp } from '../utils/clamp.js';
+/** @internal Per-panel size constraints registered with SkdxResizablePanelGroup. */
+export interface PanelConfig {
+    defaultSize?: number;
+    minSize: number;
+    maxSize: number;
+}
+/** @internal Injection key a ResizablePanelGroup provides so its parts can read/drive shared state. */
+export interface ResizableContext {
+    direction: 'horizontal' | 'vertical';
+    groupRef: Ref<HTMLElement | null>;
+    order: Ref<string[]>;
+    sizes: Ref<number[]>;
+    registerPanel(id: string, config: PanelConfig): void;
+    registerHandle(): number;
+    resizePanels(handleIndex: number, deltaPercent: number): void;
+    getPanelConfig(index: number): PanelConfig | undefined;
+}
+/** @internal Injection key a ResizablePanelGroup provides so its panels and handles share sizes, order, and registration. */
+export declare const RESIZABLE_CONTEXT: InjectionKey<ResizableContext>;
+/** @internal Generates a unique, stable-per-instance id for a ResizablePanel that omits its own id prop. */
+export declare function nextResizablePanelId(): string;

package/dist/resizable/context.js

@@ -0,0 +1 @@
+import{nextId as a}from"../utils/id.js";import{clamp as e}from"../utils/clamp.js";var s=/* @__PURE__ */Symbol("skdx-resizable-context");function l(){return a("resizable-panel")}export{s as RESIZABLE_CONTEXT,e as clamp,l as nextResizablePanelId};

package/dist/resizable/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Resizable.vue.cjs"),l=require("./ResizablePanel.vue.cjs"),a=require("./ResizableHandle.vue.cjs");exports.SkdxResizableHandle=a.default;exports.SkdxResizablePanel=l.default;exports.SkdxResizablePanelGroup=e.default;

package/dist/resizable/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxResizablePanelGroup } from './Resizable.vue.cjs';
+export { default as SkdxResizablePanel } from './ResizablePanel.vue.cjs';
+export { default as SkdxResizableHandle } from './ResizableHandle.vue.cjs';

package/dist/resizable/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxResizablePanelGroup } from './Resizable.vue.js';
+export { default as SkdxResizablePanel } from './ResizablePanel.vue.js';
+export { default as SkdxResizableHandle } from './ResizableHandle.vue.js';

package/dist/resizable/index.js

@@ -0,0 +1 @@
+import e from"./Resizable.vue.js";import a from"./ResizablePanel.vue.js";import s from"./ResizableHandle.vue.js";export{s as SkdxResizableHandle,a as SkdxResizablePanel,e as SkdxResizablePanelGroup};

package/dist/scroll-area/ScrollArea.vue.cjs

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

package/dist/scroll-area/ScrollArea.vue.d.cts

@@ -0,0 +1,34 @@
+import { type ScrollAreaType } from './context.cjs';
+/**
+ * Wraps a natively-scrollable viewport and exposes a custom, headless
+ * scrollbar thumb kept in sync with it. Real scrolling always happens on the
+ * viewport (`overflow: auto`); the scrollbar is a synced visual affordance,
+ * same split as Radix's ScrollArea. Renders a `<div data-skdx-scroll-area>`
+ * with `position: relative`, and tracks pointer enter/leave to drive the
+ * `'hover'`/`'scroll'` visibility of child scrollbars. With `type="scroll"`
+ * the scrollbar lingers for `scrollHideDelay` ms after scrolling stops.
+ */
+type __VLS_Props = {
+    /** Mirrors the CSS overflow keywords; drives visibility of child scrollbars. */
+    type?: ScrollAreaType;
+    /**
+     * How long, in milliseconds, the scrollbar stays visible after scrolling
+     * stops when `type="scroll"`. Only `'scroll'` reads it.
+     */
+    scrollHideDelay?: number;
+};
+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<{}>, {
+    type: ScrollAreaType;
+    scrollHideDelay: number;
+}, {}, {}, {}, 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/scroll-area/ScrollArea.vue.d.ts

@@ -0,0 +1,34 @@
+import { type ScrollAreaType } from './context.js';
+/**
+ * Wraps a natively-scrollable viewport and exposes a custom, headless
+ * scrollbar thumb kept in sync with it. Real scrolling always happens on the
+ * viewport (`overflow: auto`); the scrollbar is a synced visual affordance,
+ * same split as Radix's ScrollArea. Renders a `<div data-skdx-scroll-area>`
+ * with `position: relative`, and tracks pointer enter/leave to drive the
+ * `'hover'`/`'scroll'` visibility of child scrollbars. With `type="scroll"`
+ * the scrollbar lingers for `scrollHideDelay` ms after scrolling stops.
+ */
+type __VLS_Props = {
+    /** Mirrors the CSS overflow keywords; drives visibility of child scrollbars. */
+    type?: ScrollAreaType;
+    /**
+     * How long, in milliseconds, the scrollbar stays visible after scrolling
+     * stops when `type="scroll"`. Only `'scroll'` reads it.
+     */
+    scrollHideDelay?: number;
+};
+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<{}>, {
+    type: ScrollAreaType;
+    scrollHideDelay: number;
+}, {}, {}, {}, 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/scroll-area/ScrollArea.vue.js

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

package/dist/scroll-area/ScrollArea.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const f=require("./context.cjs");let e=require("vue");var i=(0,e.defineComponent)({__name:"ScrollArea",props:{type:{default:"hover"},scrollHideDelay:{default:600}},setup(o){const t=o,a=(0,e.ref)(null),n=(0,e.ref)(null),s=(0,e.ref)(!1),c=(0,e.ref)(!1),r=(0,e.ref)(!1),u=(0,e.ref)(!1);return(0,e.provide)(f.SCROLL_AREA_CONTEXT,{type:(0,e.computed)(()=>t.type),viewportRef:a,contentRef:n,scrollbarXEnabled:s,scrollbarYEnabled:c,hovering:r,scrolling:u,scrollHideDelay:(0,e.computed)(()=>t.scrollHideDelay)}),(d,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-scroll-area","data-part":"root","data-skdx-component":"scroll-area","data-skdx-scroll-area":"",style:{position:"relative"},onPointerenter:l[0]||(l[0]=p=>r.value=!0),onPointerleave:l[1]||(l[1]=p=>r.value=!1)},[(0,e.renderSlot)(d.$slots,"default")],32))}});exports.default=i;

package/dist/scroll-area/ScrollArea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SCROLL_AREA_CONTEXT as e}from"./context.js";import{computed as l,createElementBlock as a,defineComponent as o,openBlock as r,provide as t,ref as s,renderSlot as n}from"vue";var d=/* @__PURE__ */o({__name:"ScrollArea",props:{type:{default:"hover"},scrollHideDelay:{default:600}},setup(o){const d=o,c=s(null),p=s(null),i=s(!1),u=s(!1),v=s(!1),f=s(!1);return t(e,{type:l(()=>d.type),viewportRef:c,contentRef:p,scrollbarXEnabled:i,scrollbarYEnabled:u,hovering:v,scrolling:f,scrollHideDelay:l(()=>d.scrollHideDelay)}),(e,l)=>(r(),a("div",{class:"skdx-scroll-area","data-part":"root","data-skdx-component":"scroll-area","data-skdx-scroll-area":"",style:{position:"relative"},onPointerenter:l[0]||(l[0]=e=>v.value=!0),onPointerleave:l[1]||(l[1]=e=>v.value=!1)},[n(e.$slots,"default")],32))}});export{d as default};

package/dist/scroll-area/ScrollAreaCorner.vue.cjs

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

package/dist/scroll-area/ScrollAreaCorner.vue.d.cts

@@ -0,0 +1,16 @@
+/**
+ * The small square filling the gap where a vertical and horizontal
+ * `SkdxScrollAreaScrollbar` meet. Renders `<div data-skdx-scroll-area-corner>`,
+ * or nothing when both scrollbars aren't simultaneously enabled — unless
+ * `forceMount` is set, which is what an always-visible scrollbar pair
+ * (`force-mount` on both `SkdxScrollAreaScrollbar`s) needs to avoid an unfilled
+ * notch where the two bars meet. Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {
+    /** Renders the corner even when the two scrollbars are not both enabled by overflow. */
+    forceMount?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/scroll-area/ScrollAreaCorner.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The small square filling the gap where a vertical and horizontal
+ * `SkdxScrollAreaScrollbar` meet. Renders `<div data-skdx-scroll-area-corner>`,
+ * or nothing when both scrollbars aren't simultaneously enabled — unless
+ * `forceMount` is set, which is what an always-visible scrollbar pair
+ * (`force-mount` on both `SkdxScrollAreaScrollbar`s) needs to avoid an unfilled
+ * notch where the two bars meet. Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {
+    /** Renders the corner even when the two scrollbars are not both enabled by overflow. */
+    forceMount?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/scroll-area/ScrollAreaCorner.vue.js

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

package/dist/scroll-area/ScrollAreaCorner.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var l={key:0,class:"skdx-scroll-area__corner","data-part":"corner","data-skdx-scroll-area-corner":""},c=(0,e.defineComponent)({__name:"ScrollAreaCorner",props:{forceMount:{type:Boolean,default:!1}},setup(t){const n=t,r=(0,e.inject)(a.SCROLL_AREA_CONTEXT);if(!r)throw new Error("SkdxScrollAreaCorner must be used within SkdxScrollArea.");const o=r;return(u,s)=>n.forceMount||(0,e.unref)(o).scrollbarXEnabled.value&&(0,e.unref)(o).scrollbarYEnabled.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",l)):(0,e.createCommentVNode)("",!0)}});exports.default=c;

package/dist/scroll-area/ScrollAreaCorner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SCROLL_AREA_CONTEXT as e}from"./context.js";import{createCommentVNode as r,createElementBlock as o,defineComponent as a,inject as t,openBlock as l,unref as n}from"vue";var s={key:0,class:"skdx-scroll-area__corner","data-part":"corner","data-skdx-scroll-area-corner":""},c=/* @__PURE__ */a({__name:"ScrollAreaCorner",props:{forceMount:{type:Boolean,default:!1}},setup(a){const c=a,d=t(e);if(!d)throw new Error("SkdxScrollAreaCorner must be used within SkdxScrollArea.");const u=d;return(e,a)=>c.forceMount||n(u).scrollbarXEnabled.value&&n(u).scrollbarYEnabled.value?(l(),o("div",s)):r("",!0)}});export{c as default};

package/dist/scroll-area/ScrollAreaScrollbar.vue.cjs

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

package/dist/scroll-area/ScrollAreaScrollbar.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * A scrollbar track for one axis. Renders `<div data-skdx-scroll-area-scrollbar>`
+ * with `data-orientation` (`'vertical'` | `'horizontal'`) and `data-state`
+ * (`'visible'` | `'hidden'`, driven by the parent `SkdxScrollArea`'s `type`).
+ * Renders nothing when that axis doesn't overflow, unless `forceMount` is set.
+ * Clicking the track (not the thumb) pages the viewport by one client size
+ * towards the click. Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {
+    /** Which scroll axis this scrollbar controls. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Render even when the content doesn't overflow in this axis. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: boolean;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/scroll-area/ScrollAreaScrollbar.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A scrollbar track for one axis. Renders `<div data-skdx-scroll-area-scrollbar>`
+ * with `data-orientation` (`'vertical'` | `'horizontal'`) and `data-state`
+ * (`'visible'` | `'hidden'`, driven by the parent `SkdxScrollArea`'s `type`).
+ * Renders nothing when that axis doesn't overflow, unless `forceMount` is set.
+ * Clicking the track (not the thumb) pages the viewport by one client size
+ * towards the click. Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {
+    /** Which scroll axis this scrollbar controls. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Render even when the content doesn't overflow in this axis. */
+    forceMount?: boolean;
+};
+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<{}>, {
+    forceMount: boolean;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, 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/scroll-area/ScrollAreaScrollbar.vue.js

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

package/dist/scroll-area/ScrollAreaScrollbar.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("./context.cjs");let e=require("vue");var p=["data-orientation","data-state"],b=(0,e.defineComponent)({__name:"ScrollAreaScrollbar",props:{orientation:{default:"vertical"},forceMount:{type:Boolean,default:!1}},setup(a){const n=a,i=(0,e.inject)(s.SCROLL_AREA_CONTEXT);if(!i)throw new Error("SkdxScrollAreaScrollbar must be used within SkdxScrollArea.");const r=i;(0,e.provide)(s.SCROLLBAR_ORIENTATION_CONTEXT,(0,e.computed)(()=>n.orientation));const c=(0,e.ref)(null),d=(0,e.computed)(()=>n.orientation==="vertical"?r.scrollbarYEnabled.value:r.scrollbarXEnabled.value),f=(0,e.computed)(()=>r.type.value==="hover"?r.hovering.value:r.type.value==="scroll"?r.hovering.value||r.scrolling.value:!0);function v(l){if(l.target!==l.currentTarget)return;const t=r.viewportRef.value,u=c.value;if(!t||!u)return;const o=u.querySelector("[data-skdx-scroll-area-thumb]")?.getBoundingClientRect();o&&(n.orientation==="vertical"?l.clientY<o.top?t.scrollTop-=t.clientHeight:l.clientY>o.bottom&&(t.scrollTop+=t.clientHeight):l.clientX<o.left?t.scrollLeft-=t.clientWidth:l.clientX>o.right&&(t.scrollLeft+=t.clientWidth))}return(l,t)=>a.forceMount||d.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-scroll-area__scrollbar","data-part":"scrollbar",ref_key:"trackRef",ref:c,"data-skdx-scroll-area-scrollbar":"","data-orientation":a.orientation,"data-state":f.value?"visible":"hidden",onPointerdown:v},[(0,e.renderSlot)(l.$slots,"default")],40,p)):(0,e.createCommentVNode)("",!0)}});exports.default=b;

package/dist/scroll-area/ScrollAreaScrollbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SCROLLBAR_ORIENTATION_CONTEXT as e,SCROLL_AREA_CONTEXT as t}from"./context.js";import{computed as r,createCommentVNode as a,createElementBlock as l,defineComponent as o,inject as n,openBlock as i,provide as c,ref as s,renderSlot as d}from"vue";var u=["data-orientation","data-state"],v=/* @__PURE__ */o({__name:"ScrollAreaScrollbar",props:{orientation:{default:"vertical"},forceMount:{type:Boolean,default:!1}},setup(o){const v=o,f=n(t);if(!f)throw new Error("SkdxScrollAreaScrollbar must be used within SkdxScrollArea.");const p=f;c(e,r(()=>v.orientation));const b=s(null),m=r(()=>"vertical"===v.orientation?p.scrollbarYEnabled.value:p.scrollbarXEnabled.value),h=r(()=>"hover"===p.type.value?p.hovering.value:"scroll"!==p.type.value||p.hovering.value||p.scrolling.value);function S(e){if(e.target!==e.currentTarget)return;const t=p.viewportRef.value,r=b.value;if(!t||!r)return;const a=r.querySelector("[data-skdx-scroll-area-thumb]")?.getBoundingClientRect();a&&("vertical"===v.orientation?e.clientY<a.top?t.scrollTop-=t.clientHeight:e.clientY>a.bottom&&(t.scrollTop+=t.clientHeight):e.clientX<a.left?t.scrollLeft-=t.clientWidth:e.clientX>a.right&&(t.scrollLeft+=t.clientWidth))}return(e,t)=>o.forceMount||m.value?(i(),l("div",{key:0,class:"skdx-scroll-area__scrollbar","data-part":"scrollbar",ref_key:"trackRef",ref:b,"data-skdx-scroll-area-scrollbar":"","data-orientation":o.orientation,"data-state":h.value?"visible":"hidden",onPointerdown:S},[d(e.$slots,"default")],40,u)):a("",!0)}});export{v as default};

package/dist/scroll-area/ScrollAreaThumb.vue.cjs

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

package/dist/scroll-area/ScrollAreaThumb.vue.d.cts

@@ -0,0 +1,11 @@
+/**
+ * The draggable handle inside a `SkdxScrollAreaScrollbar`, sized and
+ * positioned as a percentage of its track to match the viewport's visible
+ * fraction and scroll offset. Renders `<div data-skdx-scroll-area-thumb>`
+ * with `data-orientation` inherited from the enclosing scrollbar. Dragging it
+ * (pointer capture-based) scrolls the viewport proportionally along that axis.
+ * Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

package/dist/scroll-area/ScrollAreaThumb.vue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The draggable handle inside a `SkdxScrollAreaScrollbar`, sized and
+ * positioned as a percentage of its track to match the viewport's visible
+ * fraction and scroll offset. Renders `<div data-skdx-scroll-area-thumb>`
+ * with `data-orientation` inherited from the enclosing scrollbar. Dragging it
+ * (pointer capture-based) scrolls the viewport proportionally along that axis.
+ * Must be used inside `SkdxScrollArea`.
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

package/dist/scroll-area/ScrollAreaThumb.vue.js

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

package/dist/scroll-area/ScrollAreaThumb.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("./context.cjs");let o=require("vue");var M=["data-orientation"],C=.1,E=(0,o.defineComponent)({__name:"ScrollAreaThumb",setup(L){const d=(0,o.inject)(w.SCROLL_AREA_CONTEXT);if(!d)throw new Error("SkdxScrollAreaThumb must be used within SkdxScrollArea.");const n=d,r=(0,o.inject)(w.SCROLLBAR_ORIENTATION_CONTEXT,(0,o.computed)(()=>"vertical")),h=(0,o.ref)(null),a=(0,o.ref)(0),m=(0,o.ref)(0),f=(0,o.ref)(null);function c(){const e=n.viewportRef.value;if(!e)return;const[t,l,i]=r.value==="vertical"?[e.clientHeight,e.scrollHeight,e.scrollTop]:[e.clientWidth,e.scrollWidth,e.scrollLeft],u=l>0?t/l:1;a.value=Math.min(Math.max(u,C),1);const v=l-t;m.value=v>0?i/v:0}let s,_;(0,o.onMounted)(()=>{c();const e=n.viewportRef.value;if(e&&(_=e,e.addEventListener("scroll",c),typeof ResizeObserver<"u")){s=new ResizeObserver(c),s.observe(e);const t=n.contentRef.value;t&&s.observe(t)}}),(0,o.onBeforeUnmount)(()=>{_?.removeEventListener("scroll",c),s?.disconnect()});function g(e){const t=n.viewportRef.value;t&&(e.target.setPointerCapture?.(e.pointerId),f.value={startPointer:r.value==="vertical"?e.clientY:e.clientX,startScroll:r.value==="vertical"?t.scrollTop:t.scrollLeft})}function P(e){if(!e.target.hasPointerCapture?.(e.pointerId))return;const t=n.viewportRef.value,l=h.value?.parentElement,i=f.value;if(!t||!l||!i)return;const u=r.value==="vertical"?l.clientHeight:l.clientWidth,v=r.value==="vertical"?t.clientHeight:t.clientWidth,p=(r.value==="vertical"?t.scrollHeight:t.scrollWidth)-v;if(p<=0)return;const k=u*a.value,z=Math.max(u-k,1),A=((r.value==="vertical"?e.clientY:e.clientX)-i.startPointer)/z*p,R=Math.min(Math.max(i.startScroll+A,0),p);r.value==="vertical"?t.scrollTop=R:t.scrollLeft=R}function T(e){e.target.hasPointerCapture?.(e.pointerId)&&e.target.releasePointerCapture(e.pointerId),f.value=null}const b=(0,o.computed)(()=>`${a.value*100}%`),S=(0,o.computed)(()=>`${m.value*(100-a.value*100)}%`),x=(0,o.computed)(()=>r.value==="vertical"?{position:"absolute",top:S.value,height:b.value,left:0,right:0}:{position:"absolute",left:S.value,width:b.value,top:0,bottom:0});return(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{class:"skdx-scroll-area__thumb","data-part":"thumb",ref_key:"thumbRef",ref:h,"data-skdx-scroll-area-thumb":"","data-orientation":(0,o.unref)(r),style:(0,o.normalizeStyle)({touchAction:"none",...x.value}),onPointerdown:g,onPointermove:P,onPointerup:T},null,44,M))}});exports.default=E;

package/dist/scroll-area/ScrollAreaThumb.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SCROLLBAR_ORIENTATION_CONTEXT as e,SCROLL_AREA_CONTEXT as t}from"./context.js";import{computed as l,createElementBlock as r,defineComponent as a,inject as o,normalizeStyle as n,onBeforeUnmount as i,onMounted as s,openBlock as c,ref as u,unref as v}from"vue";var f=["data-orientation"],h=/* @__PURE__ */a({__name:"ScrollAreaThumb",setup(a){const h=o(t);if(!h)throw new Error("SkdxScrollAreaThumb must be used within SkdxScrollArea.");const p=h,d=o(e,l(()=>"vertical")),m=u(null),b=u(0),R=u(0),g=u(null);function T(){const e=p.viewportRef.value;if(!e)return;const[t,l,r]="vertical"===d.value?[e.clientHeight,e.scrollHeight,e.scrollTop]:[e.clientWidth,e.scrollWidth,e.scrollLeft],a=l>0?t/l:1;b.value=Math.min(Math.max(a,.1),1);const o=l-t;R.value=o>0?r/o:0}let w,S;function x(e){const t=p.viewportRef.value;t&&(e.target.setPointerCapture?.(e.pointerId),g.value={startPointer:"vertical"===d.value?e.clientY:e.clientX,startScroll:"vertical"===d.value?t.scrollTop:t.scrollLeft})}function C(e){if(!e.target.hasPointerCapture?.(e.pointerId))return;const t=p.viewportRef.value,l=m.value?.parentElement,r=g.value;if(!t||!l||!r)return;const a="vertical"===d.value?l.clientHeight:l.clientWidth,o="vertical"===d.value?t.clientHeight:t.clientWidth,n=("vertical"===d.value?t.scrollHeight:t.scrollWidth)-o;if(n<=0)return;const i=a*b.value,s=Math.max(a-i,1),c=(("vertical"===d.value?e.clientY:e.clientX)-r.startPointer)/s*n,u=Math.min(Math.max(r.startScroll+c,0),n);"vertical"===d.value?t.scrollTop=u:t.scrollLeft=u}function E(e){e.target.hasPointerCapture?.(e.pointerId)&&e.target.releasePointerCapture(e.pointerId),g.value=null}s(()=>{T();const e=p.viewportRef.value;if(e&&(S=e,e.addEventListener("scroll",T),typeof ResizeObserver<"u")){w=new ResizeObserver(T),w.observe(e);const t=p.contentRef.value;t&&w.observe(t)}}),i(()=>{S?.removeEventListener("scroll",T),w?.disconnect()});const L=l(()=>100*b.value+"%"),P=l(()=>R.value*(100-100*b.value)+"%"),_=l(()=>"vertical"===d.value?{position:"absolute",top:P.value,height:L.value,left:0,right:0}:{position:"absolute",left:P.value,width:L.value,top:0,bottom:0});return(e,t)=>(c(),r("div",{class:"skdx-scroll-area__thumb","data-part":"thumb",ref_key:"thumbRef",ref:m,"data-skdx-scroll-area-thumb":"","data-orientation":v(d),style:n({touchAction:"none",..._.value}),onPointerdown:x,onPointermove:C,onPointerup:E},null,44,f))}});export{h as default};

package/dist/scroll-area/ScrollAreaViewport.vue.cjs

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

package/dist/scroll-area/ScrollAreaViewport.vue.d.cts

@@ -0,0 +1,23 @@
+/**
+ * The natively-scrollable region (`overflow: auto`) that renders slotted
+ * content. Wraps it in an inner `<div data-skdx-scroll-area-content>` used to
+ * measure content size, and watches both elements with a `ResizeObserver` to
+ * keep `SkdxScrollArea`'s scrollbar-enabled flags current. Sets
+ * `data-skdx-scroll-area-viewport` on the scrollable element and flips
+ * `scrolling` true for the root's `scrollHideDelay` (600ms by default) after
+ * each scroll event (used to drive
+ * `type="scroll"` visibility). Must be used inside `SkdxScrollArea`.
+ */
+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/scroll-area/ScrollAreaViewport.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The natively-scrollable region (`overflow: auto`) that renders slotted
+ * content. Wraps it in an inner `<div data-skdx-scroll-area-content>` used to
+ * measure content size, and watches both elements with a `ResizeObserver` to
+ * keep `SkdxScrollArea`'s scrollbar-enabled flags current. Sets
+ * `data-skdx-scroll-area-viewport` on the scrollable element and flips
+ * `scrolling` true for the root's `scrollHideDelay` (600ms by default) after
+ * each scroll event (used to drive
+ * `type="scroll"` visibility). Must be used inside `SkdxScrollArea`.
+ */
+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/scroll-area/ScrollAreaViewport.vue.js

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

package/dist/scroll-area/ScrollAreaViewport.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let r=require("vue");var d=(0,r.defineComponent)({__name:"ScrollAreaViewport",setup(v){const c=(0,r.inject)(u.SCROLL_AREA_CONTEXT);if(!c)throw new Error("SkdxScrollAreaViewport must be used within SkdxScrollArea.");const e=c;function l(){const t=e.viewportRef.value;t&&(e.scrollbarXEnabled.value=t.scrollWidth>t.clientWidth,e.scrollbarYEnabled.value=t.scrollHeight>t.clientHeight)}let n;function s(){l(),e.scrolling.value=!0,clearTimeout(n),n=setTimeout(()=>{e.scrolling.value=!1},e.scrollHideDelay.value)}let o;return(0,r.onMounted)(()=>{l();const t=e.viewportRef.value;if(!t||typeof ResizeObserver>"u")return;o=new ResizeObserver(l),o.observe(t);const a=e.contentRef.value;a&&o.observe(a)}),(0,r.onBeforeUnmount)(()=>{o?.disconnect(),clearTimeout(n)}),(t,a)=>((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:"skdx-scroll-area__viewport","data-part":"viewport","data-skdx-scroll-area-viewport":"",tabindex:"0",ref:i=>(0,r.unref)(e).viewportRef.value=i,style:{overflow:"auto"},onScroll:s},[(0,r.createElementVNode)("div",{"data-skdx-scroll-area-content":"",ref:i=>(0,r.unref)(e).contentRef.value=i,style:{"min-width":"100%",display:"table"}},[(0,r.renderSlot)(t.$slots,"default")],512)],544))}});exports.default=d;

package/dist/scroll-area/ScrollAreaViewport.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SCROLL_AREA_CONTEXT as e}from"./context.js";import{createElementBlock as t,createElementVNode as o,defineComponent as r,inject as l,onBeforeUnmount as a,onMounted as s,openBlock as n,renderSlot as i,unref as c}from"vue";var u=/* @__PURE__ */r({__name:"ScrollAreaViewport",setup(r){const u=l(e);if(!u)throw new Error("SkdxScrollAreaViewport must be used within SkdxScrollArea.");const d=u;function v(){const e=d.viewportRef.value;e&&(d.scrollbarXEnabled.value=e.scrollWidth>e.clientWidth,d.scrollbarYEnabled.value=e.scrollHeight>e.clientHeight)}let f,p;function m(){v(),d.scrolling.value=!0,clearTimeout(f),f=setTimeout(()=>{d.scrolling.value=!1},d.scrollHideDelay.value)}return s(()=>{v();const e=d.viewportRef.value;if(!e||typeof ResizeObserver>"u")return;p=new ResizeObserver(v),p.observe(e);const t=d.contentRef.value;t&&p.observe(t)}),a(()=>{p?.disconnect(),clearTimeout(f)}),(e,r)=>(n(),t("div",{class:"skdx-scroll-area__viewport","data-part":"viewport","data-skdx-scroll-area-viewport":"",tabindex:"0",ref:e=>c(d).viewportRef.value=e,style:{overflow:"auto"},onScroll:m},[o("div",{"data-skdx-scroll-area-content":"",ref:e=>c(d).contentRef.value=e,style:{"min-width":"100%",display:"table"}},[i(e.$slots,"default")],512)],544))}});export{u as default};

package/dist/scroll-area/context.cjs

@@ -0,0 +1 @@
+var O=Symbol("skdx-scroll-area-context"),T=Symbol("skdx-scroll-area-scrollbar-orientation-context");exports.SCROLLBAR_ORIENTATION_CONTEXT=T;exports.SCROLL_AREA_CONTEXT=O;

package/dist/scroll-area/context.d.cts

@@ -0,0 +1,18 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal When a ScrollArea shows its scrollbars: auto per overflow, always, only while hovering, or only while scrolling. */
+export type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll';
+/** @internal Injection key a ScrollArea provides so its parts can read/drive shared state. */
+export interface ScrollAreaContext {
+    type: Ref<ScrollAreaType>;
+    viewportRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    scrollbarXEnabled: Ref<boolean>;
+    scrollbarYEnabled: Ref<boolean>;
+    hovering: Ref<boolean>;
+    scrolling: Ref<boolean>;
+    scrollHideDelay: Ref<number>;
+}
+/** @internal Injection key a ScrollArea provides so its Viewport/Scrollbar/Thumb parts share type and hover/scroll state. */
+export declare const SCROLL_AREA_CONTEXT: InjectionKey<ScrollAreaContext>;
+/** @internal Injection key a Scrollbar provides so its Thumb knows whether it is vertical or horizontal. */
+export declare const SCROLLBAR_ORIENTATION_CONTEXT: InjectionKey<Readonly<Ref<'vertical' | 'horizontal'>>>;

package/dist/scroll-area/context.d.ts

@@ -0,0 +1,18 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal When a ScrollArea shows its scrollbars: auto per overflow, always, only while hovering, or only while scrolling. */
+export type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll';
+/** @internal Injection key a ScrollArea provides so its parts can read/drive shared state. */
+export interface ScrollAreaContext {
+    type: Ref<ScrollAreaType>;
+    viewportRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    scrollbarXEnabled: Ref<boolean>;
+    scrollbarYEnabled: Ref<boolean>;
+    hovering: Ref<boolean>;
+    scrolling: Ref<boolean>;
+    scrollHideDelay: Ref<number>;
+}
+/** @internal Injection key a ScrollArea provides so its Viewport/Scrollbar/Thumb parts share type and hover/scroll state. */
+export declare const SCROLL_AREA_CONTEXT: InjectionKey<ScrollAreaContext>;
+/** @internal Injection key a Scrollbar provides so its Thumb knows whether it is vertical or horizontal. */
+export declare const SCROLLBAR_ORIENTATION_CONTEXT: InjectionKey<Readonly<Ref<'vertical' | 'horizontal'>>>;

package/dist/scroll-area/context.js

@@ -0,0 +1 @@
+var o=/* @__PURE__ */Symbol("skdx-scroll-area-context"),a=/* @__PURE__ */Symbol("skdx-scroll-area-scrollbar-orientation-context");export{a as SCROLLBAR_ORIENTATION_CONTEXT,o as SCROLL_AREA_CONTEXT};

package/dist/scroll-area/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ScrollArea.vue.cjs"),e=require("./ScrollAreaViewport.vue.cjs"),l=require("./ScrollAreaScrollbar.vue.cjs"),o=require("./ScrollAreaThumb.vue.cjs"),a=require("./ScrollAreaCorner.vue.cjs");exports.SkdxScrollArea=r.default;exports.SkdxScrollAreaCorner=a.default;exports.SkdxScrollAreaScrollbar=l.default;exports.SkdxScrollAreaThumb=o.default;exports.SkdxScrollAreaViewport=e.default;

package/dist/scroll-area/index.d.cts

@@ -0,0 +1,5 @@
+export { default as SkdxScrollArea } from './ScrollArea.vue.cjs';
+export { default as SkdxScrollAreaViewport } from './ScrollAreaViewport.vue.cjs';
+export { default as SkdxScrollAreaScrollbar } from './ScrollAreaScrollbar.vue.cjs';
+export { default as SkdxScrollAreaThumb } from './ScrollAreaThumb.vue.cjs';
+export { default as SkdxScrollAreaCorner } from './ScrollAreaCorner.vue.cjs';