@skdx/vue 0.28.0 → 0.30.0

package/dist/avatar/AvatarImage.vue.d.ts

@@ -1,18 +1,13 @@
 import { type ImageLoadingStatus } from './context.js';
-/**
- * Loads src independently, renders <img> only after successful load.
- * Shows fallback while loading/error/omitted. Use inside <SkdxAvatar>.
- */
+/** Loads src independently, rendering an img only after a successful load; shows fallback otherwise. */
 type __VLS_Props = {
     /**
-     * Image URL to load. Falls back to `<AvatarFallback>` while it loads, on error, or when omitted.
-     * @default undefined — no image, always shows the fallback.
+     * Image URL to load. Falls back to `<AvatarFallback>` while it loads, on error, or when omitted with no `srcset` either.
+     * @default undefined — no image, always shows the fallback (unless `srcset` is given).
      */
-    src?: string;
+    src?: string | undefined;
     /**
-     * Candidate set for a responsive image, forwarded to the rendered `<img>`
-     * *and* to the internal probe, so the status describes the same resource
-     * that ends up displayed.
+     * Candidate set for a responsive image, forwarded to the rendered img and to the internal probe.
      * @default undefined
      */
     srcset?: string;
@@ -22,8 +17,7 @@ type __VLS_Props = {
      */
     sizes?: string;
     /**
-     * Alternative text. Defaults to the root's `label`, and is forced to `''`
-     * when the root is `decorative`.
+     * Alternative text; defaults to the root's label, forced to '' when the root is decorative.
      * @default undefined — the root's `label`, or `''`
      */
     alt?: string;
@@ -31,6 +25,6 @@ type __VLS_Props = {
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "loading-status-change": (status: ImageLoadingStatus) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onLoading-status-change"?: ((status: ImageLoadingStatus) => any) | undefined;
+    "onLoading-status-change"?: (status: ImageLoadingStatus) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/avatar/AvatarImage.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs");let e=require("vue");var f=["src","srcset","sizes","alt"],_=(0,e.defineComponent)({__name:"AvatarImage",props:{src:{},srcset:{},sizes:{},alt:{}},emits:["loading-status-change"],setup(a,{emit:m}){const i=a,g=m,d=(0,e.inject)(v.AVATAR_CONTEXT);if(!d)throw new Error("<SkdxAvatarImage> must be used inside <SkdxAvatar>.");const n=d;function s(t){n.imageLoadingStatus.value=t,g("loading-status-change",t)}let o;return(0,e.watch)(()=>[i.src,i.srcset,i.sizes],([t,c,l])=>{if(o?.(),typeof window>"u")return;if(!t){s("error");return}let u=!0;o=()=>{u=!1};const r=new window.Image;s("loading"),r.onload=()=>{u&&s("loaded")},r.onerror=()=>{u&&s("error")},c&&(r.srcset=c),l&&(r.sizes=l),r.src=t},{immediate:!0}),(0,e.onUnmounted)(()=>o?.()),(t,c)=>(0,e.unref)(n).imageLoadingStatus.value==="loaded"?((0,e.openBlock)(),(0,e.createElementBlock)("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:a.src,srcset:a.srcset,sizes:a.sizes,alt:(0,e.unref)(n).decorative.value?"":a.alt??(0,e.unref)(n).label.value??""},null,8,f)):(0,e.createCommentVNode)("",!0)}});exports.default=_;
+const f=require("../utils/injectRequired.cjs"),_=require("./context.cjs");let e=require("vue");var q=["src","srcset","sizes","alt"],A=(0,e.defineComponent)({__name:"AvatarImage",props:{src:{},srcset:{},sizes:{},alt:{}},emits:["loading-status-change"],setup(a,{emit:g}){const u=a,v=g,n=f.injectRequired(_.AVATAR_CONTEXT,"<SkdxAvatarImage> must be used inside <SkdxAvatar>.");function s(t){n.imageLoadingStatus.value=t,v("loading-status-change",t)}let o;function l([t,i,m]){if(o?.(),!t&&!i){s("error");return}let c=!0;o=()=>{c=!1};const r=new window.Image;s("loading"),r.onload=()=>{c&&s("loaded")},r.onerror=()=>{c&&s("error")},i&&(r.srcset=i),m&&(r.sizes=m),t&&(r.src=t)}const d=()=>[u.src,u.srcset,u.sizes];return(0,e.onMounted)(()=>l(d())),(0,e.watch)(d,l),(0,e.onUnmounted)(()=>o?.()),(t,i)=>(0,e.unref)(n).imageLoadingStatus.value==="loaded"?((0,e.openBlock)(),(0,e.createElementBlock)("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:a.src,srcset:a.srcset,sizes:a.sizes,alt:(0,e.unref)(n).decorative.value?"":a.alt??(0,e.unref)(n).label.value??""},null,8,q)):(0,e.createCommentVNode)("",!0)}});exports.default=A;

package/dist/avatar/AvatarImage.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{AVATAR_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as s,defineComponent as t,inject as r,onUnmounted as o,openBlock as n,unref as i,watch as c}from"vue";var d=["src","srcset","sizes","alt"],l=/* @__PURE__ */t({__name:"AvatarImage",props:{src:{},srcset:{},sizes:{},alt:{}},emits:["loading-status-change"],setup(t,{emit:l}){const m=t,u=l,g=r(e);if(!g)throw new Error("<SkdxAvatarImage> must be used inside <SkdxAvatar>.");const v=g;function f(e){v.imageLoadingStatus.value=e,u("loading-status-change",e)}let p;return c(()=>[m.src,m.srcset,m.sizes],([e,a,s])=>{if(p?.(),typeof window>"u")return;if(!e)return void f("error");let t=!0;p=()=>{t=!1};const r=new window.Image;f("loading"),r.onload=()=>{t&&f("loaded")},r.onerror=()=>{t&&f("error")},a&&(r.srcset=a),s&&(r.sizes=s),r.src=e},{immediate:!0}),o(()=>p?.()),(e,r)=>"loaded"===i(v).imageLoadingStatus.value?(n(),s("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:t.src,srcset:t.srcset,sizes:t.sizes,alt:i(v).decorative.value?"":t.alt??i(v).label.value??""},null,8,d)):a("",!0)}});export{l as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{AVATAR_CONTEXT as s}from"./context.js";import{createCommentVNode as a,createElementBlock as t,defineComponent as r,onMounted as o,onUnmounted as n,openBlock as i,unref as c,watch as d}from"vue";var l=["src","srcset","sizes","alt"],u=/* @__PURE__ */r({__name:"AvatarImage",props:{src:{},srcset:{},sizes:{},alt:{}},emits:["loading-status-change"],setup(r,{emit:u}){const m=r,g=u,v=e(s,"<SkdxAvatarImage> must be used inside <SkdxAvatar>.");function p(e){v.imageLoadingStatus.value=e,g("loading-status-change",e)}let f;function k([e,s,a]){if(f?.(),!e&&!s)return void p("error");let t=!0;f=()=>{t=!1};const r=new window.Image;p("loading"),r.onload=()=>{t&&p("loaded")},r.onerror=()=>{t&&p("error")},s&&(r.srcset=s),a&&(r.sizes=a),e&&(r.src=e)}const z=()=>[m.src,m.srcset,m.sizes];return o(()=>k(z())),d(z,k),n(()=>f?.()),(e,s)=>"loaded"===c(v).imageLoadingStatus.value?(i(),t("img",{key:0,class:"skdx-avatar__image","data-part":"image",src:r.src,srcset:r.srcset,sizes:r.sizes,alt:c(v).decorative.value?"":r.alt??c(v).label.value??""},null,8,l)):a("",!0)}});export{u as default};

package/dist/avatar/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
  * Primitives for `SkdxAvatar` — composable building blocks.
- * Use these when you need a custom layout beyond the derived recipe.
- * The recipe derives its body from slots when given children, rendering these parts explicitly.
  *
  * @example
  * ```vue

package/dist/avatar/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
  * Primitives for `SkdxAvatar` — composable building blocks.
- * Use these when you need a custom layout beyond the derived recipe.
- * The recipe derives its body from slots when given children, rendering these parts explicitly.
  *
  * @example
  * ```vue

package/dist/badge/Badge.vue.d.cts

@@ -1,9 +1,6 @@
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
 /**
- * Vue Badge implementation. Renders unstyled `<span>`; style with `class`.
- * Children are the text; root derives body from leading slot, text, trailing
- * slot. Compose parts directly through primitives for custom structure.
- * Attributes: `data-status`, `data-variant` (solid/outline/subtle), `data-dot`,
- * `data-shape`.
+ * A short status or category marker, rendered as a `<span>` — and, inside a `SkdxTagGroup`, a `role="listitem"` with a roving tab stop and Delete/Backspace removal.
  *
  * ```vue
  * <SkdxBadge>
@@ -12,15 +9,98 @@
  * </SkdxBadge>
  * ```
  */
+type __VLS_Props = {
+    /**
+     * Element name to render instead of the default `<span>`, from the library's tag allowlist.
+     * @default 'span'
+     */
+    as?: PolymorphicTag;
+    /**
+     * This badge's position in the rendered list, deciding which one owns the single Tab stop; required inside a `TagGroup`.
+     * @default undefined — standalone, with no roving order to take part in.
+     */
+    index?: number | undefined;
+    /**
+     * This badge's text, naming the delete button and the removal announcement; rendered as the derived Label when no content is given.
+     * @default undefined — the delete button is named just "Remove" and removal is silent.
+     */
+    label?: string | undefined;
+    /**
+     * Whether this badge reads as chosen, mirrored as `data-selected` for the skin's selected treatment (presentation only).
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Disables this badge alone: it can't be deleted, its delete button is `disabled`, and arrow-key navigation skips it.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Renders a derived Delete part when this badge is inside a `TagGroup`.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * The word the derived Delete part's accessible name is built from — `"<deleteLabel> <label>"`.
+     * @default 'Remove'
+     */
+    deleteLabel?: string;
+    /**
+     * Renders the badge as a bare status dot with no text, as `data-dot`.
+     * @default undefined — falls back to a `data-dot` attribute.
+     */
+    dot?: boolean | undefined;
+    /**
+     * Outline the skin gives the badge, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'pill' | 'rounded' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the badge at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the badge carries, reflected as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * How heavily the skin fills the badge, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'solid' | 'outline' | 'subtle' | (string & {}) | undefined;
+};
 type __VLS_Slots = {
-    /** The badge's own text content. */
+    /** The badge's own content, or a manual composition of Leading, Label, Trailing and Delete parts. */
     default?(): unknown;
-    /** The derived Leading part's content — an icon or a status dot. */
+    /** The derived Leading part's content — an icon, an avatar or a status dot. */
     leading?(): unknown;
     /** The derived Trailing part's content — a count or a glyph. */
     trailing?(): unknown;
+    /** Content overriding the derived Label part's text — the `label` prop otherwise. */
+    label?(): unknown;
+    /** Content overriding the derived Delete part's default × glyph. */
+    delete?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (event: CustomEvent<null>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (event: CustomEvent<null>) => any;
+}>, {
+    label: string | undefined;
+    disabled: boolean | undefined;
+    as: PolymorphicTag;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    status: "info" | "success" | "warning" | "danger" | (string & {}) | undefined;
+    variant: "solid" | "outline" | "subtle" | (string & {}) | undefined;
+    dot: boolean | undefined;
+    deletable: boolean;
+    index: number | undefined;
+    selected: boolean;
+    deleteLabel: string;
+    shape: "pill" | "rounded" | (string & {}) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/badge/Badge.vue.d.ts

@@ -1,9 +1,6 @@
+import type { PolymorphicTag } from '../utils/polymorphic.js';
 /**
- * Vue Badge implementation. Renders unstyled `<span>`; style with `class`.
- * Children are the text; root derives body from leading slot, text, trailing
- * slot. Compose parts directly through primitives for custom structure.
- * Attributes: `data-status`, `data-variant` (solid/outline/subtle), `data-dot`,
- * `data-shape`.
+ * A short status or category marker, rendered as a `<span>` — and, inside a `SkdxTagGroup`, a `role="listitem"` with a roving tab stop and Delete/Backspace removal.
  *
  * ```vue
  * <SkdxBadge>
@@ -12,15 +9,98 @@
  * </SkdxBadge>
  * ```
  */
+type __VLS_Props = {
+    /**
+     * Element name to render instead of the default `<span>`, from the library's tag allowlist.
+     * @default 'span'
+     */
+    as?: PolymorphicTag;
+    /**
+     * This badge's position in the rendered list, deciding which one owns the single Tab stop; required inside a `TagGroup`.
+     * @default undefined — standalone, with no roving order to take part in.
+     */
+    index?: number | undefined;
+    /**
+     * This badge's text, naming the delete button and the removal announcement; rendered as the derived Label when no content is given.
+     * @default undefined — the delete button is named just "Remove" and removal is silent.
+     */
+    label?: string | undefined;
+    /**
+     * Whether this badge reads as chosen, mirrored as `data-selected` for the skin's selected treatment (presentation only).
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Disables this badge alone: it can't be deleted, its delete button is `disabled`, and arrow-key navigation skips it.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Renders a derived Delete part when this badge is inside a `TagGroup`.
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * The word the derived Delete part's accessible name is built from — `"<deleteLabel> <label>"`.
+     * @default 'Remove'
+     */
+    deleteLabel?: string;
+    /**
+     * Renders the badge as a bare status dot with no text, as `data-dot`.
+     * @default undefined — falls back to a `data-dot` attribute.
+     */
+    dot?: boolean | undefined;
+    /**
+     * Outline the skin gives the badge, reflected as `data-shape`.
+     * @default undefined — falls back to a `data-shape` attribute.
+     */
+    shape?: 'pill' | 'rounded' | (string & {}) | undefined;
+    /**
+     * Size rung the skin renders the badge at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Meaning the badge carries, reflected as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * How heavily the skin fills the badge, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'solid' | 'outline' | 'subtle' | (string & {}) | undefined;
+};
 type __VLS_Slots = {
-    /** The badge's own text content. */
+    /** The badge's own content, or a manual composition of Leading, Label, Trailing and Delete parts. */
     default?(): unknown;
-    /** The derived Leading part's content — an icon or a status dot. */
+    /** The derived Leading part's content — an icon, an avatar or a status dot. */
     leading?(): unknown;
     /** The derived Trailing part's content — a count or a glyph. */
     trailing?(): unknown;
+    /** Content overriding the derived Label part's text — the `label` prop otherwise. */
+    label?(): unknown;
+    /** Content overriding the derived Delete part's default × glyph. */
+    delete?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (event: CustomEvent<null>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (event: CustomEvent<null>) => any;
+}>, {
+    label: string | undefined;
+    disabled: boolean | undefined;
+    as: PolymorphicTag;
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
+    status: "info" | "success" | "warning" | "danger" | (string & {}) | undefined;
+    variant: "solid" | "outline" | "subtle" | (string & {}) | undefined;
+    dot: boolean | undefined;
+    deletable: boolean;
+    index: number | undefined;
+    selected: boolean;
+    deleteLabel: string;
+    shape: "pill" | "rounded" | (string & {}) | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/badge/Badge.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./BadgeAnatomy.vue.cjs");let e=require("vue");var r={class:"skdx-badge","data-part":"root","data-skdx-component":"badge"},l=(0,e.defineComponent)({__name:"Badge",setup(n){return(t,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",r,[(0,e.createVNode)(a.default,null,(0,e.createSlots)({default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:2},[t.$slots.leading?{name:"leading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"leading")]),key:"0"}:void 0,t.$slots.trailing?{name:"trailing",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trailing")]),key:"1"}:void 0]),1024)]))}});exports.default=l;
+const h=require("../utils/appearance.cjs"),c=require("../tag-group/context.cjs"),k=require("../utils/liveAnnouncer.cjs"),$=require("./context.cjs"),q=require("./BadgeAnatomy.vue.cjs");let e=require("vue");var C=(0,e.defineComponent)({inheritAttrs:!1,__name:"Badge",props:{as:{default:"span"},index:{default:void 0},label:{default:void 0},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},deletable:{type:Boolean,default:!1},deleteLabel:{default:"Remove"},dot:{type:Boolean,default:void 0},shape:{default:void 0},size:{default:void 0},status:{default:void 0},variant:{default:void 0}},emits:["delete"],setup(d,{emit:f}){const s=["Delete","Backspace"],a=d,b=f,m=(0,e.getCurrentInstance)(),l=(0,e.inject)(c.TAG_GROUP_CONTEXT,void 0),o=(0,e.ref)(null),n=(0,e.computed)(()=>a.label??""),i=(0,e.computed)(()=>a.disabled||(l?.disabled.value??!1)),p=(0,e.computed)(()=>{if(l)return l.tabStopIndex.value===a.index?0:-1});let u;(0,e.onMounted)(()=>{!l||a.index===void 0||(u=l.register(a.index))}),(0,e.onUnmounted)(()=>u?.());function g(){l&&a.index!==void 0&&l.setActiveIndex(a.index)}function v(){if(i.value||!l||a.index===void 0||m?.vnode.props?.onDelete==null&&!a.deletable&&!o.value?.querySelector('[data-part="delete"]'))return;const t=c.resolveTagNeighbor(o.value,a.index),r=new CustomEvent("delete",{cancelable:!0,detail:null});b("delete",r),!r.defaultPrevented&&(t.target?.focus(),l.setActiveIndex(t.index),l.onTagRemoved({label:n.value,index:a.index}),n.value&&k.announce(`${n.value} removed`))}function y(t){s.includes(t.key)&&t.preventDefault()}function x(t){s.includes(t.key)&&(t.preventDefault(),v())}return(0,e.provide)($.BADGE_CONTEXT,{label:n,deleteLabel:(0,e.computed)(()=>a.deleteLabel),disabled:i,selected:(0,e.computed)(()=>a.selected),remove:v,grouped:l!==void 0}),(t,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(d.as),(0,e.mergeProps)({ref_key:"element",ref:o,class:"skdx-badge","data-part":"root","data-skdx-component":"badge","data-skdx-tag":"",role:(0,e.unref)(l)?"listitem":void 0,"aria-disabled":i.value?"true":void 0,"data-disabled":i.value?"":void 0,"data-selected":d.selected?"":void 0,tabindex:p.value},{...t.$attrs,...(0,e.unref)(h.appearanceAttrs)({dot:d.dot,shape:d.shape,size:d.size,status:d.status,variant:d.variant},t.$attrs)},{onFocusin:g,onKeydown:y,onKeyup:x}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(q.default,{deletable:d.deletable},(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.leading?{name:"leading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"leading")]),key:"1"}:void 0,t.$slots.trailing?{name:"trailing",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trailing")]),key:"2"}:void 0,t.$slots.label?{name:"label",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"label")]),key:"3"}:void 0,t.$slots.delete?{name:"delete",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"delete")]),key:"4"}:void 0]),1032,["deletable"])]),_:3},16,["role","aria-disabled","data-disabled","data-selected","tabindex"]))}});exports.default=C;

