anysystem-design 0.0.18 → 0.0.19

package/dist/{combobox-Dj9kDXdY.js → combobox-DcjIgW1K.js}

@@ -3,7 +3,7 @@ import * as oe from "react";
 import $, { useRef as W, useEffect as He, createContext as ve, useReducer as Ke, createRef as Ue, useCallback as Te, useMemo as G, useId as ce, useContext as be, useState as Ge, Fragment as De } from "react";
 import { r as X } from "./index-DsprzSCj.js";
 import { w as qe, T as Je } from "./use-resolve-button-type-DkEA2l9L.js";
-import { u as Ye } from "./index-bj2cEeS0.js";
+import { u as Ye } from "./use-by-comparator-CVuf9KBq.js";
 import { K as Qe, l as Xe, T as Ze, z as et, j as tt, u as nt, I as ge } from "./label-9PX7EyLe.js";
 import { o as x, n as q, M as Re, W as se, u as ee, H as re, y as de, p as ot, D as xe, s as it, b as Ee } from "./use-sync-refs-TDnk3jQt.js";
 import { v as st, y as rt, x as lt, R as at, f as ut, g as ye, l as Ce, k as ct, h as dt, i as _, j as Me } from "./calculate-active-index-xXUBsarF.js";

package/dist/components/AutoComplete/AutoCompleteBase.js

@@ -1,10 +1,10 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
 import c, { Fragment as p } from "react";
 import { t as y } from "../../bundle-mjs-SHnj3fHy.js";
-import { H as b } from "../../index-bj2cEeS0.js";
-import { c as x } from "../../index-Bv0kHmgl.js";
+import { H as b } from "../../index-BVp57yIc.js";
+import { c as x } from "../../index-CBEJ8A3p.js";
 import { getValue as u } from "../Selectbox/helper.js";
