@wikicasa-dev/components 2.1.4-alpha.20 → 2.1.4-alpha.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/UIKit/BaseDropDown.d.ts +18 -28
  2. package/dist/UIKit/BaseModal.d.ts +2 -2
  3. package/dist/assets/packages/components/lib/UIKit/BaseAutocomplete.css +1 -1
  4. package/dist/assets/packages/components/src/tailwind.css +1 -1
  5. package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js +19 -18
  6. package/dist/packages/components/lib/UIKit/BaseButton.vue.js +11 -14
  7. package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js +73 -77
  8. package/dist/packages/components/lib/UIKit/InputDropdown.vue.js +10 -10
  9. package/package.json +1 -1
package/dist/UIKit/BaseDropDown.d.ts CHANGED
@@ -1,20 +1,26 @@
1
1
  import { Nullable, Optional } from '@wikicasa-dev/types';
2
- import { ClassTypeProp } from './types';
2
+ import { BtnVariant, ClassTypeProp } from './types';
3
3
  type __VLS_Props = {
4
- dropdownClasses?: ClassTypeProp;
5
- btnClasses?: string;
6
4
  withArrowIcon?: boolean;
7
- btnLabel?: string;
8
- labelClasses?: ClassTypeProp;
9
5
  direction?: "up" | "down";
10
- arrowWidth?: number;
11
- arrowStrokeColor?: `#${string}`;
12
6
  isAbsolute?: boolean;
13
7
  closeWhenClickedOutside?: boolean;
14
8
  dropdownElement?: "div" | "ul" | "ol";
15
- keepState?: "opened" | "closed" | "";
16
9
  activateKeyboardController?: boolean;
17
10
  disableSpaceHandler?: boolean;
11
+ dropdownClasses?: ClassTypeProp;
12
+ btnProps?: Partial<{
13
+ classes: ClassTypeProp;
14
+ type: BtnVariant;
15
+ label: string;
16
+ }>;
17
+ arrowProps?: Partial<{
18
+ classes?: ClassTypeProp;
19
+ height?: number;
20
+ width?: number;
21
+ strokeColor?: `#${string}`;
22
+ }>;
23
+ labelClasses?: ClassTypeProp;
18
24
  dataCy?: string;
19
25
  };
