@itilite/lumina-ui 1.1.1-alpha.1 → 1.1.1

package/dist/atom/Tag/Tag.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -60,7 +63,6 @@ __export(Tag_exports, {
   default: () => Tag_default
 });
 module.exports = __toCommonJS(Tag_exports);
-var React = __toESM(require("react"));
 var import_antd = require("antd");
 var import_clsx = __toESM(require("clsx"));
 
@@ -68,6 +70,7 @@ var import_clsx = __toESM(require("clsx"));
 var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
 
 // src/atom/Tag/Tag.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tag = (_a) => {
   var _b = _a, {
     type = "success",
@@ -82,9 +85,9 @@ var Tag = (_a) => {
     "icon",
     "size"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Tag,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(
         Tag_module_default.tag,
         size === "small" && Tag_module_default.small,
@@ -92,8 +95,9 @@ var Tag = (_a) => {
         className
       ),
       icon
-    }, rest),
-    title
+    }, rest), {
+      children: title
+    })
   );
 };
 Tag.displayName = "Tag";

package/dist/atom/Tag/Tag.mjs

@@ -1,8 +1,8 @@
 import {
   Tag,
   Tag_default
-} from "../../chunk-MFW6Q2WR.mjs";
-import "../../chunk-TGSZ7VMS.mjs";
+} from "../../chunk-4VZB2KR2.mjs";
+import "../../chunk-FWCSY2DS.mjs";
 export {
   Tag,
   Tag_default as default

package/dist/atom/Tooltip/Tooltip.d.mts

@@ -1,5 +1,3 @@
-import * as React$1 from 'react';
-
 interface TooltipProps {
     children?: React.ReactNode;
     title?: string | undefined;
@@ -9,6 +7,6 @@ interface TooltipProps {
     mode?: "light" | "dark";
 }
 
-declare const Tooltip: React$1.FC<TooltipProps>;
+declare const Tooltip: React.FC<TooltipProps>;
 
 export { Tooltip, Tooltip as default };

package/dist/atom/Tooltip/Tooltip.d.ts

@@ -1,5 +1,3 @@
-import * as React$1 from 'react';
-
 interface TooltipProps {
     children?: React.ReactNode;
     title?: string | undefined;
@@ -9,6 +7,6 @@ interface TooltipProps {
     mode?: "light" | "dark";
 }
 
-declare const Tooltip: React$1.FC<TooltipProps>;
+declare const Tooltip: React.FC<TooltipProps>;
 
 export { Tooltip, Tooltip as default };

package/dist/atom/Tooltip/Tooltip.js

@@ -1,10 +1,10 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -19,6 +19,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -43,14 +44,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/atom/Tooltip/Tooltip.tsx
@@ -60,13 +53,13 @@ __export(Tooltip_exports, {
   default: () => Tooltip_default
 });
 module.exports = __toCommonJS(Tooltip_exports);
-var React = __toESM(require("react"));
 var import_antd = require("antd");
 
 // src/atom/Tooltip/Tooltip.module.scss
 var Tooltip_module_default = { "light": "Tooltip-module__light___H5oCc" };
 
 // src/atom/Tooltip/Tooltip.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var Tooltip = (_a) => {
   var _b = _a, {
     children,
@@ -83,16 +76,17 @@ var Tooltip = (_a) => {
     "className",
     "mode"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Tooltip,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className,
       color,
       title,
       placement,
       overlayClassName: mode === "light" ? Tooltip_module_default.light : ""
-    }, rest),
-    children
+    }, rest), {
+      children
+    })
   );
 };
 Tooltip.displayName = "Tooltip";

package/dist/atom/Tooltip/Tooltip.mjs

