@mudakit/ui 0.4.0 → 0.6.0
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.
- package/CHANGELOG.md +15 -0
- package/dist/MudaButton-B9EAJW32.js +57 -0
- package/dist/{MudaColorPicker-CnB1MYB3.js → MudaColorPicker-D9BhgHf9.js} +22 -22
- package/dist/MudaDialog-dQSFVdgu.js +55 -0
- package/dist/{MudaFormCombobox-DqH-EyMV.js → MudaFormCombobox-CK2De6Rv.js} +36 -36
- package/dist/MudaSidebar-DvKS4VtE.js +141 -0
- package/dist/components/MudaButton/MudaButton.types.d.ts +2 -0
- package/dist/components/MudaButton/MudaButton.vue.d.ts +4 -3
- package/dist/components/MudaButton/index.d.ts +1 -0
- package/dist/components/MudaButton/index.js +1 -1
- package/dist/components/MudaColorPicker/index.js +1 -1
- package/dist/components/MudaDialog/index.js +1 -1
- package/dist/components/MudaFormCombobox/index.js +1 -1
- package/dist/components/MudaSidebar/MudaSidebar.types.d.ts +16 -0
- package/dist/components/MudaSidebar/MudaSidebar.vue.d.ts +67 -0
- package/dist/components/MudaSidebar/MudaSidebarDrawer.vue.d.ts +29 -0
- package/dist/components/MudaSidebar/index.d.ts +2 -0
- package/dist/components/MudaSidebar/index.js +2 -0
- package/dist/components/MudaSidebar/useMudaSidebarContext.d.ts +13 -0
- package/dist/composables/index.d.ts +6 -0
- package/dist/composables/index.js +6 -0
- package/dist/composables/useMudaColors.d.ts +70 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +33 -43
- package/dist/style.css +1 -1
- package/dist/useBodyScrollLock-4K-3lAFL.js +12 -0
- package/dist/useResizeObserver-B0uwslYk.js +47 -0
- package/package.json +6 -1
- package/dist/MudaButton-CWY0U8WO.js +0 -43
- package/dist/MudaDialog-D0VZdP3Y.js +0 -61
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type Slot } from "vue";
|
|
2
|
+
import { type MudaSidebarItem } from "./MudaSidebar.types";
|
|
3
|
+
declare const __VLS_export: <T extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
5
|
+
item: MudaSidebarItem<T>;
|
|
6
|
+
}> & (typeof globalThis extends {
|
|
7
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
8
|
+
} ? P : {});
|
|
9
|
+
expose: (exposed: {}) => void;
|
|
10
|
+
attrs: any;
|
|
11
|
+
slots: {
|
|
12
|
+
content: Slot<{
|
|
13
|
+
isActive: boolean;
|
|
14
|
+
}>;
|
|
15
|
+
label: Slot<{
|
|
16
|
+
isActive: boolean;
|
|
17
|
+
}>;
|
|
18
|
+
};
|
|
19
|
+
emit: {};
|
|
20
|
+
}>) => import("vue").VNode & {
|
|
21
|
+
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
22
|
+
};
|
|
23
|
+
declare const _default: typeof __VLS_export;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
26
|
+
[K in keyof T]: T[K];
|
|
27
|
+
} : {
|
|
28
|
+
[K in keyof T as K]: T[K];
|
|
29
|
+
}) & {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { InjectionKey, Ref } from "vue";
|
|
2
|
+
import { MudaComponentSize } from "../../common/components";
|
|
3
|
+
import { MudaSidebarMode, MudaSidebarPosition } from "./MudaSidebar.types";
|
|
4
|
+
export declare const MUDA_SIDEBAR_CONTEXT: InjectionKey<MudaSidebarContext<string>>;
|
|
5
|
+
export interface MudaSidebarContext<T extends string> {
|
|
6
|
+
selectedItem: Ref<T | null>;
|
|
7
|
+
size: Ref<MudaComponentSize>;
|
|
8
|
+
position: Ref<MudaSidebarPosition>;
|
|
9
|
+
mode: Ref<MudaSidebarMode>;
|
|
10
|
+
contentWidth: Ref<string>;
|
|
11
|
+
paneWidth: Ref<string>;
|
|
12
|
+
}
|
|
13
|
+
export declare function useMudaSidebarContext<T extends string>(): MudaSidebarContext<T>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { t as e } from "../useBodyScrollLock-4K-3lAFL.js";
|
|
2
|
+
import { t } from "../useClickOutside-B6tdxsc3.js";
|
|
3
|
+
import { t as n } from "../useKeyDown-B1jmp4nA.js";
|
|
4
|
+
import { n as r, t as i } from "../useResizeObserver-B0uwslYk.js";
|
|
5
|
+
import { t as a } from "../useZIndex-DWnsohLZ.js";
|
|
6
|
+
export { e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, r as useMudaColors, i as useResizeObserver, a as useZIndex };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
declare const COLOR_MAP: {
|
|
2
|
+
readonly background: "--muda-color-background";
|
|
3
|
+
readonly foreground: "--muda-color-foreground";
|
|
4
|
+
readonly formBackground: "--muda-color-form-background";
|
|
5
|
+
readonly primary: "--muda-color-primary";
|
|
6
|
+
readonly primaryLight: "--muda-color-primary-light";
|
|
7
|
+
readonly primaryDark: "--muda-color-primary-dark";
|
|
8
|
+
readonly secondary: "--muda-color-secondary";
|
|
9
|
+
readonly secondaryLight: "--muda-color-secondary-light";
|
|
10
|
+
readonly secondaryDark: "--muda-color-secondary-dark";
|
|
11
|
+
readonly success: "--muda-color-success";
|
|
12
|
+
readonly successLight: "--muda-color-success-light";
|
|
13
|
+
readonly successDark: "--muda-color-success-dark";
|
|
14
|
+
readonly danger: "--muda-color-danger";
|
|
15
|
+
readonly dangerLight: "--muda-color-danger-light";
|
|
16
|
+
readonly dangerDark: "--muda-color-danger-dark";
|
|
17
|
+
readonly warning: "--muda-color-warning";
|
|
18
|
+
readonly warningLight: "--muda-color-warning-light";
|
|
19
|
+
readonly warningDark: "--muda-color-warning-dark";
|
|
20
|
+
readonly info: "--muda-color-info";
|
|
21
|
+
readonly infoLight: "--muda-color-info-light";
|
|
22
|
+
readonly infoDark: "--muda-color-info-dark";
|
|
23
|
+
};
|
|
24
|
+
export type MudaColorMap = Record<keyof typeof COLOR_MAP, string>;
|
|
25
|
+
export declare const useMudaColors: () => Readonly<import("vue").Ref<{
|
|
26
|
+
readonly primary: string;
|
|
27
|
+
readonly secondary: string;
|
|
28
|
+
readonly success: string;
|
|
29
|
+
readonly danger: string;
|
|
30
|
+
readonly warning: string;
|
|
31
|
+
readonly info: string;
|
|
32
|
+
readonly background: string;
|
|
33
|
+
readonly foreground: string;
|
|
34
|
+
readonly formBackground: string;
|
|
35
|
+
readonly primaryLight: string;
|
|
36
|
+
readonly primaryDark: string;
|
|
37
|
+
readonly secondaryLight: string;
|
|
38
|
+
readonly secondaryDark: string;
|
|
39
|
+
readonly successLight: string;
|
|
40
|
+
readonly successDark: string;
|
|
41
|
+
readonly dangerLight: string;
|
|
42
|
+
readonly dangerDark: string;
|
|
43
|
+
readonly warningLight: string;
|
|
44
|
+
readonly warningDark: string;
|
|
45
|
+
readonly infoLight: string;
|
|
46
|
+
readonly infoDark: string;
|
|
47
|
+
}, {
|
|
48
|
+
readonly primary: string;
|
|
49
|
+
readonly secondary: string;
|
|
50
|
+
readonly success: string;
|
|
51
|
+
readonly danger: string;
|
|
52
|
+
readonly warning: string;
|
|
53
|
+
readonly info: string;
|
|
54
|
+
readonly background: string;
|
|
55
|
+
readonly foreground: string;
|
|
56
|
+
readonly formBackground: string;
|
|
57
|
+
readonly primaryLight: string;
|
|
58
|
+
readonly primaryDark: string;
|
|
59
|
+
readonly secondaryLight: string;
|
|
60
|
+
readonly secondaryDark: string;
|
|
61
|
+
readonly successLight: string;
|
|
62
|
+
readonly successDark: string;
|
|
63
|
+
readonly dangerLight: string;
|
|
64
|
+
readonly dangerDark: string;
|
|
65
|
+
readonly warningLight: string;
|
|
66
|
+
readonly warningDark: string;
|
|
67
|
+
readonly infoLight: string;
|
|
68
|
+
readonly infoDark: string;
|
|
69
|
+
}>>;
|
|
70
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -22,11 +22,13 @@ export * from "./components/MudaIconPicker";
|
|
|
22
22
|
export * from "./components/MudaMarker";
|
|
23
23
|
export * from "./components/MudaPagination";
|
|
24
24
|
export * from "./components/MudaPopover";
|
|
25
|
+
export * from "./components/MudaSidebar";
|
|
25
26
|
export * from "./components/MudaSpinner";
|
|
26
27
|
export * from "./components/MudaTable";
|
|
27
28
|
export * from "./components/MudaTag";
|
|
28
29
|
export * from "./composables/useBodyScrollLock";
|
|
29
30
|
export * from "./composables/useClickOutside";
|
|
30
31
|
export * from "./composables/useKeyDown";
|
|
32
|
+
export * from "./composables/useMudaColors";
|
|
31
33
|
export * from "./composables/useResizeObserver";
|
|
32
34
|
export * from "./composables/useZIndex";
|
package/dist/index.js
CHANGED
|
@@ -1,43 +1,33 @@
|
|
|
1
|
-
import { t as e } from "./
|
|
2
|
-
import { t } from "./
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as T } from "./
|
|
10
|
-
import {
|
|
11
|
-
import { t as O } from "./
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { t as
|
|
15
|
-
import { t as
|
|
16
|
-
import { t as
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import { t as R } from "./
|
|
20
|
-
import {
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { t as
|
|
28
|
-
import {
|
|
29
|
-
import { t as Z } from "./
|
|
30
|
-
import {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
for (let n of e) t(n);
|
|
35
|
-
});
|
|
36
|
-
Q(() => {
|
|
37
|
-
e.value != null && (r.unobserve(e.value), r.disconnect(), n.value = !1);
|
|
38
|
-
}), te(e, (e) => {
|
|
39
|
-
n.value || e != null && (r.observe(e), n.value = !0);
|
|
40
|
-
}, { immediate: !0 });
|
|
41
|
-
};
|
|
42
|
-
//#endregion
|
|
43
|
-
export { i as CALENDAR_DAY_FORMAT, n as CALENDAR_MONTH_FORMAT, s as CALENDAR_VALUE_FORMAT, l as CALENDAR_YEAR_FORMAT, r as MONTH_RANGE_SIZE, b as MUDA_ICON_DELIMITER, e as MudaButton, t as MudaButtonStack, o as MudaCalendar, c as MudaCalendarDatePicker, u as MudaCalendarInput, T as MudaCard, D as MudaColorPicker, E as MudaColorPickerControl, k as MudaDialog, j as MudaDropdown, M as MudaErrorBox, A as MudaFocusTrap, N as MudaFormCheckbox, P as MudaFormComboboxMultiple, F as MudaFormComboboxSingle, L as MudaFormField, I as MudaFormFieldErrors, x as MudaFormInput, R as MudaFormRadio, z as MudaFormRadioGroup, B as MudaFormSelect, V as MudaFormSwitch, H as MudaFormText, y as MudaIcon, U as MudaIconPicker, W as MudaMarker, G as MudaPagination, w as MudaPopover, K as MudaSpinner, q as MudaTable, Y as MudaTableCell, J as MudaTableHead, X as MudaTableRow, Z as MudaTag, a as YEAR_RANGE_SIZE, h as composeIcon, _ as extractIconName, p as extractIconVariant, d as isIconName, g as isIconVariant, ee as useBodyScrollLock, S as useClickOutside, O as useKeyDown, v as useMudaIcon, f as useMudaIconNames, m as useMudaIcons, ne as useResizeObserver, C as useZIndex };
|
|
1
|
+
import { t as e } from "./useBodyScrollLock-4K-3lAFL.js";
|
|
2
|
+
import { t } from "./useClickOutside-B6tdxsc3.js";
|
|
3
|
+
import { t as n } from "./useKeyDown-B1jmp4nA.js";
|
|
4
|
+
import { n as r, t as i } from "./useResizeObserver-B0uwslYk.js";
|
|
5
|
+
import { t as a } from "./useZIndex-DWnsohLZ.js";
|
|
6
|
+
import { t as o } from "./MudaButton-B9EAJW32.js";
|
|
7
|
+
import { t as s } from "./MudaButtonStack-8z8FVezw.js";
|
|
8
|
+
import { a as c, c as l, i as u, l as d, n as f, o as p, r as m, s as h, t as g } from "./MudaCalendar-CgKIaHEr.js";
|
|
9
|
+
import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "./MudaIcon-BwqQQnti.js";
|
|
10
|
+
import { t as D } from "./MudaFormInput-D1-kQq9y.js";
|
|
11
|
+
import { t as O } from "./MudaPopover-C1fDWbPf.js";
|
|
12
|
+
import { t as k } from "./MudaCard-DGdFOdro.js";
|
|
13
|
+
import { n as A, t as j } from "./MudaColorPicker-D9BhgHf9.js";
|
|
14
|
+
import { t as M } from "./MudaFocusTrap-CGlvV_MC.js";
|
|
15
|
+
import { t as N } from "./MudaDialog-dQSFVdgu.js";
|
|
16
|
+
import { t as P } from "./MudaDropdown-Dhv8Mhxm.js";
|
|
17
|
+
import { t as F } from "./MudaErrorBox-B9ySoal8.js";
|
|
18
|
+
import { t as I } from "./MudaFormCheckbox-C1wTjohm.js";
|
|
19
|
+
import { n as L, t as R } from "./MudaFormCombobox-CK2De6Rv.js";
|
|
20
|
+
import { n as z, t as B } from "./MudaFormField-dOZRdslO.js";
|
|
21
|
+
import { t as V } from "./MudaFormRadio-BXj-XnwW.js";
|
|
22
|
+
import { t as H } from "./MudaFormRadioGroup-DnsZT-0C.js";
|
|
23
|
+
import { t as U } from "./MudaFormSelect-CLmsuMQG.js";
|
|
24
|
+
import { t as W } from "./MudaFormSwitch-C2Hx0mfr.js";
|
|
25
|
+
import { t as G } from "./MudaFormText-DbSiSTGh.js";
|
|
26
|
+
import { t as K } from "./MudaIconPicker-X5xJ_lbO.js";
|
|
27
|
+
import { t as q } from "./MudaMarker-DX1N2YxM.js";
|
|
28
|
+
import { t as J } from "./MudaPagination-BoqrKfPw.js";
|
|
29
|
+
import { n as Y, r as X, t as Z } from "./MudaSidebar-DvKS4VtE.js";
|
|
30
|
+
import { t as Q } from "./MudaSpinner-BMR0Shwx.js";
|
|
31
|
+
import { i as $, n as ee, r as te, t as ne } from "./MudaTable-BxKbNx6v.js";
|
|
32
|
+
import { t as re } from "./MudaTag-kOu3daeI.js";
|
|
33
|
+
export { u as CALENDAR_DAY_FORMAT, c as CALENDAR_MONTH_FORMAT, p as CALENDAR_VALUE_FORMAT, h as CALENDAR_YEAR_FORMAT, l as MONTH_RANGE_SIZE, E as MUDA_ICON_DELIMITER, Y as MUDA_SIDEBAR_DEFAULT_CONTENT_WIDTH, X as MUDA_SIDEBAR_DEFAULT_PANE_WIDTH, o as MudaButton, s as MudaButtonStack, f as MudaCalendar, m as MudaCalendarDatePicker, g as MudaCalendarInput, k as MudaCard, j as MudaColorPicker, A as MudaColorPickerControl, N as MudaDialog, P as MudaDropdown, F as MudaErrorBox, M as MudaFocusTrap, I as MudaFormCheckbox, L as MudaFormComboboxMultiple, R as MudaFormComboboxSingle, B as MudaFormField, z as MudaFormFieldErrors, D as MudaFormInput, V as MudaFormRadio, H as MudaFormRadioGroup, U as MudaFormSelect, W as MudaFormSwitch, G as MudaFormText, T as MudaIcon, K as MudaIconPicker, q as MudaMarker, J as MudaPagination, O as MudaPopover, Z as MudaSidebar, Q as MudaSpinner, $ as MudaTable, te as MudaTableCell, ee as MudaTableHead, ne as MudaTableRow, re as MudaTag, d as YEAR_RANGE_SIZE, x as composeIcon, C as extractIconName, y as extractIconVariant, _ as isIconName, S as isIconVariant, e as useBodyScrollLock, t as useClickOutside, n as useKeyDown, r as useMudaColors, w as useMudaIcon, v as useMudaIconNames, b as useMudaIcons, i as useResizeObserver, a as useZIndex };
|
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.muda-button-stack-h button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.muda-button-stack-h button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-h button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-v button:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.color-picker-saturation[data-v-bdb328ef]{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000)}.color-picker-hue[data-v-bdb328ef]{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.muda-form-select[data-v-5c7dda51]:after{clip-path:polygon(100% 0%,0 0%,50% 100%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-outline-style:solid}}}@layer theme{:root,:host{--muda-color-gray-400:oklch(70.7% .022 261.325);--muda-color-gray-500:oklch(55.1% .027 264.364);--muda-color-gray-600:oklch(44.6% .03 256.802);--muda-color-white:#fff;--muda-spacing:.25rem;--muda-text-xs:.75rem;--muda-text-xs--line-height:calc(1 / .75);--muda-text-sm:.875rem;--muda-text-sm--line-height:calc(1.25 / .875);--muda-text-base:1rem;--muda-text-base--line-height:calc(1.5 / 1);--muda-text-lg:1.125rem;--muda-text-lg--line-height:calc(1.75 / 1.125);--muda-text-xl:1.25rem;--muda-text-xl--line-height:calc(1.75 / 1.25);--muda-text-2xl:1.5rem;--muda-text-2xl--line-height:calc(2 / 1.5);--muda-text-4xl:2.25rem;--muda-text-4xl--line-height:calc(2.5 / 2.25);--muda-font-weight-medium:500;--muda-font-weight-semibold:600;--muda-font-weight-bold:700;--muda-tracking-tight:-.025em;--muda-tracking-widest:.1em;--muda-radius-xs:.125rem;--muda-radius-sm:.25rem;--muda-radius-md:.375rem;--muda-radius-lg:.5rem;--muda-animate-spin:spin 1s linear infinite;--muda-blur-xs:4px;--muda-default-transition-duration:.15s;--muda-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--muda-color-background:#f5f5f5;--muda-color-foreground:#fff;--muda-color-form-background:#fafafa;--muda-color-primary:#1d4ed8;--muda-color-primary-light:#60a5fa;--muda-color-primary-dark:#1e3a8a;--muda-color-secondary:#78716c;--muda-color-secondary-light:#dcdcdc;--muda-color-secondary-dark:#334155;--muda-color-success:#84cc16;--muda-color-success-light:#d9f99d;--muda-color-success-dark:#4d7c0f;--muda-color-danger:#ef4444;--muda-color-danger-light:#fecaca;--muda-color-danger-dark:#b91c1c;--muda-color-warning:#f59e0b;--muda-color-warning-light:#fde68a;--muda-color-warning-dark:#b45309;--muda-color-info:#60a5fa;--muda-color-info-light:#dbeafe;--muda-color-info-dark:#3b82f6}}@layer base;@layer components{.muda-control-reset,.muda-button-reset{box-sizing:border-box;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;margin:0}.muda-control-reset::placeholder{opacity:1}textarea.muda-control-reset{resize:vertical}.muda-button-reset{background-color:#0000;border:none;padding:0}.muda-button-reset:not(:disabled){cursor:pointer}.muda-button-reset:disabled{cursor:not-allowed}.muda-link-reset{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}}@layer utilities{.muda\:pointer-events-none{pointer-events:none}.muda\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muda\:absolute{position:absolute}.muda\:fixed{position:fixed}.muda\:relative{position:relative}.muda\:sticky{position:sticky}.muda\:inset-0{inset:0}.muda\:inset-y-0{inset-block:0}.muda\:top-0{top:0}.muda\:right-2{right:calc(var(--muda-spacing) * 2)}.muda\:left-2{left:calc(var(--muda-spacing) * 2)}.muda\:isolate{isolation:isolate}.muda\:z-10{z-index:10}.muda\:col-span-3{grid-column:span 3/span 3}.muda\:m-0{margin:0}.muda\:-mt-0\.5{margin-top:calc(var(--muda-spacing) * -.5)}.muda\:-mt-2\.75{margin-top:calc(var(--muda-spacing) * -2.75)}.muda\:mb-1{margin-bottom:var(--muda-spacing)}.muda\:-ml-0\.5{margin-left:calc(var(--muda-spacing) * -.5)}.muda\:no-scrollbar::-webkit-scrollbar{display:none}.muda\:no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.muda\:block{display:block}.muda\:flex{display:flex}.muda\:grid{display:grid}.muda\:hidden{display:none}.muda\:inline-block{display:inline-block}.muda\:inline-flex{display:inline-flex}.muda\:size-4{width:calc(var(--muda-spacing) * 4);height:calc(var(--muda-spacing) * 4)}.muda\:size-5{width:calc(var(--muda-spacing) * 5);height:calc(var(--muda-spacing) * 5)}.muda\:size-6{width:calc(var(--muda-spacing) * 6);height:calc(var(--muda-spacing) * 6)}.muda\:size-7{width:calc(var(--muda-spacing) * 7);height:calc(var(--muda-spacing) * 7)}.muda\:size-10{width:calc(var(--muda-spacing) * 10);height:calc(var(--muda-spacing) * 10)}.muda\:size-14{width:calc(var(--muda-spacing) * 14);height:calc(var(--muda-spacing) * 14)}.muda\:size-24{width:calc(var(--muda-spacing) * 24);height:calc(var(--muda-spacing) * 24)}.muda\:size-min{width:min-content;height:min-content}.muda\:h-4{height:calc(var(--muda-spacing) * 4)}.muda\:h-6{height:calc(var(--muda-spacing) * 6)}.muda\:h-10{height:calc(var(--muda-spacing) * 10)}.muda\:h-14{height:calc(var(--muda-spacing) * 14)}.muda\:h-125{height:calc(var(--muda-spacing) * 125)}.muda\:h-\[100px\]{height:100px}.muda\:h-\[380px\]{height:380px}.muda\:h-\[500px\]{height:500px}.muda\:h-max{height:max-content}.muda\:max-h-52{max-height:calc(var(--muda-spacing) * 52)}.muda\:max-h-60{max-height:calc(var(--muda-spacing) * 60)}.muda\:max-h-64{max-height:calc(var(--muda-spacing) * 64)}.muda\:max-h-80{max-height:calc(var(--muda-spacing) * 80)}.muda\:min-h-10{min-height:calc(var(--muda-spacing) * 10)}.muda\:min-h-50{min-height:calc(var(--muda-spacing) * 50)}.muda\:min-h-full{min-height:100%}.muda\:min-h-screen{min-height:100vh}.muda\:w-4{width:calc(var(--muda-spacing) * 4)}.muda\:w-11{width:calc(var(--muda-spacing) * 11)}.muda\:w-76{width:calc(var(--muda-spacing) * 76)}.muda\:w-80{width:calc(var(--muda-spacing) * 80)}.muda\:w-160{width:calc(var(--muda-spacing) * 160)}.muda\:w-full{width:100%}.muda\:w-max{width:max-content}.muda\:w-screen{width:100vw}.muda\:min-w-10{min-width:calc(var(--muda-spacing) * 10)}.muda\:flex-1{flex:1}.muda\:shrink-0{flex-shrink:0}.muda\:border-collapse{border-collapse:collapse}.muda\:-translate-x-2{--tw-translate-x:calc(var(--muda-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:-translate-y-2{--tw-translate-y:calc(var(--muda-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:animate-spin{animation:var(--muda-animate-spin)}.muda\:cursor-not-allowed{cursor:not-allowed}.muda\:cursor-pointer{cursor:pointer}.muda\:list-none{list-style-type:none}.muda\:appearance-none{appearance:none}.muda\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.muda\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.muda\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.muda\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.muda\:grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:6rem repeat(3,minmax(0,1fr))}.muda\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.muda\:grid-cols-\[repeat\(4\,1fr\)\]{grid-template-columns:repeat(4,1fr)}.muda\:grid-cols-\[repeat\(7\,auto\)\]{grid-template-columns:repeat(7,auto)}.muda\:flex-col{flex-direction:column}.muda\:flex-row{flex-direction:row}.muda\:items-center{align-items:center}.muda\:justify-center{justify-content:center}.muda\:justify-start{justify-content:flex-start}.muda\:gap-0\.5{gap:calc(var(--muda-spacing) * .5)}.muda\:gap-1{gap:var(--muda-spacing)}.muda\:gap-2{gap:calc(var(--muda-spacing) * 2)}.muda\:gap-4{gap:calc(var(--muda-spacing) * 4)}.muda\:gap-6{gap:calc(var(--muda-spacing) * 6)}.muda\:gap-8{gap:calc(var(--muda-spacing) * 8)}.muda\:gap-px{gap:1px}.muda\:scroll-container-v-form-background{background:linear-gradient(var(--muda-color-form-background) 30%, #fff0), linear-gradient(#fff0, var(--muda-color-form-background) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, #0003, #0000), radial-gradient(farthest-side at 50% 100%, #0003, #0000) 0 100%;background-repeat:no-repeat;background-color:var(--muda-color-form-background);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;overflow:auto}.muda\:overflow-auto{overflow:auto}.muda\:overflow-y-auto{overflow-y:auto}.muda\:rounded-full{border-radius:2147483647px}.muda\:rounded-lg{border-radius:var(--muda-radius-lg)}.muda\:rounded-md{border-radius:var(--muda-radius-md)}.muda\:rounded-sm{border-radius:var(--muda-radius-sm)}.muda\:rounded-xs{border-radius:var(--muda-radius-xs)}.muda\:rounded-b-lg{border-bottom-right-radius:var(--muda-radius-lg);border-bottom-left-radius:var(--muda-radius-lg)}.muda\:border{border-style:var(--tw-border-style);border-width:1px}.muda\:border-2{border-style:var(--tw-border-style);border-width:2px}.muda\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.muda\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.muda\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.muda\:border-danger{border-color:var(--muda-color-danger)}.muda\:border-danger-dark{border-color:var(--muda-color-danger-dark)}.muda\:border-info-dark{border-color:var(--muda-color-info-dark)}.muda\:border-primary{border-color:var(--muda-color-primary)}.muda\:border-primary-dark{border-color:var(--muda-color-primary-dark)}.muda\:border-secondary-dark,.muda\:border-secondary-dark\/20{border-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:border-secondary-dark\/20{border-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:border-secondary-light{border-color:var(--muda-color-secondary-light)}.muda\:border-success-dark{border-color:var(--muda-color-success-dark)}.muda\:border-warning-dark{border-color:var(--muda-color-warning-dark)}.muda\:border-white{border-color:var(--muda-color-white)}.muda\:border-b-secondary-light{border-bottom-color:var(--muda-color-secondary-light)}.muda\:bg-background{background-color:var(--muda-color-background)}.muda\:bg-danger{background-color:var(--muda-color-danger)}.muda\:bg-danger-light{background-color:var(--muda-color-danger-light)}.muda\:bg-foreground{background-color:var(--muda-color-foreground)}.muda\:bg-form-background{background-color:var(--muda-color-form-background)}.muda\:bg-gray-500\/30{background-color:var(--muda-color-gray-500)}@supports (color:color-mix(in lab, red, red)){.muda\:bg-gray-500\/30{background-color:color-mix(in oklab, var(--muda-color-gray-500) 30%, transparent)}}.muda\:bg-info{background-color:var(--muda-color-info)}.muda\:bg-info-light{background-color:var(--muda-color-info-light)}.muda\:bg-primary{background-color:var(--muda-color-primary)}.muda\:bg-primary-light{background-color:var(--muda-color-primary-light)}.muda\:bg-secondary{background-color:var(--muda-color-secondary)}.muda\:bg-secondary-light,.muda\:bg-secondary-light\/70{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:bg-secondary-light\/70{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:bg-success{background-color:var(--muda-color-success)}.muda\:bg-success-light{background-color:var(--muda-color-success-light)}.muda\:bg-warning{background-color:var(--muda-color-warning)}.muda\:bg-warning-light{background-color:var(--muda-color-warning-light)}.muda\:fill-danger{fill:var(--muda-color-danger)}.muda\:fill-info{fill:var(--muda-color-info)}.muda\:fill-primary{fill:var(--muda-color-primary)}.muda\:fill-secondary{fill:var(--muda-color-secondary)}.muda\:fill-secondary-dark{fill:var(--muda-color-secondary-dark)}.muda\:fill-secondary-light\/30{fill:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:fill-secondary-light\/30{fill:color-mix(in oklab, var(--muda-color-secondary-light) 30%, transparent)}}.muda\:fill-success{fill:var(--muda-color-success)}.muda\:fill-warning{fill:var(--muda-color-warning)}.muda\:fill-white{fill:var(--muda-color-white)}.muda\:fill-white\!{fill:var(--muda-color-white)!important}.muda\:p-0{padding:0}.muda\:p-2{padding:calc(var(--muda-spacing) * 2)}.muda\:p-4{padding:calc(var(--muda-spacing) * 4)}.muda\:p-5{padding:calc(var(--muda-spacing) * 5)}.muda\:p-10{padding:calc(var(--muda-spacing) * 10)}.muda\:px-2{padding-inline:calc(var(--muda-spacing) * 2)}.muda\:px-2\.5{padding-inline:calc(var(--muda-spacing) * 2.5)}.muda\:px-3{padding-inline:calc(var(--muda-spacing) * 3)}.muda\:px-3\.5{padding-inline:calc(var(--muda-spacing) * 3.5)}.muda\:px-4{padding-inline:calc(var(--muda-spacing) * 4)}.muda\:py-1{padding-block:var(--muda-spacing)}.muda\:py-1\.5{padding-block:calc(var(--muda-spacing) * 1.5)}.muda\:py-2{padding-block:calc(var(--muda-spacing) * 2)}.muda\:py-2\.5{padding-block:calc(var(--muda-spacing) * 2.5)}.muda\:py-3{padding-block:calc(var(--muda-spacing) * 3)}.muda\:py-5{padding-block:calc(var(--muda-spacing) * 5)}.muda\:py-6{padding-block:calc(var(--muda-spacing) * 6)}.muda\:pt-2\.5{padding-top:calc(var(--muda-spacing) * 2.5)}.muda\:pr-9{padding-right:calc(var(--muda-spacing) * 9)}.muda\:pl-9{padding-left:calc(var(--muda-spacing) * 9)}.muda\:text-center{text-align:center}.muda\:text-left{text-align:left}.muda\:text-2xl{font-size:var(--muda-text-2xl);line-height:var(--tw-leading,var(--muda-text-2xl--line-height))}.muda\:text-4xl{font-size:var(--muda-text-4xl);line-height:var(--tw-leading,var(--muda-text-4xl--line-height))}.muda\:text-base{font-size:var(--muda-text-base);line-height:var(--tw-leading,var(--muda-text-base--line-height))}.muda\:text-sm{font-size:var(--muda-text-sm);line-height:var(--tw-leading,var(--muda-text-sm--line-height))}.muda\:text-xs{font-size:var(--muda-text-xs);line-height:var(--tw-leading,var(--muda-text-xs--line-height))}.muda\:text-\[0\.7rem\]{font-size:.7rem}.muda\:leading-6{--tw-leading:calc(var(--muda-spacing) * 6);line-height:calc(var(--muda-spacing) * 6)}.muda\:font-bold{--tw-font-weight:var(--muda-font-weight-bold);font-weight:var(--muda-font-weight-bold)}.muda\:font-medium{--tw-font-weight:var(--muda-font-weight-medium);font-weight:var(--muda-font-weight-medium)}.muda\:font-semibold{--tw-font-weight:var(--muda-font-weight-semibold);font-weight:var(--muda-font-weight-semibold)}.muda\:tracking-tight{--tw-tracking:var(--muda-tracking-tight);letter-spacing:var(--muda-tracking-tight)}.muda\:tracking-widest{--tw-tracking:var(--muda-tracking-widest);letter-spacing:var(--muda-tracking-widest)}.muda\:wrap-break-word{overflow-wrap:break-word}.muda\:whitespace-nowrap{white-space:nowrap}.muda\:text-danger{color:var(--muda-color-danger)}.muda\:text-danger-dark{color:var(--muda-color-danger-dark)}.muda\:text-gray-600{color:var(--muda-color-gray-600)}.muda\:text-info{color:var(--muda-color-info)}.muda\:text-info-dark{color:var(--muda-color-info-dark)}.muda\:text-primary{color:var(--muda-color-primary)}.muda\:text-primary-dark{color:var(--muda-color-primary-dark)}.muda\:text-secondary{color:var(--muda-color-secondary)}.muda\:text-secondary-dark{color:var(--muda-color-secondary-dark)}.muda\:text-secondary-light{color:var(--muda-color-secondary-light)}.muda\:text-success{color:var(--muda-color-success)}.muda\:text-success-dark{color:var(--muda-color-success-dark)}.muda\:text-warning{color:var(--muda-color-warning)}.muda\:text-warning-dark{color:var(--muda-color-warning-dark)}.muda\:text-white{color:var(--muda-color-white)}.muda\:uppercase{text-transform:uppercase}.muda\:opacity-0{opacity:0}.muda\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-gray-400{--tw-shadow-color:var(--muda-color-gray-400)}@supports (color:color-mix(in lab, red, red)){.muda\:shadow-gray-400{--tw-shadow-color:color-mix(in oklab, var(--muda-color-gray-400) var(--tw-shadow-alpha), transparent)}}.muda\:ring-danger{--tw-ring-color:var(--muda-color-danger)}.muda\:ring-danger-dark\/20{--tw-ring-color:var(--muda-color-danger-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-danger-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-danger-dark) 20%, transparent)}}.muda\:ring-info-dark\/20{--tw-ring-color:var(--muda-color-info-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-info-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-info-dark) 20%, transparent)}}.muda\:ring-primary-dark\/20{--tw-ring-color:var(--muda-color-primary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-primary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-primary-dark) 20%, transparent)}}.muda\:ring-secondary-dark\/20{--tw-ring-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-secondary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:ring-secondary-light{--tw-ring-color:var(--muda-color-secondary-light)}.muda\:ring-success-dark\/20{--tw-ring-color:var(--muda-color-success-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-success-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-success-dark) 20%, transparent)}}.muda\:ring-warning-dark\/20{--tw-ring-color:var(--muda-color-warning-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-warning-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-warning-dark) 20%, transparent)}}.muda\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.muda\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--muda-blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.muda\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:duration-100{--tw-duration:.1s;transition-duration:.1s}.muda\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.muda\:select-none{-webkit-user-select:none;user-select:none}.muda\:ring-inset{--tw-ring-inset:inset}.muda\:peer-checked\:bg-primary:is(:where(.muda\:peer):checked~*){background-color:var(--muda-color-primary)}.muda\:peer-focus\:ring-2:is(:where(.muda\:peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:peer-focus\:ring-primary-light:is(:where(.muda\:peer):focus~*){--tw-ring-color:var(--muda-color-primary-light)}.muda\:peer-focus\:outline-hidden:is(:where(.muda\:peer):focus~*){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:peer-focus\:outline-hidden:is(:where(.muda\:peer):focus~*){outline-offset:2px;outline:2px solid #0000}}.muda\:peer-disabled\:bg-secondary-light\/70:is(:where(.muda\:peer):disabled~*){background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:peer-disabled\:bg-secondary-light\/70:is(:where(.muda\:peer):disabled~*){background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:peer-disabled\:ring-secondary-dark\/20:is(:where(.muda\:peer):disabled~*){--tw-ring-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:peer-disabled\:ring-secondary-dark\/20:is(:where(.muda\:peer):disabled~*){--tw-ring-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:placeholder\:text-danger-light::placeholder{color:var(--muda-color-danger-light)}.muda\:placeholder\:text-secondary-light::placeholder{color:var(--muda-color-secondary-light)}.muda\:before\:absolute:before{content:var(--tw-content);position:absolute}.muda\:before\:top-0:before{content:var(--tw-content);top:0}.muda\:before\:right-0:before{content:var(--tw-content);right:0}.muda\:before\:bottom-0:before{content:var(--tw-content);bottom:0}.muda\:before\:left-0:before{content:var(--tw-content);left:0}.muda\:before\:flex:before{content:var(--tw-content);display:flex}.muda\:before\:items-center:before{content:var(--tw-content);align-items:center}.muda\:before\:justify-center:before{content:var(--tw-content);justify-content:center}.muda\:before\:text-lg:before{content:var(--tw-content);font-size:var(--muda-text-lg);line-height:var(--tw-leading,var(--muda-text-lg--line-height))}.muda\:before\:text-sm:before{content:var(--tw-content);font-size:var(--muda-text-sm);line-height:var(--tw-leading,var(--muda-text-sm--line-height))}.muda\:before\:text-xl:before{content:var(--tw-content);font-size:var(--muda-text-xl);line-height:var(--tw-leading,var(--muda-text-xl--line-height))}.muda\:before\:text-xs:before{content:var(--tw-content);font-size:var(--muda-text-xs);line-height:var(--tw-leading,var(--muda-text-xs--line-height))}.muda\:before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--muda-font-weight-bold);font-weight:var(--muda-font-weight-bold)}.muda\:before\:text-primary:before{content:var(--tw-content);color:var(--muda-color-primary)}.muda\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.muda\:after\:absolute:after{content:var(--tw-content);position:absolute}.muda\:after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:calc(var(--muda-spacing) * .5)}.muda\:after\:top-0:after{content:var(--tw-content);top:0}.muda\:after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--muda-spacing) * .5)}.muda\:after\:top-4:after{content:var(--tw-content);top:calc(var(--muda-spacing) * 4)}.muda\:after\:right-0:after{content:var(--tw-content);right:0}.muda\:after\:right-4:after{content:var(--tw-content);right:calc(var(--muda-spacing) * 4)}.muda\:after\:bottom-0:after{content:var(--tw-content);bottom:0}.muda\:after\:left-0:after{content:var(--tw-content);left:0}.muda\:after\:block:after{content:var(--tw-content);display:block}.muda\:after\:h-2:after{content:var(--tw-content);height:calc(var(--muda-spacing) * 2)}.muda\:after\:h-5:after{content:var(--tw-content);height:calc(var(--muda-spacing) * 5)}.muda\:after\:w-3:after{content:var(--tw-content);width:calc(var(--muda-spacing) * 3)}.muda\:after\:w-5:after{content:var(--tw-content);width:calc(var(--muda-spacing) * 5)}.muda\:after\:w-px:after{content:var(--tw-content);width:1px}.muda\:after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.muda\:after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--muda-radius-lg)}.muda\:after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.muda\:after\:border-primary:after{content:var(--tw-content);border-color:var(--muda-color-primary)}.muda\:after\:bg-primary:after{content:var(--tw-content);background-color:var(--muda-color-primary)}.muda\:after\:bg-secondary-light:after,.muda\:after\:bg-secondary-light\/20:after{content:var(--tw-content);background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:after\:bg-secondary-light\/20:after{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 20%, transparent)}}.muda\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.muda\:peer-checked\:after\:translate-x-full:is(:where(.muda\:peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:peer-checked\:after\:bg-form-background:is(:where(.muda\:peer):checked~*):after{content:var(--tw-content);background-color:var(--muda-color-form-background)}.muda\:peer-disabled\:after\:bg-secondary-light:is(:where(.muda\:peer):disabled~*):after{content:var(--tw-content);background-color:var(--muda-color-secondary-light)}.muda\:first\:rounded-l-lg:first-child{border-top-left-radius:var(--muda-radius-lg);border-bottom-left-radius:var(--muda-radius-lg)}.muda\:first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.muda\:first\:pl-0:first-child{padding-left:0}.muda\:last\:rounded-r-lg:last-child{border-top-right-radius:var(--muda-radius-lg);border-bottom-right-radius:var(--muda-radius-lg)}.muda\:last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.muda\:last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.muda\:last\:pr-0:last-child{padding-right:0}.muda\:last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.muda\:checked\:before\:content-\[attr\(data-checked\)\]:checked:before{--tw-content:attr(data-checked);content:var(--tw-content)}@media (hover:hover){.muda\:hover\:bg-danger:hover{background-color:var(--muda-color-danger)}.muda\:hover\:bg-danger-dark:hover{background-color:var(--muda-color-danger-dark)}.muda\:hover\:bg-info:hover{background-color:var(--muda-color-info)}.muda\:hover\:bg-info-dark:hover{background-color:var(--muda-color-info-dark)}.muda\:hover\:bg-primary:hover{background-color:var(--muda-color-primary)}.muda\:hover\:bg-primary-dark:hover{background-color:var(--muda-color-primary-dark)}.muda\:hover\:bg-primary-light:hover{background-color:var(--muda-color-primary-light)}.muda\:hover\:bg-secondary:hover{background-color:var(--muda-color-secondary)}.muda\:hover\:bg-secondary-dark:hover{background-color:var(--muda-color-secondary-dark)}.muda\:hover\:bg-secondary-light:hover{background-color:var(--muda-color-secondary-light)}.muda\:hover\:bg-success:hover{background-color:var(--muda-color-success)}.muda\:hover\:bg-success-dark:hover{background-color:var(--muda-color-success-dark)}.muda\:hover\:bg-warning:hover{background-color:var(--muda-color-warning)}.muda\:hover\:bg-warning-dark:hover{background-color:var(--muda-color-warning-dark)}.muda\:hover\:fill-primary-dark:hover{fill:var(--muda-color-primary-dark)}.muda\:hover\:fill-white:hover{fill:var(--muda-color-white)}.muda\:hover\:text-primary-dark:hover{color:var(--muda-color-primary-dark)}.muda\:hover\:text-white:hover{color:var(--muda-color-white)}}.muda\:focus\:z-20:focus{z-index:20}.muda\:focus\:rounded-md:focus{border-radius:var(--muda-radius-md)}.muda\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:focus\:ring-danger-light:focus{--tw-ring-color:var(--muda-color-danger-light)}.muda\:focus\:ring-primary:focus{--tw-ring-color:var(--muda-color-primary)}.muda\:focus\:ring-primary-light:focus{--tw-ring-color:var(--muda-color-primary-light)}.muda\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.muda\:focus-visible\:bg-danger:focus-visible{background-color:var(--muda-color-danger)}.muda\:focus-visible\:bg-info:focus-visible{background-color:var(--muda-color-info)}.muda\:focus-visible\:bg-primary:focus-visible{background-color:var(--muda-color-primary)}.muda\:focus-visible\:bg-secondary:focus-visible{background-color:var(--muda-color-secondary)}.muda\:focus-visible\:bg-success:focus-visible{background-color:var(--muda-color-success)}.muda\:focus-visible\:bg-warning:focus-visible{background-color:var(--muda-color-warning)}.muda\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.muda\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.muda\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.muda\:disabled\:border-danger-dark\/20:disabled{border-color:var(--muda-color-danger-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-danger-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-danger-dark) 20%, transparent)}}.muda\:disabled\:border-info-dark\/20:disabled{border-color:var(--muda-color-info-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-info-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-info-dark) 20%, transparent)}}.muda\:disabled\:border-primary-dark\/20:disabled{border-color:var(--muda-color-primary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-primary-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-primary-dark) 20%, transparent)}}.muda\:disabled\:border-secondary-dark\/20:disabled{border-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-secondary-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:disabled\:border-success-dark\/20:disabled{border-color:var(--muda-color-success-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-success-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-success-dark) 20%, transparent)}}.muda\:disabled\:border-warning-dark\/20:disabled{border-color:var(--muda-color-warning-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-warning-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-warning-dark) 20%, transparent)}}.muda\:disabled\:bg-danger-light\/70:disabled{background-color:var(--muda-color-danger-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-danger-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-danger-light) 70%, transparent)}}.muda\:disabled\:bg-info-light\/70:disabled{background-color:var(--muda-color-info-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-info-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-info-light) 70%, transparent)}}.muda\:disabled\:bg-primary-light\/70:disabled{background-color:var(--muda-color-primary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-primary-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-primary-light) 70%, transparent)}}.muda\:disabled\:bg-secondary-light:disabled,.muda\:disabled\:bg-secondary-light\/20:disabled{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-secondary-light\/20:disabled{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 20%, transparent)}}.muda\:disabled\:bg-secondary-light\/70:disabled{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-secondary-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:disabled\:bg-success-light\/70:disabled{background-color:var(--muda-color-success-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-success-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-success-light) 70%, transparent)}}.muda\:disabled\:bg-warning-light\/70:disabled{background-color:var(--muda-color-warning-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-warning-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-warning-light) 70%, transparent)}}.muda\:disabled\:fill-secondary-light:disabled{fill:var(--muda-color-secondary-light)}.muda\:disabled\:text-secondary-light:disabled{color:var(--muda-color-secondary-light)}.muda\:disabled\:before\:text-secondary-light:disabled:before{content:var(--tw-content);color:var(--muda-color-secondary-light)}@media (hover:hover){.muda\:disabled\:hover\:bg-inherit:disabled:hover{background-color:inherit}.muda\:disabled\:hover\:bg-secondary-light:disabled:hover{background-color:var(--muda-color-secondary-light)}.muda\:disabled\:hover\:fill-secondary-light:disabled:hover{fill:var(--muda-color-secondary-light)}.muda\:disabled\:hover\:text-secondary-light:disabled:hover{color:var(--muda-color-secondary-light)}}@media (width>=64rem){.muda\:lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.muda\:peer-checked\:rtl\:after\:-translate-x-full:is(:where(.muda\:peer):checked~*):where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}[data-theme=dark]{--muda-color-background:#181818;--muda-color-foreground:#1e1e1e;--muda-color-form-background:#282828;--muda-color-primary:#1d4ed8;--muda-color-primary-light:#60a5fa;--muda-color-primary-dark:#1e3a8a;--muda-color-secondary:#78716c;--muda-color-secondary-light:#3c3c3c;--muda-color-secondary-dark:#bfbfbf;--muda-color-success:#84cc16;--muda-color-success-light:#d9f99d;--muda-color-success-dark:#4d7c0f;--muda-color-danger:#ef4444;--muda-color-danger-light:#fecaca;--muda-color-danger-dark:#b91c1c;--muda-color-warning:#f59e0b;--muda-color-warning-light:#fde68a;--muda-color-warning-dark:#b45309;--muda-color-info:#60a5fa;--muda-color-info-light:#dbeafe;--muda-color-info-dark:#3b82f6}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
|
|
1
|
+
.muda-button-stack-h button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.muda-button-stack-h button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-h button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:first-of-type{border-bottom-right-radius:0;border-bottom-left-radius:0}.muda-button-stack-v button:not(:first-of-type):not(:last-of-type){border-radius:0}.muda-button-stack-v button:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.color-picker-saturation[data-v-bdb328ef]{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000)}.color-picker-hue[data-v-bdb328ef]{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.muda-form-select[data-v-5c7dda51]:after{clip-path:polygon(100% 0%,0 0%,50% 100%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid}}}@layer theme{:root,:host{--muda-color-gray-400:oklch(70.7% .022 261.325);--muda-color-gray-500:oklch(55.1% .027 264.364);--muda-color-gray-600:oklch(44.6% .03 256.802);--muda-color-black:#000;--muda-color-white:#fff;--muda-spacing:.25rem;--muda-text-xs:.75rem;--muda-text-xs--line-height:calc(1 / .75);--muda-text-sm:.875rem;--muda-text-sm--line-height:calc(1.25 / .875);--muda-text-base:1rem;--muda-text-base--line-height:calc(1.5 / 1);--muda-text-lg:1.125rem;--muda-text-lg--line-height:calc(1.75 / 1.125);--muda-text-xl:1.25rem;--muda-text-xl--line-height:calc(1.75 / 1.25);--muda-text-2xl:1.5rem;--muda-text-2xl--line-height:calc(2 / 1.5);--muda-text-4xl:2.25rem;--muda-text-4xl--line-height:calc(2.5 / 2.25);--muda-font-weight-medium:500;--muda-font-weight-semibold:600;--muda-font-weight-bold:700;--muda-tracking-tight:-.025em;--muda-tracking-widest:.1em;--muda-radius-xs:.125rem;--muda-radius-sm:.25rem;--muda-radius-md:.375rem;--muda-radius-lg:.5rem;--muda-ease-out:cubic-bezier(0, 0, .2, 1);--muda-animate-spin:spin 1s linear infinite;--muda-blur-xs:4px;--muda-default-transition-duration:.15s;--muda-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--muda-color-background:#f6f7f9;--muda-color-foreground:#fbfbfc;--muda-color-form-background:#eef1f4;--muda-color-primary:#6485b2;--muda-color-primary-light:#9db7d8;--muda-color-primary-dark:#435f87;--muda-color-secondary:#7c8999;--muda-color-secondary-light:#bbc3cd;--muda-color-secondary-dark:#4a586a;--muda-color-success:#5f9875;--muda-color-success-light:#9bc7ad;--muda-color-success-dark:#3f6e52;--muda-color-danger:#b86d6d;--muda-color-danger-light:#dda6a6;--muda-color-danger-dark:#844b4b;--muda-color-warning:#af8245;--muda-color-warning-light:#e4c384;--muda-color-warning-dark:#795b35;--muda-color-info:#61969b;--muda-color-info-light:#9cc9cd;--muda-color-info-dark:#416b71}}@layer base;@layer components{.muda-control-reset,.muda-button-reset{box-sizing:border-box;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;margin:0}.muda-control-reset::placeholder{opacity:1}textarea.muda-control-reset{resize:vertical}.muda-button-reset{background-color:#0000;border:none;padding:0}.muda-button-reset:not(:disabled){cursor:pointer}.muda-button-reset:disabled{cursor:not-allowed}.muda-link-reset{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}}@layer utilities{.muda\:pointer-events-none{pointer-events:none}.muda\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muda\:absolute{position:absolute}.muda\:fixed{position:fixed}.muda\:relative{position:relative}.muda\:sticky{position:sticky}.muda\:inset-0{inset:0}.muda\:inset-y-0{inset-block:0}.muda\:top-0{top:0}.muda\:right-0{right:0}.muda\:right-2{right:calc(var(--muda-spacing) * 2)}.muda\:right-full{right:100%}.muda\:bottom-0{bottom:0}.muda\:left-0{left:0}.muda\:left-2{left:calc(var(--muda-spacing) * 2)}.muda\:left-full{left:100%}.muda\:isolate{isolation:isolate}.muda\:z-10{z-index:10}.muda\:z-100{z-index:100}.muda\:order-1{order:1}.muda\:order-2{order:2}.muda\:col-span-3{grid-column:span 3/span 3}.muda\:m-0{margin:0}.muda\:-mt-0\.5{margin-top:calc(var(--muda-spacing) * -.5)}.muda\:-mt-2\.75{margin-top:calc(var(--muda-spacing) * -2.75)}.muda\:mb-1{margin-bottom:var(--muda-spacing)}.muda\:-ml-0\.5{margin-left:calc(var(--muda-spacing) * -.5)}.muda\:no-scrollbar::-webkit-scrollbar{display:none}.muda\:no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.muda\:block{display:block}.muda\:flex{display:flex}.muda\:grid{display:grid}.muda\:hidden{display:none}.muda\:inline-block{display:inline-block}.muda\:inline-flex{display:inline-flex}.muda\:size-4{width:calc(var(--muda-spacing) * 4);height:calc(var(--muda-spacing) * 4)}.muda\:size-5{width:calc(var(--muda-spacing) * 5);height:calc(var(--muda-spacing) * 5)}.muda\:size-6{width:calc(var(--muda-spacing) * 6);height:calc(var(--muda-spacing) * 6)}.muda\:size-7{width:calc(var(--muda-spacing) * 7);height:calc(var(--muda-spacing) * 7)}.muda\:size-8{width:calc(var(--muda-spacing) * 8);height:calc(var(--muda-spacing) * 8)}.muda\:size-9{width:calc(var(--muda-spacing) * 9);height:calc(var(--muda-spacing) * 9)}.muda\:size-10{width:calc(var(--muda-spacing) * 10);height:calc(var(--muda-spacing) * 10)}.muda\:size-14{width:calc(var(--muda-spacing) * 14);height:calc(var(--muda-spacing) * 14)}.muda\:size-24{width:calc(var(--muda-spacing) * 24);height:calc(var(--muda-spacing) * 24)}.muda\:size-min{width:min-content;height:min-content}.muda\:h-4{height:calc(var(--muda-spacing) * 4)}.muda\:h-6{height:calc(var(--muda-spacing) * 6)}.muda\:h-10{height:calc(var(--muda-spacing) * 10)}.muda\:h-14{height:calc(var(--muda-spacing) * 14)}.muda\:h-125{height:calc(var(--muda-spacing) * 125)}.muda\:h-\[100px\]{height:100px}.muda\:h-\[380px\]{height:380px}.muda\:h-\[500px\]{height:500px}.muda\:h-full{height:100%}.muda\:h-max{height:max-content}.muda\:max-h-52{max-height:calc(var(--muda-spacing) * 52)}.muda\:max-h-60{max-height:calc(var(--muda-spacing) * 60)}.muda\:max-h-64{max-height:calc(var(--muda-spacing) * 64)}.muda\:max-h-80{max-height:calc(var(--muda-spacing) * 80)}.muda\:min-h-10{min-height:calc(var(--muda-spacing) * 10)}.muda\:min-h-50{min-height:calc(var(--muda-spacing) * 50)}.muda\:min-h-full{min-height:100%}.muda\:min-h-screen{min-height:100vh}.muda\:w-4{width:calc(var(--muda-spacing) * 4)}.muda\:w-11{width:calc(var(--muda-spacing) * 11)}.muda\:w-76{width:calc(var(--muda-spacing) * 76)}.muda\:w-80{width:calc(var(--muda-spacing) * 80)}.muda\:w-160{width:calc(var(--muda-spacing) * 160)}.muda\:w-full{width:100%}.muda\:w-max{width:max-content}.muda\:w-screen{width:100vw}.muda\:min-w-10{min-width:calc(var(--muda-spacing) * 10)}.muda\:flex-1{flex:1}.muda\:shrink-0{flex-shrink:0}.muda\:border-collapse{border-collapse:collapse}.muda\:-translate-x-2{--tw-translate-x:calc(var(--muda-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:-translate-y-2{--tw-translate-y:calc(var(--muda-spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:animate-spin{animation:var(--muda-animate-spin)}.muda\:cursor-not-allowed{cursor:not-allowed}.muda\:cursor-pointer{cursor:pointer}.muda\:list-none{list-style-type:none}.muda\:appearance-none{appearance:none}.muda\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.muda\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.muda\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.muda\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.muda\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.muda\:grid-cols-\[6rem_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:6rem repeat(3,minmax(0,1fr))}.muda\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.muda\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.muda\:grid-cols-\[repeat\(4\,1fr\)\]{grid-template-columns:repeat(4,1fr)}.muda\:grid-cols-\[repeat\(7\,auto\)\]{grid-template-columns:repeat(7,auto)}.muda\:flex-col{flex-direction:column}.muda\:flex-row{flex-direction:row}.muda\:items-center{align-items:center}.muda\:justify-center{justify-content:center}.muda\:justify-end{justify-content:flex-end}.muda\:justify-start{justify-content:flex-start}.muda\:gap-0\.5{gap:calc(var(--muda-spacing) * .5)}.muda\:gap-1{gap:var(--muda-spacing)}.muda\:gap-2{gap:calc(var(--muda-spacing) * 2)}.muda\:gap-4{gap:calc(var(--muda-spacing) * 4)}.muda\:gap-6{gap:calc(var(--muda-spacing) * 6)}.muda\:gap-8{gap:calc(var(--muda-spacing) * 8)}.muda\:gap-px{gap:1px}.muda\:scroll-container-v-form-background{background:linear-gradient(var(--muda-color-form-background) 30%, #fff0), linear-gradient(#fff0, var(--muda-color-form-background) 70%) 0 100%, radial-gradient(farthest-side at 50% 0, #0003, #0000), radial-gradient(farthest-side at 50% 100%, #0003, #0000) 0 100%;background-repeat:no-repeat;background-color:var(--muda-color-form-background);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;overflow:auto}.muda\:overflow-auto{overflow:auto}.muda\:overflow-hidden{overflow:hidden}.muda\:overflow-x-hidden{overflow-x:hidden}.muda\:overflow-y-auto{overflow-y:auto}.muda\:rounded-full{border-radius:2147483647px}.muda\:rounded-lg{border-radius:var(--muda-radius-lg)}.muda\:rounded-md{border-radius:var(--muda-radius-md)}.muda\:rounded-sm{border-radius:var(--muda-radius-sm)}.muda\:rounded-xs{border-radius:var(--muda-radius-xs)}.muda\:rounded-b-lg{border-bottom-right-radius:var(--muda-radius-lg);border-bottom-left-radius:var(--muda-radius-lg)}.muda\:border{border-style:var(--tw-border-style);border-width:1px}.muda\:border-2{border-style:var(--tw-border-style);border-width:2px}.muda\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.muda\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.muda\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.muda\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.muda\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.muda\:border-danger{border-color:var(--muda-color-danger)}.muda\:border-danger-dark{border-color:var(--muda-color-danger-dark)}.muda\:border-info{border-color:var(--muda-color-info)}.muda\:border-info-dark{border-color:var(--muda-color-info-dark)}.muda\:border-primary{border-color:var(--muda-color-primary)}.muda\:border-primary-dark{border-color:var(--muda-color-primary-dark)}.muda\:border-secondary{border-color:var(--muda-color-secondary)}.muda\:border-secondary-dark,.muda\:border-secondary-dark\/20{border-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:border-secondary-dark\/20{border-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:border-secondary-light{border-color:var(--muda-color-secondary-light)}.muda\:border-success{border-color:var(--muda-color-success)}.muda\:border-success-dark{border-color:var(--muda-color-success-dark)}.muda\:border-warning{border-color:var(--muda-color-warning)}.muda\:border-warning-dark{border-color:var(--muda-color-warning-dark)}.muda\:border-white{border-color:var(--muda-color-white)}.muda\:border-r-secondary-light{border-right-color:var(--muda-color-secondary-light)}.muda\:border-b-secondary-light{border-bottom-color:var(--muda-color-secondary-light)}.muda\:border-l-secondary-light{border-left-color:var(--muda-color-secondary-light)}.muda\:bg-background{background-color:var(--muda-color-background)}.muda\:bg-danger{background-color:var(--muda-color-danger)}.muda\:bg-danger-light{background-color:var(--muda-color-danger-light)}.muda\:bg-foreground{background-color:var(--muda-color-foreground)}.muda\:bg-form-background{background-color:var(--muda-color-form-background)}.muda\:bg-gray-500\/30{background-color:var(--muda-color-gray-500)}@supports (color:color-mix(in lab, red, red)){.muda\:bg-gray-500\/30{background-color:color-mix(in oklab, var(--muda-color-gray-500) 30%, transparent)}}.muda\:bg-info{background-color:var(--muda-color-info)}.muda\:bg-info-light{background-color:var(--muda-color-info-light)}.muda\:bg-primary{background-color:var(--muda-color-primary)}.muda\:bg-primary-light{background-color:var(--muda-color-primary-light)}.muda\:bg-secondary{background-color:var(--muda-color-secondary)}.muda\:bg-secondary-light,.muda\:bg-secondary-light\/70{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:bg-secondary-light\/70{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:bg-success{background-color:var(--muda-color-success)}.muda\:bg-success-light{background-color:var(--muda-color-success-light)}.muda\:bg-transparent{background-color:#0000}.muda\:bg-warning{background-color:var(--muda-color-warning)}.muda\:bg-warning-light{background-color:var(--muda-color-warning-light)}.muda\:fill-danger{fill:var(--muda-color-danger)}.muda\:fill-info{fill:var(--muda-color-info)}.muda\:fill-primary{fill:var(--muda-color-primary)}.muda\:fill-secondary{fill:var(--muda-color-secondary)}.muda\:fill-secondary-dark{fill:var(--muda-color-secondary-dark)}.muda\:fill-secondary-light\/30{fill:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:fill-secondary-light\/30{fill:color-mix(in oklab, var(--muda-color-secondary-light) 30%, transparent)}}.muda\:fill-success{fill:var(--muda-color-success)}.muda\:fill-warning{fill:var(--muda-color-warning)}.muda\:fill-white{fill:var(--muda-color-white)}.muda\:fill-white\!{fill:var(--muda-color-white)!important}.muda\:p-0{padding:0}.muda\:p-2{padding:calc(var(--muda-spacing) * 2)}.muda\:p-4{padding:calc(var(--muda-spacing) * 4)}.muda\:p-5{padding:calc(var(--muda-spacing) * 5)}.muda\:p-10{padding:calc(var(--muda-spacing) * 10)}.muda\:px-2{padding-inline:calc(var(--muda-spacing) * 2)}.muda\:px-2\.5{padding-inline:calc(var(--muda-spacing) * 2.5)}.muda\:px-3{padding-inline:calc(var(--muda-spacing) * 3)}.muda\:px-3\.5{padding-inline:calc(var(--muda-spacing) * 3.5)}.muda\:px-4{padding-inline:calc(var(--muda-spacing) * 4)}.muda\:py-1{padding-block:var(--muda-spacing)}.muda\:py-1\.5{padding-block:calc(var(--muda-spacing) * 1.5)}.muda\:py-2{padding-block:calc(var(--muda-spacing) * 2)}.muda\:py-2\.5{padding-block:calc(var(--muda-spacing) * 2.5)}.muda\:py-3{padding-block:calc(var(--muda-spacing) * 3)}.muda\:py-4{padding-block:calc(var(--muda-spacing) * 4)}.muda\:py-5{padding-block:calc(var(--muda-spacing) * 5)}.muda\:py-6{padding-block:calc(var(--muda-spacing) * 6)}.muda\:pt-2\.5{padding-top:calc(var(--muda-spacing) * 2.5)}.muda\:pr-9{padding-right:calc(var(--muda-spacing) * 9)}.muda\:pl-9{padding-left:calc(var(--muda-spacing) * 9)}.muda\:text-center{text-align:center}.muda\:text-left{text-align:left}.muda\:text-2xl{font-size:var(--muda-text-2xl);line-height:var(--tw-leading,var(--muda-text-2xl--line-height))}.muda\:text-4xl{font-size:var(--muda-text-4xl);line-height:var(--tw-leading,var(--muda-text-4xl--line-height))}.muda\:text-base{font-size:var(--muda-text-base);line-height:var(--tw-leading,var(--muda-text-base--line-height))}.muda\:text-lg{font-size:var(--muda-text-lg);line-height:var(--tw-leading,var(--muda-text-lg--line-height))}.muda\:text-sm{font-size:var(--muda-text-sm);line-height:var(--tw-leading,var(--muda-text-sm--line-height))}.muda\:text-xs{font-size:var(--muda-text-xs);line-height:var(--tw-leading,var(--muda-text-xs--line-height))}.muda\:text-\[0\.7rem\]{font-size:.7rem}.muda\:leading-6{--tw-leading:calc(var(--muda-spacing) * 6);line-height:calc(var(--muda-spacing) * 6)}.muda\:font-bold{--tw-font-weight:var(--muda-font-weight-bold);font-weight:var(--muda-font-weight-bold)}.muda\:font-medium{--tw-font-weight:var(--muda-font-weight-medium);font-weight:var(--muda-font-weight-medium)}.muda\:font-semibold{--tw-font-weight:var(--muda-font-weight-semibold);font-weight:var(--muda-font-weight-semibold)}.muda\:tracking-tight{--tw-tracking:var(--muda-tracking-tight);letter-spacing:var(--muda-tracking-tight)}.muda\:tracking-widest{--tw-tracking:var(--muda-tracking-widest);letter-spacing:var(--muda-tracking-widest)}.muda\:wrap-break-word{overflow-wrap:break-word}.muda\:whitespace-nowrap{white-space:nowrap}.muda\:text-danger{color:var(--muda-color-danger)}.muda\:text-danger-dark{color:var(--muda-color-danger-dark)}.muda\:text-gray-600{color:var(--muda-color-gray-600)}.muda\:text-info{color:var(--muda-color-info)}.muda\:text-info-dark{color:var(--muda-color-info-dark)}.muda\:text-primary{color:var(--muda-color-primary)}.muda\:text-primary-dark{color:var(--muda-color-primary-dark)}.muda\:text-secondary{color:var(--muda-color-secondary)}.muda\:text-secondary-dark{color:var(--muda-color-secondary-dark)}.muda\:text-secondary-light{color:var(--muda-color-secondary-light)}.muda\:text-success{color:var(--muda-color-success)}.muda\:text-success-dark{color:var(--muda-color-success-dark)}.muda\:text-warning{color:var(--muda-color-warning)}.muda\:text-warning-dark{color:var(--muda-color-warning-dark)}.muda\:text-white{color:var(--muda-color-white)}.muda\:uppercase{text-transform:uppercase}.muda\:opacity-0{opacity:0}.muda\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:shadow-gray-400{--tw-shadow-color:var(--muda-color-gray-400)}@supports (color:color-mix(in lab, red, red)){.muda\:shadow-gray-400{--tw-shadow-color:color-mix(in oklab, var(--muda-color-gray-400) var(--tw-shadow-alpha), transparent)}}.muda\:ring-danger{--tw-ring-color:var(--muda-color-danger)}.muda\:ring-danger-dark\/20{--tw-ring-color:var(--muda-color-danger-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-danger-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-danger-dark) 20%, transparent)}}.muda\:ring-info-dark\/20{--tw-ring-color:var(--muda-color-info-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-info-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-info-dark) 20%, transparent)}}.muda\:ring-primary-dark\/20{--tw-ring-color:var(--muda-color-primary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-primary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-primary-dark) 20%, transparent)}}.muda\:ring-secondary-dark\/20{--tw-ring-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-secondary-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:ring-secondary-light{--tw-ring-color:var(--muda-color-secondary-light)}.muda\:ring-success-dark\/20{--tw-ring-color:var(--muda-color-success-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-success-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-success-dark) 20%, transparent)}}.muda\:ring-warning-dark\/20{--tw-ring-color:var(--muda-color-warning-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:ring-warning-dark\/20{--tw-ring-color:color-mix(in oklab, var(--muda-color-warning-dark) 20%, transparent)}}.muda\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.muda\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--muda-blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.muda\:transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:duration-100{--tw-duration:.1s;transition-duration:.1s}.muda\:duration-300{--tw-duration:.3s;transition-duration:.3s}.muda\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.muda\:ease-out{--tw-ease:var(--muda-ease-out);transition-timing-function:var(--muda-ease-out)}.muda\:select-none{-webkit-user-select:none;user-select:none}.muda\:ring-inset{--tw-ring-inset:inset}.muda\:peer-checked\:bg-primary:is(:where(.muda\:peer):checked~*){background-color:var(--muda-color-primary)}.muda\:peer-focus\:ring-2:is(:where(.muda\:peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:peer-focus\:ring-primary-light:is(:where(.muda\:peer):focus~*){--tw-ring-color:var(--muda-color-primary-light)}.muda\:peer-focus\:outline-hidden:is(:where(.muda\:peer):focus~*){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:peer-focus\:outline-hidden:is(:where(.muda\:peer):focus~*){outline-offset:2px;outline:2px solid #0000}}.muda\:peer-disabled\:bg-secondary-light\/70:is(:where(.muda\:peer):disabled~*){background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:peer-disabled\:bg-secondary-light\/70:is(:where(.muda\:peer):disabled~*){background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:peer-disabled\:ring-secondary-dark\/20:is(:where(.muda\:peer):disabled~*){--tw-ring-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:peer-disabled\:ring-secondary-dark\/20:is(:where(.muda\:peer):disabled~*){--tw-ring-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:placeholder\:text-danger-light::placeholder{color:var(--muda-color-danger-light)}.muda\:placeholder\:text-secondary-light::placeholder{color:var(--muda-color-secondary-light)}.muda\:before\:absolute:before{content:var(--tw-content);position:absolute}.muda\:before\:top-0:before{content:var(--tw-content);top:0}.muda\:before\:-right-2:before{content:var(--tw-content);right:calc(var(--muda-spacing) * -2)}.muda\:before\:right-0:before{content:var(--tw-content);right:0}.muda\:before\:bottom-0:before{content:var(--tw-content);bottom:0}.muda\:before\:-left-2:before{content:var(--tw-content);left:calc(var(--muda-spacing) * -2)}.muda\:before\:left-0:before{content:var(--tw-content);left:0}.muda\:before\:z-50:before{content:var(--tw-content);z-index:50}.muda\:before\:flex:before{content:var(--tw-content);display:flex}.muda\:before\:w-2:before{content:var(--tw-content);width:calc(var(--muda-spacing) * 2)}.muda\:before\:items-center:before{content:var(--tw-content);align-items:center}.muda\:before\:justify-center:before{content:var(--tw-content);justify-content:center}.muda\:before\:bg-linear-to-l:before{content:var(--tw-content);--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.muda\:before\:bg-linear-to-l:before{--tw-gradient-position:to left in oklab}}.muda\:before\:bg-linear-to-l:before{background-image:linear-gradient(var(--tw-gradient-stops))}.muda\:before\:bg-linear-to-r:before{content:var(--tw-content);--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.muda\:before\:bg-linear-to-r:before{--tw-gradient-position:to right in oklab}}.muda\:before\:bg-linear-to-r:before{background-image:linear-gradient(var(--tw-gradient-stops))}.muda\:before\:from-black:before{content:var(--tw-content);--tw-gradient-from:var(--muda-color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.muda\:before\:text-lg:before{content:var(--tw-content);font-size:var(--muda-text-lg);line-height:var(--tw-leading,var(--muda-text-lg--line-height))}.muda\:before\:text-sm:before{content:var(--tw-content);font-size:var(--muda-text-sm);line-height:var(--tw-leading,var(--muda-text-sm--line-height))}.muda\:before\:text-xl:before{content:var(--tw-content);font-size:var(--muda-text-xl);line-height:var(--tw-leading,var(--muda-text-xl--line-height))}.muda\:before\:text-xs:before{content:var(--tw-content);font-size:var(--muda-text-xs);line-height:var(--tw-leading,var(--muda-text-xs--line-height))}.muda\:before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--muda-font-weight-bold);font-weight:var(--muda-font-weight-bold)}.muda\:before\:text-primary:before{content:var(--tw-content);color:var(--muda-color-primary)}.muda\:before\:opacity-10:before{content:var(--tw-content);opacity:.1}.muda\:before\:content-\[\\\'\\\'\]:before{--tw-content:\'\';content:var(--tw-content)}.muda\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.muda\:after\:absolute:after{content:var(--tw-content);position:absolute}.muda\:after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:calc(var(--muda-spacing) * .5)}.muda\:after\:top-0:after{content:var(--tw-content);top:0}.muda\:after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--muda-spacing) * .5)}.muda\:after\:top-4:after{content:var(--tw-content);top:calc(var(--muda-spacing) * 4)}.muda\:after\:right-0:after{content:var(--tw-content);right:0}.muda\:after\:right-4:after{content:var(--tw-content);right:calc(var(--muda-spacing) * 4)}.muda\:after\:bottom-0:after{content:var(--tw-content);bottom:0}.muda\:after\:left-0:after{content:var(--tw-content);left:0}.muda\:after\:block:after{content:var(--tw-content);display:block}.muda\:after\:h-2:after{content:var(--tw-content);height:calc(var(--muda-spacing) * 2)}.muda\:after\:h-5:after{content:var(--tw-content);height:calc(var(--muda-spacing) * 5)}.muda\:after\:w-3:after{content:var(--tw-content);width:calc(var(--muda-spacing) * 3)}.muda\:after\:w-5:after{content:var(--tw-content);width:calc(var(--muda-spacing) * 5)}.muda\:after\:w-px:after{content:var(--tw-content);width:1px}.muda\:after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.muda\:after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--muda-radius-lg)}.muda\:after\:border-2:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.muda\:after\:border-primary:after{content:var(--tw-content);border-color:var(--muda-color-primary)}.muda\:after\:bg-primary:after{content:var(--tw-content);background-color:var(--muda-color-primary)}.muda\:after\:bg-secondary-light:after,.muda\:after\:bg-secondary-light\/20:after{content:var(--tw-content);background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:after\:bg-secondary-light\/20:after{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 20%, transparent)}}.muda\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--muda-default-transition-timing-function));transition-duration:var(--tw-duration,var(--muda-default-transition-duration))}.muda\:after\:content-\[\\\'\\\'\]:after{--tw-content:\'\';content:var(--tw-content)}.muda\:peer-checked\:after\:translate-x-full:is(:where(.muda\:peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.muda\:peer-checked\:after\:bg-form-background:is(:where(.muda\:peer):checked~*):after{content:var(--tw-content);background-color:var(--muda-color-form-background)}.muda\:peer-disabled\:after\:bg-secondary-light:is(:where(.muda\:peer):disabled~*):after{content:var(--tw-content);background-color:var(--muda-color-secondary-light)}.muda\:first\:rounded-l-lg:first-child{border-top-left-radius:var(--muda-radius-lg);border-bottom-left-radius:var(--muda-radius-lg)}.muda\:first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.muda\:first\:pl-0:first-child{padding-left:0}.muda\:last\:rounded-r-lg:last-child{border-top-right-radius:var(--muda-radius-lg);border-bottom-right-radius:var(--muda-radius-lg)}.muda\:last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.muda\:last\:border-r:last-child{border-right-style:var(--tw-border-style);border-right-width:1px}.muda\:last\:pr-0:last-child{padding-right:0}.muda\:last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.muda\:checked\:before\:content-\[attr\(data-checked\)\]:checked:before{--tw-content:attr(data-checked);content:var(--tw-content)}@media (hover:hover){.muda\:hover\:bg-danger:hover{background-color:var(--muda-color-danger)}.muda\:hover\:bg-danger-dark:hover{background-color:var(--muda-color-danger-dark)}.muda\:hover\:bg-info:hover{background-color:var(--muda-color-info)}.muda\:hover\:bg-info-dark:hover{background-color:var(--muda-color-info-dark)}.muda\:hover\:bg-primary:hover{background-color:var(--muda-color-primary)}.muda\:hover\:bg-primary-dark:hover{background-color:var(--muda-color-primary-dark)}.muda\:hover\:bg-primary-light:hover{background-color:var(--muda-color-primary-light)}.muda\:hover\:bg-secondary:hover{background-color:var(--muda-color-secondary)}.muda\:hover\:bg-secondary-dark:hover{background-color:var(--muda-color-secondary-dark)}.muda\:hover\:bg-secondary-light:hover{background-color:var(--muda-color-secondary-light)}.muda\:hover\:bg-success:hover{background-color:var(--muda-color-success)}.muda\:hover\:bg-success-dark:hover{background-color:var(--muda-color-success-dark)}.muda\:hover\:bg-warning:hover{background-color:var(--muda-color-warning)}.muda\:hover\:bg-warning-dark:hover{background-color:var(--muda-color-warning-dark)}.muda\:hover\:fill-primary-dark:hover{fill:var(--muda-color-primary-dark)}.muda\:hover\:fill-primary-light:hover{fill:var(--muda-color-primary-light)}.muda\:hover\:fill-white:hover{fill:var(--muda-color-white)}.muda\:hover\:text-primary-dark:hover{color:var(--muda-color-primary-dark)}.muda\:hover\:text-primary-light:hover{color:var(--muda-color-primary-light)}.muda\:hover\:text-white:hover{color:var(--muda-color-white)}}.muda\:focus\:z-20:focus{z-index:20}.muda\:focus\:rounded-md:focus{border-radius:var(--muda-radius-md)}.muda\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.muda\:focus\:ring-danger-light:focus{--tw-ring-color:var(--muda-color-danger-light)}.muda\:focus\:ring-primary:focus{--tw-ring-color:var(--muda-color-primary)}.muda\:focus\:ring-primary-light:focus{--tw-ring-color:var(--muda-color-primary-light)}.muda\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.muda\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.muda\:focus-visible\:bg-danger:focus-visible{background-color:var(--muda-color-danger)}.muda\:focus-visible\:bg-info:focus-visible{background-color:var(--muda-color-info)}.muda\:focus-visible\:bg-primary:focus-visible{background-color:var(--muda-color-primary)}.muda\:focus-visible\:bg-secondary:focus-visible{background-color:var(--muda-color-secondary)}.muda\:focus-visible\:bg-success:focus-visible{background-color:var(--muda-color-success)}.muda\:focus-visible\:bg-warning:focus-visible{background-color:var(--muda-color-warning)}.muda\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.muda\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}@media (hover:hover){.muda\:enabled\:hover\:bg-danger:enabled:hover{background-color:var(--muda-color-danger)}.muda\:enabled\:hover\:bg-info:enabled:hover{background-color:var(--muda-color-info)}.muda\:enabled\:hover\:bg-primary:enabled:hover{background-color:var(--muda-color-primary)}.muda\:enabled\:hover\:bg-secondary:enabled:hover{background-color:var(--muda-color-secondary)}.muda\:enabled\:hover\:bg-success:enabled:hover{background-color:var(--muda-color-success)}.muda\:enabled\:hover\:bg-warning:enabled:hover{background-color:var(--muda-color-warning)}.muda\:enabled\:hover\:fill-white:enabled:hover{fill:var(--muda-color-white)}.muda\:enabled\:hover\:text-danger-dark:enabled:hover{color:var(--muda-color-danger-dark)}.muda\:enabled\:hover\:text-info-dark:enabled:hover{color:var(--muda-color-info-dark)}.muda\:enabled\:hover\:text-primary-dark:enabled:hover{color:var(--muda-color-primary-dark)}.muda\:enabled\:hover\:text-secondary-dark:enabled:hover{color:var(--muda-color-secondary-dark)}.muda\:enabled\:hover\:text-success-dark:enabled:hover{color:var(--muda-color-success-dark)}.muda\:enabled\:hover\:text-warning-dark:enabled:hover{color:var(--muda-color-warning-dark)}.muda\:enabled\:hover\:text-white:enabled:hover{color:var(--muda-color-white)}}.muda\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.muda\:disabled\:border-danger-dark\/20:disabled{border-color:var(--muda-color-danger-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-danger-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-danger-dark) 20%, transparent)}}.muda\:disabled\:border-danger\/20:disabled{border-color:var(--muda-color-danger)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-danger\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-danger) 20%, transparent)}}.muda\:disabled\:border-info-dark\/20:disabled{border-color:var(--muda-color-info-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-info-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-info-dark) 20%, transparent)}}.muda\:disabled\:border-info\/20:disabled{border-color:var(--muda-color-info)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-info\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-info) 20%, transparent)}}.muda\:disabled\:border-primary-dark\/20:disabled{border-color:var(--muda-color-primary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-primary-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-primary-dark) 20%, transparent)}}.muda\:disabled\:border-primary\/20:disabled{border-color:var(--muda-color-primary)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-primary\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-primary) 20%, transparent)}}.muda\:disabled\:border-secondary-dark\/20:disabled{border-color:var(--muda-color-secondary-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-secondary-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-secondary-dark) 20%, transparent)}}.muda\:disabled\:border-secondary\/20:disabled{border-color:var(--muda-color-secondary)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-secondary\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-secondary) 20%, transparent)}}.muda\:disabled\:border-success-dark\/20:disabled{border-color:var(--muda-color-success-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-success-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-success-dark) 20%, transparent)}}.muda\:disabled\:border-success\/20:disabled{border-color:var(--muda-color-success)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-success\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-success) 20%, transparent)}}.muda\:disabled\:border-warning-dark\/20:disabled{border-color:var(--muda-color-warning-dark)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-warning-dark\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-warning-dark) 20%, transparent)}}.muda\:disabled\:border-warning\/20:disabled{border-color:var(--muda-color-warning)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:border-warning\/20:disabled{border-color:color-mix(in oklab, var(--muda-color-warning) 20%, transparent)}}.muda\:disabled\:bg-danger-light\/70:disabled{background-color:var(--muda-color-danger-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-danger-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-danger-light) 70%, transparent)}}.muda\:disabled\:bg-info-light\/70:disabled{background-color:var(--muda-color-info-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-info-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-info-light) 70%, transparent)}}.muda\:disabled\:bg-primary-light\/70:disabled{background-color:var(--muda-color-primary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-primary-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-primary-light) 70%, transparent)}}.muda\:disabled\:bg-secondary-light:disabled,.muda\:disabled\:bg-secondary-light\/20:disabled{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-secondary-light\/20:disabled{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 20%, transparent)}}.muda\:disabled\:bg-secondary-light\/70:disabled{background-color:var(--muda-color-secondary-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-secondary-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-secondary-light) 70%, transparent)}}.muda\:disabled\:bg-success-light\/70:disabled{background-color:var(--muda-color-success-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-success-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-success-light) 70%, transparent)}}.muda\:disabled\:bg-warning-light\/70:disabled{background-color:var(--muda-color-warning-light)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:bg-warning-light\/70:disabled{background-color:color-mix(in oklab, var(--muda-color-warning-light) 70%, transparent)}}.muda\:disabled\:fill-secondary-light:disabled{fill:var(--muda-color-secondary-light)}.muda\:disabled\:text-danger\/40:disabled{color:var(--muda-color-danger)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-danger\/40:disabled{color:color-mix(in oklab, var(--muda-color-danger) 40%, transparent)}}.muda\:disabled\:text-info\/40:disabled{color:var(--muda-color-info)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-info\/40:disabled{color:color-mix(in oklab, var(--muda-color-info) 40%, transparent)}}.muda\:disabled\:text-primary\/40:disabled{color:var(--muda-color-primary)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-primary\/40:disabled{color:color-mix(in oklab, var(--muda-color-primary) 40%, transparent)}}.muda\:disabled\:text-secondary-light:disabled{color:var(--muda-color-secondary-light)}.muda\:disabled\:text-secondary\/40:disabled{color:var(--muda-color-secondary)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-secondary\/40:disabled{color:color-mix(in oklab, var(--muda-color-secondary) 40%, transparent)}}.muda\:disabled\:text-success\/40:disabled{color:var(--muda-color-success)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-success\/40:disabled{color:color-mix(in oklab, var(--muda-color-success) 40%, transparent)}}.muda\:disabled\:text-warning\/40:disabled{color:var(--muda-color-warning)}@supports (color:color-mix(in lab, red, red)){.muda\:disabled\:text-warning\/40:disabled{color:color-mix(in oklab, var(--muda-color-warning) 40%, transparent)}}.muda\:disabled\:before\:text-secondary-light:disabled:before{content:var(--tw-content);color:var(--muda-color-secondary-light)}@media (hover:hover){.muda\:disabled\:hover\:bg-inherit:disabled:hover{background-color:inherit}.muda\:disabled\:hover\:bg-secondary-light:disabled:hover{background-color:var(--muda-color-secondary-light)}.muda\:disabled\:hover\:fill-secondary-light:disabled:hover{fill:var(--muda-color-secondary-light)}.muda\:disabled\:hover\:text-secondary-light:disabled:hover{color:var(--muda-color-secondary-light)}}@media (width>=64rem){.muda\:lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.muda\:peer-checked\:rtl\:after\:-translate-x-full:is(:where(.muda\:peer):checked~*):where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}[data-theme=dark]{--muda-color-background:#181d26;--muda-color-foreground:#202733;--muda-color-form-background:#2a3340;--muda-color-primary:#6485b2;--muda-color-primary-light:#9db7d8;--muda-color-primary-dark:#435f87;--muda-color-secondary:#bbc3cd;--muda-color-secondary-light:#3b4656;--muda-color-secondary-dark:#e1e5ea;--muda-color-success:#5f9875;--muda-color-success-light:#9bc7ad;--muda-color-success-dark:#3f6e52;--muda-color-danger:#b86d6d;--muda-color-danger-light:#dda6a6;--muda-color-danger-dark:#844b4b;--muda-color-warning:#af8245;--muda-color-warning-light:#e4c384;--muda-color-warning-dark:#795b35;--muda-color-info:#61969b;--muda-color-info-light:#9cc9cd;--muda-color-info-dark:#416b71}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { onUnmounted as e, watch as t } from "vue";
|
|
2
|
+
//#region src/composables/useBodyScrollLock.ts
|
|
3
|
+
var n = 0, r = "", i = (i) => {
|
|
4
|
+
let a = !1, o = () => {
|
|
5
|
+
a || typeof document > "u" || (n === 0 && (r = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1, a = !0);
|
|
6
|
+
}, s = () => {
|
|
7
|
+
!a || typeof document > "u" || (--n, a = !1, n === 0 && (document.body.style.overflow = r));
|
|
8
|
+
};
|
|
9
|
+
t(i, (e) => e ? o() : s(), { immediate: !0 }), e(s);
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { i as t };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { onUnmounted as e, readonly as t, ref as n, shallowRef as r, watch as i } from "vue";
|
|
2
|
+
//#region src/composables/useMudaColors.ts
|
|
3
|
+
var a = {
|
|
4
|
+
background: "--muda-color-background",
|
|
5
|
+
foreground: "--muda-color-foreground",
|
|
6
|
+
formBackground: "--muda-color-form-background",
|
|
7
|
+
primary: "--muda-color-primary",
|
|
8
|
+
primaryLight: "--muda-color-primary-light",
|
|
9
|
+
primaryDark: "--muda-color-primary-dark",
|
|
10
|
+
secondary: "--muda-color-secondary",
|
|
11
|
+
secondaryLight: "--muda-color-secondary-light",
|
|
12
|
+
secondaryDark: "--muda-color-secondary-dark",
|
|
13
|
+
success: "--muda-color-success",
|
|
14
|
+
successLight: "--muda-color-success-light",
|
|
15
|
+
successDark: "--muda-color-success-dark",
|
|
16
|
+
danger: "--muda-color-danger",
|
|
17
|
+
dangerLight: "--muda-color-danger-light",
|
|
18
|
+
dangerDark: "--muda-color-danger-dark",
|
|
19
|
+
warning: "--muda-color-warning",
|
|
20
|
+
warningLight: "--muda-color-warning-light",
|
|
21
|
+
warningDark: "--muda-color-warning-dark",
|
|
22
|
+
info: "--muda-color-info",
|
|
23
|
+
infoLight: "--muda-color-info-light",
|
|
24
|
+
infoDark: "--muda-color-info-dark"
|
|
25
|
+
}, o = () => {
|
|
26
|
+
let e = getComputedStyle(document.documentElement), t = {};
|
|
27
|
+
for (let [n, r] of Object.entries(a)) t[n] = e.getPropertyValue(r).trim();
|
|
28
|
+
return t;
|
|
29
|
+
}, s = r({}), c, l = () => {
|
|
30
|
+
s.value = o();
|
|
31
|
+
}, u = () => {
|
|
32
|
+
c != null || typeof document > "u" || (l(), c = new MutationObserver(l), c.observe(document.documentElement, {
|
|
33
|
+
attributes: !0,
|
|
34
|
+
attributeFilter: ["data-theme", "class"]
|
|
35
|
+
}));
|
|
36
|
+
}, d = () => (u(), t(s)), f = (t, r) => {
|
|
37
|
+
let a = n(!1), o = new ResizeObserver((e) => {
|
|
38
|
+
for (let t of e) r(t);
|
|
39
|
+
});
|
|
40
|
+
e(() => {
|
|
41
|
+
t.value != null && (o.unobserve(t.value), o.disconnect(), a.value = !1);
|
|
42
|
+
}), i(t, (e) => {
|
|
43
|
+
a.value || e != null && (o.observe(e), a.value = !0);
|
|
44
|
+
}, { immediate: !0 });
|
|
45
|
+
};
|
|
46
|
+
//#endregion
|
|
47
|
+
export { d as n, f as t };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mudakit/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Vue components for Muda",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -34,6 +34,11 @@
|
|
|
34
34
|
"import": "./dist/index.js",
|
|
35
35
|
"default": "./dist/index.js"
|
|
36
36
|
},
|
|
37
|
+
"./composables": {
|
|
38
|
+
"types": "./dist/composables/index.d.ts",
|
|
39
|
+
"import": "./dist/composables/index.js",
|
|
40
|
+
"default": "./dist/composables/index.js"
|
|
41
|
+
},
|
|
37
42
|
"./Muda*": {
|
|
38
43
|
"types": "./dist/components/Muda*/index.d.ts",
|
|
39
44
|
"import": "./dist/components/Muda*/index.js",
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { createBlock as e, defineComponent as t, mergeProps as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
|
|
2
|
-
//#endregion
|
|
3
|
-
//#region src/components/MudaButton/MudaButton.vue
|
|
4
|
-
var s = /* @__PURE__ */ t({
|
|
5
|
-
__name: "MudaButton",
|
|
6
|
-
props: {
|
|
7
|
-
size: { default: "medium" },
|
|
8
|
-
variant: { default: "default" },
|
|
9
|
-
disabled: {
|
|
10
|
-
type: Boolean,
|
|
11
|
-
default: !1
|
|
12
|
-
},
|
|
13
|
-
as: { default: "button" }
|
|
14
|
-
},
|
|
15
|
-
setup(t) {
|
|
16
|
-
let s = t;
|
|
17
|
-
return (t, c) => (r(), e(a(s.as), n(t.$attrs, {
|
|
18
|
-
disabled: s.disabled,
|
|
19
|
-
class: ["muda:flex muda:items-center muda:justify-center muda:gap-1 muda:focus-visible:outline-2 muda:focus-visible:outline-offset-2", {
|
|
20
|
-
"muda-link-reset": s.as === "a",
|
|
21
|
-
"muda-button-reset": s.as === "button",
|
|
22
|
-
"muda:rounded-md muda:font-semibold muda:shadow-xs": !0,
|
|
23
|
-
"muda:px-2.5 muda:py-1.5 muda:text-xs": s.size === "small",
|
|
24
|
-
"muda:px-3 muda:py-2 muda:text-sm": s.size === "medium",
|
|
25
|
-
"muda:px-3.5 muda:py-2.5 muda:text-sm": s.size === "large",
|
|
26
|
-
"muda:cursor-pointer": !s.disabled,
|
|
27
|
-
"muda:cursor-not-allowed": s.disabled,
|
|
28
|
-
"muda:border muda:border-secondary-light muda:bg-form-background": s.variant === "default",
|
|
29
|
-
"muda:border muda:border-primary-dark muda:bg-primary muda:fill-white muda:text-white muda:hover:bg-primary-dark muda:focus-visible:bg-primary muda:disabled:border-primary-dark/20 muda:disabled:bg-primary-light/70": s.variant === "primary",
|
|
30
|
-
"muda:border muda:border-secondary-dark muda:bg-secondary muda:fill-white muda:text-white muda:hover:bg-secondary-dark muda:focus-visible:bg-secondary muda:disabled:border-secondary-dark/20 muda:disabled:bg-secondary-light/70": s.variant === "secondary",
|
|
31
|
-
"muda:border muda:border-success-dark muda:bg-success muda:fill-white muda:text-white muda:hover:bg-success-dark muda:focus-visible:bg-success muda:disabled:border-success-dark/20 muda:disabled:bg-success-light/70": s.variant === "success",
|
|
32
|
-
"muda:border muda:border-warning-dark muda:bg-warning muda:fill-white muda:text-white muda:hover:bg-warning-dark muda:focus-visible:bg-warning muda:disabled:border-warning-dark/20 muda:disabled:bg-warning-light/70": s.variant === "warning",
|
|
33
|
-
"muda:border muda:border-danger-dark muda:bg-danger muda:fill-white muda:text-white muda:hover:bg-danger-dark muda:focus-visible:bg-danger muda:disabled:border-danger-dark/20 muda:disabled:bg-danger-light/70": s.variant === "danger",
|
|
34
|
-
"muda:border muda:border-info-dark muda:bg-info muda:fill-white muda:text-white muda:hover:bg-info-dark muda:focus-visible:bg-info muda:disabled:border-info-dark/20 muda:disabled:bg-info-light/70": s.variant === "info"
|
|
35
|
-
}]
|
|
36
|
-
}), {
|
|
37
|
-
default: o(() => [i(t.$slots, "default")]),
|
|
38
|
-
_: 3
|
|
39
|
-
}, 16, ["disabled", "class"]));
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
//#endregion
|
|
43
|
-
export { s as t };
|