@namuna-nur/ui-kit 1.7.1 → 1.9.3

package/lib/shared/TabDots.tokens.js

@@ -3,11 +3,11 @@ import * as n from "react";
 import * as ht from "react-dom";
 import { b as wt, a as P } from "./twMerge.js";
 const Tt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 19, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.6 8a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6.5h6a.75.75 0 0 1 .75.75v6A.75.75 0 0 1 7.6 8zm10.5 0a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 12.1.5h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zM1.6 18.5a.75.75 0 0 1-.75-.75v-6A.75.75 0 0 1 1.6 11h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75zm10.5 0a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-.75.75z" })), gt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 19, height: 13, fill: "currentFill", ...e }, /* @__PURE__ */ n.createElement("path", { fillOpacity: 0.8, d: "M1.45 12.45a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.42.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.27.3.7a1 1 0 0 1-1 1zm0-5a1 1 0 0 1-.72-.28 1 1 0 0 1-.28-.72q0-.43.28-.7.3-.3.72-.3h16q.43 0 .7.3.3.28.3.7a1 1 0 0 1-1 1z" })), Te = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M9.73 18.24a1.2 1.2 0 0 1-.85-.35l-4.53-4.53a1.2 1.2 0 0 1 0-1.7 1.2 1.2 0 0 1 1.7 0l3.68 3.69 8.23-8.23a1.2 1.2 0 0 1 1.7 0 1.2 1.2 0 0 1 0 1.7l-9.08 9.07a1.2 1.2 0 0 1-.85.35" })), yt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.36, d: "m7 17.5 10-10M17 17.5 7 7.5" })), bt = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 9.49a1.4 1.4 0 0 0-1.4 1.39v9.73c0 .76.64 1.39 1.4 1.39a1.4 1.4 0 0 0 1.39-1.39v-9.73a1.4 1.4 0 0 0-1.4-1.4M12.37 3c-.5 0-.97.19-1.32.54q-.25.28-.4.6-.14.35-.14.71c0 .49.2.97.54 1.32.69.69 1.95.69 2.63 0a1.84 1.84 0 0 0 .39-2.02q-.14-.34-.39-.61A1.8 1.8 0 0 0 12.37 3" })), Et = (e) => /* @__PURE__ */ n.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 25, fill: "none", ...e }, /* @__PURE__ */ n.createElement("path", { fill: "currentFill", d: "M12.37 15.51a1.4 1.4 0 0 1-1.4-1.39V4.4c0-.76.64-1.39 1.4-1.39s1.39.63 1.39 1.39v9.73a1.4 1.4 0 0 1-1.4 1.4M12.37 22c-.5 0-.97-.19-1.32-.54a3 3 0 0 1-.4-.6q-.14-.35-.14-.71c0-.49.2-.97.54-1.32a1.94 1.94 0 0 1 2.63 0 1.84 1.84 0 0 1 .39 2.02q-.14.33-.39.61-.54.53-1.31.54" })), Ct = {
-  success: /* @__PURE__ */ s.jsx(Te, { className: "text-success-10 fill-success-10" }),
-  danger: /* @__PURE__ */ s.jsx(yt, { className: "text-danger-10 fill-danger-10" }),
-  info: /* @__PURE__ */ s.jsx(bt, { className: "text-info-10 fill-info-10" }),
-  warning: /* @__PURE__ */ s.jsx(Et, { className: "text-sidebar-20 fill-sidebar-20" }),
-  default: /* @__PURE__ */ s.jsx(Te, { className: "text-success-10 fill-success-10" })
+  success: /* @__PURE__ */ s.jsx(Te, { className: "text-sidebar-10 fill-sidebar-10" }),
+  danger: /* @__PURE__ */ s.jsx(yt, { className: "text-sidebar-10 fill-sidebar-10" }),
+  info: /* @__PURE__ */ s.jsx(bt, { className: "text-sidebar-10 fill-sidebar-10" }),
+  warning: /* @__PURE__ */ s.jsx(Et, { className: "text-sidebar-10 fill-sidebar-10" }),
+  default: /* @__PURE__ */ s.jsx(Te, { className: "text-sidebar-10 fill-sidebar-10" })
 };
 var Pt = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
