anysystem-design 0.0.21 → 0.0.23

package/dist/components/AutoComplete/AutoComplete.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { SelectOption } from '../Selectbox';
 import { AutoCompleteBaseHandler, AutoCompleteBaseProps } from './AutoCompleteBase';
 import { AutoCompleteMultipleHandler, AutoCompleteMultipleProps } from './AutoCompleteMultiple';
 
@@ -7,8 +8,10 @@ export { default as AutoCompleteBase } from './AutoCompleteBase';
 export * from './AutoCompleteMultiple';
 export { default as AutoCompleteMultiple } from './AutoCompleteMultiple';
 export type AutoCompleteHandler = AutoCompleteBaseHandler | AutoCompleteMultipleHandler;
-export type AutoCompleteProps = (AutoCompleteBaseProps | AutoCompleteMultipleProps) & {
+export type AutoCompleteProps<ListOption extends SelectOption> = (AutoCompleteBaseProps<ListOption> | AutoCompleteMultipleProps<ListOption>) & {
     multiple?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<AutoCompleteHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: AutoCompleteProps<ListOption> & {
+    ref?: React.Ref<AutoCompleteHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/AutoComplete/AutoCompleteBase.d.ts

@@ -5,16 +5,18 @@ export type AutoCompleteBaseHandler = {
     search: (query: string) => void;
     setValue: (value: string) => void;
 };
-export type AutoCompleteBaseProps = {
+export type AutoCompleteBaseProps<ListOption extends SelectOption> = {
     id?: string;
-    options: SelectOption[];
+    options: ListOption[];
     name: string;
     value?: string | number;
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
     onChange?: (value: string | number) => void;
-    valueField?: ValueField;
+    valueField?: ValueField<ListOption>;
 };
-declare const _default: React.ForwardRefExoticComponent<AutoCompleteBaseProps & React.RefAttributes<AutoCompleteBaseHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: AutoCompleteBaseProps<ListOption> & {
+    ref?: React.Ref<AutoCompleteBaseHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/AutoComplete/AutoCompleteBase.js

@@ -90,7 +90,7 @@ const H = (t, r) => r.type === "SEARCH" ? {
             leaveFrom: "scale-100 transform opacity-100",
             leaveTo: "scale-95 transform opacity-0",
             afterLeave: () => s({ type: "SEARCH", query: "" }),
-            children: /* @__PURE__ */ a(N, { className: "absolute z-50 mt-5 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm dark:bg-gray-900", children: m.filterList.map((e) => /* @__PURE__ */ a(L, { as: p, value: e, children: ({ selected: n, focus: g }) => /* @__PURE__ */ f(
+            children: /* @__PURE__ */ a(N, { className: "absolute z-50 mt-5 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none dark:bg-gray-900 sm:text-sm", children: m.filterList.map((e) => /* @__PURE__ */ a(L, { as: p, value: e, children: ({ selected: n, focus: g }) => /* @__PURE__ */ f(
               "li",
               {
                 className: y(

package/dist/components/AutoComplete/AutoCompleteMultiple.d.ts

@@ -5,16 +5,18 @@ export type AutoCompleteMultipleHandler = {
     search: (query: string) => void;
     setValue: (value: string[]) => void;
 };
-export type AutoCompleteMultipleProps = {
+export type AutoCompleteMultipleProps<ListOption extends SelectOption> = {
     id?: string;
-    options: SelectOption[];
+    options: ListOption[];
     name: string;
     value?: string[] | number[];
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
     onChange?: (value: string[] | number[]) => void;
-    valueField?: ValueField;
+    valueField?: ValueField<ListOption>;
 };
-declare const _default: React.ForwardRefExoticComponent<AutoCompleteMultipleProps & React.RefAttributes<AutoCompleteMultipleHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: AutoCompleteMultipleProps<ListOption> & {
+    ref?: React.Ref<AutoCompleteMultipleHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/DataTable/DataTable.d.ts

@@ -1,12 +1,11 @@
-import { default as React } from 'react';
 import { DataTableField } from './libs/type';
 
-export type DataTableProps = {
-    data: object[];
-    fields: DataTableField[];
+export type DataTableProps<DataType extends object> = {
+    data: DataType[];
+    fields: DataTableField<DataType>[];
     selectable?: boolean;
     chooseFieldable?: boolean;
     name?: string;
 };
-declare const DataTable: React.FC<DataTableProps>;
+declare const DataTable: <DataType extends object>({ name, data, fields, selectable, chooseFieldable, }: DataTableProps<DataType>) => import("react/jsx-runtime").JSX.Element;
 export default DataTable;

package/dist/components/DataTable/DataTable.js

@@ -38,7 +38,13 @@ const w = (e, l) => l.type === "SELECT_ALL" ? {
   }, [i.DTShowFields]), /* @__PURE__ */ a(
     D,
     {
-      value: { selectable: d, fields: r, chooseFieldable: T, state: i, dispatch: t },
+      value: {
+        selectable: d,
+        fields: r,
+        chooseFieldable: T,
+        state: i,
+        dispatch: t
+      },
       children: /* @__PURE__ */ m("div", { className: "relative w-full", children: [
         /* @__PURE__ */ m("table", { className: "table", children: [
           /* @__PURE__ */ a(s, {}),

package/dist/components/DataTable/components/DataTableCell.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { ValueKey, ValueNode } from '../libs/type';
 
-export type DataTableCellProps = {
+export type DataTableCellProps<DataType extends object> = {
     children?: React.ReactNode;
-    data?: object;
-    field?: string | ValueNode | ValueKey;
+    data?: DataType;
+    field?: string | ValueNode<DataType> | ValueKey;
 };
-declare const DataTableCell: React.FC<DataTableCellProps>;
+declare const DataTableCell: <DataType extends object>({ children, data, field, }: DataTableCellProps<DataType>) => React.ReactElement;
 export default DataTableCell;

package/dist/components/DataTable/components/DataTableHeadCell.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { DataTableField } from '../libs/type';
 
-export type DataTableHeadCellProps = {
-    field: DataTableField;
+export type DataTableHeadCellProps<DataType extends object> = {
+    field: DataTableField<DataType>;
 };
-declare const DataTableHeadCell: React.FC<DataTableHeadCellProps>;
+declare const DataTableHeadCell: <DataType extends object>({ field, }: DataTableHeadCellProps<DataType>) => React.ReactElement;
 export default DataTableHeadCell;

package/dist/components/DataTable/components/DataTableHeadCell.js

@@ -1,5 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-const t = ({ field: e }) => /* @__PURE__ */ a("th", { children: e.label });
+const t = ({
+  field: e
+}) => /* @__PURE__ */ a("th", { children: e.label });
 export {
   t as default
 };

package/dist/components/DataTable/components/DataTableRow.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 
-export type DataRowProps = {
+export type DataRowProps<DataType extends object> = {
     children?: React.ReactNode;
-    row?: object;
+    row?: DataType;
     index: number;
 };
-declare const DataTableRow: React.FC<DataRowProps>;
+declare const DataTableRow: <DataType extends object>({ row, children, index, }: DataRowProps<DataType>) => React.ReactElement;
 export default DataTableRow;

package/dist/components/DataTable/components/DataTableRow.js

@@ -4,7 +4,11 @@ import { _ as p } from "../../../lodash-XYp3qmxI.js";
 import { DataTableContext as h } from "../contexts/DataTableContext.js";
 import { CheckboxBase as C } from "../../Checkbox/CheckboxBase.js";
 import b from "./DataTableCell.js";
-const j = ({ row: a, children: o, index: l }) => {
+const j = ({
+  row: a,
+  children: o,
+  index: l
+}) => {
   const { selectable: s, fields: m, state: r, dispatch: i } = n.useContext(h);
   return /* @__PURE__ */ d("tr", { children: [
     s && /* @__PURE__ */ e("td", { className: "w-[50px]", children: /* @__PURE__ */ e(

package/dist/components/DataTable/components/FieldSelectbox.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-
-declare const FieldSelectbox: React.FC;
+declare const FieldSelectbox: <DataType extends object>() => import("react/jsx-runtime").JSX.Element;
 export default FieldSelectbox;

package/dist/components/DataTable/contexts/DataTableContext.d.ts

@@ -1,12 +1,16 @@
 import { default as React } from 'react';
 import { DataTableField, State, Action } from '../libs/type';
 
-export type DataTableContextType = {
+export type DataTableContextType<DataType extends object> = {
     selectable: boolean;
     chooseFieldable: boolean;
-    fields: DataTableField[];
-    state: State;
-    dispatch: React.Dispatch<Action>;
+    fields: DataTableField<DataType>[];
+    state: State<DataType>;
+    dispatch: React.Dispatch<Action<DataType>>;
 };
-export declare const DataTableContext: React.Context<DataTableContextType>;
-export declare const DataTableProvider: React.Provider<DataTableContextType>;
+export declare const DataTableContext: React.Context<DataTableContextType<any>>;
+export type DataTableProviderProps<DataType extends object> = {
+    value: DataTableContextType<DataType>;
+    children: React.ReactNode;
+};
+export declare const DataTableProvider: <DataType extends object>({ children, value, }: DataTableProviderProps<DataType>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DataTable/contexts/DataTableContext.js

@@ -1,13 +1,17 @@
-import e from "react";
-const t = e.createContext({
+import { jsx as a } from "react/jsx-runtime";
+import o from "react";
+const r = o.createContext({
   selectable: !1,
   chooseFieldable: !1,
   fields: [],
   state: { DTChecked: [], DTData: [], DTShowFields: [] },
   dispatch: () => {
   }
-}), o = t.Provider;
+}), c = ({
+  children: e,
+  value: t
+}) => /* @__PURE__ */ a(r.Provider, { value: t, children: e });
 export {
-  t as DataTableContext,
-  o as DataTableProvider
+  r as DataTableContext,
+  c as DataTableProvider
 };

package/dist/components/DataTable/libs/helper.d.ts

@@ -1,4 +1,4 @@
 import { ValueKey, ValueNode } from './type';
 
 export declare const isValueKey: (key: string) => key is ValueKey;
-export declare const getValueByKey: (data: unknown, key: ValueKey | ValueNode | string) => unknown;
+export declare const getValueByKey: <DataType extends object>(data: DataType, key: ValueKey | ValueNode<DataType> | string) => unknown;

package/dist/components/DataTable/libs/type.d.ts

@@ -1,11 +1,11 @@
 export type ValueKey = `$${string}`;
-export type ValueNode = (row: object) => React.ReactNode | string;
-export type State = {
-    DTData: object[];
+export type ValueNode<DataType extends object> = (row: DataType) => React.ReactNode | string;
+export type State<DataType extends object> = {
+    DTData: DataType[];
     DTChecked: boolean[];
     DTShowFields: string[];
 };
-export type Action = {
+export type Action<DataType extends object> = {
     type: "SELECT_ALL";
 } | {
     type: "SELECT_ROW";
@@ -15,11 +15,11 @@ export type Action = {
     fieldKey: string;
 } | {
     type: "SET_FIELD";
-    fields: DataTableField[];
+    fields: DataTableField<DataType>[];
 };
-export type DataTableField = {
+export type DataTableField<DataType extends object> = {
     key: string;
     label: string;
-    value: ValueKey | ValueNode | string;
+    value: ValueKey | ValueNode<DataType> | string;
     default?: boolean;
 };

package/dist/components/Input/Input.d.ts

@@ -1,7 +1,10 @@
 import { default as React } from 'react';
 import { InputBaseProps } from './InputBase';
 import { InputTelProps } from './InputTel';
+import { SelectOption } from '../Selectbox';
 
-export type InputProps = InputBaseProps | InputTelProps;
-declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export type InputProps<ListOption extends SelectOption> = InputBaseProps | InputTelProps<ListOption>;
+declare const _default: <ListOption extends SelectOption>(props: InputProps<ListOption> & {
+    ref?: React.Ref<HTMLInputElement>;
+}) => JSX.Element;
 export default _default;

package/dist/components/Input/InputTel.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { SelectOption } from '../Selectbox';
 
-export type InputTelProps = React.InputHTMLAttributes<HTMLInputElement> & {
+export type InputTelProps<ListOption extends SelectOption> = React.InputHTMLAttributes<HTMLInputElement> & {
     type: "tel";
     name: string;
     className?: {
@@ -9,7 +9,7 @@ export type InputTelProps = React.InputHTMLAttributes<HTMLInputElement> & {
         input?: string;
     };
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    phonePrefixOptions: SelectOption[];
+    phonePrefixOptions: ListOption[];
     phonePrefix?: string;
     onChange?: (value: string) => void;
 };

package/dist/components/Input/InputTel.js

@@ -11,7 +11,14 @@ const E = (r, t) => t.type === "SETPREFIX" ? {
   ...r,
   content: t.value,
   realPhone: `${r.prefix}-${t.value}`
-} : r, N = ({ className: r, value: t, phonePrefix: i, phonePrefixOptions: f, onChange: a, ...p }, d) => {
+} : r, N = ({
+  className: r,
+  value: t,
+  phonePrefix: i,
+  phonePrefixOptions: f,
+  onChange: a,
+  ...p
+}, d) => {
   const v = o.useMemo(() => {
     let e = r || { container: void 0, input: void 0 };
     return e.container = T("w-1/2", (e == null ? void 0 : e.container) || ""), e;

package/dist/components/NavList/NavList.d.ts

@@ -6,6 +6,7 @@ export type NavItemObject = {
     icon?: string;
     title?: boolean;
     list?: NavItemObject[];
+    onClick?: () => void;
 };
 export type NavListProps = {
     list: NavItemObject[];

package/dist/components/NavList/NavList.js

@@ -1,139 +1,139 @@
 import { jsx as s, jsxs as T, Fragment as ae } from "react/jsx-runtime";
 import { G as ne } from "../../iconBase-Bipuk9tK.js";
-import { t as S } from "../../bundle-mjs-SHnj3fHy.js";
+import { t as x } from "../../bundle-mjs-SHnj3fHy.js";
 import W from "../Icon/Icon.js";
 import { b as oe } from "../../index-qfA2zEnA.js";
-import { $ as se, a as ue, r as ie } from "../../bugs-CHTtT8VX.js";
-import h, { createContext as C, useRef as x, Fragment as Q, useReducer as ce, useMemo as E, useId as X, useEffect as Y, useContext as N } from "react";
+import { $ as se, a as ie, r as ue } from "../../bugs-CHTtT8VX.js";
+import y, { createContext as R, useRef as D, Fragment as Q, useReducer as ce, useMemo as w, useId as X, useEffect as Y, useContext as N } from "react";
 import { w as de, T as pe } from "../../use-resolve-button-type-DkEA2l9L.js";
-import { M as _, W as B, y as F, T as fe, o as D, u as M, H as L, I as Z, D as q } from "../../use-sync-refs-TDnk3jQt.js";
-import { c as me, i as w, u as ge, V as he, A as be, s as ye } from "../../open-closed-CowzTowH.js";
-import { u as ve } from "../../close-provider-Cs3ZWgEC.js";
-import { u as ke, o as I } from "../../keyboard-DnlWU23I.js";
+import { M as _, W as B, y as F, T as fe, o as E, u as M, H as L, I as Z, D as q } from "../../use-sync-refs-TDnk3jQt.js";
+import { c as he, i as I, u as ge, V as ye, A as me, s as ve } from "../../open-closed-CowzTowH.js";
+import { u as be } from "../../close-provider-Cs3ZWgEC.js";
+import { u as ke, o as S } from "../../keyboard-DnlWU23I.js";
 var J;
-let Pe = (J = h.startTransition) != null ? J : function(e) {
+let Pe = (J = y.startTransition) != null ? J : function(e) {
   e();
 };
-var $e = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))($e || {}), Ie = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Ie || {});
-let Se = { 0: (e) => ({ ...e, disclosureState: M(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 4(e) {
+var $e = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))($e || {}), Se = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Se || {});
+let xe = { 0: (e) => ({ ...e, disclosureState: M(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 4(e) {
   return e.linkedPanel === !0 ? e : { ...e, linkedPanel: !0 };
 }, 5(e) {
   return e.linkedPanel === !1 ? e : { ...e, linkedPanel: !1 };
-}, 2(e, r) {
-  return e.buttonId === r.buttonId ? e : { ...e, buttonId: r.buttonId };
-}, 3(e, r) {
-  return e.panelId === r.panelId ? e : { ...e, panelId: r.panelId };
-} }, O = C(null);
+}, 2(e, t) {
+  return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
+}, 3(e, t) {
+  return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
+} }, O = R(null);
 O.displayName = "DisclosureContext";
-function H(e) {
-  let r = N(O);
-  if (r === null) {
-    let t = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, H), t;
+function j(e) {
+  let t = N(O);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, j), r;
   }
-  return r;
+  return t;
 }
-let j = C(null);
-j.displayName = "DisclosureAPIContext";
+let H = R(null);
+H.displayName = "DisclosureAPIContext";
 function ee(e) {
-  let r = N(j);
-  if (r === null) {
-    let t = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, ee), t;
+  let t = N(H);
+  if (t === null) {
+    let r = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, ee), r;
   }
-  return r;
+  return t;
 }
-let U = C(null);
+let U = R(null);
 U.displayName = "DisclosurePanelContext";
-function xe() {
+function De() {
   return N(U);
 }
-function De(e, r) {
-  return M(r.type, Se, e, r);
+function Ee(e, t) {
+  return M(t.type, xe, e, t);
 }
-let Ee = Q;
-function we(e, r) {
-  let { defaultOpen: t = !1, ...d } = e, a = x(null), u = F(r, fe((c) => {
-    a.current = c;
-  }, e.as === void 0 || e.as === Q)), n = x(null), l = x(null), o = ce(De, { disclosureState: t ? 0 : 1, linkedPanel: !1, buttonRef: l, panelRef: n, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: i }, g] = o, f = D((c) => {
+let we = Q;
+function Ie(e, t) {
+  let { defaultOpen: r = !1, ...d } = e, n = D(null), i = F(t, fe((c) => {
+    n.current = c;
+  }, e.as === void 0 || e.as === Q)), a = D(null), l = D(null), o = ce(Ee, { disclosureState: r ? 0 : 1, linkedPanel: !1, buttonRef: l, panelRef: a, buttonId: null, panelId: null }), [{ disclosureState: h, buttonId: u }, g] = o, f = E((c) => {
     g({ type: 1 });
-    let y = ke(a);
-    if (!y || !i) return;
-    let P = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : y.getElementById(i) : y.getElementById(i);
+    let v = ke(n);
+    if (!v || !u) return;
+    let P = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : v.getElementById(u) : v.getElementById(u);
     P == null || P.focus();
-  }), v = E(() => ({ close: f }), [f]), b = E(() => ({ open: m === 0, close: f }), [m, f]), k = { ref: u };
-  return h.createElement(O.Provider, { value: o }, h.createElement(j.Provider, { value: v }, h.createElement(ve, { value: f }, h.createElement(me, { value: M(m, { 0: w.Open, 1: w.Closed }) }, L({ ourProps: k, theirProps: d, slot: b, defaultTag: Ee, name: "Disclosure" })))));
+  }), b = w(() => ({ close: f }), [f]), m = w(() => ({ open: h === 0, close: f }), [h, f]), k = { ref: i };
+  return y.createElement(O.Provider, { value: o }, y.createElement(H.Provider, { value: b }, y.createElement(be, { value: f }, y.createElement(he, { value: M(h, { 0: I.Open, 1: I.Closed }) }, L({ ourProps: k, theirProps: d, slot: m, defaultTag: we, name: "Disclosure" })))));
 }
 let Te = "button";
-function Re(e, r) {
-  let t = X(), { id: d = `headlessui-disclosure-button-${t}`, disabled: a = !1, autoFocus: u = !1, ...n } = e, [l, o] = H("Disclosure.Button"), m = xe(), i = m === null ? !1 : m === l.panelId, g = x(null), f = F(g, r, i ? null : l.buttonRef), v = Z();
+function Ce(e, t) {
+  let r = X(), { id: d = `headlessui-disclosure-button-${r}`, disabled: n = !1, autoFocus: i = !1, ...a } = e, [l, o] = j("Disclosure.Button"), h = De(), u = h === null ? !1 : h === l.panelId, g = D(null), f = F(g, t, u ? null : l.buttonRef), b = Z();
   Y(() => {
-    if (!i) return o({ type: 2, buttonId: d }), () => {
+    if (!u) return o({ type: 2, buttonId: d }), () => {
       o({ type: 2, buttonId: null });
     };
-  }, [d, o, i]);
-  let b = D((p) => {
+  }, [d, o, u]);
+  let m = E((p) => {
     var $;
-    if (i) {
+    if (u) {
       if (l.disclosureState === 1) return;
       switch (p.key) {
-        case I.Space:
-        case I.Enter:
+        case S.Space:
+        case S.Enter:
           p.preventDefault(), p.stopPropagation(), o({ type: 0 }), ($ = l.buttonRef.current) == null || $.focus();
           break;
       }
     } else switch (p.key) {
-      case I.Space:
-      case I.Enter:
+      case S.Space:
+      case S.Enter:
         p.preventDefault(), p.stopPropagation(), o({ type: 0 });
         break;
     }
-  }), k = D((p) => {
+  }), k = E((p) => {
     switch (p.key) {
-      case I.Space:
+      case S.Space:
         p.preventDefault();
         break;
     }
-  }), c = D((p) => {
+  }), c = E((p) => {
     var $;
-    ie(p.currentTarget) || a || (i ? (o({ type: 0 }), ($ = l.buttonRef.current) == null || $.focus()) : o({ type: 0 }));
-  }), { isFocusVisible: y, focusProps: P } = se({ autoFocus: u }), { isHovered: V, hoverProps: z } = ue({ isDisabled: a }), { pressed: A, pressProps: G } = de({ disabled: a }), re = E(() => ({ open: l.disclosureState === 0, hover: V, active: A, disabled: a, focus: y, autofocus: u }), [l, V, A, y, a, u]), K = pe(e, g), le = i ? q({ ref: f, type: K, disabled: a || void 0, autoFocus: u, onKeyDown: b, onClick: c }, P, z, G) : q({ ref: f, id: d, type: K, "aria-expanded": l.disclosureState === 0, "aria-controls": l.linkedPanel ? l.panelId : void 0, disabled: a || void 0, autoFocus: u, onKeyDown: b, onKeyUp: k, onClick: c }, P, z, G);
-  return L({ mergeRefs: v, ourProps: le, theirProps: n, slot: re, defaultTag: Te, name: "Disclosure.Button" });
+    ue(p.currentTarget) || n || (u ? (o({ type: 0 }), ($ = l.buttonRef.current) == null || $.focus()) : o({ type: 0 }));
+  }), { isFocusVisible: v, focusProps: P } = se({ autoFocus: i }), { isHovered: V, hoverProps: z } = ie({ isDisabled: n }), { pressed: A, pressProps: G } = de({ disabled: n }), te = w(() => ({ open: l.disclosureState === 0, hover: V, active: A, disabled: n, focus: v, autofocus: i }), [l, V, A, v, n, i]), K = pe(e, g), le = u ? q({ ref: f, type: K, disabled: n || void 0, autoFocus: i, onKeyDown: m, onClick: c }, P, z, G) : q({ ref: f, id: d, type: K, "aria-expanded": l.disclosureState === 0, "aria-controls": l.linkedPanel ? l.panelId : void 0, disabled: n || void 0, autoFocus: i, onKeyDown: m, onKeyUp: k, onClick: c }, P, z, G);
+  return L({ mergeRefs: b, ourProps: le, theirProps: a, slot: te, defaultTag: Te, name: "Disclosure.Button" });
 }
-let Ce = "div", Ne = _.RenderStrategy | _.Static;
-function Be(e, r) {
-  let t = X(), { id: d = `headlessui-disclosure-panel-${t}`, transition: a = !1, ...u } = e, [n, l] = H("Disclosure.Panel"), { close: o } = ee("Disclosure.Panel"), m = Z(), i = F(r, n.panelRef, (c) => {
+let Re = "div", Ne = _.RenderStrategy | _.Static;
+function Be(e, t) {
+  let r = X(), { id: d = `headlessui-disclosure-panel-${r}`, transition: n = !1, ...i } = e, [a, l] = j("Disclosure.Panel"), { close: o } = ee("Disclosure.Panel"), h = Z(), u = F(t, a.panelRef, (c) => {
     Pe(() => l({ type: c ? 4 : 5 }));
   });
   Y(() => (l({ type: 3, panelId: d }), () => {
     l({ type: 3, panelId: null });
   }), [d, l]);
-  let g = ge(), [f, v] = he(a, n.panelRef, g !== null ? (g & w.Open) === w.Open : n.disclosureState === 0), b = E(() => ({ open: n.disclosureState === 0, close: o }), [n.disclosureState, o]), k = { ref: i, id: d, ...be(v) };
-  return h.createElement(ye, null, h.createElement(U.Provider, { value: n.panelId }, L({ mergeRefs: m, ourProps: k, theirProps: u, slot: b, defaultTag: Ce, features: Ne, visible: f, name: "Disclosure.Panel" })));
+  let g = ge(), [f, b] = ye(n, a.panelRef, g !== null ? (g & I.Open) === I.Open : a.disclosureState === 0), m = w(() => ({ open: a.disclosureState === 0, close: o }), [a.disclosureState, o]), k = { ref: u, id: d, ...me(b) };
+  return y.createElement(ve, null, y.createElement(U.Provider, { value: a.panelId }, L({ mergeRefs: h, ourProps: k, theirProps: i, slot: m, defaultTag: Re, features: Ne, visible: f, name: "Disclosure.Panel" })));
 }
-let Fe = B(we), R = B(Re), te = B(Be), Me = Object.assign(Fe, { Button: R, Panel: te });
+let Fe = B(Ie), C = B(Ce), re = B(Be), Me = Object.assign(Fe, { Button: C, Panel: re });
 function Le(e) {
   return ne({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708" }, child: [] }] })(e);
 }
 const Je = ({ list: e }) => {
-  const r = oe();
-  return /* @__PURE__ */ s("nav", { className: "w-full bg-white px-4 py-6 dark:bg-gray-950", children: /* @__PURE__ */ s("ul", { children: e && e.map((t, d) => /* @__PURE__ */ s("li", { children: t != null && t.title ? /* @__PURE__ */ s("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: t.label }) : t.list ? /* @__PURE__ */ s(Me, { as: "div", children: ({ open: a }) => {
-    var u;
+  const t = oe();
+  return /* @__PURE__ */ s("nav", { className: "w-full bg-white px-4 py-6 dark:bg-gray-950", children: /* @__PURE__ */ s("ul", { children: e && e.map((r, d) => /* @__PURE__ */ s("li", { children: r != null && r.title ? /* @__PURE__ */ s("div", { className: "px-3 py-2 text-sm font-bold dark:text-white", children: r.label }) : r.list ? /* @__PURE__ */ s(Me, { as: "div", children: ({ open: n }) => {
+    var i;
     return /* @__PURE__ */ T(ae, { children: [
       /* @__PURE__ */ T(
-        R,
+        C,
         {
-          className: S(
+          className: x(
             "flex w-full items-center gap-2 rounded p-3 text-left font-semibold hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700"
           ),
           children: [
-            t.icon && /* @__PURE__ */ s(W, { name: t.icon, size: 20 }),
-            /* @__PURE__ */ s("span", { children: t.label }),
+            r.icon && /* @__PURE__ */ s(W, { name: r.icon, size: 20 }),
+            /* @__PURE__ */ s("span", { children: r.label }),
             /* @__PURE__ */ s(
               Le,
               {
-                className: S(
-                  a ? "rotate-90 text-gray-500" : "text-gray-400",
+                className: x(
+                  n ? "rotate-90 text-gray-500" : "text-gray-400",
                   "ml-auto h-4 w-4 shrink-0"
                 ),
                 "aria-hidden": "true"
@@ -142,30 +142,32 @@ const Je = ({ list: e }) => {
           ]
         }
       ),
-      /* @__PURE__ */ s(te, { as: "ul", className: "mt-1 px-2", children: (u = t == null ? void 0 : t.list) == null ? void 0 : u.map((n, l) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
-        R,
+      /* @__PURE__ */ s(re, { as: "ul", className: "mt-1 px-2", children: (i = r == null ? void 0 : r.list) == null ? void 0 : i.map((a, l) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(
+        C,
         {
           as: "a",
-          href: n.path,
-          className: S(
+          href: a.path ? a.path : "javascript:void();",
+          className: x(
             "block rounded py-2 pl-9 pr-2 text-gray-700 hover:bg-primary-50 dark:text-white dark:hover:bg-gray-700",
-            r.pathname === n.path && "bg-primary-50 dark:bg-gray-700"
+            t.pathname === a.path && "bg-primary-50 dark:bg-gray-700"
           ),
-          children: n.label
+          onClick: a == null ? void 0 : a.onClick,
+          children: a.label
         }
       ) }, l)) })
     ] });
   } }) : /* @__PURE__ */ T(
     "a",
     {
-      href: t.path,
-      className: S(
+      href: r.path ? r.path : "javascript:void();",
+      className: x(
         "flex w-full items-center justify-start gap-2 rounded p-3 font-semibold hover:bg-primary-50 dark:text-white dark:hover:bg-gray-800",
-        r.pathname === t.path ? "bg-primary-50 dark:bg-gray-800" : ""
+        t.pathname === r.path ? "bg-primary-50 dark:bg-gray-800" : ""
       ),
+      onClick: r == null ? void 0 : r.onClick,
       children: [
-        t.icon && /* @__PURE__ */ s(W, { name: t.icon, size: 20 }),
-        /* @__PURE__ */ s("span", { children: t.label })
+        r.icon && /* @__PURE__ */ s(W, { name: r.icon, size: 20 }),
+        /* @__PURE__ */ s("span", { children: r.label })
       ]
     }
   ) }, d)) }) });

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,16 +1,15 @@
-import { default as React } from 'react';
 import { SelectOption, ValueField } from '../Selectbox/SelectboxBase';
 
-export type RadioGroupProps = {
+export type RadioGroupProps<ListOption extends SelectOption> = {
     id?: string;
     name: string;
-    options: SelectOption[];
+    options: ListOption[];
     value: string;
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
     onChange: (value: string) => void;
-    valueField?: ValueField;
+    valueField?: ValueField<ListOption>;
 };
-declare const RadioGroup: React.FC<RadioGroupProps>;
+declare const RadioGroup: <ListOption extends SelectOption>({ options, value, valueField, onChange, }: RadioGroupProps<ListOption>) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/dist/components/Selectbox/FormSelectbox.d.ts

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
 import { SelectboxProps, SelectboxHandler } from './Selectbox';
+import { SelectOption } from './SelectboxBase';
 
-export type FormSelectboxProps = SelectboxProps & {
+export type FormSelectboxProps<ListOption extends SelectOption> = SelectboxProps<ListOption> & {
     name: string;
 };
-declare const _default: React.ForwardRefExoticComponent<FormSelectboxProps & React.RefAttributes<SelectboxHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: FormSelectboxProps<ListOption> & {
+    ref?: React.Ref<SelectboxHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/Selectbox/Selectbox.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
-import { SelectboxBaseProps, SelectboxBaseHandler } from './SelectboxBase';
+import { SelectboxBaseProps, SelectboxBaseHandler, SelectOption } from './SelectboxBase';
 import { SelectboxMultipleProps, SelectboxMultipleHandler } from './SelectboxMultiple';
 
-export type SelectboxProps = (SelectboxBaseProps | SelectboxMultipleProps) & {
+export type SelectboxProps<ListOption extends SelectOption> = (SelectboxBaseProps<ListOption> | SelectboxMultipleProps<ListOption>) & {
     multiple?: boolean;
 };
 export type SelectboxHandler = SelectboxBaseHandler | SelectboxMultipleHandler;
-declare const _default: React.ForwardRefExoticComponent<SelectboxProps & React.RefAttributes<SelectboxHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: SelectboxProps<ListOption> & {
+    ref?: React.Ref<SelectboxHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/Selectbox/SelectboxBase.d.ts

@@ -1,33 +1,35 @@
 import { default as React } from 'react';
 
-export type ValueCallback = (option: SelectOption) => string;
-export type ValueField = ValueCallback | "id" | "value" | "label" | string;
+export type ValueCallback<ListOption extends SelectOption> = (option: ListOption) => string;
+export type ValueField<ListOption extends SelectOption> = ValueCallback<ListOption> | "id" | "value" | "label" | string;
 export type SelectOption = {
     id: string | number;
     label: string;
     value: string | number;
     enable: boolean;
 };
-export type Action = {
+export type Action<ListOption extends SelectOption> = {
     type: "SETVALUE";
     value: string;
 } | {
     type: "SETSELECT";
-    selected: SelectOption;
+    selected: ListOption;
 };
-export type SelectboxBaseProps = {
+export type SelectboxBaseProps<ListOption extends SelectOption> = {
     id?: string;
     name: string;
-    options: SelectOption[];
+    options: ListOption[];
     value: string | number;
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
     onChange: (value: string | number) => void;
-    valueField?: ValueField;
+    valueField?: ValueField<ListOption>;
 };
 export type SelectboxBaseHandler = {
     setValue: (value: string | number) => void;
 };
-declare const _default: React.ForwardRefExoticComponent<SelectboxBaseProps & React.RefAttributes<SelectboxBaseHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: SelectboxBaseProps<ListOption> & {
+    ref?: React.Ref<SelectboxBaseHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/Selectbox/SelectboxMultiple.d.ts

@@ -4,16 +4,18 @@ import { SelectOption, ValueField } from './SelectboxBase';
 export type SelectboxMultipleHandler = {
     setValue: (value: string[]) => void;
 };
-export interface SelectboxMultipleProps {
+export interface SelectboxMultipleProps<ListOption extends SelectOption> {
     id?: string;
-    options: SelectOption[];
+    options: ListOption[];
     name: string;
     value?: string[] | number[];
     readOnly?: boolean;
     className?: string;
     placeholder?: string;
     onChange?: (value: string[] | number[]) => void;
-    valueField?: ValueField;
+    valueField?: ValueField<ListOption>;
 }
-declare const _default: React.ForwardRefExoticComponent<SelectboxMultipleProps & React.RefAttributes<SelectboxMultipleHandler>>;
+declare const _default: <ListOption extends SelectOption>(props: SelectboxMultipleProps<ListOption> & {
+    ref?: React.Ref<SelectboxMultipleHandler>;
+}) => React.ReactElement;
 export default _default;

package/dist/components/Selectbox/helper.d.ts

@@ -1,3 +1,3 @@
 import { SelectOption, ValueField } from './SelectboxBase';
 
-export declare const getValue: (option: SelectOption, valueField: ValueField) => string;
+export declare const getValue: <ListOption extends SelectOption>(option: ListOption, valueField: ValueField<ListOption>) => string;

package/dist/hooks/useLocalStorage.d.ts

@@ -1 +1 @@
-export declare const useLocalStorage: (name: string, defaultValue?: boolean | string | number | object | null) => any[];
+export declare const useLocalStorage: <ValueType extends unknown>(name: string, defaultValue?: ValueType) => any[];

package/dist/hooks/useLocalStorage.js

@@ -15,10 +15,7 @@ const f = (e, n) => {
     window.localStorage.setItem(
       r,
       JSON.stringify(
-        o.reduce(
-          (t, c, a) => a === e ? t : { ...t, [a]: c },
-          {}
-        )
+        o.reduce((t, c, a) => a === e ? t : { ...t, [a]: c }, {})
       )
     );
   }, [r]);

package/dist/index.css

@@ -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:100vw}html:is(.dark *),body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}input:not([type=checkbox]):not([type=radio]):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}textarea:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / 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(59 130 246 / 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}table.table{width:100%}table.table thead tr th{border-width:1px;border-left-width:0px;border-right-width:0px;border-top-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-border-opacity: 1;border-bottom-color:rgb(0 0 0 / var(--tw-border-opacity));padding:.5rem 1rem;font-weight:600}table.table thead tr th:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}table.table tbody tr td{border-width:1px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity));padding:.75rem 1rem;text-align:center}table.table tbody tr:hover td{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}table.table tbody tr:hover td:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-2{top:.5rem}.\!z-\[999\]{z-index:999!important}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[150\%\]{height:150%}.h-\[56px\]{height:56px}.h-full{height:100%}.h-screen{height:100vh}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-\[300px\]{max-height:300px}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[150\%\]{width:150%}.w-\[320px\]{width:320px}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-auto{flex:1 1 auto}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.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-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-0{--tw-translate-y: -0px;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))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;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-0{--tw-translate-y: 0px;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-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.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-primary-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-black\/25{background-color:#00000040}.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-gray-800\/10{background-color:#1f29371a}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / 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-primary-600{fill:#2563eb}.\!p-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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}.px-7{padding-left:1.75rem;padding-right:1.75rem}.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}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-\[56px\]{padding-top:56px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.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}.leading-6{line-height:1.5rem}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / 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-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity: 1;color:rgb(37 99 235 / 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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-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)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-0{--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(0px + 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-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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,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-gray-400:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.after\:bg-primary-100:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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-primary-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-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 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-primary-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\:z-10{z-index:10}.peer:checked~.peer-checked\:flex{display:flex}.data-\[checked\]\:bg-primary-500[data-checked]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.data-\[focus\]\:outline-1[data-focus]{outline-width:1px}.data-\[focus\]\:outline-white[data-focus]{outline-color:#fff}.group[data-checked] .group-data-\[checked\]\:translate-x-7{--tw-translate-x: 1.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))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:bg-gray-50\/10:is(.dark *){background-color:#f9fafb1a}.dark\:bg-gray-500\/85:is(.dark *){background-color:#6b7280d9}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-gray-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}.dark\:fill-primary-50:is(.dark *){fill:#eff6ff}.dark\:fill-primary-600:is(.dark *){fill:#2563eb}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:shadow-gray-800:is(.dark *){--tw-shadow-color: #1f2937;--tw-shadow: var(--tw-shadow-colored)}.dark\:after\:bg-gray-600:is(.dark *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-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))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:data-\[checked\]\:bg-primary-500[data-checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / 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}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}}@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\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.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))}.lg\:pl-\[320px\]{padding-left:320px}}
+*,: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:100vw}html:is(.dark *),body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}input:not([type=checkbox]):not([type=radio]):is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}textarea:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / 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(59 130 246 / 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}table.table{width:100%}table.table thead tr th{border-width:1px;border-left-width:0px;border-right-width:0px;border-top-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-border-opacity: 1;border-bottom-color:rgb(0 0 0 / var(--tw-border-opacity));padding:.5rem 1rem;font-weight:600}table.table thead tr th:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}table.table tbody tr td{border-width:1px;border-left-width:0px;border-right-width:0px;border-top-width:0px;--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity));padding:.75rem 1rem;text-align:center}table.table tbody tr:hover td{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}table.table tbody tr:hover td:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-2{top:.5rem}.top-\[56px\]{top:56px}.\!z-\[999\]{z-index:999!important}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[150\%\]{height:150%}.h-\[56px\]{height:56px}.h-full{height:100%}.h-screen{height:100vh}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-\[300px\]{max-height:300px}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[150\%\]{width:150%}.w-\[320px\]{width:320px}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-auto{flex:1 1 auto}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.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-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-0{--tw-translate-y: -0px;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))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;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-0{--tw-translate-y: 0px;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-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.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-primary-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-black\/25{background-color:#00000040}.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-gray-800\/10{background-color:#1f29371a}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / 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-primary-600{fill:#2563eb}.\!p-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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}.px-7{padding-left:1.75rem;padding-right:1.75rem}.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}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-\[56px\]{padding-top:56px}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.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}.leading-6{line-height:1.5rem}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / 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-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity: 1;color:rgb(37 99 235 / 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{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-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)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-0{--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(0px + 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-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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,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-gray-400:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.after\:bg-primary-100:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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-primary-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-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 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-primary-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\:z-10{z-index:10}.peer:checked~.peer-checked\:flex{display:flex}.data-\[checked\]\:bg-primary-500[data-checked]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.data-\[focus\]\:outline-1[data-focus]{outline-width:1px}.data-\[focus\]\:outline-white[data-focus]{outline-color:#fff}.group[data-checked] .group-data-\[checked\]\:translate-x-7{--tw-translate-x: 1.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))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:bg-gray-50\/10:is(.dark *){background-color:#f9fafb1a}.dark\:bg-gray-500\/85:is(.dark *){background-color:#6b7280d9}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:bg-gray-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}.dark\:fill-primary-50:is(.dark *){fill:#eff6ff}.dark\:fill-primary-600:is(.dark *){fill:#2563eb}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:shadow-gray-800:is(.dark *){--tw-shadow-color: #1f2937;--tw-shadow: var(--tw-shadow-colored)}.dark\:after\:bg-gray-600:is(.dark *):after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-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))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:data-\[checked\]\:bg-primary-500[data-checked]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / 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}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}}@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\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.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))}.lg\:pl-\[320px\]{padding-left:320px}}

package/dist/layouts/SideMenu/SideMenu.js

@@ -1,6 +1,6 @@
-import { jsxs as i, Fragment as m, jsx as r } from "react/jsx-runtime";
-import o, { Fragment as c } from "react";
-import { useLocalStorage as w } from "../../hooks/useLocalStorage.js";
+import { jsxs as i, Fragment as m, jsx as n } from "react/jsx-runtime";
+import o, { Fragment as w } from "react";
+import { useLocalStorage as c } from "../../hooks/useLocalStorage.js";
 import { t as u } from "../../bundle-mjs-SHnj3fHy.js";
 import { X as h } from "../../transition-6o20faRl.js";
 const p = (e, t) => t.type === "toggleSmMenu" ? {
@@ -9,10 +9,10 @@ const p = (e, t) => t.type === "toggleSmMenu" ? {
 } : t.type === "toggleLgMenu" ? {
   ...e,
   showLgMenu: !e.showLgMenu
-} : e, M = ({ header: e, menu: t, menuType: n = "static", children: d }, f) => {
-  const [a, g] = w("menuOpen", !0), [l, s] = o.useReducer(p, {
+} : e, M = ({ header: e, menu: t, menuType: r = "static", children: d }, f) => {
+  const [a, g] = c("menuOpen", !0), [l, s] = o.useReducer(p, {
     showSmMenu: !1,
-    showLgMenu: n === "fixed" ? !1 : a
+    showLgMenu: r === "fixed" ? !1 : a
   });
   return o.useImperativeHandle(f, () => ({
     toggleMenu: () => {
@@ -24,10 +24,10 @@ const p = (e, t) => t.type === "toggleSmMenu" ? {
   })), o.useEffect(() => {
     s({
       type: "setLgMenu",
-      menuOpen: n === "fixed" ? !1 : a
+      menuOpen: r === "fixed" ? !1 : a
     });
-  }, [a, n]), /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ r("div", { className: "fixed top-0 z-50 w-full left-0 right-0", children: e }),
+  }, [a, r]), /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ n("div", { className: "fixed top-0 w-full left-0 right-0 z-10", children: e }),
     /* @__PURE__ */ i(
       "div",
       {
@@ -35,10 +35,10 @@ const p = (e, t) => t.type === "toggleSmMenu" ? {
           "flex min-h-full w-full min-w-min flex-col pt-[56px]"
         ),
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             h,
             {
-              as: c,
+              as: w,
               show: l.showSmMenu,
               enter: "transform transition duration-300",
               enterFrom: "-translate-y-0",
@@ -46,26 +46,27 @@ const p = (e, t) => t.type === "toggleSmMenu" ? {
               leave: "transform transition duration-200 ease-in-out",
               leaveFrom: "translate-y-0",
               leaveTo: "-translate-y-full",
-              children: /* @__PURE__ */ r("div", { className: "absolute bottom-0 top-14 z-50 flex w-full bg-white shadow dark:bg-gray-900 lg:hidden", children: t })
+              children: /* @__PURE__ */ n("div", { className: "absolute bottom-0 top-14 z-10 flex w-full bg-white shadow dark:bg-gray-900 lg:hidden", children: t })
             }
           ),
           /* @__PURE__ */ i("div", { className: "flex w-full flex-auto", children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               "div",
               {
                 className: u(
-                  "hidden w-[320px] shadow dark:shadow-gray-800 dark:bg-gray-900 lg:flex fixed top-0 pt-[56px] left-0 z-40 bottom-0 transform transition duration-300",
+                  "hidden w-[320px] shadow bg-white dark:shadow-gray-800 dark:bg-gray-900 lg:flex fixed top-[56px] left-0 bottom-0 transform transition duration-300",
+                  r === "fixed" && "z-50",
                   l.showLgMenu === !0 ? "translate-x-0" : "-translate-x-full"
                 ),
                 children: t
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               "div",
               {
                 className: u(
                   "grow",
-                  l.showLgMenu === !0 && n === "static" ? "lg:pl-[320px]" : ""
+                  l.showLgMenu === !0 && r === "static" ? "lg:pl-[320px]" : ""
                 ),
                 children: d
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anysystem-design",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,21 +15,32 @@
     "build": "tsc -p ./tsconfig-build.json && bunx --bun vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "bunx --bun vite preview",
-    "deploy": "npm login && npm publish"
+    "deploy": "npm login && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^2.2.0",
-    "formik": "^2.4.6",
-    "react-router-dom": "^6.24.0",
     "@aliakbarazizi/headless-datepicker": "^2.0.2",
     "@floating-ui/react": "^0.26.19",
     "@headlessui/react": "^2.1.2",
+    "formik": "^2.4.6",
     "moment": "^2.30.1",
-    "react-icons": "^5.2.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-icons": "^5.2.1",
+    "react-router-dom": "^6.24.0",
+    "tailwind-merge": "^2.2.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-interactions": "^8.2.7",
+    "@storybook/addon-links": "^8.2.7",
+    "@storybook/addon-onboarding": "^8.2.7",
+    "@storybook/blocks": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-vite": "^8.2.7",
+    "@storybook/test": "^8.2.7",
     "@types/lodash": "^4.17.6",
     "@types/react": "^18.2.43",
     "@types/react-dom": "^18.2.17",
@@ -40,6 +51,7 @@
     "eslint": "^8.55.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-storybook": "^0.8.0",
     "glob": "^10.3.15",
     "less": "^4.2.0",
     "node": "^20.13.1",
@@ -49,11 +61,11 @@
     "postcss-nesting": "^12.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "storybook": "^8.2.7",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.2.2",
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-lib-inject-css": "^2.1.1"
-  },
-  "dependencies": {}
+  }
 }