abrplus-ui-kit 1.0.7 → 1.0.9

package/dist/atoms.es.js

@@ -1,392 +1,338 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Badge as Badge$1, Collapse as Collapse$1, Radio as Radio$1, ConfigProvider, Tabs } from "antd";
-import { m as mainExports, d as datePickerColors, I as InputErrorMessage } from "./index-Crz4ws0L.js";
-import { B, a, C, b, U, V } from "./index-Crz4ws0L.js";
-import { twMerge } from "tailwind-merge";
-import { useState, useEffect, useRef, useMemo, useCallback, Children } from "react";
-import require$$0 from "moment-jalaali";
-import { useTranslation } from "react-i18next";
-import { F as Flex, R as Render, I as Icon, T as Text, L as Loading } from "./index-B02Mlfa4.js";
-import { T as Tooltip } from "./index-CVNEow23.js";
-import { c as colors } from "./colors-CztsZ6e_.js";
-import { P, V as V2 } from "./index-CiSH4Pqy.js";
-import require$$2 from "react-dom";
-const Badge = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx(Badge$1, { ...rest, children });
-};
-const PortalContainer = ({ children, id }) => {
-  const [container, setContainer] = useState(null);
-  useEffect(() => {
-    let el = document.getElementById(id);
-    if (!el) {
-      const observer = new MutationObserver(() => {
-        el = document.getElementById(id);
-        if (el) {
-          setContainer(el);
-          observer.disconnect();
-        }
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { Badge as O, Collapse as M, Radio as R, ConfigProvider as A, Tabs as $ } from "antd";
+import { m as E, d as F, I as V } from "./index-R9oQ5kp6.js";
+import { B as Ye, a as Pe, C as Te, b as je, U as _e, V as De } from "./index-R9oQ5kp6.js";
+import { twMerge as f } from "tailwind-merge";
+import { useState as H, useEffect as L, useRef as J, useMemo as Q, useCallback as S, Children as D } from "react";
+import W from "moment-jalaali";
+import { useTranslation as q } from "react-i18next";
+import { F as s, R as y, I as N, T as k, L as X } from "./index-BRLLsEKX.js";
+import { T as B } from "./index-CzPs2mPX.js";
+import { c } from "./colors-BW-NR0oP.js";
+import { P as Me, V as Re } from "./index-BeP9-mrf.js";
+import Z from "react-dom";
+const pe = ({ children: r, ...n }) => /* @__PURE__ */ e(O, { ...n, children: r }), ge = ({ children: r, id: n }) => {
+  const [o, t] = H(null);
+  return L(() => {
+    let l = document.getElementById(n);
+    if (!l) {
+      const a = new MutationObserver(() => {
+        l = document.getElementById(n), l && (t(l), a.disconnect());
       });
-      observer.observe(document.body, { childList: true, subtree: true });
-      return () => observer.disconnect();
-    }
-    setContainer(el);
-  }, [id]);
-  if (!container) return null;
-  return require$$2.createPortal(children, container);
-};
-const Clickable = ({ children, onClick, className, ...rest }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      onClick,
-      className: twMerge(
-        "hover:bg-light-2 flex cursor-pointer items-center justify-center rounded-full p-2 transition-colors",
-        className
-      ),
-      ...rest,
-      children
+      return a.observe(document.body, { childList: !0, subtree: !0 }), () => a.disconnect();
     }
-  );
-};
-const ClickAwayListener = ({
-  children,
-  onClickAway,
-  document: document2 = window.document,
-  active = true,
-  className,
-  hasDefaultStyle = true
+    t(l);
+  }, [n]), o ? Z.createPortal(r, o) : null;
+}, he = ({ children: r, onClick: n, className: o, ...t }) => /* @__PURE__ */ e(
+  "div",
+  {
+    onClick: n,
+    className: f(
+      "hover:bg-light-2 flex cursor-pointer items-center justify-center rounded-full p-2 transition-colors",
+      o
+    ),
+    ...t,
+    children: r
+  }
+), be = ({
+  children: r,
+  onClickAway: n,
+  document: o = window.document,
+  active: t = !0,
+  className: l,
+  hasDefaultStyle: a = !0
 }) => {
-  const containerRef = useRef(null);
-  useEffect(() => {
-    if (!active) return;
-    const handleClickOutside = (event) => {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        onClickAway();
-      }
+  const d = J(null);
+  return L(() => {
+    if (!t) return;
+    const m = (u) => {
+      d.current && !d.current.contains(u.target) && n();
     };
-    document2.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document2.removeEventListener("mousedown", handleClickOutside);
+    return o.addEventListener("mousedown", m), () => {
+      o.removeEventListener("mousedown", m);
     };
-  }, [onClickAway, active, document2]);
-  return /* @__PURE__ */ jsxs(
+  }, [n, t, o]), /* @__PURE__ */ g(
     "div",
     {
-      ref: containerRef,
-      ...hasDefaultStyle ? { className: twMerge("flex h-full w-full flex-1", className) } : { className },
+      ref: d,
+      ...a ? { className: f("flex h-full w-full flex-1", l) } : { className: l },
       children: [
         " ",
-        children
+        r
       ]
     }
   );
-};
-const Collapse = ({ ...props }) => {
-  return /* @__PURE__ */ jsx(Collapse$1, { ...props });
-};
-Collapse.Panel = Collapse$1.Panel;
-const DatePicker = ({
-  helperText,
-  required,
-  label,
-  error,
-  wrapperClassName,
-  onChange: onChangeProp,
-  onChangeISO,
-  value: valueProp,
-  valueISO,
-  locale,
-  hideErrorMessage = false,
-  ...props
+}, I = ({ ...r }) => /* @__PURE__ */ e(M, { ...r });
+I.Panel = M.Panel;
+const we = ({
+  helperText: r,
+  required: n,
+  label: o,
+  error: t,
+  wrapperClassName: l,
+  onChange: a,
+  onChangeISO: d,
+  value: m,
+  valueISO: u,
+  locale: h,
+  hideErrorMessage: w = !1,
+  ...z
 }) => {
-  const { i18n } = useTranslation();
-  const value = useMemo(() => {
-    if (valueISO) {
-      return require$$0(valueISO);
-    }
-    return valueProp;
-  }, [valueISO, valueProp]);
-  const onChange = useCallback(
-    (date, dateString) => {
-      onChangeProp?.(date, dateString);
-      onChangeISO?.(date?.toISOString());
+  const { i18n: x } = q(), Y = Q(() => u ? W(u) : m, [u, m]), P = S(
+    (v, C) => {
+      a?.(v, C), d?.(v?.toISOString());
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: `w-full ${!hideErrorMessage && "inputErrorMessageContainer"}`, children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: "language-textarea", className: "flex flex-row items-center gap-1", children: [
-      /* @__PURE__ */ jsx(Render, { when: helperText, children: /* @__PURE__ */ jsx(Tooltip, { variant: "default", title: helperText, arrow: { pointAtCenter: true }, children: /* @__PURE__ */ jsx(Icon, { name: "Help_header", color: colors.primary_light_3, size: 15 }) }) }),
-      typeof label === "string" ? /* @__PURE__ */ jsx(Text, { color: colors.primary, children: label }) : label,
-      /* @__PURE__ */ jsx(Render, { when: required, children: /* @__PURE__ */ jsx(Icon, { name: "Asterisk", size: 6, color: colors.negative, className: "mb-2" }) })
+  return /* @__PURE__ */ g(s, { vertical: !0, className: `w-full ${!w && "inputErrorMessageContainer"}`, children: [
+    /* @__PURE__ */ g("label", { htmlFor: "language-textarea", className: "flex flex-row items-center gap-1", children: [
+      /* @__PURE__ */ e(y, { when: r, children: /* @__PURE__ */ e(B, { variant: "default", title: r, arrow: { pointAtCenter: !0 }, children: /* @__PURE__ */ e(N, { name: "Help_header", color: c.primary_light_3, size: 15 }) }) }),
+      typeof o == "string" ? /* @__PURE__ */ e(k, { color: c.primary, children: o }) : o,
+      /* @__PURE__ */ e(y, { when: n, children: /* @__PURE__ */ e(N, { name: "Asterisk", size: 6, color: c.negative, className: "mb-2" }) })
     ] }),
-    /* @__PURE__ */ jsx(
-      mainExports.DatePicker,
+    /* @__PURE__ */ e(
+      E.DatePicker,
       {
-        format: i18n.language === "fa" ? "jYYYY/jMM/jDD" : "YYYY/MM/DD",
-        locale: locale || i18n.language === "fa" ? "fa" : "en",
-        customColors: datePickerColors,
-        onChange,
-        value,
-        ...props
+        format: x.language === "fa" ? "jYYYY/jMM/jDD" : "YYYY/MM/DD",
+        locale: h || x.language === "fa" ? "fa" : "en",
+        customColors: F,
+        onChange: P,
+        value: Y,
+        ...z
       }
     ),
-    !hideErrorMessage && error?.message && /* @__PURE__ */ jsx(InputErrorMessage, { message: error?.message })
+    !w && t?.message && /* @__PURE__ */ e(V, { message: t?.message })
   ] });
-};
-const Empty = ({ flex, direction = "horizontal" }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
+}, xe = ({ flex: r, direction: n = "horizontal" }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: f("flex", n === "horizontal" ? "flex-row" : "flex-col"),
+    style: { flex: r }
+  }
+), ve = ({ size: r }) => /* @__PURE__ */ e(s, { className: "h-full min-h-[100px] w-full", align: "center", justify: "center", children: /* @__PURE__ */ e(X, { isLoading: !0, size: r }) }), Ce = ({
+  className: r,
+  wrapperClassName: n,
+  style: o,
+  color: t,
+  text: l
+}) => /* @__PURE__ */ g(s, { "data-testid": "horizontal-line", className: n, align: "center", gap: 10, children: [
+  l ? /* @__PURE__ */ e(
+    k,
     {
-      className: twMerge("flex", direction === "horizontal" ? "flex-row" : "flex-col"),
-      style: { flex }
+      className: "whitespace-nowrap",
+      weight: "normal",
+      size: "medium",
+      color: c.primary,
+      children: l
     }
-  );
-};
-const Fallback = ({ size }) => {
-  return /* @__PURE__ */ jsx(Flex, { className: "h-full min-h-[100px] w-full", align: "center", justify: "center", children: /* @__PURE__ */ jsx(Loading, { isLoading: true, size }) });
-};
-const HorizontalLine = ({
-  className,
-  wrapperClassName,
-  style,
-  color,
-  text
-}) => {
-  return /* @__PURE__ */ jsxs(Flex, { "data-testid": "horizontal-line", className: wrapperClassName, align: "center", gap: 10, children: [
-    text ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        className: "whitespace-nowrap",
-        weight: "normal",
-        size: "medium",
-        color: colors.primary,
-        children: text
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      "hr",
-      {
-        role: "separator",
-        className: twMerge("border-t-light-7 m-0 w-full border-x-0 border-b-0 border-t", className),
-        style: { ...style, borderTopColor: color }
-      }
-    )
-  ] });
-};
-const NavigationTabs = ({
-  children,
-  onChange,
-  wrapperStyle,
-  wrapperClassName,
-  spaceBetweenTabs,
-  activeStyleMode = "background",
-  defaultTabKey,
-  extraAfterItem,
-  extraBeforeItem,
-  extraBeforeChildren,
-  extraAfterChildren,
-  tabFontSize = 18,
-  tabsClassName,
-  tabClassName,
-  tabsWrapperStyle,
-  innerContentClassName,
-  extraChildrenInheritBorder,
-  hasBorder = true
+  ) : null,
+  /* @__PURE__ */ e(
+    "hr",
+    {
+      role: "separator",
+      className: f("border-t-light-7 m-0 w-full border-x-0 border-b-0 border-t", r),
+      style: { ...o, borderTopColor: t }
+    }
+  )
+] }), K = ({
+  children: r,
+  onChange: n,
+  wrapperStyle: o,
+  wrapperClassName: t,
+  spaceBetweenTabs: l,
+  activeStyleMode: a = "background",
+  defaultTabKey: d,
+  extraAfterItem: m,
+  extraBeforeItem: u,
+  extraBeforeChildren: h,
+  extraAfterChildren: w,
+  tabFontSize: z = 18,
+  tabsClassName: x,
+  tabClassName: Y,
+  tabsWrapperStyle: P,
+  innerContentClassName: v,
+  extraChildrenInheritBorder: C,
+  hasBorder: G = !0
 }) => {
-  const [currentTabKey, setCurrentTabKey] = useState(void 0);
-  useEffect(() => {
-    const defaultActiveTab = Children.map(children, ({ props }) => props)[0];
-    if (!defaultTabKey) {
-      setCurrentTabKey(defaultActiveTab.tabKey);
+  const [p, T] = H(void 0);
+  return L(() => {
+    const i = D.map(r, ({ props: b }) => b)[0];
+    if (!d) {
+      T(i.tabKey);
       return;
     }
-    setCurrentTabKey(defaultTabKey);
-  }, []);
-  return /* @__PURE__ */ jsxs(Flex, { style: wrapperStyle, vertical: true, className: twMerge("w-full flex-1", wrapperClassName), children: [
-    /* @__PURE__ */ jsxs(
-      Flex,
+    T(d);
+  }, []), /* @__PURE__ */ g(s, { style: o, vertical: !0, className: f("w-full flex-1", t), children: [
+    /* @__PURE__ */ g(
+      s,
       {
         align: "center",
-        className: twMerge(
-          activeStyleMode === "underlined" && hasBorder && "border-light-7 border-b border-solid"
+        className: f(
+          a === "underlined" && G && "border-light-7 border-b border-solid"
         ),
         children: [
-          extraBeforeItem && /* @__PURE__ */ jsx(
-            Flex,
+          u && /* @__PURE__ */ e(
+            s,
             {
               justify: "center",
-              className: twMerge(
+              className: f(
                 "h-full px-2",
-                extraChildrenInheritBorder && "border-light-6 border-b border-solid"
+                C && "border-light-6 border-b border-solid"
               ),
-              children: typeof extraBeforeItem === "function" ? extraBeforeItem(currentTabKey) : extraBeforeItem
+              children: typeof u == "function" ? u(p) : u
             }
           ),
-          /* @__PURE__ */ jsx(
-            Flex,
+          /* @__PURE__ */ e(
+            s,
             {
               align: "center",
-              className: twMerge(
+              className: f(
                 "w-full min-w-max flex-1 flex-row overflow-y-auto overflow-x-hidden",
-                tabsClassName
+                x
               ),
-              gap: spaceBetweenTabs !== void 0 ? spaceBetweenTabs : 24,
-              style: tabsWrapperStyle,
-              children: Children.map(
-                children,
-                ({ props: { tabKey, title, className, style, isVisible = true } }) => isVisible ? /* @__PURE__ */ jsx(
-                  Flex,
+              gap: l !== void 0 ? l : 24,
+              style: P,
+              children: D.map(
+                r,
+                ({ props: { tabKey: i, title: b, className: j, style: _, isVisible: U = !0 } }) => U ? /* @__PURE__ */ e(
+                  s,
                   {
                     align: "center",
                     justify: "center",
-                    style: typeof style === "function" ? style(currentTabKey || tabKey) : style,
-                    className: twMerge(
+                    style: typeof _ == "function" ? _(p || i) : _,
+                    className: f(
                       "relative h-full min-h-[35px] w-fit min-w-[24px] cursor-pointer rounded",
-                      tabClassName,
-                      typeof title === "string" ? "px-4 pb-2 pt-4" : "px-0 pb-2 pt-4",
-                      tabKey === currentTabKey && (activeStyleMode === "background" ? "after:bg-primary-light-1 z-auto overflow-hidden px-4 after:absolute after:left-0 after:top-0 after:h-full after:w-full" : activeStyleMode === "underlined" ? " after:border-action z-auto after:absolute after:left-0 after:top-0 after:h-full after:w-full after:border-b-[2px] after:border-solid" : void 0),
-                      typeof className === "function" ? className(currentTabKey || tabKey) : className
+                      Y,
+                      typeof b == "string" ? "px-4 pb-2 pt-4" : "px-0 pb-2 pt-4",
+                      i === p && (a === "background" ? "after:bg-primary-light-1 z-auto overflow-hidden px-4 after:absolute after:left-0 after:top-0 after:h-full after:w-full" : a === "underlined" ? " after:border-action z-auto after:absolute after:left-0 after:top-0 after:h-full after:w-full after:border-b-[2px] after:border-solid" : void 0),
+                      typeof j == "function" ? j(p || i) : j
                     ),
                     onClick: () => {
-                      setCurrentTabKey(tabKey);
-                      onChange?.(tabKey);
+                      T(i), n?.(i);
                     },
-                    children: typeof title === "string" ? /* @__PURE__ */ jsx(
-                      Text,
+                    children: typeof b == "string" ? /* @__PURE__ */ e(
+                      k,
                       {
-                        size: tabFontSize,
+                        size: z,
                         weight: "medium",
-                        className: twMerge(
+                        className: f(
                           "z-10",
-                          activeStyleMode === "background" && tabKey === currentTabKey && "text-white-ff",
-                          activeStyleMode === "underlined" && tabKey === currentTabKey && "text-action"
+                          a === "background" && i === p && "text-white-ff",
+                          a === "underlined" && i === p && "text-action"
                         ),
-                        children: title
+                        children: b
                       }
-                    ) : title?.(tabKey === currentTabKey ? colors.negative : colors.negative)
+                    ) : b?.(i === p ? c.negative : c.negative)
                   },
-                  tabKey
+                  i
                 ) : null
               )
             }
           ),
-          extraAfterItem && /* @__PURE__ */ jsx(
-            Flex,
+          m && /* @__PURE__ */ e(
+            s,
             {
               justify: "center",
               align: "center",
-              className: twMerge(
+              className: f(
                 "h-full px-2",
-                extraChildrenInheritBorder && "border-light-6 border-b border-solid"
+                C && "border-light-6 border-b border-solid"
               ),
-              children: typeof extraAfterItem === "function" ? extraAfterItem(currentTabKey) : extraAfterItem
+              children: typeof m == "function" ? m(p) : m
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(Flex, { className: twMerge("max-w-full flex-1", innerContentClassName), children: [
-      extraBeforeChildren && /* @__PURE__ */ jsx(Flex, { children: typeof extraBeforeChildren === "function" ? extraBeforeChildren(currentTabKey) : extraBeforeChildren }),
-      Children.map(children, ({ props: { tabKey, children: children2 } }) => {
-        if (tabKey === currentTabKey) {
-          return /* @__PURE__ */ jsx(Flex, { className: "max-w-full flex-1", children: children2 }, tabKey);
-        }
-        return null;
-      }),
-      extraAfterChildren && /* @__PURE__ */ jsx(Flex, { children: typeof extraAfterChildren === "function" ? extraAfterChildren(currentTabKey) : extraAfterChildren })
+    /* @__PURE__ */ g(s, { className: f("max-w-full flex-1", v), children: [
+      h && /* @__PURE__ */ e(s, { children: typeof h == "function" ? h(p) : h }),
+      D.map(r, ({ props: { tabKey: i, children: b } }) => i === p ? /* @__PURE__ */ e(s, { className: "max-w-full flex-1", children: b }, i) : null),
+      w && /* @__PURE__ */ e(s, { children: typeof w == "function" ? w(p) : w })
     ] })
   ] });
 };
-NavigationTabs.Tab = (_props) => null;
-const Radio = (props) => /* @__PURE__ */ jsx(Radio$1, { ...props });
-Radio.Group = Radio$1.Group;
-const RangePicker = ({
-  helperText,
-  required,
-  label,
-  error,
-  wrapperClassName,
-  value,
-  hideErrorMessage = false,
-  ...props
+K.Tab = (r) => null;
+const ee = (r) => /* @__PURE__ */ e(R, { ...r });
+ee.Group = R.Group;
+const ye = ({
+  helperText: r,
+  required: n,
+  label: o,
+  error: t,
+  wrapperClassName: l,
+  value: a,
+  hideErrorMessage: d = !1,
+  ...m
 }) => {
-  const { i18n } = useTranslation();
-  const isValueValid = (value?.filter(Boolean)?.length || 0) > 0 && !!value;
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: `w-full ${!hideErrorMessage && "inputErrorMessageContainer"}`, children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: "language-textarea", className: "flex flex-row items-center gap-1", children: [
-      /* @__PURE__ */ jsx(Render, { when: helperText, children: /* @__PURE__ */ jsx(Tooltip, { variant: "default", title: helperText, arrow: { pointAtCenter: true }, children: /* @__PURE__ */ jsx(Icon, { name: "Help_header", color: colors.primary_light_3, size: 15 }) }) }),
-      typeof label === "string" ? /* @__PURE__ */ jsx(Text, { color: colors.primary, children: label }) : label,
-      /* @__PURE__ */ jsx(Render, { when: required, children: /* @__PURE__ */ jsx(Icon, { name: "Asterisk", size: 6, color: colors.negative, className: "mb-2" }) })
+  const { i18n: u } = q(), h = (a?.filter(Boolean)?.length || 0) > 0 && !!a;
+  return /* @__PURE__ */ g(s, { vertical: !0, className: `w-full ${!d && "inputErrorMessageContainer"}`, children: [
+    /* @__PURE__ */ g("label", { htmlFor: "language-textarea", className: "flex flex-row items-center gap-1", children: [
+      /* @__PURE__ */ e(y, { when: r, children: /* @__PURE__ */ e(B, { variant: "default", title: r, arrow: { pointAtCenter: !0 }, children: /* @__PURE__ */ e(N, { name: "Help_header", color: c.primary_light_3, size: 15 }) }) }),
+      typeof o == "string" ? /* @__PURE__ */ e(k, { color: c.primary, children: o }) : o,
+      /* @__PURE__ */ e(y, { when: n, children: /* @__PURE__ */ e(N, { name: "Asterisk", size: 6, color: c.negative, className: "mb-2" }) })
     ] }),
-    /* @__PURE__ */ jsx(
-      mainExports.RangePicker,
+    /* @__PURE__ */ e(
+      E.RangePicker,
       {
-        format: i18n.language === "fa" ? "jYYYY/jMM/jDD" : "YYYY/MM/DD",
-        locale: i18n.language === "fa" ? "fa" : "en",
-        customColors: datePickerColors,
-        value: isValueValid ? value : null,
-        ...props
+        format: u.language === "fa" ? "jYYYY/jMM/jDD" : "YYYY/MM/DD",
+        locale: u.language === "fa" ? "fa" : "en",
+        customColors: F,
+        value: h ? a : null,
+        ...m
       }
     ),
-    !hideErrorMessage && error?.message && /* @__PURE__ */ jsx(InputErrorMessage, { message: error?.message })
+    !d && t?.message && /* @__PURE__ */ e(V, { message: t?.message })
   ] });
-};
-const Separator = ({ direction = "vertical", className }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "separator",
-      className: twMerge(
-        "bg-light-7",
-        direction === "vertical" ? "mx-2 h-full w-[1px]" : "my-2 h-[1px] w-full",
-        className
-      )
-    }
-  );
-};
-const TabConfig = {
+}, Ne = ({ direction: r = "vertical", className: n }) => /* @__PURE__ */ e(
+  "div",
+  {
+    role: "separator",
+    className: f(
+      "bg-light-7",
+      r === "vertical" ? "mx-2 h-full w-[1px]" : "my-2 h-[1px] w-full",
+      n
+    )
+  }
+), re = {
   components: {
     Tabs: {
-      inkBarColor: colors.secondary,
-      itemColor: colors.primary,
-      itemSelectedColor: colors.secondary,
+      inkBarColor: c.secondary,
+      itemColor: c.primary,
+      itemSelectedColor: c.secondary,
       titleFontSize: 18,
       horizontalItemPadding: "0px",
       horizontalMargin: "0",
-      itemHoverColor: colors.primary_light_1,
-      itemActiveColor: colors.primary_light_2
+      itemHoverColor: c.primary_light_1,
+      itemActiveColor: c.primary_light_2
     }
   }
-};
-const Tab = (props) => {
-  return /* @__PURE__ */ jsx(ConfigProvider, { theme: TabConfig, children: /* @__PURE__ */ jsx(Tabs, { ...props }) });
-};
-Tab.TabPane = Tabs.TabPane;
+}, ne = (r) => /* @__PURE__ */ e(A, { theme: re, children: /* @__PURE__ */ e($, { ...r }) });
+ne.TabPane = $.TabPane;
 export {
-  Badge,
-  B as BorderedTitle,
-  a as Breadcrumbs,
-  C as Card,
-  b as Checkbox,
-  ClickAwayListener,
-  Clickable,
-  Collapse,
-  DatePicker,
-  Empty,
-  Fallback,
-  HorizontalLine,
-  Icon,
-  NavigationTabs,
-  P as Popover,
-  PortalContainer,
-  Radio,
-  RangePicker,
-  Render,
-  Separator,
-  Tab,
-  Tooltip,
-  U as Upload,
-  V as VerticalLine,
-  V2 as View
+  pe as Badge,
+  Ye as BorderedTitle,
+  Pe as Breadcrumbs,
+  Te as Card,
+  je as Checkbox,
+  be as ClickAwayListener,
+  he as Clickable,
+  I as Collapse,
+  we as DatePicker,
+  xe as Empty,
+  ve as Fallback,
+  Ce as HorizontalLine,
+  N as Icon,
+  K as NavigationTabs,
+  Me as Popover,
+  ge as PortalContainer,
+  ee as Radio,
+  ye as RangePicker,
+  y as Render,
+  Ne as Separator,
+  ne as Tab,
+  B as Tooltip,
+  _e as Upload,
+  De as VerticalLine,
+  Re as View
 };