@orbe-agro/client-core 3.4.10 → 3.4.11

package/dist/lib/@ecme/components/ui/StatusIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +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,KAAA,QAAAA;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;"}

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

@@ -0,0 +1,54 @@
+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) => {
+  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
+      };
+      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;
+    }
+  );
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: f,
+      className: a(
+        "steps",
+        o && "steps-vertical",
+        n
+      ),
+      ...u,
+      children: N
+    }
+  );
+};
+export {
+  L as default
+};
+//# sourceMappingURL=Steps.js.map

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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;"}

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

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

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

@@ -0,0 +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,KAAA,QAAAA,EAAWc,GAAaD,MAEbb,KAAA,QAAAA,EAAA,CAACK,GAA4BQ;AAAA,EAEhD,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;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,11 @@
+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() });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=Sorter.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +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 });
+};
+export {
+  m as default
+};
+//# sourceMappingURL=TBody.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +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 });
+};
+export {
+  m as default
+};
+//# sourceMappingURL=TFoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TFoot.js","sources":["../../../../../../lib/@ecme/components/ui/Table/TFoot.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TFootProps extends ComponentPropsWithRef<'tfoot'> {\n    asElement?: ElementType\n}\n\nconst TFoot = (props: TFootProps) => {\n    const { asElement: Component = 'tfoot', children, ref, ...rest } = props\n\n    return (\n        <Component {...rest} ref={ref}>\n            {children}\n        </Component>\n    )\n}\n\nexport default TFoot\n"],"names":["TFoot","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;"}

package/dist/lib/@ecme/components/ui/Table/THead.js

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