package/dist/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import a from"./BadgeAnatomy.vue.js";import{createElementBlock as e,createSlots as t,createVNode as s,defineComponent as o,openBlock as l,renderSlot as n,withCtx as d}from"vue";var r={class:"skdx-badge","data-part":"root","data-skdx-component":"badge"},i=/* @__PURE__ */o({__name:"Badge",setup:o=>(o,i)=>(l(),e("span",r,[s(a,null,t({default:d(()=>[n(o.$slots,"default")]),_:2},[o.$slots.leading?{name:"leading",fn:d(()=>[n(o.$slots,"leading")]),key:"0"}:void 0,o.$slots.trailing?{name:"trailing",fn:d(()=>[n(o.$slots,"trailing")]),key:"1"}:void 0]),1024)]))});export{i as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{TAG_GROUP_CONTEXT as a,resolveTagNeighbor as t}from"../tag-group/context.js";import{announce as l}from"../utils/liveAnnouncer.js";import{BADGE_CONTEXT as d}from"./context.js";import o from"./BadgeAnatomy.vue.js";import{computed as s,createBlock as n,createSlots as i,createVNode as r,defineComponent as u,getCurrentInstance as v,inject as f,mergeProps as c,onMounted as p,onUnmounted as m,openBlock as b,provide as x,ref as g,renderSlot as y,resolveDynamicComponent as k,unref as $,withCtx as B}from"vue";var A=/* @__PURE__ */u({inheritAttrs:!1,__name:"Badge",props:{as:{default:"span"},index:{default:void 0},label:{default:void 0},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},deletable:{type:Boolean,default:!1},deleteLabel:{default:"Remove"},dot:{type:Boolean,default:void 0},shape:{default:void 0},size:{default:void 0},status:{default:void 0},variant:{default:void 0}},emits:["delete"],setup(u,{emit:A}){const _=["Delete","Backspace"],C=u,T=A,h=v(),j=f(a,void 0),D=g(null),E=s(()=>C.label??""),I=s(()=>C.disabled||(j?.disabled.value??!1)),N=s(()=>{if(j)return j.tabStopIndex.value===C.index?0:-1});let S;function w(){j&&void 0!==C.index&&j.setActiveIndex(C.index)}function z(){if(I.value||!j||void 0===C.index||null==h?.vnode.props?.onDelete&&!C.deletable&&!D.value?.querySelector('[data-part="delete"]'))return;const e=t(D.value,C.index),a=new CustomEvent("delete",{cancelable:!0,detail:null});T("delete",a),!a.defaultPrevented&&(e.target?.focus(),j.setActiveIndex(e.index),j.onTagRemoved({label:E.value,index:C.index}),E.value&&l(`${E.value} removed`))}function G(e){_.includes(e.key)&&e.preventDefault()}function L(e){_.includes(e.key)&&(e.preventDefault(),z())}return p(()=>{!j||void 0===C.index||(S=j.register(C.index))}),m(()=>S?.()),x(d,{label:E,deleteLabel:s(()=>C.deleteLabel),disabled:I,selected:s(()=>C.selected),remove:z,grouped:void 0!==j}),(a,t)=>(b(),n(k(u.as),c({ref_key:"element",ref:D,class:"skdx-badge","data-part":"root","data-skdx-component":"badge","data-skdx-tag":"",role:$(j)?"listitem":void 0,"aria-disabled":I.value?"true":void 0,"data-disabled":I.value?"":void 0,"data-selected":u.selected?"":void 0,tabindex:N.value},{...a.$attrs,...$(e)({dot:u.dot,shape:u.shape,size:u.size,status:u.status,variant:u.variant},a.$attrs)},{onFocusin:w,onKeydown:G,onKeyup:L}),{default:B(()=>[r(o,{deletable:u.deletable},i({_:2},[a.$slots.default?{name:"default",fn:B(()=>[y(a.$slots,"default")]),key:"0"}:void 0,a.$slots.leading?{name:"leading",fn:B(()=>[y(a.$slots,"leading")]),key:"1"}:void 0,a.$slots.trailing?{name:"trailing",fn:B(()=>[y(a.$slots,"trailing")]),key:"2"}:void 0,a.$slots.label?{name:"label",fn:B(()=>[y(a.$slots,"label")]),key:"3"}:void 0,a.$slots.delete?{name:"delete",fn:B(()=>[y(a.$slots,"delete")]),key:"4"}:void 0]),1032,["deletable"])]),_:3},16,["role","aria-disabled","data-disabled","data-selected","tabindex"]))}});export{A as default};

