@pnkx-lib/ui 1.9.178 → 1.9.180

package/es/fields/Upload.js

@@ -0,0 +1,113 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import * as React from 'react';
+import { useState } from 'react';
+import { Upload, Image } from 'antd';
+import { g as get } from '../chunks/get-C880miVG.js';
+import { ErrorMessage } from '../ui/ErrorMessage.js';
+import { Label } from '../ui/Label.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-B_SLhOJa.js';
+
+// This icon file is generated automatically.
+var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
+
+var PlusOutlined = function PlusOutlined(props, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+    ref: ref,
+    icon: PlusOutlined$1
+  }));
+};
+
+/**![plus](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ4MiAxNTJoNjBxOCAwIDggOHY3MDRxMCA4LTggOGgtNjBxLTggMC04LThWMTYwcTAtOCA4LTh6IiAvPjxwYXRoIGQ9Ik0xOTIgNDc0aDY3MnE4IDAgOCA4djYwcTAgOC04IDhIMTYwcS04IDAtOC04di02MHEwLTggOC04eiIgLz48L3N2Zz4=) */
+var RefIcon = /*#__PURE__*/React.forwardRef(PlusOutlined);
+if (process.env.NODE_ENV !== 'production') {
+  RefIcon.displayName = 'PlusOutlined';
+}
+
+const getBase64 = (file) => new Promise((resolve, reject) => {
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => resolve(reader.result);
+  reader.onerror = (error) => reject(error);
+});
+const UploadField = (props) => {
+  //! State
+  const {
+    field,
+    formState,
+    label,
+    required,
+    maxFiles = 8,
+    uploadButtonText = "Upload",
+    // typeLabel = "text12Regular",
+    customStyleContainer,
+    customStyleUpload,
+    afterOnChange,
+    disabled,
+    ...restProps
+  } = props;
+  const { name, value = [], onChange } = field || {};
+  const { touchedFields, errors, isSubmitted } = formState || {};
+  const isTouched = get(touchedFields, name);
+  const errorMessage = get(errors, name)?.message;
+  const [previewOpen, setPreviewOpen] = useState(false);
+  const [previewImage, setPreviewImage] = useState("");
+  //! Function
+  const handlePreview = async (file) => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj);
+    }
+    setPreviewImage(file.url || file.preview);
+    setPreviewOpen(true);
+  };
+  const handleChange = ({ fileList }) => {
+    onChange?.(fileList);
+    afterOnChange?.(fileList);
+  };
+  const uploadButton = /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { style: { border: 0, background: "none" }, type: "button", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 8 }, children: uploadButtonText })
+  ] });
+  const renderErrorMessage = () => {
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ErrorMessage,
+      {
+        errorMessage,
+        isTouched,
+        isSubmitted
+      }
+    );
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: customStyleContainer, children: [
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { label, required }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Upload,
+      {
+        listType: "picture-card",
+        fileList: value,
+        onPreview: handlePreview,
+        onChange: handleChange,
+        disabled,
+        className: customStyleUpload,
+        ...restProps,
+        children: value.length >= maxFiles ? null : uploadButton
+      }
+    ),
+    renderErrorMessage(),
+    previewImage && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Image,
+      {
+        wrapperStyle: { display: "none" },
+        preview: {
+          visible: previewOpen,
+          onVisibleChange: (visible) => setPreviewOpen(visible),
+          afterOpenChange: (visible) => !visible && setPreviewImage("")
+        },
+        src: previewImage
+      }
+    )
+  ] });
+};
+
+export { UploadField };

package/es/fields/index.js

@@ -1,2 +1,13 @@
-export { C as Checkbox, D as DatePicker, I as Input, P as PnkxField, R as RangePicker, h as Textarea, g as TinyMCE } from '../chunks/UploadImage-x6lE6WbO.js';
-export { R as RadioGroup, S as Select, c as SliderRange, b as SliderSingle, a as Switch, U as UploadField } from '../chunks/SliderRanger-BXe2Nxdo.js';
+export { Input } from './Input.js';
+export { PnkxField } from './PnkxField.js';
+export { Select } from './Select.js';
+export { TinyMCE } from './TinyMCE.js';
+export { Textarea } from './Textarea.js';
+export { RadioGroup } from './Radio.js';
+export { Checkbox } from './Checkbox.js';
+export { DatePicker } from './DatePicker.js';
+export { RangePicker } from './DateRangePicker.js';
+export { UploadField } from './Upload.js';
+export { Switch } from './Switch.js';
+export { SliderSingle } from './SliderSingle.js';
+export { SliderRange } from './SliderRanger.js';

