blessing-ui 0.1.0

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

@@ -0,0 +1,47 @@
+type __VLS_Props = {
+    /** viewport width at and above which drawers sit beside the page instead of over it */
+    breakpoint?: number;
+    /** header hides on scroll down, shows on scroll up */
+    reveal?: boolean;
+    /** drawer widths */
+    leftWidth?: string;
+    rightWidth?: string;
+    /** swipe from the screen edge opens a drawer on touch */
+    swipe?: boolean;
+    /** the drawer that swiping opens when both exist */
+    edge?: number;
+};
+type __VLS_Slots = {
+    header?: () => unknown;
+    footer?: () => unknown;
+    left?: () => unknown;
+    right?: () => unknown;
+    default?: () => unknown;
+};
+type __VLS_ModelProps = {
+    "left"?: boolean;
+    "right"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:left": (value: boolean) => any;
+    "update:right": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:left"?: ((value: boolean) => any) | undefined;
+    "onUpdate:right"?: ((value: boolean) => any) | undefined;
+}>, {
+    breakpoint: number;
+    reveal: boolean;
+    leftWidth: string;
+    rightWidth: string;
+    swipe: boolean;
+    edge: 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/BlessLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import { useMedia as e } from "../composables/useMedia.js";
+import { usePan as t } from "../composables/useGesture.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, unref as h, useModel as g, useSlots as _, watch as v } from "vue";
+//#region src/components/BlessLayout.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "bless-layout__header"
+}, b = { class: "bless-layout__body" }, x = ["inert", "aria-hidden"], S = { class: "bless-layout__page" }, C = ["inert", "aria-hidden"], w = {
+	key: 1,
+	class: "bless-layout__footer"
+}, T = /*@__PURE__*/ a({
+	name: "BlessLayout",
+	__name: "BlessLayout",
+	props: /*@__PURE__*/ o({
+		breakpoint: { default: 1024 },
+		reveal: {
+			type: Boolean,
+			default: !0
+		},
+		leftWidth: { default: "280px" },
+		rightWidth: { default: "280px" },
+		swipe: {
+			type: Boolean,
+			default: !0
+		},
+		edge: { default: 24 }
+	}, {
+		left: {
+			type: Boolean,
+			default: !1
+		},
+		leftModifiers: {},
+		right: {
+			type: Boolean,
+			default: !1
+		},
+		rightModifiers: {}
+	}),
+	emits: ["update:left", "update:right"],
+	setup(a) {
+		let o = a, T = g(a, "left"), E = g(a, "right"), D = _(), O = e(`(max-width: ${o.breakpoint - 1}px)`), k = p(!1), A = p(), j = 0;
+		function M() {
+			if (!o.reveal) return;
+			let e = window.scrollY;
+			k.value = e > 64 && e > j, j = e;
+		}
+		d(() => addEventListener("scroll", M, { passive: !0 })), u(() => removeEventListener("scroll", M));
+		let N = null;
+		t(A, (e) => {
+			if (o.swipe && O.value) {
+				if (e.phase === "start") {
+					let t = e.event.clientX;
+					N = D.left && t <= o.edge ? "left" : D.right && t >= innerWidth - o.edge ? "right" : null;
+				} else e.phase === "end" && (N === "left" && e.dx > 60 ? T.value = !0 : N === "right" && e.dx < -60 ? E.value = !0 : T.value && e.dx < -60 ? T.value = !1 : E.value && e.dx > 60 && (E.value = !1), N = null);
+			}
+		}, { pointerTypes: ["touch", "pen"] });
+		function P(e) {
+			e.key === "Escape" && O.value && (T.value = !1, E.value = !1);
+		}
+		v(O, (e) => !e && (T.value = !1, E.value = !1));
+		let F = null;
+		return v([T, E], ([e, t], [n, r]) => {
+			if (!O.value) return;
+			let i = e && !n ? "left" : t && !r ? "right" : null;
+			i ? (F = document.activeElement, s(() => A.value?.querySelector(`.bless-layout__drawer--${i} :is(a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]))`)?.focus())) : !e && !t && s(() => F?.focus?.());
+		}), (e, t) => (f(), r("div", {
+			ref_key: "root",
+			ref: A,
+			class: c(["bless-layout", {
+				"bless-layout--narrow": h(O),
+				"bless-layout--hidden": k.value,
+				"bless-layout--left": T.value,
+				"bless-layout--right": E.value
+			}]),
+			style: l({
+				"--_lw": a.leftWidth,
+				"--_rw": a.rightWidth
+			}),
+			onKeydown: P
+		}, [
+			e.$slots.header ? (f(), r("header", y, [m(e.$slots, "header")])) : n("", !0),
+			i("div", b, [
+				e.$slots.left ? (f(), r("aside", {
+					key: 0,
+					class: "bless-layout__drawer bless-layout__drawer--left",
+					inert: h(O) && !T.value ? !0 : void 0,
+					"aria-hidden": h(O) && !T.value ? "true" : void 0
+				}, [m(e.$slots, "left")], 8, x)) : n("", !0),
+				i("main", S, [m(e.$slots, "default")]),
+				e.$slots.right ? (f(), r("aside", {
+					key: 1,
+					class: "bless-layout__drawer bless-layout__drawer--right",
+					inert: h(O) && !E.value ? !0 : void 0,
+					"aria-hidden": h(O) && !E.value ? "true" : void 0
+				}, [m(e.$slots, "right")], 8, C)) : n("", !0),
+				h(O) && (T.value || E.value) ? (f(), r("div", {
+					key: 2,
+					class: "bless-layout__backdrop",
+					onClick: t[0] ||= (e) => (T.value = !1, E.value = !1)
+				})) : n("", !0)
+			]),
+			e.$slots.footer ? (f(), r("footer", w, [m(e.$slots, "footer")])) : n("", !0)
+		], 38));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/BlessList.css

@@ -0,0 +1 @@
+.bless-list{font-family:var(--bless-font-sans);margin:0;padding:0;list-style:none}.bless-list--divided>.bless-list-item+.bless-list-item{border-top:var(--bless-border-width) solid var(--bless-color-border)}

package/dist/components/BlessList.js

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

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    divided?: boolean;
+};
+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<{}>, {
+    divided: 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/BlessList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/BlessList.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ t({
+	name: "BlessList",
+	__name: "BlessList",
+	props: { divided: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(t) {
+		return (a, o) => (r(), e("ul", {
+			class: n(["bless-list", { "bless-list--divided": t.divided }]),
+			role: "list"
+		}, [i(a.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { a as default };

package/dist/components/BlessListItem.css

@@ -0,0 +1 @@
+.bless-list-item__row{align-items:center;gap:var(--bless-space-1) var(--bless-space-3);padding:var(--bless-space-3) 0;color:var(--bless-color-text);flex-wrap:wrap;text-decoration:none;display:flex}.bless-list-item__row--link{transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition)}.bless-list-item__row--link:hover{opacity:var(--bless-hover-opacity)}.bless-list-item__row--link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-list-item__meta{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);color:var(--bless-color-text-muted);white-space:nowrap;flex:none}.bless-list-item__title{font-size:var(--bless-text-md);line-height:var(--bless-leading-tight);flex:12em}.bless-list-item__suffix{flex:none}

package/dist/components/BlessListItem.js

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

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    /** leading meta, e.g. date */
+    meta?: string;
+    /** badge text; true = NEW! */
+    badge?: boolean | string;
+    href?: string;
+};
+declare var __VLS_7: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    meta?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    suffix?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __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/BlessListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { useLink as e } from "../composables/useLink.js";
+import t from "./BlessBadge.js";
+import n from "./BlessDash.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region src/components/BlessListItem.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "bless-list-item" }, v = {
+	key: 0,
+	class: "bless-list-item__meta"
+}, y = { class: "bless-list-item__title" }, b = {
+	key: 1,
+	class: "bless-list-item__suffix"
+}, x = /*@__PURE__*/ l({
+	name: "BlessListItem",
+	__name: "BlessListItem",
+	props: {
+		meta: {},
+		badge: { type: [Boolean, String] },
+		href: {}
+	},
+	setup(l) {
+		let x = e();
+		return (e, S) => (d(), a("li", _, [(d(), r(p(h(x)(l.href, void 0, "div").is), u(h(x)(l.href, void 0, "div").attrs, { class: ["bless-list-item__row", { "bless-list-item__row--link": l.href }] }), {
+			default: g(() => [
+				l.meta || l.badge ? (d(), a("span", v, [
+					f(e.$slots, "meta", {}, () => [s(m(l.meta), 1)]),
+					c(n),
+					l.badge ? (d(), r(t, {
+						key: 0,
+						scaled: ""
+					}, {
+						default: g(() => [s(m(l.badge === !0 ? "NEW!" : l.badge), 1)]),
+						_: 1
+					})) : i("", !0)
+				])) : i("", !0),
+				o("span", y, [f(e.$slots, "default")]),
+				e.$slots.suffix ? (d(), a("span", b, [f(e.$slots, "suffix")])) : i("", !0)
+			]),
+			_: 3
+		}, 16, ["class"]))]));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/BlessListbox.css

@@ -0,0 +1 @@
+.bless-listbox{border-radius:var(--bless-radius);--_row:36px;max-height:calc(var(--_rows,1000) * var(--_row));border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);scrollbar-width:thin;display:block;overflow-y:auto}.bless-listbox:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-listbox__option{align-items:center;gap:var(--bless-space-2);min-height:var(--_row);padding:0 var(--bless-space-3);cursor:pointer;display:flex}.bless-listbox:is(:focus-visible,:hover) .bless-listbox__option--active{background:var(--bless-color-surface)}.bless-listbox__option--selected{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-listbox__option--disabled{opacity:.4;cursor:not-allowed}.bless-listbox__check{border:var(--bless-border-width) solid var(--bless-color-border);width:16px;height:16px;font-size:var(--bless-text-2xs);transform:skewX(var(--bless-skew));place-items:center;line-height:1;display:inline-grid}.bless-listbox__option--selected .bless-listbox__check{border-color:var(--bless-color-accent-text);background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-listbox--disabled{opacity:.4;pointer-events:none}

package/dist/components/BlessListbox.js

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

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

@@ -0,0 +1,38 @@
+import { BlessOption } from './select';
+declare const __VLS_export: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        id?: string;
+        /** submitted with the form, one value per selected option */
+        name?: string;
+        options: BlessOption<T>[];
+        multiple?: boolean;
+        disabled?: boolean;
+        label?: string;
+        /** visible rows before scrolling; 0 = no limit */
+        rows?: number;
+    } & {
+        modelValue?: T | T[] | undefined;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            option: BlessOption<T>;
+            selected: boolean;
+        }) => any;
+    };
+    emit: (event: "update:modelValue", value: T | T[] | undefined) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/BlessListbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,131 @@
+import { useFieldId as e, useFieldState as t } from "../composables/useFieldId.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useId as _, useModel as v, watch as y } from "vue";
+//#region src/components/BlessListbox.vue?vue&type=script&setup=true&lang.ts
+var b = [
+	"id",
+	"tabindex",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-multiselectable",
+	"aria-activedescendant",
+	"aria-disabled"
+], x = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"data-i",
+	"onClick",
+	"onMousemove"
+], S = {
+	key: 0,
+	class: "bless-listbox__check",
+	"aria-hidden": "true"
+}, C = ["name", "value"], w = /*@__PURE__*/ s({
+	name: "BlessListbox",
+	__name: "BlessListbox",
+	props: /*@__PURE__*/ c({
+		id: {},
+		name: {},
+		options: {},
+		multiple: { type: Boolean },
+		disabled: { type: Boolean },
+		label: {},
+		rows: { default: 0 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let c = s, w = v(s, "modelValue"), T = _(), E = e(c), D = t(), O = f(), k = r(() => c.options.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0)), A = (e) => Array.isArray(w.value) ? w.value.includes(e) : w.value === e, j = r(() => c.options.filter((e) => A(e.value))), M = f(Math.max(c.options.findIndex((e) => !e.disabled && A(e.value)), k.value[0] ?? 0));
+		function N(e) {
+			let t = c.options[e];
+			if (!(!t || t.disabled || c.disabled)) {
+				if (M.value = e, c.multiple) {
+					let e = Array.isArray(w.value) ? w.value : [];
+					w.value = e.includes(t.value) ? e.filter((e) => e !== t.value) : [...e, t.value];
+				} else w.value = t.value;
+			}
+		}
+		y(k, (e) => {
+			e.includes(M.value) || (M.value = e.find((e) => e > M.value) ?? e.at(-1) ?? 0);
+		});
+		function P() {
+			O.value?.querySelector(`[data-i="${M.value}"]`)?.scrollIntoView?.({ block: "nearest" });
+		}
+		function F(e) {
+			let t = k.value, n = t.indexOf(M.value), r = t[Math.max(0, Math.min(t.length - 1, (n < 0 ? 0 : n) + e))];
+			r != null && (M.value = r), P();
+		}
+		let I = "", L;
+		function R(e) {
+			let t = k.value;
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), F(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), F(-1);
+					break;
+				case "Home":
+					e.preventDefault(), M.value = t[0] ?? 0, P();
+					break;
+				case "End":
+					e.preventDefault(), M.value = t.at(-1) ?? 0, P();
+					break;
+				case " ":
+				case "Enter":
+					e.preventDefault(), N(M.value);
+					break;
+				default: if (e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
+					I += e.key.toLowerCase(), clearTimeout(L), L = setTimeout(() => I = "", 500);
+					let n = t.find((e) => c.options[e].label.toLowerCase().startsWith(I));
+					n != null && (M.value = n, P());
+				}
+			}
+		}
+		return (e, t) => (d(), a("div", {
+			id: g(E)(),
+			ref_key: "root",
+			ref: O,
+			class: l(["bless-listbox", { "bless-listbox--disabled": s.disabled }]),
+			role: "listbox",
+			tabindex: s.disabled ? -1 : 0,
+			"aria-label": s.label,
+			"aria-labelledby": s.label ? void 0 : g(D).labelledby,
+			"aria-describedby": g(D).describedby.value,
+			"aria-invalid": g(D).invalid.value || void 0,
+			"aria-multiselectable": s.multiple || void 0,
+			"aria-activedescendant": `${g(T)}-${M.value}`,
+			"aria-disabled": s.disabled || void 0,
+			style: u(s.rows ? { "--_rows": s.rows } : void 0),
+			onKeydown: R
+		}, [(d(!0), a(n, null, p(s.options, (t, n) => (d(), a("div", {
+			id: `${g(T)}-${n}`,
+			key: t.value,
+			class: l(["bless-listbox__option", {
+				"bless-listbox__option--active": n === M.value,
+				"bless-listbox__option--selected": A(t.value),
+				"bless-listbox__option--disabled": t.disabled
+			}]),
+			role: "option",
+			"aria-selected": A(t.value),
+			"aria-disabled": t.disabled || void 0,
+			"data-i": n,
+			onClick: (e) => N(n),
+			onMousemove: (e) => !t.disabled && (M.value = n)
+		}, [s.multiple ? (d(), a("span", S, h(A(t.value) ? "✓" : ""), 1)) : i("", !0), m(e.$slots, "default", {
+			option: t,
+			selected: A(t.value)
+		}, () => [o(h(t.label), 1)])], 42, x))), 128)), s.name ? (d(!0), a(n, { key: 0 }, p(j.value, (e) => (d(), a("input", {
+			key: e.value,
+			type: "hidden",
+			name: s.name,
+			value: e.value
+		}, null, 8, C))), 128)) : i("", !0)], 46, b));
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/BlessLoadingBar.css

@@ -0,0 +1 @@
+.bless-loadingbar{--_c:var(--bless-color-accent);z-index:calc(var(--bless-z-modal) + 10);height:var(--_h);pointer-events:none;opacity:0;transition:opacity var(--bless-duration-slow) var(--bless-duration-base);position:fixed;inset-inline:0}.bless-loadingbar--top{top:0}.bless-loadingbar--bottom{bottom:0}.bless-loadingbar--text{--_c:var(--bless-color-text)}.bless-loadingbar--on{opacity:1;transition-delay:0s}.bless-loadingbar__bar{width:var(--_p);background:var(--_c);height:100%;transition:width var(--bless-duration-base) var(--bless-ease-out);display:block}

package/dist/components/BlessLoadingBar.js

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

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

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    height?: string;
+    position?: "top" | "bottom";
+    color?: "accent" | "text";
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "accent" | "text";
+    position: "top" | "bottom";
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessLoadingBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { loadingBarState as e, useLoadingBar as t } from "../composables/useLoadingBar.js";
+import { createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, unref as c } from "vue";
+//#region src/components/BlessLoadingBar.vue?vue&type=script&setup=true&lang.ts
+var l = ["aria-valuenow", "aria-hidden"], u = /*@__PURE__*/ i({
+	name: "BlessLoadingBar",
+	__name: "BlessLoadingBar",
+	props: {
+		height: { default: "3px" },
+		position: { default: "top" },
+		color: { default: "accent" }
+	},
+	setup(i) {
+		return t(), (t, u) => (s(), n("div", {
+			class: a(["bless-loadingbar", [
+				`bless-loadingbar--${i.position}`,
+				`bless-loadingbar--${i.color}`,
+				{ "bless-loadingbar--on": c(e).active }
+			]]),
+			style: o({
+				"--_h": i.height,
+				"--_p": `${c(e).progress}%`
+			}),
+			role: "progressbar",
+			"aria-valuenow": c(e).active ? Math.round(c(e).progress) : void 0,
+			"aria-valuemin": "0",
+			"aria-valuemax": "100",
+			"aria-label": "Loading",
+			"aria-hidden": c(e).active ? void 0 : "true"
+		}, [...u[0] ||= [r("span", { class: "bless-loadingbar__bar" }, null, -1)]], 14, l));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/BlessMarker.css

@@ -0,0 +1 @@
+.bless-marker{--_c:var(--bless-color-text-muted);justify-content:center;align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);color:var(--bless-color-text);display:flex}.bless-marker--accent{--_c:var(--bless-color-accent)}.bless-marker--danger{--_c:var(--bless-color-danger)}.bless-marker--success{--_c:var(--bless-color-success)}.bless-marker--warning{--_c:var(--bless-color-warning)}.bless-marker--info{--_c:var(--bless-color-info)}.bless-marker__content{align-items:center;gap:var(--bless-space-1);display:inline-flex}.bless-marker__icon{display:inline-flex}.bless-marker--status .bless-marker__content{padding:2px var(--bless-space-3);background:var(--bless-color-surface);transform:skewX(var(--bless-skew))}.bless-marker--status .bless-marker__content>*{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-marker--separator:before,.bless-marker--separator:after{content:"";height:var(--bless-border-width);background:var(--bless-color-border);flex:1}.bless-marker--border{padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);border-inline-start:3px solid var(--_c);justify-content:flex-start}.bless-marker--shimmer .bless-marker__content{background-image:linear-gradient(90deg, transparent 30%, color-mix(in srgb, var(--bless-color-text) 18%, transparent) 50%, transparent 70%);animation:bless-marker-shimmer 1.6s var(--bless-ease-linear) infinite;background-size:200% 100%}@keyframes bless-marker-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.bless-marker--shimmer .bless-marker__content{animation:none}}

package/dist/components/BlessMarker.js

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

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** status = centered pill, note = muted line, separator = labelled rule, border = bordered row */
+    variant?: "status" | "note" | "separator" | "border";
+    color?: "text" | "accent" | "danger" | "success" | "warning" | "info";
+    /** shimmer (pending / streaming) */
+    shimmer?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (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<{}>, {
+    color: "text" | "accent" | "danger" | "success" | "warning" | "info";
+    variant: "status" | "note" | "separator" | "border";
+}, {}, {}, {}, 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/BlessMarker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/BlessMarker.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "bless-marker__content" }, c = {
+	key: 0,
+	class: "bless-marker__icon",
+	"aria-hidden": "true"
+}, l = /*@__PURE__*/ r({
+	name: "BlessMarker",
+	__name: "BlessMarker",
+	props: {
+		variant: { default: "status" },
+		color: { default: "text" },
+		shimmer: { type: Boolean }
+	},
+	setup(r) {
+		return (l, u) => (a(), t("div", {
+			class: i(["bless-marker", [
+				`bless-marker--${r.variant}`,
+				`bless-marker--${r.color}`,
+				{ "bless-marker--shimmer": r.shimmer }
+			]]),
+			role: "note"
+		}, [n("span", s, [l.$slots.icon ? (a(), t("span", c, [o(l.$slots, "icon")])) : e("", !0), o(l.$slots, "default")])], 2));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/BlessMenuList.css

@@ -0,0 +1 @@
+.bless-menu{border-radius:var(--bless-radius);min-width:180px;padding:var(--bless-space-1) 0;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);outline:0}.bless-menu--sub{inset-inline-start:100%;top:calc(-1 * var(--bless-space-1) - 1px);position:absolute}.bless-menu__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;text-decoration:none;display:flex;position:relative}.bless-menu__item:focus,.bless-menu__item[aria-expanded=true]{background:var(--bless-color-surface)}.bless-menu__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-menu__item[aria-expanded=true]{color:var(--bless-color-accent-text)}.bless-menu__item--danger,.bless-menu__item--danger:focus{color:var(--bless-color-danger-text)}.bless-menu__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-menu__mark{text-align:center;width:1.2em;font-size:var(--bless-text-xs);flex:none}.bless-menu__text{flex:1}.bless-menu__shortcut{opacity:.7;margin-inline-start:var(--bless-space-4)}.bless-menu__chevron{color:var(--bless-color-text-muted)}.bless-menu__sep{height:var(--bless-border-width);margin:var(--bless-space-1) 0;background:var(--bless-color-border)}.bless-menu__label{padding:var(--bless-space-2) var(--bless-space-3) var(--bless-space-1);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}

package/dist/components/BlessMenuList.js

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

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

@@ -0,0 +1,20 @@
+import { BlessMenuItem } from './menu';
+type __VLS_Props = {
+    items: BlessMenuItem[];
+    checked?: Record<string, boolean>;
+    radios?: Record<string, string>;
+};
+declare function focusFirst(): void;
+declare function focusLast(): void;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    focusFirst: typeof focusFirst;
+    focusLast: typeof focusLast;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: BlessMenuItem) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: BlessMenuItem) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;