blessing-ui 0.1.0

package/dist/components/BlessUploader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,157 @@
+import e from "./BlessButton.js";
+import t from "./BlessProgress.js";
+import n from "./BlessFileInput.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, withCtx as y } from "vue";
+//#region src/components/BlessUploader.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "bless-uploader__name" }, x = { class: "bless-uploader__meta" }, S = ["aria-label", "onClick"], C = {
+	class: "bless-uploader__live",
+	"aria-live": "polite"
+}, w = {
+	key: 1,
+	class: "bless-uploader__actions"
+}, T = /*@__PURE__*/ u({
+	name: "BlessUploader",
+	__name: "BlessUploader",
+	props: {
+		url: {},
+		field: { default: "file" },
+		headers: {},
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: !0
+		},
+		auto: {
+			type: Boolean,
+			default: !1
+		},
+		maxSize: {},
+		label: { default: "Drop files here or click to browse" },
+		hint: {}
+	},
+	emits: [
+		"upload",
+		"done",
+		"error"
+	],
+	setup(u, { expose: T, emit: E }) {
+		let D = u, O = E, k = h([]), A = h([]), j = 0, M = h("");
+		function N(e) {
+			for (let t of e) {
+				if (D.maxSize && t.size > D.maxSize) {
+					k.value.push({
+						id: ++j,
+						file: t,
+						progress: 0,
+						status: "error",
+						error: "Too large"
+					});
+					continue;
+				}
+				k.value.push({
+					id: ++j,
+					file: t,
+					progress: 0,
+					status: "queued"
+				});
+			}
+			A.value = [], D.auto && F();
+		}
+		function P(e) {
+			e.status = "uploading";
+			let t = (t) => e.progress = Math.max(0, Math.min(100, t)), n = () => {
+				e.status = "done", e.progress = 100, M.value = `${e.file.name} uploaded`, O("done", e);
+			}, r = (t) => {
+				e.status = "error", e.error = t ?? "Upload failed", M.value = `${e.file.name}: ${e.error}`, O("error", e);
+			};
+			if (!D.url) return void O("upload", e, t, n, r);
+			let i = new XMLHttpRequest();
+			e.xhr = i, i.open("POST", D.url);
+			for (let [e, t] of Object.entries(D.headers ?? {})) i.setRequestHeader(e, t);
+			i.upload.onprogress = (e) => e.lengthComputable && t(e.loaded / e.total * 100), i.onload = () => i.status < 400 ? n() : r(`HTTP ${i.status}`), i.onerror = () => r(), i.onabort = () => e.status = "cancelled";
+			let a = new FormData();
+			a.append(D.field, e.file), i.send(a);
+		}
+		let F = () => k.value.filter((e) => e.status === "queued").forEach(P), I = (e) => e.xhr ? e.xhr.abort() : e.status = "cancelled", L = h(), R = h();
+		async function z(e) {
+			let t = k.value.indexOf(e);
+			e.status === "uploading" && I(e), k.value = k.value.filter((t) => t !== e), await d();
+			let n = R.value?.querySelectorAll(".bless-uploader__x") ?? [];
+			(n[Math.min(t, n.length - 1)] ?? L.value?.querySelector("input[type=file]"))?.focus();
+		}
+		let B = () => k.value = k.value.filter((e) => e.status === "uploading"), V = (e) => e < 1048576 ? `${(e / 1024).toFixed(0)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		return p(() => k.value.forEach((e) => e.status === "uploading" && e.xhr?.abort())), T({
+			start: F,
+			clear: B,
+			queue: k
+		}), (d, p) => (m(), o("div", {
+			ref_key: "root",
+			ref: L,
+			class: "bless-uploader"
+		}, [
+			l(n, {
+				modelValue: A.value,
+				"onUpdate:modelValue": [p[0] ||= (e) => A.value = e, N],
+				accept: u.accept,
+				multiple: u.multiple,
+				label: u.label,
+				hint: u.hint,
+				list: !1
+			}, null, 8, [
+				"modelValue",
+				"accept",
+				"multiple",
+				"label",
+				"hint"
+			]),
+			k.value.length ? (m(), o("ul", {
+				key: 0,
+				role: "list",
+				ref_key: "list",
+				ref: R,
+				class: "bless-uploader__list"
+			}, [(m(!0), o(r, null, g(k.value, (e) => (m(), o("li", {
+				key: e.id,
+				class: f(["bless-uploader__item", `bless-uploader__item--${e.status}`])
+			}, [
+				s("span", b, v(e.file.name), 1),
+				s("span", x, v(e.error ?? (e.status === "done" ? "done" : e.status === "uploading" ? `${Math.round(e.progress)}%` : V(e.file.size))), 1),
+				e.status === "uploading" ? (m(), i(t, {
+					key: 0,
+					value: e.progress,
+					size: "sm",
+					class: "bless-uploader__bar"
+				}, null, 8, ["value"])) : a("", !0),
+				s("button", {
+					type: "button",
+					class: "bless-uploader__x",
+					"aria-label": `${e.status === "uploading" ? "Cancel" : "Remove"} ${e.file.name}`,
+					onClick: (t) => e.status === "uploading" ? I(e) : z(e)
+				}, " × ", 8, S)
+			], 2))), 128))], 512)) : a("", !0),
+			s("span", C, v(M.value), 1),
+			k.value.length ? (m(), o("div", w, [_(d.$slots, "actions", {
+				start: F,
+				clear: B,
+				queue: k.value
+			}, () => [l(e, {
+				size: "sm",
+				variant: "outline",
+				onClick: B
+			}, {
+				default: y(() => [...p[1] ||= [c("Clear", -1)]]),
+				_: 1
+			}), u.auto ? a("", !0) : (m(), i(e, {
+				key: 0,
+				size: "sm",
+				disabled: !k.value.some((e) => e.status === "queued"),
+				onClick: F
+			}, {
+				default: y(() => [...p[2] ||= [c("Upload", -1)]]),
+				_: 1
+			}, 8, ["disabled"]))])])) : a("", !0)
+		], 512));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/BlessVideo.css

@@ -0,0 +1 @@
+.bless-video{border-radius:var(--bless-radius);background:var(--bless-color-media-bg);width:100%;position:relative;overflow:hidden}.bless-video__media{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}

package/dist/components/BlessVideo.js

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

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** iframe URL (YouTube / Vimeo embed, etc.) or a video file */
+    src: string;
+    title: string;
+    ratio?: number | string;
+    /** true = <video>, false = <iframe> */
+    native?: boolean;
+    poster?: 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<{}>, {
+    ratio: number | string;
+    native: 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/BlessVideo.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { createElementBlock as e, defineComponent as t, mergeProps as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/BlessVideo.vue?vue&type=script&setup=true&lang.ts
+var o = [
+	"src",
+	"poster",
+	"title"
+], s = ["src", "title"], c = /*@__PURE__*/ t({
+	name: "BlessVideo",
+	inheritAttrs: !1,
+	__name: "BlessVideo",
+	props: {
+		src: {},
+		title: {},
+		ratio: { default: "16 / 9" },
+		native: {
+			type: Boolean,
+			default: !1
+		},
+		poster: {}
+	},
+	setup(t) {
+		return (c, l) => (i(), e("div", {
+			class: "bless-video",
+			style: r({ aspectRatio: t.ratio })
+		}, [t.native ? (i(), e("video", n({ key: 0 }, c.$attrs, {
+			src: t.src,
+			poster: t.poster,
+			title: t.title,
+			class: "bless-video__media",
+			controls: "",
+			playsinline: ""
+		}), [a(c.$slots, "default")], 16, o)) : (i(), e("iframe", n({ key: 1 }, c.$attrs, {
+			src: t.src,
+			title: t.title,
+			class: "bless-video__media",
+			allow: "\n        accelerometer;\n        autoplay;\n        clipboard-write;\n        encrypted-media;\n        gyroscope;\n        picture-in-picture;\n      ",
+			allowfullscreen: "",
+			loading: "lazy",
+			referrerpolicy: "strict-origin-when-cross-origin"
+		}), null, 16, s))], 4));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/BlessVirtualScroller.css

@@ -0,0 +1 @@
+.bless-virtual{height:var(--_h);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;font-family:var(--bless-font-sans);color:var(--bless-color-text);overflow-y:auto}.bless-virtual:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-virtual__spacer{position:relative}.bless-virtual__window{will-change:transform;position:absolute;inset:0 0 auto}.bless-virtual__row{box-sizing:border-box;padding:0 var(--bless-space-3);border-bottom:var(--bless-border-width) solid var(--bless-color-border);align-items:center;display:flex}

package/dist/components/BlessVirtualScroller.js

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

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

@@ -0,0 +1,36 @@
+declare const __VLS_export: <T>(__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<{
+        items: T[];
+        /** row height in px — exact when `dynamic` is off, an estimate for unmeasured rows when it's on */
+        itemHeight: number;
+        /** measure each rendered row (ResizeObserver) and lay out by real heights */
+        dynamic?: boolean;
+        height?: string;
+        /** rows rendered beyond the viewport on each side */
+        overscan?: number;
+        rowKey?: (item: T, index: number) => string | number;
+        label?: string;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        scrollTo: (index: number) => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            item: T;
+            index: number;
+        }) => any;
+    };
+    emit: {};
+}>) => 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/BlessVirtualScroller.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderList as u, renderSlot as d, watch as f } from "vue";
+//#region src/components/BlessVirtualScroller.vue?vue&type=script&setup=true&lang.ts
+var p = ["aria-label"], m = [
+	"data-index",
+	"aria-setsize",
+	"aria-posinset"
+], h = /*@__PURE__*/ i({
+	name: "BlessVirtualScroller",
+	__name: "BlessVirtualScroller",
+	props: {
+		items: {},
+		itemHeight: {},
+		dynamic: {
+			type: Boolean,
+			default: !1
+		},
+		height: { default: "320px" },
+		overscan: { default: 4 },
+		rowKey: {},
+		label: {}
+	},
+	setup(i, { expose: h }) {
+		let g = i, _ = l(0), v = l(0), y = l(), b = l([]), x = l(0), S = t(() => {
+			x.value;
+			let e = g.items.length, t = Array(e + 1);
+			t[0] = 0;
+			for (let n = 0; n < e; n++) t[n + 1] = t[n] + (g.dynamic ? b.value[n] ?? g.itemHeight : g.itemHeight);
+			return t;
+		}), C = t(() => g.dynamic ? S.value[g.items.length] : g.items.length * g.itemHeight);
+		function w(e) {
+			if (!g.dynamic) return Math.floor(e / g.itemHeight);
+			let t = S.value, n = 0, r = g.items.length - 1;
+			for (; n < r;) {
+				let i = n + r + 1 >> 1;
+				t[i] <= e ? n = i : r = i - 1;
+			}
+			return n;
+		}
+		let T = t(() => Math.max(0, w(_.value) - g.overscan)), E = t(() => Math.min(g.items.length, w(_.value + v.value) + 1 + g.overscan)), D = t(() => g.items.slice(T.value, E.value)), O = t(() => g.dynamic ? S.value[T.value] : T.value * g.itemHeight);
+		function k() {
+			_.value = y.value.scrollTop, v.value = y.value.clientHeight;
+		}
+		function A(e) {
+			y.value?.scrollTo({ top: g.dynamic ? S.value[e] : e * g.itemHeight });
+		}
+		let j;
+		function M(e) {
+			let t = Number(e.dataset.index), n = e.offsetHeight;
+			Number.isFinite(t) && n && b.value[t] !== n && (b.value[t] = n, x.value++);
+		}
+		let N = (e) => {
+			e instanceof HTMLElement && (j ? j.observe(e) : M(e));
+		};
+		return s(() => {
+			g.dynamic && typeof ResizeObserver < "u" && (j = new ResizeObserver((e) => e.forEach((e) => M(e.target))), y.value?.querySelectorAll(".bless-virtual__row").forEach((e) => j.observe(e)));
+		}), o(() => j?.disconnect()), f(() => g.items.length, () => (b.value.length = 0, x.value++)), h({ scrollTo: A }), (t, o) => (c(), n("div", {
+			ref_key: "viewport",
+			ref: y,
+			class: "bless-virtual",
+			style: a({ "--_h": i.height }),
+			role: "list",
+			"aria-label": i.label,
+			tabindex: "0",
+			onScrollPassive: k,
+			onVnodeMounted: k
+		}, [r("div", {
+			class: "bless-virtual__spacer",
+			style: a({ height: `${C.value}px` })
+		}, [r("div", {
+			class: "bless-virtual__window",
+			style: a({ transform: `translateY(${O.value}px)` })
+		}, [(c(!0), n(e, null, u(D.value, (e, r) => (c(), n("div", {
+			key: i.rowKey ? i.rowKey(e, T.value + r) : T.value + r,
+			ref_for: !0,
+			ref: N,
+			"data-index": T.value + r,
+			class: "bless-virtual__row",
+			style: a(i.dynamic ? void 0 : { height: `${i.itemHeight}px` }),
+			role: "listitem",
+			"aria-setsize": i.items.length,
+			"aria-posinset": T.value + r + 1
+		}, [d(t.$slots, "default", {
+			item: e,
+			index: T.value + r
+		})], 12, m))), 128))], 4)], 4)], 44, p));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/BlessWatermark.css

@@ -0,0 +1 @@
+.bless-watermark{z-index:0;font-family:var(--bless-font-sans);font-size:var(--bless-text-display);font-weight:var(--bless-font-weight-thin);letter-spacing:var(--bless-tracking-tight);line-height:var(--bless-leading-none);color:var(--bless-color-watermark);--bless-skew:var(--bless-lean);transform:skewX(var(--bless-skew));white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bless-watermark--top-right{top:-.2em;right:-.05em}.bless-watermark--top-left{top:-.2em;left:-.05em}.bless-watermark--bottom-right{bottom:-.2em;right:-.05em}.bless-watermark--bottom-left{bottom:-.2em;left:-.05em}

package/dist/components/BlessWatermark.js

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

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

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

package/dist/components/BlessWatermark.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, toDisplayString as i } from "vue";
+//#region src/components/BlessWatermark.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ t({
+	name: "BlessWatermark",
+	__name: "BlessWatermark",
+	props: {
+		text: {},
+		position: { default: "top-right" }
+	},
+	setup(t) {
+		return (a, o) => (r(), e("span", {
+			class: n(["bless-watermark", `bless-watermark--${t.position}`]),
+			"aria-hidden": "true"
+		}, i(t.text), 3));
+	}
+});
+//#endregion
+export { a as default };

package/dist/components/BlessWatermarkOverlay.css

@@ -0,0 +1 @@
+.bless-wm-overlay{color:var(--bless-color-text);position:relative}.bless-wm-overlay__layer{-webkit-mask-image:var(--_tile);mask-image:var(--_tile);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}

package/dist/components/BlessWatermarkOverlay.js

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

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    text: string;
+    /** tile size in px */
+    gap?: number;
+    angle?: number;
+    fontSize?: number;
+    opacity?: number;
+    /** any CSS colour; the default follows the text colour, so it flips with the theme */
+    color?: 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: string;
+    opacity: number;
+    gap: number;
+    angle: number;
+    fontSize: 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/BlessWatermarkOverlay.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeStyle as i, openBlock as a, renderSlot as o } from "vue";
+//#region src/components/BlessWatermarkOverlay.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "bless-wm-overlay" }, c = /*@__PURE__*/ r({
+	name: "BlessWatermarkOverlay",
+	__name: "BlessWatermarkOverlay",
+	props: {
+		text: {},
+		gap: { default: 180 },
+		angle: { default: -22 },
+		fontSize: { default: 16 },
+		opacity: { default: .15 },
+		color: { default: "currentColor" }
+	},
+	setup(r) {
+		let c = r, l = (e) => e.replace(/[<>&"]/g, (e) => ({
+			"<": "&lt;",
+			">": "&gt;",
+			"&": "&amp;",
+			"\"": "&quot;"
+		})[e]), u = e(() => {
+			let e = c.gap;
+			return `data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}"><text x="50%" y="50%" font-family="Roboto,Noto Sans JP,sans-serif" font-size="${c.fontSize}" font-weight="700" letter-spacing="2" fill="#000" text-anchor="middle" dominant-baseline="middle" transform="rotate(${c.angle} ${e / 2} ${e / 2})">${l(c.text)}</text></svg>`)}`;
+		});
+		return (e, c) => (a(), t("div", s, [o(e.$slots, "default"), n("div", {
+			class: "bless-wm-overlay__layer",
+			style: i({
+				"--_tile": `url('${u.value}')`,
+				backgroundColor: r.color,
+				opacity: r.opacity
+			}),
+			"aria-hidden": "true"
+		}, null, 4)]));
+	}
+});
+//#endregion
+export { c as default };

