@pnkx-lib/ui 1.9.537 → 1.9.540

package/es/index.js

@@ -3,7 +3,7 @@ export { FloatButton } from './ui/FloatButton.js';
 export { CascaderField } from './ui/Cascader.js';
 export { ErrorMessage } from './ui/ErrorMessage.js';
 export { Typography } from './ui/Typography.js';
-export { ActionRowTable, BulkActions, Clock, CustomeBulkActions, Table, TableCategory, TableForm } from './ui/index.js';
+export { Table } from './ui/Table/index.js';
 export { Modal } from './ui/Modal.js';
 export { Tooltip } from './ui/Tooltip.js';
 export { Tabs } from './ui/Tabs.js';
@@ -50,8 +50,10 @@ export { Image } from './ui/Image.js';
 export { ConfirmModal } from './ui/ConfirmModal.js';
 export { ErrorBoundary } from './ui/ErrorBoundary.js';
 export { CATEGORY_LIST_ENUM, CATEGORY_PRICE_LIST_ENUM, COUNT_LEVEL, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
+export { ActionRowTable } from './ui/index.js';
 export { I as ID_TABLE_WRAPPER, a as MAX_TAG_COUNT, M as MAX_TAG_TEXT_LENGTH, T as TINY_API } from './chunks/common-BcURBmQ-.js';
-export { ListStatusApproved, PAGE_NUMBER, PAGE_SIZE, RemoveIconColor, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeCategoryBulkActions, TypeStatusTable } from './constants/index.js';
+export { L as ListStatusApproved, P as PAGE_NUMBER, b as PAGE_SIZE, R as RemoveIconColor, c as SORT, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, d as TypeBulkActions, e as TypeCategoryBulkActions, f as TypeStatusTable } from './chunks/table-Btvh90Co.js';
+export { BulkActions } from './ui/BulkActions/index.js';
 export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
 export { Card } from './ui/Card.js';
 export { ConfigProvider } from './ui/ConfigProvider.js';
@@ -67,7 +69,11 @@ export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
 export { GenericUploadModal } from './ui/GenericUploadModal.js';
+export { TableCategory } from './ui/TableCategory/index.js';
+export { TableForm } from './ui/TableForm/index.js';
 export { Descriptions } from './ui/Descriptions.js';
+export { CustomeBulkActions } from './ui/CustomeBulkActions/index.js';
+export { Clock } from './ui/Clock/index.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/BulkActions/index.js

@@ -0,0 +1,314 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Tooltip } from '../Tooltip.js';
+import { isEmpty, isBoolean } from 'lodash';
+import { ConfirmModal } from '../ConfirmModal.js';
+import { useToggle } from '@pnkx-lib/core';
+import { CATEGORY_LIST_ENUM } from '../CategoryStatus.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+import { Popover } from '../Popover.js';
+import { Tooltip as Tooltip$1 } from 'antd';
+import { M as MoreIcon, R as RestoreIcon, S as SendApprovalIcon, C as CancelSendApprovalIcon, a as RefuseApprovalIcon, b as RefuseApprovalDropListIcon, A as ApprovalIcon, c as CancelApprovalIcon, D as DeleteIcon, d as ActivateIcon, I as InActiveIcon } from '../../chunks/RefuseApprovalDropListIcon-DkyYANWt.js';
+import { d as TypeBulkActions } from '../../chunks/table-Btvh90Co.js';
+
+const BulkAction = ({
+  quantity = 0,
+  listIcon,
+  status,
+  setNotifyContent,
+  toggle
+}) => {
+  //! State
+  //! Function
+  const IsShow = (arrStatus) => {
+    return arrStatus.includes(status);
+  };
+  //! Render
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-[10px] py-3 bg-[#2561ED] rounded-lg w-fit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-white px-3", children: [
+      "Đã chọn: ",
+      quantity
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-5 border-l border-white mx-1" }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-3", children: !isEmpty(listIcon) && listIcon?.map(
+      (item, index) => IsShow(item?.arrShow) && /* @__PURE__ */ jsx(Tooltip, { title: item?.name, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "p-1 rounded-sm  transition duration-200 cursor-pointer hover:bg-[#1B4ACB] hover:rounded-sm",
+          onClick: () => {
+            toggle();
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                toggle();
+              },
+              handleSubmit: () => {
+                if (item?.action) {
+                  item?.action();
+                }
+                toggle();
+              }
+            });
+          },
+          children: item.icon
+        },
+        index
+      ) })
+    ) })
+  ] }) });
+};
+
+const DropListActions = ({
+  listIcon,
+  status,
+  setNotifyContent,
+  toggle,
+  contentDropList
+}) => {
+  //! State
+  //! Function
+  const IsShow = (arrStatus) => {
+    return arrStatus.includes(status);
+  };
+  const renderContentPopover = () => {
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: !isEmpty(listIcon) && listIcon?.map(
+      (item, index) => item?.showTitle && IsShow(item?.arrShow) && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: twMerge(
+            "flex gap-4 px-3 py-2 rounded-sm  transition duration-200   hover:rounded-sm",
+            IsShow(item?.arrShow) ? "hover:bg-[#F5F6F7] cursor-pointer" : "text-[#B2B7C2] cursor-not-allowed"
+          ),
+          disabled: IsShow(item?.arrShow) ? false : true,
+          onClick: () => {
+            toggle();
+            setNotifyContent({
+              title: item?.title || "",
+              content: item?.content || "",
+              typeIcon: item?.typeIcon,
+              handleCancel: () => {
+                toggle();
+              },
+              handleSubmit: () => {
+                if (item?.action) {
+                  item?.action();
+                }
+                toggle();
+              }
+            });
+          },
+          children: [
+            item.iconDropList,
+            /* @__PURE__ */ jsx("span", { children: item.name || "" })
+          ]
+        },
+        index
+      )
+    ) });
+  };
+  //! Render
+  return /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center items-center", children: /* @__PURE__ */ jsx(Tooltip$1, { title: "Thao tác khác", children: /* @__PURE__ */ jsx(
+    Popover,
+    {
+      placement: "bottom",
+      content: renderContentPopover(),
+      trigger: "click",
+      children: contentDropList ? contentDropList : /* @__PURE__ */ jsx("div", { className: "p-1 border-[#BDE3FF] rounded-full border cursor-pointer", children: /* @__PURE__ */ jsx(MoreIcon, { fill: "#007BE5" }) })
+    }
+  ) }) });
+};
+
+const BulkActions = ({
+  quantity = 0,
+  handleDelete,
+  handleSubmitForApproval,
+  handleCancelSubmission,
+  handleApprove,
+  handleCancelApproval,
+  handleReject,
+  handleDeactivate,
+  handleActivate,
+  handleRestore,
+  status,
+  typeBulkaction,
+  isApproved,
+  // Chỉ sử dụng khi là danh sách icon
+  isShowDelete = false
+}) => {
+  //! State
+  const listIcon = [
+    {
+      icon: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(RestoreIcon, { stroke: "#B2B7C2" }),
+      action: handleRestore,
+      name: "Khôi phục",
+      typeIcon: "info",
+      title: "Xác nhận khôi phục",
+      content: "Bạn có chắc chắn muốn khôi phục không?",
+      arrShow: [CATEGORY_LIST_ENUM?.DELETE, CATEGORY_LIST_ENUM?.REJECT],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(SendApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleSubmitForApproval,
+      name: "Gửi duyệt",
+      typeIcon: "info",
+      title: "Xác nhận gửi duyệt",
+      content: "Bạn có chắc chắn muốn gửi duyệt không?",
+      arrShow: [CATEGORY_LIST_ENUM?.DRAFT],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(CancelSendApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleCancelSubmission,
+      name: "Huỷ gửi duyệt",
+      typeIcon: "error",
+      title: "Xác nhận hủy gửi duyệt",
+      content: "Bạn có chắc chắn muốn hủy gửi duyệt không?",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(RefuseApprovalDropListIcon, {}),
+      iconDisable: /* @__PURE__ */ jsx(RefuseApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleReject,
+      name: "Từ chối duyệt",
+      typeIcon: "error",
+      title: "Xác nhận từ chối duyệt",
+      content: "Bạn có chắc chắn muốn từ chối duyệt không? Hành động này không thể hoàn tác.",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(ApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleApprove,
+      name: "Duyệt",
+      typeIcon: "info",
+      title: "Xác nhận duyệt",
+      content: "Bạn có chắc chắn muốn duyệt không?",
+      arrShow: [CATEGORY_LIST_ENUM?.WATING_APPROVAL],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(CancelApprovalIcon, { stroke: "#B2B7C2" }),
+      action: handleCancelApproval,
+      typeIcon: "error",
+      name: "Hủy duyệt",
+      title: "Xác nhận hủy duyệt",
+      content: "Bạn có chắc chắn muốn hủy duyệt không?",
+      arrShow: isBoolean(isApproved) && !isApproved ? [] : [CATEGORY_LIST_ENUM?.ACTIVE],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(DeleteIcon, { fill: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(DeleteIcon, { fill: "#B2B7C2" }),
+      action: handleDelete,
+      typeIcon: "error",
+      name: "Xoá",
+      title: "Xác nhận xóa",
+      content: "Bạn có chắc chắn muốn xóa không? Hành động này không thể hoàn tác.",
+      arrShow: isShowDelete ? [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE,
+        CATEGORY_LIST_ENUM?.REJECT,
+        CATEGORY_LIST_ENUM?.WATING_APPROVAL
+      ] : isBoolean(isApproved) && !isApproved ? [
+        CATEGORY_LIST_ENUM?.DRAFT,
+        CATEGORY_LIST_ENUM?.ACTIVE,
+        CATEGORY_LIST_ENUM?.INACTIVE
+      ] : [CATEGORY_LIST_ENUM?.DRAFT],
+      showTitle: isShowDelete
+    },
+    {
+      icon: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(ActivateIcon, { stroke: "#B2B7C2" }),
+      action: handleActivate,
+      typeIcon: "info",
+      name: "Kích hoạt",
+      title: "Xác nhận kích hoạt",
+      content: "Bạn có chắc chắn muốn kích hoạt không?",
+      arrShow: [CATEGORY_LIST_ENUM?.INACTIVE],
+      showTitle: true
+    },
+    {
+      icon: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "white" }),
+      iconDropList: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#0F1D40" }),
+      iconDisable: /* @__PURE__ */ jsx(InActiveIcon, { stroke: "#B2B7C2" }),
+      action: handleDeactivate,
+      name: "Vô hiệu hóa",
+      typeIcon: "error",
+      title: "Xác nhận vô hiệu hóa",
+      content: "Bạn có chắc chắn muốn vô hiệu hóa không?",
+      arrShow: [CATEGORY_LIST_ENUM?.ACTIVE],
+      showTitle: true
+    }
+  ];
+  const { open, shouldRender, toggle } = useToggle();
+  const [notifyContent, setNotifyContent] = useState({
+    title: "",
+    content: "",
+    typeIcon: "info",
+    handleCancel: () => {
+    },
+    handleSubmit: () => {
+    }
+  });
+  //! Function
+  const renderBulkActions = () => {
+    switch (typeBulkaction) {
+      case TypeBulkActions.BULKACTION:
+        return /* @__PURE__ */ jsx(
+          BulkAction,
+          {
+            listIcon,
+            quantity,
+            setNotifyContent,
+            toggle,
+            status
+          }
+        );
+      case TypeBulkActions.DROPLIST:
+        return /* @__PURE__ */ jsx(
+          DropListActions,
+          {
+            listIcon,
+            setNotifyContent,
+            toggle,
+            status
+          }
+        );
+    }
+  };
+  //! Render
+  return /* @__PURE__ */ jsxs("div", { children: [
+    renderBulkActions(),
+    shouldRender && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        title: notifyContent?.title,
+        content: notifyContent?.content,
+        typeIcon: notifyContent?.typeIcon,
+        open,
+        handleCancel: notifyContent?.handleCancel,
+        handleSubmit: notifyContent?.handleSubmit
+      }
+    )
+  ] });
+};
+
+export { BulkActions };

package/es/ui/Clock/index.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { g as getDefaultExportFromCjs } from '../../chunks/_commonjsHelpers-D5KtpA0t.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+
+var dayjs_min$1 = {exports: {}};
+
+var dayjs_min = dayjs_min$1.exports;
+
+var hasRequiredDayjs_min;
+
+function requireDayjs_min () {
+	if (hasRequiredDayjs_min) return dayjs_min$1.exports;
+	hasRequiredDayjs_min = 1;
+	(function (module, exports) {
+		!function(t,e){module.exports=e();}(dayjs_min,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[p]=true;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,false)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case "YY":return String(e.$y).slice(-2);case "YYYY":return b.s(e.$y,4,"0");case "M":return a+1;case "MM":return b.s(a+1,2,"0");case "MMM":return h(n.monthsShort,a,c,3);case "MMMM":return h(c,a);case "D":return e.$D;case "DD":return b.s(e.$D,2,"0");case "d":return String(e.$W);case "dd":return h(n.weekdaysMin,e.$W,o,2);case "ddd":return h(n.weekdaysShort,e.$W,o,3);case "dddd":return o[e.$W];case "H":return String(s);case "HH":return b.s(s,2,"0");case "h":return d(1);case "hh":return d(2);case "a":return $(s,u,true);case "A":return $(s,u,false);case "m":return String(u);case "mm":return b.s(u,2,"0");case "s":return String(e.$s);case "ss":return b.s(e.$s,2,"0");case "SSS":return b.s(e.$ms,3,"0");case "Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,true);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=true),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
+	} (dayjs_min$1));
+	return dayjs_min$1.exports;
+}
+
+var dayjs_minExports = /*@__PURE__*/ requireDayjs_min();
+const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
+
+const Clock = (props) => {
+  const { className } = props;
+  useEffect(() => {
+    const updateTime = () => {
+      const now = dayjs();
+      document.documentElement.style.setProperty(
+        "--timer-day",
+        `'${now.format("DD")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-months",
+        `'${now.format("MM")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-year",
+        `'${now.format("YYYY")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-hours",
+        `'${now.format("H")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-minutes",
+        `'${now.format("mm")}'`
+      );
+      document.documentElement.style.setProperty(
+        "--timer-seconds",
+        `'${now.format("ss")}'`
+      );
+      requestAnimationFrame(updateTime);
+    };
+    updateTime();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("clock-container clock-container2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-day", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-months", children: /* @__PURE__ */ jsx("span", { children: "/" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-year !w-[85px]", children: /* @__PURE__ */ jsx("span", { children: " -- " }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-hours ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-minutes ", children: /* @__PURE__ */ jsx("span", { children: ":" }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "clock-col", children: /* @__PURE__ */ jsx("p", { className: "clock-seconds !w-[30px]" }) })
+  ] });
+};
+
+export { Clock };