blessing-ui 0.1.0

package/dist/components/BlessTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { joinIds as e, useFieldId as t, useFieldState as n } from "../composables/useFieldId.js";
+import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, useModel as h, vModelText as g, withDirectives as _ } from "vue";
+//#region src/components/BlessTimePicker.vue?vue&type=script&setup=true&lang.ts
+var v = [
+	"id",
+	"list",
+	"min",
+	"max",
+	"step",
+	"disabled",
+	"aria-label",
+	"aria-invalid",
+	"aria-describedby"
+], y = ["id"], b = ["value"], x = /*@__PURE__*/ s({
+	name: "BlessTimePicker",
+	inheritAttrs: !1,
+	__name: "BlessTimePicker",
+	props: /*@__PURE__*/ c({
+		id: {},
+		step: { default: 15 },
+		min: {},
+		max: {},
+		hour12: { type: Boolean },
+		seconds: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		label: {},
+		size: { default: "md" }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let c = s, x = h(s, "modelValue"), S = t(c), C = n(), w = (e, t) => c.hour12 ? `${(e + 11) % 12 + 1}:${String(t).padStart(2, "0")} ${e < 12 ? "AM" : "PM"}` : `${String(e).padStart(2, "0")}:${String(t).padStart(2, "0")}`, T = i(() => {
+			let e = [], [t, n] = (c.min ?? "00:00").split(":").map(Number), [r, i] = (c.max ?? "23:59").split(":").map(Number);
+			for (let a = t * 60 + n; a <= r * 60 + i; a += c.step) {
+				let t = Math.floor(a / 60), n = a % 60;
+				e.push({
+					value: `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`,
+					label: w(t, n)
+				});
+			}
+			return e;
+		});
+		return (t, n) => (d(), a("div", { class: u(["bless-time bless-lean--field", [`bless-time--${s.size}`, {
+			"bless-time--disabled": s.disabled,
+			"bless-time--invalid": s.invalid || m(C).invalid.value
+		}]]) }, [_(o("input", l(t.$attrs, {
+			id: m(S)(),
+			"onUpdate:modelValue": n[0] ||= (e) => x.value = e,
+			type: "time",
+			class: "bless-time__control",
+			list: `${m(S)()}-list`,
+			min: s.min,
+			max: s.max,
+			step: s.seconds ? 1 : 60,
+			disabled: s.disabled,
+			"aria-label": s.label ?? (m(C).inField ? void 0 : "Time"),
+			"aria-invalid": s.invalid || m(C).invalid.value || void 0,
+			"aria-describedby": m(e)(m(C).describedby.value, t.$attrs["aria-describedby"])
+		}), null, 16, v), [[g, x.value]]), o("datalist", { id: `${m(S)()}-list` }, [(d(!0), a(r, null, f(T.value, (e) => (d(), a("option", {
+			key: e.value,
+			value: e.value
+		}, p(e.label), 9, b))), 128))], 8, y)], 2));
+	}
+});
+//#endregion
+export { x as default };

package/dist/components/BlessTimeline.css

@@ -0,0 +1 @@
+.bless-timeline{font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0;padding:0;list-style:none}.bless-timeline__item{border-radius:var(--bless-radius);--_c:var(--bless-color-text-muted);gap:var(--bless-space-3);padding-bottom:var(--bless-space-4);display:flex;position:relative}.bless-timeline__item--accent{--_c:var(--bless-color-accent)}.bless-timeline__item--danger{--_c:var(--bless-color-danger)}.bless-timeline__item--success{--_c:var(--bless-color-success)}.bless-timeline__item--warning{--_c:var(--bless-color-warning)}.bless-timeline__item--info{--_c:var(--bless-color-info)}.bless-timeline__item:not(:last-child):before{content:"";inset-inline-start:5px;width:var(--bless-border-width);background:var(--bless-color-border);position:absolute;top:14px;bottom:0}.bless-timeline__dot{background:var(--_c);width:12px;height:12px;transform:skewX(var(--bless-skew));flex:none;place-items:center;margin-top:3px;display:inline-grid}.bless-timeline__body{flex-direction:column;gap:2px;min-width:0;display:flex}.bless-timeline__time{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-timeline__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold)}.bless-timeline__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);margin:0}

