phx-uikit 1.0.70 → 1.0.71

package/dist/cjs/components/ActivityHistory/ActivityHistory.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IActivityHistoryProps<ChildType = any> {
+    loading?: boolean;
+    title?: string;
+    data: Array<{
+        date: string;
+        childs: Array<ChildType>;
+    }>;
+    generateChildren?(item: ChildType): React.ReactNode | string;
+    bgColor?: string;
+}
+export default function PHXActivityHistory<ChildType>({ loading, title, data, generateChildren, bgColor, }: IActivityHistoryProps<ChildType>): React.JSX.Element;
+export {};

package/dist/cjs/components/ActivityHistory/ActivityHistory.js

@@ -0,0 +1,50 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function PHXActivityHistory(_a) {
+    var _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.title, title = _c === void 0 ? 'Lịch sử hoạt động' : _c, _d = _a.data, data = _d === void 0 ? [] : _d, generateChildren = _a.generateChildren, _e = _a.bgColor, bgColor = _e === void 0 ? 'bg-white' : _e;
+    return (react_1["default"].createElement("div", { className: ' px-3  relative w-full' },
+        react_1["default"].createElement("p", { className: 'text-sm font-[650]' }, title),
+        loading ? (react_1["default"].createElement("div", { className: 'space-y-4 mt-4' },
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' })))),
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' })))),
+            react_1["default"].createElement("div", { className: 'flex animate-pulse space-x-4' },
+                react_1["default"].createElement("div", { className: 'flex-1 space-y-6 py-1' },
+                    react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' }),
+                    react_1["default"].createElement("div", { className: 'space-y-3' },
+                        react_1["default"].createElement("div", { className: 'grid grid-cols-3 gap-4' },
+                            react_1["default"].createElement("div", { className: 'col-span-2 h-2 rounded bg-gray-200' }),
+                            react_1["default"].createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
+                        react_1["default"].createElement("div", { className: 'h-2 rounded bg-gray-200' })))))) : (react_1["default"].createElement(react_1["default"].Fragment, null, data.length > 0 && generateChildren ? (react_1["default"].createElement(react_1["default"].Fragment, null,
+            react_1["default"].createElement("div", { className: ' absolute bg-[#CCCCCC] top-[1.3rem] left-[1.17rem] h-full w-[0.5px]' }),
+            react_1["default"].createElement("div", { className: " absolute  h-[80px] w-4 left-[1rem] -bottom-20  ".concat(bgColor) }),
+            data.map(function (item, index) {
+                return (react_1["default"].createElement("div", { key: index, className: 'w-full pl-8 pt-4' },
+                    react_1["default"].createElement("p", { className: 'text-[12px] font-normal text-[#616161] pb-3' }, item.date),
+                    react_1["default"].createElement("div", { className: ' space-y-5 relative' }, item.childs.map(function (history, historyIndex) {
+                        return (react_1["default"].createElement("div", { key: historyIndex, className: 'w-full  items-start flex justify-between gap-x-6 relative' },
+                            react_1["default"].createElement("div", { className: ' absolute -left-[2.05rem]  ' },
+                                react_1["default"].createElement("div", { className: "w-1 h-1 absolute  right-[0.4rem] -top-1 ".concat(bgColor) }),
+                                react_1["default"].createElement("img", { className: 'w-[16px] h-[16px]', src: 'https://sisv2-cdn.phx-smartschool.com/store/product/4-23-2025/84089cd5-7468-4093-a7df-65123cb4704a-Frame-354557.png' }),
+                                react_1["default"].createElement("div", { className: "w-1 h-1 absolute  right-[0.4rem] -bottom-1 ".concat(bgColor) })),
+                            generateChildren(history)));
+                    }))));
+            }))) : (react_1["default"].createElement("p", { className: 'text-xs text-gray-500 font-normal mt-2' }, "Ch\u01B0a c\u00F3 l\u1ECBch s\u1EED ho\u1EA1t \u0111\u1ED9ng."))))));
+}
+exports["default"] = PHXActivityHistory;
+//# sourceMappingURL=ActivityHistory.js.map

package/dist/cjs/components/ActivityHistory/ActivityHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityHistory.js","sourceRoot":"","sources":["../../../../src/components/ActivityHistory/ActivityHistory.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/ActivityHistory/index.d.ts

@@ -0,0 +1 @@
+export * from './ActivityHistory';

package/dist/cjs/components/ActivityHistory/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ActivityHistory"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ActivityHistory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActivityHistory/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC"}

package/dist/cjs/components/Badge/Badge.js