package/dist/lib/@ecme/components/ui/Table/THead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THead.js","sources":["../../../../../../lib/@ecme/components/ui/Table/THead.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface THeadProps extends ComponentPropsWithRef<'thead'> {\n    asElement?: ElementType\n}\n\nconst THead = (props: THeadProps) => {\n    const { asElement: Component = 'thead', children, ref, ...rest } = props\n\n    return (\n        <Component {...rest} ref={ref}>\n            {children}\n        </Component>\n    )\n}\n\nexport default THead\n"],"names":["THead","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;"}

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

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+const i = (t) => {
+  const {
+    asElement: e = "table",
+    cellBorder: o,
+    children: r,
+    className: s,
+    compact: c = !1,
+    hoverable: m = !0,
+    overflow: b = !0,
+    ref: f,
+    ...n
+  } = t, d = l(
+    e === "table" ? "table-default" : "table-flex",
+    m && "table-hover",
+    c && "table-compact",
+    o && "table-border",
+    s
+  );
+  return /* @__PURE__ */ a("div", { className: l(b && "overflow-x-auto"), children: /* @__PURE__ */ a(e, { className: d, ...n, ref: f, children: r }) });
+};
+export {
+  i as default
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../../lib/@ecme/components/ui/Table/Table.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TableProps extends ComponentPropsWithRef<'table'> {\n    asElement?: ElementType\n    cellBorder?: boolean\n    compact?: boolean\n    hoverable?: boolean\n    overflow?: boolean\n}\n\nconst Table = (props: TableProps) => {\n    const {\n        asElement: Component = 'table',\n        cellBorder,\n        children,\n        className,\n        compact = false,\n        hoverable = true,\n        overflow = true,\n        ref,\n        ...rest\n    } = props\n\n    const tableClass = classNames(\n        Component === 'table' ? 'table-default' : 'table-flex',\n        hoverable && 'table-hover',\n        compact && 'table-compact',\n        cellBorder && 'table-border',\n        className,\n    )\n\n    return (\n        <div className={classNames(overflow && 'overflow-x-auto')}>\n            <Component className={tableClass} {...rest} ref={ref}>\n                {children}\n            </Component>\n        </div>\n    )\n}\n\nexport default Table\n"],"names":["Table","props","Component","cellBorder","children","className","compact","hoverable","overflow","ref","rest","tableClass","classNames","jsx"],"mappings":";;AAWM,MAAAA,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEEU,IAAaC;AAAA,IACfV,MAAc,UAAU,kBAAkB;AAAA,IAC1CK,KAAa;AAAA,IACbD,KAAW;AAAA,IACXH,KAAc;AAAA,IACdE;AAAA,EACJ;AAEA,SACK,gBAAAQ,EAAA,OAAA,EAAI,WAAWD,EAAWJ,KAAY,iBAAiB,GACpD,UAAC,gBAAAK,EAAAX,GAAA,EAAU,WAAWS,GAAa,GAAGD,GAAM,KAAAD,GACvC,UAAAL,EACL,CAAA,GACJ;AAER;"}

package/dist/lib/@ecme/components/ui/Table/Td.js

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

package/dist/lib/@ecme/components/ui/Table/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sources":["../../../../../../lib/@ecme/components/ui/Table/Td.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TdProps extends ComponentPropsWithRef<'td'> {\n    asElement?: ElementType\n}\n\nconst Td = (props: TdProps) => {\n    const { asElement: Component = 'td', children, ref, ...rest } = props\n\n    return (\n        <Component ref={ref} {...rest}>\n            {children}\n        </Component>\n    )\n}\n\nexport default Td\n"],"names":["Td","props","Component","children","ref","rest","jsx"],"mappings":";AAMM,MAAAA,IAAK,CAACC,MAAmB;AACrB,QAAA,EAAE,WAAWC,IAAY,MAAM,UAAAC,GAAU,KAAAC,GAAK,GAAGC,MAASJ;AAEhE,SACK,gBAAAK,EAAAJ,GAAA,EAAU,KAAAE,GAAW,GAAGC,GACpB,UAAAF,GACL;AAER;"}

package/dist/lib/@ecme/components/ui/Table/Th.js

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

package/dist/lib/@ecme/components/ui/Table/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.js","sources":["../../../../../../lib/@ecme/components/ui/Table/Th.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface ThProps extends ComponentPropsWithRef<'th'> {\n    asElement?: ElementType\n}\n\nconst Th = (props: ThProps) => {\n    const { asElement: Component = 'th', children, ref, ...rest } = props\n\n    return (\n        <Component {...rest} ref={ref}>\n            {children}\n        </Component>\n    )\n}\n\nexport default Th\n"],"names":["Th","props","Component","children","ref","rest","jsx"],"mappings":";AAMM,MAAAA,IAAK,CAACC,MAAmB;AACrB,QAAA,EAAE,WAAWC,IAAY,MAAM,UAAAC,GAAU,KAAAC,GAAK,GAAGC,MAASJ;AAEhE,SACK,gBAAAK,EAAAJ,GAAA,EAAW,GAAGG,GAAM,KAAAD,GAChB,UAAAD,GACL;AAER;"}

package/dist/lib/@ecme/components/ui/Table/Tr.js

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

package/dist/lib/@ecme/components/ui/Table/Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.js","sources":["../../../../../../lib/@ecme/components/ui/Table/Tr.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react'\n\nexport interface TrProps extends ComponentPropsWithRef<'tr'> {\n    asElement?: ElementType\n}\n\nconst Tr = (props: TrProps) => {\n    const { asElement: Component = 'tr', children, ref, ...rest } = props\n\n    return (\n        <Component ref={ref} {...rest}>\n            {children}\n        </Component>\n    )\n}\n\nexport default Tr\n"],"names":["Tr","props","Component","children","ref","rest","jsx"],"mappings":";AAMM,MAAAA,IAAK,CAACC,MAAmB;AACrB,QAAA,EAAE,WAAWC,IAAY,MAAM,UAAAC,GAAU,KAAAC,GAAK,GAAGC,MAASJ;AAEhE,SACK,gBAAAK,EAAAJ,GAAA,EAAU,KAAAE,GAAW,GAAGC,GACpB,UAAAF,GACL;AAER;"}

package/dist/lib/@ecme/components/ui/Table/index.js

@@ -0,0 +1,21 @@
+import r from "./Table.js";
+import m from "./THead.js";
+import t from "./TBody.js";
+import T from "./TFoot.js";
+import f from "./Tr.js";
+import p from "./Th.js";
+import e from "./Td.js";
+import i from "./Sorter.js";
+const o = r;
+o.THead = m;
+o.TBody = t;
+o.TFoot = T;
+o.Th = p;
+o.Tr = f;
+o.Td = e;
+o.Sorter = i;
+export {
+  o as Table,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/Table/index.tsx"],"sourcesContent":["import _Table from './Table'\nimport THead from './THead'\nimport TBody from './TBody'\nimport TFoot from './TFoot'\nimport Tr from './Tr'\nimport Th from './Th'\nimport Td from './Td'\nimport Sorter from './Sorter'\n\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport type { TableProps } from './Table'\n\nexport type { TableProps } from './Table'\nexport type { THeadProps } from './THead'\nexport type { TBodyProps } from './TBody'\nexport type { TFootProps } from './TFoot'\nexport type { TrProps } from './Tr'\nexport type { ThProps } from './Th'\nexport type { TdProps } from './Td'\nexport type { SorterProps } from './Sorter'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TableProps & RefAttributes<HTMLElement>\n> & {\n    THead: typeof THead\n    TBody: typeof TBody\n    TFoot: typeof TFoot\n    Th: typeof Th\n    Tr: typeof Tr\n    Td: typeof Td\n    Sorter: typeof Sorter\n}\n\nconst Table = _Table as CompoundedComponent\n\nTable.THead = THead\nTable.TBody = TBody\nTable.TFoot = TFoot\nTable.Th = Th\nTable.Tr = Tr\nTable.Td = Td\nTable.Sorter = Sorter\n\nexport { Table }\n\nexport default Table\n"],"names":["Table","_Table","THead","TBody","TFoot","Th","Tr","Td","Sorter"],"mappings":";;;;;;;;AAiCA,MAAMA,IAAQC;AAEdD,EAAM,QAAQE;AACdF,EAAM,QAAQG;AACdH,EAAM,QAAQI;AACdJ,EAAM,KAAKK;AACXL,EAAM,KAAKM;AACXN,EAAM,KAAKO;AACXP,EAAM,SAASQ;"}

package/dist/lib/@ecme/components/ui/Tabs/TabContent.js

@@ -0,0 +1,25 @@
+import { jsx as m } from "react/jsx-runtime";
+import i from "classnames";
+import { useTabs as b } from "./context.js";
+const u = (e) => {
+  const { value: a, children: s, className: n, ref: o, ...c } = e, r = b(), t = a === r.value, l = i(
+    "tab-content",
+    t && "tab-content-active",
+    n
+  );
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: o,
+      role: "tabpanel",
+      tabIndex: 0,
+      className: l,
+      ...c,
+      children: t && s
+    }
+  );
+};
+export {
+  u as default
+};
+//# sourceMappingURL=TabContent.js.map

