@livestorm/ui-vue 1.1.2 → 2.0.0

package/dist/types/src/components/UiTimeline/UiTimelineItem.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    /** Visual variant of the timeline item */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    /** Whether to show the connecting line */
+    showConnector?: boolean;
+    /** Size of the indicator dot */
+    indicatorSize?: 'sm' | 'md' | 'lg';
+    /** Custom icon class for the indicator (optional) */
+    indicatorIcon?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "default" | "primary" | "success" | "warning" | "danger";
+    showConnector: boolean;
+    indicatorSize: "sm" | "md" | "lg";
+    indicatorIcon: string;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/types/src/components/UiTimeline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UiTimeline } from './UiTimeline.vue';
+export { default as UiTimelineItem } from './UiTimelineItem.vue';

package/dist/types/src/components/UiTooltip/UiTooltip.vue.d.ts

@@ -0,0 +1,18 @@
+import type { TooltipRootProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/types/src/components/UiTooltip/UiTooltipContent.vue.d.ts

@@ -0,0 +1,54 @@
+import type { TooltipContentProps } from 'reka-ui';
+interface Props extends TooltipContentProps {
+    /**
+     * The color semantic mode for the tooltip
+     * @default 'light'
+     */
+    colorsSemantic?: 'light' | 'dark';
+    /**
+     * The maximum width of the tooltip
+     * @default 'base'
+     */
+    maxWidth?: 'xs' | 'sm' | 'md' | 'base' | 'lg' | 'xl';
+    /**
+     * Whether to show the arrow pointing to the trigger
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Width of the arrow in pixels
+     * @default 10
+     */
+    arrowWidth?: number;
+    /**
+     * Height of the arrow in pixels
+     * @default 5
+     */
+    arrowHeight?: number;
+}
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: Event) => any) | undefined;
+}>, {
+    sideOffset: number;
+    colorsSemantic: "light" | "dark";
+    maxWidth: "xs" | "sm" | "md" | "base" | "lg" | "xl";
+    showArrow: boolean;
+    arrowWidth: number;
+    arrowHeight: 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;
+    };
+};

package/dist/types/src/components/UiTooltip/UiTooltipProvider.vue.d.ts

@@ -0,0 +1,17 @@
+import type { TooltipProviderProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+    skipDelayDuration: 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;
+    };
+};

package/dist/types/src/components/UiTooltip/UiTooltipTrigger.vue.d.ts

@@ -0,0 +1,14 @@
+import type { TooltipTriggerProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipTriggerProps> & 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;
+    };
+};

package/dist/types/src/components/UiTooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { default as UiTooltip } from "./UiTooltip.vue";
+export { default as UiTooltipTrigger } from "./UiTooltipTrigger.vue";
+export { default as UiTooltipContent } from "./UiTooltipContent.vue";
+export { default as UiTooltipProvider } from "./UiTooltipProvider.vue";

package/dist/types/src/composables/useButtonStyles.d.ts

@@ -0,0 +1,20 @@
+import { type MaybeRefOrGetter } from 'vue';
+export declare const BUTTON_VARIANTS: readonly ["cta", "cta-alpha", "secondary", "tertiary"];
+export type ButtonVariant = typeof BUTTON_VARIANTS[number];
+export declare const BUTTON_COLORS: readonly ["primary", "neutral", "success", "warning", "error", "neutral-invert"];
+export type ButtonColor = typeof BUTTON_COLORS[number];
+export interface UseButtonStylesOptions {
+    variant: MaybeRefOrGetter<ButtonVariant>;
+    color: MaybeRefOrGetter<ButtonColor>;
+    /** When true, overlay classes resolve to empty (disabled/loading). */
+    disabled?: MaybeRefOrGetter<boolean>;
+}
+export declare function useButtonStyles(options: UseButtonStylesOptions): {
+    variant: import("vue").ComputedRef<"cta" | "cta-alpha" | "secondary" | "tertiary">;
+    color: import("vue").ComputedRef<"error" | "primary" | "neutral" | "warning" | "success" | "neutral-invert">;
+    bgClass: import("vue").ComputedRef<string>;
+    textClass: import("vue").ComputedRef<string>;
+    borderClasses: import("vue").ComputedRef<string[]>;
+    overlayClasses: import("vue").ComputedRef<string[]>;
+    beforeHoverOverlayClass: import("vue").ComputedRef<string>;
+};

package/dist/types/src/composables/useMobileMenu.d.ts

