@skdx/vue-blocks 0.34.0 → 0.35.0

package/dist/workspace-switcher/WorkspaceSwitcher.vue.d.cts

@@ -0,0 +1,135 @@
+import type { WorkspaceSwitcherItem } from './types.cjs';
+/**
+ * Switches the active context — workspace, organisation, team, account or project — from a searchable, groupable list in a popover, with loading, empty and footer regions.
+ *
+ * @example
+ * ```vue
+ * <SkdxWorkspaceSwitcher
+ *   label="Switch workspace"
+ *   default-value="acme"
+ *   :items="[{ id: 'acme', label: 'Acme', description: 'Pro', group: 'Organisations' }]"
+ *   @value-change="(id) => switchTo(id)"
+ * >
+ *   <template #actions><SkdxButton>Create workspace</SkdxButton></template>
+ * </SkdxWorkspaceSwitcher>
+ * ```
+ */
+type __VLS_Props = {
+    /** Every context the user may switch to, rendered in the order given. */
+    items: readonly WorkspaceSwitcherItem[];
+    /**
+     * Id of the active context, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, seeded from `defaultValue`.
+     */
+    value?: string | undefined;
+    /**
+     * Id of the context active on first render, for uncontrolled usage.
+     * @default '' — the trigger shows the placeholder until something is picked.
+     */
+    defaultValue?: string;
+    /**
+     * Trigger text shown while no item in the list is the active one.
+     * @default 'Select'
+     */
+    placeholder?: string;
+    /**
+     * Accessible name for the trigger and the list, when the visible text is not enough.
+     * @default undefined — the trigger is named by its own visible text.
+     */
+    label?: string | undefined;
+    /**
+     * Accessible name of the search field inside the open panel.
+     * @default 'Search'
+     */
+    searchLabel?: string;
+    /**
+     * Placeholder text shown inside the panel's empty search field.
+     * @default undefined — the search field renders no placeholder.
+     */
+    searchPlaceholder?: string | undefined;
+    /**
+     * Message shown in place of the list when the search matches nothing.
+     * @default 'No results'
+     */
+    emptyMessage?: string;
+    /**
+     * Message announced beside the list while results are still in flight.
+     * @default 'Loading'
+     */
+    loadingMessage?: string;
+    /**
+     * Marks the results as in flight, showing the loading message instead of the empty one.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Visually hidden text appended to the active item, naming it for screen readers.
+     * @default 'Current'
+     */
+    selectedLabel?: string;
+    /**
+     * Whether the panel is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the panel is open on first render, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+};
+type __VLS_Slots = {
+    /** Content that replaces the derived trigger button entirely. */
+    trigger?(): unknown;
+    /** Decorative glyph — an avatar or a logo — for the item it decorates and for the trigger. */
+    leading?(props: {
+        item: WorkspaceSwitcherItem;
+    }): unknown;
+    /** Controls placed in the panel's footer, such as create and manage buttons. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "open-auto-focus": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onOpen-auto-focus"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    label: string | undefined;
+    placeholder: string;
+    loading: boolean;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    value: string | undefined;
+    defaultValue: string;
+    searchLabel: string;
+    searchPlaceholder: string | undefined;
+    emptyMessage: string;
+    loadingMessage: string;
+    selectedLabel: string;
+}, {}, {}, {}, 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/workspace-switcher/WorkspaceSwitcher.vue.d.ts

@@ -0,0 +1,135 @@
+import type { WorkspaceSwitcherItem } from './types.js';
+/**
+ * Switches the active context — workspace, organisation, team, account or project — from a searchable, groupable list in a popover, with loading, empty and footer regions.
+ *
+ * @example
+ * ```vue
+ * <SkdxWorkspaceSwitcher
+ *   label="Switch workspace"
+ *   default-value="acme"
+ *   :items="[{ id: 'acme', label: 'Acme', description: 'Pro', group: 'Organisations' }]"
+ *   @value-change="(id) => switchTo(id)"
+ * >
+ *   <template #actions><SkdxButton>Create workspace</SkdxButton></template>
+ * </SkdxWorkspaceSwitcher>
+ * ```
+ */
+type __VLS_Props = {
+    /** Every context the user may switch to, rendered in the order given. */
+    items: readonly WorkspaceSwitcherItem[];
+    /**
+     * Id of the active context, for controlled usage. Pair with `v-model:value` or `@value-change`.
+     * @default undefined — uncontrolled, seeded from `defaultValue`.
+     */
+    value?: string | undefined;
+    /**
+     * Id of the context active on first render, for uncontrolled usage.
+     * @default '' — the trigger shows the placeholder until something is picked.
+     */
+    defaultValue?: string;
+    /**
+     * Trigger text shown while no item in the list is the active one.
+     * @default 'Select'
+     */
+    placeholder?: string;
+    /**
+     * Accessible name for the trigger and the list, when the visible text is not enough.
+     * @default undefined — the trigger is named by its own visible text.
+     */
+    label?: string | undefined;
+    /**
+     * Accessible name of the search field inside the open panel.
+     * @default 'Search'
+     */
+    searchLabel?: string;
+    /**
+     * Placeholder text shown inside the panel's empty search field.
+     * @default undefined — the search field renders no placeholder.
+     */
+    searchPlaceholder?: string | undefined;
+    /**
+     * Message shown in place of the list when the search matches nothing.
+     * @default 'No results'
+     */
+    emptyMessage?: string;
+    /**
+     * Message announced beside the list while results are still in flight.
+     * @default 'Loading'
+     */
+    loadingMessage?: string;
+    /**
+     * Marks the results as in flight, showing the loading message instead of the empty one.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Visually hidden text appended to the active item, naming it for screen readers.
+     * @default 'Current'
+     */
+    selectedLabel?: string;
+    /**
+     * Whether the panel is open, for controlled usage. Pair with `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, seeded from `defaultOpen`.
+     */
+    open?: boolean | undefined;
+    /**
+     * Whether the panel is open on first render, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+};
+type __VLS_Slots = {
+    /** Content that replaces the derived trigger button entirely. */
+    trigger?(): unknown;
+    /** Decorative glyph — an avatar or a logo — for the item it decorates and for the trigger. */
+    leading?(props: {
+        item: WorkspaceSwitcherItem;
+    }): unknown;
+    /** Controls placed in the panel's footer, such as create and manage buttons. */
+    actions?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+    "escape-key-down": (event: Event) => any;
+    "pointer-down-outside": (event: Event) => any;
+    "focus-outside": (event: Event) => any;
+    "interact-outside": (event: Event) => any;
+    "open-auto-focus": (event: Event) => any;
+    "close-auto-focus": (event: Event) => any;
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+    "onEscape-key-down"?: (event: Event) => any;
+    "onPointer-down-outside"?: (event: Event) => any;
+    "onFocus-outside"?: (event: Event) => any;
+    "onInteract-outside"?: (event: Event) => any;
+    "onOpen-auto-focus"?: (event: Event) => any;
+    "onClose-auto-focus"?: (event: Event) => any;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    label: string | undefined;
+    placeholder: string;
+    loading: boolean;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    value: string | undefined;
+    defaultValue: string;
+    searchLabel: string;
+    searchPlaceholder: string | undefined;
+    emptyMessage: string;
+    loadingMessage: string;
+    selectedLabel: string;
+}, {}, {}, {}, 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/workspace-switcher/WorkspaceSwitcher.vue.js

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

package/dist/workspace-switcher/WorkspaceSwitcher.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../internal/part.cjs");let e=require("vue"),E=require("@skdx/vue"),i=require("@skdx/vue/primitives/command"),k=require("@skdx/vue/primitives/popover");var O=(0,e.defineComponent)({inheritAttrs:!1,__name:"WorkspaceSwitcher",props:{items:{},value:{default:void 0},defaultValue:{default:""},placeholder:{default:"Select"},label:{default:void 0},searchLabel:{default:"Search"},searchPlaceholder:{default:void 0},emptyMessage:{default:"No results"},loadingMessage:{default:"Loading"},loading:{type:Boolean,default:!1},selectedLabel:{default:"Current"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(l,{emit:C}){const u=l,s=C;function x(t,r){const o=r.toLowerCase(),a=new Map([[void 0,[]]]);for(const d of t){const p=a.get(d.group);p?p.push(d):a.set(d.group,[d])}const h=d=>o===""||d.id.toLowerCase().includes(o)||d.label.toLowerCase().includes(o)||(d.description?.toLowerCase().includes(o)??!1),P=[];for(const[d,p]of a)p.some(h)&&P.push({heading:d,items:p});return P}const y=(0,e.useAttrs)(),f=(0,e.ref)(""),g=(0,e.ref)(u.defaultValue),v=(0,e.ref)(u.defaultOpen),m=(0,e.computed)(()=>u.value??g.value),S=(0,e.computed)(()=>u.open??v.value),c=(0,e.computed)(()=>u.items.find(t=>t.id===m.value)),b=(0,e.computed)(()=>x(u.items,f.value)),B=(0,e.computed)(()=>(0,e.mergeProps)({"aria-label":u.label},y,{...n.skdxPart("workspace-switcher","root")}));function w(t){t||(f.value=""),u.open===void 0&&(v.value=t),s("update:open",t),s("open-change",t)}function V(t){u.value===void 0&&(g.value=t),s("update:value",t),s("value-change",t),w(!1)}function N(t){return t.description?[t.label,t.description]:[t.label]}function L(t){return t.heading===void 0?{}:{heading:t.heading}}return(t,r)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(k.SkdxPopoverRoot),{open:S.value,modal:"none",onOpenChange:w,onOpenChangeComplete:r[7]||(r[7]=o=>s("open-change-complete",o))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(k.SkdxPopoverTrigger),(0,e.normalizeProps)((0,e.guardReactiveProps)(B.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"trigger",{},()=>[t.$slots.leading&&c.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},(0,e.unref)(n.skdxPart)("workspace-switcher","leading")),[(0,e.renderSlot)(t.$slots,"leading",{item:c.value})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","current"))),(0,e.toDisplayString)(c.value?.label??l.placeholder),17),c.value?.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.normalizeProps)((0,e.mergeProps)({key:1},(0,e.unref)(n.skdxPart)("workspace-switcher","description"))),(0,e.toDisplayString)(c.value.description),17)):(0,e.createCommentVNode)("",!0)])]),_:3},16),(0,e.createVNode)((0,e.unref)(k.SkdxPopoverPortal),null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(k.SkdxPopoverContent),(0,e.mergeProps)((0,e.unref)(n.skdxPart)("workspace-switcher","content"),{align:"start","aria-label":l.label??l.placeholder,onEscapeKeyDown:r[1]||(r[1]=o=>s("escape-key-down",o)),onPointerDownOutside:r[2]||(r[2]=o=>s("pointer-down-outside",o)),onFocusOutside:r[3]||(r[3]=o=>s("focus-outside",o)),onInteractOutside:r[4]||(r[4]=o=>s("interact-outside",o)),onOpenAutoFocus:r[5]||(r[5]=o=>s("open-auto-focus",o)),onCloseAutoFocus:r[6]||(r[6]=o=>s("close-auto-focus",o))}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxCommand),{loading:l.loading??!1,search:f.value,onSearchChange:r[0]||(r[0]=o=>f.value=o)},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(i.SkdxCommandInput),(0,e.mergeProps)((0,e.unref)(n.skdxPart)("workspace-switcher","search"),{"aria-label":l.searchLabel,placeholder:l.searchPlaceholder}),null,16,["aria-label","placeholder"]),(0,e.createVNode)((0,e.unref)(i.SkdxCommandList),(0,e.mergeProps)((0,e.unref)(n.skdxPart)("workspace-switcher","list"),{"aria-label":l.label??l.placeholder}),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(b.value,o=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxCommandGroup),(0,e.mergeProps)({key:o.heading??""},{ref_for:!0},{...(0,e.unref)(n.skdxPart)("workspace-switcher","group"),...L(o)}),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,a=>((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.SkdxCommandItem),(0,e.mergeProps)({key:a.id},{ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item"),{value:a.id,keywords:N(a),disabled:a.disabled,"data-selected":a.id===m.value?"":void 0,onSelect:h=>V(a.id)}),{default:(0,e.withCtx)(()=>[t.$slots.leading?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:0,"aria-hidden":"true"},{ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-leading")),[(0,e.renderSlot)(t.$slots,"leading",{item:a})],16)):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("span",(0,e.mergeProps)({ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-label")),(0,e.toDisplayString)(a.label),17),a.description?((0,e.openBlock)(),(0,e.createElementBlock)("span",(0,e.mergeProps)({key:1,ref_for:!0},(0,e.unref)(n.skdxPart)("workspace-switcher","item-description")),(0,e.toDisplayString)(a.description),17)):(0,e.createCommentVNode)("",!0),a.id===m.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(E.SkdxVisuallyHidden),{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.selectedLabel),1)]),_:1})):(0,e.createCommentVNode)("",!0)]),_:2},1040,["value","keywords","disabled","data-selected","onSelect"]))),128))]),_:2},1040))),128))]),_:3},16,["aria-label"]),(0,e.createVNode)((0,e.unref)(i.SkdxCommandLoading),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","loading"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.loadingMessage),1)]),_:1},16),(0,e.createVNode)((0,e.unref)(i.SkdxCommandEmpty),(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n.skdxPart)("workspace-switcher","empty"))),{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.emptyMessage),1)]),_:1},16)]),_:3},8,["loading","search"]),t.$slots.actions?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.mergeProps)({key:0},(0,e.unref)(n.skdxPart)("workspace-switcher","footer"))),[(0,e.renderSlot)(t.$slots,"actions")],16)):(0,e.createCommentVNode)("",!0)]),_:3},16,["aria-label"])]),_:3})]),_:3},8,["open"]))}});exports.default=O;