package/dist/lib/@ecme/components/ui/Tabs/TabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/TabContent.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTabs } from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsValue } from './context'\nimport type { Ref } from 'react'\n\nexport interface TabContentProps extends CommonProps {\n    ref?: Ref<HTMLDivElement>\n    value: TabsValue\n}\n\nconst TabContent = (props: TabContentProps) => {\n    const { value, children, className, ref, ...rest } = props\n\n    const context = useTabs()\n    const isSelected = value === context.value\n\n    const tabContentClass = classNames(\n        'tab-content',\n        isSelected && 'tab-content-active',\n        className,\n    )\n\n    return (\n        <div\n            ref={ref}\n            role=\"tabpanel\"\n            tabIndex={0}\n            className={tabContentClass}\n            {...rest}\n        >\n            {isSelected && children}\n        </div>\n    )\n}\n\nexport default TabContent\n"],"names":["TabContent","props","value","children","className","ref","rest","context","useTabs","isSelected","tabContentClass","classNames","jsx"],"mappings":";;;AAWM,MAAAA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,KAAAC,GAAK,GAAGC,MAASL,GAE/CM,IAAUC,EAAQ,GAClBC,IAAaP,MAAUK,EAAQ,OAE/BG,IAAkBC;AAAA,IACpB;AAAA,IACAF,KAAc;AAAA,IACdL;AAAA,EACJ;AAGI,SAAA,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWK;AAAA,MACV,GAAGJ;AAAA,MAEH,UAAcG,KAAAN;AAAA,IAAA;AAAA,EACnB;AAER;"}