@@ -0,0 +1,11 @@
+export declare function useMobileMenu(): {
+    isOpen: import("vue").Ref<boolean, boolean>;
+    hasTrigger: import("vue").ComputedRef<boolean>;
+    menuLabel: import("vue").Ref<string | null, string | null>;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+    registerTrigger: () => void;
+    unregisterTrigger: () => void;
+    setMenuLabel: (label: string | null) => void;
+};

package/dist/types/src/composables/useThemeAndModes.d.ts

@@ -0,0 +1,34 @@
+import { MODE_OPTIONS, type ThemeOption, type ModeOption } from '../constants/themes';
+export default function useThemeAndModes({ themeOverride, modeOverride, contentModeOverride }?: {
+    themeOverride?: ThemeOption;
+    modeOverride?: ModeOption;
+    contentModeOverride?: ModeOption;
+}): {
+    initOnAppMounted: () => void;
+    registerWatchers: () => void;
+    addElementToWatch: (listType: "mode" | "content", { selector, element, modeOverride }: {
+        selector: string;
+        element: HTMLElement;
+        modeOverride?: (typeof MODE_OPTIONS)[number];
+    }) => void;
+    updateContentMode: typeof updateContentMode;
+    updateTheme: typeof updateTheme;
+    updateMode: typeof updateMode;
+    themeList: ("Livestorm" | "customer1" | "customer2" | "customer3")[];
+    modeOptions: ("light" | "dark")[];
+    theme: "Livestorm" | "customer1" | "customer2" | "customer3";
+    mode: "light" | "dark";
+    contentMode: "light" | "dark";
+    currentTheme: import("vue").ComputedRef<"Livestorm" | "customer1" | "customer2" | "customer3">;
+    currentMode: import("vue").ComputedRef<"light" | "dark">;
+    currentContentMode: import("vue").ComputedRef<"light" | "dark">;
+};
+declare function updateTheme(theme: ThemeOption): void;
+declare function updateMode(mode: ModeOption): void;
+/**
+ * Only exported for the `ThemePicker.vue` component to be able to update the content mode.
+ * NOT for general use.
+ * @param mode light|dark
+ */
+declare function updateContentMode(mode: ModeOption): void;
+export {};

package/dist/types/src/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sizes';
+export * from './themes';

package/dist/types/src/constants/sizes.d.ts

@@ -0,0 +1,2 @@
+export declare const SIZES: readonly ["sm", "md", "lg"];
+export type Size = typeof SIZES[number];

package/dist/types/src/constants/themes.d.ts

@@ -0,0 +1,22 @@
+export declare const THEMES: {
+    readonly LIVESTORM: "Livestorm";
+    readonly CUSTOMER1: "customer1";
+    readonly CUSTOMER2: "customer2";
+    readonly CUSTOMER3: "customer3";
+};
+export declare const MODES: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export declare const THEME_LIST: ("Livestorm" | "customer1" | "customer2" | "customer3")[];
+export declare const MODE_OPTIONS: ("light" | "dark")[];
+export type ThemeOption = typeof THEME_LIST[number];
+export type ModeOption = typeof MODE_OPTIONS[number];
+export declare const THEME_MAPPING: Record<string, ThemeOption>;
+export type ThemeKey = keyof typeof THEME_MAPPING;
+export declare const ROUTES_TO_WATCH: readonly ["signup", "signin", "forgot-password", "reset-password"];
+export declare const DEFAULT_THEME_CONFIG: {
+    readonly theme: "Livestorm";
+    readonly mode: "dark";
+    readonly contentMode: "light";
+};

package/dist/types/src/integrations/index.d.ts

@@ -0,0 +1 @@
+export * from "../components/Toast/toastDSV2";

package/dist/types/src/layouts/index.d.ts

@@ -0,0 +1,2 @@
+export { LayoutToasts };
+import LayoutToasts from '../components/Toast/LayoutToasts.vue';

package/dist/types/src/mixins/DynamicAction.d.ts

@@ -0,0 +1,30 @@
+declare namespace _default {
+    namespace props {
+        export namespace href {
+            export let type: StringConstructor;
+            let _default: null;
+            export { _default as default };
+        }
+        export namespace to {
+            let type_1: ObjectConstructor;
+            export { type_1 as type };
+            let _default_1: null;
+            export { _default_1 as default };
+        }
+        export namespace type_2 {
+            let type_3: StringConstructor;
+            export { type_3 as type };
+            let _default_2: string;
+            export { _default_2 as default };
+        }
+        export { type_2 as type };
+        export namespace value {
+            let _default_3: null;
+            export { _default_3 as default };
+        }
+    }
+    namespace computed {
+        function component(): any;
+    }
+}
+export default _default;

