blessing-ui 0.1.0

package/dist/components/BlessSlider.js

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

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    id?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** show current value bubble */
+    showValue?: boolean;
+    format?: (v: number) => string;
+    label?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+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: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    step: number;
+    min: number;
+    max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessSlider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+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, normalizeStyle as d, openBlock as f, toDisplayString as p, unref as m, useModel as h, vModelText as g, withDirectives as _ } from "vue";
+//#region src/components/BlessSlider.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "bless-slider__head"
+}, y = ["for"], b = ["for"], x = [
+	"id",
+	"min",
+	"max",
+	"step",
+	"disabled",
+	"aria-valuetext",
+	"aria-invalid",
+	"aria-describedby"
+], S = /*@__PURE__*/ s({
+	name: "BlessSlider",
+	inheritAttrs: !1,
+	__name: "BlessSlider",
+	props: /*@__PURE__*/ c({
+		id: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		disabled: { type: Boolean },
+		showValue: { type: Boolean },
+		format: {},
+		label: {}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s) {
+		let c = s, S = h(s, "modelValue"), C = t(c), w = n(), T = r(() => (S.value - c.min) / (c.max - c.min || 1) * 100), E = r(() => (c.format ?? String)(S.value));
+		return (t, n) => (f(), a("div", {
+			class: u(["bless-slider", { "bless-slider--disabled": s.disabled }]),
+			style: d({ "--_p": `${T.value}%` })
+		}, [s.label || s.showValue ? (f(), a("div", v, [s.label ? (f(), a("label", {
+			key: 0,
+			for: m(C)(),
+			class: "bless-slider__label"
+		}, p(s.label), 9, y)) : i("", !0), s.showValue ? (f(), a("output", {
+			key: 1,
+			for: m(C)(),
+			class: "bless-slider__value"
+		}, p(E.value), 9, b)) : i("", !0)])) : i("", !0), _(o("input", l(t.$attrs, {
+			id: m(C)(),
+			"onUpdate:modelValue": n[0] ||= (e) => S.value = e,
+			type: "range",
+			min: s.min,
+			max: s.max,
+			step: s.step,
+			disabled: s.disabled,
+			class: "bless-slider__input",
+			"aria-valuetext": s.format ? E.value : void 0,
+			"aria-invalid": m(w).invalid.value || void 0,
+			"aria-describedby": m(e)(m(w).describedby.value, t.$attrs["aria-describedby"])
+		}), null, 16, x), [[
+			g,
+			S.value,
+			void 0,
+			{ number: !0 }
+		]])], 6));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/BlessSpeedDial.css

@@ -0,0 +1 @@
+.bless-speed-dial{right:var(--bless-space-6);bottom:var(--bless-space-6);z-index:var(--bless-z-nav);align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);flex-direction:column-reverse;display:inline-flex;position:fixed}.bless-speed-dial--inline{position:relative;bottom:auto;right:auto}.bless-speed-dial--down{flex-direction:column}.bless-speed-dial--left{flex-direction:row-reverse}.bless-speed-dial--right{flex-direction:row}.bless-speed-dial__fab{border-radius:var(--bless-radius-petal);width:48px;height:48px;color:var(--bless-color-on-accent);font:inherit;font-size:var(--bless-text-lg);cursor:pointer;box-shadow:var(--bless-shadow-plate);transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow), var(--bless-lean-transition);border:0;place-items:center;display:inline-grid}.bless-speed-dial__fab--accent{background:var(--bless-color-accent)}.bless-speed-dial__fab--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-speed-dial__fab[aria-expanded=true]:not(.bless-speed-dial__fab--danger){background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-speed-dial__fab:hover{opacity:var(--bless-hover-opacity)}.bless-speed-dial__fab:focus-visible,.bless-speed-dial__action:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter));transition:transform var(--bless-duration-base);display:inline-block}.bless-speed-dial--open .bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter)) rotate(45deg)}.bless-speed-dial__list{flex-direction:inherit;align-items:center;gap:var(--bless-space-2);display:flex}.bless-speed-dial__action{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:inherit;cursor:pointer;opacity:0;transform:skewX(var(--bless-skew)) scale(.6);transition:opacity var(--bless-duration-base) var(--bless-ease-out), transform var(--bless-duration-base) var(--bless-ease-out), var(--bless-lean-transition);transition-delay:calc(var(--_i) * 30ms);place-items:center;display:inline-grid;position:relative}.bless-speed-dial__action>span:first-child{transform:skewX(var(--bless-skew-counter))}.bless-speed-dial--open .bless-speed-dial__action{opacity:1;transform:skewX(var(--bless-skew)) scale(1)}.bless-speed-dial__action--accent{color:var(--bless-color-accent-text)}.bless-speed-dial__action--danger{color:var(--bless-color-danger-text)}.bless-speed-dial__tip{right:calc(100% + var(--bless-space-2));padding:2px var(--bless-space-2);background:var(--bless-color-text);color:var(--bless-color-on-text);font-size:var(--bless-text-2xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--bless-duration-fast);position:absolute}.bless-speed-dial--left .bless-speed-dial__tip,.bless-speed-dial--right .bless-speed-dial__tip{right:auto;bottom:calc(100% + var(--bless-space-1))}.bless-speed-dial__action:hover .bless-speed-dial__tip,.bless-speed-dial__action:focus-visible .bless-speed-dial__tip{opacity:1}@media (prefers-reduced-motion:reduce){.bless-speed-dial__action{transition-delay:0s}}

