blessing-ui 0.1.0

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

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    direction?: "horizontal" | "vertical";
+    /** first pane size in % */
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+};
+type __VLS_ModelProps = {
+    /** first pane size in % */
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    a?: (props: typeof __VLS_1) => any;
+} & {
+    b?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: 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;
+}>, {
+    label: string;
+    step: number;
+    min: number;
+    max: number;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, 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/BlessResizable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { logicalKey as e } from "../composables/rtl.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u, useModel as d } from "vue";
+//#region src/components/BlessResizable.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "bless-resizable__pane bless-resizable__pane--a" }, p = [
+	"aria-orientation",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-label"
+], m = { class: "bless-resizable__pane bless-resizable__pane--b" }, h = /*@__PURE__*/ i({
+	name: "BlessResizable",
+	__name: "BlessResizable",
+	props: /*@__PURE__*/ a({
+		direction: { default: "horizontal" },
+		min: { default: 10 },
+		max: { default: 90 },
+		step: { default: 2 },
+		label: { default: "Resize" }
+	}, {
+		modelValue: { default: 50 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, h = d(i, "modelValue"), g = l(), _ = l(!1), v = (e) => Math.min(a.max, Math.max(a.min, e)), y = t(() => a.direction === "horizontal");
+		function b(e) {
+			_.value = !0, e.currentTarget.setPointerCapture(e.pointerId);
+		}
+		function x(e) {
+			if (!_.value || !g.value) return;
+			let t = g.value.getBoundingClientRect(), n = getComputedStyle(g.value).direction === "rtl", r = y.value ? (n ? t.right - e.clientX : e.clientX - t.left) / t.width * 100 : (e.clientY - t.top) / t.height * 100;
+			h.value = v(Math.round(r * 10) / 10);
+		}
+		function S() {
+			_.value = !1;
+		}
+		function C(t) {
+			let n = y.value ? "ArrowLeft" : "ArrowUp", r = y.value ? "ArrowRight" : "ArrowDown";
+			if (e(t) === n) h.value = v(h.value - a.step);
+			else if (e(t) === r) h.value = v(h.value + a.step);
+			else if (t.key === "Home") h.value = a.min;
+			else if (t.key === "End") h.value = a.max;
+			else if (t.key === "Enter") h.value = v(50);
+			else return;
+			t.preventDefault();
+		}
+		return (e, t) => (c(), n("div", {
+			ref_key: "root",
+			ref: g,
+			class: o(["bless-resizable", [`bless-resizable--${i.direction}`, { "bless-resizable--dragging": _.value }]]),
+			style: s({ "--_a": `${h.value}%` })
+		}, [
+			r("div", f, [u(e.$slots, "a")]),
+			r("div", {
+				class: "bless-resizable__handle",
+				role: "separator",
+				"aria-orientation": y.value ? "vertical" : "horizontal",
+				"aria-valuenow": Math.round(h.value),
+				"aria-valuemin": i.min,
+				"aria-valuemax": i.max,
+				"aria-label": i.label,
+				tabindex: "0",
+				onPointerdown: b,
+				onPointermove: x,
+				onPointerup: S,
+				onPointercancel: S,
+				onKeydown: C,
+				onDblclick: t[0] ||= (e) => h.value = v(50)
+			}, [...t[1] ||= [r("span", {
+				class: "bless-resizable__grip",
+				"aria-hidden": "true"
+			}, null, -1)]], 40, p),
+			r("div", m, [u(e.$slots, "b")])
+		], 6));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/BlessScrollArea.css

@@ -0,0 +1 @@
+.bless-scroll{scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;outline:0;overflow:hidden}.bless-scroll--y{overflow-y:auto}.bless-scroll--x{overflow-x:auto}.bless-scroll--both{overflow:auto}.bless-scroll:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-scroll--fade.bless-scroll--y{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}.bless-scroll--fade.bless-scroll--x{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}

package/dist/components/BlessScrollArea.js

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

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    axis?: "y" | "x" | "both";
+    /** fade edges to hint overflow */
+    fade?: boolean;
+    height?: string;
+    width?: string;
+    /** names the area; it is focusable so the keyboard can scroll it, and a stop needs a name */
+    label?: string;
+};
+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<{}>, {
+    axis: "y" | "x" | "both";
+    fade: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessScrollArea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/BlessScrollArea.vue?vue&type=script&setup=true&lang.ts
+var o = ["role", "aria-label"], s = /*@__PURE__*/ t({
+	name: "BlessScrollArea",
+	__name: "BlessScrollArea",
+	props: {
+		axis: { default: "y" },
+		fade: {
+			type: Boolean,
+			default: !0
+		},
+		height: {},
+		width: {},
+		label: {}
+	},
+	setup(t) {
+		return (s, c) => (i(), e("div", {
+			class: n(["bless-scroll", [`bless-scroll--${t.axis}`, { "bless-scroll--fade": t.fade }]]),
+			style: r({
+				height: t.height,
+				width: t.width
+			}),
+			tabindex: "0",
+			role: t.label ? "region" : void 0,
+			"aria-label": t.label
+		}, [a(s.$slots, "default")], 14, o));
+	}
+});
+//#endregion
+export { s as default };

package/dist/components/BlessScrollTop.css

@@ -0,0 +1 @@
+.bless-scroll-top{border-radius:var(--bless-radius-petal);bottom:var(--bless-space-6);z-index:var(--bless-z-nav);background:var(--bless-color-text);width:40px;height:40px;color:var(--bless-color-on-text);font:inherit;font-size:var(--bless-text-md);cursor:pointer;box-shadow:var(--bless-shadow-plate);transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;position:fixed}.bless-scroll-top>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-scroll-top--bottom-right{right:var(--bless-space-6)}.bless-scroll-top--bottom-left{left:var(--bless-space-6)}.bless-scroll-top:hover{opacity:var(--bless-hover-opacity)}.bless-scroll-top:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-scroll-top-enter-active,.bless-scroll-top-leave-active{transition:opacity var(--bless-duration-base)}.bless-scroll-top-enter-from,.bless-scroll-top-leave-to{opacity:0}

package/dist/components/BlessScrollTop.js

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

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** px scrolled before the button shows */
+    threshold?: number;
+    /** scroll container; default window */
+    target?: HTMLElement | null;
+    label?: string;
+    position?: "bottom-right" | "bottom-left";
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    position: "bottom-right" | "bottom-left";
+    threshold: 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/BlessScrollTop.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { scrollBehavior as e } from "../composables/useMedia.js";
+import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, withCtx as m } from "vue";
+//#region src/components/BlessScrollTop.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-label"], g = { "aria-hidden": "true" }, _ = /*@__PURE__*/ s({
+	name: "BlessScrollTop",
+	__name: "BlessScrollTop",
+	props: {
+		threshold: { default: 300 },
+		target: {},
+		label: { default: "Back to top" },
+		position: { default: "bottom-right" }
+	},
+	setup(s) {
+		let _ = s, v = f(!1), y = () => _.target ?? void 0, b = () => y() ? y().scrollTop : window.scrollY;
+		function x() {
+			v.value = b() > _.threshold;
+		}
+		function S() {
+			(y() ?? window).scrollTo({
+				top: 0,
+				behavior: e()
+			});
+			let t = y() ?? document.body;
+			t.hasAttribute("tabindex") || t.setAttribute("tabindex", "-1"), t.focus({ preventScroll: !0 });
+		}
+		return u(() => {
+			(y() ?? window).addEventListener("scroll", x, { passive: !0 }), x();
+		}), l(() => (y() ?? window).removeEventListener("scroll", x)), (e, l) => (d(), n(t, { name: "bless-scroll-top" }, {
+			default: m(() => [v.value ? (d(), i("button", {
+				key: 0,
+				type: "button",
+				class: c(["bless-scroll-top", `bless-scroll-top--${s.position}`]),
+				"aria-label": s.label,
+				onClick: S
+			}, [a("span", g, [p(e.$slots, "default", {}, () => [l[0] ||= o("↑", -1)])])], 10, h)) : r("", !0)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/BlessSection.css

@@ -0,0 +1 @@
+.bless-section{padding:var(--bless-space-16) 0 var(--bless-space-12);position:relative;overflow:hidden}.bless-section__body{z-index:1;position:relative}.bless-section__title{margin:0 0 var(--bless-space-6);font-family:var(--bless-font-sans);font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text)}.bless-section__band{height:200px;position:relative;overflow:hidden}.bless-section__band>*{object-fit:cover;width:100%;height:100%}.bless-section--hanging{padding-top:0;overflow:visible}.bless-section--hanging .bless-section__body{padding-top:var(--bless-space-16)}.bless-section--hanging .bless-section__title{margin:calc(-1 * var(--bless-space-16) - .55em) 0 var(--bless-space-6);font-size:var(--bless-text-headline);font-weight:var(--bless-font-weight-normal);letter-spacing:.13em;text-align:end;flex-direction:column;align-items:flex-end;display:flex}.bless-section--hanging .bless-section__subtitle{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:.5em;color:var(--bless-color-text-muted);margin-top:.35em}.bless-section--hanging:not(:has(.bless-section__band)) .bless-section__title{margin-top:0}

package/dist/components/BlessSection.js

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

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    title?: string;
+    /** watermark text; defaults to title. Pass "" to hide */
+    watermark?: string;
+    watermarkPosition?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    headingLevel?: 1 | 2 | 3 | 4;
+    /**
+     * `label` (default): small bold uppercase title + pale skewed watermark — the TV site.
+     * `hanging`: one big tracked title hung off the bottom edge of the `#band` slot, with
+     * `subtitle` under it — the film site. No watermark.
+     */
+    headline?: "label" | "hanging";
+    /** small tracked line under a hanging headline (e.g. the Japanese reading) */
+    subtitle?: string;
+};
+declare var __VLS_1: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    band?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    headline: "label" | "hanging";
+    headingLevel: 1 | 2 | 3 | 4;
+}, {}, {}, {}, 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/BlessSection.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import e from "./BlessWatermark.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/BlessSection.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "bless-section__band"
+}, m = { class: "bless-section__body" }, h = { class: "bless-section__title-text" }, g = {
+	key: 0,
+	class: "bless-section__subtitle"
+}, _ = /*@__PURE__*/ o({
+	name: "BlessSection",
+	__name: "BlessSection",
+	props: {
+		title: {},
+		watermark: {},
+		watermarkPosition: {},
+		headingLevel: { default: 2 },
+		headline: { default: "label" },
+		subtitle: {}
+	},
+	setup(o) {
+		return (_, v) => (c(), r("section", { class: s(["bless-section", `bless-section--${o.headline}`]) }, [
+			_.$slots.band ? (c(), r("div", p, [l(_.$slots, "band")])) : n("", !0),
+			o.headline === "label" && (o.watermark ?? o.title) !== void 0 && (o.watermark ?? o.title) !== "" ? (c(), t(e, {
+				key: 1,
+				text: o.watermark ?? o.title,
+				position: o.watermarkPosition
+			}, null, 8, ["text", "position"])) : n("", !0),
+			i("div", m, [o.title || _.$slots.title ? (c(), t(u(`h${o.headingLevel}`), {
+				key: 0,
+				class: "bless-section__title"
+			}, {
+				default: f(() => [i("span", h, [l(_.$slots, "title", {}, () => [a(d(o.title), 1)])]), o.headline === "hanging" && o.subtitle ? (c(), r("span", g, d(o.subtitle), 1)) : n("", !0)]),
+				_: 3
+			})) : n("", !0), l(_.$slots, "default")])
+		], 2));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/BlessSelect.css

@@ -0,0 +1 @@
+.bless-select{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-select--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-select--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-select__field{border-radius:var(--bless-radius-plate);height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;position:relative}.bless-select__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-select__field:after{transform-origin:100%}.bless-select__field:focus-within:after{transform:scaleX(1)}.bless-select__control{width:100%;height:100%;padding:0 var(--bless-space-8) 0 var(--bless-space-3);font:inherit;font-size:var(--_fs);color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.bless-select__control:invalid{color:var(--bless-color-text-muted)}.bless-select__chevron{inset-inline-end:var(--bless-space-3);border-inline-end:2px solid;pointer-events:none;border-bottom:2px solid;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.bless-select--invalid .bless-select__field{border-bottom-color:var(--bless-color-danger)}.bless-select--invalid .bless-select__field:after{background:var(--bless-color-danger)}.bless-select--disabled{opacity:.4}.bless-select--disabled .bless-select__control{cursor:not-allowed}@supports (appearance:base-select){.bless-select__control{appearance:base-select}.bless-select__control::picker(select){appearance:base-select}.bless-select__control{align-items:center;display:flex}.bless-select__control::picker-icon{display:none}.bless-select__control::picker(select){min-width:anchor-size(self-inline);margin-top:var(--bless-space-1);padding:var(--bless-space-1) 0;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:var(--_fs);box-shadow:var(--bless-shadow-plate)}.bless-select__control option{padding:var(--bless-space-1) var(--bless-space-3);line-height:var(--bless-leading-normal);font:inherit;font-size:var(--_fs);font-weight:var(--bless-font-weight-normal);letter-spacing:var(--bless-tracking-normal);text-transform:none;color:var(--bless-color-text);cursor:pointer}.bless-select__control option::checkmark{display:none}.bless-select__control option:hover,.bless-select__control option:focus-visible{background:var(--bless-color-surface);outline:0}.bless-select__control option:checked{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-select__control option:disabled{opacity:.4;cursor:not-allowed}.bless-select__control optgroup{padding:var(--bless-space-2) var(--bless-space-3) 0;font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-select__control optgroup option{margin:0 calc(-1 * var(--bless-space-3))}}.bless-select__description,.bless-select__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-select__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}.bless-select__field{transform:skewX(var(--bless-skew))}.bless-select__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-select__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-select__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}.bless-select__field>.bless-select__chevron{clip-path:polygon(0 0,18% 0,50% 55%,82% 0,100% 0,50% 100%);width:11px;height:7px;transform:skewX(var(--bless-skew-counter)) translateY(-50%);background:currentColor;border:0;inset-inline-end:calc(var(--bless-space-3) + 4px)}

package/dist/components/BlessSelect.js

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

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

@@ -0,0 +1,35 @@
+import { BlessOption } from './select';
+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<({
+        id?: string;
+        options: Array<BlessOption<T> | {
+            label: string;
+            options: BlessOption<T>[];
+        }>;
+        placeholder?: string;
+        size?: "sm" | "md" | "lg";
+        disabled?: boolean;
+        invalid?: boolean;
+        description?: string;
+        error?: string;
+    } & {
+        modelValue?: T | undefined;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "update:modelValue", value: 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/BlessSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { joinIds as e, useFieldId as t, useFieldState as n } from "../composables/useFieldId.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, useModel as g, vModelSelect as _, withDirectives as v } from "vue";
+//#region src/components/BlessSelect.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "bless-select__field bless-lean--field" }, b = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+], x = {
+	key: 0,
+	value: "",
+	disabled: "",
+	hidden: ""
+}, S = ["label"], C = ["value", "disabled"], w = ["value", "disabled"], T = ["id"], E = ["id"], D = /*@__PURE__*/ c({
+	name: "BlessSelect",
+	inheritAttrs: !1,
+	__name: "BlessSelect",
+	props: /*@__PURE__*/ l({
+		id: {},
+		options: {},
+		placeholder: {},
+		size: { default: "md" },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		description: {},
+		error: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(c) {
+		let l = c, D = g(c, "modelValue"), O = t(l), k = n(), A = i({
+			get: () => D.value ?? "",
+			set: (e) => D.value = e === "" ? void 0 : e
+		}), j = (e) => !!e && typeof e == "object" && "options" in e;
+		return (t, n) => (f(), o("div", { class: d(["bless-select", [`bless-select--${c.size}`, {
+			"bless-select--invalid": c.invalid || c.error || h(k).invalid.value,
+			"bless-select--disabled": c.disabled
+		}]]) }, [
+			s("div", y, [v(s("select", u(t.$attrs, {
+				id: h(O)(),
+				"onUpdate:modelValue": n[0] ||= (e) => A.value = e,
+				disabled: c.disabled,
+				class: "bless-select__control",
+				"aria-invalid": c.invalid || c.error || h(k).invalid.value ? "true" : void 0,
+				"aria-describedby": h(e)(c.description && `${h(O)()}-desc`, c.error && `${h(O)()}-err`, h(k).describedby.value, t.$attrs["aria-describedby"])
+			}), [c.placeholder ? (f(), o("option", x, m(c.placeholder), 1)) : a("", !0), (f(!0), o(r, null, p(c.options, (e) => (f(), o(r, { key: j(e) ? e.label : e.value }, [j(e) ? (f(), o("optgroup", {
+				key: 0,
+				label: e.label
+			}, [(f(!0), o(r, null, p(e.options, (e) => (f(), o("option", {
+				key: e.value,
+				value: e.value,
+				disabled: e.disabled
+			}, m(e.label), 9, C))), 128))], 8, S)) : (f(), o("option", {
+				key: 1,
+				value: e.value,
+				disabled: e.disabled
+			}, m(e.label), 9, w))], 64))), 128))], 16, b), [[_, A.value]]), n[1] ||= s("span", {
+				class: "bless-select__chevron",
+				"aria-hidden": "true"
+			}, null, -1)]),
+			c.description ? (f(), o("p", {
+				key: 0,
+				id: `${h(O)()}-desc`,
+				class: "bless-select__description"
+			}, m(c.description), 9, T)) : a("", !0),
+			c.error ? (f(), o("p", {
+				key: 1,
+				id: `${h(O)()}-err`,
+				class: "bless-select__error",
+				role: "alert"
+			}, m(c.error), 9, E)) : a("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { D as default };

package/dist/components/BlessSeparator.css

@@ -0,0 +1 @@
+.bless-separator{--_c:var(--bless-color-border);border:0;flex:none;margin:0}.bless-separator--rule{--_c:var(--bless-color-rule)}.bless-separator--accent{--_c:var(--bless-color-accent)}.bless-separator--horizontal{width:100%;height:var(--bless-border-width);margin-block:var(--bless-space-4);background:var(--_c)}.bless-separator--vertical{width:var(--bless-border-width);min-height:1em;margin-inline:var(--bless-space-3);background:var(--_c);align-self:stretch}.bless-separator--labelled{margin-block:var(--bless-space-4);align-items:center;gap:var(--bless-space-3);font-family:var(--bless-font-sans);display:flex}.bless-separator--labelled:before,.bless-separator--labelled:after{content:"";height:var(--bless-border-width);background:var(--_c);flex:1}.bless-separator__label{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}

package/dist/components/BlessSeparator.js

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

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    orientation?: "horizontal" | "vertical";
+    /** purely visual (aria-hidden) vs semantic <hr> */
+    decorative?: boolean;
+    color?: "border" | "rule" | "accent";
+    /** optional centered label */
+    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: "border" | "rule" | "accent";
+    orientation: "horizontal" | "vertical";
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { createBlock as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, resolveDynamicComponent as o, toDisplayString as s } from "vue";
+//#region src/components/BlessSeparator.vue?vue&type=script&setup=true&lang.ts
+var c = ["aria-hidden"], l = { class: "bless-separator__label" }, u = /*@__PURE__*/ r({
+	name: "BlessSeparator",
+	__name: "BlessSeparator",
+	props: {
+		orientation: { default: "horizontal" },
+		decorative: {
+			type: Boolean,
+			default: !1
+		},
+		color: { default: "border" },
+		label: {}
+	},
+	setup(r) {
+		return (u, d) => r.label ? (a(), t("div", {
+			key: 0,
+			class: i(["bless-separator bless-separator--labelled", `bless-separator--${r.color}`]),
+			"aria-hidden": r.decorative || void 0
+		}, [n("span", l, s(r.label), 1)], 10, c)) : (a(), e(o(r.orientation === "horizontal" && !r.decorative ? "hr" : "div"), {
+			key: 1,
+			class: i(["bless-separator", [`bless-separator--${r.orientation}`, `bless-separator--${r.color}`]]),
+			role: r.decorative ? "none" : r.orientation === "vertical" ? "separator" : void 0,
+			"aria-orientation": !r.decorative && r.orientation === "vertical" ? "vertical" : void 0,
+			"aria-hidden": r.decorative || void 0
+		}, null, 8, [
+			"class",
+			"role",
+			"aria-orientation",
+			"aria-hidden"
+		]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/BlessSheet.css

@@ -0,0 +1 @@
+.bless-sheet{--_size:360px;width:100%;max-width:none;height:100%;max-height:none;color:var(--bless-color-text);font-family:var(--bless-font-sans);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.bless-sheet[open]{display:flex}.bless-sheet::backdrop{background:var(--bless-color-backdrop)}.bless-sheet__panel{border-radius:var(--bless-radius);box-sizing:border-box;background:var(--bless-color-bg);animation:var(--_anim) var(--bless-duration-slow) var(--bless-ease-out);outline:0;flex-direction:column;display:flex;position:relative}.bless-sheet--right{justify-content:flex-end}.bless-sheet--right .bless-sheet__panel{--_anim:bless-sheet-right;width:min(var(--_size), 100%);height:100%}.bless-sheet--left .bless-sheet__panel{--_anim:bless-sheet-left;width:min(var(--_size), 100%);height:100%}.bless-sheet--top .bless-sheet__panel{--_anim:bless-sheet-top;width:100%;height:auto;max-height:90dvh}.bless-sheet--bottom{align-items:flex-end}.bless-sheet--bottom .bless-sheet__panel{--_anim:bless-sheet-bottom;width:100%;height:auto;max-height:90dvh}.bless-sheet__handle{padding:var(--bless-space-2) 0;cursor:grab;touch-action:none;place-items:center;display:grid}.bless-sheet__handle>span{background:var(--bless-color-text-muted);width:40px;height:4px;transform:skewX(var(--bless-skew))}.bless-sheet__close{top:var(--bless-space-2);right:var(--bless-space-2);z-index:1;background:var(--bless-color-text);width:36px;height:36px;color:var(--bless-color-on-text);font-size:var(--bless-text-lg);cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:1;position:absolute}.bless-sheet__close>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-sheet__close:hover{opacity:var(--bless-hover-opacity)}.bless-sheet__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-sheet__header{padding:var(--bless-space-6) var(--bless-space-16) 0 var(--bless-space-6)}.bless-sheet__title{font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text);border:0;margin:0}.bless-sheet__body{padding:var(--bless-space-6);flex:1;overflow:auto}.bless-sheet__footer{gap:var(--bless-space-2);padding:var(--bless-space-4) var(--bless-space-6);border-top:var(--bless-border-width) solid var(--bless-color-border);justify-content:flex-end;display:flex}@keyframes bless-sheet-right{0%{transform:translate(100%)}}@keyframes bless-sheet-left{0%{transform:translate(-100%)}}@keyframes bless-sheet-top{0%{transform:translateY(-100%)}}@keyframes bless-sheet-bottom{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.bless-sheet__panel{animation:none}}

package/dist/components/BlessSheet.js

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

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    side?: "left" | "right" | "top" | "bottom";
+    title?: string;
+    size?: string;
+    dismissible?: boolean;
+    closeLabel?: string;
+    /** bottom drawer: show drag handle and allow swipe-down to close */
+    handle?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (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;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    side: "left" | "right" | "top" | "bottom";
+    dismissible: boolean;
+    closeLabel: 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;
+    };
+};