anysystem-design 0.0.18 → 0.0.20

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/Modal/Modal.js

@@ -258,7 +258,7 @@ const Dt = ({ open: e = !1, title: t, buttons: n, children: o, className: r, siz
         leave: "duration-200 ease-in",
         leaveFrom: "opacity-100",
         leaveTo: "opacity-0",
-        children: /* @__PURE__ */ h("div", { className: "fixed inset-0 bg-black/25 dark:bg-gray-600/25" })
+        children: /* @__PURE__ */ h("div", { className: "fixed inset-0 bg-black/25 dark:bg-gray-500/85" })
       }
     ),
     /* @__PURE__ */ h("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ h(

package/dist/components/Navbar/Navbar.js

@@ -1,32 +1,32 @@
-import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import s from "../Icon/Icon.js";
-const c = ({ title: l, menuRef: e, children: i }) => /* @__PURE__ */ r("header", { className: "sticky top-0 z-10 flex h-[56px] w-full bg-white shadow dark:bg-gray-900 dark:text-white", children: /* @__PURE__ */ a("div", { className: "relative flex h-full w-full flex-auto items-center justify-between", children: [
-  /* @__PURE__ */ r("div", { className: "absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 transform lg:block", children: i }),
-  /* @__PURE__ */ a(
+const c = ({ title: l, menuRef: e, children: i }) => /* @__PURE__ */ t("header", { className: "sticky top-0 z-10 flex h-[56px] w-full bg-white shadow dark:bg-gray-900 dark:text-white", children: /* @__PURE__ */ r("div", { className: "relative flex h-full w-full flex-auto items-center justify-between", children: [
+  /* @__PURE__ */ t("div", { className: "absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 transform lg:block", children: i }),
+  /* @__PURE__ */ r(
     "button",
     {
-      className: "hidden w-[320px] items-center h-full justify-start gap-4 px-7 py-2 hover:bg-primary-100 dark:hover:bg-primary-700 lg:flex",
+      className: "hidden w-[320px] items-center h-full justify-start gap-4 px-7 py-2 hover:bg-primary-100 dark:hover:bg-gray-700 lg:flex",
       onClick: () => {
-        var t;
-        return (t = e == null ? void 0 : e.current) == null ? void 0 : t.toggleMenu();
+        var a;
+        return (a = e == null ? void 0 : e.current) == null ? void 0 : a.toggleMenu();
       },
       children: [
-        /* @__PURE__ */ r(s, { name: "AiOutlineMenu" }),
-        /* @__PURE__ */ r("span", { className: "font-bold", children: l || "Home" })
+        /* @__PURE__ */ t(s, { name: "AiOutlineMenu" }),
+        /* @__PURE__ */ t("span", { className: "font-bold", children: l || "Home" })
       ]
     }
   ),
-  /* @__PURE__ */ a(
+  /* @__PURE__ */ r(
     "button",
     {
-      className: "flex items-center justify-start gap-4 px-4 py-2 hover:bg-primary-100 dark:hover:bg-primary-700 lg:hidden",
+      className: "flex items-center justify-start gap-4 px-4 py-2 hover:bg-primary-100 dark:hover:bg-gray-700 lg:hidden",
       onClick: () => {
-        var t;
-        return (t = e == null ? void 0 : e.current) == null ? void 0 : t.toggleSmMenu();
+        var a;
+        return (a = e == null ? void 0 : e.current) == null ? void 0 : a.toggleSmMenu();
       },
       children: [
-        /* @__PURE__ */ r(s, { name: "AiOutlineMenu" }),
-        /* @__PURE__ */ r("span", { className: "font-bold", children: l || "Home" })
+        /* @__PURE__ */ t(s, { name: "AiOutlineMenu" }),
+        /* @__PURE__ */ t("span", { className: "font-bold", children: l || "Home" })
       ]
     }
   )

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(