@orvui/vue 0.0.0-stage → 0.1.1

package/dist/motion/_combobox/SearchSurface.vue.d.ts

@@ -0,0 +1,27 @@
+import type { SearchController } from "./controller";
+type __VLS_Props = {
+    context: SearchController;
+    side?: "top" | "bottom";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    avoidCollisions?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "center" | "end" | "start";
+    side: "top" | "bottom";
+    sideOffset: number;
+    avoidCollisions: 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;
+    };
+};
+//# sourceMappingURL=SearchSurface.vue.d.ts.map

package/dist/motion/_combobox/SearchSurface.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchSurface.vue.d.ts","sourceRoot":"","sources":["../../../src/motion/_combobox/SearchSurface.vue"],"names":[],"mappings":"AAiIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAwKF,QAAA,IAAI,QAAQ,IAAY,CAAC;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/motion/_combobox/controller.d.ts

@@ -0,0 +1,113 @@
+import { type InjectionKey, type Ref } from "vue";
+export interface SearchItem {
+    value: string;
+    label: string;
+    keywords: string[];
+    disabled: boolean;
+    groupId?: string;
+    id: string;
+    element: HTMLElement | null;
+}
+export type SearchController = ReturnType<typeof createSearchController>;
+export declare const ComboboxContext: InjectionKey<SearchController>;
+export declare const MultiSelectContext: InjectionKey<SearchController>;
+export declare const ComboboxGroupContext: InjectionKey<string>;
+export declare const MultiSelectGroupContext: InjectionKey<string>;
+export declare function useSearchContext(multiple?: boolean, name?: string): {
+    value: import("vue").WritableComputedRef<string | string[] | undefined, string | string[] | undefined>;
+    values: import("vue").ComputedRef<string[]>;
+    open: import("vue").WritableComputedRef<boolean, boolean>;
+    query: import("vue").WritableComputedRef<string, string>;
+    disabled: import("vue").ComputedRef<boolean>;
+    reduce: Ref<boolean, boolean>;
+    triggerId: string;
+    inputId: string;
+    listId: string;
+    activeLayoutId: string;
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null, HTMLElement | null>;
+    items: import("vue").ShallowRef<Map<string, SearchItem>, Map<string, SearchItem>>;
+    activeValue: import("vue").ComputedRef<string | null>;
+    activeItemId: import("vue").ComputedRef<string | undefined>;
+    visibleCount: import("vue").ComputedRef<number>;
+    isVisible: (key: string) => boolean;
+    hasVisibleItems: (groupId: string) => boolean;
+    labelFor: (key?: string) => string | undefined;
+    registerItem: (option: SearchItem) => void;
+    unregisterItem: (key: string) => void;
+    setOpen: (requested: boolean, restoreFocus?: boolean) => void;
+    setQuery: (requested: string) => void;
+    setActiveValue: (key: string | null) => void;
+    moveActive: (direction: 1 | -1 | "first" | "last") => void;
+    select: (key: string) => void;
+    remove: (key: string) => void;
+    focusInput: () => void;
+    keydown: (event: KeyboardEvent) => void;
+};
+export declare function useMultiSelectContext(name?: string): {
+    value: import("vue").WritableComputedRef<string | string[] | undefined, string | string[] | undefined>;
+    values: import("vue").ComputedRef<string[]>;
+    open: import("vue").WritableComputedRef<boolean, boolean>;
+    query: import("vue").WritableComputedRef<string, string>;
+    disabled: import("vue").ComputedRef<boolean>;
+    reduce: Ref<boolean, boolean>;
+    triggerId: string;
+    inputId: string;
+    listId: string;
+    activeLayoutId: string;
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null, HTMLElement | null>;
+    items: import("vue").ShallowRef<Map<string, SearchItem>, Map<string, SearchItem>>;
+    activeValue: import("vue").ComputedRef<string | null>;
+    activeItemId: import("vue").ComputedRef<string | undefined>;
+    visibleCount: import("vue").ComputedRef<number>;
+    isVisible: (key: string) => boolean;
+    hasVisibleItems: (groupId: string) => boolean;
+    labelFor: (key?: string) => string | undefined;
+    registerItem: (option: SearchItem) => void;
+    unregisterItem: (key: string) => void;
+    setOpen: (requested: boolean, restoreFocus?: boolean) => void;
+    setQuery: (requested: string) => void;
+    setActiveValue: (key: string | null) => void;
+    moveActive: (direction: 1 | -1 | "first" | "last") => void;
+    select: (key: string) => void;
+    remove: (key: string) => void;
+    focusInput: () => void;
+    keydown: (event: KeyboardEvent) => void;
+};
+export declare function mergeRefs<T>(...destinations: (Ref<T | null> | ((value: T | null) => void) | undefined)[]): (element: T | null) => void;
+export declare function createSearchController(props: Record<string, any>, emit: (...args: any[]) => void, multiple?: boolean): {
+    value: import("vue").WritableComputedRef<string | string[] | undefined, string | string[] | undefined>;
+    values: import("vue").ComputedRef<string[]>;
+    open: import("vue").WritableComputedRef<boolean, boolean>;
+    query: import("vue").WritableComputedRef<string, string>;
+    disabled: import("vue").ComputedRef<boolean>;
+    reduce: Ref<boolean, boolean>;
+    triggerId: string;
+    inputId: string;
+    listId: string;
+    activeLayoutId: string;
+    inputRef: Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    triggerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null, HTMLElement | null>;
+    items: import("vue").ShallowRef<Map<string, SearchItem>, Map<string, SearchItem>>;
+    activeValue: import("vue").ComputedRef<string | null>;
+    activeItemId: import("vue").ComputedRef<string | undefined>;
+    visibleCount: import("vue").ComputedRef<number>;
+    isVisible: (key: string) => boolean;
+    hasVisibleItems: (groupId: string) => boolean;
+    labelFor: (key?: string) => string | undefined;
+    registerItem: (option: SearchItem) => void;
+    unregisterItem: (key: string) => void;
+    setOpen: (requested: boolean, restoreFocus?: boolean) => void;
+    setQuery: (requested: string) => void;
+    setActiveValue: (key: string | null) => void;
+    moveActive: (direction: 1 | -1 | "first" | "last") => void;
+    select: (key: string) => void;
+    remove: (key: string) => void;
+    focusInput: () => void;
+    keydown: (event: KeyboardEvent) => void;
+};
+//# sourceMappingURL=controller.d.ts.map

