@skdx/vue 0.27.0 → 0.29.0

package/dist/loading-overlay/LoadingOverlay.vue.d.ts

@@ -1,90 +1,60 @@
 /**
- * The Vue implementation of the shared LoadingOverlay contract (see
- * `@skdx/shared`'s `loadingOverlayContract`). Wraps the content being
- * covered, owns the visibility (`visible`/`defaultVisible`/`visible-change`)
- * and hands it to `<SkdxLoadingOverlayBackdrop>` and
- * `<SkdxLoadingOverlayContent>` through `provide`. Renders a plain `<div>` —
- * give it `position: relative` and the backdrop covers exactly this box; set
- * `fullScreen` and it covers the viewport instead.
- *
- * While visible the root is `aria-busy="true"` and carries the `inert`
- * attribute, so the pointer and the tab sequence both stop at the overlay
- * rather than walking into the controls it is hiding. Deliberately **not** a
- * focus trap: this is not a dialog, there is nothing inside to focus and
- * nothing to dismiss, so trapping would strand the keyboard on a spinner.
- * Because `inert` also takes the subtree out of the accessibility tree, the
- * announcement is made through the process-wide live region (see
- * `utils/liveAnnouncer`) rather than from the `<SkdxSpinner>` inside — a
- * `role="status"` in an inert subtree announces nothing.
- *
- * `delay` exists for the same reason `SkdxTooltip` has one: a request that
- * resolves in 80ms should never paint a spinner. The timer is cancelled when
- * `visible` flips back to false before it fires, and on unmount.
- *
- * `data-state` is `"visible"`/`"hidden"` and reflects the *effective*
- * visibility, i.e. after `delay`.
+ * Covers content in the default slot with a spinner while work is in flight.
  *
  * @example
  * ```vue
  * <SkdxLoadingOverlay :visible="isFetching" :delay="150" loading-label="Loading invoices">
  *   <InvoiceTable />
- *   <SkdxLoadingOverlayBackdrop />
- *   <SkdxLoadingOverlayContent />
  * </SkdxLoadingOverlay>
  * ```
  */
 type __VLS_Props = {
     /**
-     * Whether work is in flight, for controlled usage. Pair with
-     * `v-model:visible` or `@visible-change`.
-     * @default undefined — uncontrolled, tracks its own visibility internally.
+     * Whether work is in flight, for controlled usage via `v-model:visible`.
+     * @default undefined — uncontrolled, tracks internally.
      */
-    visible?: boolean;
+    visible?: boolean | undefined;
     /**
-     * Initial visibility, for uncontrolled usage, seeding the first render.
-     * @default false — the overlay starts hidden and the wrapped content is interactive.
-     */
-    defaultVisible?: boolean;
-    /**
-     * Cover the viewport instead of the root's own box. Emits
-     * `data-full-screen` (style it `position: fixed; inset: 0`) and locks body
-     * scroll while visible — an inline overlay never locks the body, because
-     * freezing the whole page for a spinner over one card is a bug, not a
-     * feature.
-     * @default false — the overlay covers only the root element's box, and never touches body scroll.
+     * Covers the viewport instead of the root's box, emitting `data-full-screen` and locking body scroll while visible.
+     * @default false — the overlay covers only the root element's box.
      */
     fullScreen?: boolean;
     /**
-     * Text announced politely when the overlay becomes visible, and the default
-     * `<SkdxSpinner>` label inside `<SkdxLoadingOverlayContent>`.
-     * @default 'Loading' — announced as "Loading"; name the work ("Loading invoices") when the page has more than one.
+     * Accessible name of the busy region, announced when the overlay becomes visible and used as the derived `SkdxSpinner`'s label.
+     * @default 'Loading' — name the work ("Loading invoices") when multiple overlays exist.
      */
     loadingLabel?: string;
     /**
-     * Milliseconds to wait after `visible` turns true before the overlay
-     * actually appears. A response that arrives inside the window never renders
-     * an overlay at all, which is what stops the flash-of-spinner on fast
-     * requests. The pending timer is cancelled if `visible` flips back to false
-     * first, and on unmount.
-     * @default 0 — shows immediately, so nothing is hidden from a slow connection by accident.
+     * Text announced when the overlay hides; omitted, it clears its own message instead.
+     * @default undefined — hiding announces nothing.
+     */
+    loadedLabel?: string | undefined;
+    /**
+     * Milliseconds to wait after `visible` turns true before the overlay renders, avoiding spinner flash on fast responses.
+     * @default 0 — shows immediately to avoid hiding slow connections.
      */
     delay?: number;
+    /**
+     * How strongly the skin tints the backdrop, applied to the derived Backdrop part.
+     * @default undefined — falls back to a `data-emphasis` attribute.
+     */
+    emphasis?: 'low' | 'medium' | 'high' | (string & {}) | undefined;
 };
