@livestorm/ui-vue 2.0.0 → 2.0.1

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

@@ -246,4 +246,35 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>> & Readonly<{}>, {
         size: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    UiTooltip: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../UiTooltip/UiTooltip.vue").UiTooltipProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("../UiTooltip/UiTooltip.vue").UiTooltipProps> & Readonly<{
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("../UiTooltip/UiTooltip.vue").UiTooltipProps> & Readonly<{
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:open": (value: boolean) => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    });
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -21,11 +21,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
     "update:open": (value: boolean) => any;
+    "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("reka-ui").AcceptableValue) => any) | undefined;
 }>, {
     disabled: boolean;
     defaultOpen: boolean;

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

@@ -7,13 +7,13 @@ interface Props {
     helperMessage?: string;
     errorMessage?: string;
 }
-declare var __VLS_7: {
+declare var __VLS_13: {
     fieldId: string;
-}, __VLS_9: {};
+}, __VLS_15: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_13) => any;
 } & {
-    footer?: (props: typeof __VLS_9) => any;
+    footer?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {
     fieldId: import("vue").ComputedRef<string>;

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

@@ -1,11 +1,34 @@
-import type { TooltipRootProps } from 'reka-ui';
-declare var __VLS_8: {};
+import type { TooltipContentProps, TooltipRootProps } from 'reka-ui';
+export interface UiTooltipProps extends TooltipRootProps {
+    /**
+     * Simple mode: the tooltip text. When `:content` is bound, UiTooltip is
+     * fully self-contained — the default slot becomes the trigger (merged
+     * via as-child) and no surrounding UiTooltipProvider is required:
+     *
+     *   <UiTooltip content="Delete this event"><UiButton … /></UiTooltip>
+     *
+     * A bound-but-empty content renders the slot untouched (no tooltip, no
+     * overhead) — so wrappers can always bind an optional string.
+     *
+     * When `:content` is NOT bound, UiTooltip is the composable root: use it
+     * inside a UiTooltipProvider with UiTooltipTrigger/UiTooltipContent
+     * children.
+     */
+    content?: string | null;
+    /** Simple mode only: which side the tooltip appears on. */
+    side?: TooltipContentProps['side'];
+}
+declare var __VLS_20: {}, __VLS_28: {}, __VLS_37: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    default?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_37) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<UiTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<UiTooltipProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/ui-vue.css

@@ -1 +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}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.ui-tooltip-content{transform-origin:var(--reka-tooltip-content-transform-origin, center)}.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-79c855b9] 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-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/utils.mjs

@@ -1,111 +1,146 @@
-import { BREAKPOINT_2XL as M, BREAKPOINT_LG as V, BREAKPOINT_MD as b, BREAKPOINT_SM as w, BREAKPOINT_XL as N, BREAKPOINT_XL_PLUS as X } from "./breakpoints.mjs";
+import { BREAKPOINT_2XL as F, BREAKPOINT_LG as N, BREAKPOINT_MD as X, BREAKPOINT_SM as D, BREAKPOINT_XL as Q, BREAKPOINT_XL_PLUS as U } from "./breakpoints.mjs";
 import "./bus.mjs";
-import { computed as m } from "vue";
-import { useClipboard as y, usePermission as h } from "@vueuse/core";
+import { computed as h, createApp as _, h as p } from "vue";
+import { useClipboard as g, usePermission as x } from "@vueuse/core";
 import R from "i18next";
