@itilite/lumina-ui 1.1.11 → 1.1.13

package/dist/Avatar-DX2JwvAs.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface AvatarProps {
+    img?: string;
+    className?: string;
+    name: string;
+    height?: number;
+    width?: number;
+    size?: "small" | "normal";
+}
+
+declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+
+export { type AvatarProps as A, Avatar as a };

package/dist/Avatar-DX2JwvAs.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface AvatarProps {
+    img?: string;
+    className?: string;
+    name: string;
+    height?: number;
+    width?: number;
+    size?: "small" | "normal";
+}
+
+declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
+declare namespace Avatar {
+    var displayName: string;
+}
+
+export { type AvatarProps as A, Avatar as a };

package/dist/Tag-l7I5oeyk.d.mts

@@ -0,0 +1,13 @@
+import * as React$1 from 'react';
+
+interface TagProps {
+    type?: "success" | "warning" | "blue" | "processing" | "failed";
+    className?: string;
+    title?: string;
+    icon?: React.ReactElement;
+    size?: string;
+}
+
+declare const Tag: React$1.FC<TagProps>;
+
+export { type TagProps as T, Tag as a };

package/dist/Tag-l7I5oeyk.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from 'react';
+
+interface TagProps {
+    type?: "success" | "warning" | "blue" | "processing" | "failed";
+    className?: string;
+    title?: string;
+    icon?: React.ReactElement;
+    size?: string;
+}
+
+declare const Tag: React$1.FC<TagProps>;
+
+export { type TagProps as T, Tag as a };

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

@@ -1,13 +1,5 @@
 import * as React from 'react';
-
-interface AvatarProps {
-    img?: string;
-    className?: string;
-    name: string;
-    height?: number;
-    width?: number;
-    size?: "small" | "normal";
-}
+import { A as AvatarProps } from '../../types-mhQmqhsR.mjs';
 
 declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
 declare namespace Avatar {

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

@@ -1,13 +1,5 @@
 import * as React from 'react';
-
-interface AvatarProps {
-    img?: string;
-    className?: string;
-    name: string;
-    height?: number;
-    width?: number;
-    size?: "small" | "normal";
-}
+import { A as AvatarProps } from '../../types-mhQmqhsR.js';
 
 declare function Avatar({ img, className, name, height, width, size, }: AvatarProps): React.JSX.Element;
 declare namespace Avatar {

package/dist/atom/RangePicker/RangePicker.mjs

@@ -1,11 +1,11 @@
 import {
   CustomRangePicker,
   RangePicker_default
-} from "../../chunk-W7J4GMPI.mjs";
-import "../../chunk-ZTRM4HZJ.mjs";
+} from "../../chunk-35KDS27M.mjs";
 import "../../chunk-E4FCLHYA.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-QKTMWS4J.mjs";
+import "../../chunk-ZTRM4HZJ.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   CustomRangePicker as RangePicker,

package/dist/atom/Tag/Tag.d.mts

@@ -1,13 +1,6 @@
-import * as React$1 from 'react';
+import * as React from 'react';
+import { T as TagProps } from '../../types-D4MD2w3_.mjs';
 
-interface TagProps {
-    type?: "success" | "warning" | "blue" | "processing" | "failed";
-    className?: string;
-    title?: string;
-    icon?: React.ReactElement;
-    size?: string;
-}
-
-declare const Tag: React$1.FC<TagProps>;
+declare const Tag: React.FC<TagProps>;
 
 export { Tag, Tag as default };

package/dist/atom/Tag/Tag.d.ts

@@ -1,13 +1,6 @@
-import * as React$1 from 'react';
+import * as React from 'react';
+import { T as TagProps } from '../../types-D4MD2w3_.js';
 
-interface TagProps {
-    type?: "success" | "warning" | "blue" | "processing" | "failed";
-    className?: string;
-    title?: string;
-    icon?: React.ReactElement;
-    size?: string;
-}
-
-declare const Tag: React$1.FC<TagProps>;
+declare const Tag: React.FC<TagProps>;
 
 export { Tag, Tag as default };

package/dist/chunk-3S4X3YO2.mjs

@@ -0,0 +1,64 @@
+import {
+  Avatar
+} from "./chunk-IWO2Y5QX.mjs";
+import {
+  Tag
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/molecules/UserProfile/UserProfile.tsx
+import clsx from "clsx";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserProfile = ({
+  firstName,
+  lastName,
+  email,
+  profileImg,
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ jsxs("p", { className: clsx(UserProfile_module_default.profileName, "tw-typography-body2Bold"), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ jsx(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ jsx("p", { className: clsx(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask"), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+
+export {
+  UserProfile,
+  UserProfile_default
+};

package/dist/chunk-DLLT6V65.mjs

@@ -0,0 +1,141 @@
+import {
+  Button
+} from "./chunk-SWRFCTJW.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Modal/Modal.tsx
+import { Modal as AntModal } from "antd";
+import clsx from "clsx";
+
+// src/atom/Modal/Modal.module.scss
+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
+import { jsx, jsxs } from "react/jsx-runtime";
+var Close = (_a) => {
+  var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      width: size,
+      height: size,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, rest), {
+      children: /* @__PURE__ */ 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) => {
+  var _b = _a, {
+    className = "",
+    title = "",
+    children,
+    open = false,
+    handleOk,
+    handleCancel,
+    okText = "",
+    cancelText = "",
+    closeIcon = /* @__PURE__ */ jsx(Close, { color: "#6B7280" }),
+    bodyClassName = "modalBody",
+    outsideClickDisable = false,
+    hideCross = false,
+    okButtonLoading = false,
+    okButtonDisabled = false,
+    variant = "primary",
+    okBtnClasses = "",
+    cancelButtonAnalytics = {},
+    okButtonAnalytics = {},
+    footerMargintopDisable = true
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "title",
+    "children",
+    "open",
+    "handleOk",
+    "handleCancel",
+    "okText",
+    "cancelText",
+    "closeIcon",
+    "bodyClassName",
+    "outsideClickDisable",
+    "hideCross",
+    "okButtonLoading",
+    "okButtonDisabled",
+    "variant",
+    "okBtnClasses",
+    "cancelButtonAnalytics",
+    "okButtonAnalytics",
+    "footerMargintopDisable"
+  ]);
+  return /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+    AntModal,
+    __spreadProps(__spreadValues({
+      title,
+      open,
+      onOk: handleOk,
+      onCancel: handleCancel,
+      className: clsx(Modal_module_default.modal, className, {
+        footerMargintopDisable
+      }),
+      okText,
+      cancelText,
+      closeIcon,
+      closable: !hideCross,
+      maskClosable: !outsideClickDisable,
+      footer: okText || cancelText ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx({
+            primaryFooter: variant === "primary",
+            secondaryFooter: variant === "secondary"
+          }),
+          children: [
+            cancelText && /* @__PURE__ */ jsx(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleCancel,
+                type: "secondary",
+                className: "cancelBtn",
+                variant: "subtle"
+              }, cancelButtonAnalytics), {
+                children: cancelText
+              })
+            ),
+            okText && /* @__PURE__ */ jsx(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleOk,
+                className: clsx(okBtnClasses, "okBtn"),
+                loading: okButtonLoading,
+                disabled: okButtonDisabled
+              }, okButtonAnalytics), {
+                children: okText
+              })
+            )
+          ]
+        }
+      ) : null
+    }, rest), {
+      children: /* @__PURE__ */ jsx("div", { className: bodyClassName, children })
+    })
+  ) });
+};
+Modal.displayName = "Modal";
+var Modal_default = Modal;
+
+export {
+  Modal,
+  Modal_default
+};