package/dist/badge/BadgeAnatomy.vue.d.cts

@@ -1,18 +1,17 @@
-/**
- * The anatomy an `SkdxBadge` always draws: an optional Leading, the badge's
- * own text (the default slot, which is user content), and an optional
- * Trailing.
- *
- * Not exported from the package — the React port's `BadgeAnatomy.tsx` is the
- * same component, and the two must stay in step.
- * @internal
- */
+/** @internal Anatomy a badge draws: an optional Leading, its own content (or a Label derived from `label`), an optional Trailing, and a Delete when deletable and none is authored in the default slot. */
+type __VLS_Props = {
+    deletable?: boolean | undefined;
+};
 type __VLS_Slots = {
     default?(): unknown;
     leading?(): unknown;
     trailing?(): unknown;
+    label?(): unknown;
+    delete?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    deletable: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/badge/BadgeAnatomy.vue.d.ts

@@ -1,18 +1,17 @@
-/**
- * The anatomy an `SkdxBadge` always draws: an optional Leading, the badge's
- * own text (the default slot, which is user content), and an optional
- * Trailing.
- *
- * Not exported from the package — the React port's `BadgeAnatomy.tsx` is the
- * same component, and the two must stay in step.
- * @internal
- */
+/** @internal Anatomy a badge draws: an optional Leading, its own content (or a Label derived from `label`), an optional Trailing, and a Delete when deletable and none is authored in the default slot. */
+type __VLS_Props = {
+    deletable?: boolean | undefined;
+};
 type __VLS_Slots = {
     default?(): unknown;
     leading?(): unknown;
     trailing?(): unknown;
+    label?(): unknown;
+    delete?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    deletable: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/badge/BadgeAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./BadgeLeading.vue.cjs"),n=require("./BadgeTrailing.vue.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"BadgeAnatomy",setup(o){const r=(0,e.useSlots)();return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.unref)(r).leading?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"leading")]),_:3})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(t.$slots,"default"),(0,e.unref)(r).trailing?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trailing")]),_:3})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=a;
+const s=require("../utils/Glyph.vue.cjs"),c=require("../utils/injectRequired.cjs"),f=require("./context.cjs"),o=require("./BadgeDelete.vue.cjs"),B=require("./BadgeLabel.vue.cjs"),m=require("./BadgeLeading.vue.cjs"),_=require("./BadgeTrailing.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({__name:"BadgeAnatomy",props:{deletable:{type:Boolean,default:!1}},setup(d){const r=(0,e.useSlots)(),u=c.injectRequired(f.BADGE_CONTEXT,"<BadgeAnatomy> must be used inside <SkdxBadge>.");function n(t,l){return t?t.some(a=>a.type===l||a.type===e.Fragment&&n(a.children,l)):!1}const i=()=>n(r.default?.(),o.default);return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.unref)(r).leading?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"leading")]),_:3})):(0,e.createCommentVNode)("",!0),(0,e.unref)(r).default?(0,e.renderSlot)(t.$slots,"default",{key:1}):(0,e.unref)(u).label.value||(0,e.unref)(r).label?((0,e.openBlock)(),(0,e.createBlock)(B.default,{key:2},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"label",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(u).label.value),1)])]),_:3})):(0,e.createCommentVNode)("",!0),(0,e.unref)(r).trailing?((0,e.openBlock)(),(0,e.createBlock)(_.default,{key:3},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trailing")]),_:3})):(0,e.createCommentVNode)("",!0),d.deletable&&!i()?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:4},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"delete",{},()=>[(0,e.createVNode)(s.default,{name:"close"})])]),_:3})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=g;

