blessing-ui 0.1.0 → 0.3.0

package/dist/composables/useAutoScroll.js

@@ -0,0 +1,32 @@
+//#region src/composables/useAutoScroll.ts
+function e(e, t, n, r = 48, i = 18) {
+	return n - t < r * 2 ? 0 : e < t + r ? -Math.min(i, Math.ceil((t + r - e) / r * i)) : e > n - r ? Math.min(i, Math.ceil((e - (n - r)) / r * i)) : 0;
+}
+function t(t, n) {
+	let r = 0, i = 0, a = 0, o = () => {
+		let s = !1, c = t();
+		if (c) {
+			let t = c.getBoundingClientRect(), n = e(i, t.left, t.right), r = c.scrollLeft;
+			n && (c.scrollLeft += n), s ||= c.scrollLeft !== r;
+		}
+		let l = e(a, 0, window.innerHeight);
+		if (l) {
+			let e = window.scrollY;
+			window.scrollBy(0, l), s ||= window.scrollY !== e;
+		}
+		s && n(), r = requestAnimationFrame(o);
+	};
+	return {
+		point(e, t) {
+			i = e, a = t;
+		},
+		start() {
+			cancelAnimationFrame(r), r = requestAnimationFrame(o);
+		},
+		stop() {
+			cancelAnimationFrame(r), r = 0;
+		}
+	};
+}
+//#endregion
+export { e as edgeSpeed, t as useAutoScroll };

package/dist/composables/useSortable.d.ts

@@ -0,0 +1,58 @@
+import { Ref } from 'vue';
+/** `arr` with the item at `from` moved to `to` (a copy). */
+export declare function moveItem<T>(arr: readonly T[], from: number, to: number): T[];
+/** Index of the rect whose centre is closest to the point; works for lists and grids alike. */
+export declare function nearestIndex(rects: readonly DOMRect[], x: number, y: number): number;
+/** one list of a group: lists sharing a `group` name accept each other's items */
+export interface SortableMember {
+    root: Ref<HTMLElement | null | undefined>;
+    list: () => unknown[];
+    set: (v: unknown[]) => void;
+    /** where an item coming from another list would land: the nearest item and which side of it */
+    drop: Ref<{
+        index: number;
+        after: boolean;
+    } | null>;
+    /** items run top to bottom (a list) rather than left to right (a grid) */
+    vertical: () => boolean;
+    label: () => string;
+    /** take over a keyboard-held item at `index`, with focus */
+    adopt: (index: number) => void;
+    /** put focus on the grip at `index` */
+    focus: (index: number) => void;
+    /** say something in this list's live region (where focus is, after a hand-over) */
+    say: (message: string) => void;
+}
+/** Register a list in a group; returns the function that leaves it. */
+export declare function joinGroup(name: string, m: SortableMember): () => void;
+/** The lists of a group in document order, so "next" means the one after in the page. */
+export declare function membersOf(name: string): SortableMember[];
+/** Where a point would drop into a list: next to the nearest item, or slot 0 when it is empty. */
+export declare function slotAt(m: SortableMember, x: number, y: number, selector?: string): {
+    index: number;
+    after: boolean;
+};
+/** Move the item at `index` of `from` into `to` at `at`; both lists are replaced, not mutated. */
+export declare function transfer(from: SortableMember, index: number, to: SortableMember, at: number): unknown;
+/** Remember every list of the group; the returned `restore` puts them all back (Esc). */
+export declare function snapshotGroup(name: string): () => void;
+export declare const restoreGroup: () => void;
+export interface SortableGroup {
+    name: () => string | undefined;
+    self: SortableMember;
+    /** the item at `from` was dropped on another list, to land at `at` there */
+    onTransfer: (from: number, to: SortableMember, at: number) => void;
+}
+/**
+ * Pointer-drag reorder over the children of `root` that match `selector`. Bind `grab` /
+ * `track` / `drop` / `cancel` to the drag handle's pointer events and set `touch-action: none`
+ * on it; `onMove(from, to)` fires once, on release.
+ */
+export declare function useSortable(root: Ref<HTMLElement | null | undefined>, onMove: (from: number, to: number) => void, selector?: string, group?: SortableGroup): {
+    drag: Ref<number | null, number | null>;
+    over: Ref<number | null, number | null>;
+    grab(i: number, e: PointerEvent): void;
+    track(e: PointerEvent): void;
+    drop(): void;
+    cancel(): void;
+};

package/dist/composables/useSortable.js