package/es/hooks/index.js

@@ -1 +1,2 @@
-export { a as useMessage, u as useToast } from '../chunks/useMessage-CUPcOtIS.js';
+export { useToast } from './useToast.js';
+export { useMessage } from './useMessage.js';

package/es/hooks/useMessage.js

@@ -0,0 +1,15 @@
+import { message } from 'antd';
+
+const useMessage = (defaultProps) => {
+  return (overrideProps) => {
+    const mergedProps = {
+      type: defaultProps?.type,
+      content: defaultProps?.content,
+      ...defaultProps,
+      ...overrideProps
+    };
+    message.open(mergedProps);
+  };
+};
+
+export { useMessage };

package/es/{chunks/useMessage-CUPcOtIS.js → hooks/useToast.js}

@@ -1,4 +1,4 @@
-import { notification, message } from 'antd';
+import { notification } from 'antd';
 
 const useToast = (defaultProps) => {
   const toast = (overrideProps) => {
@@ -19,16 +19,4 @@ const useToast = (defaultProps) => {
   return toast;
 };
 
-const useMessage = (defaultProps) => {
-  return (overrideProps) => {
-    const mergedProps = {
-      type: defaultProps?.type,
-      content: defaultProps?.content,
-      ...defaultProps,
-      ...overrideProps
-    };
-    message.open(mergedProps);
-  };
-};
-
-export { useMessage as a, useToast as u };
+export { useToast };

package/es/index.js

@@ -1,4 +1,74 @@
-export { N as ActionRowTable, A as Alert, u as Anchor, v as Appfix, w as AutoComplete, d as Badge, f as Breadcrumb, a1 as BreadcrumbHeading, a0 as BulkActions, B as Button, J as CATEGORY_LIST_ENUM, a2 as Card, C as CascaderField, L as CategoryStatus, e as Col, x as Collapse, y as ColorPicker, a3 as ConfigProvider, z as ConfirmModal, c as Container, j as Divider, k as Drawer, D as Dropdown, E as Empty, G as ErrorBoundary, F as Flex, H as Heading, I as Image, M as Modal, V as PAGE_NUMBER, X as PAGE_SIZE, a4 as PageNotFound, g as Pagination, l as Popconfirm, P as Popover, Q as QRCode, n as Rate, m as Result, R as Row, Y as SORT, O as START_PAGE, U as START_PAGE_SIZE, b as SearchFiltersForm, o as Segmented, h as Sidebar, S as Skeleton, p as Statistic, T as Table, a as Tabs, i as Tag, q as Timeline, r as Tour, s as Tree, Z as TypeActionRowTable, _ as TypeBulkActions, $ as TypeStatusTable, W as Watermark, K as badgeStatusCategoryConfig, t as typeColorMap } from './chunks/PageNotFound-D6b4M484.js';
-export { C as Checkbox, D as DatePicker, E as ErrorMessage, I as Input, L as Label, b as Layout, M as Menu, P as PnkxField, R as RangePicker, S as Space, e as Spin, c as Splitter, d as Steps, f as TINY_API, h as Textarea, g as TinyMCE, a as Tooltip, T as Typography, U as UploadImage } from './chunks/UploadImage-x6lE6WbO.js';
-export { R as RadioGroup, S as Select, c as SliderRange, b as SliderSingle, a as Switch, U as UploadField } from './chunks/SliderRanger-BXe2Nxdo.js';
-export { a as useMessage, u as useToast } from './chunks/useMessage-CUPcOtIS.js';
+export { Button } from './ui/Button.js';
+export { CascaderField } from './ui/Cascader.js';
+export { ErrorMessage } from './ui/ErrorMessage.js';
+export { Typography } from './ui/Typography.js';
+export { ActionRowTable, BulkActions, Table } from './ui/index.js';
+export { Modal } from './ui/Modal.js';
+export { Tooltip } from './ui/Tooltip.js';
+export { Tabs } from './ui/Tabs.js';
+export { Label } from './ui/Label.js';
+export { Skeleton } from './ui/Skeleton.js';
+export { Popover } from './ui/Popover.js';
+export { SearchFiltersForm } from './ui/SearchFilterForm.js';
+export { Container } from './ui/Container.js';
+export { Badge, typeColorMap } from './ui/Badge.js';
+export { Col } from './ui/Col.js';
+export { Row } from './ui/Row.js';
+export { Dropdown } from './ui/Dropdown.js';
+export { Breadcrumb } from './ui/Breadcrumb.js';
+export { Flex } from './ui/Flex.js';
+export { Layout } from './ui/Layout.js';
+export { Space } from './ui/Space.js';
+export { Splitter } from './ui/Splitter.js';
+export { Menu } from './ui/Menu.js';
+export { Pagination } from './ui/Pagination.js';
+export { Steps } from './ui/Steps.js';
+export { Sidebar } from './ui/Sidebar.js';
+export { Heading } from './ui/Heading.js';
+export { Tag } from './ui/Tag.js';
+export { Divider } from './ui/Divider.js';
+export { Alert } from './ui/Alert.js';
+export { Spin } from './ui/Spin.js';
+export { Drawer } from './ui/Drawer.js';
+export { Popconfirm } from './ui/Popconfirm.js';
+export { QRCode } from './ui/QRCode.js';
+export { Result } from './ui/Result.js';
+export { Rate } from './ui/Rate.js';
+export { Segmented } from './ui/Segmented.js';
+export { Statistic } from './ui/Statistic.js';
+export { Timeline } from './ui/Timeline.js';
+export { Tour } from './ui/Tour.js';
+export { Tree } from './ui/Tree.js';
+export { Watermark } from './ui/Watermark.js';
+export { Anchor } from './ui/Anchor.js';
+export { Appfix } from './ui/Appfix.js';
+export { AutoComplete } from './ui/AutoComplete.js';
+export { Collapse } from './ui/Collapse.js';
+export { ColorPicker } from './ui/ColorPicker.js';
+export { Empty } from './ui/Empty.js';
+export { Image } from './ui/Image.js';
+export { ConfirmModal } from './ui/ConfirmModal.js';
+export { ErrorBoundary } from './ui/ErrorBoundary.js';
+export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig } from './ui/CategoryStatus.js';
+export { T as TINY_API } from './chunks/common-CocKiHtC.js';
+export { PAGE_NUMBER, PAGE_SIZE, SORT, START_PAGE, START_PAGE_SIZE, TypeActionRowTable, TypeBulkActions, TypeStatusTable } from './constants/index.js';
+export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
+export { Card } from './ui/Card.js';
+export { ConfigProvider } from './ui/ConfigProvider.js';
+export { PageNotFound } from './ui/PageNotFound.js';
+export { UploadImage } from './ui/UploadImage.js';
+export { Input } from './fields/Input.js';
+export { PnkxField } from './fields/PnkxField.js';
+export { Select } from './fields/Select.js';
+export { TinyMCE } from './fields/TinyMCE.js';
+export { Textarea } from './fields/Textarea.js';
+export { RadioGroup } from './fields/Radio.js';
+export { Checkbox } from './fields/Checkbox.js';
+export { DatePicker } from './fields/DatePicker.js';
+export { RangePicker } from './fields/DateRangePicker.js';
+export { UploadField } from './fields/Upload.js';
+export { Switch } from './fields/Switch.js';
+export { SliderSingle } from './fields/SliderSingle.js';
+export { SliderRange } from './fields/SliderRanger.js';
+export { useToast } from './hooks/useToast.js';
+export { useMessage } from './hooks/useMessage.js';

package/es/ui/Alert.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Alert as Alert$1 } from 'antd';
+
+const Alert = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { ...props });
+};
+
+export { Alert };

