@orbe-agro/client-core 3.4.10 → 3.4.12

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

@@ -0,0 +1,153 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useState as A } from "react";
+import c from "../utils/classNames.js";
+import E from "../hooks/useTimeout.js";
+import { HiXCircle as H, HiExclamation as I, HiInformationCircle as P, HiCheckCircle as Y } from "react-icons/hi";
+import { motion as j } from "framer-motion";
+import "../CloseButton/index.js";
+import "../StatusIcon/index.js";
+import D from "../CloseButton/CloseButton.js";
+import _ from "../StatusIcon/StatusIcon.js";
+const g = "warning", B = {
+  success: {
+    backgroundColor: "bg-success-subtle",
+    titleColor: "text-success",
+    textColor: "text-success",
+    iconColor: "text-success",
+    icon: /* @__PURE__ */ t(Y, {})
+  },
+  info: {
+    backgroundColor: "bg-info-subtle",
+    titleColor: "text-info",
+    textColor: "text-info",
+    iconColor: "text-info",
+    icon: /* @__PURE__ */ t(P, {})
+  },
+  warning: {
+    backgroundColor: "bg-warning-subtle",
+    titleColor: "text-warning",
+    textColor: "text-warning",
+    iconColor: "text-warning",
+    icon: /* @__PURE__ */ t(I, {})
+  },
+  danger: {
+    backgroundColor: "bg-error-subtle",
+    titleColor: "text-error",
+    textColor: "text-error",
+    iconColor: "text-error",
+    icon: /* @__PURE__ */ t(H, {})
+  }
+}, M = [
+  "success",
+  "danger",
+  "info",
+  "warning"
+], O = (a) => {
+  const {
+    children: i,
+    className: x,
+    closable: s = !1,
+    customClose: p,
+    customIcon: b,
+    duration: u = 3e3,
+    title: o = null,
+    onClose: r,
+    ref: h,
+    showIcon: y = !1,
+    triggerByToast: m = !1,
+    ...w
+  } = a, d = (() => {
+    const { type: e = g } = a;
+    return M.includes(e) ? e : g;
+  })(), n = B[d], [C, f] = A("show"), { clear: T } = E(
+    r,
+    u,
+    u > 0
+  ), k = (e) => {
+    f("hiding"), r == null || r(e), T(), m || setTimeout(() => {
+      f("hide");
+    }, 400);
+  }, N = () => /* @__PURE__ */ t(
+    "div",
+    {
+      className: "cursor-pointer",
+      role: "presentation",
+      onClick: (e) => k(e),
+      children: p || /* @__PURE__ */ t(
+        D,
+        {
+          resetDefaultClass: !0,
+          className: "text-lg outline-none"
+        }
+      )
+    }
+  ), v = c(
+    "alert",
+    n.backgroundColor,
+    n.textColor,
+    o ? "" : "font-semibold",
+    s ? "justify-between" : "",
+    s && !o ? "items-center" : "",
+    !m && "rounded-xl",
+    x
+  );
+  return C === "hide" ? null : /* @__PURE__ */ l(
+    j.div,
+    {
+      ref: h,
+      className: v,
+      initial: { opacity: 1 },
+      animate: C === "hiding" ? "exit" : "animate",
+      transition: { duration: 0.25, type: "tween" },
+      variants: {
+        animate: {
+          opacity: 1
+        },
+        exit: {
+          opacity: 0
+        }
+      },
+      ...w,
+      children: [
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: c(
+              "flex gap-2",
+              !o && i ? "items-center" : "",
+              o && i ? "mt-0.5" : ""
+            ),
+            children: [
+              y && /* @__PURE__ */ t(
+                _,
+                {
+                  iconColor: n.iconColor,
+                  custom: b,
+                  type: d
+                }
+              ),
+              /* @__PURE__ */ l("div", { children: [
+                o ? /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: c(
+                      "font-semibold text-lg mb-1",
+                      n.titleColor
+                    ),
+                    children: o
+                  }
+                ) : null,
+                i
+              ] })
+            ]
+          }
+        ),
+        s ? N() : null
+      ]
+    }
+  );
+};
+export {
+  O as default
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../../../lib/@ecme/components/ui/Alert/Alert.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from '../utils/classNames'\nimport useTimeout from '../hooks/useTimeout'\nimport {\n    HiCheckCircle,\n    HiInformationCircle,\n    HiExclamation,\n    HiXCircle,\n} from 'react-icons/hi'\nimport { motion } from 'framer-motion'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { TypeAttributes, CommonProps } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface AlertProps extends CommonProps {\n    closable?: boolean\n    customClose?: ReactNode | string\n    customIcon?: ReactNode | string\n    duration?: number\n    title?: ReactNode | string\n    onClose?: (e?: MouseEvent<HTMLDivElement>) => void\n    showIcon?: boolean\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DEFAULT_TYPE = 'warning'\n\nconst TYPE_MAP = {\n    success: {\n        backgroundColor: 'bg-success-subtle',\n        titleColor: 'text-success',\n        textColor: 'text-success',\n        iconColor: 'text-success',\n        icon: <HiCheckCircle />,\n    },\n    info: {\n        backgroundColor: 'bg-info-subtle',\n        titleColor: 'text-info',\n        textColor: 'text-info',\n        iconColor: 'text-info',\n        icon: <HiInformationCircle />,\n    },\n    warning: {\n        backgroundColor: 'bg-warning-subtle',\n        titleColor: 'text-warning',\n        textColor: 'text-warning',\n        iconColor: 'text-warning',\n        icon: <HiExclamation />,\n    },\n    danger: {\n        backgroundColor: 'bg-error-subtle',\n        titleColor: 'text-error',\n        textColor: 'text-error',\n        iconColor: 'text-error',\n        icon: <HiXCircle />,\n    },\n}\n\nconst TYPE_ARRAY: TypeAttributes.Status[] = [\n    'success',\n    'danger',\n    'info',\n    'warning',\n]\n\nconst Alert = (props: AlertProps) => {\n    const {\n        children,\n        className,\n        closable = false,\n        customClose,\n        customIcon,\n        duration = 3000,\n        title = null,\n        onClose,\n        ref,\n        showIcon = false,\n        triggerByToast = false,\n        ...rest\n    } = props\n\n    const getType = () => {\n        const { type = DEFAULT_TYPE } = props\n        if (TYPE_ARRAY.includes(type)) {\n            return type\n        }\n        return DEFAULT_TYPE\n    }\n\n    const type = getType()\n    const typeMap = TYPE_MAP[type]\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(\n        onClose as () => void,\n        duration,\n        (duration as number) > 0,\n    )\n\n    const handleClose = (e: MouseEvent<HTMLDivElement>) => {\n        setDisplay('hiding')\n        onClose?.(e)\n        clear()\n        if (!triggerByToast) {\n            setTimeout(() => {\n                setDisplay('hide')\n            }, 400)\n        }\n    }\n\n    const renderClose = () => {\n        return (\n            <div\n                className=\"cursor-pointer\"\n                role=\"presentation\"\n                onClick={(e) => handleClose(e)}\n            >\n                {customClose || (\n                    <CloseButton\n                        resetDefaultClass\n                        className=\"text-lg outline-none\"\n                    />\n                )}\n            </div>\n        )\n    }\n\n    const alertClass = classNames(\n        'alert',\n        typeMap.backgroundColor,\n        typeMap.textColor,\n        !title ? 'font-semibold' : '',\n        closable ? 'justify-between' : '',\n        closable && !title ? 'items-center' : '',\n        !triggerByToast && 'rounded-xl',\n\n        className,\n    )\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <motion.div\n            ref={ref}\n            className={alertClass}\n            initial={{ opacity: 1 }}\n            animate={display === 'hiding' ? 'exit' : 'animate'}\n            transition={{ duration: 0.25, type: 'tween' }}\n            variants={{\n                animate: {\n                    opacity: 1,\n                },\n                exit: {\n                    opacity: 0,\n                },\n            }}\n            {...rest}\n        >\n            <div\n                className={classNames(\n                    'flex gap-2',\n                    !title && children ? 'items-center' : '',\n                    title && children ? 'mt-0.5' : '',\n                )}\n            >\n                {showIcon && (\n                    <StatusIcon\n                        iconColor={typeMap.iconColor}\n                        custom={customIcon}\n                        type={type}\n                    />\n                )}\n                <div>\n                    {title ? (\n                        <div\n                            className={classNames(\n                                'font-semibold text-lg mb-1',\n                                typeMap.titleColor,\n                            )}\n                        >\n                            {title}\n                        </div>\n                    ) : null}\n                    {children}\n                </div>\n            </div>\n            {closable ? renderClose() : null}\n        </motion.div>\n    )\n}\n\nexport default Alert\n"],"names":["DEFAULT_TYPE","TYPE_MAP","HiCheckCircle","HiInformationCircle","HiExclamation","HiXCircle","TYPE_ARRAY","Alert","props","children","className","closable","customClose","customIcon","duration","title","onClose","ref","showIcon","triggerByToast","rest","type","typeMap","display","setDisplay","useState","clear","useTimeout","handleClose","renderClose","jsx","CloseButton","alertClass","classNames","jsxs","motion","StatusIcon"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,86 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useState as b, useRef as h, useEffect as x } from "react";
+import C from "../hooks/useMergeRef.js";
+import d from "classnames";
+const w = (l) => {
+  const {
+    alt: v,
+    className: p,
+    icon: n,
+    ref: g = null,
+    shape: o = "circle",
+    size: e = "md",
+    src: f,
+    srcSet: y,
+    ...m
+  } = l;
+  let { children: t } = l;
+  const [u, $] = b(1), i = h(null), c = h(null), N = C(g, c), S = () => {
+    if (!i.current || !c.current)
+      return;
+    const a = i.current.offsetWidth, r = c.current.offsetWidth;
+    a === 0 || r === 0 || $(
+      r - 8 < a ? (r - 8) / a : 1
+    );
+  };
+  x(() => {
+    S();
+  }, [u, t]);
+  const z = typeof e == "number" ? {
+    width: e,
+    height: e,
+    minWidth: e,
+    lineHeight: `${e}px`,
+    fontSize: n ? e / 2 : 12
+  } : {}, W = d(
+    "avatar",
+    `avatar-${o}`,
+    typeof e == "string" ? `avatar-${e}` : "",
+    p
+  );
+  if (f)
+    t = /* @__PURE__ */ s(
+      "img",
+      {
+        className: `avatar-img avatar-${o}`,
+        src: f,
+        srcSet: y,
+        alt: v,
+        loading: "lazy"
+      }
+    );
+  else if (n)
+    t = /* @__PURE__ */ s("span", { className: d("avatar-icon", `avatar-icon-${e}`), children: n });
+  else {
+    const a = typeof e == "number" ? { lineHeight: `${e}px` } : {}, r = {
+      transform: `translateX(-50%) scale(${u})`
+    };
+    t = /* @__PURE__ */ s(
+      "span",
+      {
+        ref: i,
+        className: `avatar-string ${typeof e == "number" ? "" : `avatar-inner-${e}`}`,
+        style: {
+          ...a,
+          ...r,
+          ...typeof e == "number" ? { height: e } : {}
+        },
+        children: t
+      }
+    );
+  }
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      ref: N,
+      className: W,
+      style: { ...z, ...m.style },
+      ...m,
+      children: t
+    }
+  );
+};
+export {
+  w as default
+};
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../../../lib/@ecme/components/ui/Avatar/Avatar.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\nimport useMergedRef from '../hooks/useMergeRef'\nimport classNames from 'classnames'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface AvatarProps extends CommonProps {\n    alt?: string\n    icon?: ReactNode\n    onClick?: () => void\n    ref?: Ref<HTMLSpanElement>\n    size?: 'lg' | 'md' | 'sm' | number\n    shape?: Exclude<TypeAttributes.Shape, 'none'> | 'square'\n    src?: string\n    srcSet?: string\n}\n\nconst Avatar = (props: AvatarProps) => {\n    const {\n        alt,\n        className,\n        icon,\n        ref = null,\n        shape = 'circle',\n        size = 'md',\n        src,\n        srcSet,\n        ...rest\n    } = props\n\n    let { children } = props\n    const [scale, setScale] = useState(1)\n\n    const avatarChildren = useRef<HTMLSpanElement>(null)\n    const avatarNode = useRef<HTMLSpanElement>(null)\n\n    const avatarMergeRef = useMergedRef(ref, avatarNode)\n\n    const innerScale = () => {\n        if (!avatarChildren.current || !avatarNode.current) {\n            return\n        }\n        const avatarChildrenWidth = avatarChildren.current.offsetWidth\n        const avatarNodeWidth = avatarNode.current.offsetWidth\n        if (avatarChildrenWidth === 0 || avatarNodeWidth === 0) {\n            return\n        }\n        setScale(\n            avatarNodeWidth - 8 < avatarChildrenWidth\n                ? (avatarNodeWidth - 8) / avatarChildrenWidth\n                : 1,\n        )\n    }\n\n    useEffect(() => {\n        innerScale()\n    }, [scale, children])\n\n    const sizeStyle =\n        typeof size === 'number'\n            ? {\n                  width: size,\n                  height: size,\n                  minWidth: size,\n                  lineHeight: `${size}px`,\n                  fontSize: icon ? size / 2 : 12,\n              }\n            : {}\n\n    const classes = classNames(\n        'avatar',\n        `avatar-${shape}`,\n        typeof size === 'string' ? `avatar-${size}` : '',\n        className,\n    )\n\n    if (src) {\n        children = (\n            <img\n                className={`avatar-img avatar-${shape}`}\n                src={src}\n                srcSet={srcSet}\n                alt={alt}\n                loading=\"lazy\"\n            />\n        )\n    } else if (icon) {\n        children = (\n            <span className={classNames('avatar-icon', `avatar-icon-${size}`)}>\n                {icon}\n            </span>\n        )\n    } else {\n        const childrenSizeStyle =\n            typeof size === 'number' ? { lineHeight: `${size}px` } : {}\n        const stringCentralized = {\n            transform: `translateX(-50%) scale(${scale})`,\n        }\n        children = (\n            <span\n                ref={avatarChildren}\n                className={`avatar-string ${\n                    typeof size === 'number' ? '' : `avatar-inner-${size}`\n                }`}\n                style={{\n                    ...childrenSizeStyle,\n                    ...stringCentralized,\n                    ...(typeof size === 'number' ? { height: size } : {}),\n                }}\n            >\n                {children}\n            </span>\n        )\n    }\n\n    return (\n        <span\n            ref={avatarMergeRef}\n            className={classes}\n            style={{ ...sizeStyle, ...rest.style }}\n            {...rest}\n        >\n            {children}\n        </span>\n    )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","alt","className","icon","ref","shape","size","src","srcSet","rest","children","scale","setScale","useState","avatarChildren","useRef","avatarNode","avatarMergeRef","useMergedRef","innerScale","avatarChildrenWidth","avatarNodeWidth","useEffect","sizeStyle","classes","classNames","jsx","childrenSizeStyle","stringCentralized"],"mappings":";;;;AAiBM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEA,MAAA,EAAE,UAAAU,MAAaV;AACnB,QAAM,CAACW,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAE9BC,IAAiBC,EAAwB,IAAI,GAC7CC,IAAaD,EAAwB,IAAI,GAEzCE,IAAiBC,EAAad,GAAKY,CAAU,GAE7CG,IAAa,MAAM;AACrB,QAAI,CAACL,EAAe,WAAW,CAACE,EAAW;AACvC;AAEE,UAAAI,IAAsBN,EAAe,QAAQ,aAC7CO,IAAkBL,EAAW,QAAQ;AACvC,IAAAI,MAAwB,KAAKC,MAAoB,KAGrDT;AAAA,MACIS,IAAkB,IAAID,KACfC,IAAkB,KAAKD,IACxB;AAAA,IACV;AAAA,EACJ;AAEA,EAAAE,EAAU,MAAM;AACD,IAAAH,EAAA;AAAA,EAAA,GACZ,CAACR,GAAOD,CAAQ,CAAC;AAEd,QAAAa,IACF,OAAOjB,KAAS,WACV;AAAA,IACI,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,YAAY,GAAGA,CAAI;AAAA,IACnB,UAAUH,IAAOG,IAAO,IAAI;AAAA,EAAA,IAEhC,CAAC,GAELkB,IAAUC;AAAA,IACZ;AAAA,IACA,UAAUpB,CAAK;AAAA,IACf,OAAOC,KAAS,WAAW,UAAUA,CAAI,KAAK;AAAA,IAC9CJ;AAAA,EACJ;AAEA,MAAIK;AAEI,IAAAG,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,qBAAqBrB,CAAK;AAAA,QACrC,KAAAE;AAAA,QACA,QAAAC;AAAA,QACA,KAAAP;AAAA,QACA,SAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,WAEGE;AAEH,IAAAO,IAAA,gBAAAgB,EAAC,UAAK,WAAWD,EAAW,eAAe,eAAenB,CAAI,EAAE,GAC3D,UACLH,EAAA,CAAA;AAAA,OAED;AACG,UAAAwB,IACF,OAAOrB,KAAS,WAAW,EAAE,YAAY,GAAGA,CAAI,KAAK,IAAI,CAAC,GACxDsB,IAAoB;AAAA,MACtB,WAAW,0BAA0BjB,CAAK;AAAA,IAC9C;AAEI,IAAAD,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKZ;AAAA,QACL,WAAW,iBACP,OAAOR,KAAS,WAAW,KAAK,gBAAgBA,CAAI,EACxD;AAAA,QACA,OAAO;AAAA,UACH,GAAGqB;AAAA,UACH,GAAGC;AAAA,UACH,GAAI,OAAOtB,KAAS,WAAW,EAAE,QAAQA,EAAA,IAAS,CAAA;AAAA,QACtD;AAAA,QAEC,UAAAI;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAKJ,SAAA,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKT;AAAA,MACL,WAAWO;AAAA,MACX,OAAO,EAAE,GAAGD,GAAW,GAAGd,EAAK,MAAM;AAAA,MACpC,GAAGA;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EACL;AAER;"}

package/dist/lib/@ecme/components/ui/Avatar/AvatarGroup.js

@@ -0,0 +1,66 @@
+import { jsx as o, Fragment as A } from "react/jsx-runtime";
+import { Children as p, cloneElement as C, Fragment as N } from "react";
+import T from "classnames";
+import $ from "./Avatar.js";
+import x from "../Tooltip/Tooltip.js";
+const d = ({
+  children: c,
+  chained: r,
+  className: t
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: T(
+      "avatar-group",
+      r && "avatar-group-chained",
+      t
+    ),
+    children: c
+  }
+), j = (c) => {
+  const {
+    chained: r = !1,
+    children: t,
+    className: l,
+    maxCount: a = 4,
+    onOmittedAvatarClick: e,
+    omittedAvatarContent: h,
+    omittedAvatarProps: u,
+    omittedAvatarTooltip: v = !1,
+    omittedAvatarTooltipProps: f
+  } = c, s = p.count(t), g = p.toArray(t).map(
+    (n, i) => (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      C(n, {
+        key: `grouped-avatar-${i}`
+      })
+    )
+  );
+  if (a && a < s) {
+    const n = g.slice(0, a), i = s - a, m = /* @__PURE__ */ o(
+      $,
+      {
+        className: e ? "cursor-pointer" : "",
+        onClick: () => e == null ? void 0 : e(),
+        ...u,
+        children: h || `+${i}`
+      }
+    );
+    return n.push(
+      v ? /* @__PURE__ */ o(
+        x,
+        {
+          title: `${i} More`,
+          ...f,
+          children: /* @__PURE__ */ o(A, { children: m })
+        },
+        "avatar-more-tooltip"
+      ) : /* @__PURE__ */ o(N, { children: m }, "avatar-more-tooltip")
+    ), /* @__PURE__ */ o(d, { className: l, chained: r, children: n });
+  }
+  return /* @__PURE__ */ o(d, { className: l, chained: r, children: t });
+};
+export {
+  j as default
+};
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/lib/@ecme/components/ui/Avatar/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n    chained?: boolean\n    maxCount?: number\n    onOmittedAvatarClick?: () => void\n    omittedAvatarContent?: string | ReactNode\n    omittedAvatarProps?: AvatarProps\n    omittedAvatarTooltip?: boolean\n    omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n    extends CommonProps,\n        Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n    children,\n    chained,\n    className,\n}: GroupContainerProps) => (\n    <div\n        className={classNames(\n            'avatar-group',\n            chained && 'avatar-group-chained',\n            className,\n        )}\n    >\n        {children}\n    </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n    const {\n        chained = false,\n        children,\n        className,\n        maxCount = 4,\n        onOmittedAvatarClick,\n        omittedAvatarContent,\n        omittedAvatarProps,\n        omittedAvatarTooltip = false,\n        omittedAvatarTooltipProps,\n    } = props\n\n    const childCount = Children.count(children)\n\n    const childWithKey = Children.toArray(children).map((child, index) =>\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cloneElement(child as ReactElement<any>, {\n            key: `grouped-avatar-${index}`,\n        }),\n    )\n\n    if (maxCount && maxCount < childCount) {\n        const childToShow = childWithKey.slice(0, maxCount)\n        const overflowCount = childCount - maxCount\n        const avatar = (\n            <Avatar\n                className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n                onClick={() => onOmittedAvatarClick?.()}\n                {...omittedAvatarProps}\n            >\n                {omittedAvatarContent || `+${overflowCount}`}\n            </Avatar>\n        )\n\n        childToShow.push(\n            omittedAvatarTooltip ? (\n                <Tooltip\n                    key=\"avatar-more-tooltip\"\n                    title={`${overflowCount} More`}\n                    {...omittedAvatarTooltipProps}\n                >\n                    <>{avatar}</>\n                </Tooltip>\n            ) : (\n                <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n            ),\n        )\n        return (\n            <GroupContainer className={className} chained={chained}>\n                {childToShow}\n            </GroupContainer>\n        )\n    }\n\n    return (\n        <GroupContainer className={className} chained={chained}>\n            {children}\n        </GroupContainer>\n    )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IACJ;AAAA,IAEC,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AACvC,QAAA;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAC/B,CAAA;AAAA;AAAA,EACL;AAEI,MAAAV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAC9C;AAGQ,WAAAD,EAAA;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAOS,EAAA,CAAA;AAAA,QAAA;AAAA,QAJN;AAAA,MAOR,IAAA,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAEpD,GAEK,gBAAArB,EAAAJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UACLkB,GAAA;AAAA,EAAA;AAIR,SACK,gBAAAhB,EAAAJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EACL,CAAA;AAER;"}

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

@@ -0,0 +1,9 @@
+import r from "./Avatar.js";
+import a from "./AvatarGroup.js";
+const o = r;
+o.Group = a;
+export {
+  o as Avatar,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/Avatar/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Avatar, { AvatarProps } from './Avatar'\nimport AvatarGroup from './AvatarGroup'\n\nexport type { AvatarProps } from './Avatar'\nexport type { AvatarGroupProps } from './AvatarGroup'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    AvatarProps & RefAttributes<HTMLSpanElement>\n> & {\n    Group: typeof AvatarGroup\n}\n\nconst Avatar = _Avatar as CompoundedComponent\n\nAvatar.Group = AvatarGroup\n\nexport { Avatar }\n\nexport default Avatar\n"],"names":["Avatar","_Avatar","AvatarGroup"],"mappings":";;AAaA,MAAMA,IAASC;AAEfD,EAAO,QAAQE;"}

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

@@ -0,0 +1,54 @@
+import { jsxs as g, jsx as c } from "react/jsx-runtime";
+import r from "../utils/classNames.js";
+const m = (i) => {
+  const {
+    badgeStyle: s,
+    children: a,
+    className: t,
+    content: e,
+    innerClass: b,
+    maxCount: n = 99,
+    ref: d,
+    ...o
+  } = i, l = r(
+    typeof e != "number" && typeof e != "string" ? "badge-dot w-3 h-3 border border-white dark:border-gray-900" : "badge px-2 py-1 min-w-6",
+    "rounded-full text-xs font-semibold bg-error text-white",
+    b
+  );
+  return a ? /* @__PURE__ */ g(
+    "span",
+    {
+      ref: d,
+      className: r(
+        "badge-wrapper relative flex",
+        t
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ c(
+          "span",
+          {
+            className: r(l, "badge-inner"),
+            style: s,
+            children: typeof e == "number" && e > n ? `${n}+` : e
+          }
+        ),
+        a
+      ]
+    }
+  ) : /* @__PURE__ */ c(
+    "span",
+    {
+      ref: d,
+      className: r(l, t),
+      style: s,
+      ...o,
+      children: e
+    }
+  );
+};
+m.displayName = "Badge";
+export {
+  m as default
+};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../../../../lib/@ecme/components/ui/Badge/Badge.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { CSSProperties, Ref } from 'react'\n\nexport interface BadgeProps extends CommonProps {\n    badgeStyle?: CSSProperties\n    content?: string | number\n    innerClass?: string\n    maxCount?: number\n    ref?: Ref<HTMLSpanElement>\n}\n\nconst Badge = (props: BadgeProps) => {\n    const {\n        badgeStyle,\n        children,\n        className,\n        content,\n        innerClass,\n        maxCount = 99,\n        ref,\n        ...rest\n    } = props\n\n    const badgeBaseClass =\n        'rounded-full text-xs font-semibold bg-error text-white'\n\n    const dot = typeof content !== 'number' && typeof content !== 'string'\n\n    const badgeClass = classNames(\n        dot\n            ? 'badge-dot w-3 h-3 border border-white dark:border-gray-900'\n            : 'badge px-2 py-1 min-w-6',\n        badgeBaseClass,\n        innerClass,\n    )\n\n    const renderBadge = () => {\n        if (children) {\n            return (\n                <span\n                    ref={ref}\n                    className={classNames(\n                        'badge-wrapper relative flex',\n                        className,\n                    )}\n                    {...rest}\n                >\n                    <span\n                        className={classNames(badgeClass, 'badge-inner')}\n                        style={badgeStyle}\n                    >\n                        {typeof content === 'number' && content > maxCount\n                            ? `${maxCount}+`\n                            : content}\n                    </span>\n                    {children}\n                </span>\n            )\n        }\n        return (\n            <span\n                ref={ref}\n                className={classNames(badgeClass, className)}\n                style={badgeStyle}\n                {...rest}\n            >\n                {content}\n            </span>\n        )\n    }\n\n    return renderBadge()\n}\n\nBadge.displayName = 'Badge'\n\nexport default Badge\n"],"names":["Badge","props","badgeStyle","children","className","content","innerClass","maxCount","ref","rest","badgeClass","classNames","jsxs","jsx"],"mappings":";;AAYM,MAAAA,IAAQ,CAACC,MAAsB;AAC3B,QAAA;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GAOES,IAAaC;AAAA,IAFP,OAAON,KAAY,YAAY,OAAOA,KAAY,WAIpD,+DACA;AAAA,IAPN;AAAA,IASAC;AAAA,EACJ;AAqCA,SAlCQH,IAEI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACA,WAAWG;AAAA,QACP;AAAA,QACAP;AAAA,MACJ;AAAA,MACC,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWF,EAAWD,GAAY,aAAa;AAAA,YAC/C,OAAOR;AAAA,YAEN,iBAAOG,KAAY,YAAYA,IAAUE,IACpC,GAAGA,CAAQ,MACXF;AAAA,UAAA;AAAA,QACV;AAAA,QACCF;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,IAIJ,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWG,EAAWD,GAAYN,CAAS;AAAA,MAC3C,OAAOF;AAAA,MACN,GAAGO;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EACL;AAKZ;AAEAL,EAAM,cAAc;"}

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

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

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

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

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

@@ -0,0 +1,137 @@
+import { jsxs as S, jsx as o, Fragment as w } from "react/jsx-runtime";
+import c from "../utils/classNames.js";
+import "../ConfigProvider/index.js";
+import { useForm as P } from "../Form/context.js";
+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 = {
+  round: "rounded-xl",
+  circle: "rounded-full",
+  none: "rounded-none"
+}, ce = (h) => {
+  var y, k, v;
+  const {
+    asElement: z = "button",
+    active: a = !1,
+    block: N = !1,
+    children: r,
+    className: j,
+    clickFeedback: F = !0,
+    customColorClass: b,
+    disabled: I,
+    icon: t,
+    loading: l = !1,
+    ref: B,
+    shape: s = "round",
+    size: E,
+    variant: G = "default",
+    iconAlignment: x = "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 = "";
+    switch (D) {
+      case g.LG:
+        e = c(
+          n.lg.h,
+          m[s],
+          t && !r ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
+        );
+        break;
+      case g.SM:
+        e = c(
+          n.sm.h,
+          s === "round" ? "rounded-xl" : m[s],
+          t && !r ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
+        );
+        break;
+      case g.XS:
+        e = c(
+          n.xs.h,
+          s === "round" ? "rounded-lg" : m[s],
+          t && !r ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
+        );
+        break;
+      default:
+        e = c(
+          n.md.h,
+          m[s],
+          t && !r ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
+        );
+        break;
+    }
+    return e;
+  }, X = "opacity-50 cursor-not-allowed", _ = () => f({
+    bgColor: a ? "bg-primary-deep" : "bg-primary",
+    textColor: "text-neutral",
+    hoverColor: a ? "" : "hover:bg-primary-mild",
+    activeColor: ""
+  }), q = () => f({
+    bgColor: a ? "" : "dark:primary-mild dark:bg-opacity-20",
+    textColor: "",
+    hoverColor: a ? "" : "hover:text-primary-mild",
+    activeColor: "dark:active:primary-mild dark:active:bg-opacity-40"
+  }), C = () => 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",
+    activeColor: ""
+  }), f = ({
+    bgColor: e,
+    hoverColor: i,
+    activeColor: J,
+    textColor: K
+  }) => `${e} ${u ? X : i + " " + J} ${K}`, H = c(
+    A,
+    (() => {
+      switch (G) {
+        case "solid":
+          return _();
+        case "plain":
+          return q();
+        case "default":
+          return C();
+        default:
+          return C();
+      }
+    })(),
+    R(),
+    j,
+    N ? "w-full" : "",
+    M && !u && "button-press-feedback",
+    b == null ? void 0 : b({
+      active: a,
+      unclickable: u
+    })
+  );
+  return /* @__PURE__ */ o(
+    z,
+    {
+      ref: B,
+      className: H,
+      ...T,
+      onClick: (e) => {
+        const { onClick: i } = h;
+        if (u) {
+          e.preventDefault();
+          return;
+        }
+        i == null || i(e);
+      },
+      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 })
+    }
+  );
+};
+export {
+  ce as default
+};
+//# sourceMappingURL=Button.js.map

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

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

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

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

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

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

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

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

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

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