@@ -458,15 +458,15 @@ const ye = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, be = wt, q
 ));
 Ut.displayName = $e.displayName;
 const Yt = qt(
-  "group pointer-events-auto rounded-[10px] relative border-l-2 flex w-full items-center justify-between space-x-2 overflow-hidden py-3 px-[15px] transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
+  "group pointer-events-auto rounded-[10px] text-sidebar-10 relative flex w-full items-center justify-between space-x-2 overflow-hidden py-3 px-[15px] transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full dark:border-neutral-800",
   {
     variants: {
       variant: {
-        success: "text-success-10 bg-success-10/[.20] border-success-10",
-        danger: "text-danger-10 bg-danger-10/[.20] border-danger-10",
-        info: "text-info-10 bg-info-10/[.20] border-info-10",
-        warning: "text-sidebar-20 bg-sidebar-20/[.20] border-sidebar-20",
-        default: "text-success-10 bg-success-10/[.20] border-success-10"
+        success: "bg-success-10",
+        danger: "bg-danger-10",
+        info: "bg-info-10",
+        warning: "bg-sidebar-20",
+        default: "bg-success-10"
       }
     },
     defaultVariants: {
@@ -521,7 +521,7 @@ const Ge = n.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ s.jsx(
   ze,
   {
     ref: t,
-    className: P("text-xs font-normal opacity-90", e),
+    className: P("text-xs font-normal", e),
     ...r
   }
 ));

package/lib/src/_shared/ProgressBar.utils.d.ts

@@ -0,0 +1,8 @@
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as React from 'react';
+export declare const ProgressRoot: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    classNames?: {
+        indicator?: string;
+    };
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/src/_shared/index.d.ts

@@ -4,3 +4,4 @@ export * from './Dropdown.utils';
 export * from './Tab.utils';
 export * from './Modal.utils';
 export * from './Notification.utils';
+export * from './ProgressBar.utils';

package/lib/src/assets/icons/index.d.ts

@@ -9,9 +9,11 @@ import { default as ArrowDownIcon } from './arrow-down.svg?react';
 import { default as ArrowLineIcon } from './arrow-line.svg?react';
 import { default as ArrowUpIcon } from './arrow-up.svg?react';
 import { default as ArrowIcon } from './arrow.svg?react';
+import { default as AsteriskIcon } from './asterisk.svg?react';
 import { default as AvatarIcon } from './avatar.svg?react';
 import { default as BackIcon } from './back.svg?react';
 import { default as BellIcon } from './bell.svg?react';
+import { default as BigStarIcon } from './big-star.svg?react';
 import { default as BotIcon } from './bot.svg?react';
 import { default as BuildingIcon } from './building.svg?react';
 import { default as BurgerIcon } from './burger.svg?react';
@@ -30,6 +32,7 @@ import { default as CheckDoubleIcon } from './check-double.svg?react';
 import { default as CheckIcon } from './check.svg?react';
 import { default as CheckMarkIcon } from './checkmark.svg?react';
 import { default as CleaningServiceIcon } from './cleaning-service.svg?react';
+import { default as CleaningIcon } from './cleaning.svg?react';
 import { default as CloseIcon } from './close.svg?react';
 import { default as ColdWaterIcon } from './cold-water.svg?react';
 import { default as CommentIcon } from './comment.svg?react';
@@ -128,6 +131,7 @@ import { default as ServiceManagementIcon } from './service-management.svg?react
 import { default as SettingIcon } from './setting.svg?react';
 import { default as ShareIcon } from './share.svg?react';
 import { default as SolarEyeIcon } from './solar-eye.svg?react';
+import { default as StarPerson } from './star-person.svg?react';
 import { default as StarIcon } from './star.svg?react';
 import { default as StatusCheckIcon } from './statusCheck.svg?react';
 import { default as StatusCloseIcon } from './statusClose.svg?react';
@@ -149,4 +153,4 @@ import { default as UsersIcon } from './users.svg?react';
 import { default as UtilityServiceIcon } from './utility-services.svg?react';
 import { default as XmarkIcon } from './x-mark.svg?react';
 import { default as LogoIcon } from '../images/logo.svg?react';
-export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, ArrowLineIcon, BackIcon, BellIcon, BotIcon, BuildingIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };
+export { AddHomeIcon, AddUserIcon, AdjustmentsIcon, AnalyticsIcon, AsteriskIcon, ArrowDownIcon, ArrowDownDownloadIcon, ArrowDownMiniIcon, ArrowDownSmallIcon, ArrowIcon, ArrowUpIcon, AvatarIcon, ArrowLineIcon, BackIcon, BellIcon, BotIcon, BuildingIcon, BigStarIcon, BurgerFilterIcon, BurgerIcon, CalendarIcon, CameraIcon, CleaningIcon, CameraMiniIcon, CameraServiceIcon, CarMultipleIcon, CarbonFilterIcon, CardIcon, ChatCheckIcon, ChatMessageIcon, CheckIcon, CheckDoubleIcon, ChatsIcon, CheckMarkIcon, CleaningServiceIcon, CloseIcon, ColdWaterIcon, CommentIcon, ControlIcon, CreateGroupIcon, CrossIcon, CrossProfileIcon, DangerIcon, DeleteIcon, DocumentFillIcon, DocumentIcon, DocumentTextIcon, DotListIcon, DotableSettings, DoubleChatIcon, DownloadIcon, DropDownIcon, DropUpIcon, EditIcon, EditPencilIcon, ElectricianSereviceIcon, ElectricalEnergyIcon, EmailIcon, EmployeesIcon, EmptyDoc, ExitIcon, ExportIcon, EyeCardIcon, EyeClosedIcon, EyeIcon, FeedbacksIcon, FileIcon, FileReportIcon, FileUploadIcon, FilterIcon, FinanceIcon, FireIcon, FolderHomeIcon, FolderIcon, FolderInputIcon, FolderSolidIcon, FullFolderIcon, GarbageIcon, GisHomeIcon, GridIcon, GroupUserIcon, HistoryBoldIcon, HomeDotIcon, HomeIcon, HomeSuccessIcon, HotWaterIcon, HouseIcon, LogoIcon, LogoWithTextIcon, LeftIcon, LeaveIcon, LinkDownloadIcon, ListIcon, LoadIcon, LockIcon, LogoutIcon, MagnifyIcon, ManageObjectsIcon, MapIcon, MenuDotsIcon, ModalPlusIcon, MobileIcon, NewsIcon, NotificationBellIcon, NotificationIcon, OfficeIcon, OperatorIcon, OptionsIcon, OrderDoneIcon, ParkingIcon, ParkingPlaceIcon, PdfFileIcon, PdfIcon, PencilIcon, PhoneIcon, PickerLeftIcon, PickerRightIcon, PlaneIcon, PlusIcon, PlusInputIcon, PlumberServiceIcon, PrintIcon, RatingIcon, RentServiceIcon, RepairServiceIcon, ReportIcon, RightIcon, RoleSettingIcon, ResponseArrowIcon, RoundedCopyIcon, ServiceManagementIcon, SettingIcon, ShareIcon, SolarEyeIcon, StarIcon, StarPerson, StatusCheckIcon, StatusCloseIcon, StatusInfoIcon, StatusWarningIcon, StepperReloadIcon, TelegramIcon, ThinPlusIcon, TimeLineIcon, TrashIcon, UserIcon, UserStarIcon, UserSuccesIcon, UserTimeIcon, UserProfileAvatarIcon, UserSettingsIcon, UsersIcon, UsersSettingsIcon, UtilityServiceIcon, XmarkIcon, };

package/lib/src/atoms/Input/Input.d.ts

@@ -1,6 +1,5 @@
 export declare const Input: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
-    status?: import('..').InputMessageType;
-    message?: string;
+    status?: import('..').InputStatusType;
     classNames?: {
         parent?: string;
         target?: string;

package/lib/src/atoms/Input/Input.tokens.d.ts

@@ -1,21 +1,2 @@
-export declare const inputTokens: {
-    parent: string;
-    base: string;
-    disabled: string;
-    state: {
-        active: string;
-        focus: string;
-        hover: string;
-    };
-    styles: {
-        danger: string;
-        info: string;
-        success: string;
-    };
-    maxLength: string;
-    message: {
-        danger: string;
-        success: string;
-        info: string;
-    };
-};
+import { InputTokens } from './Input.types';
+export declare const inputTokens: InputTokens;

package/lib/src/atoms/Input/Input.types.d.ts

@@ -2,21 +2,19 @@ import { StoryObj } from '@storybook/react';
 import { InputHTMLAttributes } from 'react';
 import { Input } from '..';
 export type InputStory = StoryObj<typeof Input>;
-export type InputMessageType = 'success' | 'danger' | 'info';
+export type InputStatusType = 'success' | 'danger' | 'info';
 export type InputStatus = 'active' | 'focus' | 'hover';
 export type InputLabel = 'base' | 'disabled';
 export type InputTokens = {
     parent: string;
     base: string;
     disabled: string;
-    styles: Record<InputMessageType, string>;
+    styles: Record<InputStatusType, string>;
     state: Record<InputStatus, string>;
-    message: Record<InputMessageType, string>;
     maxLength?: string;
 };
 export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
-    status?: InputMessageType;
-    message?: string;
+    status?: InputStatusType;
     classNames?: {
         parent?: string;
         target?: string;

package/lib/src/atoms/Notification/Notification.stories.d.ts

@@ -7,3 +7,4 @@ export declare const TypeInfo: () => import("react/jsx-runtime").JSX.Element;
 export declare const TypeSuccess: () => import("react/jsx-runtime").JSX.Element;
 export declare const TypeWarning: () => import("react/jsx-runtime").JSX.Element;
 export declare const TypeDanger: () => import("react/jsx-runtime").JSX.Element;
+export declare const WhithoutDescription: () => import("react/jsx-runtime").JSX.Element;

package/lib/src/atoms/Select/Select.tokens.d.ts

@@ -25,15 +25,9 @@ export declare const selectTokens: {
     };
     status: {
         styles: {
-            danger: {
-                trigger: string;
-            };
-            info: {
-                trigger: string;
-            };
-            success: {
-                trigger: string;
-            };
+            danger: string;
+            info: string;
+            success: string;
         };
     };
 };

package/lib/src/atoms/Textarea/Textarea.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
 export declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    status?: import('..').TextareaMessageType;
-    message?: string;
+    status?: import('..').TextareaStatus;
 } & React.RefAttributes<HTMLTextAreaElement>>;

package/lib/src/atoms/Textarea/Textarea.types.d.ts

@@ -2,23 +2,21 @@ import { StoryObj } from '@storybook/react';
 import { TextareaHTMLAttributes } from 'react';
 import { Textarea } from '..';
 export type TextareaStory = StoryObj<typeof Textarea>;
-export type TextareaMessageType = 'success' | 'danger' | 'info';
+export type TextareaStatus = 'success' | 'danger' | 'info';
 export type TextareaTokens = {
     root: string;
     base: string;
     disabled: string;
     messageContainer: string;
-    styles: Record<TextareaMessageType, string>;
+    styles: Record<TextareaStatus, string>;
     icon: {
         input: string;
         base: string;
         parent: string;
     };
     state: Record<'focus' | 'hover', string>;
-    message: Record<TextareaMessageType, string>;
     maxLength: string;
 };
 export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    status?: TextareaMessageType;
-    message?: string;
+    status?: TextareaStatus;
 };