package/dist/components/accordion.d.ts

@@ -0,0 +1,4 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const accordionKey: InjectionKey<{
+    name: Ref<string | undefined>;
+}>;

package/dist/components/accordion.js

@@ -0,0 +1,4 @@
+//#region src/components/accordion.ts
+var e = Symbol("bless-accordion");
+//#endregion
+export { e as accordionKey };

package/dist/components/cascade.d.ts

@@ -0,0 +1,6 @@
+export interface BlessCascadeOption<T = string | number> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    children?: BlessCascadeOption<T>[];
+}

package/dist/components/mask.d.ts

@@ -0,0 +1,4 @@
+/** # digit · A letter · * letter or digit · anything else is a literal */
+export declare function applyMask(mask: string, input: string): string;
+/** strip literals from a masked value */
+export declare const unmask: (mask: string, masked: string) => string;

package/dist/components/mask.js

@@ -0,0 +1,17 @@
+//#region src/components/mask.ts
+var e = (e) => e === "#" || e === "A" || e === "*", t = (e, t) => e === "#" ? /\d/.test(t) : e === "A" ? /\p{L}/u.test(t) : /[\p{L}\d]/u.test(t);
+function n(n, r) {
+	let i = "", a = 0, o = 0;
+	for (let s of n) {
+		if (o >= r.length) break;
+		if (e(s)) {
+			for (; o < r.length && !t(s, r[o]);) o++;
+			if (o >= r.length) break;
+			i += r[o++], a = i.length;
+		} else i += s, r[o] === s && (o++, a = i.length);
+	}
+	return i.slice(0, a);
+}
+var r = (t, n) => [...n].filter((n, r) => e(t[r] ?? "")).join("");
+//#endregion
+export { n as applyMask, r as unmask };

