blessing-ui 0.1.0

package/dist/components/BlessEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,159 @@
+import { useRovingFocus as e } from "../composables/useRovingFocus.js";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, withModifiers as p } from "vue";
+//#region src/components/BlessEditor.vue?vue&type=script&setup=true&lang.ts
+var m = ["aria-label"], h = {
+	key: 0,
+	class: "bless-editor__sep",
+	"aria-hidden": "true"
+}, g = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"disabled",
+	"onClick"
+], _ = { "aria-hidden": "true" }, v = { class: "bless-editor__content" }, y = {
+	key: 0,
+	class: "bless-editor__footer"
+}, b = /*@__PURE__*/ a({
+	name: "BlessEditor",
+	__name: "BlessEditor",
+	props: {
+		editor: {},
+		tools: { default: () => [
+			"bold",
+			"italic",
+			"strike",
+			"code",
+			"|",
+			"h1",
+			"h2",
+			"|",
+			"bulletList",
+			"orderedList",
+			"blockquote",
+			"codeBlock",
+			"hr",
+			"|",
+			"undo",
+			"redo"
+		] },
+		label: { default: "Formatting" },
+		disabled: { type: Boolean },
+		minHeight: { default: "160px" }
+	},
+	setup(a) {
+		let b = l();
+		e(b);
+		let x = (e) => e.chain().focus(), S = {
+			bold: {
+				title: "Bold",
+				icon: "B",
+				run: (e) => x(e).toggleBold().run(),
+				active: (e) => e.isActive("bold")
+			},
+			italic: {
+				title: "Italic",
+				icon: "I",
+				run: (e) => x(e).toggleItalic().run(),
+				active: (e) => e.isActive("italic")
+			},
+			strike: {
+				title: "Strikethrough",
+				icon: "S",
+				run: (e) => x(e).toggleStrike().run(),
+				active: (e) => e.isActive("strike")
+			},
+			code: {
+				title: "Inline code",
+				icon: "‹›",
+				run: (e) => x(e).toggleCode().run(),
+				active: (e) => e.isActive("code")
+			},
+			h1: {
+				title: "Heading 1",
+				icon: "H1",
+				run: (e) => x(e).toggleHeading({ level: 1 }).run(),
+				active: (e) => e.isActive("heading", { level: 1 })
+			},
+			h2: {
+				title: "Heading 2",
+				icon: "H2",
+				run: (e) => x(e).toggleHeading({ level: 2 }).run(),
+				active: (e) => e.isActive("heading", { level: 2 })
+			},
+			h3: {
+				title: "Heading 3",
+				icon: "H3",
+				run: (e) => x(e).toggleHeading({ level: 3 }).run(),
+				active: (e) => e.isActive("heading", { level: 3 })
+			},
+			bulletList: {
+				title: "Bullet list",
+				icon: "•",
+				run: (e) => x(e).toggleBulletList().run(),
+				active: (e) => e.isActive("bulletList")
+			},
+			orderedList: {
+				title: "Numbered list",
+				icon: "1.",
+				run: (e) => x(e).toggleOrderedList().run(),
+				active: (e) => e.isActive("orderedList")
+			},
+			blockquote: {
+				title: "Quote",
+				icon: "❝",
+				run: (e) => x(e).toggleBlockquote().run(),
+				active: (e) => e.isActive("blockquote")
+			},
+			codeBlock: {
+				title: "Code block",
+				icon: "{ }",
+				run: (e) => x(e).toggleCodeBlock().run(),
+				active: (e) => e.isActive("codeBlock")
+			},
+			hr: {
+				title: "Rule",
+				icon: "―",
+				run: (e) => x(e).setHorizontalRule().run()
+			},
+			undo: {
+				title: "Undo",
+				icon: "↶",
+				run: (e) => x(e).undo().run(),
+				can: (e) => e.can().undo()
+			},
+			redo: {
+				title: "Redo",
+				icon: "↷",
+				run: (e) => x(e).redo().run(),
+				can: (e) => e.can().redo()
+			}
+		};
+		return (e, l) => (c(), r("div", {
+			class: o(["bless-editor", { "bless-editor--disabled": a.disabled }]),
+			style: s({ "--_min": a.minHeight })
+		}, [
+			i("div", {
+				ref_key: "toolbar",
+				ref: b,
+				class: "bless-editor__toolbar",
+				role: "toolbar",
+				"aria-label": a.label
+			}, [d(e.$slots, "toolbar", { editor: a.editor }, () => [(c(!0), r(t, null, u(a.tools, (e, n) => (c(), r(t, { key: n }, [e === "|" ? (c(), r("span", h)) : (c(), r("button", {
+				key: 1,
+				type: "button",
+				class: o(["bless-editor__tool", { "bless-editor__tool--on": a.editor && S[e].active?.(a.editor) }]),
+				title: S[e].title,
+				"aria-label": S[e].title,
+				"aria-pressed": S[e].active ? !!(a.editor && S[e].active(a.editor)) : void 0,
+				disabled: a.disabled || !a.editor || (S[e].can ? !S[e].can(a.editor) : !1),
+				onMousedown: l[0] ||= p(() => {}, ["prevent"]),
+				onClick: (t) => a.editor && S[e].run(a.editor)
+			}, [i("span", _, f(S[e].icon), 1)], 42, g))], 64))), 128))])], 8, m),
+			i("div", v, [d(e.$slots, "default")]),
+			e.$slots.footer ? (c(), r("div", y, [d(e.$slots, "footer", { editor: a.editor })])) : n("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BlessEmpty.css

@@ -0,0 +1 @@
+.bless-empty{justify-content:center;align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-6);text-align:center;font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-empty--outline{border-radius:var(--bless-radius);padding-block:var(--bless-space-12);border:var(--bless-border-width) solid var(--bless-color-border)}.bless-empty__icon{width:48px;height:48px;margin-bottom:var(--bless-space-2);font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);background:var(--bless-color-surface);transform:skewX(var(--bless-skew));place-items:center;display:inline-grid}.bless-empty__icon>*{transform:skewX(var(--bless-skew-counter))}.bless-empty__title{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-empty__desc{max-width:40ch;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);color:var(--bless-color-text-muted);margin:0}.bless-empty__actions{justify-content:center;gap:var(--bless-space-2);margin-top:var(--bless-space-3);flex-wrap:wrap;display:flex}

package/dist/components/BlessEmpty.js

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

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    /** framed (default) or plain, for inside a table or list */
+    variant?: "outline" | "plain";
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "outline" | "plain";
+}, {}, {}, {}, 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/BlessEmpty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { createCommentVNode as e, createElementBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+//#region src/components/BlessEmpty.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "bless-empty__icon",
+	"aria-hidden": "true"
+}, l = {
+	key: 1,
+	class: "bless-empty__title"
+}, u = {
+	key: 2,
+	class: "bless-empty__desc"
+}, d = {
+	key: 3,
+	class: "bless-empty__actions"
+}, f = /*@__PURE__*/ r({
+	name: "BlessEmpty",
+	__name: "BlessEmpty",
+	props: {
+		title: {},
+		description: {},
+		variant: { default: "outline" }
+	},
+	setup(r) {
+		return (f, p) => (a(), t("div", { class: i(["bless-empty", `bless-empty--${r.variant}`]) }, [
+			f.$slots.icon ? (a(), t("span", c, [o(f.$slots, "icon")])) : e("", !0),
+			r.title || f.$slots.title ? (a(), t("strong", l, [o(f.$slots, "title", {}, () => [n(s(r.title), 1)])])) : e("", !0),
+			r.description || f.$slots.description ? (a(), t("p", u, [o(f.$slots, "description", {}, () => [n(s(r.description), 1)])])) : e("", !0),
+			f.$slots.default ? (a(), t("div", d, [o(f.$slots, "default")])) : e("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/BlessField.css

@@ -0,0 +1 @@
+.bless-field{gap:var(--bless-space-2);font-family:var(--bless-font-sans);display:grid}.bless-field__description,.bless-field__error{font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted);margin:0}.bless-field__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}

package/dist/components/BlessField.js

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

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    label?: string;
+    hint?: string;
+    required?: boolean;
+    description?: string;
+    /** explicit error; otherwise read from the control's validity after submit/blur */
+    error?: string;
+    id?: string;
+};
+declare var __VLS_7: {
+    id: string;
+    error: string;
+    describedby: string | undefined;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => 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/BlessField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import e from "./BlessLabel.js";
+import { provideField as t } from "../composables/useFieldId.js";
+import { blessFormKey as n } from "./BlessForm.vue_vue_type_script_setup_true_lang.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useId as g, watch as _, withCtx as v } from "vue";
+//#region src/components/BlessField.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = ["id"], x = /*@__PURE__*/ c({
+	name: "BlessField",
+	__name: "BlessField",
+	props: {
+		label: {},
+		hint: {},
+		required: { type: Boolean },
+		description: {},
+		error: {},
+		id: {}
+	},
+	setup(c) {
+		let x = c, S = g(), C = x.id ?? S, w = f(""), T = l(n, void 0), E = r(() => x.error || w.value), D = r(() => [x.description && `${C}-desc`, E.value && `${C}-err`].filter(Boolean).join(" ") || void 0);
+		t(C, r(() => !!E.value), D);
+		function O(e) {
+			let t = e.target;
+			t && (e.type !== "blur" || t.value || T?.submitted.value) && (w.value = t.validationMessage ?? "");
+		}
+		return _(() => T?.resets.value, () => w.value = ""), (t, n) => (d(), o("div", {
+			class: u(["bless-field", { "bless-field--invalid": c.error || w.value }]),
+			onBlurCapture: O,
+			onInvalidCapture: O,
+			onInput: n[0] ||= (e) => w.value && O(e)
+		}, [
+			c.label ? (d(), i(e, {
+				key: 0,
+				id: `${h(C)}-label`,
+				for: h(C),
+				required: c.required,
+				hint: c.hint,
+				class: "bless-field__label"
+			}, {
+				default: v(() => [s(m(c.label), 1)]),
+				_: 1
+			}, 8, [
+				"id",
+				"for",
+				"required",
+				"hint"
+			])) : a("", !0),
+			p(t.$slots, "default", {
+				id: h(C),
+				error: c.error || w.value,
+				describedby: D.value
+			}),
+			c.description ? (d(), o("p", {
+				key: 1,
+				id: `${h(C)}-desc`,
+				class: "bless-field__description"
+			}, m(c.description), 9, y)) : a("", !0),
+			E.value ? (d(), o("p", {
+				key: 2,
+				id: `${h(C)}-err`,
+				class: "bless-field__error",
+				role: "alert"
+			}, m(E.value), 9, b)) : a("", !0)
+		], 34));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/BlessFieldset.css

@@ -0,0 +1 @@
+.bless-fieldset{border-radius:var(--bless-radius);padding:var(--bless-space-3) var(--bless-space-4) var(--bless-space-4);border:var(--bless-border-width) solid var(--bless-color-border);font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0}.bless-fieldset--collapsed{padding-bottom:var(--bless-space-2)}.bless-fieldset__legend{padding:0 var(--bless-space-2);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight);text-transform:uppercase}.bless-fieldset__toggle{align-items:center;gap:var(--bless-space-1);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;padding:0;display:inline-flex}.bless-fieldset__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-fieldset__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-fieldset__chevron{transition:transform var(--bless-duration-base);display:inline-block;transform:rotate(90deg)}.bless-fieldset--collapsed .bless-fieldset__chevron{transform:rotate(0)}[dir=rtl] .bless-fieldset--collapsed .bless-fieldset__chevron{transform:rotate(180deg)}.bless-fieldset__content{font-size:var(--bless-text-sm)}.bless-fieldset:disabled{opacity:.4}

package/dist/components/BlessFieldset.js

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

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

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    legend?: string;
+    toggleable?: boolean;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    "collapsed"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    legend?: (props: typeof __VLS_1) => any;
+} & {
+    legend?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/BlessFieldset.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, defineComponent as r, mergeModels as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l, useId as u, useModel as d, vShow as f, withDirectives as p } from "vue";
+//#region src/components/BlessFieldset.vue?vue&type=script&setup=true&lang.ts
+var m = ["disabled"], h = { class: "bless-fieldset__legend" }, g = ["aria-expanded", "aria-controls"], _ = { key: 1 }, v = ["id"], y = /*@__PURE__*/ r({
+	name: "BlessFieldset",
+	__name: "BlessFieldset",
+	props: /*@__PURE__*/ i({
+		legend: {},
+		toggleable: { type: Boolean },
+		disabled: { type: Boolean }
+	}, {
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsedModifiers: {}
+	}),
+	emits: ["update:collapsed"],
+	setup(r) {
+		let i = d(r, "collapsed"), y = u();
+		return (u, d) => (o(), e("fieldset", {
+			class: a(["bless-fieldset", { "bless-fieldset--collapsed": i.value }]),
+			disabled: r.disabled
+		}, [t("legend", h, [r.toggleable ? (o(), e("button", {
+			key: 0,
+			type: "button",
+			class: "bless-fieldset__toggle",
+			"aria-expanded": !i.value,
+			"aria-controls": l(y),
+			onClick: d[0] ||= (e) => i.value = !i.value
+		}, [d[1] ||= t("span", {
+			class: "bless-fieldset__chevron",
+			"aria-hidden": "true"
+		}, "›", -1), s(u.$slots, "legend", {}, () => [n(c(r.legend), 1)])], 8, g)) : (o(), e("span", _, [s(u.$slots, "legend", {}, () => [n(c(r.legend), 1)])]))]), p(t("div", {
+			id: l(y),
+			class: "bless-fieldset__content"
+		}, [s(u.$slots, "default")], 8, v), [[f, !i.value]])], 10, m));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/BlessFileInput.css

@@ -0,0 +1 @@
+.bless-file{font-family:var(--bless-font-sans);color:var(--bless-color-text)}.bless-file__zone{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-1);padding:var(--bless-space-6);border:var(--bless-border-width) dashed var(--bless-color-text-muted);background:var(--bless-color-surface);text-align:center;cursor:pointer;transition:border-color var(--bless-duration-base), background var(--bless-duration-base), var(--bless-lean-transition);flex-direction:column;display:flex}.bless-file__zone>*{pointer-events:none}.bless-file__zone:hover{border-color:var(--bless-color-text);border-style:solid}.bless-file__zone--over{border-color:var(--bless-color-accent-text);border-style:solid}.bless-file__zone:has(:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-file__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bless-file__icon{font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew))}.bless-file__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-file__hint{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-file--invalid .bless-file__zone{border-color:var(--bless-color-danger)}.bless-file--disabled{opacity:.4;pointer-events:none}.bless-file__list{margin:var(--bless-space-2) 0 0;padding:0;list-style:none}.bless-file__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-1) 0;font-size:var(--bless-text-sm);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-file__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bless-file__size{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-file__remove{min-block-size:24px;min-inline-size:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0;line-height:1}.bless-file__remove:hover{opacity:var(--bless-hover-opacity)}

package/dist/components/BlessFileInput.js

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

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    id?: string;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** drop zone copy */
+    label?: string;
+    hint?: string;
+    /** show the chosen files under the zone */
+    list?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: File[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+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_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+}>, {
+    label: string;
+    list: 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/BlessFileInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+import { joinIds as e, useFieldId as t, useFieldState as n } from "../composables/useFieldId.js";
+import { Fragment as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, nextTick as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, withModifiers as b } from "vue";
+//#region src/components/BlessFileInput.vue?vue&type=script&setup=true&lang.ts
+var x = ["for"], S = [
+	"id",
+	"accept",
+	"multiple",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+], C = {
+	class: "bless-file__icon",
+	"aria-hidden": "true"
+}, w = { class: "bless-file__label" }, T = {
+	key: 0,
+	class: "bless-file__hint"
+}, E = { class: "bless-file__name" }, D = { class: "bless-file__size" }, O = ["aria-label", "onClick"], k = /*@__PURE__*/ c({
+	name: "BlessFileInput",
+	inheritAttrs: !1,
+	__name: "BlessFileInput",
+	props: /*@__PURE__*/ l({
+		id: {},
+		accept: {},
+		multiple: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		label: { default: "Drop files here or click to browse" },
+		hint: {},
+		list: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, k = y(c, "modelValue"), A = t(l), j = n(), M = m(), N = m(!1);
+		function P(e) {
+			if (!l.accept) return !0;
+			let t = "." + e.name.split(".").pop().toLowerCase();
+			return l.accept.split(",").some((n) => (n = n.trim().toLowerCase(), n ? n.startsWith(".") ? n === t : n.endsWith("/*") ? e.type.startsWith(n.slice(0, -1)) : e.type === n : !1));
+		}
+		function F(e) {
+			let t = Array.from(e ?? []).filter(P);
+			k.value = l.multiple ? [...k.value, ...t] : t.slice(0, 1);
+		}
+		function I(e) {
+			N.value = !1, l.disabled || F(e.dataTransfer?.files ?? null);
+		}
+		let L = m();
+		async function R(e) {
+			k.value = k.value.filter((t, n) => n !== e), M.value && (M.value.value = ""), await d();
+			let t = L.value?.querySelectorAll(".bless-file__remove") ?? [];
+			(t[Math.min(e, t.length - 1)] ?? M.value)?.focus();
+		}
+		let z = (e) => e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(0)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		return (t, n) => (p(), a("div", { class: f(["bless-file", {
+			"bless-file--disabled": c.disabled,
+			"bless-file--invalid": c.invalid || v(j).invalid.value
+		}]) }, [o("label", {
+			for: v(A)(),
+			class: f(["bless-file__zone", { "bless-file__zone--over": N.value }]),
+			onDragover: n[1] ||= b((e) => !c.disabled && (N.value = !0), ["prevent"]),
+			onDragleave: n[2] ||= (e) => N.value = !1,
+			onDrop: b(I, ["prevent"])
+		}, [
+			o("input", u(t.$attrs, {
+				id: v(A)(),
+				ref_key: "input",
+				ref: M,
+				type: "file",
+				class: "bless-file__input",
+				accept: c.accept,
+				multiple: c.multiple,
+				disabled: c.disabled,
+				"aria-invalid": c.invalid || v(j).invalid.value || void 0,
+				"aria-describedby": v(e)(v(j).describedby.value, t.$attrs["aria-describedby"]),
+				onChange: n[0] ||= (e) => F(e.target.files)
+			}), null, 16, S),
+			o("span", C, [g(t.$slots, "icon", {}, () => [n[3] ||= s("⇪", -1)])]),
+			o("span", w, [g(t.$slots, "default", {}, () => [s(_(c.label), 1)])]),
+			c.hint ? (p(), a("span", T, _(c.hint), 1)) : i("", !0)
+		], 42, x), c.list && k.value.length ? (p(), a("ul", {
+			key: 0,
+			role: "list",
+			ref_key: "listEl",
+			ref: L,
+			class: "bless-file__list"
+		}, [(p(!0), a(r, null, h(k.value, (e, t) => (p(), a("li", {
+			key: e.name + t,
+			class: "bless-file__item"
+		}, [
+			o("span", E, _(e.name), 1),
+			o("span", D, _(z(e.size)), 1),
+			o("button", {
+				type: "button",
+				class: "bless-file__remove",
+				"aria-label": `Remove ${e.name}`,
+				onClick: (e) => R(t)
+			}, " × ", 8, O)
+		]))), 128))], 512)) : i("", !0)], 2));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/BlessFloatLabel.css

@@ -0,0 +1 @@
+.bless-float{font-family:var(--bless-font-sans);position:relative}.bless-float--over{--bless-float-room:14px;padding-block-start:var(--bless-float-room)}.bless-float__label{inset-inline-start:var(--bless-space-3);top:calc(50% + var(--bless-float-room,0px) / 2);font-size:var(--bless-text-md);color:var(--bless-color-text-muted);pointer-events:none;transition:top var(--bless-duration-base) var(--bless-ease-out), font-size var(--bless-duration-base) var(--bless-ease-out), translate var(--bless-duration-base) var(--bless-ease-out), var(--bless-lean-transition);position:absolute;translate:0 -50%}.bless-float :is(input,textarea,select)::placeholder{color:#0000}:is(.bless-float--over:has(:is(input,textarea,select):focus) .bless-float__label,.bless-float--over:has(:is(input,textarea):not(:placeholder-shown)) .bless-float__label,.bless-float--over:has(select:valid) .bless-float__label){font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;top:0;translate:none}.bless-float--over:has(:focus) .bless-float__label{color:var(--bless-color-accent-text)}.bless-float--in .bless-float__label{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;top:6px;translate:none}.bless-float--in :is(.bless-input__control,.bless-select__control,.bless-textarea__control,input,textarea){padding-top:14px}.bless-float--in :is(.bless-input__field,.bless-select__field){height:52px}

package/dist/components/BlessFloatLabel.js

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

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    label: string;
+    /** id of the control; by default the control inside takes the wrapper's id */
+    for?: string;
+    /** over = floats up on focus/value; in = always inside, top-aligned (IFTA) */
+    variant?: "over" | "in";
+};
+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<{}>, {
+    variant: "over" | "in";
+}, {}, {}, {}, 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/BlessFloatLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { useLabelFor as e } from "../composables/useFieldId.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s, unref as c } from "vue";
+//#region src/components/BlessFloatLabel.vue?vue&type=script&setup=true&lang.ts
+var l = ["for"], u = /*@__PURE__*/ r({
+	name: "BlessFloatLabel",
+	__name: "BlessFloatLabel",
+	props: {
+		label: {},
+		for: {},
+		variant: { default: "over" }
+	},
+	setup(r) {
+		let u = e(r.for);
+		return (e, d) => (a(), t("div", { class: i(["bless-float", `bless-float--${r.variant}`]) }, [o(e.$slots, "default"), n("label", {
+			class: "bless-float__label",
+			for: c(u)
+		}, s(r.label), 9, l)], 2));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/BlessForm.css

@@ -0,0 +1 @@
+.bless-form{gap:var(--bless-space-6);display:grid}

package/dist/components/BlessForm.js

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