blessing-ui 0.1.0

package/dist/components/BlessAttachment.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import e from "./BlessSpinner.js";
+import t from "./BlessProgress.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f } from "vue";
+//#region src/components/BlessAttachment.vue?vue&type=script&setup=true&lang.ts
+var p = ["aria-busy"], m = { class: "bless-attachment__media" }, h = ["src"], g = {
+	key: 1,
+	class: "bless-attachment__ext"
+}, _ = { class: "bless-attachment__body" }, v = ["href"], y = {
+	key: 1,
+	class: "bless-attachment__name"
+}, b = {
+	key: 2,
+	class: "bless-attachment__desc"
+}, x = {
+	key: 0,
+	class: "bless-attachment__actions"
+}, S = ["aria-label"], C = /*@__PURE__*/ c({
+	name: "BlessAttachment",
+	__name: "BlessAttachment",
+	props: {
+		name: {},
+		description: {},
+		src: {},
+		href: {},
+		state: { default: "idle" },
+		progress: {},
+		size: { default: "md" },
+		removable: { type: Boolean },
+		removeLabel: { default: "Remove" }
+	},
+	emits: ["remove"],
+	setup(c, { emit: C }) {
+		let w = c, T = C, E = n(() => w.name.split(".").pop()?.slice(0, 4).toUpperCase() ?? "");
+		return (n, C) => (u(), a("div", {
+			class: l(["bless-attachment", [
+				`bless-attachment--${c.size}`,
+				`bless-attachment--${c.state}`,
+				{ "bless-attachment--link": c.href }
+			]]),
+			"aria-busy": c.state === "uploading" || void 0
+		}, [
+			o("span", m, [d(n.$slots, "media", {}, () => [c.src ? (u(), a("img", {
+				key: 0,
+				src: c.src,
+				alt: "",
+				class: "bless-attachment__img"
+			}, null, 8, h)) : (u(), a("span", g, f(E.value), 1))]), c.state === "uploading" && c.progress == null ? (u(), r(e, {
+				key: 0,
+				size: "sm",
+				class: "bless-attachment__spinner",
+				label: ""
+			})) : i("", !0)]),
+			o("span", _, [
+				c.href ? (u(), a("a", {
+					key: 0,
+					href: c.href,
+					class: "bless-attachment__name bless-attachment__link"
+				}, f(c.name), 9, v)) : (u(), a("span", y, f(c.name), 1)),
+				c.description || c.state === "error" ? (u(), a("span", b, [d(n.$slots, "description", {}, () => [s(f(c.state === "error" ? "Upload failed" : c.description), 1)])])) : i("", !0),
+				c.state === "uploading" && c.progress != null ? (u(), r(t, {
+					key: 3,
+					value: c.progress,
+					size: "sm",
+					class: "bless-attachment__progress"
+				}, null, 8, ["value"])) : i("", !0)
+			]),
+			n.$slots.actions || c.removable ? (u(), a("span", x, [d(n.$slots, "actions"), c.removable ? (u(), a("button", {
+				key: 0,
+				type: "button",
+				class: "bless-attachment__remove",
+				"aria-label": `${c.removeLabel} ${c.name}`,
+				onClick: C[0] ||= (e) => T("remove")
+			}, [...C[1] ||= [o("span", { "aria-hidden": "true" }, "×", -1)]], 8, S)) : i("", !0)])) : i("", !0)
+		], 10, p));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BlessAudioPlayer.css

@@ -0,0 +1 @@
+.bless-audio{border-radius:var(--bless-radius);--_c:var(--bless-color-accent);font-family:var(--bless-font-sans);color:var(--bless-color-text)}.bless-audio--text{--_c:var(--bless-color-text)}.bless-audio--danger{--_c:var(--bless-color-danger)}.bless-audio__now{align-items:center;gap:var(--bless-space-2) var(--bless-space-4);padding:var(--bless-space-4);background:var(--bless-color-surface);grid-template-columns:auto 1fr auto;grid-template-areas:"toggle meta time""bar bar bar";display:grid}.bless-audio__toggle{width:48px;height:40px;font-size:var(--bless-text-sm);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;grid-area:toggle;padding:0}.bless-audio__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-audio__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-audio__meta{gap:var(--bless-space-1);flex-direction:column;grid-area:meta;min-width:0;display:flex}.bless-audio__title{font-weight:var(--bless-font-weight-bold);font-size:var(--bless-text-md);line-height:var(--bless-leading-none);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-audio__artist{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-audio__time{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);font-variant-numeric:tabular-nums;grid-area:time}.bless-audio__bar{background:var(--bless-color-bg);cursor:pointer;height:6px;transform:skewX(var(--bless-skew));grid-area:bar;position:relative}.bless-audio__seek{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:-6px 0}.bless-audio__bar:has(.bless-audio__seek:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:3px}.bless-audio__fill{background:var(--_c);height:100%;transition:width var(--bless-duration-fast) linear}.bless-audio__list{margin:0;padding:0;list-style:none}.bless-audio__track{align-items:center;gap:var(--bless-space-3);width:100%;padding:var(--bless-space-3) var(--bless-space-4);border:0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;font-size:var(--bless-text-sm);text-align:start;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;display:flex}.bless-audio__track:hover{opacity:var(--bless-hover-opacity)}.bless-audio__track:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-audio__track--current{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-audio__num{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-audio__track-title{flex:1}.bless-audio__eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bless-audio__eq i{background:var(--_c);width:3px;animation:bless-eq .8s var(--bless-ease-in-out) infinite alternate}.bless-audio__eq i:nth-child(2){animation-delay:.2s}.bless-audio__eq i:nth-child(3){animation-delay:.4s}@keyframes bless-eq{0%{height:3px}to{height:12px}}@media (prefers-reduced-motion:reduce){.bless-audio__eq i{height:8px;animation:none}}

package/dist/components/BlessAudioPlayer.js

@@ -0,0 +1,6 @@
+import "./BlessAudioPlayer.css";
+import e from "./BlessAudioPlayer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessAudioPlayer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessAudioPlayer.vue.d.ts

@@ -0,0 +1,35 @@
+export interface BlessTrack {
+    src: string;
+    title: string;
+    artist?: string;
+}
+type __VLS_Props = {
+    tracks: BlessTrack[];
+    color?: "text" | "accent" | "danger";
+    /** the play button's name; its pressed state says whether it's playing */
+    playLabel?: string;
+    /** name of the seek slider */
+    seekLabel?: string;
+};
+type __VLS_ModelProps = {
+    /** index of the current track */
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    ended: (track: BlessTrack) => any;
+    pause: (track: BlessTrack) => any;
+    play: (track: BlessTrack) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onEnded?: ((track: BlessTrack) => any) | undefined;
+    onPause?: ((track: BlessTrack) => any) | undefined;
+    onPlay?: ((track: BlessTrack) => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger";
+    playLabel: string;
+    seekLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessAudioPlayer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,134 @@
+import e from "./BlessSkew.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, useModel as g, watch as _, withCtx as v } from "vue";
+//#region src/components/BlessAudioPlayer.vue?vue&type=script&setup=true&lang.ts
+var y = ["src"], b = {
+	key: 0,
+	class: "bless-audio__now"
+}, x = { "aria-hidden": "true" }, S = { class: "bless-audio__meta" }, C = { class: "bless-audio__title" }, w = {
+	key: 0,
+	class: "bless-audio__artist"
+}, T = { class: "bless-audio__time" }, E = { class: "bless-audio__bar" }, D = [
+	"max",
+	"value",
+	"disabled",
+	"aria-label",
+	"aria-valuetext"
+], O = {
+	key: 1,
+	role: "list",
+	class: "bless-audio__list"
+}, k = ["aria-current", "onClick"], A = { class: "bless-audio__num" }, j = { class: "bless-audio__track-title" }, M = {
+	key: 0,
+	class: "bless-audio__eq",
+	"aria-hidden": "true"
+}, N = /*@__PURE__*/ s({
+	name: "BlessAudioPlayer",
+	__name: "BlessAudioPlayer",
+	props: /*@__PURE__*/ c({
+		tracks: {},
+		color: { default: "accent" },
+		playLabel: { default: "Play" },
+		seekLabel: { default: "Seek" }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c([
+		"play",
+		"pause",
+		"ended"
+	], ["update:modelValue"]),
+	setup(s, { emit: c }) {
+		let N = s, P = g(s, "modelValue"), F = c, I = p(), L = p(!1), R = p(0), z = p(0), B = n(() => N.tracks[P.value]), V = n(() => z.value ? R.value / z.value * 100 : 0);
+		function H(e) {
+			return Number.isFinite(e) ? `${Math.floor(e / 60)}:${String(Math.floor(e % 60)).padStart(2, "0")}` : "0:00";
+		}
+		function U() {
+			let e = I.value;
+			e && (e.paused ? e.play().catch(() => L.value = !1) : e.pause());
+		}
+		function W(e) {
+			if (e === P.value) return U();
+			P.value = e, L.value = !0;
+		}
+		function G(e) {
+			let t = I.value;
+			t && z.value && (t.currentTime = Number(e.target.value));
+		}
+		function K() {
+			F("ended", B.value), P.value < N.tracks.length - 1 ? (P.value++, L.value = !0) : L.value = !1;
+		}
+		return _(P, () => {
+			R.value = 0, z.value = 0;
+			let e = I.value;
+			e && (e.load(), L.value && e.play().catch(() => L.value = !1));
+		}), d(() => I.value?.pause()), (n, c) => (f(), i("div", { class: l(["bless-audio", `bless-audio--${s.color}`]) }, [
+			a("audio", {
+				ref_key: "audio",
+				ref: I,
+				src: B.value?.src,
+				preload: "metadata",
+				onPlay: c[0] ||= (e) => {
+					L.value = !0, F("play", B.value);
+				},
+				onPause: c[1] ||= (e) => {
+					L.value = !1, F("pause", B.value);
+				},
+				onTimeupdate: c[2] ||= (e) => R.value = I.value.currentTime,
+				onDurationchange: c[3] ||= (e) => z.value = I.value.duration,
+				onEnded: K
+			}, null, 40, y),
+			B.value ? (f(), i("div", b, [
+				o(e, {
+					as: "button",
+					color: L.value ? s.color : "text",
+					type: "button",
+					class: "bless-audio__toggle",
+					"aria-label": s.playLabel,
+					"aria-pressed": L.value,
+					onClick: U
+				}, {
+					default: v(() => [a("span", x, h(L.value ? "❚❚" : "▶"), 1)]),
+					_: 1
+				}, 8, [
+					"color",
+					"aria-label",
+					"aria-pressed"
+				]),
+				a("div", S, [a("span", C, h(B.value.title), 1), B.value.artist ? (f(), i("span", w, h(B.value.artist), 1)) : r("", !0)]),
+				a("span", T, h(H(R.value)) + " / " + h(H(z.value)), 1),
+				a("div", E, [a("div", {
+					class: "bless-audio__fill",
+					style: u({ width: `${V.value}%` })
+				}, null, 4), a("input", {
+					type: "range",
+					class: "bless-audio__seek",
+					min: "0",
+					max: z.value || 0,
+					step: "1",
+					value: R.value,
+					disabled: !z.value,
+					"aria-label": s.seekLabel,
+					"aria-valuetext": `${H(R.value)} of ${H(z.value)}`,
+					onInput: G
+				}, null, 40, D)])
+			])) : r("", !0),
+			s.tracks.length > 1 ? (f(), i("ol", O, [(f(!0), i(t, null, m(s.tracks, (e, t) => (f(), i("li", { key: e.src }, [a("button", {
+				type: "button",
+				class: l(["bless-audio__track", { "bless-audio__track--current": t === P.value }]),
+				"aria-current": t === P.value ? "true" : void 0,
+				onClick: (e) => W(t)
+			}, [
+				a("span", A, h(String(t + 1).padStart(2, "0")), 1),
+				a("span", j, h(e.title), 1),
+				t === P.value && L.value ? (f(), i("span", M, [...c[4] ||= [
+					a("i", null, null, -1),
+					a("i", null, null, -1),
+					a("i", null, null, -1)
+				]])) : r("", !0)
+			], 10, k)]))), 128))])) : r("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { N as default };

package/dist/components/BlessAvatar.css

@@ -0,0 +1 @@
+.bless-avatar{--_s:40px;width:var(--_s);height:var(--_s);border-radius:var(--bless-radius-petal);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:calc(var(--_s) * .4);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);vertical-align:middle;flex:none;place-items:center;display:inline-grid;overflow:hidden}.bless-avatar--xs{--_s:24px}.bless-avatar--sm{--_s:32px}.bless-avatar--lg{--_s:56px}.bless-avatar--xl{--_s:80px}.bless-avatar--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-avatar--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-avatar--lean{border-radius:var(--bless-radius-petal);transform:skewX(var(--bless-skew))}.bless-avatar--lean>*{transform:skewX(var(--bless-skew-counter))}.bless-avatar__img{object-fit:cover;width:100%;height:100%}.bless-avatar--lean .bless-avatar__img{width:120%;height:100%}.bless-avatar__fallback{line-height:1}

package/dist/components/BlessAvatar.js

@@ -0,0 +1,6 @@
+import "./BlessAvatar.css";
+import e from "./BlessAvatar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessAvatar.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessAvatar.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    src?: string;
+    alt?: string;
+    /** used for initials fallback */
+    name?: string;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** lean on attention like a plate — its own, or the link or button it sits in */
+    lean?: boolean;
+    color?: "surface" | "accent" | "text";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "surface" | "accent" | "text";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessAvatar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { computed as e, createElementBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, onMounted as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, watch as u } from "vue";
+//#region src/components/BlessAvatar.vue?vue&type=script&setup=true&lang.ts
+var d = ["role", "aria-label"], f = ["src", "alt"], p = {
+	key: 1,
+	class: "bless-avatar__fallback",
+	"aria-hidden": "true"
+}, m = /*@__PURE__*/ r({
+	name: "BlessAvatar",
+	__name: "BlessAvatar",
+	props: {
+		src: {},
+		alt: {},
+		name: {},
+		size: { default: "md" },
+		lean: { type: Boolean },
+		color: { default: "surface" }
+	},
+	setup(r) {
+		let m = r, h = s(!1);
+		u(() => m.src, () => h.value = !1);
+		let g = s();
+		a(() => {
+			let e = g.value;
+			e?.complete && !e.naturalWidth && (h.value = !0);
+		});
+		let _ = e(() => (m.name ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => Array.from(e)[0].toUpperCase()).join("")), v = e(() => !!m.src && !h.value);
+		return (e, a) => (o(), t("span", {
+			class: i(["bless-avatar", [
+				`bless-avatar--${r.size}`,
+				`bless-avatar--${r.color}`,
+				{ "bless-avatar--lean bless-lean": r.lean }
+			]]),
+			role: v.value || !(r.alt ?? r.name) ? void 0 : "img",
+			"aria-label": v.value ? void 0 : r.alt ?? r.name
+		}, [v.value ? (o(), t("img", {
+			key: 0,
+			ref_key: "img",
+			ref: g,
+			src: r.src,
+			alt: r.alt ?? r.name ?? "",
+			class: "bless-avatar__img",
+			onError: a[0] ||= (e) => h.value = !0
+		}, null, 40, f)) : (o(), t("span", p, [c(e.$slots, "default", {}, () => [n(l(_.value), 1)])]))], 10, d));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/BlessBackground.css

@@ -0,0 +1 @@
+.bless-background{z-index:var(--bless-z-bg);pointer-events:none;background-repeat:repeat;inset:0}.bless-background--fixed{position:fixed}.bless-background--absolute{position:absolute}.bless-background--pattern{background-image:repeating-linear-gradient(-45deg, transparent 0 11px, var(--bless-color-surface) 11px 12px)}

package/dist/components/BlessBackground.js

@@ -0,0 +1,6 @@
+import "./BlessBackground.css";
+import e from "./BlessBackground.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessBackground.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessBackground.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    /** tile image; omit for a built-in hairline pattern */
+    src?: string;
+    /** vertical tile offset (number = px). Source site used 0 / -300 / -600 per page */
+    offset?: number | string;
+    /** fixed = viewport (use at page level); absolute = fills positioned parent */
+    mode?: "fixed" | "absolute";
+    opacity?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    offset: number | string;
+    mode: "fixed" | "absolute";
+    opacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessBackground.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region src/components/BlessBackground.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
+	name: "BlessBackground",
+	__name: "BlessBackground",
+	props: {
+		src: {},
+		offset: { default: 0 },
+		mode: { default: "absolute" },
+		opacity: { default: 1 }
+	},
+	setup(n) {
+		let o = n, s = e(() => ({
+			backgroundImage: o.src ? `url(${JSON.stringify(o.src)})` : void 0,
+			backgroundPosition: `center ${typeof o.offset == "number" ? `${o.offset}px` : o.offset}`,
+			opacity: o.opacity
+		}));
+		return (e, o) => (a(), t("div", {
+			class: r(["bless-background", [`bless-background--${n.mode}`, { "bless-background--pattern": !n.src }]]),
+			style: i(s.value),
+			"aria-hidden": "true"
+		}, null, 6));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/BlessBadge.css

@@ -0,0 +1 @@
+.bless-badge{border-radius:var(--bless-radius);transform:skewX(var(--bless-skew));font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);line-height:var(--bless-leading-none);letter-spacing:var(--bless-tracking-normal);color:var(--bless-color-on-accent);background:var(--bless-color-badge);vertical-align:middle;white-space:nowrap;padding:2px 5px;display:inline-block}.bless-badge__inner{transform:skewX(var(--bless-skew-counter));unicode-bidi:plaintext;display:inline-block}.bless-badge--scaled{transform:skewX(var(--bless-skew)) scale(var(--bless-press-scale))}.bless-badge--accent{background:var(--bless-color-accent)}.bless-badge--danger{background:var(--bless-color-danger)}.bless-badge--warning{background:var(--bless-color-warning);color:var(--bless-color-on-light)}.bless-badge--success{background:var(--bless-color-success);color:var(--bless-color-on-light)}.bless-badge--info{background:var(--bless-color-info)}.bless-badge--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-badge--outline{--_c:var(--bless-color-text-muted);border:var(--bless-border-width) solid var(--_c);color:var(--_c);letter-spacing:var(--bless-tracking-wide);background:0 0;padding:3px 8px}.bless-badge--outline.bless-badge--accent,.bless-badge--outline.bless-badge--badge{--_c:var(--bless-color-accent-text)}.bless-badge--outline.bless-badge--danger{--_c:var(--bless-color-danger-text)}.bless-badge--outline.bless-badge--text{--_c:var(--bless-color-text)}.bless-badge--outline.bless-badge--info{--_c:var(--bless-color-info-text)}.bless-badge--outline.bless-badge--warning,.bless-badge--outline.bless-badge--success{--_c:var(--bless-color-text-muted)}

package/dist/components/BlessBadge.js

@@ -0,0 +1,6 @@
+import "./BlessBadge.css";
+import e from "./BlessBadge.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessBadge.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessBadge.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    color?: "badge" | "accent" | "danger" | "warning" | "success" | "info" | "text";
+    /** shrink to 0.8 — the source's NEW! next to a nav item; off by default */
+    scaled?: boolean;
+    /** outline: 1px border and text in the colour, no fill — quiet category/role tags */
+    variant?: "solid" | "outline";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "badge" | "accent" | "danger" | "warning" | "success" | "info" | "text";
+    variant: "solid" | "outline";
+    scaled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessBadge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/BlessBadge.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "bless-badge__inner" }, c = /*@__PURE__*/ r({
+	name: "BlessBadge",
+	__name: "BlessBadge",
+	props: {
+		color: { default: "text" },
+		scaled: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "solid" }
+	},
+	setup(r) {
+		return (c, l) => (a(), e("span", { class: i(["bless-badge", [
+			`bless-badge--${r.color}`,
+			`bless-badge--${r.variant}`,
+			{ "bless-badge--scaled": r.scaled }
+		]]) }, [t("span", s, [o(c.$slots, "default", {}, () => [l[0] ||= n("NEW!", -1)])])], 2));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/BlessBlockUI.css

@@ -0,0 +1 @@
+.bless-block{position:relative}.bless-block__overlay{z-index:var(--bless-z-nav);background:color-mix(in srgb, var(--bless-color-bg) 60%, transparent);color:var(--bless-color-text);outline:0;place-items:center;display:grid;position:absolute;inset:0}.bless-block--full .bless-block__overlay{z-index:var(--bless-z-modal);position:fixed}.bless-block__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-block--on .bless-block__content{pointer-events:none;-webkit-user-select:none;user-select:none}

package/dist/components/BlessBlockUI.js

@@ -0,0 +1,6 @@
+import "./BlessBlockUI.css";
+import e from "./BlessBlockUI.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessBlockUI.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessBlockUI.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    blocked?: boolean;
+    fullscreen?: boolean;
+    label?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    indicator?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessBlockUI.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,51 @@
+import e from "./BlessSpinner.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, watch as f } from "vue";
+//#region src/components/BlessBlockUI.vue?vue&type=script&setup=true&lang.ts
+var p = ["inert"], m = {
+	class: "bless-block__sr",
+	role: "status"
+}, h = ["aria-label"], g = /*@__PURE__*/ a({
+	name: "BlessBlockUI",
+	__name: "BlessBlockUI",
+	props: {
+		blocked: { type: Boolean },
+		fullscreen: { type: Boolean },
+		label: { default: "Busy" }
+	},
+	setup(a) {
+		let g = a, _ = l(), v = l(), y = null;
+		return f(() => g.blocked, async (e) => {
+			if (typeof document < "u") {
+				if (e) {
+					let e = document.activeElement;
+					if (!e || !v.value?.contains(e)) return;
+					y = e, await o(), _.value?.focus();
+				} else y?.isConnected && (y.focus(), y = null);
+			}
+		}), (o, l) => (c(), n("div", { class: s(["bless-block", {
+			"bless-block--on": a.blocked,
+			"bless-block--full": a.fullscreen
+		}]) }, [
+			r("div", {
+				ref_key: "content",
+				ref: v,
+				class: "bless-block__content",
+				inert: a.blocked || void 0
+			}, [u(o.$slots, "default")], 8, p),
+			r("span", m, d(a.blocked ? a.label : ""), 1),
+			a.blocked ? (c(), n("div", {
+				key: 0,
+				ref_key: "overlay",
+				ref: _,
+				class: "bless-block__overlay",
+				"aria-label": a.label,
+				tabindex: "-1"
+			}, [u(o.$slots, "indicator", {}, () => [i(e, {
+				size: "lg",
+				label: ""
+			})])], 8, h)) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/BlessBottomTabs.css

@@ -0,0 +1 @@
+.bless-bottom-tabs__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-bottom-tabs{font-family:var(--bless-font-sans);color:var(--bless-color-text-muted);background:var(--bless-color-bg);z-index:var(--bless-z-nav);display:flex}.bless-bottom-tabs--bar{inset-inline:0;border-top:var(--bless-border-width) solid var(--bless-color-border);padding-bottom:var(--bless-safe-bottom);position:fixed;bottom:0}.bless-bottom-tabs--dock{border-radius:var(--bless-radius-plate);left:50%;bottom:var(--bless-space-4);gap:var(--bless-space-1);padding:var(--bless-space-1);border:var(--bless-border-width) solid var(--bless-color-border);translate:-50%;transform:skewX(var(--bless-skew));position:fixed}.bless-bottom-tabs--dock .bless-bottom-tabs__item{transform:skewX(var(--bless-skew-counter))}.bless-bottom-tabs--inline{position:static;translate:none}.bless-bottom-tabs--dock.bless-bottom-tabs--inline{justify-self:start;width:max-content;display:inline-flex}.bless-bottom-tabs__item{padding:var(--bless-space-2) var(--bless-space-3);color:inherit;font:inherit;cursor:pointer;transition:color var(--bless-duration-base), var(--bless-lean-transition);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.bless-bottom-tabs--dock .bless-bottom-tabs__item{flex:none;justify-content:center;width:44px;height:44px}.bless-bottom-tabs__item:hover{color:var(--bless-color-text)}.bless-bottom-tabs__item--active{color:var(--bless-color-accent-text)}.bless-bottom-tabs--bar .bless-bottom-tabs__item--active:before{content:"";top:-1px;background:var(--bless-color-accent);height:2px;transform:skewX(var(--bless-skew));position:absolute;inset-inline:25%}.bless-bottom-tabs--dock .bless-bottom-tabs__item--active{background:var(--bless-color-surface)}.bless-bottom-tabs__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-bottom-tabs__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-bottom-tabs__icon{font-size:var(--bless-text-md);line-height:1}.bless-bottom-tabs__label{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-bottom-tabs__badge{top:4px;background:var(--bless-color-text);min-width:8px;height:8px;color:var(--bless-color-on-text);font-size:9px;font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));padding:0 3px;line-height:8px;position:absolute;inset-inline-start:calc(50% + 6px)}.bless-bottom-tabs__badge:not(:empty){height:14px;line-height:14px}

package/dist/components/BlessBottomTabs.js

@@ -0,0 +1,6 @@
+import "./BlessBottomTabs.css";
+import e from "./BlessBottomTabs.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessBottomTabs.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessBottomTabs.vue.d.ts

@@ -0,0 +1,47 @@
+export interface BlessBottomTab {
+    label: string;
+    value: string;
+    icon?: string;
+    href?: string;
+    badge?: number | boolean;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    items: BlessBottomTab[];
+    /** bar = full-width fixed bottom nav; dock = floating icon strip */
+    variant?: "bar" | "dock";
+    /** render in place instead of fixed to the viewport (docs / previews) */
+    inline?: boolean;
+    label?: string;
+    /** read after a tab with a badge: a count becomes "3 new", `true` becomes "new" */
+    badgeLabel?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {
+    item: BlessBottomTab;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: BlessBottomTab, e: Event) => any;
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: BlessBottomTab, e: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    label: string;
+    variant: "bar" | "dock";
+    badgeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};