@@ -1,8 +1,8 @@
 import {
   Tooltip,
   Tooltip_default
-} from "../../chunk-GUIX7A7G.mjs";
-import "../../chunk-TGSZ7VMS.mjs";
+} from "../../chunk-MLCMZRUC.mjs";
+import "../../chunk-FWCSY2DS.mjs";
 export {
   Tooltip,
   Tooltip_default as default

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -68,7 +71,6 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/atom/Button/Button.tsx
-var React = __toESM(require("react"));
 var import_antd = require("antd");
 var import_clsx = __toESM(require("clsx"));
 
@@ -76,6 +78,7 @@ var import_clsx = __toESM(require("clsx"));
 var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
 
 // src/atom/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function Button(props) {
   const {
     type = "primary",
@@ -103,7 +106,7 @@ function Button(props) {
     // Map "default" to "middle"
     large: "large"
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Button,
     {
       className: (0, import_clsx.default)(
@@ -132,16 +135,15 @@ function Button(props) {
       onClick,
       shape,
       size: sizeMap[size],
-      type: buttonMap[variant]
-    },
-    children
+      type: buttonMap[variant],
+      children
+    }
   );
 }
 Button.displayName = "Button";
 var Button_default = Button;
 
 // src/atom/Checkbox/Checkbox.tsx
-var React2 = __toESM(require("react"));
 var import_antd2 = require("antd");
 var import_clsx2 = __toESM(require("clsx"));
 
@@ -149,6 +151,7 @@ var import_clsx2 = __toESM(require("clsx"));
 var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___xxg5L", "size_small": "Checkbox-module__size_small___Kknlo", "size_medium": "Checkbox-module__size_medium___V6Ah8", "size_large": "Checkbox-module__size_large___eWjFY", "type_checked": "Checkbox-module__type_checked___5742T", "disabled": "Checkbox-module__disabled___v-RG1", "type_unchecked": "Checkbox-module__type_unchecked___QFMpP", "variant_normal": "Checkbox-module__variant_normal___faYKo", "variant_emphasized": "Checkbox-module__variant_emphasized___-koYj", "variant_indeterminate": "Checkbox-module__variant_indeterminate___J5Xcc" };
 
 // src/atom/Checkbox/Checkbox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Checkbox(props) {
   const _a = props, {
     className = "",
@@ -170,9 +173,9 @@ function Checkbox(props) {
     "variant",
     "indeterminate"
   ]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_antd2.Checkbox,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       checked,
       className: (0, import_clsx2.default)(
         Checkbox_module_default.checkbox,
@@ -186,15 +189,15 @@ function Checkbox(props) {
       disabled,
       indeterminate,
       onChange
-    }, rest),
-    children
+    }, rest), {
+      children
+    })
   );
 }
 Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
 
 // src/atom/Modal/Modal.tsx
-var React3 = __toESM(require("react"));
 var import_antd3 = require("antd");
 var import_clsx3 = __toESM(require("clsx"));
 
@@ -202,24 +205,26 @@ var import_clsx3 = __toESM(require("clsx"));
 var Modal_module_default = { "modal": "Modal-module__modal___PKrAi", "footerMargintopDisable": "Modal-module__footerMargintopDisable___4B6u-", "ant-modal-footer": "Modal-module__ant-modal-footer___HKsDR", "okBtn": "Modal-module__okBtn___Ut8e5", "cancelBtn": "Modal-module__cancelBtn___i0Rm8" };
 
 // src/atom/Modal/Modal.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Close = (_a) => {
   var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "svg",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       width: size,
       height: size,
       viewBox: "0 0 14 14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
-    }, rest),
-    /* @__PURE__ */ React3.createElement(
-      "path",
-      {
-        d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
-        fill: color
-      }
-    )
+    }, rest), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "path",
+        {
+          d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
+          fill: color
+        }
+      )
+    })
   );
 };
 var Modal = (_a) => {
@@ -232,7 +237,7 @@ var Modal = (_a) => {
     handleCancel,
     okText = "",
     cancelText = "",
-    closeIcon = /* @__PURE__ */ React3.createElement(Close, { color: "#6B7280" }),
+    closeIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Close, { color: "#6B7280" }),
     bodyClassName = "modalBody",
     outsideClickDisable = false,
     hideCross = false,
@@ -264,9 +269,9 @@ var Modal = (_a) => {
     "okButtonAnalytics",
     "footerMargintopDisable"
   ]);
-  return /* @__PURE__ */ React3.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_antd3.Modal,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       title,
       open,
       onOk: handleOk,
