@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.mjs

@@ -0,0 +1,11 @@
+import {
+  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default
+} from "../../chunk-V3CHJHUX.mjs";
+import "../../chunk-N4DPPZVJ.mjs";
+import "../../chunk-ZTRM4HZJ.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default as default
+};

package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface InternalCalendarProps {
+    id?: string;
+    onChange?: (val: [string, string]) => void;
+    dateRange?: [string, string];
+    showSingleCalendar?: boolean;
+    disablePastDates?: boolean;
+    minDate?: Date | string | null;
+    maxDate?: Date | string | null;
+    minYear?: number;
+    maxYear?: number;
+    allowSameDates?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ id, onChange, dateRange, showSingleCalendar: showSingleCalendarProp, disablePastDates, minDate, maxDate, minYear, maxYear, allowSameDates, }: InternalCalendarProps) => react_jsx_runtime.JSX.Element>;
+
+export { _default as default };

package/dist/atom/AdvancedDateRangePicker/InternalCalendar.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface InternalCalendarProps {
+    id?: string;
+    onChange?: (val: [string, string]) => void;
+    dateRange?: [string, string];
+    showSingleCalendar?: boolean;
+    disablePastDates?: boolean;
+    minDate?: Date | string | null;
+    maxDate?: Date | string | null;
+    minYear?: number;
+    maxYear?: number;
+    allowSameDates?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ id, onChange, dateRange, showSingleCalendar: showSingleCalendarProp, disablePastDates, minDate, maxDate, minYear, maxYear, allowSameDates, }: InternalCalendarProps) => react_jsx_runtime.JSX.Element>;
+
+export { _default as default };

package/dist/atom/AdvancedDateRangePicker/InternalCalendar.js