@@ -0,0 +1,107 @@
+import { useAutoScroll as e } from "./useAutoScroll.js";
+import { onBeforeUnmount as t, ref as n } from "vue";
+//#region src/composables/useSortable.ts
+function r(e, t, n) {
+	let r = e.slice();
+	return r.splice(n, 0, ...r.splice(t, 1)), r;
+}
+function i(e, t, n) {
+	let r = 0, i = Infinity;
+	return e.forEach((e, a) => {
+		let o = (e.left + e.width / 2 - t) ** 2 + (e.top + e.height / 2 - n) ** 2;
+		o < i && (i = o, r = a);
+	}), r;
+}
+var a = /* @__PURE__ */ new Map(), o = null;
+function s(e, t) {
+	return a.has(e) || a.set(e, /* @__PURE__ */ new Set()), a.get(e).add(t), () => {
+		a.get(e)?.delete(t), a.get(e)?.size || a.delete(e);
+	};
+}
+function c(e) {
+	return [...a.get(e) ?? []].sort((e, t) => {
+		let n = e.root.value, r = t.root.value;
+		return !n || !r ? 0 : n.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+	});
+}
+function l(e, t, n, r = "[data-sortable-item]") {
+	let a = Array.from(e.root.value?.querySelectorAll(r) ?? []);
+	if (!a.length) return {
+		index: 0,
+		after: !1
+	};
+	let o = a.map((e) => e.getBoundingClientRect()), s = i(o, t, n), c = o[s];
+	return {
+		index: s,
+		after: e.vertical() ? n > c.top + c.height / 2 : t > c.left + c.width / 2
+	};
+}
+function u(e, t, n, r) {
+	let i = e.list().slice(), [a] = i.splice(t, 1), o = n.list().slice();
+	return o.splice(r, 0, a), e.set(i), n.set(o), a;
+}
+function d(e) {
+	let t = c(e).map((e) => [e, e.list().slice()]);
+	return o = () => t.forEach(([e, t]) => e.set(t)), o;
+}
+var f = () => {
+	o?.(), o = null;
+};
+function p(r, a, o = "[data-sortable-item]", s) {
+	let u = n(null), d = n(null), f = {
+		x: 0,
+		y: 0
+	}, p = e(() => null, () => h(f.x, f.y));
+	t(p.stop);
+	let m = () => {
+		p.stop(), u.value = d.value = null;
+	};
+	function h(e, t) {
+		if (u.value == null) return;
+		let n = s?.name();
+		if (n) {
+			let r = c(n).filter((e) => e !== s.self);
+			r.forEach((e) => e.drop.value = null);
+			let i = r.find((n) => {
+				let r = n.root.value?.getBoundingClientRect();
+				return r && e >= r.left && e <= r.right && t >= r.top && t <= r.bottom;
+			});
+			if (i) {
+				i.drop.value = l(i, e, t, o), d.value = null;
+				return;
+			}
+		}
+		let a = r.value?.querySelectorAll(o) ?? [];
+		d.value = i(Array.from(a, (e) => e.getBoundingClientRect()), e, t);
+	}
+	return {
+		drag: u,
+		over: d,
+		grab(e, t) {
+			t.button || (t.currentTarget.setPointerCapture?.(t.pointerId), u.value = d.value = e, f = {
+				x: t.clientX,
+				y: t.clientY
+			}, p.point(t.clientX, t.clientY), p.start());
+		},
+		track(e) {
+			f = {
+				x: e.clientX,
+				y: e.clientY
+			}, p.point(e.clientX, e.clientY), h(e.clientX, e.clientY);
+		},
+		drop() {
+			let e = s?.name(), t = e ? c(e).filter((e) => e !== s.self) : [], n = t.find((e) => e.drop.value);
+			if (u.value != null && n?.drop.value) {
+				let { index: e, after: t } = n.drop.value;
+				s.onTransfer(u.value, n, e + +!!t);
+			} else u.value != null && d.value != null && d.value !== u.value && a(u.value, d.value);
+			t.forEach((e) => e.drop.value = null), m();
+		},
+		cancel() {
+			let e = s?.name();
+			e && c(e).forEach((e) => e.drop.value = null), m();
+		}
+	};
+}
+//#endregion
+export { s as joinGroup, c as membersOf, r as moveItem, i as nearestIndex, f as restoreGroup, l as slotAt, d as snapshotGroup, u as transfer, p as useSortable };

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export { default as BlessToaster } from './components/BlessToaster.vue';
 export { useToast } from './composables/useToast';
 export type { BlessToastOptions, BlessToastItem } from './composables/useToast';
 export { default as BlessCommand } from './components/BlessCommand.vue';