package/dist/workspace-switcher/WorkspaceSwitcher.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{skdxPart as e}from"../internal/part.js";import{Fragment as a,computed as o,createBlock as t,createCommentVNode as s,createElementBlock as l,createElementVNode as r,createTextVNode as d,createVNode as n,defineComponent as i,guardReactiveProps as u,mergeProps as c,normalizeProps as p,openBlock as f,ref as m,renderList as h,renderSlot as v,toDisplayString as k,unref as g,useAttrs as w,withCtx as b}from"vue";import{SkdxVisuallyHidden as y}from"@skdx/vue";import{SkdxCommand as C,SkdxCommandEmpty as S,SkdxCommandGroup as x,SkdxCommandInput as _,SkdxCommandItem as L,SkdxCommandList as P,SkdxCommandLoading as O}from"@skdx/vue/primitives/command";import{SkdxPopoverContent as V,SkdxPopoverPortal as $,SkdxPopoverRoot as B,SkdxPopoverTrigger as M}from"@skdx/vue/primitives/popover";var N=/* @__PURE__ */i({inheritAttrs:!1,__name:"WorkspaceSwitcher",props:{items:{},value:{default:void 0},defaultValue:{default:""},placeholder:{default:"Select"},label:{default:void 0},searchLabel:{default:"Search"},searchPlaceholder:{default:void 0},emptyMessage:{default:"No results"},loadingMessage:{default:"Loading"},loading:{type:Boolean,default:!1},selectedLabel:{default:"Current"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:value","value-change","update:open","open-change","open-change-complete","escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(i,{emit:N}){const A=i,E=N,F=w(),D=m(""),I=m(A.defaultValue),R=m(A.defaultOpen),T=o(()=>A.value??I.value),j=o(()=>A.open??R.value),z=o(()=>A.items.find(e=>e.id===T.value)),G=o(()=>function(e,a){const o=a.toLowerCase(),t=/* @__PURE__ */new Map([[void 0,[]]]);for(const a of e){const e=t.get(a.group);e?e.push(a):t.set(a.group,[a])}const s=e=>""===o||e.id.toLowerCase().includes(o)||e.label.toLowerCase().includes(o)||(e.description?.toLowerCase().includes(o)??!1),l=[];for(const[e,a]of t)a.some(s)&&l.push({heading:e,items:a});return l}(A.items,D.value)),H=o(()=>c({"aria-label":A.label},F,{...e("workspace-switcher","root")}));function K(e){e||(D.value=""),void 0===A.open&&(R.value=e),E("update:open",e),E("open-change",e)}function W(e){return e.description?[e.label,e.description]:[e.label]}function q(e){return void 0===e.heading?{}:{heading:e.heading}}return(o,m)=>(f(),t(g(B),{open:j.value,modal:"none",onOpenChange:K,onOpenChangeComplete:m[7]||(m[7]=e=>E("open-change-complete",e))},{default:b(()=>[n(g(M),p(u(H.value)),{default:b(()=>[v(o.$slots,"trigger",{},()=>[o.$slots.leading&&z.value?(f(),l("span",c({key:0,"aria-hidden":"true"},g(e)("workspace-switcher","leading")),[v(o.$slots,"leading",{item:z.value})],16)):s("",!0),r("span",p(u(g(e)("workspace-switcher","current"))),k(z.value?.label??i.placeholder),17),z.value?.description?(f(),l("span",p(c({key:1},g(e)("workspace-switcher","description"))),k(z.value.description),17)):s("",!0)])]),_:3},16),n(g($),null,{default:b(()=>[n(g(V),c(g(e)("workspace-switcher","content"),{align:"start","aria-label":i.label??i.placeholder,onEscapeKeyDown:m[1]||(m[1]=e=>E("escape-key-down",e)),onPointerDownOutside:m[2]||(m[2]=e=>E("pointer-down-outside",e)),onFocusOutside:m[3]||(m[3]=e=>E("focus-outside",e)),onInteractOutside:m[4]||(m[4]=e=>E("interact-outside",e)),onOpenAutoFocus:m[5]||(m[5]=e=>E("open-auto-focus",e)),onCloseAutoFocus:m[6]||(m[6]=e=>E("close-auto-focus",e))}),{default:b(()=>[n(g(C),{loading:i.loading??!1,search:D.value,onSearchChange:m[0]||(m[0]=e=>D.value=e)},{default:b(()=>[n(g(_),c(g(e)("workspace-switcher","search"),{"aria-label":i.searchLabel,placeholder:i.searchPlaceholder}),null,16,["aria-label","placeholder"]),n(g(P),c(g(e)("workspace-switcher","list"),{"aria-label":i.label??i.placeholder}),{default:b(()=>[(f(!0),l(a,null,h(G.value,n=>(f(),t(g(x),c({key:n.heading??""},{ref_for:!0},{...g(e)("workspace-switcher","group"),...q(n)}),{default:b(()=>[(f(!0),l(a,null,h(n.items,a=>(f(),t(g(L),c({key:a.id},{ref_for:!0},g(e)("workspace-switcher","item"),{value:a.id,keywords:W(a),disabled:a.disabled,"data-selected":a.id===T.value?"":void 0,onSelect:e=>function(e){void 0===A.value&&(I.value=e),E("update:value",e),E("value-change",e),K(!1)}(a.id)}),{default:b(()=>[o.$slots.leading?(f(),l("span",c({key:0,"aria-hidden":"true"},{ref_for:!0},g(e)("workspace-switcher","item-leading")),[v(o.$slots,"leading",{item:a})],16)):s("",!0),r("span",c({ref_for:!0},g(e)("workspace-switcher","item-label")),k(a.label),17),a.description?(f(),l("span",c({key:1,ref_for:!0},g(e)("workspace-switcher","item-description")),k(a.description),17)):s("",!0),a.id===T.value?(f(),t(g(y),{key:2},{default:b(()=>[d(k(i.selectedLabel),1)]),_:1})):s("",!0)]),_:2},1040,["value","keywords","disabled","data-selected","onSelect"]))),128))]),_:2},1040))),128))]),_:3},16,["aria-label"]),n(g(O),p(u(g(e)("workspace-switcher","loading"))),{default:b(()=>[d(k(i.loadingMessage),1)]),_:1},16),n(g(S),p(u(g(e)("workspace-switcher","empty"))),{default:b(()=>[d(k(i.emptyMessage),1)]),_:1},16)]),_:3},8,["loading","search"]),o.$slots.actions?(f(),l("div",p(c({key:0},g(e)("workspace-switcher","footer"))),[v(o.$slots,"actions")],16)):s("",!0)]),_:3},16,["aria-label"])]),_:3})]),_:3},8,["open"]))}});export{N as default};

package/dist/workspace-switcher/index.cjs

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

package/dist/workspace-switcher/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxWorkspaceSwitcher } from './WorkspaceSwitcher.vue.cjs';
+export type { WorkspaceSwitcherItem } from './types.cjs';

package/dist/workspace-switcher/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxWorkspaceSwitcher } from './WorkspaceSwitcher.vue.js';
+export type { WorkspaceSwitcherItem } from './types.js';

