@skdx/vue 0.27.0 → 0.29.0

package/dist/checkbox-group/CheckboxGroupAnatomy.vue.d.cts

@@ -0,0 +1,16 @@
+import type { CheckboxGroupOption } from './types.cjs';
+/**
+ * The anatomy a `SkdxCheckboxGroup` draws when its default slot holds none of
+ * its own parts: one checkbox per entry in `options`, each with its glyph and label.
+ * @internal
+ */
+type __VLS_Props = {
+    options: readonly CheckboxGroupOption[];
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue.d.ts

@@ -0,0 +1,16 @@
+import type { CheckboxGroupOption } from './types.js';
+/**
+ * The anatomy a `SkdxCheckboxGroup` draws when its default slot holds none of
+ * its own parts: one checkbox per entry in `options`, each with its glyph and label.
+ * @internal
+ */
+type __VLS_Props = {
+    options: readonly CheckboxGroupOption[];
+    /**
+     * Size rung the skin renders each checkbox at, applied to the derived Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue.js

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

package/dist/checkbox-group/CheckboxGroupAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("../checkbox/CheckboxAnatomy.vue.cjs"),a=require("./CheckboxGroupItem.vue.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"CheckboxGroupAnatomy",props:{options:{},size:{}},setup(r){return(o,n)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,t=>((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:t.value,value:t.value,disabled:t.disabled,size:r.size},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default),(0,e.createTextVNode)(" "+(0,e.toDisplayString)(t.label),1)]),_:2},1032,["value","disabled","size"]))),128))}});exports.default=l;

package/dist/checkbox-group/CheckboxGroupAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../checkbox/CheckboxAnatomy.vue.js";import a from"./CheckboxGroupItem.vue.js";import{Fragment as o,createBlock as s,createElementBlock as t,createTextVNode as r,createVNode as l,defineComponent as i,openBlock as n,renderList as p,toDisplayString as m,withCtx as u}from"vue";var c=/* @__PURE__ */i({__name:"CheckboxGroupAnatomy",props:{options:{},size:{}},setup:i=>(c,d)=>(n(!0),t(o,null,p(i.options,o=>(n(),s(a,{key:o.value,value:o.value,disabled:o.disabled,size:i.size},{default:u(()=>[l(e),r(" "+m(o.label),1)]),_:2},1032,["value","disabled","size"]))),128))});export{c as default};

package/dist/checkbox-group/CheckboxGroupItem.vue.d.cts

@@ -1,28 +1,41 @@
 /**
- * One checkbox in an `SkdxCheckboxGroup`. It *is* an `SkdxCheckbox` — the role,
- * `aria-checked`, `data-state`, the Space/Enter handling and the hidden
- * `<input type="checkbox">` all come from there — with `checked` driven by
- * whether its `value` is in the group's value, and `name` taken from the
- * group so every checked item submits under the same key.
- *
- * It also carries the group's `aria-required`, which the `role="group"` root
- * may not: it is not a global ARIA attribute, while `role="checkbox"` does
- * support it. Passed as the bare attribute rather than `SkdxCheckbox`'s
- * `required` prop, so the hidden input stays un-required — "at least one
- * checked" is not "every box checked".
+ * One checkbox in a `SkdxCheckboxGroup`, driven by the group's value and
+ * carrying its `aria-required` (since `role="checkbox"` supports it and
+ * `role="group"` doesn't).
  */
 type __VLS_Props = {
     /** Unique identifier added to or removed from the group's value. */
     value: string;
     /** Disables this item alone, and excludes it from select-all. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => 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;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /**
+     * Reports whether the hidden input satisfies its constraints, delegating to
+     * the browser, returning `true` without a `name` (no input rendered).
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Sets an externally-computed error on the hidden input like
+     * `HTMLInputElement.setCustomValidity()` — non-empty makes it invalid, `''`
+     * clears it — dropped without a `name`.
+     */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/checkbox-group/CheckboxGroupItem.vue.d.ts

@@ -1,28 +1,41 @@
 /**
- * One checkbox in an `SkdxCheckboxGroup`. It *is* an `SkdxCheckbox` — the role,
- * `aria-checked`, `data-state`, the Space/Enter handling and the hidden
- * `<input type="checkbox">` all come from there — with `checked` driven by
- * whether its `value` is in the group's value, and `name` taken from the
- * group so every checked item submits under the same key.
- *
- * It also carries the group's `aria-required`, which the `role="group"` root
- * may not: it is not a global ARIA attribute, while `role="checkbox"` does
- * support it. Passed as the bare attribute rather than `SkdxCheckbox`'s
- * `required` prop, so the hidden input stays un-required — "at least one
- * checked" is not "every box checked".
+ * One checkbox in a `SkdxCheckboxGroup`, driven by the group's value and
+ * carrying its `aria-required` (since `role="checkbox"` supports it and
+ * `role="group"` doesn't).
  */
 type __VLS_Props = {
     /** Unique identifier added to or removed from the group's value. */
     value: string;
     /** Disables this item alone, and excludes it from select-all. */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => 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;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /**
+     * Reports whether the hidden input satisfies its constraints, delegating to
+     * the browser, returning `true` without a `name` (no input rendered).
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Sets an externally-computed error on the hidden input like
+     * `HTMLInputElement.setCustomValidity()` — non-empty makes it invalid, `''`
+     * clears it — dropped without a `name`.
+     */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/checkbox-group/CheckboxGroupItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../checkbox/Checkbox.vue.cjs"),s=require("./context.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"CheckboxGroupItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(u){const t=u,a=(0,e.inject)(s.CHECKBOX_GROUP_CONTEXT);if(!a)throw new Error("SkdxCheckboxGroupItem must be used within an SkdxCheckboxGroup");const o=(0,e.computed)(()=>a.value.value.includes(t.value)),l=(0,e.computed)(()=>a.disabled.value||t.disabled),r=(0,e.reactive)({value:t.value,disabled:l.value});return(0,e.watchEffect)(()=>{r.value=t.value,r.disabled=l.value}),a.registerItem(r),(0,e.onUnmounted)(()=>a.unregisterItem(r)),(n,d)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{class:"skdx-checkbox-group__item","data-part":"item",checked:o.value,disabled:l.value,name:(0,e.unref)(a).name.value,value:u.value,"aria-required":(0,e.unref)(a).required.value||void 0,"data-value":u.value,"data-skdx-checkbox-group-item":"",onCheckedChange:d[0]||(d[0]=c=>(0,e.unref)(a).toggleItem(u.value,c===!0))},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["checked","disabled","name","value","aria-required","data-value"]))}});exports.default=v;
+const h=require("../utils/injectRequired.cjs"),b=require("../checkbox/Checkbox.vue.cjs"),v=require("./context.cjs");let e=require("vue");var p=(0,e.defineComponent)({__name:"CheckboxGroupItem",props:{value:{},disabled:{type:Boolean,default:!1},size:{}},setup(u,{expose:m}){const d=u,a=h.injectRequired(v.CHECKBOX_GROUP_CONTEXT,"SkdxCheckboxGroupItem must be used within an SkdxCheckboxGroup"),c=(0,e.computed)(()=>a.value.value.includes(d.value)),i=(0,e.computed)(()=>a.disabled.value||d.disabled),n=(0,e.computed)(()=>a.maxReached.value&&!c.value),f=(0,e.useAttrs)(),o=(0,e.computed)(()=>f.id??v.checkboxGroupItemId(a.baseId,d.value)),l=(0,e.reactive)({value:d.value,disabled:i.value,id:o.value});(0,e.watchEffect)(()=>{l.value=d.value,l.disabled=i.value,l.id=o.value}),a.registerItem(l),(0,e.onUnmounted)(()=>a.unregisterItem(l));const r=(0,e.ref)(null);return m({checkValidity:()=>r.value?.checkValidity()??!0,reportValidity:()=>r.value?.reportValidity()??!0,setCustomValidity:t=>r.value?.setCustomValidity(t)}),(t,s)=>((0,e.openBlock)(),(0,e.createBlock)(b.default,{id:o.value,ref_key:"checkboxRef",ref:r,class:"skdx-checkbox-group__item","data-part":"item",checked:c.value,disabled:i.value,size:u.size,"read-only":(0,e.unref)(a).readOnly.value,name:(0,e.unref)(a).name.value,value:u.value,form:(0,e.unref)(a).form.value,"aria-required":(0,e.unref)(a).required.value||void 0,"aria-disabled":n.value||void 0,"data-value":u.value,"data-max-reached":n.value?"":void 0,"data-skdx-checkbox-group-item":"",onCheckedChange:s[0]||(s[0]=k=>(0,e.unref)(a).toggleItem(u.value,k===!0))},(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1032,["id","checked","disabled","size","read-only","name","value","form","aria-required","aria-disabled","data-value","data-max-reached"]))}});exports.default=p;

package/dist/checkbox-group/CheckboxGroupItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../checkbox/Checkbox.vue.js";import{CHECKBOX_GROUP_CONTEXT as a}from"./context.js";import{computed as t,createBlock as u,defineComponent as l,inject as o,onUnmounted as d,openBlock as r,reactive as s,renderSlot as i,unref as c,watchEffect as v,withCtx as n}from"vue";var m=/* @__PURE__ */l({__name:"CheckboxGroupItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(l){const m=l,p=o(a);if(!p)throw new Error("SkdxCheckboxGroupItem must be used within an SkdxCheckboxGroup");const k=t(()=>p.value.value.includes(m.value)),b=t(()=>p.disabled.value||m.disabled),h=s({value:m.value,disabled:b.value});return v(()=>{h.value=m.value,h.disabled=b.value}),p.registerItem(h),d(()=>p.unregisterItem(h)),(a,t)=>(r(),u(e,{class:"skdx-checkbox-group__item","data-part":"item",checked:k.value,disabled:b.value,name:c(p).name.value,value:l.value,"aria-required":c(p).required.value||void 0,"data-value":l.value,"data-skdx-checkbox-group-item":"",onCheckedChange:t[0]||(t[0]=e=>c(p).toggleItem(l.value,!0===e))},{default:n(()=>[i(a.$slots,"default")]),_:3},8,["checked","disabled","name","value","aria-required","data-value"]))}});export{m as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../checkbox/Checkbox.vue.js";import{CHECKBOX_GROUP_CONTEXT as d,checkboxGroupItemId as t}from"./context.js";import{computed as l,createBlock as i,createSlots as u,defineComponent as o,onUnmounted as s,openBlock as r,reactive as c,ref as v,renderSlot as n,unref as m,useAttrs as k,watchEffect as f,withCtx as p}from"vue";var h=/* @__PURE__ */o({__name:"CheckboxGroupItem",props:{value:{},disabled:{type:Boolean,default:!1},size:{}},setup(o,{expose:h}){const b=o,x=e(d,"SkdxCheckboxGroupItem must be used within an SkdxCheckboxGroup"),y=l(()=>x.value.value.includes(b.value)),C=l(()=>x.disabled.value||b.disabled),I=l(()=>x.maxReached.value&&!y.value),_=k(),g=l(()=>_.id??t(x.baseId,b.value)),V=c({value:b.value,disabled:C.value,id:g.value});f(()=>{V.value=b.value,V.disabled=C.value,V.id=g.value}),x.registerItem(V),s(()=>x.unregisterItem(V));const j=v(null);return h({checkValidity:()=>j.value?.checkValidity()??!0,reportValidity:()=>j.value?.reportValidity()??!0,setCustomValidity:e=>j.value?.setCustomValidity(e)}),(e,d)=>(r(),i(a,{id:g.value,ref_key:"checkboxRef",ref:j,class:"skdx-checkbox-group__item","data-part":"item",checked:y.value,disabled:C.value,size:o.size,"read-only":m(x).readOnly.value,name:m(x).name.value,value:o.value,form:m(x).form.value,"aria-required":m(x).required.value||void 0,"aria-disabled":I.value||void 0,"data-value":o.value,"data-max-reached":I.value?"":void 0,"data-skdx-checkbox-group-item":"",onCheckedChange:d[0]||(d[0]=e=>m(x).toggleItem(o.value,!0===e))},u({_:2},[e.$slots.default?{name:"default",fn:p(()=>[n(e.$slots,"default")]),key:"0"}:void 0,e.$slots.indicator?{name:"indicator",fn:p(()=>[n(e.$slots,"indicator")]),key:"1"}:void 0]),1032,["id","checked","disabled","size","read-only","name","value","form","aria-required","aria-disabled","data-value","data-max-reached"]))}});export{h as default};

package/dist/checkbox-group/CheckboxGroupSelectAll.vue.d.cts

@@ -1,23 +1,38 @@
 /**
- * The tri-state "select all" parent of an `SkdxCheckboxGroup`: checked when
- * every enabled item is checked, `aria-checked="mixed"` when only some are,
- * unchecked when none are. Clicking it checks every enabled item, or clears
- * them when they are already all checked.
- *
- * It lives *inside* the group — it reads the same item registry the items
- * feed, and inside the group is also where a screen reader announces it as
- * part of the set. It carries no `value` and no `name`, so it renders no
- * hidden input and is never submitted.
+ * Tri-state "select all" parent — checked when every enabled item is
+ * checked, mixed when some are, unchecked when none — that checks or clears
+ * all enabled items via `aria-controls`, and needs an accessible name from
+ * content or `aria-label`.
  */
 type __VLS_Props = {
     /** Disables the parent alone; the group-level `disabled` also disables it. */
     disabled?: boolean;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /**
+     * Reports whether the underlying checkbox is valid, always `true` without a
+     * `name` since nothing is submitted.
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Sets a custom validity message on the underlying checkbox, a no-op
+     * without a `name` since there's no hidden input to write to.
+     */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/checkbox-group/CheckboxGroupSelectAll.vue.d.ts

@@ -1,23 +1,38 @@
 /**
- * The tri-state "select all" parent of an `SkdxCheckboxGroup`: checked when
- * every enabled item is checked, `aria-checked="mixed"` when only some are,
- * unchecked when none are. Clicking it checks every enabled item, or clears
- * them when they are already all checked.
- *
- * It lives *inside* the group — it reads the same item registry the items
- * feed, and inside the group is also where a screen reader announces it as
- * part of the set. It carries no `value` and no `name`, so it renders no
- * hidden input and is never submitted.
+ * Tri-state "select all" parent — checked when every enabled item is
+ * checked, mixed when some are, unchecked when none — that checks or clears
+ * all enabled items via `aria-controls`, and needs an accessible name from
+ * content or `aria-label`.
  */
 type __VLS_Props = {
     /** Disables the parent alone; the group-level `disabled` also disables it. */
     disabled?: boolean;
+    /**
+     * Size rung the skin renders the checkbox at, forwarded as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
-declare var __VLS_9: {};
+declare var __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    indicator?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /**
+     * Reports whether the underlying checkbox is valid, always `true` without a
+     * `name` since nothing is submitted.
+     */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /**
+     * Sets a custom validity message on the underlying checkbox, a no-op
+     * without a `name` since there's no hidden input to write to.
+     */
+    setCustomValidity: (message: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("../checkbox/Checkbox.vue.cjs"),a=require("./context.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1}},setup(r){const o=r,l=(0,e.inject)(a.CHECKBOX_GROUP_CONTEXT);if(!l)throw new Error("SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup");const u=(0,e.computed)(()=>l.disabled.value||o.disabled);return(c,t)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:(0,e.unref)(l).selectAllChecked.value,disabled:u.value,onCheckedChange:t[0]||(t[0]=n=>(0,e.unref)(l).toggleAll())},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"default")]),_:3},8,["checked","disabled"]))}});exports.default=s;
+const s=require("../utils/injectRequired.cjs"),c=require("../checkbox/Checkbox.vue.cjs"),n=require("./context.cjs");let e=require("vue");var k=(0,e.defineComponent)({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1},size:{}},setup(o,{expose:i}){const d=o,l=s.injectRequired(n.CHECKBOX_GROUP_CONTEXT,"SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup"),u=(0,e.computed)(()=>l.disabled.value||d.disabled),r=(0,e.ref)(null);return i({checkValidity:()=>r.value?.checkValidity()??!0,reportValidity:()=>r.value?.reportValidity()??!0,setCustomValidity:t=>r.value?.setCustomValidity(t)}),(t,a)=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{ref_key:"checkboxRef",ref:r,class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:(0,e.unref)(l).selectAllChecked.value,disabled:u.value,size:o.size,"read-only":(0,e.unref)(l).readOnly.value,"aria-controls":(0,e.unref)(l).itemIds.value||void 0,onCheckedChange:a[0]||(a[0]=f=>(0,e.unref)(l).toggleAll())},(0,e.createSlots)({_:2},[t.$slots.default?{name:"default",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),key:"0"}:void 0,t.$slots.indicator?{name:"indicator",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"indicator")]),key:"1"}:void 0]),1032,["checked","disabled","size","read-only","aria-controls"]))}});exports.default=k;