-export type { BlessCommandItem } from './components/BlessCommand.vue';
+export type { BlessCommandItem, BlessCommandScope } from './components/BlessCommand.vue';
 export { default as BlessCombobox } from './components/BlessCombobox.vue';
 export { default as BlessCalendar } from './components/BlessCalendar.vue';
 export { default as BlessDatePicker } from './components/BlessDatePicker.vue';
@@ -130,6 +130,67 @@ export { default as BlessSpeedDial } from './components/BlessSpeedDial.vue';
 export type { BlessSpeedDialAction } from './components/BlessSpeedDial.vue';
 export { default as BlessVirtualScroller } from './components/BlessVirtualScroller.vue';
 export { default as BlessOrderList } from './components/BlessOrderList.vue';
+export { default as BlessCountUp } from './components/BlessCountUp.vue';
+export { default as BlessTimer } from './components/BlessTimer.vue';
+export type { BlessTimerPhase } from './components/BlessTimer.vue';
+export { default as BlessGauge } from './components/BlessGauge.vue';
+export type { BlessGaugeZone } from './components/BlessGauge.vue';
+export { default as BlessGantt } from './components/BlessGantt.vue';
+export type { BlessGanttTask } from './components/BlessGantt.vue';
+export { default as BlessShortcutRecorder } from './components/BlessShortcutRecorder.vue';
+export { shortcutFromEvent, matchShortcut, splitShortcut, isModifierKey, } from './composables/shortcut';
+export { default as BlessDiff } from './components/BlessDiff.vue';
+export { diffLines } from './composables/diffLines';
+export type { DiffRow } from './composables/diffLines';
+export { default as BlessCodeBlock } from './components/BlessCodeBlock.vue';
+export type { BlessCodeFile } from './components/BlessCodeBlock.vue';
+export { default as BlessMarquee } from './components/BlessMarquee.vue';
+export { default as BlessMasonry } from './components/BlessMasonry.vue';
+export { default as BlessSplitView } from './components/BlessSplitView.vue';
+export { default as BlessRadialMenu } from './components/BlessRadialMenu.vue';
+export { polar, sectorAt, keepInside } from './composables/radial';
+export type { BlessRadialItem } from './components/BlessRadialMenu.vue';
+export { default as BlessLoupe } from './components/BlessLoupe.vue';
+export { default as BlessSparkline } from './components/BlessSparkline.vue';
+export { default as BlessConfetti } from './components/BlessConfetti.vue';
+export { default as BlessInfiniteCanvas } from './components/BlessInfiniteCanvas.vue';
+export { blessCanvasKey } from './components/BlessInfiniteCanvas.vue';
+export type { CanvasView, BlessCanvasContext } from './components/BlessInfiniteCanvas.vue';
+export { default as BlessNodeGraph } from './components/BlessNodeGraph.vue';
+export type { BlessGraphNode, BlessGraphEdge } from './components/BlessNodeGraph.vue';
+export { default as BlessTreemap } from './components/BlessTreemap.vue';
+export type { BlessTreemapNode } from './components/BlessTreemap.vue';
+export { default as BlessCoachmark } from './components/BlessCoachmark.vue';
+export { default as BlessOnboardingChecklist } from './components/BlessOnboardingChecklist.vue';
+export type { BlessChecklistItem } from './components/BlessOnboardingChecklist.vue';
+export { default as BlessDock } from './components/BlessDock.vue';
+export type { BlessDockItem } from './components/BlessDock.vue';
+export { default as BlessFormula } from './components/BlessFormula.vue';
+export { evaluate as evaluateFormula } from './composables/formula';
+export type { BlessFormulaVariable, BlessFormulaError } from './components/BlessFormula.vue';
+export { default as BlessRangeCalendar } from './components/BlessRangeCalendar.vue';
+export type { DayBlock as BlessDayBlock } from './composables/dayBlocks';
+export { default as BlessAnnotator } from './components/BlessAnnotator.vue';
+export type { BlessRegion } from './components/BlessAnnotator.vue';
+export { default as BlessScheduler } from './components/BlessScheduler.vue';
+export type { BlessScheduleEvent } from './components/BlessScheduler.vue';
+export { default as BlessSliderCaptcha } from './components/BlessSliderCaptcha.vue';
+export { default as BlessSwipeDeck } from './components/BlessSwipeDeck.vue';
+export type { BlessSwipeDecision } from './components/BlessSwipeDeck.vue';
+export { default as BlessHotspots } from './components/BlessHotspots.vue';
+export type { BlessHotspot } from './components/BlessHotspots.vue';
+export { default as BlessCropper } from './components/BlessCropper.vue';
+export type { BlessCropRect } from './components/BlessCropper.vue';
+export { initialBox, moveBox, resizeBox, scaleBox } from './composables/cropBox';
+export type { CropBox } from './composables/cropBox';
+export { default as BlessKanban } from './components/BlessKanban.vue';
+export type { BlessKanbanColumn } from './components/BlessKanban.vue';
+export { default as BlessMention } from './components/BlessMention.vue';
+export type { BlessMentionOption } from './components/BlessMention.vue';
+export { default as BlessHeatmapCalendar } from './components/BlessHeatmapCalendar.vue';
+export { default as BlessSortable } from './components/BlessSortable.vue';
+export { useSortable, moveItem, nearestIndex } from './composables/useSortable';
+export { useAutoScroll, edgeSpeed } from './composables/useAutoScroll';
 export { default as BlessPickList } from './components/BlessPickList.vue';
 export { default as BlessMockup } from './components/BlessMockup.vue';
 export { default as BlessTour } from './components/BlessTour.vue';