package/dist/workspace-switcher/index.js

@@ -0,0 +1 @@
+import r from"./WorkspaceSwitcher.vue.js";export{r as SkdxWorkspaceSwitcher};

package/dist/workspace-switcher/types.d.cts

@@ -0,0 +1,22 @@
+/** One switchable context in the list — a workspace, organisation, team, account or project. */
+export interface WorkspaceSwitcherItem {
+    /** Stable identifier reported to the change handler and matched against the current value. */
+    id: string;
+    /** Human-readable name rendered as the item's first line and in the closed trigger. */
+    label: string;
+    /**
+     * Secondary line rendered under the label, such as a plan name or member count.
+     * @default undefined — the item renders its label alone.
+     */
+    description?: string | undefined;
+    /**
+     * Heading of the group this item is listed under, gathering items that share it.
+     * @default undefined — the item sits in the leading ungrouped block.
+     */
+    group?: string | undefined;
+    /**
+     * Lists the item but withholds selection, keyboard traversal and pointer highlighting.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}

package/dist/workspace-switcher/types.d.ts

@@ -0,0 +1,22 @@
+/** One switchable context in the list — a workspace, organisation, team, account or project. */
+export interface WorkspaceSwitcherItem {
+    /** Stable identifier reported to the change handler and matched against the current value. */
+    id: string;
+    /** Human-readable name rendered as the item's first line and in the closed trigger. */
+    label: string;
+    /**
+     * Secondary line rendered under the label, such as a plan name or member count.
+     * @default undefined — the item renders its label alone.
+     */
+    description?: string | undefined;
+    /**
+     * Heading of the group this item is listed under, gathering items that share it.
+     * @default undefined — the item sits in the leading ungrouped block.
+     */
+    group?: string | undefined;
+    /**
+     * Lists the item but withholds selection, keyboard traversal and pointer highlighting.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skdx/vue-blocks",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "description": "Vue blocks for the SkandaDX design system — page-level compositions of @skdx/vue styled by @skdx/skins",
   "license": "MIT",
   "publishConfig": {
@@ -33,6 +33,66 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./chat-composer": {
+      "import": {
+        "types": "./dist/chat-composer/index.d.ts",
+        "default": "./dist/chat-composer/index.js"
+      },
+      "require": {
+        "types": "./dist/chat-composer/index.d.cts",
+        "default": "./dist/chat-composer/index.cjs"
+      }
+    },
+    "./chat-message": {
+      "import": {
+        "types": "./dist/chat-message/index.d.ts",
+        "default": "./dist/chat-message/index.js"
+      },
+      "require": {
+        "types": "./dist/chat-message/index.d.cts",
+        "default": "./dist/chat-message/index.cjs"
+      }
+    },
+    "./comment": {
+      "import": {
+        "types": "./dist/comment/index.d.ts",
+        "default": "./dist/comment/index.js"
+      },
+      "require": {
+        "types": "./dist/comment/index.d.cts",
+        "default": "./dist/comment/index.cjs"
+      }
+    },
+    "./comment-thread": {
+      "import": {
+        "types": "./dist/comment-thread/index.d.ts",
+        "default": "./dist/comment-thread/index.js"
+      },
+      "require": {
+        "types": "./dist/comment-thread/index.d.cts",
+        "default": "./dist/comment-thread/index.cjs"
+      }
+    },
+    "./confirm-dialog": {
+      "import": {
+        "types": "./dist/confirm-dialog/index.d.ts",
+        "default": "./dist/confirm-dialog/index.js"
+      },
+      "require": {
+        "types": "./dist/confirm-dialog/index.d.cts",
+        "default": "./dist/confirm-dialog/index.cjs"
+      }
+    },
+    "./conversation-list": {
+      "import": {
+        "types": "./dist/conversation-list/index.d.ts",
+        "default": "./dist/conversation-list/index.js"
+      },
+      "require": {
+        "types": "./dist/conversation-list/index.d.cts",
+        "default": "./dist/conversation-list/index.cjs"
+      }
+    },
     "./dashboard-layout": {
       "import": {
         "types": "./dist/dashboard-layout/index.d.ts",
@@ -43,6 +103,66 @@
         "default": "./dist/dashboard-layout/index.cjs"
       }
     },
+    "./empty-state": {
+      "import": {
+        "types": "./dist/empty-state/index.d.ts",
+        "default": "./dist/empty-state/index.js"
+      },
+      "require": {
+        "types": "./dist/empty-state/index.d.cts",
+        "default": "./dist/empty-state/index.cjs"
+      }
+    },
+    "./filter-bar": {
+      "import": {
+        "types": "./dist/filter-bar/index.d.ts",
+        "default": "./dist/filter-bar/index.js"
+      },
+      "require": {
+        "types": "./dist/filter-bar/index.d.cts",
+        "default": "./dist/filter-bar/index.cjs"
+      }
+    },
+    "./forgot-password-page": {
+      "import": {
+        "types": "./dist/forgot-password-page/index.d.ts",
+        "default": "./dist/forgot-password-page/index.js"
+      },
+      "require": {
+        "types": "./dist/forgot-password-page/index.d.cts",
+        "default": "./dist/forgot-password-page/index.cjs"
+      }
+    },
+    "./form-section": {
+      "import": {
+        "types": "./dist/form-section/index.d.ts",
+        "default": "./dist/form-section/index.js"
+      },
+      "require": {
+        "types": "./dist/form-section/index.d.cts",
+        "default": "./dist/form-section/index.cjs"
+      }
+    },
+    "./notification-center": {
+      "import": {
+        "types": "./dist/notification-center/index.d.ts",
+        "default": "./dist/notification-center/index.js"
+      },
+      "require": {
+        "types": "./dist/notification-center/index.d.cts",
+        "default": "./dist/notification-center/index.cjs"
+      }
+    },
+    "./onboarding-checklist": {
+      "import": {
+        "types": "./dist/onboarding-checklist/index.d.ts",
+        "default": "./dist/onboarding-checklist/index.js"
+      },
+      "require": {
+        "types": "./dist/onboarding-checklist/index.d.cts",
+        "default": "./dist/onboarding-checklist/index.cjs"
+      }
+    },
     "./page-container": {
       "import": {
         "types": "./dist/page-container/index.d.ts",
@@ -53,6 +173,16 @@
         "default": "./dist/page-container/index.cjs"
       }
     },
+    "./reset-password-page": {
+      "import": {
+        "types": "./dist/reset-password-page/index.d.ts",
+        "default": "./dist/reset-password-page/index.js"
+      },
+      "require": {
+        "types": "./dist/reset-password-page/index.d.cts",
+        "default": "./dist/reset-password-page/index.cjs"
+      }
+    },
     "./sign-in-page": {
       "import": {
         "types": "./dist/sign-in-page/index.d.ts",
@@ -63,6 +193,66 @@
         "default": "./dist/sign-in-page/index.cjs"
       }
     },
+    "./sign-up-page": {
+      "import": {
+        "types": "./dist/sign-up-page/index.d.ts",
+        "default": "./dist/sign-up-page/index.js"
+      },
+      "require": {
+        "types": "./dist/sign-up-page/index.d.cts",
+        "default": "./dist/sign-up-page/index.cjs"
+      }
+    },
+    "./stat-card": {
+      "import": {
+        "types": "./dist/stat-card/index.d.ts",
+        "default": "./dist/stat-card/index.js"
+      },
+      "require": {
+        "types": "./dist/stat-card/index.d.cts",
+        "default": "./dist/stat-card/index.cjs"
+      }
+    },
+    "./usage-card": {
+      "import": {
+        "types": "./dist/usage-card/index.d.ts",
+        "default": "./dist/usage-card/index.js"
+      },
+      "require": {
+        "types": "./dist/usage-card/index.d.cts",
+        "default": "./dist/usage-card/index.cjs"
+      }
+    },
+    "./user-menu": {
+      "import": {
+        "types": "./dist/user-menu/index.d.ts",
+        "default": "./dist/user-menu/index.js"
+      },
+      "require": {
+        "types": "./dist/user-menu/index.d.cts",
+        "default": "./dist/user-menu/index.cjs"
+      }
+    },
+    "./verification-page": {
+      "import": {
+        "types": "./dist/verification-page/index.d.ts",
+        "default": "./dist/verification-page/index.js"
+      },
+      "require": {
+        "types": "./dist/verification-page/index.d.cts",
+        "default": "./dist/verification-page/index.cjs"
+      }
+    },
+    "./workspace-switcher": {
+      "import": {
+        "types": "./dist/workspace-switcher/index.d.ts",
+        "default": "./dist/workspace-switcher/index.js"
+      },
+      "require": {
+        "types": "./dist/workspace-switcher/index.d.cts",
+        "default": "./dist/workspace-switcher/index.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -74,7 +264,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@skdx/vue": "^0.34.0"
+    "@skdx/vue": "^0.35.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.0",
@@ -86,7 +276,7 @@
     "vitest": "^4.1.10",
     "vue": "^3.5.39",
     "vue-tsc": "^2.0.0",
-    "@skdx/vue": "0.34.0"
+    "@skdx/vue": "0.35.0"
   },
   "scripts": {
     "lint": "eslint . --cache --cache-location node_modules/.cache/eslint/",