blessing-ui 0.2.0 → 0.3.0

package/dist/composables/useSortable.d.ts

@@ -3,16 +3,56 @@ import { Ref } from 'vue';
 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): {
+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: () => null;
+    cancel(): void;
 };

package/dist/composables/useSortable.js

@@ -1,34 +1,107 @@
-import { ref as e } from "vue";
+import { useAutoScroll as e } from "./useAutoScroll.js";
+import { onBeforeUnmount as t, ref as n } from "vue";
 //#region src/composables/useSortable.ts
-function t(e, t, n) {
+function r(e, t, n) {
 	let r = e.slice();
 	return r.splice(n, 0, ...r.splice(t, 1)), r;
 }
-function n(e, t, n) {
+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;
 }
-function r(t, r, i = "[data-sortable-item]") {
-	let a = e(null), o = e(null), s = () => a.value = o.value = null;
+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: a,
-		over: o,
+		drag: u,
+		over: d,
 		grab(e, t) {
-			t.button || (t.currentTarget.setPointerCapture?.(t.pointerId), a.value = o.value = e);
+			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) {
-			if (a.value == null) return;
-			let r = t.value?.querySelectorAll(i) ?? [];
-			o.value = n(Array.from(r, (e) => e.getBoundingClientRect()), e.clientX, e.clientY);
+			f = {
+				x: e.clientX,
+				y: e.clientY
+			}, p.point(e.clientX, e.clientY), h(e.clientX, e.clientY);
 		},
 		drop() {
-			a.value != null && o.value != null && o.value !== a.value && r(a.value, o.value), s();
+			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: s
+		cancel() {
+			let e = s?.name();
+			e && c(e).forEach((e) => e.drop.value = null), m();
+		}
 	};
 }
 //#endregion
-export { t as moveItem, n as nearestIndex, r as useSortable };
+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';
@@ -151,6 +151,29 @@ 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';
@@ -167,6 +190,7 @@ 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

@@ -122,66 +122,81 @@ 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/BlessSliderCaptcha.js";
-import jt from "./components/BlessSwipeDeck.js";
-import Mt from "./components/BlessHotspots.js";
-import { initialBox as Nt, moveBox as Pt, resizeBox as Ft, scaleBox as It } from "./composables/cropBox.js";
-import Lt from "./components/BlessCropper.js";
-import Rt from "./components/BlessKanban.js";
-import zt from "./components/BlessMention.js";
-import Bt from "./components/BlessHeatmapCalendar.js";
-import { moveItem as Vt, nearestIndex as Ht, useSortable as Ut } from "./composables/useSortable.js";
-import Wt from "./components/BlessSortable.js";
-import Gt from "./components/BlessPickList.js";
-import Kt from "./components/BlessMockup.js";
-import qt from "./components/BlessTour.js";
-import Jt from "./components/BlessKnob.js";
-import Yt from "./components/BlessWatermarkOverlay.js";
-import Xt from "./components/BlessSignaturePad.js";
-import Zt from "./components/BlessQrCode.js";
-import Qt from "./components/BlessEditor.js";
-import $t from "./components/BlessChip.js";
-import en from "./components/BlessInputNumber.js";
-import tn from "./components/BlessPasswordInput.js";
-import nn from "./components/BlessStepper.js";
-import rn from "./components/BlessInputTags.js";
-import an from "./components/BlessToolbar.js";
-import on from "./components/BlessFloatLabel.js";
-import sn from "./components/BlessFieldset.js";
-import cn from "./components/BlessPanel.js";
-import ln from "./components/BlessMeterGroup.js";
-import un from "./components/BlessSplitButton.js";
-import dn from "./components/BlessBlockUI.js";
-import fn from "./components/BlessInplace.js";
-import pn from "./components/BlessDeferredContent.js";
-import mn from "./components/BlessConfirmPopup.js";
-import hn from "./components/BlessCompare.js";
-import gn from "./components/BlessDataView.js";
-import { useAnimateOnScroll as _n } from "./composables/useAnimateOnScroll.js";
-import vn from "./components/BlessPaletteToggle.js";
-import yn from "./components/BlessCascadeSelect.js";
-import bn from "./components/BlessTreeSelect.js";
-import xn from "./components/BlessTreeTable.js";
-import Sn from "./components/BlessOrgChart.js";
-import { useDialog as Cn } from "./composables/useDialog.js";
-import wn from "./components/BlessDialogHost.js";
-import { useLongPress as Tn, usePan as En, useSwipe as Dn, useTouchRepeat as On } from "./composables/useGesture.js";
-import kn from "./components/BlessPullToRefresh.js";
-import An from "./components/BlessSlideItem.js";
-import jn from "./components/BlessActionSheet.js";
-import Mn from "./components/BlessTabPanels.js";
-import Nn from "./components/BlessInfiniteScroll.js";
-import Pn from "./components/BlessLayout.js";
-import Fn from "./components/BlessCircularProgress.js";
-import In from "./components/BlessRange.js";
-import Ln from "./components/BlessTimePicker.js";
-import Rn from "./components/BlessImg.js";
-import zn from "./components/BlessVideo.js";
-import { useLoadingBar as Bn } from "./composables/useLoadingBar.js";
-import Vn from "./components/BlessLoadingBar.js";
-import Hn from "./components/BlessUploader.js";
-import Un from "./components/BlessParallax.js";
-import Wn from "./components/BlessSlideTransition.js";
-import Gn from "./components/BlessClientOnly.js";
-import { useFullscreen as Kn, useResizeObserver as qn, useScroll as Jn, useVisibility as Yn } from "./composables/useBrowser.js";
-export { Y as BlessAccordion, X as BlessAccordionItem, jn 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, 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, yn as BlessCascadeSelect, Ve as BlessChart, M as BlessCheckbox, $t as BlessChip, Fn as BlessCircularProgress, Gn as BlessClientOnly, xt as BlessCodeBlock, J as BlessCollapsible, We as BlessColorPicker, ve as BlessCombobox, _e as BlessCommand, hn as BlessCompare, mn as BlessConfirmPopup, Ye as BlessContainer, ue as BlessContextMenu, ut as BlessCountUp, Lt as BlessCropper, s as BlessDash, Oe as BlessDataTable, gn as BlessDataView, Te as BlessDatePicker, pn as BlessDeferredContent, wn as BlessDialogHost, bt as BlessDiff, pe as BlessDrawer, le as BlessDropdownMenu, Qt as BlessEditor, W as BlessEmpty, re as BlessField, sn as BlessFieldset, Ue as BlessFileInput, on as BlessFloatLabel, ne as BlessForm, w as BlessGallery, pt as BlessGantt, ft as BlessGauge, Bt as BlessHeatmapCalendar, Mt as BlessHotspots, se as BlessHoverCard, c as BlessIcon, Rn as BlessImg, Je as BlessIndicator, Nn as BlessInfiniteScroll, fn as BlessInplace, A as BlessInput, K as BlessInputGroup, rt as BlessInputMask, en as BlessInputNumber, Ee as BlessInputOTP, rn as BlessInputTags, q as BlessItem, Rt as BlessKanban, U as BlessKbd, Jt as BlessKnob, k as BlessLabel, Pn as BlessLayout, y as BlessList, b as BlessListItem, Qe as BlessListbox, Vn as BlessLoadingBar, kt as BlessLoupe, Le as BlessMarker, St as BlessMarquee, Ct as BlessMasonry, zt as BlessMention, ce as BlessMenuList, de as BlessMenubar, Fe as BlessMessage, ze as BlessMessageScroller, ln as BlessMeterGroup, Kt as BlessMockup, C as BlessModal, je as BlessNavigationMenu, lt as BlessOrderList, Sn as BlessOrgChart, ee as BlessPagination, vn as BlessPaletteToggle, cn as BlessPanel, Un as BlessParallax, tn as BlessPasswordInput, Ge as BlessPasswordMeter, Gt as BlessPickList, ae as BlessPopover, R as BlessProgress, kn as BlessPullToRefresh, Zt as BlessQrCode, Be as BlessQuestionnaire, Ot as BlessRadialMenu, P as BlessRadio, N as BlessRadioGroup, In 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, vt as BlessShortcutRecorder, g as BlessSidebarNav, Xt as BlessSignaturePad, z as BlessSkeleton, e as BlessSkew, An as BlessSlideItem, Wn as BlessSlideTransition, L as BlessSlider, At as BlessSliderCaptcha, Wt as BlessSortable, st as BlessSpeedDial, i as BlessSpinner, D as BlessSplash, un as BlessSplitButton, wt as BlessSplitView, Xe as BlessStack, h as BlessStage, nn as BlessStepper, Ke as BlessSteps, et as BlessSwap, jt as BlessSwipeDeck, F as BlessSwitch, Mn as BlessTabPanels, T as BlessTable, x as BlessTabs, l as BlessText, j as BlessTextarea, Pe as BlessThemeToggle, Ln as BlessTimePicker, qe as BlessTimeline, dt as BlessTimer, ge as BlessToaster, Z as BlessToggle, Q as BlessToggleGroup, an as BlessToolbar, oe as BlessTooltip, qt as BlessTour, $e as BlessTree, bn as BlessTreeSelect, xn as BlessTreeTable, Hn as BlessUploader, zn as BlessVideo, ct as BlessVirtualScroller, u as BlessWatermark, Yt as BlessWatermarkOverlay, ye as addDays, be as addMonths, tt as applyMask, t as blessLinkKey, Me as blessPalettes, yt as diffLines, xe as fromISO, Nt as initialBox, mt as isModifierKey, n as isRouterHref, Se as isoToday, Tt as keepInside, ht as matchShortcut, Pt as moveBox, Vt as moveItem, Ht as nearestIndex, Et as polar, f as reducedMotion, Ft as resizeBox, It as scaleBox, p as scrollBehavior, Dt as sectorAt, gt as shortcutFromEvent, _t as splitShortcut, Ce as toISO, nt as unmask, _n as useAnimateOnScroll, De as useDataTable, Cn as useDialog, ie as useFloating, Kn as useFullscreen, S as useHash, r as useLink, Bn as useLoadingBar, Tn as useLongPress, m as useMedia, En as usePan, qn as useResizeObserver, at as useRovingFocus, Jn as useScroll, it as useScrollSpy, Ut as useSortable, Dn as useSwipe, Ne as useTheme, he as useToast, On as useTouchRepeat, Yn as useVisibility };
+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.2.0",
+  "version": "0.3.0",
   "description": "Blessing UI — Themed Flat Interface. Flat by design, raised with Vue, blessed for everyone.",
   "keywords": [
     "components",
@@ -55,7 +55,7 @@
     "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": "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"
@@ -72,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",