package/dist/index.js

@@ -107,56 +107,96 @@ import ot from "./components/BlessBottomTabs.js";
 import st from "./components/BlessSpeedDial.js";
 import ct from "./components/BlessVirtualScroller.js";
 import lt from "./components/BlessOrderList.js";
-import ut from "./components/BlessPickList.js";
-import dt from "./components/BlessMockup.js";
-import ft from "./components/BlessTour.js";
-import pt from "./components/BlessKnob.js";
-import mt from "./components/BlessWatermarkOverlay.js";
-import ht from "./components/BlessSignaturePad.js";
-import gt from "./components/BlessQrCode.js";
-import _t from "./components/BlessEditor.js";
-import vt from "./components/BlessChip.js";
-import yt from "./components/BlessInputNumber.js";
-import bt from "./components/BlessPasswordInput.js";
-import xt from "./components/BlessStepper.js";
-import St from "./components/BlessInputTags.js";
-import Ct from "./components/BlessToolbar.js";
-import wt from "./components/BlessFloatLabel.js";
-import Tt from "./components/BlessFieldset.js";
-import Et from "./components/BlessPanel.js";
-import Dt from "./components/BlessMeterGroup.js";
-import Ot from "./components/BlessSplitButton.js";
-import kt from "./components/BlessBlockUI.js";
-import At from "./components/BlessInplace.js";
-import jt from "./components/BlessDeferredContent.js";
-import Mt from "./components/BlessConfirmPopup.js";
-import Nt from "./components/BlessCompare.js";
-import Pt from "./components/BlessDataView.js";
-import { useAnimateOnScroll as Ft } from "./composables/useAnimateOnScroll.js";
-import It from "./components/BlessPaletteToggle.js";
-import Lt from "./components/BlessCascadeSelect.js";
-import Rt from "./components/BlessTreeSelect.js";
-import zt from "./components/BlessTreeTable.js";
-import Bt from "./components/BlessOrgChart.js";
-import { useDialog as Vt } from "./composables/useDialog.js";
-import Ht from "./components/BlessDialogHost.js";
-import { useLongPress as Ut, usePan as Wt, useSwipe as Gt, useTouchRepeat as Kt } from "./composables/useGesture.js";
-import qt from "./components/BlessPullToRefresh.js";
-import Jt from "./components/BlessSlideItem.js";
-import Yt from "./components/BlessActionSheet.js";
-import Xt from "./components/BlessTabPanels.js";
-import Zt from "./components/BlessInfiniteScroll.js";
-import Qt from "./components/BlessLayout.js";
-import $t from "./components/BlessCircularProgress.js";
-import en from "./components/BlessRange.js";
-import tn from "./components/BlessTimePicker.js";
-import nn from "./components/BlessImg.js";
-import rn from "./components/BlessVideo.js";
-import { useLoadingBar as an } from "./composables/useLoadingBar.js";
-import on from "./components/BlessLoadingBar.js";
-import sn from "./components/BlessUploader.js";
-import cn from "./components/BlessParallax.js";
-import ln from "./components/BlessSlideTransition.js";
-import un from "./components/BlessClientOnly.js";
-import { useFullscreen as dn, useResizeObserver as fn, useScroll as pn, useVisibility as mn } from "./composables/useBrowser.js";
-export { Y as BlessAccordion, X as BlessAccordionItem, Yt as BlessActionSheet, H as BlessAlert, me as BlessAlertDialog, V as BlessAspectRatio, Re as BlessAttachment, E as BlessAudioPlayer, B as BlessAvatar, _ as BlessBackground, o as BlessBadge, kt as BlessBlockUI, ot as BlessBottomTabs, $ as BlessBreadcrumb, Ie as BlessBubble, a as BlessButton, G as BlessButtonGroup, we as BlessCalendar, v as BlessCard, ke as BlessCarousel, Lt as BlessCascadeSelect, Ve as BlessChart, M as BlessCheckbox, vt as BlessChip, $t as BlessCircularProgress, un as BlessClientOnly, J as BlessCollapsible, We as BlessColorPicker, ve as BlessCombobox, _e as BlessCommand, Nt as BlessCompare, Mt as BlessConfirmPopup, Ye as BlessContainer, ue as BlessContextMenu, s as BlessDash, Oe as BlessDataTable, Pt as BlessDataView, Te as BlessDatePicker, jt as BlessDeferredContent, Ht as BlessDialogHost, pe as BlessDrawer, le as BlessDropdownMenu, _t as BlessEditor, W as BlessEmpty, re as BlessField, Tt as BlessFieldset, Ue as BlessFileInput, wt as BlessFloatLabel, ne as BlessForm, w as BlessGallery, se as BlessHoverCard, c as BlessIcon, nn as BlessImg, Je as BlessIndicator, Zt as BlessInfiniteScroll, At as BlessInplace, A as BlessInput, K as BlessInputGroup, rt as BlessInputMask, yt as BlessInputNumber, Ee as BlessInputOTP, St as BlessInputTags, q as BlessItem, U as BlessKbd, pt as BlessKnob, k as BlessLabel, Qt as BlessLayout, y as BlessList, b as BlessListItem, Qe as BlessListbox, on as BlessLoadingBar, Le as BlessMarker, ce as BlessMenuList, de as BlessMenubar, Fe as BlessMessage, ze as BlessMessageScroller, Dt as BlessMeterGroup, dt as BlessMockup, C as BlessModal, je as BlessNavigationMenu, lt as BlessOrderList, Bt as BlessOrgChart, ee as BlessPagination, It as BlessPaletteToggle, Et as BlessPanel, cn as BlessParallax, bt as BlessPasswordInput, Ge as BlessPasswordMeter, ut as BlessPickList, ae as BlessPopover, R as BlessProgress, qt as BlessPullToRefresh, gt as BlessQrCode, Be as BlessQuestionnaire, P as BlessRadio, N as BlessRadioGroup, en as BlessRange, He as BlessRating, Ae as BlessResizable, te as BlessScrollArea, Ze as BlessScrollTop, d as BlessSection, I as BlessSelect, O as BlessSeparator, fe as BlessSheet, g as BlessSidebarNav, ht as BlessSignaturePad, z as BlessSkeleton, e as BlessSkew, Jt as BlessSlideItem, ln as BlessSlideTransition, L as BlessSlider, st as BlessSpeedDial, i as BlessSpinner, D as BlessSplash, Ot as BlessSplitButton, Xe as BlessStack, h as BlessStage, xt as BlessStepper, Ke as BlessSteps, et as BlessSwap, F as BlessSwitch, Xt as BlessTabPanels, T as BlessTable, x as BlessTabs, l as BlessText, j as BlessTextarea, Pe as BlessThemeToggle, tn as BlessTimePicker, qe as BlessTimeline, ge as BlessToaster, Z as BlessToggle, Q as BlessToggleGroup, Ct as BlessToolbar, oe as BlessTooltip, ft as BlessTour, $e as BlessTree, Rt as BlessTreeSelect, zt as BlessTreeTable, sn as BlessUploader, rn as BlessVideo, ct as BlessVirtualScroller, u as BlessWatermark, mt as BlessWatermarkOverlay, ye as addDays, be as addMonths, tt as applyMask, t as blessLinkKey, Me as blessPalettes, xe as fromISO, n as isRouterHref, Se as isoToday, f as reducedMotion, p as scrollBehavior, Ce as toISO, nt as unmask, Ft as useAnimateOnScroll, De as useDataTable, Vt as useDialog, ie as useFloating, dn as useFullscreen, S as useHash, r as useLink, an as useLoadingBar, Ut as useLongPress, m as useMedia, Wt as usePan, fn as useResizeObserver, at as useRovingFocus, pn as useScroll, it as useScrollSpy, Gt as useSwipe, Ne as useTheme, he as useToast, Kt as useTouchRepeat, mn as useVisibility };
+import ut from "./components/BlessCountUp.js";
+import dt from "./components/BlessTimer.js";
+import ft from "./components/BlessGauge.js";
+import pt from "./components/BlessGantt.js";
+import { isModifierKey as mt, matchShortcut as ht, shortcutFromEvent as gt, splitShortcut as _t } from "./composables/shortcut.js";
+import vt from "./components/BlessShortcutRecorder.js";
+import { diffLines as yt } from "./composables/diffLines.js";
+import bt from "./components/BlessDiff.js";
+import xt from "./components/BlessCodeBlock.js";
+import St from "./components/BlessMarquee.js";
+import Ct from "./components/BlessMasonry.js";
+import wt from "./components/BlessSplitView.js";
+import { keepInside as Tt, polar as Et, sectorAt as Dt } from "./composables/radial.js";
+import Ot from "./components/BlessRadialMenu.js";
+import kt from "./components/BlessLoupe.js";
+import At from "./components/BlessSparkline.js";
+import jt from "./components/BlessConfetti.js";
+import { blessCanvasKey as Mt } from "./components/BlessInfiniteCanvas.vue_vue_type_script_setup_true_lang.js";
+import Nt from "./components/BlessInfiniteCanvas.js";
+import Pt from "./components/BlessNodeGraph.js";
+import Ft from "./components/BlessTreemap.js";
+import It from "./components/BlessCoachmark.js";
+import Lt from "./components/BlessOnboardingChecklist.js";
+import Rt from "./components/BlessDock.js";
+import { evaluate as zt } from "./composables/formula.js";
+import Bt from "./components/BlessFormula.js";
+import Vt from "./components/BlessRangeCalendar.js";
+import Ht from "./components/BlessAnnotator.js";
+import Ut from "./components/BlessScheduler.js";
+import Wt from "./components/BlessSliderCaptcha.js";
+import Gt from "./components/BlessSwipeDeck.js";
+import Kt from "./components/BlessHotspots.js";
+import { initialBox as qt, moveBox as Jt, resizeBox as Yt, scaleBox as Xt } from "./composables/cropBox.js";
+import Zt from "./components/BlessCropper.js";
+import { edgeSpeed as Qt, useAutoScroll as $t } from "./composables/useAutoScroll.js";
+import en from "./components/BlessKanban.js";
+import tn from "./components/BlessMention.js";
+import nn from "./components/BlessHeatmapCalendar.js";
+import { moveItem as rn, nearestIndex as an, useSortable as on } from "./composables/useSortable.js";
+import sn from "./components/BlessSortable.js";
+import cn from "./components/BlessPickList.js";
+import ln from "./components/BlessMockup.js";
+import un from "./components/BlessTour.js";
+import dn from "./components/BlessKnob.js";
+import fn from "./components/BlessWatermarkOverlay.js";
+import pn from "./components/BlessSignaturePad.js";
+import mn from "./components/BlessQrCode.js";
+import hn from "./components/BlessEditor.js";
+import gn from "./components/BlessChip.js";
+import _n from "./components/BlessInputNumber.js";
+import vn from "./components/BlessPasswordInput.js";
+import yn from "./components/BlessStepper.js";
+import bn from "./components/BlessInputTags.js";
+import xn from "./components/BlessToolbar.js";
+import Sn from "./components/BlessFloatLabel.js";
+import Cn from "./components/BlessFieldset.js";
+import wn from "./components/BlessPanel.js";
+import Tn from "./components/BlessMeterGroup.js";
+import En from "./components/BlessSplitButton.js";
+import Dn from "./components/BlessBlockUI.js";
+import On from "./components/BlessInplace.js";
+import kn from "./components/BlessDeferredContent.js";
+import An from "./components/BlessConfirmPopup.js";
+import jn from "./components/BlessCompare.js";
+import Mn from "./components/BlessDataView.js";
+import { useAnimateOnScroll as Nn } from "./composables/useAnimateOnScroll.js";
+import Pn from "./components/BlessPaletteToggle.js";
+import Fn from "./components/BlessCascadeSelect.js";
+import In from "./components/BlessTreeSelect.js";
+import Ln from "./components/BlessTreeTable.js";
+import Rn from "./components/BlessOrgChart.js";
+import { useDialog as zn } from "./composables/useDialog.js";
+import Bn from "./components/BlessDialogHost.js";
+import { useLongPress as Vn, usePan as Hn, useSwipe as Un, useTouchRepeat as Wn } from "./composables/useGesture.js";
+import Gn from "./components/BlessPullToRefresh.js";
+import Kn from "./components/BlessSlideItem.js";
+import qn from "./components/BlessActionSheet.js";
+import Jn from "./components/BlessTabPanels.js";
+import Yn from "./components/BlessInfiniteScroll.js";
+import Xn from "./components/BlessLayout.js";
+import Zn from "./components/BlessCircularProgress.js";
+import Qn from "./components/BlessRange.js";
+import $n from "./components/BlessTimePicker.js";
+import er from "./components/BlessImg.js";
+import tr from "./components/BlessVideo.js";
+import { useLoadingBar as nr } from "./composables/useLoadingBar.js";
+import rr from "./components/BlessLoadingBar.js";
+import ir from "./components/BlessUploader.js";
+import ar from "./components/BlessParallax.js";
+import or from "./components/BlessSlideTransition.js";
+import sr from "./components/BlessClientOnly.js";
+import { useFullscreen as cr, useResizeObserver as lr, useScroll as ur, useVisibility as dr } from "./composables/useBrowser.js";
+export { Y as BlessAccordion, X as BlessAccordionItem, qn as BlessActionSheet, H as BlessAlert, me as BlessAlertDialog, Ht as BlessAnnotator, V as BlessAspectRatio, Re as BlessAttachment, E as BlessAudioPlayer, B as BlessAvatar, _ as BlessBackground, o as BlessBadge, Dn as BlessBlockUI, ot as BlessBottomTabs, $ as BlessBreadcrumb, Ie as BlessBubble, a as BlessButton, G as BlessButtonGroup, we as BlessCalendar, v as BlessCard, ke as BlessCarousel, Fn as BlessCascadeSelect, Ve as BlessChart, M as BlessCheckbox, gn as BlessChip, Zn as BlessCircularProgress, sr as BlessClientOnly, It as BlessCoachmark, xt as BlessCodeBlock, J as BlessCollapsible, We as BlessColorPicker, ve as BlessCombobox, _e as BlessCommand, jn as BlessCompare, jt as BlessConfetti, An as BlessConfirmPopup, Ye as BlessContainer, ue as BlessContextMenu, ut as BlessCountUp, Zt as BlessCropper, s as BlessDash, Oe as BlessDataTable, Mn as BlessDataView, Te as BlessDatePicker, kn as BlessDeferredContent, Bn as BlessDialogHost, bt as BlessDiff, Rt as BlessDock, pe as BlessDrawer, le as BlessDropdownMenu, hn as BlessEditor, W as BlessEmpty, re as BlessField, Cn as BlessFieldset, Ue as BlessFileInput, Sn as BlessFloatLabel, ne as BlessForm, Bt as BlessFormula, w as BlessGallery, pt as BlessGantt, ft as BlessGauge, nn as BlessHeatmapCalendar, Kt as BlessHotspots, se as BlessHoverCard, c as BlessIcon, er as BlessImg, Je as BlessIndicator, Nt as BlessInfiniteCanvas, Yn as BlessInfiniteScroll, On as BlessInplace, A as BlessInput, K as BlessInputGroup, rt as BlessInputMask, _n as BlessInputNumber, Ee as BlessInputOTP, bn as BlessInputTags, q as BlessItem, en as BlessKanban, U as BlessKbd, dn as BlessKnob, k as BlessLabel, Xn as BlessLayout, y as BlessList, b as BlessListItem, Qe as BlessListbox, rr as BlessLoadingBar, kt as BlessLoupe, Le as BlessMarker, St as BlessMarquee, Ct as BlessMasonry, tn as BlessMention, ce as BlessMenuList, de as BlessMenubar, Fe as BlessMessage, ze as BlessMessageScroller, Tn as BlessMeterGroup, ln as BlessMockup, C as BlessModal, je as BlessNavigationMenu, Pt as BlessNodeGraph, Lt as BlessOnboardingChecklist, lt as BlessOrderList, Rn as BlessOrgChart, ee as BlessPagination, Pn as BlessPaletteToggle, wn as BlessPanel, ar as BlessParallax, vn as BlessPasswordInput, Ge as BlessPasswordMeter, cn as BlessPickList, ae as BlessPopover, R as BlessProgress, Gn as BlessPullToRefresh, mn as BlessQrCode, Be as BlessQuestionnaire, Ot as BlessRadialMenu, P as BlessRadio, N as BlessRadioGroup, Qn as BlessRange, Vt as BlessRangeCalendar, He as BlessRating, Ae as BlessResizable, Ut as BlessScheduler, te as BlessScrollArea, Ze as BlessScrollTop, d as BlessSection, I as BlessSelect, O as BlessSeparator, fe as BlessSheet, vt as BlessShortcutRecorder, g as BlessSidebarNav, pn as BlessSignaturePad, z as BlessSkeleton, e as BlessSkew, Kn as BlessSlideItem, or as BlessSlideTransition, L as BlessSlider, Wt as BlessSliderCaptcha, sn as BlessSortable, At as BlessSparkline, st as BlessSpeedDial, i as BlessSpinner, D as BlessSplash, En as BlessSplitButton, wt as BlessSplitView, Xe as BlessStack, h as BlessStage, yn as BlessStepper, Ke as BlessSteps, et as BlessSwap, Gt as BlessSwipeDeck, F as BlessSwitch, Jn as BlessTabPanels, T as BlessTable, x as BlessTabs, l as BlessText, j as BlessTextarea, Pe as BlessThemeToggle, $n as BlessTimePicker, qe as BlessTimeline, dt as BlessTimer, ge as BlessToaster, Z as BlessToggle, Q as BlessToggleGroup, xn as BlessToolbar, oe as BlessTooltip, un as BlessTour, $e as BlessTree, In as BlessTreeSelect, Ln as BlessTreeTable, Ft as BlessTreemap, ir as BlessUploader, tr as BlessVideo, ct as BlessVirtualScroller, u as BlessWatermark, fn as BlessWatermarkOverlay, ye as addDays, be as addMonths, tt as applyMask, Mt as blessCanvasKey, t as blessLinkKey, Me as blessPalettes, yt as diffLines, Qt as edgeSpeed, zt as evaluateFormula, xe as fromISO, qt as initialBox, mt as isModifierKey, n as isRouterHref, Se as isoToday, Tt as keepInside, ht as matchShortcut, Jt as moveBox, rn as moveItem, an as nearestIndex, Et as polar, f as reducedMotion, Yt as resizeBox, Xt as scaleBox, p as scrollBehavior, Dt as sectorAt, gt as shortcutFromEvent, _t as splitShortcut, Ce as toISO, nt as unmask, Nn as useAnimateOnScroll, $t as useAutoScroll, De as useDataTable, zn as useDialog, ie as useFloating, cr as useFullscreen, S as useHash, r as useLink, nr as useLoadingBar, Vn as useLongPress, m as useMedia, Hn as usePan, lr as useResizeObserver, at as useRovingFocus, ur as useScroll, it as useScrollSpy, on as useSortable, Un as useSwipe, Ne as useTheme, he as useToast, Wn as useTouchRepeat, dr as useVisibility };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blessing-ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Blessing UI — Themed Flat Interface. Flat by design, raised with Vue, blessed for everyone.",
   "keywords": [
     "components",
@@ -43,6 +43,23 @@
       "import": "./dist/components/*.js"
     }
   },