@@ -0,0 +1,370 @@
+"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/AdvancedDateRangePicker/InternalCalendar.tsx
+var InternalCalendar_exports = {};
+__export(InternalCalendar_exports, {
+  default: () => InternalCalendar_default
+});
+module.exports = __toCommonJS(InternalCalendar_exports);
+var import_react = require("react");
+var import_dayjs = __toESM(require("dayjs"));
+
+// src/atom/RangePicker/Chevron.tsx
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Chevron = React.memo(
+  (_a) => {
+    var _b = _a, { size = "normal", color = "black", className } = _b, rest = __objRest(_b, ["size", "color", "className"]);
+    const getSize = (size2) => {
+      switch (size2) {
+        case "small":
+          return "M9.78 11.78a.75.75 0 000-1.06L7.06 8l2.72-2.72a.75.75 0 00-1.06-1.06L5.47 7.47a.75.75 0 000 1.06l3.25 3.25a.75.75 0 001.06 0z";
+        case "normal":
+          return "M14.78 17.78a.75.75 0 000-1.06L10.06 12l4.72-4.72a.75.75 0 00-1.06-1.06l-5.25 5.25a.75.75 0 000 1.06l5.25 5.25a.75.75 0 001.06 0z";
+        default:
+          return "M14.78 17.78a.75.75 0 000-1.06L10.06 12l4.72-4.72a.75.75 0 00-1.06-1.06l-5.25 5.25a.75.75 0 000 1.06l5.25 5.25a.75.75 0 001.06 0z";
+      }
+    };
+    const getContainer = (size2) => {
+      switch (size2) {
+        case "small":
+          return 16;
+        case "medium":
+          return 20;
+        case "normal":
+          return 24;
+        default:
+          return 24;
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        xmlns: "http://www.w3.org/2000/svg",
+        width: getContainer(size),
+        height: getContainer(size),
+        fill: "none",
+        viewBox: `0 0 ${getContainer(size)} ${getContainer(size)}`,
+        className
+      }, rest), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: color, d: getSize(size) })
+      })
+    );
+  }
+);
+
+// src/atom/AdvancedDateRangePicker/InternalCalendar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var InternalCalendar = ({
+  id = "",
+  onChange = () => {
+  },
+  dateRange = ["", ""],
+  showSingleCalendar: showSingleCalendarProp = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  minYear = 1900,
+  maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
+  allowSameDates = false
+}) => {
+  const onChangeRef = (0, import_react.useRef)(onChange);
+  (0, import_react.useEffect)(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const getInitialDate = () => {
+    const today2 = /* @__PURE__ */ new Date();
+    today2.setHours(0, 0, 0, 0);
+    if (dateRange[0]) return new Date(dateRange[0]);
+    if (today2.getFullYear() >= minYear && today2.getFullYear() <= maxYear) {
+      return today2;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      return minDateTime;
+    }
+    return today2;
+  };
+  const [currentDate, setCurrentDate] = (0, import_react.useState)(() => getInitialDate());
+  const [startDate, setStartDate] = (0, import_react.useState)(
+    dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  const [endDate, setEndDate] = (0, import_react.useState)(
+    dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
+  );
+  const [hoverDate, setHoverDate] = (0, import_react.useState)(null);
+  const [isSelectingEnd, setIsSelectingEnd] = (0, import_react.useState)(
+    dateRange[0] && !dateRange[1] ? true : false
+  );
+  const [isMobile, setIsMobile] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 1024);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const showSingle = showSingleCalendarProp || isMobile;
+  const prevRangeRef = (0, import_react.useRef)(dateRange);
+  (0, import_react.useEffect)(() => {
+    const isSameRange = dateRange[0] === prevRangeRef.current[0] && dateRange[1] === prevRangeRef.current[1];
+    if (isSameRange) return;
+    prevRangeRef.current = dateRange;
+    const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
+    const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
+    setStartDate(nextStart);
+    setEndDate(nextEnd);
+    if (nextStart) {
+      const startMonth = nextStart.getFullYear() * 12 + nextStart.getMonth();
+      const currentMonthVal = currentDate.getFullYear() * 12 + currentDate.getMonth();
+      const isVisibleInFirst = startMonth === currentMonthVal;
+      const isVisibleInSecond = !showSingle && startMonth === currentMonthVal + 1;
+      if (!isVisibleInFirst && !isVisibleInSecond) {
+        setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
+      }
+    }
+  }, [dateRange, showSingle]);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const firstMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+  const secondMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+  const monthNames = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const generateCalendarDays = (monthDate) => {
+    const year = monthDate.getFullYear();
+    const month = monthDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days = [];
+    for (let i = 0; i < startingDayOfWeek; i++) days.push(null);
+    for (let day = 1; day <= daysInMonth; day++) days.push(new Date(year, month, day));
+    return days;
+  };
+  const isSameDate = (d1, d2) => {
+    if (!d1 || !d2) return false;
+    return d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  };
+  const isDateDisabled = (date) => {
+    if (!date) return false;
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    if (disablePastDates && checkDate < today) return true;
+    if (minDate) {
+      const m = new Date(minDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate < m) return true;
+    }
+    if (maxDate) {
+      const m = new Date(maxDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate > m) return true;
+    }
+    return false;
+  };
+  const isDateBetweenRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date > s && date < e;
+  };
+  const isDateInRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date >= s && date <= e;
+  };
+  const handleDateClick = (date) => {
+    if (isDateDisabled(date)) return;
+    let nextStart = startDate;
+    let nextEnd = endDate;
+    const isSame = startDate && (0, import_dayjs.default)(date).isSame(startDate, "day");
+    if (!allowSameDates && isSame) {
+      setStartDate(null);
+      setEndDate(null);
+      setIsSelectingEnd(false);
+      onChangeRef.current(["", ""]);
+      return;
+    }
+    if (!startDate || startDate && endDate) {
+      nextStart = date;
+      nextEnd = null;
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(true);
+    } else {
+      if (date < startDate) {
+        nextEnd = startDate;
+        nextStart = date;
+      } else {
+        nextEnd = date;
+      }
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(false);
+    }
+    onChangeRef.current([
+      nextStart ? (0, import_dayjs.default)(nextStart).format("D MMM, YYYY") : "",
+      nextEnd ? (0, import_dayjs.default)(nextEnd).format("D MMM, YYYY") : ""
+    ]);
+  };
+  const handleDateHover = (date) => {
+    if (isDateDisabled(date)) return;
+    if (isSelectingEnd && startDate && !endDate) setHoverDate(date);
+  };
+  const navigateMonth = (direction) => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(currentDate.getMonth() + direction);
+    setCurrentDate(newDate);
+  };
+  const renderCalendar = (monthDate) => {
+    const days = generateCalendarDays(monthDate);
+    const monthName = monthNames[monthDate.getMonth()];
+    const year = monthDate.getFullYear();
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "tw-flex-1 tw-mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-text-center tw-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { className: "tw-typography-footNoteBold tw-text-gray-900 tw-m-0", children: [
+        monthName,
+        " ",
+        year
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-py-2 tw-text-center tw-typography-caption2 tw-text-gray-500", children: day }, day)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
+        if (!date) return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-h-10" }, index);
+        const isStart = isSameDate(date, startDate);
+        const isEnd = isSameDate(date, endDate);
+        const isInRange = isDateBetweenRange(date);
+        const isSelected = isDateInRange(date);
+        const isDisabled = isDateDisabled(date);
+        const isHovering = isSelectingEnd && hoverDate && isSameDate(date, hoverDate);
+        let cellClasses = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold tw-cursor-pointer tw-transition-all ";
+        if (isDisabled) {
+          cellClasses += "tw-text-gray-300 tw-cursor-not-allowed ";
+        } else if (isStart || isEnd) {
+          cellClasses += "tw-bg-black tw-text-white tw-rounded-full ";
+        } else if (isInRange) {
+          cellClasses += "tw-text-gray-900 ";
+        } else {
+          cellClasses += "tw-text-gray-700 hover:tw-bg-gray-100 tw-rounded-full ";
+        }
+        if (isHovering && !isEnd) {
+          cellClasses += "tw-border-2 tw-border-gray-400 tw-border-dashed ";
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "tw-relative tw-flex tw-justify-center", children: [
+          isInRange && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-inset-x-0 tw-bg-[#f2efec] tw-z-10" }),
+          isStart && endDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-right-0 tw-left-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          isEnd && startDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "tw-absolute tw-inset-y-1 tw-left-0 tw-right-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "div",
+            {
+              className: cellClasses,
+              onClick: () => handleDateClick(date),
+              onMouseEnter: () => handleDateHover(date),
+              children: date.getDate()
+            }
+          )
+        ] }, date.toISOString());
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "tw-relative tw-bg-white tw-w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "tw-flex tw-items-center tw-justify-between tw-absolute tw-inset-x-0 tw-top-0 tw-z-30 tw-px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(-1),
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Chevron, { size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(1),
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Chevron, { size: "medium", className: "tw-rotate-180" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "tw-flex tw-gap-8 tw-pt-2", children: [
+      renderCalendar(firstMonth),
+      !showSingle && renderCalendar(secondMonth)
+    ] })
+  ] });
+};
+var InternalCalendar_default = (0, import_react.memo)(InternalCalendar);

