@wikicasa-dev/components 2.3.1-alpha.1 → 2.3.1-alpha.11

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                             */
+import '../assets/swiper-thumbs.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                           */
+import '../assets/swiper-thumbs.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-controller.css';/* empty css                                                                         */
+import '../assets/swiper-thumbs.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/Accordion/AccordionContentPrimitive.d.ts

@@ -0,0 +1,19 @@
+import { AccordionContentProps } from 'reka-ui';
+export type AccordionContentPrimitiveProps = AccordionContentProps;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Accordion/AccordionContentPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Accordion/AccordionHeaderPrimitive.d.ts

@@ -0,0 +1,11 @@
+import { AccordionHeaderProps } from 'reka-ui';
+export type AccordionHeaderPrimitiveProps = AccordionHeaderProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Accordion/AccordionHeaderPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Accordion/AccordionItemPrimitive.d.ts

@@ -0,0 +1,13 @@
+import { AccordionItemProps } from 'reka-ui';
+export type AccordionItemPrimitiveProps = AccordionItemProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        open: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Accordion/AccordionItemPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Accordion/AccordionTriggerPrimitive.d.ts

@@ -0,0 +1,13 @@
+import { AccordionTriggerProps } from 'reka-ui';
+export type AccordionTriggerPrimitiveProps = AccordionTriggerProps & {
+    dataCy?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionTriggerPrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionTriggerPrimitiveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Accordion/AccordionTriggerPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Accordion/BaseAccordion.d.ts

@@ -1,30 +1,27 @@
-import { AccordionRootProps } from 'reka-ui';
 import { Optional } from '@wikicasa-dev/types';
-export type AccordionItem = {
-    title?: string;
-    id: string | number;
-    active?: boolean;
-};
-export type AccordionItemDecorated<T = unknown> = Record<string | number, T & Partial<AccordionItem>>;
+import { AccordionRootProps } from 'reka-ui';
+export interface BaseAccordionProps<T extends AccordionRootProps["type"]> extends AccordionRootProps {
+    /**
+     * When type is "single", allows closing content when clicking trigger for an open item. When type is "multiple", this prop has no effect.
+     */
+    collapsible?: AccordionRootProps["collapsible"];
+    /**
+     * Determines whether a "single" or "multiple" items can be selected at a time.
+     */
+    type: T;
+}
 declare const _default: <T extends AccordionRootProps["type"]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: Optional<T extends "single" ? string : string[]>) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
         modelValue?: Optional<T extends "single" ? string : string[]>;