@@ -4,14 +4,18 @@ exports.PHXBadge = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var types_1 = require("../types");
+var icon_1 = require("./assets/icon");
 function PHXBadge(_a) {
     var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className, removeButton = _a.removeButton, onClick = _a.onClick;
-    var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-[#e4e4e4] text-[#616161]', type === 'success' && 'bg-[#cdfee1] text-[#0c5132]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d] text-[#4f4700]', type === 'warning' && 'bg-[#ffd6a4] text-[#5e4200]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
-    return (react_1["default"].createElement("span", { className: (0, types_1.classNames)("rounded-lg py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className), removeButton ? 'pl-2 pr-0 flex items-center w-fit' : 'px-2') },
-        text,
-        removeButton && (react_1["default"].createElement("button", { onClick: onClick, className: 'px-0.5 ml-1 py-0.5 rounded-lg hover:bg-gray-300' },
-            react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
-                react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' }))))));
+    var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-neutral-100 text-neutral-700', type === 'success' && 'bg-green-100 text-green-700', type === 'informational' && 'bg-blue-100 text-blue-700', type === 'attention' && 'bg-yellow-100 text-yellow-700', type === 'warning' && 'bg-orange-100 text-orange-700 ', type === 'danger' && 'bg-red-100 text-red-700');
+    return (react_1["default"].createElement("div", { className: "rounded-xl text-center py-0.5 text-xxs  font-normal  leading-4 w-fit  px-2 ".concat(typeClassName, " ").concat(className) },
+        react_1["default"].createElement("span", { className: 'inline-block align-middle w-[12px] h-[12px] mr-1' },
+            react_1["default"].createElement("img", { alt: 'icon', className: (0, types_1.classNames)('h-[12px] w-[12px] text-gray-950'), height: 100, src: icon_1.Icons[type.toUpperCase()], width: 100 })),
+        react_1["default"].createElement("span", { className: 'inline-block align-middle font-medium text-xxs' }, text),
+        removeButton && (react_1["default"].createElement("span", { className: 'inline-block align-middle pl-0.5   rounded-lg hover:bg-gray-300' },
+            react_1["default"].createElement("button", { onClick: onClick, className: 'flex justify-center items-center' },
+                react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-3 h-3' },
+                    react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6 18L18 6M6 6l12 12' })))))));
 }
 exports.PHXBadge = PHXBadge;
 //# sourceMappingURL=Badge.js.map

package/dist/cjs/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAUrC,SAAgB,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,WAAW,IAAI,6BAA6B,EACrD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IACD,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,0DAAmD,aAAa,cAAI,SAAS,CAAE,EAC/E,YAAY,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,MAAM,CAC5D;QAEA,IAAI;QACJ,YAAY,IAAI,CACf,6CAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iDAAiD;YACnF,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;gBAEnB,2CAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACV,CACI,CACR,CAAA;AACH,CAAC;AAjCD,4BAiCC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AACrC,sCAAqC;AAUrC,SAAgB,QAAQ,CAAC,EAAwE;QAAtE,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IACjF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,SAAS,IAAI,iCAAiC,EACvD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,eAAe,IAAI,2BAA2B,EACvD,IAAI,KAAK,WAAW,IAAI,+BAA+B,EACvD,IAAI,KAAK,SAAS,IAAI,gCAAgC,EACtD,IAAI,KAAK,QAAQ,IAAI,yBAAyB,CAC/C,CAAA;IACD,OAAO,CACL,0CACE,SAAS,EAAE,qFAA8E,aAAa,cAAI,SAAS,CAAE;QAErH,2CAAM,SAAS,EAAC,kDAAkD;YAChE,0CACE,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,IAAA,kBAAU,EAAC,iCAAiC,CAAC,EACxD,MAAM,EAAE,GAAG,EACX,GAAG,EAAE,YAAK,CAAC,IAAI,CAAC,WAAW,EAAwB,CAAC,EACpD,KAAK,EAAE,GAAG,GACV,CACG;QACP,2CAAM,SAAS,EAAC,gDAAgD,IAAE,IAAI,CAAQ;QAE7E,YAAY,IAAI,CACf,2CAAM,SAAS,EAAC,iEAAiE;YAC/E,6CAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kCAAkC;gBACpE,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;oBAEnB,2CAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,CAC1E,CACC,CACJ,CACR,CACG,CACP,CAAA;AACH,CAAC;AA1CD,4BA0CC"}

package/dist/cjs/components/Badge/assets/icon.d.ts

@@ -0,0 +1,8 @@
+export declare const Icons: {
+    DEFAULT: string;
+    ATTENTION: string;
+    DANGER: string;
+    INFORMATIONAL: string;
+    SUCCESS: string;
+    WARNING: string;
+};

package/dist/cjs/components/Badge/assets/icon.js

@@ -0,0 +1,18 @@
+"use strict";
+exports.__esModule = true;
+exports.Icons = void 0;
+var DEFAULT = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/70a99adb-376b-4020-8556-c0da1208a904-default.png';
+var ATTENTION = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/22ee9e09-7bb1-44e7-bc1c-9839b1acc0ec-attention.png';
+var DANGER = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/a87c6463-9cd1-4a5e-88a8-af564fe2d31c-danger.png';
+var INFORMATIONAL = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/7eb4a009-18f0-4cb3-a09e-6bb7397b60e8-info.png';
+var SUCCESS = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/d275f2ce-71e4-4675-a420-8ac963e9ea97-success.png';
+var WARNING = 'https://sisv2-cdn.phx-smartschool.com/library/book-copy/5-13-2025/81d52650-0f09-458b-9662-ae0523c90972-warning.png';
+exports.Icons = {
+    DEFAULT: DEFAULT,
+    ATTENTION: ATTENTION,
+    DANGER: DANGER,
+    INFORMATIONAL: INFORMATIONAL,
+    SUCCESS: SUCCESS,
+    WARNING: WARNING
+};
+//# sourceMappingURL=icon.js.map

package/dist/cjs/components/Badge/assets/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/components/Badge/assets/icon.ts"],"names":[],"mappings":";;;AAAA,IAAM,OAAO,GACX,oHAAoH,CAAA;AAEtH,IAAM,SAAS,GACb,sHAAsH,CAAA;AAExH,IAAM,MAAM,GACV,mHAAmH,CAAA;AAErH,IAAM,aAAa,GACjB,iHAAiH,CAAA;AAEnH,IAAM,OAAO,GACX,oHAAoH,CAAA;AAEtH,IAAM,OAAO,GACX,oHAAoH,CAAA;AAEzG,QAAA,KAAK,GAAG;IACnB,OAAO,SAAA;IACP,SAAS,WAAA;IACT,MAAM,QAAA;IACN,aAAa,eAAA;IACb,OAAO,SAAA;IACP,OAAO,SAAA;CACR,CAAA"}

package/dist/cjs/components/BannerWithCard/BannerWithCard.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ComplexAction } from '../types';
+export interface BannerWithCardProps {
+    type?: 'informational' | 'success' | 'warning' | 'danger';
+    title?: string;
+    description?: string;
+    className?: string;
+    onClose?(): void;
+    show?: boolean;
+    action?: ComplexAction;
+    primaryAction?: ComplexAction;
+    secondaryAction?: ComplexAction;
+    dangerAction?: ComplexAction;
+    children?: any;
+    hideCloseButton?: boolean;
+}
+export declare const PHXBannerWithCard: ({ action, children, className, dangerAction, description, hideCloseButton, onClose, primaryAction, secondaryAction, show, title, type, }: BannerWithCardProps) => React.JSX.Element;

package/dist/cjs/components/BannerWithCard/BannerWithCard.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+exports.PHXBannerWithCard = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Button_1 = require("../Button");
+var types_1 = require("../types");
+var Icon_1 = tslib_1.__importDefault(require("./Icon"));
+var PHXBannerWithCard = function (_a) {
+    var action = _a.action, children = _a.children, className = _a.className, dangerAction = _a.dangerAction, description = _a.description, _b = _a.hideCloseButton, hideCloseButton = _b === void 0 ? false : _b, onClose = _a.onClose, primaryAction = _a.primaryAction, secondaryAction = _a.secondaryAction, show = _a.show, title = _a.title, _c = _a.type, type = _c === void 0 ? 'informational' : _c;
+    var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#EAF4FF] text-[#00527C]', type === 'success' && 'bg-[#CDFEE1] text-[#0C5132]', type === 'warning' && 'bg-[#FFF1E3] text-[#5E4200]', type === 'danger' && 'bg-[#FEE9E8] text-[#8E1F0B]');
+    return show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('rounded-lg p-2 shadow-[0rem_0.0825rem_0rem_#00000012]', classNameType, className) },
+        react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between text-xs font-semibold leading-5 ') },
+            react_1["default"].createElement("div", { className: 'flex items-center' },
+                react_1["default"].createElement(Icon_1["default"], { type: type }),
+                react_1["default"].createElement("span", null, title)),
+            react_1["default"].createElement("button", { className: "rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600 ".concat(hideCloseButton ? 'invisible' : ''), onClick: onClose, type: 'button' },
+                react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
+                react_1["default"].createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                    react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' })))),
+        react_1["default"].createElement("div", { className: 'px-6' },
+            react_1["default"].createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
+            children && react_1["default"].createElement("div", { className: 'pt-3' }, children),
+            action || primaryAction || secondaryAction || dangerAction ? (react_1["default"].createElement("div", { className: 'flex gap-x-2 pt-3' },
+                action && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', onClick: action.onClick, secondary: true, size: 'small' }, action.content)),
+                primaryAction && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', onClick: primaryAction.onClick, primary: true, size: 'small' }, primaryAction.content)),
+                secondaryAction && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', onClick: secondaryAction.onClick, secondary: true, size: 'small' }, secondaryAction.content)),
+                dangerAction && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', danger2: true, onClick: dangerAction.onClick, size: 'small' }, dangerAction.content)))) : (react_1["default"].createElement(react_1["default"].Fragment, null))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
+};
+exports.PHXBannerWithCard = PHXBannerWithCard;
+//# sourceMappingURL=BannerWithCard.js.map

package/dist/cjs/components/BannerWithCard/BannerWithCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/BannerWithCard/Icon.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+type IconProps = {
+    type: 'informational' | 'success' | 'warning' | 'danger';
+};
+declare const Icon: FC<IconProps>;
+export default Icon;

package/dist/cjs/components/BannerWithCard/Icon.js

@@ -0,0 +1,15 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var Icon = function (_a) {
+    var type = _a.type;
+    return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        type === 'informational' && react_1["default"].createElement(outline_1.InformationCircleIcon, { className: 'mr-2 h-[18px] w-[18px]', "aria-hidden": 'true' }),
+        type === 'success' && react_1["default"].createElement(outline_1.CheckIcon, { className: 'mr-2 h-[18px] w-[18px]', "aria-hidden": 'true' }),
+        type === 'warning' && react_1["default"].createElement(outline_1.ExclamationTriangleIcon, { className: 'mr-2 h-[18px] w-[18px]', "aria-hidden": 'true' }),
+        type === 'danger' && react_1["default"].createElement(outline_1.ExclamationCircleIcon, { className: 'mr-2 h-[18px] w-[18px]', "aria-hidden": 'true' })));
+};
+exports["default"] = Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/cjs/components/BannerWithCard/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/Icon.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,uDAKoC;AAKpC,IAAM,IAAI,GAAkB,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CACxC;QACG,IAAI,KAAK,eAAe,IAAI,iCAAC,+BAAqB,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG;QAC3G,IAAI,KAAK,SAAS,IAAI,iCAAC,mBAAS,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG;QACzF,IAAI,KAAK,SAAS,IAAI,iCAAC,iCAAuB,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG;QACvG,IAAI,KAAK,QAAQ,IAAI,iCAAC,+BAAqB,IAAC,SAAS,EAAC,wBAAwB,iBAAa,MAAM,GAAG,CACpG,CACJ;AAPyC,CAOzC,CAAA;AACD,qBAAe,IAAI,CAAA"}

package/dist/cjs/components/Button/Button.js

@@ -8,7 +8,6 @@ var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
 var IconLoading_1 = require("../../commons/IconLoading");
 var types_1 = require("../types");
 var use_disable_interaction_1 = require("../../utils/use-disable-interaction");
-var ButtonStyle_1 = tslib_1.__importDefault(require("./styles/ButtonStyle"));
 var react_2 = require("@headlessui/react");
 var PHXButton = function (_a) {
     var primary = _a.primary, secondary = _a.secondary, danger = _a.danger, danger2 = _a.danger2, plain = _a.plain, tertiary = _a.tertiary, plainCritical = _a.plainCritical, primaryCritical = _a.primaryCritical, split = _a.split, options = _a.options, soft = _a.soft, deleted = _a.deleted, _b = _a.deletedButton, deletedButton = _b === void 0 ? true : _b, rounded = _a.rounded, submit = _a.submit, _c = _a.size, size = _c === void 0 ? 'medium' : _c, children = _a.children, icon = _a.icon, iconClassName = _a.iconClassName, _d = _a.iconOutline, iconOutline = _d === void 0 ? false : _d, _e = _a.iconPosition, iconPosition = _e === void 0 ? 'before' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, id = _a.id, onClick = _a.onClick, className = _a.className, style = _a.style;
@@ -23,33 +22,26 @@ var PHXButton = function (_a) {
     var interactiveProps = tslib_1.__assign({}, commonProps);
     var handleClick = (0, use_disable_interaction_1.useDisableClick)(disabled, onClick);
     var isNew = !plain && !tertiary && !plainCritical;
+    var isTextOnly = plain || tertiary || plainCritical;
     var binClassNames = (0, types_1.classNames)(primary &&
-        "primary bg-indigo-700 font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
+        "primary bg-gray-900 font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
             ? 'hover:bg-indigo-800 hover:text-gray-200 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900'
             : ''), split &&
         "bg-indigo-800 font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
             ? 'hover:bg-indigo-900 hover:text-gray-200 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900'
             : ''), secondary &&
-        "bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 ".concat(!disabled
-            ? 'hover:bg-gray-100 active:bg-gray-200 active:border-b-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+        "bg-white font-normal text-gray-950 shadow-sm border border-gray-300 ".concat(!disabled
+            ? 'hover:border-gray-400 active:bg-gray-200 active:border-b-gray-300 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
             : ''), primaryCritical &&
-        "bg-[#d80b0b] font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
+        "bg-[#d80b0b]  font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
             ? 'hover:bg-[#a91212] hover:text-gray-200 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-[#8d0606]'
-            : ''), plain && "active:text-[#4d5c86] hover:text-[#0e339f] hover:underline text-[#0f3dc7]", tertiary && "hover:bg-gray-100 rounded-lg active:bg-gray-200 ", plainCritical && 'active:text-[#9e5b5b] hover:text-[#900d0d] hover:underline text-[#b30f0f]', danger &&
-        "bg-[#e51c00] font-normal text-white shadow-sm danger ".concat(!disabled ? 'hover:bg-[#b5260b] active:bg-[#8e1f0b] active:shadow-[0rem_0.125rem_0rem_0rem_#414141_inset]' : ''), danger2 &&
-        "font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 ".concat(!disabled ? 'hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), deleted &&
-        "bg-indigo-50 font-normal text-red-800 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
-        "bg-indigo-50 font-normal text-gray-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' &&
+            : ''), plain && "shadow-none active:text-link-600 hover:text-link-600 hover:underline text-link-500", tertiary && "shadow-none hover:bg-gray-100  active:bg-gray-200 ", plainCritical && 'shadow-none active:text-[#9e5b5b] hover:text-[#900d0d] hover:underline text-red-700', danger &&
+        "bg-red-700 font-normal text-white shadow-sm danger ".concat(!disabled ? 'hover:bg-[#b5260b] active:bg-[#8e1f0b] active:shadow-[0rem_0.125rem_0rem_0rem_#414141_inset]' : ''), danger2 &&
+        "font-normal  text-red-700 shadow-sm ring-1 ring-inset ring-red-700 ".concat(!disabled ? 'hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), deleted &&
+        "bg-indigo-50 font-normal text-red-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
+        "bg-indigo-50 font-normal text-gray-700 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' && isNew && "px-2 py-1 text-xs  ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' && isNew && "px-2.5 py-1.5 text-xs  ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' && isNew && "px-2.5 py-1.5 text-sm  ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' && isNew && "px-3 py-2 text-sm  ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
         isNew &&
-        "px-2 py-1 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' &&
-        isNew &&
-        "px-2.5 py-1.5 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' &&
-        isNew &&
-        "px-2.5 py-1.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' &&
-        isNew &&
-        "px-3 py-2 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
-        isNew &&
-        "px-3.5 py-2.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xs rounded-lg", size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg ", size === 'extra-micro' && "px-1.5 py-1 text-xs rounded-lg ", size === 'medium' && "px-2.5 py-1.5 text-sm rounded-lg ", size === 'large' && "px-3 py-2 text-sm rounded-lg", size === 'extra-large' && "px-3.5 py-2.5 text-sm rounded-lg ", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
+        "px-3.5 py-2.5 text-sm  ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), size === 'micro' && "px-2 py-1 text-xs ", size === 'small' && "px-2.5 py-1.5 text-xs  ", size === 'extra-micro' && "px-1.5 py-1 text-xs  ", size === 'medium' && "px-2.5 py-1.5 text-sm  ", size === 'large' && "px-3 py-2 text-sm ", size === 'extra-large' && "px-3.5 py-2.5 text-sm  ", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
     var iconClass = (0, types_1.classNames)(icon && iconPosition === 'before' && size !== 'extra-micro' && 'h-5 w-5', icon && iconPosition === 'after' && size !== 'extra-micro' && 'h-5 w-5', icon && iconPosition === 'before' && size === 'extra-micro' && 'h-4 w-4', icon && iconPosition === 'after' && size === 'extra-micro' && 'h-4 w-4', iconClassName);
     // Icon markup
     var iconMarkup = Icon && react_1["default"].createElement(Icon, { className: iconClass });
@@ -57,25 +49,26 @@ var PHXButton = function (_a) {
     var loadingMarkup = loading ? (react_1["default"].createElement("span", { className: 'w-3 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2' },
         react_1["default"].createElement(IconLoading_1.IconLoading, { color: primary ? 'text-white' : danger ? 'text-red-50' : 'bg-transparent' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
     var buttonMarkup = (react_1["default"].createElement(react_1["default"].Fragment, null,
-        react_1["default"].createElement(ButtonStyle_1["default"], null),
-        react_1["default"].createElement("button", tslib_1.__assign({ style: style }, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: binClassNames, disabled: loading ? true : disabled }),
+        react_1["default"].createElement("button", tslib_1.__assign({ style: style }, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: (0, types_1.classNames)("hover:before:opacity-100 ".concat(binClassNames), "".concat(isTextOnly
+                ? ''
+                : "before:transtion-opacity group relative isolate flex items-center justify-center overflow-hidden rounded-md transition duration-300 ease-[cubic-bezier(0.4,0.36,0,1)] before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-md before:bg-gradient-to-b before:from-white/20 before:opacity-50 before:duration-300 before:ease-[cubic-bezier(0.4,0.36,0,1)] after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:rounded-md after:bg-gradient-to-b after:from-white/10 after:from-[46%] after:to-[54%] after:mix-blend-overlay shadow-[inset_0_1px_theme(colors.white/0.07),0_0.12px_0_theme(colors.gray.900/".concat(deleted || soft ? 0.1 : 0.5, ")]\n          "))), disabled: loading ? true : disabled }),
             react_1["default"].createElement("div", { className: "".concat(icon && children ? 'flex space-x-1 justify-between' : '') },
                 loadingMarkup,
                 iconPosition === 'before' ? iconMarkup : react_1["default"].createElement(react_1["default"].Fragment, null),
                 react_1["default"].createElement("span", { className: (0, types_1.classNames)(loading ? 'invisible' : '', deleted ? 'flex items-center' : '') },
                     deleted && (react_1["default"].createElement(react_1["default"].Fragment, null, deletedButton ? (react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '2.5', stroke: 'currentColor', className: 'w-3.5 h-3.5 mr-1' },
                         react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0' }))) : (react_1["default"].createElement(react_1["default"].Fragment, null)))),
-                    children),
+                    react_1["default"].createElement("span", { className: '[--button-height:calc((theme(spacing.3)+theme(fontSize.base[1].lineHeight))*-1)] flex w-full items-center justify-center gap-1 whitespace-nowrap text-[--button-color-text] drop-shadow-[--button-text-shadow] transition' }, children)),
                 iconPosition === 'after' ? iconMarkup : react_1["default"].createElement(react_1["default"].Fragment, null)))));
     var styleBtnSplit = (0, types_1.classNames)(size === 'small' && 'px-2.5 py-1.5 text-xs', size === 'micro' && 'px-2 py-1 text-xs', size === 'medium' && 'px-2.5 py-1.5 text-sm', size === 'extra-large' && 'px-3.5 py-2.5 text-sm', size === 'large' && 'px-3 py-2 text-sm', 'flex items-center border font-normal  shadow-sm ', primary &&
         'hover:bg-indigo-800 text-white border-gray-800 hover:text-gray-200 active:text-gray-400 bg-indigo-700 active:shadow-[0rem_0.125rem_0.1rem_0rem_#a3a3a344_inset]', !primary && 'bg-white hover:bg-slate-50 text-gray-900 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]');
     var sizeIcon = (0, types_1.classNames)(size === 'small' && 'px-2.5 py-[7px]', size === 'micro' && 'px-2 py-1.5', size === 'medium' && 'px-2.5 py-2', size === 'extra-large' && 'px-3.5 py-3', size === 'large' && 'px-3 py-2.5');
     var buttonSplit = (react_1["default"].createElement(react_1["default"].Fragment, null,
         react_1["default"].createElement("div", { className: "flex ".concat(className) },
-            react_1["default"].createElement("button", tslib_1.__assign({}, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: "".concat(styleBtnSplit, " rounded-l-lg") }), children),
+            react_1["default"].createElement("button", tslib_1.__assign({}, interactiveProps, { type: submit ? 'submit' : 'button', onClick: handleClick, className: "".concat(styleBtnSplit, " rounded-l-[4px]") }), children),
             react_1["default"].createElement(react_2.Menu, { as: 'div' },
                 react_1["default"].createElement(react_2.Menu.Button, null,
-                    react_1["default"].createElement("button", { className: "".concat(styleBtnSplit, " ").concat(sizeIcon, " rounded-r-lg border-l-0") },
+                    react_1["default"].createElement("button", { className: "".concat(styleBtnSplit, " ").concat(sizeIcon, " rounded-r-[4px] border-l-0") },
                         react_1["default"].createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: '1.5', stroke: 'currentColor', className: 'w-4 h-4' },
                             react_1["default"].createElement("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'm19.5 8.25-7.5 7.5-7.5-7.5' })))),
                 react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },

package/dist/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuC;AACvC,4EAAuD;AACvD,gFAA2D;AAC3D,yDAAuD;AACvD,kCAAiD;AACjD,+EAAqE;AACrE,2CAAoD;AA8B7C,IAAM,SAAS,GAAG,UAAC,EA4BZ;QA3BZ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,KAAK,WAAA,EACL,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,oBAAuB,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EACvB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,EAAE,QAAA,EACF,OAAO,aAAA,EACP,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,IAAI,IAAI,CAAA;IACR,IAAI,IAAI,EAAE;QACR,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;KAC3D;IAED,IAAM,WAAW,GAAsB;QACrC,EAAE,IAAA;QACF,OAAO,SAAA;KACR,CAAA;IAED,IAAM,gBAAgB,wBACjB,WAAW,CACf,CAAA;IAED,IAAM,WAAW,GAAG,IAAA,yCAAe,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAEtD,IAAM,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,CAAA;IAEnD,IAAM,UAAU,GAAG,KAAK,IAAI,QAAQ,IAAI,aAAa,CAAA;IAErD,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,OAAO;QACL,6KACE,CAAC,QAAQ;YACP,CAAC,CAAC,yIAAyI;YAC3I,CAAC,CAAC,EAAE,CACN,EACJ,KAAK;QACH,uKACE,CAAC,QAAQ;YACP,CAAC,CAAC,yIAAyI;YAC3I,CAAC,CAAC,EAAE,CACN,EACJ,SAAS;QACP,8EACE,CAAC,QAAQ;YACP,CAAC,CAAC,yHAAyH;YAC3H,CAAC,CAAC,EAAE,CACN,EAEJ,eAAe;QACb,uKACE,CAAC,QAAQ;YACP,CAAC,CAAC,uIAAuI;YACzI,CAAC,CAAC,EAAE,CACN,EACJ,KAAK,IAAI,oFAAoF,EAC7F,QAAQ,IAAI,oDAAoD,EAChE,aAAa,IAAI,qFAAqF,EAEtG,MAAM;QACJ,6DACE,CAAC,QAAQ,CAAC,CAAC,CAAC,8FAA8F,CAAC,CAAC,CAAC,EAAE,CAC/G,EACJ,OAAO;QACL,6EACE,CAAC,QAAQ,CAAC,CAAC,CAAC,0FAA0F,CAAC,CAAC,CAAC,EAAE,CAC3G,EACJ,OAAO;QACL,0DACE,CAAC,QAAQ,CAAC,CAAC,CAAC,2EAA2E,CAAC,CAAC,CAAC,EAAE,CAC5F,EACJ,OAAO,IAAI,cAAc,EACzB,IAAI;QACF,2DACE,CAAC,QAAQ,CAAC,CAAC,CAAC,2EAA2E,CAAC,CAAC,CAAC,EAAE,CAC5F,EACJ,IAAI,KAAK,OAAO,IAAI,KAAK,IAAI,6BAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EAAE,CAAE,EAC7G,IAAI,KAAK,OAAO,IAAI,KAAK,IAAI,iCAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAAE,CAAE,EAClH,IAAI,KAAK,QAAQ,IAAI,KAAK,IAAI,iCAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAAE,CAAE,EACnH,IAAI,KAAK,OAAO,IAAI,KAAK,IAAI,6BAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/G,IAAI,KAAK,aAAa;QACpB,KAAK;QACL,iCAA0B,CAAC,QAAQ,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAAE,CAAE,EAEvF,IAAI,KAAK,OAAO,IAAI,oBAAoB,EACxC,IAAI,KAAK,OAAO,IAAI,yBAAyB,EAC7C,IAAI,KAAK,aAAa,IAAI,uBAAuB,EACjD,IAAI,KAAK,QAAQ,IAAI,yBAAyB,EAC9C,IAAI,KAAK,OAAO,IAAI,oBAAoB,EACxC,IAAI,KAAK,aAAa,IAAI,yBAAyB,EAEnD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,CAAC,IAAI,oCAAoC,EACvF,IAAI,IAAI,IAAI,KAAK,aAAa,IAAI,kCAAkC,EACpE,OAAO,IAAI,YAAY,EACvB,UAAU,EACV,QAAQ,IAAI,2BAA2B,EACvC,SAAS,CACV,CAAA;IAED,IAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,IAAI,IAAI,YAAY,KAAK,QAAQ,IAAI,IAAI,KAAK,aAAa,IAAI,SAAS,EACxE,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI,KAAK,aAAa,IAAI,SAAS,EACvE,IAAI,IAAI,YAAY,KAAK,QAAQ,IAAI,IAAI,KAAK,aAAa,IAAI,SAAS,EACxE,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI,KAAK,aAAa,IAAI,SAAS,EACvE,aAAa,CACd,CAAA;IAED,cAAc;IACd,IAAM,UAAU,GAAG,IAAI,IAAI,iCAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IACzD,iBAAiB;IACjB,IAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAC9B,2CAAM,SAAS,EAAC,2EAA2E;QACzF,iCAAC,yBAAW,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,GAAI,CACrF,CACR,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAED,IAAM,YAAY,GAAG,CACnB;QACE,8DACE,KAAK,EAAE,KAAK,IACR,gBAAgB,IACpB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAClC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,mCAA4B,aAAa,CAAE,EAC3C,UACE,UAAU;gBACR,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,0oBACE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,mBAElC,CACC,CACH,EACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;YAEnC,0CAAK,SAAS,EAAE,UAAG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAAE;gBAC1E,aAAa;gBACb,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,mEAAK;gBAC/C,2CAAM,SAAS,EAAE,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxF,OAAO,IAAI,CACV,oEACG,aAAa,CAAC,CAAC,CAAC,CACf,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,kBAAkB;wBAE5B,2CACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,yZAAyZ,GAC3Z,CACE,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CACA,CACJ;oBACD,2CAAM,SAAS,EAAC,2NAA2N,IACxO,QAAQ,CACJ,CACF;gBACN,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,mEAAK,CAC1C,CACC,CACR,CACJ,CAAA;IAED,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,uBAAuB,EAC3C,IAAI,KAAK,OAAO,IAAI,mBAAmB,EACvC,IAAI,KAAK,QAAQ,IAAI,uBAAuB,EAC5C,IAAI,KAAK,aAAa,IAAI,uBAAuB,EACjD,IAAI,KAAK,OAAO,IAAI,mBAAmB,EACvC,kDAAkD,EAClD,OAAO;QACL,iKAAiK,EACnK,CAAC,OAAO,IAAI,gGAAgG,CAC7G,CAAA;IAED,IAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,IAAI,KAAK,OAAO,IAAI,iBAAiB,EACrC,IAAI,KAAK,OAAO,IAAI,aAAa,EACjC,IAAI,KAAK,QAAQ,IAAI,aAAa,EAClC,IAAI,KAAK,aAAa,IAAI,aAAa,EACvC,IAAI,KAAK,OAAO,IAAI,aAAa,CAClC,CAAA;IAED,IAAM,WAAW,GAAG,CAClB;QACE,0CAAK,SAAS,EAAE,eAAQ,SAAS,CAAE;YACjC,gEACM,gBAAgB,IACpB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAClC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAG,aAAa,qBAAkB,KAE5C,QAAQ,CACF;YAET,iCAAC,YAAI,IAAC,EAAE,EAAC,KAAK;gBACZ,iCAAC,YAAI,CAAC,MAAM;oBACV,6CAAQ,SAAS,EAAE,UAAG,aAAa,cAAI,QAAQ,gCAA6B;wBAC1E,0CACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,SAAS;4BAEnB,2CAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,4BAA4B,GAAG,CAChF,CACC,CACG;gBAEd,iCAAC,kBAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,kCAAkC,EACxC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,gCAAgC,EACtC,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAC,8BAA8B;oBAEtC,iCAAC,YAAI,CAAC,KAAK,IACT,SAAS,EAAE,IAAA,kBAAU,EACnB,8LAA8L,CAC/L;wBAED;4BACE,0CAAK,SAAS,EAAC,MAAM,IAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC3B,iCAAC,YAAI,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,OAAO,IACzB,UAAC,EAAU;oCAAR,MAAM,YAAA;gCAAO,OAAA,CACf,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,MAAM,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,eAAe,EAChF,2BAA2B,CAC5B,EACD,OAAO,EAAE,IAAI,CAAC,OAAO,IAEpB,IAAI,CAAC,IAAI,CACN,CACP;4BAVgB,CAUhB,CACS,CACb,EAd4B,CAc5B,CAAC,CACE,CACL,CACQ,CACF,CACR,CACH,CACL,CACJ,CAAA;IAED,OAAO,oEAAG,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAI,CAAA;AAClD,CAAC,CAAA;AA3RY,QAAA,SAAS,aA2RrB"}

package/dist/cjs/components/ButtonGroup/ButtonGroup.js

@@ -36,7 +36,7 @@ function PHXButtonGroup(_a) {
     }, [dataGroups]);
     return (react_1["default"].createElement("div", { className: "flex justify-start w-fit rounded-lg ".concat(className) }, dataGroups.map(function (item, index) { return (react_1["default"].createElement(Button_1.PHXButton, { key: item.buttonText, className: (0, types_1.classNames)(index === 0 ? 'rounded-none rounded-tl-lg rounded-bl-lg border-l' : 'rounded-none', index === dataGroups.length - 1 ? 'rounded-none rounded-tr-lg rounded-br-lg' : 'rounded-none', type === 'active-button' && active === item.buttonText && current
             ? '!bg-gray-200 !shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] !border-b-gray-300'
-            : '', '!ring-0 border-y border-r border-gray-300 leading-4 border-b-gray-400 hover:border-b-gray-300'), secondary: true, size: size, onClick: function () {
+            : '', '!ring-0 border-y border-r border-gray-300 leading-4'), secondary: true, size: size, onClick: function () {
             setIsActive(item);
         } }, item.buttonText)); })));
 }

package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,2CAA4C;AAC5C,kCAAqC;AASrC,SAAgB,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,0CAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,iCAAC,kBAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,+FAA+F,CAChG,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAnDD,wCAmDC"}
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAAkD;AAClD,2CAA4C;AAC5C,kCAAqC;AASrC,SAAgB,cAAc,CAAC,EAAuD;QAArD,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAC1D,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAA;IAClC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;QACd,IAAI,IAAI,KAAK,eAAe,EAAE;YAC5B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAA;gBACjB,SAAS,CAAC,EAAE,CAAC,CAAA;aACd;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,KAAmB,UAAU,EAAV,yBAAU,EAAV,wBAAU,EAAV,IAAU,EAAE;YAA1B,IAAM,IAAI,mBAAA;YACb,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;gBAC1B,UAAU,CAAC,IAAI,CAAC,CAAA;aACjB;SACF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,0CAAK,SAAS,EAAE,8CAAuC,SAAS,CAAE,IAC/D,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,iCAAC,kBAAS,IACR,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,mDAAmD,CAAC,CAAC,CAAC,cAAc,EAClF,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,cAAc,EAC7F,IAAI,KAAK,eAAe,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,OAAO;YAC/D,CAAC,CAAC,iFAAiF;YACnF,CAAC,CAAC,EAAE,EACN,qDAAqD,CACtD,EACD,SAAS,QACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC,IAEA,IAAI,CAAC,UAAU,CACN,CACb,EAnBgC,CAmBhC,CAAC,CACE,CACP,CAAA;AACH,CAAC;AAnDD,wCAmDC"}

package/dist/cjs/components/Calendar/Calendar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function classNames(...classes: Array<string | boolean | undefined>): string;
+export interface CalendarProps {
+    onChange(startDate: Date, endDate: Date): void;
+    defaultStartDate?: Date;
+    defaultEndDate?: Date;
+}
+export declare const PHXCalendar: React.FC<CalendarProps>;

package/dist/cjs/components/Calendar/Calendar.js

@@ -0,0 +1,148 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXCalendar = exports.classNames = void 0;
+var tslib_1 = require("tslib");
+var solid_1 = require("@heroicons/react/20/solid");
+var react_1 = tslib_1.__importStar(require("react"));
+var getMonthName = function (month) {
+    var monthNames = [
+        'Tháng 1',
+        'Tháng 2',
+        'Tháng 3',
+        'Tháng 4',
+        'Tháng 5',
+        'Tháng 6',
+        'Tháng 7',
+        'Tháng 8',
+        'Tháng 9',
+        'Tháng 10',
+        'Tháng 11',
+        'Tháng 12',
+    ];
+    return monthNames[month];
+};
+// Mảng tên các ngày trong tuần (T2 -> CN)
+var weekdays = ['T2', 'T3', 'T4', 'T5', 'T6', 'T7', 'CN'];
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(' ');
+}
+exports.classNames = classNames;
+var PHXCalendar = function (_a) {
+    var defaultEndDate = _a.defaultEndDate, defaultStartDate = _a.defaultStartDate, onChange = _a.onChange;
+    var _b = (0, react_1.useState)(new Date().getFullYear()), currentYear = _b[0], setCurrentYear = _b[1];
+    var _c = (0, react_1.useState)(new Date().getMonth()), currentMonth = _c[0], setCurrentMonth = _c[1];
+    var _d = (0, react_1.useState)(defaultStartDate), startDate = _d[0], setStartDate = _d[1];
+    var _e = (0, react_1.useState)(defaultEndDate), endDate = _e[0], setEndDate = _e[1];
+    var calendar = (0, react_1.useMemo)(function () {
+        var createCalendar = function (year, month) {
+            var firstDayOfMonth = new Date(year, month, 1);
+            var daysInMonth = new Date(year, month + 1, 0).getDate();
+            var today = new Date();
+            var calendarData = [];
+            // Tính thứ của ngày đầu tháng (T2 = 0, ..., CN = 6)
+            var firstDayIndex = (firstDayOfMonth.getDay() + 6) % 7; // Chuyển Chủ Nhật (0) thành 6, Thứ Hai (1) thành 0
+            // Chỉ thêm các ngày trong tháng hiện tại
+            for (var day = 1; day <= daysInMonth; day++) {
+                var date = new Date(year, month, day);
+                var dayOfWeek = (firstDayIndex + day - 1) % 7; // T2 = 0, T3 = 1, ..., CN = 6
+                calendarData.push({
+                    date: date,
+                    dayOfWeek: dayOfWeek,
+                    isCurrentMonth: true,
+                    isToday: date.getDate() === today.getDate() &&
+                        date.getMonth() === today.getMonth() &&
+                        date.getFullYear() === today.getFullYear(),
+                    currentMonth: month + 1
+                });
+            }
+            return calendarData;
+        };
+        return {
+            left: createCalendar(currentYear, currentMonth),
+            right: createCalendar(currentMonth === 11 ? currentYear + 1 : currentYear, currentMonth === 11 ? 0 : currentMonth + 1)
+        };
+    }, [currentYear, currentMonth]);
+    var handleChangeMonth = (0, react_1.useCallback)(function (type) {
+        switch (type) {
+            case 'next':
+                setCurrentMonth(function (prev) { return (prev + 1) % 12; });
+                setCurrentYear(function (prev) { return prev + (currentMonth === 11 ? 1 : 0); });
+                break;
+            case 'prev':
+                setCurrentMonth(function (prev) { return (prev - 1 + 12) % 12; });
+                setCurrentYear(function (prev) { return prev - (currentMonth === 0 ? 1 : 0); });
+                break;
+            default:
+                break;
+        }
+    }, [currentMonth]);
+    var handleSelectDate = (0, react_1.useCallback)(function (day) {
+        var selectedDate = day.date;
+        if (!startDate || (startDate && endDate)) {
+            setStartDate(selectedDate);
+            setEndDate(undefined);
+        }
+        else {
+            if (selectedDate < startDate) {
+                setStartDate(selectedDate);
+                setEndDate(startDate);
+            }
+            else {
+                setEndDate(selectedDate);
+                var selectedMonth = selectedDate.getMonth();
+                var selectedYear = selectedDate.getFullYear();
+                var isSameMonthAsLeft = selectedMonth === currentMonth && selectedYear === currentYear;
+                var isSameMonthAsRight = selectedMonth === (currentMonth + 1) % 12 &&
+                    selectedYear === (currentMonth === 11 ? currentYear + 1 : currentYear);
+                if (!isSameMonthAsLeft && !isSameMonthAsRight) {
+                    // Đặt currentMonth là tháng trước của endDate
+                    var newMonth = selectedMonth === 0 ? 11 : selectedMonth - 1;
+                    var newYear = selectedMonth === 0 ? selectedYear - 1 : selectedYear;
+                    setCurrentMonth(newMonth);
+                    setCurrentYear(newYear);
+                }
+            }
+        }
+    }, [startDate, endDate, currentMonth, currentYear]);
+    (0, react_1.useEffect)(function () {
+        if (startDate && endDate) {
+            onChange(startDate, endDate);
+        }
+    }, [startDate, endDate, onChange]);
+    (0, react_1.useEffect)(function () {
+        if (defaultStartDate)
+            setStartDate(defaultStartDate);
+        if (defaultEndDate)
+            setEndDate(defaultEndDate);
+    }, [defaultStartDate, defaultEndDate]);
+    return (react_1["default"].createElement("div", { className: 'mt-4 flex gap-4' }, [calendar.left, calendar.right].map(function (monthData, calIdx) {
+        var _a;
+        return (react_1["default"].createElement("div", { key: calIdx, className: 'flex-1' },
+            react_1["default"].createElement("div", { className: 'relative mb-4 flex items-center justify-center' },
+                calIdx === 0 && (react_1["default"].createElement("button", { className: 'absolute left-0 rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('prev'); }, type: 'button' },
+                    react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' }))),
+                react_1["default"].createElement("span", { className: 'text-xs font-medium' },
+                    getMonthName(currentMonth + calIdx),
+                    ' ',
+                    calIdx === 0 ? currentYear : currentMonth === 11 ? currentYear + 1 : currentYear),
+                calIdx === 1 && (react_1["default"].createElement("button", { className: 'absolute right-0 rounded-lg p-1 text-gray-500 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
+                    react_1["default"].createElement(solid_1.ArrowRightIcon, { className: 'h-5 w-5' })))),
+            react_1["default"].createElement("div", { className: 'mb-4 grid grid-cols-7 gap-0 border-gray-200' }, weekdays.map(function (day, index) { return (react_1["default"].createElement("div", { key: index, className: 'py-2 text-center text-xs font-medium text-gray-500' }, day)); })),
+            react_1["default"].createElement("div", { className: 'grid grid-cols-7 gap-0' },
+                Array.from({ length: ((_a = monthData[0]) === null || _a === void 0 ? void 0 : _a.dayOfWeek) || 0 }).map(function (_, index) { return (react_1["default"].createElement("div", { key: "empty-".concat(index), className: 'py-2' }) // Ô trống trước ngày 1
+                ); }),
+                monthData.map(function (day, index) {
+                    var isStart = startDate && day.date.getTime() === startDate.getTime();
+                    var isEnd = endDate && day.date.getTime() === endDate.getTime();
+                    var isInRange = startDate && endDate && day.date > startDate && day.date < endDate;
+                    var isSingleDay = startDate && !endDate && day.date.getTime() === startDate.getTime();
+                    return (react_1["default"].createElement("button", { key: index, className: classNames('relative py-2 text-xs text-gray-800 hover:bg-gray-200', day.isToday && 'font-semibold text-gray-900', isInRange && 'bg-gray-300', isStart && 'rounded-l-lg bg-gray-800 text-white', isEnd && 'rounded-r-lg bg-gray-800 text-white', isSingleDay && 'rounded-lg bg-gray-800 text-white'), onClick: function () { return handleSelectDate(day); }, type: 'button' }, day.date.getDate()));
+                }))));
+    })));
+};
+exports.PHXCalendar = PHXCalendar;
+//# sourceMappingURL=Calendar.js.map

package/dist/cjs/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}