package/dist/components/BlessTimeline.js

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

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

@@ -0,0 +1,36 @@
+export interface BlessTimelineItem {
+    title: string;
+    /** shown as written ("2015.01") */
+    time?: string;
+    /** machine-readable form of `time` ("2015-01"), for the <time> element */
+    datetime?: string;
+    description?: string;
+    color?: "text" | "accent" | "danger" | "success" | "warning" | "info";
+}
+type __VLS_Props = {
+    items: BlessTimelineItem[];
+    label?: string;
+};
+declare var __VLS_1: {
+    item: BlessTimelineItem;
+    index: number;
+}, __VLS_3: {
+    item: BlessTimelineItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    dot?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: 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/BlessTimeline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region src/components/BlessTimeline.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label"], d = {
+	class: "bless-timeline__dot",
+	"aria-hidden": "true"
+}, f = { class: "bless-timeline__body" }, p = ["datetime"], m = { class: "bless-timeline__title" }, h = {
+	key: 1,
+	class: "bless-timeline__desc"
+}, g = /*@__PURE__*/ i({
+	name: "BlessTimeline",
+	__name: "BlessTimeline",
+	props: {
+		items: {},
+		label: { default: "Timeline" }
+	},
+	setup(i) {
+		return (g, _) => (o(), n("ol", {
+			role: "list",
+			class: "bless-timeline",
+			"aria-label": i.label
+		}, [(o(!0), n(e, null, s(i.items, (e, i) => (o(), n("li", {
+			key: i,
+			class: a(["bless-timeline__item", `bless-timeline__item--${e.color ?? "text"}`])
+		}, [r("span", d, [c(g.$slots, "dot", {
+			item: e,
+			index: i
+		})]), r("div", f, [c(g.$slots, "default", {
+			item: e,
+			index: i
+		}, () => [
+			e.time ? (o(), n("time", {
+				key: 0,
+				class: "bless-timeline__time",
+				datetime: e.datetime
+			}, l(e.time), 9, p)) : t("", !0),
+			r("span", m, l(e.title), 1),
+			e.description ? (o(), n("p", h, l(e.description), 1)) : t("", !0)
+		])])], 2))), 128))], 8, u));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/BlessToaster.css

@@ -0,0 +1 @@
+.bless-toaster{z-index:calc(var(--bless-z-modal) + 1);pointer-events:none;padding:var(--bless-space-4);max-width:100%;position:fixed}.bless-toaster--top-right{top:0;right:0}.bless-toaster--top-left{top:0;left:0}.bless-toaster--top-center{top:0;left:50%;transform:translate(-50%)}.bless-toaster--bottom-right{bottom:0;right:0}.bless-toaster--bottom-left{bottom:0;left:0}.bless-toaster--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.bless-toaster__list{gap:var(--bless-space-2);width:340px;max-width:calc(100vw - 2 * var(--bless-space-4));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bless-toaster--top-right .bless-toaster__list,.bless-toaster--top-left .bless-toaster__list,.bless-toaster--top-center .bless-toaster__list{flex-direction:column-reverse}.bless-toast{border-radius:var(--bless-radius);--_c:var(--bless-color-text);--_on:var(--bless-color-on-text);align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) var(--bless-space-4);border-left:4px solid var(--_c);background:var(--bless-color-bg);color:var(--bless-color-text);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);line-height:var(--bless-leading-tight);pointer-events:auto;display:flex;position:relative}.bless-toast:before{content:"";background:var(--_c);width:4px;height:100%;transform:skewX(var(--bless-skew));position:absolute;top:0;left:-4px}.bless-toast--accent{--_c:var(--bless-color-accent);--_on:var(--bless-color-on-accent)}.bless-toast--danger{--_c:var(--bless-color-danger);--_on:var(--bless-color-on-accent)}.bless-toast--warning{--_c:var(--bless-color-warning);--_on:var(--bless-color-on-light)}.bless-toast--success{--_c:var(--bless-color-success);--_on:var(--bless-color-on-light)}.bless-toast--info{--_c:var(--bless-color-info);--_on:var(--bless-color-on-accent)}.bless-toast__body{flex:1;gap:2px;min-width:0;display:grid}.bless-toast__title{font-weight:var(--bless-font-weight-bold)}.bless-toast__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-toast__action{padding:var(--bless-space-1) var(--bless-space-3);background:var(--_c);color:var(--_on);font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;flex:none}.bless-toast__action:hover{opacity:var(--bless-hover-opacity)}.bless-toast__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-inline-end:-8px;padding:0;line-height:1}.bless-toast__close:hover{opacity:var(--bless-hover-opacity)}.bless-toast__action:focus-visible,.bless-toast__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-toast-enter-active,.bless-toast-leave-active{transition:all var(--bless-duration-slow) var(--bless-ease-out)}.bless-toast-enter-from{opacity:0;transform:translateY(12px)}.bless-toast-leave-to{opacity:0;transform:translate(24px)}.bless-toast-move{transition:transform var(--bless-duration-slow) var(--bless-ease-in-out)}

package/dist/components/BlessToaster.js

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

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+    closeLabel?: string;
+    /** the region's name */
+    label?: 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;
+    position: "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
+    closeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessToaster.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+import { pauseToasts as e, resumeToasts as t, toastState as n, useToast as r } from "../composables/useToast.js";
+import { Fragment as i, TransitionGroup as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region src/components/BlessToaster.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = ["role"], y = { class: "bless-toast__body" }, b = {
+	key: 0,
+	class: "bless-toast__title"
+}, x = {
+	key: 1,
+	class: "bless-toast__desc"
+}, S = ["onClick"], C = ["aria-label", "onClick"], w = /*@__PURE__*/ u({
+	name: "BlessToaster",
+	__name: "BlessToaster",
+	props: {
+		position: { default: "bottom-right" },
+		closeLabel: { default: "Dismiss" },
+		label: { default: "Notifications" }
+	},
+	setup(u) {
+		let { dismiss: w } = r();
+		return (r, T) => (f(), s("div", {
+			class: d(["bless-toaster", `bless-toaster--${u.position}`]),
+			role: "region",
+			"aria-label": u.label,
+			onPointerenter: T[0] ||= (...t) => h(e) && h(e)(...t),
+			onPointerleave: T[1] ||= (...e) => h(t) && h(t)(...e),
+			onFocusin: T[2] ||= (...t) => h(e) && h(e)(...t),
+			onFocusout: T[3] ||= (...e) => h(t) && h(t)(...e)
+		}, [l(a, {
+			name: "bless-toast",
+			tag: "ol",
+			class: "bless-toaster__list",
+			role: "list",
+			"aria-live": "polite",
+			"aria-relevant": "additions"
+		}, {
+			default: g(() => [(f(!0), s(i, null, p(h(n).items, (e) => (f(), s("li", {
+				key: e.id,
+				class: d(["bless-toast", `bless-toast--${e.color}`]),
+				role: e.color === "danger" ? "alert" : void 0
+			}, [
+				c("div", y, [e.title ? (f(), s("strong", b, m(e.title), 1)) : o("", !0), e.description ? (f(), s("span", x, m(e.description), 1)) : o("", !0)]),
+				e.action ? (f(), s("button", {
+					key: 0,
+					type: "button",
+					class: "bless-toast__action",
+					onClick: (t) => {
+						e.action.onClick(), h(w)(e.id);
+					}
+				}, m(e.action.label), 9, S)) : o("", !0),
+				c("button", {
+					type: "button",
+					class: "bless-toast__close",
+					"aria-label": u.closeLabel,
+					onClick: (t) => h(w)(e.id)
+				}, [...T[4] ||= [c("span", { "aria-hidden": "true" }, "×", -1)]], 8, C)
+			], 10, v))), 128))]),
+			_: 1
+		})], 42, _));
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/BlessToggle.css

@@ -0,0 +1 @@
+.bless-toggle{border-radius:var(--bless-radius-plate);--_c:var(--bless-color-text);--_on:var(--bless-color-on-text);align-items:center;gap:var(--bless-space-2);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text-muted);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;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), color var(--bless-duration-slow), border-color var(--bless-duration-slow), background var(--bless-duration-slow), var(--bless-lean-transition);display:inline-flex}.bless-toggle--accent{--_c:var(--bless-color-accent);--_on:var(--bless-color-on-accent)}.bless-toggle--danger{--_c:var(--bless-color-danger);--_on:var(--bless-color-on-accent)}.bless-toggle--sm{padding:var(--bless-space-1) var(--bless-space-2);font-size:var(--bless-text-xs)}.bless-toggle--md{padding:var(--bless-space-2) var(--bless-space-3)}.bless-toggle--lg{padding:var(--bless-space-3) var(--bless-space-4);font-size:var(--bless-text-md)}.bless-toggle:hover:not(:disabled){color:var(--bless-color-text);border-color:var(--bless-color-text)}.bless-toggle--on,.bless-toggle--on:hover:not(:disabled){border-color:var(--_c);background:var(--_c);color:var(--_on)}.bless-toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-toggle:disabled{opacity:.4;cursor:not-allowed}.bless-toggle .bless-skew__inner{align-items:center;gap:var(--bless-space-2);display:inline-flex}

package/dist/components/BlessToggle.js

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

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

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    /** required inside a BlessToggleGroup */
+    value?: string | number;
+    size?: "sm" | "md" | "lg";
+    color?: "text" | "accent" | "danger";
+    disabled?: boolean;
+    label?: string;
+};
+type __VLS_ModelProps = {
+    "pressed"?: 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:pressed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:pressed"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger";
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, 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/BlessToggle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import e from "./BlessSkew.js";
+import { toggleGroupKey as t } from "./toggle.js";
+import { createBlock as n, defineComponent as r, inject as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/BlessToggle.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ r({
+	name: "BlessToggle",
+	__name: "BlessToggle",
+	props: /*@__PURE__*/ a({
+		value: {},
+		size: { default: "md" },
+		color: { default: "accent" },
+		disabled: { type: Boolean },
+		label: {}
+	}, {
+		pressed: {
+			type: Boolean,
+			default: !1
+		},
+		pressedModifiers: {}
+	}),
+	emits: ["update:pressed"],
+	setup(r) {
+		let a = r, f = u(r, "pressed"), p = i(t, null), m = () => p && a.value !== void 0 ? p.has(a.value) : f.value;
+		function h() {
+			a.disabled || p?.disabled.value || (p && a.value !== void 0 ? p.toggle(a.value) : f.value = !f.value);
+		}
+		return (t, i) => (s(), n(e, {
+			as: "button",
+			type: "button",
+			class: o(["bless-toggle", [
+				`bless-toggle--${r.size}`,
+				`bless-toggle--${r.color}`,
+				{ "bless-toggle--on": m() }
+			]]),
+			color: m() ? r.color : "none",
+			"aria-pressed": m(),
+			"aria-label": r.label,
+			disabled: r.disabled || l(p)?.disabled.value,
+			onClick: h
+		}, {
+			default: d(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"color",
+			"aria-pressed",
+			"aria-label",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/BlessToggleGroup.css

@@ -0,0 +1 @@
+.bless-toggle-group{flex-wrap:wrap;display:inline-flex}.bless-toggle-group>.bless-toggle+.bless-toggle{margin-inline-start:calc(-1 * var(--bless-border-width))}.bless-toggle-group>.bless-toggle--on,.bless-toggle-group>.bless-toggle:focus-visible{z-index:1;position:relative}

package/dist/components/BlessToggleGroup.js

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

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

@@ -0,0 +1,28 @@
+declare const __VLS_export: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        type?: "single" | "multiple";
+        disabled?: boolean;
+        label?: string;
+    } & {
+        modelValue?: T | T[] | undefined;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: (event: "update:modelValue", value: T | T[] | undefined) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/BlessToggleGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { toggleGroupKey as e } from "./toggle.js";
+import { createElementBlock as t, defineComponent as n, mergeModels as r, openBlock as i, provide as a, renderSlot as o, toRef as s, useModel as c } from "vue";
+//#region src/components/BlessToggleGroup.vue?vue&type=script&setup=true&lang.ts
+var l = ["aria-label"], u = /*@__PURE__*/ n({
+	name: "BlessToggleGroup",
+	__name: "BlessToggleGroup",
+	props: /*@__PURE__*/ r({
+		type: { default: "single" },
+		disabled: { type: Boolean },
+		label: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = n, u = c(n, "modelValue"), d = (e) => Array.isArray(u.value) ? u.value.includes(e) : u.value === e;
+		function f(e) {
+			let t = e;
+			if (r.type === "multiple") {
+				let e = Array.isArray(u.value) ? u.value : [];
+				u.value = e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
+			} else u.value = u.value === t ? void 0 : t;
+		}
+		return a(e, {
+			has: d,
+			toggle: f,
+			disabled: s(() => r.disabled)
+		}), (e, r) => (i(), t("div", {
+			class: "bless-toggle-group bless-lean",
+			role: "group",
+			"aria-label": n.label
+		}, [o(e.$slots, "default")], 8, l));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/BlessToolbar.css

@@ -0,0 +1 @@
+.bless-toolbar{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:flex}.bless-toolbar--surface{border-radius:var(--bless-radius);background:var(--bless-color-surface)}.bless-toolbar--bg{background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border)}.bless-toolbar__start,.bless-toolbar__center,.bless-toolbar__end{align-items:center;gap:var(--bless-space-2);display:flex}.bless-toolbar__center{flex:1;justify-content:center}

package/dist/components/BlessToolbar.js

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

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    label?: string;
+    surface?: "surface" | "bg" | "none";
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    center?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    end?: (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<{}>, {
+    surface: "surface" | "bg" | "none";
+    label: 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/BlessToolbar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { useRovingFocus as e } from "../composables/useRovingFocus.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, ref as o, renderSlot as s } from "vue";
+//#region src/components/BlessToolbar.vue?vue&type=script&setup=true&lang.ts
+var c = ["aria-label"], l = { class: "bless-toolbar__start" }, u = { class: "bless-toolbar__center" }, d = { class: "bless-toolbar__end" }, f = /*@__PURE__*/ r({
+	name: "BlessToolbar",
+	__name: "BlessToolbar",
+	props: {
+		label: { default: "Toolbar" },
+		surface: { default: "surface" }
+	},
+	setup(r) {
+		let f = o();
+		return e(f), (e, o) => (a(), t("div", {
+			ref_key: "root",
+			ref: f,
+			class: i(["bless-toolbar", `bless-toolbar--${r.surface}`]),
+			role: "toolbar",
+			"aria-label": r.label
+		}, [
+			n("div", l, [s(e.$slots, "start")]),
+			n("div", u, [s(e.$slots, "center"), s(e.$slots, "default")]),
+			n("div", d, [s(e.$slots, "end")])
+		], 10, c));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/BlessTooltip.css

@@ -0,0 +1 @@
+.bless-tooltip__anchor{display:inline-flex}.bless-tooltip{border-radius:var(--bless-radius-plate);inset:unset;box-shadow:var(--bless-shadow-plate);padding:var(--bless-space-1) var(--bless-space-3);background:var(--bless-color-text);color:var(--bless-color-on-text);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight);pointer-events:none;max-width:240px;transform:skewX(var(--bless-skew));border:0;margin:0;position:fixed;overflow:visible}.bless-tooltip>:not(.bless-tooltip__arrow){transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-tooltip:popover-open{animation:bless-pop-in var(--bless-duration-fast) var(--bless-ease-out)}.bless-tooltip__arrow{background:inherit;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.bless-tooltip--top .bless-tooltip__arrow{left:calc(var(--_ax) - 4px);bottom:-6px}.bless-tooltip--bottom .bless-tooltip__arrow{left:calc(var(--_ax) - 4px);top:-6px}.bless-tooltip--left .bless-tooltip__arrow{top:calc(var(--_ay) - 4px);right:-6px}.bless-tooltip--right .bless-tooltip__arrow{top:calc(var(--_ay) - 4px);left:-6px}

package/dist/components/BlessTooltip.js

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

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

@@ -0,0 +1,24 @@
+import { Placement } from '../composables/useFloating';
+type __VLS_Props = {
+    text?: string;
+    placement?: Placement;
+    delay?: number;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    placement: Placement;
+    delay: 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/BlessTooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { useFloating as e } from "../composables/useFloating.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useId as g, watch as _, withKeys as v } from "vue";
+//#region src/components/BlessTooltip.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = /*@__PURE__*/ a({
+	name: "BlessTooltip",
+	__name: "BlessTooltip",
+	props: {
+		text: {},
+		placement: { default: "top" },
+		delay: { default: 400 }
+	},
+	setup(a) {
+		let b = a, x = f(!1), S = g(), C = f(), w = f(), { x: T, y: E, side: D, arrowX: O, arrowY: k } = e(C, w, x, () => ({
+			placement: b.placement,
+			offset: 8,
+			arrow: 5
+		})), A, j = (e = b.delay) => {
+			clearTimeout(A), A = setTimeout(() => x.value = !0, e);
+		}, M = () => {
+			clearTimeout(A), x.value = !1;
+		}, N = () => clearTimeout(A), P = () => {
+			clearTimeout(A), A = setTimeout(() => x.value = !1, 150);
+		};
+		u(() => {
+			let e = C.value?.firstElementChild, t = e?.getAttribute("aria-describedby");
+			e && !t?.split(" ").includes(S) && e.setAttribute("aria-describedby", t ? `${t} ${S}` : S);
+		});
+		function F(e) {
+			e.key === "Escape" && x.value && M();
+		}
+		return l(() => {
+			clearTimeout(A), document.removeEventListener("keydown", F);
+		}), _(x, (e) => e ? document.addEventListener("keydown", F) : document.removeEventListener("keydown", F)), _(x, (e) => o(() => {
+			let t = w.value;
+			t && typeof t.showPopover == "function" && (e && !t.matches(":popover-open") ? t.showPopover() : !e && t.matches(":popover-open") && t.hidePopover());
+		}), { immediate: !0 }), (e, o) => (d(), n(t, null, [r("span", {
+			ref_key: "anchor",
+			ref: C,
+			class: "bless-tooltip__anchor",
+			onMouseenter: o[0] ||= (e) => j(),
+			onMouseleave: P,
+			onFocusin: o[1] ||= (e) => j(0),
+			onFocusout: M,
+			onKeydown: o[2] ||= v((e) => x.value && (e.preventDefault(), M()), ["esc"])
+		}, [p(e.$slots, "default")], 544), r("div", {
+			ref_key: "tip",
+			ref: w,
+			id: h(S),
+			popover: "manual",
+			role: "tooltip",
+			class: s(["bless-tooltip", `bless-tooltip--${h(D)}`]),
+			onMouseenter: N,
+			onMouseleave: P,
+			style: c({
+				left: `${h(T)}px`,
+				top: `${h(E)}px`,
+				"--_ax": `${h(O)}px`,
+				"--_ay": `${h(k)}px`
+			})
+		}, [p(e.$slots, "content", {}, () => [i(m(a.text), 1)]), o[3] ||= r("span", {
+			class: "bless-tooltip__arrow",
+			"aria-hidden": "true"
+		}, null, -1)], 46, y)], 64));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BlessTour.css

@@ -0,0 +1 @@
+.bless-tour__spot{border-radius:var(--bless-radius);z-index:var(--bless-z-modal);box-shadow:0 0 0 100vmax var(--bless-color-backdrop);outline:2px solid var(--bless-color-accent);pointer-events:none;transition:top var(--bless-duration-slow) var(--bless-ease-out), left var(--bless-duration-slow) var(--bless-ease-out), width var(--bless-duration-slow) var(--bless-ease-out), height var(--bless-duration-slow) var(--bless-ease-out);position:fixed}.bless-tour__spot--none{box-shadow:none;background:var(--bless-color-backdrop);outline:0;inset:0}.bless-tour{border-radius:var(--bless-radius);z-index:calc(var(--bless-z-modal) + 1);gap:var(--bless-space-2);width:min(320px,100vw - 32px);padding:var(--bless-space-4);background:var(--bless-color-bg);color:var(--bless-color-text);font-family:var(--bless-font-sans);box-shadow:var(--bless-shadow-plate);outline:0;flex-direction:column;display:flex;position:fixed}.bless-tour--centred{top:50%;left:50%;translate:-50% -50%}.bless-tour__count{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-tour__title{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold)}.bless-tour__text{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);margin:0}.bless-tour__actions{gap:var(--bless-space-2);margin-top:var(--bless-space-2);display:flex}

package/dist/components/BlessTour.js

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