@skdx/vue 0.28.0 → 0.30.0

package/dist/pagination/PaginationLast.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Page-link button for the last page, auto-disabled when already current.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for the last page, auto-disabled when already current. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let e=require("vue");var d=["aria-label","disabled","data-disabled"],r=(0,e.defineComponent)({__name:"PaginationLast",setup(u){const a=(0,e.inject)(s.PAGINATION_CONTEXT);if(!a)throw new Error("<SkdxPaginationLast> must be used inside <SkdxPagination>.");const i=a.labels,t=(0,e.computed)(()=>a.page.value>=a.pageCount);function o(){t.value||a.onPageChange(a.pageCount)}return(l,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__last","data-part":"last",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(i).last,disabled:t.value,"data-disabled":t.value?"":void 0,onClick:o},[(0,e.renderSlot)(l.$slots,"default",{},()=>[n[0]||(n[0]=(0,e.createTextVNode)("Last",-1))])],8,d))}});exports.default=r;
+const l=require("../utils/injectRequired.cjs"),o=require("./context.cjs");let e=require("vue");var u=["aria-label","disabled","data-disabled"],r=(0,e.defineComponent)({__name:"PaginationLast",setup(_){const a=l.injectRequired(o.PAGINATION_CONTEXT,"<SkdxPaginationLast> must be used inside <SkdxPagination>."),i=a.labels,t=(0,e.computed)(()=>a.disabled||a.page.value>=a.pageCount);function s(){t.value||a.onPageChange(a.pageCount)}return(d,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__last","data-part":"last",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(i).last,disabled:t.value,"data-disabled":t.value?"":void 0,onClick:s},[(0,e.renderSlot)(d.$slots,"default",{},()=>[n[0]||(n[0]=(0,e.createTextVNode)("Last",-1))])],8,u))}});exports.default=r;

package/dist/pagination/PaginationLast.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as n,defineComponent as s,inject as o,openBlock as i,renderSlot as l,unref as d}from"vue";var r=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */s({__name:"PaginationLast",setup(s){const u=o(a);if(!u)throw new Error("<SkdxPaginationLast> must be used inside <SkdxPagination>.");const p=u.labels,c=e(()=>u.page.value>=u.pageCount);function b(){c.value||u.onPageChange(u.pageCount)}return(a,e)=>(i(),t("button",{class:"skdx-pagination__last","data-part":"last",type:"button","data-skdx-pagination-item":"","aria-label":d(p).last,disabled:c.value,"data-disabled":c.value?"":void 0,onClick:b},[l(a.$slots,"default",{},()=>[e[0]||(e[0]=n("Last",-1))])],8,r))}});export{u as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as s,createTextVNode as n,defineComponent as i,openBlock as o,renderSlot as d,unref as l}from"vue";var u=["aria-label","disabled","data-disabled"],r=/* @__PURE__ */i({__name:"PaginationLast",setup(i){const r=a(e,"<SkdxPaginationLast> must be used inside <SkdxPagination>."),p=r.labels,c=t(()=>r.disabled||r.page.value>=r.pageCount);function m(){c.value||r.onPageChange(r.pageCount)}return(a,e)=>(o(),s("button",{class:"skdx-pagination__last","data-part":"last",type:"button","data-skdx-pagination-item":"","aria-label":l(p).last,disabled:c.value,"data-disabled":c.value?"":void 0,onClick:m},[d(a.$slots,"default",{},()=>[e[0]||(e[0]=n("Last",-1))])],8,u))}});export{r as default};

package/dist/pagination/PaginationList.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * `<ul>` container with explicit `role="list"`: Safari/VoiceOver drops list
- * semantics from marker-less lists.
- */
+/** `<ul>` container with explicit `role="list"`, since Safari/VoiceOver drops list semantics from marker-less lists. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationList.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * `<ul>` container with explicit `role="list"`: Safari/VoiceOver drops list
- * semantics from marker-less lists.
- */
+/** `<ul>` container with explicit `role="list"`, since Safari/VoiceOver drops list semantics from marker-less lists. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationNext.vue.d.cts

@@ -1,7 +1,4 @@
-/**
- * Page-link button for `page + 1`, auto-disabled on the last page.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for `page + 1`, auto-disabled on the last page. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationNext.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Page-link button for `page + 1`, auto-disabled on the last page.
- * See `PaginationPrevious` for why it renders inline.
- */
+/** Page-link button for `page + 1`, auto-disabled on the last page. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/pagination/PaginationNext.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var r=["aria-label","disabled","data-disabled"],u=(0,e.defineComponent)({__name:"PaginationNext",setup(s){const t=(0,e.inject)(d.PAGINATION_CONTEXT);if(!t)throw new Error("<SkdxPaginationNext> must be used inside <SkdxPagination>.");const i=t.labels,a=(0,e.computed)(()=>t.page.value>=t.pageCount);function o(){a.value||t.onPageChange(t.page.value+1)}return(l,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__next","data-part":"next",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(i).next,disabled:a.value,"data-disabled":a.value?"":void 0,onClick:o},[(0,e.renderSlot)(l.$slots,"default",{},()=>[n[0]||(n[0]=(0,e.createTextVNode)("Next",-1))])],8,r))}});exports.default=u;
+const o=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var r=["aria-label","disabled","data-disabled"],s=(0,e.defineComponent)({__name:"PaginationNext",setup(_){const t=o.injectRequired(u.PAGINATION_CONTEXT,"<SkdxPaginationNext> must be used inside <SkdxPagination>."),i=t.labels,a=(0,e.computed)(()=>t.disabled||t.page.value>=t.pageCount);function d(){a.value||t.onPageChange(t.page.value+1)}return(l,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__next","data-part":"next",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(i).next,disabled:a.value,"data-disabled":a.value?"":void 0,onClick:d},[(0,e.renderSlot)(l.$slots,"default",{},()=>[n[0]||(n[0]=(0,e.createTextVNode)("Next",-1))])],8,r))}});exports.default=s;

package/dist/pagination/PaginationNext.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as n,defineComponent as o,inject as s,openBlock as i,renderSlot as d,unref as l}from"vue";var r=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */o({__name:"PaginationNext",setup(o){const u=s(a);if(!u)throw new Error("<SkdxPaginationNext> must be used inside <SkdxPagination>.");const p=u.labels,x=e(()=>u.page.value>=u.pageCount);function c(){x.value||u.onPageChange(u.page.value+1)}return(a,e)=>(i(),t("button",{class:"skdx-pagination__next","data-part":"next",type:"button","data-skdx-pagination-item":"","aria-label":l(p).next,disabled:x.value,"data-disabled":x.value?"":void 0,onClick:c},[d(a.$slots,"default",{},()=>[e[0]||(e[0]=n("Next",-1))])],8,r))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as n,createTextVNode as i,defineComponent as o,openBlock as s,renderSlot as d,unref as l}from"vue";var u=["aria-label","disabled","data-disabled"],r=/* @__PURE__ */o({__name:"PaginationNext",setup(o){const r=e(a,"<SkdxPaginationNext> must be used inside <SkdxPagination>."),p=r.labels,x=t(()=>r.disabled||r.page.value>=r.pageCount);function c(){x.value||r.onPageChange(r.page.value+1)}return(e,a)=>(s(),n("button",{class:"skdx-pagination__next","data-part":"next",type:"button","data-skdx-pagination-item":"","aria-label":l(p).next,disabled:x.value,"data-disabled":x.value?"":void 0,onClick:c},[d(e.$slots,"default",{},()=>[a[0]||(a[0]=i("Next",-1))])],8,u))}});export{r as default};

package/dist/pagination/PaginationPage.vue.d.cts

@@ -1,18 +1,9 @@
-/**
- * Page button, renders `<button>` with `data-skdx-pagination-item`,
- * `aria-current="page"` when active, `data-state`. Clicking calls
- * page-change. Auto-labels via `aria-label` from root's `labels` to clarify
- * page number for screen readers.
- */
+/** Page button with `aria-current`, `data-state`, and an auto-generated `aria-label`. */
 type __VLS_Props = {
     /** Page number this button navigates to when clicked. */
     page: number;
-    /**
-     * Marks this page as the currently selected one. Derives from root's `page`
-     * if omitted (avoid consumer recomputing). Explicit value wins (split
-     * list/detail case).
-     */
-    isActive?: boolean;
+    /** Marks this page as currently selected; derives from the root's `page` if omitted. */
+    isActive?: boolean | undefined;
     /** Disables the button, excluding it from click handling. ORed with the root's own `disabled`. */
     disabled?: boolean;
 };
@@ -22,7 +13,7 @@ type __VLS_Slots = {} & {
 };
 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;
-    isActive: boolean;
+    isActive: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/pagination/PaginationPage.vue.d.ts

@@ -1,18 +1,9 @@
-/**
- * Page button, renders `<button>` with `data-skdx-pagination-item`,
- * `aria-current="page"` when active, `data-state`. Clicking calls
- * page-change. Auto-labels via `aria-label` from root's `labels` to clarify
- * page number for screen readers.
- */
+/** Page button with `aria-current`, `data-state`, and an auto-generated `aria-label`. */
 type __VLS_Props = {
     /** Page number this button navigates to when clicked. */
     page: number;
-    /**
-     * Marks this page as the currently selected one. Derives from root's `page`
-     * if omitted (avoid consumer recomputing). Explicit value wins (split
-     * list/detail case).
-     */
-    isActive?: boolean;
+    /** Marks this page as currently selected; derives from the root's `page` if omitted. */
+    isActive?: boolean | undefined;
     /** Disables the button, excluding it from click handling. ORed with the root's own `disabled`. */
     disabled?: boolean;
 };
@@ -22,7 +13,7 @@ type __VLS_Slots = {} & {
 };
 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;
-    isActive: boolean;
+    isActive: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/pagination/PaginationPage.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var r=["aria-label","aria-current","data-state","data-disabled","disabled"],c=(0,e.defineComponent)({__name:"PaginationPage",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(l){const a=l,t=(0,e.inject)(u.PAGINATION_CONTEXT);if(!t)throw new Error("<SkdxPaginationPage> must be used inside <SkdxPagination>.");const i=(0,e.computed)(()=>a.isActive??t.page.value===a.page),n=(0,e.computed)(()=>a.disabled||t.disabled),d=(0,e.computed)(()=>i.value?t.labels.value.currentPage(a.page):t.labels.value.page(a.page));function o(){n.value||t.onPageChange(a.page)}return(s,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__page","data-part":"page",type:"button","data-skdx-pagination-item":"","aria-label":d.value,"aria-current":i.value?"page":void 0,"data-state":i.value?"active":void 0,"data-disabled":n.value?"":void 0,disabled:n.value,onClick:o},[(0,e.renderSlot)(s.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.page),1)])],8,r))}});exports.default=c;
+const s=require("../utils/injectRequired.cjs"),r=require("./context.cjs");let e=require("vue");var c=["aria-label","aria-current","data-state","data-disabled","disabled"],p=(0,e.defineComponent)({__name:"PaginationPage",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(d){const a=d,t=s.injectRequired(r.PAGINATION_CONTEXT,"<SkdxPaginationPage> must be used inside <SkdxPagination>."),i=(0,e.computed)(()=>a.isActive??t.page.value===a.page),n=(0,e.computed)(()=>a.disabled||t.disabled),l=(0,e.computed)(()=>i.value?t.labels.value.currentPage(a.page):t.labels.value.page(a.page));function o(){n.value||t.onPageChange(a.page)}return(u,g)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__page","data-part":"page",type:"button","data-skdx-pagination-item":"","aria-label":l.value,"aria-current":i.value?"page":void 0,"data-state":i.value?"active":void 0,"data-disabled":n.value?"":void 0,disabled:n.value,onClick:o},[(0,e.renderSlot)(u.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(d.page),1)])],8,c))}});exports.default=p;

package/dist/pagination/PaginationPage.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as i,defineComponent as l,inject as o,openBlock as d,renderSlot as s,toDisplayString as n}from"vue";var r=["aria-label","aria-current","data-state","data-disabled","disabled"],p=/* @__PURE__ */l({__name:"PaginationPage",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(l){const p=l,u=o(a);if(!u)throw new Error("<SkdxPaginationPage> must be used inside <SkdxPagination>.");const g=e(()=>p.isActive??u.page.value===p.page),v=e(()=>p.disabled||u.disabled),c=e(()=>g.value?u.labels.value.currentPage(p.page):u.labels.value.page(p.page));function b(){v.value||u.onPageChange(p.page)}return(a,e)=>(d(),t("button",{class:"skdx-pagination__page","data-part":"page",type:"button","data-skdx-pagination-item":"","aria-label":c.value,"aria-current":g.value?"page":void 0,"data-state":g.value?"active":void 0,"data-disabled":v.value?"":void 0,disabled:v.value,onClick:b},[s(a.$slots,"default",{},()=>[i(n(l.page),1)])],8,r))}});export{p as default};
+import{injectRequired as a}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as i,createTextVNode as d,defineComponent as l,openBlock as s,renderSlot as o,toDisplayString as n}from"vue";var r=["aria-label","aria-current","data-state","data-disabled","disabled"],u=/* @__PURE__ */l({__name:"PaginationPage",props:{page:{},isActive:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1}},setup(l){const u=l,p=a(e,"<SkdxPaginationPage> must be used inside <SkdxPagination>."),g=t(()=>u.isActive??p.page.value===u.page),v=t(()=>u.disabled||p.disabled),c=t(()=>g.value?p.labels.value.currentPage(u.page):p.labels.value.page(u.page));function b(){v.value||p.onPageChange(u.page)}return(a,e)=>(s(),i("button",{class:"skdx-pagination__page","data-part":"page",type:"button","data-skdx-pagination-item":"","aria-label":c.value,"aria-current":g.value?"page":void 0,"data-state":g.value?"active":void 0,"data-disabled":v.value?"":void 0,disabled:v.value,onClick:b},[o(a.$slots,"default",{},()=>[d(n(l.page),1)])],8,r))}});export{u as default};

package/dist/pagination/PaginationPrevious.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var s=["aria-label","disabled","data-disabled"],l=(0,e.defineComponent)({__name:"PaginationPrevious",setup(d){const a=(0,e.inject)(u.PAGINATION_CONTEXT);if(!a)throw new Error("<SkdxPaginationPrevious> must be used inside <SkdxPagination>.");const n=a.labels,t=(0,e.computed)(()=>a.page.value<=1);function o(){t.value||a.onPageChange(a.page.value-1)}return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__previous","data-part":"previous",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(n).previous,disabled:t.value,"data-disabled":t.value?"":void 0,onClick:o},[(0,e.renderSlot)(r.$slots,"default",{},()=>[i[0]||(i[0]=(0,e.createTextVNode)("Previous",-1))])],8,s))}});exports.default=l;
+const r=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var d=["aria-label","disabled","data-disabled"],l=(0,e.defineComponent)({__name:"PaginationPrevious",setup(p){const a=r.injectRequired(s.PAGINATION_CONTEXT,"<SkdxPaginationPrevious> must be used inside <SkdxPagination>."),n=a.labels,t=(0,e.computed)(()=>a.disabled||a.page.value<=1);function o(){t.value||a.onPageChange(a.page.value-1)}return(u,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-pagination__previous","data-part":"previous",type:"button","data-skdx-pagination-item":"","aria-label":(0,e.unref)(n).previous,disabled:t.value,"data-disabled":t.value?"":void 0,onClick:o},[(0,e.renderSlot)(u.$slots,"default",{},()=>[i[0]||(i[0]=(0,e.createTextVNode)("Previous",-1))])],8,d))}});exports.default=l;

package/dist/pagination/PaginationPrevious.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as t,createTextVNode as o,defineComponent as s,inject as i,openBlock as n,renderSlot as r,unref as d}from"vue";var l=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */s({__name:"PaginationPrevious",setup(s){const u=i(a);if(!u)throw new Error("<SkdxPaginationPrevious> must be used inside <SkdxPagination>.");const p=u.labels,v=e(()=>u.page.value<=1);function c(){v.value||u.onPageChange(u.page.value-1)}return(a,e)=>(n(),t("button",{class:"skdx-pagination__previous","data-part":"previous",type:"button","data-skdx-pagination-item":"","aria-label":d(p).previous,disabled:v.value,"data-disabled":v.value?"":void 0,onClick:c},[r(a.$slots,"default",{},()=>[e[0]||(e[0]=o("Previous",-1))])],8,l))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as i,createTextVNode as s,defineComponent as o,openBlock as n,renderSlot as d,unref as l}from"vue";var r=["aria-label","disabled","data-disabled"],u=/* @__PURE__ */o({__name:"PaginationPrevious",setup(o){const u=e(a,"<SkdxPaginationPrevious> must be used inside <SkdxPagination>."),p=u.labels,v=t(()=>u.disabled||u.page.value<=1);function c(){v.value||u.onPageChange(u.page.value-1)}return(e,a)=>(n(),i("button",{class:"skdx-pagination__previous","data-part":"previous",type:"button","data-skdx-pagination-item":"","aria-label":l(p).previous,disabled:v.value,"data-disabled":v.value?"":void 0,onClick:c},[d(e.$slots,"default",{},()=>[a[0]||(a[0]=s("Previous",-1))])],8,r))}});export{u as default};

package/dist/pagination/PaginationStatus.vue.d.cts

@@ -1,20 +1,14 @@
-/**
- * An optional `role="status"` live region announcing the page change. Opt-in
- * because a strip that moves focus into the new content already announces it.
- */
+/** Optional `role="status"` live region announcing the page change. */
 type __VLS_Props = {
-    /**
-     * Builds the announcement from the root's current page and page count.
-     * Ignored when slot content is given.
-     */
-    format?: (page: number, pageCount: number) => string;
+    /** Builds the announcement from the current page and page count; ignored when slot content is given. @default undefined — announces `Page N of M` in English. */
+    format?: ((page: number, pageCount: number) => 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<{}>, {
-    format: (page: number, pageCount: number) => string;
+    format: ((page: number, pageCount: number) => string) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/pagination/PaginationStatus.vue.d.ts

@@ -1,20 +1,14 @@
-/**
- * An optional `role="status"` live region announcing the page change. Opt-in
- * because a strip that moves focus into the new content already announces it.
- */
+/** Optional `role="status"` live region announcing the page change. */
 type __VLS_Props = {
-    /**
-     * Builds the announcement from the root's current page and page count.
-     * Ignored when slot content is given.
-     */
-    format?: (page: number, pageCount: number) => string;
+    /** Builds the announcement from the current page and page count; ignored when slot content is given. @default undefined — announces `Page N of M` in English. */
+    format?: ((page: number, pageCount: number) => 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<{}>, {
-    format: (page: number, pageCount: number) => string;
+    format: ((page: number, pageCount: number) => string) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/pagination/PaginationStatus.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("./context.cjs");let t=require("vue");var u={class:"skdx-pagination__status","data-part":"status",role:"status"},i=(0,t.defineComponent)({__name:"PaginationStatus",props:{format:{type:Function,default:void 0}},setup(a){const n=a,e=(0,t.inject)(s.PAGINATION_CONTEXT);if(!e)throw new Error("<SkdxPaginationStatus> must be used inside <SkdxPagination>.");const o=(0,t.computed)(()=>n.format?.(e.page.value,e.pageCount)??"");return(r,c)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",u,[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.value),1)])]))}});exports.default=i;
+const s=require("../utils/injectRequired.cjs"),c=require("./context.cjs");let t=require("vue");var d={class:"skdx-pagination__status","data-part":"status",role:"status"},_=(0,t.defineComponent)({__name:"PaginationStatus",props:{format:{type:Function,default:void 0}},setup(u){const o=u,a=s.injectRequired(c.PAGINATION_CONTEXT,"<SkdxPaginationStatus> must be used inside <SkdxPagination>.");function r(e,n){return`Page ${e} of ${n}`}const i=(0,t.computed)(()=>(o.format??r)(a.page.value,a.pageCount));return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",d,[(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(i.value),1)])]))}});exports.default=_;

package/dist/pagination/PaginationStatus.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{PAGINATION_CONTEXT as t}from"./context.js";import{computed as a,createElementBlock as e,createTextVNode as s,defineComponent as o,inject as n,openBlock as r,renderSlot as i,toDisplayString as u}from"vue";var d={class:"skdx-pagination__status","data-part":"status",role:"status"},p=/* @__PURE__ */o({__name:"PaginationStatus",props:{format:{type:Function,default:void 0}},setup(o){const p=o,l=n(t);if(!l)throw new Error("<SkdxPaginationStatus> must be used inside <SkdxPagination>.");const c=a(()=>p.format?.(l.page.value,l.pageCount)??"");return(t,a)=>(r(),e("div",d,[i(t.$slots,"default",{},()=>[s(u(c.value),1)])]))}});export{p as default};
+import{injectRequired as t}from"../utils/injectRequired.js";import{PAGINATION_CONTEXT as a}from"./context.js";import{computed as e,createElementBlock as s,createTextVNode as o,defineComponent as n,openBlock as i,renderSlot as r,toDisplayString as u}from"vue";var d={class:"skdx-pagination__status","data-part":"status",role:"status"},p=/* @__PURE__ */n({__name:"PaginationStatus",props:{format:{type:Function,default:void 0}},setup(n){const p=n,l=t(a,"<SkdxPaginationStatus> must be used inside <SkdxPagination>.");function c(t,a){return`Page ${t} of ${a}`}const m=e(()=>(p.format??c)(l.page.value,l.pageCount));return(t,a)=>(i(),s("div",d,[r(t.$slots,"default",{},()=>[o(u(m.value),1)])]))}});export{p as default};

package/dist/pagination/context.d.cts

@@ -5,9 +5,7 @@ import type { PaginationRangeEntry } from './pages.cjs';
 export interface PaginationContext {
     page: Readonly<Ref<number>>;
     pageCount: number;
-    /**
-     * The collapsed page model with page numbers and `'ellipsis'` for collapsed runs.
-     */
+    /** The collapsed page model with page numbers and `'ellipsis'` for collapsed runs. */
     pages: Readonly<Ref<PaginationRangeEntry[]>>;
     /** Every string the strip speaks, with the consumer's overrides already merged over the defaults. */
     labels: ComputedRef<ResolvedPaginationLabels>;

package/dist/pagination/context.d.ts

@@ -5,9 +5,7 @@ import type { PaginationRangeEntry } from './pages.js';
 export interface PaginationContext {
     page: Readonly<Ref<number>>;
     pageCount: number;
-    /**
-     * The collapsed page model with page numbers and `'ellipsis'` for collapsed runs.
-     */
+    /** The collapsed page model with page numbers and `'ellipsis'` for collapsed runs. */
     pages: Readonly<Ref<PaginationRangeEntry[]>>;
     /** Every string the strip speaks, with the consumer's overrides already merged over the defaults. */
     labels: ComputedRef<ResolvedPaginationLabels>;

package/dist/pagination/labels.cjs

@@ -1 +1 @@
-var a={root:"Pagination",page:e=>`Go to page ${e}`,currentPage:e=>`Page ${e}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function o(e){return{...a,...e}}exports.DEFAULT_PAGINATION_LABELS=a;exports.resolvePaginationLabels=o;
+var t={root:"Pagination",page:e=>`Go to page ${e}`,currentPage:e=>`Page ${e}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function r(e){const o=Object.fromEntries(Object.entries(e??{}).filter(([,a])=>a!==void 0));return{...t,...o}}exports.DEFAULT_PAGINATION_LABELS=t;exports.resolvePaginationLabels=r;

package/dist/pagination/labels.d.cts

@@ -1,25 +1,24 @@
-/**
- * Strings a Pagination speaks. Each key is optional, falling back to built-in English.
- * Consumer's aria-label on a part wins over resolved label (per-instance escape hatch).
- */
+/** Strings a Pagination speaks; each key is optional, falling back to built-in English. */
 export interface PaginationLabels {
     /** Accessible name of the `<nav>` landmark. @default 'Pagination' */
-    root?: string;
+    root?: string | undefined;
     /** Accessible name of an inactive page button. @default page => `Go to page ${page}` */
-    page?: (page: number) => string;
+    page?: ((page: number) => string) | undefined;
     /** Accessible name of the active page button. @default page => `Page ${page}, current page` */
-    currentPage?: (page: number) => string;
+    currentPage?: ((page: number) => string) | undefined;
     /** Accessible name of `SkdxPaginationFirst`. @default 'Go to first page' */
-    first?: string;
+    first?: string | undefined;
     /** Accessible name of `SkdxPaginationPrevious`. @default 'Go to previous page' */
-    previous?: string;
+    previous?: string | undefined;
     /** Accessible name of `SkdxPaginationNext`. @default 'Go to next page' */
-    next?: string;
+    next?: string | undefined;
     /** Accessible name of `SkdxPaginationLast`. @default 'Go to last page' */
-    last?: string;
+    last?: string | undefined;
 }
 /** {@link PaginationLabels} with every key filled in — what the root publishes on its context. */
-export type ResolvedPaginationLabels = Required<PaginationLabels>;
+export type ResolvedPaginationLabels = {
+    [K in keyof PaginationLabels]-?: Exclude<PaginationLabels[K], undefined>;
+};
 /** Built-in English strings. */
 export declare const DEFAULT_PAGINATION_LABELS: ResolvedPaginationLabels;
 /** Fills in whatever the consumer left out, so every part reads a complete set. */

package/dist/pagination/labels.d.ts

@@ -1,25 +1,24 @@
-/**
- * Strings a Pagination speaks. Each key is optional, falling back to built-in English.
- * Consumer's aria-label on a part wins over resolved label (per-instance escape hatch).
- */
+/** Strings a Pagination speaks; each key is optional, falling back to built-in English. */
 export interface PaginationLabels {
     /** Accessible name of the `<nav>` landmark. @default 'Pagination' */
-    root?: string;
+    root?: string | undefined;
     /** Accessible name of an inactive page button. @default page => `Go to page ${page}` */
-    page?: (page: number) => string;
+    page?: ((page: number) => string) | undefined;
     /** Accessible name of the active page button. @default page => `Page ${page}, current page` */
-    currentPage?: (page: number) => string;
+    currentPage?: ((page: number) => string) | undefined;
     /** Accessible name of `SkdxPaginationFirst`. @default 'Go to first page' */
-    first?: string;
+    first?: string | undefined;
     /** Accessible name of `SkdxPaginationPrevious`. @default 'Go to previous page' */
-    previous?: string;
+    previous?: string | undefined;
     /** Accessible name of `SkdxPaginationNext`. @default 'Go to next page' */
-    next?: string;
+    next?: string | undefined;
     /** Accessible name of `SkdxPaginationLast`. @default 'Go to last page' */
-    last?: string;
+    last?: string | undefined;
 }
 /** {@link PaginationLabels} with every key filled in — what the root publishes on its context. */
-export type ResolvedPaginationLabels = Required<PaginationLabels>;
+export type ResolvedPaginationLabels = {
+    [K in keyof PaginationLabels]-?: Exclude<PaginationLabels[K], undefined>;
+};
 /** Built-in English strings. */
 export declare const DEFAULT_PAGINATION_LABELS: ResolvedPaginationLabels;
 /** Fills in whatever the consumer left out, so every part reads a complete set. */

package/dist/pagination/labels.js

@@ -1 +1 @@
-var e={root:"Pagination",page:e=>`Go to page ${e}`,currentPage:e=>`Page ${e}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function a(a){return{...e,...a}}export{e as DEFAULT_PAGINATION_LABELS,a as resolvePaginationLabels};
+var e={root:"Pagination",page:e=>`Go to page ${e}`,currentPage:e=>`Page ${e}, current page`,first:"Go to first page",previous:"Go to previous page",next:"Go to next page",last:"Go to last page"};function t(t){const o=Object.fromEntries(Object.entries(t??{}).filter(([,e])=>void 0!==e));return{...e,...o}}export{e as DEFAULT_PAGINATION_LABELS,t as resolvePaginationLabels};

package/dist/pagination/pages.cjs

@@ -1 +1 @@
-function M(h,i){return Array.from({length:Math.max(i-h+1,0)},(c,s)=>h+s)}function a({page:h,pageCount:i,siblingCount:c=1,boundaryCount:s=1}){const x=M(1,Math.min(s,i)),m=M(Math.max(i-s+1,s+1),i),e=Math.max(Math.min(h-c,i-s-c*2-1),s+2),l=Math.min(Math.max(h+c,s+c*2+2),m.length>0?m[0]-2:i-1),P=e>s+2?["ellipsis"]:s+1<i-s?[s+1]:[],f=l<i-s-1?["ellipsis"]:i-s>s?[i-s]:[];return[...x,...P,...M(e,l),...f,...m]}exports.getPaginationRange=a;
+function M(e,s){return Array.from({length:Math.max(s-e+1,0)},(h,i)=>e+i)}function a({page:e,pageCount:s,siblingCount:h=1,boundaryCount:i=1}){const P=M(1,Math.min(i,s)),l=M(Math.max(s-i+1,i+1),s),c=Math.max(Math.min(e-h,s-i-h*2-1),i+2),x=Math.min(Math.max(e+h,i+h*2+2),l.length>0?l[0]-2:s-1);let m=[];c>i+2?m=["ellipsis"]:i+1<s-i&&(m=[i+1]);let f=[];return x<s-i-1?f=["ellipsis"]:s-i>i&&(f=[s-i]),[...P,...m,...M(c,x),...f,...l]}exports.getPaginationRange=a;

package/dist/pagination/pages.d.cts

@@ -21,13 +21,7 @@ export interface PaginationRangeOptions {
     boundaryCount?: number;
 }
 /**
- * The pages to render for `page` of `pageCount`, with `'ellipsis'` standing in
- * for each collapsed run — the model a Pagination needs to render a fixed-width
- * strip instead of every page number.
- *
- * A gap of exactly one page is filled with that page rather than an ellipsis,
- * because an ellipsis hiding a single number is both wider and less useful than
- * the number itself.
+ * Pages to render for `page` of `pageCount`, with `'ellipsis'` standing in for each collapsed run.
  *
  * @example
  * ```ts

package/dist/pagination/pages.d.ts

@@ -21,13 +21,7 @@ export interface PaginationRangeOptions {
     boundaryCount?: number;
 }
 /**
- * The pages to render for `page` of `pageCount`, with `'ellipsis'` standing in
- * for each collapsed run — the model a Pagination needs to render a fixed-width
- * strip instead of every page number.
- *
- * A gap of exactly one page is filled with that page rather than an ellipsis,
- * because an ellipsis hiding a single number is both wider and less useful than
- * the number itself.
+ * Pages to render for `page` of `pageCount`, with `'ellipsis'` standing in for each collapsed run.
  *
  * @example
  * ```ts

package/dist/pagination/pages.js

@@ -1 +1 @@
-function n(n,t){return Array.from({length:Math.max(t-n+1,0)},(t,a)=>n+a)}function t({page:t,pageCount:a,siblingCount:i=1,boundaryCount:e=1}){const o=n(1,Math.min(e,a)),h=n(Math.max(a-e+1,e+1),a),r=Math.max(Math.min(t-i,a-e-2*i-1),e+2),g=Math.min(Math.max(t+i,e+2*i+2),h.length>0?h[0]-2:a-1),m=g<a-e-1?["ellipsis"]:a-e>e?[a-e]:[];return[...o,...r>e+2?["ellipsis"]:e+1<a-e?[e+1]:[],...n(r,g),...m,...h]}export{t as getPaginationRange};
+function t(t,n){return Array.from({length:Math.max(n-t+1,0)},(n,a)=>t+a)}function n({page:n,pageCount:a,siblingCount:e=1,boundaryCount:i=1}){const o=t(1,Math.min(i,a)),h=t(Math.max(a-i+1,i+1),a),l=Math.max(Math.min(n-e,a-i-2*e-1),i+2),r=Math.min(Math.max(n+e,i+2*e+2),h.length>0?h[0]-2:a-1);let g=[];l>i+2?g=["ellipsis"]:i+1<a-i&&(g=[i+1]);let m=[];return r<a-i-1?m=["ellipsis"]:a-i>i&&(m=[a-i]),[...o,...g,...t(l,r),...m,...h]}export{n as getPaginationRange};

package/dist/pagination/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxPagination` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxPagination`, the parts the derived anatomy composes.
  *
  * @example
  * ```vue

package/dist/pagination/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxPagination` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
+ * Advanced primitives for `SkdxPagination`, the parts the derived anatomy composes.
  *
  * @example
  * ```vue

package/dist/password-input/PasswordInput.vue.d.cts

@@ -1,21 +1,10 @@
 /**
- * The Vue implementation of the shared PasswordInput contract. A `<SkdxTextField>` that additionally owns whether the characters are revealed, handing that down to `<SkdxPasswordInputField>` (which flips its `type`) and `<SkdxPasswordInputToggle>` (which flips the state).
- *
- * Visibility changes are announced through the shared live region. Supports `v-model:visible`, independently of how the value is controlled. Given no default slot content it derives the body from the Field and Toggle.
+ * A `<SkdxTextField>` that also owns and toggles whether the password characters are revealed.
  *
  * @example
  * ```vue
  * <SkdxPasswordInput v-model:value="password" clearable />
  * ```
- *
- * @example Manual composition —
- * `import * as PasswordInput from '@skdx/vue/primitives/password-input'`:
- * ```vue
- * <SkdxPasswordInput v-model:value="password">
- *   <SkdxPasswordInputField placeholder="Password" />
- *   <SkdxPasswordInputToggle>👁</SkdxPasswordInputToggle>
- * </SkdxPasswordInput>
- * ```
  */
 type __VLS_Props = {
     /**
@@ -23,11 +12,10 @@ type __VLS_Props = {
      * `v-model:visible` or `@visible-change`.
      * @default undefined — uncontrolled, the field tracks its own visibility internally.
      */
-    visible?: boolean;
+    visible?: boolean | undefined;
     /**
      * Initial visibility, for uncontrolled usage, seeding the first render.
-     * @default false — the field starts masked, which is the only safe default
-     * for a credential rendered on a screen someone else might be looking at.
+     * @default false — the field starts masked.
      */
     defaultVisible?: boolean;
     /**
@@ -35,10 +23,9 @@ type __VLS_Props = {
      * controlled usage. Pair with `v-model:value` or `@value-change`.
      * @default undefined — uncontrolled, the field tracks its own value internally.
      */
-    value?: string;
+    value?: string | undefined;
     /**
-     * Initial value, for uncontrolled usage — forwarded to the underlying
-     * TextField, which restores it on form reset. Ignored while `value` is set.
+     * Initial value for uncontrolled usage, forwarded to the underlying TextField, which restores it on form reset.
      * @default '' — the field starts empty.
      */
     defaultValue?: string;
@@ -63,23 +50,19 @@ type __VLS_Props = {
      * wrapped native `<input>`.
      * @default undefined — the field submits nothing.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Words the polite live-region message announced when visibility changes. Return `''` to announce nothing.
      * @default undefined — the built-in English wording ("Password shown" / "Password hidden").
      */
-    getVisibilityAnnouncement?: (visible: boolean) => string;
+    getVisibilityAnnouncement?: ((visible: boolean) => string) | undefined;
     /**
      * Accessible name for the reveal button, whose children are an icon with no text content.
      * @default 'Show password' — English; translate it.
      */
     revealLabel?: string;
     /**
-     * Makes the field read-only: the value stays focusable, selectable and
-     * submitted, and only editing is blocked. The toggle stays operable —
-     * reading a credential you cannot edit is precisely when revealing it
-     * matters, and faking read-only with `disabled` greys the value out and
-     * takes it out of the tab order.
+     * Makes the field read-only: the value stays focusable and submitted, only editing is blocked; the toggle stays operable.
      * @default false
      */
     readOnly?: boolean;
@@ -100,16 +83,22 @@ type __VLS_Props = {
      * Inherited from `TextFieldProps`.
      * @default undefined
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
-     * Renders a derived reveal Toggle beside the Field.
-     *
-     * **Not `trailing`.** Unlike `TextField`, `PasswordInputProps` omits
-     * `trailing`: the Toggle already occupies the trailing position, and a
-     * second adornment there would compete with it for the same slot.
+     * Renders a derived reveal Toggle beside the Field; `trailing` is omitted since the Toggle already occupies that slot.
      * @default true
      */
     showToggle?: boolean;
+    /**
+     * Size rung the skin renders the input at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
+    /**
+     * Visual style family the skin gives the field, forwarded as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'filled' | 'ghost' | (string & {}) | undefined;
 };
 type __VLS_Slots = {
     /** Full manual composition — a Field plus an optional Toggle part. */
@@ -117,27 +106,54 @@ type __VLS_Slots = {
     /** The derived leading Slot's content — an icon or adornment. */
     leading?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function setVisible(next: boolean): void;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Shows or masks the password, emitting `visible-change` when it changes. */
+    setVisible: typeof setVisible;
+    /** Reports whether the wrapped input satisfies its constraints. `true` without one. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** Pushes an externally-computed error onto the wrapped input, like `HTMLInputElement.setCustomValidity()`; `''` clears it. */
+    setCustomValidity: (message: string) => void | undefined;
+    /** The wrapped native input's `ValidityState`; `null` before an input has mounted. */
+    validity: import("vue").ComputedRef<{
+        readonly badInput: boolean;
+        readonly customError: boolean;
+        readonly patternMismatch: boolean;
+        readonly rangeOverflow: boolean;
+        readonly rangeUnderflow: boolean;
+        readonly stepMismatch: boolean;
+        readonly tooLong: boolean;
+        readonly tooShort: boolean;
+        readonly typeMismatch: boolean;
+        readonly valid: boolean;
+        readonly valueMissing: boolean;
+    } | null>;
+    /** The browser's validation message for the current validity; `''` when valid. */
+    validationMessage: import("vue").ComputedRef<string>;
+    /** The wrapped native input element, for focus and measurement. */
+    inputEl: import("vue").ComputedRef<HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "value-change": (value: string) => any;
     "update:visible": (visible: boolean) => any;
     "visible-change": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onValue-change"?: (value: string) => any;
+    "onUpdate:visible"?: (visible: boolean) => any;
+    "onVisible-change"?: (visible: boolean) => any;
 }>, {
-    visible: boolean;
+    visible: boolean | undefined;
     disabled: boolean;
-    placeholder: string;
-    value: string;
+    defaultValue: string;
     readOnly: boolean;
     required: boolean;
-    name: string;
     invalid: boolean;
-    defaultValue: string;
     clearable: boolean;
     clearLabel: string;
     showToggle: boolean;
     defaultVisible: boolean;
-    getVisibilityAnnouncement: (visible: boolean) => string;
+    getVisibilityAnnouncement: ((visible: boolean) => string) | undefined;
     revealLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;