@@ -279,44 +284,48 @@ var Modal = (_a) => {
       closeIcon,
       closable: !hideCross,
       maskClosable: !outsideClickDisable,
-      footer: okText || cancelText ? /* @__PURE__ */ React3.createElement(
+      footer: okText || cancelText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "div",
         {
           className: (0, import_clsx3.default)({
             primaryFooter: variant === "primary",
             secondaryFooter: variant === "secondary"
-          })
-        },
-        cancelText && /* @__PURE__ */ React3.createElement(
-          Button,
-          __spreadValues({
-            onClick: handleCancel,
-            type: "secondary",
-            className: "cancelBtn",
-            variant: "subtle"
-          }, cancelButtonAnalytics),
-          cancelText
-        ),
-        okText && /* @__PURE__ */ React3.createElement(
-          Button,
-          __spreadValues({
-            onClick: handleOk,
-            className: (0, import_clsx3.default)(okBtnClasses, "okBtn"),
-            loading: okButtonLoading,
-            disabled: okButtonDisabled
-          }, okButtonAnalytics),
-          okText
-        )
+          }),
+          children: [
+            cancelText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleCancel,
+                type: "secondary",
+                className: "cancelBtn",
+                variant: "subtle"
+              }, cancelButtonAnalytics), {
+                children: cancelText
+              })
+            ),
+            okText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleOk,
+                className: (0, import_clsx3.default)(okBtnClasses, "okBtn"),
+                loading: okButtonLoading,
+                disabled: okButtonDisabled
+              }, okButtonAnalytics), {
+                children: okText
+              })
+            )
+          ]
+        }
       ) : null
-    }, rest),
-    /* @__PURE__ */ React3.createElement("div", { className: bodyClassName }, children)
-  ));
+    }, rest), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: bodyClassName, children })
+    })
+  ) });
 };
 Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/atom/Radio/Radio.tsx
-var import_react = __toESM(require("react"));
 var import_antd4 = require("antd");
 var import_clsx4 = __toESM(require("clsx"));
 
@@ -324,6 +333,7 @@ var import_clsx4 = __toESM(require("clsx"));
 var Radio_module_default = { "radio": "Radio-module__radio___1CPAk", "size_small": "Radio-module__size_small___nRXgM", "size_medium": "Radio-module__size_medium___uSzPl", "size_large": "Radio-module__size_large___ubpHs", "type_checked": "Radio-module__type_checked___BvPpu", "disabled": "Radio-module__disabled___AF98Z", "type_unchecked": "Radio-module__type_unchecked___Xrb-7", "variant_normal": "Radio-module__variant_normal___FQkTC", "variant_emphasized": "Radio-module__variant_emphasized___Fgpv6" };
 
 // src/atom/Radio/Radio.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var Radio = (_a) => {
   var _b = _a, {
     checked = true,
@@ -345,29 +355,32 @@ var Radio = (_a) => {
     "disabled",
     "extra"
   ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_antd4.Radio,
-    __spreadValues({
-      className: (0, import_clsx4.default)(
-        Radio_module_default.radio,
-        Radio_module_default[`size_${size}`],
-        Radio_module_default[`variant_${variant}`],
-        checked ? Radio_module_default.type_checked : Radio_module_default.type_unchecked,
-        disabled && Radio_module_default.disabled,
-        className
-      ),
-      onChange,
-      checked,
-      disabled
-    }, rest),
-    children
-  ), checked && extra);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_antd4.Radio,
+      __spreadProps(__spreadValues({
+        className: (0, import_clsx4.default)(
+          Radio_module_default.radio,
+          Radio_module_default[`size_${size}`],
+          Radio_module_default[`variant_${variant}`],
+          checked ? Radio_module_default.type_checked : Radio_module_default.type_unchecked,
+          disabled && Radio_module_default.disabled,
+          className
+        ),
+        onChange,
+        checked,
+        disabled
+      }, rest), {
+        children
+      })
+    ),
+    checked && extra
+  ] });
 };
 Radio.displayName = "Radio";
 var Radio_default = Radio;
 
 // src/atom/Switch/Switch.tsx
-var React5 = __toESM(require("react"));
 var import_antd5 = require("antd");
 var import_clsx5 = __toESM(require("clsx"));
 