package/dist/components/menu.d.ts

@@ -0,0 +1,42 @@
+import { InjectionKey } from 'vue';
+export type BlessMenuItem = {
+    type?: "item";
+    label: string;
+    value?: string;
+    icon?: string;
+    shortcut?: string;
+    disabled?: boolean;
+    href?: string;
+    danger?: boolean;
+} | {
+    type: "checkbox";
+    label: string;
+    value: string;
+    checked?: boolean;
+    disabled?: boolean;
+} | {
+    type: "radio";
+    label: string;
+    value: string;
+    group: string;
+    disabled?: boolean;
+} | {
+    type: "separator";
+} | {
+    type: "label";
+    label: string;
+} | {
+    type: "sub";
+    label: string;
+    items: BlessMenuItem[];
+    disabled?: boolean;
+};
+export declare const menubarKey: InjectionKey<{
+    register: (id: string, open: () => void, close: () => void) => void;
+    unregister: (id: string) => void;
+    /** currently open menu id */
+    active: {
+        value: string | null;
+    };
+    focusNext: (id: string, dir: 1 | -1) => void;
+}>;

package/dist/components/menu.js

@@ -0,0 +1,4 @@
+//#region src/components/menu.ts
+var e = Symbol("bless-menubar");
+//#endregion
+export { e as menubarKey };