package/dist/badge/BadgeAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./BadgeLeading.vue.js";import a from"./BadgeTrailing.vue.js";import{Fragment as t,createBlock as s,createCommentVNode as o,createElementBlock as l,defineComponent as n,openBlock as r,renderSlot as i,unref as d,useSlots as m,withCtx as u}from"vue";var g=/* @__PURE__ */n({__name:"BadgeAnatomy",setup(n){const g=m();return(n,m)=>(r(),l(t,null,[d(g).leading?(r(),s(e,{key:0},{default:u(()=>[i(n.$slots,"leading")]),_:3})):o("",!0),i(n.$slots,"default"),d(g).trailing?(r(),s(a,{key:1},{default:u(()=>[i(n.$slots,"trailing")]),_:3})):o("",!0)],64))}});export{g as default};
+import e from"../utils/Glyph.vue.js";import{injectRequired as t}from"../utils/injectRequired.js";import{BADGE_CONTEXT as a}from"./context.js";import l from"./BadgeDelete.vue.js";import s from"./BadgeLabel.vue.js";import o from"./BadgeLeading.vue.js";import r from"./BadgeTrailing.vue.js";import{Fragment as d,createBlock as n,createCommentVNode as i,createElementBlock as u,createTextVNode as m,createVNode as f,defineComponent as p,openBlock as c,renderSlot as g,toDisplayString as y,unref as B,useSlots as j,withCtx as k}from"vue";var v=/* @__PURE__ */p({__name:"BadgeAnatomy",props:{deletable:{type:Boolean,default:!1}},setup(p){const v=j(),b=t(a,"<BadgeAnatomy> must be used inside <SkdxBadge>.");function _(e,t){return!!e&&e.some(e=>e.type===t||e.type===d&&_(e.children,t))}const x=()=>_(v.default?.(),l);return(t,a)=>(c(),u(d,null,[B(v).leading?(c(),n(o,{key:0},{default:k(()=>[g(t.$slots,"leading")]),_:3})):i("",!0),B(v).default?g(t.$slots,"default",{key:1}):B(b).label.value||B(v).label?(c(),n(s,{key:2},{default:k(()=>[g(t.$slots,"label",{},()=>[m(y(B(b).label.value),1)])]),_:3})):i("",!0),B(v).trailing?(c(),n(r,{key:3},{default:k(()=>[g(t.$slots,"trailing")]),_:3})):i("",!0),p.deletable&&!x()?(c(),n(l,{key:4},{default:k(()=>[g(t.$slots,"delete",{},()=>[f(e,{name:"close"})])]),_:3})):i("",!0)],64))}});export{v as default};