package/es/ui/Anchor.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Anchor as Anchor$1 } from 'antd';
+
+const Anchor = (props) => {
+  const { containerClassName, anchorClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Anchor$1, { className: anchorClassName, ...restProps }) });
+};
+
+export { Anchor };

package/es/ui/Appfix.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Affix } from 'antd';
+
+const Appfix = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Affix, { ...rest, children });
+};
+
+export { Appfix };

package/es/ui/AutoComplete.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { AutoComplete as AutoComplete$1, Input } from 'antd';
+
+const AutoComplete = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AutoComplete$1, { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, {}) });
+};
+
+export { AutoComplete };

package/es/ui/Badge.js

@@ -0,0 +1,15 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Badge as Badge$1 } from 'antd';
+
+const typeColorMap = {
+  error: "red",
+  info: "blue",
+  success: "green",
+  warning: "yellow"
+};
+const Badge = ({ type, children, customColor, ...rest }) => {
+  const color = type ? typeColorMap[type] : customColor;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge$1, { color, ...rest, children });
+};
+
+export { Badge, typeColorMap };

package/es/ui/BottomPagination.js

@@ -0,0 +1,57 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Select } from '../fields/Select.js';
+import { Pagination } from './Pagination.js';
+
+const BottomPagination = (props) => {
+  const { total, pageSize, current, onChange } = props;
+  const totalPages = Math.ceil(total / (pageSize || 10));
+  const pageOptions = Array.from({ length: totalPages }, (_, i) => ({
+    value: i + 1,
+    label: `${i + 1}`
+  }));
+  const defaultPageSizeOptions = [10, 20, 50, 100].map((size) => ({
+    value: size,
+    label: `${size}`
+  }));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full flex align-center justify-between pl-2.5 pr-2.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Select,
+        {
+          onChange: (value) => onChange?.(current, Number(value) || 10),
+          value: pageSize,
+          options: defaultPageSizeOptions
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: `${(current - 1) * pageSize + 1} - ${current * pageSize > total ? total : current * pageSize} trên tổng ${total}` })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: "xem trang" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Select,
+          {
+            onChange: (value) => onChange?.(Number(value), pageSize || 10),
+            value: current,
+            className: "w-[60px]",
+            options: pageOptions
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Pagination,
+        {
+          className: "show-total-range",
+          total,
+          current,
+          pageSize: pageSize || 10,
+          showSizeChanger: false,
+          showQuickJumper: false,
+          onChange
+        }
+      )
+    ] })
+  ] });
+};
+
+export { BottomPagination };

