@orbe-agro/client-core 3.4.13 → 5.0.0

package/dist/lib/@ecme/auth/sessionUser.json.js.map

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

package/dist/lib/@ecme/components/layouts/AuthLayout/Simple.js

@@ -1,17 +1,15 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import d from "../../../assets/svg/patterns/GridSvg.js";
-import l from "../../shared/Container.js";
-import { useThemeStore as c } from "../../../store/themeStore.js";
-import { useMemo as p, cloneElement as m } from "react";
-import { renderToString as x } from "react-dom/server";
-const y = ({ children: r, content: t, ...o }) => /* @__PURE__ */ e("div", { className: "grid-surface relative h-full bg-gray-900 stroke-primary dark:bg-gray-800", children: /* @__PURE__ */ e(l, { className: "relative z-10 flex h-full min-w-0 flex-auto flex-col items-center justify-center", children: /* @__PURE__ */ e("div", { className: "min-h-[320px] min-w-[320px] max-w-[480px] rounded-md border-2 bg-gray-50 px-12 py-12 shadow-2xl dark:border-gray-700 dark:bg-gray-900 md:min-w-[480px]", children: /* @__PURE__ */ a("div", { children: [
-  t,
-  r ? m(r, {
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "../../shared/index.js";
+import { cloneElement as m } from "react";
+import t from "../../shared/Container.js";
+const c = ({ children: e, content: a, ...l }) => /* @__PURE__ */ r("div", { className: "grid-surface relative h-full bg-gray-900 stroke-primary dark:bg-gray-800", children: /* @__PURE__ */ r(t, { className: "relative z-10 flex h-full min-w-0 flex-auto flex-col items-center justify-center", children: /* @__PURE__ */ r("div", { className: "min-h-[320px] min-w-[320px] max-w-[480px] rounded-md border-2 bg-gray-50 px-12 py-12 shadow-2xl dark:border-gray-700 dark:bg-gray-900 md:min-w-[480px]", children: /* @__PURE__ */ i("div", { children: [
+  a,
+  e ? m(e, {
     className: "text-center",
-    ...o
+    ...l
   }) : null
 ] }) }) }) });
 export {
-  y as default
+  c as default
 };
 //# sourceMappingURL=Simple.js.map

package/dist/lib/@ecme/components/layouts/AuthLayout/Simple.js.map

@@ -1 +1 @@
-{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/components/layouts/AuthLayout/Simple.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport GridSvg from '@/assets/svg/patterns/GridSvg'\nimport Container from '@/components/shared/Container'\nimport { useThemeStore } from '@/store/themeStore'\nimport classNames from '@/utils/classNames'\nimport type { ReactElement, ReactNode } from 'react'\nimport { cloneElement, useMemo } from 'react'\nimport { renderToString } from 'react-dom/server'\n\ninterface SimpleProps extends CommonProps {\n    content?: ReactNode\n}\n\nconst GridWallpaper = () => {\n    const { themeSchema, mode } = useThemeStore()\n\n    const bgColor = useMemo(() => {\n        const st = getComputedStyle(document.documentElement)\n        return mode === 'dark'\n            ? st.getPropertyValue('--gray-700')\n            : st.getPropertyValue('--gray-400')\n    }, [mode, themeSchema])\n    console.log('color', bgColor)\n    const svgBg = encodeURIComponent(\n        renderToString(<GridSvg stroke={bgColor} />),\n    )\n\n    return (\n        <div\n            className=\"absolute left-0 top-0 z-0 h-full w-full\"\n            style={{\n                maskImage:\n                    'linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0))',\n                backgroundImage: `url(\"data:image/svg+xml,${svgBg}\")`,\n            }}\n        ></div>\n    )\n}\n\nconst Simple = ({ children, content, ...rest }: SimpleProps) => {\n    return (\n        <div className=\"grid-surface relative h-full bg-gray-900 stroke-primary dark:bg-gray-800\">\n            {/* <GridWallpaper /> */}\n            <Container className=\"relative z-10 flex h-full min-w-0 flex-auto flex-col items-center justify-center\">\n                <div className=\"min-h-[320px] min-w-[320px] max-w-[480px] rounded-md border-2 bg-gray-50 px-12 py-12 shadow-2xl dark:border-gray-700 dark:bg-gray-900 md:min-w-[480px]\">\n                    <div>\n                        {content}\n                        {children\n                            ? cloneElement(children as ReactElement, {\n                                  className: 'text-center',\n                                  ...rest,\n                              })\n                            : null}\n                    </div>\n                </div>\n            </Container>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Simple","children","content","rest","jsx","Container","cloneElement"],"mappings":";;;;;;AAuCA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAEhC,gBAAAC,EAAC,OAAA,EAAI,WAAU,4EAEX,UAAA,gBAAAA,EAACC,GAAA,EAAU,WAAU,oFACjB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0JACX,4BAAC,OAAA,EACI,UAAA;AAAA,EAAAF;AAAA,EACAD,IACKK,EAAaL,GAA0B;AAAA,IACnC,WAAW;AAAA,IACX,GAAGE;AAAA,EAAA,CACN,IACD;AAAA,GACV,EAAA,CACJ,GACJ,GACJ;"}
+{"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/components/layouts/AuthLayout/Simple.tsx"],"sourcesContent":["import type { CommonProps } from '@/@types/common'\nimport { Container } from '@/components/shared'\nimport type { ReactElement, ReactNode } from 'react'\nimport { cloneElement } from 'react'\n\ninterface SimpleProps extends CommonProps {\n    content?: ReactNode\n}\n\nconst Simple = ({ children, content, ...rest }: SimpleProps) => {\n    return (\n        <div className=\"grid-surface relative h-full bg-gray-900 stroke-primary dark:bg-gray-800\">\n            <Container className=\"relative z-10 flex h-full min-w-0 flex-auto flex-col items-center justify-center\">\n                <div className=\"min-h-[320px] min-w-[320px] max-w-[480px] rounded-md border-2 bg-gray-50 px-12 py-12 shadow-2xl dark:border-gray-700 dark:bg-gray-900 md:min-w-[480px]\">\n                    <div>\n                        {content}\n                        {children\n                            ? cloneElement(children as ReactElement, {\n                                  className: 'text-center',\n                                  ...rest,\n                              })\n                            : null}\n                    </div>\n                </div>\n            </Container>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Simple","children","content","rest","jsx","Container","cloneElement"],"mappings":";;;;AASA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAEhC,gBAAAC,EAAC,OAAA,EAAI,WAAU,4EACX,UAAA,gBAAAA,EAACC,GAAA,EAAU,WAAU,oFACjB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0JACX,4BAAC,OAAA,EACI,UAAA;AAAA,EAAAF;AAAA,EACAD,IACKK,EAAaL,GAA0B;AAAA,IACnC,WAAW;AAAA,IACX,GAAGE;AAAA,EAAA,CACN,IACD;AAAA,GACV,EAAA,CACJ,GACJ,GACJ;"}

package/dist/lib/@ecme/components/shared/PatternInput.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { PatternFormat as e } from "react-number-format";
 import "../ui/Input/index.js";
+import { PatternFormat as e } from "react-number-format";
 import m from "../ui/Input/Input.js";
 const p = ({
   inputSuffix: t,

package/dist/lib/@ecme/components/shared/PatternInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PatternInput.js","sources":["../../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import { PatternFormat, PatternFormatProps } from 'react-number-format'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode, ComponentType } from 'react'\nimport type { InputProps } from '@/components/ui'\n\ninterface InputAffix {\n    inputSuffix?: string | ReactNode\n    inputPrefix?: string | ReactNode\n}\n\ninterface NumberInputProps\n    extends Omit<InputProps, 'prefix' | 'suffix'>,\n        InputAffix {}\n\ntype NumberFormatInputProps = Omit<PatternFormatProps, 'form'> & InputAffix\n\ntype PatternInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n    inputSuffix,\n    inputPrefix,\n    ...props\n}: NumberInputProps) => {\n    return (\n        <Input\n            {...props}\n            value={props.value}\n            suffix={inputSuffix}\n            prefix={inputPrefix}\n        />\n    )\n}\n\nconst NumberFormatInput = ({\n    onValueChange,\n    ...rest\n}: NumberFormatInputProps) => {\n    return (\n        <PatternFormat\n            customInput={NumberInput as ComponentType}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nconst PatternInput = ({\n    inputSuffix,\n    inputPrefix,\n    onValueChange,\n    ...rest\n}: PatternInputProps) => {\n    return (\n        <NumberFormatInput\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nexport default PatternInput\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","PatternFormat","PatternInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"PatternInput.js","sources":["../../../../../lib/@ecme/components/shared/PatternInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\nimport Input from '@/components/ui/Input'\nimport type { ComponentType, ReactNode } from 'react'\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\n\ninterface InputAffix {\n    inputSuffix?: string | ReactNode\n    inputPrefix?: string | ReactNode\n}\n\ninterface NumberInputProps\n    extends Omit<InputProps, 'prefix' | 'suffix'>,\n        InputAffix {}\n\ntype NumberFormatInputProps = Omit<PatternFormatProps, 'form' | 'size'> & InputAffix\n\ntype PatternInputProps = NumberInputProps & NumberFormatInputProps\n\nconst NumberInput = ({\n    inputSuffix,\n    inputPrefix,\n    ...props\n}: NumberInputProps) => {\n    return (\n        <Input\n            {...props}\n            value={props.value}\n            suffix={inputSuffix}\n            prefix={inputPrefix}\n        />\n    )\n}\n\nconst NumberFormatInput = ({\n    onValueChange,\n    ...rest\n}: NumberFormatInputProps) => {\n    return (\n        <PatternFormat\n            customInput={NumberInput as ComponentType}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nconst PatternInput = ({\n    inputSuffix,\n    inputPrefix,\n    onValueChange,\n    ...rest\n}: PatternInputProps) => {\n    return (\n        <NumberFormatInput\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nexport default PatternInput\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input","NumberFormatInput","onValueChange","rest","PatternFormat","PatternInput"],"mappings":";;;;AAkBA,MAAMA,IAAc,CAAC;AAAA,EACjB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA,GAKdI,IAAoB,CAAC;AAAA,EACvB,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACG,aAAaT;AAAA,IACb,eAAAO;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,GAKVE,IAAe,CAAC;AAAA,EAClB,aAAAT;AAAA,EACA,aAAAC;AAAA,EACA,eAAAK;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAJ;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,aAAAJ;AAAA,IACA,aAAAD;AAAA,IACA,eAAAM;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}

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

@@ -1,4 +1,4 @@
-import { jsxs as S, jsx as o, Fragment as w } from "react/jsx-runtime";
+import { jsxs as S, jsx as o, Fragment as $ } from "react/jsx-runtime";
 import c from "../utils/classNames.js";
 import "../ConfigProvider/index.js";
 import { useForm as P } from "../Form/context.js";
@@ -6,18 +6,18 @@ import { useInputGroup as Q } from "../InputGroup/context.js";
 import { CONTROL_SIZES as n, SIZES as g } from "../utils/constants.js";
 import "../Spinner/index.js";
 import { useConfig as U } from "../ConfigProvider/ConfigProvider.js";
-import $ from "../Spinner/Spinner.js";
-const m = {
+import w from "../Spinner/Spinner.js";
+const u = {
   round: "rounded-xl",
   circle: "rounded-full",
   none: "rounded-none"
-}, ce = (h) => {
-  var y, k, v;
+}, cr = (x) => {
+  var C, k, v;
   const {
     asElement: z = "button",
     active: a = !1,
     block: N = !1,
-    children: r,
+    children: e,
     className: j,
     clickFeedback: F = !0,
     customColorClass: b,
@@ -28,42 +28,42 @@ const m = {
     shape: s = "round",
     size: E,
     variant: G = "default",
-    iconAlignment: x = "start",
+    iconAlignment: h = "start",
     ...T
-  } = h, { controlSize: L, ui: p } = U(), O = (y = P()) == null ? void 0 : y.size, Z = (k = Q()) == null ? void 0 : k.size, A = "button", d = "inline-flex items-center justify-center", D = E || Z || O || L, M = !((v = p == null ? void 0 : p.button) != null && v.disableClickFeedback) || F, u = I || l, R = () => {
-    let e = "";
+  } = x, { controlSize: L, ui: p } = U(), O = (C = P()) == null ? void 0 : C.size, Z = (k = Q()) == null ? void 0 : k.size, A = "button", d = "inline-flex items-center justify-center", D = E || Z || O || L, M = !((v = p == null ? void 0 : p.button) != null && v.disableClickFeedback) || F, m = I || l, R = () => {
+    let r = "";
     switch (D) {
       case g.LG:
-        e = c(
+        r = c(
           n.lg.h,
-          m[s],
-          t && !r ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
+          u[s],
+          t && !e ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
         );
         break;
       case g.SM:
-        e = c(
+        r = c(
           n.sm.h,
-          s === "round" ? "rounded-xl" : m[s],
-          t && !r ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
+          s === "round" ? "rounded-xl" : u[s],
+          t && !e ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
         );
         break;
       case g.XS:
-        e = c(
+        r = c(
           n.xs.h,
-          s === "round" ? "rounded-lg" : m[s],
-          t && !r ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
+          s === "round" ? "rounded-lg" : u[s],
+          t && !e ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
         );
         break;
       default:
-        e = c(
+        r = c(
           n.md.h,
-          m[s],
-          t && !r ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
+          u[s],
+          t && !e ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
         );
         break;
     }
-    return e;
-  }, X = "opacity-50 cursor-not-allowed", _ = () => f({
+    return r;
+  }, X = "cursor-not-allowed opacity-50", _ = () => f({
     bgColor: a ? "bg-primary-deep" : "bg-primary",
     textColor: "text-neutral",
     hoverColor: a ? "" : "hover:bg-primary-mild",
@@ -73,17 +73,17 @@ const m = {
     textColor: "",
     hoverColor: a ? "" : "hover:text-primary-mild",
     activeColor: "dark:active:primary-mild dark:active:bg-opacity-40"
-  }), C = () => f({
+  }), y = () => f({
     bgColor: a ? "bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500" : "bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700",
     textColor: "text-gray-600 dark:text-gray-100",
-    hoverColor: a ? "" : "ring-primary dark:ring-white hover:border-primary dark:hover:border-white hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent",
+    hoverColor: a ? "" : "ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent",
     activeColor: ""
   }), f = ({
-    bgColor: e,
+    bgColor: r,
     hoverColor: i,
     activeColor: J,
     textColor: K
-  }) => `${e} ${u ? X : i + " " + J} ${K}`, H = c(
+  }) => `${r} ${m ? X : i + " " + J} ${K}`, H = c(
     A,
     (() => {
       switch (G) {
@@ -92,18 +92,18 @@ const m = {
         case "plain":
           return q();
         case "default":
-          return C();
+          return y();
         default:
-          return C();
+          return y();
       }
     })(),
     R(),
     j,
     N ? "w-full" : "",
-    M && !u && "button-press-feedback",
+    M && !m && "button-press-feedback",
     b == null ? void 0 : b({
       active: a,
-      unclickable: u
+      unclickable: m
     })
   );
   return /* @__PURE__ */ o(
@@ -112,26 +112,26 @@ const m = {
       ref: B,
       className: H,
       ...T,
-      onClick: (e) => {
-        const { onClick: i } = h;
-        if (u) {
-          e.preventDefault();
+      onClick: (r) => {
+        const { onClick: i } = x;
+        if (m) {
+          r.preventDefault();
           return;
         }
-        i == null || i(e);
+        i == null || i(r);
       },
-      children: l && r ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center", children: [
-        /* @__PURE__ */ o($, { enableTheme: !1, className: "mr-1" }),
-        r
-      ] }) : t && !r && l ? /* @__PURE__ */ o($, { enableTheme: !1 }) : t && !r && !l ? /* @__PURE__ */ o(w, { children: t }) : t && r && !l ? /* @__PURE__ */ S("span", { className: "flex gap-1 items-center justify-center", children: [
-        x === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
-        /* @__PURE__ */ o("span", { children: r }),
-        x === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
-      ] }) : /* @__PURE__ */ o(w, { children: r })
+      children: l && e ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ o(w, { enableTheme: !1, className: "mr-1" }),
+        e
+      ] }) : t && !e && l ? /* @__PURE__ */ o(w, { enableTheme: !1 }) : t && !e && !l ? /* @__PURE__ */ o($, { children: t }) : t && e && !l ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center gap-1", children: [
+        h === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
+        /* @__PURE__ */ o("span", { children: e }),
+        h === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
+      ] }) : /* @__PURE__ */ o($, { children: e })
     }
   );
 };
 export {
-  ce as default
+  cr as default
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'opacity-50 cursor-not-allowed'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-white hover:border-primary dark:hover:border-white hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex gap-1 items-center justify-center\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","onClick","jsxs","Spinner"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'cursor-not-allowed opacity-50'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex items-center justify-center gap-1\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":";;;;;;;;;AA2CA,MAAMA,IAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV,GAEMC,KAAS,CAACC,MAAuB;;AACnC,QAAM;AAAA,IACF,WAAWC,IAAY;AAAA,IACvB,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,IACHhB,GACE,EAAE,aAAAiB,GAAa,IAAAC,EAAA,IAAOC,EAAA,GACtBC,KAAkBC,IAAAC,QAAA,gBAAAD,EAAW,MAC7BE,KAAiBC,IAAAC,QAAA,gBAAAD,EAAiB,MAClCE,IAAe,UACfC,IAAgB,2CAEhBC,IAAaf,KAAQU,KAAkBH,KAAmBH,GAC1DY,IAAW,GAACC,IAAAZ,KAAA,gBAAAA,EAAI,WAAJ,QAAAY,EAAY,yBAAwBxB,GAChDyB,IAAcvB,KAAYE,GAE1BsB,IAAgB,MAAM;AACxB,QAAIC,IAAY;AAChB,YAAQL,GAAA;AAAA,MACJ,KAAKM,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBtC,EAAYc,CAAK;AAAA,UACjBH,KAAQ,CAACL,IACH,GAAGgC,EAAc,GAAG,CAAC,IAAIT,CAAa,cACtC;AAAA,QAAA;AAEV;AAAA,MACJ,KAAKO,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBxB,MAAU,UAAU,eAAed,EAAYc,CAAK;AAAA,UACpDH,KAAQ,CAACL,IACH,GAAGgC,EAAc,GAAG,CAAC,IAAIT,CAAa,aACtC;AAAA,QAAA;AAEV;AAAA,MACJ,KAAKO,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBxB,MAAU,UAAU,eAAed,EAAYc,CAAK;AAAA,UACpDH,KAAQ,CAACL,IACH,GAAGgC,EAAc,GAAG,CAAC,IAAIT,CAAa,eACtC;AAAA,QAAA;AAEV;AAAA,MACJ;AACI,QAAAM,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjBtC,EAAYc,CAAK;AAAA,UACjBH,KAAQ,CAACL,IACH,GAAGgC,EAAc,GAAG,CAAC,IAAIT,CAAa,aACtC;AAAA,QAAA;AAEV;AAAA,IAAA;AAER,WAAOM;AAAA,EAAA,GAGLI,IAAgB,iCAEhBC,IAAa,MAORC,EANK;AAAA,IACR,SAASrC,IAAS,oBAAoB;AAAA,IACtC,WAAW;AAAA,IACX,YAAYA,IAAS,KAAK;AAAA,IAC1B,aAAa;AAAA,EAAA,CAEK,GAGpBsC,IAAa,MAORD,EANK;AAAA,IACR,SAASrC,IAAS,KAAK;AAAA,IACvB,WAAW;AAAA,IACX,YAAYA,IAAS,KAAK;AAAA,IAC1B,aAAa;AAAA,EAAA,CAEK,GAGpBuC,IAAe,MAWVF,EAVK;AAAA,IACR,SAASrC,IACH,6EACA;AAAA,IACN,WAAW;AAAA,IACX,YAAYA,IACN,KACA;AAAA,IACN,aAAa;AAAA,EAAA,CAEK,GAGpBqC,IAAc,CAAC;AAAA,IACjB,SAAAG;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,MAEO,GAAGH,CAAO,IACbX,IAAcM,IAAgBM,IAAa,MAAMC,CACrD,IAAIC,CAAS,IAgBXC,IAAUX;AAAA,IACZT;AAAA,KAda,MAAM;AACnB,cAAQZ,GAAA;AAAA,QACJ,KAAK;AACD,iBAAOwB,EAAA;AAAA,QACX,KAAK;AACD,iBAAOE,EAAA;AAAA,QACX,KAAK;AACD,iBAAOC,EAAA;AAAA,QACX;AACI,iBAAOA,EAAA;AAAA,MAAa;AAAA,IAC5B,GAKA;AAAA,IACAT,EAAA;AAAA,IACA3B;AAAA,IACAF,IAAQ,WAAW;AAAA,IACnB0B,KAAY,CAACE,KAAe;AAAA,IAC5BxB,KAAA,gBAAAA,EAAmB;AAAA,MACf,QAAAL;AAAA,MACA,aAAA6B;AAAA,IAAA;AAAA,EACH;AA+CL,SACI,gBAAAgB;AAAA,IAAC9C;AAAA,IAAA;AAAA,MACG,KAAAU;AAAA,MACA,WAAWmC;AAAA,MACV,GAAG9B;AAAA,MACJ,SAjDY,CAACgC,MAAqC;AACtD,cAAM,EAAE,SAAAC,MAAYjD;AACpB,YAAI+B,GAAa;AACb,UAAAiB,EAAE,eAAA;AACF;AAAA,QAAA;AAEJ,QAAAC,KAAA,QAAAA,EAAUD;AAAA,MAAC;AAAA,MA6CN,UAzCDtC,KAAWN,IAEP,gBAAA8C,EAAC,QAAA,EAAK,WAAU,oCACZ,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAQ,aAAa,IAAO,WAAU,QAAO;AAAA,QAC7C/C;AAAA,MAAA,GACL,IAIJK,KAAQ,CAACL,KAAYM,IACd,gBAAAqC,EAACI,GAAA,EAAQ,aAAa,GAAA,CAAO,IAGpC1C,KAAQ,CAACL,KAAY,CAACM,2BACZ,UAAAD,EAAA,CAAK,IAGfA,KAAQL,KAAY,CAACM,IAEjB,gBAAAwC,EAAC,QAAA,EAAK,WAAU,0CACX,UAAA;AAAA,QAAAnC,MAAkB,WACf,gBAAAgC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAtC,GAAK;AAAA,QAEpC,gBAAAsC,EAAC,UAAM,UAAA3C,GAAS;AAAA,QACfW,MAAkB,SACf,gBAAAgC,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAtC,EAAA,CAAK;AAAA,MAAA,GAExC,2BAIE,UAAAL,GAAS;AAAA,IAUC;AAAA,EAAA;AAG5B;"}

package/dist/lib/@ecme/components/ui/Select/Option.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import m from "classnames";
-import { HiCheck as n } from "react-icons/hi";
+import { HiCheck as p } from "react-icons/hi";
 const b = (o) => {
-  const { innerProps: l, label: t, isSelected: e, isDisabled: r, data: i, customLabel: s } = o;
+  const { innerProps: l, label: t, isSelected: e, isDisabled: a, data: i, customLabel: r } = o;
   return /* @__PURE__ */ c(
     "div",
     {
       className: m(
-        "select-option",
-        !r && !e && "hover:text-gray-800 hover:dark:text-gray-100",
+        "select-option gap-2",
+        !a && !e && "hover:text-gray-800 hover:dark:text-gray-100",
         e && "text-primary bg-primary-subtle",
-        r && "opacity-50 cursor-not-allowed"
+        a && "opacity-50 cursor-not-allowed"
       ),
       ...l,
       children: [
-        s ? s(i, t) : /* @__PURE__ */ a("span", { className: "ml-2", children: t }),
-        e && /* @__PURE__ */ a(n, { className: "text-xl" })
+        r ? r(i, t) : /* @__PURE__ */ s("span", { className: "ml-2", children: t }),
+        e && /* @__PURE__ */ s(p, { className: "text-xl" })
       ]
     }
   );

package/dist/lib/@ecme/components/ui/Select/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Option.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck } from 'react-icons/hi'\nimport type { ReactNode } from 'react'\nimport type { OptionProps as ReactSelectOptionProps } from 'react-select'\n\ntype DefaultOptionProps<T> = {\n    customLabel?: (data: T, label: string) => ReactNode\n}\n\nconst Option = <T,>(\n    props: ReactSelectOptionProps<T> & DefaultOptionProps<T>,\n) => {\n    const { innerProps, label, isSelected, isDisabled, data, customLabel } =\n        props\n\n    return (\n        <div\n            className={classNames(\n                'select-option',\n                !isDisabled &&\n                    !isSelected &&\n                    'hover:text-gray-800 hover:dark:text-gray-100',\n                isSelected && 'text-primary bg-primary-subtle',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n            )}\n            {...innerProps}\n        >\n            {customLabel ? (\n                customLabel(data, label)\n            ) : (\n                <span className=\"ml-2\">{label}</span>\n            )}\n            {isSelected && <HiCheck className=\"text-xl\" />}\n        </div>\n    )\n}\n\nexport default Option\n"],"names":["Option","props","innerProps","label","isSelected","isDisabled","data","customLabel","jsxs","classNames","jsx","HiCheck"],"mappings":";;;AASA,MAAMA,IAAS,CACXC,MACC;AACD,QAAM,EAAE,YAAAC,GAAY,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,aAAAC,MACrDN;AAEJ,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACA,CAACJ,KACG,CAACD,KACD;AAAA,QACJA,KAAc;AAAA,QACdC,KAAc;AAAA,MAAA;AAAA,MAEjB,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAK,IACGA,EAAYD,GAAMH,CAAK,sBAEtB,QAAA,EAAK,WAAU,QAAQ,UAAAA,EAAA,CAAM;AAAA,QAEjCC,KAAc,gBAAAM,EAACC,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD;"}
+{"version":3,"file":"Option.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Option.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiCheck } from 'react-icons/hi'\nimport type { ReactNode } from 'react'\nimport type { OptionProps as ReactSelectOptionProps } from 'react-select'\n\ntype DefaultOptionProps<T> = {\n    customLabel?: (data: T, label: string) => ReactNode\n}\n\nconst Option = <T,>(\n    props: ReactSelectOptionProps<T> & DefaultOptionProps<T>,\n) => {\n    const { innerProps, label, isSelected, isDisabled, data, customLabel } =\n        props\n\n    return (\n        <div\n            className={classNames(\n                'select-option gap-2',\n                !isDisabled &&\n                    !isSelected &&\n                    'hover:text-gray-800 hover:dark:text-gray-100',\n                isSelected && 'text-primary bg-primary-subtle',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n            )}\n            {...innerProps}\n        >\n            {customLabel ? (\n                customLabel(data, label)\n            ) : (\n                <span className=\"ml-2\">{label}</span>\n            )}\n            {isSelected && <HiCheck className=\"text-xl\" />}\n        </div>\n    )\n}\n\nexport default Option\n"],"names":["Option","props","innerProps","label","isSelected","isDisabled","data","customLabel","jsxs","classNames","jsx","HiCheck"],"mappings":";;;AASA,MAAMA,IAAS,CACXC,MACC;AACD,QAAM,EAAE,YAAAC,GAAY,OAAAC,GAAO,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,aAAAC,MACrDN;AAEJ,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC;AAAA,QACP;AAAA,QACA,CAACJ,KACG,CAACD,KACD;AAAA,QACJA,KAAc;AAAA,QACdC,KAAc;AAAA,MAAA;AAAA,MAEjB,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAK,IACGA,EAAYD,GAAMH,CAAK,sBAEtB,QAAA,EAAK,WAAU,QAAQ,UAAAA,EAAA,CAAM;AAAA,QAEjCC,KAAc,gBAAAM,EAACC,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD;"}

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

@@ -44,7 +44,7 @@ function Y(n) {
               "bg-gray-100 dark:bg-gray-700"
             ], { isFocused: t } = o;
             return t && e.push(
-              "select-control-focused ring-1 ring-primary border-primary bg-transparent"
+              "select-control-focused ring-2 ring-primary border-primary bg-transparent"
             ), a && e.push(
               "select-control-invalid bg-error-subtle"
             ), t && a && e.push("ring-error border-error"), e;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport cn from '../utils/classNames'\nimport ReactSelect from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\nimport AsyncSelect from 'react-select/async'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { HiChevronDown, HiX } from 'react-icons/hi'\nimport DefaultOption from './Option'\nimport Spinner from '../Spinner/Spinner'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    Props as ReactSelectProps,\n    StylesConfig,\n    ClassNamesConfig,\n    GroupBase,\n} from 'react-select'\nimport type { AsyncProps } from 'react-select/async'\nimport type { CreatableProps } from 'react-select/creatable'\nimport type { Ref, JSX } from 'react'\n\nconst DefaultDropdownIndicator = () => {\n    return (\n        <div className=\"select-dropdown-indicator\">\n            <HiChevronDown />\n        </div>\n    )\n}\n\ninterface DefaultClearIndicatorProps {\n    innerProps: JSX.IntrinsicElements['div']\n    ref: Ref<HTMLElement>\n}\n\nconst DefaultClearIndicator = ({\n    innerProps: { ref, ...restInnerProps },\n}: DefaultClearIndicatorProps) => {\n    return (\n        <div {...restInnerProps} ref={ref}>\n            <div className=\"select-clear-indicator\">\n                <HiX />\n            </div>\n        </div>\n    )\n}\n\ninterface DefaultLoadingIndicatorProps {\n    selectProps: { themeColor?: string }\n}\n\nconst DefaultLoadingIndicator = ({\n    selectProps,\n}: DefaultLoadingIndicatorProps) => {\n    const { themeColor } = selectProps\n    return (\n        <Spinner className={`select-loading-indicatior text-${themeColor}`} />\n    )\n}\n\nexport type SelectProps<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n> = CommonProps &\n    ReactSelectProps<Option, IsMulti, Group> &\n    AsyncProps<Option, IsMulti, Group> &\n    CreatableProps<Option, IsMulti, Group> & {\n        invalid?: boolean\n        size?: TypeAttributes.ControlSize\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        field?: any\n        componentAs?: ReactSelect | CreatableSelect | AsyncSelect\n    }\n\nfunction Select<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n>(props: SelectProps<Option, IsMulti, Group>) {\n    const {\n        components,\n        componentAs: Component = ReactSelect,\n        size,\n        styles,\n        className,\n        classNames,\n        field,\n        invalid,\n        ...rest\n    } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const formItemInvalid = useFormItem()?.invalid\n    const inputGroupSize = useInputGroup()?.size\n\n    const selectSize = (size ||\n        inputGroupSize ||\n        formControlSize ||\n        controlSize) as keyof typeof CONTROL_SIZES\n\n    const isSelectInvalid = invalid || formItemInvalid\n\n    const selectClass = cn(`select select-${selectSize}`, className)\n\n    return (\n        <Component<Option, IsMulti, Group>\n            className={selectClass}\n            classNames={\n                {\n                    control: (state) =>\n                        cn(\n                            'select-control',\n                            CONTROL_SIZES[selectSize].minH,\n                            state.isDisabled && 'opacity-50 cursor-not-allowed',\n                            (() => {\n                                const classes: string[] = [\n                                    'bg-gray-100 dark:bg-gray-700',\n                                ]\n\n                                const { isFocused } = state\n\n                                if (isFocused) {\n                                    classes.push(\n                                        'select-control-focused ring-1 ring-primary border-primary bg-transparent',\n                                    )\n                                }\n\n                                if (isSelectInvalid) {\n                                    classes.push(\n                                        'select-control-invalid bg-error-subtle',\n                                    )\n                                }\n\n                                if (isFocused && isSelectInvalid) {\n                                    classes.push('ring-error border-error')\n                                }\n\n                                return classes\n                            })(),\n                        ),\n                    valueContainer: ({ isMulti, hasValue, selectProps }) =>\n                        cn(\n                            'select-value-container',\n                            isMulti &&\n                                hasValue &&\n                                selectProps.controlShouldRenderValue\n                                ? 'flex'\n                                : 'grid',\n                        ),\n                    input: ({ value, isDisabled }) =>\n                        cn(\n                            'select-input-container',\n                            isDisabled ? 'invisible' : 'visible',\n                            value && '[transform:translateZ(0)]',\n                        ),\n                    placeholder: () =>\n                        cn(\n                            'select-placeholder',\n                            isSelectInvalid ? 'text-error' : 'text-gray-400',\n                        ),\n                    indicatorsContainer: () => 'select-indicators-container',\n                    singleValue: () => 'select-single-value',\n                    multiValue: () => 'select-multi-value',\n                    multiValueLabel: () => 'select-multi-value-label',\n                    multiValueRemove: () => 'select-multi-value-remove',\n                    menu: () => 'select-menu',\n                    ...classNames,\n                } as ClassNamesConfig<Option, IsMulti, Group>\n            }\n            classNamePrefix={'select'}\n            styles={\n                {\n                    control: () => ({}),\n                    valueContainer: () => ({}),\n                    input: ({\n                        margin,\n                        paddingTop,\n                        paddingBottom,\n                        ...provided\n                    }) => ({ ...provided }),\n                    placeholder: () => ({}),\n                    singleValue: () => ({}),\n                    multiValue: () => ({}),\n                    multiValueLabel: () => ({}),\n                    multiValueRemove: () => ({}),\n                    menu: ({\n                        backgroundColor,\n                        marginTop,\n                        marginBottom,\n                        border,\n                        borderRadius,\n                        boxShadow,\n                        ...provided\n                    }) => ({ ...provided, zIndex: 50 }),\n                    ...styles,\n                } as StylesConfig<Option, IsMulti, Group>\n            }\n            components={{\n                IndicatorSeparator: () => null,\n                Option: DefaultOption,\n                LoadingIndicator: DefaultLoadingIndicator,\n                DropdownIndicator: DefaultDropdownIndicator,\n                ClearIndicator: DefaultClearIndicator,\n                ...components,\n            }}\n            {...field}\n            {...rest}\n        />\n    )\n}\n\nexport default Select\n"],"names":["DefaultDropdownIndicator","jsx","HiChevronDown","DefaultClearIndicator","ref","restInnerProps","HiX","DefaultLoadingIndicator","selectProps","themeColor","Spinner","Select","props","components","Component","ReactSelect","size","styles","className","classNames","field","invalid","rest","controlSize","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","selectSize","isSelectInvalid","selectClass","cn","state","CONTROL_SIZES","classes","isFocused","isMulti","hasValue","value","isDisabled","margin","paddingTop","paddingBottom","provided","backgroundColor","marginTop","marginBottom","border","borderRadius","boxShadow","DefaultOption"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../../../lib/@ecme/components/ui/Select/Select.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport cn from '../utils/classNames'\nimport ReactSelect from 'react-select'\nimport CreatableSelect from 'react-select/creatable'\nimport AsyncSelect from 'react-select/async'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm, useFormItem } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { HiChevronDown, HiX } from 'react-icons/hi'\nimport DefaultOption from './Option'\nimport Spinner from '../Spinner/Spinner'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    Props as ReactSelectProps,\n    StylesConfig,\n    ClassNamesConfig,\n    GroupBase,\n} from 'react-select'\nimport type { AsyncProps } from 'react-select/async'\nimport type { CreatableProps } from 'react-select/creatable'\nimport type { Ref, JSX } from 'react'\n\nconst DefaultDropdownIndicator = () => {\n    return (\n        <div className=\"select-dropdown-indicator\">\n            <HiChevronDown />\n        </div>\n    )\n}\n\ninterface DefaultClearIndicatorProps {\n    innerProps: JSX.IntrinsicElements['div']\n    ref: Ref<HTMLElement>\n}\n\nconst DefaultClearIndicator = ({\n    innerProps: { ref, ...restInnerProps },\n}: DefaultClearIndicatorProps) => {\n    return (\n        <div {...restInnerProps} ref={ref}>\n            <div className=\"select-clear-indicator\">\n                <HiX />\n            </div>\n        </div>\n    )\n}\n\ninterface DefaultLoadingIndicatorProps {\n    selectProps: { themeColor?: string }\n}\n\nconst DefaultLoadingIndicator = ({\n    selectProps,\n}: DefaultLoadingIndicatorProps) => {\n    const { themeColor } = selectProps\n    return (\n        <Spinner className={`select-loading-indicatior text-${themeColor}`} />\n    )\n}\n\nexport type SelectProps<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n> = CommonProps &\n    ReactSelectProps<Option, IsMulti, Group> &\n    AsyncProps<Option, IsMulti, Group> &\n    CreatableProps<Option, IsMulti, Group> & {\n        invalid?: boolean\n        size?: TypeAttributes.ControlSize\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        field?: any\n        componentAs?: ReactSelect | CreatableSelect | AsyncSelect\n    }\n\nfunction Select<\n    Option,\n    IsMulti extends boolean = false,\n    Group extends GroupBase<Option> = GroupBase<Option>,\n>(props: SelectProps<Option, IsMulti, Group>) {\n    const {\n        components,\n        componentAs: Component = ReactSelect,\n        size,\n        styles,\n        className,\n        classNames,\n        field,\n        invalid,\n        ...rest\n    } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const formItemInvalid = useFormItem()?.invalid\n    const inputGroupSize = useInputGroup()?.size\n\n    const selectSize = (size ||\n        inputGroupSize ||\n        formControlSize ||\n        controlSize) as keyof typeof CONTROL_SIZES\n\n    const isSelectInvalid = invalid || formItemInvalid\n\n    const selectClass = cn(`select select-${selectSize}`, className)\n\n    return (\n        <Component<Option, IsMulti, Group>\n            className={selectClass}\n            classNames={\n                {\n                    control: (state) =>\n                        cn(\n                            'select-control',\n                            CONTROL_SIZES[selectSize].minH,\n                            state.isDisabled && 'opacity-50 cursor-not-allowed',\n                            (() => {\n                                const classes: string[] = [\n                                    'bg-gray-100 dark:bg-gray-700',\n                                ]\n\n                                const { isFocused } = state\n\n                                if (isFocused) {\n                                    classes.push(\n                                        'select-control-focused ring-2 ring-primary border-primary bg-transparent',\n                                    )\n                                }\n\n                                if (isSelectInvalid) {\n                                    classes.push(\n                                        'select-control-invalid bg-error-subtle',\n                                    )\n                                }\n\n                                if (isFocused && isSelectInvalid) {\n                                    classes.push('ring-error border-error')\n                                }\n\n                                return classes\n                            })(),\n                        ),\n                    valueContainer: ({ isMulti, hasValue, selectProps }) =>\n                        cn(\n                            'select-value-container',\n                            isMulti &&\n                                hasValue &&\n                                selectProps.controlShouldRenderValue\n                                ? 'flex'\n                                : 'grid',\n                        ),\n                    input: ({ value, isDisabled }) =>\n                        cn(\n                            'select-input-container',\n                            isDisabled ? 'invisible' : 'visible',\n                            value && '[transform:translateZ(0)]',\n                        ),\n                    placeholder: () =>\n                        cn(\n                            'select-placeholder',\n                            isSelectInvalid ? 'text-error' : 'text-gray-400',\n                        ),\n                    indicatorsContainer: () => 'select-indicators-container',\n                    singleValue: () => 'select-single-value',\n                    multiValue: () => 'select-multi-value',\n                    multiValueLabel: () => 'select-multi-value-label',\n                    multiValueRemove: () => 'select-multi-value-remove',\n                    menu: () => 'select-menu',\n                    ...classNames,\n                } as ClassNamesConfig<Option, IsMulti, Group>\n            }\n            classNamePrefix={'select'}\n            styles={\n                {\n                    control: () => ({}),\n                    valueContainer: () => ({}),\n                    input: ({\n                        margin,\n                        paddingTop,\n                        paddingBottom,\n                        ...provided\n                    }) => ({ ...provided }),\n                    placeholder: () => ({}),\n                    singleValue: () => ({}),\n                    multiValue: () => ({}),\n                    multiValueLabel: () => ({}),\n                    multiValueRemove: () => ({}),\n                    menu: ({\n                        backgroundColor,\n                        marginTop,\n                        marginBottom,\n                        border,\n                        borderRadius,\n                        boxShadow,\n                        ...provided\n                    }) => ({ ...provided, zIndex: 50 }),\n                    ...styles,\n                } as StylesConfig<Option, IsMulti, Group>\n            }\n            components={{\n                IndicatorSeparator: () => null,\n                Option: DefaultOption,\n                LoadingIndicator: DefaultLoadingIndicator,\n                DropdownIndicator: DefaultDropdownIndicator,\n                ClearIndicator: DefaultClearIndicator,\n                ...components,\n            }}\n            {...field}\n            {...rest}\n        />\n    )\n}\n\nexport default Select\n"],"names":["DefaultDropdownIndicator","jsx","HiChevronDown","DefaultClearIndicator","ref","restInnerProps","HiX","DefaultLoadingIndicator","selectProps","themeColor","Spinner","Select","props","components","Component","ReactSelect","size","styles","className","classNames","field","invalid","rest","controlSize","useConfig","formControlSize","_a","useForm","formItemInvalid","_b","useFormItem","inputGroupSize","_c","useInputGroup","selectSize","isSelectInvalid","selectClass","cn","state","CONTROL_SIZES","classes","isFocused","isMulti","hasValue","value","isDisabled","margin","paddingTop","paddingBottom","provided","backgroundColor","marginTop","marginBottom","border","borderRadius","boxShadow","DefaultOption"],"mappings":"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"}

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

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

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

@@ -1 +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":";;;;AAcA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;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,EAAA,GACpCC,IAAaX,MAAcO,GAE3BK,IAAgBC,EAAe,MAAM;AACvC,IAAI,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,EAAA;AAGJ,SACI,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,KAAQ,gBAAAc,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAd,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"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 onTabNavKeydown = useCallbackRef((event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault()\n            onTabNavClick()\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        'focus:outline-none focus:ring-none focus-visible:outline-none focus-visible:ring-none',\n        'focus:border-b-2 dark:focus:border-gray-100 focus:border-gray-900 focus:text-gray-900 dark:focus:text-gray-100',\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={onTabNavKeydown}\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","onTabNavKeydown","event","tabNavClass","classNames","jsxs","jsx"],"mappings":";;;;AAcA,MAAMA,IAAS,CAACC,MAAuB;AACnC,QAAM;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,EAAA,GACpCC,IAAaX,MAAcO,GAE3BK,IAAgBC,EAAe,MAAM;AACvC,IAAI,CAACF,KAAc,CAACV,MAChBO,KAAA,QAAAA,EAAgBR;AAAA,EACpB,CACH,GAEKc,IAAkBD,EAAe,CAACE,MAA+B;AACnE,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACvCA,EAAM,eAAA,GACNH,EAAA;AAAA,EACJ,CACH,GAEKI,IAAcC;AAAA,IAChB;AAAA,IACA,WAAWR,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,IACA;AAAA,IACA;AAAA,EAAA;AAGJ,SACI,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWW;AAAA,MACX,MAAK;AAAA,MACL,iBAAeL;AAAA,MACf,UAAU;AAAA,MACV,SAASC;AAAA,MACT,WAAWE;AAAA,MACV,GAAGR;AAAA,MAEH,UAAA;AAAA,QAAAH,KAAQ,gBAAAgB,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAhB,GAAK;AAAA,QAC5CC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/lib/@ecme/configs/chart.config.js

@@ -52,7 +52,8 @@ const a = {
     bar: {
       horizontal: !1,
       columnWidth: "35px",
-      borderRadius: 4
+      borderRadius: 4,
+      borderRadiusApplication: "end"
     }
   },
   colors: [...o],
@@ -163,7 +164,7 @@ const a = {
       formatter: (t) => `${t}`
     }
   }
-}, p = {
+}, d = {
   colors: [...o],
   plotOptions: {
     pie: {
@@ -196,7 +197,7 @@ const a = {
   legend: {
     show: !1
   }
-}, d = {
+}, p = {
   chart: {
     type: "line",
     sparkline: {
@@ -243,20 +244,20 @@ const a = {
   apexColumnChartDefaultOption: n,
   apexMixedChartDefaultOption: i,
   apexPieChartDefaultOption: c,
-  apexDonutChartDefaultOption: p,
-  apexSparklineChartDefultOption: d,
+  apexDonutChartDefaultOption: d,
+  apexSparklineChartDefultOption: p,
   apexRadarChartDefultOption: f
 };
 export {
   l as apexAreaChartDefaultOption,
   s as apexBarChartDefaultOption,
   n as apexColumnChartDefaultOption,
-  p as apexDonutChartDefaultOption,
+  d as apexDonutChartDefaultOption,
   a as apexLineChartDefaultOption,
   i as apexMixedChartDefaultOption,
   c as apexPieChartDefaultOption,
   f as apexRadarChartDefultOption,
-  d as apexSparklineChartDefultOption,
+  p as apexSparklineChartDefultOption,
   u as default
 };
 //# sourceMappingURL=chart.config.js.map