package/dist/atom/AdvancedDateRangePicker/InternalCalendar.mjs

@@ -0,0 +1,8 @@
+import {
+  InternalCalendar_default
+} from "../../chunk-N4DPPZVJ.mjs";
+import "../../chunk-ZTRM4HZJ.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  InternalCalendar_default as default
+};

package/dist/atom/Avatar/Avatar.d.mts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { A as AvatarProps } from '../../types-mhQmqhsR.mjs';
+
+declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+
+export { Avatar, Avatar as default };

package/dist/atom/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { A as AvatarProps } from '../../types-mhQmqhsR.js';
+
+declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+
+export { Avatar, Avatar as default };

package/dist/atom/Avatar/Avatar.js

@@ -0,0 +1,123 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/Avatar/Avatar.tsx
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  default: () => Avatar_default
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var COLOR_MAP = {
+  A: "#6455BF",
+  B: "#C46273",
+  C: "#52A79E",
+  D: "#DF8654",
+  E: "#B8639F",
+  F: "#6455BF",
+  G: "#C46273",
+  H: "#52A79E",
+  I: "#DF8654",
+  J: "#B8639F",
+  K: "#6455BF",
+  L: "#C46273",
+  M: "#52A79E",
+  N: "#DF8654",
+  O: "#B8639F",
+  P: "#6455BF",
+  Q: "#C46273",
+  R: "#52A79E",
+  S: "#DF8654",
+  T: "#B8639F",
+  U: "#6455BF",
+  V: "#C46273",
+  W: "#52A79E",
+  X: "#DF8654",
+  Y: "#B8639F",
+  Z: "#6455BF",
+  0: "#6455BF",
+  1: "#C46273",
+  6: "#C46273",
+  2: "#52A79E",
+  7: "#52A79E",
+  3: "#DF8654",
+  8: "#DF8654",
+  4: "#B8639F",
+  9: "#B8639F"
+};
+function Avatar({
+  img,
+  className,
+  name,
+  height = 28,
+  width = 28,
+  size = "normal"
+}) {
+  var _a;
+  const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: { height, width },
+      className: "tw-rounded-full tw-flex tw-items-center",
+      children: !img && name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            backgroundColor: COLOR_MAP[firstChar],
+            height,
+            width
+          },
+          className: (0, import_clsx.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: firstChar
+        }
+      ) : img ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: img,
+          style: { height, width },
+          alt: name,
+          className: (0, import_clsx.default)("tw-rounded-full tw-object-cover", className)
+        }
+      ) : null
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar
+});

