abrplus-ui-kit 1.0.7 → 1.0.8

package/dist/organisms.es.js

@@ -1,486 +1,424 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { L as Logo, c as arrayMove, D as DndContext, S as SortableContext, v as verticalListSortingStrategy, b as useSortable, C as CSS } from "./sortable.esm-C7oRJuPU.js";
-import { u as useWindowDimensions, P as Popover, V as View } from "./index-CiSH4Pqy.js";
-import { T as Text, F as Flex, R as Render, I as Icon, L as Loading } from "./index-B02Mlfa4.js";
-import { c as colors } from "./colors-CztsZ6e_.js";
-import { Drawer as Drawer$1, ConfigProvider, Modal as Modal$1, Table as Table$1 } from "antd";
-import { twMerge } from "tailwind-merge";
-import { useTranslation } from "react-i18next";
-import { B as Button, b as batch } from "./index-CVNEow23.js";
-import { useState, useEffect, useCallback, createContext, useContext, useMemo, useReducer, useRef, Fragment as Fragment$1 } from "react";
-import starkString from "starkstring";
-import { d as deepMerge } from "./deepMerge-CG1he8ZD.js";
-import { useNavigate, useSearchParams } from "react-router-dom";
-function useLocalStorageState(key, initialValue) {
-  const initialStoredValue = localStorage.getItem(key);
-  const initial = initialStoredValue ? JSON.parse(initialStoredValue) : initialValue;
-  const [state, setState] = useState(initial);
-  useEffect(() => {
-    localStorage.setItem(key, JSON.stringify(state));
-  }, [key, state]);
-  return [state, setState];
+import { jsx as r, jsxs as u, Fragment as F } from "react/jsx-runtime";
+import { L as ae, c as ie, D as le, S as se, v as ce, b as de, C as ge } from "./sortable.esm-BSCvBWLi.js";
+import { u as pe, P as me, V as he } from "./index-BeP9-mrf.js";
+import { T as m, F as s, R as ue, I as v, L as fe } from "./index-BRLLsEKX.js";
+import { c as o } from "./colors-BW-NR0oP.js";
+import { Drawer as ye, ConfigProvider as Q, Modal as be, Table as U } from "antd";
+import { twMerge as S } from "tailwind-merge";
+import { useTranslation as H } from "react-i18next";
+import { B as _, b as we } from "./index-CzPs2mPX.js";
+import { useState as O, useEffect as W, useCallback as L, createContext as Ce, useContext as _e, useMemo as V, useReducer as xe, useRef as Se, Fragment as ve } from "react";
+import Ne from "starkstring";
+import { d as ke } from "./deepMerge-Dm_AZi0Z.js";
+import { useNavigate as ze, useSearchParams as Be } from "react-router-dom";
+function Ee(e, t) {
+  const n = localStorage.getItem(e), a = n ? JSON.parse(n) : t, [i, l] = O(a);
+  return W(() => {
+    localStorage.setItem(e, JSON.stringify(i));
+  }, [e, i]), [i, l];
 }
-const SMALL_SCREEN = 640;
-const MEDIUM_SCREEN = 768;
-const LARGE_SCREEN = 1024;
-const EXTRA_LARGE_SCREEN = 1280;
-function useObserveWindow() {
-  const { width } = useWindowDimensions();
-  const getIsWidthSmallerThan = useCallback(
-    (query) => {
-      if (typeof window === "undefined") return;
-      return width <= query;
+const Ae = 640, Ie = 768, De = 1024, Re = 1280;
+function Te() {
+  const { width: e } = pe(), t = L(
+    (c) => {
+      if (!(typeof window > "u"))
+        return e <= c;
     },
-    [width]
-  );
-  const getIsWidthLargerThan = useCallback(
-    (query) => {
-      if (typeof window === "undefined") return;
-      return width > query;
+    [e]
+  ), n = L(
+    (c) => {
+      if (!(typeof window > "u"))
+        return e > c;
     },
-    [width]
-  );
-  const getIsWidthBetween = useCallback(
-    (queries) => {
-      if (queries[0] >= queries[1]) {
+    [e]
+  ), a = L(
+    (c) => {
+      if (c[0] >= c[1])
         throw new Error(
-          `The second query: ${queries[1]}px must be greater than the first query: ${queries[0]}px`
+          `The second query: ${c[1]}px must be greater than the first query: ${c[0]}px`
         );
-      }
-      if (typeof window === "undefined") return;
-      return width > queries[0] && width <= queries[1];
+      if (!(typeof window > "u"))
+        return e > c[0] && e <= c[1];
     },
-    [width]
-  );
-  const isSmallerThenLarge = getIsWidthSmallerThan(LARGE_SCREEN);
-  const isSmallerThanSmall = getIsWidthSmallerThan(SMALL_SCREEN);
-  const isSmallerThanMedium = getIsWidthSmallerThan(MEDIUM_SCREEN);
-  const isSmallerThanExtraLarge = getIsWidthLargerThan(EXTRA_LARGE_SCREEN);
+    [e]
+  ), i = t(De), l = t(Ae), d = t(Ie), g = n(Re);
   return {
-    getIsWidthSmallerThan,
-    getIsWidthLargerThan,
-    getIsWidthBetween,
-    isSmallerThanExtraLarge,
-    isSmallerThanMedium,
-    isSmallerThanSmall,
-    isSmallerThenLarge
+    getIsWidthSmallerThan: t,
+    getIsWidthLargerThan: n,
+    getIsWidthBetween: a,
+    isSmallerThanExtraLarge: g,
+    isSmallerThanMedium: d,
+    isSmallerThanSmall: l,
+    isSmallerThenLarge: i
   };
 }
-const PAGINATION_SIZE = "PAGINATION_SIZE";
-function AvatarGroup({
-  items = [],
-  max = 3,
-  avatarProps: { size } = {},
-  onClickAvatar,
-  hasAnimation = true,
-  nameExtractor,
-  renderItem,
-  itemLogoProps,
-  containerProps,
-  popoverProps
+const Z = "PAGINATION_SIZE";
+function br({
+  items: e = [],
+  max: t = 3,
+  avatarProps: { size: n } = {},
+  onClickAvatar: a,
+  hasAnimation: i = !0,
+  nameExtractor: l,
+  renderItem: d,
+  itemLogoProps: g,
+  containerProps: c,
+  popoverProps: f
 }) {
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { children: "-" });
-  }
-  const getName = (item) => {
-    return nameExtractor?.(item) ?? (item.name || "--");
-  };
-  return /* @__PURE__ */ jsxs(Flex, { ...containerProps, children: [
-    items.slice(0, max).map((item, index) => /* @__PURE__ */ jsx(
-      Render,
+  if (e.length === 0)
+    return /* @__PURE__ */ r(m, { children: "-" });
+  const w = (p) => l?.(p) ?? (p.name || "--");
+  return /* @__PURE__ */ u(s, { ...c, children: [
+    e.slice(0, t).map((p, x) => /* @__PURE__ */ r(
+      ue,
       {
-        when: !!renderItem,
-        fallback: /* @__PURE__ */ jsx(
-          Logo,
+        when: !!d,
+        fallback: /* @__PURE__ */ r(
+          ae,
           {
-            style: { marginInlineStart: index - 12, width: size, height: size },
-            imageSrc: item?.imageSrc,
-            hasToolTip: true,
-            toolTipTitle: getName(item),
-            hasAnimation,
-            onClick: () => onClickAvatar?.(item),
-            ...itemLogoProps
+            style: { marginInlineStart: x - 12, width: n, height: n },
+            imageSrc: p?.imageSrc,
+            hasToolTip: !0,
+            toolTipTitle: w(p),
+            hasAnimation: i,
+            onClick: () => a?.(p),
+            ...g
           },
-          item.id
+          p.id
         ),
-        children: renderItem?.(item)
+        children: d?.(p)
       }
     )),
-    items.length > max && /* @__PURE__ */ jsx(
-      Popover,
+    e.length > t && /* @__PURE__ */ r(
+      me,
       {
-        arrow: true,
-        color: colors.primary_dark_1,
+        arrow: !0,
+        color: o.primary_dark_1,
         placement: "left",
         overlayInnerStyle: {
-          backgroundColor: colors.primary_dark_1,
+          backgroundColor: o.primary_dark_1,
           borderRadius: 4
         },
         trigger: ["hover"],
-        content: /* @__PURE__ */ jsx(View, { vertical: true, children: items.slice(max).map((item) => /* @__PURE__ */ jsx(Text, { color: colors.white_ff, children: getName(item) }, item.id)) }),
-        ...popoverProps,
-        children: /* @__PURE__ */ jsx(
-          Flex,
+        content: /* @__PURE__ */ r(he, { vertical: !0, children: e.slice(t).map((p) => /* @__PURE__ */ r(m, { color: o.white_ff, children: w(p) }, p.id)) }),
+        ...f,
+        children: /* @__PURE__ */ r(
+          s,
           {
             align: "center",
             justify: "center",
             className: "z-50 -ms-3 h-6 w-6 rounded-full border-2 border-primary-light-3 bg-light-7",
-            style: { width: size, height: size },
-            ...popoverProps?.containerProps,
-            children: `${items.length - max}+`
+            style: { width: n, height: n },
+            ...f?.containerProps,
+            children: `${e.length - t}+`
           }
         )
       }
     )
   ] });
 }
-const DrawerFooter = ({
-  discardTitle,
-  onDiscard,
-  onSubmit,
-  submitTitle,
-  isLoading,
-  isSubmitDisabled
+const Pe = ({
+  discardTitle: e,
+  onDiscard: t,
+  onSubmit: n,
+  submitTitle: a,
+  isLoading: i,
+  isSubmitDisabled: l
 }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 16, justify: "flex-end", children: [
-    discardTitle && /* @__PURE__ */ jsx(Button.Secondary, { disabled: isLoading, onClick: onDiscard, children: discardTitle }),
-    /* @__PURE__ */ jsx(Button.Primary, { disabled: isSubmitDisabled, isLoading, onClick: onSubmit, children: submitTitle || t("common.literal.apply") })
+  const { t: d } = H();
+  return /* @__PURE__ */ u(s, { align: "center", gap: 16, justify: "flex-end", children: [
+    e && /* @__PURE__ */ r(_.Secondary, { disabled: i, onClick: t, children: e }),
+    /* @__PURE__ */ r(_.Primary, { disabled: l, isLoading: i, onClick: n, children: a || d("common.literal.apply") })
   ] });
-};
-const DrawerHeaderTitle = ({ title, closable, onClose }) => {
-  const getTitle = () => {
-    if (typeof title !== "string") {
-      return title;
-    }
-    return /* @__PURE__ */ jsx(Text, { size: 18, weight: "medium", color: colors.primary, children: title });
-  };
-  return /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
-    getTitle(),
-    closable && /* @__PURE__ */ jsx("div", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "Close", size: 20, color: colors.primary }) })
-  ] });
-};
-const Drawer = ({
-  title,
-  closable = true,
-  transparent,
-  submitTitle,
-  discardTitle,
-  onClose,
-  onSubmit,
-  onDiscard,
-  classNames,
-  styles,
-  children,
-  isLoading,
-  headerHeight = 60,
-  wrapperClassName,
-  contentClassName,
-  noPadding,
-  isSubmitDisabled,
-  footer,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(
-    Drawer$1,
-    {
-      onClose,
-      styles: {
-        ...styles,
-        header: {
-          minHeight: headerHeight,
-          backgroundColor: colors.light_2,
-          borderColor: colors.light_7,
-          paddingBlock: 12,
-          paddingInline: 24
-        },
-        body: {
-          backgroundColor: transparent ? "transparent" : colors.white_ff,
-          // margin: transparent ? 0 : 24,
-          // borderRadius: 10,
-          padding: 0
-        },
-        content: {
-          backgroundColor: colors.light_2,
-          padding: 0
-        },
-        footer: {
-          minHeight: 60,
-          paddingBlock: 12,
-          borderColor: colors.light_7,
-          paddingInline: 24,
-          margin: 0
-        }
+}, je = ({ title: e, closable: t, onClose: n }) => /* @__PURE__ */ u(s, { justify: "space-between", align: "center", children: [
+  typeof e != "string" ? e : /* @__PURE__ */ r(m, { size: 18, weight: "medium", color: o.primary, children: e }),
+  t && /* @__PURE__ */ r("div", { className: "cursor-pointer", onClick: n, children: /* @__PURE__ */ r(v, { name: "Close", size: 20, color: o.primary }) })
+] }), wr = ({
+  title: e,
+  closable: t = !0,
+  transparent: n,
+  submitTitle: a,
+  discardTitle: i,
+  onClose: l,
+  onSubmit: d,
+  onDiscard: g,
+  classNames: c,
+  styles: f,
+  children: w,
+  isLoading: p,
+  headerHeight: x = 60,
+  wrapperClassName: R,
+  contentClassName: C,
+  noPadding: T,
+  isSubmitDisabled: P,
+  footer: N,
+  ...A
+}) => /* @__PURE__ */ r(
+  ye,
+  {
+    onClose: l,
+    styles: {
+      ...f,
+      header: {
+        minHeight: x,
+        backgroundColor: o.light_2,
+        borderColor: o.light_7,
+        paddingBlock: 12,
+        paddingInline: 24
       },
-      classNames: {
-        ...classNames,
-        body: "small-custom-scrollbar"
+      body: {
+        backgroundColor: n ? "transparent" : o.white_ff,
+        // margin: transparent ? 0 : 24,
+        // borderRadius: 10,
+        padding: 0
       },
-      footer: footer || /* @__PURE__ */ jsx(
-        DrawerFooter,
-        {
-          ...{ onSubmit, onDiscard, submitTitle, discardTitle, isLoading, isSubmitDisabled }
-        }
-      ),
-      closable: false,
-      title: /* @__PURE__ */ jsx(DrawerHeaderTitle, { title, closable, onClose }),
-      ...rest,
-      children: /* @__PURE__ */ jsx(
-        Flex,
-        {
-          className: twMerge(
-            "small-custom-scrollbar h-full flex-1 overflow-y-auto bg-light-2 p-6",
-            wrapperClassName
-          ),
-          vertical: true,
-          gap: 16,
-          children: /* @__PURE__ */ jsx(
-            Flex,
-            {
-              className: twMerge(
-                "bg-white-ff",
-                noPadding ? "rounded-lg" : "rounded p-6",
-                !transparent ? "" : "bg-transparent",
-                contentClassName
-              ),
-              vertical: true,
-              children
-            }
-          )
-        }
-      )
-    }
-  );
-};
-const BaseModal = ({
-  children,
-  submitTitle,
-  discardTitle,
-  onSubmit,
-  onDiscard,
-  title,
-  onClose,
-  isLoadingSubmit,
-  renderFooter,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(
-    ConfigProvider,
-    {
-      theme: {
-        components: {
-          Modal: {
-            borderRadius: 4,
-            borderRadiusOuter: 4,
-            borderRadiusLG: 4,
-            paddingMD: 0,
-            paddingContentHorizontalLG: 0,
-            margin: 0
-          }
-        }
+      content: {
+        backgroundColor: o.light_2,
+        padding: 0
       },
-      children: /* @__PURE__ */ jsx(
-        Modal$1,
-        {
-          closeIcon: false,
-          classNames: { body: "!px-6 !py-4" },
-          footer: renderFooter !== void 0 ? renderFooter : submitTitle || discardTitle ? /* @__PURE__ */ jsxs(
-            Flex,
-            {
-              justify: "end",
-              align: "center",
-              className: "h-[58px] rounded-b border-t border-solid border-light-7 bg-light-2 px-6",
-              gap: 16,
-              children: [
-                discardTitle && /* @__PURE__ */ jsx(Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-                submitTitle && /* @__PURE__ */ jsx(Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-              ]
-            }
-          ) : null,
-          title: typeof title === "string" ? /* @__PURE__ */ jsxs(
-            Flex,
-            {
-              className: "h-12 rounded-t border-b border-solid border-light-7 bg-light-2 px-6",
-              align: "center",
-              justify: "space-between",
-              children: [
-                /* @__PURE__ */ jsx(Text, { size: 18, weight: "medium", color: colors.primary_dark_1, children: title }),
-                /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    name: "Close",
-                    color: colors.primary,
-                    onClick: onClose,
-                    className: "cursor-pointer"
-                  }
-                )
-              ]
-            }
-          ) : title,
-          ...rest,
-          children
+      footer: {
+        minHeight: 60,
+        paddingBlock: 12,
+        borderColor: o.light_7,
+        paddingInline: 24,
+        margin: 0
+      }
+    },
+    classNames: {
+      ...c,
+      body: "small-custom-scrollbar"
+    },
+    footer: N || /* @__PURE__ */ r(
+      Pe,
+      {
+        onSubmit: d,
+        onDiscard: g,
+        submitTitle: a,
+        discardTitle: i,
+        isLoading: p,
+        isSubmitDisabled: P
+      }
+    ),
+    closable: !1,
+    title: /* @__PURE__ */ r(je, { title: e, closable: t, onClose: l }),
+    ...A,
+    children: /* @__PURE__ */ r(
+      s,
+      {
+        className: S(
+          "small-custom-scrollbar h-full flex-1 overflow-y-auto bg-light-2 p-6",
+          R
+        ),
+        vertical: !0,
+        gap: 16,
+        children: /* @__PURE__ */ r(
+          s,
+          {
+            className: S(
+              "bg-white-ff",
+              T ? "rounded-lg" : "rounded p-6",
+              n ? "bg-transparent" : "",
+              C
+            ),
+            vertical: !0,
+            children: w
+          }
+        )
+      }
+    )
+  }
+), G = ({
+  children: e,
+  submitTitle: t,
+  discardTitle: n,
+  onSubmit: a,
+  onDiscard: i,
+  title: l,
+  onClose: d,
+  isLoadingSubmit: g,
+  renderFooter: c,
+  ...f
+}) => /* @__PURE__ */ r(
+  Q,
+  {
+    theme: {
+      components: {
+        Modal: {
+          borderRadius: 4,
+          borderRadiusOuter: 4,
+          borderRadiusLG: 4,
+          paddingMD: 0,
+          paddingContentHorizontalLG: 0,
+          margin: 0
         }
-      )
-    }
-  );
-};
-const ConfirmModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  renderFooter,
-  ...rest
+      }
+    },
+    children: /* @__PURE__ */ r(
+      be,
+      {
+        closeIcon: !1,
+        classNames: { body: "!px-6 !py-4" },
+        footer: c !== void 0 ? c : t || n ? /* @__PURE__ */ u(
+          s,
+          {
+            justify: "end",
+            align: "center",
+            className: "h-[58px] rounded-b border-t border-solid border-light-7 bg-light-2 px-6",
+            gap: 16,
+            children: [
+              n && /* @__PURE__ */ r(_.Secondary, { onClick: i, children: n }),
+              t && /* @__PURE__ */ r(_.Primary, { isLoading: g, onClick: a, children: t })
+            ]
+          }
+        ) : null,
+        title: typeof l == "string" ? /* @__PURE__ */ u(
+          s,
+          {
+            className: "h-12 rounded-t border-b border-solid border-light-7 bg-light-2 px-6",
+            align: "center",
+            justify: "space-between",
+            children: [
+              /* @__PURE__ */ r(m, { size: 18, weight: "medium", color: o.primary_dark_1, children: l }),
+              /* @__PURE__ */ r(
+                v,
+                {
+                  name: "Close",
+                  color: o.primary,
+                  onClick: d,
+                  className: "cursor-pointer"
+                }
+              )
+            ]
+          }
+        ) : l,
+        ...f,
+        children: e
+      }
+    )
+  }
+), Me = ({
+  children: e,
+  title: t,
+  onSubmit: n,
+  onDiscard: a,
+  submitTitle: i,
+  discardTitle: l,
+  isLoadingSubmit: d,
+  renderFooter: g,
+  ...c
 }) => {
-  const footerContent = renderFooter !== void 0 ? renderFooter : (submitTitle || discardTitle) && /* @__PURE__ */ jsxs(Flex, { gap: 16, align: "center", justify: "flex-end", className: "px-6 py-4", children: [
-    discardTitle && /* @__PURE__ */ jsx(Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-    submitTitle && /* @__PURE__ */ jsx(Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
+  const f = g !== void 0 ? g : (i || l) && /* @__PURE__ */ u(s, { gap: 16, align: "center", justify: "flex-end", className: "px-6 py-4", children: [
+    l && /* @__PURE__ */ r(_.Secondary, { onClick: a, children: l }),
+    i && /* @__PURE__ */ r(_.Primary, { isLoading: d, onClick: n, children: i })
   ] });
-  return /* @__PURE__ */ jsx(BaseModal, { ...rest, renderFooter: footerContent, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsx(Flex, { vertical: true, className: "mb-2 border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsx(Text, { size: 20, weight: "bold", color: colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsx(Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { size: 16, weight: "normal", color: colors.primary, children }) : children })
+  return /* @__PURE__ */ r(G, { ...c, renderFooter: f, children: /* @__PURE__ */ u(s, { vertical: !0, children: [
+    /* @__PURE__ */ r(s, { vertical: !0, className: "mb-2 border-b-[2px] border-light-7 pb-3", children: typeof t == "string" ? /* @__PURE__ */ r(m, { size: 20, weight: "bold", color: o.primary_dark_1, children: t }) : t }),
+    /* @__PURE__ */ r(s, { className: "pb-10 pt-4", children: typeof e == "string" ? /* @__PURE__ */ r(m, { size: 16, weight: "normal", color: o.primary, children: e }) : e })
   ] }) });
-};
-const DeleteModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsx(Flex, { vertical: true, className: "border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsx(Text, { size: 20, weight: "bold", color: colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsx(Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { size: 16, weight: "normal", color: colors.primary, children }) : children }),
-    /* @__PURE__ */ jsxs(Flex, { gap: 16, align: "center", justify: "flex-end", children: [
-      /* @__PURE__ */ jsx(Button.Secondary, { onClick: onDiscard, children: discardTitle }),
-      /* @__PURE__ */ jsx(Button.Negative, { iconName: "Delete", isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-    ] })
-  ] }) });
-};
-const ErrorModal = ({
-  children,
-  title,
-  onSubmit,
-  submitTitle,
-  isLoadingSubmit,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsxs(Flex, { className: "border-b-[2px] border-light-7 pb-3", align: "center", justify: "space-between", children: [
-      typeof title === "string" ? /* @__PURE__ */ jsx(Text, { size: 20, weight: "bold", color: colors.primary_dark_1, children: title }) : title,
-      /* @__PURE__ */ jsx(Icon, { name: "Alert", color: colors.negative, size: 18 })
-    ] }),
-    /* @__PURE__ */ jsx(Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { size: 16, weight: "normal", color: colors.primary, children }) : children }),
-    /* @__PURE__ */ jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle }) })
-  ] }) });
-};
-const InfoModal = ({
-  children,
-  title,
-  onSubmit,
-  onDiscard,
-  submitTitle,
-  discardTitle,
-  isLoadingSubmit,
-  error,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsx(BaseModal, { ...rest, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, children: [
-    /* @__PURE__ */ jsx(Flex, { vertical: true, className: "border-b-[2px] border-light-7 pb-3", children: typeof title === "string" ? /* @__PURE__ */ jsx(Text, { size: 20, weight: "bold", color: colors.primary_dark_1, children: title }) : title }),
-    /* @__PURE__ */ jsx(Flex, { className: "pb-10 pt-4", children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { size: 16, weight: "normal", color: colors.primary, children }) : children }),
-    /* @__PURE__ */ jsx(Text, { size: 20, weight: "bold", color: colors.negative, children: error }),
-    /* @__PURE__ */ jsxs(Flex, { gap: 16, align: "center", justify: "flex-end", children: [
-      /* @__PURE__ */ jsx(Button.SecondaryQuiet, { onClick: onDiscard, children: discardTitle }),
-      /* @__PURE__ */ jsx(Button.Primary, { isLoading: isLoadingSubmit, onClick: onSubmit, children: submitTitle })
-    ] })
-  ] }) });
-};
-const Modal = batch({
-  Base: BaseModal,
-  Confirm: ConfirmModal,
-  Error: ErrorModal,
-  Delete: DeleteModal,
-  Info: InfoModal
-});
-const Column = (_props) => {
-  return /* @__PURE__ */ jsx(Fragment, {});
-};
-const CurrencyCell = ({ value, includeCurrency, ...rest }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Text, { className: "w-full", size: 14, weight: "normal", color: colors.primary, ...rest, children: [
-    value ? starkString(value).scientificNotationToDecimal().toCurrency().toString() : "",
-    includeCurrency && ` ${t("common.literal.rial")}`
+}, Le = ({
+  children: e,
+  title: t,
+  onSubmit: n,
+  onDiscard: a,
+  submitTitle: i,
+  discardTitle: l,
+  isLoadingSubmit: d,
+  ...g
+}) => /* @__PURE__ */ r(G, { ...g, children: /* @__PURE__ */ u(s, { vertical: !0, children: [
+  /* @__PURE__ */ r(s, { vertical: !0, className: "border-b-[2px] border-light-7 pb-3", children: typeof t == "string" ? /* @__PURE__ */ r(m, { size: 20, weight: "bold", color: o.primary_dark_1, children: t }) : t }),
+  /* @__PURE__ */ r(s, { className: "pb-10 pt-4", children: typeof e == "string" ? /* @__PURE__ */ r(m, { size: 16, weight: "normal", color: o.primary, children: e }) : e }),
+  /* @__PURE__ */ u(s, { gap: 16, align: "center", justify: "flex-end", children: [
+    /* @__PURE__ */ r(_.Secondary, { onClick: a, children: l }),
+    /* @__PURE__ */ r(_.Negative, { iconName: "Delete", isLoading: d, onClick: n, children: i })
+  ] })
+] }) }), He = ({
+  children: e,
+  title: t,
+  onSubmit: n,
+  submitTitle: a,
+  isLoadingSubmit: i,
+  ...l
+}) => /* @__PURE__ */ r(G, { ...l, children: /* @__PURE__ */ u(s, { vertical: !0, children: [
+  /* @__PURE__ */ u(s, { className: "border-b-[2px] border-light-7 pb-3", align: "center", justify: "space-between", children: [
+    typeof t == "string" ? /* @__PURE__ */ r(m, { size: 20, weight: "bold", color: o.primary_dark_1, children: t }) : t,
+    /* @__PURE__ */ r(v, { name: "Alert", color: o.negative, size: 18 })
+  ] }),
+  /* @__PURE__ */ r(s, { className: "pb-10 pt-4", children: typeof e == "string" ? /* @__PURE__ */ r(m, { size: 16, weight: "normal", color: o.primary, children: e }) : e }),
+  /* @__PURE__ */ r(s, { justify: "flex-end", children: /* @__PURE__ */ r(_.Primary, { isLoading: i, onClick: n, children: a }) })
+] }) }), Ge = ({
+  children: e,
+  title: t,
+  onSubmit: n,
+  onDiscard: a,
+  submitTitle: i,
+  discardTitle: l,
+  isLoadingSubmit: d,
+  error: g,
+  ...c
+}) => /* @__PURE__ */ r(G, { ...c, children: /* @__PURE__ */ u(s, { vertical: !0, children: [
+  /* @__PURE__ */ r(s, { vertical: !0, className: "border-b-[2px] border-light-7 pb-3", children: typeof t == "string" ? /* @__PURE__ */ r(m, { size: 20, weight: "bold", color: o.primary_dark_1, children: t }) : t }),
+  /* @__PURE__ */ r(s, { className: "pb-10 pt-4", children: typeof e == "string" ? /* @__PURE__ */ r(m, { size: 16, weight: "normal", color: o.primary, children: e }) : e }),
+  /* @__PURE__ */ r(m, { size: 20, weight: "bold", color: o.negative, children: g }),
+  /* @__PURE__ */ u(s, { gap: 16, align: "center", justify: "flex-end", children: [
+    /* @__PURE__ */ r(_.SecondaryQuiet, { onClick: a, children: l }),
+    /* @__PURE__ */ r(_.Primary, { isLoading: d, onClick: n, children: i })
+  ] })
+] }) }), Cr = we({
+  Base: G,
+  Confirm: Me,
+  Error: He,
+  Delete: Le,
+  Info: Ge
+}), K = (e) => /* @__PURE__ */ r(F, {}), $e = ({ value: e, includeCurrency: t, ...n }) => {
+  const { t: a } = H();
+  return /* @__PURE__ */ u(m, { className: "w-full", size: 14, weight: "normal", color: o.primary, ...n, children: [
+    e ? Ne(e).scientificNotationToDecimal().toCurrency().toString() : "",
+    t && ` ${a("common.literal.rial")}`
   ] });
-};
-const DateCell = ({ value, ...rest }) => {
-  return /* @__PURE__ */ jsx(Text, { className: "w-full", size: 14, weight: "normal", color: colors.primary, ...rest, children: value });
-};
-const StatusCell = ({ value, activeTitle, disableTitle, ...rest }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(
-    Flex,
+}, Fe = ({ value: e, ...t }) => /* @__PURE__ */ r(m, { className: "w-full", size: 14, weight: "normal", color: o.primary, ...t, children: e }), Oe = ({ value: e, activeTitle: t, disableTitle: n, ...a }) => {
+  const { t: i } = H();
+  return /* @__PURE__ */ r(
+    s,
     {
-      className: twMerge(
+      className: S(
         "h-[26px] items-center justify-center rounded px-4",
-        value ? "bg-positive-light-2 bg-opacity-10" : "bg-light-6"
+        e ? "bg-positive-light-2 bg-opacity-10" : "bg-light-6"
       ),
-      ...rest,
-      children: value ? /* @__PURE__ */ jsx(Text, { size: 12, weight: "medium", color: colors.positive, children: activeTitle || t("common.literal.active") }) : /* @__PURE__ */ jsx(Text, { size: 12, weight: "medium", color: colors.primary_light_2, children: disableTitle || t("common.literal.disable") })
+      ...a,
+      children: e ? /* @__PURE__ */ r(m, { size: 12, weight: "medium", color: o.positive, children: t || i("common.literal.active") }) : /* @__PURE__ */ r(m, { size: 12, weight: "medium", color: o.primary_light_2, children: n || i("common.literal.disable") })
     }
   );
-};
-const TableCell = ({ children }) => {
-  if (typeof children === "string" || typeof children === "number") {
-    return /* @__PURE__ */ jsx(Text, { className: "w-full", size: 14, weight: "normal", color: colors.primary, children });
-  }
-  return children;
-};
-TableCell.Currency = CurrencyCell;
-TableCell.Date = DateCell;
-TableCell.StatusCell = StatusCell;
-const ExpandIcon = ({ expandable, expanded, onExpand }) => {
-  const { i18n } = useTranslation();
-  if (!expandable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("button", { className: "float-start h-full items-center justify-center", children: /* @__PURE__ */ jsx(
-    Icon,
+}, z = ({ children: e }) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ r(m, { className: "w-full", size: 14, weight: "normal", color: o.primary, children: e }) : e;
+z.Currency = $e;
+z.Date = Fe;
+z.StatusCell = Oe;
+const We = ({ expandable: e, expanded: t, onExpand: n }) => {
+  const { i18n: a } = H();
+  return e ? /* @__PURE__ */ r("button", { className: "float-start h-full items-center justify-center", children: /* @__PURE__ */ r(
+    v,
     {
-      onClick: onExpand,
-      name: expanded ? "Chevron_Down" : i18n.language === "fa" ? "Chevron_Left" : "Chevron_Right"
+      onClick: n,
+      name: t ? "Chevron_Down" : a.language === "fa" ? "Chevron_Left" : "Chevron_Right"
     }
-  ) });
-};
-const TableHeaderTitle = ({ title, align, style, className }) => {
-  if (typeof title !== "string") {
-    return title;
+  ) }) : null;
+}, Ve = ({ title: e, align: t, style: n, className: a }) => typeof e != "string" ? e : /* @__PURE__ */ r(
+  s,
+  {
+    style: n,
+    className: S(
+      "w-full",
+      t === "start" && "justify-start",
+      t === "center" && "justify-center",
+      t === "end" && "justify-end",
+      a
+    ),
+    children: /* @__PURE__ */ r(m, { size: 14, weight: "normal", className: "whitespace-nowrap", color: o.primary, children: e })
   }
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      style,
-      className: twMerge(
-        "w-full",
-        align === "start" && "justify-start",
-        align === "center" && "justify-center",
-        align === "end" && "justify-end",
-        className
-      ),
-      children: /* @__PURE__ */ jsx(Text, { size: 14, weight: "normal", className: "whitespace-nowrap", color: colors.primary, children: title })
-    }
-  );
-};
-const CustomizedAntTableConfig = (theme) => deepMerge(
+), Je = (e) => ke(
   {
     components: {
       Table: {
-        borderColor: colors.light_7,
+        borderColor: o.light_7,
         cellPaddingBlock: 0,
         cellPaddingBlockMD: 0,
         cellPaddingBlockSM: 0,
@@ -488,453 +426,408 @@ const CustomizedAntTableConfig = (theme) => deepMerge(
         cellPaddingInlineMD: 8,
         cellPaddingInlineSM: 8,
         fixedHeaderSortActiveBg: "transparent",
-        footerBg: colors.light_2,
-        headerBg: colors.light_2,
+        footerBg: o.light_2,
+        headerBg: o.light_2,
         headerBorderRadius: 0,
-        headerColor: colors.primary,
-        bodySortBg: colors.white_ff,
-        headerSortHoverBg: colors.light_1,
-        headerSortActiveBg: colors.light_1,
+        headerColor: o.primary,
+        bodySortBg: o.white_ff,
+        headerSortHoverBg: o.light_1,
+        headerSortActiveBg: o.light_1,
         headerSplitColor: "transparent",
-        rowExpandedBg: colors.light_3,
-        rowHoverBg: colors.light_4,
-        rowSelectedBg: colors.light_7,
-        rowSelectedHoverBg: colors.light_7,
+        rowExpandedBg: o.light_3,
+        rowHoverBg: o.light_4,
+        rowSelectedBg: o.light_7,
+        rowSelectedHoverBg: o.light_7,
         selectionColumnWidth: 56
         /* here is your component tokens */
       },
       Pagination: {
-        itemActiveBg: colors.white_ff,
-        itemActiveBgDisabled: colors.negative,
-        itemActiveColorDisabled: colors.negative,
+        itemActiveBg: o.white_ff,
+        itemActiveBgDisabled: o.negative,
+        itemActiveColorDisabled: o.negative,
         colorPrimaryBorderHover: "red",
         colorInfoBorderHover: "yellow",
         colorWarningBorderHover: "green",
-        itemBg: colors.white_ff,
-        itemInputBg: colors.negative,
-        itemLinkBg: colors.negative,
+        itemBg: o.white_ff,
+        itemInputBg: o.negative,
+        itemLinkBg: o.negative,
         itemSize: 30,
         itemSizeSM: 30,
         miniOptionsSizeChangerTop: 40,
-        colorPrimary: colors.primary,
+        colorPrimary: o.primary,
         fontFamily: "YekanBakhFaRegular"
       }
     }
   },
-  theme ?? {}
-);
-const tailwindTableClasses = twMerge(
+  e ?? {}
+), Ye = S(
   "[&_th]:!border-t h-full [&_.ant-spin-nested-loading]:h-full [&_.ant-spin-container]:h-full [&_.ant-table]:h-full [&_.ant-spin-container]:flex [&_.ant-spin-container]:flex-col [&_.ant-spin-container]:justify-between  [&_.ant-table-column-title]:flex-[0] [&_th]:!border-t-light-7 [&_th]:!pt-4 [&_th]:!pb-1 [&_.ant-table-selection-column]:!ps-4 [&_.ant-table-wrapper]:!p-0 [&_.ant-table-measure-row]:!h-[1px] [&_.ant-table-body]:h-full [&_.ant-table-container]:h-full"
-);
-const tableTransparentHeaderClasses = twMerge(
+), Ue = S(
   "[&_th]:!bg-transparent h-full [&_th]:!border-t-0  [&_td]:!bg-transparent "
-);
-const rowHeightClassName = {
+), Ze = {
   small: "h-[40px] max-h-[40px] min-h-[40px]",
   middle: "h-[48px] max-h-[48px] min-h-[48px]",
   large: "h-[56px] max-h-[56px] min-h-[56px]"
-};
-const RowContext = createContext({});
-const DragHandle = () => {
-  const { setActivatorNodeRef, listeners } = useContext(RowContext);
-  return /* @__PURE__ */ jsx("button", { style: { cursor: "move" }, ref: setActivatorNodeRef, ...listeners, children: /* @__PURE__ */ jsx(Icon, { name: "drag_and_drop", color: colors.primary_light_2 }) });
-};
-const restrictToVerticalAxis = (_ref) => {
+}, q = Ce({}), Xe = () => {
+  const { setActivatorNodeRef: e, listeners: t } = _e(q);
+  return /* @__PURE__ */ r("button", { style: { cursor: "move" }, ref: e, ...t, children: /* @__PURE__ */ r(v, { name: "drag_and_drop", color: o.primary_light_2 }) });
+}, Qe = (e) => {
   let {
-    transform
-  } = _ref;
+    transform: t
+  } = e;
   return {
-    ...transform,
+    ...t,
     x: 0
   };
-};
-const DndSortProvider = ({
-  children,
-  onDragEnd,
-  dataSource = [],
-  rowKey
+}, Ke = ({
+  children: e,
+  onDragEnd: t,
+  dataSource: n = [],
+  rowKey: a
 }) => {
-  const items = useMemo(
-    () => dataSource.map((item) => item[rowKey]),
-    [dataSource, rowKey]
-  );
-  const handleDragEnd = useCallback(
-    ({ active, over }) => {
-      if (active.id !== over?.id) {
-        const activeIndex = dataSource.findIndex((record) => record[rowKey] === active?.id);
-        const overIndex = dataSource.findIndex((record) => record[rowKey] === over?.id);
-        const newSort = arrayMove(dataSource, activeIndex, overIndex);
-        onDragEnd(newSort);
+  const i = V(
+    () => n.map((d) => d[a]),
+    [n, a]
+  ), l = L(
+    ({ active: d, over: g }) => {
+      if (d.id !== g?.id) {
+        const c = n.findIndex((p) => p[a] === d?.id), f = n.findIndex((p) => p[a] === g?.id), w = ie(n, c, f);
+        t(w);
       }
     },
-    [dataSource, rowKey, onDragEnd]
+    [n, a, t]
   );
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DndContext, { modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items, strategy: verticalListSortingStrategy, children }) }) });
-};
-const DndRow = (props) => {
+  return /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(le, { modifiers: [Qe], onDragEnd: l, children: /* @__PURE__ */ r(se, { items: i, strategy: ce, children: e }) }) });
+}, qe = (e) => {
   const {
-    attributes,
-    listeners,
-    setNodeRef,
-    setActivatorNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable({ id: props["data-row-key"] });
-  const style = {
-    ...props.style,
-    transform: CSS.Translate.toString(transform),
-    transition,
+    attributes: t,
+    listeners: n,
+    setNodeRef: a,
+    setActivatorNodeRef: i,
+    transform: l,
+    transition: d,
+    isDragging: g
+  } = de({ id: e["data-row-key"] }), c = {
+    ...e.style,
+    transform: ge.Translate.toString(l),
+    transition: d,
     cursor: "default",
-    ...isDragging ? { position: "relative", zIndex: 10 } : {}
-  };
-  const contextValue = useMemo(
-    () => ({ setActivatorNodeRef, listeners }),
-    [setActivatorNodeRef, listeners]
+    ...g ? { position: "relative", zIndex: 10 } : {}
+  }, f = V(
+    () => ({ setActivatorNodeRef: i, listeners: n }),
+    [i, n]
   );
-  return /* @__PURE__ */ jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("tr", { ...props, ref: setNodeRef, style, ...attributes }) });
-};
-const ItemRender = ({ page, type, current, isFa }) => {
-  const isCurrentPage = Number(page) === current;
-  return /* @__PURE__ */ jsx(Flex, { className: "h-[30px] items-center justify-center", children: type === "page" ? /* @__PURE__ */ jsx(
-    Text,
+  return /* @__PURE__ */ r(q.Provider, { value: f, children: /* @__PURE__ */ r("tr", { ...e, ref: a, style: c, ...t }) });
+}, er = ({ page: e, type: t, current: n, isFa: a }) => {
+  const i = Number(e) === n;
+  return /* @__PURE__ */ r(s, { className: "h-[30px] items-center justify-center", children: t === "page" ? /* @__PURE__ */ r(
+    m,
     {
-      weight: isCurrentPage ? "bold" : "normal",
-      size: isCurrentPage ? 20 : 18,
-      color: isCurrentPage ? colors.primary : colors.primary_dark_1,
-      children: page
+      weight: i ? "bold" : "normal",
+      size: i ? 20 : 18,
+      color: i ? o.primary : o.primary_dark_1,
+      children: e
     }
-  ) : type === "next" ? /* @__PURE__ */ jsx(Flex, { className: "me-4 h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ jsx(Icon, { name: isFa ? "Chevron_Right" : "Chevron_Left", color: colors.primary }) }) : type === "prev" ? /* @__PURE__ */ jsx(Flex, { className: "h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ jsx(Icon, { name: isFa ? "Chevron_Left" : "Chevron_Right", color: colors.primary }) }) : /* @__PURE__ */ jsx(Text, { size: 18, children: "..." }) });
-};
-const CHANGE_ORDER = "CHANGE_ORDER";
-const CHANGE_PAGE = "CHANGE_PAGE";
-const CHANGE = "CHANGE";
-const PAGE_SEARCH_PARAM = "page";
-const initialState = {
+  ) : t === "next" ? /* @__PURE__ */ r(s, { className: "me-4 h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ r(v, { name: a ? "Chevron_Right" : "Chevron_Left", color: o.primary }) }) : t === "prev" ? /* @__PURE__ */ r(s, { className: "h-[30px] w-[30px] items-center justify-center rounded border border-light-7", children: /* @__PURE__ */ r(v, { name: a ? "Chevron_Left" : "Chevron_Right", color: o.primary }) }) : /* @__PURE__ */ r(m, { size: 18, children: "..." }) });
+}, rr = "CHANGE_ORDER", ee = "CHANGE_PAGE", re = "CHANGE", X = "page", tr = {
   order: void 0,
   orderBy: "",
   pageSize: 10,
   current: 1,
   filters: {}
 };
-function reducer(state, action) {
-  switch (action.type) {
-    case CHANGE_ORDER:
+function nr(e, t) {
+  switch (t.type) {
+    case rr:
       return {
-        ...state,
-        orderBy: action.payload.orderBy,
-        order: action.payload.order
+        ...e,
+        orderBy: t.payload.orderBy,
+        order: t.payload.order
       };
-    case CHANGE_PAGE:
+    case ee:
       return {
-        ...state,
-        current: action.payload.current,
-        pageSize: action.payload.pageSize === void 0 ? state.pageSize : action.payload.pageSize
+        ...e,
+        current: t.payload.current,
+        pageSize: t.payload.pageSize === void 0 ? e.pageSize : t.payload.pageSize
       };
-    case CHANGE:
+    case re:
       return {
-        ...state,
-        current: action.payload.current,
-        pageSize: action.payload.pageSize ?? state.pageSize,
-        order: action.payload.order,
-        orderBy: action.payload.orderBy,
-        filters: action.payload.filters
+        ...e,
+        current: t.payload.current,
+        pageSize: t.payload.pageSize ?? e.pageSize,
+        order: t.payload.order,
+        orderBy: t.payload.orderBy,
+        filters: t.payload.filters
       };
     default:
-      return state;
+      return e;
   }
 }
-function usePagination({
-  defaultCurrent = 1,
-  defaultPageSize = 10,
-  hasQueryParams = false,
-  hideOnSinglePage,
-  style,
-  ...rest
+function or({
+  defaultCurrent: e = 1,
+  defaultPageSize: t = 10,
+  hasQueryParams: n = !1,
+  hideOnSinglePage: a,
+  style: i,
+  ...l
 }) {
-  const { isSmallerThanMedium } = useObserveWindow();
-  const navigate = useNavigate();
-  const [searchParams] = useSearchParams();
-  const [localPageSize, setLocalPageSize] = useLocalStorageState(
-    PAGINATION_SIZE,
-    defaultPageSize
-  );
-  const [total, setTotal] = useState(0);
-  const { i18n } = useTranslation();
-  const [{ current, order, orderBy, pageSize, filters }, dispatch] = useReducer(
-    reducer,
+  const { isSmallerThanMedium: d } = Te(), g = ze(), [c] = Be(), [f, w] = Ee(
+    Z,
+    t
+  ), [p, x] = O(0), { i18n: R } = H(), [{ current: C, order: T, orderBy: P, pageSize: N, filters: A }, $] = xe(
+    nr,
     {
-      ...initialState,
-      pageSize: localPageSize,
-      current: hasQueryParams ? Number(searchParams.get(PAGE_SEARCH_PARAM) || String(defaultCurrent)) : defaultCurrent
+      ...tr,
+      pageSize: f,
+      current: n ? Number(c.get(X) || String(e)) : e
     }
   );
-  localStorage.removeItem(PAGINATION_SIZE);
-  const onChange = useCallback(
-    (pagination2, filters2, sorter) => {
-      const sort = Array.isArray(sorter) ? sorter[0] : sorter;
-      setLocalPageSize(pagination2.pageSize || defaultPageSize);
-      dispatch({
-        type: CHANGE,
+  localStorage.removeItem(Z);
+  const y = L(
+    (b, B, j) => {
+      const D = Array.isArray(j) ? j[0] : j;
+      w(b.pageSize || t), $({
+        type: re,
         payload: {
-          filters: filters2,
-          current: pagination2.current,
-          pageSize: pagination2.pageSize,
-          orderBy: Array.isArray(sort?.field) ? sort?.field[0] : sort?.field,
-          order: sort?.order
+          filters: B,
+          current: b.current,
+          pageSize: b.pageSize,
+          orderBy: Array.isArray(D?.field) ? D?.field[0] : D?.field,
+          order: D?.order
         }
       });
     },
-    [defaultPageSize, setLocalPageSize]
-  );
-  const handleInternalPagination = (page, pageSize2) => {
-    dispatch({ type: CHANGE_PAGE, payload: { current: page, pageSize: pageSize2 } });
-  };
-  const getTotal = (total2) => setTotal(total2 || defaultPageSize);
-  useEffect(() => {
-    if (hasQueryParams) {
-      navigate({ search: `?${PAGE_SEARCH_PARAM}=${current}` }, { replace: true });
-    }
-  }, [current, hasQueryParams]);
-  const pagination = {
-    total,
-    current,
-    pageSize,
-    defaultCurrent,
-    defaultPageSize,
-    onChange: handleInternalPagination,
+    [t, w]
+  ), I = (b, B) => {
+    $({ type: ee, payload: { current: b, pageSize: B } });
+  }, h = (b) => x(b || t);
+  W(() => {
+    n && g({ search: `?${X}=${C}` }, { replace: !0 });
+  }, [C, n]);
+  const k = {
+    total: p,
+    current: C,
+    pageSize: N,
+    defaultCurrent: e,
+    defaultPageSize: t,
+    onChange: I,
     pageSizeOptions: ["10", "20", "30"],
-    showSizeChanger: true,
-    hideOnSinglePage,
+    showSizeChanger: !0,
+    hideOnSinglePage: a,
     className: "border border-negative",
     style: {
-      backgroundColor: colors.white_ff,
-      paddingInline: isSmallerThanMedium ? 4 : 24,
+      backgroundColor: o.white_ff,
+      paddingInline: d ? 4 : 24,
       paddingBlock: 16,
       margin: 0,
-      borderTop: `1px solid ${colors.light_7}`,
+      borderTop: `1px solid ${o.light_7}`,
       flexDirection: "row-reverse",
       justifyContent: "flex-start",
       border: "none",
-      ...style
+      ...i
     },
-    showPrevNextJumpers: true,
-    showQuickJumper: true,
+    showPrevNextJumpers: !0,
+    showQuickJumper: !0,
     rootClassName: "flex items-center [&_.ant-select-dropdown]:!p-0 [&_.ant-pagination-options]:flex [&_.ant-pagination-options]:items-center [&_.ant-pagination-options]:justify-between [&_.ant-pagination-options]:flex-1",
     // selectComponentClass: () => SelectComponentClass({ filters, onChange, pageSize, pagination }),
-    itemRender: (page, type) => ItemRender({ current, page, type, isFa: i18n.language === "fa" }),
-    ...rest
+    itemRender: (b, B) => er({ current: C, page: b, type: B, isFa: R.language === "fa" }),
+    ...l
   };
   return {
-    filters,
-    current,
-    pageSize,
-    pagination,
-    order,
-    orderBy,
-    onChange,
-    getTotal
+    filters: A,
+    current: C,
+    pageSize: N,
+    pagination: k,
+    order: T,
+    orderBy: P,
+    onChange: y,
+    getTotal: h
   };
 }
-const Table = ({
-  className,
-  children,
-  expandable,
-  rowSelection,
-  size,
-  pagination,
-  loading,
-  transparentHeader,
-  internalScroll = true,
-  extraHeight = 100,
-  footer,
-  theme,
-  dndSort,
-  components,
-  ...rest
+const E = ({
+  className: e,
+  children: t,
+  expandable: n,
+  rowSelection: a,
+  size: i,
+  pagination: l,
+  loading: d,
+  transparentHeader: g,
+  internalScroll: c = !0,
+  extraHeight: f = 100,
+  footer: w,
+  theme: p,
+  dndSort: x,
+  components: R,
+  ...C
 }) => {
-  const [scrollY, setScrollY] = useState();
-  const ref = useRef(null);
-  useEffect(() => {
-    if (!ref.current) {
-      return;
-    }
-    setScrollY(
-      window.innerHeight - ref.current.offsetTop - 46 - (pagination ? 65 : 0) - extraHeight
+  const [T, P] = O(), N = Se(null);
+  W(() => {
+    N.current && P(
+      window.innerHeight - N.current.offsetTop - 46 - (l ? 65 : 0) - f
     );
-  }, [pagination, theme?.components?.Table?.headerBg]);
-  const columns = useMemo(() => {
-    function getChildren(_children) {
-      if (!_children) {
+  }, [l, p?.components?.Table?.headerBg]);
+  const A = V(() => {
+    function y(h) {
+      if (!h)
         return [];
-      }
-      if (typeof _children === "boolean" || typeof _children === "undefined" || _children === null) {
+      if (typeof h == "boolean" || typeof h > "u" || h === null)
         return [];
-      }
-      if (typeof _children !== "object") {
+      if (typeof h != "object")
         throw new Error("Table children must be Column");
+      if (!Array.isArray(h)) {
+        if (h.type === K)
+          return [{
+            ...h.props,
+            child: h
+          }];
+        if (h.type === ve)
+          return y(h.props?.children);
       }
-      if (!Array.isArray(_children)) {
-        if (_children.type === Column) {
-          const result = {
-            ..._children.props,
-            child: _children
-          };
-          return [result];
-        }
-        if (_children.type === Fragment$1) {
-          return getChildren(_children.props?.children);
-        }
-      }
-      return (_children || [])?.flatMap((child) => {
-        return getChildren(child);
-      });
+      return (h || [])?.flatMap((k) => y(k));
     }
-    const mappedChildren = getChildren(children);
-    return mappedChildren;
-  }, [children]);
-  const Provider = ({ children: children2 }) => dndSort === void 0 ? /* @__PURE__ */ jsx(Fragment, { children: children2 }) : /* @__PURE__ */ jsx(
-    DndSortProvider,
+    return y(t);
+  }, [t]), $ = ({ children: y }) => x === void 0 ? /* @__PURE__ */ r(F, { children: y }) : /* @__PURE__ */ r(
+    Ke,
     {
-      children: children2,
-      onDragEnd: dndSort.onDragEnd,
-      dataSource: rest.dataSource,
-      rowKey: rest.rowKey
+      children: y,
+      onDragEnd: x.onDragEnd,
+      dataSource: C.dataSource,
+      rowKey: C.rowKey
     }
   );
-  return /* @__PURE__ */ jsx(ConfigProvider, { theme: CustomizedAntTableConfig(theme), children: /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsxs(
-    Table$1,
+  return /* @__PURE__ */ r(Q, { theme: Je(p), children: /* @__PURE__ */ r($, { children: /* @__PURE__ */ u(
+    U,
     {
-      ref,
+      ref: N,
       loading: {
-        indicator: /* @__PURE__ */ jsx(Flex, { className: "items-center justify-center", children: /* @__PURE__ */ jsx(Loading, { isLoading: true, size: 32, thickness: 3 }) }),
-        spinning: !!loading
+        indicator: /* @__PURE__ */ r(s, { className: "items-center justify-center", children: /* @__PURE__ */ r(fe, { isLoading: !0, size: 32, thickness: 3 }) }),
+        spinning: !!d
       },
-      scroll: internalScroll ? { y: scrollY } : void 0,
-      className: twMerge(
-        tailwindTableClasses,
+      scroll: c ? { y: T } : void 0,
+      className: S(
+        Ye,
         "abrplus-table-custom-scroll-bar w-full !animate-none [&_.ant-table-thead_th]:!pt-2",
-        !!expandable && !!rowSelection && "[&_.ant-table-selection-column]:!ps-0",
-        transparentHeader && tableTransparentHeaderClasses,
-        className
+        !!n && !!a && "[&_.ant-table-selection-column]:!ps-0",
+        g && Ue,
+        e
       ),
-      rowSelection,
-      expandable: expandable ? {
-        ...expandable,
+      rowSelection: a,
+      expandable: n ? {
+        ...n,
         expandedRowClassName: () => "[&_.ant-table-cell]:!p-0  [&_.ant-table-row-expand-icon-cell]:!p-0 ",
-        expandIcon: ({ expandable: expandable2, expanded, onExpand, record }) => /* @__PURE__ */ jsx(
-          ExpandIcon,
+        expandIcon: ({ expandable: y, expanded: I, onExpand: h, record: k }) => /* @__PURE__ */ r(
+          We,
           {
-            ...{ expandable: expandable2, expanded },
-            onExpand: (e) => onExpand?.(record, e)
+            expandable: y,
+            expanded: I,
+            onExpand: (b) => h?.(k, b)
           }
         )
       } : void 0,
-      pagination,
-      footer,
-      components: dndSort ? { body: { row: DndRow } } : components,
-      ...rest,
+      pagination: l,
+      footer: w,
+      components: x ? { body: { row: qe } } : R,
+      ...C,
       children: [
-        dndSort && /* @__PURE__ */ jsx(Table.Column, { align: "center", width: 80, render: () => /* @__PURE__ */ jsx(DragHandle, {}) }, "sort"),
-        columns.map(
+        x && /* @__PURE__ */ r(E.Column, { align: "center", width: 80, render: () => /* @__PURE__ */ r(Xe, {}) }, "sort"),
+        A.map(
           ({
-            render,
-            children: children2,
-            dataIndex,
-            align,
-            headerStyle,
-            headerClassName,
-            className: className2,
-            filtersOptions,
-            sortIconOptions,
-            ...rest2
-          }, colIndex) => /* @__PURE__ */ jsx(
-            Table$1.Column,
+            render: y,
+            children: I,
+            dataIndex: h,
+            align: k,
+            headerStyle: b,
+            headerClassName: B,
+            className: j,
+            filtersOptions: D,
+            sortIconOptions: J,
+            ...te
+          }, Y) => /* @__PURE__ */ r(
+            U.Column,
             {
-              ...rest2,
-              dataIndex: dataIndex?.toString(),
-              className: twMerge("h-[56px] [&_.ant-table-column-title]:!flex-1", className2),
-              title: /* @__PURE__ */ jsxs(
-                Flex,
+              ...te,
+              dataIndex: h?.toString(),
+              className: S("h-[56px] [&_.ant-table-column-title]:!flex-1", j),
+              title: /* @__PURE__ */ u(
+                s,
                 {
                   className: "ant-table-column-title-content items-center justify-between",
                   flex: 1,
                   children: [
-                    /* @__PURE__ */ jsx(
-                      TableHeaderTitle,
+                    /* @__PURE__ */ r(
+                      Ve,
                       {
-                        title: children2,
-                        align,
-                        style: headerStyle,
-                        className: headerClassName
+                        title: I,
+                        align: k,
+                        style: b,
+                        className: B
                       }
                     ),
-                    filtersOptions?.renderFilter?.()
+                    D?.renderFilter?.()
                   ]
                 }
               ),
-              render: (value, row, index) => /* @__PURE__ */ jsx(
-                Flex,
+              render: (M, ne, oe) => /* @__PURE__ */ r(
+                s,
                 {
-                  className: twMerge("items-center", rowHeightClassName[size || "large"]),
+                  className: S("items-center", Ze[i || "large"]),
                   style: {
                     wordWrap: "break-word",
                     wordBreak: "break-word",
-                    paddingInlineEnd: colIndex === columns.length - 1 ? 24 : void 0
+                    paddingInlineEnd: Y === A.length - 1 ? 24 : void 0
                   },
-                  children: render ? render({ index, row, value }) : /* @__PURE__ */ jsx(TableCell, { children: value })
+                  children: y ? y({ index: oe, row: ne, value: M }) : /* @__PURE__ */ r(z, { children: M })
                 }
               ),
-              showSorterTooltip: false,
-              sortIcon: ({ sortOrder }) => {
-                return /* @__PURE__ */ jsxs(
-                  Flex,
-                  {
-                    vertical: true,
-                    ...sortIconOptions,
-                    className: twMerge(
-                      "table-filters-sort flex-[4] ps-2",
-                      sortIconOptions?.className
+              showSorterTooltip: !1,
+              sortIcon: ({ sortOrder: M }) => /* @__PURE__ */ u(
+                s,
+                {
+                  vertical: !0,
+                  ...J,
+                  className: S(
+                    "table-filters-sort flex-[4] ps-2",
+                    J?.className
+                  ),
+                  children: [
+                    /* @__PURE__ */ r(
+                      v,
+                      {
+                        size: 12,
+                        color: M === "ascend" ? o.primary : o.primary_light_3,
+                        name: "Chevron_Up",
+                        style: { marginBottom: -4 }
+                      }
                     ),
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          size: 12,
-                          color: sortOrder === "ascend" ? colors.primary : colors.primary_light_3,
-                          name: "Chevron_Up",
-                          style: { marginBottom: -4 }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          size: 12,
-                          color: sortOrder === "descend" ? colors.primary : colors.primary_light_3,
-                          name: "Chevron_Down"
-                        }
-                      )
-                    ]
-                  }
-                );
-              }
+                    /* @__PURE__ */ r(
+                      v,
+                      {
+                        size: 12,
+                        color: M === "descend" ? o.primary : o.primary_light_3,
+                        name: "Chevron_Down"
+                      }
+                    )
+                  ]
+                }
+              )
             },
-            colIndex
+            Y
           )
         )
       ]
     }
   ) }) });
 };
-Table.Cell = TableCell;
-Table.Column = Column;
-Table.Currency = TableCell.Currency;
-Table.Date = TableCell.Date;
-Table.Status = TableCell.StatusCell;
-Table.usePagination = usePagination;
+E.Cell = z;
+E.Column = K;
+E.Currency = z.Currency;
+E.Date = z.Date;
+E.Status = z.StatusCell;
+E.usePagination = or;
 export {
-  AvatarGroup,
-  Drawer,
-  Modal,
-  Table
+  br as AvatarGroup,
+  wr as Drawer,
+  Cr as Modal,
+  E as Table
 };