-    } & {
-        /**
-         * When type is "single", allows closing content when clicking trigger for an open item. When type is "multiple", this prop has no effect.
-         */
-        collapsible?: AccordionRootProps["collapsible"];
-        /**
-         * Determines whether a "single" or "multiple" items can be selected at a time.
-         */
-        type: T;
-    }) & Partial<{}>> & import('vue').PublicProps;
+    } & BaseAccordionProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            modelValue: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[] | undefined;
+        }): any;
     };
     emit: (evt: "update:modelValue", value: Optional<T extends "single" ? string : string[]>) => void;
 }>) => import('vue').VNode & {

package/dist/UIKit/Accordion/BaseAccordionItem.d.ts

@@ -1,36 +1,27 @@
-import { AccordionItemProps, AccordionContentProps } from 'reka-ui';
+import { AccordionContentPrimitiveProps } from './AccordionContentPrimitive';
+import { AccordionItemPrimitiveProps } from './AccordionItemPrimitive';
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
+export interface BaseAccordionItemProps {
     title?: string;
     arrowColor?: `#${string}`;
     arrowWidth?: number;
     dataCy?: string;
-    value: AccordionItemProps["value"];
+    value: AccordionItemPrimitiveProps["value"];
     triggerClasses?: ClassTypeProp;
     headerClasses?: ClassTypeProp;
     contentClasses?: ClassTypeProp;
     arrowClasses?: ClassTypeProp;
     /**
      * The element or component this component should render as. Can be overwritten by asChild.
-     * @defaultValue — “div”
+     * @defaultValue — “h3”
      */
-    headerTag?: AccordionContentProps["as"];
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        'header-content'?(_: {}): any;
-        trigger?(_: {
-            active: boolean;
-        }): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    headerTag?: AccordionContentPrimitiveProps["as"];
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseAccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    'header-content'?(_: {}): any;
+    trigger?(_: {}): any;
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts

@@ -31,7 +31,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
         readonly onInputClick?: ((args_0: MouseEvent) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onInput" | "onKeydown" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onInput" | "onKeydown" | "onClick" | "onUpdate:open" | "onUpdate:inputValue" | "onInputClick"> & ({
         open?: boolean;
         modelValue?: Nullable<AccessibleSelectOptions<TPayload, TID>>;
         inputValue?: string;

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -10,7 +10,7 @@ declare const _default: <TID extends string | number | undefined, TPayload>(__VL
         readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
         readonly onKeydownEnterPressed?: (() => any) | undefined;
         readonly onChangedValue?: ((args_0: string) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onKeydown" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onKeydown" | "onClick" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
         modelValue?: AccessibleSelectOptions<TPayload, TID> | undefined;
     } & {
         isValid?: Nullable<boolean>;

package/dist/UIKit/BaseButton.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      */
     title?: string;
     dataCy?: string;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
 }, {
     getRootElement: () => HTMLButtonElement | null;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
      */
     title?: string;
     dataCy?: string;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
 }> & Readonly<{
     onClick?: ((e: MouseEvent) => any) | undefined;
     onMouseover?: ((e: MouseEvent) => any) | undefined;

package/dist/UIKit/BaseDropDown.d.ts

@@ -68,8 +68,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:resetKeyboardController"?: ((value: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    arrowWidth: number;
     dataCy: string;
+    arrowWidth: number;
     labelClasses: string | Record<string, boolean> | import('./types').ClassType[] | import('./types').ClassType[] | null;
     closeKeys: false | string[];
     dropdownClasses: string | Record<string, boolean> | import('./types').ClassType[] | import('./types').ClassType[] | null;

package/dist/UIKit/BaseSnackbar.d.ts

@@ -9,7 +9,7 @@ export type SnackbarProps = {
     duration?: ToastRootProps["duration"];
     /**
      * Direction of pointer swipe that should close the toast.
-     * @defaultValue "right"
+     * @defaultValue "left"
      */
     swipeDirection?: ToastProviderProps["swipeDirection"];
     /**

package/dist/UIKit/BaseToggle.d.ts

@@ -1,6 +1,7 @@
 import { Optional } from '@wikicasa-dev/types';
 type __VLS_Props = {
     label?: string;
+    dataCy?: string;
 };
 type __VLS_PublicProps = {
     modelValue?: Optional<boolean>;
@@ -12,14 +13,14 @@ declare function __VLS_template(): {
         rightLabel?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Optional<boolean>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Optional<boolean>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/Checkbox/CheckboxBtn.d.ts

@@ -13,7 +13,7 @@ declare const _default: <TID extends string | number, TLabel extends string | nu
             label: TLabel;
             checked: boolean;
         }) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onClick" | "onChange"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onChange" | "onClick"> & ({
         modelValue?: boolean;
     } & {
         id?: TID;

package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.d.ts

@@ -0,0 +1,26 @@
+import { CheckboxRootProps } from 'reka-ui';
+export type CheckboxGroupItemPrimitiveValueType<T extends undefined | CheckboxRootProps["value"] = undefined> = T;
+export interface CheckboxGroupItemPrimitiveProps<T extends undefined | CheckboxRootProps["value"] = undefined> extends Omit<CheckboxRootProps, "value"> {
+    dataCy?: string;
+    value: CheckboxGroupItemPrimitiveValueType<T>;
+}
+declare const _default: <T extends CheckboxRootProps["value"]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & CheckboxGroupItemPrimitiveProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            modelValue: import('reka-ui').CheckboxCheckedState;
+            state: import('reka-ui').CheckboxCheckedState;
+        }): any;
+    };
+    emit: (evt: "update:modelValue", value: boolean | "indeterminate") => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../../packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.d.ts

@@ -0,0 +1,21 @@
+import { CheckboxGroupRootProps, AcceptableValue } from 'reka-ui';
+export interface CheckboxGroupPrimitiveProps<T extends AcceptableValue> extends CheckboxGroupRootProps<T> {
+    dataCy?: string;
+}
+declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & CheckboxGroupPrimitiveProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: (evt: "update:modelValue", value: T[]) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../../packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.d.ts

@@ -0,0 +1,21 @@
+import { RadioGroupItemProps, RadioGroupItemSelectEvent } from 'reka-ui';
+export interface RadioGroupItemPrimitiveProps extends RadioGroupItemProps {
+    dataCy?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<RadioGroupItemPrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (args_0: RadioGroupItemSelectEvent) => any;
+}, string, import('vue').PublicProps, Readonly<RadioGroupItemPrimitiveProps> & Readonly<{
+    onSelect?: ((args_0: RadioGroupItemSelectEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {
+        checked: boolean;
+        required: boolean;
+        disabled: boolean;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.js

@@ -0,0 +1,4 @@
+import f from "../../../packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
+export {
+  f as default
+};

package/dist/assets/BaseAccordionItem.css

@@ -1 +1 @@
-.uikit-base-accordion-item-content{overflow:hidden;will-change:animation,height}.uikit-base-accordion-item-content[data-state=open]{animation:slideDown .2s ease-out}.uikit-base-accordion-item-content[data-state=closed]{animation:slideUp .2s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}
+.uikit-base-accordion-trigger[data-state=open]>.uikit-base-accordion-item-arrow{transform:rotate(180deg)}.uikit-base-accordion-item-content{overflow:hidden;will-change:animation,height}.uikit-base-accordion-item-content[data-state=open]{animation:slideDown .2s ease-out}.uikit-base-accordion-item-content[data-state=closed]{animation:slideUp .2s ease-out}@keyframes slideDown{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height)}to{height:0}}

package/dist/assets/BaseSnackbar.css

@@ -1 +1 @@
-.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;--uikit-alert-viewport-position: fixed;--uikit-alert-viewport-top: auto;--uikit-alert-viewport-right: auto;--uikit-alert-viewport-bottom: 0px;--uikit-alert-viewport-left: 0px;--uikit-alert-viewport-display: flex;--uikit-alert-viewport-flex-direction: column;--uikit-alert-viewport-align-items: flex-end;--uikit-alert-viewport-justify-content: flex-end;padding:var(--uikit-alert-viewport-padding);position:var(--uikit-alert-viewport-position);inset:var(--uikit-alert-viewport-top) var(--uikit-alert-viewport-right) var(--uikit-alert-viewport-bottom) var(--uikit-alert-viewport-left);display:var(--uikit-alert-viewport-display);flex-direction:var(--uikit-alert-viewport-flex-direction);align-items:var(--uikit-alert-viewport-align-items);justify-content:var(--uikit-alert-viewport-justify-content)}.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;--uikit-alert-progress-indicator-bg-color: #2b5dff}.uikit-alert .uikit-alert-progress-indicator{background-color:var(--uikit-alert-progress-indicator-bg-color)}.uikit-alert{background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #f20003;--uikit-alert-progress-indicator-bg-color: #f20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.uikit-toast-root{will-change:animation,transform,opacity;--uikit-toast-root-open-animation: openAnimationRight .1s ease-out, fadeIn .1s ease-out;--uikit-toast-root-swipe-out-animation: slideRight .1s ease-out, fadeOut .1s ease-out}.uikit-toast-root[data-swipe-direction=left]{--uikit-toast-root-open-animation: openAnimationLeft .1s ease-out, fadeIn .1s ease-out;--uikit-toast-root-swipe-out-animation: slideLeft .1s ease-out, fadeOut .1s ease-out}.uikit-toast-root[data-state=open]{animation:var(--uikit-toast-root-open-animation)}.uikit-toast-root[data-state=closed]{animation:var(--uikit-toast-root-swipe-out-animation)}.uikit-toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.uikit-toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.uikit-toast-root[data-swipe=end]{animation:var(--uikit-toast-root-swipe-out-animation)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes openAnimationRight{0%{transform:translate(100%)}to{transform:translate(var(--reka-toast-swipe-end-x))}}@keyframes openAnimationLeft{0%{transform:translate(-100%)}to{transform:translate(var(--reka-toast-swipe-end-x))}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x))}to{transform:translate(100%)}}@keyframes slideLeft{0%{transform:translate(var(--reka-toast-swipe-end-x))}to{transform:translate(-100%)}}
+.uikit-alert-viewport{--uikit-alert-viewport-padding: 0px;--uikit-alert-viewport-position: fixed;--uikit-alert-viewport-top: auto;--uikit-alert-viewport-right: auto;--uikit-alert-viewport-bottom: 0px;--uikit-alert-viewport-left: 0px;--uikit-alert-viewport-display: flex;--uikit-alert-viewport-flex-direction: column;--uikit-alert-viewport-align-items: flex-start;--uikit-alert-viewport-justify-content: flex-start;padding:var(--uikit-alert-viewport-padding);position:var(--uikit-alert-viewport-position);inset:var(--uikit-alert-viewport-top) var(--uikit-alert-viewport-right) var(--uikit-alert-viewport-bottom) var(--uikit-alert-viewport-left);display:var(--uikit-alert-viewport-display);flex-direction:var(--uikit-alert-viewport-flex-direction);align-items:var(--uikit-alert-viewport-align-items);justify-content:var(--uikit-alert-viewport-justify-content)}.uikit-alert{--uikit-alert-bg-color: #e9effe;--uikit-alert-text-color: #2b5dff;--uikit-alert-progress-indicator-bg-color: #2b5dff}.uikit-alert .uikit-alert-progress-indicator{background-color:var(--uikit-alert-progress-indicator-bg-color)}.uikit-alert{background-color:var(--uikit-alert-bg-color);color:var(--uikit-alert-text-color)}.uikit-alert.uikit-alert-w-danger{--uikit-alert-bg-color: #fff4f4;--uikit-alert-text-color: #f20003;--uikit-alert-progress-indicator-bg-color: #f20003}.uikit-alert.uikit-alert-w-darkblue{--uikit-alert-bg-color: #2a3761;--uikit-alert-text-color: #fff}.uikit-toast-root{will-change:animation,transform,opacity;--uikit-toast-root-open-animation: openAnimationRight .1s ease-out, fadeIn .1s ease-out;--uikit-toast-root-swipe-out-animation: slideRight .1s ease-out, fadeOut .1s ease-out}.uikit-toast-root[data-swipe-direction=left]{--uikit-toast-root-open-animation: openAnimationLeft .1s ease-out, fadeIn .1s ease-out;--uikit-toast-root-swipe-out-animation: slideLeft .1s ease-out, fadeOut .1s ease-out}.uikit-toast-root[data-state=open]{animation:var(--uikit-toast-root-open-animation)}.uikit-toast-root[data-state=closed]{animation:var(--uikit-toast-root-swipe-out-animation)}.uikit-toast-root[data-swipe=move]{transform:translate(var(--reka-toast-swipe-move-x))}.uikit-toast-root[data-swipe=cancel]{transform:translate(0);transition:transform .2s ease-out}.uikit-toast-root[data-swipe=end]{animation:var(--uikit-toast-root-swipe-out-animation)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes openAnimationRight{0%{transform:translate(100%)}to{transform:translate(var(--reka-toast-swipe-end-x))}}@keyframes openAnimationLeft{0%{transform:translate(-100%)}to{transform:translate(var(--reka-toast-swipe-end-x))}}@keyframes slideRight{0%{transform:translate(var(--reka-toast-swipe-end-x))}to{transform:translate(100%)}}@keyframes slideLeft{0%{transform:translate(var(--reka-toast-swipe-end-x))}to{transform:translate(-100%)}}