package/lib/src/molecules/CardMonthly/CardMonthly.d.ts

@@ -0,0 +1,2 @@
+import { CardMonthlyProps } from '..';
+export declare const CardMonthly: import('react').ForwardRefExoticComponent<CardMonthlyProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardMonthly/CardMonthly.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { CardMonthly, CardMonthlyStory } from '..';
+declare const meta: Meta<typeof CardMonthly>;
+export declare const Master: CardMonthlyStory;
+export declare const Service: CardMonthlyStory;
+export default meta;

package/lib/src/molecules/CardMonthly/CardMonthly.tokens.d.ts

@@ -0,0 +1,7 @@
+export declare const cardMonthlyTokens: {
+    root: string;
+    title: string;
+    status: string;
+    block: string;
+    serviceTitle: string;
+};

package/lib/src/molecules/CardMonthly/CardMonthly.types.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+import { AvatarGroupProps, CardMonthly } from '..';
+export type CardMonthlyProps = {
+    icon: React.ReactNode;
+    title: string;
+    total: number;
+    percent: number;
+    mode: 'master' | 'service';
+    avatarGroupProps?: AvatarGroupProps;
+    rating?: number;
+    service?: {
+        name: string;
+        type: string;
+        icon: React.ReactNode;
+    };
+    classNames?: {
+        root?: string;
+        block?: string;
+    };
+};
+export type CardMonthlyStory = StoryObj<typeof CardMonthly>;

