anysystem-design 0.0.12 → 0.0.13
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/dist/{combobox-CRHFa4aF.js → combobox-BGTTsE1z.js} +2 -2
- package/dist/components/AutoComplete/AutoCompleteBase.js +3 -3
- package/dist/components/AutoComplete/AutoCompleteMultiple.js +3 -3
- package/dist/components/Input/Input.d.ts +4 -22
- package/dist/components/Input/Input.js +6 -51
- package/dist/components/Input/InputBase.d.ts +23 -0
- package/dist/components/Input/InputBase.js +53 -0
- package/dist/components/Input/InputTel.d.ts +28 -0
- package/dist/components/Input/InputTel.js +61 -0
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/Selectbox/SelectboxBase.js +3 -3
- package/dist/components/Selectbox/SelectboxMultiple.js +3 -3
- package/dist/components/TelephoneInput/index.d.ts +2 -0
- package/dist/components/TelephoneInput/index.js +4 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +36 -34
- package/dist/{index-DsW4uhBe.js → focus-management-DIhMJUCI.js} +47 -47
- package/dist/index.css +1 -1
- package/dist/index.js +34 -32
- package/dist/{listbox-CzAQRl_p.js → listbox-jWCPHdFz.js} +2 -2
- package/dist/{transition-B0bHCOYe.js → transition-KgVrpnkt.js} +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { s as $e, o as g, n as q, f as Ke, x as Ue, M as Re, W as re, K as qe, a as Ge, l as Je, T as Ye, u as Qe, e as te, z as Xe, j as Ze, b as le, d as et, y as de, m as tt, I as be, G as nt, $ as De, c as Fe, D as ge, q as ye, g as F, r as ot, _ as it } from "./
|
|
1
|
+
import { s as $e, o as g, n as q, f as Ke, x as Ue, M as Re, W as re, K as qe, a as Ge, l as Je, T as Ye, u as Qe, e as te, z as Xe, j as Ze, b as le, d as et, y as de, m as tt, I as be, G as nt, $ as De, c as Fe, D as ge, q as ye, g as F, r as ot, _ as it } from "./focus-management-DIhMJUCI.js";
|
|
2
2
|
import * as ie from "react";
|
|
3
3
|
import $, { useEffect as xe, useRef as N, createContext as Se, useReducer as st, createRef as rt, useCallback as Ce, useMemo as G, useId as pe, useContext as Ie, useState as lt, Fragment as ke } from "react";
|
|
4
4
|
import { r as Z } from "./index-DsprzSCj.js";
|
|
5
|
-
import { F as at, v as ut, f as ct, i as ce, y as dt, n as Ae, w as pt, T as ft, x as ht, R as mt, o as vt, h as bt, V as gt, m as xt, j as St, k as It, p as we, A as Ot, l as Me, t as Et, z as Tt, q as Rt, r as _, B as yt, s as _e } from "./transition-
|
|
5
|
+
import { F as at, v as ut, f as ct, i as ce, y as dt, n as Ae, w as pt, T as ft, x as ht, R as mt, o as vt, h as bt, V as gt, m as xt, j as St, k as It, p as we, A as Ot, l as Me, t as Et, z as Tt, q as Rt, r as _, B as yt, s as _e } from "./transition-KgVrpnkt.js";
|
|
6
6
|
function oe(e, s, t) {
|
|
7
7
|
let n = t.initialDeps ?? [], o;
|
|
8
8
|
return () => {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as a, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import d, { Fragment as p } from "react";
|
|
3
3
|
import { t as y } from "../../bundle-mjs-SHnj3fHy.js";
|
|
4
|
-
import { H as g } from "../../
|
|
4
|
+
import { H as g } from "../../focus-management-DIhMJUCI.js";
|
|
5
5
|
import { b } from "../../index-wvw0O1v3.js";
|
|
6
6
|
import { getValue as o } from "../Selectbox/helper.js";
|
|
7
|
-
import { N as x, G as C, H as E, z as w, K as N } from "../../combobox-
|
|
8
|
-
import { X as L } from "../../transition-
|
|
7
|
+
import { N as x, G as C, H as E, z as w, K as N } from "../../combobox-BGTTsE1z.js";
|
|
8
|
+
import { X as L } from "../../transition-KgVrpnkt.js";
|
|
9
9
|
const S = (l, r) => r.type === "SEARCH" ? {
|
|
10
10
|
...l,
|
|
11
11
|
query: r.query,
|
|
@@ -2,12 +2,12 @@ import { jsx as r, jsxs as m } from "react/jsx-runtime";
|
|
|
2
2
|
import f, { Fragment as h } from "react";
|
|
3
3
|
import { _ as x } from "../../lodash-XYp3qmxI.js";
|
|
4
4
|
import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
|
|
5
|
-
import { H as C } from "../../
|
|
5
|
+
import { H as C } from "../../focus-management-DIhMJUCI.js";
|
|
6
6
|
import { b } from "../../index-wvw0O1v3.js";
|
|
7
7
|
import { a as w } from "../../index-C197ia6B.js";
|
|
8
8
|
import { getValue as c } from "../Selectbox/helper.js";
|
|
9
|
-
import { N, G as S, H as L, z as T, K as q } from "../../combobox-
|
|
10
|
-
import { X as A } from "../../transition-
|
|
9
|
+
import { N, G as S, H as L, z as T, K as q } from "../../combobox-BGTTsE1z.js";
|
|
10
|
+
import { X as A } from "../../transition-KgVrpnkt.js";
|
|
11
11
|
const R = (l, t) => {
|
|
12
12
|
if (t.type === "SEARCH")
|
|
13
13
|
return {
|
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { InputBaseProps } from './InputBase';
|
|
3
|
+
import { InputTelProps } from './InputTel';
|
|
2
4
|
|
|
3
|
-
export type InputProps =
|
|
4
|
-
|
|
5
|
-
inputBefore?: React.ReactNode;
|
|
6
|
-
inputAfter?: React.ReactNode;
|
|
7
|
-
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
8
|
-
className?: {
|
|
9
|
-
container?: string;
|
|
10
|
-
input?: string;
|
|
11
|
-
};
|
|
12
|
-
decimal?: number;
|
|
13
|
-
};
|
|
14
|
-
declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
15
|
-
name: string;
|
|
16
|
-
inputBefore?: React.ReactNode;
|
|
17
|
-
inputAfter?: React.ReactNode;
|
|
18
|
-
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
19
|
-
className?: {
|
|
20
|
-
container?: string;
|
|
21
|
-
input?: string;
|
|
22
|
-
};
|
|
23
|
-
decimal?: number;
|
|
24
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
export type InputProps = InputBaseProps | InputTelProps;
|
|
6
|
+
declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
25
7
|
export default _default;
|
|
@@ -1,53 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
return d.useImperativeHandle(
|
|
7
|
-
x,
|
|
8
|
-
() => i.current
|
|
9
|
-
), /* @__PURE__ */ v(
|
|
10
|
-
"div",
|
|
11
|
-
{
|
|
12
|
-
className: r(
|
|
13
|
-
"flex w-full items-center",
|
|
14
|
-
(e == null ? void 0 : e.container) && e.container
|
|
15
|
-
),
|
|
16
|
-
children: [
|
|
17
|
-
l && /* @__PURE__ */ f(
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: r(
|
|
21
|
-
"btn-before mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
|
|
22
|
-
),
|
|
23
|
-
children: l
|
|
24
|
-
}
|
|
25
|
-
),
|
|
26
|
-
/* @__PURE__ */ f(
|
|
27
|
-
"input",
|
|
28
|
-
{
|
|
29
|
-
ref: i,
|
|
30
|
-
...t && t,
|
|
31
|
-
...n,
|
|
32
|
-
value: (t == null ? void 0 : t.value) || (n == null ? void 0 : n.value) || "",
|
|
33
|
-
className: r((e == null ? void 0 : e.input) && e.input),
|
|
34
|
-
readOnly: n.readOnly,
|
|
35
|
-
id: c
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
u && /* @__PURE__ */ f(
|
|
39
|
-
"div",
|
|
40
|
-
{
|
|
41
|
-
className: r(
|
|
42
|
-
"btn-after mr-2 flex h-9 w-10 items-center justify-center rounded-full text-gray-400"
|
|
43
|
-
),
|
|
44
|
-
children: u
|
|
45
|
-
}
|
|
46
|
-
)
|
|
47
|
-
]
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
}, a = d.forwardRef(y);
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import f from "react";
|
|
3
|
+
import m from "./InputBase.js";
|
|
4
|
+
import u from "./InputTel.js";
|
|
5
|
+
const p = ({ type: e, ...t }, r) => e === "tel" ? /* @__PURE__ */ o(u, { ...t, ref: r }) : /* @__PURE__ */ o(m, { ...t, ref: r }), s = f.forwardRef(p);
|
|
51
6
|
export {
|
|
52
|
-
|
|
7
|
+
s as default
|
|
53
8
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type InputBaseProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
4
|
+
name: string;
|
|
5
|
+
inputBefore?: React.ReactNode;
|
|
6
|
+
inputAfter?: React.ReactNode;
|
|
7
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
8
|
+
className?: {
|
|
9
|
+
container?: string;
|
|
10
|
+
input?: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
14
|
+
name: string;
|
|
15
|
+
inputBefore?: React.ReactNode;
|
|
16
|
+
inputAfter?: React.ReactNode;
|
|
17
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
18
|
+
className?: {
|
|
19
|
+
container?: string;
|
|
20
|
+
input?: string;
|
|
21
|
+
};
|
|
22
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsxs as v, jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import d from "react";
|
|
3
|
+
import { t as r } from "../../bundle-mjs-SHnj3fHy.js";
|
|
4
|
+
const a = ({ name: x, inputProps: t, inputBefore: l, inputAfter: u, className: e, ...n }, c) => {
|
|
5
|
+
const i = d.useRef(null);
|
|
6
|
+
return d.useImperativeHandle(
|
|
7
|
+
c,
|
|
8
|
+
() => i.current
|
|
9
|
+
), /* @__PURE__ */ v(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
className: r(
|
|
13
|
+
"flex w-full items-center",
|
|
14
|
+
(e == null ? void 0 : e.container) && e.container
|
|
15
|
+
),
|
|
16
|
+
children: [
|
|
17
|
+
l && /* @__PURE__ */ f(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
className: r(
|
|
21
|
+
"btn-before mr-2 flex h-9 items-center justify-center rounded-full px-3 text-gray-400"
|
|
22
|
+
),
|
|
23
|
+
children: l
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
/* @__PURE__ */ f(
|
|
27
|
+
"input",
|
|
28
|
+
{
|
|
29
|
+
ref: i,
|
|
30
|
+
...t && t,
|
|
31
|
+
...n,
|
|
32
|
+
value: (t == null ? void 0 : t.value) || (n == null ? void 0 : n.value) || "",
|
|
33
|
+
className: r((e == null ? void 0 : e.input) && e.input),
|
|
34
|
+
readOnly: n.readOnly,
|
|
35
|
+
id: x
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
u && /* @__PURE__ */ f(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
className: r(
|
|
42
|
+
"btn-after mr-2 flex h-9 items-center justify-center rounded-full text-gray-400"
|
|
43
|
+
),
|
|
44
|
+
children: u
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
}, j = d.forwardRef(a);
|
|
51
|
+
export {
|
|
52
|
+
j as default
|
|
53
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SelectOption } from '../Selectbox';
|
|
3
|
+
|
|
4
|
+
export type InputTelProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
5
|
+
type: "tel";
|
|
6
|
+
name: string;
|
|
7
|
+
className?: {
|
|
8
|
+
container?: string;
|
|
9
|
+
input?: string;
|
|
10
|
+
};
|
|
11
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
12
|
+
phonePrefixOptions: SelectOption[];
|
|
13
|
+
phonePrefix?: string;
|
|
14
|
+
onChange?: (value: string) => void;
|
|
15
|
+
};
|
|
16
|
+
declare const _default: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
17
|
+
type: "tel";
|
|
18
|
+
name: string;
|
|
19
|
+
className?: {
|
|
20
|
+
container?: string;
|
|
21
|
+
input?: string;
|
|
22
|
+
};
|
|
23
|
+
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
|
|
24
|
+
phonePrefixOptions: SelectOption[];
|
|
25
|
+
phonePrefix?: string;
|
|
26
|
+
onChange?: (value: string) => void;
|
|
27
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { jsxs as $, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import o from "react";
|
|
3
|
+
import h from "./InputBase.js";
|
|
4
|
+
import x from "../AutoComplete/AutoComplete.js";
|
|
5
|
+
import { t as T } from "../../bundle-mjs-SHnj3fHy.js";
|
|
6
|
+
const E = (r, t) => t.type === "SETPREFIX" ? {
|
|
7
|
+
...r,
|
|
8
|
+
prefix: t.value,
|
|
9
|
+
realPhone: `${t.value}-${r.content}`
|
|
10
|
+
} : t.type === "SETCONTENT" ? {
|
|
11
|
+
...r,
|
|
12
|
+
content: t.value,
|
|
13
|
+
realPhone: `${r.prefix}-${t.value}`
|
|
14
|
+
} : r, N = ({ className: r, value: t, phonePrefix: i, phonePrefixOptions: f, onChange: a, ...p }, d) => {
|
|
15
|
+
const v = o.useMemo(() => {
|
|
16
|
+
let e = r || { container: void 0, input: void 0 };
|
|
17
|
+
return e.container = T("w-1/2", (e == null ? void 0 : e.container) || ""), e;
|
|
18
|
+
}, [r]), n = o.useMemo(() => (t + "").split("-"), [t]), s = o.useMemo(() => n && n[0] ? n[0] : i || "", [n, i]), m = o.useMemo(() => n && n[1] ? n[1] : "", [n]), [u, c] = o.useReducer(E, {
|
|
19
|
+
prefix: s,
|
|
20
|
+
content: m,
|
|
21
|
+
realPhone: `${s}-${m}`
|
|
22
|
+
});
|
|
23
|
+
return /* @__PURE__ */ $("div", { className: "flex", children: [
|
|
24
|
+
/* @__PURE__ */ l("div", { className: "btn-phone-prefix w-1/2", children: /* @__PURE__ */ l(
|
|
25
|
+
x,
|
|
26
|
+
{
|
|
27
|
+
options: f,
|
|
28
|
+
name: `phonePrefix-${p.name}`,
|
|
29
|
+
valueField: "value",
|
|
30
|
+
value: u.prefix,
|
|
31
|
+
onChange: (e) => {
|
|
32
|
+
c({ type: "SETPREFIX", value: e }), a && a(`${e}-${u.content}`);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
) }),
|
|
36
|
+
/* @__PURE__ */ l(
|
|
37
|
+
h,
|
|
38
|
+
{
|
|
39
|
+
className: v,
|
|
40
|
+
value: u.content,
|
|
41
|
+
onChange: (e) => {
|
|
42
|
+
c({ type: "SETCONTENT", value: e.target.value }), a && a(`${u.prefix}-${e.target.value}`);
|
|
43
|
+
},
|
|
44
|
+
...p,
|
|
45
|
+
ref: d
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
/* @__PURE__ */ l(
|
|
49
|
+
"input",
|
|
50
|
+
{
|
|
51
|
+
type: "hidden",
|
|
52
|
+
name: p.name,
|
|
53
|
+
value: u.realPhone,
|
|
54
|
+
className: "!hidden"
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
] });
|
|
58
|
+
}, w = o.forwardRef(N);
|
|
59
|
+
export {
|
|
60
|
+
w as default
|
|
61
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as C, jsxs as ge } from "react/jsx-runtime";
|
|
2
2
|
import $, { createContext as re, useId as V, useReducer as $e, useRef as _, useMemo as P, useCallback as ye, useContext as te } from "react";
|
|
3
3
|
import { t as M } from "../../bundle-mjs-SHnj3fHy.js";
|
|
4
|
-
import { W, K as Ee, w as ke, a as ae, u as Oe, z as ie, U as oe, y as K, l as Te, T as Ce, o as U, j as Pe, b as q, s as le, n as ne, $ as se, c as ue, D as de, d as xe, I as De, G as we, e as Ge, f as Se, g as F, P as Z, F as H, h as ee, p as Fe, r as ce, _ as Ne, i as Ae, k as Le } from "../../
|
|
4
|
+
import { W, K as Ee, w as ke, a as ae, u as Oe, z as ie, U as oe, y as K, l as Te, T as Ce, o as U, j as Pe, b as q, s as le, n as ne, $ as se, c as ue, D as de, d as xe, I as De, G as we, e as Ge, f as Se, g as F, P as Z, F as H, h as ee, p as Fe, r as ce, _ as Ne, i as Ae, k as Le } from "../../focus-management-DIhMJUCI.js";
|
|
5
5
|
import { getValue as z } from "../Selectbox/helper.js";
|
|
6
6
|
var Ie = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Ie || {});
|
|
7
7
|
let Ue = { 0(e, r) {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
|
|
2
2
|
import g, { Fragment as j } from "react";
|
|
3
|
-
import { H } from "../../
|
|
3
|
+
import { H } from "../../focus-management-DIhMJUCI.js";
|
|
4
4
|
import { b as M } from "../../index-wvw0O1v3.js";
|
|
5
|
-
import { u as A, a as C, b as z, c as B, d as D, e as G, X as I } from "../../transition-
|
|
5
|
+
import { u as A, a as C, b as z, c as B, d as D, e as G, X as I } from "../../transition-KgVrpnkt.js";
|
|
6
6
|
import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
|
|
7
7
|
import { getValue as n } from "./helper.js";
|
|
8
|
-
import { M as P, U as X, G as _, V as $ } from "../../listbox-
|
|
8
|
+
import { M as P, U as X, G as _, V as $ } from "../../listbox-jWCPHdFz.js";
|
|
9
9
|
import { o as O, f as q, s as J, a as K } from "../../floating-ui.react-dom-xElE0hWP.js";
|
|
10
10
|
const Q = (s, a) => a.type === "SETVALUE" ? {
|
|
11
11
|
...s,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs as f, jsx as l, Fragment as y } from "react/jsx-runtime";
|
|
2
2
|
import g, { Fragment as k } from "react";
|
|
3
3
|
import { _ as A } from "../../lodash-XYp3qmxI.js";
|
|
4
|
-
import { H as L } from "../../
|
|
4
|
+
import { H as L } from "../../focus-management-DIhMJUCI.js";
|
|
5
5
|
import { b as H } from "../../index-wvw0O1v3.js";
|
|
6
|
-
import { u as C, a as _, b as z, c as D, d as G, e as I, X as O } from "../../transition-
|
|
6
|
+
import { u as C, a as _, b as z, c as D, d as G, e as I, X as O } from "../../transition-KgVrpnkt.js";
|
|
7
7
|
import { t as h } from "../../bundle-mjs-SHnj3fHy.js";
|
|
8
8
|
import { getValue as n } from "./helper.js";
|
|
9
9
|
import { o as P, f as X, s as $, a as q } from "../../floating-ui.react-dom-xElE0hWP.js";
|
|
10
|
-
import { M as B, U as J, G as K, V as Q } from "../../listbox-
|
|
10
|
+
import { M as B, U as J, G as K, V as Q } from "../../listbox-jWCPHdFz.js";
|
|
11
11
|
const W = (r, s) => s.type === "SETVALUE" ? {
|
|
12
12
|
...r,
|
|
13
13
|
value: s.value,
|
|
@@ -12,6 +12,7 @@ export * from './Icon/';
|
|
|
12
12
|
export { default as Icon } from './Icon/';
|
|
13
13
|
export * from './Input/';
|
|
14
14
|
export { default as Input } from './Input/';
|
|
15
|
+
export { default as TelephoneInput } from './TelephoneInput/';
|
|
15
16
|
export * from './Label/';
|
|
16
17
|
export { default as Label } from './Label/';
|
|
17
18
|
export * from './PasswordInput/';
|
package/dist/components/index.js
CHANGED
|
@@ -1,50 +1,52 @@
|
|
|
1
1
|
import { default as t } from "./Button/Button.js";
|
|
2
2
|
import { CheckboxBase as a } from "./Checkbox/CheckboxBase.js";
|
|
3
3
|
import { Checkbox as p } from "./Checkbox/Checkbox.js";
|
|
4
|
-
import { FormCheckbox as
|
|
4
|
+
import { FormCheckbox as l } from "./Checkbox/FormCheckbox.js";
|
|
5
5
|
import { default as u } from "./Column/Column.js";
|
|
6
6
|
import { Container as d } from "./Container/Container.js";
|
|
7
7
|
import { default as b } from "./DatePicker/DatePicker.js";
|
|
8
8
|
import { default as C } from "./Icon/Icon.js";
|
|
9
|
-
import { default as
|
|
10
|
-
import { FormInput as
|
|
11
|
-
import { default as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as j } from "./
|
|
18
|
-
import { default as v } from "./Selectbox/
|
|
19
|
-
import { default as z } from "./Selectbox/
|
|
20
|
-
import { default as H } from "./
|
|
21
|
-
import { default as K } from "./
|
|
22
|
-
import { default as O } from "./
|
|
23
|
-
import { default as U } from "./
|
|
24
|
-
import { default as W } from "./AutoComplete/
|
|
9
|
+
import { default as i } from "./Input/Input.js";
|
|
10
|
+
import { FormInput as k } from "./Input/FormInput.js";
|
|
11
|
+
import { default as F } from "./Input/InputTel.js";
|
|
12
|
+
import { default as A } from "./Label/Label.js";
|
|
13
|
+
import { FormLabel as S } from "./Label/FormLabel.js";
|
|
14
|
+
import { default as M } from "./PasswordInput/PasswordInput.js";
|
|
15
|
+
import { FormPasswordInput as T } from "./PasswordInput/FormPasswordInput.js";
|
|
16
|
+
import { default as G } from "./Row/Row.js";
|
|
17
|
+
import { default as j } from "./Text/Text.js";
|
|
18
|
+
import { default as v } from "./Selectbox/SelectboxBase.js";
|
|
19
|
+
import { default as z } from "./Selectbox/SelectboxMultiple.js";
|
|
20
|
+
import { default as H } from "./Selectbox/Selectbox.js";
|
|
21
|
+
import { default as K } from "./RadioGroup/RadioGroup.js";
|
|
22
|
+
import { default as O } from "./AutoComplete/AutoComplete.js";
|
|
23
|
+
import { default as U } from "./Component.js";
|
|
24
|
+
import { default as W } from "./AutoComplete/AutoCompleteBase.js";
|
|
25
|
+
import { default as Y } from "./AutoComplete/AutoCompleteMultiple.js";
|
|
25
26
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
O as AutoComplete,
|
|
28
|
+
W as AutoCompleteBase,
|
|
29
|
+
Y as AutoCompleteMultiple,
|
|
29
30
|
t as Button,
|
|
30
31
|
p as Checkbox,
|
|
31
32
|
a as CheckboxBase,
|
|
32
33
|
u as Column,
|
|
33
34
|
d as Container,
|
|
34
35
|
b as DatePicker,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
l as FormCheckbox,
|
|
37
|
+
k as FormInput,
|
|
38
|
+
S as FormLabel,
|
|
39
|
+
T as FormPasswordInput,
|
|
39
40
|
C as Icon,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
41
|
+
i as Input,
|
|
42
|
+
A as Label,
|
|
43
|
+
M as PasswordInput,
|
|
44
|
+
K as RadioGroup,
|
|
45
|
+
G as Row,
|
|
46
|
+
H as Selectbox,
|
|
47
|
+
v as SelectboxBase,
|
|
48
|
+
z as SelectboxMultiple,
|
|
49
|
+
F as TelephoneInput,
|
|
50
|
+
j as Text,
|
|
51
|
+
U as default
|
|
50
52
|
};
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
+
import { G as X } from "./iconBase-Bipuk9tK.js";
|
|
1
2
|
import h, { useRef as $, useCallback as E, useEffect as F, useState as y, useMemo as S, useLayoutEffect as Se, createContext as k, useContext as M, forwardRef as xe, Fragment as B, isValidElement as Me, cloneElement as He, createElement as ke, useId as ae } from "react";
|
|
2
3
|
import { r as Ae } from "./index-DsprzSCj.js";
|
|
3
|
-
|
|
4
|
+
function It(e) {
|
|
5
|
+
return X({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", clipRule: "evenodd" }, child: [] }] })(e);
|
|
6
|
+
}
|
|
7
|
+
function jt(e) {
|
|
8
|
+
return X({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }, child: [] }] })(e);
|
|
9
|
+
}
|
|
10
|
+
function Wt(e) {
|
|
11
|
+
return X({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }, child: [] }] })(e);
|
|
12
|
+
}
|
|
4
13
|
const ue = typeof document < "u" ? h.useLayoutEffect : () => {
|
|
5
14
|
};
|
|
6
15
|
function Oe(e) {
|
|
@@ -247,7 +256,7 @@ function Ze() {
|
|
|
247
256
|
_--, !(_ > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", oe) : document.removeEventListener("touchend", q));
|
|
248
257
|
};
|
|
249
258
|
}
|
|
250
|
-
function
|
|
259
|
+
function Bt(e) {
|
|
251
260
|
let { onHoverStart: t, onHoverChange: n, onHoverEnd: r, isDisabled: o } = e, [i, a] = y(!1), l = $({
|
|
252
261
|
isHovered: !1,
|
|
253
262
|
ignoreEmulatedMouseEvents: !1,
|
|
@@ -307,7 +316,7 @@ function It(e) {
|
|
|
307
316
|
isHovered: i
|
|
308
317
|
};
|
|
309
318
|
}
|
|
310
|
-
function
|
|
319
|
+
function _t(e = {}) {
|
|
311
320
|
let { autoFocus: t = !1, isTextInput: n, within: r } = e, o = $({
|
|
312
321
|
isFocused: !1,
|
|
313
322
|
isFocusVisible: t || pe()
|
|
@@ -506,7 +515,7 @@ function he(...e) {
|
|
|
506
515
|
} });
|
|
507
516
|
return t;
|
|
508
517
|
}
|
|
509
|
-
function
|
|
518
|
+
function Rt(...e) {
|
|
510
519
|
if (e.length === 0) return {};
|
|
511
520
|
if (e.length === 1) return e[0];
|
|
512
521
|
let t = {}, n = {};
|
|
@@ -531,11 +540,11 @@ function R(e, t = []) {
|
|
|
531
540
|
for (let r of t) r in n && delete n[r];
|
|
532
541
|
return n;
|
|
533
542
|
}
|
|
534
|
-
function
|
|
543
|
+
function Kt(e, t, n) {
|
|
535
544
|
let [r, o] = y(n), i = e !== void 0, a = $(i), l = $(!1), u = $(!1);
|
|
536
545
|
return i && !a.current && !l.current ? (l.current = !0, a.current = i, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !i && a.current && !u.current && (u.current = !0, a.current = i, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [i ? e : r, N((c) => (i || o(c), t == null ? void 0 : t(c)))];
|
|
537
546
|
}
|
|
538
|
-
function
|
|
547
|
+
function Gt(e) {
|
|
539
548
|
let [t] = y(e);
|
|
540
549
|
return t;
|
|
541
550
|
}
|
|
@@ -550,7 +559,7 @@ function Ee(e, t, n) {
|
|
|
550
559
|
if (Array.isArray(n)) for (let [r, o] of n.entries()) Ee(e, $e(t, r.toString()), o);
|
|
551
560
|
else n instanceof Date ? e.push([t, n.toISOString()]) : typeof n == "boolean" ? e.push([t, n ? "1" : "0"]) : typeof n == "string" ? e.push([t, n]) : typeof n == "number" ? e.push([t, `${n}`]) : n == null ? e.push([t, ""]) : ge(n, t, e);
|
|
552
561
|
}
|
|
553
|
-
function
|
|
562
|
+
function Vt(e) {
|
|
554
563
|
var t, n;
|
|
555
564
|
let r = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
|
|
556
565
|
if (r) {
|
|
@@ -575,7 +584,7 @@ function st({ children: e }) {
|
|
|
575
584
|
let { target: n } = t;
|
|
576
585
|
return n ? Ae.createPortal(h.createElement(h.Fragment, null, e), n) : null;
|
|
577
586
|
}
|
|
578
|
-
function
|
|
587
|
+
function qt({ data: e, form: t, disabled: n, onReset: r, overrides: o }) {
|
|
579
588
|
let [i, a] = y(null), l = et();
|
|
580
589
|
return F(() => {
|
|
581
590
|
if (r && i) return l.addEventListener(i, "reset", r);
|
|
@@ -597,7 +606,7 @@ let dt = k(void 0);
|
|
|
597
606
|
function ft() {
|
|
598
607
|
return M(dt);
|
|
599
608
|
}
|
|
600
|
-
function
|
|
609
|
+
function Zt(e) {
|
|
601
610
|
let t = e.parentElement, n = null;
|
|
602
611
|
for (; t && !(t instanceof HTMLFieldSetElement); ) t instanceof HTMLLegendElement && (n = t), t = t.parentElement;
|
|
603
612
|
let r = (t == null ? void 0 : t.getAttribute("disabled")) === "";
|
|
@@ -613,7 +622,7 @@ function pt(e) {
|
|
|
613
622
|
return !0;
|
|
614
623
|
}
|
|
615
624
|
let we = Symbol();
|
|
616
|
-
function
|
|
625
|
+
function Xt(e, t = !0) {
|
|
617
626
|
return Object.assign(e, { [we]: t });
|
|
618
627
|
}
|
|
619
628
|
function Te(...e) {
|
|
@@ -636,11 +645,11 @@ function Fe() {
|
|
|
636
645
|
}
|
|
637
646
|
return e;
|
|
638
647
|
}
|
|
639
|
-
function
|
|
648
|
+
function Yt() {
|
|
640
649
|
var e, t;
|
|
641
650
|
return (t = (e = M(j)) == null ? void 0 : e.value) != null ? t : void 0;
|
|
642
651
|
}
|
|
643
|
-
function
|
|
652
|
+
function zt() {
|
|
644
653
|
let [e, t] = y([]);
|
|
645
654
|
return [e.length > 0 ? e.join(" ") : void 0, S(() => function(n) {
|
|
646
655
|
let r = N((i) => (t((a) => [...a, i]), () => t((a) => {
|
|
@@ -657,7 +666,7 @@ function mt(e, t) {
|
|
|
657
666
|
let u = r || !1, c = S(() => ({ ...a.slot, disabled: u }), [a.slot, u]), d = { ref: l, ...a.props, id: o };
|
|
658
667
|
return Q({ ourProps: d, theirProps: i, slot: c, defaultTag: vt, name: a.name || "Description" });
|
|
659
668
|
}
|
|
660
|
-
let bt = ee(mt),
|
|
669
|
+
let bt = ee(mt), Jt = Object.assign(bt, {});
|
|
661
670
|
var ht = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(ht || {});
|
|
662
671
|
let W = k(null);
|
|
663
672
|
W.displayName = "LabelContext";
|
|
@@ -674,7 +683,7 @@ function gt(e) {
|
|
|
674
683
|
let o = (n = (t = M(W)) == null ? void 0 : t.value) != null ? n : void 0;
|
|
675
684
|
return ((r = e == null ? void 0 : e.length) != null ? r : 0) > 0 ? [o, ...e].filter(Boolean).join(" ") : o;
|
|
676
685
|
}
|
|
677
|
-
function
|
|
686
|
+
function Qt({ inherit: e = !1 } = {}) {
|
|
678
687
|
let t = gt(), [n, r] = y([]), o = e ? [t, ...n].filter(Boolean) : n;
|
|
679
688
|
return [o.length > 0 ? o.join(" ") : void 0, S(() => function(i) {
|
|
680
689
|
let a = N((u) => (r((c) => [...c, u]), () => r((c) => {
|
|
@@ -704,11 +713,11 @@ function Et(e, t) {
|
|
|
704
713
|
}), s = a || !1, v = S(() => ({ ...o.slot, disabled: s }), [o.slot, s]), m = { ref: f, ...o.props, id: l, htmlFor: u, onClick: p };
|
|
705
714
|
return c && ("onClick" in m && (delete m.htmlFor, delete m.onClick), "onClick" in d && delete d.onClick), Q({ ourProps: m, theirProps: d, slot: v, defaultTag: u ? $t : "div", name: o.name || "Label" });
|
|
706
715
|
}
|
|
707
|
-
let yt = ee(Et),
|
|
716
|
+
let yt = ee(Et), en = Object.assign(yt, {});
|
|
708
717
|
function wt(e, t) {
|
|
709
718
|
return e !== null && t !== null && typeof e == "object" && typeof t == "object" && "id" in e && "id" in t ? e.id === t.id : e === t;
|
|
710
719
|
}
|
|
711
|
-
function
|
|
720
|
+
function tn(e = wt) {
|
|
712
721
|
return E((t, n) => {
|
|
713
722
|
if (typeof e == "string") {
|
|
714
723
|
let r = e;
|
|
@@ -726,7 +735,7 @@ function St(e = document.body) {
|
|
|
726
735
|
return e == null ? [] : Array.from(e.querySelectorAll(Tt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
|
|
727
736
|
}
|
|
728
737
|
var xt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(xt || {});
|
|
729
|
-
function
|
|
738
|
+
function nn(e, t = 0) {
|
|
730
739
|
var n;
|
|
731
740
|
return e === ((n = Je(e)) == null ? void 0 : n.body) ? !1 : J(t, { 0() {
|
|
732
741
|
return e.matches(Z);
|
|
@@ -758,7 +767,7 @@ function At(e, t = (n) => n) {
|
|
|
758
767
|
return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
|
|
759
768
|
});
|
|
760
769
|
}
|
|
761
|
-
function
|
|
770
|
+
function rn(e, t) {
|
|
762
771
|
return Ot(Pe(), t, { relativeTo: e });
|
|
763
772
|
}
|
|
764
773
|
function Ot(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: o = [] } = {}) {
|
|
@@ -787,60 +796,51 @@ function Ot(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: o = [] }
|
|
|
787
796
|
} while (p !== i.activeElement);
|
|
788
797
|
return t & 6 && kt(p) && p.select(), 2;
|
|
789
798
|
}
|
|
790
|
-
function tn(e) {
|
|
791
|
-
return X({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", clipRule: "evenodd" }, child: [] }] })(e);
|
|
792
|
-
}
|
|
793
|
-
function nn(e) {
|
|
794
|
-
return X({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }, child: [] }] })(e);
|
|
795
|
-
}
|
|
796
|
-
function rn(e) {
|
|
797
|
-
return X({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }, child: [] }] })(e);
|
|
798
|
-
}
|
|
799
799
|
export {
|
|
800
|
-
|
|
801
|
-
|
|
800
|
+
_t as $,
|
|
801
|
+
nn as A,
|
|
802
802
|
Qe as B,
|
|
803
803
|
ve as C,
|
|
804
|
-
|
|
805
|
-
|
|
804
|
+
Rt as D,
|
|
805
|
+
Xt as E,
|
|
806
806
|
Ft as F,
|
|
807
|
-
|
|
808
|
-
|
|
807
|
+
Yt as G,
|
|
808
|
+
jt as H,
|
|
809
809
|
gt as I,
|
|
810
810
|
L as J,
|
|
811
|
-
|
|
811
|
+
en as K,
|
|
812
812
|
ie as L,
|
|
813
813
|
rt as M,
|
|
814
814
|
ot as O,
|
|
815
815
|
Ot as P,
|
|
816
|
-
|
|
817
|
-
|
|
816
|
+
Kt as T,
|
|
817
|
+
zt as U,
|
|
818
818
|
ee as W,
|
|
819
819
|
At as _,
|
|
820
820
|
be as a,
|
|
821
821
|
Q as b,
|
|
822
|
-
|
|
822
|
+
Bt as c,
|
|
823
823
|
ft as d,
|
|
824
824
|
J as e,
|
|
825
825
|
Je as f,
|
|
826
826
|
ht as g,
|
|
827
827
|
Lt as h,
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
828
|
+
It as i,
|
|
829
|
+
qt as j,
|
|
830
|
+
Wt as k,
|
|
831
|
+
Gt as l,
|
|
832
832
|
et as m,
|
|
833
833
|
z as n,
|
|
834
834
|
N as o,
|
|
835
|
-
|
|
835
|
+
Vt as p,
|
|
836
836
|
me as q,
|
|
837
|
-
|
|
837
|
+
Zt as r,
|
|
838
838
|
tt as s,
|
|
839
839
|
xt as t,
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
840
|
+
tn as u,
|
|
841
|
+
rn as v,
|
|
842
|
+
Jt as w,
|
|
843
843
|
Z as x,
|
|
844
844
|
Te as y,
|
|
845
|
-
|
|
845
|
+
Qt as z
|
|
846
846
|
};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}html,body{height:100vh;width:100%}html:is(.dark *),body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}input:is(.dark *),textarea:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#root{height:100%;width:100%}h1{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem;font-weight:700}h2{margin-bottom:.75rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}h3{margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:600}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.form-group.error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.form-group .btn-phone-prefix button{top:1.5rem}.form-group input,.form-group textarea{width:100%;border-radius:.25rem;padding:1.25rem 1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.form-group input::placeholder,.form-group textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.form-group input:focus::-moz-placeholder,.form-group textarea:focus::-moz-placeholder{color:transparent}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:transparent}.form-group input:focus,.form-group textarea:focus{outline:2px solid transparent;outline-offset:2px}.form-group input::-webkit-outer-spin-button,.form-group textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number],.form-group textarea[type=number]{-moz-appearance:textfield}.form-group:has(input:focus),.form-group:has(textarea:focus),.form-group:has([data-headlessui-state=open]){z-index:50;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)),.form-group:has(textarea:not(:-moz-placeholder-shown)){padding:1.25rem 1rem}.form-group:has(input:-webkit-autofill),.form-group:has(textarea:-webkit-autofill){padding:1.25rem 1rem}.form-group:has(input:focus),.form-group:has(input:autofill),.form-group:has(input:not(:placeholder-shown)),.form-group:has(textarea:focus),.form-group:has(textarea:autofill),.form-group:has(textarea:not(:placeholder-shown)),.form-group:has(.form-control:not(.empty)){padding:1.25rem 1rem}.form-group:has(input:not(:-moz-placeholder-shown)) label,.form-group:has(textarea:not(:-moz-placeholder-shown)) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;-moz-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:-webkit-autofill) label,.form-group:has(textarea:-webkit-autofill) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;-webkit-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:focus) label,.form-group:has(input:autofill) label,.form-group:has(input:not(:placeholder-shown)) label,.form-group:has(textarea:focus) label,.form-group:has(textarea:autofill) label,.form-group:has(textarea:not(:placeholder-shown)) label,.form-group:has(.form-control:not(.empty)) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:not(:-moz-placeholder-shown)) label:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:-webkit-autofill) label:is(.dark *),.form-group:has(textarea:-webkit-autofill) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:focus) label:is(.dark *),.form-group:has(input:autofill) label:is(.dark *),.form-group:has(input:not(:placeholder-shown)) label:is(.dark *),.form-group:has(textarea:focus) label:is(.dark *),.form-group:has(textarea:autofill) label:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) label:is(.dark *),.form-group:has(.form-control:not(.empty)) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)) input,.form-group:has(textarea:not(:-moz-placeholder-shown)) input,.form-group:has(input:not(:-moz-placeholder-shown)) textarea,.form-group:has(textarea:not(:-moz-placeholder-shown)) textarea,.form-group:has(input:not(:-moz-placeholder-shown)) .form-control,.form-group:has(textarea:not(:-moz-placeholder-shown)) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:-webkit-autofill) input,.form-group:has(textarea:-webkit-autofill) input,.form-group:has(input:-webkit-autofill) textarea,.form-group:has(textarea:-webkit-autofill) textarea,.form-group:has(input:-webkit-autofill) .form-control,.form-group:has(textarea:-webkit-autofill) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:focus) input,.form-group:has(input:autofill) input,.form-group:has(input:not(:placeholder-shown)) input,.form-group:has(textarea:focus) input,.form-group:has(textarea:autofill) input,.form-group:has(textarea:not(:placeholder-shown)) input,.form-group:has(.form-control:not(.empty)) input,.form-group:has(input:focus) textarea,.form-group:has(input:autofill) textarea,.form-group:has(input:not(:placeholder-shown)) textarea,.form-group:has(textarea:focus) textarea,.form-group:has(textarea:autofill) textarea,.form-group:has(textarea:not(:placeholder-shown)) textarea,.form-group:has(.form-control:not(.empty)) textarea,.form-group:has(input:focus) .form-control,.form-group:has(input:autofill) .form-control,.form-group:has(input:not(:placeholder-shown)) .form-control,.form-group:has(textarea:focus) .form-control,.form-group:has(textarea:autofill) .form-control,.form-group:has(textarea:not(:placeholder-shown)) .form-control,.form-group:has(.form-control:not(.empty)) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:not(:-moz-placeholder-shown)) input:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) input:is(.dark *),.form-group:has(input:not(:-moz-placeholder-shown)) textarea:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) textarea:is(.dark *),.form-group:has(input:not(:-moz-placeholder-shown)) .form-control:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:-webkit-autofill) input:is(.dark *),.form-group:has(textarea:-webkit-autofill) input:is(.dark *),.form-group:has(input:-webkit-autofill) textarea:is(.dark *),.form-group:has(textarea:-webkit-autofill) textarea:is(.dark *),.form-group:has(input:-webkit-autofill) .form-control:is(.dark *),.form-group:has(textarea:-webkit-autofill) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:focus) input:is(.dark *),.form-group:has(input:autofill) input:is(.dark *),.form-group:has(input:not(:placeholder-shown)) input:is(.dark *),.form-group:has(textarea:focus) input:is(.dark *),.form-group:has(textarea:autofill) input:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) input:is(.dark *),.form-group:has(.form-control:not(.empty)) input:is(.dark *),.form-group:has(input:focus) textarea:is(.dark *),.form-group:has(input:autofill) textarea:is(.dark *),.form-group:has(input:not(:placeholder-shown)) textarea:is(.dark *),.form-group:has(textarea:focus) textarea:is(.dark *),.form-group:has(textarea:autofill) textarea:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) textarea:is(.dark *),.form-group:has(.form-control:not(.empty)) textarea:is(.dark *),.form-group:has(input:focus) .form-control:is(.dark *),.form-group:has(input:autofill) .form-control:is(.dark *),.form-group:has(input:not(:placeholder-shown)) .form-control:is(.dark *),.form-group:has(textarea:focus) .form-control:is(.dark *),.form-group:has(textarea:autofill) .form-control:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) .form-control:is(.dark *),.form-group:has(.form-control:not(.empty)) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-before,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:-webkit-autofill) .btn-before,.form-group:has(textarea:-webkit-autofill) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:focus) .btn-before,.form-group:has(input:autofill) .btn-before,.form-group:has(input:not(:placeholder-shown)) .btn-before,.form-group:has(textarea:focus) .btn-before,.form-group:has(textarea:autofill) .btn-before,.form-group:has(textarea:not(:placeholder-shown)) .btn-before,.form-group:has(.form-control:not(.empty)) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:not(:-moz-placeholder-shown)):has(.btn-before) input,.form-group:has(textarea:not(:-moz-placeholder-shown)):has(.btn-before) input,.form-group:has(input:not(:-moz-placeholder-shown)):has(.btn-before) .form-control,.form-group:has(textarea:not(:-moz-placeholder-shown)):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:-webkit-autofill):has(.btn-before) input,.form-group:has(textarea:-webkit-autofill):has(.btn-before) input,.form-group:has(input:-webkit-autofill):has(.btn-before) .form-control,.form-group:has(textarea:-webkit-autofill):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:focus):has(.btn-before) input,.form-group:has(input:autofill):has(.btn-before) input,.form-group:has(input:not(:placeholder-shown)):has(.btn-before) input,.form-group:has(textarea:focus):has(.btn-before) input,.form-group:has(textarea:autofill):has(.btn-before) input,.form-group:has(textarea:not(:placeholder-shown)):has(.btn-before) input,.form-group:has(.form-control:not(.empty)):has(.btn-before) input,.form-group:has(input:focus):has(.btn-before) .form-control,.form-group:has(input:autofill):has(.btn-before) .form-control,.form-group:has(input:not(:placeholder-shown)):has(.btn-before) .form-control,.form-group:has(textarea:focus):has(.btn-before) .form-control,.form-group:has(textarea:autofill):has(.btn-before) .form-control,.form-group:has(textarea:not(:placeholder-shown)):has(.btn-before) .form-control,.form-group:has(.form-control:not(.empty)):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-after,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-after{position:absolute;right:.125rem}.form-group:has(input:-webkit-autofill) .btn-after,.form-group:has(textarea:-webkit-autofill) .btn-after{position:absolute;right:.125rem}.form-group:has(input:focus) .btn-after,.form-group:has(input:autofill) .btn-after,.form-group:has(input:not(:placeholder-shown)) .btn-after,.form-group:has(textarea:focus) .btn-after,.form-group:has(textarea:autofill) .btn-after,.form-group:has(textarea:not(:placeholder-shown)) .btn-after,.form-group:has(.form-control:not(.empty)) .btn-after{position:absolute;right:.125rem}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-show-password,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.form-group:has(input:-webkit-autofill) .btn-show-password,.form-group:has(textarea:-webkit-autofill) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.form-group:has(input:focus) .btn-show-password,.form-group:has(input:autofill) .btn-show-password,.form-group:has(input:not(:placeholder-shown)) .btn-show-password,.form-group:has(textarea:focus) .btn-show-password,.form-group:has(textarea:autofill) .btn-show-password,.form-group:has(textarea:not(:placeholder-shown)) .btn-show-password,.form-group:has(.form-control:not(.empty)) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-1\/2{top:50%}.\!z-\[999\]{z-index:999!important}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[150\%\]{height:150%}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-\[300px\]{max-height:300px}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[150\%\]{width:150%}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-lg{max-width:32rem}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-blue-600{fill:#2563eb}.\!p-0{padding:0!important}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/6{font-size:.875rem;line-height:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-opacity-5{--tw-ring-opacity: .05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:-z-20:after{content:var(--tw-content);z-index:-20}.after\:h-\[calc\(100\%\+12px\)\]:after{content:var(--tw-content);height:calc(100% + 12px)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-\[calc\(100\%\+20px\)\]:after{content:var(--tw-content);width:calc(100% + 20px)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:transform:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-md:after{content:var(--tw-content);border-radius:.375rem}.after\:rounded-l:after{content:var(--tw-content);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.after\:bg-blue-100:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.after\:bg-gray-400:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.checked\:border-blue-600:checked{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.hover\:duration-200:hover{transition-duration:.2s}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.hover\:after\:transform:hover:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}.hover\:after\:opacity-20:hover:after{content:var(--tw-content);opacity:.2}.hover\:after\:transition-all:hover:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:after\:duration-200:hover:after{content:var(--tw-content);transition-duration:.2s}.hover\:after\:duration-300:hover:after{content:var(--tw-content);transition-duration:.3s}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-4:focus{outline-width:4px}.focus\:outline-blue-500:focus{outline-color:#3b82f6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.group:hover .group-hover\:opacity-80{opacity:.8}.peer:checked~.peer-checked\:flex{display:flex}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:after\:bg-gray-800:is(.dark *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-10{grid-column:span 10 / span 10}.sm\:col-span-11{grid-column:span 11 / span 11}.sm\:col-span-12{grid-column:span 12 / span 12}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-span-8{grid-column:span 8 / span 8}.sm\:col-span-9{grid-column:span 9 / span 9}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:p-4{padding:1rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}
|
|
1
|
+
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}html,body{height:100vh;width:100%}html:is(.dark *),body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}input:is(.dark *),textarea:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#root{height:100%;width:100%}h1{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem;font-weight:700}h2{margin-bottom:.75rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}h3{margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:600}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.form-group.error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.form-group .btn-phone-prefix button{top:1.5rem}.form-group input,.form-group textarea{width:100%;border-radius:.25rem;padding:1.25rem 1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.form-group input::placeholder,.form-group textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity))}.form-group input:focus::-moz-placeholder,.form-group textarea:focus::-moz-placeholder{color:transparent}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:transparent}.form-group input:focus,.form-group textarea:focus{outline:2px solid transparent;outline-offset:2px}.form-group input::-webkit-outer-spin-button,.form-group textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input[type=number],.form-group textarea[type=number]{-moz-appearance:textfield}.form-group:has(input:focus),.form-group:has(textarea:focus),.form-group:has([data-headlessui-state=open]){z-index:50;--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)),.form-group:has(textarea:not(:-moz-placeholder-shown)){padding:1.25rem 1rem}.form-group:has(input:-webkit-autofill),.form-group:has(textarea:-webkit-autofill){padding:1.25rem 1rem}.form-group:has(input:focus),.form-group:has(input:autofill),.form-group:has(input:not(:placeholder-shown)),.form-group:has(textarea:focus),.form-group:has(textarea:autofill),.form-group:has(textarea:not(:placeholder-shown)),.form-group:has(.form-control:not(.empty)){padding:1.25rem 1rem}.form-group:has(input:not(:-moz-placeholder-shown)) label,.form-group:has(textarea:not(:-moz-placeholder-shown)) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;-moz-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:-webkit-autofill) label,.form-group:has(textarea:-webkit-autofill) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;-webkit-transition-property:all;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:focus) label,.form-group:has(input:autofill) label,.form-group:has(input:not(:placeholder-shown)) label,.form-group:has(textarea:focus) label,.form-group:has(textarea:autofill) label,.form-group:has(textarea:not(:placeholder-shown)) label,.form-group:has(.form-control:not(.empty)) label{position:absolute;display:block;--tw-translate-y: -.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.form-group:has(input:not(:-moz-placeholder-shown)) label:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:-webkit-autofill) label:is(.dark *),.form-group:has(textarea:-webkit-autofill) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:focus) label:is(.dark *),.form-group:has(input:autofill) label:is(.dark *),.form-group:has(input:not(:placeholder-shown)) label:is(.dark *),.form-group:has(textarea:focus) label:is(.dark *),.form-group:has(textarea:autofill) label:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) label:is(.dark *),.form-group:has(.form-control:not(.empty)) label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)) input,.form-group:has(textarea:not(:-moz-placeholder-shown)) input,.form-group:has(input:not(:-moz-placeholder-shown)) textarea,.form-group:has(textarea:not(:-moz-placeholder-shown)) textarea,.form-group:has(input:not(:-moz-placeholder-shown)) .form-control,.form-group:has(textarea:not(:-moz-placeholder-shown)) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:-webkit-autofill) input,.form-group:has(textarea:-webkit-autofill) input,.form-group:has(input:-webkit-autofill) textarea,.form-group:has(textarea:-webkit-autofill) textarea,.form-group:has(input:-webkit-autofill) .form-control,.form-group:has(textarea:-webkit-autofill) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:focus) input,.form-group:has(input:autofill) input,.form-group:has(input:not(:placeholder-shown)) input,.form-group:has(textarea:focus) input,.form-group:has(textarea:autofill) input,.form-group:has(textarea:not(:placeholder-shown)) input,.form-group:has(.form-control:not(.empty)) input,.form-group:has(input:focus) textarea,.form-group:has(input:autofill) textarea,.form-group:has(input:not(:placeholder-shown)) textarea,.form-group:has(textarea:focus) textarea,.form-group:has(textarea:autofill) textarea,.form-group:has(textarea:not(:placeholder-shown)) textarea,.form-group:has(.form-control:not(.empty)) textarea,.form-group:has(input:focus) .form-control,.form-group:has(input:autofill) .form-control,.form-group:has(input:not(:placeholder-shown)) .form-control,.form-group:has(textarea:focus) .form-control,.form-group:has(textarea:autofill) .form-control,.form-group:has(textarea:not(:placeholder-shown)) .form-control,.form-group:has(.form-control:not(.empty)) .form-control{--tw-translate-y: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:0}.form-group:has(input:not(:-moz-placeholder-shown)) input:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) input:is(.dark *),.form-group:has(input:not(:-moz-placeholder-shown)) textarea:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) textarea:is(.dark *),.form-group:has(input:not(:-moz-placeholder-shown)) .form-control:is(.dark *),.form-group:has(textarea:not(:-moz-placeholder-shown)) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:-webkit-autofill) input:is(.dark *),.form-group:has(textarea:-webkit-autofill) input:is(.dark *),.form-group:has(input:-webkit-autofill) textarea:is(.dark *),.form-group:has(textarea:-webkit-autofill) textarea:is(.dark *),.form-group:has(input:-webkit-autofill) .form-control:is(.dark *),.form-group:has(textarea:-webkit-autofill) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:focus) input:is(.dark *),.form-group:has(input:autofill) input:is(.dark *),.form-group:has(input:not(:placeholder-shown)) input:is(.dark *),.form-group:has(textarea:focus) input:is(.dark *),.form-group:has(textarea:autofill) input:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) input:is(.dark *),.form-group:has(.form-control:not(.empty)) input:is(.dark *),.form-group:has(input:focus) textarea:is(.dark *),.form-group:has(input:autofill) textarea:is(.dark *),.form-group:has(input:not(:placeholder-shown)) textarea:is(.dark *),.form-group:has(textarea:focus) textarea:is(.dark *),.form-group:has(textarea:autofill) textarea:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) textarea:is(.dark *),.form-group:has(.form-control:not(.empty)) textarea:is(.dark *),.form-group:has(input:focus) .form-control:is(.dark *),.form-group:has(input:autofill) .form-control:is(.dark *),.form-group:has(input:not(:placeholder-shown)) .form-control:is(.dark *),.form-group:has(textarea:focus) .form-control:is(.dark *),.form-group:has(textarea:autofill) .form-control:is(.dark *),.form-group:has(textarea:not(:placeholder-shown)) .form-control:is(.dark *),.form-group:has(.form-control:not(.empty)) .form-control:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-before,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:-webkit-autofill) .btn-before,.form-group:has(textarea:-webkit-autofill) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:focus) .btn-before,.form-group:has(input:autofill) .btn-before,.form-group:has(input:not(:placeholder-shown)) .btn-before,.form-group:has(textarea:focus) .btn-before,.form-group:has(textarea:autofill) .btn-before,.form-group:has(textarea:not(:placeholder-shown)) .btn-before,.form-group:has(.form-control:not(.empty)) .btn-before{position:absolute;z-index:10;bottom:.125rem;left:.125rem}.form-group:has(input:not(:-moz-placeholder-shown)):has(.btn-before) input,.form-group:has(textarea:not(:-moz-placeholder-shown)):has(.btn-before) input,.form-group:has(input:not(:-moz-placeholder-shown)):has(.btn-before) .form-control,.form-group:has(textarea:not(:-moz-placeholder-shown)):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:-webkit-autofill):has(.btn-before) input,.form-group:has(textarea:-webkit-autofill):has(.btn-before) input,.form-group:has(input:-webkit-autofill):has(.btn-before) .form-control,.form-group:has(textarea:-webkit-autofill):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:focus):has(.btn-before) input,.form-group:has(input:autofill):has(.btn-before) input,.form-group:has(input:not(:placeholder-shown)):has(.btn-before) input,.form-group:has(textarea:focus):has(.btn-before) input,.form-group:has(textarea:autofill):has(.btn-before) input,.form-group:has(textarea:not(:placeholder-shown)):has(.btn-before) input,.form-group:has(.form-control:not(.empty)):has(.btn-before) input,.form-group:has(input:focus):has(.btn-before) .form-control,.form-group:has(input:autofill):has(.btn-before) .form-control,.form-group:has(input:not(:placeholder-shown)):has(.btn-before) .form-control,.form-group:has(textarea:focus):has(.btn-before) .form-control,.form-group:has(textarea:autofill):has(.btn-before) .form-control,.form-group:has(textarea:not(:placeholder-shown)):has(.btn-before) .form-control,.form-group:has(.form-control:not(.empty)):has(.btn-before) .form-control{padding-left:2.5rem}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-after,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-after{position:absolute;right:.125rem}.form-group:has(input:-webkit-autofill) .btn-after,.form-group:has(textarea:-webkit-autofill) .btn-after{position:absolute;right:.125rem}.form-group:has(input:focus) .btn-after,.form-group:has(input:autofill) .btn-after,.form-group:has(input:not(:placeholder-shown)) .btn-after,.form-group:has(textarea:focus) .btn-after,.form-group:has(textarea:autofill) .btn-after,.form-group:has(textarea:not(:placeholder-shown)) .btn-after,.form-group:has(.form-control:not(.empty)) .btn-after{position:absolute;right:.125rem}.form-group:has(input:not(:-moz-placeholder-shown)) .btn-show-password,.form-group:has(textarea:not(:-moz-placeholder-shown)) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.form-group:has(input:-webkit-autofill) .btn-show-password,.form-group:has(textarea:-webkit-autofill) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.form-group:has(input:focus) .btn-show-password,.form-group:has(input:autofill) .btn-show-password,.form-group:has(input:not(:placeholder-shown)) .btn-show-password,.form-group:has(textarea:focus) .btn-show-password,.form-group:has(textarea:autofill) .btn-show-password,.form-group:has(textarea:not(:placeholder-shown)) .btn-show-password,.form-group:has(.form-control:not(.empty)) .btn-show-password{position:absolute;right:0;height:2.25rem;width:2.25rem}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-1\/2{top:50%}.\!z-\[999\]{z-index:999!important}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[150\%\]{height:150%}.h-full{height:100%}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-\[300px\]{max-height:300px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[150\%\]{width:150%}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-lg{max-width:32rem}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-blue-600{fill:#2563eb}.\!p-0{padding:0!important}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/6{font-size:.875rem;line-height:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0px}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-opacity-5{--tw-ring-opacity: .05}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:right-0:after{content:var(--tw-content);right:0}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:-z-20:after{content:var(--tw-content);z-index:-20}.after\:h-\[calc\(100\%\+12px\)\]:after{content:var(--tw-content);height:calc(100% + 12px)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-\[calc\(100\%\+20px\)\]:after{content:var(--tw-content);width:calc(100% + 20px)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:transform:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-md:after{content:var(--tw-content);border-radius:.375rem}.after\:rounded-l:after{content:var(--tw-content);border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.after\:bg-blue-100:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.after\:bg-gray-400:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.checked\:border-blue-600:checked{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.hover\:duration-200:hover{transition-duration:.2s}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.hover\:after\:transform:hover:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}.hover\:after\:opacity-20:hover:after{content:var(--tw-content);opacity:.2}.hover\:after\:transition-all:hover:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:after\:duration-200:hover:after{content:var(--tw-content);transition-duration:.2s}.hover\:after\:duration-300:hover:after{content:var(--tw-content);transition-duration:.3s}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-4:focus{outline-width:4px}.focus\:outline-blue-500:focus{outline-color:#3b82f6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.group:hover .group-hover\:opacity-80{opacity:.8}.peer:checked~.peer-checked\:flex{display:flex}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:after\:bg-gray-800:is(.dark *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-10{grid-column:span 10 / span 10}.sm\:col-span-11{grid-column:span 11 / span 11}.sm\:col-span-12{grid-column:span 12 / span 12}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-span-8{grid-column:span 8 / span 8}.sm\:col-span-9{grid-column:span 9 / span 9}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:gap-2{gap:.5rem}.md\:p-4{padding:1rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}
|
package/dist/index.js
CHANGED
|
@@ -7,46 +7,48 @@ import { Container as d } from "./components/Container/Container.js";
|
|
|
7
7
|
import { default as C } from "./components/DatePicker/DatePicker.js";
|
|
8
8
|
import { default as c } from "./components/Icon/Icon.js";
|
|
9
9
|
import { default as I } from "./components/Input/Input.js";
|
|
10
|
-
import { FormInput as
|
|
11
|
-
import { default as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as g } from "./components/
|
|
18
|
-
import { default as q } from "./components/Selectbox/
|
|
19
|
-
import { default as z } from "./components/Selectbox/
|
|
20
|
-
import { default as H } from "./components/
|
|
21
|
-
import { default as K } from "./components/
|
|
22
|
-
import { default as O } from "./components/
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import { default as Y } from "./components/AutoComplete/
|
|
10
|
+
import { FormInput as k } from "./components/Input/FormInput.js";
|
|
11
|
+
import { default as B } from "./components/Input/InputTel.js";
|
|
12
|
+
import { default as P } from "./components/Label/Label.js";
|
|
13
|
+
import { FormLabel as S } from "./components/Label/FormLabel.js";
|
|
14
|
+
import { default as M } from "./components/PasswordInput/PasswordInput.js";
|
|
15
|
+
import { FormPasswordInput as T } from "./components/PasswordInput/FormPasswordInput.js";
|
|
16
|
+
import { default as D } from "./components/Row/Row.js";
|
|
17
|
+
import { default as g } from "./components/Text/Text.js";
|
|
18
|
+
import { default as q } from "./components/Selectbox/SelectboxBase.js";
|
|
19
|
+
import { default as z } from "./components/Selectbox/SelectboxMultiple.js";
|
|
20
|
+
import { default as H } from "./components/Selectbox/Selectbox.js";
|
|
21
|
+
import { default as K } from "./components/RadioGroup/RadioGroup.js";
|
|
22
|
+
import { default as O } from "./components/AutoComplete/AutoComplete.js";
|
|
23
|
+
import { default as U } from "./components/Component.js";
|
|
24
|
+
import { AppProvider as W } from "./contexts/AppContext.js";
|
|
25
|
+
import { default as Y } from "./components/AutoComplete/AutoCompleteBase.js";
|
|
26
|
+
import { default as _ } from "./components/AutoComplete/AutoCompleteMultiple.js";
|
|
26
27
|
import './index.css';export {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
W as AppProvider,
|
|
29
|
+
O as AutoComplete,
|
|
30
|
+
Y as AutoCompleteBase,
|
|
31
|
+
_ as AutoCompleteMultiple,
|
|
31
32
|
t as Button,
|
|
32
33
|
p as Checkbox,
|
|
33
34
|
a as CheckboxBase,
|
|
34
35
|
u as Column,
|
|
35
|
-
|
|
36
|
+
U as Component,
|
|
36
37
|
d as Container,
|
|
37
38
|
C as DatePicker,
|
|
38
39
|
x as FormCheckbox,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
k as FormInput,
|
|
41
|
+
S as FormLabel,
|
|
42
|
+
T as FormPasswordInput,
|
|
42
43
|
c as Icon,
|
|
43
44
|
I as Input,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
P as Label,
|
|
46
|
+
M as PasswordInput,
|
|
47
|
+
K as RadioGroup,
|
|
48
|
+
D as Row,
|
|
49
|
+
H as Selectbox,
|
|
50
|
+
q as SelectboxBase,
|
|
51
|
+
z as SelectboxMultiple,
|
|
52
|
+
B as TelephoneInput,
|
|
53
|
+
g as Text
|
|
52
54
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { s as xe, n as K, o as v, M as de, W as j, K as Ee, a as Le, y as q, l as we, T as Fe, u as Me, e as H, m as me, z as Ae, j as Ce, b as z, d as _e, I as ke, G as Ne, $ as Be, c as Ue, D as ge, f as Qe, q as Ve, A as He, t as Ke, g as y, p as je, r as qe, v as ze, F as pe, _ as Ge } from "./
|
|
1
|
+
import { s as xe, n as K, o as v, M as de, W as j, K as Ee, a as Le, y as q, l as we, T as Fe, u as Me, e as H, m as me, z as Ae, j as Ce, b as z, d as _e, I as ke, G as Ne, $ as Be, c as Ue, D as ge, f as Qe, q as Ve, A as He, t as Ke, g as y, p as je, r as qe, v as ze, F as pe, _ as Ge } from "./focus-management-DIhMJUCI.js";
|
|
2
2
|
import L, { useState as We, useRef as C, createContext as le, useReducer as Xe, createRef as Ye, useCallback as fe, useMemo as _, useId as se, useEffect as Ze, useContext as ue, Fragment as Oe } from "react";
|
|
3
3
|
import { r as B } from "./index-DsprzSCj.js";
|
|
4
|
-
import { F as Je, v as et, f as tt, i as X, y as nt, g as ot, w as rt, T as it, x as at, n as lt, h as st, V as ut, m as ct, j as dt, k as pt, l as ft, R as vt, o as bt, p as xt, A as mt, t as gt, q as Ot, r as S, s as ie } from "./transition-
|
|
4
|
+
import { F as Je, v as et, f as tt, i as X, y as nt, g as ot, w as rt, T as it, x as at, n as lt, h as st, V as ut, m as ct, j as dt, k as pt, l as ft, R as vt, o as bt, p as xt, A as mt, t as gt, q as Ot, r as S, s as ie } from "./transition-KgVrpnkt.js";
|
|
5
5
|
function St(e, o) {
|
|
6
6
|
let [i, t] = We(e), r = xe(e);
|
|
7
7
|
return K(() => t(r.current), [r, t, ...o]), i;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as g from "react";
|
|
2
2
|
import B, { useRef as A, useState as U, useReducer as $t, useMemo as z, useSyncExternalStore as Lt, useId as Ot, useEffect as Q, useCallback as ee, useLayoutEffect as St, createContext as Z, useContext as q, Fragment as se } from "react";
|
|
3
|
-
import { m as Re, o as X, f as Ne, n as H, q as ae, s as be, A as Ft, t as Dt, B as At, C as ge, W as ce, y as we, E as Ht, b as ye, M as It, O as te, J as Nt, L as kt, e as ct } from "./
|
|
3
|
+
import { m as Re, o as X, f as Ne, n as H, q as ae, s as be, A as Ft, t as Dt, B as At, C as ge, W as ce, y as we, E as Ht, b as ye, M as It, O as te, J as Nt, L as kt, e as ct } from "./focus-management-DIhMJUCI.js";
|
|
4
4
|
import { i as _t, b as ke, c as W, g as Te, u as Wt, d as Bt, e as Xe, h as Vt, j as Yt, k as Kt, o as ft, l as Me, s as Ut, f as jt, m as Xt, a as qt } from "./floating-ui.react-dom-xElE0hWP.js";
|
|
5
5
|
import { r as ve } from "./index-DsprzSCj.js";
|
|
6
6
|
function Gt(e) {
|