@pnkx-lib/ui 1.9.369 → 1.9.371

package/es/ui/SidebarV2.js

@@ -0,0 +1,420 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useMemo } from 'react';
+import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon } from '../chunks/logo-header-DlnEN3-o.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
+import { useNavigate } from 'react-router';
+import { Layout } from './Layout.js';
+import { Input } from '../fields/Input.js';
+
+function BellIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+  }));
+}
+const ForwardRef$6 = /*#__PURE__*/ React.forwardRef(BellIcon);
+
+function CalendarIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
+  }));
+}
+const ForwardRef$5 = /*#__PURE__*/ React.forwardRef(CalendarIcon);
+
+function ChartPieIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z"
+  }));
+}
+const ForwardRef$4 = /*#__PURE__*/ React.forwardRef(ChartPieIcon);
+
+function DocumentDuplicateIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75"
+  }));
+}
+const ForwardRef$3 = /*#__PURE__*/ React.forwardRef(DocumentDuplicateIcon);
+
+function FolderIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
+  }));
+}
+const ForwardRef$2 = /*#__PURE__*/ React.forwardRef(FolderIcon);
+
+function HomeIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+  }));
+}
+const ForwardRef$1 = /*#__PURE__*/ React.forwardRef(HomeIcon);
+
+function UsersIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(UsersIcon);
+
+const navigation = [
+  { name: "Dashboard", href: "/dashboard", icon: ForwardRef$1, current: true },
+  { name: "Team", href: "/team", icon: ForwardRef, current: false },
+  { name: "Projects", href: "/project", icon: ForwardRef$2, current: false },
+  { name: "Calendar", href: "/calendar", icon: ForwardRef$5, current: false },
+  {
+    name: "Documents",
+    href: "/document",
+    icon: ForwardRef$3,
+    current: false
+  },
+  { name: "Reports", href: "/reports", icon: ForwardRef$4, current: false }
+];
+const userInfo = {
+  name: "admin",
+  avatar: "https://png.pngtree.com/png-vector/20240730/ourlarge/pngtree-a-beautiful-egg-png-image_13299557.png"
+};
+const items = [
+  { key: "1", label: "Hồ sơ" },
+  { key: "4", label: "Cài đặt" },
+  { key: "2", label: "Đăng xuất" }
+];
+const Title = (props) => /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: props.title });
+const renderItem = (title, path) => ({
+  value: title,
+  label: /* @__PURE__ */ jsx(Flex, { align: "center", justify: "space-between", children: title }),
+  path
+});
+function getDataOption(menu, searchValue) {
+  return menu.reduce((acc, itemMenu) => {
+    const groupName = itemMenu.name;
+    (itemMenu.children ?? []).forEach((itemChildren) => {
+      (itemChildren.children ?? []).forEach(
+        (itemSub) => {
+          if (!searchValue || itemSub.name.toLowerCase().includes(searchValue.toLowerCase())) {
+            let group = acc.find((g) => g.label.props.title === groupName);
+            if (!group) {
+              group = {
+                label: /* @__PURE__ */ jsx(Title, { title: groupName }),
+                options: []
+              };
+              acc.push(group);
+            }
+            const path = `${itemChildren.path}/${itemSub.path}`;
+            group.options.push(renderItem(itemSub.name, path));
+          }
+        }
+      );
+    });
+    return acc;
+  }, []);
+}
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function SidebarV2({ menu, children }) {
+  const [hoverOpenMenu, setHoverOpenMenu] = useState(false);
+  const [valueSearch, setValueSearch] = useState("");
+  const searchSidebar = useDebounce(valueSearch, 300);
+  const [showSubmenu, setShowSubmenu] = useState(false);
+  const [activeModule, setActiveModule] = useState("");
+  const newMenu = useMemo(
+    () => menu?.filter((route) => route?.isShow)?.flatMap((route) => route?.children)?.filter(Boolean),
+    [menu]
+  );
+  const dataOption = useMemo(
+    () => getDataOption(newMenu, searchSidebar),
+    [newMenu, searchSidebar]
+  );
+  const navigate = useNavigate();
+  const handleSelect = (_value, path) => {
+    navigate(path.path);
+  };
+  const getContentMargin = () => {
+    if (hoverOpenMenu) return "ml-[225px]";
+    if (showSubmenu) return "ml-[279px]";
+    return "ml-[62px]";
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Layout.Header,
+      {
+        style: {
+          backgroundColor: "#FFFFFF",
+          display: "flex",
+          width: "100%",
+          borderBottom: "1px solid white",
+          boxShadow: "0 1px 1px rgba(0, 0, 0, 0.15)",
+          height: "56px",
+          position: "fixed",
+          zIndex: 2e3
+        },
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center ml-[-2rem]", children: /* @__PURE__ */ jsx("img", { src: logoHeaderText, alt: "logo", width: 200 }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx(
+              AutoComplete,
+              {
+                classNames: {
+                  popup: { root: "certain-category-search-dropdown" }
+                },
+                popupMatchSelectWidth: 500,
+                style: { width: 500 },
+                options: dataOption ?? [],
+                onSelect: handleSelect,
+                onChange: (value) => setValueSearch(value),
+                children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    className: "!placeholder:bg-[#E7F0FF] !bg-[#E7F0FF] !border !border-[#BDE3FF]",
+                    placeholder: "Tìm kiếm theo chức năng,module của hệ thống",
+                    iconStartInput: /* @__PURE__ */ jsx("div", { className: "w-5 h-5", children: /* @__PURE__ */ jsx(SearchIcon, { className: "w-5 text-[#116DFF]" }) })
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: twMerge(
+                  hoverOpenMenu ? "" : "justify-center",
+                  "text-black flex items-center rounded-md gap-2"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4 items-center", children: [
+                    /* @__PURE__ */ jsx(VietNamIcon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ jsx(ForwardRef$6, { className: "w-6 h-6" })
+                  ] })
+                ]
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("a", { onClick: (e) => e.preventDefault(), children: /* @__PURE__ */ jsx("li", { className: "list-none cursor-pointer group flex items-center", children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: twMerge(
+                  hoverOpenMenu ? "" : "justify-center",
+                  "text-black flex items-center rounded-md gap-2"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Divider, { type: "vertical" }),
+                  /* @__PURE__ */ jsx("div", { className: "flex justify-center w-10 h-10 rounded-full", children: /* @__PURE__ */ jsx("img", { src: userInfo?.avatar, alt: "default_avatar" }) }),
+                  /* @__PURE__ */ jsx("p", { children: userInfo?.name }),
+                  /* @__PURE__ */ jsx(Dropdown, { menu: { items }, children: /* @__PURE__ */ jsx(DownOutlinedIcon, { className: "w-6 h-6" }) })
+                ]
+              }
+            ) }) }) })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: twMerge(
+          "fixed inset-y-0 flex h-screen flex-col transition-all duration-300 ease-in-out z-[999]",
+          hoverOpenMenu ? "w-[225px]" : "w-[62px]"
+        ),
+        onMouseLeave: () => setHoverOpenMenu(false),
+        onMouseEnter: () => setHoverOpenMenu(true),
+        children: /* @__PURE__ */ jsx("div", { className: "flex grow flex-col mt-14 gap-y-5 bg-[#001523] px-6 pb-4 relative", children: /* @__PURE__ */ jsx("nav", { className: "flex flex-1 flex-col mt-4", children: /* @__PURE__ */ jsx("ul", { role: "list", className: "-mx-3 space-y-1", children: navigation.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            onClick: () => {
+              setShowSubmenu(true);
+              setHoverOpenMenu(false);
+              setActiveModule(item.href);
+            },
+            href: "#",
+            className: classNames(
+              item.href === activeModule ? "bg-[#007BE5] text-white" : "text-gray-400 hover:text-white hover:bg-[#007BE5]",
+              "group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                item.icon,
+                {
+                  className: "h-6 w-6 shrink-0",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: twMerge(
+                    "whitespace-nowrap overflow-hidden transition-opacity duration-200",
+                    hoverOpenMenu && "opacity-100 "
+                  ),
+                  children: item.name
+                }
+              )
+            ]
+          }
+        ) }, item.name)) }) }) })
+      }
+    ),
+    showSubmenu && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(
+          "fixed w-[217px] pt-15 left-[62px] h-full bg-[#FFFFFF] z-[50]",
+          hoverOpenMenu && "opacity-0"
+        ),
+        onMouseLeave: () => setShowSubmenu(true),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "block px-4 h-[42px] shadow-[0px_4px_6px_0px_#0006241f] py-2 border-[#FFFFFF] text-[16px] font-semibold text-[#1F1F1F]", children: "Quản lý danh mục" }),
+          /* @__PURE__ */ jsx("ul", { className: "mt-4", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "#",
+              className: "block px-4 py-2 text-sm text-[#1F1F1F] hover:bg-[#FFFFFF] hover:text-[#007BE5]",
+              children: "Danh mục bệnh viện"
+            }
+          ) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: twMerge(
+          "transition-all duration-300 ease-in-out pt-14 min-h-screen",
+          getContentMargin()
+        ),
+        children
+      }
+    )
+  ] });
+}
+
+export { SidebarV2 as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.369",
+  "version": "1.9.371",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -136,7 +136,7 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.1.1",
-    "@pnkx-lib/icon": "^0.0.58",
+    "@pnkx-lib/icon": "^0.0.61",
     "@react-pdf-viewer/core": "^3.12.0",
     "@react-pdf-viewer/default-layout": "^3.12.0",
     "@tailwindcss/cli": "^4.1.6",

package/types/components/fields/InputRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { InputNumberProps } from 'antd';
+import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
+export interface InputRangePickerProps extends Omit<InputNumberProps, "value" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (value: [number | null, number | null] | null) => void;
+    classNameContainer?: string;
+    classNameInput?: string;
+    classNameInputWrapper?: string;
+    classNameLabel?: string;
+    thousandSeparator?: boolean;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+}
+export declare const InputRangePicker: (props: InputRangePickerProps) => import("react/jsx-runtime").JSX.Element;