package/dist/atom/Avatar/Avatar.mjs

@@ -0,0 +1,9 @@
+import {
+  Avatar,
+  Avatar_default
+} from "../../chunk-IWO2Y5QX.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  Avatar,
+  Avatar_default as default
+};

package/dist/{Button.js → atom/Button/Button.js}

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Button/Button.tsx
+// src/atom/Button/Button.tsx
 var Button_exports = {};
 __export(Button_exports, {
   Button: () => Button,
@@ -37,10 +37,10 @@ module.exports = __toCommonJS(Button_exports);
 var import_antd = require("antd");
 var import_clsx = __toESM(require("clsx"));
 
-// src/Button/Button.module.scss
-var Button_module_default = { "button": "Button-module__button___PM45p", "size_large": "Button-module__size_large___4muaQ", "shape_circle": "Button-module__shape_circle___5jh5G", "size_normal": "Button-module__size_normal___qtQjh", "size_small": "Button-module__size_small___7xabg", "type_primary": "Button-module__type_primary___-eoy3", "variant_subtle": "Button-module__variant_subtle___FojFh", "variant_text": "Button-module__variant_text___T-3KC", "variant_link": "Button-module__variant_link___dTdwy", "type_secondary": "Button-module__type_secondary___CwF0Y", "type_critical": "Button-module__type_critical___vVyiK", "onHoverUnderline": "Button-module__onHoverUnderline___wKzkT" };
+// src/atom/Button/Button.module.scss
+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", "disabled": "Button-module__disabled___nwPn4", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
 
-// src/Button/Button.tsx
+// src/atom/Button/Button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function Button(props) {
   const {

package/dist/{Button.mjs → atom/Button/Button.mjs}

@@ -1,8 +1,8 @@
 import {
   Button,
   Button_default
-} from "./chunk-ME35H7QC.mjs";
-import "./chunk-FUJQIYOF.mjs";
+} from "../../chunk-AF2RKLH6.mjs";
+import "../../chunk-FWCSY2DS.mjs";
 export {
   Button,
   Button_default as default

package/dist/{Checkbox.js → atom/Checkbox/Checkbox.js}

@@ -56,7 +56,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/Checkbox/Checkbox.tsx
+// src/atom/Checkbox/Checkbox.tsx
 var Checkbox_exports = {};
 __export(Checkbox_exports, {
   Checkbox: () => Checkbox,
@@ -66,10 +66,10 @@ module.exports = __toCommonJS(Checkbox_exports);
 var import_antd = require("antd");
 var import_clsx = __toESM(require("clsx"));
 
-// src/Checkbox/Checkbox.module.scss
-var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___D2qRJ", "size_small": "Checkbox-module__size_small___lgUjj", "size_medium": "Checkbox-module__size_medium___Npyaz", "size_large": "Checkbox-module__size_large___chR9U", "type_checked": "Checkbox-module__type_checked___fhhpM", "disabled": "Checkbox-module__disabled___xqtab", "type_unchecked": "Checkbox-module__type_unchecked___1zNB7", "variant_normal": "Checkbox-module__variant_normal___MbKJP", "variant_emphasized": "Checkbox-module__variant_emphasized___Yo9yv", "variant_indeterminate": "Checkbox-module__variant_indeterminate___-tnoD" };
+// src/atom/Checkbox/Checkbox.module.scss
+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/Checkbox/Checkbox.tsx
+// src/atom/Checkbox/Checkbox.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function Checkbox(props) {
   const _a = props, {

package/dist/{Checkbox.mjs → atom/Checkbox/Checkbox.mjs}

@@ -1,8 +1,8 @@
 import {
   Checkbox,
   Checkbox_default
-} from "./chunk-OMYHSSPQ.mjs";
-import "./chunk-FUJQIYOF.mjs";
+} from "../../chunk-UQZNUEZE.mjs";
+import "../../chunk-FWCSY2DS.mjs";
 export {
   Checkbox,
   Checkbox_default as default