@flux-ui/internals 3.0.0-next.3 → 3.0.0-next.31

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@flux-ui/internals",
     "description": "Contains internal workings of Flux UI packages.",
-    "version": "3.0.0-next.3",
+    "version": "3.0.0-next.31",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
@@ -22,7 +22,7 @@
         "flux"
     ],
     "scripts": {
-        "build": "bun -b build.ts"
+        "build": "tsdown"
     },
     "files": [
         "dist",
@@ -32,30 +32,27 @@
         "access": "public",
         "provenance": true
     },
-    "main": "./dist/flux-internals.js",
-    "module": "./dist/flux-internals.js",
-    "types": "./dist/index.d.ts",
-    "typings": "./dist/index.d.ts",
+    "main": "./dist/index.mjs",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.mts",
+    "typings": "./dist/index.d.mts",
     "sideEffects": false,
     "exports": {
         ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/flux-internals.js"
+            "types": "./dist/index.d.mts",
+            "default": "./dist/index.mjs"
         }
     },
     "dependencies": {
-        "@basmilius/utils": "^1.13.0",
-        "lodash-es": "^4.17.21",
-        "luxon": "^3.6.1",
-        "vue": "^3.5.13"
+        "@basmilius/common": "^3.11.0",
+        "@basmilius/utils": "^3.11.0",
+        "lodash-es": "^4.17.23",
+        "luxon": "^3.7.2",
+        "vue": "^3.6.0-beta.7"
     },
     "devDependencies": {
-        "@fortawesome/fontawesome-common-types": "^6.7.2",
-        "@types/bun": "^1.2.10",
-        "@types/luxon": "^3.6.2",
-        "lodash-es": "^4.17.21",
-        "luxon": "^3.6.1",
-        "oxc-transform": "^0.66.0",
-        "vue": "^3.5.13"
+        "@types/bun": "^1.3.10",
+        "@types/luxon": "^3.7.1",
+        "tsdown": "^0.21.0"
     }
 }

package/src/composable/index.ts

@@ -1,13 +1,8 @@
 export { default as useCalendar } from './useCalendar';
 export { default as useCalendarMonthSwitcher } from './useCalendarMonthSwitcher';
 export { default as useCalendarYearSwitcher } from './useCalendarYearSwitcher';
-export { default as useClickOutside } from './useClickOutside';
-export { default as useComponentId } from './useComponentId';
-export { default as useDebouncedRef } from './useDebouncedRef';
 export { default as useEventListener } from './useEventListener';
-export { default as useInterval } from './useInterval';
 export { default as useInView } from './useInView';
-export { default as useMutationObserver } from './useMutationObserver';
 export { default as useRemembered } from './useRemembered';
 export { default as useScrollPosition } from './useScrollPosition';
 

package/src/composable/useFocusTrap.ts