+  "scripts": {
+    "dev": "vitepress dev docs",
+    "build": "vue-tsc --noEmit && vite build && node scripts/postbuild.mjs",
+    "test": "vitest run",
+    "prepublishOnly": "pnpm test && pnpm build",
+    "typecheck": "vue-tsc --noEmit",
+    "format": "oxfmt .",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "pnpm docs:meta && pnpm docs:blocks && vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "docs:meta": "node docs/scripts/meta.ts",
+    "docs:pages": "node docs/scripts/pages.ts",
+    "e2e": "node e2e/sweep.mjs chromium,firefox && node e2e/axe.mjs && node e2e/motion.mjs && node e2e/interact.mjs chromium && node e2e/interact.mjs firefox",
+    "e2e:consumer": "pnpm build && node e2e/consumer/check.mjs",
+    "docs:blocks": "node docs/scripts/blocks.ts",
+    "docs:shots": "node docs/scripts/shots.mjs"
+  },
   "devDependencies": {
     "@tiptap/pm": "^3.31.3",
     "@tiptap/starter-kit": "^3.31.3",
@@ -55,7 +72,9 @@
     "axe-core": "^4.13.0",
     "jsdom": "^30.1.0",
     "oxfmt": "^0.68.0",
+    "pixelmatch": "^8.0.0",
     "playwright": "^1.63.0",
+    "pngjs": "^7.0.0",
     "typescript": "^6.0.3",
     "uqr": "^0.1.3",
     "vite": "^8.3.0",
@@ -78,20 +97,5 @@
   "engines": {
     "node": ">=24"
   },
-  "scripts": {
-    "dev": "vitepress dev docs",
-    "build": "vue-tsc --noEmit && vite build && node scripts/postbuild.mjs",
-    "test": "vitest run",
-    "typecheck": "vue-tsc --noEmit",
-    "format": "oxfmt .",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "pnpm docs:meta && pnpm docs:blocks && vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "docs:meta": "node docs/scripts/meta.ts",
-    "docs:pages": "node docs/scripts/pages.ts",
-    "e2e": "node e2e/sweep.mjs chromium,firefox && node e2e/axe.mjs && node e2e/interact.mjs chromium && node e2e/interact.mjs firefox",
-    "e2e:consumer": "pnpm build && node e2e/consumer/check.mjs",
-    "docs:blocks": "node docs/scripts/blocks.ts",
-    "docs:shots": "node docs/scripts/shots.mjs"
-  }
-}
+  "packageManager": "pnpm@12.4.2"
+}