@skdx/vue 0.26.0

package/dist/radio-group/RadioGroupItem.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * A single radio button within a `SkdxRadioGroup`. Renders `role="radio"`
+ * with `aria-checked`, `data-state`, `data-disabled`, `data-value`. Selects
+ * on click and on focus (WAI-ARIA radio group pattern). When the group has
+ * a `name`, also renders a visually-hidden native `<input type="radio">`
+ * for real form submission (two root nodes, so attrs fallthrough is
+ * disabled and forwarded explicitly onto the button). Provides its checked
+ * state to a nested `SkdxRadioGroupIndicator` via context.
+ */
+type __VLS_Props = {
+    /** Unique identifier compared against the group's selected value. */
+    value: string;
+    /** Excludes this item from selection and roving focus. */
+    disabled?: 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<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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/radio-group/RadioGroupItem.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * A single radio button within a `SkdxRadioGroup`. Renders `role="radio"`
+ * with `aria-checked`, `data-state`, `data-disabled`, `data-value`. Selects
+ * on click and on focus (WAI-ARIA radio group pattern). When the group has
+ * a `name`, also renders a visually-hidden native `<input type="radio">`
+ * for real form submission (two root nodes, so attrs fallthrough is
+ * disabled and forwarded explicitly onto the button). Provides its checked
+ * state to a nested `SkdxRadioGroupIndicator` via context.
+ */
+type __VLS_Props = {
+    /** Unique identifier compared against the group's selected value. */
+    value: string;
+    /** Excludes this item from selection and roving focus. */
+    disabled?: 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<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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/radio-group/RadioGroupItem.vue.js

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

package/dist/radio-group/RadioGroupItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("./context.cjs");let e=require("vue");var c=["aria-checked","data-state","data-disabled","data-value","disabled","tabindex"],v=["name","value","checked","required","disabled"],p=(0,e.defineComponent)({inheritAttrs:!1,__name:"RadioGroupItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(l){const u=l,a=(0,e.inject)(i.RADIO_GROUP_CONTEXT);if(!a)throw new Error("<SkdxRadioGroupItem> must be used inside <SkdxRadioGroup>.");const t=(0,e.computed)(()=>a.value.value===u.value),d=(0,e.computed)(()=>a.disabled.value||u.disabled),s=(0,e.computed)(()=>a.firstEnabledValue.value===null?t.value&&!d.value:a.firstEnabledValue.value===u.value);(0,e.provide)(i.RADIO_ITEM_CONTEXT,{checked:t,disabled:d});function n(){t.value||a.onValueChange(u.value)}return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("button",(0,e.mergeProps)({class:"skdx-radio-group__item","data-part":"item",type:"button",role:"radio","aria-checked":t.value,"data-state":t.value?"checked":"unchecked","data-disabled":d.value?"":void 0,"data-value":l.value,disabled:d.value,tabindex:s.value?0:-1,onClick:n,onFocus:n,onKeydown:r[0]||(r[0]=(0,e.withKeys)((0,e.withModifiers)(()=>{},["prevent"]),["enter"]))},o.$attrs),[(0,e.renderSlot)(o.$slots,"default")],16,c),(0,e.unref)(a).name.value?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,type:"radio","aria-hidden":"true",tabindex:"-1",name:(0,e.unref)(a).name.value,value:l.value,checked:t.value,required:(0,e.unref)(a).required.value,disabled:d.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,v)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=p;

package/dist/radio-group/RadioGroupItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{RADIO_GROUP_CONTEXT as e,RADIO_ITEM_CONTEXT as a}from"./context.js";import{Fragment as t,computed as d,createCommentVNode as l,createElementBlock as u,createElementVNode as i,defineComponent as o,inject as s,mergeProps as n,openBlock as r,provide as v,renderSlot as c,unref as p,withKeys as m,withModifiers as b}from"vue";var h=["aria-checked","data-state","data-disabled","data-value","disabled","tabindex"],k=["name","value","checked","required","disabled"],f=/* @__PURE__ */o({inheritAttrs:!1,__name:"RadioGroupItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(o){const f=o,x=s(e);if(!x)throw new Error("<SkdxRadioGroupItem> must be used inside <SkdxRadioGroup>.");const y=d(()=>x.value.value===f.value),E=d(()=>x.disabled.value||f.disabled),_=d(()=>null===x.firstEnabledValue.value?y.value&&!E.value:x.firstEnabledValue.value===f.value);function g(){y.value||x.onValueChange(f.value)}return v(a,{checked:y,disabled:E}),(e,a)=>(r(),u(t,null,[i("button",n({class:"skdx-radio-group__item","data-part":"item",type:"button",role:"radio","aria-checked":y.value,"data-state":y.value?"checked":"unchecked","data-disabled":E.value?"":void 0,"data-value":o.value,disabled:E.value,tabindex:_.value?0:-1,onClick:g,onFocus:g,onKeydown:a[0]||(a[0]=m(b(()=>{},["prevent"]),["enter"]))},e.$attrs),[c(e.$slots,"default")],16,h),p(x).name.value?(r(),u("input",{key:0,type:"radio","aria-hidden":"true",tabindex:"-1",name:p(x).name.value,value:o.value,checked:y.value,required:p(x).required.value,disabled:E.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,k)):l("",!0)],64))}});export{f as default};

package/dist/radio-group/context.cjs

@@ -0,0 +1 @@
+var O=Symbol("skdx-radio-group-context"),T=Symbol("skdx-radio-item-context");exports.RADIO_GROUP_CONTEXT=O;exports.RADIO_ITEM_CONTEXT=T;

package/dist/radio-group/context.d.cts

@@ -0,0 +1,24 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Injection key a RadioGroup provides so its items can read/drive shared state. */
+export interface RadioGroupContext {
+    name: ComputedRef<string | undefined>;
+    value: ComputedRef<string | undefined>;
+    required: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    /**
+     * The group's single tab stop, resolved against the DOM: the checked radio
+     * while it is rendered and enabled, else the first enabled radio. `null` only
+     * before that has been resolved, or when every radio is disabled.
+     */
+    firstEnabledValue: ComputedRef<string | null>;
+    onValueChange: (value: string) => void;
+}
+/** @internal Injection key a RadioGroup provides so its items share the selected value, name, and change handler. */
+export declare const RADIO_GROUP_CONTEXT: InjectionKey<RadioGroupContext>;
+/** @internal Injection key a RadioGroupItem provides so its RadioGroupIndicator can read its state. */
+export interface RadioItemContext {
+    checked: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+}
+/** @internal Injection key a RadioGroupItem provides so its indicator reads checked and disabled state. */
+export declare const RADIO_ITEM_CONTEXT: InjectionKey<RadioItemContext>;

package/dist/radio-group/context.d.ts

@@ -0,0 +1,24 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Injection key a RadioGroup provides so its items can read/drive shared state. */
+export interface RadioGroupContext {
+    name: ComputedRef<string | undefined>;
+    value: ComputedRef<string | undefined>;
+    required: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+    /**
+     * The group's single tab stop, resolved against the DOM: the checked radio
+     * while it is rendered and enabled, else the first enabled radio. `null` only
+     * before that has been resolved, or when every radio is disabled.
+     */
+    firstEnabledValue: ComputedRef<string | null>;
+    onValueChange: (value: string) => void;
+}
+/** @internal Injection key a RadioGroup provides so its items share the selected value, name, and change handler. */
+export declare const RADIO_GROUP_CONTEXT: InjectionKey<RadioGroupContext>;
+/** @internal Injection key a RadioGroupItem provides so its RadioGroupIndicator can read its state. */
+export interface RadioItemContext {
+    checked: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+}
+/** @internal Injection key a RadioGroupItem provides so its indicator reads checked and disabled state. */
+export declare const RADIO_ITEM_CONTEXT: InjectionKey<RadioItemContext>;

package/dist/radio-group/context.js

@@ -0,0 +1 @@
+var o=/* @__PURE__ */Symbol("skdx-radio-group-context"),t=/* @__PURE__ */Symbol("skdx-radio-item-context");export{o as RADIO_GROUP_CONTEXT,t as RADIO_ITEM_CONTEXT};

package/dist/radio-group/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./RadioGroup.vue.cjs"),r=require("./RadioGroupItem.vue.cjs"),o=require("./RadioGroupIndicator.vue.cjs");exports.SkdxRadioGroup=e.default;exports.SkdxRadioGroupIndicator=o.default;exports.SkdxRadioGroupItem=r.default;

package/dist/radio-group/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxRadioGroup } from './RadioGroup.vue.cjs';
+export { default as SkdxRadioGroupItem } from './RadioGroupItem.vue.cjs';
+export { default as SkdxRadioGroupIndicator } from './RadioGroupIndicator.vue.cjs';

package/dist/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxRadioGroup } from './RadioGroup.vue.js';
+export { default as SkdxRadioGroupItem } from './RadioGroupItem.vue.js';
+export { default as SkdxRadioGroupIndicator } from './RadioGroupIndicator.vue.js';

package/dist/radio-group/index.js

@@ -0,0 +1 @@
+import o from"./RadioGroup.vue.js";import r from"./RadioGroupItem.vue.js";import a from"./RadioGroupIndicator.vue.js";export{o as SkdxRadioGroup,a as SkdxRadioGroupIndicator,r as SkdxRadioGroupItem};

package/dist/rating/Rating.vue.cjs

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

package/dist/rating/Rating.vue.d.cts

@@ -0,0 +1,97 @@
+/**
+ * The Vue implementation of the shared Rating contract (see
+ * `@skdx/shared`'s `ratingContract`). Renders `role="radiogroup"` and
+ * drives roving-tabindex keyboard navigation (horizontal, no wrap) across
+ * `SkdxRatingItem` children, mirroring `packages/vue/src/tabs/TabsList.vue`'s
+ * inline keydown handler.
+ *
+ * The hover preview is display-only: it drives `data-highlighted`/`data-half`
+ * and the `hover-value-change` emit, and never touches the committed `value` —
+ * the same preview/commit split as `SkdxSlider`, where dragging paints the
+ * track but only pointer-up writes the value.
+ *
+ * With `allowHalf` the root becomes a `role="slider"` instead: half-star
+ * values cannot be told truthfully by a set of whole-star radios, so the root
+ * takes the tab stop and reports `aria-valuenow`, handles the arrow keys
+ * itself (stepping by `0.5`) rather than roving focus, and the items become
+ * purely visual.
+ *
+ * With a `name`, one visually-hidden native input submits the committed value
+ * as `String(value)` with the surrounding `<form>` — an unrated (`0`) rating
+ * submits nothing, so `required` reports `valueMissing` — and
+ * `checkValidity()`/`reportValidity()` — exposed on this root — delegate to it.
+ * Resetting the form restores the value the rating was declared with, emitting
+ * `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /** Selected value, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: number;
+    /** Initial value, for uncontrolled usage, e.g. no items filled. */
+    defaultValue?: number;
+    /** Number of items to render, e.g. stars. */
+    max?: number;
+    /**
+     * Allow half-item values (`0.5`, `1`, `1.5`, …). Pointer input picks a half
+     * from the leading half of an item's box (the trailing half under RTL);
+     * keyboard input steps by `0.5` per arrow key, so half values are reachable
+     * without a pointer.
+     *
+     * This changes the widget's ARIA, deliberately: a set of whole-star
+     * `role="radio"` items cannot say "2.5" truthfully, so the root becomes a
+     * `role="slider"` reporting `aria-valuenow`/`aria-valuetext`, takes the
+     * single tab stop, and the items become `aria-hidden` visuals. Give the
+     * root an accessible name (`aria-label`) either way.
+     */
+    allowHalf?: boolean;
+    /** Disables every item, blocking all interaction. */
+    disabled?: boolean;
+    /** Displays the current value but blocks interaction (still focusable, unlike disabled). */
+    readOnly?: boolean;
+    /**
+     * Name for native form participation via a hidden input, which submits the
+     * committed value as `String(value)`. A value of `0` — nothing rated —
+     * submits nothing, like an unchecked radio group.
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * Marks the hidden form input required, so an unrated (`0`) rating reports
+     * `valueMissing`. Only meaningful with `name`.
+     * @default false
+     */
+    required?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form input satisfies its constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: number) => any;
+    "value-change": (value: number) => any;
+    "hover-value-change": (value: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: number) => any) | undefined;
+    "onValue-change"?: ((value: number) => any) | undefined;
+    "onHover-value-change"?: ((value: number | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: number;
+    defaultValue: number;
+    max: number;
+    readOnly: boolean;
+    allowHalf: boolean;
+}, {}, {}, {}, 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/rating/Rating.vue.d.ts

@@ -0,0 +1,97 @@
+/**
+ * The Vue implementation of the shared Rating contract (see
+ * `@skdx/shared`'s `ratingContract`). Renders `role="radiogroup"` and
+ * drives roving-tabindex keyboard navigation (horizontal, no wrap) across
+ * `SkdxRatingItem` children, mirroring `packages/vue/src/tabs/TabsList.vue`'s
+ * inline keydown handler.
+ *
+ * The hover preview is display-only: it drives `data-highlighted`/`data-half`
+ * and the `hover-value-change` emit, and never touches the committed `value` —
+ * the same preview/commit split as `SkdxSlider`, where dragging paints the
+ * track but only pointer-up writes the value.
+ *
+ * With `allowHalf` the root becomes a `role="slider"` instead: half-star
+ * values cannot be told truthfully by a set of whole-star radios, so the root
+ * takes the tab stop and reports `aria-valuenow`, handles the arrow keys
+ * itself (stepping by `0.5`) rather than roving focus, and the items become
+ * purely visual.
+ *
+ * With a `name`, one visually-hidden native input submits the committed value
+ * as `String(value)` with the surrounding `<form>` — an unrated (`0`) rating
+ * submits nothing, so `required` reports `valueMissing` — and
+ * `checkValidity()`/`reportValidity()` — exposed on this root — delegate to it.
+ * Resetting the form restores the value the rating was declared with, emitting
+ * `value-change` so a controlled parent follows it.
+ */
+type __VLS_Props = {
+    /** Selected value, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: number;
+    /** Initial value, for uncontrolled usage, e.g. no items filled. */
+    defaultValue?: number;
+    /** Number of items to render, e.g. stars. */
+    max?: number;
+    /**
+     * Allow half-item values (`0.5`, `1`, `1.5`, …). Pointer input picks a half
+     * from the leading half of an item's box (the trailing half under RTL);
+     * keyboard input steps by `0.5` per arrow key, so half values are reachable
+     * without a pointer.
+     *
+     * This changes the widget's ARIA, deliberately: a set of whole-star
+     * `role="radio"` items cannot say "2.5" truthfully, so the root becomes a
+     * `role="slider"` reporting `aria-valuenow`/`aria-valuetext`, takes the
+     * single tab stop, and the items become `aria-hidden` visuals. Give the
+     * root an accessible name (`aria-label`) either way.
+     */
+    allowHalf?: boolean;
+    /** Disables every item, blocking all interaction. */
+    disabled?: boolean;
+    /** Displays the current value but blocks interaction (still focusable, unlike disabled). */
+    readOnly?: boolean;
+    /**
+     * Name for native form participation via a hidden input, which submits the
+     * committed value as `String(value)`. A value of `0` — nothing rated —
+     * submits nothing, like an unchecked radio group.
+     * @default undefined
+     */
+    name?: string;
+    /**
+     * Marks the hidden form input required, so an unrated (`0`) rating reports
+     * `valueMissing`. Only meaningful with `name`.
+     * @default false
+     */
+    required?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Reports whether the hidden form input satisfies its constraints. `true` without a `name`. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: number) => any;
+    "value-change": (value: number) => any;
+    "hover-value-change": (value: number | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: number) => any) | undefined;
+    "onValue-change"?: ((value: number) => any) | undefined;
+    "onHover-value-change"?: ((value: number | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    value: number;
+    defaultValue: number;
+    max: number;
+    readOnly: boolean;
+    allowHalf: boolean;
+}, {}, {}, {}, 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/rating/Rating.vue.js

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

package/dist/rating/Rating.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const H=require("../utils/useFormReset.cjs"),y=require("../utils/direction.cjs"),R=require("../utils/clamp.cjs"),B=require("./context.cjs");let a=require("vue");var E=["aria-disabled","aria-readonly","data-disabled","data-readonly"],O=["name","^value","required","disabled"],C=(0,a.defineComponent)({__name:"Rating",props:{value:{default:void 0},defaultValue:{default:0},max:{default:5},allowHalf:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","hover-value-change"],setup(n,{expose:g,emit:w}){const l=n,s=w,c=(0,a.ref)(l.defaultValue),o=(0,a.computed)(()=>l.value===void 0?c.value:l.value),f=(0,a.ref)(null),m=(0,a.ref)(null);function v(e){e!==o.value&&(l.value===void 0&&(c.value=e),s("update:value",e),s("value-change",e))}function h(e){f.value!==e&&(f.value=e,s("hover-value-change",e))}(0,a.provide)(B.RATING_CONTEXT,{value:o,allowHalf:(0,a.computed)(()=>l.allowHalf),hoverValue:(0,a.computed)(()=>f.value),disabled:(0,a.computed)(()=>l.disabled),readOnly:(0,a.computed)(()=>l.readOnly),onValueChange:v,onHoverValueChange:h});const b=y.useDirection(),x=(0,a.computed)(()=>l.allowHalf?{role:"slider","aria-valuemin":0,"aria-valuemax":l.max,"aria-valuenow":o.value,"aria-valuetext":`${o.value} out of ${l.max}`,"aria-orientation":"horizontal",tabindex:l.disabled?-1:0}:{role:"radiogroup"});function V(e,t){let r=null;e==="ArrowRight"||e==="ArrowUp"?r=o.value+.5:e==="ArrowLeft"||e==="ArrowDown"?r=o.value-.5:e==="Home"?r=0:e==="End"&&(r=l.max),r!==null&&(t.preventDefault(),v(R.clamp(r,0,l.max)))}function q(e){if(l.disabled||l.readOnly)return;const t=y.directionalKey(e.key,e.currentTarget,b());if(l.allowHalf){V(t,e);return}const r=m.value;if(!r)return;const u=Array.from(r.querySelectorAll("[data-skdx-rating-item]")).filter(k=>!k.hasAttribute("disabled"));if(u.length===0)return;const p=u.indexOf(document.activeElement);let i;t==="ArrowRight"||t==="ArrowDown"?i=Math.min(p+1,u.length-1):t==="ArrowLeft"||t==="ArrowUp"?i=Math.max(p-1,0):t==="Home"?i=0:t==="End"&&(i=u.length-1),i!==void 0&&(e.preventDefault(),u[i]?.focus())}const d=(0,a.ref)(null),A=l.value??l.defaultValue;return H.useFormReset(()=>d.value,()=>v(A)),g({checkValidity:()=>d.value?.checkValidity()??!0,reportValidity:()=>d.value?.reportValidity()??!0}),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",(0,a.mergeProps)({class:"skdx-rating","data-part":"root","data-skdx-component":"rating",ref_key:"rootRef",ref:m},x.value,{"aria-disabled":n.disabled||void 0,"aria-readonly":n.readOnly||void 0,"data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,onKeydown:q,onPointerleave:t[0]||(t[0]=r=>h(null))}),[(0,a.renderSlot)(e.$slots,"default"),n.name?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:d,type:"text","aria-hidden":"true",tabindex:"-1",name:n.name,"^value":o.value>0?String(o.value):"",required:n.required,disabled:n.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,O)):(0,a.createCommentVNode)("",!0)],16,E))}});exports.default=C;

package/dist/rating/Rating.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useFormReset as e}from"../utils/useFormReset.js";import{directionalKey as a,useDirection as l}from"../utils/direction.js";import{clamp as t}from"../utils/clamp.js";import{RATING_CONTEXT as r}from"./context.js";import{computed as o,createCommentVNode as n,createElementBlock as i,defineComponent as d,mergeProps as u,openBlock as s,provide as v,ref as f,renderSlot as m}from"vue";var p=["aria-disabled","aria-readonly","data-disabled","data-readonly"],c=["name","^value","required","disabled"],y=/* @__PURE__ */d({__name:"Rating",props:{value:{default:void 0},defaultValue:{default:0},max:{default:5},allowHalf:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},name:{default:void 0},required:{type:Boolean,default:!1}},emits:["update:value","value-change","hover-value-change"],setup(d,{expose:y,emit:h}){const g=d,x=h,b=f(g.defaultValue),w=o(()=>void 0===g.value?b.value:g.value),A=f(null),k=f(null);function V(e){e!==w.value&&(void 0===g.value&&(b.value=e),x("update:value",e),x("value-change",e))}function H(e){A.value!==e&&(A.value=e,x("hover-value-change",e))}v(r,{value:w,allowHalf:o(()=>g.allowHalf),hoverValue:o(()=>A.value),disabled:o(()=>g.disabled),readOnly:o(()=>g.readOnly),onValueChange:V,onHoverValueChange:H});const O=l(),R=o(()=>g.allowHalf?{role:"slider","aria-valuemin":0,"aria-valuemax":g.max,"aria-valuenow":w.value,"aria-valuetext":`${w.value} out of ${g.max}`,"aria-orientation":"horizontal",tabindex:g.disabled?-1:0}:{role:"radiogroup"});function B(e){if(g.disabled||g.readOnly)return;const l=a(e.key,e.currentTarget,O());if(g.allowHalf)return void function(e,a){let l=null;"ArrowRight"===e||"ArrowUp"===e?l=w.value+.5:"ArrowLeft"===e||"ArrowDown"===e?l=w.value-.5:"Home"===e?l=0:"End"===e&&(l=g.max),null!==l&&(a.preventDefault(),V(t(l,0,g.max)))}(l,e);const r=k.value;if(!r)return;const o=Array.from(r.querySelectorAll("[data-skdx-rating-item]")).filter(e=>!e.hasAttribute("disabled"));if(0===o.length)return;const n=o.indexOf(document.activeElement);let i;"ArrowRight"===l||"ArrowDown"===l?i=Math.min(n+1,o.length-1):"ArrowLeft"===l||"ArrowUp"===l?i=Math.max(n-1,0):"Home"===l?i=0:"End"===l&&(i=o.length-1),void 0!==i&&(e.preventDefault(),o[i]?.focus())}const E=f(null),q=g.value??g.defaultValue;return e(()=>E.value,()=>V(q)),y({checkValidity:()=>E.value?.checkValidity()??!0,reportValidity:()=>E.value?.reportValidity()??!0}),(e,a)=>(s(),i("div",u({class:"skdx-rating","data-part":"root","data-skdx-component":"rating",ref_key:"rootRef",ref:k},R.value,{"aria-disabled":d.disabled||void 0,"aria-readonly":d.readOnly||void 0,"data-disabled":d.disabled?"":void 0,"data-readonly":d.readOnly?"":void 0,onKeydown:B,onPointerleave:a[0]||(a[0]=e=>H(null))}),[m(e.$slots,"default"),d.name?(s(),i("input",{key:0,ref_key:"hiddenEl",ref:E,type:"text","aria-hidden":"true",tabindex:"-1",name:d.name,"^value":w.value>0?String(w.value):"",required:d.required,disabled:d.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,c)):n("",!0)],16,p))}});export{y as default};

package/dist/rating/RatingItem.vue.cjs

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

package/dist/rating/RatingItem.vue.d.cts

@@ -0,0 +1,32 @@
+/**
+ * A single selectable item (e.g. one star) within a `SkdxRating`. Renders
+ * `role="radio"` with `data-highlighted` set for this item and every one
+ * before it (up to the hovered item, or the committed value). Selects on
+ * click/focus (WAI-ARIA radio pattern); hovering previews the value.
+ *
+ * When the `SkdxRating` root sets `allowHalf` the item is purely visual —
+ * `aria-hidden`, out of the tab order, no `role="radio"` — because the root
+ * carries the whole widget's semantics as a `role="slider"`. It still emits
+ * `data-highlighted` plus `data-half` (present when the effective value lands
+ * on this item's leading half) so a brand layer can paint half a star.
+ */
+type __VLS_Props = {
+    /** This item's 1-indexed position within the rating scale. */
+    value: number;
+    /** Excludes this item from selection, hover preview, and roving focus. */
+    disabled?: 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<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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/rating/RatingItem.vue.d.ts

@@ -0,0 +1,32 @@
+/**
+ * A single selectable item (e.g. one star) within a `SkdxRating`. Renders
+ * `role="radio"` with `data-highlighted` set for this item and every one
+ * before it (up to the hovered item, or the committed value). Selects on
+ * click/focus (WAI-ARIA radio pattern); hovering previews the value.
+ *
+ * When the `SkdxRating` root sets `allowHalf` the item is purely visual —
+ * `aria-hidden`, out of the tab order, no `role="radio"` — because the root
+ * carries the whole widget's semantics as a `role="slider"`. It still emits
+ * `data-highlighted` plus `data-half` (present when the effective value lands
+ * on this item's leading half) so a brand layer can paint half a star.
+ */
+type __VLS_Props = {
+    /** This item's 1-indexed position within the rating scale. */
+    value: number;
+    /** Excludes this item from selection, hover preview, and roving focus. */
+    disabled?: 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<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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/rating/RatingItem.vue.js

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

package/dist/rating/RatingItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const y=require("../utils/direction.cjs"),x=require("./context.cjs");let e=require("vue");var C=["data-state","data-highlighted","data-half","data-disabled","disabled"],P=(0,e.defineComponent)({__name:"RatingItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(f){const t=f,a=(0,e.inject)(x.RATING_CONTEXT);if(!a)throw new Error("<SkdxRatingItem> must be used inside <SkdxRating>.");const u=(0,e.computed)(()=>a.allowHalf.value),i=(0,e.computed)(()=>a.value.value===t.value||u.value&&a.value.value===t.value-.5),n=(0,e.computed)(()=>a.disabled.value||t.disabled),v=(0,e.computed)(()=>a.hoverValue.value??a.value.value),h=(0,e.computed)(()=>v.value>=(u.value?t.value-.5:t.value)),p=(0,e.computed)(()=>u.value&&v.value===t.value-.5),m=(0,e.computed)(()=>i.value||a.value.value===0&&t.value===1),g=(0,e.computed)(()=>u.value?{"aria-hidden":"true",tabindex:-1}:{role:"radio","aria-checked":i.value,tabindex:m.value?0:-1});function c(l){n.value||a.readOnly.value||a.onValueChange(l)}function r(l){if(!u.value)return t.value;const o=l.currentTarget,d=o.getBoundingClientRect();if(!d.width)return t.value;const s=(l.clientX-d.left)/d.width;return(y.resolveDirection(o)==="rtl"?1-s:s)<=.5?t.value-.5:t.value}function _(l){c(r(l))}function b(){!u.value&&!i.value&&c(t.value)}function k(l){!n.value&&!a.readOnly.value&&a.onHoverValueChange(r(l))}function w(l){!u.value||n.value||a.readOnly.value||a.onHoverValueChange(r(l))}return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-rating__item","data-part":"item",type:"button"},g.value,{"data-skdx-rating-item":"","data-state":i.value?"checked":"unchecked","data-highlighted":h.value?"":void 0,"data-half":p.value?"":void 0,"data-disabled":n.value?"":void 0,disabled:n.value,onClick:_,onFocus:b,onPointerenter:k,onPointermove:w,onKeydown:o[0]||(o[0]=(0,e.withKeys)((0,e.withModifiers)(()=>{},["prevent"]),["enter"]))}),[(0,e.renderSlot)(l.$slots,"default")],16,C))}});exports.default=P;

package/dist/rating/RatingItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{resolveDirection as e}from"../utils/direction.js";import{RATING_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as l,defineComponent as u,inject as n,mergeProps as i,openBlock as o,renderSlot as v,withKeys as d,withModifiers as r}from"vue";var s=["data-state","data-highlighted","data-half","data-disabled","disabled"],c=/* @__PURE__ */u({__name:"RatingItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(u){const c=u,f=n(a);if(!f)throw new Error("<SkdxRatingItem> must be used inside <SkdxRating>.");const h=t(()=>f.allowHalf.value),m=t(()=>f.value.value===c.value||h.value&&f.value.value===c.value-.5),g=t(()=>f.disabled.value||c.disabled),p=t(()=>f.hoverValue.value??f.value.value),b=t(()=>p.value>=(h.value?c.value-.5:c.value)),k=t(()=>h.value&&p.value===c.value-.5),w=t(()=>m.value||0===f.value.value&&1===c.value),x=t(()=>h.value?{"aria-hidden":"true",tabindex:-1}:{role:"radio","aria-checked":m.value,tabindex:w.value?0:-1});function y(e){g.value||f.readOnly.value||f.onValueChange(e)}function C(a){if(!h.value)return c.value;const t=a.currentTarget,l=t.getBoundingClientRect();if(!l.width)return c.value;const u=(a.clientX-l.left)/l.width;return("rtl"===e(t)?1-u:u)<=.5?c.value-.5:c.value}function R(e){y(C(e))}function _(){!h.value&&!m.value&&y(c.value)}function B(e){!g.value&&!f.readOnly.value&&f.onHoverValueChange(C(e))}function O(e){!h.value||g.value||f.readOnly.value||f.onHoverValueChange(C(e))}return(e,a)=>(o(),l("button",i({class:"skdx-rating__item","data-part":"item",type:"button"},x.value,{"data-skdx-rating-item":"","data-state":m.value?"checked":"unchecked","data-highlighted":b.value?"":void 0,"data-half":k.value?"":void 0,"data-disabled":g.value?"":void 0,disabled:g.value,onClick:R,onFocus:_,onPointerenter:B,onPointermove:O,onKeydown:a[0]||(a[0]=d(r(()=>{},["prevent"]),["enter"]))}),[v(e.$slots,"default")],16,s))}});export{c as default};

package/dist/rating/context.cjs

@@ -0,0 +1 @@
+var T=Symbol("skdx-rating-context");exports.RATING_CONTEXT=T;

package/dist/rating/context.d.cts

@@ -0,0 +1,13 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Injection key a Rating provides so its items can read/drive shared state. */
+export interface RatingContext {
+    value: ComputedRef<number>;
+    allowHalf: ComputedRef<boolean>;
+    hoverValue: ComputedRef<number | null>;
+    disabled: ComputedRef<boolean>;
+    readOnly: ComputedRef<boolean>;
+    onValueChange: (value: number) => void;
+    onHoverValueChange: (value: number | null) => void;
+}
+/** @internal Injection key a Rating provides so its items share the current value, hover value, and change handlers. */
+export declare const RATING_CONTEXT: InjectionKey<RatingContext>;

package/dist/rating/context.d.ts

@@ -0,0 +1,13 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Injection key a Rating provides so its items can read/drive shared state. */
+export interface RatingContext {
+    value: ComputedRef<number>;
+    allowHalf: ComputedRef<boolean>;
+    hoverValue: ComputedRef<number | null>;
+    disabled: ComputedRef<boolean>;
+    readOnly: ComputedRef<boolean>;
+    onValueChange: (value: number) => void;
+    onHoverValueChange: (value: number | null) => void;
+}
+/** @internal Injection key a Rating provides so its items share the current value, hover value, and change handlers. */
+export declare const RATING_CONTEXT: InjectionKey<RatingContext>;

package/dist/rating/context.js

@@ -0,0 +1 @@
+var t=/* @__PURE__ */Symbol("skdx-rating-context");export{t as RATING_CONTEXT};

package/dist/rating/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Rating.vue.cjs"),t=require("./RatingItem.vue.cjs");exports.SkdxRating=e.default;exports.SkdxRatingItem=t.default;

package/dist/rating/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxRating } from './Rating.vue.cjs';
+export { default as SkdxRatingItem } from './RatingItem.vue.cjs';

package/dist/rating/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxRating } from './Rating.vue.js';
+export { default as SkdxRatingItem } from './RatingItem.vue.js';

package/dist/rating/index.js

@@ -0,0 +1 @@
+import t from"./Rating.vue.js";import a from"./RatingItem.vue.js";export{t as SkdxRating,a as SkdxRatingItem};

package/dist/resizable/Resizable.vue.cjs

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

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

@@ -0,0 +1,31 @@
+/**
+ * Flexbox-based split-pane group. Dragging a handle only ever redistributes
+ * size between the two panels immediately adjacent to it — no cascading
+ * resize of non-adjacent panels, matching the simplest-correct behavior.
+ * Renders a `<div>` with `data-orientation` and `display: flex` along
+ * `direction`.
+ *
+ * Panels and handles are expected to form a static set, registered once
+ * during the initial mount (alternating Panel, Handle, Panel, ... in slot
+ * order) — dynamically adding/removing panels after mount isn't supported.
+ */
+type __VLS_Props = {
+    /** Layout axis; also drives data-orientation and which handles resize the group. */
+    direction: 'horizontal' | 'vertical';
+};
+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, {
+    layout: (sizes: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+/**
+ * Flexbox-based split-pane group. Dragging a handle only ever redistributes
+ * size between the two panels immediately adjacent to it — no cascading
+ * resize of non-adjacent panels, matching the simplest-correct behavior.
+ * Renders a `<div>` with `data-orientation` and `display: flex` along
+ * `direction`.
+ *
+ * Panels and handles are expected to form a static set, registered once
+ * during the initial mount (alternating Panel, Handle, Panel, ... in slot
+ * order) — dynamically adding/removing panels after mount isn't supported.
+ */
+type __VLS_Props = {
+    /** Layout axis; also drives data-orientation and which handles resize the group. */
+    direction: 'horizontal' | 'vertical';
+};
+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, {
+    layout: (sizes: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLayout?: ((sizes: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/resizable/Resizable.vue.js

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

package/dist/resizable/Resizable.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const _=require("../utils/clamp.cjs"),R=require("./context.cjs");let n=require("vue");var b=["data-orientation"],E=(0,n.defineComponent)({__name:"Resizable",props:{direction:{}},emits:["layout"],setup(m,{emit:S}){const v=m,x=S,g=(0,n.ref)(null),l=new Map;let z=0;const i=(0,n.ref)([]),u=(0,n.ref)([]);function h(e,r){if(l.has(e))return;l.set(e,r);const a=i.value.includes(e)?i.value:[...i.value,e],o=a.map(t=>l.get(t)),p=o.reduce((t,s)=>t+(s.defaultSize??0),0),c=o.filter(t=>t.defaultSize==null).length,d=Math.max(0,100-p),f=c>0?d/c:0;i.value=a,u.value=o.map(t=>t.defaultSize??f)}function y(){const e=z;return z+=1,e}function C(e){const r=i.value[e];return r?l.get(r):void 0}function k(e,r){const a=e,o=e+1;if(a<0||o>=i.value.length)return;const p=l.get(i.value[a]),c=l.get(i.value[o]),d=u.value[a],f=u.value[o];let t=_.clamp(r,p.minSize-d,p.maxSize-d);if(t=_.clamp(t,f-c.maxSize,f-c.minSize),t===0)return;const s=[...u.value];s[a]=d+t,s[o]=f-t,u.value=s,x("layout",s)}(0,n.provide)(R.RESIZABLE_CONTEXT,{get direction(){return v.direction},groupRef:g,order:i,sizes:u,registerPanel:h,registerHandle:y,resizePanels:k,getPanelConfig:C});const q=(0,n.computed)(()=>({display:"flex",flexDirection:v.direction==="horizontal"?"row":"column"}));return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)("div",{class:"skdx-resizable","data-part":"root","data-skdx-component":"resizable",ref_key:"groupRef",ref:g,"data-orientation":m.direction,style:(0,n.normalizeStyle)(q.value)},[(0,n.renderSlot)(e.$slots,"default")],12,b))}});exports.default=E;

package/dist/resizable/Resizable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{clamp as e}from"../utils/clamp.js";import{RESIZABLE_CONTEXT as t}from"./context.js";import{computed as a,createElementBlock as n,defineComponent as o,normalizeStyle as r,openBlock as i,provide as l,ref as s,renderSlot as u}from"vue";var c=["data-orientation"],d=/* @__PURE__ */o({__name:"Resizable",props:{direction:{}},emits:["layout"],setup(o,{emit:d}){const f=o,m=d,p=s(null),v=/* @__PURE__ */new Map;let z=0;const g=s([]),S=s([]);l(t,{get direction(){return f.direction},groupRef:p,order:g,sizes:S,registerPanel:function(e,t){if(v.has(e))return;v.set(e,t);const a=g.value.includes(e)?g.value:[...g.value,e],n=a.map(e=>v.get(e)),o=n.reduce((e,t)=>e+(t.defaultSize??0),0),r=n.filter(e=>null==e.defaultSize).length,i=Math.max(0,100-o),l=r>0?i/r:0;g.value=a,S.value=n.map(e=>e.defaultSize??l)},registerHandle:function(){const e=z;return z+=1,e},resizePanels:function(t,a){const n=t,o=t+1;if(n<0||o>=g.value.length)return;const r=v.get(g.value[n]),i=v.get(g.value[o]),l=S.value[n],s=S.value[o];let u=e(a,r.minSize-l,r.maxSize-l);if(u=e(u,s-i.maxSize,s-i.minSize),0===u)return;const c=[...S.value];c[n]=l+u,c[o]=s-u,S.value=c,m("layout",c)},getPanelConfig:function(e){const t=g.value[e];return t?v.get(t):void 0}});const x=a(()=>({display:"flex",flexDirection:"horizontal"===f.direction?"row":"column"}));return(e,t)=>(i(),n("div",{class:"skdx-resizable","data-part":"root","data-skdx-component":"resizable",ref_key:"groupRef",ref:p,"data-orientation":o.direction,style:r(x.value)},[u(e.$slots,"default")],12,c))}});export{d as default};

package/dist/resizable/ResizableHandle.vue.cjs

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

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

@@ -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;