package/dist/components/BlessSpeedDial.js

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

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

@@ -0,0 +1,45 @@
+export interface BlessSpeedDialAction {
+    label: string;
+    value: string;
+    icon?: string;
+    color?: "text" | "accent" | "danger";
+}
+type __VLS_Props = {
+    actions: BlessSpeedDialAction[];
+    direction?: "up" | "down" | "left" | "right";
+    label?: string;
+    color?: "text" | "accent";
+    /** render in place instead of fixed bottom-right */
+    inline?: boolean;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {
+    action: BlessSpeedDialAction;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (action: BlessSpeedDialAction) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((action: BlessSpeedDialAction) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: "text" | "accent";
+    label: string;
+    direction: "up" | "down" | "left" | "right";
+}, {}, {}, {}, 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/BlessSpeedDial.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p, useId as m, useModel as h, withKeys as g } from "vue";
+//#region src/components/BlessSpeedDial.vue?vue&type=script&setup=true&lang.ts
+var _ = [
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+], v = {
+	class: "bless-speed-dial__plus",
+	"aria-hidden": "true"
+}, y = [
+	"id",
+	"aria-label",
+	"inert"
+], b = [
+	"aria-label",
+	"title",
+	"onClick"
+], x = { "aria-hidden": "true" }, S = { class: "bless-speed-dial__tip" }, C = /*@__PURE__*/ i({
+	name: "BlessSpeedDial",
+	__name: "BlessSpeedDial",
+	props: /*@__PURE__*/ a({
+		actions: {},
+		direction: { default: "up" },
+		label: { default: "Actions" },
+		color: { default: "text" },
+		inline: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ a(["select"], ["update:open"]),
+	setup(i, { emit: a }) {
+		let C = h(i, "open"), w = a, T = m(), E = l(), D = () => E.value?.querySelector(".bless-speed-dial__fab");
+		function O(e) {
+			w("select", e), C.value = !1, D()?.focus();
+		}
+		function k(e) {
+			C.value && (e?.preventDefault(), C.value = !1, D()?.focus());
+		}
+		function A(e) {
+			E.value?.contains(e.relatedTarget) || (C.value = !1);
+		}
+		return (a, l) => (c(), t("div", {
+			ref_key: "root",
+			ref: E,
+			class: o(["bless-speed-dial", [`bless-speed-dial--${i.direction}`, {
+				"bless-speed-dial--open": C.value,
+				"bless-speed-dial--inline": i.inline
+			}]]),
+			onKeydown: g(k, ["esc"]),
+			onFocusout: A
+		}, [n("button", {
+			type: "button",
+			class: o(["bless-speed-dial__fab", `bless-speed-dial__fab--${i.color}`]),
+			"aria-label": i.label,
+			"aria-expanded": C.value,
+			"aria-controls": p(T),
+			onClick: l[0] ||= (e) => C.value = !C.value
+		}, [n("span", v, [d(a.$slots, "icon", {}, () => [l[1] ||= r("+", -1)])])], 10, _), n("div", {
+			id: p(T),
+			class: "bless-speed-dial__list",
+			role: "group",
+			"aria-label": i.label,
+			inert: !C.value || void 0
+		}, [(c(!0), t(e, null, u(i.actions, (e, i) => (c(), t("button", {
+			key: e.value,
+			type: "button",
+			class: o(["bless-speed-dial__action", `bless-speed-dial__action--${e.color ?? "text"}`]),
+			style: s({ "--_i": i + 1 }),
+			"aria-label": e.label,
+			title: e.label,
+			onClick: (t) => O(e)
+		}, [n("span", x, [d(a.$slots, "action", { action: e }, () => [r(f(e.icon ?? e.label[0]), 1)])]), n("span", S, f(e.label), 1)], 14, b))), 128))], 8, y)], 34));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/BlessSpinner.css

@@ -0,0 +1 @@
+.bless-spinner{--_s:20px;--_c:currentColor;width:var(--_s);height:var(--_s);border:calc(2 * var(--bless-border-width)) solid var(--_c);opacity:.8;transform:skewX(var(--bless-skew));animation:bless-spin .9s var(--bless-ease-linear) infinite;border-top-color:#0000;flex:none;display:inline-block}.bless-spinner--sm{--_s:14px}.bless-spinner--lg{--_s:32px}.bless-spinner--text{--_c:var(--bless-color-text)}.bless-spinner--accent{--_c:var(--bless-color-accent-soft);border-top-color:var(--bless-color-accent)}@keyframes bless-spin{to{transform:skewX(var(--bless-skew)) rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bless-spinner{animation-duration:2s}}

package/dist/components/BlessSpinner.js

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

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    size?: "sm" | "md" | "lg";
+    color?: "text" | "accent" | "current";
+    /** screen-reader text (role=status); "" when a parent already announces — then it's decorative */
+    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<{}>, {
+    color: "text" | "accent" | "current";
+    label: string;
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessSpinner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,25 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
+//#region src/components/BlessSpinner.vue?vue&type=script&setup=true&lang.ts
+var i = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], a = /*@__PURE__*/ t({
+	name: "BlessSpinner",
+	__name: "BlessSpinner",
+	props: {
+		size: { default: "md" },
+		color: { default: "current" },
+		label: { default: "Loading" }
+	},
+	setup(t) {
+		return (a, o) => (r(), e("span", {
+			class: n(["bless-spinner", [`bless-spinner--${t.size}`, `bless-spinner--${t.color}`]]),
+			role: t.label ? "status" : void 0,
+			"aria-label": t.label || void 0,
+			"aria-hidden": t.label ? void 0 : "true"
+		}, null, 10, i));
+	}
+});
+//#endregion
+export { a as default };

package/dist/components/BlessSplash.css

@@ -0,0 +1 @@
+.bless-splash{z-index:var(--bless-z-modal);background:var(--bless-color-bg);font-family:var(--bless-font-sans);color:var(--bless-color-text);place-items:center;display:grid;position:fixed;inset:0}.bless-splash__content{animation:bless-splash-in var(--bless-duration-slower) var(--bless-ease-out)}.bless-splash__skip{border-radius:var(--bless-radius-plate);inset-inline-end:var(--bless-space-4);bottom:var(--bless-space-4);padding:var(--bless-space-2) var(--bless-space-4);background:var(--bless-color-text);color:var(--bless-color-on-text);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);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;position:absolute}.bless-splash__skip:hover{opacity:var(--bless-hover-opacity)}.bless-splash__skip:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-splash-leave-active{transition:opacity var(--bless-duration-slower) var(--bless-ease-in-out)}.bless-splash-leave-to{opacity:0}@keyframes bless-splash-in{0%{opacity:0;transform:translateY(var(--bless-space-4))}}

package/dist/components/BlessSplash.js

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

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    /** localStorage key; splash shows once per key. Omit to show every load */
+    once?: string;
+    /** auto-dismiss after ms; 0 = manual only */
+    duration?: number;
+    skipLabel?: string;
+    /** the dialog's accessible name */
+    label?: string;
+};
+declare function dismiss(): void;
+declare var __VLS_7: {
+    dismiss: typeof dismiss;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    dismiss: typeof dismiss;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    done: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {
+    label: string;
+    duration: number;
+    skipLabel: 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/BlessSplash.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { reducedMotion as e } from "../composables/useMedia.js";
+import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, nextTick as s, onMounted as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
+//#region src/components/BlessSplash.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label", "onKeydown"], _ = { class: "bless-splash__content" }, v = /*@__PURE__*/ o({
+	name: "BlessSplash",
+	__name: "BlessSplash",
+	props: {
+		once: {},
+		duration: { default: 2500 },
+		skipLabel: { default: "Skip" },
+		label: { default: "Welcome" }
+	},
+	emits: ["done"],
+	setup(o, { expose: v, emit: y }) {
+		let b = o, x = y, S = u(!1), C, w = u(), T = null;
+		function E() {
+			if (S.value) {
+				if (clearTimeout(C), S.value = !1, T && T !== document.body && T.isConnected && T.focus(), b.once) try {
+					localStorage.setItem(b.once, "1");
+				} catch {}
+				x("done");
+			}
+		}
+		return c(() => {
+			let t = !1;
+			if (b.once) try {
+				t = localStorage.getItem(b.once) === "1";
+			} catch {}
+			if (!t) {
+				if (e()) return x("done");
+				S.value = !0, T = document.activeElement, s(() => w.value?.focus()), b.duration > 0 && (C = setTimeout(E, b.duration));
+			}
+		}), v({ dismiss: E }), (e, s) => (l(), n(t, { name: "bless-splash" }, {
+			default: p(() => [S.value ? (l(), i("div", {
+				key: 0,
+				class: "bless-splash",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": o.label,
+				onKeydown: m(h(E, ["prevent"]), ["esc"])
+			}, [a("div", _, [d(e.$slots, "default", { dismiss: E })]), a("button", {
+				ref_key: "skip",
+				ref: w,
+				type: "button",
+				class: "bless-splash__skip",
+				onClick: E
+			}, f(o.skipLabel), 513)], 40, g)) : r("", !0)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { v as default };

package/dist/components/BlessSplitButton.css

@@ -0,0 +1 @@
+.bless-split__more{padding-inline:var(--bless-space-2)}

package/dist/components/BlessSplitButton.js

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

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

@@ -0,0 +1,35 @@
+import { BlessMenuItem } from './menu';
+type __VLS_Props = {
+    label: string;
+    items: BlessMenuItem[];
+    color?: "text" | "accent" | "danger";
+    variant?: "solid" | "outline";
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    loading?: boolean;
+    menuLabel?: string;
+};
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: BlessMenuItem) => any;
+    click: (e: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: BlessMenuItem) => any) | undefined;
+    onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    color: "text" | "accent" | "danger";
+    size: "sm" | "md" | "lg";
+    variant: "solid" | "outline";
+    menuLabel: 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/BlessSplitButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,73 @@
+import e from "./BlessButton.js";
+import t from "./BlessButtonGroup.js";
+import n from "./BlessDropdownMenu.js";
+import { createBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, renderSlot as c, toDisplayString as l, withCtx as u } from "vue";
+//#region src/components/BlessSplitButton.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ o({
+	name: "BlessSplitButton",
+	__name: "BlessSplitButton",
+	props: {
+		label: {},
+		items: {},
+		color: { default: "text" },
+		variant: { default: "solid" },
+		size: { default: "md" },
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		menuLabel: { default: "More actions" }
+	},
+	emits: ["click", "select"],
+	setup(o, { emit: d }) {
+		let f = d;
+		return (d, p) => (s(), r(t, {
+			class: "bless-split",
+			label: o.label
+		}, {
+			default: u(() => [a(e, {
+				color: o.color,
+				variant: o.variant,
+				size: o.size,
+				disabled: o.disabled,
+				loading: o.loading,
+				onClick: p[0] ||= (e) => f("click", e)
+			}, {
+				default: u(() => [c(d.$slots, "default", {}, () => [i(l(o.label), 1)])]),
+				_: 3
+			}, 8, [
+				"color",
+				"variant",
+				"size",
+				"disabled",
+				"loading"
+			]), a(n, {
+				items: o.items,
+				placement: "bottom-end",
+				onSelect: p[1] ||= (e) => f("select", e)
+			}, {
+				trigger: u(({ open: t }) => [a(e, {
+					color: o.color,
+					variant: o.variant,
+					size: o.size,
+					disabled: o.disabled,
+					"aria-label": o.menuLabel,
+					"aria-expanded": t,
+					class: "bless-split__more"
+				}, {
+					default: u(() => [...p[2] ||= [i("▾", -1)]]),
+					_: 1
+				}, 8, [
+					"color",
+					"variant",
+					"size",
+					"disabled",
+					"aria-label",
+					"aria-expanded"
+				])]),
+				_: 1
+			}, 8, ["items"])]),
+			_: 3
+		}, 8, ["label"]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/BlessStack.css

@@ -0,0 +1 @@
+.bless-stack{display:flex}

package/dist/components/BlessStack.js

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

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    as?: string;
+    direction?: "row" | "column";
+    /** space token key */
+    gap?: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16;
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    justify?: "start" | "center" | "end" | "between" | "around";
+    wrap?: 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;
+    align: "start" | "center" | "end" | "stretch" | "baseline";
+    gap: 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16;
+    direction: "row" | "column";
+    justify: "start" | "center" | "end" | "between" | "around";
+}, {}, {}, {}, 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/BlessStack.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { createBlock as e, defineComponent as t, normalizeStyle as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
+//#region src/components/BlessStack.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ t({
+	name: "BlessStack",
+	__name: "BlessStack",
+	props: {
+		as: { default: "div" },
+		direction: { default: "column" },
+		gap: { default: 3 },
+		align: { default: "stretch" },
+		justify: { default: "start" },
+		wrap: { type: Boolean }
+	},
+	setup(t) {
+		let s = {
+			start: "flex-start",
+			end: "flex-end",
+			center: "center",
+			stretch: "stretch",
+			baseline: "baseline",
+			between: "space-between",
+			around: "space-around"
+		};
+		return (c, l) => (r(), e(a(t.as), {
+			class: "bless-stack",
+			style: n({
+				flexDirection: t.direction,
+				gap: `var(--bless-space-${t.gap})`,
+				alignItems: s[t.align],
+				justifyContent: s[t.justify],
+				flexWrap: t.wrap ? "wrap" : void 0
+			})
+		}, {
+			default: o(() => [i(c.$slots, "default")]),
+			_: 3
+		}, 8, ["style"]));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/BlessStage.css

@@ -0,0 +1 @@
+.bless-stage{min-height:100dvh;font-family:var(--bless-font-sans);color:var(--bless-color-text);background:var(--bless-color-bg);position:relative}.bless-stage__bg{z-index:var(--bless-z-bg);pointer-events:none;position:fixed;inset:0}.bless-stage__side{z-index:var(--bless-z-nav);width:var(--bless-sidebar-width);padding:var(--bless-space-8) 0 var(--bless-space-8) var(--bless-space-16);box-sizing:border-box;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.bless-stage__side-inner{width:var(--bless-sidebar-inner);margin:auto}.bless-stage__main{margin-left:var(--bless-sidebar-width);max-width:var(--bless-content-max);box-sizing:border-box;padding:var(--bless-space-8)}.bless-stage__toggle,.bless-stage__scrim{display:none}.bless-stage__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.bless-stage__side{width:min(80vw,320px);padding:var(--bless-space-16) var(--bless-space-6);background:var(--bless-color-bg);transition:transform var(--bless-duration-slow) var(--bless-ease-in-out);transform:translate(-100%)}.bless-stage--open .bless-stage__side{transform:none}.bless-stage__side-inner{width:auto}.bless-stage__main{padding:var(--bless-space-16) var(--bless-space-4) var(--bless-space-8);margin-left:0}.bless-stage__toggle{top:var(--bless-space-2);right:var(--bless-space-2);z-index:calc(var(--bless-z-nav) + 1);background:var(--bless-color-text);width:44px;height:44px;color:var(--bless-color-on-text);cursor:pointer;transform:skewX(var(--bless-skew));border:0;place-items:center;padding:0;display:grid;position:fixed}.bless-stage__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-stage__toggle-bar,.bless-stage__toggle-bar:before,.bless-stage__toggle-bar:after{width:18px;height:2px;transition:transform var(--bless-duration-base) var(--bless-ease-in-out), opacity var(--bless-duration-base);background:currentColor;display:block}.bless-stage__toggle-bar{transform:skewX(var(--bless-skew-counter));position:relative}.bless-stage__toggle-bar:before,.bless-stage__toggle-bar:after{content:"";position:absolute;left:0}.bless-stage__toggle-bar:before{top:-6px}.bless-stage__toggle-bar:after{top:6px}.bless-stage--open .bless-stage__toggle-bar{background:0 0}.bless-stage--open .bless-stage__toggle-bar:before{transform:translateY(6px)rotate(45deg)}.bless-stage--open .bless-stage__toggle-bar:after{transform:translateY(-6px)rotate(-45deg)}.bless-stage__scrim{z-index:calc(var(--bless-z-nav) - 1);background:var(--bless-color-backdrop);display:block;position:fixed;inset:0}}

package/dist/components/BlessStage.js

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

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

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    /** the phone menu button's name; aria-expanded says whether it's open */
+    menuLabel?: string;
+};
+type __VLS_ModelProps = {
+    /** mobile drawer state; v-model:open optional */
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    background?: (props: typeof __VLS_1) => any;
+} & {
+    sidebar?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_7) => 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;
+}>, {
+    menuLabel: 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;
+    };
+};