-declare var __VLS_1: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (visible: boolean) => any;
     "visible-change": (visible: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
-    "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:visible"?: (visible: boolean) => any;
+    "onVisible-change"?: (visible: boolean) => any;
 }>, {
-    visible: boolean;
-    defaultVisible: boolean;
-    fullScreen: boolean;
+    visible: boolean | undefined;
     loadingLabel: string;
+    emphasis: "low" | "medium" | "high" | (string & {}) | undefined;
+    fullScreen: boolean;
     delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/loading-overlay/LoadingOverlay.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const f=require("../utils/useBodyScrollLock.cjs"),p=require("../utils/liveAnnouncer.cjs"),b=require("./context.cjs");let e=require("vue");var m=["aria-busy","inert","data-state","data-full-screen"],_=(0,e.defineComponent)({__name:"LoadingOverlay",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},delay:{default:0}},emits:["update:visible","visible-change"],setup(u,{emit:n}){const l=u,r=n,s=(0,e.ref)(l.defaultVisible),d=(0,e.computed)(()=>l.visible===void 0?s.value:l.visible),i=(0,e.ref)(!1);(0,e.watch)([d,()=>l.delay],([t,o],y,c)=>{if(!t||o<=0)return;const v=setTimeout(()=>{i.value=!0},o);c(()=>{clearTimeout(v),i.value=!1})},{immediate:!0});const a=(0,e.computed)(()=>d.value&&(l.delay<=0||i.value));return(0,e.watch)(a,t=>{r("update:visible",t),r("visible-change",t)}),(0,e.watchEffect)(()=>p.announce(a.value?l.loadingLabel:"")),f.useBodyScrollLock((0,e.computed)(()=>a.value&&l.fullScreen)),(0,e.provide)(b.LOADING_OVERLAY_CONTEXT,{visible:a,fullScreen:(0,e.computed)(()=>l.fullScreen),loadingLabel:(0,e.computed)(()=>l.loadingLabel)}),(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-loading-overlay","data-part":"root","data-skdx-component":"loading-overlay","aria-busy":a.value?"true":void 0,inert:a.value||void 0,"data-state":a.value?"visible":"hidden","data-full-screen":u.fullScreen?"":void 0},[(0,e.renderSlot)(t.$slots,"default")],8,m))}});exports.default=_;
+const v=require("./LoadingOverlayBackdrop.vue.cjs"),c=require("./LoadingOverlayContent.vue.cjs"),m=require("./LoadingOverlayRoot.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({inheritAttrs:!1,__name:"LoadingOverlay",props:{visible:{type:Boolean,default:void 0},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},loadedLabel:{},delay:{default:0},emphasis:{default:void 0}},emits:["update:visible","visible-change"],setup(l,{emit:n}){const r=l,o=(0,e.useAttrs)(),u=(0,e.computed)(()=>r.emphasis??o["data-emphasis"]),d=(0,e.computed)(()=>{const{"data-emphasis":a,...t}=o;return t}),p=(0,e.computed)(()=>{const{emphasis:a,...t}=r;return t}),i=n;return(a,t)=>((0,e.openBlock)(),(0,e.createBlock)(m.default,(0,e.mergeProps)({...p.value,...d.value},{"onUpdate:visible":t[0]||(t[0]=s=>i("update:visible",s)),onVisibleChange:t[1]||(t[1]=s=>i("visible-change",s))}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"default"),(0,e.createVNode)(v.default,{emphasis:u.value},null,8,["emphasis"]),(0,e.createVNode)(c.default)]),_:3},16))}});exports.default=f;

package/dist/loading-overlay/LoadingOverlay.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useBodyScrollLock as e}from"../utils/useBodyScrollLock.js";import{announce as a}from"../utils/liveAnnouncer.js";import{LOADING_OVERLAY_CONTEXT as l}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as i,openBlock as s,provide as d,ref as n,renderSlot as u,watch as r,watchEffect as v}from"vue";var c=["aria-busy","inert","data-state","data-full-screen"],f=/* @__PURE__ */i({__name:"LoadingOverlay",props:{visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!1},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},delay:{default:0}},emits:["update:visible","visible-change"],setup(i,{emit:f}){const m=i,p=f,b=n(m.defaultVisible),y=t(()=>void 0===m.visible?b.value:m.visible),g=n(!1);r([y,()=>m.delay],([e,a],l,t)=>{if(!e||a<=0)return;const o=setTimeout(()=>{g.value=!0},a);t(()=>{clearTimeout(o),g.value=!1})},{immediate:!0});const L=t(()=>y.value&&(m.delay<=0||g.value));return r(L,e=>{p("update:visible",e),p("visible-change",e)}),v(()=>a(L.value?m.loadingLabel:"")),e(t(()=>L.value&&m.fullScreen)),d(l,{visible:L,fullScreen:t(()=>m.fullScreen),loadingLabel:t(()=>m.loadingLabel)}),(e,a)=>(s(),o("div",{class:"skdx-loading-overlay","data-part":"root","data-skdx-component":"loading-overlay","aria-busy":L.value?"true":void 0,inert:L.value||void 0,"data-state":L.value?"visible":"hidden","data-full-screen":i.fullScreen?"":void 0},[u(e.$slots,"default")],8,c))}});export{f as default};
+import e from"./LoadingOverlayBackdrop.vue.js";import a from"./LoadingOverlayContent.vue.js";import s from"./LoadingOverlayRoot.vue.js";import{computed as t,createBlock as o,createVNode as i,defineComponent as l,mergeProps as r,openBlock as n,renderSlot as d,useAttrs as p,withCtx as u}from"vue";var m=/* @__PURE__ */l({inheritAttrs:!1,__name:"LoadingOverlay",props:{visible:{type:Boolean,default:void 0},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},loadedLabel:{},delay:{default:0},emphasis:{default:void 0}},emits:["update:visible","visible-change"],setup(l,{emit:m}){const v=l,f=p(),c=t(()=>v.emphasis??f["data-emphasis"]),h=t(()=>{const{"data-emphasis":e,...a}=f;return a}),g=t(()=>{const{emphasis:e,...a}=v;return a}),b=m;return(t,l)=>(n(),o(s,r({...g.value,...h.value},{"onUpdate:visible":l[0]||(l[0]=e=>b("update:visible",e)),onVisibleChange:l[1]||(l[1]=e=>b("visible-change",e))}),{default:u(()=>[d(t.$slots,"default"),i(e,{emphasis:c.value},null,8,["emphasis"]),i(a)]),_:3},16))}});export{m as default};