package/types/components/fields/index.d.ts

@@ -14,3 +14,4 @@ export * from './SliderRanger';
 export * from './TimeRangePicker';
 export * from './TimePicker';
 export * from './CascaderField';
+export * from './InputRangePicker';

package/types/components/ui/SelectTable.d.ts

@@ -0,0 +1,21 @@
+import { SelectProps } from 'antd/lib/select';
+import { ColumnsType } from 'antd/es/table';
+export interface SelectTableProps<T = Record<string, unknown>> extends Omit<SelectProps, "children" | "dropdownRender" | "mode" | "value"> {
+    columns: ColumnsType<T>;
+    dataSource?: T[];
+    selectedKeys?: React.Key[];
+    onSelectionChange?: (selectedKeys: React.Key[], selectedRows: T[]) => void;
+    onLoadMore?: () => void | Promise<void>;
+    onSearch?: (searchText: string) => void;
+    hasMore?: boolean;
+    loading?: boolean;
+    rowKey?: string | ((record: T) => React.Key);
+    tableProps?: {
+        size?: "small" | "middle" | "large";
+        pagination?: false;
+    };
+    infiniteScroll?: boolean;
+    loadMoreThreshold?: number;
+    searchPlaceholder?: string;
+}
+export default function SelectTable<T = Record<string, unknown>>({ columns, dataSource, selectedKeys, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, ...selectProps }: SelectTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/types/components/ui/SidebarV2.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactNode } from 'react';
+export type MenuTypeV2 = {
+    name: string;
+    path: string;
+    isShow?: boolean;
+    isPrivateRoute?: boolean;
+    icon?: ReactNode;
+    code?: string;
+    isShowLabel?: boolean;
+    component?: React.LazyExoticComponent<React.MemoExoticComponent<any>> | React.ExoticComponent<any> | ReactNode | React.FC;
+    componentProps?: Record<string, any>;
+    children?: MenuTypeV2[];
+};
+interface SidebarV2Props {
+    menu: MenuTypeV2[];
+    children: React.ReactNode;
+}
+export default function SidebarV2({ menu, children }: SidebarV2Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/fields/InputRangePicker.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/fields/InputRangePicker'
+export {}

package/types/ui/SelectTable.d.ts

@@ -0,0 +1,4 @@
+export {}
+import PnkxUI from '../components/ui/SelectTable'
+export default PnkxUI
+export {}

package/types/ui/SidebarV2.d.ts

@@ -0,0 +1,4 @@
+export {}
+import PnkxUI from '../components/ui/SidebarV2'
+export default PnkxUI
+export {}