blessing-ui 0.1.0

package/dist/components/BlessAccordion.css

@@ -0,0 +1 @@
+.bless-accordion{border-top:var(--bless-border-width) solid var(--bless-color-border)}

package/dist/components/BlessAccordion.js

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

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    type?: "single" | "multiple";
+};
+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<{}>, {
+    type: "single" | "multiple";
+}, {}, {}, {}, 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/BlessAccordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+import { accordionKey as e } from "./accordion.js";
+import { createElementBlock as t, defineComponent as n, openBlock as r, provide as i, renderSlot as a, toRef as o, useId as s } from "vue";
+//#region src/components/BlessAccordion.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "bless-accordion" }, l = /*@__PURE__*/ n({
+	name: "BlessAccordion",
+	__name: "BlessAccordion",
+	props: { type: { default: "single" } },
+	setup(n) {
+		let l = n, u = s();
+		return i(e, { name: o(() => l.type === "single" ? `bless-acc-${u}` : void 0) }), (e, n) => (r(), t("div", c, [a(e.$slots, "default")]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/BlessAccordionItem.js

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

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    title?: string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    title?: (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;
+}>, {}, {}, {}, {}, 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/BlessAccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import e from "./BlessCollapsible.js";
+import { accordionKey as t } from "./accordion.js";
+import { createBlock as n, createSlots as r, defineComponent as i, inject as a, mergeModels as o, openBlock as s, renderSlot as c, unref as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/BlessAccordionItem.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	name: "BlessAccordionItem",
+	__name: "BlessAccordionItem",
+	props: /*@__PURE__*/ o({
+		title: {},
+		disabled: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(i) {
+		let o = u(i, "open"), f = a(t, null);
+		return (t, a) => (s(), n(e, {
+			open: o.value,
+			"onUpdate:open": a[0] ||= (e) => o.value = e,
+			title: i.title,
+			disabled: i.disabled,
+			name: l(f)?.name.value,
+			class: "bless-accordion__item"
+		}, r({
+			default: d(() => [c(t.$slots, "default")]),
+			_: 2
+		}, [t.$slots.title ? {
+			name: "title",
+			fn: d(() => [c(t.$slots, "title")]),
+			key: "0"
+		} : void 0]), 1032, [
+			"open",
+			"title",
+			"disabled",
+			"name"
+		]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/BlessActionSheet.css

@@ -0,0 +1 @@
+.bless-actionsheet__list{flex-direction:column;display:flex}.bless-actionsheet__list--grid{gap:var(--bless-space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.bless-actionsheet__item{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-3);width:100%;min-height:48px;padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.bless-actionsheet__list--grid .bless-actionsheet__item{justify-content:center;gap:var(--bless-space-1);text-align:center;background:var(--bless-color-surface);flex-direction:column}.bless-actionsheet__item+.bless-actionsheet__item{border-top:var(--bless-border-width) solid var(--bless-color-border)}.bless-actionsheet__list--grid .bless-actionsheet__item+.bless-actionsheet__item{border-top:0}.bless-actionsheet__item:hover:not(:disabled){background:var(--bless-color-surface)}.bless-actionsheet__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-actionsheet__item:disabled{opacity:.4;cursor:not-allowed}.bless-actionsheet__item--danger{color:var(--bless-color-danger-text)}.bless-actionsheet__icon{width:1.5em;font-size:var(--bless-text-md);text-align:center}.bless-actionsheet__text{flex-direction:column;display:flex}.bless-actionsheet__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-actionsheet__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-actionsheet__cancel{width:100%;padding:var(--bless-space-3);background:var(--bless-color-surface);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew));border:0}.bless-actionsheet__cancel:focus-visible{outline:2px solid var(--bless-color-accent)}

package/dist/components/BlessActionSheet.js

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

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

@@ -0,0 +1,35 @@
+export interface BlessAction {
+    label: string;
+    value: string;
+    icon?: string;
+    description?: string;
+    danger?: boolean;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    actions: BlessAction[];
+    title?: string;
+    /** icon grid instead of a list */
+    grid?: boolean;
+    cancelLabel?: string;
+    /** show a cancel row at the bottom */
+    cancel?: boolean;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (action: BlessAction) => any;
+    "update:open": (value: boolean) => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((action: BlessAction) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    cancel: boolean;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessActionSheet.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import e from "./BlessDrawer.js";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, useModel as p, watch as m, withCtx as h } from "vue";
+//#region src/components/BlessActionSheet.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = ["disabled", "onClick"], v = {
+	key: 0,
+	class: "bless-actionsheet__icon",
+	"aria-hidden": "true"
+}, y = { class: "bless-actionsheet__text" }, b = { class: "bless-actionsheet__label" }, x = {
+	key: 0,
+	class: "bless-actionsheet__desc"
+}, S = /*@__PURE__*/ s({
+	name: "BlessActionSheet",
+	__name: "BlessActionSheet",
+	props: /*@__PURE__*/ c({
+		actions: {},
+		title: {},
+		grid: { type: Boolean },
+		cancelLabel: { default: "Cancel" },
+		cancel: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["select", "cancel"], ["update:open"]),
+	setup(s, { emit: c }) {
+		let S = p(s, "open"), C = c, w = !1;
+		function T(e) {
+			e.disabled || (w = !0, C("select", e), S.value = !1);
+		}
+		m(S, (e) => e && (w = !1));
+		function E() {
+			w = !1, S.value = !1;
+		}
+		function D() {
+			w || C("cancel"), w = !1;
+		}
+		return (c, p) => (u(), n(e, {
+			modelValue: S.value,
+			"onUpdate:modelValue": p[0] ||= (e) => S.value = e,
+			title: s.title,
+			class: "bless-actionsheet",
+			onClose: D
+		}, o({
+			default: h(() => [a("div", {
+				class: l(["bless-actionsheet__list", { "bless-actionsheet__list--grid": s.grid }]),
+				role: "group",
+				"aria-label": s.title ?? "Actions"
+			}, [(u(!0), i(t, null, d(s.actions, (e) => (u(), i("button", {
+				key: e.value,
+				type: "button",
+				class: l(["bless-actionsheet__item", { "bless-actionsheet__item--danger": e.danger }]),
+				disabled: e.disabled,
+				onClick: (t) => T(e)
+			}, [e.icon ? (u(), i("span", v, f(e.icon), 1)) : r("", !0), a("span", y, [a("span", b, f(e.label), 1), e.description && !s.grid ? (u(), i("span", x, f(e.description), 1)) : r("", !0)])], 10, _))), 128))], 10, g)]),
+			_: 2
+		}, [s.cancel ? {
+			name: "footer",
+			fn: h(() => [a("button", {
+				type: "button",
+				class: "bless-actionsheet__cancel",
+				onClick: E
+			}, f(s.cancelLabel), 1)]),
+			key: "0"
+		} : void 0]), 1032, ["modelValue", "title"]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/BlessAlert.css

@@ -0,0 +1 @@
+.bless-alert{border-radius:var(--bless-radius);--_c:var(--bless-color-text);gap:var(--bless-space-3);border-inline-start:4px solid var(--_c);padding:var(--bless-space-3) var(--bless-space-4);background:var(--bless-color-surface);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);line-height:var(--bless-leading-tight);color:var(--bless-color-text);display:flex}.bless-alert--accent{--_c:var(--bless-color-accent)}.bless-alert--danger{--_c:var(--bless-color-danger-text)}.bless-alert--warning{--_c:var(--bless-color-warning)}.bless-alert--success{--_c:var(--bless-color-success)}.bless-alert--info{--_c:var(--bless-color-info-text)}.bless-alert__icon{color:var(--_c);flex:none;align-items:flex-start;padding-top:1px;display:inline-flex}.bless-alert__body{gap:var(--bless-space-1);flex:1;min-width:0;display:grid}.bless-alert__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-alert__text{font-size:var(--bless-text-sm)}.bless-alert__close{width:24px;height:24px;color:inherit;font-size:var(--bless-text-lg);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;flex:none;margin-block:-4px;margin-inline-end:-8px;padding:0;line-height:1}.bless-alert__close:hover{opacity:var(--bless-hover-opacity)}.bless-alert__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}

package/dist/components/BlessAlert.js

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

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

@@ -0,0 +1,39 @@
+type __VLS_Props = {
+    title?: string;
+    color?: "text" | "accent" | "danger" | "warning" | "success" | "info";
+    /** assertive (role=alert) vs polite (role=status) */
+    live?: "alert" | "status" | "none";
+    dismissible?: boolean;
+    closeLabel?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (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:modelValue": (value: boolean) => any;
+    dismiss: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onDismiss?: (() => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger" | "warning" | "success" | "info";
+    closeLabel: string;
+    live: "alert" | "status" | "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/BlessAlert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, useModel as u } from "vue";
+//#region src/components/BlessAlert.vue?vue&type=script&setup=true&lang.ts
+var d = ["role"], f = {
+	key: 0,
+	class: "bless-alert__icon"
+}, p = { class: "bless-alert__body" }, m = {
+	key: 0,
+	class: "bless-alert__title"
+}, h = { class: "bless-alert__text" }, g = ["aria-label"], _ = /*@__PURE__*/ i({
+	name: "BlessAlert",
+	__name: "BlessAlert",
+	props: /*@__PURE__*/ a({
+		title: {},
+		color: { default: "text" },
+		live: { default: "status" },
+		dismissible: { type: Boolean },
+		closeLabel: { default: "Dismiss" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ a(["dismiss"], ["update:modelValue"]),
+	setup(i, { emit: a }) {
+		let _ = u(i, "modelValue"), v = a;
+		return (a, u) => _.value ? (s(), t("div", {
+			key: 0,
+			class: o(["bless-alert", `bless-alert--${i.color}`]),
+			role: i.live === "none" ? void 0 : i.live
+		}, [
+			a.$slots.icon ? (s(), t("span", f, [c(a.$slots, "icon")])) : e("", !0),
+			n("div", p, [i.title || a.$slots.title ? (s(), t("strong", m, [c(a.$slots, "title", {}, () => [r(l(i.title), 1)])])) : e("", !0), n("div", h, [c(a.$slots, "default")])]),
+			i.dismissible ? (s(), t("button", {
+				key: 1,
+				type: "button",
+				class: "bless-alert__close",
+				"aria-label": i.closeLabel,
+				onClick: u[0] ||= (e) => {
+					_.value = !1, v("dismiss");
+				}
+			}, [...u[1] ||= [n("span", { "aria-hidden": "true" }, "×", -1)]], 8, g)) : e("", !0)
+		], 10, d)) : e("", !0);
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/BlessAlertDialog.css

@@ -0,0 +1 @@
+.bless-alert-dialog .bless-modal__close{display:none}.bless-alert-dialog .bless-modal__header{padding-inline-end:var(--bless-space-6)}.bless-alert-dialog__desc{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);color:var(--bless-color-text-muted);margin:0}

package/dist/components/BlessAlertDialog.js

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

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    /** confirm button color */
+    color?: "text" | "accent" | "danger";
+    loading?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger";
+    confirmLabel: string;
+    cancelLabel: 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/BlessAlertDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import e from "./BlessButton.js";
+import t from "./BlessModal.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, nextTick as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useId as m, useModel as h, watch as g, withCtx as _ } from "vue";
+//#region src/components/BlessAlertDialog.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ s({
+	name: "BlessAlertDialog",
+	__name: "BlessAlertDialog",
+	props: /*@__PURE__*/ c({
+		title: {},
+		description: {},
+		confirmLabel: { default: "Confirm" },
+		cancelLabel: { default: "Cancel" },
+		color: { default: "danger" },
+		loading: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["confirm", "cancel"], ["update:modelValue"]),
+	setup(s, { emit: c }) {
+		let v = h(s, "modelValue"), y = c, b = d(), x = `${m()}-desc`;
+		g(v, (e) => e && l(() => l(() => (b.value?.$el)?.focus())));
+		let S = !1;
+		function C() {
+			S = !0, y("confirm");
+		}
+		function w() {
+			S || y("cancel"), S = !1;
+		}
+		return (c, l) => (u(), n(t, {
+			modelValue: v.value,
+			"onUpdate:modelValue": l[1] ||= (e) => v.value = e,
+			title: s.title,
+			dismissible: !1,
+			size: "sm",
+			class: "bless-alert-dialog",
+			role: "alertdialog",
+			"aria-describedby": s.description ? x : void 0,
+			onClose: w
+		}, {
+			footer: _(() => [o(e, {
+				ref_key: "cancelBtn",
+				ref: b,
+				variant: "outline",
+				onClick: l[0] ||= (e) => v.value = !1
+			}, {
+				default: _(() => [a(p(s.cancelLabel), 1)]),
+				_: 1
+			}, 512), o(e, {
+				color: s.color,
+				loading: s.loading,
+				onClick: C
+			}, {
+				default: _(() => [a(p(s.confirmLabel), 1)]),
+				_: 1
+			}, 8, ["color", "loading"])]),
+			default: _(() => [s.description ? (u(), i("p", {
+				key: 0,
+				id: x,
+				class: "bless-alert-dialog__desc"
+			}, p(s.description), 1)) : r("", !0), f(c.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"title",
+			"aria-describedby"
+		]));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/BlessAspectRatio.css

@@ -0,0 +1 @@
+.bless-aspect{width:100%;position:relative;overflow:hidden}.bless-aspect>img,.bless-aspect>video,.bless-aspect>iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.bless-aspect--contain>img,.bless-aspect--contain>video{object-fit:contain}

package/dist/components/BlessAspectRatio.js

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

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** `16 / 9` or `"16 / 9"` — anything `aspect-ratio` accepts */
+    ratio?: number | string;
+    /** how a bare img / video child fills the box (an iframe always fills it) */
+    fit?: "cover" | "contain";
+};
+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;
+    fit: "cover" | "contain";
+}, {}, {}, {}, 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/BlessAspectRatio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/BlessAspectRatio.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
+	name: "BlessAspectRatio",
+	__name: "BlessAspectRatio",
+	props: {
+		ratio: { default: 16 / 9 },
+		fit: { default: "cover" }
+	},
+	setup(t) {
+		return (o, s) => (i(), e("div", {
+			class: n(["bless-aspect", `bless-aspect--${t.fit}`]),
+			style: r({ aspectRatio: String(t.ratio) })
+		}, [a(o.$slots, "default")], 6));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/BlessAttachment.css

@@ -0,0 +1 @@
+.bless-attachment{border-radius:var(--bless-radius);--_m:48px;align-items:center;gap:var(--bless-space-2);max-width:100%;padding:var(--bless-space-2);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);text-decoration:none;display:inline-flex}.bless-attachment--sm{--_m:32px;padding:var(--bless-space-1)}.bless-attachment--link{position:relative}.bless-attachment__link{color:inherit;text-decoration:none}.bless-attachment__link:after{content:"";position:absolute;inset:0}.bless-attachment--link:hover{opacity:var(--bless-hover-opacity)}.bless-attachment--link:has(.bless-attachment__link:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-attachment__link:focus-visible{outline:0}.bless-attachment__actions{z-index:1;position:relative}.bless-attachment--error{box-shadow:inset 0 0 0 var(--bless-border-width) var(--bless-color-danger)}.bless-attachment__media{border-radius:var(--bless-radius-plate);width:var(--_m);height:var(--_m);background:var(--bless-color-bg);transform:skewX(var(--bless-skew));flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.bless-attachment__media>*{transform:skewX(var(--bless-skew-counter))}.bless-attachment__img{object-fit:cover;width:120%;height:100%}.bless-attachment__ext{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-attachment__spinner{margin:auto;position:absolute;inset:0}.bless-attachment--uploading .bless-attachment__img,.bless-attachment--uploading .bless-attachment__ext{visibility:hidden}.bless-attachment__body{flex-direction:column;gap:2px;min-width:0;display:flex}.bless-attachment__name{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-attachment__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-attachment--error .bless-attachment__desc{color:var(--bless-color-danger-text)}.bless-attachment__progress{margin-top:2px}.bless-attachment__actions{align-items:center;gap:var(--bless-space-1);flex:none;display:inline-flex}.bless-attachment__remove{width:24px;height: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), var(--bless-lean-transition);background:0 0;border:0;line-height:1}.bless-attachment__remove:hover{opacity:var(--bless-hover-opacity)}.bless-attachment__remove:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}

package/dist/components/BlessAttachment.js

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

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    name: string;
+    /** size / type line */
+    description?: string;
+    /** image preview */
+    src?: string;
+    /** renders <a> when set */
+    href?: string;
+    state?: "idle" | "uploading" | "error";
+    /** 0–100 while uploading; omit for indeterminate */
+    progress?: number;
+    size?: "sm" | "md";
+    removable?: boolean;
+    removeLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    media?: (props: typeof __VLS_1) => any;
+} & {
+    description?: (props: typeof __VLS_8) => any;
+} & {
+    actions?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    state: "idle" | "uploading" | "error";
+    removeLabel: 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;
+    };
+};