package/dist/motion/_combobox/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/motion/_combobox/controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAES,KAAK,YAAY,EAAE,KAAK,GAAG,EAC1C,MAAM,KAAK,CAAC;AAIb,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B;AACD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACzE,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,gBAAgB,CAA4B,CAAC;AACxF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,gBAAgB,CAAgC,CAAC;AAC/F,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,MAAM,CAAkC,CAAC;AACzF,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAAC,MAAM,CAAsC,CAAC;AAEhG,wBAAgB,gBAAgB,CAAC,QAAQ,UAAQ,EAAE,IAAI,SAAc;;;;;;;;;;;;;;;;;;qBAuD3C,MAAM,KAAG,OAAO;+BAqJA,MAAM;qBAC3B,MAAM;2BArIK,UAAU;0BAIX,MAAM;yBASP,OAAO;0BA+EN,MAAM;0BAlEN,MAAM,GAAG,IAAI;4BAGX,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM;kBAWnC,MAAM;kBAHN,MAAM;;qBAeH,aAAa;EAxHtC;AACD,wBAAgB,qBAAqB,CAAC,IAAI,SAAc;;;;;;;;;;;;;;;;;;qBAkD9B,MAAM,KAAG,OAAO;+BAqJA,MAAM;qBAC3B,MAAM;2BArIK,UAAU;0BAIX,MAAM;yBASP,OAAO;0BA+EN,MAAM;0BAlEN,MAAM,GAAG,IAAI;4BAGX,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM;kBAWnC,MAAM;kBAHN,MAAM;;qBAeH,aAAa;EArHtC;AACD,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC,EAAE,IAC/F,SAAS,CAAC,GAAG,IAAI,UAM1B;AAqBD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,QAAQ,UAAQ;;;;;;;;;;;;;;;;;;qBAmBzF,MAAM,KAAG,OAAO;+BAqJA,MAAM;qBAC3B,MAAM;2BArIK,UAAU;0BAIX,MAAM;yBASP,OAAO;0BA+EN,MAAM;0BAlEN,MAAM,GAAG,IAAI;4BAGX,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,MAAM;kBAWnC,MAAM;kBAHN,MAAM;;qBAeH,aAAa;EAoFtC"}

package/dist/motion/_overlay/DialogSurface.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    open: boolean;
+    side?: "left" | "right" | "bottom" | "center";
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    dismissible?: boolean;
+    panelClass?: string;
+    backdropClass?: string;
+    layoutId?: string;
+};
+declare var __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    side: "left" | "right" | "center" | "bottom";
+    ariaLabel: string;
+    dismissible: 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;
+    };
+};
+//# sourceMappingURL=DialogSurface.vue.d.ts.map

