@skdx/vue 0.28.0 → 0.30.0

package/dist/transfer/TransferItem.vue.d.cts

@@ -1,9 +1,4 @@
-/**
- * Option inside `SkdxTransferList`, `role="option"`. Marking (click/Enter/
- * Space) is transient selection; moving requires `SkdxTransferMoveTrigger` or
- * arrow key. Shift+Click marks range from anchor. Publishes `aria-selected`,
- * `data-side`, `data-value`, `data-state`, `data-disabled`, roving `tabindex`.
- */
+/** Option inside `SkdxTransferList`, `role="option"`, with click/Enter/Space marking and Shift+Click range selection. */
 type __VLS_Props = {
     /** The id of the `TransferItemData` entry this option renders. */
     value: string;
@@ -11,21 +6,21 @@ type __VLS_Props = {
      * Excludes this option from marking, navigation, and moves.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Text typeahead matches this option against, published as
      * `data-text-value`.
      * @default undefined — falls back to the option's rendered text content, indicator glyph included.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
+    disabled: boolean | undefined;
+    textValue: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/transfer/TransferItem.vue.d.ts

@@ -1,9 +1,4 @@
-/**
- * Option inside `SkdxTransferList`, `role="option"`. Marking (click/Enter/
- * Space) is transient selection; moving requires `SkdxTransferMoveTrigger` or
- * arrow key. Shift+Click marks range from anchor. Publishes `aria-selected`,
- * `data-side`, `data-value`, `data-state`, `data-disabled`, roving `tabindex`.
- */
+/** Option inside `SkdxTransferList`, `role="option"`, with click/Enter/Space marking and Shift+Click range selection. */
 type __VLS_Props = {
     /** The id of the `TransferItemData` entry this option renders. */
     value: string;
@@ -11,21 +6,21 @@ type __VLS_Props = {
      * Excludes this option from marking, navigation, and moves.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Text typeahead matches this option against, published as
      * `data-text-value`.
      * @default undefined — falls back to the option's rendered text content, indicator glyph included.
      */
-    textValue?: string;
+    textValue?: string | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disabled: boolean;
-    textValue: string;
+    disabled: boolean | undefined;
+    textValue: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/transfer/TransferItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const y=require("../utils/useSelection.cjs"),v=require("./context.cjs");let t=require("vue");var E=["aria-selected","aria-disabled","data-side","data-value","data-text-value","data-state","data-selected","data-disabled","tabindex"],w=(0,t.defineComponent)({inheritAttrs:!1,__name:"TransferItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(s){const a=s,f=(0,t.inject)(v.TRANSFER_CONTEXT);if(!f)throw new Error("SkdxTransferItem must be used within SkdxTransfer.");const l=f,m=(0,t.inject)(v.TRANSFER_LIST_CONTEXT);if(!m)throw new Error("SkdxTransferItem must be used within SkdxTransferList.");const b=m,u=(0,t.computed)(()=>b.side.value),r=(0,t.computed)(()=>a.disabled||l.disabled.value),d=(0,t.computed)(()=>l.marked.value[u.value].includes(a.value)),p=(0,t.computed)(()=>r.value?-1:l.active.value[u.value]===a.value?0:-1);function T(e){const n=e.closest('[role="listbox"]');return n?Array.from(n.querySelectorAll(v.OPTION_SELECTOR),i=>i.getAttribute("data-value")).filter(i=>i!==null):[]}function k(){r.value||(l.anchor[u.value]=a.value)}function x(){r.value||l.setMarked(u.value,y.nextSelection(l.marked.value[u.value],a.value,!0))}function _(e){if(r.value||!e.shiftKey){k(),x();return}e.preventDefault();const n=T(e.currentTarget),i=l.anchor[u.value]??a.value,o=n.indexOf(i),c=n.indexOf(a.value);l.setMarked(u.value,o===-1||c===-1?[a.value]:n.slice(Math.min(o,c),Math.max(o,c)+1))}function h(){r.value||l.setActive(u.value,a.value)}function S(e){e.key!==" "&&e.key!=="Enter"||(e.shiftKey||k(),e.preventDefault(),x())}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({class:"skdx-transfer__item","data-part":"item",role:"option","aria-selected":d.value,"aria-disabled":r.value||void 0,"data-side":u.value,"data-value":s.value,"data-text-value":s.textValue,"data-state":d.value?"checked":"unchecked","data-selected":d.value?"":void 0,"data-disabled":r.value?"":void 0,tabindex:p.value},e.$attrs,{onClick:_,onFocus:h,onKeydown:S}),[(0,t.renderSlot)(e.$slots,"default")],16,E))}});exports.default=w;
+const k=require("../utils/injectRequired.cjs"),q=require("../utils/selection.cjs"),v=require("./context.cjs");let l=require("vue");var S=["aria-selected","aria-disabled","data-side","data-value","data-text-value","data-state","data-selected","data-disabled","tabindex"],y=(0,l.defineComponent)({inheritAttrs:!1,__name:"TransferItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(d){const t=d,a=k.injectRequired(v.TRANSFER_CONTEXT,"SkdxTransferItem must be used within SkdxTransfer."),x=k.injectRequired(v.TRANSFER_LIST_CONTEXT,"SkdxTransferItem must be used within SkdxTransferList."),u=(0,l.computed)(()=>x.side.value),r=(0,l.computed)(()=>t.disabled||a.disabled.value),s=(0,l.computed)(()=>a.marked.value[u.value].includes(t.value)),b=(0,l.computed)(()=>r.value?-1:a.active.value[u.value]===t.value?0:-1);function _(e){const i=e.closest('[role="listbox"]');return i?Array.from(i.querySelectorAll(v.OPTION_SELECTOR),n=>n.getAttribute("data-value")).filter(n=>n!==null):[]}function f(){r.value||(a.anchor[u.value]=t.value)}function m(){r.value||a.setMarked(u.value,q.nextSelection(a.marked.value[u.value],t.value,!0))}function p(e){if(r.value||!e.shiftKey){f(),m();return}e.preventDefault();const i=_(e.currentTarget),n=a.anchor[u.value]??t.value,o=i.indexOf(n),c=i.indexOf(t.value);a.setMarked(u.value,o===-1||c===-1?[t.value]:i.slice(Math.min(o,c),Math.max(o,c)+1))}function T(){r.value||a.setActive(u.value,t.value)}function h(e){e.key!==" "&&e.key!=="Enter"||(e.shiftKey||f(),e.preventDefault(),m())}return(e,i)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",(0,l.mergeProps)({class:"skdx-transfer__item","data-part":"item",role:"option","aria-selected":s.value,"aria-disabled":r.value||void 0,"data-side":u.value,"data-value":d.value,"data-text-value":d.textValue,"data-state":s.value?"checked":"unchecked","data-selected":s.value?"":void 0,"data-disabled":r.value?"":void 0,tabindex:b.value},e.$attrs,{onClick:p,onFocus:T,onKeydown:h}),[(0,l.renderSlot)(e.$slots,"default")],16,S))}});exports.default=y;

package/dist/transfer/TransferItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{nextSelection as e}from"../utils/useSelection.js";import{OPTION_SELECTOR as a,TRANSFER_CONTEXT as t,TRANSFER_LIST_CONTEXT as l}from"./context.js";import{computed as u,createElementBlock as r,defineComponent as s,inject as d,mergeProps as n,openBlock as i,renderSlot as o}from"vue";var v=["aria-selected","aria-disabled","data-side","data-value","data-text-value","data-state","data-selected","data-disabled","tabindex"],c=/* @__PURE__ */s({inheritAttrs:!1,__name:"TransferItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(s){const c=s,f=d(t);if(!f)throw new Error("SkdxTransferItem must be used within SkdxTransfer.");const m=f,x=d(l);if(!x)throw new Error("SkdxTransferItem must be used within SkdxTransferList.");const k=x,p=u(()=>k.side.value),T=u(()=>c.disabled||m.disabled.value),b=u(()=>m.marked.value[p.value].includes(c.value)),h=u(()=>T.value?-1:m.active.value[p.value]===c.value?0:-1);function S(){T.value||(m.anchor[p.value]=c.value)}function E(){T.value||m.setMarked(p.value,e(m.marked.value[p.value],c.value,!0))}function y(e){if(T.value||!e.shiftKey)return S(),void E();e.preventDefault();const t=function(e){const t=e.closest('[role="listbox"]');return t?Array.from(t.querySelectorAll(a),e=>e.getAttribute("data-value")).filter(e=>null!==e):[]}(e.currentTarget),l=m.anchor[p.value]??c.value,u=t.indexOf(l),r=t.indexOf(c.value);m.setMarked(p.value,-1===u||-1===r?[c.value]:t.slice(Math.min(u,r),Math.max(u,r)+1))}function _(){T.value||m.setActive(p.value,c.value)}function w(e){" "!==e.key&&"Enter"!==e.key||(e.shiftKey||S(),e.preventDefault(),E())}return(e,a)=>(i(),r("div",n({class:"skdx-transfer__item","data-part":"item",role:"option","aria-selected":b.value,"aria-disabled":T.value||void 0,"data-side":p.value,"data-value":s.value,"data-text-value":s.textValue,"data-state":b.value?"checked":"unchecked","data-selected":b.value?"":void 0,"data-disabled":T.value?"":void 0,tabindex:h.value},e.$attrs,{onClick:y,onFocus:_,onKeydown:w}),[o(e.$slots,"default")],16,v))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{nextSelection as a}from"../utils/selection.js";import{OPTION_SELECTOR as t,TRANSFER_CONTEXT as l,TRANSFER_LIST_CONTEXT as u}from"./context.js";import{computed as d,createElementBlock as s,defineComponent as i,mergeProps as r,openBlock as n,renderSlot as o}from"vue";var v=["aria-selected","aria-disabled","data-side","data-value","data-text-value","data-state","data-selected","data-disabled","tabindex"],c=/* @__PURE__ */i({inheritAttrs:!1,__name:"TransferItem",props:{value:{},disabled:{type:Boolean,default:!1},textValue:{default:void 0}},setup(i){const c=i,f=e(l,"SkdxTransferItem must be used within SkdxTransfer."),m=e(u,"SkdxTransferItem must be used within SkdxTransferList."),x=d(()=>m.side.value),p=d(()=>c.disabled||f.disabled.value),k=d(()=>f.marked.value[x.value].includes(c.value)),T=d(()=>p.value?-1:f.active.value[x.value]===c.value?0:-1);function b(){p.value||(f.anchor[x.value]=c.value)}function h(){p.value||f.setMarked(x.value,a(f.marked.value[x.value],c.value,!0))}function S(e){if(p.value||!e.shiftKey)return b(),void h();e.preventDefault();const a=function(e){const a=e.closest('[role="listbox"]');return a?Array.from(a.querySelectorAll(t),e=>e.getAttribute("data-value")).filter(e=>null!==e):[]}(e.currentTarget),l=f.anchor[x.value]??c.value,u=a.indexOf(l),d=a.indexOf(c.value);f.setMarked(x.value,-1===u||-1===d?[c.value]:a.slice(Math.min(u,d),Math.max(u,d)+1))}function y(){p.value||f.setActive(x.value,c.value)}function E(e){" "!==e.key&&"Enter"!==e.key||(e.shiftKey||b(),e.preventDefault(),h())}return(e,a)=>(n(),s("div",r({class:"skdx-transfer__item","data-part":"item",role:"option","aria-selected":k.value,"aria-disabled":p.value||void 0,"data-side":x.value,"data-value":i.value,"data-text-value":i.textValue,"data-state":k.value?"checked":"unchecked","data-selected":k.value?"":void 0,"data-disabled":p.value?"":void 0,tabindex:T.value},e.$attrs,{onClick:S,onFocus:y,onKeydown:E}),[o(e.$slots,"default")],16,v))}});export{c as default};

package/dist/transfer/TransferList.vue.d.cts

@@ -1,11 +1,5 @@
 import { type TransferItemData, type TransferSide } from './context.cjs';
-/**
- * One side of a Transfer: multi-select listbox with roving focus, typeahead,
- * and marked-for-move selection. Tab moves between lists; arrows move within.
- * Shift+Arrow extends marked range; Shift+Space marks without moving focus;
- * Ctrl/Cmd+A toggles all visible. Horizontal arrow moves marked items to other
- * list (or focused item if nothing marked). Emits list-scroll on scroll.
- */
+/** One side of a Transfer: a multi-select listbox with roving focus, typeahead, and marked-for-move selection. */
 type __VLS_Props = {
     /** Which side (source or target) this list renders. */
     side: TransferSide;
@@ -13,14 +7,32 @@ type __VLS_Props = {
      * Custom renderer for each item (replaces bare label).
      * @default undefined — renders item.label.
      */
-    renderItem?: (item: TransferItemData) => unknown;
+    renderItem?: ((item: TransferItemData) => unknown) | undefined;
+    /**
+     * How tightly the skin packs the list's options, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
+    /**
+     * Outline the skin gives the list, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'square' | 'rounded' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the list at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    renderItem: (item: TransferItemData) => unknown;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    shape: "square" | "rounded" | (string & {}) | undefined;
+    density: "compact" | (string & {}) | undefined;
+    renderItem: ((item: TransferItemData) => unknown) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/transfer/TransferList.vue.d.ts

@@ -1,11 +1,5 @@
 import { type TransferItemData, type TransferSide } from './context.js';
-/**
- * One side of a Transfer: multi-select listbox with roving focus, typeahead,
- * and marked-for-move selection. Tab moves between lists; arrows move within.
- * Shift+Arrow extends marked range; Shift+Space marks without moving focus;
- * Ctrl/Cmd+A toggles all visible. Horizontal arrow moves marked items to other
- * list (or focused item if nothing marked). Emits list-scroll on scroll.
- */
+/** One side of a Transfer: a multi-select listbox with roving focus, typeahead, and marked-for-move selection. */
 type __VLS_Props = {
     /** Which side (source or target) this list renders. */
     side: TransferSide;
@@ -13,14 +7,32 @@ type __VLS_Props = {
      * Custom renderer for each item (replaces bare label).
      * @default undefined — renders item.label.
      */
-    renderItem?: (item: TransferItemData) => unknown;
+    renderItem?: ((item: TransferItemData) => unknown) | undefined;
+    /**
+     * How tightly the skin packs the list's options, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
+    /**
+     * Outline the skin gives the list, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'square' | 'rounded' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the list at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    renderItem: (item: TransferItemData) => unknown;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    shape: "square" | "rounded" | (string & {}) | undefined;
+    density: "compact" | (string & {}) | undefined;
+    renderItem: ((item: TransferItemData) => unknown) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/transfer/TransferList.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const g=require("../utils/direction.cjs"),h=require("../utils/useRovingFocus.cjs"),v=require("../utils/useTypeahead.cjs"),B=require("../utils/clamp.cjs"),D=require("../utils/renderProp.cjs"),f=require("./context.cjs"),F=require("./TransferItem.vue.cjs");let t=require("vue");var C=["id","aria-disabled","data-side","data-disabled","data-empty","aria-labelledby","aria-label","tabindex"],N=(0,t.defineComponent)({inheritAttrs:!1,__name:"TransferList",props:{side:{},renderItem:{type:Function,default:void 0}},setup(c){const s=c,b=(0,t.inject)(f.TRANSFER_CONTEXT);if(!b)throw new Error("SkdxTransferList must be used within SkdxTransfer.");const a=b,T={source:"Available items",target:"Selected items"},x={source:"ArrowRight",target:"ArrowLeft"};function p(e,n,r){const o=e.indexOf(n),i=e.indexOf(r);return o===-1||i===-1?e.includes(r)?[r]:[]:e.slice(Math.min(o,i),Math.max(o,i)+1)}const u=(0,t.ref)(null),A=g.useDirection();(0,t.provide)(f.TRANSFER_LIST_CONTEXT,{side:(0,t.computed)(()=>s.side)}),(0,t.watchEffect)(e=>{const n=s.side;a.registerList(n,u.value),e(()=>a.registerList(n,null))},{flush:"post"}),h.useRovingTabStop(u,f.OPTION_SELECTOR,"data-value",(0,t.computed)({get:()=>a.active.value[s.side],set:e=>a.setActive(s.side,e)}));const m=(0,t.computed)(()=>a.visibleItems.value[s.side]),k=(0,t.computed)(()=>a.labelled.value[s.side]?`${a.baseId}-${s.side}-header`:void 0),_=(0,t.computed)(()=>a.disabled.value||m.value.some(e=>!e.disabled)?void 0:0);function y(){return Array.from(u.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[])}function w(){return Array.from(y(),e=>e.getAttribute("data-value")).filter(e=>e!==null)}function E(e){return e.getAttribute("data-text-value")??e.textContent??""}const L=h.useRovingFocus({orientation:"vertical",loop:!1,itemSelector:f.OPTION_SELECTOR,typeahead:!1}),S=v.useTypeahead();function q(e){if(a.disabled.value)return;const n=s.side,r=w();if(r.length===0)return;const o=e.target.getAttribute?.("data-value")??null;if(e.shiftKey&&(e.ctrlKey||e.metaKey)&&(e.key==="Home"||e.key==="End")){if(o===null)return;e.preventDefault();const i=e.key==="Home"?r[0]:r[r.length-1];a.setMarked(n,p(r,o,i));const l=y();l[e.key==="Home"?0:l.length-1].focus();return}if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault();const i=a.marked.value[n],l=r.every(d=>i.includes(d));a.setMarked(n,l?[]:r);return}if(e.shiftKey&&e.key===" "){if(o===null)return;e.preventDefault();const i=a.anchor[n]??o;a.anchor[n]=i,a.setMarked(n,p(r,i,o));return}if(e.shiftKey&&(e.key==="ArrowDown"||e.key==="ArrowUp")){const i=o===null?-1:r.indexOf(o);if(i===-1)return;const l=B.clamp(i+(e.key==="ArrowDown"?1:-1),0,r.length-1),d=a.anchor[n]??r[i];a.anchor[n]=d,a.setMarked(n,p(r,d,r[l]));return}if(g.directionalKey(e.key,e.currentTarget,A())===x[n]){const i=a.marked.value[n],l=i.length>0?i:o?[o]:[];if(l.length===0)return;e.preventDefault(),a.move(n==="source"?"toTarget":"toSource",l)}}function O(e){if(L(e),e.defaultPrevented||!v.isTypeaheadKey(e))return;const n=u.value;if(!n)return;const r=Array.from(n.querySelectorAll(f.OPTION_SELECTOR)),o=S(e.key,r.map(E),r.indexOf(e.target));o!==-1&&(e.preventDefault(),r[o].focus())}function K(e){a.emitListScroll(s.side,e.currentTarget)}function R(e){if(a.disabled.value)return;if(a.suppressFocusIn.current){a.suppressFocusIn.current=!1;return}const n=u.value;if(!n)return;const r=e.relatedTarget;if(r&&n.contains(r))return;const o=y();if(o.length===0)return;const i=a.marked.value[s.side],l=o.find(d=>i.includes(d.getAttribute("data-value")??""))??o[0];l!==e.target&&l.focus()}function I(e){q(e),!e.defaultPrevented&&O(e)}return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({id:`${(0,t.unref)(a).baseId}-${c.side}-list`,class:"skdx-listbox","data-part":"root","data-skdx-component":"listbox",ref_key:"listRef",ref:u,role:"listbox","aria-multiselectable":"true","data-multiple":"","aria-disabled":(0,t.unref)(a).disabled.value||void 0,"data-side":c.side,"data-disabled":(0,t.unref)(a).disabled.value?"":void 0,"data-empty":m.value.length===0?"":void 0,"aria-labelledby":k.value,"aria-label":k.value?void 0:T[c.side],tabindex:_.value},e.$attrs,{onKeydown:I,onScroll:K,onFocusin:R}),[(0,t.renderSlot)(e.$slots,"default",{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(m.value,r=>((0,t.openBlock)(),(0,t.createBlock)(F.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.label},{default:(0,t.withCtx)(()=>[typeof c.renderItem=="function"?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(D.RenderProp),{key:0,render:()=>s.renderItem(r)},null,8,["render"])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)],64))]),_:2},1032,["value","disabled","text-value"]))),128))])],16,C))}});exports.default=N;
+const M=require("../utils/appearance.cjs"),C=require("../utils/injectRequired.cjs"),g=require("../utils/direction.cjs"),N=require("../utils/typeahead.cjs"),k=require("../utils/useRovingFocus.cjs"),$=require("../utils/useTypeahead.cjs"),H=require("../utils/clamp.cjs"),z=require("../utils/renderProp.cjs"),c=require("./context.cjs"),U=require("./TransferItem.vue.cjs");let a=require("vue");var j=["id","aria-disabled","data-side","data-disabled","data-empty","aria-labelledby","aria-label","tabindex"],X=10,G=(0,a.defineComponent)({inheritAttrs:!1,__name:"TransferList",props:{side:{},renderItem:{type:Function,default:void 0},density:{default:void 0},shape:{default:void 0},size:{default:void 0}},setup(s){const o=s,n=C.injectRequired(c.TRANSFER_CONTEXT,"SkdxTransferList must be used within SkdxTransfer."),b={source:"Available items",target:"Selected items"},h={source:"ArrowRight",target:"ArrowLeft"};function p(e,t,r){const i=e.indexOf(t),u=e.indexOf(r);return i===-1||u===-1?e.includes(r)?[r]:[]:e.slice(Math.min(i,u),Math.max(i,u)+1)}const l=(0,a.ref)(null),T=g.useDirection();(0,a.provide)(c.TRANSFER_LIST_CONTEXT,{side:(0,a.computed)(()=>o.side)}),(0,a.watchEffect)(e=>{const t=o.side;n.registerList(t,l.value),e(()=>n.registerList(t,null))},{flush:"post"}),k.useRovingTabStop(l,c.OPTION_SELECTOR,"data-value",(0,a.computed)({get:()=>n.active.value[o.side],set:e=>n.setActive(o.side,e)}));const y=(0,a.computed)(()=>n.visibleItems.value[o.side]),m=(0,a.computed)(()=>n.labelled.value[o.side]?`${n.baseId}-${o.side}-header`:void 0),v=(0,a.computed)(()=>n.disabled.value||y.value.some(e=>!e.disabled)?void 0:0);function f(){return Array.from(l.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[])}function A(){return Array.from(f(),e=>e.getAttribute("data-value")).filter(e=>e!==null)}function q(e){return e.getAttribute("data-text-value")??e.textContent??""}const x=k.useRovingFocus({orientation:"vertical",loop:!1,itemSelector:c.OPTION_SELECTOR,typeahead:!1}),w=$.useTypeahead();function E(e){if(e.key!=="PageUp"&&e.key!=="PageDown")return!1;const t=f(),r=t.indexOf(e.target);if(r===-1)return!0;e.preventDefault();const i=e.key==="PageDown"?X:-10;return t[Math.min(t.length-1,Math.max(0,r+i))]?.focus(),!0}function R(e,t,r){if(!e.shiftKey||!e.ctrlKey&&!e.metaKey||e.key!=="Home"&&e.key!=="End")return!1;if(r===null)return!0;e.preventDefault();const i=e.key==="Home"?t[0]:t[t.length-1];n.setMarked(o.side,p(t,r,i));const u=f();return u[e.key==="Home"?0:u.length-1].focus(),!0}function O(e,t){if(!e.ctrlKey&&!e.metaKey||e.key.toLowerCase()!=="a")return!1;e.preventDefault();const r=n.marked.value[o.side],i=t.every(u=>r.includes(u));return n.setMarked(o.side,i?[]:t),!0}function S(e,t,r){if(!e.shiftKey||e.key!==" ")return!1;if(r===null)return!0;e.preventDefault();const i=n.anchor[o.side]??r;return n.anchor[o.side]=i,n.setMarked(o.side,p(t,i,r)),!0}function L(e,t,r){if(!e.shiftKey||e.key!=="ArrowDown"&&e.key!=="ArrowUp")return!1;const i=r===null?-1:t.indexOf(r);if(i===-1)return!0;const u=H.clamp(i+(e.key==="ArrowDown"?1:-1),0,t.length-1),d=n.anchor[o.side]??t[i];return n.anchor[o.side]=d,n.setMarked(o.side,p(t,d,t[u])),!0}function _(e,t){if(g.directionalKey(e.key,e.currentTarget,T())!==h[o.side])return;const r=n.marked.value[o.side];let i=[];r.length>0?i=r:t&&(i=[t]),i.length!==0&&(e.preventDefault(),n.move(o.side==="source"?"toTarget":"toSource",i))}function D(e){if(n.disabled.value)return;const t=A();if(t.length===0)return;const r=e.target.getAttribute?.("data-value")??null;E(e)||R(e,t,r)||O(e,t)||S(e,t,r)||L(e,t,r)||_(e,r)}function I(e){if(x(e),e.defaultPrevented||!N.isTypeaheadKey(e))return;const t=l.value;if(!t)return;const r=Array.from(t.querySelectorAll(c.OPTION_SELECTOR)),i=w(e.key,r.map(q),r.indexOf(e.target));i!==-1&&(e.preventDefault(),r[i].focus())}function K(e){n.emitListScroll(o.side,e.currentTarget)}function B(e){if(n.disabled.value)return;if(n.suppressFocusIn.current){n.suppressFocusIn.current=!1;return}const t=l.value;if(!t)return;const r=e.relatedTarget;if(r&&t.contains(r))return;const i=f();if(i.length===0)return;const u=n.marked.value[o.side],d=i.find(P=>u.includes(P.getAttribute("data-value")??""))??i[0];d!==e.target&&d.focus()}function F(e){D(e),!e.defaultPrevented&&I(e)}return(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",(0,a.mergeProps)({id:`${(0,a.unref)(n).baseId}-${s.side}-list`,ref_key:"listRef",ref:l,class:"skdx-listbox","data-part":"root","data-skdx-component":"listbox",role:"listbox","aria-orientation":"vertical","aria-multiselectable":"true","data-multiple":"","aria-disabled":(0,a.unref)(n).disabled.value||void 0,"data-side":s.side,"data-disabled":(0,a.unref)(n).disabled.value?"":void 0,"data-empty":y.value.length===0?"":void 0,"aria-labelledby":m.value,"aria-label":m.value?void 0:b[s.side],tabindex:v.value},{...e.$attrs,...(0,a.unref)(M.appearanceAttrs)({density:s.density,shape:s.shape,size:s.size},e.$attrs)},{onKeydown:F,onScroll:K,onFocusin:B}),[(0,a.renderSlot)(e.$slots,"default",{},()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(y.value,r=>((0,a.openBlock)(),(0,a.createBlock)(U.default,{key:r.value,value:r.value,disabled:r.disabled,"text-value":r.label},{default:(0,a.withCtx)(()=>[typeof s.renderItem=="function"?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(z.RenderProp),{key:0,render:()=>o.renderItem(r)},null,8,["render"])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(r.label),1)],64))]),_:2},1032,["value","disabled","text-value"]))),128))])],16,j))}});exports.default=G;

package/dist/transfer/TransferList.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{useRovingFocus as a,useRovingTabStop as r}from"../utils/useRovingFocus.js";import{isTypeaheadKey as s,useTypeahead as i}from"../utils/useTypeahead.js";import{clamp as n}from"../utils/clamp.js";import{RenderProp as l}from"../utils/renderProp.js";import{OPTION_SELECTOR as o,TRANSFER_CONTEXT as d,TRANSFER_LIST_CONTEXT as u}from"./context.js";import c from"./TransferItem.vue.js";import{Fragment as f,computed as v,createBlock as m,createElementBlock as p,createTextVNode as y,defineComponent as b,inject as g,mergeProps as h,openBlock as k,provide as x,ref as T,renderList as A,renderSlot as S,toDisplayString as w,unref as I,watchEffect as R,withCtx as E}from"vue";var K=["id","aria-disabled","data-side","data-disabled","data-empty","aria-labelledby","aria-label","tabindex"],L=/* @__PURE__ */b({inheritAttrs:!1,__name:"TransferList",props:{side:{},renderItem:{type:Function,default:void 0}},setup(b){const L=b,D=g(d);if(!D)throw new Error("SkdxTransferList must be used within SkdxTransfer.");const F=D,O={source:"Available items",target:"Selected items"},j={source:"ArrowRight",target:"ArrowLeft"};function _(e,t,a){const r=e.indexOf(t),s=e.indexOf(a);return-1===r||-1===s?e.includes(a)?[a]:[]:e.slice(Math.min(r,s),Math.max(r,s)+1)}const C=T(null),M=t();x(u,{side:v(()=>L.side)}),R(e=>{const t=L.side;F.registerList(t,C.value),e(()=>F.registerList(t,null))},{flush:"post"}),r(C,o,"data-value",v({get:()=>F.active.value[L.side],set:e=>F.setActive(L.side,e)}));const N=v(()=>F.visibleItems.value[L.side]),P=v(()=>F.labelled.value[L.side]?`${F.baseId}-${L.side}-header`:void 0),$=v(()=>F.disabled.value||N.value.some(e=>!e.disabled)?void 0:0);function B(){return Array.from(C.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[])}function H(e){return e.getAttribute("data-text-value")??e.textContent??""}const q=a({orientation:"vertical",loop:!1,itemSelector:o,typeahead:!1}),X=i();function U(e){F.emitListScroll(L.side,e.currentTarget)}function V(e){if(F.disabled.value)return;if(F.suppressFocusIn.current)return void(F.suppressFocusIn.current=!1);const t=C.value;if(!t)return;const a=e.relatedTarget;if(a&&t.contains(a))return;const r=B();if(0===r.length)return;const s=F.marked.value[L.side],i=r.find(e=>s.includes(e.getAttribute("data-value")??""))??r[0];i!==e.target&&i.focus()}function z(t){(function(t){if(F.disabled.value)return;const a=L.side,r=Array.from(B(),e=>e.getAttribute("data-value")).filter(e=>null!==e);if(0===r.length)return;const s=t.target.getAttribute?.("data-value")??null;if(t.shiftKey&&(t.ctrlKey||t.metaKey)&&("Home"===t.key||"End"===t.key)){if(null===s)return;t.preventDefault();const e="Home"===t.key?r[0]:r[r.length-1];F.setMarked(a,_(r,s,e));const i=B();return void i["Home"===t.key?0:i.length-1].focus()}if((t.ctrlKey||t.metaKey)&&"a"===t.key.toLowerCase()){t.preventDefault();const e=F.marked.value[a],s=r.every(t=>e.includes(t));return void F.setMarked(a,s?[]:r)}if(t.shiftKey&&" "===t.key){if(null===s)return;t.preventDefault();const e=F.anchor[a]??s;return F.anchor[a]=e,void F.setMarked(a,_(r,e,s))}if(t.shiftKey&&("ArrowDown"===t.key||"ArrowUp"===t.key)){const e=null===s?-1:r.indexOf(s);if(-1===e)return;const i=n(e+("ArrowDown"===t.key?1:-1),0,r.length-1),l=F.anchor[a]??r[e];return F.anchor[a]=l,void F.setMarked(a,_(r,l,r[i]))}if(e(t.key,t.currentTarget,M())===j[a]){const e=F.marked.value[a],r=e.length>0?e:s?[s]:[];if(0===r.length)return;t.preventDefault(),F.move("source"===a?"toTarget":"toSource",r)}})(t),!t.defaultPrevented&&function(e){if(q(e),e.defaultPrevented||!s(e))return;const t=C.value;if(!t)return;const a=Array.from(t.querySelectorAll(o)),r=X(e.key,a.map(H),a.indexOf(e.target));-1!==r&&(e.preventDefault(),a[r].focus())}(t)}return(e,t)=>(k(),p("div",h({id:`${I(F).baseId}-${b.side}-list`,class:"skdx-listbox","data-part":"root","data-skdx-component":"listbox",ref_key:"listRef",ref:C,role:"listbox","aria-multiselectable":"true","data-multiple":"","aria-disabled":I(F).disabled.value||void 0,"data-side":b.side,"data-disabled":I(F).disabled.value?"":void 0,"data-empty":0===N.value.length?"":void 0,"aria-labelledby":P.value,"aria-label":P.value?void 0:O[b.side],tabindex:$.value},e.$attrs,{onKeydown:z,onScroll:U,onFocusin:V}),[S(e.$slots,"default",{},()=>[(k(!0),p(f,null,A(N.value,e=>(k(),m(c,{key:e.value,value:e.value,disabled:e.disabled,"text-value":e.label},{default:E(()=>["function"==typeof b.renderItem?(k(),m(I(l),{key:0,render:()=>L.renderItem(e)},null,8,["render"])):(k(),p(f,{key:1},[y(w(e.label),1)],64))]),_:2},1032,["value","disabled","text-value"]))),128))])],16,K))}});export{L as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{directionalKey as a,useDirection as r}from"../utils/direction.js";import{isTypeaheadKey as s}from"../utils/typeahead.js";import{useRovingFocus as i,useRovingTabStop as n}from"../utils/useRovingFocus.js";import{useTypeahead as o}from"../utils/useTypeahead.js";import{clamp as l}from"../utils/clamp.js";import{RenderProp as u}from"../utils/renderProp.js";import{OPTION_SELECTOR as d,TRANSFER_CONTEXT as c,TRANSFER_LIST_CONTEXT as f}from"./context.js";import v from"./TransferItem.vue.js";import{Fragment as m,computed as p,createBlock as y,createElementBlock as b,createTextVNode as g,defineComponent as h,mergeProps as k,openBlock as x,provide as T,ref as A,renderList as S,renderSlot as w,toDisplayString as R,unref as j,watchEffect as D,withCtx as I}from"vue";var K=["id","aria-disabled","data-side","data-disabled","data-empty","aria-labelledby","aria-label","tabindex"],L=/* @__PURE__ */h({inheritAttrs:!1,__name:"TransferList",props:{side:{},renderItem:{type:Function,default:void 0},density:{default:void 0},shape:{default:void 0},size:{default:void 0}},setup(h){const L=h,O=t(c,"SkdxTransferList must be used within SkdxTransfer."),E={source:"Available items",target:"Selected items"},F={source:"ArrowRight",target:"ArrowLeft"};function P(e,t,a){const r=e.indexOf(t),s=e.indexOf(a);return-1===r||-1===s?e.includes(a)?[a]:[]:e.slice(Math.min(r,s),Math.max(r,s)+1)}const M=A(null),_=r();T(f,{side:p(()=>L.side)}),D(e=>{const t=L.side;O.registerList(t,M.value),e(()=>O.registerList(t,null))},{flush:"post"}),n(M,d,"data-value",p({get:()=>O.active.value[L.side],set:e=>O.setActive(L.side,e)}));const C=p(()=>O.visibleItems.value[L.side]),$=p(()=>O.labelled.value[L.side]?`${O.baseId}-${L.side}-header`:void 0),N=p(()=>O.disabled.value||C.value.some(e=>!e.disabled)?void 0:0);function q(){return Array.from(M.value?.querySelectorAll('[role="option"]:not([data-disabled])')??[])}function z(e){return e.getAttribute("data-text-value")??e.textContent??""}const B=i({orientation:"vertical",loop:!1,itemSelector:d,typeahead:!1}),H=o();function U(e){O.emitListScroll(L.side,e.currentTarget)}function X(e){if(O.disabled.value)return;if(O.suppressFocusIn.current)return void(O.suppressFocusIn.current=!1);const t=M.value;if(!t)return;const a=e.relatedTarget;if(a&&t.contains(a))return;const r=q();if(0===r.length)return;const s=O.marked.value[L.side],i=r.find(e=>s.includes(e.getAttribute("data-value")??""))??r[0];i!==e.target&&i.focus()}function V(e){(function(e){if(O.disabled.value)return;const t=Array.from(q(),e=>e.getAttribute("data-value")).filter(e=>null!==e);if(0===t.length)return;const r=e.target.getAttribute?.("data-value")??null;(function(e){if("PageUp"!==e.key&&"PageDown"!==e.key)return!1;const t=q(),a=t.indexOf(e.target);if(-1===a)return!0;e.preventDefault();const r="PageDown"===e.key?10:-10;return t[Math.min(t.length-1,Math.max(0,a+r))]?.focus(),!0})(e)||function(e,t,a){if(!e.shiftKey||!e.ctrlKey&&!e.metaKey||"Home"!==e.key&&"End"!==e.key)return!1;if(null===a)return!0;e.preventDefault();const r="Home"===e.key?t[0]:t[t.length-1];O.setMarked(L.side,P(t,a,r));const s=q();return s["Home"===e.key?0:s.length-1].focus(),!0}(e,t,r)||function(e,t){if(!e.ctrlKey&&!e.metaKey||"a"!==e.key.toLowerCase())return!1;e.preventDefault();const a=O.marked.value[L.side],r=t.every(e=>a.includes(e));return O.setMarked(L.side,r?[]:t),!0}(e,t)||function(e,t,a){if(!e.shiftKey||" "!==e.key)return!1;if(null===a)return!0;e.preventDefault();const r=O.anchor[L.side]??a;return O.anchor[L.side]=r,O.setMarked(L.side,P(t,r,a)),!0}(e,t,r)||function(e,t,a){if(!e.shiftKey||"ArrowDown"!==e.key&&"ArrowUp"!==e.key)return!1;const r=null===a?-1:t.indexOf(a);if(-1===r)return!0;const s=l(r+("ArrowDown"===e.key?1:-1),0,t.length-1),i=O.anchor[L.side]??t[r];return O.anchor[L.side]=i,O.setMarked(L.side,P(t,i,t[s])),!0}(e,t,r)||function(e,t){if(a(e.key,e.currentTarget,_())!==F[L.side])return;const r=O.marked.value[L.side];let s=[];r.length>0?s=r:t&&(s=[t]),0!==s.length&&(e.preventDefault(),O.move("source"===L.side?"toTarget":"toSource",s))}(e,r)})(e),!e.defaultPrevented&&function(e){if(B(e),e.defaultPrevented||!s(e))return;const t=M.value;if(!t)return;const a=Array.from(t.querySelectorAll(d)),r=H(e.key,a.map(z),a.indexOf(e.target));-1!==r&&(e.preventDefault(),a[r].focus())}(e)}return(t,a)=>(x(),b("div",k({id:`${j(O).baseId}-${h.side}-list`,ref_key:"listRef",ref:M,class:"skdx-listbox","data-part":"root","data-skdx-component":"listbox",role:"listbox","aria-orientation":"vertical","aria-multiselectable":"true","data-multiple":"","aria-disabled":j(O).disabled.value||void 0,"data-side":h.side,"data-disabled":j(O).disabled.value?"":void 0,"data-empty":0===C.value.length?"":void 0,"aria-labelledby":$.value,"aria-label":$.value?void 0:E[h.side],tabindex:N.value},{...t.$attrs,...j(e)({density:h.density,shape:h.shape,size:h.size},t.$attrs)},{onKeydown:V,onScroll:U,onFocusin:X}),[w(t.$slots,"default",{},()=>[(x(!0),b(m,null,S(C.value,e=>(x(),y(v,{key:e.value,value:e.value,disabled:e.disabled,"text-value":e.label},{default:I(()=>["function"==typeof h.renderItem?(x(),y(j(u),{key:0,render:()=>L.renderItem(e)},null,8,["render"])):(x(),b(m,{key:1},[g(R(e.label),1)],64))]),_:2},1032,["value","disabled","text-value"]))),128))])],16,K))}});export{L as default};

package/dist/transfer/TransferListHeader.vue.d.cts

@@ -1,9 +1,6 @@
 import { type TransferSide } from './context.cjs';
 /**
- * The visible heading naming one of the two lists, pointed to by `aria-labelledby`.
- * Sits *beside* (not inside) its `SkdxTransferList`, since `role="listbox"` may
- * only contain options. Takes its own `side` prop. Rendering it switches the list
- * from a fallback name to this heading's text.
+ * The visible heading naming one of the two lists, sitting beside (not inside) its `SkdxTransferList`.
  *
  * @example
  * ```vue

package/dist/transfer/TransferListHeader.vue.d.ts

@@ -1,9 +1,6 @@
 import { type TransferSide } from './context.js';
 /**
- * The visible heading naming one of the two lists, pointed to by `aria-labelledby`.
- * Sits *beside* (not inside) its `SkdxTransferList`, since `role="listbox"` may
- * only contain options. Takes its own `side` prop. Rendering it switches the list
- * from a fallback name to this heading's text.
+ * The visible heading naming one of the two lists, sitting beside (not inside) its `SkdxTransferList`.
  *
  * @example
  * ```vue

package/dist/transfer/TransferListHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var o=["id","data-side"],u=(0,e.defineComponent)({__name:"TransferListHeader",props:{side:{}},setup(t){const s=t,d=(0,e.inject)(n.TRANSFER_CONTEXT);if(!d)throw new Error("SkdxTransferListHeader must be used within SkdxTransfer.");const r=d;return r.registerHeader(s.side,!0),(0,e.watch)(()=>s.side,(a,i)=>{r.registerHeader(i,!1),r.registerHeader(a,!0)}),(0,e.onScopeDispose)(()=>r.registerHeader(s.side,!1)),(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-transfer__list-header","data-part":"list-header",id:`${(0,e.unref)(r).baseId}-${t.side}-header`,"data-side":t.side},[(0,e.renderSlot)(a.$slots,"default")],8,o))}});exports.default=u;
+const i=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var u=["id","data-side"],c=(0,e.defineComponent)({__name:"TransferListHeader",props:{side:{}},setup(t){const s=t,r=i.injectRequired(n.TRANSFER_CONTEXT,"SkdxTransferListHeader must be used within SkdxTransfer.");return r.registerHeader(s.side,!0),(0,e.watch)(()=>s.side,(d,a)=>{r.registerHeader(a,!1),r.registerHeader(d,!0)}),(0,e.onScopeDispose)(()=>r.registerHeader(s.side,!1)),(d,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:`${(0,e.unref)(r).baseId}-${t.side}-header`,class:"skdx-transfer__list-header","data-part":"list-header","data-side":t.side},[(0,e.renderSlot)(d.$slots,"default")],8,u))}});exports.default=c;

package/dist/transfer/TransferListHeader.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TRANSFER_CONTEXT as e}from"./context.js";import{createElementBlock as s,defineComponent as r,inject as a,onScopeDispose as t,openBlock as d,renderSlot as i,unref as o,watch as n}from"vue";var f=["id","data-side"],p=/* @__PURE__ */r({__name:"TransferListHeader",props:{side:{}},setup(r){const p=r,c=a(e);if(!c)throw new Error("SkdxTransferListHeader must be used within SkdxTransfer.");const l=c;return l.registerHeader(p.side,!0),n(()=>p.side,(e,s)=>{l.registerHeader(s,!1),l.registerHeader(e,!0)}),t(()=>l.registerHeader(p.side,!1)),(e,a)=>(d(),s("div",{class:"skdx-transfer__list-header","data-part":"list-header",id:`${o(l).baseId}-${r.side}-header`,"data-side":r.side},[i(e.$slots,"default")],8,f))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TRANSFER_CONTEXT as s}from"./context.js";import{createElementBlock as r,defineComponent as a,onScopeDispose as t,openBlock as d,renderSlot as i,unref as o,watch as n}from"vue";var p=["id","data-side"],f=/* @__PURE__ */a({__name:"TransferListHeader",props:{side:{}},setup(a){const f=a,l=e(s,"SkdxTransferListHeader must be used within SkdxTransfer.");return l.registerHeader(f.side,!0),n(()=>f.side,(e,s)=>{l.registerHeader(s,!1),l.registerHeader(e,!0)}),t(()=>l.registerHeader(f.side,!1)),(e,s)=>(d(),r("div",{id:`${o(l).baseId}-${a.side}-header`,class:"skdx-transfer__list-header","data-part":"list-header","data-side":a.side},[i(e.$slots,"default")],8,p))}});export{f as default};

package/dist/transfer/TransferListSearch.vue.d.cts

@@ -1,8 +1,6 @@
 import { type TransferSide } from './context.cjs';
 /**
- * Filter input for one list (`<input type="search"`). Sibling of list (listbox
- * can't contain it). Renders nothing while root is not searchable. Filtering
- * narrows what list renders and what "move all" moves.
+ * Filter input for one list, rendered as `<input type="search">` and rendering nothing while not searchable.
  *
  * @example
  * ```vue

package/dist/transfer/TransferListSearch.vue.d.ts

@@ -1,8 +1,6 @@
 import { type TransferSide } from './context.js';
 /**
- * Filter input for one list (`<input type="search"`). Sibling of list (listbox
- * can't contain it). Renders nothing while root is not searchable. Filtering
- * narrows what list renders and what "move all" moves.
+ * Filter input for one list, rendered as `<input type="search">` and rendering nothing while not searchable.
  *
  * @example
  * ```vue

package/dist/transfer/TransferListSearch.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var c=["value","disabled","data-side","aria-label","aria-controls"],d=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferListSearch",props:{side:{}},setup(t){const i=t,s=(0,e.inject)(u.TRANSFER_CONTEXT);if(!s)throw new Error("SkdxTransferListSearch must be used within SkdxTransfer.");const r=s,n={source:"Filter available items",target:"Filter selected items"};function l(a){r.setQuery(i.side,a.currentTarget.value)}return(a,o)=>(0,e.unref)(r).searchable.value?((0,e.openBlock)(),(0,e.createElementBlock)("input",(0,e.mergeProps)({key:0,class:"skdx-transfer__list-search","data-part":"list-search",type:"search",value:(0,e.unref)(r).query.value[t.side],disabled:(0,e.unref)(r).disabled.value,"data-side":t.side,"aria-label":n[t.side],"aria-controls":`${(0,e.unref)(r).baseId}-${t.side}-list`},a.$attrs,{onInput:l}),null,16,c)):(0,e.createCommentVNode)("",!0)}});exports.default=d;
+const u=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var c=["value","disabled","data-side","aria-label","aria-controls"],d=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferListSearch",props:{side:{}},setup(r){const s=r,t=u.injectRequired(l.TRANSFER_CONTEXT,"SkdxTransferListSearch must be used within SkdxTransfer."),i={source:"Filter available items",target:"Filter selected items"};function n(a){t.setQuery(s.side,a.currentTarget.value)}return(a,o)=>(0,e.unref)(t).searchable.value?((0,e.openBlock)(),(0,e.createElementBlock)("input",(0,e.mergeProps)({key:0,class:"skdx-transfer__list-search","data-part":"list-search",type:"search",value:(0,e.unref)(t).query.value[r.side],disabled:(0,e.unref)(t).disabled.value,"data-side":r.side,"aria-label":i[r.side],"aria-controls":`${(0,e.unref)(t).baseId}-${r.side}-list`},a.$attrs,{onInput:n}),null,16,c)):(0,e.createCommentVNode)("",!0)}});exports.default=d;

package/dist/transfer/TransferListSearch.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TRANSFER_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as s,defineComponent as r,inject as t,mergeProps as i,openBlock as l,unref as n}from"vue";var d=["value","disabled","data-side","aria-label","aria-controls"],o=/* @__PURE__ */r({inheritAttrs:!1,__name:"TransferListSearch",props:{side:{}},setup(r){const o=r,c=t(e);if(!c)throw new Error("SkdxTransferListSearch must be used within SkdxTransfer.");const u=c,m={source:"Filter available items",target:"Filter selected items"};function p(e){u.setQuery(o.side,e.currentTarget.value)}return(e,t)=>n(u).searchable.value?(l(),s("input",i({key:0,class:"skdx-transfer__list-search","data-part":"list-search",type:"search",value:n(u).query.value[r.side],disabled:n(u).disabled.value,"data-side":r.side,"aria-label":m[r.side],"aria-controls":`${n(u).baseId}-${r.side}-list`},e.$attrs,{onInput:p}),null,16,d)):a("",!0)}});export{o as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TRANSFER_CONTEXT as a}from"./context.js";import{createCommentVNode as s,createElementBlock as r,defineComponent as t,mergeProps as i,openBlock as l,unref as d}from"vue";var n=["value","disabled","data-side","aria-label","aria-controls"],o=/* @__PURE__ */t({inheritAttrs:!1,__name:"TransferListSearch",props:{side:{}},setup(t){const o=t,u=e(a,"SkdxTransferListSearch must be used within SkdxTransfer."),c={source:"Filter available items",target:"Filter selected items"};function m(e){u.setQuery(o.side,e.currentTarget.value)}return(e,a)=>d(u).searchable.value?(l(),r("input",i({key:0,class:"skdx-transfer__list-search","data-part":"list-search",type:"search",value:d(u).query.value[t.side],disabled:d(u).disabled.value,"data-side":t.side,"aria-label":c[t.side],"aria-controls":`${d(u).baseId}-${t.side}-list`},e.$attrs,{onInput:m}),null,16,n)):s("",!0)}});export{o as default};

package/dist/transfer/TransferMoveAllTrigger.vue.d.cts

@@ -1,7 +1,6 @@
 import { type TransferDirection } from './context.cjs';
 /**
- * A button that moves every visible item on one side. Moves only what the
- * filter is showing, excluding disabled items.
+ * A button that moves every visible, non-disabled item on one side.
  *
  * @example
  * ```vue

package/dist/transfer/TransferMoveAllTrigger.vue.d.ts

@@ -1,7 +1,6 @@
 import { type TransferDirection } from './context.js';
 /**
- * A button that moves every visible item on one side. Moves only what the
- * filter is showing, excluding disabled items.
+ * A button that moves every visible, non-disabled item on one side.
  *
  * @example
  * ```vue

package/dist/transfer/TransferMoveAllTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var c=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferMoveAllTrigger",props:{direction:{}},setup(i){const n=i,o=(0,e.inject)(d.TRANSFER_CONTEXT);if(!o)throw new Error("SkdxTransferMoveAllTrigger must be used within SkdxTransfer.");const a=o,u=(0,e.computed)(()=>d.ORIGIN_OF[n.direction]),r=(0,e.computed)(()=>a.visibleItems.value[u.value].filter(t=>!t.disabled).map(t=>t.value)),l=(0,e.computed)(()=>a.disabled.value||r.value.length===0);function s(){l.value||a.move(n.direction,r.value)}return(t,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-transfer__move-all-trigger","data-part":"move-all-trigger",type:"button","aria-disabled":l.value||void 0,"aria-label":(0,e.unref)(a).moveLabel(r.value.length,i.direction,!0),"data-direction":i.direction,"data-count":r.value.length,"data-disabled":l.value?"":void 0},t.$attrs,{onClick:s}),[(0,e.renderSlot)(t.$slots,"default")],16,c))}});exports.default=v;
+const s=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var c=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferMoveAllTrigger",props:{direction:{}},setup(i){const n=i,r=s.injectRequired(o.TRANSFER_CONTEXT,"SkdxTransferMoveAllTrigger must be used within SkdxTransfer."),d=(0,e.computed)(()=>o.ORIGIN_OF[n.direction]),a=(0,e.computed)(()=>r.visibleItems.value[d.value].filter(t=>!t.disabled).map(t=>t.value)),l=(0,e.computed)(()=>r.disabled.value||a.value.length===0);function u(){l.value||r.move(n.direction,a.value)}return(t,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-transfer__move-all-trigger","data-part":"move-all-trigger",type:"button","aria-disabled":l.value||void 0,"aria-label":(0,e.unref)(r).moveLabel(a.value.length,i.direction,!0),"data-direction":i.direction,"data-count":a.value.length,"data-disabled":l.value?"":void 0},t.$attrs,{onClick:u}),[(0,e.renderSlot)(t.$slots,"default")],16,c))}});exports.default=v;

package/dist/transfer/TransferMoveAllTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ORIGIN_OF as e,TRANSFER_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as i,inject as l,mergeProps as o,openBlock as s,renderSlot as d,unref as n}from"vue";var u=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=/* @__PURE__ */i({inheritAttrs:!1,__name:"TransferMoveAllTrigger",props:{direction:{}},setup(i){const v=i,c=l(a);if(!c)throw new Error("SkdxTransferMoveAllTrigger must be used within SkdxTransfer.");const m=c,b=t(()=>e[v.direction]),f=t(()=>m.visibleItems.value[b.value].filter(e=>!e.disabled).map(e=>e.value)),p=t(()=>m.disabled.value||0===f.value.length);function g(){p.value||m.move(v.direction,f.value)}return(e,a)=>(s(),r("button",o({class:"skdx-transfer__move-all-trigger","data-part":"move-all-trigger",type:"button","aria-disabled":p.value||void 0,"aria-label":n(m).moveLabel(f.value.length,i.direction,!0),"data-direction":i.direction,"data-count":f.value.length,"data-disabled":p.value?"":void 0},e.$attrs,{onClick:g}),[d(e.$slots,"default")],16,u))}});export{v as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ORIGIN_OF as a,TRANSFER_CONTEXT as t}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as l,mergeProps as o,openBlock as d,renderSlot as s,unref as n}from"vue";var u=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=/* @__PURE__ */l({inheritAttrs:!1,__name:"TransferMoveAllTrigger",props:{direction:{}},setup(l){const v=l,c=e(t,"SkdxTransferMoveAllTrigger must be used within SkdxTransfer."),m=r(()=>a[v.direction]),p=r(()=>c.visibleItems.value[m.value].filter(e=>!e.disabled).map(e=>e.value)),b=r(()=>c.disabled.value||0===p.value.length);function f(){b.value||c.move(v.direction,p.value)}return(e,a)=>(d(),i("button",o({class:"skdx-transfer__move-all-trigger","data-part":"move-all-trigger",type:"button","aria-disabled":b.value||void 0,"aria-label":n(c).moveLabel(p.value.length,l.direction,!0),"data-direction":l.direction,"data-count":p.value.length,"data-disabled":b.value?"":void 0},e.$attrs,{onClick:f}),[s(e.$slots,"default")],16,u))}});export{v as default};

package/dist/transfer/TransferMoveTrigger.vue.d.cts

@@ -1,7 +1,6 @@
 import { type TransferDirection } from './context.cjs';
 /**
- * Button to move marked items. Uses `aria-disabled` (not `disabled`) to stay
- * focusable when empty. Publishes data-direction (logical), data-count.
+ * Button to move marked items, using `aria-disabled` (not `disabled`) to stay focusable when empty.
  *
  * @example
  * ```vue

package/dist/transfer/TransferMoveTrigger.vue.d.ts

@@ -1,7 +1,6 @@
 import { type TransferDirection } from './context.js';
 /**
- * Button to move marked items. Uses `aria-disabled` (not `disabled`) to stay
- * focusable when empty. Publishes data-direction (logical), data-count.
+ * Button to move marked items, using `aria-disabled` (not `disabled`) to stay focusable when empty.
  *
  * @example
  * ```vue

package/dist/transfer/TransferMoveTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var v=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],f=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferMoveTrigger",props:{direction:{}},setup(i){const o=i,d=(0,e.inject)(s.TRANSFER_CONTEXT);if(!d)throw new Error("SkdxTransferMoveTrigger must be used within SkdxTransfer.");const t=d,l=(0,e.computed)(()=>s.ORIGIN_OF[o.direction]),a=(0,e.computed)(()=>t.marked.value[l.value].filter(r=>!t.sideItems.value[l.value].find(u=>u.value===r)?.disabled)),n=(0,e.computed)(()=>t.disabled.value||a.value.length===0);function c(){n.value||t.move(o.direction,a.value)}return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-transfer__move-trigger","data-part":"move-trigger",type:"button","aria-disabled":n.value||void 0,"aria-label":(0,e.unref)(t).moveLabel(a.value.length,i.direction,!1),"data-direction":i.direction,"data-count":a.value.length,"data-disabled":n.value?"":void 0},r.$attrs,{onClick:c}),[(0,e.renderSlot)(r.$slots,"default")],16,v))}});exports.default=f;
+const c=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var v=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],f=(0,e.defineComponent)({inheritAttrs:!1,__name:"TransferMoveTrigger",props:{direction:{}},setup(i){const d=i,t=c.injectRequired(u.TRANSFER_CONTEXT,"SkdxTransferMoveTrigger must be used within SkdxTransfer."),o=(0,e.computed)(()=>u.ORIGIN_OF[d.direction]),a=(0,e.computed)(()=>t.marked.value[o.value].filter(r=>!t.sideItems.value[o.value].find(l=>l.value===r)?.disabled)),n=(0,e.computed)(()=>t.disabled.value||a.value.length===0);function s(){n.value||t.move(d.direction,a.value)}return(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({class:"skdx-transfer__move-trigger","data-part":"move-trigger",type:"button","aria-disabled":n.value||void 0,"aria-label":(0,e.unref)(t).moveLabel(a.value.length,i.direction,!1),"data-direction":i.direction,"data-count":a.value.length,"data-disabled":n.value?"":void 0},r.$attrs,{onClick:s}),[(0,e.renderSlot)(r.$slots,"default")],16,v))}});exports.default=f;

package/dist/transfer/TransferMoveTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ORIGIN_OF as e,TRANSFER_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as i,inject as o,mergeProps as d,openBlock as n,renderSlot as s,unref as l}from"vue";var u=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=/* @__PURE__ */i({inheritAttrs:!1,__name:"TransferMoveTrigger",props:{direction:{}},setup(i){const v=i,c=o(a);if(!c)throw new Error("SkdxTransferMoveTrigger must be used within SkdxTransfer.");const m=c,f=t(()=>e[v.direction]),b=t(()=>m.marked.value[f.value].filter(e=>!m.sideItems.value[f.value].find(a=>a.value===e)?.disabled)),g=t(()=>m.disabled.value||0===b.value.length);function p(){g.value||m.move(v.direction,b.value)}return(e,a)=>(n(),r("button",d({class:"skdx-transfer__move-trigger","data-part":"move-trigger",type:"button","aria-disabled":g.value||void 0,"aria-label":l(m).moveLabel(b.value.length,i.direction,!1),"data-direction":i.direction,"data-count":b.value.length,"data-disabled":g.value?"":void 0},e.$attrs,{onClick:p}),[s(e.$slots,"default")],16,u))}});export{v as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ORIGIN_OF as a,TRANSFER_CONTEXT as t}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as d,mergeProps as o,openBlock as s,renderSlot as l,unref as n}from"vue";var u=["aria-disabled","aria-label","data-direction","data-count","data-disabled"],v=/* @__PURE__ */d({inheritAttrs:!1,__name:"TransferMoveTrigger",props:{direction:{}},setup(d){const v=d,c=e(t,"SkdxTransferMoveTrigger must be used within SkdxTransfer."),m=r(()=>a[v.direction]),f=r(()=>c.marked.value[m.value].filter(e=>!c.sideItems.value[m.value].find(a=>a.value===e)?.disabled)),p=r(()=>c.disabled.value||0===f.value.length);function b(){p.value||c.move(v.direction,f.value)}return(e,a)=>(s(),i("button",o({class:"skdx-transfer__move-trigger","data-part":"move-trigger",type:"button","aria-disabled":p.value||void 0,"aria-label":n(c).moveLabel(f.value.length,d.direction,!1),"data-direction":d.direction,"data-count":f.value.length,"data-disabled":p.value?"":void 0},e.$attrs,{onClick:b}),[l(e.$slots,"default")],16,u))}});export{v as default};

package/dist/transfer/context.d.cts

@@ -24,7 +24,7 @@ export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
 export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
 /** @internal Side noun for accessible names and announcements. */
 export declare const SIDE_NOUN: Record<TransferSide, string>;
-/** Accessible name of move trigger: direction and count. Explains when nothing to move.
+/** Accessible name of a move trigger from its direction and count.
  * @internal
  */
 export declare function moveTriggerLabel(count: number, direction: TransferDirection, all: boolean): string;
@@ -67,39 +67,16 @@ export interface TransferListScrollDetail {
     /** The visible height of the list, in pixels. */
     clientHeight: number;
 }
-/**
- * How the built-in matcher compares a query against an item's label.
- * `'contains'` is the default and the behaviour that shipped before this
- * existed. A declarative stand-in for `filter`, which is a function and so
- * cannot cross an HTML attribute boundary.
- */
+/** How the built-in matcher compares a query against an item's label; `'contains'` is the default. */
 export type TransferFilterMatchMode = 'startsWith' | 'contains' | 'endsWith';
-/**
- * Where an item lands on the target side when it is moved there. `'items'`
- * keeps the collection's own order; `'append'` and `'prepend'` make the
- * target list follow the order ids were moved in.
- */
+/** Where an item lands on the target side when moved: collection order, or append/prepend by move order. */
 export type TransferTargetOrder = 'items' | 'append' | 'prepend';
 /** @internal The default `filter`: a case-insensitive substring match against the item's label. */
 export declare function defaultTransferFilter(item: TransferItemData, query: string): boolean;
-/**
- * The built-in matcher, parameterised by `filterMatchMode`.
- *
- * A declarative counterpart to `filter`: a function cannot cross the HTML
- * attribute boundary, so `<skdx-transfer>` could only ever have the default
- * substring match. This enum covers the case almost every consumer actually
- * wants — "match from the start" for an id list, "contains" for labels — from
- * an attribute, and leaves `filter` as the property-only escape hatch for
- * anything else. PrimeVue's `filterMatchMode` is the precedent.
- *
- * Case-insensitive and trimmed in every mode, as the substring default always
- * was: a user typing a leading space has not changed what they meant.
- */
+/** The built-in matcher, parameterised by `filterMatchMode`; case-insensitive and trimmed in every mode. */
 export declare function matchesFilterMode(item: TransferItemData, query: string, mode?: TransferFilterMatchMode): boolean;
 /**
- * @internal Shared state distributed from `SkdxTransfer` to its parts. Every
- * field a part renders from is a `ComputedRef`, never a snapshot, so a prop
- * changed after mount reaches the parts (see `provide-reactivity.test.ts`).
+ * @internal Shared state distributed from `SkdxTransfer` to its parts, every rendered field a `ComputedRef`.
  */
 export interface TransferContext {
     /** Stable id prefix the parts derive their wiring ids from. */
@@ -122,36 +99,20 @@ export interface TransferContext {
     /** The option value holding each list's own tab stop — one roving group per side. */
     active: ComputedRef<Record<TransferSide, string | null>>;
     setActive: (side: TransferSide, value: string | null) => void;
-    /**
-     * Range-selection anchor per side: the last option marked *without* Shift.
-     * A plain mutable object rather than a ref — nothing renders from it, so
-     * making it reactive would only buy re-renders no one reads.
-     */
+    /** Range-selection anchor per side: the last option marked without Shift. */
     anchor: Record<TransferSide, string | null>;
     /** Whether an `SkdxTransferListHeader` is mounted for a side, which decides `aria-labelledby` vs `aria-label`. */
     labelled: ComputedRef<Record<TransferSide, boolean>>;
     registerHeader: (side: TransferSide, present: boolean) => void;
     /** Lets the root find a list element again, to place focus after a move. */
     registerList: (side: TransferSide, node: HTMLElement | null) => void;
-    /**
-     * Set just before the root places focus itself (after a move) so the next
-     * `focusin` a list sees is not mistaken for an external Tab and re-targeted
-     * by the default focus-in rule — the root's own placement is more specific
-     * than "first marked, else first". A plain mutable object, like `anchor`:
-     * nothing renders from it.
-     */
+    /** Set just before the root places focus itself, so the next `focusin` isn't re-targeted by the default rule. */
     suppressFocusIn: {
         current: boolean;
     };
     /** Moves `values` (silently dropping any disabled ones), announces the outcome, and re-places focus. */
     move: (direction: TransferDirection, values: string[]) => void;
-    /**
-     * The accessible name each move trigger gives itself — the root's
-     * `getMoveLabel`, or the built-in English one. A plain function rather than a
-     * `ComputedRef` because its inputs are the trigger's own live counts; it
-     * reads the prop on every call, so a `getMoveLabel` swapped after mount still
-     * reaches the triggers.
-     */
+    /** The accessible name each move trigger gives itself: the root's `getMoveLabel`, or the built-in English one. */
     moveLabel: (count: number, direction: TransferDirection, all: boolean) => string;
     /** Publishes one list's scroll geometry to the root's `list-scroll` event. */
     emitListScroll: (side: TransferSide, list: HTMLElement) => void;