@@ -375,6 +388,7 @@ var import_clsx5 = __toESM(require("clsx"));
 var Switch_module_default = { "switch": "Switch-module__switch___fUHZL" };
 
 // src/atom/Switch/Switch.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var Switch = (_a) => {
   var _b = _a, {
     className,
@@ -390,7 +404,7 @@ var Switch = (_a) => {
     "disabled",
     "checked"
   ]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_antd5.Switch,
     __spreadValues({
       className: (0, import_clsx5.default)(className, Switch_module_default.switch, Switch_module_default[size]),
@@ -405,13 +419,13 @@ Switch.displayName = "Switch";
 var Switch_default = Switch;
 
 // src/atom/Tooltip/Tooltip.tsx
-var React6 = __toESM(require("react"));
 var import_antd6 = require("antd");
 
 // src/atom/Tooltip/Tooltip.module.scss
 var Tooltip_module_default = { "light": "Tooltip-module__light___H5oCc" };
 
 // src/atom/Tooltip/Tooltip.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Tooltip = (_a) => {
   var _b = _a, {
     children,
@@ -428,24 +442,25 @@ var Tooltip = (_a) => {
     "className",
     "mode"
   ]);
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_antd6.Tooltip,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className,
       color,
       title,
       placement,
       overlayClassName: mode === "light" ? Tooltip_module_default.light : ""
-    }, rest),
-    children
+    }, rest), {
+      children
+    })
   );
 };
 Tooltip.displayName = "Tooltip";
 var Tooltip_default = Tooltip;
 
 // src/atom/Avatar/Avatar.tsx
-var React7 = __toESM(require("react"));
 var import_clsx6 = __toESM(require("clsx"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var COLOR_MAP = {
   A: "#6455BF",
   B: "#C46273",
@@ -491,43 +506,42 @@ function Avatar({
   width = 28,
   size = "normal"
 }) {
-  return /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       style: { height, width },
-      className: "tw-rounded-full tw-flex tw-items-center"
-    },
-    !img && name ? /* @__PURE__ */ React7.createElement(
-      "div",
-      {
-        style: {
-          backgroundColor: COLOR_MAP[name[0]],
-          height,
-          width
-        },
-        className: (0, import_clsx6.default)(
-          { "tw-text-font-size-10": size === "small" },
-          `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
-          className
-        )
-      },
-      name[0]
-    ) : img ? /* @__PURE__ */ React7.createElement(
-      "img",
-      {
-        src: img,
-        style: { height, width },
-        alt: name,
-        className: (0, import_clsx6.default)("tw-rounded-full tw-object-cover", className)
-      }
-    ) : null
+      className: "tw-rounded-full tw-flex tw-items-center",
+      children: !img && name ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "div",
+        {
+          style: {
+            backgroundColor: COLOR_MAP[name[0]],
+            height,
+            width
+          },
+          className: (0, import_clsx6.default)(
+            { "tw-text-font-size-10": size === "small" },
+            `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
+            className
+          ),
+          children: name[0]
+        }
+      ) : img ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "img",
+        {
+          src: img,
+          style: { height, width },
+          alt: name,
+          className: (0, import_clsx6.default)("tw-rounded-full tw-object-cover", className)
+        }
+      ) : null
+    }
   );
 }
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;
 
 // src/atom/Tag/Tag.tsx
-var React8 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var import_clsx7 = __toESM(require("clsx"));
 
@@ -535,6 +549,7 @@ var import_clsx7 = __toESM(require("clsx"));
 var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
 
 // src/atom/Tag/Tag.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Tag = (_a) => {
   var _b = _a, {
     type = "success",
@@ -549,9 +564,9 @@ var Tag = (_a) => {
     "icon",
     "size"
   ]);
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_antd7.Tag,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx7.default)(
         Tag_module_default.tag,
         size === "small" && Tag_module_default.small,
@@ -559,8 +574,9 @@ var Tag = (_a) => {
         className
       ),
       icon
-    }, rest),
-    title
+    }, rest), {
+      children: title
+    })
   );
 };
 Tag.displayName = "Tag";