package/dist/types/src/primitives.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Re-exports of reka-ui headless primitives so application packages can consume
+ * them through the design system instead of depending on reka-ui directly
+ * (reka-ui is a dependency of this package, not of the app packages).
+ */
+export { FocusScope, RovingFocusGroup, RovingFocusItem } from 'reka-ui';

package/dist/types/src/theme.d.ts

@@ -0,0 +1 @@
+export type ThemeColorType = 'alert' | 'warning' | 'info' | 'success';

package/dist/types/src/utils/a11y.d.ts

@@ -0,0 +1,2 @@
+declare function focusFirstMenuItem(event: Event): void;
+export { focusFirstMenuItem };

package/dist/types/src/utils/breakpoints.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Based on Tailwind values
+ */
+export declare const BREAKPOINT_SM = 640;
+export declare const BREAKPOINT_MD = 768;
+export declare const BREAKPOINT_LG = 1024;
+export declare const BREAKPOINT_XL = 1280;
+export declare const BREAKPOINT_XL_PLUS = 1366;
+export declare const BREAKPOINT_2XL = 1536;

package/dist/types/src/utils/bus.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("mitt").Emitter<Record<import("mitt").EventType, unknown>>;
+export default _default;

package/dist/types/src/utils/clipboard.d.ts

@@ -0,0 +1,4 @@
+export function useCopyToClipboard(): {
+    canCopy: import("vue").ComputedRef<false | PermissionState | undefined>;
+    copy: (text: any, el: any, tooltipText?: string) => Promise<void>;
+};

package/dist/types/src/utils/devices.d.ts

@@ -0,0 +1,19 @@
+export default function generateFlags(headers: any, userAgent: any): {
+    userAgent: any;
+    isMobile: boolean;
+    isMobileOrTablet: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isIos: boolean;
+    isAndroid: boolean;
+    isWindows: boolean;
+    isMacOS: boolean;
+    isApple: boolean;
+    isDesktopOrTablet: boolean;
+    isSafari: boolean;
+    isFirefox: boolean;
+    isEdge: boolean;
+    isChrome: boolean;
+    isSamsung: boolean;
+    isCrawler: boolean;
+};

package/dist/types/src/utils/elements.d.ts

@@ -0,0 +1 @@
+export function focusElement(element: any): void;

package/dist/types/src/utils/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./breakpoints.js";
+export * from "./bus.js";
+export * from "./clipboard.js";
+export * from "./responsive.js";
+export * from "./router.js";
+export * from "./slot";
+export * from "./stack-view.js";
+export * from "./uid";
+export * from "./a11y";

package/dist/types/src/utils/numbers.d.ts

@@ -0,0 +1,30 @@
+declare function preventLessThanZero(num: number): number;
+interface CustomNumberFormatOptions {
+    allowNegative?: boolean;
+}
+declare function formatNumber(num: number, customOptions?: CustomNumberFormatOptions, passthroughOptions?: Intl.NumberFormatOptions): string;
+interface PercentageFormatOptions {
+    /**
+     * Number of decimal places to display
+     * @default 0
+     */
+    decimals?: number;
+    /**
+     * Whether to clamp the value between 0 and 100
+     * @default true
+     */
+    clamp?: boolean;
+    /**
+     * Value to return if the percentage is NaN or invalid
+     * @default 0
+     */
+    fallback?: number;
+}
+/**
+ * Formats a percentage value, handling NaN and invalid cases
+ * @param value - The percentage value to format
+ * @param options - Formatting options
+ * @returns Formatted percentage as a number (without the % symbol)
+ */
+declare function formatPercentage(value: number | undefined | null, options?: PercentageFormatOptions): number;
+export { formatNumber, formatPercentage, preventLessThanZero };

package/dist/types/src/utils/responsive.d.ts

@@ -0,0 +1,5 @@
+export function useResponsive(): any;
+declare namespace _default {
+    function install(app: any, options: any): void;
+}
+export default _default;

package/dist/types/src/utils/responsive.types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shape of the `$responsive` global property installed by the responsive
+ * plugin (see ./responsive.js).
+ */
+export type ResponsiveGlobalComponentProperty = {
+    width: number;
+    height: number;
+    mobile: boolean;
+    tablet: boolean;
+    smallDesktop: boolean;
+    desktop: boolean;
+};

package/dist/types/src/utils/router.d.ts

@@ -0,0 +1 @@
+export function useRouteQueryModel(variableName: any, isObject?: boolean): import("vue").WritableComputedRef<any, any>;

