abrplus-ui-kit 1.0.7 → 1.0.8

package/dist/atoms.cjs.js

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