@itilite/lumina-ui 1.0.21 → 1.1.0

package/dist/atom/Tag/Tag.js

@@ -0,0 +1,108 @@
+"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;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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/Tag/Tag.tsx
+var Tag_exports = {};
+__export(Tag_exports, {
+  Tag: () => Tag,
+  default: () => Tag_default
+});
+module.exports = __toCommonJS(Tag_exports);
+var import_antd = require("antd");
+var import_clsx = __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 import_jsx_runtime = require("react/jsx-runtime");
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Tag,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx.default)(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tag
+});

package/dist/atom/Tag/Tag.mjs

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

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

@@ -0,0 +1,12 @@
+interface TooltipProps {
+    children?: React.ReactNode;
+    title?: string | undefined;
+    placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    color?: string | undefined;
+    className?: string | undefined;
+    mode?: "light" | "dark";
+}
+
+declare const Tooltip: React.FC<TooltipProps>;
+
+export { Tooltip, Tooltip as default };

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

@@ -0,0 +1,12 @@
+interface TooltipProps {
+    children?: React.ReactNode;
+    title?: string | undefined;
+    placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    color?: string | undefined;
+    className?: string | undefined;
+    mode?: "light" | "dark";
+}
+
+declare const Tooltip: React.FC<TooltipProps>;
+
+export { Tooltip, Tooltip as default };

package/dist/atom/Tooltip/Tooltip.js

@@ -0,0 +1,97 @@
+"use strict";
+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 __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;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/atom/Tooltip/Tooltip.tsx
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip,
+  default: () => Tooltip_default
+});
+module.exports = __toCommonJS(Tooltip_exports);
+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,
+    title = "",
+    placement = "top",
+    color = "#1F2937",
+    className,
+    mode = "dark"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "title",
+    "placement",
+    "color",
+    "className",
+    "mode"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Tooltip,
+    __spreadProps(__spreadValues({
+      className,
+      color,
+      title,
+      placement,
+      overlayClassName: mode === "light" ? Tooltip_module_default.light : ""
+    }, rest), {
+      children
+    })
+  );
+};
+Tooltip.displayName = "Tooltip";
+var Tooltip_default = Tooltip;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip
+});

package/dist/atom/Tooltip/Tooltip.mjs

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

package/dist/chunk-4VZB2KR2.mjs

@@ -0,0 +1,51 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Tag/Tag.tsx
+import { Tag as AntTag } from "antd";
+import clsx from "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
+import { jsx } from "react/jsx-runtime";
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AntTag,
+    __spreadProps(__spreadValues({
+      className: clsx(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
+
+export {
+  Tag,
+  Tag_default
+};

package/dist/index.d.mts

@@ -1,10 +1,11 @@
-export { default as Button } from './Button.mjs';
-export { default as Checkbox } from './Checkbox.mjs';
-export { default as Modal } from './Modal.mjs';
-export { default as Radio } from './Radio.mjs';
-export { default as Switch } from './Switch.mjs';
-export { default as Tooltip } from './Tooltip.mjs';
-export { default as Avatar } from './Avatar.mjs';
+export { default as Button } from './atom/Button/Button.mjs';
+export { default as Checkbox } from './atom/Checkbox/Checkbox.mjs';
+export { default as Modal } from './atom/Modal/Modal.mjs';
+export { default as Radio } from './atom/Radio/Radio.mjs';
+export { default as Switch } from './atom/Switch/Switch.mjs';
+export { default as Tooltip } from './atom/Tooltip/Tooltip.mjs';
+export { default as Avatar } from './atom/Avatar/Avatar.mjs';
+export { default as Tag } from './atom/Tag/Tag.mjs';
 import 'react';
 import 'antd/es/checkbox';
 import 'antd/lib/radio';

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-export { default as Button } from './Button.js';
-export { default as Checkbox } from './Checkbox.js';
-export { default as Modal } from './Modal.js';
-export { default as Radio } from './Radio.js';
-export { default as Switch } from './Switch.js';
-export { default as Tooltip } from './Tooltip.js';
-export { default as Avatar } from './Avatar.js';
+export { default as Button } from './atom/Button/Button.js';
+export { default as Checkbox } from './atom/Checkbox/Checkbox.js';
+export { default as Modal } from './atom/Modal/Modal.js';
+export { default as Radio } from './atom/Radio/Radio.js';
+export { default as Switch } from './atom/Switch/Switch.js';
+export { default as Tooltip } from './atom/Tooltip/Tooltip.js';
+export { default as Avatar } from './atom/Avatar/Avatar.js';
+export { default as Tag } from './atom/Tag/Tag.js';
 import 'react';
 import 'antd/es/checkbox';
 import 'antd/lib/radio';

package/dist/index.js

@@ -57,17 +57,18 @@ 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 import_antd = require("antd");
@@ -539,6 +540,47 @@ function Avatar({
 }
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;
+
+// src/atom/Tag/Tag.tsx
+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 import_jsx_runtime8 = require("react/jsx-runtime");
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_antd7.Tag,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx7.default)(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
@@ -547,5 +589,6 @@ var Avatar_default = Avatar;
   Modal,
   Radio,
   Switch,
+  Tag,
   Tooltip
 });

package/dist/index.mjs

@@ -1,6 +1,15 @@
+import {
+  Tag_default
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  Avatar_default
+} from "./chunk-X76GNSBB.mjs";
 import {
   Checkbox_default
 } from "./chunk-UQZNUEZE.mjs";
+import {
+  Switch_default
+} from "./chunk-MNARBWAJ.mjs";
 import {
   Modal_default
 } from "./chunk-N355RJGH.mjs";
@@ -10,15 +19,9 @@ import {
 import {
   Radio_default
 } from "./chunk-2EBPXGRY.mjs";
-import {
-  Switch_default
-} from "./chunk-MNARBWAJ.mjs";
 import {
   Tooltip_default
 } from "./chunk-MLCMZRUC.mjs";
-import {
-  Avatar_default
-} from "./chunk-X76GNSBB.mjs";
 import "./chunk-FWCSY2DS.mjs";
 export {
   Avatar_default as Avatar,
@@ -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
 };

package/dist/styles.css

@@ -28,6 +28,9 @@
 .tw-gap-1 {
     gap: 0.25rem
 }
+.tw-rounded {
+    border-radius: 0.25rem
+}
 .tw-rounded-full {
     border-radius: 9999px
 }
@@ -56,6 +59,10 @@
 .tw-p-4 {
     padding: 1rem
 }
+.tw-py-\[2px\] {
+    padding-top: 2px;
+    padding-bottom: 2px
+}
 .tw-text-font-size-10 {
     font-size: 0.625rem
 }
@@ -95,6 +102,19 @@
 
 
 /* CSS Modules */
+/* src/atom/Tooltip/Tooltip.module.scss */
+.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
+  background-color: white !important;
+  color: #111827;
+  border-radius: 0.5rem;
+  padding: 0.625rem;
+  --tw-text-opacity: 1;
+  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
+}
+.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
+  background-color: white !important;
+}
+
 /* src/atom/Button/Button.module.scss */
 .Button-module__button___cLCyl {
   display: flex;
@@ -285,6 +305,24 @@
   outline: none;
 }
 
+/* src/atom/Switch/Switch.module.scss */
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
+    height: 0.75rem;
+    min-width: 1.5rem
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
+    height: 0.5rem;
+    width: 0.5rem
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
+    --tw-bg-opacity: 1;
+    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
+}
+.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
+}
+
 /* src/atom/Radio/Radio.module.scss */
 .Radio-module__radio___1CPAk {
   display: flex;
@@ -451,35 +489,99 @@
   background: white;
 }
 
