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

package/dist/index.js

@@ -1,9 +1,7 @@
 "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;
@@ -21,7 +19,6 @@ 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)
@@ -57,19 +54,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Avatar: () => Avatar_default,
   Button: () => Button_default,
   Checkbox: () => Checkbox_default,
   Modal: () => Modal_default,
   Radio: () => Radio_default,
   Switch: () => Switch_default,
+  Tag: () => Tag_default,
   Tooltip: () => Tooltip_default
 });
-module.exports = __toCommonJS(src_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"));
 
@@ -77,7 +76,6 @@ 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",
@@ -105,7 +103,7 @@ function Button(props) {
     // Map "default" to "middle"
     large: "large"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ React.createElement(
     import_antd.Button,
     {
       className: (0, import_clsx.default)(
@@ -134,15 +132,16 @@ 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"));
 
@@ -150,7 +149,6 @@ 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 = "",
@@ -172,9 +170,9 @@ function Checkbox(props) {
     "variant",
     "indeterminate"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ React2.createElement(
     import_antd2.Checkbox,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       checked,
       className: (0, import_clsx2.default)(
         Checkbox_module_default.checkbox,
@@ -188,15 +186,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"));
 
@@ -204,26 +202,24 @@ 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__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ React3.createElement(
     "svg",
-    __spreadProps(__spreadValues({
+    __spreadValues({
       width: size,
       height: size,
       viewBox: "0 0 14 14",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
-    }, 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
-        }
-      )
-    })
+    }, 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
+      }
+    )
   );
 };
 var Modal = (_a) => {
@@ -236,7 +232,7 @@ var Modal = (_a) => {
     handleCancel,
     okText = "",
     cancelText = "",
-    closeIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Close, { color: "#6B7280" }),
+    closeIcon = /* @__PURE__ */ React3.createElement(Close, { color: "#6B7280" }),
     bodyClassName = "modalBody",
     outsideClickDisable = false,
     hideCross = false,
@@ -268,9 +264,9 @@ var Modal = (_a) => {
     "okButtonAnalytics",
     "footerMargintopDisable"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ React3.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React3.createElement(
     import_antd3.Modal,
-    __spreadProps(__spreadValues({
+    __spreadValues({
       title,
       open,
       onOk: handleOk,
@@ -283,48 +279,44 @@ var Modal = (_a) => {
       closeIcon,
       closable: !hideCross,
       maskClosable: !outsideClickDisable,
-      footer: okText || cancelText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      footer: okText || cancelText ? /* @__PURE__ */ React3.createElement(
         "div",
         {
           className: (0, import_clsx3.default)({
             primaryFooter: variant === "primary",
             secondaryFooter: variant === "secondary"
-          }),
-          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
-              })
-            )
-          ]
-        }
+          })
+        },
+        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
+        )
       ) : null
-    }, rest), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: bodyClassName, children })
-    })
-  ) });
+    }, rest),
+    /* @__PURE__ */ React3.createElement("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"));
 
@@ -332,7 +324,6 @@ 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,
@@ -354,32 +345,29 @@ var Radio = (_a) => {
     "disabled",
     "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
-  ] });
+  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);
 };
 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"));
 
@@ -387,7 +375,6 @@ 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,
@@ -403,7 +390,7 @@ var Switch = (_a) => {
     "disabled",
     "checked"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ React5.createElement(
     import_antd5.Switch,
     __spreadValues({
       className: (0, import_clsx5.default)(className, Switch_module_default.switch, Switch_module_default[size]),
@@ -418,13 +405,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,
@@ -441,25 +428,24 @@ var Tooltip = (_a) => {
     "className",
     "mode"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ React6.createElement(
     import_antd6.Tooltip,
-    __spreadProps(__spreadValues({
+    __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",
@@ -505,40 +491,80 @@ function Avatar({
   width = 28,
   size = "normal"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ React7.createElement(
     "div",
     {
       style: { height, width },
-      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
-    }
+      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
   );
 }
 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"));
+
+// src/atom/Tag/Tag.module.scss
+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 Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ React8.createElement(
+    import_antd7.Tag,
+    __spreadValues({
+      className: (0, import_clsx7.default)(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest),
+    title
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
@@ -547,5 +573,6 @@ var Avatar_default = Avatar;
   Modal,
   Radio,
   Switch,
+  Tag,
   Tooltip
 });

package/dist/index.mjs

@@ -1,25 +1,28 @@
 import {
-  Checkbox_default
-} from "./chunk-UQZNUEZE.mjs";
+  Switch_default
+} from "./chunk-WUFWIRBB.mjs";
+import {
+  Avatar_default
+} from "./chunk-POO2DKYG.mjs";
 import {
   Modal_default
-} from "./chunk-N355RJGH.mjs";
+} from "./chunk-HR4KEILE.mjs";
 import {
   Button_default
-} from "./chunk-HISCHZ5H.mjs";
+} from "./chunk-5AHNAQMH.mjs";
 import {
-  Radio_default
-} from "./chunk-2EBPXGRY.mjs";
-import {
-  Switch_default
-} from "./chunk-MNARBWAJ.mjs";
+  Tag_default
+} from "./chunk-MFW6Q2WR.mjs";
 import {
   Tooltip_default
-} from "./chunk-MLCMZRUC.mjs";
+} from "./chunk-GUIX7A7G.mjs";
 import {
-  Avatar_default
-} from "./chunk-X76GNSBB.mjs";
-import "./chunk-FWCSY2DS.mjs";
+  Checkbox_default
+} from "./chunk-DQCWY57N.mjs";
+import {
+  Radio_default
+} from "./chunk-AQYK4FOY.mjs";
+import "./chunk-TGSZ7VMS.mjs";
 export {
   Avatar_default as Avatar,
   Button_default as Button,
@@ -27,5 +30,6 @@ export {
   Modal_default as Modal,
   Radio_default as Radio,
   Switch_default as Switch,
+  Tag_default as Tag,
   Tooltip_default as Tooltip
 };