package/dist/badge/BadgeDelete.vue.cjs

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

package/dist/badge/BadgeDelete.vue.d.cts

@@ -0,0 +1,14 @@
+/** The button that removes its parent badge, named `Remove <label>` from the badge's own text and not itself a Tab stop. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/badge/BadgeDelete.vue.d.ts

@@ -0,0 +1,14 @@
+/** The button that removes its parent badge, named `Remove <label>` from the badge's own text and not itself a Tab stop. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/badge/BadgeDelete.vue.js

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

package/dist/badge/BadgeDelete.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var i=["aria-label","disabled","data-disabled"],n=(0,e.defineComponent)({__name:"BadgeDelete",setup(o){const a=l.injectRequired(u.BADGE_CONTEXT,"<SkdxBadgeDelete> must be used inside <SkdxBadge>.");if(!a.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` — a standalone `Badge` has no group to remove it from.");const d=(0,e.computed)(()=>`${a.deleteLabel.value} ${a.label.value}`.trim());return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-badge__delete","data-part":"delete",type:"button","aria-label":d.value,disabled:(0,e.unref)(a).disabled.value,"data-disabled":(0,e.unref)(a).disabled.value?"":void 0,tabindex:-1,onClick:t[0]||(t[0]=s=>(0,e.unref)(a).remove())},[(0,e.renderSlot)(r.$slots,"default")],8,i))}});exports.default=n;

package/dist/badge/BadgeDelete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{BADGE_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as d,defineComponent as l,openBlock as s,renderSlot as o,unref as r}from"vue";var i=["aria-label","disabled","data-disabled"],n=/* @__PURE__ */l({__name:"BadgeDelete",setup(l){const n=e(a,"<SkdxBadgeDelete> must be used inside <SkdxBadge>.");if(!n.grouped)throw new Error("[skandadx] `BadgeDelete` requires its `Badge` to be inside a `TagGroup` — a standalone `Badge` has no group to remove it from.");const u=t(()=>`${n.deleteLabel.value} ${n.label.value}`.trim());return(e,a)=>(s(),d("button",{class:"skdx-badge__delete","data-part":"delete",type:"button","aria-label":u.value,disabled:r(n).disabled.value,"data-disabled":r(n).disabled.value?"":void 0,tabindex:-1,onClick:a[0]||(a[0]=e=>r(n).remove())},[o(e.$slots,"default")],8,i))}});export{n as default};