20
26
  type __VLS_PublicProps = {
@@ -23,7 +29,7 @@ type __VLS_PublicProps = {
23
29
  declare function __VLS_template(): {
24
30
  attrs: Partial<{}>;
25
31
  slots: {
26
- btn_slot?(_: {
32
+ button?(_: {
27
33
  toggleDropdown: () => void;
28
34
  isOpen: boolean;
29
35
  setActiveIdx: (idx?: Nullable<number>) => void;
@@ -40,7 +46,7 @@ declare function __VLS_template(): {
40
46
  refs: {
41
47
  dropdown: unknown;
42
48
  };
43
- rootEl: any;
49
+ rootEl: HTMLDivElement;
44
50
  };
45
51
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
46
52
  declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -53,25 +59,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
53
59
  "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
54
60
  "onUpdate:open"?: ((value: Optional<boolean>) => any) | undefined;
55
61
  "onUpdate:selectedIdx"?: ((args_0: number) => any) | undefined;
56
- }>, {
57
- dataCy: string;
58
- arrowWidth: number;
59
- btnClasses: string;
60
- labelClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
61
- dropdownClasses: string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | (string | Record<string, boolean> | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null;
62
- withArrowIcon: boolean;
63
- btnLabel: string;
64
- direction: "up" | "down";
65
- arrowStrokeColor: `#${string}`;
66
- isAbsolute: boolean;
67
- closeWhenClickedOutside: boolean;
68
- dropdownElement: "div" | "ul" | "ol";
69
- keepState: "opened" | "closed" | "";
70
- activateKeyboardController: boolean;
71
- disableSpaceHandler: boolean;
72
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
62
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
73
63
  dropdown: unknown;
74
- }, any>;
64
+ }, HTMLDivElement>;
75
65
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
76
66
  export default _default;
77
67
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/UIKit/BaseModal.d.ts CHANGED
@@ -43,12 +43,12 @@ declare function __VLS_template(): {
43
43
  };
44
44
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
45
45
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
46
- opened: () => any;
47
46
  closed: () => any;
47
+ opened: () => any;
48
48
  dialogClick: (args_0: MouseEvent) => any;
49
49
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
50
- onOpened?: (() => any) | undefined;
51
50
  onClosed?: (() => any) | undefined;
51
+ onOpened?: (() => any) | undefined;
52
52
  onDialogClick?: ((args_0: MouseEvent) => any) | undefined;
53
53
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
54
54
  backdropEl: HTMLDivElement;
package/dist/assets/packages/components/lib/UIKit/BaseAutocomplete.css CHANGED
@@ -1 +1 @@
1
- .uikit-input-wrapper .base-autocomplete-input{--input-height: 40px}.uikit-input-wrapper .base-autocomplete-input .text-input-icon{--icon-top: 10px}
1
+ .uikit-base-autocomplete.uikit-input-wrapper{--input-height: 40px}.uikit-base-autocomplete.uikit-input-wrapper .text-input-icon{--icon-top: 10px}
package/dist/assets/packages/components/src/tailwind.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.uikit-btn{--btn-px: 25px;--btn-py: 11px;--btn-bg-color: transparent;--btn-text-color: #222222;--btn-border-color: unset;--btn-border-width: 0;--btn-border-radius: 24px;--btn-border-style: solid;--btn-height: 40px;--btn-width: auto;--btn-font-size: 16px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;--btn-font-weight: 600;display:inline-flex;align-items:center;justify-content:center;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);white-space:nowrap;border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-style);border-radius:var(--btn-border-radius);cursor:pointer;height:var(--btn-height);width:var(--btn-width);background-color:var(--btn-bg-color);color:var(--btn-text-color);padding:var(--btn-py) var(--btn-px);transition:var(--btn-transition);line-height:1;-webkit-tap-highlight-color:transparent}.uikit-btn.uikit-btn-lg{--btn-height: 48px;--btn-px: 24px;--btn-py: 12px}.uikit-btn.uikit-btn-sm{--btn-px: 24px;--btn-py: 8px;--btn-height: 40px}.uikit-btn.uikit-btn-rounded{--btn-px: 0;--btn-py: 0}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-primary{--btn-bg-color: #F20282;--btn-text-color: #FFF}.uikit-btn.uikit-btn-primary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-primary:hover:not(:disabled){--btn-bg-color: #E30C79}.uikit-btn.uikit-btn-primary.uikit-btn-outline{--btn-border-color: ;--btn-text-color: #F20282;--btn-bg-color: #fff}.uikit-btn.uikit-btn-primary.uikit-btn-outline:active{--btn-bg-color: !important}.uikit-btn.uikit-btn-primary.uikit-btn-outline:hover{--btn-bg-color: #FFF8FB;--btn-text-color: #F20282}.uikit-btn.uikit-btn-primary{text-transform:uppercase}.uikit-btn.uikit-btn-secondary{--btn-bg-color: #2b5dff;--btn-text-color: #FFF}.uikit-btn.uikit-btn-secondary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-secondary:hover:not(:disabled){--btn-bg-color: #244FD9}.uikit-btn.uikit-btn-secondary.uikit-btn-outline{--btn-border-color: #2b5dff;--btn-text-color: #2b5dff;--btn-bg-color: #fff}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:active{--btn-bg-color: #2b5dff !important}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:hover{--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary{--btn-bg-color: #FFF;--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-ternary:hover:not(:disabled){--btn-text-color: #244FD9;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-ternary{--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-border-radius: 24px}.uikit-btn.uikit-btn-quaternary{--btn-px: 0;--btn-py: 0;--btn-text-color: #2b5dff;--btn-height: auto}.uikit-btn.uikit-btn-quaternary:hover{text-decoration:underline;--btn-text-color: #244FD9}.uikit-btn.uikit-btn-quaternary:disabled{--btn-bg-color: transparent;--btn-text-color: #C1C8D5}.uikit-btn.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-border-radius: 4px;--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-font-weight: 400px}.uikit-btn.uikit-btn-single-selection:hover{--btn-border-color: #2b5dff}.uikit-btn.uikit-btn-single-selection:active,.uikit-btn.uikit-btn-single-selection.uikit-active,.uikit-btn.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #FAFBFF;--btn-text-color: #2b5dff;--btn-border-color: #2b5dff}.uikit-btn-light{--btn-bg-color: #FFF;--btn-text-color: #F20282}.uikit-btn-light:disabled{cursor:not-allowed}.uikit-btn-light:hover:not(:disabled){--btn-text-color: #F20282;--btn-bg-color: #FAFAFA}.uikit-btn-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-warning:disabled{cursor:not-allowed}.uikit-btn-warning:hover:not(:disabled){--btn-bg-color: #F2C761}.uikit-btn-danger{--btn-bg-color: #FA4F64;--btn-text-color: #FFF}.uikit-btn-danger:disabled{cursor:not-allowed}.uikit-btn-danger:hover:not(:disabled){--btn-bg-color: #E0485A}.uikit-btn-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64;--btn-bg-color: #fff}.uikit-btn-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-danger.uikit-btn-outline:hover{--btn-text-color: #FA4F64}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 8px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{cursor:not-allowed}.uikit-btn-multi-selection:hover:not(:disabled){--btn-bg-color: #E9EFFE}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #FFF}.uikit-btn-facile:disabled{cursor:not-allowed}.uikit-btn-facile:hover:not(:disabled){--btn-text-color: #FFF;--btn-bg-color: var(--btn-facile-hover-color)}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #FFF;--btn-bg-color: #FFF;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{cursor:not-allowed}.uikit-btn-show-more:hover:not(:disabled){--btn-text-color: #3646B3;--btn-bg-color: #FFF}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-color: transparent}.uikit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uikit-pointer-events-none{pointer-events:none}.uikit-invisible{visibility:hidden}.\!uikit-static{position:static!important}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.-uikit-left-\[20px\]{left:-20px}.-uikit-right-1\/2{right:-50%}.-uikit-right-\[20px\]{right:-20px}.-uikit-right-sm{right:-12px}.-uikit-top-\[0\.3rem\]{top:-.3rem}.-uikit-top-sm{top:-12px}.uikit-bottom-0{bottom:0}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-1\/2{left:50%}.uikit-left-\[22px\]{left:22px}.uikit-left-md{left:16px}.uikit-left-sm{left:12px}.uikit-right-0{right:0}.uikit-top-0{top:0}.uikit-top-\[55px\]{top:55px}.uikit-top-\[6px\]{top:6px}.uikit-top-\[70px\]{top:70px}.uikit-top-md{top:16px}.-uikit-z-\[1\]{z-index:-1}.uikit-z-0{z-index:0}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[1\]{z-index:1}.uikit-z-\[2000\]{z-index:2000}.uikit-z-\[2\]{z-index:2}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-m-0{margin:0}.uikit-m-lg{margin:24px}.uikit-m-xl{margin:32px}.uikit-mx-2xs{margin-left:4px;margin-right:4px}.uikit-mx-\[20px\]{margin-left:20px;margin-right:20px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-\[20px\]{margin-top:20px;margin-bottom:20px}.uikit-my-auto{margin-top:auto;margin-bottom:auto}.uikit-my-sm{margin-top:12px;margin-bottom:12px}.uikit-mb-0{margin-bottom:0}.uikit-mb-\[10px\]{margin-bottom:10px}.uikit-mb-\[15px\]{margin-bottom:15px}.uikit-mb-\[20px\]{margin-bottom:20px}.uikit-mb-xs{margin-bottom:8px}.uikit-ml-\[10px\]{margin-left:10px}.uikit-ml-md{margin-left:16px}.uikit-ml-xl{margin-left:32px}.uikit-mr-2xs{margin-right:4px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mr-\[20px\]{margin-right:20px}.uikit-mr-xs{margin-right:8px}.uikit-mt-0{margin-top:0}.uikit-mt-2xl{margin-top:40px}.uikit-mt-\[20px\]{margin-top:20px}.uikit-mt-lg{margin-top:24px}.uikit-mt-md{margin-top:16px}.uikit-mt-xl{margin-top:32px}.uikit-mt-xs{margin-top:8px}.uikit-box-border{box-sizing:border-box}.uikit-block{display:block}.uikit-inline-block{display:inline-block}.\!uikit-flex{display:flex!important}.uikit-flex{display:flex}.\!uikit-inline-flex{display:inline-flex!important}.uikit-inline-flex{display:inline-flex}.uikit-grid{display:grid}.uikit-hidden{display:none}.uikit-size-\[20px\]{width:20px;height:20px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.uikit-size-lg{width:24px;height:24px}.uikit-size-md{width:16px;height:16px}.uikit-size-sm{width:12px;height:12px}.uikit-size-xl{width:32px;height:32px}.uikit-h-0{height:0}.uikit-h-2xl{height:40px}.uikit-h-2xs{height:4px}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[1500px\]{height:1500px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[20px\]{height:20px}.uikit-h-\[2px\]{height:2px}.uikit-h-\[35px\]{height:35px}.uikit-h-\[360px\]{height:360px}.uikit-h-\[46px\]{height:46px}.uikit-h-\[500px\]{height:500px}.uikit-h-\[55px\]{height:55px}.uikit-h-\[95\%\]{height:95%}.uikit-h-\[96px\]{height:96px}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-h-xl{height:32px}.\!uikit-max-h-\[210px\]{max-height:210px!important}.uikit-max-h-\[112px\]{max-height:112px}.uikit-max-h-\[225px\]{max-height:225px}.uikit-max-h-\[500px\]{max-height:500px}.uikit-max-h-\[550px\]{max-height:550px}.uikit-max-h-\[900px\]{max-height:900px}.uikit-max-h-\[950px\]{max-height:950px}.uikit-min-h-\[130px\]{min-height:130px}.\!uikit-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.uikit-w-0{width:0}.uikit-w-2xl{width:40px}.uikit-w-\[330px\]{width:330px}.uikit-w-\[56px\]{width:56px}.uikit-w-\[60\%\]{width:60%}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-\[343px\]{min-width:343px}.uikit-min-w-\[56px\]{min-width:56px}.uikit-min-w-full{min-width:100%}.uikit-min-w-xl{min-width:32px}.\!uikit-max-w-\[400px\]{max-width:400px!important}.\!uikit-max-w-\[500px\]{max-width:500px!important}.uikit-max-w-\[250px\]{max-width:250px}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-pointer{cursor:pointer}.uikit-touch-none{touch-action:none}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-items-end{align-items:flex-end}.uikit-items-center{align-items:center}.uikit-justify-end{justify-content:flex-end}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-\[20px\]{gap:20px}.uikit-gap-lg{gap:24px}.uikit-gap-md{gap:16px}.uikit-gap-sm{gap:12px}.uikit-gap-xs{gap:8px}.uikit-gap-x-2xs{-moz-column-gap:4px;column-gap:4px}.uikit-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-lg{-moz-column-gap:24px;column-gap:24px}.uikit-gap-x-md{-moz-column-gap:16px;column-gap:16px}.uikit-gap-x-sm{-moz-column-gap:12px;column-gap:12px}.uikit-gap-x-xs{-moz-column-gap:8px;column-gap:8px}.uikit-gap-y-2xs{row-gap:4px}.uikit-gap-y-lg{row-gap:24px}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded-none{border-radius:0!important}.uikit-rounded-2xs{border-radius:4px}.uikit-rounded-\[16px\]{border-radius:16px}.uikit-rounded-\[36px\]{border-radius:36px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-xs{border-radius:8px}.uikit-rounded-r-2xs{border-top-right-radius:4px;border-bottom-right-radius:4px}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-l{border-left-width:1px}.uikit-border-l-2{border-left-width:2px}.uikit-border-r{border-right-width:1px}.uikit-border-r-0{border-right-width:0px}.uikit-border-t-0{border-top-width:0px}.uikit-border-solid{border-style:solid}.\!uikit-border-none{border-style:none!important}.uikit-border-none{border-style:none}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-blue{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-gray{--tw-border-opacity: 1;border-color:rgb(109 118 135 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-border-w-red{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.uikit-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.\!uikit-bg-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.uikit-bg-transparent{background-color:transparent}.uikit-bg-w-black{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.uikit-bg-w-blue{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-bg-w-gray{--tw-bg-opacity: 1;background-color:rgb(109 118 135 / var(--tw-bg-opacity, 1))}.uikit-bg-w-lightgray{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-w-pink{--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-bg-w-red{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-w-white,.uikit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.uikit-bg-contain{background-size:contain}.uikit-bg-no-repeat{background-repeat:no-repeat}.uikit-object-cover{-o-object-fit:cover;object-fit:cover}.uikit-p-0{padding:0}.uikit-p-2xs{padding:4px}.uikit-p-md{padding:16px}.uikit-p-xs{padding:8px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-2xs{padding-left:4px;padding-right:4px}.uikit-px-\[10px\]{padding-left:10px;padding-right:10px}.uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.uikit-px-md{padding-left:16px;padding-right:16px}.uikit-px-sm{padding-left:12px;padding-right:12px}.uikit-px-xs{padding-left:8px;padding-right:8px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-2xs{padding-top:4px;padding-bottom:4px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.uikit-py-lg{padding-top:24px;padding-bottom:24px}.uikit-py-md{padding-top:16px;padding-bottom:16px}.uikit-py-sm{padding-top:12px;padding-bottom:12px}.uikit-py-xs{padding-top:8px;padding-bottom:8px}.uikit-pb-0{padding-bottom:0}.uikit-pb-2xs{padding-bottom:4px}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-lg{padding-bottom:24px}.uikit-pb-md{padding-bottom:16px}.uikit-pb-sm{padding-bottom:12px}.uikit-pb-xl{padding-bottom:32px}.uikit-pb-xs{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-sm{padding-left:12px}.uikit-pr-xl{padding-right:32px}.uikit-pr-xs{padding-right:8px}.uikit-pt-2xs{padding-top:4px}.uikit-pt-\[3px\]{padding-top:3px}.uikit-pt-md{padding-top:16px}.uikit-pt-sm{padding-top:12px}.uikit-pt-xs{padding-top:8px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.\!uikit-text-16{font-size:16px!important}.uikit-text-12{font-size:12px}.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-14{font-size:14px}.uikit-text-16{font-size:16px}.uikit-text-20{font-size:20px}.uikit-text-22{font-size:22px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-\[24px\]{font-size:24px}.uikit-text-\[26px\]{font-size:26px}.uikit-text-\[26px\]\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-\[30px\]{font-size:30px}.uikit-text-\[30px\]\/\[36px\]{font-size:30px;line-height:36px}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-capitalize{text-transform:capitalize}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-text-w-cultured{--tw-text-opacity: 1;color:rgb(244 247 255 / var(--tw-text-opacity, 1))}.uikit-text-w-gray{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.uikit-text-w-lightgray{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-text-w-pink{--tw-text-opacity: 1;color:rgb(242 2 130 / var(--tw-text-opacity, 1))}.uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-no-underline{text-decoration-line:none}.uikit-opacity-0{opacity:0}.uikit-opacity-100{opacity:100%}.uikit-opacity-50{opacity:50%}.uikit-shadow-\[0_0_0_2px_\#fff_inset\]{--tw-shadow: 0 0 0 2px #fff inset;--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_0_0_3px_white_inset\]{--tw-shadow: 0 0 0 3px white inset;--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-transition-\[background\]{transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[grid-template-rows\,opacity\,padding\,margin\]{transition-property:grid-template-rows,opacity,padding,margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[top\,left\,font-size\]{transition-property:top,left,font-size;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-duration-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-\[top\,left\,font-size\]{will-change:top,left,font-size}.uikit-will-change-transform{will-change:transform}.uikit-content-\[\"\"\]{--tw-content: "";content:var(--tw-content)}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[font-size\:inherit\]{font-size:inherit}.\[grid-area\:_action\]{grid-area:action}h1{font-size:22px;line-height:30px}h2{font-size:20px;line-height:28px}h3{font-size:16px;line-height:24px}h1,h2,h3{font-weight:600;letter-spacing:0em}html,body,input,textarea,button{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.\*\:uikit-px-md>*{padding-left:16px;padding-right:16px}.\*\:uikit-py-sm>*{padding-top:12px;padding-bottom:12px}.after\:uikit-absolute:after{content:var(--tw-content);position:absolute}.after\:uikit-bottom-0:after{content:var(--tw-content);bottom:0}.after\:uikit-left-1\/2:after{content:var(--tw-content);left:50%}.after\:uikit-h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:uikit-w-\[95\%\]:after{content:var(--tw-content);width:95%}.after\:-uikit-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:uikit-bg-w-lightgray:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.after\:uikit-content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:uikit-mt-0:first-child{margin-top:0}.first\:uikit-rounded-l-2xs:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.last\:uikit-mb-0:last-child{margin-bottom:0}.last\:uikit-rounded-r-2xs:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.after\:last\:uikit-hidden:last-child:after{content:var(--tw-content);display:none}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-\[\#385CF6\]:hover{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.hover\:uikit-border-w-blue-hover:hover{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.hover\:uikit-border-l-w-pink:hover{--tw-border-opacity: 1;border-left-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-blue-hover:hover{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.focus\:uikit-border-w-blue-hover:focus{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.focus\:uikit-bg-w-blue-hover:focus{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-border-w-blue:focus-visible{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.focus-visible\:uikit-shadow-\[0_0_0_2px_\#2b5dff\]:focus-visible{--tw-shadow: 0 0 0 2px #2b5dff;--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-cursor-default:disabled{cursor:default}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-lightgray:disabled{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-2{border-width:2px}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.aria-selected\:uikit-rounded-xs[aria-selected=true]{border-radius:8px}.aria-selected\:uikit-bg-w-cultured[aria-selected=true]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-translate-x-full[data-state=checked]{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\]\:uikit-border[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[active\]\:uikit-border-solid[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[active\]\:uikit-border-w-blue[data-active],.data-\[selected\]\:uikit-border-w-blue[data-selected]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.data-\[state\=on\]\:uikit-border-\[\#385CF6\][data-state=on]{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.data-\[validation\=\'invalid\'\]\:uikit-border-w-red[data-validation=invalid]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[validation\=\'valid\'\]\:uikit-border-w-blue[data-validation=valid]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[validation\=\\\'invalid\\\'\]\:uikit-border-w-red[data-validation="'invalid'"]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[active\]\:uikit-bg-w-ghost[data-active]{--tw-bg-opacity: 1;background-color:rgb(250 251 255 / var(--tw-bg-opacity, 1))}.data-\[selected\]\:uikit-bg-w-cultured[data-selected]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-bg-w-blue[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.data-\[state\=on\]\:uikit-bg-w-cultured[data-state=on],.data-\[state\=unchecked\]\:uikit-bg-w-cultured[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[active\]\:uikit-font-medium[data-active],.data-\[state\=on\]\:uikit-font-medium[data-state=on]{font-weight:500}.data-\[active\]\:uikit-text-w-blue[data-active],.data-\[state\=on\]\:uikit-text-w-blue[data-state=on]{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\/fieldset\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\/fieldset\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}@media (prefers-reduced-motion: reduce){.motion-reduce\:uikit-transition-none{transition-property:none}}@media not all and (min-width: 768px){.max-md\:uikit-w-full{width:100%}}@media not all and (min-width: 640px){.max-sm\:uikit-fixed{position:fixed}.max-sm\:uikit-absolute{position:absolute}.max-sm\:uikit-relative{position:relative}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-left-0{left:0}.max-sm\:uikit-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-mb-md{margin-bottom:16px}.max-sm\:uikit-mb-xs{margin-bottom:8px}.max-sm\:uikit-hidden{display:none}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-w-full{width:100%}.max-sm\:uikit-max-w-\[80\%\]{max-width:80%}.max-sm\:uikit-grow{flex-grow:1}.max-sm\:uikit-justify-center{justify-content:center}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.max-sm\:uikit-pr-0{padding-right:0}.active\:max-sm\:uikit-bg-w-cultured:active{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}}@media (min-width: 640px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:-uikit-left-\[1px\]{left:-1px}.sm\:-uikit-right-\[1px\]{right:-1px}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-lg{margin-top:24px;margin-bottom:24px}.sm\:uikit-mt-\[20px\]{margin-top:20px}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1800px\]{height:1800px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grow{flex-grow:1}.sm\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:uikit-self-start{align-self:flex-start}.sm\:uikit-p-lg{padding:24px}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.sm\:uikit-px-lg{padding-left:24px;padding-right:24px}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-py-md{padding-top:16px;padding-bottom:16px}.sm\:uikit-pb-lg{padding-bottom:24px}.sm\:uikit-pt-\[20px\]{padding-top:20px}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-16{font-size:16px}.hover\:sm\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}}@media (min-width: 768px){.md\:uikit-col-span-3{grid-column:span 3 / span 3}.md\:uikit-col-span-9{grid-column:span 9 / span 9}.md\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:uikit-col-span-1{grid-column:span 1 / span 1}.lg\:uikit-col-span-10{grid-column:span 10 / span 10}.lg\:uikit-col-span-2{grid-column:span 2 / span 2}.lg\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-pink:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-pink[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.\[\&\:disabled_path\]\:uikit-stroke-w-lightgray:disabled path{stroke:#c1c8d5}.\[\&_\>_\*\:first-child\]\:uikit-px-sm>*:first-child{padding-left:12px;padding-right:12px}.\[\&_\>_\*\:last-child\]\:uikit-px-sm>*:last-child{padding-left:12px;padding-right:12px}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.uikit-btn{--btn-px: 25px;--btn-py: 11px;--btn-bg-color: transparent;--btn-text-color: #222222;--btn-border-color: unset;--btn-border-width: 0;--btn-border-radius: 24px;--btn-border-style: solid;--btn-height: 40px;--btn-width: auto;--btn-font-size: 16px;--btn-transition: color, background-color cubic-bezier(.4, 0, .2, 1) .15s;--btn-font-weight: 600;display:inline-flex;align-items:center;justify-content:center;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);white-space:nowrap;border:var(--btn-border-width) var(--btn-border-color) var(--btn-border-style);border-radius:var(--btn-border-radius);cursor:pointer;height:var(--btn-height);width:var(--btn-width);background-color:var(--btn-bg-color);color:var(--btn-text-color);padding:var(--btn-py) var(--btn-px);transition:var(--btn-transition);line-height:1;-webkit-tap-highlight-color:transparent}.uikit-btn.uikit-btn-lg{--btn-height: 48px;--btn-px: 24px;--btn-py: 12px}.uikit-btn.uikit-btn-sm{--btn-px: 24px;--btn-py: 8px;--btn-height: 40px}.uikit-btn.uikit-btn-rounded{--btn-px: 0;--btn-py: 0}.uikit-btn.uikit-btn-outline{--btn-border-width: 1px;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-primary{--btn-bg-color: #F20282;--btn-text-color: #FFF}.uikit-btn.uikit-btn-primary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-primary:hover:not(:disabled){--btn-bg-color: #E30C79}.uikit-btn.uikit-btn-primary.uikit-btn-outline{--btn-border-color: ;--btn-text-color: #F20282;--btn-bg-color: #fff}.uikit-btn.uikit-btn-primary.uikit-btn-outline:active{--btn-bg-color: !important}.uikit-btn.uikit-btn-primary.uikit-btn-outline:hover{--btn-bg-color: #FFF8FB;--btn-text-color: #F20282}.uikit-btn.uikit-btn-primary{text-transform:uppercase}.uikit-btn.uikit-btn-secondary{--btn-bg-color: #2b5dff;--btn-text-color: #FFF}.uikit-btn.uikit-btn-secondary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-secondary:hover:not(:disabled){--btn-bg-color: #244FD9}.uikit-btn.uikit-btn-secondary.uikit-btn-outline{--btn-border-color: #2b5dff;--btn-text-color: #2b5dff;--btn-bg-color: #fff}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:active{--btn-bg-color: #2b5dff !important}.uikit-btn.uikit-btn-secondary.uikit-btn-outline:hover{--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary{--btn-bg-color: #FFF;--btn-text-color: #2b5dff}.uikit-btn.uikit-btn-ternary:disabled{cursor:not-allowed}.uikit-btn.uikit-btn-ternary:hover:not(:disabled){--btn-text-color: #244FD9;--btn-bg-color: #FFF}.uikit-btn.uikit-btn-ternary{--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-border-radius: 24px}.uikit-btn.uikit-btn-quaternary{--btn-px: 0;--btn-py: 0;--btn-text-color: #2b5dff;--btn-height: auto}.uikit-btn.uikit-btn-quaternary:hover{text-decoration:underline;--btn-text-color: #244FD9}.uikit-btn.uikit-btn-quaternary:disabled{--btn-bg-color: transparent;--btn-text-color: #C1C8D5}.uikit-btn.uikit-btn-single-selection{--btn-px: 16px;--btn-py: 8px;--btn-border-radius: 4px;--btn-border-color: #C1C8D5;--btn-border-width: 1px;--btn-font-weight: 400px}.uikit-btn.uikit-btn-single-selection:hover{--btn-border-color: #2b5dff}.uikit-btn.uikit-btn-single-selection:active,.uikit-btn.uikit-btn-single-selection.uikit-active,.uikit-btn.uikit-btn-single-selection[data-active=true]{--btn-bg-color: #FAFBFF;--btn-text-color: #2b5dff;--btn-border-color: #2b5dff}.uikit-btn-light{--btn-bg-color: #FFF;--btn-text-color: #F20282}.uikit-btn-light:disabled{cursor:not-allowed}.uikit-btn-light:hover:not(:disabled){--btn-text-color: #F20282;--btn-bg-color: #FAFAFA}.uikit-btn-warning{--btn-bg-color: #FFD167;--btn-text-color: #2A3761}.uikit-btn-warning:disabled{cursor:not-allowed}.uikit-btn-warning:hover:not(:disabled){--btn-bg-color: #F2C761}.uikit-btn-danger{--btn-bg-color: #FA4F64;--btn-text-color: #FFF}.uikit-btn-danger:disabled{cursor:not-allowed}.uikit-btn-danger:hover:not(:disabled){--btn-bg-color: #E0485A}.uikit-btn-danger.uikit-btn-outline{--btn-border-color: #FA4F64;--btn-text-color: #FA4F64;--btn-bg-color: #fff}.uikit-btn-danger.uikit-btn-outline:active{--btn-bg-color: #FA4F64 !important}.uikit-btn-danger.uikit-btn-outline:hover{--btn-text-color: #FA4F64}.uikit-btn-multi-selection{--btn-py: 10px;--btn-height: 40px;font-weight:400;--btn-border-radius: 8px;--btn-border-color: #EAEFFD;--btn-border-width: 1px;white-space:normal;--btn-bg-color: #F5F7FA;--btn-text-color: #222222}.uikit-btn-multi-selection:disabled{cursor:not-allowed}.uikit-btn-multi-selection:hover:not(:disabled){--btn-bg-color: #E9EFFE}.uikit-btn-facile{--btn-facile-color: #FF6600;--btn-facile-hover-color: #b34700;--btn-bg-color: var(--btn-facile-color);--btn-text-color: #FFF}.uikit-btn-facile:disabled{cursor:not-allowed}.uikit-btn-facile:hover:not(:disabled){--btn-text-color: #FFF;--btn-bg-color: var(--btn-facile-hover-color)}.uikit-btn-show-more{--btn-border-radius: 0;--btn-border-color: #FFF;--btn-bg-color: #FFF;--btn-text-color: #2B5DFF}.uikit-btn-show-more:disabled{cursor:not-allowed}.uikit-btn-show-more:hover:not(:disabled){--btn-text-color: #3646B3;--btn-bg-color: #FFF}.uikit-btn-transparent{--border-color: transparent;--btn-px: 0;--btn-py: 0}.uikit-btn-transparent:hover{--btn-bg-color: transparent;--border-color: transparent}.uikit-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uikit-pointer-events-none{pointer-events:none}.uikit-invisible{visibility:hidden}.\!uikit-static{position:static!important}.uikit-static{position:static}.uikit-fixed{position:fixed}.uikit-absolute{position:absolute}.uikit-relative{position:relative}.uikit-sticky{position:sticky}.-uikit-left-\[20px\]{left:-20px}.-uikit-right-1\/2{right:-50%}.-uikit-right-\[20px\]{right:-20px}.-uikit-right-sm{right:-12px}.-uikit-top-\[0\.3rem\]{top:-.3rem}.-uikit-top-sm{top:-12px}.uikit-bottom-0{bottom:0}.uikit-bottom-\[55px\]{bottom:55px}.uikit-left-0{left:0}.uikit-left-1\/2{left:50%}.uikit-left-\[22px\]{left:22px}.uikit-left-md{left:16px}.uikit-left-sm{left:12px}.uikit-right-0{right:0}.uikit-top-0{top:0}.uikit-top-\[55px\]{top:55px}.uikit-top-\[6px\]{top:6px}.uikit-top-\[70px\]{top:70px}.uikit-top-md{top:16px}.-uikit-z-\[1\]{z-index:-1}.uikit-z-0{z-index:0}.uikit-z-10{z-index:10}.uikit-z-20{z-index:20}.uikit-z-30{z-index:30}.uikit-z-\[1\]{z-index:1}.uikit-z-\[2000\]{z-index:2000}.uikit-z-\[2\]{z-index:2}.uikit-col-span-2{grid-column:span 2 / span 2}.uikit-col-span-3{grid-column:span 3 / span 3}.uikit-col-span-full{grid-column:1 / -1}.uikit-m-0{margin:0}.uikit-m-lg{margin:24px}.uikit-m-xl{margin:32px}.uikit-mx-2xs{margin-left:4px;margin-right:4px}.uikit-mx-\[20px\]{margin-left:20px;margin-right:20px}.uikit-mx-auto{margin-left:auto;margin-right:auto}.uikit-my-0{margin-top:0;margin-bottom:0}.uikit-my-\[20px\]{margin-top:20px;margin-bottom:20px}.uikit-my-auto{margin-top:auto;margin-bottom:auto}.uikit-my-sm{margin-top:12px;margin-bottom:12px}.uikit-mb-0{margin-bottom:0}.uikit-mb-\[10px\]{margin-bottom:10px}.uikit-mb-\[15px\]{margin-bottom:15px}.uikit-mb-\[20px\]{margin-bottom:20px}.uikit-mb-xs{margin-bottom:8px}.uikit-ml-\[10px\]{margin-left:10px}.uikit-ml-md{margin-left:16px}.uikit-ml-xl{margin-left:32px}.uikit-mr-2xs{margin-right:4px}.uikit-mr-\[10px\]{margin-right:10px}.uikit-mr-\[20px\]{margin-right:20px}.uikit-mr-xs{margin-right:8px}.uikit-mt-0{margin-top:0}.uikit-mt-2xl{margin-top:40px}.uikit-mt-\[20px\]{margin-top:20px}.uikit-mt-lg{margin-top:24px}.uikit-mt-md{margin-top:16px}.uikit-mt-xl{margin-top:32px}.uikit-mt-xs{margin-top:8px}.uikit-box-border{box-sizing:border-box}.uikit-block{display:block}.uikit-inline-block{display:inline-block}.uikit-flex{display:flex}.\!uikit-inline-flex{display:inline-flex!important}.uikit-inline-flex{display:inline-flex}.uikit-grid{display:grid}.uikit-hidden{display:none}.uikit-size-\[20px\]{width:20px;height:20px}.uikit-size-\[300px\]{width:300px;height:300px}.uikit-size-full{width:100%;height:100%}.uikit-size-lg{width:24px;height:24px}.uikit-size-md{width:16px;height:16px}.uikit-size-sm{width:12px;height:12px}.uikit-size-xl{width:32px;height:32px}.uikit-h-0{height:0}.uikit-h-2xl{height:40px}.uikit-h-2xs{height:4px}.uikit-h-\[1000px\]{height:1000px}.uikit-h-\[1500px\]{height:1500px}.uikit-h-\[150px\]{height:150px}.uikit-h-\[1em\]{height:1em}.uikit-h-\[20px\]{height:20px}.uikit-h-\[2px\]{height:2px}.uikit-h-\[35px\]{height:35px}.uikit-h-\[360px\]{height:360px}.uikit-h-\[46px\]{height:46px}.uikit-h-\[500px\]{height:500px}.uikit-h-\[55px\]{height:55px}.uikit-h-\[95\%\]{height:95%}.uikit-h-\[96px\]{height:96px}.uikit-h-auto{height:auto}.uikit-h-full{height:100%}.uikit-h-max{height:-moz-max-content;height:max-content}.uikit-h-xl{height:32px}.\!uikit-max-h-\[210px\]{max-height:210px!important}.uikit-max-h-\[112px\]{max-height:112px}.uikit-max-h-\[225px\]{max-height:225px}.uikit-max-h-\[500px\]{max-height:500px}.uikit-max-h-\[550px\]{max-height:550px}.uikit-max-h-\[900px\]{max-height:900px}.uikit-max-h-\[950px\]{max-height:950px}.uikit-min-h-\[130px\]{min-height:130px}.\!uikit-w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)!important}.uikit-w-0{width:0}.uikit-w-2xl{width:40px}.uikit-w-\[330px\]{width:330px}.uikit-w-\[56px\]{width:56px}.uikit-w-\[60\%\]{width:60%}.uikit-w-auto{width:auto}.uikit-w-fit{width:-moz-fit-content;width:fit-content}.uikit-w-full{width:100%}.uikit-min-w-\[343px\]{min-width:343px}.uikit-min-w-\[56px\]{min-width:56px}.uikit-min-w-full{min-width:100%}.uikit-min-w-xl{min-width:32px}.\!uikit-max-w-\[400px\]{max-width:400px!important}.\!uikit-max-w-\[500px\]{max-width:500px!important}.uikit-max-w-\[250px\]{max-width:250px}.uikit-max-w-\[300px\]{max-width:300px}.uikit-max-w-\[400px\]{max-width:400px}.uikit-max-w-\[500px\]{max-width:500px}.uikit-flex-1{flex:1 1 0%}.uikit-flex-auto{flex:1 1 auto}.uikit-flex-shrink-0,.uikit-shrink-0{flex-shrink:0}.uikit-grow{flex-grow:1}.\!uikit-translate-x-0{--tw-translate-x: 0 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-uikit-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-uikit-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.uikit-animate-\[backdrop-opacity_0\.3s_ease-out_0s_backwards\]{animation:backdrop-opacity .3s ease-out 0s backwards}.uikit-cursor-pointer{cursor:pointer}.uikit-touch-none{touch-action:none}.uikit-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.uikit-resize-none{resize:none}.uikit-list-none{list-style-type:none}.uikit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.uikit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.uikit-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.uikit-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.uikit-grid-rows-\[0fr\]{grid-template-rows:0fr}.uikit-grid-rows-\[1fr\]{grid-template-rows:1fr}.uikit-flex-col{flex-direction:column}.uikit-flex-wrap{flex-wrap:wrap}.uikit-items-end{align-items:flex-end}.uikit-items-center{align-items:center}.uikit-justify-end{justify-content:flex-end}.uikit-justify-center{justify-content:center}.uikit-justify-between{justify-content:space-between}.uikit-justify-around{justify-content:space-around}.uikit-justify-evenly{justify-content:space-evenly}.uikit-gap-2xs{gap:4px}.uikit-gap-\[20px\]{gap:20px}.uikit-gap-lg{gap:24px}.uikit-gap-md{gap:16px}.uikit-gap-sm{gap:12px}.uikit-gap-xs{gap:8px}.uikit-gap-x-2xs{-moz-column-gap:4px;column-gap:4px}.uikit-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.uikit-gap-x-lg{-moz-column-gap:24px;column-gap:24px}.uikit-gap-x-md{-moz-column-gap:16px;column-gap:16px}.uikit-gap-x-sm{-moz-column-gap:12px;column-gap:12px}.uikit-gap-x-xs{-moz-column-gap:8px;column-gap:8px}.uikit-gap-y-2xs{row-gap:4px}.uikit-gap-y-lg{row-gap:24px}.uikit-self-end{align-self:flex-end}.uikit-overflow-auto{overflow:auto}.uikit-overflow-hidden{overflow:hidden}.uikit-overflow-y-auto{overflow-y:auto}.uikit-overflow-x-hidden{overflow-x:hidden}.uikit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uikit-whitespace-pre-wrap{white-space:pre-wrap}.\!uikit-rounded-none{border-radius:0!important}.uikit-rounded-2xs{border-radius:4px}.uikit-rounded-\[16px\]{border-radius:16px}.uikit-rounded-\[36px\]{border-radius:36px}.uikit-rounded-\[5px\]{border-radius:5px}.uikit-rounded-full{border-radius:9999px}.uikit-rounded-xs{border-radius:8px}.uikit-rounded-r-2xs{border-top-right-radius:4px;border-bottom-right-radius:4px}.\!uikit-border-0{border-width:0px!important}.uikit-border{border-width:1px}.uikit-border-0{border-width:0px}.uikit-border-2{border-width:2px}.uikit-border-b{border-bottom-width:1px}.uikit-border-b-0{border-bottom-width:0px}.uikit-border-l{border-left-width:1px}.uikit-border-l-2{border-left-width:2px}.uikit-border-r{border-right-width:1px}.uikit-border-r-0{border-right-width:0px}.uikit-border-t-0{border-top-width:0px}.uikit-border-solid{border-style:solid}.\!uikit-border-none{border-style:none!important}.uikit-border-none{border-style:none}.uikit-border-w-black{--tw-border-opacity: 1;border-color:rgb(34 34 34 / var(--tw-border-opacity, 1))}.uikit-border-w-blue{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.uikit-border-w-gray{--tw-border-opacity: 1;border-color:rgb(109 118 135 / var(--tw-border-opacity, 1))}.uikit-border-w-lightgray{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-border-w-red{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.uikit-border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.\!uikit-bg-w-cultured{--tw-bg-opacity: 1 !important;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))!important}.uikit-bg-transparent{background-color:transparent}.uikit-bg-w-black{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.uikit-bg-w-blue{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-cultured{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.uikit-bg-w-darkblue{--tw-bg-opacity: 1;background-color:rgb(22 47 128 / var(--tw-bg-opacity, 1))}.uikit-bg-w-gray{--tw-bg-opacity: 1;background-color:rgb(109 118 135 / var(--tw-bg-opacity, 1))}.uikit-bg-w-lightgray{--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.uikit-bg-w-pink{--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.uikit-bg-w-red{--tw-bg-opacity: 1;background-color:rgb(242 0 3 / var(--tw-bg-opacity, 1))}.uikit-bg-w-warning{--tw-bg-opacity: 1;background-color:rgb(255 209 103 / var(--tw-bg-opacity, 1))}.uikit-bg-w-white,.uikit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.uikit-bg-contain{background-size:contain}.uikit-bg-no-repeat{background-repeat:no-repeat}.uikit-object-cover{-o-object-fit:cover;object-fit:cover}.uikit-p-0{padding:0}.uikit-p-2xs{padding:4px}.uikit-p-md{padding:16px}.uikit-p-xs{padding:8px}.\!uikit-px-0{padding-left:0!important;padding-right:0!important}.uikit-px-0{padding-left:0;padding-right:0}.uikit-px-2xs{padding-left:4px;padding-right:4px}.uikit-px-\[10px\]{padding-left:10px;padding-right:10px}.uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.uikit-px-md{padding-left:16px;padding-right:16px}.uikit-px-sm{padding-left:12px;padding-right:12px}.uikit-px-xs{padding-left:8px;padding-right:8px}.uikit-py-0{padding-top:0;padding-bottom:0}.uikit-py-2xs{padding-top:4px;padding-bottom:4px}.uikit-py-\[5px\]{padding-top:5px;padding-bottom:5px}.uikit-py-lg{padding-top:24px;padding-bottom:24px}.uikit-py-md{padding-top:16px;padding-bottom:16px}.uikit-py-sm{padding-top:12px;padding-bottom:12px}.uikit-py-xs{padding-top:8px;padding-bottom:8px}.uikit-pb-0{padding-bottom:0}.uikit-pb-2xs{padding-bottom:4px}.uikit-pb-\[3px\]{padding-bottom:3px}.uikit-pb-lg{padding-bottom:24px}.uikit-pb-md{padding-bottom:16px}.uikit-pb-sm{padding-bottom:12px}.uikit-pb-xl{padding-bottom:32px}.uikit-pb-xs{padding-bottom:8px}.uikit-pl-0{padding-left:0}.uikit-pl-sm{padding-left:12px}.uikit-pr-xl{padding-right:32px}.uikit-pr-xs{padding-right:8px}.uikit-pt-2xs{padding-top:4px}.uikit-pt-\[3px\]{padding-top:3px}.uikit-pt-md{padding-top:16px}.uikit-pt-sm{padding-top:12px}.uikit-pt-xs{padding-top:8px}.uikit-text-left{text-align:left}.uikit-text-center{text-align:center}.\!uikit-text-16{font-size:16px!important}.uikit-text-12{font-size:12px}.uikit-text-12\/\[16px\]{font-size:12px;line-height:16px}.uikit-text-14{font-size:14px}.uikit-text-16{font-size:16px}.uikit-text-20{font-size:20px}.uikit-text-22{font-size:22px}.uikit-text-22\/\[26px\]{font-size:22px;line-height:26px}.uikit-text-\[24px\]{font-size:24px}.uikit-text-\[26px\]{font-size:26px}.uikit-text-\[26px\]\/\[30px\]{font-size:26px;line-height:30px}.uikit-text-\[30px\]{font-size:30px}.uikit-text-\[30px\]\/\[36px\]{font-size:30px;line-height:36px}.uikit-font-medium{font-weight:500}.uikit-font-regular{font-weight:400}.uikit-font-semibold{font-weight:600}.uikit-capitalize{text-transform:capitalize}.uikit-text-w-black{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-text-w-cultured{--tw-text-opacity: 1;color:rgb(244 247 255 / var(--tw-text-opacity, 1))}.uikit-text-w-gray{--tw-text-opacity: 1;color:rgb(109 118 135 / var(--tw-text-opacity, 1))}.uikit-text-w-lightgray{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-text-w-pink{--tw-text-opacity: 1;color:rgb(242 2 130 / var(--tw-text-opacity, 1))}.uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.uikit-no-underline{text-decoration-line:none}.uikit-opacity-0{opacity:0}.uikit-opacity-100{opacity:100%}.uikit-opacity-50{opacity:50%}.uikit-shadow-\[0_0_0_2px_\#fff_inset\]{--tw-shadow: 0 0 0 2px #fff inset;--tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-\[0_0_0_3px_white_inset\]{--tw-shadow: 0 0 0 3px white inset;--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-shadow-surface{--tw-shadow: 0px 1px 3px rgba(0,0,0,.1);--tw-shadow-colored: 0px 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.uikit-outline-none{outline:2px solid transparent;outline-offset:2px}.uikit-transition-\[background\]{transition-property:background;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[grid-template-rows\,opacity\,padding\,margin\]{transition-property:grid-template-rows,opacity,padding,margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-\[top\,left\,font-size\]{transition-property:top,left,font-size;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.uikit-duration-200{transition-duration:.2s}.uikit-duration-300{transition-duration:.3s}.uikit-duration-75{transition-duration:75ms}.uikit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.uikit-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.uikit-will-change-\[top\,left\,font-size\]{will-change:top,left,font-size}.uikit-will-change-transform{will-change:transform}.uikit-content-\[\"\"\]{--tw-content: "";content:var(--tw-content)}.uikit-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.uikit-no-scrollbar::-webkit-scrollbar{display:none}.uikit-no-scrolling{overflow:hidden}.uikit-no-scrolling::-webkit-scrollbar{background-color:#b4c2f0b3}.uikit-safe-bottom{padding-bottom:env(safe-area-inset-bottom)!important}.\[--swiper-pagination-color\:\#ccc\]{--swiper-pagination-color: #ccc}.\[--swiper-pagination-color\:\#fff\]{--swiper-pagination-color: #fff}.\[font-size\:inherit\]{font-size:inherit}.\[grid-area\:_action\]{grid-area:action}h1{font-size:22px;line-height:30px}h2{font-size:20px;line-height:28px}h3{font-size:16px;line-height:24px}h1,h2,h3{font-weight:600;letter-spacing:0em}html,body,input,textarea,button{--tw-text-opacity: 1;color:rgb(34 34 34 / var(--tw-text-opacity, 1))}.\*\:uikit-px-md>*{padding-left:16px;padding-right:16px}.\*\:uikit-py-sm>*{padding-top:12px;padding-bottom:12px}.after\:uikit-absolute:after{content:var(--tw-content);position:absolute}.after\:uikit-bottom-0:after{content:var(--tw-content);bottom:0}.after\:uikit-left-1\/2:after{content:var(--tw-content);left:50%}.after\:uikit-h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:uikit-w-\[95\%\]:after{content:var(--tw-content);width:95%}.after\:-uikit-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:uikit-bg-w-lightgray:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(193 200 213 / var(--tw-bg-opacity, 1))}.after\:uikit-content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:uikit-mt-0:first-child{margin-top:0}.first\:uikit-rounded-l-2xs:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.last\:uikit-mb-0:last-child{margin-bottom:0}.last\:uikit-rounded-r-2xs:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.last\:uikit-pb-\[100px\]:last-child{padding-bottom:100px}.after\:last\:uikit-hidden:last-child:after{content:var(--tw-content);display:none}.hover\:uikit-cursor-pointer:hover{cursor:pointer}.hover\:uikit-border-\[\#385CF6\]:hover{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.hover\:uikit-border-w-blue-hover:hover{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.hover\:uikit-border-l-w-pink:hover{--tw-border-opacity: 1;border-left-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.hover\:uikit-bg-w-blue-hover:hover{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.hover\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.focus\:uikit-border-w-blue-hover:focus{--tw-border-opacity: 1;border-color:rgb(36 79 217 / var(--tw-border-opacity, 1))}.focus\:uikit-bg-w-blue-hover:focus{--tw-bg-opacity: 1;background-color:rgb(36 79 217 / var(--tw-bg-opacity, 1))}.focus\:uikit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:uikit-border-w-blue:focus-visible{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.focus-visible\:uikit-shadow-\[0_0_0_2px_\#2b5dff\]:focus-visible{--tw-shadow: 0 0 0 2px #2b5dff;--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\:uikit-outline-0:focus-visible{outline-width:0px}.disabled\:uikit-cursor-default:disabled{cursor:default}.disabled\:uikit-bg-w-cultured:disabled{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.disabled\:uikit-text-w-lightgray:disabled{--tw-text-opacity: 1;color:rgb(193 200 213 / var(--tw-text-opacity, 1))}.uikit-peer:focus~.peer-focus\:uikit-border-0{border-width:0px}.uikit-peer:focus~.peer-focus\:uikit-border-2{border-width:2px}.uikit-peer:focus~.peer-focus\:uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-2{border-width:2px}.uikit-peer:focus-visible~.peer-focus-visible\:uikit-border-w-pink{--tw-border-opacity: 1;border-color:rgb(242 2 130 / var(--tw-border-opacity, 1))}.aria-selected\:uikit-rounded-xs[aria-selected=true]{border-radius:8px}.aria-selected\:uikit-bg-w-cultured[aria-selected=true]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-translate-x-full[data-state=checked]{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[active\]\:uikit-border[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border[data-state=unchecked]{border-width:1px}.data-\[active\]\:uikit-border-solid[data-active],.data-\[state\=\'unchecked\'\]\:uikit-border-solid[data-state=unchecked]{border-style:solid}.data-\[active\]\:uikit-border-w-blue[data-active],.data-\[selected\]\:uikit-border-w-blue[data-selected]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[state\=\'unchecked\'\]\:uikit-border-w-lightgray[data-state=unchecked]{--tw-border-opacity: 1;border-color:rgb(193 200 213 / var(--tw-border-opacity, 1))}.data-\[state\=on\]\:uikit-border-\[\#385CF6\][data-state=on]{--tw-border-opacity: 1;border-color:rgb(56 92 246 / var(--tw-border-opacity, 1))}.data-\[validation\=\'invalid\'\]\:uikit-border-w-red[data-validation=invalid]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[validation\=\'valid\'\]\:uikit-border-w-blue[data-validation=valid]{--tw-border-opacity: 1;border-color:rgb(43 93 255 / var(--tw-border-opacity, 1))}.data-\[validation\=\\\'invalid\\\'\]\:uikit-border-w-red[data-validation="'invalid'"]{--tw-border-opacity: 1;border-color:rgb(242 0 3 / var(--tw-border-opacity, 1))}.data-\[active\]\:uikit-bg-w-ghost[data-active]{--tw-bg-opacity: 1;background-color:rgb(250 251 255 / var(--tw-bg-opacity, 1))}.data-\[selected\]\:uikit-bg-w-cultured[data-selected]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:uikit-bg-w-blue[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(43 93 255 / var(--tw-bg-opacity, 1))}.data-\[state\=on\]\:uikit-bg-w-cultured[data-state=on],.data-\[state\=unchecked\]\:uikit-bg-w-cultured[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}.data-\[active\]\:uikit-font-medium[data-active],.data-\[state\=on\]\:uikit-font-medium[data-state=on]{font-weight:500}.data-\[active\]\:uikit-text-w-blue[data-active],.data-\[state\=on\]\:uikit-text-w-blue[data-state=on]{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\/fieldset\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=invalid]~.peer-data-\[validation\=\'invalid\'\]\:uikit-text-w-red{--tw-text-opacity: 1;color:rgb(242 0 3 / var(--tw-text-opacity, 1))}.uikit-peer\/fieldset[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\/fieldset\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}.uikit-peer[data-validation=valid]~.peer-data-\[validation\=\'valid\'\]\:uikit-text-w-blue{--tw-text-opacity: 1;color:rgb(43 93 255 / var(--tw-text-opacity, 1))}@media (prefers-reduced-motion: reduce){.motion-reduce\:uikit-transition-none{transition-property:none}}@media not all and (min-width: 768px){.max-md\:uikit-w-full{width:100%}}@media not all and (min-width: 640px){.max-sm\:uikit-fixed{position:fixed}.max-sm\:uikit-absolute{position:absolute}.max-sm\:uikit-relative{position:relative}.max-sm\:uikit-bottom-0{bottom:0}.max-sm\:uikit-left-0{left:0}.max-sm\:uikit-my-0{margin-top:0;margin-bottom:0}.max-sm\:uikit-mb-md{margin-bottom:16px}.max-sm\:uikit-mb-xs{margin-bottom:8px}.max-sm\:uikit-hidden{display:none}.max-sm\:uikit-max-h-\[95\%\]{max-height:95%}.max-sm\:uikit-w-full{width:100%}.max-sm\:uikit-max-w-\[80\%\]{max-width:80%}.max-sm\:uikit-grow{flex-grow:1}.max-sm\:uikit-justify-center{justify-content:center}.max-sm\:uikit-rounded-bl-none{border-bottom-left-radius:0}.max-sm\:uikit-rounded-br-none{border-bottom-right-radius:0}.max-sm\:uikit-pr-0{padding-right:0}.active\:max-sm\:uikit-bg-w-cultured:active{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}}@media (min-width: 640px){.sm\:uikit-static{position:static}.sm\:uikit-sticky{position:sticky}.sm\:-uikit-left-\[1px\]{left:-1px}.sm\:-uikit-right-\[1px\]{right:-1px}.sm\:uikit-col-span-4{grid-column:span 4 / span 4}.sm\:uikit-col-span-8{grid-column:span 8 / span 8}.sm\:uikit-mx-0{margin-left:0;margin-right:0}.sm\:uikit-my-lg{margin-top:24px;margin-bottom:24px}.sm\:uikit-mt-\[20px\]{margin-top:20px}.sm\:uikit-block{display:block}.sm\:uikit-hidden{display:none}.sm\:uikit-h-\[1800px\]{height:1800px}.sm\:uikit-h-auto{height:auto}.sm\:uikit-h-full{height:100%}.sm\:uikit-h-screen{height:100vh}.sm\:uikit-max-h-\[1100px\]{max-height:1100px}.sm\:uikit-max-h-\[350px\]{max-height:350px}.sm\:uikit-max-w-\[460px\]{max-width:460px}.sm\:uikit-grow{flex-grow:1}.sm\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:uikit-self-start{align-self:flex-start}.sm\:uikit-p-lg{padding:24px}.sm\:uikit-px-0{padding-left:0;padding-right:0}.sm\:uikit-px-\[20px\]{padding-left:20px;padding-right:20px}.sm\:uikit-px-lg{padding-left:24px;padding-right:24px}.sm\:uikit-py-0{padding-top:0;padding-bottom:0}.sm\:uikit-py-md{padding-top:16px;padding-bottom:16px}.sm\:uikit-pb-lg{padding-bottom:24px}.sm\:uikit-pt-\[20px\]{padding-top:20px}.sm\:uikit-pt-\[30px\]{padding-top:30px}.sm\:uikit-text-16{font-size:16px}.hover\:sm\:uikit-bg-w-cultured:hover{--tw-bg-opacity: 1;background-color:rgb(244 247 255 / var(--tw-bg-opacity, 1))}}@media (min-width: 768px){.md\:uikit-col-span-3{grid-column:span 3 / span 3}.md\:uikit-col-span-9{grid-column:span 9 / span 9}.md\:uikit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:uikit-col-span-1{grid-column:span 1 / span 1}.lg\:uikit-col-span-10{grid-column:span 10 / span 10}.lg\:uikit-col-span-2{grid-column:span 2 / span 2}.lg\:uikit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:uikit-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:uikit-col-span-1{grid-column:span 1 / span 1}}.dark\:uikit-bg-transparent:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:uikit-text-w-warning:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 209 103 / var(--tw-text-opacity, 1))}.dark\:uikit-text-white:where([class*=htw-dark],[class*=htw-dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:uikit-bg-w-pink:hover:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.dark\:disabled\:uikit-bg-transparent:disabled:where([class*=htw-dark],[class*=htw-dark] *){background-color:transparent}.dark\:aria-selected\:uikit-bg-w-pink[aria-selected=true]:where([class*=htw-dark],[class*=htw-dark] *){--tw-bg-opacity: 1;background-color:rgb(242 2 130 / var(--tw-bg-opacity, 1))}.\[\&\.swiper-pagination-fraction\]\:uikit-flex.swiper-pagination-fraction{display:flex}.\[\&\.swiper-pagination-fraction\]\:uikit-justify-center.swiper-pagination-fraction{justify-content:center}.\[\&\:disabled_path\]\:uikit-stroke-w-lightgray:disabled path{stroke:#c1c8d5}.\[\&_\>_\*\:first-child\]\:uikit-px-sm>*:first-child{padding-left:12px;padding-right:12px}.\[\&_\>_\*\:last-child\]\:uikit-px-sm>*:last-child{padding-left:12px;padding-right:12px}.dark\:\[\&_g\]\:uikit-stroke-white g:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}.dark\:\[\&_path\]\:uikit-stroke-white path:where([class*=htw-dark],[class*=htw-dark] *){stroke:#fff}
package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as C, createBlock as w, openBlock as v, normalizeClass as U, withCtx as f, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
1
+ import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as C, createBlock as b, openBlock as m, normalizeClass as U, withCtx as c, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
2
2
  import Q from "./BaseInput.vue.js";
3
3
  import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css */
4
4
  import R from "./BaseDropDown.vue.js";
@@ -32,21 +32,21 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
32
32
  }),
33
33
  emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
34
34
  setup(o, { expose: D, emit: I }) {
35
- const u = K(o, "modelValue"), s = I, i = r(""), a = r([]), c = r(null), n = r(!1), b = r(null), O = $(() => a.value.length);
35
+ const u = K(o, "modelValue"), s = I, i = r(""), a = r([]), f = r(null), n = r(!1), w = r(null), O = $(() => a.value.length);
36
36
  N(() => {
37
- c.value = Y({ delay: 300 }, o.onInputChangeCb);
37
+ f.value = Y({ delay: 300 }, o.onInputChangeCb);
38
38
  });
39
- const { activeIdx: m, selectedIdx: d } = x({
39
+ const { activeIdx: v, selectedIdx: d } = x({
40
40
  optionsLength: O,
41
41
  isDropdownOpen: n,
42
42
  disableSpaceHandler: !0
43
43
  }), y = $(() => d.value !== -1), M = async (e) => {
44
44
  if (i.value !== e && (s("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
45
45
  if (!e || y.value) {
46
- a.value = [], d.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await c.value?.("");
46
+ a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), n.value = !1, await f.value?.("");
47
47
  return;
48
48
  }
49
- o.disableCb || !c.value || (a.value = await c.value(e), n.value = !!a.value.length);
49
+ o.disableCb || !f.value || (a.value = await f.value(e), n.value = !!a.value.length);
50
50
  }
51
51
  }, h = (e, t) => {
52
52
  o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (a.value = []), i.value = e.label, u.value = e, n.value = !1, d.value = t;
@@ -71,13 +71,13 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
71
71
  { immediate: !0 }
72
72
  );
73
73
  const P = () => {
74
- b.value?.select();
74
+ w.value?.select();
75
75
  }, L = () => {
76
76
  s("click"), E(), a.value.length && (n.value = !0);
77
77
  };
78
78
  return D({
79
79
  select: P
80
- }), (e, t) => (v(), w(R, {
80
+ }), (e, t) => (m(), b(R, {
81
81
  open: n.value,
82
82
  "onUpdate:open": t[3] || (t[3] = (l) => n.value = l),
83
83
  class: U(e.$attrs["root-classes"]),
@@ -89,11 +89,12 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
89
89
  "onUpdate:dropdownState": t[4] || (t[4] = (l) => n.value = l),
90
90
  onClick: L
91
91
  }, {
92
- btn_slot: f(() => [
92
+ button: c(() => [
93
93
  X(Q, {
94
94
  id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
95
95
  ref_key: "baseInput",
96
- ref: b,
96
+ ref: w,
97
+ class: "uikit-base-autocomplete",
97
98
  "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
98
99
  "model-value": i.value,
99
100
  "is-valid": e.isValid,
@@ -108,14 +109,14 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
108
109
  }, q({ _: 2 }, [
109
110
  e.$slots.leftIcon ? {
110
111
  name: "leftIcon",
111
- fn: f(() => [
112
+ fn: c(() => [
112
113
  B(e.$slots, "leftIcon")
113
114
  ]),
114
115
  key: "0"
115
116
  } : void 0,
116
117
  e.withCleanBtn ? {
117
118
  name: "rightIcon",
118
- fn: f(({ handleClean: l }) => [
119
+ fn: c(({ handleClean: l }) => [
119
120
  G(V("span", {
120
121
  class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
121
122
  onClick: l
@@ -127,20 +128,20 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
127
128
  } : void 0
128
129
  ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes", "with-border"])
129
130
  ]),
130
- default: f(({ toggleDropdown: l }) => [
131
+ default: c(({ toggleDropdown: l }) => [
131
132
  B(e.$slots, "dropdown", {
132
133
  options: a.value,
133
134
  toggleDropdown: l
134
135
  }, () => [
135
- (v(!0), A(F, null, T(a.value, (p, k) => (v(), w(Z, {
136
+ (m(!0), A(F, null, T(a.value, (p, k) => (m(), b(Z, {
136
137
  key: k,
137
- active: S(m) === k,
138
+ active: S(v) === k,
138
139
  class: "uikit-relative uikit-flex uikit-gap-x-xs uikit-rounded-[5px] uikit-p-md uikit-py-xs uikit-text after:uikit-absolute after:uikit-bottom-0 after:uikit-left-1/2 after:uikit-h-[1px] after:uikit-w-[95%] after:-uikit-translate-x-1/2 after:uikit-bg-w-lightgray after:uikit-content-[''] after:last:uikit-hidden hover:uikit-cursor-pointer",
139
140
  onClick: (z) => h(p, k),
140
- onMouseover: (z) => m.value = k
141
+ onMouseover: (z) => v.value = k
141
142
  }, {
142
- default: f(() => [
143
- p.icon ? (v(), w(W(p.icon), { key: 0 })) : j("", !0),
143
+ default: c(() => [
144
+ p.icon ? (m(), b(W(p.icon), { key: 0 })) : j("", !0),
144
145
  V("span", {
145
146
  innerHTML: p.label
146
147
  }, null, 8, ee)
package/dist/packages/components/lib/UIKit/BaseButton.vue.js CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as f, ref as v, computed as s, createElementBlock as c, openBlock as g, withModifiers as l, normalizeStyle as B, normalizeClass as h, renderSlot as r, createVNode as C } from "vue";
1
+ import { defineComponent as f, ref as v, computed as l, createElementBlock as c, openBlock as g, withModifiers as s, normalizeStyle as B, normalizeClass as h, renderSlot as r, createVNode as C } from "vue";
2
2
  import w from "../../../../UIKit/StaticSpinner.js";
3
- const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], S = /* @__PURE__ */ f({
3
+ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], L = /* @__PURE__ */ f({
4
4
  __name: "BaseButton",
5
5
  props: {
6
6
  btnClass: { default: "primary" },
@@ -31,12 +31,10 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
31
31
  "multi-selection": "uikit-btn-multi-selection",
32
32
  "single-selection": "uikit-btn-single-selection",
33
33
  facile: "uikit-btn-facile"
34
- }, k = {
34
+ }, b = {
35
35
  sm: "uikit-btn-sm",
36
36
  lg: "uikit-btn-lg"
37
- }, o = v(!1), b = s(
38
- () => k[a.size]
39
- ), m = s(() => a.outlined ? "uikit-btn-outline" : ""), p = () => {
37
+ }, o = v(!1), k = l(() => b[a.size]), p = l(() => a.outlined ? "uikit-btn-outline" : ""), m = () => {
40
38
  o.value = !0;
41
39
  }, y = () => {
42
40
  o.value = !1;
@@ -49,12 +47,11 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
49
47
  "uikit-btn",
50
48
  {
51
49
  "uikit-btn-empty": !t.withMinWidth,
52
- "active uikit-font-medium": t.keepActive,
53
- "uikit-flex uikit-items-center uikit-justify-center": t.isLoading
50
+ "active uikit-font-medium": t.keepActive
54
51
  },
55
52
  d[t.btnClass],
56
- b.value,
57
- m.value,
53
+ k.value,
54
+ p.value,
58
55
  { "uikit-btn-rounded": t.rounded }
59
56
  ]),
60
57
  style: B(t.$attrs.style),
@@ -62,10 +59,10 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
62
59
  disabled: t.isLoading || t.disabled,
63
60
  "aria-label": t.ariaLabel,
64
61
  title: t.title,
65
- onMouseover: e[0] || (e[0] = l((i) => {
66
- p(), n("mouseover", i);
62
+ onMouseover: e[0] || (e[0] = s((i) => {
63
+ m(), n("mouseover", i);
67
64
  }, ["stop"])),
68
- onMouseout: e[1] || (e[1] = l((i) => {
65
+ onMouseout: e[1] || (e[1] = s((i) => {
69
66
  y(), n("mouseout", i);
70
67
  }, ["stop"])),
71
68
  onClick: e[2] || (e[2] = (i) => n("click", i))
@@ -82,5 +79,5 @@ const M = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "ti
82
79
  }
83
80
  });
84
81
  export {
85
- S as default
82
+ L as default
86
83
  };
package/dist/packages/components/lib/UIKit/BaseDropDown.vue.js CHANGED
@@ -1,128 +1,124 @@
1
- import { defineComponent as A, mergeModels as b, useId as L, useModel as M, ref as h, computed as O, useTemplateRef as H, onBeforeMount as W, onMounted as $, onUnmounted as V, watch as y, createElementBlock as U, openBlock as u, withModifiers as C, normalizeClass as l, renderSlot as g, createBlock as B, createVNode as G, unref as i, withCtx as D, createElementVNode as K, createCommentVNode as N, resolveDynamicComponent as T } from "vue";
2
- import q from "./BaseButton.vue.js";
3
- import { ArrowIcon as x } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
1
+ import { defineComponent as O, mergeModels as v, useId as S, useModel as E, ref as w, computed as H, useTemplateRef as L, onBeforeMount as $, onMounted as K, onUnmounted as T, watch as b, createElementBlock as y, openBlock as a, withModifiers as h, renderSlot as C, createBlock as g, createVNode as W, normalizeClass as n, withCtx as I, createCommentVNode as B, unref as r, resolveDynamicComponent as N } from "vue";
2
+ import V from "./BaseButton.vue.js";
3
+ import { ArrowIcon as q } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
4
4
  import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
5
5
  import { useKeyboardController as z } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
6
- const R = ["innerHTML"], Y = /* @__PURE__ */ A({
7
- inheritAttrs: !1,
6
+ const R = ["innerHTML"], X = /* @__PURE__ */ O({
8
7
  __name: "BaseDropDown",
9
- props: /* @__PURE__ */ b({
10
- dropdownClasses: { default: "" },
11
- btnClasses: { default: "" },
8
+ props: /* @__PURE__ */ v({
12
9
  withArrowIcon: { type: Boolean, default: !1 },
13
- btnLabel: { default: "" },
14
- labelClasses: { default: "" },
15
10
  direction: { default: "down" },
16
- arrowWidth: { default: 12 },
17
- arrowStrokeColor: { default: void 0 },
18
11
  isAbsolute: { type: Boolean, default: !0 },
19
12
  closeWhenClickedOutside: { type: Boolean, default: !0 },
20
13
  dropdownElement: { default: "div" },
21
- keepState: { default: "" },
22
14
  activateKeyboardController: { type: Boolean, default: !0 },
23
15
  disableSpaceHandler: { type: Boolean, default: !1 },
24
- dataCy: { default: "" }
16
+ dropdownClasses: {},
17
+ btnProps: {},
18
+ arrowProps: {},
19
+ labelClasses: {},
20
+ dataCy: {}
25
21
  }, {
26
22
  open: {},
27
23
  openModifiers: {}
28
24
  }),
29
- emits: /* @__PURE__ */ b(["click", "update:dropdownState", "update:selectedIdx"], ["update:open"]),
30
- setup(c, { emit: I }) {
31
- const a = c, p = L(), f = I, o = M(c, "open"), t = h(!1), d = h([]), E = O(() => d.value.length), k = H("dropdown"), { activeIdx: m, selectedIdx: s } = z({
32
- optionsLength: E,
25
+ emits: /* @__PURE__ */ v(["click", "update:dropdownState", "update:selectedIdx"], ["update:open"]),
26
+ setup(o, { emit: P }) {
27
+ const M = S(), c = P, i = E(o, "open"), t = w(!1), s = w([]), A = H(() => s.value.length), p = L("dropdown"), { activeIdx: k, selectedIdx: d } = z({
28
+ optionsLength: A,
33
29
  isDropdownOpen: t,
34
- activate: a.activateKeyboardController,
35
- disableSpaceHandler: a.disableSpaceHandler
36
- }), v = () => {
37
- t.value = !1, o.value !== void 0 && (console.log("DEBUG:BaseDropdown closing", { openValue: o.value }), o.value = !1);
38
- }, r = () => {
39
- o.value === void 0 && (console.log("DEBUG:BaseDropdown toggling", { openValue: o.value }), t.value = !t.value);
40
- }, w = (e) => {
41
- e != null && (m.value = e);
42
- }, S = (e) => {
43
- e != null && (s.value = e);
30
+ activate: o.activateKeyboardController,
31
+ disableSpaceHandler: o.disableSpaceHandler
32
+ }), f = () => {
33
+ t.value = !1, i.value !== void 0 && (i.value = !1);
34
+ }, u = () => {
35
+ i.value === void 0 && (t.value = !t.value);
36
+ }, m = (e) => {
37
+ e != null && (k.value = e);
38
+ }, D = (e) => {
39
+ e != null && (d.value = e);
44
40
  };
45
- return W(() => {
46
- a.closeWhenClickedOutside && document.body.addEventListener("click", v);
47
- }), $(() => {
48
- k.value && (d.value = k.value.children || []);
49
- }), V(() => {
50
- a.closeWhenClickedOutside && document.body.removeEventListener("click", v);
51
- }), y(s, (e) => {
52
- e !== -1 && (d.value[e].querySelector("a")?.click(), f("update:selectedIdx", e));
53
- }), y(
54
- o,
41
+ return $(() => {
42
+ o.closeWhenClickedOutside && document.body.addEventListener("click", f);
43
+ }), K(() => {
44
+ p.value && (s.value = p.value.children || []);
45
+ }), T(() => {
46
+ o.closeWhenClickedOutside && document.body.removeEventListener("click", f);
47
+ }), b(d, (e) => {
48
+ e !== -1 && (s.value[e].querySelector("a")?.click(), c("update:selectedIdx", e));
49
+ }), b(
50
+ i,
55
51
  (e) => {
56
- console.log("DEBUG:BaseDropdown", e), e !== void 0 && (t.value = e);
52
+ e !== void 0 && (t.value = e);
57
53
  },
58
54
  { immediate: !0 }
59
- ), (e, n) => (u(), U("div", {
60
- class: l(["uikit-relative uikit-block", e.$attrs.class]),
61
- onClick: n[1] || (n[1] = C((j) => {
62
- f("click"), r();
55
+ ), (e, l) => (a(), y("div", {
56
+ class: "uikit-relative uikit-block",
57
+ onClick: l[1] || (l[1] = h((U) => {
58
+ c("click"), u();
63
59
  }, ["stop"]))
64
60
  }, [
65
- g(e.$slots, "btn_slot", {
66
- toggleDropdown: r,
61
+ C(e.$slots, "button", {
62
+ toggleDropdown: u,
67
63
  isOpen: t.value,
68
- setActiveIdx: w
64
+ setActiveIdx: m
69
65
  }, () => [
70
- G(q, {
71
- id: i(p),
66
+ W(V, {
72
67
  type: "button",
73
68
  "data-cy": e.dataCy,
74
- class: l([
75
- "!uikit-flex uikit-w-full uikit-items-center uikit-truncate",
76
- e.btnClasses
69
+ class: n([
70
+ "uikit-w-full uikit-truncate uikit-gap-2xs",
71
+ e.btnProps?.classes
77
72
  ]),
78
73
  "aria-expanded": t.value,
79
- "btn-class": "single-selection"
74
+ "btn-class": e.btnProps?.type ?? "single-selection"
80
75
  }, {
81
- default: D(() => [
82
- K("span", {
83
- class: l(["uikit-mr-5px", e.labelClasses]),
84
- innerHTML: e.btnLabel
85
- }, null, 10, R),
86
- e.withArrowIcon ? (u(), B(i(x), {
76
+ default: I(() => [
77
+ e.btnProps?.label ? (a(), y("span", {
87
78
  key: 0,
88
- class: l(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.value ? "uikit-rotate-180" : ""]),
89
- width: e.arrowWidth,
90
- height: e.arrowWidth,
91
- "stroke-color": e.arrowStrokeColor
92
- }, null, 8, ["class", "width", "height", "stroke-color"])) : N("", !0)
79
+ class: n(e.labelClasses),
80
+ innerHTML: e.btnProps.label
81
+ }, null, 10, R)) : B("", !0),
82
+ e.withArrowIcon ? (a(), g(r(q), {
83
+ key: 1,
84
+ class: n(["uikit-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t.value ? "uikit-rotate-180" : "", e.arrowProps?.classes]]),
85
+ width: e.arrowProps?.width ?? 12,
86
+ height: e.arrowProps?.height ?? 12,
87
+ "stroke-color": e.arrowProps?.strokeColor ?? "#222"
88
+ }, null, 8, ["class", "width", "height", "stroke-color"])) : B("", !0)
93
89
  ]),
94
90
  _: 1
95
- }, 8, ["id", "data-cy", "class", "aria-expanded"])
91
+ }, 8, ["data-cy", "class", "aria-expanded", "btn-class"])
96
92
  ]),
97
- (u(), B(T(e.dropdownElement), {
98
- id: "dropdown_" + i(p),
93
+ (a(), g(N(e.dropdownElement), {
94
+ id: "dropdown_" + r(M),
99
95
  ref: "dropdown",
100
96
  "data-cy": e.dataCy && `${e.dataCy}_dropdown`,
101
- class: l(["uikit-border-w-lightgray uikit-m-0 uikit-mt-xs uikit-rounded-2xs uikit-max-h-[112px] uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-no-scrollbar", [
97
+ class: n(["uikit-border-w-lightgray uikit-m-0 uikit-mt-xs uikit-rounded-2xs uikit-max-h-[112px] uikit-w-full uikit-flex-col uikit-overflow-y-auto uikit-border uikit-border-solid uikit-bg-white uikit-pl-0 uikit-opacity-100 uikit-no-scrollbar", [
102
98
  e.dropdownClasses,
103
99
  t.value ? "uikit-flex" : "uikit-hidden",
104
100
  { "uikit-bottom-[55px]": e.direction === "up" },
105
101
  { "uikit-absolute": e.isAbsolute }
106
102
  ]]),
107
103
  "aria-hidden": !t.value,
108
- onClick: n[0] || (n[0] = C(() => {
104
+ onClick: l[0] || (l[0] = h(() => {
109
105
  }, ["stop"]))
110
106
  }, {
111
- default: D(() => [
112
- g(e.$slots, "default", {
107
+ default: I(() => [
108
+ C(e.$slots, "default", {
113
109
  isOpen: t.value,
114
- toggleDropdown: r,
115
- activeIdx: i(m),
116
- selectedIdx: i(s),
117
- setActiveIdx: w,
118
- setSelectedIdx: S
110
+ toggleDropdown: u,
111
+ activeIdx: r(k),
112
+ selectedIdx: r(d),
113
+ setActiveIdx: m,
114
+ setSelectedIdx: D
119
115
  })
120
116
  ]),
121
117
  _: 3
122
118
  }, 8, ["id", "data-cy", "class", "aria-hidden"]))
123
- ], 2));
119
+ ]));
124
120
  }
125
121
  });
126
122
  export {
127
- Y as default
123
+ X as default
128
124
  };
package/dist/packages/components/lib/UIKit/InputDropdown.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as r, createElementVNode as M, createVNode as p, withCtx as n, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
1
+ import { defineComponent as E, mergeModels as C, useModel as O, ref as k, watch as y, createElementBlock as w, openBlock as s, createElementVNode as M, createVNode as p, withCtx as n, Fragment as h, renderList as D, createBlock as U, createTextVNode as x, toDisplayString as V, renderSlot as P } from "vue";
2
2
  import R from "./BaseButton.vue.js";
3
3
  import B from "./BaseInput.vue.js";
4
4
  import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css */
@@ -48,7 +48,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
48
48
  e && (d.value = e);
49
49
  },
50
50
  { immediate: !0, deep: !0 }
51
- ), (i, e) => (r(), w("div", j, [
51
+ ), (i, e) => (s(), w("div", j, [
52
52
  M("div", z, [
53
53
  p(I, {
54
54
  "toggle-dropdown": v.value,
@@ -59,7 +59,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
59
59
  "onUpdate:selectedIdx": e[2] || (e[2] = (t) => a.value = i.leftSelectOptions[t]),
60
60
  "onUpdate:dropdownState": e[3] || (e[3] = (t) => m.value = t)
61
61
  }, {
62
- btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
62
+ button: n(({ toggleDropdown: t, setActiveIdx: o }) => [
63
63
  p(B, {
64
64
  "model-value": a.value.label,
65
65
  "label-text": "Min",
@@ -73,17 +73,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
73
73
  }, null, 8, ["model-value", "onClick", "onKeyup"])
74
74
  ]),
75
75
  default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
76
- (r(!0), w(h, null, D(i.leftSelectOptions, (s, u) => (r(), U(L, {
76
+ (s(!0), w(h, null, D(i.leftSelectOptions, (r, u) => (s(), U(L, {
77
77
  key: `left-option-${u}`,
78
78
  class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
79
79
  active: t === u,
80
80
  onClick: (b) => {
81
- a.value = s, o();
81
+ a.value = r, o();
82
82
  },
83
83
  onMouseover: (b) => l(u)
84
84
  }, {
85
85
  default: n(() => [
86
- x(V(s.label), 1)
86
+ x(V(r.label), 1)
87
87
  ]),
88
88
  _: 2
89
89
  }, 1032, ["active", "onClick", "onMouseover"]))), 128))
@@ -99,7 +99,7 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
99
99
  "onUpdate:selectedIdx": e[6] || (e[6] = (t) => d.value = i.rightSelectOptions[t]),
100
100
  "onUpdate:dropdownState": e[7] || (e[7] = (t) => g.value = t)
101
101
  }, {
102
- btn_slot: n(({ toggleDropdown: t, setActiveIdx: o }) => [
102
+ button: n(({ toggleDropdown: t, setActiveIdx: o }) => [
103
103
  p(B, {
104
104
  "model-value": d.value.label,
105
105
  "label-text": "Max",
@@ -113,17 +113,17 @@ const j = { class: "uikit-shadow-surface uikit-flex uikit-h-[360px] uikit-w-[330
113
113
  }, null, 8, ["model-value", "onClick", "onKeyup"])
114
114
  ]),
115
115
  default: n(({ activeIdx: t, toggleDropdown: o, setActiveIdx: l }) => [
116
- (r(!0), w(h, null, D(i.rightSelectOptions, (s, u) => (r(), U(L, {
116
+ (s(!0), w(h, null, D(i.rightSelectOptions, (r, u) => (s(), U(L, {
117
117
  key: `left-option-${u}`,
118
118
  class: "uikit-rounded-2xs uikit-p-xs uikit-text-16",
119
119
  active: t === u,
120
120
  onClick: (b) => {
121
- d.value = s, o();
121
+ d.value = r, o();
122
122
  },
123
123
  onMouseover: (b) => l(u)
124
124
  }, {
125
125
  default: n(() => [
126
- x(V(s.label), 1)
126
+ x(V(r.label), 1)
127
127
  ]),
128
128
  _: 2
129
129
  }, 1032, ["active", "onClick", "onMouseover"]))), 128))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.1.4-alpha.20",
3
+ "version": "2.1.4-alpha.22",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",