@orbe-agro/client-core 5.3.261 → 5.3.264

package/dist/@ecme/components/ui/Steps/StepItem.js

@@ -1,74 +1,83 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import s from "classnames";
-import { HiX as g, HiCheck as y } from "react-icons/hi";
-import { STEPS_STATUS as b } from "../utils/constants.js";
-const { COMPLETE: p, PENDING: P, IN_PROGRESS: d, ERROR: r } = b, R = {
-  [p]: /* @__PURE__ */ t(y, {}),
-  [P]: null,
-  [d]: null,
-  [r]: /* @__PURE__ */ t(g, {})
-}, A = (h) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { HiX, HiCheck } from "react-icons/hi";
+import { STEPS_STATUS } from "../utils/constants.js";
+const { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS;
+const STEP_STATUS_ICON = {
+  [COMPLETE]: /* @__PURE__ */ jsx(HiCheck, {}),
+  [PENDING]: null,
+  [IN_PROGRESS]: null,
+  [ERROR]: /* @__PURE__ */ jsx(HiX, {})
+};
+const StepItem = (props) => {
   const {
-    className: N,
-    customIcon: l,
-    description: o,
-    isLast: C,
-    onStepChange: n,
-    ref: S,
-    status: e,
-    stepNumber: v,
-    title: i,
-    vertical: c,
-    ...u
-  } = h;
-  let m = /* @__PURE__ */ t("span", { children: R[e] ?? v });
-  l && (m = /* @__PURE__ */ t("span", { children: l }));
-  const I = s(
-    `step-item step-item-${e}`,
-    c && "step-item-vertical",
-    N
-  ), T = s(
+    className,
+    customIcon,
+    description,
+    isLast,
+    onStepChange,
+    ref,
+    status,
+    stepNumber,
+    title,
+    vertical,
+    ...rest
+  } = props;
+  let stepIcon = /* @__PURE__ */ jsx("span", { children: STEP_STATUS_ICON[status] ?? stepNumber });
+  if (customIcon) {
+    stepIcon = /* @__PURE__ */ jsx("span", { children: customIcon });
+  }
+  const stepItemClass = classNames(
+    `step-item step-item-${status}`,
+    vertical && "step-item-vertical",
+    className
+  );
+  const stepWrapperClass = classNames(
     "step-item-wrapper",
-    n && "step-clickable"
-  ), f = s(
-    `step-item-icon step-item-icon-${e}`,
-    e === p && "bg-primary text-white",
-    e === r && "step-item-icon-error",
-    e === d && "text-primary dark:text-gray-100 border-primary step-item-icon-current"
-  ), x = s(
+    onStepChange && "step-clickable"
+  );
+  const stepIconClass = classNames(
+    `step-item-icon step-item-icon-${status}`,
+    status === COMPLETE && `bg-primary text-white`,
+    status === ERROR && `step-item-icon-error`,
+    status === IN_PROGRESS && `text-primary dark:text-gray-100 border-primary step-item-icon-current`
+  );
+  const stepConnectClass = classNames(
     "step-connect",
-    i ? "ml-2.5 rtl:mr-2.5" : "",
-    c ? "step-connect-vertical" : "",
-    e === p ? "bg-primary" : "inactive"
-  ), E = s(
+    title ? "ml-2.5 rtl:mr-2.5" : "",
+    vertical ? "step-connect-vertical" : "",
+    status === COMPLETE ? `bg-primary` : `inactive`
+  );
+  const stepTitleClass = classNames(
     "step-item-title",
-    e === r && "step-item-title-error",
-    n && e !== r && "hover:text-primary"
+    status === ERROR && `step-item-title-error`,
+    onStepChange && status !== ERROR && `hover:text-primary`
   );
-  return /* @__PURE__ */ a(
+  const handleStepChange = () => {
+    onStepChange?.();
+  };
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: I,
-      ...u,
-      ref: S,
+      className: stepItemClass,
+      ...rest,
+      ref,
       role: "presentation",
-      onClick: () => {
-        n?.();
-      },
+      onClick: handleStepChange,
       children: [
-        /* @__PURE__ */ a("div", { className: T, children: [
-          /* @__PURE__ */ t("div", { className: f, children: m }),
-          i && /* @__PURE__ */ a("div", { className: "step-item-content", children: [
-            i && /* @__PURE__ */ t("span", { className: E, children: i }),
-            o && c && /* @__PURE__ */ t("span", { className: "step-item-description", children: o })
+        /* @__PURE__ */ jsxs("div", { className: stepWrapperClass, children: [
+          /* @__PURE__ */ jsx("div", { className: stepIconClass, children: stepIcon }),
+          title && /* @__PURE__ */ jsxs("div", { className: "step-item-content", children: [
+            title && /* @__PURE__ */ jsx("span", { className: stepTitleClass, children: title }),
+            description && vertical && /* @__PURE__ */ jsx("span", { className: "step-item-description", children: description })
           ] })
         ] }),
-        !C && /* @__PURE__ */ t("div", { className: x })
+        !isLast && /* @__PURE__ */ jsx("div", { className: stepConnectClass })
       ]
     }
   );
 };
 export {
-  A as default
+  StepItem as default
 };
 //# sourceMappingURL=StepItem.js.map

package/dist/@ecme/components/ui/Steps/StepItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.js","sources":["../../../../../lib/@ecme/components/ui/Steps/StepItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck, HiX } from 'react-icons/hi'\nimport { STEPS_STATUS } from '../utils/constants'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nconst STEP_STATUS_ICON = {\n    [COMPLETE]: <HiCheck />,\n    [PENDING]: null,\n    [IN_PROGRESS]: null,\n    [ERROR]: <HiX />,\n}\n\nexport interface StepItemProps extends CommonProps {\n    customIcon?: ReactNode | string\n    description?: ReactNode | string\n    isLast?: boolean\n    onStepChange?: () => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    stepNumber?: number\n    title?: ReactNode | string\n    vertical?: boolean\n}\n\nconst StepItem = (props: StepItemProps) => {\n    const {\n        className,\n        customIcon,\n        description,\n        isLast,\n        onStepChange,\n        ref,\n        status,\n        stepNumber,\n        title,\n        vertical,\n        ...rest\n    } = props\n\n    let stepIcon = (\n        <span>{STEP_STATUS_ICON[status as StepStatus] ?? stepNumber}</span>\n    )\n\n    if (customIcon) {\n        stepIcon = <span>{customIcon}</span>\n    }\n\n    const stepItemClass = classNames(\n        `step-item step-item-${status}`,\n        vertical && 'step-item-vertical',\n        className,\n    )\n\n    const stepWrapperClass = classNames(\n        'step-item-wrapper',\n        onStepChange && 'step-clickable',\n    )\n\n    const stepIconClass = classNames(\n        `step-item-icon step-item-icon-${status}`,\n        status === COMPLETE && `bg-primary text-white`,\n        status === ERROR && `step-item-icon-error`,\n        status === IN_PROGRESS &&\n            `text-primary dark:text-gray-100 border-primary step-item-icon-current`,\n    )\n\n    const stepConnectClass = classNames(\n        'step-connect',\n        title ? 'ml-2.5 rtl:mr-2.5' : '',\n        vertical ? 'step-connect-vertical' : '',\n        status === COMPLETE ? `bg-primary` : `inactive`,\n    )\n\n    const stepTitleClass = classNames(\n        'step-item-title',\n        status === ERROR && `step-item-title-error`,\n        onStepChange && status !== ERROR && `hover:text-primary`,\n    )\n\n    const handleStepChange = () => {\n        onStepChange?.()\n    }\n\n    return (\n        <div\n            className={stepItemClass}\n            {...rest}\n            ref={ref}\n            role=\"presentation\"\n            onClick={handleStepChange}\n        >\n            <div className={stepWrapperClass}>\n                <div className={stepIconClass}>{stepIcon}</div>\n                {title && (\n                    <div className=\"step-item-content\">\n                        {title && (\n                            <span className={stepTitleClass}>{title}</span>\n                        )}\n                        {description && vertical && (\n                            <span className=\"step-item-description\">\n                                {description}\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n            {!isLast && <div className={stepConnectClass} />}\n        </div>\n    )\n}\n\nexport default StepItem\n"],"names":["COMPLETE","PENDING","IN_PROGRESS","ERROR","STEPS_STATUS","STEP_STATUS_ICON","jsx","HiCheck","HiX","StepItem","props","className","customIcon","description","isLast","onStepChange","ref","status","stepNumber","title","vertical","rest","stepIcon","stepItemClass","classNames","stepWrapperClass","stepIconClass","stepConnectClass","stepTitleClass","jsxs"],"mappings":";;;;AAMA,MAAM,EAAE,UAAAA,GAAU,SAAAC,GAAS,aAAAC,GAAa,OAAAC,EAAU,IAAAC,GAE5CC,IAAmB;AAAA,EACrB,CAACL,CAAQ,GAAG,gBAAAM,EAACC,GAAQ,EAAA;AAAA,EACrB,CAACN,CAAO,GAAG;AAAA,EACX,CAACC,CAAW,GAAG;AAAA,EACf,CAACC,CAAK,GAAG,gBAAAG,EAACE,GAAI,CAAA,CAAA;AAClB,GAcMC,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX;AAEJ,MAAIY,IACC,gBAAAhB,EAAA,QAAA,EAAM,UAAiBD,EAAAY,CAAoB,KAAKC,GAAW;AAGhE,EAAIN,MACWU,IAAA,gBAAAhB,EAAC,UAAM,UAAWM,EAAA,CAAA;AAGjC,QAAMW,IAAgBC;AAAA,IAClB,uBAAuBP,CAAM;AAAA,IAC7BG,KAAY;AAAA,IACZT;AAAA,EACJ,GAEMc,IAAmBD;AAAA,IACrB;AAAA,IACAT,KAAgB;AAAA,EACpB,GAEMW,IAAgBF;AAAA,IAClB,iCAAiCP,CAAM;AAAA,IACvCA,MAAWjB,KAAY;AAAA,IACvBiB,MAAWd,KAAS;AAAA,IACpBc,MAAWf,KACP;AAAA,EACR,GAEMyB,IAAmBH;AAAA,IACrB;AAAA,IACAL,IAAQ,sBAAsB;AAAA,IAC9BC,IAAW,0BAA0B;AAAA,IACrCH,MAAWjB,IAAW,eAAe;AAAA,EACzC,GAEM4B,IAAiBJ;AAAA,IACnB;AAAA,IACAP,MAAWd,KAAS;AAAA,IACpBY,KAAgBE,MAAWd,KAAS;AAAA,EACxC;AAOI,SAAA,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWN;AAAA,MACV,GAAGF;AAAA,MACJ,KAAAL;AAAA,MACA,MAAK;AAAA,MACL,SAViB,MAAM;AACZ,QAAAD,IAAA;AAAA,MACnB;AAAA,MAUQ,UAAA;AAAA,QAAC,gBAAAc,EAAA,OAAA,EAAI,WAAWJ,GACZ,UAAA;AAAA,UAAC,gBAAAnB,EAAA,OAAA,EAAI,WAAWoB,GAAgB,UAASJ,GAAA;AAAA,UACxCH,KACG,gBAAAU,EAAC,OAAI,EAAA,WAAU,qBACV,UAAA;AAAA,YAAAV,KACI,gBAAAb,EAAA,QAAA,EAAK,WAAWsB,GAAiB,UAAMT,GAAA;AAAA,YAE3CN,KAAeO,KACZ,gBAAAd,EAAC,QAAK,EAAA,WAAU,yBACX,UACLO,EAAA,CAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAAA,GAER;AAAA,QACC,CAACC,KAAW,gBAAAR,EAAA,OAAA,EAAI,WAAWqB,EAAkB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD;AAER;"}
+{"version":3,"file":"StepItem.js","sources":["../../../../../lib/@ecme/components/ui/Steps/StepItem.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck, HiX } from 'react-icons/hi'\nimport { STEPS_STATUS } from '../utils/constants'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nconst STEP_STATUS_ICON = {\n    [COMPLETE]: <HiCheck />,\n    [PENDING]: null,\n    [IN_PROGRESS]: null,\n    [ERROR]: <HiX />,\n}\n\nexport interface StepItemProps extends CommonProps {\n    customIcon?: ReactNode | string\n    description?: ReactNode | string\n    isLast?: boolean\n    onStepChange?: () => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    stepNumber?: number\n    title?: ReactNode | string\n    vertical?: boolean\n}\n\nconst StepItem = (props: StepItemProps) => {\n    const {\n        className,\n        customIcon,\n        description,\n        isLast,\n        onStepChange,\n        ref,\n        status,\n        stepNumber,\n        title,\n        vertical,\n        ...rest\n    } = props\n\n    let stepIcon = (\n        <span>{STEP_STATUS_ICON[status as StepStatus] ?? stepNumber}</span>\n    )\n\n    if (customIcon) {\n        stepIcon = <span>{customIcon}</span>\n    }\n\n    const stepItemClass = classNames(\n        `step-item step-item-${status}`,\n        vertical && 'step-item-vertical',\n        className,\n    )\n\n    const stepWrapperClass = classNames(\n        'step-item-wrapper',\n        onStepChange && 'step-clickable',\n    )\n\n    const stepIconClass = classNames(\n        `step-item-icon step-item-icon-${status}`,\n        status === COMPLETE && `bg-primary text-white`,\n        status === ERROR && `step-item-icon-error`,\n        status === IN_PROGRESS &&\n            `text-primary dark:text-gray-100 border-primary step-item-icon-current`,\n    )\n\n    const stepConnectClass = classNames(\n        'step-connect',\n        title ? 'ml-2.5 rtl:mr-2.5' : '',\n        vertical ? 'step-connect-vertical' : '',\n        status === COMPLETE ? `bg-primary` : `inactive`,\n    )\n\n    const stepTitleClass = classNames(\n        'step-item-title',\n        status === ERROR && `step-item-title-error`,\n        onStepChange && status !== ERROR && `hover:text-primary`,\n    )\n\n    const handleStepChange = () => {\n        onStepChange?.()\n    }\n\n    return (\n        <div\n            className={stepItemClass}\n            {...rest}\n            ref={ref}\n            role=\"presentation\"\n            onClick={handleStepChange}\n        >\n            <div className={stepWrapperClass}>\n                <div className={stepIconClass}>{stepIcon}</div>\n                {title && (\n                    <div className=\"step-item-content\">\n                        {title && (\n                            <span className={stepTitleClass}>{title}</span>\n                        )}\n                        {description && vertical && (\n                            <span className=\"step-item-description\">\n                                {description}\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n            {!isLast && <div className={stepConnectClass} />}\n        </div>\n    )\n}\n\nexport default StepItem\n"],"names":[],"mappings":";;;;AAMA,MAAM,EAAE,UAAU,SAAS,aAAa,MAAU,IAAA;AAElD,MAAM,mBAAmB;AAAA,EACrB,CAAC,QAAQ,GAAG,oBAAC,SAAQ,EAAA;AAAA,EACrB,CAAC,OAAO,GAAG;AAAA,EACX,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,KAAK,GAAG,oBAAC,KAAI,CAAA,CAAA;AAClB;AAcM,MAAA,WAAW,CAAC,UAAyB;AACjC,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,MAAI,WACC,oBAAA,QAAA,EAAM,UAAiB,iBAAA,MAAoB,KAAK,YAAW;AAGhE,MAAI,YAAY;AACD,eAAA,oBAAC,UAAM,UAAW,WAAA,CAAA;AAAA,EAAA;AAGjC,QAAM,gBAAgB;AAAA,IAClB,uBAAuB,MAAM;AAAA,IAC7B,YAAY;AAAA,IACZ;AAAA,EACJ;AAEA,QAAM,mBAAmB;AAAA,IACrB;AAAA,IACA,gBAAgB;AAAA,EACpB;AAEA,QAAM,gBAAgB;AAAA,IAClB,iCAAiC,MAAM;AAAA,IACvC,WAAW,YAAY;AAAA,IACvB,WAAW,SAAS;AAAA,IACpB,WAAW,eACP;AAAA,EACR;AAEA,QAAM,mBAAmB;AAAA,IACrB;AAAA,IACA,QAAQ,sBAAsB;AAAA,IAC9B,WAAW,0BAA0B;AAAA,IACrC,WAAW,WAAW,eAAe;AAAA,EACzC;AAEA,QAAM,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW,SAAS;AAAA,IACpB,gBAAgB,WAAW,SAAS;AAAA,EACxC;AAEA,QAAM,mBAAmB,MAAM;AACZ,mBAAA;AAAA,EACnB;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACV,GAAG;AAAA,MACJ;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MAET,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAW,kBACZ,UAAA;AAAA,UAAC,oBAAA,OAAA,EAAI,WAAW,eAAgB,UAAS,UAAA;AAAA,UACxC,SACG,qBAAC,OAAI,EAAA,WAAU,qBACV,UAAA;AAAA,YAAA,SACI,oBAAA,QAAA,EAAK,WAAW,gBAAiB,UAAM,OAAA;AAAA,YAE3C,eAAe,YACZ,oBAAC,QAAK,EAAA,WAAU,yBACX,UACL,YAAA,CAAA;AAAA,UAAA,EAER,CAAA;AAAA,QAAA,GAER;AAAA,QACC,CAAC,UAAW,oBAAA,OAAA,EAAI,WAAW,iBAAkB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD;AAER;"}

package/dist/@ecme/components/ui/Steps/Steps.js

@@ -1,54 +1,69 @@
-import { jsx as v } from "react/jsx-runtime";
-import { Children as E } from "react";
-import a from "classnames";
-import { STEPS_STATUS as h } from "../utils/constants.js";
-import C from "../utils/mapCloneElement.js";
-const { COMPLETE: P, PENDING: R, IN_PROGRESS: T, ERROR: d } = h, L = (p) => {
+import { jsx } from "react/jsx-runtime";
+import { Children } from "react";
+import classNames from "classnames";
+import { STEPS_STATUS } from "../utils/constants.js";
+import mapCloneElement from "../utils/mapCloneElement.js";
+const { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS;
+const Steps = (props) => {
   const {
-    className: n,
-    children: m,
-    vertical: o = !1,
-    current: r = 0,
-    status: c = T,
-    onChange: i,
-    ref: f,
-    ...u
-  } = p, e = E.count(m), N = C(
-    m,
-    (l, s) => {
-      const S = {
-        flexBasis: s < e - 1 ? `${100 / (e - 1)}%` : void 0,
-        maxWidth: s === e - 1 ? `${100 / e}%` : void 0
-      }, t = {
-        stepNumber: s + 1,
-        status: R,
-        style: o ? void 0 : S,
-        isLast: s === e - 1,
-        vertical: o,
-        onStepChange: i ? () => i(s) : void 0,
-        ...l.props
+    className,
+    children,
+    vertical = false,
+    current = 0,
+    status = IN_PROGRESS,
+    onChange,
+    ref,
+    ...rest
+  } = props;
+  const count = Children.count(children);
+  const items = mapCloneElement(
+    children,
+    (item, index) => {
+      const itemStyles = {
+        flexBasis: index < count - 1 ? `${100 / (count - 1)}%` : void 0,
+        maxWidth: index === count - 1 ? `${100 / count}%` : void 0
       };
-      return c === d && s === r - 1 && (t.className = a("steps-item-error")), l.props.status || (s === r ? (t.status = c, t.className = a(
-        t.className,
-        "steps-item-active"
-      )) : s < r && (t.status = P)), t;
+      const itemProps = {
+        stepNumber: index + 1,
+        status: PENDING,
+        style: !vertical ? itemStyles : void 0,
+        isLast: index === count - 1,
+        vertical,
+        onStepChange: onChange ? () => onChange(index) : void 0,
+        ...item.props
+      };
+      if (status === ERROR && index === current - 1) {
+        itemProps.className = classNames("steps-item-error");
+      }
+      if (!item.props.status) {
+        if (index === current) {
+          itemProps.status = status;
+          itemProps.className = classNames(
+            itemProps.className,
+            "steps-item-active"
+          );
+        } else if (index < current) {
+          itemProps.status = COMPLETE;
+        }
+      }
+      return itemProps;
     }
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      ref: f,
-      className: a(
+      ref,
+      className: classNames(
         "steps",
-        o && "steps-vertical",
-        n
+        vertical && "steps-vertical",
+        className
       ),
-      ...u,
-      children: N
+      ...rest,
+      children: items
     }
   );
 };
 export {
-  L as default
+  Steps as default
 };
 //# sourceMappingURL=Steps.js.map

package/dist/@ecme/components/ui/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../../../lib/@ecme/components/ui/Steps/Steps.tsx"],"sourcesContent":["import { Children } from 'react'\nimport classNames from 'classnames'\nimport { STEPS_STATUS } from '../utils/constants'\nimport mapCloneElement from '../utils/mapCloneElement'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { StepItemProps } from './StepItem'\nimport type { Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nexport interface StepsProps extends CommonProps {\n    current?: number\n    onChange?: (index: number) => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    vertical?: boolean\n}\n\nconst Steps = (props: StepsProps) => {\n    const {\n        className,\n        children,\n        vertical = false,\n        current = 0,\n        status = IN_PROGRESS,\n        onChange,\n        ref,\n        ...rest\n    } = props\n\n    const count = Children.count(children)\n\n    const items = mapCloneElement(\n        children,\n        (item: { props: StepItemProps }, index: number) => {\n            const itemStyles = {\n                flexBasis:\n                    index < count - 1 ? `${100 / (count - 1)}%` : undefined,\n                maxWidth: index === count - 1 ? `${100 / count}%` : undefined,\n            }\n            const itemProps: StepItemProps = {\n                stepNumber: index + 1,\n                status: PENDING as StepStatus,\n                style: !vertical ? itemStyles : undefined,\n                isLast: index === count - 1,\n                vertical: vertical,\n                onStepChange: onChange ? () => onChange(index) : undefined,\n                ...item.props,\n            }\n\n            if (status === ERROR && index === (current as number) - 1) {\n                itemProps.className = classNames('steps-item-error')\n            }\n\n            if (!item.props.status) {\n                if (index === current) {\n                    itemProps.status = status as StepStatus\n                    itemProps.className = classNames(\n                        itemProps.className,\n                        'steps-item-active',\n                    )\n                } else if (index < (current as number)) {\n                    itemProps.status = COMPLETE as StepStatus\n                }\n            }\n            return itemProps\n        },\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                'steps',\n                vertical && 'steps-vertical',\n                className,\n            )}\n            {...rest}\n        >\n            {items}\n        </div>\n    )\n}\n\nexport default Steps\n"],"names":["COMPLETE","PENDING","IN_PROGRESS","ERROR","STEPS_STATUS","Steps","props","className","children","vertical","current","status","onChange","ref","rest","count","Children","items","mapCloneElement","item","index","itemStyles","itemProps","classNames","jsx"],"mappings":";;;;;AAQA,MAAM,EAAE,UAAAA,GAAU,SAAAC,GAAS,aAAAC,GAAa,OAAAC,EAAU,IAAAC,GAU5CC,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAST;AAAA,IACT,UAAAU;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAQC,EAAS,MAAMR,CAAQ,GAE/BS,IAAQC;AAAA,IACVV;AAAA,IACA,CAACW,GAAgCC,MAAkB;AAC/C,YAAMC,IAAa;AAAA,QACf,WACID,IAAQL,IAAQ,IAAI,GAAG,OAAOA,IAAQ,EAAE,MAAM;AAAA,QAClD,UAAUK,MAAUL,IAAQ,IAAI,GAAG,MAAMA,CAAK,MAAM;AAAA,MACxD,GACMO,IAA2B;AAAA,QAC7B,YAAYF,IAAQ;AAAA,QACpB,QAAQnB;AAAA,QACR,OAAQQ,IAAwB,SAAbY;AAAA,QACnB,QAAQD,MAAUL,IAAQ;AAAA,QAC1B,UAAAN;AAAA,QACA,cAAcG,IAAW,MAAMA,EAASQ,CAAK,IAAI;AAAA,QACjD,GAAGD,EAAK;AAAA,MACZ;AAEA,aAAIR,MAAWR,KAASiB,MAAWV,IAAqB,MAC1CY,EAAA,YAAYC,EAAW,kBAAkB,IAGlDJ,EAAK,MAAM,WACRC,MAAUV,KACVY,EAAU,SAASX,GACnBW,EAAU,YAAYC;AAAA,QAClBD,EAAU;AAAA,QACV;AAAA,MACJ,KACOF,IAASV,MAChBY,EAAU,SAAStB,KAGpBsB;AAAA,IAAA;AAAA,EAEf;AAGI,SAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAX;AAAA,MACA,WAAWU;AAAA,QACP;AAAA,QACAd,KAAY;AAAA,QACZF;AAAA,MACJ;AAAA,MACC,GAAGO;AAAA,MAEH,UAAAG;AAAA,IAAA;AAAA,EACL;AAER;"}
+{"version":3,"file":"Steps.js","sources":["../../../../../lib/@ecme/components/ui/Steps/Steps.tsx"],"sourcesContent":["import { Children } from 'react'\nimport classNames from 'classnames'\nimport { STEPS_STATUS } from '../utils/constants'\nimport mapCloneElement from '../utils/mapCloneElement'\nimport type { CommonProps, StepStatus } from '../@types/common'\nimport type { StepItemProps } from './StepItem'\nimport type { Ref } from 'react'\n\nconst { COMPLETE, PENDING, IN_PROGRESS, ERROR } = STEPS_STATUS\n\nexport interface StepsProps extends CommonProps {\n    current?: number\n    onChange?: (index: number) => void\n    ref?: Ref<HTMLDivElement>\n    status?: StepStatus\n    vertical?: boolean\n}\n\nconst Steps = (props: StepsProps) => {\n    const {\n        className,\n        children,\n        vertical = false,\n        current = 0,\n        status = IN_PROGRESS,\n        onChange,\n        ref,\n        ...rest\n    } = props\n\n    const count = Children.count(children)\n\n    const items = mapCloneElement(\n        children,\n        (item: { props: StepItemProps }, index: number) => {\n            const itemStyles = {\n                flexBasis:\n                    index < count - 1 ? `${100 / (count - 1)}%` : undefined,\n                maxWidth: index === count - 1 ? `${100 / count}%` : undefined,\n            }\n            const itemProps: StepItemProps = {\n                stepNumber: index + 1,\n                status: PENDING as StepStatus,\n                style: !vertical ? itemStyles : undefined,\n                isLast: index === count - 1,\n                vertical: vertical,\n                onStepChange: onChange ? () => onChange(index) : undefined,\n                ...item.props,\n            }\n\n            if (status === ERROR && index === (current as number) - 1) {\n                itemProps.className = classNames('steps-item-error')\n            }\n\n            if (!item.props.status) {\n                if (index === current) {\n                    itemProps.status = status as StepStatus\n                    itemProps.className = classNames(\n                        itemProps.className,\n                        'steps-item-active',\n                    )\n                } else if (index < (current as number)) {\n                    itemProps.status = COMPLETE as StepStatus\n                }\n            }\n            return itemProps\n        },\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                'steps',\n                vertical && 'steps-vertical',\n                className,\n            )}\n            {...rest}\n        >\n            {items}\n        </div>\n    )\n}\n\nexport default Steps\n"],"names":[],"mappings":";;;;;AAQA,MAAM,EAAE,UAAU,SAAS,aAAa,MAAU,IAAA;AAU5C,MAAA,QAAQ,CAAC,UAAsB;AAC3B,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,QAAQ,SAAS,MAAM,QAAQ;AAErC,QAAM,QAAQ;AAAA,IACV;AAAA,IACA,CAAC,MAAgC,UAAkB;AAC/C,YAAM,aAAa;AAAA,QACf,WACI,QAAQ,QAAQ,IAAI,GAAG,OAAO,QAAQ,EAAE,MAAM;AAAA,QAClD,UAAU,UAAU,QAAQ,IAAI,GAAG,MAAM,KAAK,MAAM;AAAA,MACxD;AACA,YAAM,YAA2B;AAAA,QAC7B,YAAY,QAAQ;AAAA,QACpB,QAAQ;AAAA,QACR,OAAO,CAAC,WAAW,aAAa;AAAA,QAChC,QAAQ,UAAU,QAAQ;AAAA,QAC1B;AAAA,QACA,cAAc,WAAW,MAAM,SAAS,KAAK,IAAI;AAAA,QACjD,GAAG,KAAK;AAAA,MACZ;AAEA,UAAI,WAAW,SAAS,UAAW,UAAqB,GAAG;AAC7C,kBAAA,YAAY,WAAW,kBAAkB;AAAA,MAAA;AAGnD,UAAA,CAAC,KAAK,MAAM,QAAQ;AACpB,YAAI,UAAU,SAAS;AACnB,oBAAU,SAAS;AACnB,oBAAU,YAAY;AAAA,YAClB,UAAU;AAAA,YACV;AAAA,UACJ;AAAA,QAAA,WACO,QAAS,SAAoB;AACpC,oBAAU,SAAS;AAAA,QAAA;AAAA,MACvB;AAEG,aAAA;AAAA,IAAA;AAAA,EAEf;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACJ;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/@ecme/components/ui/Steps/index.js

@@ -1,9 +1,9 @@
-import t from "./Steps.js";
-import e from "./StepItem.js";
-const m = t;
-m.Item = e;
+import Steps$1 from "./Steps.js";
+import StepItem from "./StepItem.js";
+const Steps = Steps$1;
+Steps.Item = StepItem;
 export {
-  m as Steps,
-  m as default
+  Steps,
+  Steps as default
 };
 //# sourceMappingURL=index.js.map

package/dist/@ecme/components/ui/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Steps/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Steps, { StepsProps } from './Steps'\nimport StepItem from './StepItem'\n\nexport type { StepsProps } from './Steps'\nexport type { StepItemProps } from './StepItem'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    StepsProps & RefAttributes<HTMLDivElement>\n> & {\n    Item: typeof StepItem\n}\n\nconst Steps = _Steps as CompoundedComponent\n\nSteps.Item = StepItem\n\nexport { Steps }\n\nexport default Steps\n"],"names":["Steps","_Steps","StepItem"],"mappings":";;AAaA,MAAMA,IAAQC;AAEdD,EAAM,OAAOE;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Steps/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Steps, { StepsProps } from './Steps'\nimport StepItem from './StepItem'\n\nexport type { StepsProps } from './Steps'\nexport type { StepItemProps } from './StepItem'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    StepsProps & RefAttributes<HTMLDivElement>\n> & {\n    Item: typeof StepItem\n}\n\nconst Steps = _Steps as CompoundedComponent\n\nSteps.Item = StepItem\n\nexport { Steps }\n\nexport default Steps\n"],"names":["_Steps"],"mappings":";;AAaA,MAAM,QAAQA;AAEd,MAAM,OAAO;"}

package/dist/@ecme/components/ui/Switcher/Switcher.js

@@ -1,79 +1,101 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { useState as P, useEffect as j } from "react";
-import p from "classnames";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import classNames from "classnames";
 import "../Spinner/index.js";
-import v from "../Spinner/Spinner.js";
-const q = (m) => {
+import Spinner from "../Spinner/Spinner.js";
+const Switcher = (props) => {
   const {
-    checked: e,
-    checkedContent: k,
-    className: C,
-    switcherClass: a,
-    defaultChecked: o,
-    disabled: n,
-    isLoading: i = !1,
-    labelRef: g,
-    name: u,
-    onChange: l,
-    readOnly: d,
-    ref: w,
-    unCheckedContent: b,
-    ...y
-  } = m, [t, h] = P(
-    o || e
+    checked,
+    checkedContent,
+    className,
+    switcherClass,
+    defaultChecked,
+    disabled,
+    isLoading = false,
+    labelRef,
+    name,
+    onChange,
+    readOnly,
+    ref,
+    unCheckedContent,
+    ...rest
+  } = props;
+  const [switcherChecked, setSwitcherChecked] = useState(
+    defaultChecked || checked
   );
-  j(() => {
-    typeof e < "u" && h(e);
-  }, [e]);
-  const f = (() => {
-    let c = t, s = {
-      value: `${c}`
+  useEffect(() => {
+    if (typeof checked !== "undefined") {
+      setSwitcherChecked(checked);
+    }
+  }, [checked]);
+  const getControlProps = () => {
+    let checkedValue = switcherChecked;
+    let propChecked = {
+      value: `${checkedValue}`
     };
-    return typeof e == "boolean" && (c = typeof e == "boolean" ? e : o, s = { checked: c }), o && (s.defaultChecked = o), s;
-  })(), N = (c) => {
-    const s = !t;
-    n || d || i || (typeof e > "u" ? (h(s), l?.(s, c)) : l?.(!t, c));
-  }, x = a || "bg-primary dark:bg-primary";
-  return /* @__PURE__ */ S(
+    if (typeof checked === "boolean") {
+      checkedValue = typeof checked === "boolean" ? checked : defaultChecked;
+      propChecked = { checked: checkedValue };
+    }
+    if (defaultChecked) {
+      propChecked.defaultChecked = defaultChecked;
+    }
+    return propChecked;
+  };
+  const controlProps = getControlProps();
+  const handleChange = (e) => {
+    const nextChecked = !switcherChecked;
+    if (disabled || readOnly || isLoading) {
+      return;
+    }
+    if (typeof checked === "undefined") {
+      setSwitcherChecked(nextChecked);
+      onChange?.(nextChecked, e);
+    } else {
+      onChange?.(!switcherChecked, e);
+    }
+  };
+  const switcherColor = switcherClass || "bg-primary dark:bg-primary";
+  return /* @__PURE__ */ jsxs(
     "label",
     {
-      ref: g,
-      className: p(
+      ref: labelRef,
+      className: classNames(
         "switcher",
-        (t || f.checked) && `switcher-checked ${x}`,
-        n && "switcher-disabled",
-        C,
-        a
+        (switcherChecked || controlProps.checked) && `switcher-checked ${switcherColor}`,
+        disabled && "switcher-disabled",
+        className,
+        switcherClass
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "input",
           {
-            ref: w,
+            ref,
             type: "checkbox",
-            disabled: n,
-            readOnly: d,
-            name: u,
-            onChange: N,
-            ...f,
-            ...y
+            disabled,
+            readOnly,
+            name,
+            onChange: handleChange,
+            ...controlProps,
+            ...rest
           }
         ),
-        i ? /* @__PURE__ */ r(
-          v,
+        isLoading ? /* @__PURE__ */ jsx(
+          Spinner,
           {
-            className: p(
+            className: classNames(
               "switcher-toggle-loading",
-              t ? "switcher-checked-loading" : "switcher-uncheck-loading"
+              switcherChecked ? "switcher-checked-loading" : "switcher-uncheck-loading"
             )
           }
-        ) : /* @__PURE__ */ r("div", { className: "switcher-toggle" }),
-        /* @__PURE__ */ r("span", { className: "switcher-content", children: t ? k : b })
+        ) : /* @__PURE__ */ jsx("div", { className: "switcher-toggle" }),
+        /* @__PURE__ */ jsx("span", { className: "switcher-content", children: switcherChecked ? checkedContent : unCheckedContent })
       ]
     }
   );
 };
 export {
-  q as default
+  Switcher as default
 };
 //# sourceMappingURL=Switcher.js.map

package/dist/@ecme/components/ui/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switcher.js","sources":["../../../../../lib/@ecme/components/ui/Switcher/Switcher.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, Ref } from 'react'\n\nexport interface SwitcherProps extends CommonProps {\n    checked?: boolean\n    checkedContent?: string | ReactNode\n    switcherClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    isLoading?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    unCheckedContent?: string | ReactNode\n}\n\nconst Switcher = (props: SwitcherProps) => {\n    const {\n        checked,\n        checkedContent,\n        className,\n        switcherClass,\n        defaultChecked,\n        disabled,\n        isLoading = false,\n        labelRef,\n        name,\n        onChange,\n        readOnly,\n        ref,\n        unCheckedContent,\n        ...rest\n    } = props\n\n    const [switcherChecked, setSwitcherChecked] = useState(\n        defaultChecked || checked,\n    )\n\n    useEffect(() => {\n        if (typeof checked !== 'undefined') {\n            setSwitcherChecked(checked)\n        }\n    }, [checked])\n\n    const getControlProps = () => {\n        let checkedValue = switcherChecked\n\n        let propChecked: {\n            value?: string\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {\n            value: `${checkedValue}`,\n        }\n\n        if (typeof checked === 'boolean') {\n            checkedValue =\n                typeof checked === 'boolean' ? checked : defaultChecked\n            propChecked = { checked: checkedValue }\n        }\n\n        if (defaultChecked) {\n            propChecked.defaultChecked = defaultChecked\n        }\n        return propChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        const nextChecked = !switcherChecked\n\n        if (disabled || readOnly || isLoading) {\n            return\n        }\n\n        if (typeof checked === 'undefined') {\n            setSwitcherChecked(nextChecked)\n            onChange?.(nextChecked, e)\n        } else {\n            onChange?.(!switcherChecked as boolean, e)\n        }\n    }\n\n    const switcherColor = switcherClass || 'bg-primary dark:bg-primary'\n\n    return (\n        <label\n            ref={labelRef}\n            className={classNames(\n                'switcher',\n                (switcherChecked || controlProps.checked) &&\n                    `switcher-checked ${switcherColor}`,\n                disabled && 'switcher-disabled',\n                className,\n                switcherClass,\n            )}\n        >\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                onChange={handleChange}\n                {...controlProps}\n                {...rest}\n            />\n            {isLoading ? (\n                <Spinner\n                    className={classNames(\n                        'switcher-toggle-loading',\n                        switcherChecked\n                            ? 'switcher-checked-loading'\n                            : 'switcher-uncheck-loading',\n                    )}\n                />\n            ) : (\n                <div className=\"switcher-toggle\" />\n            )}\n            <span className=\"switcher-content\">\n                {switcherChecked ? checkedContent : unCheckedContent}\n            </span>\n        </label>\n    )\n}\n\nexport default Switcher\n"],"names":["Switcher","props","checked","checkedContent","className","switcherClass","defaultChecked","disabled","isLoading","labelRef","name","onChange","readOnly","ref","unCheckedContent","rest","switcherChecked","setSwitcherChecked","useState","useEffect","controlProps","checkedValue","propChecked","handleChange","e","nextChecked","switcherColor","jsxs","classNames","jsx","Spinner"],"mappings":";;;;;AAqBM,MAAAA,IAAW,CAACC,MAAyB;AACjC,QAAA;AAAA,IACF,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHd,GAEE,CAACe,GAAiBC,CAAkB,IAAIC;AAAA,IAC1CZ,KAAkBJ;AAAA,EACtB;AAEA,EAAAiB,EAAU,MAAM;AACR,IAAA,OAAOjB,IAAY,OACnBe,EAAmBf,CAAO;AAAA,EAC9B,GACD,CAACA,CAAO,CAAC;AAyBZ,QAAMkB,KAvBkB,MAAM;AAC1B,QAAIC,IAAeL,GAEfM,IAIA;AAAA,MACA,OAAO,GAAGD,CAAY;AAAA,IAC1B;AAEI,WAAA,OAAOnB,KAAY,cAEfmB,IAAA,OAAOnB,KAAY,YAAYA,IAAUI,GAC/BgB,IAAA,EAAE,SAASD,EAAa,IAGtCf,MACAgB,EAAY,iBAAiBhB,IAE1BgB;AAAA,EACX,GAEqC,GAE/BC,IAAe,CAACC,MAAqC;AACvD,UAAMC,IAAc,CAACT;AAEjB,IAAAT,KAAYK,KAAYJ,MAIxB,OAAON,IAAY,OACnBe,EAAmBQ,CAAW,GAC9Bd,IAAWc,GAAaD,CAAC,KAEdb,IAAA,CAACK,GAA4BQ,CAAC;AAAA,EAEjD,GAEME,IAAgBrB,KAAiB;AAGnC,SAAA,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKlB;AAAA,MACL,WAAWmB;AAAA,QACP;AAAA,SACCZ,KAAmBI,EAAa,YAC7B,oBAAoBM,CAAa;AAAA,QACrCnB,KAAY;AAAA,QACZH;AAAA,QACAC;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAwB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAAhB;AAAA,YACA,MAAK;AAAA,YACL,UAAAN;AAAA,YACA,UAAAK;AAAA,YACA,MAAAF;AAAA,YACA,UAAUa;AAAA,YACT,GAAGH;AAAA,YACH,GAAGL;AAAA,UAAA;AAAA,QACR;AAAA,QACCP,IACG,gBAAAqB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,WAAWF;AAAA,cACP;AAAA,cACAZ,IACM,6BACA;AAAA,YAAA;AAAA,UACV;AAAA,QAGJ,IAAA,gBAAAa,EAAC,OAAI,EAAA,WAAU,kBAAkB,CAAA;AAAA,0BAEpC,QAAK,EAAA,WAAU,oBACX,UAAAb,IAAkBb,IAAiBW,EACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"version":3,"file":"Switcher.js","sources":["../../../../../lib/@ecme/components/ui/Switcher/Switcher.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, Ref } from 'react'\n\nexport interface SwitcherProps extends CommonProps {\n    checked?: boolean\n    checkedContent?: string | ReactNode\n    switcherClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    isLoading?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    unCheckedContent?: string | ReactNode\n}\n\nconst Switcher = (props: SwitcherProps) => {\n    const {\n        checked,\n        checkedContent,\n        className,\n        switcherClass,\n        defaultChecked,\n        disabled,\n        isLoading = false,\n        labelRef,\n        name,\n        onChange,\n        readOnly,\n        ref,\n        unCheckedContent,\n        ...rest\n    } = props\n\n    const [switcherChecked, setSwitcherChecked] = useState(\n        defaultChecked || checked,\n    )\n\n    useEffect(() => {\n        if (typeof checked !== 'undefined') {\n            setSwitcherChecked(checked)\n        }\n    }, [checked])\n\n    const getControlProps = () => {\n        let checkedValue = switcherChecked\n\n        let propChecked: {\n            value?: string\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {\n            value: `${checkedValue}`,\n        }\n\n        if (typeof checked === 'boolean') {\n            checkedValue =\n                typeof checked === 'boolean' ? checked : defaultChecked\n            propChecked = { checked: checkedValue }\n        }\n\n        if (defaultChecked) {\n            propChecked.defaultChecked = defaultChecked\n        }\n        return propChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        const nextChecked = !switcherChecked\n\n        if (disabled || readOnly || isLoading) {\n            return\n        }\n\n        if (typeof checked === 'undefined') {\n            setSwitcherChecked(nextChecked)\n            onChange?.(nextChecked, e)\n        } else {\n            onChange?.(!switcherChecked as boolean, e)\n        }\n    }\n\n    const switcherColor = switcherClass || 'bg-primary dark:bg-primary'\n\n    return (\n        <label\n            ref={labelRef}\n            className={classNames(\n                'switcher',\n                (switcherChecked || controlProps.checked) &&\n                    `switcher-checked ${switcherColor}`,\n                disabled && 'switcher-disabled',\n                className,\n                switcherClass,\n            )}\n        >\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                onChange={handleChange}\n                {...controlProps}\n                {...rest}\n            />\n            {isLoading ? (\n                <Spinner\n                    className={classNames(\n                        'switcher-toggle-loading',\n                        switcherChecked\n                            ? 'switcher-checked-loading'\n                            : 'switcher-uncheck-loading',\n                    )}\n                />\n            ) : (\n                <div className=\"switcher-toggle\" />\n            )}\n            <span className=\"switcher-content\">\n                {switcherChecked ? checkedContent : unCheckedContent}\n            </span>\n        </label>\n    )\n}\n\nexport default Switcher\n"],"names":[],"mappings":";;;;;AAqBM,MAAA,WAAW,CAAC,UAAyB;AACjC,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEE,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC1C,kBAAkB;AAAA,EACtB;AAEA,YAAU,MAAM;AACR,QAAA,OAAO,YAAY,aAAa;AAChC,yBAAmB,OAAO;AAAA,IAAA;AAAA,EAC9B,GACD,CAAC,OAAO,CAAC;AAEZ,QAAM,kBAAkB,MAAM;AAC1B,QAAI,eAAe;AAEnB,QAAI,cAIA;AAAA,MACA,OAAO,GAAG,YAAY;AAAA,IAC1B;AAEI,QAAA,OAAO,YAAY,WAAW;AAE1B,qBAAA,OAAO,YAAY,YAAY,UAAU;AAC/B,oBAAA,EAAE,SAAS,aAAa;AAAA,IAAA;AAG1C,QAAI,gBAAgB;AAChB,kBAAY,iBAAiB;AAAA,IAAA;AAE1B,WAAA;AAAA,EACX;AAEA,QAAM,eAAe,gBAAgB;AAE/B,QAAA,eAAe,CAAC,MAAqC;AACvD,UAAM,cAAc,CAAC;AAEjB,QAAA,YAAY,YAAY,WAAW;AACnC;AAAA,IAAA;AAGA,QAAA,OAAO,YAAY,aAAa;AAChC,yBAAmB,WAAW;AAC9B,iBAAW,aAAa,CAAC;AAAA,IAAA,OACtB;AACQ,iBAAA,CAAC,iBAA4B,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,QAAM,gBAAgB,iBAAiB;AAGnC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW;AAAA,QACP;AAAA,SACC,mBAAmB,aAAa,YAC7B,oBAAoB,aAAa;AAAA,QACrC,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG;AAAA,YACA,MAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACT,GAAG;AAAA,YACH,GAAG;AAAA,UAAA;AAAA,QACR;AAAA,QACC,YACG;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAW;AAAA,cACP;AAAA,cACA,kBACM,6BACA;AAAA,YAAA;AAAA,UACV;AAAA,QAGJ,IAAA,oBAAC,OAAI,EAAA,WAAU,kBAAkB,CAAA;AAAA,4BAEpC,QAAK,EAAA,WAAU,oBACX,UAAA,kBAAkB,iBAAiB,iBACxC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/@ecme/components/ui/Switcher/index.js

@@ -1,6 +1,6 @@
-import t from "./Switcher.js";
+import Switcher from "./Switcher.js";
 export {
-  t as Switcher,
-  t as default
+  Switcher,
+  Switcher as default
 };
 //# sourceMappingURL=index.js.map

package/dist/@ecme/components/ui/Table/Sorter.js

@@ -1,11 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { FaSort as n, FaSortUp as s, FaSortDown as l } from "react-icons/fa";
-import c from "../utils/classNames.js";
-const p = ({ sort: e, className: t }) => {
-  const o = "text-primary", a = () => typeof e == "boolean" ? /* @__PURE__ */ r(n, {}) : e === "asc" ? /* @__PURE__ */ r(s, { className: o }) : e === "desc" ? /* @__PURE__ */ r(l, { className: o }) : null;
-  return /* @__PURE__ */ r("div", { className: c("inline-flex", t), children: a() });
+import { jsx } from "react/jsx-runtime";
+import { FaSort, FaSortUp, FaSortDown } from "react-icons/fa";
+import classNames from "../utils/classNames.js";
+const Sorter = ({ sort, className }) => {
+  const color = "text-primary";
+  const renderSort = () => {
+    if (typeof sort === "boolean") {
+      return /* @__PURE__ */ jsx(FaSort, {});
+    }
+    if (sort === "asc") {
+      return /* @__PURE__ */ jsx(FaSortUp, { className: color });
+    }
+    if (sort === "desc") {
+      return /* @__PURE__ */ jsx(FaSortDown, { className: color });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsx("div", { className: classNames("inline-flex", className), children: renderSort() });
 };
 export {
-  p as default
+  Sorter as default
 };
 //# sourceMappingURL=Sorter.js.map

package/dist/@ecme/components/ui/Table/Sorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sorter.js","sources":["../../../../../lib/@ecme/components/ui/Table/Sorter.tsx"],"sourcesContent":["import { FaSort, FaSortUp, FaSortDown } from 'react-icons/fa'\nimport classNames from '../utils/classNames'\n\nexport type SorterProps = {\n    className?: string\n    sort?: boolean | 'asc' | 'desc'\n}\n\nconst Sorter = ({ sort, className }: SorterProps) => {\n    const color = 'text-primary'\n\n    const renderSort = () => {\n        if (typeof sort === 'boolean') {\n            return <FaSort />\n        }\n\n        if (sort === 'asc') {\n            return <FaSortUp className={color} />\n        }\n\n        if (sort === 'desc') {\n            return <FaSortDown className={color} />\n        }\n\n        return null\n    }\n\n    return (\n        <div className={classNames('inline-flex', className)}>\n            {renderSort()}\n        </div>\n    )\n}\n\nexport default Sorter\n"],"names":["Sorter","sort","className","color","renderSort","FaSort","jsx","FaSortUp","FaSortDown","classNames"],"mappings":";;;AAQA,MAAMA,IAAS,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAA6B;AACjD,QAAMC,IAAQ,gBAERC,IAAa,MACX,OAAOH,KAAS,8BACRI,GAAO,EAAA,IAGfJ,MAAS,QACF,gBAAAK,EAACC,GAAS,EAAA,WAAWJ,EAAO,CAAA,IAGnCF,MAAS,SACF,gBAAAK,EAACE,GAAW,EAAA,WAAWL,EAAO,CAAA,IAGlC;AAIP,SAAA,gBAAAG,EAAC,SAAI,WAAWG,EAAW,eAAeP,CAAS,GAC9C,eACL;AAER;"}
+{"version":3,"file":"Sorter.js","sources":["../../../../../lib/@ecme/components/ui/Table/Sorter.tsx"],"sourcesContent":["import { FaSort, FaSortUp, FaSortDown } from 'react-icons/fa'\nimport classNames from '../utils/classNames'\n\nexport type SorterProps = {\n    className?: string\n    sort?: boolean | 'asc' | 'desc'\n}\n\nconst Sorter = ({ sort, className }: SorterProps) => {\n    const color = 'text-primary'\n\n    const renderSort = () => {\n        if (typeof sort === 'boolean') {\n            return <FaSort />\n        }\n\n        if (sort === 'asc') {\n            return <FaSortUp className={color} />\n        }\n\n        if (sort === 'desc') {\n            return <FaSortDown className={color} />\n        }\n\n        return null\n    }\n\n    return (\n        <div className={classNames('inline-flex', className)}>\n            {renderSort()}\n        </div>\n    )\n}\n\nexport default Sorter\n"],"names":[],"mappings":";;;AAQA,MAAM,SAAS,CAAC,EAAE,MAAM,gBAA6B;AACjD,QAAM,QAAQ;AAEd,QAAM,aAAa,MAAM;AACjB,QAAA,OAAO,SAAS,WAAW;AAC3B,iCAAQ,QAAO,EAAA;AAAA,IAAA;AAGnB,QAAI,SAAS,OAAO;AACT,aAAA,oBAAC,UAAS,EAAA,WAAW,MAAO,CAAA;AAAA,IAAA;AAGvC,QAAI,SAAS,QAAQ;AACV,aAAA,oBAAC,YAAW,EAAA,WAAW,MAAO,CAAA;AAAA,IAAA;AAGlC,WAAA;AAAA,EACX;AAGI,SAAA,oBAAC,SAAI,WAAW,WAAW,eAAe,SAAS,GAC9C,wBACL;AAER;"}

package/dist/@ecme/components/ui/Table/TBody.js

@@ -1,9 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-const m = (t) => {
-  const { asElement: e = "tbody", children: o, ref: r, ...n } = t;
-  return /* @__PURE__ */ s(e, { ...n, ref: r, children: o });
+import { jsx } from "react/jsx-runtime";
+const TBody = (props) => {
+  const { asElement: Component = "tbody", children, ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(Component, { ...rest, ref, children });
 };
 export {
-  m as default
+  TBody as default
 };
 //# sourceMappingURL=TBody.js.map

package/dist/@ecme/components/ui/Table/TBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TBody.js","sources":["../../../../../lib/@ecme/components/ui/Table/TBody.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TBodyProps extends ComponentPropsWithRef<'tbody'> {\n    asElement?: ElementType\n}\n\nconst TBody = (props: TBodyProps) => {\n    const { asElement: Component = 'tbody', children, ref, ...rest } = props\n\n    return (\n        <Component {...rest} ref={ref}>\n            {children}\n        </Component>\n    )\n}\n\nexport default TBody\n"],"names":["TBody","props","Component","children","ref","rest","jsx"],"mappings":";AAMM,MAAAA,IAAQ,CAACC,MAAsB;AAC3B,QAAA,EAAE,WAAWC,IAAY,SAAS,UAAAC,GAAU,KAAAC,GAAK,GAAGC,MAASJ;AAEnE,SACK,gBAAAK,EAAAJ,GAAA,EAAW,GAAGG,GAAM,KAAAD,GAChB,UAAAD,GACL;AAER;"}
+{"version":3,"file":"TBody.js","sources":["../../../../../lib/@ecme/components/ui/Table/TBody.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TBodyProps extends ComponentPropsWithRef<'tbody'> {\n    asElement?: ElementType\n}\n\nconst TBody = (props: TBodyProps) => {\n    const { asElement: Component = 'tbody', children, ref, ...rest } = props\n\n    return (\n        <Component {...rest} ref={ref}>\n            {children}\n        </Component>\n    )\n}\n\nexport default TBody\n"],"names":[],"mappings":";AAMM,MAAA,QAAQ,CAAC,UAAsB;AAC3B,QAAA,EAAE,WAAW,YAAY,SAAS,UAAU,KAAK,GAAG,SAAS;AAEnE,SACK,oBAAA,WAAA,EAAW,GAAG,MAAM,KAChB,UACL;AAER;"}

package/dist/@ecme/components/ui/Table/TFoot.js

@@ -1,9 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-const m = (t) => {
-  const { asElement: o = "tfoot", children: e, ref: r, ...n } = t;
-  return /* @__PURE__ */ s(o, { ...n, ref: r, children: e });
+import { jsx } from "react/jsx-runtime";
+const TFoot = (props) => {
+  const { asElement: Component = "tfoot", children, ref, ...rest } = props;
+  return /* @__PURE__ */ jsx(Component, { ...rest, ref, children });
 };
 export {
-  m as default
+  TFoot as default
 };
 //# sourceMappingURL=TFoot.js.map