package/dist/types/src/utils/slot.d.ts

@@ -0,0 +1,8 @@
+export declare function useSlotsAsComponents(): Readonly<{
+    [name: string]: import("vue").Slot<any> | undefined;
+}>;
+export declare function getSlotAsComponent(vnodes: any): any;
+export declare const RenderSlot: ({ vnodes }: {
+    vnodes: any;
+}) => any;
+export declare function unwrapFragments(vnodes: any): any;

package/dist/types/src/utils/stack-view.d.ts

@@ -0,0 +1,10 @@
+export function useStackedComponent(shownRef: any, type: any): {
+    isActiveStacked: import("vue").ComputedRef<boolean>;
+    hasStackedBehind: import("vue").ComputedRef<boolean>;
+    isBehindSameType: import("vue").ComputedRef<boolean>;
+    hasStackedSameTypeBehind: import("vue").ComputedRef<boolean>;
+    stackIndex: import("vue").ComputedRef<number>;
+    onClose: (handler: any) => void;
+};
+export function useStackAutofocus(): void;
+export const hasStackedComponents: import("vue").ComputedRef<boolean>;

package/dist/types/src/utils/uid.d.ts

@@ -0,0 +1 @@
+export function getUid(): number;

package/dist/types/style.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui-vue.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.ui-popover-content{transform-origin:var(--reka-popover-content-transform-origin, center)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-07865de6],[data-v-07865de6]:before,[data-v-07865de6]:after,[data-v-07865de6]::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--ui-text-field-fade-left:0px;--ui-text-field-fade-right:0px}}}.ui-text-field-field[data-v-07865de6]{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));padding-right:0;padding-left:calc(var(--spacing,.25rem) * 3);border-width:1px;display:flex;position:relative}.ui-text-field-field--default[data-v-07865de6]{border-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));background-color:var(--color-actions-neutral-idle-alpha-light,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-actions-primary-idle-alpha-strong,var(--color-brand-alpha-dark-700));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-text-field-field--default:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--error[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));background-color:var(--color-actions-danger-idle-alpha-light,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled):hover .ui-text-field-overlay[data-v-07865de6]{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused[data-v-07865de6]{border-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-danger-strong,var(--color-red-alpha-dark-600));--tw-ring-inset:inset}.ui-text-field-field--error:not(.ui-text-field-field--disabled).ui-text-field-field--focused .ui-text-field-overlay[data-v-07865de6]{background:0 0}.ui-text-field-field--disabled[data-v-07865de6]{cursor:not-allowed;opacity:.5}.ui-text-field-overlay[data-v-07865de6]{pointer-events:none;border-radius:var(--radius-lg,.5rem);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));z-index:1;position:absolute;inset:0}.ui-text-field-icon[data-v-07865de6]{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@property --ui-text-field-fade-left{syntax:"<length>";inherits:false;initial-value:0}@property --ui-text-field-fade-right{syntax:"<length>";inherits:false;initial-value:0}.ui-text-field-element[data-v-07865de6]{min-width:0;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);z-index:2;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--ui-text-field-fade-left),#000 calc(100% - var(--ui-text-field-fade-right)),#0000);background:0 0;border:none;outline:none;flex:1;animation:linear ui-text-field-fade-07865de6;animation-timeline:scroll(self x);position:relative;overflow-x:auto}.ui-text-field-element[data-v-07865de6]:disabled{cursor:not-allowed}.ui-text-field-element[data-v-07865de6]::-webkit-scrollbar{display:none}@keyframes ui-text-field-fade-07865de6{0%{--ui-text-field-fade-left:0px}10%,to{--ui-text-field-fade-left:1.5rem}0%,90%{--ui-text-field-fade-right:1.5rem}to{--ui-text-field-fade-right:0px}}.ui-text-field-actions[data-v-07865de6]{border-radius:var(--radius-lg,.5rem);height:100%;padding-inline:calc(var(--spacing,.25rem) * 3);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.ui-text-field-loader[data-v-07865de6]{justify-content:center;align-items:center;display:flex}.ui-text-field-loader .loader[data-v-07865de6]{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);animation:var(--animate-spin,spin-07865de6 1s linear infinite);border:2px solid;border-top-color:#0000;border-radius:3.40282e38px}.ui-text-field-clear[data-v-07865de6]{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ui-text-field-clear[data-v-07865de6]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-borders-neutral-strong,var(--color-neutral-alpha-dark-600));border-radius:.25rem}@keyframes spin-07865de6{to{transform:rotate(360deg)}}@keyframes fade-in-fb2b33fa{0%{opacity:0}to{opacity:1}}@keyframes fade-out-fb2b33fa{0%{opacity:1}to{opacity:0}}.ui-dialog-overlay[data-state=open][data-v-fb2b33fa]{animation:fade-in-fb2b33fa .15s ease-out}.ui-dialog-overlay[data-state=closed][data-v-fb2b33fa]{animation:fade-out-fb2b33fa .15s ease-in}.ui-dialog-content[data-state=open][data-v-fb2b33fa]{animation:fade-scale .2s ease-out}.ui-dialog-content[data-state=closed][data-v-fb2b33fa]{animation:fade-scale .15s ease-in reverse}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-ff3ec49a],[data-v-ff3ec49a]:before,[data-v-ff3ec49a]:after,[data-v-ff3ec49a]::backdrop{--tw-border-style:solid}}}.separator[data-v-ff3ec49a]{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);text-align:center;width:100%;color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));grid-template-columns:1fr auto 1fr;grid-auto-flow:column;display:grid}.separator[data-v-ff3ec49a]:before,.separator[data-v-ff3ec49a]:after{content:"";border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-borders-neutral-light,var(--color-neutral-alpha-dark-200));width:100%;height:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.ui-input-checkbox-wrapper[data-v-679d7a1f] a{color:var(--color-text-primary-secondary,var(--color-brand-alpha-dark-700));text-decoration-line:underline}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar{width:8px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-track{background:transparent}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb{background:var(--color-neutral-alpha-dark-400);border-radius:4px}.ui-textarea[data-v-9dcda5c2]::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-alpha-dark-500)}.default[data-v-e508925c]{color:var(--color-actions-neutral-idle)}.title[data-v-e508925c]{color:var(--color-text-neutral-tertiary)}.is-active[data-v-e508925c]{background-color:var(--color-actions-primary-active-overlay);color:var(--color-actions-primary-idle)}.motion[data-v-75355621]{animation-duration:1.64s;animation-iteration-count:infinite;animation-fill-mode:both}.sweep--top[data-v-75355621]{animation-name:tornado-sweep-top-75355621}.sweep--mid[data-v-75355621]{animation-name:tornado-sweep-mid-75355621}.sweep--bot[data-v-75355621]{animation-name:tornado-sweep-bot-75355621}@keyframes tornado-sweep-top-75355621{0%{transform:translate(0);animation-timing-function:cubic-bezier(.97,0,.833,1)}19.512%{transform:translate(98.4px);animation-timing-function:step-end}20.732%{transform:translate(-246.4px);animation-timing-function:cubic-bezier(.167,0,.833,1)}36.585%{transform:translate(99.3px);animation-timing-function:step-end}37.805%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}56.098%{transform:translate(99.3px);animation-timing-function:step-end}57.317%{transform:translate(-244.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}92.683%,to{transform:translate(0)}}@keyframes tornado-sweep-mid-75355621{0%,23.171%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}39.024%{transform:translate(283px);animation-timing-function:step-end}40.244%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.833,1)}58.537%{transform:translate(283px);animation-timing-function:step-end}59.756%{transform:translate(.8px);animation-timing-function:cubic-bezier(.167,0,.03,1)}95.122%,to{transform:translate(282.2px)}}@keyframes tornado-sweep-bot-75355621{0%,25.61%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}41.463%{transform:translate(135px);animation-timing-function:step-end}42.683%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.833,1)}60.976%{transform:translate(135px);animation-timing-function:step-end}62.195%{transform:translate(0);animation-timing-function:cubic-bezier(.167,0,.03,1)}97.561%,to{transform:translate(134.6px)}}.motion[data-v-568a716f]{animation-name:ui-logo-pulse-568a716f;animation-duration:1.64s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.pulse--row-2[data-v-568a716f]{animation-delay:.18s}.pulse--row-3[data-v-568a716f]{animation-delay:.36s}@keyframes ui-logo-pulse-568a716f{0%,to{opacity:1}50%{opacity:.35}}.ui-logo[data-v-f4cb29c9] .badge{fill:var(--ui-logo-badge, #ffffff)}.ui-logo[data-v-f4cb29c9] .mark{fill:var(--ui-logo-mark, #112660)}.ui-logo--static[data-v-f4cb29c9] .motion{animation:none}@media(prefers-reduced-motion:reduce){.ui-logo[data-v-f4cb29c9] .motion{animation:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-f756255b],[data-v-f756255b]:before,[data-v-f756255b]:after,[data-v-f756255b]::backdrop{--tw-duration:initial}}}.ui-progress-root[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);background-color:var(--color-actions-neutral-active-overlay,var(--color-neutral-alpha-dark-300));width:100%;position:relative;overflow:hidden}.ui-progress-indicator[data-v-f756255b]{border-radius:var(--radius-lg,.5rem);width:100%;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.66s;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.ui-progress-indeterminate[data-v-f756255b]{animation:1.5s cubic-bezier(.65,0,.35,1) infinite progress-indeterminate-f756255b}@keyframes progress-indeterminate-f756255b{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.ui-room-button[data-v-87cbe72a]{border:none}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]{background:transparent;color:var(--color-actions-neutral-idle, rgb(245, 247, 252))}.ui-room-button--ghost.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]{background:var( --color-actions-danger-idle-alpha-light, rgba(252, 127, 130, .08) );color:var(--color-actions-danger-idle, rgb(252, 127, 130))}.ui-room-button--ghost.ui-room-button--danger[data-v-87cbe72a]:not(:disabled):hover{background:#fc7f8224}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]{background:var( --color-actions-neutral-idle-alpha-light, rgba(245, 247, 252, .08) );color:var(--color-actions-neutral-idle, rgb(245, 247, 252));-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);box-shadow:inset 0 1px #ffffff14}.ui-room-button--glass.ui-room-button--neutral[data-v-87cbe72a]:not(:disabled):hover{background:#f5f7fc1a}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--ghost.ui-room-button--primary[data-v-87cbe72a]:not(:disabled):hover{background:#76a4ff24}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]{background:var( --color-actions-success-idle-alpha-light, rgba(46, 184, 154, .08) );color:var(--color-actions-success-idle, rgb(46, 184, 154))}.ui-room-button--ghost.ui-room-button--success[data-v-87cbe72a]:not(:disabled):hover{background:#2eb89a24}.ui-room-button--solid[data-v-87cbe72a]{color:#fff}.ui-room-button--solid.ui-room-button--primary[data-v-87cbe72a]{background:var(--color-actions-primary-idle, rgb(118, 164, 255))}.ui-room-button--solid.ui-room-button--danger[data-v-87cbe72a]{background:var(--color-red-500, rgb(224, 62, 65))}.ui-room-button--solid.ui-room-button--success[data-v-87cbe72a]{background:var(--color-green-500, rgb(22, 140, 115))}.ui-room-button--solid[data-v-87cbe72a]:not(:disabled):hover{filter:brightness(.95)}.ui-room-button--ghost.ui-room-button--active[data-v-87cbe72a]{background:var( --color-actions-primary-idle-alpha-light, rgba(118, 164, 255, .08) );color:var(--color-actions-primary-idle, rgb(118, 164, 255))}.hidden-on-short-height[data-v-97bf16df]{display:none}@media(min-height:600px)and (min-width:768px){.hidden-on-short-height[data-v-97bf16df]{display:block}}.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}@media(max-height:768px)and (hover:hover){.hidden-on-short-height[data-v-44e9de3f]{display:none}}@media(max-height:768px)and (hover:hover)and (pointer:fine){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:block}}@media(min-height:768px),(hover:none),(pointer:coarse){.show-on-short-height-desktop-only[data-v-44e9de3f]{display:none}}.ui-stepper--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);display:flex}.ui-stepper--vertical>:not(:last-child){margin-bottom:calc(var(--spacing,.25rem) * 2)}.ui-stepper-description[data-v-5da882d5]{max-width:calc(var(--spacing,.25rem) * 60);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:var(--tw-leading,20px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,400);color:var(--color-text-neutral-tertiary,var(--color-neutral-alpha-dark-600));display:block;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.stepper-indicator{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-surface-neutral-alpha-200,var(--color-neutral-alpha-dark-200));color:var(--color-text-neutral-base,var(--color-neutral-dark-bg));border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex}[data-state=active] .stepper-indicator{background-color:var(--color-surface-primary-bg-alpha,var(--color-brand-alpha-dark-800));color:var(--color-text-neutral-invert-base,var(--color-neutral-light-bg))}.stepper-custom-icon{display:block}[data-state=completed] .stepper-custom-icon,.stepper-custom-icon~.stepper-number{display:none}[data-state=completed] .stepper-custom-icon~.stepper-number{display:block}.stepper-checkmark{display:none}[data-state=completed] .stepper-checkmark{display:block}[data-state=completed] .stepper-number{display:none}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.ui-stepper-item{position:relative}.ui-stepper-separator[data-v-44cd2e7f]{background-color:var(--color-surface-neutral-alpha-400,var(--color-neutral-alpha-dark-400))}.ui-stepper-title[data-v-ca7d64b5]{font-size:16px;line-height:var(--tw-leading,24px);letter-spacing:var(--tw-tracking,-.04px);font-weight:var(--tw-font-weight,600);color:var(--color-text-neutral-secondary,var(--color-neutral-alpha-dark-700))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0be79760],[data-v-0be79760]:before,[data-v-0be79760]:after,[data-v-0be79760]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.ui-tag[data-v-0be79760]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}.ui-tag[data-hover-effect=true][data-color=primary][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=primary][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-primary-hover-overlay,var(--color-brand-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-hover-overlay,var(--color-neutral-alpha-dark-100))}.ui-tag[data-hover-effect=true][data-color=danger][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=danger][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-danger-hover-overlay,var(--color-red-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=warning][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=warning][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-warning-hover-overlay,var(--color-orange-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=success][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=success][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-success-hover-overlay,var(--color-green-alpha-dark-200))}.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=light][data-v-0be79760]:hover,.ui-tag[data-hover-effect=true][data-color=neutral-invert][data-variant=strong][data-v-0be79760]:hover{background-color:var(--color-actions-neutral-invert-hover-overlay,var(--color-neutral-alpha-light-200))}.ui-tag-label[data-v-0be79760]{flex:1}.ui-timeline--vertical{flex-direction:column;display:flex}.ui-timeline--horizontal{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:row;display:flex}.ui-timeline--horizontal .ui-timeline-item{flex-direction:column;align-items:center;max-width:200px}.ui-timeline--horizontal .ui-timeline-item__indicator-wrapper{flex-direction:row;align-items:center}.ui-timeline--horizontal .ui-timeline-item__connector{margin-top:0;margin-bottom:0;margin-left:calc(var(--spacing,.25rem) * 2);width:auto;min-width:2rem;height:1px;min-height:auto}.ui-timeline--horizontal .ui-timeline-item__content{padding-top:calc(var(--spacing,.25rem) * 4);padding-bottom:0}.ui-timeline--horizontal .ui-timeline-item:last-child .ui-timeline-item__connector{display:none}.ui-timeline-item{gap:calc(var(--spacing,.25rem) * 4);display:flex;position:relative}.ui-timeline-item__indicator-wrapper{flex-direction:column;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.ui-timeline-item__connector{margin-top:calc(var(--spacing,.25rem) * 2);margin-bottom:calc(var(--spacing,.25rem) * 2);flex:1;width:1px;min-height:2rem}.ui-timeline-item__content{padding-bottom:calc(var(--spacing,.25rem) * 4);flex:1}.ui-timeline-item:last-child .ui-timeline-item__content{padding-bottom:0}.ui-timeline-item:last-child .ui-timeline-item__connector{display:none}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}body{color:var(--color-grey-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none!important}:focus-visible:not(input,.base-input,textarea,.v-popper__popper,.focus-indicator-none,[contenteditable]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-focus-ring,#1a83fe);--tw-ring-inset:inset}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-fast-enter-active,.fade-fast-leave-active{transition:opacity .1s}.fade-delay-enter-active,.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-active{transition-delay:.5s}.fade-enter-from,.fade-leave-to,.fade-delay-enter-from,.fade-delay-leave-to,.fade-fast-enter-from,.fade-fast-leave-to{opacity:0}:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper{perspective:1300px}:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>section,:is(:is(.modal-enter-active,.modal-leave-active) .base-modal-layout,:is(.modal-enter-active,.modal-leave-active) .modal-wrapper)>.shell{transform-style:preserve-3d;transition:transform .2s,opacity .2s}:is(.modal-enter-active,.modal-leave-active) .backdrop{transition:opacity .2s}:is(.modal-enter-active,.modal-leave-active) .base-modal-box{transition:transform .2s,opacity .2s}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section,:is(.modal-enter-from,.modal-leave-to)>.modal-wrapper>.shell{opacity:0}:is(.modal-enter-from,.modal-leave-to)>.base-modal-layout>section{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(.modal-enter-from,.modal-leave-to) .backdrop{opacity:0}:is(.modal-enter-from,.modal-leave-to) .base-modal-box{opacity:0;--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes scale-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-scale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spring{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes tooltip-fade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hover-lift{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpAndFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.animate-scale-in{animation-name:scale-in;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-fade-scale{animation-name:fade-scale;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-down{animation-name:slide-down;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-slide-up{animation-name:slide-up;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-spring{animation-name:spring;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-tooltip-fade{animation-name:tooltip-fade;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-hover-lift{animation-name:hover-lift;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-accordion-expand{animation-name:accordion-expand;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.animate-duration{animation-duration:.08s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}