@@ -13,7 +13,7 @@ export default function (containerRef: TemplateRef<HTMLElement>, options: UseFoc
     const {disable = ref(false), disableReturn = ref(false), attachTo = null} = options;
     const enabled = useFocusTrapLock(!disable);
 
-    useFocusTrapReturn(disableReturn);
+    useFocusTrapReturn(containerRef, disableReturn);
 
     watch(containerRef, (_, __, onCleanup) => {
         const container = unrefTemplateElement(containerRef);

package/src/composable/useFocusTrapReturn.ts

@@ -1,14 +1,18 @@
-import type { Ref } from 'vue';
-import { onUnmounted, ref, unref } from 'vue';
+import { type Ref, unref, watch } from 'vue';
+import { type TemplateRef, unrefTemplateElement } from '../util';
 
-export default function (disabled: Ref<boolean>): void {
-    const target = ref<HTMLElement | null>(document.activeElement as HTMLElement | null);
+export default function (containerRef: TemplateRef<HTMLElement>, disabled: Ref<boolean>): void {
+    watch(containerRef, (_, __, onCleanup) => {
+        const container = unrefTemplateElement(containerRef);
 
-    onUnmounted(() => {
-        if (unref(disabled)) {
+        if (!container || unref(disabled)) {
             return;
         }
 
-        requestAnimationFrame(() => unref(target)?.focus());
+        const previousTarget = document.activeElement as HTMLElement | null;
+
+        onCleanup(() => {
+            requestAnimationFrame(() => previousTarget?.focus());
+        });
     });
 }

package/src/composable/useFocusZone.ts

@@ -1,13 +1,14 @@
-import { watch } from 'vue';
-import type { TemplateRef } from '../util';
-import { getBidirectionalFocusElement, getFocusableElement, getFocusableElements, unrefTemplateElement } from '../util';
-import useMutationObserver from './useMutationObserver';
+import { unwrapElement, useMutationObserver } from '@basmilius/common';
+import { type ComponentPublicInstance, type Ref, watch } from 'vue';
+import { getBidirectionalFocusElement, getFocusableElement, getFocusableElements } from '../util';
 
-export default function <TElement extends HTMLElement>(containerRef: TemplateRef<TElement>, {cycle = true, direction = 'bidirectional'}: UseFocusZoneOptions = {}): void {
+type EligibleElement = ComponentPublicInstance | HTMLElement;
+
+export default function <TElement extends EligibleElement>(containerRef: Ref<TElement>, {cycle = true, direction = 'bidirectional'}: UseFocusZoneOptions = {}): void {
     useMutationObserver(containerRef, () => updateFocus(findInitialIndex(), false));
 
     function findInitialIndex(): number {
-        const container = unrefTemplateElement(containerRef)!;
+        const container = unwrapElement(containerRef);
         const elements = getFocusableElements(container);
         const isActiveIndex = elements.findIndex(e => e.classList.contains('is-active'));
         const notDisabledIndex = elements.findIndex(e => !e.hasAttribute('aria-disabled'));
@@ -24,7 +25,7 @@ export default function <TElement extends HTMLElement>(containerRef: TemplateRef
     }
 
     function updateFocus(elementIndex: number, doFocus: boolean = true): void {
-        const container = unrefTemplateElement(containerRef)!;
+        const container = unwrapElement(containerRef)!;
         const elements = getFocusableElements(container);
         elements.forEach((elm, index) => elm.tabIndex = index === elementIndex ? 0 : -1);
 
@@ -32,7 +33,7 @@ export default function <TElement extends HTMLElement>(containerRef: TemplateRef
     }
 
     function onKeyDown(evt: KeyboardEvent): void {
-        const container = unrefTemplateElement(containerRef)!;
+        const container = unwrapElement(containerRef)!;
         const elements = getFocusableElements(container);
 
         if (['Enter', ' '].includes(evt.key)) {
@@ -52,7 +53,7 @@ export default function <TElement extends HTMLElement>(containerRef: TemplateRef
     }
 
     watch(containerRef, (_, __, onCleanup) => {
-        const container = unrefTemplateElement(containerRef);
+        const container = unwrapElement(containerRef);
 
         if (!container) {
             return;

package/src/directive/focusTrap.ts

@@ -71,6 +71,10 @@ export default {
         const focusTrap = new FocusTrap(elm);
         focusTrap.register();
         focusTraps.set(elm, focusTrap);
+    },
+
+    getSSRProps(): Record<string, unknown> {
+        return {};
     }
 } satisfies Directive;
 

package/src/directive/heightTransition.ts

@@ -49,6 +49,10 @@ export default {
         const heightTransition = new HeightTransition(elm);
         heightTransition.register();
         heightTransitions.set(elm, heightTransition);
+    },
+
+    getSSRProps(): Record<string, unknown> {
+        return {};
     }
 } satisfies Directive;
 

package/src/util/animationFrameDebounce.ts

@@ -0,0 +1,10 @@
+import type { FluxMaybePromise } from '@flux-ui/types';
+
+export default function <T extends () => FluxMaybePromise<void>>(fn: T): T {
+    let animationFrame = 0;
+
+    return () => {
+        cancelAnimationFrame(animationFrame);
+        animationFrame = requestAnimationFrame(fn);
+    };
+}

package/src/util/focusTrap.ts

@@ -59,4 +59,5 @@ interface FocusTrap {
 
 export type FocusTrapListener = (isEnabled: boolean, focusTraps: FocusTrap[]) => void;
 
-export default new FocusTrapLockStack();
+const _default: FocusTrapLockStack = new FocusTrapLockStack();
+export default _default;

package/src/util/index.ts

@@ -1,3 +1,4 @@
+export { default as animationFrameDebounce } from './animationFrameDebounce';
 export { default as flattenVNodeTree } from './flattenVNodeTree';
 export { default as getBidirectionalFocusElement } from './getBidirectionalFocusElement';
 export { default as getComponentName } from './getComponentName';
@@ -12,4 +13,4 @@ export { default as wrapFocus } from './wrapFocus';
 
 export { default as FOCUS_TRAP_LOCKS, type FocusTrapListener } from './focusTrap';
 
-export const isSSR = !globalThis.document;
+export const isSSR: boolean = !globalThis.document;

package/dist/composable/index.d.ts

@@ -1,17 +0,0 @@
-export { default as useCalendar } from "./useCalendar";
-export { default as useCalendarMonthSwitcher } from "./useCalendarMonthSwitcher";
-export { default as useCalendarYearSwitcher } from "./useCalendarYearSwitcher";
-export { default as useClickOutside } from "./useClickOutside";
-export { default as useComponentId } from "./useComponentId";
-export { default as useDebouncedRef } from "./useDebouncedRef";
-export { default as useEventListener } from "./useEventListener";
-export { default as useInterval } from "./useInterval";
-export { default as useInView } from "./useInView";
-export { default as useMutationObserver } from "./useMutationObserver";
-export { default as useRemembered } from "./useRemembered";
-export { default as useScrollPosition } from "./useScrollPosition";
-export { default as useFocusTrap } from "./useFocusTrap";
-export { default as useFocusTrapLock } from "./useFocusTrapLock";
-export { default as useFocusTrapReturn } from "./useFocusTrapReturn";
-export { default as useFocusTrapSubscription } from "./useFocusTrapSubscription";
-export { default as useFocusZone } from "./useFocusZone";

package/dist/composable/useCalendar.d.ts

@@ -1,20 +0,0 @@
-import type { DateTime } from "luxon";
-import { type Ref } from "vue";
-export default function(initialDate: DateTime, options?: UseCalendarOptions): UseCalendarReturn;
-type UseCalendarOptions = {
-	readonly monthLength?: "short" | "long"
-	readonly weekDayLength?: "short" | "long"
-};
-type UseCalendarReturn = {
-	readonly isTransitioningToPast: Ref<boolean>
-	readonly viewDate: Ref<DateTime>
-	readonly viewDateNext: Ref<DateTime>
-	readonly viewDatePrevious: Ref<DateTime>
-	readonly viewMonth: Ref<string>
-	readonly viewYear: Ref<string>
-	readonly dates: Ref<DateTime[]>
-	readonly days: Ref<string[]>
-	setViewDate(date: DateTime): void
-	nextMonth(): void
-	previousMonth(): void
-};

package/dist/composable/useCalendarMonthSwitcher.d.ts

@@ -1,10 +0,0 @@
-import type { DateTime } from "luxon";
-import type { Ref } from "vue";
-export default function(currentDate: Ref<DateTime>, displayLength: "short" | "long"): UseCalendarMonthSwitcherReturn;
-type MonthEntry = {
-	readonly date: DateTime
-	readonly label: string
-};
-type UseCalendarMonthSwitcherReturn = {
-	readonly months: Ref<MonthEntry[]>
-};

package/dist/composable/useCalendarYearSwitcher.d.ts

@@ -1,8 +0,0 @@
-import type { DateTime } from "luxon";
-import type { Ref } from "vue";
-export default function(currentDate: Ref<DateTime>, limit?: number): UseCalendarYearSwitcherReturn;
-type UseCalendarYearSwitcherReturn = {
-	readonly years: Ref<number[]>
-	next(): void
-	previous(): void
-};

package/dist/composable/useClickOutside.d.ts

@@ -1,4 +0,0 @@
-import type { Ref } from "vue";
-import type { TemplateRef } from "../util";
-type Handler = ((evt: PointerEvent) => void) | ((evt: PointerEvent) => Promise<void>);
-export default function<TElement extends HTMLElement>(elementRefs: TemplateRef<TElement> | TemplateRef<TElement>[], enabled: boolean | Ref<boolean>, onOutsideClick: Handler): void;

package/dist/composable/useComponentId.d.ts

@@ -1,2 +0,0 @@
-import type { ComputedRef } from "vue";
-export default function(): ComputedRef<number>;

package/dist/composable/useDebouncedRef.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from "vue";
-export default function<T>(initialValue: Ref<T> | T, delay: number, immediate?: boolean): Ref<T>;

package/dist/composable/useEventListener.d.ts

@@ -1,2 +0,0 @@
-import type { TemplateRef } from "../util";
-export default function<K extends keyof HTMLElementEventMap>(elementRef: TemplateRef<HTMLElement>, eventName: K, listener: (evt: HTMLElementEventMap[K]) => any, options?: AddEventListenerOptions): void;

package/dist/composable/useFocusTrap.d.ts

@@ -1,8 +0,0 @@
-import type { Ref } from "vue";
-import type { TemplateRef } from "../util";
-export default function(containerRef: TemplateRef<HTMLElement>, options?: UseFocusTrapOptions): void;
-type UseFocusTrapOptions = {
-	attachTo?: HTMLElement | Document
-	disable?: Ref<boolean>
-	disableReturn?: Ref<boolean>
-};

package/dist/composable/useFocusTrapLock.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from "vue";
-export default function(autoFocus?: boolean): Ref<boolean>;

package/dist/composable/useFocusTrapReturn.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from "vue";
-export default function(disabled: Ref<boolean>): void;

package/dist/composable/useFocusTrapSubscription.d.ts

@@ -1,2 +0,0 @@
-import type { FocusTrapListener } from "../util";
-export default function(listener: FocusTrapListener): void;

package/dist/composable/useFocusZone.d.ts

@@ -1,6 +0,0 @@
-import type { TemplateRef } from "../util";
-export default function<TElement extends HTMLElement>(containerRef: TemplateRef<TElement>, { cycle, direction }?: UseFocusZoneOptions): void;
-type UseFocusZoneOptions = {
-	readonly cycle?: boolean
-	readonly direction?: "bidirectional" | "horizontal" | "vertical"
-};

package/dist/composable/useInView.d.ts

@@ -1,6 +0,0 @@
-import type { Ref } from "vue";
-import type { TemplateRef } from "../util";
-export default function<TElement extends HTMLElement>(containerRef: TemplateRef<TElement>, options?: UseInViewOptions): Ref<boolean>;
-type UseInViewOptions = IntersectionObserverInit & {
-	readonly initial?: boolean
-};

package/dist/composable/useInterval.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from "vue";
-export default function(interval: Ref<number> | number, fn: Function): void;

package/dist/composable/useMutationObserver.d.ts

@@ -1,2 +0,0 @@
-import type { TemplateRef } from "../util";
-export default function<TElement extends HTMLElement>(elementRef: TemplateRef<TElement>, callback: MutationCallback, options?: MutationObserverInit): void;

package/dist/composable/useRemembered.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from "vue";
-export default function<T>(key: string, initialValue: T): Ref<T>;

package/dist/composable/useScrollPosition.d.ts

@@ -1,7 +0,0 @@
-import type { Ref } from "vue";
-import type { TemplateRef } from "../util";
-export default function<TElement extends HTMLElement>(elementRef?: TemplateRef<TElement>): UseScrollPositionReturn;
-export type UseScrollPositionReturn = {
-	readonly x: Ref<number>
-	readonly y: Ref<number>
-};

package/dist/data/color.d.ts

@@ -1,242 +0,0 @@
-export declare const slate50 = "#f8fafc";
-export declare const slate100 = "#f1f5f9";
-export declare const slate200 = "#e2e8f0";
-export declare const slate300 = "#cbd5e1";
-export declare const slate400 = "#94a3b8";
-export declare const slate500 = "#64748b";
-export declare const slate600 = "#475569";
-export declare const slate700 = "#334155";
-export declare const slate800 = "#1e293b";
-export declare const slate900 = "#0f172a";
-export declare const slate950 = "#020617";
-export declare const gray50 = "#f9fafb";
-export declare const gray100 = "#f3f4f6";
-export declare const gray200 = "#e5e7eb";
-export declare const gray300 = "#d1d5db";
-export declare const gray400 = "#9ca3af";
-export declare const gray500 = "#6b7280";
-export declare const gray600 = "#4b5563";
-export declare const gray700 = "#374151";
-export declare const gray800 = "#1f2937";
-export declare const gray900 = "#111827";
-export declare const gray950 = "#030712";
-export declare const zinc50 = "#fafafa";
-export declare const zinc100 = "#f4f4f5";
-export declare const zinc200 = "#e4e4e7";
-export declare const zinc300 = "#d4d4d8";
-export declare const zinc400 = "#a1a1aa";
-export declare const zinc500 = "#71717a";
-export declare const zinc600 = "#52525b";
-export declare const zinc700 = "#3f3f46";
-export declare const zinc800 = "#27272a";
-export declare const zinc900 = "#18181b";
-export declare const zinc950 = "#09090b";
-export declare const neutral50 = "#fafafa";
-export declare const neutral100 = "#f5f5f5";
-export declare const neutral200 = "#e5e5e5";
-export declare const neutral300 = "#d4d4d4";
-export declare const neutral400 = "#a3a3a3";
-export declare const neutral500 = "#737373";
-export declare const neutral600 = "#525252";
-export declare const neutral700 = "#404040";
-export declare const neutral800 = "#262626";
-export declare const neutral900 = "#171717";
-export declare const neutral950 = "#0a0a0a";
-export declare const stone50 = "#fafaf9";
-export declare const stone100 = "#f5f5f4";
-export declare const stone200 = "#e7e5e4";
-export declare const stone300 = "#d6d3d1";
-export declare const stone400 = "#a8a29e";
-export declare const stone500 = "#78716c";
-export declare const stone600 = "#57534e";
-export declare const stone700 = "#44403c";
-export declare const stone800 = "#292524";
-export declare const stone900 = "#1c1917";
-export declare const stone950 = "#0c0a09";
-export declare const red50 = "#fef2f2";
-export declare const red100 = "#fee2e2";
-export declare const red200 = "#fecaca";
-export declare const red300 = "#fca5a5";
-export declare const red400 = "#f87171";
-export declare const red500 = "#ef4444";
-export declare const red600 = "#dc2626";
-export declare const red700 = "#b91c1c";
-export declare const red800 = "#991b1b";
-export declare const red900 = "#7f1d1d";
-export declare const red950 = "#450a0a";
-export declare const orange50 = "#fff7ed";
-export declare const orange100 = "#ffedd5";
-export declare const orange200 = "#fed7aa";
-export declare const orange300 = "#fdba74";
-export declare const orange400 = "#fb923c";
-export declare const orange500 = "#f97316";
-export declare const orange600 = "#ea580c";
-export declare const orange700 = "#c2410c";
-export declare const orange800 = "#9a3412";
-export declare const orange900 = "#7c2d12";
-export declare const orange950 = "#431407";
-export declare const amber50 = "#fffbeb";
-export declare const amber100 = "#fef3c7";
-export declare const amber200 = "#fde68a";
-export declare const amber300 = "#fcd34d";
-export declare const amber400 = "#fbbf24";
-export declare const amber500 = "#f59e0b";
-export declare const amber600 = "#d97706";
-export declare const amber700 = "#b45309";
-export declare const amber800 = "#92400e";
-export declare const amber900 = "#78350f";
-export declare const amber950 = "#451a03";
-export declare const yellow50 = "#fefce8";
-export declare const yellow100 = "#fef9c3";
-export declare const yellow200 = "#fef08a";
-export declare const yellow300 = "#fde047";
-export declare const yellow400 = "#facc15";
-export declare const yellow500 = "#eab308";
-export declare const yellow600 = "#ca8a04";
-export declare const yellow700 = "#a16207";
-export declare const yellow800 = "#854d0e";
-export declare const yellow900 = "#713f12";
-export declare const yellow950 = "#422006";
-export declare const lime50 = "#f7fee7";
-export declare const lime100 = "#ecfccb";
-export declare const lime200 = "#d9f99d";
-export declare const lime300 = "#bef264";
-export declare const lime400 = "#a3e635";
-export declare const lime500 = "#84cc16";
-export declare const lime600 = "#65a30d";
-export declare const lime700 = "#4d7c0f";
-export declare const lime800 = "#3f6212";
-export declare const lime900 = "#365314";
-export declare const lime950 = "#1a2e05";
-export declare const green50 = "#f0fdf4";
-export declare const green100 = "#dcfce7";
-export declare const green200 = "#bbf7d0";
-export declare const green300 = "#86efac";
-export declare const green400 = "#4ade80";
-export declare const green500 = "#22c55e";
-export declare const green600 = "#16a34a";
-export declare const green700 = "#15803d";
-export declare const green800 = "#166534";
-export declare const green900 = "#14532d";
-export declare const green950 = "#052e16";
-export declare const emerald50 = "#ecfdf5";
-export declare const emerald100 = "#d1fae5";
-export declare const emerald200 = "#a7f3d0";
-export declare const emerald300 = "#6ee7b7";
-export declare const emerald400 = "#34d399";
-export declare const emerald500 = "#10b981";
-export declare const emerald600 = "#059669";
-export declare const emerald700 = "#047857";
-export declare const emerald800 = "#065f46";
-export declare const emerald900 = "#064e3b";
-export declare const emerald950 = "#022c22";
-export declare const teal50 = "#f0fdfa";
-export declare const teal100 = "#ccfbf1";
-export declare const teal200 = "#99f6e4";
-export declare const teal300 = "#5eead4";
-export declare const teal400 = "#2dd4bf";
-export declare const teal500 = "#14b8a6";
-export declare const teal600 = "#0d9488";
-export declare const teal700 = "#0f766e";
-export declare const teal800 = "#115e59";
-export declare const teal900 = "#134e4a";
-export declare const teal950 = "#042f2e";
-export declare const cyan50 = "#ecfeff";
-export declare const cyan100 = "#cffafe";
-export declare const cyan200 = "#a5f3fc";
-export declare const cyan300 = "#67e8f9";
-export declare const cyan400 = "#22d3ee";
-export declare const cyan500 = "#06b6d4";
-export declare const cyan600 = "#0891b2";
-export declare const cyan700 = "#0e7490";
-export declare const cyan800 = "#155e75";
-export declare const cyan900 = "#164e63";
-export declare const cyan950 = "#083344";
-export declare const sky50 = "#f0f9ff";
-export declare const sky100 = "#e0f2fe";
-export declare const sky200 = "#bae6fd";
-export declare const sky300 = "#7dd3fc";
-export declare const sky400 = "#38bdf8";
-export declare const sky500 = "#0ea5e9";
-export declare const sky600 = "#0284c7";
-export declare const sky700 = "#0369a1";
-export declare const sky800 = "#075985";
-export declare const sky900 = "#0c4a6e";
-export declare const sky950 = "#082f49";
-export declare const blue50 = "#eff6ff";
-export declare const blue100 = "#dbeafe";
-export declare const blue200 = "#bfdbfe";
-export declare const blue300 = "#93c5fd";
-export declare const blue400 = "#60a5fa";
-export declare const blue500 = "#3b82f6";
-export declare const blue600 = "#2563eb";
-export declare const blue700 = "#1d4ed8";
-export declare const blue800 = "#1e40af";
-export declare const blue900 = "#1e3a8a";
-export declare const blue950 = "#172554";
-export declare const indigo50 = "#eef2ff";
-export declare const indigo100 = "#e0e7ff";
-export declare const indigo200 = "#c7d2fe";
-export declare const indigo300 = "#a5b4fc";
-export declare const indigo400 = "#818cf8";
-export declare const indigo500 = "#6366f1";
-export declare const indigo600 = "#4f46e5";
-export declare const indigo700 = "#4338ca";
-export declare const indigo800 = "#3730a3";
-export declare const indigo900 = "#312e81";
-export declare const indigo950 = "#1e1b4b";
-export declare const violet50 = "#f5f3ff";
-export declare const violet100 = "#ede9fe";
-export declare const violet200 = "#ddd6fe";
-export declare const violet300 = "#c4b5fd";
-export declare const violet400 = "#a78bfa";
-export declare const violet500 = "#8b5cf6";
-export declare const violet600 = "#7c3aed";
-export declare const violet700 = "#6d28d9";
-export declare const violet800 = "#5b21b6";
-export declare const violet900 = "#4c1d95";
-export declare const violet950 = "#2e1065";
-export declare const purple50 = "#faf5ff";
-export declare const purple100 = "#f3e8ff";
-export declare const purple200 = "#e9d5ff";
-export declare const purple300 = "#d8b4fe";
-export declare const purple400 = "#c084fc";
-export declare const purple500 = "#a855f7";
-export declare const purple600 = "#9333ea";
-export declare const purple700 = "#7e22ce";
-export declare const purple800 = "#6b21a8";
-export declare const purple900 = "#581c87";
-export declare const purple950 = "#3b0764";
-export declare const fuchsia50 = "#fdf4ff";
-export declare const fuchsia100 = "#fae8ff";
-export declare const fuchsia200 = "#f5d0fe";
-export declare const fuchsia300 = "#f0abfc";
-export declare const fuchsia400 = "#e879f9";
-export declare const fuchsia500 = "#d946ef";
-export declare const fuchsia600 = "#c026d3";
-export declare const fuchsia700 = "#a21caf";
-export declare const fuchsia800 = "#86198f";
-export declare const fuchsia900 = "#701a75";
-export declare const fuchsia950 = "#4a044e";
-export declare const pink50 = "#fdf2f8";
-export declare const pink100 = "#fce7f3";
-export declare const pink200 = "#fbcfe8";
-export declare const pink300 = "#f9a8d4";
-export declare const pink400 = "#f472b6";
-export declare const pink500 = "#ec4899";
-export declare const pink600 = "#db2777";
-export declare const pink700 = "#be185d";
-export declare const pink800 = "#9d174d";
-export declare const pink900 = "#831843";
-export declare const pink950 = "#500724";
-export declare const rose50 = "#fff1f2";
-export declare const rose100 = "#ffe4e6";
-export declare const rose200 = "#fecdd3";
-export declare const rose300 = "#fda4af";
-export declare const rose400 = "#fb7185";
-export declare const rose500 = "#f43f5e";
-export declare const rose600 = "#e11d48";
-export declare const rose700 = "#be123c";
-export declare const rose800 = "#9f1239";
-export declare const rose900 = "#881337";
-export declare const rose950 = "#4c0519";

package/dist/data/index.d.ts

@@ -1 +0,0 @@
-export * from "./color";

package/dist/directive/focusTrap.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-	beforeUnmount(elm: HTMLElement): void
-	mounted(elm: HTMLElement): void
-};
-export default _default;

package/dist/directive/heightTransition.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-	beforeUnmount(elm: HTMLElement): void
-	mounted(elm: HTMLElement): void
-};
-export default _default;

package/dist/directive/index.d.ts

@@ -1,3 +0,0 @@
-import vFocusTrap from "./focusTrap";
-import vHeightTransition from "./heightTransition";
-export { vFocusTrap, vHeightTransition };