package/dist/badge/BadgeLabel.vue.cjs

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

package/dist/badge/BadgeLabel.vue.d.cts

@@ -0,0 +1,14 @@
+/** The wrapper around a badge's visible text, letting a skin truncate the label without truncating its icon or delete button. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/badge/BadgeLabel.vue.d.ts

@@ -0,0 +1,14 @@
+/** The wrapper around a badge's visible text, letting a skin truncate the label without truncating its icon or delete button. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/badge/BadgeLabel.vue.js

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

package/dist/badge/BadgeLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var u={class:"skdx-badge__label","data-part":"label"},_=(0,e.defineComponent)({__name:"BadgeLabel",setup(d){return r.injectRequired(a.BADGE_CONTEXT,"<SkdxBadgeLabel> must be used inside <SkdxBadge>."),(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",u,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/badge/BadgeLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{BADGE_CONTEXT as a}from"./context.js";import{createElementBlock as s,defineComponent as t,openBlock as d,renderSlot as l}from"vue";var o={class:"skdx-badge__label","data-part":"label"},r=/* @__PURE__ */t({__name:"BadgeLabel",setup:t=>(e(a,"<SkdxBadgeLabel> must be used inside <SkdxBadge>."),(e,a)=>(d(),s("span",o,[l(e.$slots,"default")])))});export{r as default};

