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.
@@ -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 "./index-DsW4uhBe.js";
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-B0bHCOYe.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-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 "../../index-DsW4uhBe.js";
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-CRHFa4aF.js";
8
- import { X as L } from "../../transition-B0bHCOYe.js";
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 "../../index-DsW4uhBe.js";
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-CRHFa4aF.js";
10
- import { X as A } from "../../transition-B0bHCOYe.js";
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 = 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
- 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 { 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 y = ({ name: c, inputProps: t, inputBefore: l, inputAfter: u, className: e, ...n }, x) => {
5
- const i = d.useRef(null);
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
- a as default
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 "../../index-DsW4uhBe.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 "../../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 "../../index-DsW4uhBe.js";
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-B0bHCOYe.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-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-CzAQRl_p.js";
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 "../../index-DsW4uhBe.js";
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-B0bHCOYe.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-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-CzAQRl_p.js";
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,
@@ -0,0 +1,2 @@
1
+ export * from '../Input/InputTel';
2
+ export { default as default } from '../Input/InputTel';
@@ -0,0 +1,4 @@
1
+ import { default as o } from "../Input/InputTel.js";
2
+ export {
3
+ o as default
4
+ };
@@ -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/';
@@ -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 x } from "./Checkbox/FormCheckbox.js";
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 I } from "./Input/Input.js";
10
- import { FormInput as B } from "./Input/FormInput.js";
11
- import { default as h } from "./Label/Label.js";
12
- import { FormLabel as A } from "./Label/FormLabel.js";
13
- import { default as S } from "./PasswordInput/PasswordInput.js";
14
- import { FormPasswordInput as M } from "./PasswordInput/FormPasswordInput.js";
15
- import { default as D } from "./Row/Row.js";
16
- import { default as T } from "./Text/Text.js";
17
- import { default as j } from "./Selectbox/SelectboxBase.js";
18
- import { default as v } from "./Selectbox/SelectboxMultiple.js";
19
- import { default as z } from "./Selectbox/Selectbox.js";
20
- import { default as H } from "./RadioGroup/RadioGroup.js";
21
- import { default as K } from "./AutoComplete/AutoComplete.js";
22
- import { default as O } from "./Component.js";
23
- import { default as U } from "./AutoComplete/AutoCompleteBase.js";
24
- import { default as W } from "./AutoComplete/AutoCompleteMultiple.js";
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
- K as AutoComplete,
27
- U as AutoCompleteBase,
28
- W as AutoCompleteMultiple,
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
- x as FormCheckbox,
36
- B as FormInput,
37
- A as FormLabel,
38
- M as FormPasswordInput,
36
+ l as FormCheckbox,
37
+ k as FormInput,
38
+ S as FormLabel,
39
+ T as FormPasswordInput,
39
40
  C as Icon,
40
- I as Input,
41
- h as Label,
42
- S as PasswordInput,
43
- H as RadioGroup,
44
- D as Row,
45
- z as Selectbox,
46
- j as SelectboxBase,
47
- v as SelectboxMultiple,
48
- T as Text,
49
- O as default
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
- import { G as X } from "./iconBase-Bipuk9tK.js";
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 It(e) {
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 jt(e = {}) {
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 Bt(...e) {
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 _t(e, t, n) {
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 Ut(e) {
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 Rt(e) {
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 Kt({ data: e, form: t, disabled: n, onReset: r, overrides: o }) {
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 Gt(e) {
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 Vt(e, t = !0) {
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 qt() {
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 Zt() {
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), Xt = Object.assign(bt, {});
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 Yt({ inherit: e = !1 } = {}) {
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), zt = Object.assign(yt, {});
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 Jt(e = wt) {
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 Qt(e, t = 0) {
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 en(e, t) {
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
- jt as $,
801
- Qt as A,
800
+ _t as $,
801
+ nn as A,
802
802
  Qe as B,
803
803
  ve as C,
804
- Bt as D,
805
- Vt as E,
804
+ Rt as D,
805
+ Xt as E,
806
806
  Ft as F,
807
- qt as G,
808
- nn as H,
807
+ Yt as G,
808
+ jt as H,
809
809
  gt as I,
810
810
  L as J,
811
- zt as K,
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
- _t as T,
817
- Zt as U,
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
- It as c,
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
- tn as i,
829
- Kt as j,
830
- rn as k,
831
- Ut as l,
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
- Rt as p,
835
+ Vt as p,
836
836
  me as q,
837
- Gt as r,
837
+ Zt as r,
838
838
  tt as s,
839
839
  xt as t,
840
- Jt as u,
841
- en as v,
842
- Xt as w,
840
+ tn as u,
841
+ rn as v,
842
+ Jt as w,
843
843
  Z as x,
844
844
  Te as y,
845
- Yt as z
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 A } from "./components/Input/FormInput.js";
11
- import { default as F } from "./components/Label/Label.js";
12
- import { FormLabel as h } from "./components/Label/FormLabel.js";
13
- import { default as S } from "./components/PasswordInput/PasswordInput.js";
14
- import { FormPasswordInput as M } from "./components/PasswordInput/FormPasswordInput.js";
15
- import { default as v } from "./components/Row/Row.js";
16
- import { default as G } from "./components/Text/Text.js";
17
- import { default as g } from "./components/Selectbox/SelectboxBase.js";
18
- import { default as q } from "./components/Selectbox/SelectboxMultiple.js";
19
- import { default as z } from "./components/Selectbox/Selectbox.js";
20
- import { default as H } from "./components/RadioGroup/RadioGroup.js";
21
- import { default as K } from "./components/AutoComplete/AutoComplete.js";
22
- import { default as O } from "./components/Component.js";
23
- import { AppProvider as U } from "./contexts/AppContext.js";
24
- import { default as W } from "./components/AutoComplete/AutoCompleteBase.js";
25
- import { default as Y } from "./components/AutoComplete/AutoCompleteMultiple.js";
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
- U as AppProvider,
28
- K as AutoComplete,
29
- W as AutoCompleteBase,
30
- Y as AutoCompleteMultiple,
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
- O as Component,
36
+ U as Component,
36
37
  d as Container,
37
38
  C as DatePicker,
38
39
  x as FormCheckbox,
39
- A as FormInput,
40
- h as FormLabel,
41
- M as FormPasswordInput,
40
+ k as FormInput,
41
+ S as FormLabel,
42
+ T as FormPasswordInput,
42
43
  c as Icon,
43
44
  I as Input,
44
- F as Label,
45
- S as PasswordInput,
46
- H as RadioGroup,
47
- v as Row,
48
- z as Selectbox,
49
- g as SelectboxBase,
50
- q as SelectboxMultiple,
51
- G as Text
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 "./index-DsW4uhBe.js";
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-B0bHCOYe.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-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 "./index-DsW4uhBe.js";
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) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anysystem-design",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",