-/* src/atom/Tooltip/Tooltip.module.scss */
-.Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
-  background-color: white !important;
-  color: #111827;
-  border-radius: 0.5rem;
-  padding: 0.625rem;
+/* src/atom/Tag/Tag.module.scss */
+.Tag-module__tag___PIkhI {
+  border-radius: 0.25rem;
+  padding: 0.25rem;
+  font-weight: 500;
+  font-size: 0.625rem;
+  line-height: .75rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+  height: -moz-max-content;
+  height: max-content;
+  border-style: solid;
+  border-width: 0.5px
+}
+.Tag-module__tag___PIkhI.Tag-module__small___nG5XQ {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  font-size: 0.625rem;
+  line-height: .75rem
+}
+.Tag-module__tag___PIkhI.Tag-module__success___99fad {
   --tw-text-opacity: 1;
-  color: rgb(33 40 55 / var(--tw-text-opacity, 1));
+  color: rgb(27 126 73 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
 }
-.Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
-  background-color: white !important;
+.Tag-module__tag___PIkhI.Tag-module__blue___Zky2Z {
+  --tw-text-opacity: 1;
+  color: rgb(10 101 231 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
 }
-
-/* src/atom/Switch/Switch.module.scss */
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
-    height: 0.75rem;
-    min-width: 1.5rem
+.Tag-module__tag___PIkhI.Tag-module__warning___KXsly {
+  --tw-text-opacity: 1;
+  color: rgb(185 71 16 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 225 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(254 196 140 / var(--tw-border-opacity, 1))
 }
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
-    height: 0.5rem;
-    width: 0.5rem
+.Tag-module__tag___PIkhI.Tag-module__processing___OssXC {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(211 216 223 / var(--tw-border-opacity, 1))
 }
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
-    --tw-bg-opacity: 1;
-    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
+.Tag-module__tag___PIkhI.Tag-module__bookingConfirmed___potR4 {
+  --tw-text-opacity: 1;
+  color: rgb(27 126 73 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 251 229 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(112 220 157 / var(--tw-border-opacity, 1))
 }
-.Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
+.Tag-module__tag___PIkhI.Tag-module__bookingRescheduled___ynrwI {
+  --tw-text-opacity: 1;
+  color: rgb(10 101 231 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 248 255 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(134 203 255 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingRescheduledPending___K3GqS {
+  --tw-text-opacity: 1;
+  color: rgb(154 103 0 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 251 224 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(234 197 79 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__failed___dvpyQ {
+  --tw-text-opacity: 1;
+  color: rgb(207 34 49 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 241 240 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(255 171 169 / var(--tw-border-opacity, 1))
+}
+.Tag-module__tag___PIkhI.Tag-module__bookingPending___64umX {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
 }
 
 /* src/atom/Modal/Modal.module.scss */