package/dist/loading-overlay/LoadingOverlayBackdrop.vue.d.cts

@@ -1,14 +1,5 @@
 /**
- * The scrim that covers the work in progress. Mounted only while the overlay
- * is *effectively* visible — i.e. after the root's `delay` — so a response
- * that arrives inside the delay window never paints a scrim at all.
- *
- * Renders `aria-hidden` — it is pure decoration, the announcement comes from
- * the root — and carries `data-state="visible"` plus `data-full-screen` so one
- * rule set can style both the inline (`position: absolute; inset: 0`) and the
- * full-screen (`position: fixed; inset: 0`) case.
- *
- * Must be used inside `<SkdxLoadingOverlay>`.
+ * Renders the scrim layer, reading visibility from the root's context.
  *
  * @example
  * ```vue
@@ -18,6 +9,12 @@
  * </SkdxLoadingOverlay>
  * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * How strongly the skin tints the backdrop, reflected as `data-emphasis`.
+     * @default undefined — falls back to a `data-emphasis` attribute.
+     */
+    emphasis?: 'low' | 'medium' | 'high' | (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/loading-overlay/LoadingOverlayBackdrop.vue.d.ts

@@ -1,14 +1,5 @@
 /**
- * The scrim that covers the work in progress. Mounted only while the overlay
- * is *effectively* visible — i.e. after the root's `delay` — so a response
- * that arrives inside the delay window never paints a scrim at all.
- *
- * Renders `aria-hidden` — it is pure decoration, the announcement comes from
- * the root — and carries `data-state="visible"` plus `data-full-screen` so one
- * rule set can style both the inline (`position: absolute; inset: 0`) and the
- * full-screen (`position: fixed; inset: 0`) case.
- *
- * Must be used inside `<SkdxLoadingOverlay>`.
+ * Renders the scrim layer, reading visibility from the root's context.
  *
  * @example
  * ```vue
@@ -18,6 +9,12 @@
  * </SkdxLoadingOverlay>
  * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * How strongly the skin tints the backdrop, reflected as `data-emphasis`.
+     * @default undefined — falls back to a `data-emphasis` attribute.
+     */
+    emphasis?: 'low' | 'medium' | 'high' | (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/loading-overlay/LoadingOverlayBackdrop.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var t=["data-full-screen"],n=(0,e.defineComponent)({__name:"LoadingOverlayBackdrop",setup(d){const r=(0,e.inject)(a.LOADING_OVERLAY_CONTEXT);if(!r)throw new Error("<SkdxLoadingOverlayBackdrop> must be used inside <SkdxLoadingOverlay>.");return(o,l)=>(0,e.unref)(r).visible.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-loading-overlay__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":"visible","data-full-screen":(0,e.unref)(r).fullScreen.value?"":void 0},null,8,t)):(0,e.createCommentVNode)("",!0)}});exports.default=n;
+const n=require("../utils/appearance.cjs"),i=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var u=["data-full-screen"],d=(0,e.defineComponent)({inheritAttrs:!1,__name:"LoadingOverlayBackdrop",props:{emphasis:{}},setup(t){const r=i.injectRequired(s.LOADING_OVERLAY_CONTEXT,"<SkdxLoadingOverlayBackdrop> must be used inside <SkdxLoadingOverlay>.");return(a,o)=>(0,e.unref)(r).visible.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,class:"skdx-loading-overlay__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":"visible","data-full-screen":(0,e.unref)(r).fullScreen.value?"":void 0},{...a.$attrs,...(0,e.unref)(n.appearanceAttrs)({emphasis:t.emphasis},a.$attrs)}),null,16,u)):(0,e.createCommentVNode)("",!0)}});exports.default=d;

package/dist/loading-overlay/LoadingOverlayBackdrop.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{LOADING_OVERLAY_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as r,defineComponent as o,inject as t,openBlock as d,unref as n}from"vue";var l=["data-full-screen"],s=/* @__PURE__ */o({__name:"LoadingOverlayBackdrop",setup(o){const s=t(e);if(!s)throw new Error("<SkdxLoadingOverlayBackdrop> must be used inside <SkdxLoadingOverlay>.");return(e,o)=>n(s).visible.value?(d(),r("div",{key:0,class:"skdx-loading-overlay__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":"visible","data-full-screen":n(s).fullScreen.value?"":void 0},null,8,l)):a("",!0)}});export{s as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as a}from"../utils/injectRequired.js";import{LOADING_OVERLAY_CONTEXT as r}from"./context.js";import{createCommentVNode as s,createElementBlock as t,defineComponent as i,mergeProps as o,openBlock as d,unref as n}from"vue";var l=["data-full-screen"],p=/* @__PURE__ */i({inheritAttrs:!1,__name:"LoadingOverlayBackdrop",props:{emphasis:{}},setup(i){const p=a(r,"<SkdxLoadingOverlayBackdrop> must be used inside <SkdxLoadingOverlay>.");return(a,r)=>n(p).visible.value?(d(),t("div",o({key:0,class:"skdx-loading-overlay__backdrop","data-part":"backdrop","aria-hidden":"true","data-state":"visible","data-full-screen":n(p).fullScreen.value?"":void 0},{...a.$attrs,...n(e)({emphasis:i.emphasis},a.$attrs)}),null,16,l)):s("",!0)}});export{p as default};

package/dist/loading-overlay/LoadingOverlayContent.vue.d.cts

@@ -1,19 +1,5 @@
 /**
- * The indicator layer sitting on top of the backdrop — a spinner, a message, a
- * cancel affordance, whatever the overlay needs to say. Mounts alongside the
- * backdrop, only while the overlay is effectively visible, and carries the same
- * `data-state="visible"` and `data-full-screen` hooks.
- *
- * With no slot content it falls back to the existing `<SkdxSpinner>`, labelled
- * with the root's `loadingLabel` — composing the indicator the library already
- * ships rather than growing a second one. Fill the default slot to replace it
- * entirely.
- *
- * The whole overlay sits inside the root's `inert` subtree, so nothing here is
- * focusable or announced; the "Loading" announcement is made by the root
- * through the live region.
- *
- * Must be used inside `<SkdxLoadingOverlay>`.
+ * Renders the centered indicator layer, falling back to `<SkdxSpinner>` when the default slot is empty.
  *
  * @example
  * ```vue

package/dist/loading-overlay/LoadingOverlayContent.vue.d.ts

@@ -1,19 +1,5 @@
 /**
- * The indicator layer sitting on top of the backdrop — a spinner, a message, a
- * cancel affordance, whatever the overlay needs to say. Mounts alongside the
- * backdrop, only while the overlay is effectively visible, and carries the same
- * `data-state="visible"` and `data-full-screen` hooks.
- *
- * With no slot content it falls back to the existing `<SkdxSpinner>`, labelled
- * with the root's `loadingLabel` — composing the indicator the library already
- * ships rather than growing a second one. Fill the default slot to replace it
- * entirely.
- *
- * The whole overlay sits inside the root's `inert` subtree, so nothing here is
- * focusable or announced; the "Loading" announcement is made by the root
- * through the live region.
- *
- * Must be used inside `<SkdxLoadingOverlay>`.
+ * Renders the centered indicator layer, falling back to `<SkdxSpinner>` when the default slot is empty.
  *
  * @example
  * ```vue

package/dist/loading-overlay/LoadingOverlayContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("../spinner/Spinner.vue.cjs"),a=require("./context.cjs");let e=require("vue");var l=["data-full-screen"],o=(0,e.defineComponent)({__name:"LoadingOverlayContent",setup(u){const t=(0,e.inject)(a.LOADING_OVERLAY_CONTEXT);if(!t)throw new Error("<SkdxLoadingOverlayContent> must be used inside <SkdxLoadingOverlay>.");return(n,d)=>(0,e.unref)(t).visible.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-loading-overlay__content","data-part":"content","data-state":"visible","data-full-screen":(0,e.unref)(t).fullScreen.value?"":void 0},[(0,e.renderSlot)(n.$slots,"default",{},()=>[(0,e.createVNode)(r.default,{label:(0,e.unref)(t).loadingLabel.value},null,8,["label"])])],8,l)):(0,e.createCommentVNode)("",!0)}});exports.default=o;
+const r=require("../utils/injectRequired.cjs"),a=require("../spinner/Spinner.vue.cjs"),l=require("./context.cjs");let e=require("vue");var u=["data-full-screen"],o=(0,e.defineComponent)({__name:"LoadingOverlayContent",setup(i){const t=r.injectRequired(l.LOADING_OVERLAY_CONTEXT,"<SkdxLoadingOverlayContent> must be used inside <SkdxLoadingOverlay>.");return(n,d)=>(0,e.unref)(t).visible.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-loading-overlay__content","data-part":"content","data-state":"visible","data-full-screen":(0,e.unref)(t).fullScreen.value?"":void 0},[(0,e.renderSlot)(n.$slots,"default",{},()=>[(0,e.createVNode)(a.default,{label:(0,e.unref)(t).loadingLabel.value},null,8,["label"])])],8,u)):(0,e.createCommentVNode)("",!0)}});exports.default=o;

package/dist/loading-overlay/LoadingOverlayContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../spinner/Spinner.vue.js";import{LOADING_OVERLAY_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as n,createVNode as l,defineComponent as o,inject as r,openBlock as s,renderSlot as d,unref as i}from"vue";var u=["data-full-screen"],c=/* @__PURE__ */o({__name:"LoadingOverlayContent",setup(o){const c=r(a);if(!c)throw new Error("<SkdxLoadingOverlayContent> must be used inside <SkdxLoadingOverlay>.");return(a,o)=>i(c).visible.value?(s(),n("div",{key:0,class:"skdx-loading-overlay__content","data-part":"content","data-state":"visible","data-full-screen":i(c).fullScreen.value?"":void 0},[d(a.$slots,"default",{},()=>[l(e,{label:i(c).loadingLabel.value},null,8,["label"])])],8,u)):t("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../spinner/Spinner.vue.js";import{LOADING_OVERLAY_CONTEXT as t}from"./context.js";import{createCommentVNode as n,createElementBlock as l,createVNode as o,defineComponent as r,openBlock as s,renderSlot as i,unref as d}from"vue";var u=["data-full-screen"],c=/* @__PURE__ */r({__name:"LoadingOverlayContent",setup(r){const c=e(t,"<SkdxLoadingOverlayContent> must be used inside <SkdxLoadingOverlay>.");return(e,t)=>d(c).visible.value?(s(),l("div",{key:0,class:"skdx-loading-overlay__content","data-part":"content","data-state":"visible","data-full-screen":d(c).fullScreen.value?"":void 0},[i(e.$slots,"default",{},()=>[o(a,{label:d(c).loadingLabel.value},null,8,["label"])])],8,u)):n("",!0)}});export{c as default};

package/dist/loading-overlay/LoadingOverlayRoot.vue.cjs

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

package/dist/loading-overlay/LoadingOverlayRoot.vue.d.cts

@@ -0,0 +1,63 @@
+/**
+ * Renders the headless root of a loading overlay, sharing `visible` with `<SkdxLoadingOverlayBackdrop>` and `<SkdxLoadingOverlayContent>`.
+ *
+ * @example With `import * as LoadingOverlay from '@skdx/vue/primitives/loading-overlay'`:
+ * ```vue
+ * <LoadingOverlay.Root :visible="isFetching" :delay="150" loading-label="Loading invoices">
+ *   <InvoiceTable />
+ *   <LoadingOverlay.Backdrop />
+ *   <LoadingOverlay.Content><ProgressBar :value="percent" /></LoadingOverlay.Content>
+ * </LoadingOverlay.Root>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether work is in flight, for controlled usage via `v-model:visible` or `@visible-change`.
+     * @default undefined — uncontrolled, tracks internally.
+     */
+    visible?: boolean | undefined;
+    /**
+     * Covers the viewport instead of the root's box, emitting `data-full-screen` and locking body scroll while visible.
+     * @default false — covers only the root's box; body scroll is untouched.
+     */
+    fullScreen?: boolean;
+    /**
+     * Accessible name of the busy region, announced when the overlay becomes
+     * visible and used as the derived `Spinner`'s label.
+     * @default 'Loading' — announced as "Loading"; name the work when the page has more than one.
+     */
+    loadingLabel?: string;
+    /**
+     * Text announced when the overlay hides; omitted, it clears its own message from the live region instead.
+     * @default undefined — hiding announces nothing.
+     */
+    loadedLabel?: string | undefined;
+    /**
+     * Milliseconds to wait after `visible` turns true before the overlay renders, avoiding spinner flash on fast responses.
+     * @default 0 — shows immediately; nothing is hidden from a slow connection.
+     */
+    delay?: number;
+};
+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, {
+    "update:visible": (visible: boolean) => any;
+    "visible-change": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: (visible: boolean) => any;
+    "onVisible-change"?: (visible: boolean) => any;
+}>, {
+    visible: boolean | undefined;
+    loadingLabel: string;
+    fullScreen: boolean;
+    delay: number;
+}, {}, {}, {}, 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/loading-overlay/LoadingOverlayRoot.vue.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Renders the headless root of a loading overlay, sharing `visible` with `<SkdxLoadingOverlayBackdrop>` and `<SkdxLoadingOverlayContent>`.
+ *
+ * @example With `import * as LoadingOverlay from '@skdx/vue/primitives/loading-overlay'`:
+ * ```vue
+ * <LoadingOverlay.Root :visible="isFetching" :delay="150" loading-label="Loading invoices">
+ *   <InvoiceTable />
+ *   <LoadingOverlay.Backdrop />
+ *   <LoadingOverlay.Content><ProgressBar :value="percent" /></LoadingOverlay.Content>
+ * </LoadingOverlay.Root>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether work is in flight, for controlled usage via `v-model:visible` or `@visible-change`.
+     * @default undefined — uncontrolled, tracks internally.
+     */
+    visible?: boolean | undefined;
+    /**
+     * Covers the viewport instead of the root's box, emitting `data-full-screen` and locking body scroll while visible.
+     * @default false — covers only the root's box; body scroll is untouched.
+     */
+    fullScreen?: boolean;
+    /**
+     * Accessible name of the busy region, announced when the overlay becomes
+     * visible and used as the derived `Spinner`'s label.
+     * @default 'Loading' — announced as "Loading"; name the work when the page has more than one.
+     */
+    loadingLabel?: string;
+    /**
+     * Text announced when the overlay hides; omitted, it clears its own message from the live region instead.
+     * @default undefined — hiding announces nothing.
+     */
+    loadedLabel?: string | undefined;
+    /**
+     * Milliseconds to wait after `visible` turns true before the overlay renders, avoiding spinner flash on fast responses.
+     * @default 0 — shows immediately; nothing is hidden from a slow connection.
+     */
+    delay?: number;
+};
+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, {
+    "update:visible": (visible: boolean) => any;
+    "visible-change": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:visible"?: (visible: boolean) => any;
+    "onVisible-change"?: (visible: boolean) => any;
+}>, {
+    visible: boolean | undefined;
+    loadingLabel: string;
+    fullScreen: boolean;
+    delay: number;
+}, {}, {}, {}, 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/loading-overlay/LoadingOverlayRoot.vue.js

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

package/dist/loading-overlay/LoadingOverlayRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("../utils/liveAnnouncer.cjs"),p=require("../utils/useBodyScrollLock.cjs"),_=require("./context.cjs");let e=require("vue");var m=["aria-busy","data-state","data-full-screen"],b=["inert"],y=(0,e.defineComponent)({__name:"LoadingOverlayRoot",props:{visible:{type:Boolean,default:void 0},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},loadedLabel:{},delay:{default:0}},emits:["update:visible","visible-change"],setup(n,{emit:c}){const a=n,u=c,s=(0,e.computed)(()=>a.visible===void 0?!1:a.visible),o=(0,e.ref)(!1);(0,e.watch)([s,()=>a.delay],([t,i],L,v)=>{if(!t||i<=0)return;const f=setTimeout(()=>{o.value=!0},i);v(()=>{clearTimeout(f),o.value=!1})},{immediate:!0});const l=(0,e.computed)(()=>s.value&&(a.delay<=0||o.value));(0,e.watch)(l,t=>{u("update:visible",t),u("visible-change",t)});let r=!1;return(0,e.watchEffect)(()=>{if(l.value){r=!0,d.announce(a.loadingLabel);return}r&&(r=!1,a.loadedLabel?d.announce(a.loadedLabel):d.clearAnnouncements("polite"))}),p.useBodyScrollLock((0,e.computed)(()=>l.value&&a.fullScreen)),(0,e.provide)(_.LOADING_OVERLAY_CONTEXT,{visible:l,fullScreen:(0,e.computed)(()=>a.fullScreen),loadingLabel:(0,e.computed)(()=>a.loadingLabel)}),(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-loading-overlay","data-part":"root","data-skdx-component":"loading-overlay","aria-busy":l.value?"true":void 0,"data-state":l.value?"visible":"hidden","data-full-screen":n.fullScreen?"":void 0},[(0,e.createElementVNode)("div",{class:"skdx-loading-overlay__covered","data-part":"covered",style:{display:"contents"},inert:l.value||void 0},[(0,e.renderSlot)(t.$slots,"default")],8,b)],8,m))}});exports.default=y;

package/dist/loading-overlay/LoadingOverlayRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{announce as e,clearAnnouncements as a}from"../utils/liveAnnouncer.js";import{useBodyScrollLock as l}from"../utils/useBodyScrollLock.js";import{LOADING_OVERLAY_CONTEXT as o}from"./context.js";import{computed as t,createElementBlock as i,createElementVNode as d,defineComponent as s,openBlock as n,provide as r,ref as u,renderSlot as c,watch as v,watchEffect as f}from"vue";var m=["aria-busy","data-state","data-full-screen"],p=["inert"],b=/* @__PURE__ */s({__name:"LoadingOverlayRoot",props:{visible:{type:Boolean,default:void 0},fullScreen:{type:Boolean,default:!1},loadingLabel:{default:"Loading"},loadedLabel:{},delay:{default:0}},emits:["update:visible","visible-change"],setup(s,{emit:b}){const y=s,L=b,g=t(()=>void 0!==y.visible&&y.visible),S=u(!1);v([g,()=>y.delay],([e,a],l,o)=>{if(!e||a<=0)return;const t=setTimeout(()=>{S.value=!0},a);o(()=>{clearTimeout(t),S.value=!1})},{immediate:!0});const k=t(()=>g.value&&(y.delay<=0||S.value));v(k,e=>{L("update:visible",e),L("visible-change",e)});let B=!1;return f(()=>{if(k.value)return B=!0,void e(y.loadingLabel);B&&(B=!1,y.loadedLabel?e(y.loadedLabel):a("polite"))}),l(t(()=>k.value&&y.fullScreen)),r(o,{visible:k,fullScreen:t(()=>y.fullScreen),loadingLabel:t(()=>y.loadingLabel)}),(e,a)=>(n(),i("div",{class:"skdx-loading-overlay","data-part":"root","data-skdx-component":"loading-overlay","aria-busy":k.value?"true":void 0,"data-state":k.value?"visible":"hidden","data-full-screen":s.fullScreen?"":void 0},[d("div",{class:"skdx-loading-overlay__covered","data-part":"covered",style:{display:"contents"},inert:k.value||void 0},[c(e.$slots,"default")],8,p)],8,m))}});export{b as default};

package/dist/loading-overlay/context.d.cts

@@ -1,11 +1,7 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** @internal Shared state a `SkdxLoadingOverlay` provides to its backdrop and content parts. */
 export interface LoadingOverlayContext {
-    /**
-     * The *effective* visibility — `visible` after `delay` has elapsed, not the
-     * raw prop. This is what the parts mount against, so a request that resolves
-     * inside the delay window never renders an overlay at all.
-     */
+    /** The effective visibility — `visible` after `delay` elapses, not the raw prop. */
     visible: ComputedRef<boolean>;
     fullScreen: ComputedRef<boolean>;
     loadingLabel: ComputedRef<string>;

package/dist/loading-overlay/context.d.ts

@@ -1,11 +1,7 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** @internal Shared state a `SkdxLoadingOverlay` provides to its backdrop and content parts. */
 export interface LoadingOverlayContext {
-    /**
-     * The *effective* visibility — `visible` after `delay` has elapsed, not the
-     * raw prop. This is what the parts mount against, so a request that resolves
-     * inside the delay window never renders an overlay at all.
-     */
+    /** The effective visibility — `visible` after `delay` elapses, not the raw prop. */
     visible: ComputedRef<boolean>;
     fullScreen: ComputedRef<boolean>;
     loadingLabel: ComputedRef<string>;

package/dist/loading-overlay/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./LoadingOverlay.vue.cjs"),r=require("./LoadingOverlayBackdrop.vue.cjs"),a=require("./LoadingOverlayContent.vue.cjs");exports.SkdxLoadingOverlay=e.default;exports.SkdxLoadingOverlayBackdrop=r.default;exports.SkdxLoadingOverlayContent=a.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./LoadingOverlay.vue.cjs");exports.SkdxLoadingOverlay=e.default;

package/dist/loading-overlay/index.d.cts

@@ -1,3 +1 @@
 export { default as SkdxLoadingOverlay } from './LoadingOverlay.vue.cjs';
-export { default as SkdxLoadingOverlayBackdrop } from './LoadingOverlayBackdrop.vue.cjs';
-export { default as SkdxLoadingOverlayContent } from './LoadingOverlayContent.vue.cjs';

package/dist/loading-overlay/index.d.ts

@@ -1,3 +1 @@
 export { default as SkdxLoadingOverlay } from './LoadingOverlay.vue.js';
-export { default as SkdxLoadingOverlayBackdrop } from './LoadingOverlayBackdrop.vue.js';
-export { default as SkdxLoadingOverlayContent } from './LoadingOverlayContent.vue.js';

package/dist/loading-overlay/index.js

@@ -1 +1 @@
-import a from"./LoadingOverlay.vue.js";import o from"./LoadingOverlayBackdrop.vue.js";import r from"./LoadingOverlayContent.vue.js";export{a as SkdxLoadingOverlay,o as SkdxLoadingOverlayBackdrop,r as SkdxLoadingOverlayContent};
+import a from"./LoadingOverlay.vue.js";export{a as SkdxLoadingOverlay};

package/dist/loading-overlay/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./LoadingOverlayBackdrop.vue.cjs"),r=require("./LoadingOverlayContent.vue.cjs"),o=require("./LoadingOverlayRoot.vue.cjs");exports.SkdxLoadingOverlayBackdrop=e.default;exports.SkdxLoadingOverlayContent=r.default;exports.SkdxLoadingOverlayRoot=o.default;

package/dist/loading-overlay/primitives.d.cts

@@ -0,0 +1,21 @@
+/**
+ * Advanced primitives for `SkdxLoadingOverlay` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxLoadingOverlayBackdrop, SkdxLoadingOverlayContent, SkdxLoadingOverlayRoot } from '@skdx/vue/primitives/loading-overlay';
+ * </script>
+ *
+ * <template>
+ *   <SkdxLoadingOverlayRoot :visible="isFetching" loading-label="Loading invoices">
+ *     <InvoiceTable />
+ *     <SkdxLoadingOverlayBackdrop />
+ *     <SkdxLoadingOverlayContent><ProgressBar :value="percent" /></SkdxLoadingOverlayContent>
+ *   </SkdxLoadingOverlayRoot>
+ * </template>
+ * ```
+ */
+export { default as SkdxLoadingOverlayRoot } from './LoadingOverlayRoot.vue.cjs';
+export { default as SkdxLoadingOverlayBackdrop } from './LoadingOverlayBackdrop.vue.cjs';
+export { default as SkdxLoadingOverlayContent } from './LoadingOverlayContent.vue.cjs';

package/dist/loading-overlay/primitives.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Advanced primitives for `SkdxLoadingOverlay` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxLoadingOverlayBackdrop, SkdxLoadingOverlayContent, SkdxLoadingOverlayRoot } from '@skdx/vue/primitives/loading-overlay';
+ * </script>
+ *
+ * <template>
+ *   <SkdxLoadingOverlayRoot :visible="isFetching" loading-label="Loading invoices">
+ *     <InvoiceTable />
+ *     <SkdxLoadingOverlayBackdrop />
+ *     <SkdxLoadingOverlayContent><ProgressBar :value="percent" /></SkdxLoadingOverlayContent>
+ *   </SkdxLoadingOverlayRoot>
+ * </template>
+ * ```
+ */
+export { default as SkdxLoadingOverlayRoot } from './LoadingOverlayRoot.vue.js';
+export { default as SkdxLoadingOverlayBackdrop } from './LoadingOverlayBackdrop.vue.js';
+export { default as SkdxLoadingOverlayContent } from './LoadingOverlayContent.vue.js';

package/dist/loading-overlay/primitives.js

@@ -0,0 +1 @@
+import o from"./LoadingOverlayBackdrop.vue.js";import a from"./LoadingOverlayContent.vue.js";import r from"./LoadingOverlayRoot.vue.js";export{o as SkdxLoadingOverlayBackdrop,a as SkdxLoadingOverlayContent,r as SkdxLoadingOverlayRoot};

package/dist/mentions/Mentions.vue.cjs

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