package/lib/src/molecules/CardMonthly/CardMonthly.utils.d.ts

@@ -0,0 +1,45 @@
+export declare const getChartOptions: (value: number) => {
+    emphasis: {
+        disabled: boolean;
+    };
+    title: {
+        text: string;
+        left: string;
+        top: string;
+        textStyle: {
+            fontSize: number;
+            fontWeight: number;
+            color: string;
+        };
+    };
+    tooltip: boolean;
+    series: {
+        type: string;
+        radius: string[];
+        startAngle: number;
+        hoverAnimation: boolean;
+        emphasis: {
+            scale: boolean;
+            disabled: boolean;
+        };
+        label: {
+            show: boolean;
+        };
+        labelLine: {
+            show: boolean;
+        };
+        data: ({
+            value: number;
+            itemStyle: {
+                color: string;
+                borderRadius: number;
+            };
+        } | {
+            value: number;
+            itemStyle: {
+                color: string;
+                borderRadius?: undefined;
+            };
+        })[];
+    }[];
+};

package/lib/src/molecules/CardMonthly/index.d.ts

@@ -0,0 +1,3 @@
+export { CardMonthly } from './CardMonthly';
+export * from './CardMonthly.tokens';
+export type * from './CardMonthly.types';

package/lib/src/molecules/CardPieChart/CardPieChart.d.ts