package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../checkbox/Checkbox.vue.js";import{CHECKBOX_GROUP_CONTEXT as l}from"./context.js";import{computed as o,createBlock as a,defineComponent as t,inject as s,openBlock as c,renderSlot as d,unref as r,withCtx as u}from"vue";var n=/* @__PURE__ */t({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1}},setup(t){const n=t,p=s(l);if(!p)throw new Error("SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup");const k=o(()=>p.disabled.value||n.disabled);return(l,o)=>(c(),a(e,{class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:r(p).selectAllChecked.value,disabled:k.value,onCheckedChange:o[0]||(o[0]=e=>r(p).toggleAll())},{default:u(()=>[d(l.$slots,"default")]),_:3},8,["checked","disabled"]))}});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../checkbox/Checkbox.vue.js";import{CHECKBOX_GROUP_CONTEXT as l}from"./context.js";import{computed as t,createBlock as o,createSlots as s,defineComponent as i,openBlock as d,ref as r,renderSlot as c,unref as u,withCtx as n}from"vue";var k=/* @__PURE__ */i({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1},size:{}},setup(i,{expose:k}){const p=i,f=e(l,"SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup"),m=t(()=>f.disabled.value||p.disabled),h=r(null);return k({checkValidity:()=>h.value?.checkValidity()??!0,reportValidity:()=>h.value?.reportValidity()??!0,setCustomValidity:e=>h.value?.setCustomValidity(e)}),(e,l)=>(d(),o(a,{ref_key:"checkboxRef",ref:h,class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:u(f).selectAllChecked.value,disabled:m.value,size:i.size,"read-only":u(f).readOnly.value,"aria-controls":u(f).itemIds.value||void 0,onCheckedChange:l[0]||(l[0]=e=>u(f).toggleAll())},s({_:2},[e.$slots.default?{name:"default",fn:n(()=>[c(e.$slots,"default")]),key:"0"}:void 0,e.$slots.indicator?{name:"indicator",fn:n(()=>[c(e.$slots,"indicator")]),key:"1"}:void 0]),1032,["checked","disabled","size","read-only","aria-controls"]))}});export{k as default};

