@flux-ui/internals 3.0.0-next.8 → 3.0.0

package/src/directive/heightTransition.ts

@@ -34,7 +34,7 @@ class HeightTransition {
         }
 
         getComputedStyle(this.#root);
-        requestAnimationFrame(() => requestAnimationFrame(() => this.#root.style.height = height));
+        requestAnimationFrame(() => this.#root.style.height = height);
     }
 }
 
@@ -49,7 +49,11 @@ export default {
         const heightTransition = new HeightTransition(elm);
         heightTransition.register();
         heightTransitions.set(elm, heightTransition);
+    },
+
+    getSSRProps(): Record<string, unknown> {
+        return {};
     }
-} satisfies Directive;
+} satisfies Directive as Directive;
 
 const heightTransitions: WeakMap<HTMLElement, HeightTransition> = new WeakMap();

package/src/directive/index.ts

@@ -4,4 +4,4 @@ import vHeightTransition from './heightTransition';
 export {
     vFocusTrap,
     vHeightTransition
-}
+};

package/src/util/animationFrameDebounce.ts

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

package/src/util/flattenVNodeTree.ts

@@ -1,12 +1,11 @@
-import type { VNode } from 'vue';
-import { Fragment } from 'vue';
+import { Fragment, type VNode } from 'vue';
 
-export default function (vnodes: VNode[]): VNode[] {
+export default function flattenVNodeTree(vnodes: VNode[]): VNode[] {
     const flattened: VNode[] = [];
 
     for (const vnode of vnodes) {
         if (vnode.type === Fragment && Array.isArray(vnode.children)) {
-            flattened.push(...(vnode.children as VNode[]));
+            flattened.push(...flattenVNodeTree(vnode.children as VNode[]));
             continue;
         }
 

package/src/util/focusTrap.ts

@@ -11,14 +11,17 @@ class FocusTrapLockStack {
     #traps: FocusTrap[] = [];
 
     add(id: FocusTrap['id'], setEnabled: FocusTrap['setEnabled'], autoFocus: boolean = true): void {
-        const trap: FocusTrap = {id, setEnabled, isEnabled: true};
-        this.current && this.toggle(this.current, false);
-        this.#traps.push(trap);
+        const trap: FocusTrap = {id, setEnabled, isEnabled: false};
 
         if (autoFocus) {
+            this.current && this.toggle(this.current, false);
+            this.#traps.push(trap);
             this.toggle(trap, true);
-            this.emit();
+        } else {
+            this.#traps.push(trap);
         }
+
+        this.emit();
     }
 
     remove(id: FocusTrap['id']): void {
@@ -59,4 +62,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/getBidirectionalFocusElement.ts

@@ -107,4 +107,4 @@ function getBidirectionalInfoForElements(elements: HTMLElement[]): Bidirectional
 type BidirectionalInfo = Omit<DOMRect, 'x' | 'y' | 'toJSON'> & {
     center: { x: number; y: number; };
     distance: number;
-}
+};

package/src/util/getComponentName.ts

@@ -14,4 +14,4 @@ type ExtendedVNode = {
     readonly type: VNode['type'] & {
         readonly __name?: string;
     };
-}
+};

package/src/util/getFocusableElement.ts

@@ -5,8 +5,9 @@ export default function (container: HTMLElement, direction: number, activeElemen
     const elements = getFocusableElements(container);
     const focusedElement = activeElement || document.activeElement;
 
-    if (!focusedElement || !isHtmlElement(focusedElement))
+    if (!focusedElement || !isHtmlElement(focusedElement)) {
         return elements[0] || undefined;
+    }
 
     const currentIndex = elements.indexOf(focusedElement);
 

package/src/util/getFocusableElements.ts

@@ -1,11 +1,12 @@
 import { isHtmlElement } from '@basmilius/utils';
 
 const FOCUSABLE_ELEMENTS = [
-    'a:not([disabled])',
+    'a[href]:not([disabled])',
     'button:not([disabled])',
-    'input[type=checkbox]:not([disabled])',
-    'input[type=radio]:not([disabled])',
-    'input[type=text]:not([disabled])',
+    'input:not([type=hidden]):not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[contenteditable]:not([contenteditable=false])',
     '[tabindex]:not([disabled]):not([tabindex="-1"])'
 ].join(',');
 

package/src/util/getKeyboardFocusableElements.ts

@@ -1,5 +1,5 @@
 export default function (root: HTMLElement): HTMLElement[] {
     return Array.from<HTMLElement>(root.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'))
-        .filter(elm => !elm.hasAttribute('disabled') || elm.getAttribute('disabled') !== 'true')
+        .filter(elm => !elm.hasAttribute('disabled'))
         .filter(elm => !elm.hasAttribute('aria-disabled') || elm.getAttribute('aria-disabled') !== 'true');
 }

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';
@@ -6,10 +7,11 @@ export { default as getExposedRef } from './getExposedRef';
 export { default as getFocusableElement } from './getFocusableElement';
 export { default as getFocusableElements } from './getFocusableElements';
 export { default as getKeyboardFocusableElements } from './getKeyboardFocusableElements';
+export { default as isActiveElement } from './isActiveElement';
 export { default as unrefTemplateElement, type TemplateElement, type TemplateRef } from './unrefTemplateElement';
 export { default as warn } from './warn';
 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/src/util/isActiveElement.ts

@@ -0,0 +1,5 @@
+const ACTIVE_ELEMENT_SELECTOR = '[aria-selected="true"], [aria-checked="true"], [aria-current]';
+
+export default function (element: HTMLElement): boolean {
+    return element.matches(ACTIVE_ELEMENT_SELECTOR);
+}

package/src/util/unrefTemplateElement.ts

@@ -1,5 +1,5 @@
 import { isHtmlElement } from '@basmilius/utils';
-import { ComponentPublicInstance, ShallowRef, unref } from 'vue';
+import { type ComponentPublicInstance, type ShallowRef, unref } from 'vue';
 
 export type TemplateElement<TElement extends HTMLElement> = ComponentPublicInstance<any, any, any, any, any, any, any, any, any, any, any, any, any, any, TElement> | TElement | null;
 export type TemplateRef<TElement extends HTMLElement> = Readonly<ShallowRef<TemplateElement<TElement>>>;

package/src/util/wrapFocus.ts

@@ -3,7 +3,7 @@ export default function (elm: HTMLElement, targetElm: Element, forceFirst: boole
     const position = targetElm.compareDocumentPosition(elm);
     let wrappedTarget: HTMLElement | null;
 
-    if (position && Node.DOCUMENT_POSITION_PRECEDING || forceFirst) {
+    if ((position & Node.DOCUMENT_POSITION_PRECEDING) !== 0 || forceFirst) {
         wrappedTarget = walker.firstChild() as HTMLElement | null;
     } else {
         wrappedTarget = walker.lastChild() as HTMLElement | null;

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/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;