@@ -0,0 +1,2 @@
+import { CardPieChartProps } from '..';
+export declare const CardPieChart: import('react').ForwardRefExoticComponent<CardPieChartProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardPieChart/CardPieChart.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { CardPieChartStory, CardPieChart } from '..';
+declare const meta: Meta<typeof CardPieChart>;
+export declare const PieChart: CardPieChartStory;
+export declare const DoughnutChart: CardPieChartStory;
+export declare const Progress: CardPieChartStory;
+export default meta;

package/lib/src/molecules/CardPieChart/CardPieChart.tokens.d.ts

@@ -0,0 +1,20 @@
+export declare const cardPieChartTokens: {
+    root: string;
+    header: string;
+    link: string;
+    title: string;
+    totalText: string;
+    block: string;
+    total: string;
+    badge: string;
+    percent: string;
+    progress: {
+        root: string;
+        line: string;
+        row: string;
+        name: string;
+        bar: string;
+        indicator: string;
+        value: string;
+    };
+};

package/lib/src/molecules/CardPieChart/CardPieChart.types.d.ts

@@ -0,0 +1,45 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CardPieChart } from '..';
+export type CardPieChartProps = {
+    chartMode?: 'doughtnut' | 'pie';
+    mode?: 'chart' | 'progress';
+    title: string;
+    icon?: React.ReactNode;
+    data: {
+        total: number;
+        growth?: number;
+        rented: number;
+        sold: number;
+        free: number;
+        blocked?: number;
+    };
+    colors: string[];
+    classNames?: {
+        root?: string;
+        header?: string;
+        link?: string;
+        totalText?: string;
+        block?: string;
+        total?: string;
+        badge?: string;
+        percent?: string;
+        progress?: {
+            root?: string;
+            line?: string;
+            row?: string;
+            name?: string;
+            bar?: string;
+            indicator?: string;
+            value?: string;
+        };
+    };
+};
+export type CardPieChartOptionsProps = {
+    chartMode: CardPieChartProps['chartMode'];
+    colors: CardPieChartProps['colors'];
+    items: {
+        value: number;
+        name: string;
+    }[];
+};
+export type CardPieChartStory = StoryObj<typeof CardPieChart>;