package/es/ui/Breadcrumb.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Breadcrumb as Breadcrumb$1 } from 'antd';
+
+const Breadcrumb = (props) => {
+  const { containerClassName, breadcrumbClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb$1, { className: breadcrumbClassName, ...restProps }) });
+};
+
+export { Breadcrumb };

package/es/ui/BreadcrumbHeading.js

@@ -0,0 +1,54 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { c as className } from '../chunks/index-mzHK7Za8.js';
+import { Breadcrumb } from './Breadcrumb.js';
+import { useLocation, Link } from 'react-router';
+
+const BreadcrumbHeading = (props) => {
+  const { menu, customBreadcum } = props;
+  const location = useLocation();
+  const pathUrl = location.pathname;
+  const breadcrumbsItem = [
+    { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", children: "Trang chủ" }) }
+  ];
+  function findBreadcrumbs(items, currentPath, trail = []) {
+    for (const item of items) {
+      if (!item || !item.path) continue;
+      if (currentPath === item.path) {
+        if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
+          return [...trail, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name }) }];
+        }
+        return trail;
+      }
+      if (currentPath.startsWith(item.path)) {
+        const newTrail = [...trail];
+        if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
+          newTrail.push({
+            title: /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: item.path, children: item.name })
+          });
+        }
+        if (item.children && item.children.length > 0) {
+          const childTrail = findBreadcrumbs(
+            item.children,
+            currentPath,
+            newTrail
+          );
+          if (childTrail) return childTrail;
+        }
+      }
+    }
+    return null;
+  }
+  const dynamicBreadcrumbs = findBreadcrumbs(menu, pathUrl);
+  if (dynamicBreadcrumbs) {
+    breadcrumbsItem.push(...dynamicBreadcrumbs);
+  }
+  const dataBreadcum = [
+    ...breadcrumbsItem,
+    ...customBreadcum ?? []
+  ];
+  console.log("dataBreadcum", dataBreadcum);
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: className("flex justify-between items-end"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { items: dataBreadcum }) });
+};
+
+export { BreadcrumbHeading };