package/dist/useThemeAndModes-DY5SDC0a.mjs

@@ -0,0 +1,109 @@
+import { useStorage as g } from "@vueuse/core";
+import { ref as E, computed as d, watch as f } from "vue";
+import { useRoute as b } from "vue-router";
+const T = {
+  LIVESTORM: "Livestorm",
+  CUSTOMER1: "customer1",
+  CUSTOMER2: "customer2",
+  CUSTOMER3: "customer3"
+}, v = {
+  LIGHT: "light",
+  DARK: "dark"
+}, y = Object.values(T), C = Object.values(v);
+Object.fromEntries(
+  Object.entries(T).map(([e, t]) => [e.toLowerCase(), t])
+);
+const I = ["signup", "signin", "forgot-password", "reset-password"], R = {
+  theme: T.LIVESTORM,
+  mode: v.DARK,
+  contentMode: v.LIGHT
+}, i = E(/* @__PURE__ */ new Map()), p = E(/* @__PURE__ */ new Map()), o = g(
+  "themeAndMode",
+  R
+);
+function G({ themeOverride: e, modeOverride: t, contentModeOverride: n } = {}) {
+  const s = !!(e || t || n), a = e || o.value.theme, r = t || o.value.mode, S = n || o.value.contentMode;
+  function O() {
+    document.querySelector("body").setAttribute("data-colors-primitive", a), document.querySelector("body").setAttribute("data-colors-semantic", r), H();
+  }
+  function h() {
+    const m = () => t || o.value.mode, c = () => n || o.value.contentMode;
+    f(
+      () => Array.from(i.value.values()),
+      () => D({ mode: m(), hasOverrides: s }),
+      { immediate: !0 }
+    ), f(
+      () => Array.from(p.value.values()),
+      () => M({ mode: c(), hasOverrides: s }),
+      { immediate: !0 }
+    );
+    const l = b();
+    f(
+      () => l?.name,
+      (u) => {
+        u && I.includes(u.toString()) && M({ mode: c(), hasOverrides: s });
+      },
+      { immediate: !0 }
+    );
+  }
+  function A(m, { selector: c, element: l, modeOverride: u }) {
+    (m === "mode" ? i : p).value.set(c, { element: l, modeOverride: u });
+  }
+  return {
+    initOnAppMounted: O,
+    registerWatchers: h,
+    addElementToWatch: A,
+    updateContentMode: w,
+    updateTheme: L,
+    updateMode: _,
+    themeList: y,
+    modeOptions: C,
+    theme: a,
+    mode: r,
+    contentMode: S,
+    // Reactive counterparts of the values above, which are captured once at
+    // call time. Bind to these when the UI must follow external updates to the
+    // stored state (e.g. ThemePicker reflecting a mode set elsewhere).
+    currentTheme: d(() => e || o.value.theme),
+    currentMode: d(() => t || o.value.mode),
+    currentContentMode: d(() => n || o.value.contentMode)
+  };
+}
+function L(e) {
+  o.value.theme = e, document.querySelector("body").setAttribute("data-colors-primitive", e);
+}
+function _(e) {
+  o.value.mode = e, document.querySelector("body").setAttribute("data-colors-semantic", e), i.value.get('[data-name="ui-page-wrapper"]')?.element.setAttribute("data-colors-semantic", e);
+}
+function w(e) {
+  M({ mode: e, hasOverrides: !1, ignoreElementOverrides: !0 });
+}
+function D({ mode: e, hasOverrides: t = !1 }) {
+  t || (o.value.mode = e);
+  for (const { element: n, modeOverride: s } of i.value.values()) {
+    const a = s || e;
+    n.setAttribute("data-colors-semantic", a);
+  }
+}
+function M({ mode: e, hasOverrides: t = !1, ignoreElementOverrides: n = !1 }) {
+  t || (o.value.contentMode = e);
+  for (const { element: s, modeOverride: a } of p.value.values()) {
+    const r = n ? e : a || e;
+    s.setAttribute("data-colors-semantic", r);
+  }
+}
+const U = "customThemeTokens";
+function H() {
+  try {
+    if (localStorage.getItem("ls-internal-theming") !== "true") return;
+    const e = localStorage.getItem(U);
+    if (!e) return;
+    const t = JSON.parse(e);
+    for (const [n, s] of Object.entries(t))
+      document.documentElement.style.setProperty(n, s);
+  } catch {
+  }
+}
+export {
+  G as u
+};