-import { N as w, G as C, H as E, z as N, K as L } from "../../combobox-Dj9kDXdY.js";
+import { N as w, G as C, H as E, z as N, K as L } from "../../combobox-DcjIgW1K.js";
 import { X as S } from "../../transition-6o20faRl.js";
 const H = (t, r) => r.type === "SEARCH" ? {
   ...t,

package/dist/components/AutoComplete/AutoCompleteMultiple.js

@@ -2,11 +2,11 @@ import { jsx as l, jsxs as m } from "react/jsx-runtime";
 import p, { Fragment as h } from "react";
 import { _ as x } from "../../lodash-XYp3qmxI.js";
 import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
-import { H as b } from "../../index-bj2cEeS0.js";
-import { c as C } from "../../index-Bv0kHmgl.js";
-import { a as w } from "../../index-C197ia6B.js";
+import { H as b } from "../../index-BVp57yIc.js";
+import { c as C } from "../../index-CBEJ8A3p.js";
+import { d as w } from "../../index-DUypCuzD.js";
 import { getValue as o } from "../Selectbox/helper.js";
-import { N, G as S, H as L, z as T, K as q } from "../../combobox-Dj9kDXdY.js";
+import { N, G as S, H as L, z as T, K as q } from "../../combobox-DcjIgW1K.js";
 import { X as A } from "../../transition-6o20faRl.js";
 const R = (r, t) => {
   if (t.type === "SEARCH")

package/dist/components/Checkbox/CheckboxBase.d.ts

@@ -4,5 +4,6 @@ export type CheckboxBaseProps = React.InputHTMLAttributes<HTMLInputElement> & {
     className?: string;
     isError?: boolean;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    intermediate?: boolean;
 };
 export declare const CheckboxBase: React.FC<CheckboxBaseProps>;

package/dist/components/Checkbox/CheckboxBase.js

@@ -1,29 +1,32 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { A as t } from "../../index-C197ia6B.js";
-import { t as c } from "../../bundle-mjs-SHnj3fHy.js";
-const f = ({
-  className: a,
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { b as n, c } from "../../index-DUypCuzD.js";
+import { t as s } from "../../bundle-mjs-SHnj3fHy.js";
+const m = ({
+  className: t,
   isError: d,
-  inputProps: r,
-  ...e
+  inputProps: l,
+  intermediate: a = !1,
+  ...r
 }) => /* @__PURE__ */ o("div", { className: "relative h-5 w-5 overflow-hidden rounded", children: [
-  /* @__PURE__ */ l(
+  /* @__PURE__ */ e(
     "input",
     {
       type: "checkbox",
-      className: c(
-        "relative z-10",
+      className: s(
+        "relative z-20",
         "peer block h-full w-full cursor-pointer appearance-none rounded border-2 border-gray-400 focus:outline-4 focus:outline-blue-500",
         "checked:border-primary-600",
+        a && "border-primary-600",
         d && "border-red-500",
-        a
+        t
       ),
-      value: (r == null ? void 0 : r.value) || (e == null ? void 0 : e.value) || "",
-      ...e
+      value: (l == null ? void 0 : l.value) || (r == null ? void 0 : r.value) || "",
+      ...r
     }
   ),
-  /* @__PURE__ */ l("span", { className: "absolute left-1/2 top-1/2 hidden h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 peer-checked:z-10 peer-checked:flex dark:fill-primary-600", children: /* @__PURE__ */ l(t, { className: "h-full w-full rounded" }) })
+  a === !0 && /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 flex h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 dark:fill-primary-600", children: /* @__PURE__ */ e(n, { className: "h-full w-full rounded" }) }),
+  /* @__PURE__ */ e("span", { className: "absolute left-1/2 top-1/2 hidden h-[150%] w-[150%] -translate-x-1/2 -translate-y-1/2 transform items-center justify-center overflow-hidden rounded font-bold text-primary-600 peer-checked:z-10 peer-checked:flex dark:fill-primary-600", children: /* @__PURE__ */ e(c, { className: "h-full w-full rounded" }) })
 ] });
 export {
-  f as CheckboxBase
+  m as CheckboxBase
 };

package/dist/components/Container/Container.js

@@ -3,7 +3,7 @@ import { t as r } from "../../bundle-mjs-SHnj3fHy.js";
 const l = ({
   className: e,
   ...t
-}) => /* @__PURE__ */ m("div", { className: r("mx-auto w-full max-w-lg pt-8 px-4", e), children: t == null ? void 0 : t.children });
+}) => /* @__PURE__ */ m("div", { className: r("mx-auto w-full max-w-lg px-4 py-8", e), children: t == null ? void 0 : t.children });
 export {
   l as Container
 };

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { DataTableField } from './libs/type';
+
+export type DataTableProps = {
+    data: object[];
+    fields: DataTableField[];
+    selectable?: boolean;
+    chooseFieldable?: boolean;
+    name?: string;
+};
+declare const DataTable: React.FC<DataTableProps>;
+export default DataTable;

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,54 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import h from "react";
+import { _ as u } from "../../lodash-XYp3qmxI.js";
+import { DataTableProvider as D } from "./contexts/DataTableContext.js";
+import s from "./components/DataTableHead.js";
+import c from "./components/DataTableBody.js";
+import n from "./components/FieldSelectbox.js";
+import { useLocalStorage as S } from "../../hooks/useLocalStorage.js";
+const w = (e, l) => l.type === "SELECT_ALL" ? {
+  ...e,
+  DTChecked: e.DTChecked.every((r) => r === !0) ? e.DTChecked.map(() => !1) : e.DTChecked.map(() => !0)
+} : l.type === "SELECT_ROW" ? {
+  ...e,
+  DTChecked: e.DTChecked.map((r, d) => d === l.index ? !r : r)
+} : l.type === "SELECT_FIELDKEY" ? {
+  ...e,
+  DTShowFields: e.DTShowFields.includes(l.fieldKey) ? e.DTShowFields.filter((r) => r !== l.fieldKey) : u.uniq([...e.DTShowFields, l.fieldKey])
+} : l.type === "SET_FIELD" ? {
+  ...e,
+  DTShowFields: l.fields.map((r) => r.key)
+} : e, v = ({
+  name: e = "",
+  data: l,
+  fields: r,
+  selectable: d = !1,
+  chooseFieldable: T = !1
+}) => {
+  const [f, p] = S(
+    `tableName-path-${window.location.pathname.replace(/\//g, "-")}-name-${e}`,
+    r.every((o) => !(o != null && o.default)) ? r.map((o) => o.key) : r.filter((o) => o.default === !0).map((o) => o.key)
+  ), [i, t] = h.useReducer(w, {
+    DTData: l,
+    DTChecked: new Array(l.length).fill(!1),
+    DTShowFields: f
+  });
+  return h.useEffect(() => {
+    p(i.DTShowFields);
+  }, [i.DTShowFields]), /* @__PURE__ */ a(
+    D,
+    {
+      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, {}),
+          /* @__PURE__ */ a(c, {})
+        ] }),
+        /* @__PURE__ */ a(n, {})
+      ] })
+    }
+  );
+};
+export {
+  v as default
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const DataTableBody: React.FC;
+export default DataTableBody;

package/dist/components/DataTable/components/DataTableBody.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+import m from "./DataTableRow.js";
+import { DataTableContext as n } from "../contexts/DataTableContext.js";
+const p = () => {
+  const { state: t } = r.useContext(n);
+  return /* @__PURE__ */ o("tbody", { children: t.DTData && t.DTData.map((e, a) => /* @__PURE__ */ o(m, { row: e, index: a }, a)) });
+};
+export {
+  p as default
+};

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

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

package/dist/components/DataTable/components/DataTableCell.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { _ as n } from "../../../lodash-XYp3qmxI.js";
+import { getValueByKey as f } from "../libs/helper.js";
+const m = ({
+  children: e,
+  data: o,
+  field: i
+}) => {
+  if (e)
+    return /* @__PURE__ */ t("td", { children: e });
+  if (typeof o != "object" || !i)
+    return /* @__PURE__ */ t("td", {});
+  const r = f(o, i);
+  return r ? n.isArray(r) ? /* @__PURE__ */ t("td", { children: r.join(",") }) : /* @__PURE__ */ t("td", { children: r }) : /* @__PURE__ */ t("td", {});
+};
+export {
+  m as default
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const DataTableHead: React.FC;
+export default DataTableHead;

package/dist/components/DataTable/components/DataTableHead.js

@@ -0,0 +1,25 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import o from "react";
+import { DataTableContext as h } from "../contexts/DataTableContext.js";
+import { CheckboxBase as m } from "../../Checkbox/CheckboxBase.js";
+import n from "./DataTableHeadCell.js";
+const D = () => {
+  const { fields: r, selectable: s, state: t, dispatch: d } = o.useContext(h), l = o.useMemo(
+    () => r.filter((e) => t.DTShowFields.includes(e.key)),
+    [r, t.DTShowFields]
+  );
+  return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ c("tr", { children: [
+    s && /* @__PURE__ */ a("th", { className: "w-8 p-2", children: /* @__PURE__ */ a(
+      m,
+      {
+        checked: t.DTChecked.every((e) => e === !0),
+        intermediate: t.DTChecked.some((e) => e === !0) && !t.DTChecked.every((e) => e === !0),
+        onChange: () => d({ type: "SELECT_ALL" })
+      }
+    ) }),
+    l.map((e, i) => /* @__PURE__ */ a(n, { field: e }, i))
+  ] }) });
+};
+export {
+  D as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { jsxs as d, jsx as e, Fragment as f } from "react/jsx-runtime";
+import n from "react";
+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 { 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(
+      C,
+      {
+        checked: !!r.DTChecked[l],
+        onChange: () => i({ type: "SELECT_ROW", index: l })
+      }
+    ) }),
+    o || (p.isPlainObject(a) ? m.filter((t) => r.DTShowFields.includes(t.key)).map((t, c) => /* @__PURE__ */ e(b, { data: a, field: t.value }, c)) : /* @__PURE__ */ e(f, {}))
+  ] });
+};
+export {
+  j as default
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const FieldSelectbox: React.FC;
+export default FieldSelectbox;

package/dist/components/DataTable/components/FieldSelectbox.js

@@ -0,0 +1,104 @@
+import { jsxs as n, jsx as t, Fragment as c } from "react/jsx-runtime";
+import w, { Fragment as k } from "react";
+import { A as N, a as T } from "../../../index-DUypCuzD.js";
+import { t as m } from "../../../bundle-mjs-SHnj3fHy.js";
+import { u as C, a as D, b as S, c as j, d as M, e as R } from "../../../calculate-active-index-xXUBsarF.js";
+import { DataTableContext as A } from "../contexts/DataTableContext.js";
+import { o as E, f as P, s as U, a as _ } from "../../../floating-ui.react-dom-YTFlGVA5.js";
+import { M as z, U as B, G, V as I } from "../../../listbox-T8TrOULl.js";
+import { X as V } from "../../../transition-6o20faRl.js";
+const W = () => {
+  const { fields: a, state: l, dispatch: d } = w.useContext(A), { refs: r, x: u, y: p, strategy: f, floatingStyles: y, context: o } = C({
+    open: !0,
+    middleware: [E(10), P(), U()],
+    whileElementsMounted: _,
+    placement: "bottom-end"
+  }), h = D(o, { move: !1 }), g = S(o), x = j(o), v = M(o, { role: "tooltip" }), { getReferenceProps: b, getFloatingProps: F } = R([
+    h,
+    g,
+    x,
+    v
+  ]);
+  return /* @__PURE__ */ n(
+    z,
+    {
+      className: "absolute right-2 top-2",
+      as: "div",
+      value: a.filter((s) => l.DTShowFields.includes(s.key)),
+      multiple: !0,
+      onChange: (s) => {
+        const i = s.map((e) => e.key);
+        d({
+          type: "SET_FIELD",
+          fields: s.length === 0 ? a.every((e) => !(e != null && e.default)) ? a : a.filter((e) => !!(e != null && e.default)) : a.filter((e) => i.includes(e.key))
+        });
+      },
+      ref: r.setReference,
+      ...b(),
+      children: [
+        /* @__PURE__ */ t(B, { className: "relative z-10 inline-flex justify-between !p-0 focus:outline-none", children: /* @__PURE__ */ t(
+          N,
+          {
+            className: "h-5 w-5 text-gray-400",
+            "aria-hidden": "true"
+          }
+        ) }),
+        /* @__PURE__ */ t(
+          V,
+          {
+            as: k,
+            enter: "transition duration-100 ease-out",
+            enterFrom: "scale-95 transform opacity-0",
+            enterTo: "scale-100 transform opacity-100",
+            leave: "transition duration-75 ease-in",
+            leaveFrom: "scale-100 transform opacity-100",
+            leaveTo: "scale-95 transform opacity-0",
+            children: /* @__PURE__ */ t(
+              G,
+              {
+                className: "absolute !z-[999] mt-2 inline-block w-48 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+                ref: r.setFloating,
+                style: y,
+                ...F({
+                  style: {
+                    position: f,
+                    top: p ?? "",
+                    left: u ?? ""
+                  }
+                }),
+                children: /* @__PURE__ */ t("div", { className: "flex flex-col px-1 py-1", children: a.map((s) => {
+                  var i;
+                  return /* @__PURE__ */ t(
+                    I,
+                    {
+                      className: m(
+                        "relative flex cursor-pointer select-none justify-between px-3 py-2 text-black hover:bg-primary-100"
+                      ),
+                      value: s,
+                      children: /* @__PURE__ */ n(c, { children: [
+                        /* @__PURE__ */ t("span", { className: "pl-6", children: s.label }),
+                        (i = l.DTShowFields) != null && i.includes(s.key) ? /* @__PURE__ */ t(
+                          "span",
+                          {
+                            className: m(
+                              "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
+                            ),
+                            children: /* @__PURE__ */ t(T, { className: "h-4 w-5", "aria-hidden": "true" })
+                          }
+                        ) : /* @__PURE__ */ t(c, {})
+                      ] })
+                    },
+                    s.key
+                  );
+                }) })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  W as default
+};

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { DataTableField, State, Action } from '../libs/type';
+
+export type DataTableContextType = {
+    selectable: boolean;
+    chooseFieldable: boolean;
+    fields: DataTableField[];
+    state: State;
+    dispatch: React.Dispatch<Action>;
+};
+export declare const DataTableContext: React.Context<DataTableContextType>;
+export declare const DataTableProvider: React.Provider<DataTableContextType>;

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

@@ -0,0 +1,13 @@
+import e from "react";
+const t = e.createContext({
+  selectable: !1,
+  chooseFieldable: !1,
+  fields: [],
+  state: { DTChecked: [], DTData: [], DTShowFields: [] },
+  dispatch: () => {
+  }
+}), o = t.Provider;
+export {
+  t as DataTableContext,
+  o as DataTableProvider
+};

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

@@ -0,0 +1,2 @@
+export * from './DataTable';
+export { default as default } from './DataTable';

package/dist/components/DataTable/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./DataTable.js";
+export {
+  o as default
+};

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

@@ -0,0 +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;

package/dist/components/DataTable/libs/helper.js

@@ -0,0 +1,32 @@
+import { _ as t } from "../../../lodash-XYp3qmxI.js";
+const y = (e) => e.startsWith("$"), f = (e, i) => {
+  if (!t.isPlainObject(e) && !t.isArray(e))
+    return e;
+  if (typeof i == "function")
+    return i(e);
+  if (!y(i))
+    return i;
+  const s = i.replace(/^\$\./, "").split(".").reduce(
+    (r, n) => {
+      var u;
+      return !t.isPlainObject(r.data) && !t.isArray(r.data) ? { ...r, key: "" } : t.isArray(r.data) ? {
+        ...r,
+        isArray: !0,
+        key: r.key + "." + n
+      } : n === "@" ? {
+        ...r,
+        key: "$",
+        isArray: !1
+      } : {
+        ...r,
+        data: (u = r == null ? void 0 : r.data) == null ? void 0 : u[n]
+      };
+    },
+    { data: e, isArray: !1, key: "" }
+  );
+  return s.isArray === !0 ? t.map(s.data, (r) => f(r, s.key)) : s.data;
+};
+export {
+  f as getValueByKey,
+  y as isValueKey
+};

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

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

package/dist/components/DataTable/libs/type.js

@@ -0,0 +1 @@
+

package/dist/components/DatePicker/DatePicker.js

@@ -1,6 +1,6 @@
 import { jsx as j, jsxs as Ne, Fragment as ct } from "react/jsx-runtime";
 import { t as We } from "../../bundle-mjs-SHnj3fHy.js";
-import { b as Hn, c as In } from "../../index-C197ia6B.js";
+import { e as Hn, f as In } from "../../index-DUypCuzD.js";
 import Ln, { createContext as wa, forwardRef as pa, useRef as Qe, useReducer as An, useEffect as Fe, Fragment as ga, isValidElement as jn, cloneElement as Gn, createElement as qn, useContext as Dt, useId as $n, useMemo as br, useState as _a, useCallback as Vn, useLayoutEffect as ba } from "react";
 import { u as Qn, a as Bn, o as zn, f as Zn, s as Xn } from "../../floating-ui.react-dom-YTFlGVA5.js";
 //! moment.js

package/dist/components/Icon/Icon.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I as s } from "../../index-C197ia6B.js";
+import { I as s } from "../../index-DUypCuzD.js";
 const m = ({ name: o, ...t }) => {
   const n = s[o];
   return /* @__PURE__ */ r(n, { ...t });

package/dist/components/Label/Label.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { t as s } from "../../bundle-mjs-SHnj3fHy.js";
-import { b as m } from "../../index-Bv0kHmgl.js";
-const b = ({
+import { F as m } from "../../index-CBEJ8A3p.js";
+const h = ({
   label: t,
   className: i,
   htmlFor: d,
@@ -43,5 +43,5 @@ const b = ({
   ] })
 ] });
 export {
-  b as default
+  h as default
 };

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import r from "react";
 import { t as d } from "../../bundle-mjs-SHnj3fHy.js";
-import { F as u, a as l } from "../../index-Bv0kHmgl.js";
+import { a as u, b as l } from "../../index-CBEJ8A3p.js";
 const p = ({ type: o = "password", ...a }, n) => {
   const t = r.useRef(null), [s, f] = r.useState(o !== "password");
   return r.useImperativeHandle(

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,9 +1,10 @@
 import { jsx as C, jsxs as he } from "react/jsx-runtime";
 import y, { createContext as re, useId as V, useReducer as ye, useRef as _, useMemo as P, useCallback as $e, useContext as te } from "react";
 import { t as M } from "../../bundle-mjs-SHnj3fHy.js";
-import { u as ke, a as Ee, b as Te } from "../../index-bj2cEeS0.js";
+import { a as ke, b as Ee } from "../../index-BVp57yIc.js";
 import { getValue as z } from "../Selectbox/helper.js";
 import { $ as ae, a as ie, r as oe } from "../../bugs-CHTtT8VX.js";
+import { u as Te } from "../../use-by-comparator-CVuf9KBq.js";
 import { K as Oe, z as le, l as Ce, T as Pe, j as xe, u as De, I as we, p as Ge } from "../../label-9PX7EyLe.js";
 import { W, y as K, o as U, H as q, s as ne, n as se, D as ue, u as Se } from "../../use-sync-refs-TDnk3jQt.js";
 import { w as Fe, a as de, U as ce, G as Ne } from "../../description-BGLBXSvA.js";
@@ -41,7 +42,7 @@ function je(e, r) {
 }
 let He = "div";
 function ze(e, r) {
-  let t = V(), a = de(), { id: n = `headlessui-radiogroup-${t}`, value: $, form: l, name: s, onChange: u, by: b, disabled: d = a || !1, defaultValue: v, ...N } = e, f = ke(b), [k, x] = ye(je, { options: [] }), c = k.options, [E, A] = le(), [D, T] = ce(), O = _(null), w = K(O, r), R = Ce(v), [i, G] = Pe($, u, R), S = P(() => c.find((o) => !o.propsRef.current.disabled), [c]), h = P(() => c.some((o) => f(o.propsRef.current.value, i)), [c, i]), p = U((o) => {
+  let t = V(), a = de(), { id: n = `headlessui-radiogroup-${t}`, value: $, form: l, name: s, onChange: u, by: b, disabled: d = a || !1, defaultValue: v, ...N } = e, f = Te(b), [k, x] = ye(je, { options: [] }), c = k.options, [E, A] = le(), [D, T] = ce(), O = _(null), w = K(O, r), R = Ce(v), [i, G] = Pe($, u, R), S = P(() => c.find((o) => !o.propsRef.current.disabled), [c]), h = P(() => c.some((o) => f(o.propsRef.current.value, i)), [c, i]), p = U((o) => {
     var L;
     if (d || f(o, i)) return !1;
     let g = (L = c.find((j) => f(j.propsRef.current.value, o))) == null ? void 0 : L.propsRef.current;
@@ -114,7 +115,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
   ...e,
   selected: r.selected,
   value: z(r.selected, e.valueField) + ""
-} : e, ur = ({
+} : e, dr = ({
   options: e,
   value: r,
   valueField: t = "value",
@@ -148,7 +149,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
           children: ({ checked: s }) => /* @__PURE__ */ he("div", { className: "flex w-full items-center justify-between", children: [
             /* @__PURE__ */ C("div", { className: "text-sm/6", children: /* @__PURE__ */ C("p", { className: "font-semibold", children: l.label }) }),
             s ? /* @__PURE__ */ C(
-              Ee,
+              ke,
               {
                 className: M(
                   "size-6 fill-primary-600 opacity-0 transition group-hover:opacity-80",
@@ -156,7 +157,7 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
                 )
               }
             ) : /* @__PURE__ */ C(
-              Te,
+              Ee,
               {
                 className: M(
                   "size-6 text-gray-200 transition group-hover:text-primary-600"
@@ -171,5 +172,5 @@ const Qe = (e, r) => r.type === "SETVALUE" ? {
   ) });
 };
 export {
-  ur as default
+  dr as default
 };

package/dist/components/Selectbox/SelectboxBase.js

@@ -1,11 +1,11 @@
 import { jsxs as i, jsx as t, Fragment as p } from "react/jsx-runtime";
 import y, { Fragment as j } from "react";
-import { H } from "../../index-bj2cEeS0.js";
-import { c as M } from "../../index-Bv0kHmgl.js";
+import { H } from "../../index-BVp57yIc.js";
+import { c as M } from "../../index-CBEJ8A3p.js";
 import { u as A, a as C, b as z, c as B, d as D, e as G } from "../../calculate-active-index-xXUBsarF.js";
 import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
-import { M as I, U as P, G as X, V as _ } from "../../listbox-ClkgDv_m.js";
+import { M as I, U as P, G as X, V as _ } from "../../listbox-T8TrOULl.js";
 import { o as $, f as O, s as q, a as J } from "../../floating-ui.react-dom-YTFlGVA5.js";
 import { X as K } from "../../transition-6o20faRl.js";
 const Q = (s, a) => a.type === "SETVALUE" ? {
@@ -149,7 +149,7 @@ const Q = (s, a) => a.type === "SETVALUE" ? {
                                 "span",
                                 {
                                   className: v(
-                                    "absolute inset-y-0 left-0 flex items-center pl-3 text-primary/60"
+                                    "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
                                   ),
                                   children: /* @__PURE__ */ t(M, { className: "h-5 w-5", "aria-hidden": "true" })
                                 }

package/dist/components/Selectbox/SelectboxMultiple.js

@@ -1,13 +1,13 @@
 import { jsxs as f, jsx as l, Fragment as y } from "react/jsx-runtime";
 import g, { Fragment as k } from "react";
 import { _ as A } from "../../lodash-XYp3qmxI.js";
-import { H as L } from "../../index-bj2cEeS0.js";
-import { c as H } from "../../index-Bv0kHmgl.js";
+import { H as L } from "../../index-BVp57yIc.js";
+import { c as H } from "../../index-CBEJ8A3p.js";
 import { u as C, a as _, b as z, c as D, d as G, e as I } from "../../calculate-active-index-xXUBsarF.js";
 import { t as h } from "../../bundle-mjs-SHnj3fHy.js";
 import { getValue as n } from "./helper.js";
 import { o as O, f as P, s as X, a as $ } from "../../floating-ui.react-dom-YTFlGVA5.js";
-import { M as q, U as B, G as J, V as K } from "../../listbox-ClkgDv_m.js";
+import { M as q, U as B, G as J, V as K } from "../../listbox-T8TrOULl.js";
 import { X as Q } from "../../transition-6o20faRl.js";
 const W = (a, s) => s.type === "SETVALUE" ? {
   ...a,

package/dist/components/index.d.ts

@@ -35,5 +35,7 @@ export * from './Navbar/';
 export { default as Navbar } from './Navbar/';
 export * from './Modal/';
 export { default as Modal } from './Modal/';
+export * from './DataTable/';
+export { default as DataTable } from './DataTable/';
 export * from './Component';
 export { default as default } from './Component';

package/dist/components/index.js

@@ -12,8 +12,8 @@ import { FormInput as B } from "./Input/FormInput.js";
 import { default as S } from "./Input/InputTel.js";
 import { default as L } from "./Label/Label.js";
 import { FormLabel as P } from "./Label/FormLabel.js";
-import { default as N } from "./PasswordInput/PasswordInput.js";
-import { FormPasswordInput as T } from "./PasswordInput/FormPasswordInput.js";
+import { default as v } from "./PasswordInput/PasswordInput.js";
+import { FormPasswordInput as N } from "./PasswordInput/FormPasswordInput.js";
 import { default as G } from "./Row/Row.js";
 import { default as j } from "./Text/Text.js";
 import { default as y } from "./Selectbox/SelectboxBase.js";
@@ -24,30 +24,32 @@ import { default as U } from "./AutoComplete/AutoComplete.js";
 import { default as W } from "./NavList/NavList.js";
 import { default as Y } from "./Navbar/Navbar.js";
 import { default as _ } from "./Modal/Modal.js";
-import { default as oo } from "./Component.js";
-import { default as to } from "./AutoComplete/AutoCompleteBase.js";
-import { default as ao } from "./AutoComplete/AutoCompleteMultiple.js";
+import { default as oo } from "./DataTable/DataTable.js";
+import { default as to } from "./Component.js";
+import { default as ao } from "./AutoComplete/AutoCompleteBase.js";
+import { default as po } from "./AutoComplete/AutoCompleteMultiple.js";
 export {
   U as AutoComplete,
-  to as AutoCompleteBase,
-  ao as AutoCompleteMultiple,
+  ao as AutoCompleteBase,
+  po as AutoCompleteMultiple,
   t as Button,
   p as Checkbox,
   a as CheckboxBase,
   d as Column,
   b as Container,
+  oo as DataTable,
   C as DatePicker,
   m as FormCheckbox,
   B as FormInput,
   P as FormLabel,
-  T as FormPasswordInput,
+  N as FormPasswordInput,
   I as Icon,
   k as Input,
   L as Label,
   _ as Modal,
   W as NavList,
   Y as Navbar,
-  N as PasswordInput,
+  v as PasswordInput,
   O as RadioGroup,
   G as Row,
   J as Selectbox,
@@ -56,5 +58,5 @@ export {
   u as Switch,
   S as TelephoneInput,
   j as Text,
-  oo as default
+  to as default
 };

package/dist/{index-bj2cEeS0.js → index-BVp57yIc.js}

@@ -1,29 +1,15 @@
-import { useCallback as r } from "react";
-import { G as e } from "./iconBase-Bipuk9tK.js";
-function o(t, i) {
-  return t !== null && i !== null && typeof t == "object" && typeof i == "object" && "id" in t && "id" in i ? t.id === i.id : t === i;
+import { G as t } from "./iconBase-Bipuk9tK.js";
+function a(e) {
+  return t({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-function u(t = o) {
-  return r((i, l) => {
-    if (typeof t == "string") {
-      let n = t;
-      return (i == null ? void 0 : i[n]) === (l == null ? void 0 : l[n]);
-    }
-    return t(i, l);
-  }, [t]);
+function i(e) {
+  return t({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-function c(t) {
-  return e({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", clipRule: "evenodd" }, child: [] }] })(t);
-}
-function f(t) {
-  return e({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }, child: [] }] })(t);
-}
-function h(t) {
-  return e({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }, child: [] }] })(t);
+function l(e) {
+  return t({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }, child: [] }] })(e);
 }
 export {
-  f as H,
-  c as a,
-  h as b,
-  u
+  i as H,
+  a,
+  l as b
 };

package/dist/{index-Bv0kHmgl.js → index-CBEJ8A3p.js}

@@ -12,8 +12,8 @@ function a(t) {
   return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, child: [] }, { tag: "circle", attr: { cx: "12", cy: "12", r: "3" }, child: [] }] })(t);
 }
 export {
-  a as F,
-  n as a,
-  e as b,
+  e as F,
+  a,
+  n as b,
   i as c
 };

package/dist/{index-C197ia6B.js → index-DUypCuzD.js}

@@ -3327,9 +3327,12 @@ const wl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   AiTwotoneWarning: Ll
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  k as A,
+  Y4 as A,
   wl as I,
-  W8 as a,
-  U3 as b,
-  W3 as c
+  k8 as a,
+  E4 as b,
+  k as c,
+  W8 as d,
+  U3 as e,
+  W3 as f
 };

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:100%}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:is(.dark *),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}.pointer-events-none{pointer-events:none}.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}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.\!z-\[999\]{z-index:999!important}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-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}.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-5{width:1.25rem}.w-8{width:2rem}.w-\[150\%\]{width:150%}.w-\[320px\]{width:320px}.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}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.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-600\/25:is(.dark *){background-color:#4b556340}.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\:hover\:bg-primary-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / 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}}@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))}}
+*,: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:is(.dark *),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 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))}.pointer-events-none{pointer-events:none}.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-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}.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-600\/25:is(.dark *){background-color:#4b556340}.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\:hover\:bg-primary-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / 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))}}

package/dist/index.js

@@ -1,10 +1,10 @@
 import { default as t } from "./components/Button/Button.js";
 import { CheckboxBase as a } from "./components/Checkbox/CheckboxBase.js";
 import { Checkbox as p } from "./components/Checkbox/Checkbox.js";
-import { FormCheckbox as u } from "./components/Checkbox/FormCheckbox.js";
-import { default as l } from "./components/Switch/Switch.js";
+import { FormCheckbox as l } from "./components/Checkbox/FormCheckbox.js";
+import { default as x } from "./components/Switch/Switch.js";
 import { default as d } from "./components/Column/Column.js";
-import { Container as C } from "./components/Container/Container.js";
+import { Container as b } from "./components/Container/Container.js";
 import { default as c } from "./components/DatePicker/DatePicker.js";
 import { default as I } from "./components/Icon/Icon.js";
 import { default as A } from "./components/Input/Input.js";
@@ -13,8 +13,8 @@ import { default as w } from "./components/Input/InputTel.js";
 import { default as F } from "./components/Label/Label.js";
 import { FormLabel as P } from "./components/Label/FormLabel.js";
 import { default as y } from "./components/PasswordInput/PasswordInput.js";
-import { FormPasswordInput as R } from "./components/PasswordInput/FormPasswordInput.js";
-import { default as D } from "./components/Row/Row.js";
+import { FormPasswordInput as D } from "./components/PasswordInput/FormPasswordInput.js";
+import { default as R } from "./components/Row/Row.js";
 import { default as G } from "./components/Text/Text.js";
 import { default as j } from "./components/Selectbox/SelectboxBase.js";
 import { default as z } from "./components/Selectbox/SelectboxMultiple.js";
@@ -24,30 +24,32 @@ import { default as U } from "./components/AutoComplete/AutoComplete.js";
 import { default as W } from "./components/NavList/NavList.js";
 import { default as Y } from "./components/Navbar/Navbar.js";
 import { default as _ } from "./components/Modal/Modal.js";
-import { default as oo } from "./components/Component.js";
-import { default as to } from "./layouts/Empty/Empty.js";
-import { default as ao } from "./layouts/SideMenu/SideMenu.js";
-import { AppContext as po, AppProvider as mo } from "./contexts/AppContext.js";
-import { default as xo } from "./components/AutoComplete/AutoCompleteBase.js";
-import { default as so } from "./components/AutoComplete/AutoCompleteMultiple.js";
+import { default as oo } from "./components/DataTable/DataTable.js";
+import { default as to } from "./components/Component.js";
+import { default as ao } from "./layouts/Empty/Empty.js";
+import { default as po } from "./layouts/SideMenu/SideMenu.js";
+import { AppContext as lo, AppProvider as uo } from "./contexts/AppContext.js";
+import { default as so } from "./components/AutoComplete/AutoCompleteBase.js";
+import { default as bo } from "./components/AutoComplete/AutoCompleteMultiple.js";
 import './index.css';export {
-  po as AppContext,
-  mo as AppProvider,
+  lo as AppContext,
+  uo as AppProvider,
   U as AutoComplete,
-  xo as AutoCompleteBase,
-  so as AutoCompleteMultiple,
+  so as AutoCompleteBase,
+  bo as AutoCompleteMultiple,
   t as Button,
   p as Checkbox,
   a as CheckboxBase,
   d as Column,
-  oo as Component,
-  C as Container,
+  to as Component,
+  b as Container,
+  oo as DataTable,
   c as DatePicker,
-  to as EmptyLayout,
-  u as FormCheckbox,
+  ao as EmptyLayout,
+  l as FormCheckbox,
   S as FormInput,
   P as FormLabel,
-  R as FormPasswordInput,
+  D as FormPasswordInput,
   I as Icon,
   A as Input,
   F as Label,
@@ -56,12 +58,12 @@ import './index.css';export {
   Y as Navbar,
   y as PasswordInput,
   O as RadioGroup,
-  D as Row,
+  R as Row,
   J as Selectbox,
   j as SelectboxBase,
   z as SelectboxMultiple,
-  ao as SideMenuLayout,
-  l as Switch,
+  po as SideMenuLayout,
+  x as Switch,
   w as TelephoneInput,
   G as Text
 };

package/dist/{listbox-ClkgDv_m.js → listbox-T8TrOULl.js}

@@ -2,7 +2,7 @@ import { $ as Ee, a as Le, r as we } from "./bugs-CHTtT8VX.js";
 import L, { useState as Fe, useRef as C, createContext as le, useReducer as Me, createRef as Ae, useCallback as de, useMemo as _, useId as se, useEffect as Ce, useContext as ue, Fragment as xe } from "react";
 import { r as B } from "./index-DsprzSCj.js";
 import { w as _e, T as ke } from "./use-resolve-button-type-DkEA2l9L.js";
-import { u as Ne } from "./index-bj2cEeS0.js";
+import { u as Ne } from "./use-by-comparator-CVuf9KBq.js";
 import { s as me, n as j, o as v, M as pe, W as K, y as z, u as H, p as ge, H as G, D as Oe, b as Be } from "./use-sync-refs-TDnk3jQt.js";
 import { K as Ue, l as Qe, T as Ve, z as He, j as je, u as Ke, I as ze, p as Ge } from "./label-9PX7EyLe.js";
 import { v as qe, y as We, F as Xe, x as Ye, l as Ze, R as Je, f as et, g as tt, h as ot, i as S, j as ie } from "./calculate-active-index-xXUBsarF.js";

package/dist/use-by-comparator-CVuf9KBq.js

@@ -0,0 +1,16 @@
+import { useCallback as l } from "react";
+function u(n, i) {
+  return n !== null && i !== null && typeof n == "object" && typeof i == "object" && "id" in n && "id" in i ? n.id === i.id : n === i;
+}
+function d(n = u) {
+  return l((i, o) => {
+    if (typeof n == "string") {
+      let t = n;
+      return (i == null ? void 0 : i[t]) === (o == null ? void 0 : o[t]);
+    }
+    return n(i, o);
+  }, [n]);
+}
+export {
+  d as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anysystem-design",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",