-import { createTooltip as g, destroyTooltip as T } from "floating-vue";
-import { useResponsive as F } from "./responsive.mjs";
-import { useRoute as A, useRouter as _ } from "vue-router";
-import { RenderSlot as U, getSlotAsComponent as W, unwrapFragments as j, useSlotsAsComponents as D } from "./slot.mjs";
-import { f as z, h as H, a as J, u as Y } from "./a11y-DIdrv5Mn.mjs";
-function B() {
-  const { isSupported: n, copy: u } = y(), s = h("clipboard-write"), c = m(() => n.value && s.value);
-  async function f(p, o, i = R.t("general_misc_copied-text")) {
-    if (await u(p), o) {
+import { b as A, _ as C, c as P, a as T } from "./a11y--y7uaY4j.mjs";
+import { f as j, h as G, d as z, u as H } from "./a11y--y7uaY4j.mjs";
+import { useResponsive as Y } from "./responsive.mjs";
+import { useRoute as $, useRouter as S } from "vue-router";
+import { RenderSlot as ee, getSlotAsComponent as te, unwrapFragments as oe, useSlotsAsComponents as ne } from "./slot.mjs";
+let d = null;
+function k(s, u) {
+  d && d();
+  const t = s.getBoundingClientRect(), r = document.createElement("div");
+  document.body.appendChild(r);
+  const c = _({
+    render: () => p(A, null, () => p(C, { open: !0, delayDuration: 0 }, () => [
+      p(P, { asChild: !0 }, () => p("span", {
+        "aria-hidden": "true",
+        style: {
+          position: "fixed",
+          left: `${t.left}px`,
+          top: `${t.top}px`,
+          width: `${t.width}px`,
+          height: `${t.height}px`,
+          pointerEvents: "none"
+        }
+      })),
+      p(T, { side: "top" }, () => u),
+      // The bubble lives in reka's portal where attrs like role are not
+      // forwardable; announce the feedback from a visually hidden live
+      // region instead so screen readers hear the copy confirmation.
+      p("span", {
+        role: "status",
+        style: {
+          position: "absolute",
+          width: "1px",
+          height: "1px",
+          overflow: "hidden",
+          clipPath: "inset(50%)"
+        }
+      }, u)
+    ]))
+  });
+  c.mount(r);
+  let a = !1;
+  const o = () => {
+    a || (a = !0, d === o && (d = null), c.unmount(), r.remove());
+  };
+  return d = o, o;
+}
+function O() {
+  const { isSupported: s, copy: u } = g(), t = x("clipboard-write"), r = h(() => s.value && t.value);
+  async function c(a, o, f = R.t("general_misc_copied-text")) {
+    if (await u(a), o) {
       o.classList.add("copied");
-      const a = g(o, {
-        triggers: [],
-        content: i,
-        delay: 0
-      });
-      a.show(), setTimeout(() => {
-        o.classList.remove("copied"), a.hide(), setTimeout(() => {
-          T(o);
-        }, 400);
+      const m = k(o, f);
+      setTimeout(() => {
+        o.classList.remove("copied"), m();
       }, 600);
     }
   }
   return {
-    canCopy: c,
-    copy: f
+    canCopy: r,
+    copy: c
   };
 }
-function E(n, u = !1) {
-  const s = A(), c = _(), f = `${n}-`;
-  function p() {
-    const t = [];
-    for (const e in s.query)
-      e.startsWith(f) && t.push(e);
-    return t;
+function q(s, u = !1) {
+  const t = $(), r = S(), c = `${s}-`;
+  function a() {
+    const e = [];
+    for (const n in t.query)
+      n.startsWith(c) && e.push(n);
+    return e;
   }
-  function o(t) {
-    return t === "true" ? !0 : t === "false" ? !1 : t ?? !1;
+  function o(e) {
+    return e === "true" ? !0 : e === "false" ? !1 : e ?? !1;
   }
-  const i = m(() => {
+  const f = h(() => {
     if (u) {
-      const t = p();
-      if (t.length === 0)
+      const e = a();
+      if (e.length === 0)
         return !1;
-      const e = {};
-      for (const r of t)
-        e[r.substring(f.length)] = o(s.query[r]);
-      return e;
+      const n = {};
+      for (const i of e)
+        n[i.substring(c.length)] = o(t.query[i]);
+      return n;
     } else
-      return o(s.query[n]);
-  }), a = !!i.value;
-  return m({
-    get: () => i.value,
-    set: (t) => {
-      if (t === i.value) return;
-      const e = t == null || t === !1;
-      if (e && !a)
-        c.back();
+      return o(t.query[s]);
+  }), m = !!f.value;
+  return h({
+    get: () => f.value,
+    set: (e) => {
+      if (e === f.value) return;
+      const n = e == null || e === !1;
+      if (n && !m)
+        r.back();
       else {
-        let r;
+        let i;
         if (u)
-          if (r = {}, e) {
-            const d = p();
-            for (const l of d)
-              r[l] = void 0;
+          if (i = {}, n) {
+            const l = a();
+            for (const y of l)
+              i[y] = void 0;
           } else
-            for (const d in t)
-              r[`${n}-${d}`] = t[d];
+            for (const l in e)
+              i[`${s}-${l}`] = e[l];
         else
-          r = {
-            [n]: e ? void 0 : t
+          i = {
+            [s]: n ? void 0 : e
           };
-        c[e ? "replace" : "push"]({
-          ...s,
+        r[n ? "replace" : "push"]({
+          ...t,
           query: {
-            ...s.query,
-            ...r
+            ...t.query,
+            ...i
           }
         });
       }
     }
   });
 }
-let C = 0;
-function K() {
-  return ++C;
+let E = 0;
+function M() {
+  return ++E;
 }
 export {
-  M as BREAKPOINT_2XL,
-  V as BREAKPOINT_LG,
-  b as BREAKPOINT_MD,
-  w as BREAKPOINT_SM,
-  N as BREAKPOINT_XL,
-  X as BREAKPOINT_XL_PLUS,
-  U as RenderSlot,
-  z as focusFirstMenuItem,
-  W as getSlotAsComponent,
-  K as getUid,
-  H as hasStackedComponents,
-  j as unwrapFragments,
-  B as useCopyToClipboard,
-  F as useResponsive,
-  E as useRouteQueryModel,
-  D as useSlotsAsComponents,
-  J as useStackAutofocus,
-  Y as useStackedComponent
+  F as BREAKPOINT_2XL,
+  N as BREAKPOINT_LG,
+  X as BREAKPOINT_MD,
+  D as BREAKPOINT_SM,
+  Q as BREAKPOINT_XL,
+  U as BREAKPOINT_XL_PLUS,
+  ee as RenderSlot,
+  j as focusFirstMenuItem,
+  te as getSlotAsComponent,
+  M as getUid,
+  G as hasStackedComponents,
+  oe as unwrapFragments,
+  O as useCopyToClipboard,
+  Y as useResponsive,
+  q as useRouteQueryModel,
+  ne as useSlotsAsComponents,
+  z as useStackAutofocus,
+  H as useStackedComponent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livestorm/ui-vue",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Livestorm UI components for Vue 3",
   "license": "UNLICENSED",
   "repository": {
@@ -35,14 +35,13 @@
     "embla-carousel": "^8.6.0",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-vue": "^8.6.0",
-    "floating-vue": "^5.2.2",
     "i18next": "^26.3.4",
     "mitt": "^3.0.1",
     "reka-ui": "2.9.10",
     "tailwindcss": "^4.3.2",
     "vue-safe-teleport": "^0.1.2",
-    "@livestorm/ui-icons": "^2.0.0",
-    "@livestorm/ui-tokens": "^2.0.0"
+    "@livestorm/ui-icons": "^2.0.1",
+    "@livestorm/ui-tokens": "^2.0.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.2.1",

package/src/components/UiButton/UiButton.vue

@@ -24,59 +24,60 @@
       class="button-overlay absolute h-full top-0 left-0 z-10 rounded-md w-full"
       :class="overlayClasses"
     />
-    <div
-      v-tooltip="tooltip"
-      class="button-wrapper flex items-center whitespace-nowrap h-full relative z-20"
-    >
-      <!-- Loader -->
-      <UiLoader
-        v-if="loading"
-        :size="size"
-        :class="{ 'mr-2': hasLabel }"
-      />
-
-      <!-- Content -->
-      <template
-        v-else-if="showIconLeft"
+    <UiTooltip :content="typeof tooltip === 'string' ? tooltip : tooltip?.content">
+      <div
+        class="button-wrapper flex items-center whitespace-nowrap h-full relative z-20"
       >
-        <div
-          v-if="iconSlot"
-          :class="[iconSizeClasses, { 'mr-2': hasLabel }]"
-          class="shrink-0"
+        <!-- Loader -->
+        <UiLoader
+          v-if="loading"
+          :size="size"
+          :class="{ 'mr-2': hasLabel }"
+        />
+
+        <!-- Content -->
+        <template
+          v-else-if="showIconLeft"
         >
-          <RenderSlot
-            :vnodes="iconSlot"
+          <div
+            v-if="iconSlot"
+            :class="[iconSizeClasses, { 'mr-2': hasLabel }]"
+            class="shrink-0"
+          >
+            <RenderSlot
+              :vnodes="iconSlot"
+            />
+          </div>
+          <div
+            v-else-if="imageSource"
+            :class="[iconSizeClasses, { 'mr-2': hasLabel }]"
+            class="shrink-0"
+          >
+            <img
+              :src="imageSource"
+              :alt="`${labelFinal} button image`"
+            >
+          </div>
+          <div
+            v-else-if="icon"
+            :class="[icon, iconSizeClasses, { 'mr-2': hasLabel }]"
+            class="shrink-0"
           />
-        </div>
-        <div
-          v-else-if="imageSource"
-          :class="[iconSizeClasses, { 'mr-2': hasLabel }]"
-          class="shrink-0"
+        </template>
+        <span
+          class="content w-full"
         >
-          <img
-            :src="imageSource"
-            :alt="`${labelFinal} button image`"
-          >
-        </div>
+          <RenderSlot
+            :vnodes="defaultSlot"
+          />
+        </span>
         <div
-          v-else-if="icon"
-          :class="[icon, iconSizeClasses, { 'mr-2': hasLabel }]"
+          v-if="iconRight"
+          :class="[iconRight, iconSizeClasses, { 'ml-2': hasLabel }]"
           class="shrink-0"
         />
-      </template>
-      <span
-        class="content w-full"
-      >
-        <RenderSlot
-          :vnodes="defaultSlot"
-        />
-      </span>
-      <div
-        v-if="iconRight"
-        :class="[iconRight, iconSizeClasses, { 'ml-2': hasLabel }]"
-        class="shrink-0"
-      />
-    </div>
+      </div>
+    </UiTooltip>
   </component>
 </template>
 
@@ -86,6 +87,7 @@ import { useSlotsAsComponents, RenderSlot } from '../../utils/slot'
 import { SIZES, type Size } from '../../constants'
 import { useButtonStyles, BUTTON_COLORS, type ButtonVariant, type ButtonColor } from '../../composables/useButtonStyles'
 import UiLoader from '../UiLoader/UiLoader.vue'
+import UiTooltip from '../UiTooltip/UiTooltip.vue'
 import type { RouteLocationRaw } from 'vue-router'
 
 export type Variant = ButtonVariant
@@ -96,6 +98,7 @@ export default {
   components: {
     RenderSlot,
     UiLoader,
+    UiTooltip,
   },
 
   props: {