package/dist/badge/BadgeLeading.vue.d.cts

@@ -1,6 +1,4 @@
-/**
- * Slot for leading icon or dot. Allows skins to style icon independently. Decorative — badge meaning is text only.
- */
+/** Slot for a leading icon or dot; decorative, since badge meaning comes from text only. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/badge/BadgeLeading.vue.d.ts

@@ -1,6 +1,4 @@
-/**
- * Slot for leading icon or dot. Allows skins to style icon independently. Decorative — badge meaning is text only.
- */
+/** Slot for a leading icon or dot; decorative, since badge meaning comes from text only. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/badge/BadgeLeading.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var t={class:"skdx-badge__leading","data-part":"leading"},_=(0,e.defineComponent)({__name:"BadgeLeading",setup(d){return(a,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",t,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=_;
+const r=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var d={class:"skdx-badge__leading","data-part":"leading"},n=(0,e.defineComponent)({__name:"BadgeLeading",setup(u){return r.injectRequired(a.BADGE_CONTEXT,"<SkdxBadgeLeading> must be used inside <SkdxBadge>."),(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",d,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=n;

package/dist/badge/BadgeLeading.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as s,renderSlot as t}from"vue";var d={class:"skdx-badge__leading","data-part":"leading"},n=/* @__PURE__ */a({__name:"BadgeLeading",setup:a=>(a,n)=>(s(),e("span",d,[t(a.$slots,"default")]))});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{BADGE_CONTEXT as a}from"./context.js";import{createElementBlock as d,defineComponent as s,openBlock as t,renderSlot as n}from"vue";var i={class:"skdx-badge__leading","data-part":"leading"},o=/* @__PURE__ */s({__name:"BadgeLeading",setup:s=>(e(a,"<SkdxBadgeLeading> must be used inside <SkdxBadge>."),(e,a)=>(t(),d("span",i,[n(e.$slots,"default")])))});export{o as default};

