blessing-ui 0.1.0

package/dist/components/BlessStage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { useMedia as e } from "../composables/useMedia.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, nextTick as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useId as p, useModel as m, watch as h } from "vue";
+//#region src/components/BlessStage.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "bless-stage__bg",
+	"aria-hidden": "true"
+}, _ = ["aria-expanded", "aria-controls"], v = { class: "bless-stage__sr" }, y = [
+	"id",
+	"aria-hidden",
+	"inert"
+], b = { class: "bless-stage__side-inner" }, x = { class: "bless-stage__main" }, S = { class: "bless-stage__content" }, C = {
+	key: 0,
+	class: "bless-stage__footer"
+}, w = /*@__PURE__*/ i({
+	name: "BlessStage",
+	__name: "BlessStage",
+	props: /*@__PURE__*/ a({ menuLabel: { default: "Menu" } }, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(i) {
+		let a = m(i, "open"), w = e();
+		h(w, (e) => {
+			e || (a.value = !1);
+		});
+		let T = p(), E = l(), D = l();
+		h(a, (e) => o(() => {
+			e && w.value && D.value?.querySelector("a, button, [tabindex]")?.focus();
+		}));
+		function O(e) {
+			e.key === "Escape" && a.value && (a.value = !1, E.value?.focus());
+		}
+		return (e, o) => (c(), n("div", {
+			class: s(["bless-stage", { "bless-stage--open": a.value }]),
+			onKeydown: O
+		}, [
+			e.$slots.background ? (c(), n("div", g, [u(e.$slots, "background")])) : t("", !0),
+			f(w) ? (c(), n("button", {
+				key: 1,
+				ref_key: "toggle",
+				ref: E,
+				type: "button",
+				class: "bless-stage__toggle",
+				"aria-expanded": a.value,
+				"aria-controls": f(T),
+				onClick: o[0] ||= (e) => a.value = !a.value
+			}, [o[2] ||= r("span", {
+				class: "bless-stage__toggle-bar",
+				"aria-hidden": "true"
+			}, null, -1), r("span", v, d(i.menuLabel), 1)], 8, _)) : t("", !0),
+			f(w) && a.value ? (c(), n("div", {
+				key: 2,
+				class: "bless-stage__scrim",
+				onClick: o[1] ||= (e) => a.value = !1
+			})) : t("", !0),
+			r("aside", {
+				id: f(T),
+				ref_key: "side",
+				ref: D,
+				class: "bless-stage__side",
+				"aria-hidden": f(w) && !a.value ? "true" : void 0,
+				inert: f(w) && !a.value
+			}, [r("div", b, [u(e.$slots, "sidebar")])], 8, y),
+			r("div", x, [r("main", S, [u(e.$slots, "default")]), e.$slots.footer ? (c(), n("footer", C, [u(e.$slots, "footer")])) : t("", !0)])
+		], 34));
+	}
+});
+//#endregion
+export { w as default };

package/dist/components/BlessStepper.css

@@ -0,0 +1 @@
+.bless-stepper__panel:focus{outline:none}.bless-stepper{gap:var(--bless-space-4);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-stepper--vertical{gap:var(--bless-space-4) var(--bless-space-8);grid-template-columns:auto 1fr;display:grid}.bless-stepper--vertical .bless-stepper__head{grid-row:1/span 2}.bless-stepper__panel{min-height:80px;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-stepper__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}

package/dist/components/BlessStepper.js

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

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

@@ -0,0 +1,51 @@
+import { BlessStep } from './BlessSteps.vue';
+type __VLS_Props = {
+    steps: BlessStep[];
+    orientation?: "horizontal" | "vertical";
+    /** linear: the header only goes back to completed steps; off: any step can be jumped to */
+    linear?: boolean;
+    labels?: Partial<{
+        next: string;
+        prev: string;
+        finish: string;
+    }>;
+};
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {
+    step: BlessStep;
+    index: number;
+    next: () => number | void;
+    prev: () => number | false;
+    last: boolean;
+}, __VLS_8: {
+    next: () => number | void;
+    prev: () => number | false;
+    index: number;
+    last: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    finish: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onFinish?: (() => any) | undefined;
+}>, {
+    orientation: "horizontal" | "vertical";
+    linear: 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/BlessStepper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import e from "./BlessButton.js";
+import t from "./BlessSteps.js";
+import { createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeModels as s, nextTick as c, normalizeClass as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useModel as m, watch as h, withCtx as g } from "vue";
+//#region src/components/BlessStepper.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = { class: "bless-stepper__actions" }, y = /*@__PURE__*/ o({
+	name: "BlessStepper",
+	__name: "BlessStepper",
+	props: /*@__PURE__*/ s({
+		steps: {},
+		orientation: { default: "horizontal" },
+		linear: {
+			type: Boolean,
+			default: !0
+		},
+		labels: {}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["finish"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		let y = o, b = m(o, "modelValue"), x = s, S = () => ({
+			next: "Next",
+			prev: "Back",
+			finish: "Finish",
+			...y.labels
+		}), C = () => b.value >= y.steps.length - 1, w = () => C() ? x("finish") : b.value++, T = () => b.value > 0 && b.value--, E = d();
+		return h(b, () => c(() => E.value?.focus())), (s, c) => (u(), n("div", { class: l(["bless-stepper", `bless-stepper--${o.orientation}`]) }, [
+			a(t, {
+				modelValue: b.value,
+				"onUpdate:modelValue": c[0] ||= (e) => b.value = e,
+				steps: o.steps,
+				orientation: o.orientation,
+				clickable: o.linear ? !0 : "all",
+				class: "bless-stepper__head"
+			}, null, 8, [
+				"modelValue",
+				"steps",
+				"orientation",
+				"clickable"
+			]),
+			r("div", {
+				ref_key: "panel",
+				ref: E,
+				class: "bless-stepper__panel",
+				role: "group",
+				tabindex: "-1",
+				"aria-label": o.steps[b.value]?.label
+			}, [f(s.$slots, "default", {
+				step: o.steps[b.value],
+				index: b.value,
+				next: w,
+				prev: T,
+				last: C()
+			})], 8, _),
+			r("div", v, [f(s.$slots, "actions", {
+				next: w,
+				prev: T,
+				index: b.value,
+				last: C()
+			}, () => [a(e, {
+				variant: "outline",
+				size: "sm",
+				disabled: b.value === 0,
+				onClick: T
+			}, {
+				default: g(() => [i(p(S().prev), 1)]),
+				_: 1
+			}, 8, ["disabled"]), a(e, {
+				size: "sm",
+				onClick: w
+			}, {
+				default: g(() => [i(p(C() ? S().finish : S().next), 1)]),
+				_: 1
+			})])])
+		], 2));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/BlessSteps.css

@@ -0,0 +1 @@
+.bless-steps{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text-muted);margin:0;padding:0;list-style:none;display:flex}.bless-steps--vertical{gap:var(--bless-space-4);flex-direction:column}.bless-steps__item{align-items:flex-start;gap:var(--bless-space-2);flex:1;min-width:0;display:flex;position:relative}.bless-steps--horizontal .bless-steps__item:not(:last-child):after{content:"";height:var(--bless-border-width);background:var(--bless-color-border);flex:1;margin-top:14px}.bless-steps--vertical .bless-steps__item:not(:last-child):after{content:"";inset-inline-start:14px;top:32px;bottom:calc(-1 * var(--bless-space-4));width:var(--bless-border-width);background:var(--bless-color-border);position:absolute}.bless-steps__item--done:not(:last-child):after{background:var(--bless-color-accent)}.bless-steps__marker{border-radius:var(--bless-radius-plate);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:28px;height:28px;color:inherit;font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));flex:none;place-items:center;display:inline-grid}.bless-steps__marker>span{transform:skewX(var(--bless-skew-counter))}button.bless-steps__marker{cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition)}button.bless-steps__marker:hover{opacity:var(--bless-hover-opacity)}button.bless-steps__marker:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-steps__item--done .bless-steps__marker{border-color:var(--bless-color-accent-text);background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-steps__item--current{color:var(--bless-color-text)}.bless-steps__item--current .bless-steps__marker{border-color:var(--bless-color-accent-text);color:var(--bless-color-accent-text)}.bless-steps__text{flex-direction:column;gap:2px;min-width:0;padding-top:5px;display:flex}.bless-steps__label{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;white-space:nowrap}.bless-steps__desc{font-size:var(--bless-text-xs)}

package/dist/components/BlessSteps.js

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

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

@@ -0,0 +1,27 @@
+export interface BlessStep {
+    label: string;
+    description?: string;
+}
+type __VLS_Props = {
+    steps: BlessStep[];
+    orientation?: "horizontal" | "vertical";
+    /** completed steps are buttons that emit select; "all" makes every step one */
+    clickable?: boolean | "all";
+    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, {
+    select: (index: number) => any;
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    label: string;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/BlessSteps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderList as l, resolveDynamicComponent as u, toDisplayString as d, useModel as f, withCtx as p } from "vue";
+//#region src/components/BlessSteps.vue?vue&type=script&setup=true&lang.ts
+var m = ["aria-label"], h = ["aria-current"], g = { "aria-hidden": "true" }, _ = { class: "bless-steps__text" }, v = { class: "bless-steps__label" }, y = {
+	key: 0,
+	class: "bless-steps__desc"
+}, b = /*@__PURE__*/ a({
+	name: "BlessSteps",
+	__name: "BlessSteps",
+	props: /*@__PURE__*/ o({
+		steps: {},
+		orientation: { default: "horizontal" },
+		clickable: { type: [Boolean, String] },
+		label: { default: "Progress" }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ o(["select"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let b = f(a, "modelValue"), x = o, S = (e, t, n) => t === "all" ? e !== n : !!t && e < n;
+		return (o, f) => (c(), r("ol", {
+			role: "list",
+			class: s(["bless-steps", `bless-steps--${a.orientation}`]),
+			"aria-label": a.label
+		}, [(c(!0), r(e, null, l(a.steps, (e, o) => (c(), r("li", {
+			key: e.label,
+			class: s(["bless-steps__item", {
+				"bless-steps__item--done": o < b.value,
+				"bless-steps__item--current": o === b.value
+			}]),
+			"aria-current": o === b.value ? "step" : void 0
+		}, [(c(), t(u(S(o, a.clickable, b.value) ? "button" : "div"), {
+			type: S(o, a.clickable, b.value) ? "button" : void 0,
+			class: "bless-steps__marker",
+			"aria-label": S(o, a.clickable, b.value) ? `Go to step ${o + 1}: ${e.label}` : void 0,
+			onClick: (e) => S(o, a.clickable, b.value) && (x("select", o), b.value = o)
+		}, {
+			default: p(() => [i("span", g, d(o < b.value ? "✓" : o + 1), 1)]),
+			_: 2
+		}, 1032, [
+			"type",
+			"aria-label",
+			"onClick"
+		])), i("span", _, [i("span", v, d(e.label), 1), e.description ? (c(), r("span", y, d(e.description), 1)) : n("", !0)])], 10, h))), 128))], 10, m));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/BlessSwap.css

@@ -0,0 +1 @@
+.bless-swap{border-radius:var(--bless-radius);cursor:pointer;font-family:var(--bless-font-sans);color:var(--bless-color-text);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);place-items:center;display:inline-grid;position:relative}.bless-swap:hover:not(.bless-swap--disabled){opacity:var(--bless-hover-opacity)}.bless-swap__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-swap__face{transition:opacity var(--bless-duration-base) var(--bless-ease-out), transform var(--bless-duration-base) var(--bless-ease-out);grid-area:1/1;display:inline-flex}.bless-swap__face--on{opacity:0}.bless-swap--on .bless-swap__face--on{opacity:1}.bless-swap--on .bless-swap__face--off{opacity:0}.bless-swap--rotate .bless-swap__face--on{transform:rotate(-45deg)}.bless-swap--rotate.bless-swap--on .bless-swap__face--on{transform:rotate(0)}.bless-swap--rotate.bless-swap--on .bless-swap__face--off{transform:rotate(45deg)}.bless-swap--flip .bless-swap__face--on{transform:rotateY(180deg)}.bless-swap--flip.bless-swap--on .bless-swap__face--on{transform:rotateY(0)}.bless-swap--flip.bless-swap--on .bless-swap__face--off{transform:rotateY(-180deg)}.bless-swap:has(.bless-swap__input:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-swap--disabled{opacity:.4;cursor:not-allowed}

package/dist/components/BlessSwap.js

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

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

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    id?: string;
+    label: string;
+    disabled?: boolean;
+    /** how the two faces exchange */
+    effect?: "fade" | "rotate" | "flip";
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    on?: (props: typeof __VLS_1) => any;
+} & {
+    off?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessSwap.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useFieldId as e } from "../composables/useFieldId.js";
+import { createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, useModel as u, vModelCheckbox as d, withDirectives as f } from "vue";
+//#region src/components/BlessSwap.vue?vue&type=script&setup=true&lang.ts
+var p = ["for"], m = [
+	"id",
+	"disabled",
+	"aria-label"
+], h = {
+	class: "bless-swap__face bless-swap__face--on",
+	"aria-hidden": "true"
+}, g = {
+	class: "bless-swap__face bless-swap__face--off",
+	"aria-hidden": "true"
+}, _ = /*@__PURE__*/ i({
+	name: "BlessSwap",
+	__name: "BlessSwap",
+	props: /*@__PURE__*/ a({
+		id: {},
+		label: {},
+		disabled: { type: Boolean },
+		effect: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, _ = u(i, "modelValue"), v = e(a);
+		return (e, a) => (s(), t("label", {
+			for: l(v)(),
+			class: o(["bless-swap", [`bless-swap--${i.effect ?? "fade"}`, {
+				"bless-swap--on": _.value,
+				"bless-swap--disabled": i.disabled
+			}]])
+		}, [
+			f(n("input", {
+				id: l(v)(),
+				"onUpdate:modelValue": a[0] ||= (e) => _.value = e,
+				type: "checkbox",
+				class: "bless-swap__input",
+				disabled: i.disabled,
+				"aria-label": i.label
+			}, null, 8, m), [[d, _.value]]),
+			n("span", h, [c(e.$slots, "on", {}, () => [a[1] ||= r("●", -1)])]),
+			n("span", g, [c(e.$slots, "off", {}, () => [a[2] ||= r("○", -1)])])
+		], 10, p));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/BlessSwitch.css

@@ -0,0 +1 @@
+.bless-switch{--_w:40px;--_h:22px;align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);cursor:pointer;display:inline-flex}.bless-switch--sm{--_w:32px;--_h:18px}.bless-switch--start{flex-direction:row-reverse}.bless-switch__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-switch__track{border-radius:var(--bless-radius-petal);width:var(--_w);height:var(--_h);background:var(--bless-color-text-muted);transform:skewX(var(--bless-skew));transition:background var(--bless-duration-base), opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);flex:none;position:relative}.bless-switch__thumb{border-radius:var(--bless-radius-petal);top:3px;width:calc(var(--_h) - 6px);height:calc(var(--_h) - 6px);background:var(--bless-color-bg);transition:transform var(--bless-duration-base) var(--bless-ease-out);position:absolute;inset-inline-start:3px}.bless-switch__input:checked+.bless-switch__track{background:var(--bless-color-accent)}.bless-switch__input:checked+.bless-switch__track .bless-switch__thumb{transform:translateX(calc(var(--_w) - var(--_h)))}[dir=rtl] .bless-switch__input:checked+.bless-switch__track .bless-switch__thumb{transform:translateX(calc(var(--_h) - var(--_w)))}.bless-switch__input:focus-visible+.bless-switch__track{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-switch:hover .bless-switch__track{opacity:var(--bless-hover-opacity)}.bless-switch--invalid .bless-switch__track{outline:2px solid var(--bless-color-danger);outline-offset:2px}.bless-switch--disabled{opacity:.4;cursor:not-allowed}

package/dist/components/BlessSwitch.js

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

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    id?: string;
+    disabled?: boolean;
+    size?: "sm" | "md";
+    labelPosition?: "end" | "start";
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/BlessSwitch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import { joinIds as e, useFieldId as t, useFieldState as n } from "../composables/useFieldId.js";
+import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, useModel as p, vModelCheckbox as m, withDirectives as h } from "vue";
+//#region src/components/BlessSwitch.vue?vue&type=script&setup=true&lang.ts
+var g = ["for"], _ = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+], v = {
+	key: 0,
+	class: "bless-switch__label"
+}, y = /*@__PURE__*/ o({
+	name: "BlessSwitch",
+	inheritAttrs: !1,
+	__name: "BlessSwitch",
+	props: /*@__PURE__*/ s({
+		id: {},
+		disabled: { type: Boolean },
+		size: {},
+		labelPosition: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = o, y = p(o, "modelValue"), b = t(s), x = n();
+		return (t, n) => (u(), i("label", {
+			class: l(["bless-switch", [`bless-switch--${o.size ?? "md"}`, {
+				"bless-switch--disabled": o.disabled,
+				"bless-switch--start": o.labelPosition === "start",
+				"bless-switch--invalid": f(x).invalid.value
+			}]]),
+			for: f(b)()
+		}, [
+			h(a("input", c(t.$attrs, {
+				id: f(b)(),
+				"onUpdate:modelValue": n[0] ||= (e) => y.value = e,
+				type: "checkbox",
+				role: "switch",
+				disabled: o.disabled,
+				class: "bless-switch__input",
+				"aria-invalid": f(x).invalid.value || void 0,
+				"aria-describedby": f(e)(f(x).describedby.value, t.$attrs["aria-describedby"])
+			}), null, 16, _), [[m, y.value]]),
+			n[1] ||= a("span", {
+				class: "bless-switch__track",
+				"aria-hidden": "true"
+			}, [a("span", { class: "bless-switch__thumb" })], -1),
+			t.$slots.default ? (u(), i("span", v, [d(t.$slots, "default")])) : r("", !0)
+		], 10, g));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/BlessTabPanels.css

@@ -0,0 +1 @@
+.bless-tabpanels{touch-action:pan-y;position:relative;overflow:hidden}.bless-tabpanels__panel{transform:translateX(var(--_x));transition:transform var(--bless-duration-fast)}.bless-tabpanels-next-enter-active,.bless-tabpanels-next-leave-active,.bless-tabpanels-prev-enter-active,.bless-tabpanels-prev-leave-active{transition:transform var(--bless-duration-base) var(--bless-ease-out), opacity var(--bless-duration-base)}.bless-tabpanels-next-enter-from{opacity:0;transform:translate(24px)}.bless-tabpanels-next-leave-to,.bless-tabpanels-prev-enter-from{opacity:0;transform:translate(-24px)}.bless-tabpanels-prev-leave-to{opacity:0;transform:translate(24px)}[dir=rtl] .bless-tabpanels-next-enter-from,[dir=rtl] .bless-tabpanels-prev-leave-to{transform:translate(-24px)}[dir=rtl] .bless-tabpanels-next-leave-to,[dir=rtl] .bless-tabpanels-prev-enter-from{transform:translate(24px)}

package/dist/components/BlessTabPanels.js

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

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

@@ -0,0 +1,38 @@
+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<({
+        /** panel keys, in order; pair with BlessTabs values */
+        panels: T[];
+        swipeable?: boolean;
+        /** wrap from last to first */
+        loop?: boolean;
+        /** px to change panel */
+        threshold?: number;
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: ((value: T) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        next: () => void;
+        prev: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            panel: T;
+            index: number;
+        }) => any;
+    };
+    emit: (event: "update:modelValue", value: T) => 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/BlessTabPanels.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { usePan as e } from "../composables/useGesture.js";
+import { Transition as t, computed as n, createElementBlock as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderSlot as d, useModel as f, watch as p, withCtx as m } from "vue";
+//#region src/components/BlessTabPanels.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-label"], g = /*@__PURE__*/ a({
+	name: "BlessTabPanels",
+	__name: "BlessTabPanels",
+	props: /*@__PURE__*/ o({
+		panels: {},
+		swipeable: {
+			type: Boolean,
+			default: !0
+		},
+		loop: { type: Boolean },
+		threshold: { default: 60 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a, { expose: o }) {
+		let g = a, _ = f(a, "modelValue"), v = n(() => Math.max(0, g.panels.indexOf(_.value))), y = u(), b = u(0), x = u("next");
+		p(v, (e, t) => x.value = e > t ? "next" : "prev");
+		function S(e) {
+			let t = v.value + e;
+			g.loop && (t = (t + g.panels.length) % g.panels.length), !(t < 0 || t >= g.panels.length) && (_.value = g.panels[t]);
+		}
+		return e(y, (e) => {
+			if (g.swipeable) {
+				if (e.phase === "move") {
+					if (Math.abs(e.dy) > Math.abs(e.dx)) return;
+					b.value = e.dx, Math.abs(e.dx) > 8 && e.event.preventDefault();
+				} else if (e.phase !== "start") {
+					let e = y.value && getComputedStyle(y.value).direction === "rtl" ? -1 : 1, t = b.value * e;
+					t <= -g.threshold ? S(1) : t >= g.threshold && S(-1), b.value = 0;
+				}
+			}
+		}), o({
+			next: () => S(1),
+			prev: () => S(-1)
+		}), (e, n) => (l(), r("div", {
+			ref_key: "root",
+			ref: y,
+			class: s(["bless-tabpanels", `bless-tabpanels--${x.value}`]),
+			style: c({ "--_x": `${b.value}px` })
+		}, [i(t, {
+			name: `bless-tabpanels-${x.value}`,
+			mode: "out-in"
+		}, {
+			default: m(() => [(l(), r("div", {
+				key: String(_.value),
+				class: "bless-tabpanels__panel",
+				role: "group",
+				"aria-label": String(_.value)
+			}, [d(e.$slots, "default", {
+				panel: _.value,
+				index: v.value
+			})], 8, h))]),
+			_: 3
+		}, 8, ["name"])], 6));
+	}
+});
+//#endregion
+export { g as default };

package/dist/components/BlessTable.css

@@ -0,0 +1 @@
+.bless-table{border-radius:var(--bless-radius);border-collapse:collapse;width:100%;font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);line-height:var(--bless-leading-tight)}.bless-table__caption{padding:0 0 var(--bless-space-3);text-align:start;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-table__th{padding:var(--bless-space-2) var(--bless-space-3);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-rule);text-align:start;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;white-space:nowrap}.bless-table__cell{padding:var(--bless-space-3);border-bottom:var(--bless-border-width) solid var(--bless-color-border);text-align:start;font-weight:var(--bless-font-weight-normal);vertical-align:top}th.bless-table__cell{font-weight:var(--bless-font-weight-bold)}.bless-table__cell--center{text-align:center}.bless-table__cell--right{text-align:end}.bless-table--striped .bless-table__row:nth-child(2n){background:var(--bless-color-surface)}@media (width<=800px){.bless-table--stack .bless-table__head{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.bless-table--stack .bless-table__row{padding:var(--bless-space-3) 0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:block}.bless-table--stack .bless-table__cell{gap:var(--bless-space-3);padding:var(--bless-space-1) 0;text-align:start;border:0;display:flex}.bless-table--stack .bless-table__cell:empty{display:none}.bless-table--stack .bless-table__cell:before{content:attr(data-label);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;color:var(--bless-color-text-muted);flex:0 0 7em}}

package/dist/components/BlessTable.js

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