package/dist/lib/@ecme/components/ui/Tabs/TabList.js

@@ -0,0 +1,15 @@
+import { jsx as l } from "react/jsx-runtime";
+import m from "classnames";
+import { useTabs as c } from "./context.js";
+const p = (s) => {
+  const { className: t, children: a, ref: r, ...o } = s, { variant: e } = c(), i = m(
+    "tab-list",
+    `tab-list-${e}`,
+    t
+  );
+  return /* @__PURE__ */ l("div", { ref: r, role: "tablist", className: i, ...o, children: a });
+};
+export {
+  p as default
+};
+//# sourceMappingURL=TabList.js.map

package/dist/lib/@ecme/components/ui/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/TabList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTabs } from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport type TabListProps = CommonProps & {\n    ref?: Ref<HTMLDivElement>\n}\n\nconst TabList = (props: TabListProps) => {\n    const { className, children, ref, ...rest } = props\n\n    const { variant } = useTabs()\n\n    const tabListClass = classNames(\n        'tab-list',\n        `tab-list-${variant}`,\n        className,\n    )\n\n    return (\n        <div ref={ref} role=\"tablist\" className={tabListClass} {...rest}>\n            {children}\n        </div>\n    )\n}\n\nexport default TabList\n"],"names":["TabList","props","className","children","ref","rest","variant","useTabs","tabListClass","classNames","jsx"],"mappings":";;;AASM,MAAAA,IAAU,CAACC,MAAwB;AACrC,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,KAAAC,GAAK,GAAGC,EAAS,IAAAJ,GAExC,EAAE,SAAAK,EAAQ,IAAIC,EAAQ,GAEtBC,IAAeC;AAAA,IACjB;AAAA,IACA,YAAYH,CAAO;AAAA,IACnBJ;AAAA,EACJ;AAGI,SAAA,gBAAAQ,EAAC,SAAI,KAAAN,GAAU,MAAK,WAAU,WAAWI,GAAe,GAAGH,GACtD,UAAAF,EACL,CAAA;AAER;"}

package/dist/lib/@ecme/components/ui/Tabs/TabNav.js

@@ -0,0 +1,47 @@
+import { jsxs as p, jsx as f } from "react/jsx-runtime";
+import u from "../utils/classNames.js";
+import { useTabs as x } from "./context.js";
+import N from "../hooks/useCallbackRef.js";
+const T = (n) => {
+  const {
+    value: s,
+    disabled: e,
+    className: o,
+    icon: i,
+    children: c,
+    ref: b,
+    ...m
+  } = n, { value: v, onValueChange: r, variant: t } = x(), a = s === v, l = N(() => {
+    !a && !e && (r == null || r(s));
+  }), d = u(
+    "tab-nav",
+    `tab-nav-${t}`,
+    a && "tab-nav-active text-primary",
+    a && t === "underline" && "border-primary",
+    a && t === "pill" && "bg-primary text-neutral",
+    e && "tab-nav-disabled",
+    !e && !a && "hover:text-primary",
+    o
+  );
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: b,
+      className: d,
+      role: "tab",
+      "aria-selected": a,
+      tabIndex: 0,
+      onClick: l,
+      onKeyDown: l,
+      ...m,
+      children: [
+        i && /* @__PURE__ */ f("div", { className: "tab-nav-icon", children: i }),
+        c
+      ]
+    }
+  );
+};
+export {
+  T as default
+};
+//# sourceMappingURL=TabNav.js.map