package/dist/motion/_overlay/DialogSurface.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogSurface.vue.d.ts","sourceRoot":"","sources":["../../../src/motion/_overlay/DialogSurface.vue"],"names":[],"mappings":"AA8EA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA+IF,QAAA,IAAI,QAAQ,IAAY,CAAC;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/motion/_overlay/FloatingSurface.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    anchor: HTMLElement | null;
+    side?: "top" | "bottom" | "left" | "right";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    role?: string;
+};
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    role: string;
+    align: "center" | "end" | "start";
+    side: "top" | "left" | "right" | "bottom";
+    sideOffset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FloatingSurface.vue.d.ts.map

package/dist/motion/_overlay/FloatingSurface.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingSurface.vue.d.ts","sourceRoot":"","sources":["../../../src/motion/_overlay/FloatingSurface.vue"],"names":[],"mappings":"AAgGA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAyJF,QAAA,IAAI,QAAQ,IAAY,CAAC;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/motion/_overlay/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DialogSurface } from "./DialogSurface.vue";
+export { default as FloatingSurface } from "./FloatingSurface.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/motion/_overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/motion/_overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/motion/_overlay/interactivity.d.ts

@@ -0,0 +1,4 @@
+import { type Ref } from "vue";
+/** Exit animations retain DOM; their controls stop receiving input immediately. */
+export declare function useExitInteractivity(open: Ref<boolean>, surfaces: Ref<HTMLElement | null>[], inert?: Ref<HTMLElement | null>[]): void;
+//# sourceMappingURL=interactivity.d.ts.map

package/dist/motion/_overlay/interactivity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactivity.d.ts","sourceRoot":"","sources":["../../../src/motion/_overlay/interactivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACvD,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,KAAK,GAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,EAAO,QAiBlI"}

package/dist/motion/_overlay.d.ts

@@ -0,0 +1 @@
+export * from './_overlay/index';

package/dist/motion/_overlay.js