package/dist/chunk-I5VHKSQR.mjs

@@ -0,0 +1,64 @@
+import {
+  Tag
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  Avatar
+} from "./chunk-IWO2Y5QX.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/molecules/UserProfile/UserProfile.tsx
+import clsx from "clsx";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserProfile = ({
+  firstName,
+  lastName,
+  email,
+  profileImg,
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ jsxs("p", { className: clsx(UserProfile_module_default.profileName, "tw-typography-body2Bold"), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ jsx(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ jsx("p", { className: clsx(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask"), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+
+export {
+  UserProfile,
+  UserProfile_default
+};

package/dist/chunk-N2WTNCQU.mjs

@@ -0,0 +1,66 @@
+import {
+  Tag
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  Avatar
+} from "./chunk-IWO2Y5QX.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/molecules/UserProfile/UserProfile.tsx
+import clsx from "clsx";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserProfile = ({
+  firstName = "",
+  lastName = "",
+  email = "",
+  profileImg = "",
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey = "",
+  nameClassName = "",
+  emailClassName = ""
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ jsxs("p", { className: clsx(nameClassName || clsx(UserProfile_module_default.profileName, "tw-typography-body2Bold")), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ jsx(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ jsx("p", { className: clsx(emailClassName || clsx(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask")), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+
+export {
+  UserProfile,
+  UserProfile_default
+};

package/dist/chunk-N3YFQDW7.mjs

@@ -0,0 +1,77 @@
+// src/atom/Button/Button.tsx
+import { Button as AntButton } from "antd";
+import clsx from "clsx";
+
+// 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", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
+
+// src/atom/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  const {
+    // type = "primary",
+    variant = "default",
+    size = "normal",
+    shape = "default",
+    className = "",
+    icon = null,
+    children,
+    onClick,
+    href = "",
+    disabled = false,
+    loading = false,
+    onHoverUnderline = false
+  } = props;
+  const buttonMap = {
+    default: "primary",
+    subtle: "default",
+    text: "text",
+    link: "link"
+  };
+  const sizeMap = {
+    small: "small",
+    normal: "middle",
+    // Map "default" to "middle"
+    large: "large"
+  };
+  return /* @__PURE__ */ jsx(
+    AntButton,
+    {
+      className: clsx(
+        Button_module_default.button,
+        Button_module_default[`size_${size}`],
+        Button_module_default[`variant_${variant}`],
+        Button_module_default[`shape_${shape}`],
+        Button_module_default[`type_${type}`],
+        `size_${size}`,
+        `variant_${variant}`,
+        `shape_${shape}`,
+        `type_${type}`,
+        className,
+        {
+          "tw-cursor-not-allowed": disabled,
+          "tw-opacity-40": disabled
+        },
+        disabled && Button_module_default.disabled,
+        onHoverUnderline && Button_module_default.onHoverUnderline
+      ),
+      "data-testid": "lumina-button",
+      disabled,
+      href: href || void 0,
+      icon,
+      loading,
+      onClick,
+      shape,
+      size: sizeMap[size],
+      type: buttonMap[variant],
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button,
+  Button_default
+};

package/dist/chunk-QWK3MYDM.mjs

@@ -0,0 +1,64 @@
+import {
+  Avatar
+} from "./chunk-X76GNSBB.mjs";
+import {
+  Tag
+} from "./chunk-4VZB2KR2.mjs";
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/molecules/UserProfile/UserProfile.tsx
+import clsx from "clsx";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var UserProfile = ({
+  firstName,
+  lastName,
+  email,
+  profileImg,
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ jsxs("div", { className: clsx(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ jsxs("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ jsxs("p", { className: clsx(UserProfile_module_default.profileName, "tw-typography-body2Bold"), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ jsx(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ jsx("p", { className: clsx(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask"), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+
+export {
+  UserProfile,
+  UserProfile_default
+};