package/es/ui/Button.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Button as Button$1 } from 'antd';
+
+const Button = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props });
+};
+
+export { Button };

package/es/ui/Card.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Card as Card$1 } from 'antd';
+
+const Card = ({ children, ...rest }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Card$1, { ...rest, children });
+};
+
+export { Card };

package/es/ui/Cascader.js

@@ -0,0 +1,21 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Cascader } from 'antd';
+
+const CascaderField = (props) => {
+  const {
+    customStyleContainer,
+    customStyleCascader,
+    options = [],
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: customStyleContainer, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Cascader,
+    {
+      options,
+      className: customStyleCascader,
+      ...restProps
+    }
+  ) });
+};
+
+export { CascaderField };

package/es/ui/CategoryStatus.js

@@ -0,0 +1,50 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+
+var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_APPROVAL"] = 1] = "WATING_APPROVAL";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["ACTIVE"] = 2] = "ACTIVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["INACTIVE"] = 3] = "INACTIVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["REJECT"] = 4] = "REJECT";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DELETE"] = 5] = "DELETE";
+  return CATEGORY_LIST_ENUM2;
+})(CATEGORY_LIST_ENUM || {});
+const badgeStatusCategoryConfig = {
+  [0 /* DRAFT */]: { color: "bg-[#007BE5]", text: "Tạo mới" },
+  [1 /* WATING_APPROVAL */]: {
+    color: "bg-[#DA9438]",
+    text: "Chờ duyệt"
+  },
+  [2 /* ACTIVE */]: { color: "bg-[#27CD7F]", text: "Hoạt động" },
+  [3 /* INACTIVE */]: {
+    color: "bg-[#DD4338]",
+    text: "Ngừng hoạt động"
+  },
+  [4 /* REJECT */]: {
+    color: "bg-[#722ED1]",
+    text: "Từ chối duyệt"
+  },
+  [5 /* DELETE */]: {
+    color: "bg-[#B2B7C2]",
+    text: "Đã xóa"
+  }
+};
+const CategoryStatus = ({ status }) => {
+  //! State
+  const bagde = badgeStatusCategoryConfig[status];
+  //! Function
+  const ItemStatus = ({
+    color,
+    statusName
+  }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: twMerge("w-3 h-3 rounded-sm", color || "") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-normal", children: statusName || "" })
+    ] }) });
+  };
+  //! Render
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
+};
+
+export { CATEGORY_LIST_ENUM, CategoryStatus, badgeStatusCategoryConfig };

package/es/ui/Col.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Col as Col$1 } from 'antd';
+
+const Col = (props) => {
+  const { colClassName, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Col$1, { className: colClassName, ...restProps });
+};
+
+export { Col };

package/es/ui/Collapse.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { Collapse as Collapse$1 } from 'antd';
+
+const Collapse = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapse$1, { ...props });
+};
+
+export { Collapse };

package/es/ui/ColorPicker.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { ColorPicker as ColorPicker$1 } from 'antd';
+
+const ColorPicker = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker$1, { ...props });
+};
+
+export { ColorPicker };

package/es/ui/ConfigProvider.js

@@ -0,0 +1,11 @@
+import { j as jsxRuntimeExports } from '../chunks/jsx-runtime-DFKOoQSG.js';
+import { ConfigProvider as ConfigProvider$1 } from 'antd';
+
+const ConfigProvider = ({
+  children,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ConfigProvider$1, { ...rest, children });
+};
+
+export { ConfigProvider };