@@ -0,0 +1,214 @@
+import { i as e, o as t, s as n, t as r } from "../composables-BJ1sih_H.js";
+import { t as i } from "../utils-DIrLOK2M.js";
+import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, unref as x, watch as S, withCtx as C, withModifiers as w } from "vue";
+import { AnimatePresence as T, motion as E } from "motion-v";
+import { autoUpdate as D, computePosition as O, flip as k, offset as A, shift as j } from "@floating-ui/dom";
+// src/motion/_overlay/DialogSurface.vue?vue&type=script&setup=true&lang.ts
+var M = {
+	key: 0,
+	class: "fixed inset-0 z-[100]",
+	"data-orvui-overlay": ""
+}, N = /* @__PURE__ */ f({
+	__name: "DialogSurface",
+	props: {
+		open: { type: Boolean },
+		side: { default: "center" },
+		ariaLabel: { default: "Dialog" },
+		ariaDescribedBy: {},
+		dismissible: {
+			type: Boolean,
+			default: !0
+		},
+		panelClass: {},
+		backdropClass: {},
+		layoutId: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: f }) {
+		let p = e, h = f, g = y(!1), S = y(null), D = n(), O = () => {
+			p.dismissible && h("update:open", !1);
+		};
+		t(o(() => p.open), S, O), _(() => {
+			g.value = !0;
+		});
+		let k = o(() => D.value ? { opacity: 0 } : {
+			left: {
+				x: "-100%",
+				opacity: 1
+			},
+			right: {
+				x: "100%",
+				opacity: 1
+			},
+			bottom: {
+				y: "100%",
+				opacity: 1
+			},
+			center: {
+				y: 20,
+				scale: .94,
+				opacity: 0
+			}
+		}[p.side]), A = o(() => ({
+			center: "items-center justify-center p-4",
+			bottom: "items-end justify-center",
+			left: "justify-start",
+			right: "justify-end"
+		})[p.side]), j = o(() => p.side === "center" ? "w-full max-w-lg rounded-3xl p-6" : p.side === "bottom" ? "w-full max-w-xl rounded-t-3xl p-6" : "h-full max-h-dvh w-80 p-6");
+		return (t, n) => (v(), s(a, {
+			to: "body",
+			disabled: !g.value
+		}, [d(x(T), null, {
+			default: C(() => [e.open ? (v(), l("div", M, [d(x(E).div, {
+				class: m(x(i)("absolute inset-0 bg-black/35 backdrop-blur-sm", e.backdropClass)),
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				exit: { opacity: 0 },
+				transition: { duration: .2 },
+				onPointerdown: w(O, ["self"])
+			}, null, 8, ["class"]), u("div", { class: m(x(i)("pointer-events-none absolute inset-0 flex", A.value)) }, [d(x(E).div, {
+				ref: (e) => S.value = x(r)(e),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": e.ariaLabel,
+				"aria-describedby": e.ariaDescribedBy,
+				tabindex: "-1",
+				"layout-id": e.layoutId,
+				initial: k.value,
+				animate: {
+					x: 0,
+					y: 0,
+					scale: 1,
+					opacity: 1
+				},
+				exit: k.value,
+				transition: x(D) ? { duration: .12 } : {
+					type: "spring",
+					stiffness: 420,
+					damping: 40,
+					mass: .5
+				},
+				class: m(x(i)("pointer-events-auto relative max-h-[90dvh] overflow-auto border bg-background text-foreground shadow-2xl outline-none", j.value, e.panelClass))
+			}, {
+				default: C(() => [b(t.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"aria-label",
+				"aria-describedby",
+				"layout-id",
+				"initial",
+				"exit",
+				"transition",
+				"class"
+			])], 2)])) : c("", !0)]),
+			_: 3
+		})], 8, ["disabled"]));
+	}
+}), P = /* @__PURE__ */ f({
+	__name: "FloatingSurface",
+	props: {
+		open: { type: Boolean },
+		anchor: {},
+		side: { default: "bottom" },
+		align: { default: "center" },
+		sideOffset: { default: 8 },
+		role: { default: "dialog" }
+	},
+	emits: ["close"],
+	setup(t, { emit: i }) {
+		let l = t, u = i, f = y(!1), m = y(null), w = y({
+			left: "0px",
+			top: "0px"
+		}), M = n(), N = e(o(() => l.open), m), P, F = 0, I = !0;
+		function L() {
+			F += 1, P?.(), P = void 0;
+		}
+		async function R() {
+			L();
+			let e = F;
+			await p();
+			let t = l.anchor, n = m.value;
+			if (!I || e !== F || !l.open || !f.value || !t || !n) return;
+			let r = `${l.side}${l.align === "center" ? "" : `-${l.align}`}`;
+			P = D(t, n, async () => {
+				let i = await O(t, n, {
+					strategy: "fixed",
+					placement: r,
+					middleware: [
+						A(l.sideOffset),
+						k(),
+						j({ padding: 8 })
+					]
+				});
+				I && e === F && l.open && (w.value = {
+					left: `${i.x}px`,
+					top: `${i.y}px`
+				});
+			});
+		}
+		function z(e) {
+			if (!l.open || N.containsHigher(e.target)) return;
+			let t = e.target;
+			t && !m.value?.contains(t) && !l.anchor?.contains(t) && u("close");
+		}
+		function B(e) {
+			N.claimEscape(e) && (u("close"), l.anchor?.focus());
+		}
+		return S(() => [
+			l.open,
+			l.anchor,
+			l.side,
+			l.align,
+			l.sideOffset,
+			f.value
+		], R, { flush: "post" }), _(() => {
+			f.value = !0, document.addEventListener("pointerdown", z), document.addEventListener("keydown", B);
+		}), g(() => {
+			I = !1, L(), document.removeEventListener("pointerdown", z), document.removeEventListener("keydown", B);
+		}), (e, n) => (v(), s(a, {
+			to: "body",
+			disabled: !f.value
+		}, [d(x(T), null, {
+			default: C(() => [t.open ? (v(), s(x(E).div, {
+				key: 0,
+				ref: (e) => m.value = x(r)(e),
+				role: t.role,
+				style: h(w.value),
+				class: "fixed z-[110] max-w-[calc(100vw-16px)] rounded-2xl border bg-background p-4 text-foreground shadow-xl outline-none",
+				initial: {
+					opacity: 0,
+					scale: x(M) ? 1 : .9,
+					filter: x(M) ? "none" : "blur(4px)"
+				},
+				animate: {
+					opacity: 1,
+					scale: 1,
+					filter: "blur(0px)"
+				},
+				exit: {
+					opacity: 0,
+					scale: x(M) ? 1 : .94,
+					filter: x(M) ? "none" : "blur(4px)"
+				},
+				transition: {
+					type: "spring",
+					visualDuration: .2,
+					bounce: .12
+				},
+				onKeydown: B
+			}, {
+				default: C(() => [b(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"role",
+				"style",
+				"initial",
+				"exit"
+			])) : c("", !0)]),
+			_: 3
+		})], 8, ["disabled"]));
+	}
+});
+export { N as DialogSurface, P as FloatingSurface };
+
+//# sourceMappingURL=_overlay.js.map

package/dist/motion/_overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_overlay.js","names":["_openBlock","_createBlock","_Teleport","_createVNode","_unref","_withCtx","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_renderSlot","_createCommentVNode","_sfc_main","_openBlock","_createBlock","_Teleport","_createVNode","_unref","_withCtx","_normalizeStyle","_renderSlot","_createCommentVNode","_sfc_main","useFloatingLayer","useOverlay","useReducedMotion","resolveElement","cn","_hoisted_1","DialogSurface_default","defineComponent","__emit","props","__props","emit","portal","ref","panel","reduced","dismiss","computed","onMounted","panelPose","alignment","dimensions","openBlock","createBlock","Teleport","createVNode","unref","AnimatePresence","withCtx","createElementBlock","motion","normalizeClass","withModifiers","createElementVNode","el","renderSlot","_ctx","createCommentVNode","FloatingSurface_default","coordinates","layer","disposePosition","revision","alive","stopPositioning","restartPositioning","version","nextTick","anchor","target","placement","autoUpdate","point","computePosition","offset","flip","shift","outside","event","escape","watch","onBeforeUnmount","normalizeStyle"],"sources":["../../src/motion/_overlay/DialogSurface.vue","../../src/motion/_overlay/DialogSurface.vue","../../src/motion/_overlay/FloatingSurface.vue","../../src/motion/_overlay/FloatingSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../lib/utils\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  open: boolean;\n  side?: \"left\" | \"right\" | \"bottom\" | \"center\";\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  dismissible?: boolean;\n  panelClass?: string;\n  backdropClass?: string;\n  layoutId?: string;\n}>(), { side: \"center\", ariaLabel: \"Dialog\", dismissible: true });\nconst emit = defineEmits([\"update:open\"]);\nconst portal = ref(false);\nconst panel = ref<HTMLElement | null>(null);\nconst reduced = useReducedMotion();\nconst dismiss = () => { if (props.dismissible) emit(\"update:open\", false); };\nuseOverlay(computed(() => props.open), panel, dismiss);\nonMounted(() => { portal.value = true; });\n\nconst panelPose = computed(() => {\n  if (reduced.value) return { opacity: 0 };\n  const displaced = {\n    left: { x: \"-100%\", opacity: 1 },\n    right: { x: \"100%\", opacity: 1 },\n    bottom: { y: \"100%\", opacity: 1 },\n    center: { y: 20, scale: 0.94, opacity: 0 },\n  };\n  return displaced[props.side];\n});\nconst alignment = computed(() => ({\n  center: \"items-center justify-center p-4\",\n  bottom: \"items-end justify-center\",\n  left: \"justify-start\",\n  right: \"justify-end\",\n})[props.side]);\nconst dimensions = computed(() => props.side === \"center\"\n  ? \"w-full max-w-lg rounded-3xl p-6\"\n  : props.side === \"bottom\" ? \"w-full max-w-xl rounded-t-3xl p-6\"\n  : \"h-full max-h-dvh w-80 p-6\");\n</script>\n\n<template>\n  <Teleport to=\"body\" :disabled=\"!portal\">\n    <AnimatePresence>\n      <div v-if=\"open\" class=\"fixed inset-0 z-[100]\" data-orvui-overlay>\n        <motion.div\n          :class=\"cn('absolute inset-0 bg-black/35 backdrop-blur-sm', backdropClass)\"\n          :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\"\n          :transition=\"{ duration: 0.2 }\" @pointerdown.self=\"dismiss\"\n        />\n        <div :class=\"cn('pointer-events-none absolute inset-0 flex', alignment)\">\n          <motion.div\n            :ref=\"el => panel = resolveElement<HTMLElement>(el)\"\n            role=\"dialog\" aria-modal=\"true\" :aria-label=\"ariaLabel\"\n            :aria-describedby=\"ariaDescribedBy\" tabindex=\"-1\" :layout-id=\"layoutId\"\n            :initial=\"panelPose\" :animate=\"{ x: 0, y: 0, scale: 1, opacity: 1 }\" :exit=\"panelPose\"\n            :transition=\"reduced ? { duration: 0.12 } : { type: 'spring', stiffness: 420, damping: 40, mass: 0.5 }\"\n            :class=\"cn('pointer-events-auto relative max-h-[90dvh] overflow-auto border bg-background text-foreground shadow-2xl outline-none', dimensions, panelClass)\"\n          ><slot /></motion.div>\n        </div>\n      </div>\n    </AnimatePresence>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../lib/utils\";\nimport { resolveElement, useOverlay, useReducedMotion } from \"../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  open: boolean;\n  side?: \"left\" | \"right\" | \"bottom\" | \"center\";\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  dismissible?: boolean;\n  panelClass?: string;\n  backdropClass?: string;\n  layoutId?: string;\n}>(), { side: \"center\", ariaLabel: \"Dialog\", dismissible: true });\nconst emit = defineEmits([\"update:open\"]);\nconst portal = ref(false);\nconst panel = ref<HTMLElement | null>(null);\nconst reduced = useReducedMotion();\nconst dismiss = () => { if (props.dismissible) emit(\"update:open\", false); };\nuseOverlay(computed(() => props.open), panel, dismiss);\nonMounted(() => { portal.value = true; });\n\nconst panelPose = computed(() => {\n  if (reduced.value) return { opacity: 0 };\n  const displaced = {\n    left: { x: \"-100%\", opacity: 1 },\n    right: { x: \"100%\", opacity: 1 },\n    bottom: { y: \"100%\", opacity: 1 },\n    center: { y: 20, scale: 0.94, opacity: 0 },\n  };\n  return displaced[props.side];\n});\nconst alignment = computed(() => ({\n  center: \"items-center justify-center p-4\",\n  bottom: \"items-end justify-center\",\n  left: \"justify-start\",\n  right: \"justify-end\",\n})[props.side]);\nconst dimensions = computed(() => props.side === \"center\"\n  ? \"w-full max-w-lg rounded-3xl p-6\"\n  : props.side === \"bottom\" ? \"w-full max-w-xl rounded-t-3xl p-6\"\n  : \"h-full max-h-dvh w-80 p-6\");\n</script>\n\n<template>\n  <Teleport to=\"body\" :disabled=\"!portal\">\n    <AnimatePresence>\n      <div v-if=\"open\" class=\"fixed inset-0 z-[100]\" data-orvui-overlay>\n        <motion.div\n          :class=\"cn('absolute inset-0 bg-black/35 backdrop-blur-sm', backdropClass)\"\n          :initial=\"{ opacity: 0 }\" :animate=\"{ opacity: 1 }\" :exit=\"{ opacity: 0 }\"\n          :transition=\"{ duration: 0.2 }\" @pointerdown.self=\"dismiss\"\n        />\n        <div :class=\"cn('pointer-events-none absolute inset-0 flex', alignment)\">\n          <motion.div\n            :ref=\"el => panel = resolveElement<HTMLElement>(el)\"\n            role=\"dialog\" aria-modal=\"true\" :aria-label=\"ariaLabel\"\n            :aria-describedby=\"ariaDescribedBy\" tabindex=\"-1\" :layout-id=\"layoutId\"\n            :initial=\"panelPose\" :animate=\"{ x: 0, y: 0, scale: 1, opacity: 1 }\" :exit=\"panelPose\"\n            :transition=\"reduced ? { duration: 0.12 } : { type: 'spring', stiffness: 420, damping: 40, mass: 0.5 }\"\n            :class=\"cn('pointer-events-auto relative max-h-[90dvh] overflow-auto border bg-background text-foreground shadow-2xl outline-none', dimensions, panelClass)\"\n          ><slot /></motion.div>\n        </div>\n      </div>\n    </AnimatePresence>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { autoUpdate, computePosition, flip, offset, shift, type Placement } from \"@floating-ui/dom\";\nimport { resolveElement, useFloatingLayer, useReducedMotion } from \"../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  open: boolean;\n  anchor: HTMLElement | null;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  role?: string;\n}>(), { side: \"bottom\", align: \"center\", sideOffset: 8, role: \"dialog\" });\nconst emit = defineEmits([\"close\"]);\nconst portal = ref(false);\nconst panel = ref<HTMLElement | null>(null);\nconst coordinates = ref({ left: \"0px\", top: \"0px\" });\nconst reduced = useReducedMotion();\nconst layer = useFloatingLayer(computed(() => props.open), panel);\nlet disposePosition: (() => void) | undefined;\nlet revision = 0;\nlet alive = true;\n\nfunction stopPositioning() {\n  revision += 1;\n  disposePosition?.();\n  disposePosition = undefined;\n}\nasync function restartPositioning() {\n  stopPositioning();\n  const version = revision;\n  await nextTick();\n  const anchor = props.anchor;\n  const target = panel.value;\n  if (!alive || version !== revision || !props.open || !portal.value || !anchor || !target) return;\n  const placement = `${props.side}${props.align === \"center\" ? \"\" : `-${props.align}`}` as Placement;\n  const update = async () => {\n    const point = await computePosition(anchor, target, {\n      strategy: \"fixed\", placement,\n      middleware: [offset(props.sideOffset), flip(), shift({ padding: 8 })],\n    });\n    if (alive && version === revision && props.open)\n      coordinates.value = { left: `${point.x}px`, top: `${point.y}px` };\n  };\n  disposePosition = autoUpdate(anchor, target, update);\n}\nfunction outside(event: PointerEvent) {\n  if (!props.open || layer.containsHigher(event.target)) return;\n  const target = event.target as Node | null;\n  if (target && !panel.value?.contains(target) && !props.anchor?.contains(target)) emit(\"close\");\n}\nfunction escape(event: KeyboardEvent) {\n  if (!layer.claimEscape(event)) return;\n  emit(\"close\");\n  props.anchor?.focus();\n}\nwatch(() => [props.open, props.anchor, props.side, props.align, props.sideOffset, portal.value], restartPositioning, { flush: \"post\" });\nonMounted(() => {\n  portal.value = true;\n  document.addEventListener(\"pointerdown\", outside);\n  document.addEventListener(\"keydown\", escape);\n});\nonBeforeUnmount(() => {\n  alive = false;\n  stopPositioning();\n  document.removeEventListener(\"pointerdown\", outside);\n  document.removeEventListener(\"keydown\", escape);\n});\n</script>\n\n<template>\n  <Teleport to=\"body\" :disabled=\"!portal\">\n    <AnimatePresence>\n      <motion.div v-if=\"open\"\n        :ref=\"el => panel = resolveElement<HTMLElement>(el)\"\n        :role=\"role\" :style=\"coordinates\"\n        class=\"fixed z-[110] max-w-[calc(100vw-16px)] rounded-2xl border bg-background p-4 text-foreground shadow-xl outline-none\"\n        :initial=\"{ opacity: 0, scale: reduced ? 1 : 0.9, filter: reduced ? 'none' : 'blur(4px)' }\"\n        :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n        :exit=\"{ opacity: 0, scale: reduced ? 1 : 0.94, filter: reduced ? 'none' : 'blur(4px)' }\"\n        :transition=\"{ type: 'spring', visualDuration: 0.2, bounce: 0.12 }\"\n        @keydown=\"escape\"\n      ><slot /></motion.div>\n    </AnimatePresence>\n  </Teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { autoUpdate, computePosition, flip, offset, shift, type Placement } from \"@floating-ui/dom\";\nimport { resolveElement, useFloatingLayer, useReducedMotion } from \"../../lib/composables\";\n\nconst props = withDefaults(defineProps<{\n  open: boolean;\n  anchor: HTMLElement | null;\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  sideOffset?: number;\n  role?: string;\n}>(), { side: \"bottom\", align: \"center\", sideOffset: 8, role: \"dialog\" });\nconst emit = defineEmits([\"close\"]);\nconst portal = ref(false);\nconst panel = ref<HTMLElement | null>(null);\nconst coordinates = ref({ left: \"0px\", top: \"0px\" });\nconst reduced = useReducedMotion();\nconst layer = useFloatingLayer(computed(() => props.open), panel);\nlet disposePosition: (() => void) | undefined;\nlet revision = 0;\nlet alive = true;\n\nfunction stopPositioning() {\n  revision += 1;\n  disposePosition?.();\n  disposePosition = undefined;\n}\nasync function restartPositioning() {\n  stopPositioning();\n  const version = revision;\n  await nextTick();\n  const anchor = props.anchor;\n  const target = panel.value;\n  if (!alive || version !== revision || !props.open || !portal.value || !anchor || !target) return;\n  const placement = `${props.side}${props.align === \"center\" ? \"\" : `-${props.align}`}` as Placement;\n  const update = async () => {\n    const point = await computePosition(anchor, target, {\n      strategy: \"fixed\", placement,\n      middleware: [offset(props.sideOffset), flip(), shift({ padding: 8 })],\n    });\n    if (alive && version === revision && props.open)\n      coordinates.value = { left: `${point.x}px`, top: `${point.y}px` };\n  };\n  disposePosition = autoUpdate(anchor, target, update);\n}\nfunction outside(event: PointerEvent) {\n  if (!props.open || layer.containsHigher(event.target)) return;\n  const target = event.target as Node | null;\n  if (target && !panel.value?.contains(target) && !props.anchor?.contains(target)) emit(\"close\");\n}\nfunction escape(event: KeyboardEvent) {\n  if (!layer.claimEscape(event)) return;\n  emit(\"close\");\n  props.anchor?.focus();\n}\nwatch(() => [props.open, props.anchor, props.side, props.align, props.sideOffset, portal.value], restartPositioning, { flush: \"post\" });\nonMounted(() => {\n  portal.value = true;\n  document.addEventListener(\"pointerdown\", outside);\n  document.addEventListener(\"keydown\", escape);\n});\nonBeforeUnmount(() => {\n  alive = false;\n  stopPositioning();\n  document.removeEventListener(\"pointerdown\", outside);\n  document.removeEventListener(\"keydown\", escape);\n});\n</script>\n\n<template>\n  <Teleport to=\"body\" :disabled=\"!portal\">\n    <AnimatePresence>\n      <motion.div v-if=\"open\"\n        :ref=\"el => panel = resolveElement<HTMLElement>(el)\"\n        :role=\"role\" :style=\"coordinates\"\n        class=\"fixed z-[110] max-w-[calc(100vw-16px)] rounded-2xl border bg-background p-4 text-foreground shadow-xl outline-none\"\n        :initial=\"{ opacity: 0, scale: reduced ? 1 : 0.9, filter: reduced ? 'none' : 'blur(4px)' }\"\n        :animate=\"{ opacity: 1, scale: 1, filter: 'blur(0px)' }\"\n        :exit=\"{ opacity: 0, scale: reduced ? 1 : 0.94, filter: reduced ? 'none' : 'blur(4px)' }\"\n        :transition=\"{ type: 'spring', visualDuration: 0.2, bounce: 0.12 }\"\n        @keydown=\"escape\"\n      ><slot /></motion.div>\n    </AnimatePresence>\n  </Teleport>\n</template>\n"],"mappings":"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"}

package/dist/motion/action-swap/index.d.ts

@@ -0,0 +1,15 @@
+export { default as ActionSwapText } from "./src/ActionSwapText.vue";
+export { default as ActionSwapIcon } from "./src/ActionSwapIcon.vue";
+export { default as ActionSwapButton } from "./src/ActionSwapButton.vue";
+export { default as ActionSwapCascadeButton } from "./src/ActionSwapCascadeButton.vue";
+export { default as ActionSwapCascadeText } from "./src/ActionSwapCascadeText.vue";
+export { default as ActionSwapCascadeIcon } from "./src/ActionSwapCascadeIcon.vue";
+export { default as ActionSwapBlurButton } from "./src/ActionSwapBlurButton.vue";
+export { default as ActionSwapBlurText } from "./src/ActionSwapBlurText.vue";
+export { default as ActionSwapBlurIcon } from "./src/ActionSwapBlurIcon.vue";
+export { default as ActionSwapRollButton } from "./src/ActionSwapRollButton.vue";
+export { default as ActionSwapRollText } from "./src/ActionSwapRollText.vue";
+export { default as ActionSwapRollIcon } from "./src/ActionSwapRollIcon.vue";
+export type * from "./src/api-types";
+export type * from "./src/public-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/motion/action-swap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/motion/action-swap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAE7E,mBAAmB,iBAAiB,CAAC;AAErC,mBAAmB,oBAAoB,CAAC"}

package/dist/motion/action-swap/src/ActionSwapBlurButton.vue.d.ts

@@ -0,0 +1,56 @@
+import type { Component, VNodeChild } from "vue";
+type __VLS_Props = {
+    items: {
+        id: string;
+        label: VNodeChild | Component;
+        icon?: VNodeChild | Component;
+        ariaLabel?: string;
+    }[];
+    modelValue?: string;
+    value?: string;
+    defaultValue?: string;
+    cycle?: boolean;
+    disabled?: boolean;
+    variant?: "primary" | "secondary" | "outline" | "ghost";
+    size?: "sm" | "md" | "lg" | "icon";
+};
+declare var __VLS_12: {
+    item: {
+        id: string;
+        label: VNodeChild | Component;
+        icon?: VNodeChild | Component;
+        ariaLabel?: string;
+    };
+}, __VLS_15: {
+    item: {
+        id: string;
+        label: VNodeChild | Component;
+        icon?: VNodeChild | Component;
+        ariaLabel?: string;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    icon?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    "update:value": (...args: any[]) => void;
+    valueChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onValueChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    cycle: 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;
+    };
+};
+//# sourceMappingURL=ActionSwapBlurButton.vue.d.ts.map

package/dist/motion/action-swap/src/ActionSwapBlurButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSwapBlurButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/motion/action-swap/src/ActionSwapBlurButton.vue"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1G,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CAC7F,CAAC;AA0FF,QAAA,IAAI,QAAQ;;;;;;;CAAY,EAAE,QAAQ;;;;;;;CAAY,CAAC;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/motion/action-swap/src/ActionSwapBlurIcon.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    value: string | number;
+};
+type __VLS_Slots = {
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};
+//# sourceMappingURL=ActionSwapBlurIcon.vue.d.ts.map

package/dist/motion/action-swap/src/ActionSwapBlurIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSwapBlurIcon.vue.d.ts","sourceRoot":"","sources":["../../../../src/motion/action-swap/src/ActionSwapBlurIcon.vue"],"names":[],"mappings":"AAWA,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAgC3C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/motion/action-swap/src/ActionSwapBlurText.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    value: string | number;
+};
+type __VLS_Slots = {
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};
+//# sourceMappingURL=ActionSwapBlurText.vue.d.ts.map

package/dist/motion/action-swap/src/ActionSwapBlurText.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSwapBlurText.vue.d.ts","sourceRoot":"","sources":["../../../../src/motion/action-swap/src/ActionSwapBlurText.vue"],"names":[],"mappings":"AAWA,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAE9C,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAgC3C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}