blessing-ui 0.1.0

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

@@ -0,0 +1,27 @@
+import { InjectionKey, Ref } from 'vue';
+/** BlessField reads these: whether the form has been submitted, and a counter bumped on reset */
+export declare const blessFormKey: InjectionKey<{
+    submitted: Ref<boolean>;
+    resets: Ref<number>;
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{}, {
+    reset: () => void | undefined;
+    el: Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    submit: (data: FormData, event: SubmitEvent) => any;
+    invalid: (form: HTMLFormElement) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onSubmit?: ((data: FormData, event: SubmitEvent) => any) | undefined;
+    onInvalid?: ((form: HTMLFormElement) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {
+        submitted: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessForm.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, provide as i, ref as a, renderSlot as o } from "vue";
+//#region src/components/BlessForm.vue?vue&type=script&setup=true&lang.ts
+var s = Symbol("bless-form"), c = /*@__PURE__*/ t({
+	name: "BlessForm",
+	__name: "BlessForm",
+	emits: ["submit", "invalid"],
+	setup(t, { expose: c, emit: l }) {
+		let u = l, d = a(), f = a(!1), p = a(0);
+		i(s, {
+			submitted: f,
+			resets: p
+		});
+		function m() {
+			f.value = !1, p.value++, setTimeout(() => {
+				for (let e of Array.from(d.value?.elements ?? [])) e.type !== "hidden" && e.type !== "submit" && e.type !== "reset" && e.type !== "button" && (e.dispatchEvent(new Event(e.type === "checkbox" || e.type === "radio" ? "change" : "input", { bubbles: !0 })), e.tagName === "SELECT" && e.dispatchEvent(new Event("change", { bubbles: !0 })));
+			});
+		}
+		function h(e) {
+			f.value = !0;
+			let t = e.target;
+			if (!t.checkValidity()) {
+				e.preventDefault(), u("invalid", t), t.querySelector(":invalid:not(fieldset)")?.focus();
+				return;
+			}
+			e.preventDefault(), u("submit", new FormData(t), e);
+		}
+		return c({
+			reset: () => d.value?.reset(),
+			el: d
+		}), (t, i) => (r(), e("form", {
+			ref_key: "form",
+			ref: d,
+			class: n(["bless-form", { "bless-form--submitted": f.value }]),
+			novalidate: "",
+			onSubmit: h,
+			onReset: m
+		}, [o(t.$slots, "default", { submitted: f.value })], 34));
+	}
+});
+//#endregion
+export { s as blessFormKey, c as default };

package/dist/components/BlessGallery.css

@@ -0,0 +1 @@
+.bless-gallery__grid{grid-template-columns:repeat(auto-fill, minmax(var(--_col), 1fr));gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-gallery__thumb{border-radius:var(--bless-radius);background:var(--bless-color-surface);cursor:pointer;width:100%;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:0;display:block}.bless-gallery__thumb:hover{opacity:var(--bless-hover-opacity)}.bless-gallery__thumb:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}.bless-gallery__modal .bless-modal__panel{background:var(--bless-color-media-bg);color:#fff}.bless-gallery__modal .bless-modal__body{padding:0}.bless-gallery__viewer{outline:0;position:relative}.bless-gallery__figure{margin:0}.bless-gallery__image{width:100%;max-height:calc(100dvh - 2 * var(--bless-space-4) - 3rem);object-fit:contain;display:block}.bless-gallery__caption{padding:var(--bless-space-3) var(--bless-space-16) var(--bless-space-3) var(--bless-space-4);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);letter-spacing:var(--bless-tracking-normal)}.bless-gallery__nav{width:44px;height:56px;color:var(--bless-color-on-accent);font-size:var(--bless-text-xl);cursor:pointer;transform:translateY(-50%) skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:#00000080;border:0;padding:0;line-height:1;position:absolute;top:50%}.bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter));display:inline-block}[dir=rtl] .bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter)) scaleX(-1)}.bless-gallery__nav--prev{inset-inline-start:var(--bless-space-2)}.bless-gallery__nav--next{inset-inline-end:var(--bless-space-2)}.bless-gallery__nav:hover:not([aria-disabled]){opacity:var(--bless-hover-opacity)}.bless-gallery__nav[aria-disabled]{opacity:.2;cursor:not-allowed}.bless-gallery__nav:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__count{inset-inline-end:var(--bless-space-4);bottom:var(--bless-space-3);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);position:absolute}

package/dist/components/BlessGallery.js

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

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

@@ -0,0 +1,44 @@
+export interface BlessGalleryItem {
+    src: string;
+    thumb?: string;
+    alt?: string;
+    caption?: string;
+}
+type __VLS_Props = {
+    items: BlessGalleryItem[];
+    /** thumbnail grid column min width */
+    columns?: string;
+    loop?: boolean;
+    prevLabel?: string;
+    nextLabel?: string;
+};
+type __VLS_ModelProps = {
+    /** index of open item, -1 = closed */
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {
+    item: BlessGalleryItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    thumb?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    columns: string;
+    loop: boolean;
+    prevLabel: string;
+    nextLabel: 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/BlessGallery.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,109 @@
+import { logicalKey as e } from "../composables/rtl.js";
+import t from "./BlessModal.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, useModel as g, watch as _, withCtx as v } from "vue";
+//#region src/components/BlessGallery.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-label", "onClick"], b = ["src", "alt"], x = {
+	key: 0,
+	class: "bless-gallery__viewer"
+}, S = { class: "bless-gallery__figure" }, C = ["src", "alt"], w = {
+	key: 0,
+	class: "bless-gallery__caption"
+}, T = ["aria-label", "aria-disabled"], E = ["aria-label", "aria-disabled"], D = {
+	class: "bless-gallery__count",
+	"aria-live": "polite"
+}, O = /*@__PURE__*/ c({
+	name: "BlessGallery",
+	__name: "BlessGallery",
+	props: /*@__PURE__*/ l({
+		items: {},
+		columns: { default: "160px" },
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		prevLabel: { default: "Previous" },
+		nextLabel: { default: "Next" }
+	}, {
+		modelValue: { default: -1 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, O = g(c, "modelValue"), k = f(!1), A = r(() => l.items[O.value]), j = r(() => l.loop || O.value > 0), M = r(() => l.loop || O.value < l.items.length - 1);
+		_(O, (e) => k.value = e >= 0, { immediate: !0 }), _(k, (e) => {
+			e || (O.value = -1);
+		});
+		function N(e) {
+			let t = l.items.length;
+			if (!t) return;
+			let n = O.value + e;
+			O.value = l.loop ? (n + t) % t : Math.min(t - 1, Math.max(0, n));
+		}
+		let P = (e, t) => e.alt || e.caption || `Image ${t + 1} of ${l.items.length}`;
+		function F(t) {
+			if (k.value) {
+				if (e(t) === "ArrowRight") N(1);
+				else if (e(t) === "ArrowLeft") N(-1);
+				else return;
+				t.preventDefault();
+			}
+		}
+		return (e, r) => (d(), a("div", {
+			class: "bless-gallery",
+			onKeydown: F
+		}, [o("ul", {
+			role: "list",
+			class: "bless-gallery__grid",
+			style: u({ "--_col": c.columns })
+		}, [(d(!0), a(n, null, p(c.items, (t, n) => (d(), a("li", {
+			key: t.src,
+			class: "bless-gallery__cell"
+		}, [o("button", {
+			type: "button",
+			class: "bless-gallery__thumb",
+			"aria-label": P(t, n),
+			onClick: (e) => O.value = n
+		}, [m(e.$slots, "thumb", {
+			item: t,
+			index: n
+		}, () => [o("img", {
+			src: t.thumb ?? t.src,
+			alt: t.alt ?? "",
+			loading: "lazy"
+		}, null, 8, b)])], 8, y)]))), 128))], 4), s(t, {
+			modelValue: k.value,
+			"onUpdate:modelValue": r[2] ||= (e) => k.value = e,
+			size: "lg",
+			class: "bless-gallery__modal",
+			"aria-label": A.value ? P(A.value, O.value) : void 0
+		}, {
+			default: v(() => [A.value ? (d(), a("div", x, [
+				o("figure", S, [o("img", {
+					src: A.value.src,
+					alt: A.value.alt ?? "",
+					class: "bless-gallery__image"
+				}, null, 8, C), A.value.caption ? (d(), a("figcaption", w, h(A.value.caption), 1)) : i("", !0)]),
+				c.items.length > 1 ? (d(), a("button", {
+					key: 0,
+					type: "button",
+					class: "bless-gallery__nav bless-gallery__nav--prev",
+					"aria-label": c.prevLabel,
+					"aria-disabled": !j.value || void 0,
+					onClick: r[0] ||= (e) => j.value && N(-1)
+				}, [...r[3] ||= [o("span", { "aria-hidden": "true" }, "‹", -1)]], 8, T)) : i("", !0),
+				c.items.length > 1 ? (d(), a("button", {
+					key: 1,
+					type: "button",
+					class: "bless-gallery__nav bless-gallery__nav--next",
+					"aria-label": c.nextLabel,
+					"aria-disabled": !M.value || void 0,
+					onClick: r[1] ||= (e) => M.value && N(1)
+				}, [...r[4] ||= [o("span", { "aria-hidden": "true" }, "›", -1)]], 8, E)) : i("", !0),
+				o("span", D, h(O.value + 1) + " / " + h(c.items.length), 1)
+			])) : i("", !0)]),
+			_: 1
+		}, 8, ["modelValue", "aria-label"])], 32));
+	}
+});
+//#endregion
+export { O as default };

package/dist/components/BlessHoverCard.css

@@ -0,0 +1 @@
+.bless-hover-card{border-radius:var(--bless-radius);padding:var(--bless-space-4);min-width:200px}

package/dist/components/BlessHoverCard.js

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

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

@@ -0,0 +1,33 @@
+import { Placement } from '../composables/useFloating';
+type __VLS_Props = {
+    placement?: Placement;
+    openDelay?: number;
+    closeDelay?: number;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    placement: Placement;
+    openDelay: number;
+    closeDelay: number;
+}, {}, {}, {}, 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/BlessHoverCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import e from "./BlessPopover.js";
+import { createBlock as t, defineComponent as n, mergeModels as r, openBlock as i, renderSlot as a, useModel as o, withCtx as s } from "vue";
+//#region src/components/BlessHoverCard.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	name: "BlessHoverCard",
+	__name: "BlessHoverCard",
+	props: /*@__PURE__*/ r({
+		placement: { default: "bottom" },
+		openDelay: { default: 400 },
+		closeDelay: { default: 200 }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(n) {
+		let r = o(n, "open");
+		return (o, c) => (i(), t(e, {
+			open: r.value,
+			"onUpdate:open": c[0] ||= (e) => r.value = e,
+			trigger: "hover",
+			placement: n.placement,
+			"open-delay": n.openDelay,
+			"close-delay": n.closeDelay,
+			class: "bless-hover-card"
+		}, {
+			trigger: s(() => [a(o.$slots, "trigger")]),
+			default: s(() => [a(o.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"placement",
+			"open-delay",
+			"close-delay"
+		]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/BlessIcon.css

@@ -0,0 +1 @@
+.bless-icon{width:var(--_s);height:var(--_s);vertical-align:middle;color:inherit;flex:none;display:inline-flex}.bless-icon>svg{width:100%;height:100%}.bless-icon>svg:not([fill]){fill:currentColor}

package/dist/components/BlessIcon.js

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

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** token key (2xs…xl) or any CSS length */
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | (string & {});
+    /** accessible name; omit for decorative */
+    label?: string;
+};
+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<{}>, {
+    size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | (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/BlessIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { createElementBlock as e, defineComponent as t, normalizeStyle as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/BlessIcon.vue?vue&type=script&setup=true&lang.ts
+var a = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], o = /*@__PURE__*/ t({
+	name: "BlessIcon",
+	__name: "BlessIcon",
+	props: {
+		size: { default: "md" },
+		label: {}
+	},
+	setup(t) {
+		let o = [
+			"2xs",
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		];
+		return (s, c) => (r(), e("span", {
+			class: "bless-icon",
+			style: n({ "--_s": o.includes(t.size) ? `var(--bless-text-${t.size})` : t.size }),
+			role: t.label ? "img" : void 0,
+			"aria-label": t.label,
+			"aria-hidden": t.label ? void 0 : "true"
+		}, [i(s.$slots, "default")], 12, a));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/BlessImg.css

@@ -0,0 +1 @@
+.bless-img{border-radius:var(--bless-radius);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);display:block;position:relative;overflow:hidden}.bless-img__img,.bless-img__placeholder,.bless-img__skeleton{width:100%;height:100%;position:absolute;inset:0}.bless-img__img{object-fit:var(--_fit);opacity:0;transition:opacity var(--bless-duration-slow) var(--bless-ease-out)}.bless-img--loaded .bless-img__img{opacity:1}.bless-img__placeholder{object-fit:cover;filter:blur(12px);transform:scale(1.05)}.bless-img:not([style*=aspect-ratio]){aspect-ratio:16/9}.bless-img__error{color:var(--bless-color-text-muted);font-size:var(--bless-text-lg);place-items:center;display:grid;position:absolute;inset:0}.bless-img__overlay{padding:var(--bless-space-2) var(--bless-space-3);color:#fff;font-size:var(--bless-text-xs);background:linear-gradient(#0000,#0009);position:absolute;inset:auto 0 0}

package/dist/components/BlessImg.js

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

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    src: string;
+    alt: string;
+    /** e.g. 16 / 9 or "4 / 5"; omit to use the image's own */
+    ratio?: number | string;
+    fit?: "cover" | "contain" | "fill" | "none";
+    /** eager for above-the-fold images */
+    loading?: "lazy" | "eager";
+    /** tiny blurred placeholder (data URL / LQIP) */
+    placeholder?: string;
+    srcset?: string;
+    sizes?: string;
+};
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    error?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    loading: "lazy" | "eager";
+    fit: "cover" | "contain" | "fill" | "none";
+}, {}, {}, {}, 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/BlessImg.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import e from "./BlessSkeleton.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, watch as p } from "vue";
+//#region src/components/BlessImg.vue?vue&type=script&setup=true&lang.ts
+var m = ["src"], h = [
+	"src",
+	"srcset",
+	"sizes",
+	"alt",
+	"loading",
+	"aria-hidden"
+], g = ["aria-label"], _ = {
+	key: 3,
+	class: "bless-img__overlay"
+}, v = /*@__PURE__*/ o({
+	name: "BlessImg",
+	__name: "BlessImg",
+	props: {
+		src: {},
+		alt: {},
+		ratio: {},
+		fit: { default: "cover" },
+		loading: { default: "lazy" },
+		placeholder: {},
+		srcset: {},
+		sizes: {}
+	},
+	setup(o) {
+		let v = o, y = d(!1), b = d(!1), x = d();
+		return p(() => v.src, () => (y.value = !1, b.value = !1)), l(() => {
+			let e = x.value;
+			e?.complete && (e.naturalWidth ? y.value = !0 : e.src && (b.value = !0));
+		}), (l, d) => (u(), r("span", {
+			class: s(["bless-img", {
+				"bless-img--loaded": y.value,
+				"bless-img--failed": b.value
+			}]),
+			style: c({
+				aspectRatio: o.ratio ?? void 0,
+				"--_fit": o.fit
+			})
+		}, [
+			o.placeholder && !y.value ? (u(), r("img", {
+				key: 0,
+				src: o.placeholder,
+				alt: "",
+				class: "bless-img__placeholder",
+				"aria-hidden": "true"
+			}, null, 8, m)) : !y.value && !b.value ? (u(), t(e, {
+				key: 1,
+				class: "bless-img__skeleton",
+				width: "100%",
+				height: "100%"
+			})) : n("", !0),
+			i("img", {
+				ref_key: "img",
+				ref: x,
+				src: o.src,
+				srcset: o.srcset,
+				sizes: o.sizes,
+				alt: o.alt,
+				loading: o.loading,
+				decoding: "async",
+				class: "bless-img__img",
+				"aria-hidden": b.value || void 0,
+				onLoad: d[0] ||= (e) => y.value = !0,
+				onError: d[1] ||= (e) => b.value = !0
+			}, null, 40, h),
+			b.value ? (u(), r("span", {
+				key: 2,
+				class: "bless-img__error",
+				role: "img",
+				"aria-label": o.alt
+			}, [f(l.$slots, "error", {}, () => [d[2] ||= a("⚠", -1)])], 8, g)) : n("", !0),
+			l.$slots.default ? (u(), r("span", _, [f(l.$slots, "default")])) : n("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/BlessIndicator.css

@@ -0,0 +1 @@
+.bless-indicator{display:inline-flex;position:relative}.bless-indicator__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-indicator--block{display:block}.bless-indicator__badge{border-radius:var(--bless-radius-petal);background:var(--bless-color-accent);min-width:18px;height:18px;color:var(--bless-color-on-accent);font-family:var(--bless-font-sans);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));pointer-events:none;place-items:center;padding:0 5px;line-height:1;display:inline-grid;position:absolute}.bless-indicator__text{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-indicator__badge--dot{width:10px;min-width:10px;height:10px;padding:0}.bless-indicator__badge--top-right{top:0;right:0;translate:40% -40%}.bless-indicator__badge--top-left{top:0;left:0;translate:-40% -40%}.bless-indicator__badge--bottom-right{bottom:0;right:0;translate:40% 40%}.bless-indicator__badge--bottom-left{bottom:0;left:0;translate:-40% 40%}.bless-indicator__badge--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-indicator__badge--danger{background:var(--bless-color-danger)}.bless-indicator__badge--success{background:var(--bless-color-success);color:var(--bless-color-on-light)}.bless-indicator__badge--warning{background:var(--bless-color-warning);color:var(--bless-color-on-light)}.bless-indicator__badge--info{background:var(--bless-color-info)}.bless-indicator__badge--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}

package/dist/components/BlessIndicator.js

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

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** number → count badge, true → dot, falsy → hidden */
+    value?: number | boolean;
+    max?: number;
+    color?: "accent" | "danger" | "success" | "warning" | "info" | "text";
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    /** wrapped element is inline (icon) vs block */
+    inline?: boolean;
+    label?: string;
+};
+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: "accent" | "danger" | "success" | "warning" | "info" | "text";
+    position: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    max: number;
+    inline: 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/BlessIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+//#region src/components/BlessIndicator.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "bless-indicator__text" }, u = {
+	key: 1,
+	class: "bless-indicator__sr",
+	role: "status"
+}, d = /*@__PURE__*/ i({
+	name: "BlessIndicator",
+	__name: "BlessIndicator",
+	props: {
+		value: { type: [Number, Boolean] },
+		max: { default: 99 },
+		color: { default: "text" },
+		position: { default: "top-right" },
+		inline: {
+			type: Boolean,
+			default: !0
+		},
+		label: {}
+	},
+	setup(i) {
+		let d = i, f = e(() => typeof d.value == "number" ? d.value > d.max ? `${d.max}+` : String(d.value) : ""), p = e(() => d.value === !0 || typeof d.value == "number" && d.value > 0);
+		return (e, d) => (o(), n("span", { class: a(["bless-indicator", { "bless-indicator--block": !i.inline }]) }, [
+			s(e.$slots, "default"),
+			p.value ? (o(), n("span", {
+				key: 0,
+				class: a(["bless-indicator__badge", [
+					`bless-indicator__badge--${i.color}`,
+					`bless-indicator__badge--${i.position}`,
+					{ "bless-indicator__badge--dot": !f.value }
+				]]),
+				"aria-hidden": "true"
+			}, [r("span", l, c(f.value), 1)], 2)) : t("", !0),
+			i.label ? (o(), n("span", u, c(p.value ? i.label : ""), 1)) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/BlessInfiniteScroll.css

@@ -0,0 +1 @@
+.bless-infinite__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-infinite__more{margin:var(--bless-space-3) auto;display:flex}.bless-infinite__sentinel{height:1px}.bless-infinite__status{min-height:40px;color:var(--bless-color-text-muted);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);place-items:center;display:grid}

package/dist/components/BlessInfiniteScroll.js

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

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    /** stop observing (no more pages) */
+    disabled?: boolean;
+    /** px before the end to fire */
+    offset?: number;
+    /** scroll container ref; default = nearest scrollable ancestor / viewport */
+    root?: HTMLElement | null;
+    doneText?: string;
+    /** read while a page loads (the spinner is decorative) */
+    loadingText?: string;
+    /** label of the button shown where scrolling can't trigger loading */
+    moreLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    loading?: (props: typeof __VLS_3) => any;
+} & {
+    done?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    reset: () => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    load: (done: (finished?: boolean) => void) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLoad?: ((done: (finished?: boolean) => void) => any) | undefined;
+}>, {
+    offset: number;
+    moreLabel: string;
+    loadingText: 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;
+    };
+};