package/lib/src/molecules/{CardPie/CardPie.utils.d.ts → CardPieChart/CardPieChart.utils.d.ts}

@@ -1,5 +1,5 @@
-import { CardPieOptionsProps } from '..';
-export declare const getChartOptions: ({ mode, colors, data, }: CardPieOptionsProps) => {
+import { CardPieChartOptionsProps } from '..';
+export declare const getChartOptions: ({ chartMode, colors, items, }: CardPieChartOptionsProps) => {
     color: string[];
     tooltip: {
         trigger: string;

package/lib/src/molecules/CardPieChart/index.d.ts

@@ -0,0 +1,3 @@
+export { CardPieChart } from './CardPieChart';
+export * from './CardPieChart.tokens';
+export type * from './CardPieChart.types';

package/lib/src/molecules/CardProgress/CardProgress.d.ts

@@ -0,0 +1,2 @@
+import { CardProgressProps } from '..';
+export declare const CardProgress: import('react').ForwardRefExoticComponent<CardProgressProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardProgress/CardProgress.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CardProgressStory, CardProgress } from '..';
+declare const meta: Meta<typeof CardProgress>;
+export declare const Default: CardProgressStory;
+export default meta;

package/lib/src/molecules/CardProgress/CardProgress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/CardProgress/CardProgress.tokens.d.ts

@@ -0,0 +1,12 @@
+export declare const cardProgressTokens: {
+    root: string;
+    header: string;
+    link: string;
+    title: string;
+    bar: {
+        block: string;
+        text: string;
+        bar: string;
+        indicator: string;
+    };
+};

package/lib/src/molecules/CardProgress/CardProgress.types.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CardProgress } from '..';
+export type CardProgressProps = {
+    paid: number;
+    pending: number;
+    overdue: number;
+    title: string;
+    icon: React.ReactNode;
+    total: number;
+    classNames?: {
+        header?: string;
+        link?: string;
+        root?: string;
+        bar: {
+            block?: string;
+            text?: string;
+            bar?: string;
+            indicator?: string;
+        };
+    };
+};
+export type CardProgressStory = StoryObj<typeof CardProgress>;

package/lib/src/molecules/CardProgress/index.d.ts

@@ -0,0 +1,3 @@
+export { CardProgress } from './CardProgress';
+export * from './CardProgress.tokens';
+export type * from './CardProgress.types';

package/lib/src/molecules/CardRingChart/CardRingChart.d.ts

@@ -0,0 +1,2 @@
+import { CardRingChartProps } from '..';
+export declare const CardRingChart: import('react').ForwardRefExoticComponent<CardRingChartProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardRingChart/CardRingChart.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { CardRingChartStory, CardRingChart } from '..';
+declare const meta: Meta<typeof CardRingChart>;
+export declare const RingChart: CardRingChartStory;
+export default meta;

package/lib/src/molecules/CardRingChart/CardRingChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/CardRingChart/CardRingChart.tokens.d.ts

@@ -0,0 +1,16 @@
+export declare const cardRingChartTokens: {
+    root: string;
+    header: string;
+    link: string;
+    title: string;
+    totalText: string;
+    block: string;
+    total: string;
+    info: string;
+    chartBlock: string;
+    legend: {
+        main: string;
+        root: string;
+        dot: string;
+    };
+};

package/lib/src/molecules/CardRingChart/CardRingChart.types.d.ts

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react-vite';
+import { CardRingChart } from '..';
+export type CardRingChartProps = {
+    title: string;
+    icon?: React.ReactNode;
+    data: {
+        total: number;
+        active: number;
+        cooming: number;
+        expired: number;
+    };
+    colors: string[];
+    classNames?: {
+        root?: string;
+        header?: string;
+        link?: string;
+        totalText?: string;
+        block?: string;
+        total?: string;
+        info?: string;
+        chartBlock?: string;
+        legend?: {
+            root?: string;
+            main?: string;
+        };
+    };
+};
+export type CardRingChartStory = StoryObj<typeof CardRingChart>;
+export type CardRingChartOptionsProps = {
+    total: number;
+    value: number;
+    color: string;
+};

package/lib/src/molecules/CardRingChart/CardRingChart.utils.d.ts

@@ -0,0 +1,49 @@
+import { CardRingChartOptionsProps } from '..';
+export declare const getChartOptions: ({ total, value, color, }: CardRingChartOptionsProps) => {
+    emphasis: {
+        disabled: boolean;
+    };
+    title: {
+        text: string;
+        left: string;
+        top: string;
+        textStyle: {
+            fontSize: number;
+            fontWeight: number;
+            color: string;
+        };
+    };
+    tooltip: {
+        trigger: string;
+        formatter: string;
+    };
+    series: {
+        type: string;
+        radius: string[];
+        startAngle: number;
+        hoverAnimation: boolean;
+        emphasis: {
+            scale: boolean;
+            disabled: boolean;
+        };
+        label: {
+            show: boolean;
+        };
+        labelLine: {
+            show: boolean;
+        };
+        data: ({
+            value: number;
+            itemStyle: {
+                color: string;
+                borderRadius: number;
+            };
+        } | {
+            value: number;
+            itemStyle: {
+                color: string;
+                borderRadius?: undefined;
+            };
+        })[];
+    }[];
+};

package/lib/src/molecules/CardRingChart/index.d.ts

@@ -0,0 +1,3 @@
+export { CardRingChart } from './CardRingChart';
+export * from './CardRingChart.tokens';
+export type * from './CardRingChart.types';

package/lib/src/molecules/CardStat/CardStat.d.ts

@@ -0,0 +1,2 @@
+import { CardStatProps } from '..';
+export declare const CardStat: import('react').ForwardRefExoticComponent<CardStatProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/src/molecules/CardStat/CardStat.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { CardStat, CardStatStory } from '..';
+declare const meta: Meta<typeof CardStat>;
+export declare const Stat: CardStatStory;
+export declare const Bid: CardStatStory;
+export declare const DangerBid: CardStatStory;
+export declare const PrimaryBid: CardStatStory;
+export declare const Payment: CardStatStory;
+export declare const Count: CardStatStory;
+export default meta;

package/lib/src/molecules/CardStat/CardStat.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/molecules/CardStat/CardStat.tokens.d.ts

@@ -0,0 +1,12 @@
+export declare const cardStatTokens: {
+    container: string;
+    title: string;
+    total: string;
+    growth: string;
+    icon: string;
+    badge: string;
+    percent: string;
+    payment: string;
+    counBlock: string;
+    totalBlock: string;
+};