package/dist/components/questionnaire.d.ts

@@ -0,0 +1,16 @@
+export interface BlessQuestionChoice {
+    value: string;
+    label: string;
+    description?: string;
+}
+export interface BlessQuestion {
+    name: string;
+    title: string;
+    description?: string;
+    type: "single" | "multiple" | "freeform";
+    choices?: BlessQuestionChoice[];
+    required?: boolean;
+    skippable?: boolean;
+    placeholder?: string;
+}
+export type BlessAnswers = Record<string, string | string[] | undefined>;

package/dist/components/radio.d.ts

@@ -0,0 +1,7 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const radioKey: InjectionKey<{
+    name: Ref<string>;
+    disabled: Ref<boolean | undefined>;
+    invalid: Ref<boolean | undefined>;
+    model: Ref<string | number | undefined>;
+}>;

package/dist/components/radio.js

@@ -0,0 +1,4 @@
+//#region src/components/radio.ts
+var e = Symbol("bless-radio");
+//#endregion
+export { e as radioKey };

package/dist/components/select.d.ts

@@ -0,0 +1,5 @@
+export interface BlessOption<T = string | number> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+}

package/dist/components/table.d.ts

@@ -0,0 +1,12 @@
+export interface BlessColumn<T = Record<string, unknown>> {
+    key: keyof T & string;
+    label: string;
+    align?: "left" | "center" | "right";
+    width?: string;
+    /** marks the row header cell (th scope=row) */
+    header?: boolean;
+}
+export interface BlessDataColumn<T = Record<string, unknown>> extends BlessColumn<T> {
+    sortable?: boolean;
+    hideable?: boolean;
+}

package/dist/components/toggle.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const toggleGroupKey: InjectionKey<{
+    has: (v: string | number) => boolean;
+    toggle: (v: string | number) => void;
+    disabled: Ref<boolean | undefined>;
+}>;

package/dist/components/toggle.js

@@ -0,0 +1,4 @@
+//#region src/components/toggle.ts
+var e = Symbol("bless-toggle-group");
+//#endregion
+export { e as toggleGroupKey };