blessing-ui 0.1.0

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

@@ -0,0 +1,46 @@
+import { BlessColumn } from './table';
+declare const __VLS_export: <T extends Record<string, unknown>>(__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<{
+        columns: BlessColumn<T>[];
+        rows: T[];
+        rowKey?: keyof T & string;
+        caption?: string;
+        /** stack rows into label/value pairs under 800px */
+        stack?: boolean;
+        striped?: boolean;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: { [K in `cell-${keyof T & string}`]?: ((props: {
+        row: T;
+        value: T[keyof T & string];
+        index: number;
+    }) => any) | undefined; } & {
+        caption?: (props: {}) => any;
+    } & {
+        head?: (props: {
+            column: BlessColumn<T>;
+        }) => any;
+    } & {
+        cell?: (props: {
+            row: T;
+            column: BlessColumn<T>;
+            value: T[keyof T & string];
+            index: number;
+        }) => any;
+    } & {
+        foot?: (props: {}) => 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/BlessTable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/BlessTable.vue?vue&type=script&setup=true&lang.ts
+var h = ["role"], g = {
+	key: 0,
+	class: "bless-table__caption"
+}, _ = ["role"], v = ["role"], y = ["role"], b = ["role"], x = ["role"], S = { key: 1 }, C = /*@__PURE__*/ o({
+	name: "BlessTable",
+	__name: "BlessTable",
+	props: {
+		columns: {},
+		rows: {},
+		rowKey: {},
+		caption: {},
+		stack: {
+			type: Boolean,
+			default: !0
+		},
+		striped: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(o) {
+		let C = o, w = (e) => C.stack ? e : void 0;
+		return (C, T) => (l(), r("table", {
+			role: w("table"),
+			class: s(["bless-table", {
+				"bless-table--stack": o.stack,
+				"bless-table--striped": o.striped
+			}])
+		}, [
+			o.caption || C.$slots.caption ? (l(), r("caption", g, [d(C.$slots, "caption", {}, () => [a(p(o.caption), 1)])])) : n("", !0),
+			i("thead", {
+				class: "bless-table__head",
+				role: w("rowgroup")
+			}, [i("tr", { role: w("row") }, [(l(!0), r(e, null, u(o.columns, (e) => (l(), r("th", {
+				key: e.key,
+				scope: "col",
+				role: w("columnheader"),
+				class: s(["bless-table__th", e.align && `bless-table__cell--${e.align}`]),
+				style: c(e.width ? { width: e.width } : void 0)
+			}, [d(C.$slots, "head", { column: e }, () => [a(p(e.label), 1)])], 14, y))), 128))], 8, v)], 8, _),
+			i("tbody", { role: w("rowgroup") }, [(l(!0), r(e, null, u(o.rows, (n, i) => (l(), r("tr", {
+				key: o.rowKey ? String(n[o.rowKey]) : i,
+				class: "bless-table__row",
+				role: w("row")
+			}, [(l(!0), r(e, null, u(o.columns, (e) => (l(), t(f(e.header ? "th" : "td"), {
+				key: e.key,
+				scope: e.header ? "row" : void 0,
+				role: w(e.header ? "rowheader" : "cell"),
+				class: s(["bless-table__cell", e.align && `bless-table__cell--${e.align}`]),
+				"data-label": e.label
+			}, {
+				default: m(() => [d(C.$slots, `cell-${e.key}`, {
+					row: n,
+					value: n[e.key],
+					index: i
+				}, () => [d(C.$slots, "cell", {
+					row: n,
+					column: e,
+					value: n[e.key],
+					index: i
+				}, () => [a(p(n[e.key]), 1)])])]),
+				_: 2
+			}, 1032, [
+				"scope",
+				"role",
+				"class",
+				"data-label"
+			]))), 128))], 8, x))), 128))], 8, b),
+			C.$slots.foot ? (l(), r("tfoot", S, [d(C.$slots, "foot")])) : n("", !0)
+		], 10, h));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BlessTabs.css

@@ -0,0 +1 @@
+.bless-tabs__list{gap:var(--bless-space-2);border-bottom:var(--bless-border-width) solid var(--bless-color-border);flex-wrap:wrap;padding-inline-start:var(--bless-space-1);display:flex}.bless-tabs__tab{--_c:var(--bless-color-text);padding:var(--bless-space-2) var(--bless-space-4);border:var(--bless-border-width) solid transparent;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);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text-muted);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), color var(--bless-duration-slow), var(--bless-lean-transition);border-bottom:0;margin:0}.bless-tabs__tab.bless-skew--none{background:0 0}.bless-tabs__tab--accent{--_c:var(--bless-color-accent)}.bless-tabs__tab--danger{--_c:var(--bless-color-danger)}.bless-tabs__tab:hover:not(:disabled){opacity:var(--bless-hover-opacity)}.bless-tabs__tab:hover:not(:disabled,.bless-tabs__tab--active){color:var(--bless-color-text)}.bless-tabs__tab:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.bless-tabs__tab--active{color:var(--bless-color-on-accent)}.bless-tabs__tab--text.bless-tabs__tab--active{color:var(--bless-color-on-text)}.bless-tabs__panel{padding:var(--bless-space-4) 0}.bless-tabs__panel:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}

package/dist/components/BlessTabs.js

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

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

@@ -0,0 +1,44 @@
+export interface BlessTab {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    tabs: BlessTab[];
+    /** activate on arrow key (automatic) or only on Enter/Space (manual) */
+    activation?: "automatic" | "manual";
+    color?: "text" | "accent" | "danger";
+    label?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_11: {
+    tab: BlessTab;
+    active: boolean;
+}, __VLS_13: {
+    tab: BlessTab;
+    active: boolean;
+};
+type __VLS_Slots = {} & {
+    tab?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger";
+    activation: "automatic" | "manual";
+}, {}, {}, {}, 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/BlessTabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import e from "./BlessSkew.js";
+import { logicalKey as t } from "../composables/rtl.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass 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, vShow as y, withCtx as b, withDirectives as x } from "vue";
+//#region src/components/BlessTabs.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "bless-tabs" }, C = ["aria-label"], w = ["id", "aria-labelledby"], T = /*@__PURE__*/ c({
+	name: "BlessTabs",
+	__name: "BlessTabs",
+	props: /*@__PURE__*/ l({
+		tabs: {},
+		activation: { default: "automatic" },
+		color: { default: "accent" },
+		label: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, T = v(c, "modelValue"), E = _(), D = r(() => l.tabs.filter((e) => !e.disabled)), O = r(() => l.tabs.some((e) => e.value === T.value) ? T.value : D.value[0]?.value), k = f(), A = f([]), j = (e) => l.tabs.indexOf(e);
+		function M(e) {
+			k.value = e;
+			let t = l.tabs.findIndex((t) => t.value === e);
+			A.value[t]?.focus(), l.activation === "automatic" && (T.value = e);
+		}
+		function N(e) {
+			let n = D.value, r = n.findIndex((e) => e.value === (k.value ?? O.value)), i = {
+				ArrowRight: 1,
+				ArrowDown: 1,
+				ArrowLeft: -1,
+				ArrowUp: -1
+			}[t(e)], a;
+			i ? a = n[(r + i + n.length) % n.length] : e.key === "Home" ? a = n[0] : e.key === "End" && (a = n[n.length - 1]), a && (e.preventDefault(), M(a.value));
+		}
+		return (t, r) => (d(), a("div", S, [o("div", {
+			class: "bless-tabs__list",
+			role: "tablist",
+			"aria-label": c.label,
+			onKeydown: N
+		}, [(d(!0), a(n, null, p(c.tabs, (n) => (d(), i(e, {
+			key: n.value,
+			as: "button",
+			ref_for: !0,
+			ref: (e) => {
+				e && (A.value[c.tabs.indexOf(n)] = e.$el);
+			},
+			type: "button",
+			role: "tab",
+			class: u(["bless-tabs__tab", {
+				"bless-tabs__tab--active": n.value === O.value,
+				[`bless-tabs__tab--${c.color}`]: !0
+			}]),
+			color: n.value === O.value ? c.color : "none",
+			id: `${g(E)}-tab-${j(n)}`,
+			"aria-selected": n.value === O.value,
+			"aria-controls": `${g(E)}-panel-${j(n)}`,
+			tabindex: n.value === (k.value ?? O.value) ? 0 : -1,
+			disabled: n.disabled,
+			onClick: (e) => {
+				T.value = n.value, k.value = n.value;
+			},
+			onFocus: (e) => k.value = n.value,
+			onBlur: r[0] ||= (e) => k.value = void 0
+		}, {
+			default: b(() => [m(t.$slots, "tab", {
+				tab: n,
+				active: n.value === O.value
+			}, () => [s(h(n.label), 1)])]),
+			_: 2
+		}, 1032, [
+			"class",
+			"color",
+			"id",
+			"aria-selected",
+			"aria-controls",
+			"tabindex",
+			"disabled",
+			"onClick",
+			"onFocus"
+		]))), 128))], 40, C), (d(!0), a(n, null, p(c.tabs, (e) => x((d(), a("div", {
+			key: e.value,
+			role: "tabpanel",
+			class: "bless-tabs__panel",
+			id: `${g(E)}-panel-${j(e)}`,
+			"aria-labelledby": `${g(E)}-tab-${j(e)}`,
+			tabindex: "0"
+		}, [m(t.$slots, "default", {
+			tab: e,
+			active: e.value === O.value
+		})], 8, w)), [[y, e.value === O.value]])), 128))]));
+	}
+});
+//#endregion
+export { T as default };

package/dist/components/BlessText.css

@@ -0,0 +1 @@
+.bless-text{font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0}.bless-text--2xs{font-size:var(--bless-text-2xs)}.bless-text--xs{font-size:var(--bless-text-xs)}.bless-text--sm{font-size:var(--bless-text-sm)}.bless-text--md{font-size:var(--bless-text-md)}.bless-text--lg{font-size:var(--bless-text-lg)}.bless-text--xl{font-size:var(--bless-text-xl)}.bless-text--headline{font-size:var(--bless-text-headline)}.bless-text--display{font-size:var(--bless-text-display)}.bless-text--w-thin{font-weight:var(--bless-font-weight-thin)}.bless-text--w-light{font-weight:var(--bless-font-weight-light)}.bless-text--w-normal{font-weight:var(--bless-font-weight-normal)}.bless-text--w-bold{font-weight:var(--bless-font-weight-bold)}.bless-text--t-tight{letter-spacing:var(--bless-tracking-tight)}.bless-text--t-normal{letter-spacing:var(--bless-tracking-normal)}.bless-text--t-wide{letter-spacing:var(--bless-tracking-wide)}.bless-text--t-wider{letter-spacing:var(--bless-tracking-wider)}.bless-text--l-none{line-height:var(--bless-leading-none)}.bless-text--l-tight{line-height:var(--bless-leading-tight)}.bless-text--l-normal{line-height:var(--bless-leading-normal)}.bless-text--muted{color:var(--bless-color-text-muted)}.bless-text--c-accent{color:var(--bless-color-accent-text)}.bless-text--c-danger{color:var(--bless-color-danger-text)}.bless-text--upper{text-transform:uppercase}

package/dist/components/BlessText.js

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

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    as?: string;
+    size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "headline" | "display";
+    weight?: "thin" | "light" | "normal" | "bold";
+    tracking?: "tight" | "normal" | "wide" | "wider";
+    leading?: "none" | "tight" | "normal";
+    /** shortcut for color="muted" */
+    muted?: boolean;
+    /** accent renders --bless-color-accent-text: the accent darkened for 4.5:1 as text */
+    color?: "text" | "muted" | "accent" | "danger";
+    uppercase?: boolean;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+    size: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "headline" | "display";
+    weight: "thin" | "light" | "normal" | "bold";
+    tracking: "tight" | "normal" | "wide" | "wider";
+    leading: "none" | "tight" | "normal";
+}, {}, {}, {}, 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/BlessText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
+//#region src/components/BlessText.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ t({
+	name: "BlessText",
+	__name: "BlessText",
+	props: {
+		as: { default: "span" },
+		size: { default: "md" },
+		weight: { default: "normal" },
+		tracking: { default: "normal" },
+		leading: { default: "normal" },
+		muted: { type: Boolean },
+		color: {},
+		uppercase: { type: Boolean }
+	},
+	setup(t) {
+		return (s, c) => (r(), e(a(t.as), { class: n(["bless-text", [
+			`bless-text--${t.size}`,
+			`bless-text--w-${t.weight}`,
+			`bless-text--t-${t.tracking}`,
+			`bless-text--l-${t.leading}`,
+			{
+				"bless-text--muted": t.muted || t.color === "muted",
+				"bless-text--upper": t.uppercase
+			},
+			t.color && t.color !== "muted" ? `bless-text--c-${t.color}` : ""
+		]]) }, {
+			default: o(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/BlessTextarea.css

@@ -0,0 +1 @@
+.bless-textarea{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-textarea__field{border-radius:var(--bless-radius-plate);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;position:relative}.bless-textarea__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-textarea__field:after{transform-origin:100%}.bless-textarea__field:focus-within:after{transform:scaleX(1)}.bless-textarea__control{box-sizing:border-box;width:100%;padding:var(--bless-space-3);font:inherit;font-size:var(--bless-text-md);line-height:var(--bless-leading-normal);color:inherit;resize:vertical;background:0 0;border:0;outline:0;display:block}.bless-textarea--autogrow .bless-textarea__control{field-sizing:content;resize:none}.bless-textarea__control::placeholder{color:var(--bless-color-text-muted)}.bless-textarea--invalid .bless-textarea__field{border-bottom-color:var(--bless-color-danger)}.bless-textarea--invalid .bless-textarea__field:after{background:var(--bless-color-danger)}.bless-textarea--disabled{opacity:.4}.bless-textarea--disabled .bless-textarea__control{cursor:not-allowed}.bless-textarea__foot{justify-content:space-between;gap:var(--bless-space-3);display:flex}.bless-textarea__description,.bless-textarea__error{margin:var(--bless-space-1) 0 0;font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted)}.bless-textarea__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}.bless-textarea__counter{margin-inline-start:auto;margin-top:var(--bless-space-1);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-textarea__field{transform:skewX(var(--bless-skew))}.bless-textarea__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-textarea__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-textarea__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}

package/dist/components/BlessTextarea.js

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

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    id?: string;
+    rows?: number;
+    /** grow with content (field-sizing: content) */
+    autogrow?: boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    description?: string;
+    error?: string;
+    maxlength?: number;
+    /** show n / maxlength */
+    counter?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    rows: number;
+    autogrow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessTextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import { joinIds as e, useFieldId as t, useFieldState as n } from "../composables/useFieldId.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, useModel as m, vModelText as h, withDirectives as g } from "vue";
+//#region src/components/BlessTextarea.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "bless-textarea__field bless-lean--field" }, v = [
+	"id",
+	"rows",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"aria-invalid",
+	"aria-describedby"
+], y = { class: "bless-textarea__foot" }, b = ["id"], x = ["id"], S = ["aria-live"], C = /*@__PURE__*/ s({
+	name: "BlessTextarea",
+	inheritAttrs: !1,
+	__name: "BlessTextarea",
+	props: /*@__PURE__*/ c({
+		id: {},
+		rows: { default: 3 },
+		autogrow: {
+			type: Boolean,
+			default: !0
+		},
+		invalid: { type: Boolean },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		description: {},
+		error: {},
+		maxlength: {},
+		counter: { type: Boolean }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let c = s, C = m(s, "modelValue"), w = t(c), T = n(), E = () => `${w()}-desc`, D = r(() => !!c.maxlength && c.maxlength - String(C.value).length <= Math.max(10, c.maxlength * .1)), O = () => `${w()}-err`;
+		return (t, n) => (d(), a("div", { class: u(["bless-textarea", {
+			"bless-textarea--invalid": s.invalid || s.error || p(T).invalid.value,
+			"bless-textarea--disabled": s.disabled,
+			"bless-textarea--autogrow": s.autogrow
+		}]) }, [o("div", _, [g(o("textarea", l(t.$attrs, {
+			id: p(w)(),
+			"onUpdate:modelValue": n[0] ||= (e) => C.value = e,
+			rows: s.rows,
+			disabled: s.disabled,
+			readonly: s.readonly,
+			maxlength: s.maxlength,
+			class: "bless-textarea__control",
+			"aria-invalid": s.invalid || s.error || p(T).invalid.value ? "true" : void 0,
+			"aria-describedby": p(e)(s.description && E(), s.error && O(), p(T).describedby.value, t.$attrs["aria-describedby"])
+		}), null, 16, v), [[h, C.value]])]), o("div", y, [
+			s.description ? (d(), a("p", {
+				key: 0,
+				id: E(),
+				class: "bless-textarea__description"
+			}, f(s.description), 9, b)) : i("", !0),
+			s.error ? (d(), a("p", {
+				key: 1,
+				id: O(),
+				class: "bless-textarea__error",
+				role: "alert"
+			}, f(s.error), 9, x)) : i("", !0),
+			s.counter && s.maxlength ? (d(), a("span", {
+				key: 2,
+				class: "bless-textarea__counter",
+				"aria-live": D.value ? "polite" : "off"
+			}, f(String(C.value).length) + " / " + f(s.maxlength), 9, S)) : i("", !0)
+		])], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BlessThemeToggle.css

@@ -0,0 +1 @@
+.bless-theme-toggle{border-radius:var(--bless-radius-plate);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:36px;height:36px;color:var(--bless-color-text);font-size:var(--bless-text-md);cursor:pointer;transform:skewX(var(--bless-skew));transition:border-color var(--bless-duration-slow), color var(--bless-duration-slow), var(--bless-lean-transition)}.bless-theme-toggle>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-theme-toggle:hover{border-color:var(--bless-color-text);color:var(--bless-color-text)}.bless-theme-toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}

package/dist/components/BlessThemeToggle.js

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

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** three-way (light/system/dark) or a single light↔dark button */ mode?: "switch" | "group";
+    /** the group's name */
+    label?: string;
+    /** accessible names: the switch reads `dark` with pressed / not pressed; the group reads all three */
+    labels?: {
+        light?: string;
+        system?: string;
+        dark?: string;
+    };
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    mode: "switch" | "group";
+    labels: {
+        light?: string;
+        system?: string;
+        dark?: string;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessThemeToggle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import e from "./BlessToggle.js";
+import t from "./BlessToggleGroup.js";
+import { useTheme as n } from "../composables/useTheme.js";
+import { createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, onMounted as l, openBlock as u, ref as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/BlessThemeToggle.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-label", "aria-pressed"], g = { "aria-hidden": "true" }, _ = /*@__PURE__*/ c({
+	name: "BlessThemeToggle",
+	__name: "BlessThemeToggle",
+	props: {
+		mode: { default: "switch" },
+		label: { default: "Theme" },
+		labels: { default: () => ({}) }
+	},
+	setup(c) {
+		let { theme: _, isDark: v, set: y, toggle: b } = n(), x = d(!1);
+		return l(() => x.value = !0), (n, l) => c.mode === "group" ? (u(), r(t, {
+			key: 0,
+			"model-value": p(_),
+			label: c.label,
+			"onUpdate:modelValue": l[0] ||= (e) => p(y)(e ?? "system")
+		}, {
+			default: m(() => [
+				s(e, {
+					value: "light",
+					size: "sm",
+					label: c.labels.light ?? "Light"
+				}, {
+					default: m(() => [...l[2] ||= [o("☀", -1)]]),
+					_: 1
+				}, 8, ["label"]),
+				s(e, {
+					value: "system",
+					size: "sm",
+					label: c.labels.system ?? "System"
+				}, {
+					default: m(() => [...l[3] ||= [o("◐", -1)]]),
+					_: 1
+				}, 8, ["label"]),
+				s(e, {
+					value: "dark",
+					size: "sm",
+					label: c.labels.dark ?? "Dark"
+				}, {
+					default: m(() => [...l[4] ||= [o("☾", -1)]]),
+					_: 1
+				}, 8, ["label"])
+			]),
+			_: 1
+		}, 8, ["model-value", "label"])) : (u(), i("button", {
+			key: 1,
+			type: "button",
+			class: "bless-theme-toggle",
+			"aria-label": c.labels.dark ?? "Dark theme",
+			"aria-pressed": x.value ? p(v) : !1,
+			onClick: l[1] ||= (...e) => p(b) && p(b)(...e)
+		}, [a("span", g, f(x.value && p(v) ? "☾" : "☀"), 1)], 8, h));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/BlessTimePicker.css

@@ -0,0 +1 @@
+.bless-time{border-radius:var(--bless-radius-plate);--_h:40px;--_fs:var(--bless-text-md);height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);font-family:var(--bless-font-sans);color:var(--bless-color-text);background:0 0;display:inline-flex}.bless-time--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-time--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-time:focus-within{border-bottom-color:var(--bless-color-accent-text)}.bless-time--invalid{border-bottom-color:var(--bless-color-danger)}.bless-time__control{min-width:8em;padding:0 var(--bless-space-3);font:inherit;font-size:var(--_fs);font-variant-numeric:tabular-nums;color:inherit;color-scheme:inherit;background:0 0;border:0;outline:0}.bless-time--disabled{opacity:.4;pointer-events:none}.bless-time{transform:skewX(var(--bless-skew))}.bless-time>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}

package/dist/components/BlessTimePicker.js

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

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

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    id?: string;
+    /** minutes between options in the dropdown list */
+    step?: number;
+    min?: string;
+    max?: string;
+    /** 12-hour display in the list; the value stays "HH:MM" */
+    hour12?: boolean;
+    seconds?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** accessible name when there's no Field or <label>; defaults to "Time" outside a Field */
+    label?: string;
+    size?: "sm" | "md" | "lg";
+};
+type __VLS_ModelProps = {
+    /** "HH:MM" or "HH:MM:SS" */
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    step: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;