package/dist/lib/@ecme/components/ui/Tabs/TabNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/TabNav.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useTabs } from './context'\nimport useCallbackRef from '../hooks/useCallbackRef'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsValue } from './context'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TabNavProps extends CommonProps {\n    disabled?: boolean\n    icon?: string | ReactNode\n    ref?: Ref<HTMLDivElement>\n    value: TabsValue\n}\n\nconst TabNav = (props: TabNavProps) => {\n    const {\n        value: valueProp,\n        disabled,\n        className,\n        icon,\n        children,\n        ref,\n        ...rest\n    } = props\n\n    const { value, onValueChange, variant } = useTabs()\n    const isSelected = valueProp === value\n\n    const onTabNavClick = useCallbackRef(() => {\n        if (!isSelected && !disabled) {\n            onValueChange?.(valueProp)\n        }\n    })\n\n    const tabNavClass = classNames(\n        'tab-nav',\n        `tab-nav-${variant}`,\n        isSelected && `tab-nav-active text-primary`,\n        isSelected && variant === 'underline' && `border-primary`,\n        isSelected && variant === 'pill' && `bg-primary text-neutral`,\n        disabled && 'tab-nav-disabled',\n        !disabled && !isSelected && `hover:text-primary`,\n        className,\n    )\n\n    return (\n        <div\n            ref={ref}\n            className={tabNavClass}\n            role=\"tab\"\n            aria-selected={isSelected}\n            tabIndex={0}\n            onClick={onTabNavClick}\n            onKeyDown={onTabNavClick}\n            {...rest}\n        >\n            {icon && <div className=\"tab-nav-icon\">{icon}</div>}\n            {children}\n        </div>\n    )\n}\n\nexport default TabNav\n"],"names":["TabNav","props","valueProp","disabled","className","icon","children","ref","rest","value","onValueChange","variant","useTabs","isSelected","onTabNavClick","useCallbackRef","tabNavClass","classNames","jsxs","jsx"],"mappings":";;;;AAcM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE,EAAE,OAAAQ,GAAO,eAAAC,GAAe,SAAAC,EAAA,IAAYC,EAAQ,GAC5CC,IAAaX,MAAcO,GAE3BK,IAAgBC,EAAe,MAAM;AACnC,IAAA,CAACF,KAAc,CAACV,MAChBO,KAAA,QAAAA,EAAgBR;AAAA,EACpB,CACH,GAEKc,IAAcC;AAAA,IAChB;AAAA,IACA,WAAWN,CAAO;AAAA,IAClBE,KAAc;AAAA,IACdA,KAAcF,MAAY,eAAe;AAAA,IACzCE,KAAcF,MAAY,UAAU;AAAA,IACpCR,KAAY;AAAA,IACZ,CAACA,KAAY,CAACU,KAAc;AAAA,IAC5BT;AAAA,EACJ;AAGI,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAX;AAAA,MACA,WAAWS;AAAA,MACX,MAAK;AAAA,MACL,iBAAeH;AAAA,MACf,UAAU;AAAA,MACV,SAASC;AAAA,MACT,WAAWA;AAAA,MACV,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAS,gBAAAc,EAAA,OAAA,EAAI,WAAU,gBAAgB,UAAKd,GAAA;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/lib/@ecme/components/ui/Tabs/Tabs.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { TabsContextProvider as c } from "./context.js";
+import f from "../hooks/useControllableState.js";
+import d from "classnames";
+const x = (e) => {
+  const {
+    className: t,
+    defaultValue: o,
+    onChange: r,
+    ref: s,
+    value: l,
+    variant: n = "underline",
+    ...u
+  } = e, [m, i] = f({
+    prop: l,
+    onChange: r,
+    defaultProp: o
+  }), p = d("tabs", t);
+  return /* @__PURE__ */ a(
+    c,
+    {
+      value: {
+        value: m,
+        onValueChange: i,
+        variant: n
+      },
+      children: /* @__PURE__ */ a("div", { className: p, ...u, ref: s })
+    }
+  );
+};
+export {
+  x as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/lib/@ecme/components/ui/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsContextProvider } from './context'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\nimport type { TabsVariant, TabsValue } from './context'\nimport type { Ref } from 'react'\n\nexport interface TabsProps extends CommonProps {\n    defaultValue?: TabsValue\n    onChange?: (tabValue: TabsValue) => void\n    ref?: Ref<HTMLDivElement>\n    value?: TabsValue\n    variant?: TabsVariant\n}\n\nconst Tabs = (props: TabsProps) => {\n    const {\n        className,\n        defaultValue,\n        onChange,\n        ref,\n        value: valueProp,\n        variant = 'underline',\n        ...rest\n    } = props\n\n    const [value, setValue] = useControllableState({\n        prop: valueProp,\n        onChange: onChange,\n        defaultProp: defaultValue,\n    })\n\n    const tabsClass = classNames('tabs', className)\n\n    return (\n        <TabsContextProvider\n            value={{\n                value: value,\n                onValueChange: setValue,\n                variant,\n            }}\n        >\n            <div className={tabsClass} {...rest} ref={ref} />\n        </TabsContextProvider>\n    )\n}\n\nexport default Tabs\n"],"names":["Tabs","props","className","defaultValue","onChange","ref","valueProp","variant","rest","value","setValue","useControllableState","tabsClass","classNames","jsx","TabsContextProvider"],"mappings":";;;;AAeM,MAAAA,IAAO,CAACC,MAAqB;AACzB,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,IACHP,GAEE,CAACQ,GAAOC,CAAQ,IAAIC,EAAqB;AAAA,IAC3C,MAAML;AAAA,IACN,UAAAF;AAAA,IACA,aAAaD;AAAA,EAAA,CAChB,GAEKS,IAAYC,EAAW,QAAQX,CAAS;AAG1C,SAAA,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,OAAAN;AAAA,QACA,eAAeC;AAAA,QACf,SAAAH;AAAA,MACJ;AAAA,MAEA,4BAAC,OAAI,EAAA,WAAWK,GAAY,GAAGJ,GAAM,KAAAH,EAAU,CAAA;AAAA,IAAA;AAAA,EACnD;AAER;"}

package/dist/lib/@ecme/components/ui/Tabs/context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as o } from "react";
+const t = e({}), r = t.Provider, s = t.Consumer;
+function a() {
+  return o(t);
+}
+export {
+  s as TabsContextConsumer,
+  r as TabsContextProvider,
+  t as default,
+  a as useTabs
+};
+//# sourceMappingURL=context.js.map

package/dist/lib/@ecme/components/ui/Tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nexport type TabsVariant = 'underline' | 'pill'\n\nexport type TabsValue = string\n\ntype TabsContextProps = {\n    onValueChange?: (tabValue: string) => void\n    value?: TabsValue\n    variant?: TabsVariant\n}\n\nconst TabsContext = createContext<TabsContextProps>({})\n\nexport const TabsContextProvider = TabsContext.Provider\n\nexport const TabsContextConsumer = TabsContext.Consumer\n\nexport function useTabs() {\n    return useContext(TabsContext)\n}\n\nexport default TabsContext\n"],"names":["TabsContext","createContext","TabsContextProvider","TabsContextConsumer","useTabs","useContext"],"mappings":";AAYM,MAAAA,IAAcC,EAAgC,CAAE,CAAA,GAEzCC,IAAsBF,EAAY,UAElCG,IAAsBH,EAAY;AAExC,SAASI,IAAU;AACtB,SAAOC,EAAWL,CAAW;AACjC;"}