package/dist/badge/BadgeTrailing.vue.d.cts

@@ -1,10 +1,4 @@
-/**
- * An optional slot after a `<SkdxBadge>`'s text, for a count, a caret or a
- * dismiss glyph. The mirror of `<SkdxBadgeLeading>`, and the pair is what
- * Mantine spells `leftSection`/`rightSection`.
- *
- * Decorative for the same reason: a badge's meaning is its text.
- */
+/** Optional slot after a SkdxBadge's text, for a count, a caret, or a dismiss glyph; decorative. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/badge/BadgeTrailing.vue.d.ts

@@ -1,10 +1,4 @@
-/**
- * An optional slot after a `<SkdxBadge>`'s text, for a count, a caret or a
- * dismiss glyph. The mirror of `<SkdxBadgeLeading>`, and the pair is what
- * Mantine spells `leftSection`/`rightSection`.
- *
- * Decorative for the same reason: a badge's meaning is its text.
- */
+/** Optional slot after a SkdxBadge's text, for a count, a caret, or a dismiss glyph; decorative. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/badge/context.cjs

@@ -0,0 +1 @@
+var E=Symbol("skdx-badge-context");exports.BADGE_CONTEXT=E;

package/dist/badge/context.d.cts

@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Shape a badge provides so its parts can name themselves and trigger the removal. */
+export interface BadgeContext {
+    /** Badge text, naming the delete button and the removal announcement as `<deleteLabel> <label>`. */
+    label: ComputedRef<string>;
+    /** Word for delete button name: `<deleteLabel> <label>`. */
+    deleteLabel: ComputedRef<string>;
+    /** Whether the badge or its group is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the badge reads as chosen. */
+    selected: ComputedRef<boolean>;
+    /** Dispatches cancelable `delete`, moves focus to neighbour, announces removal. No-op if disabled/standalone. */
+    remove: () => void;
+    /** Whether the badge is inside a `TagGroup`. A standalone badge cannot be removed. */
+    grouped: boolean;
+}
+/** @internal Injection key a badge provides so its parts share its text, disabled flag and removal. */
+export declare const BADGE_CONTEXT: InjectionKey<BadgeContext>;

package/dist/badge/context.d.ts

@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Shape a badge provides so its parts can name themselves and trigger the removal. */
+export interface BadgeContext {
+    /** Badge text, naming the delete button and the removal announcement as `<deleteLabel> <label>`. */
+    label: ComputedRef<string>;
+    /** Word for delete button name: `<deleteLabel> <label>`. */
+    deleteLabel: ComputedRef<string>;
+    /** Whether the badge or its group is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the badge reads as chosen. */
+    selected: ComputedRef<boolean>;
+    /** Dispatches cancelable `delete`, moves focus to neighbour, announces removal. No-op if disabled/standalone. */
+    remove: () => void;
+    /** Whether the badge is inside a `TagGroup`. A standalone badge cannot be removed. */
+    grouped: boolean;
+}
+/** @internal Injection key a badge provides so its parts share its text, disabled flag and removal. */
+export declare const BADGE_CONTEXT: InjectionKey<BadgeContext>;

package/dist/badge/context.js

@@ -0,0 +1 @@
+var a=/* @__PURE__ */Symbol("skdx-badge-context");export{a as BADGE_CONTEXT};