package/dist/checkbox-group/context.cjs

@@ -1 +1 @@
-var r=Symbol("skdx-checkbox-group-context");function n(e,c){return e.length>0&&e.every(t=>c.includes(t))?!0:e.some(t=>c.includes(t))?"indeterminate":!1}exports.CHECKBOX_GROUP_CONTEXT=r;exports.getSelectAllChecked=n;
+function r(e,t){return`${e}-${t.replace(/\s+/g,"-")}`}var n=Symbol("skdx-checkbox-group-context");function o(e,t){return e.length>0&&e.every(c=>t.includes(c))?!0:e.some(c=>t.includes(c))?"indeterminate":!1}exports.CHECKBOX_GROUP_CONTEXT=n;exports.checkboxGroupItemId=r;exports.getSelectAllChecked=o;

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

@@ -5,14 +5,32 @@ export type CheckedState = boolean | 'indeterminate';
 export interface CheckboxGroupItemEntry {
     value: string;
     disabled: boolean;
+    /** The item's DOM id — the consumer's own when they set one — for the select-all's `aria-controls`. */
+    id: string;
 }
+/**
+ * Item id for select-all's `aria-controls`, derived from group id and value
+ * with whitespace collapsed since `aria-controls` is space-separated.
+ * @internal
+ */
+export declare function checkboxGroupItemId(baseId: string, value: string): string;
 /** @internal Shape a CheckboxGroup provides so its items and select-all parent share state. */
 export interface CheckboxGroupContext {
     name: ComputedRef<string | undefined>;
+    /** The `<form>` id every item's hidden input submits to, for a group rendered outside that form. */
+    form: ComputedRef<string | undefined>;
     value: ComputedRef<string[]>;
     disabled: ComputedRef<boolean>;
+    /** Group-level `readOnly`, carried by each item as `aria-readonly`. */
+    readOnly: ComputedRef<boolean>;
     /** Group-level `required`, carried by each item as `aria-required`. */
     required: ComputedRef<boolean>;
+    /** Whether the `max` cap is reached, so unchecked items announce `aria-disabled` without leaving the tab order. */
+    maxReached: ComputedRef<boolean>;
+    /** The group's generated id, from which an item with no id of its own derives one. */
+    baseId: string;
+    /** Space-separated ids of every item, for the select-all's `aria-controls`. */
+    itemIds: ComputedRef<string>;
     /** Tri-state of the select-all parent, derived from the enabled items. */
     selectAllChecked: ComputedRef<CheckedState>;
     /** Adds or removes one item's value. */
@@ -25,10 +43,8 @@ export interface CheckboxGroupContext {
 /** @internal Injection key a CheckboxGroup provides so its parts share the value, name and select-all state. */
 export declare const CHECKBOX_GROUP_CONTEXT: InjectionKey<CheckboxGroupContext>;
 /**
- * The select-all parent's tri-state, derived from the *enabled* items only:
- * a disabled item can neither be checked nor cleared by the parent, so
- * counting it would leave the parent permanently indeterminate. An empty
- * group reads as unchecked rather than "all of nothing is checked".
+ * Select-all tri-state derived from enabled items only, treating an empty
+ * set as unchecked rather than indeterminate.
  * @internal
  */
 export declare function getSelectAllChecked(enabledValues: string[], value: string[]): CheckedState;

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

@@ -5,14 +5,32 @@ export type CheckedState = boolean | 'indeterminate';
 export interface CheckboxGroupItemEntry {
     value: string;
     disabled: boolean;
+    /** The item's DOM id — the consumer's own when they set one — for the select-all's `aria-controls`. */
+    id: string;
 }
+/**
+ * Item id for select-all's `aria-controls`, derived from group id and value
+ * with whitespace collapsed since `aria-controls` is space-separated.
+ * @internal
+ */
+export declare function checkboxGroupItemId(baseId: string, value: string): string;
 /** @internal Shape a CheckboxGroup provides so its items and select-all parent share state. */
 export interface CheckboxGroupContext {
     name: ComputedRef<string | undefined>;
+    /** The `<form>` id every item's hidden input submits to, for a group rendered outside that form. */
+    form: ComputedRef<string | undefined>;
     value: ComputedRef<string[]>;
     disabled: ComputedRef<boolean>;
+    /** Group-level `readOnly`, carried by each item as `aria-readonly`. */
+    readOnly: ComputedRef<boolean>;
     /** Group-level `required`, carried by each item as `aria-required`. */
     required: ComputedRef<boolean>;
+    /** Whether the `max` cap is reached, so unchecked items announce `aria-disabled` without leaving the tab order. */
+    maxReached: ComputedRef<boolean>;
+    /** The group's generated id, from which an item with no id of its own derives one. */
+    baseId: string;
+    /** Space-separated ids of every item, for the select-all's `aria-controls`. */
+    itemIds: ComputedRef<string>;
     /** Tri-state of the select-all parent, derived from the enabled items. */
     selectAllChecked: ComputedRef<CheckedState>;
     /** Adds or removes one item's value. */
@@ -25,10 +43,8 @@ export interface CheckboxGroupContext {
 /** @internal Injection key a CheckboxGroup provides so its parts share the value, name and select-all state. */
 export declare const CHECKBOX_GROUP_CONTEXT: InjectionKey<CheckboxGroupContext>;
 /**
- * The select-all parent's tri-state, derived from the *enabled* items only:
- * a disabled item can neither be checked nor cleared by the parent, so
- * counting it would leave the parent permanently indeterminate. An empty
- * group reads as unchecked rather than "all of nothing is checked".
+ * Select-all tri-state derived from enabled items only, treating an empty
+ * set as unchecked rather than indeterminate.
  * @internal
  */
 export declare function getSelectAllChecked(enabledValues: string[], value: string[]): CheckedState;

package/dist/checkbox-group/context.js

@@ -1 +1 @@
-var e=/* @__PURE__ */Symbol("skdx-checkbox-group-context");function t(e,t){return!!(e.length>0&&e.every(e=>t.includes(e)))||!!e.some(e=>t.includes(e))&&"indeterminate"}export{e as CHECKBOX_GROUP_CONTEXT,t as getSelectAllChecked};
+function e(e,t){return`${e}-${t.replace(/\s+/g,"-")}`}var t=/* @__PURE__ */Symbol("skdx-checkbox-group-context");function c(e,t){return!!(e.length>0&&e.every(e=>t.includes(e)))||!!e.some(e=>t.includes(e))&&"indeterminate"}export{t as CHECKBOX_GROUP_CONTEXT,e as checkboxGroupItemId,c as getSelectAllChecked};

package/dist/checkbox-group/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxGroup.vue.cjs"),r=require("./CheckboxGroupItem.vue.cjs"),o=require("./CheckboxGroupSelectAll.vue.cjs");exports.SkdxCheckboxGroup=e.default;exports.SkdxCheckboxGroupItem=r.default;exports.SkdxCheckboxGroupSelectAll=o.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxGroup.vue.cjs");exports.SkdxCheckboxGroup=e.default;

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

@@ -1,3 +1,2 @@
 export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.cjs';
-export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.cjs';
-export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.cjs';
+export type { CheckboxGroupOption } from './types.cjs';

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

@@ -1,3 +1,2 @@
 export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.js';
-export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.js';
-export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.js';
+export type { CheckboxGroupOption } from './types.js';

package/dist/checkbox-group/index.js

@@ -1 +1 @@
-import o from"./CheckboxGroup.vue.js";import e from"./CheckboxGroupItem.vue.js";import r from"./CheckboxGroupSelectAll.vue.js";export{o as SkdxCheckboxGroup,e as SkdxCheckboxGroupItem,r as SkdxCheckboxGroupSelectAll};
+import o from"./CheckboxGroup.vue.js";export{o as SkdxCheckboxGroup};

package/dist/checkbox-group/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxGroupItem.vue.cjs"),r=require("./CheckboxGroup.vue.cjs"),o=require("./CheckboxGroupSelectAll.vue.cjs");exports.SkdxCheckboxGroup=r.default;exports.SkdxCheckboxGroupItem=e.default;exports.SkdxCheckboxGroupSelectAll=o.default;

package/dist/checkbox-group/primitives.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Advanced primitives for `SkdxCheckboxGroup`, the parts the recipe
+ * composes, for a structure other than the derived anatomy — a select-all
+ * parent, or an item with markup beside its label.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCheckboxGroup, SkdxCheckboxGroupItem, SkdxCheckboxGroupSelectAll } from '@skdx/vue/primitives/checkbox-group';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCheckboxGroup v-model:value="channels">
+ *     <SkdxCheckboxGroupSelectAll>All channels</SkdxCheckboxGroupSelectAll>
+ *     <SkdxCheckboxGroupItem value="email">Email</SkdxCheckboxGroupItem>
+ *     <SkdxCheckboxGroupItem value="sms">SMS</SkdxCheckboxGroupItem>
+ *   </SkdxCheckboxGroup>
+ * </template>
+ * ```
+ */
+export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.cjs';
+export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.cjs';
+export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.cjs';
+export type { CheckboxGroupOption } from './types.cjs';

package/dist/checkbox-group/primitives.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Advanced primitives for `SkdxCheckboxGroup`, the parts the recipe
+ * composes, for a structure other than the derived anatomy — a select-all
+ * parent, or an item with markup beside its label.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxCheckboxGroup, SkdxCheckboxGroupItem, SkdxCheckboxGroupSelectAll } from '@skdx/vue/primitives/checkbox-group';
+ * </script>
+ *
+ * <template>
+ *   <SkdxCheckboxGroup v-model:value="channels">
+ *     <SkdxCheckboxGroupSelectAll>All channels</SkdxCheckboxGroupSelectAll>
+ *     <SkdxCheckboxGroupItem value="email">Email</SkdxCheckboxGroupItem>
+ *     <SkdxCheckboxGroupItem value="sms">SMS</SkdxCheckboxGroupItem>
+ *   </SkdxCheckboxGroup>
+ * </template>
+ * ```
+ */
+export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.js';
+export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.js';
+export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.js';
+export type { CheckboxGroupOption } from './types.js';

package/dist/checkbox-group/primitives.js

@@ -0,0 +1 @@
+import o from"./CheckboxGroupItem.vue.js";import e from"./CheckboxGroup.vue.js";import r from"./CheckboxGroupSelectAll.vue.js";export{e as SkdxCheckboxGroup,o as SkdxCheckboxGroupItem,r as SkdxCheckboxGroupSelectAll};

package/dist/checkbox-group/types.d.cts

@@ -0,0 +1,12 @@
+/** One checkbox in a `SkdxCheckboxGroup`'s `options`. */
+export interface CheckboxGroupOption {
+    /** Unique identifier added to or removed from the group's value. */
+    value: string;
+    /** Text rendered beside the derived checkbox, and its accessible name. */
+    label: string;
+    /**
+     * Disables this item alone, and excludes it from select-all.
+     * @default false
+     */
+    disabled?: boolean;
+}

package/dist/checkbox-group/types.d.ts

@@ -0,0 +1,12 @@
+/** One checkbox in a `SkdxCheckboxGroup`'s `options`. */
+export interface CheckboxGroupOption {
+    /** Unique identifier added to or removed from the group's value. */
+    value: string;
+    /** Text rendered beside the derived checkbox, and its accessible name. */
+    label: string;
+    /**
+     * Disables this item alone, and excludes it from select-all.
+     * @default false
+     */
+    disabled?: boolean;
+}