@admin-layout/tailwind-design-pro 10.0.9-alpha.2 → 10.0.9-alpha.21

package/lib/components/Layout/Sidebar/SidebarMenu.js

@@ -1,88 +1,168 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {FaChevronDown}from'@react-icons/all-files/fa/FaChevronDown.js';import {FaChevronRight}from'@react-icons/all-files/fa/FaChevronRight.js';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';const SidebarMenu = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {generateLightShade}from'../BasicLayout/utils.js';import {icons}from'../../../icons.js';const SidebarMenu = ({
   menuData,
   routeParams,
-  settings
+  settings,
+  collapsed
 }) => {
-  // Track open menus by their depth level
   const [openMenusByLevel, setOpenMenusByLevel] = useState({});
-  // Track the currently active menu item
   const [activePath, setActivePath] = useState('/dashboard');
+  const [hoveredMenu, setHoveredMenu] = useState(null);
+  const [popupPosition, setPopupPosition] = useState({
+    top: 0,
+    height: 0
+  });
+  const {
+    ChevronDownIcon,
+    ChevronRightIcon
+  } = icons;
   const toggleMenu = (path, depth, e) => {
-    // Prevent link navigation when clicking on a parent menu with children
     e.preventDefault();
-    setOpenMenusByLevel(prev => {
-      const newState = {
-        ...prev
-      };
-      // If this menu is already open, close it
-      if (newState[depth] === path) {
-        newState[depth] = null;
-      }
-      // Otherwise, close any other menu at this depth level and open this one
-      else {
-        newState[depth] = path;
-      }
-      return newState;
-    });
+    if (collapsed) return;
+    setOpenMenusByLevel(prev => ({
+      ...prev,
+      [depth]: prev[depth] === path ? null : path
+    }));
   };
   const handleMenuClick = (path, hasChildren, depth, e) => {
-    if (hasChildren) {
+    if (hasChildren && !collapsed) {
       toggleMenu(path, depth, e);
     } else {
-      // For leaf items, set as active and allow navigation
       setActivePath(path);
     }
   };
-  const renderMenuItem = (item, depth = 0) => {
+  const getFirstLetter = name => {
+    return name.charAt(0).toUpperCase();
+  };
+  const handleMenuHover = (e, item, isHoverMenu) => {
+    // Only set hover state if the menu has children
+    if (collapsed && !isHoverMenu && item.children && item.children.length > 0) {
+      const element = e.currentTarget;
+      const rect = element.getBoundingClientRect();
+      let top = rect.top;
+      // Store the height to use for positioning
+      setPopupPosition({
+        top: top,
+        height: rect.height
+      });
+      setHoveredMenu(item.path);
+    }
+  };
+  const handleMenuLeave = (item, isHoverMenu) => {
+    if (collapsed && !isHoverMenu) {
+      setHoveredMenu(null);
+    }
+  };
+  const renderPopupMenu = (item, depth = 0) => {
+    if (!item.children || item.children.length === 0) return null;
+    const bgColor = generateLightShade(settings?.primaryColor, 0.98);
+    const sidebarWidth = collapsed ? 64 : 256; // 80px for collapsed (w-20), 256px for expanded (w-64)
+    return jsxs("div", {
+      className: "fixed shadow-xl rounded-md border border-gray-100 z-[999] overflow-hidden",
+      style: {
+        backgroundColor: bgColor,
+        left: `${sidebarWidth}px`,
+        // Position right after sidebar
+        top: `${popupPosition.top}px`,
+        boxShadow: '0 5px 15px rgba(0, 0, 0, 0.2)',
+        animation: 'fadeIn 0.2s ease-out forwards',
+        maxWidth: 'calc(100vw - 100px)',
+        // Prevent overflow on small screens
+        width: 'max-content',
+        minWidth: '220px'
+      },
+      children: [jsx("style", {
+        dangerouslySetInnerHTML: {
+          __html: `
+                    @keyframes fadeIn {
+                        from { opacity: 0; transform: translateX(-10px); }
+                        to { opacity: 1; transform: translateX(0); }
+                    }
+                    `
+        }
+      }), jsx("div", {
+        className: "font-medium text-sm px-4 py-3 border-b border-gray-100 whitespace-nowrap",
+        style: {
+          backgroundColor: generateLightShade(settings?.primaryColor, 0.95)
+        },
+        children: jsx("span", {
+          style: {
+            color: settings?.primaryColor
+          },
+          children: item.name
+        })
+      }), jsx("div", {
+        className: "max-h-[400px] overflow-y-auto overflow-x-hidden py-1",
+        children: item.children.map(child => jsx("div", {
+          className: "w-full min-w-max",
+          children: renderMenuItem(child, depth + 1, true)
+        }, child.path))
+      })]
+    });
+  };
+  const renderMenuItem = (item, depth = 0, isHoverMenu = false) => {
     const hasChildren = item.children && item.children.length > 0;
     const isOpen = openMenusByLevel[depth] === item.path;
     const isActive = activePath === item.path;
+    const isHovered = hoveredMenu === item.path;
     const paddingLeft = `${depth * 1}rem`;
-    // Determine the background color based on state
-    let bgColor = generateLightShade(settings?.primaryColor, 0.89);
+    const bgColor = generateLightShade(settings?.primaryColor, 0.89);
     return jsxs("div", {
-      className: "w-full",
+      className: `w-full relative group ${isHovered && collapsed && !isHoverMenu ? `rounded-md` : ''}`,
+      style: {
+        backgroundColor: isHovered && !isHoverMenu ? bgColor : ''
+      },
+      onMouseEnter: e => handleMenuHover(e, item, isHoverMenu),
+      onMouseLeave: () => handleMenuLeave(item, isHoverMenu),
       children: [jsxs(Link, {
-        to: generateMenuPath(item?.path, routeParams),
-        className: `flex items-center justify-between w-full px-4 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5`,
+        to: hasChildren && collapsed && !isHoverMenu ? '#' : generateMenuPath(item?.path, routeParams),
+        className: `flex items-center justify-between w-full px-1 py-2 hover:bg-gray-100 text-sm cursor-pointer transition-colors rounded-md mx-1 my-0.5 whitespace-nowrap overflow-hidden text-ellipsis`,
         style: {
           paddingLeft: `calc(1rem + ${paddingLeft})`,
-          backgroundColor: isActive ? bgColor : ''
+          backgroundColor: isActive || isHovered ? bgColor : ''
         },
         onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
         children: [jsxs("div", {
-          className: "flex items-center gap-3",
-          children: [item.icon && jsx("span", {
+          className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`,
+          children: [item.icon ? jsx("span", {
+            className: `${isActive || isHovered ? 'text-primary' : ''} flex-shrink-0`,
             style: {
-              color: isActive ? settings?.primaryColor : ''
+              color: isActive || isHovered ? settings?.primaryColor : ''
             },
             children: item.icon
-          }), jsx("span", {
-            className: `font-medium`,
+          }) : collapsed && !isHoverMenu ? jsx("span", {
+            className: "flex items-center justify-center flex-shrink-0",
+            style: {
+              color: isActive ? settings?.primaryColor : ''
+            },
+            children: getFirstLetter(item.name)
+          }) : null, (!collapsed || isHoverMenu) && jsx("span", {
+            className: "font-medium whitespace-nowrap overflow-hidden text-ellipsis",
             style: {
               color: isActive ? settings?.primaryColor : ''
             },
             children: item.name
           })]
-        }), hasChildren && jsx("span", {
+        }), hasChildren && (!collapsed || isHoverMenu) && jsx("span", {
           style: {
             color: isActive ? settings?.primaryColor : ''
           },
-          children: isOpen ? jsx(FaChevronDown, {
+          className: "flex-shrink-0 ml-1",
+          children: isOpen ? jsx(ChevronDownIcon, {
             className: "h-4 w-4"
-          }) : jsx(FaChevronRight, {
+          }) : jsx(ChevronRightIcon, {
             className: "h-4 w-4"
           })
         })]
-      }), hasChildren && isOpen && jsx("div", {
+      }), collapsed && hasChildren && isHovered && !isHoverMenu && item.children.length > 0 && renderPopupMenu(item, depth), hasChildren && isOpen && !collapsed && jsx("div", {
         className: "transition-all duration-200 ease-in-out",
         children: item.children.map(child => renderMenuItem(child, depth + 1))
       })]
     }, item.path);
   };
   return jsx("div", {
+    className: "overflow-hidden",
     children: jsx("nav", {
-      className: "mt-2 px-2",
+      className: `mt-2 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
       children: menuData.map(item => renderMenuItem(item))
     })
   });

package/lib/components/Layout/Sidebar/SidebarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"uWAOO,MAAM,WAAW,GAAG,CAAC;UACgB;aACjB;;MAEjB;;QAGF,CAAuE,gBAAA,EAAA,mBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;;AAGvE,EAAA,MAAA,CAAA,UAAA,EAAA,aAAyB,CAAE,GAAE,QAAA,CAAA,YAAA,CAAA;AACzB,EAAA,MAAA,UAAM,QAAQ,EAAG,KAAK,EAAA,CAAA,KAAO;;AAG7B,IAAA,CAAA,CAAA;AACI,IAAA,mBAAA,CAAQ,IAAC,IAAM;YACnB,QAAC,GAAA;;;AAGG;kBACH,CAAA,KAAA,CAAA,KAAA,IAAA,EAAA;AAED,QAAA,QAAA,CAAA,aAAgB;AACpB;AACJ;WAEM;QACF,QAAI,CAAA,KAAA,CAAW,GAAG,IAAA;AACd;aACH,QAAA;;;uBAEgB,GAAC,CAAI,IAAC,EAAC,WAAA,EAAA,KAAA,EAAA,CAAA,KAAA;QACxB,WAAC,EAAA;AACL,MAAE,UAAA,CAAA,IAAA,EAAA,KAAA,EAAA,CAAA,CAAA;KAEI,MAAA;AACF;mBACM,CAAM,IAAG,CAAA;AACf;AACA,GAAA;QAEA,cAAgD,GAAA,CAAA,IAAA,EAAA,KAAA,GAAA,CAAA,KAAA;UAC5C,WAAU,GAAA,IAAA,CAAA,QAAA,IAAmB,IAAA,CAAA,QAAsB,CAAA,MAAA,GAAA,CAAE;UAElD,MACH,mBAA8B,CAAA,KAAA,CAAC,SAC3B,CAAA,IAAA;AA2BZ,IAAA,MAAE,QAAA,GAAA,UAAA,KAAA,IAAA,CAAA,IAAA;IAEF,MAAO,WAEC,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;AAGZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts

@@ -0,0 +1,4 @@
+export declare const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = "additional_settings_slot_fill";
+export declare const AdditionalSettingsSlot: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const AdditionalSettingsFillCard: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdditionalSettings.d.ts.map

package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAElF,eAAO,MAAM,sBAAsB,yDAElC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yDAEtC,CAAC"}

package/lib/components/Layout/slot-fill/AdditionalSettings.js

@@ -0,0 +1,7 @@
+import {jsx}from'react/jsx-runtime';import {Slot}from'@common-stack/components-pro';const ADDITIONAL_SETTINGS_SLOT_FILL_NAME = 'additional_settings_slot_fill';
+const AdditionalSettingsSlot = props => {
+  return jsx(Slot, {
+    name: ADDITIONAL_SETTINGS_SLOT_FILL_NAME,
+    fillProps: props
+  });
+};export{ADDITIONAL_SETTINGS_SLOT_FILL_NAME,AdditionalSettingsSlot};//# sourceMappingURL=AdditionalSettings.js.map

package/lib/components/Layout/slot-fill/AdditionalSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAIO,MAAM,kCAAkC,GAAG;AAErC,MAAA,sBAAsB,GAAG,KAAC,IAAS;SACrCA,GAAA,CAAA,IAAK,EAAA;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}

package/lib/components/Layout/slot-fill/index.d.ts

@@ -1,3 +1,4 @@
 export * from './HeaderNotice';
 export * from './Footer';
+export * from './AdditionalSettings';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/slot-fill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC"}

package/lib/components/SettingDrawer/SettingDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0LtD,CAAC"}
+{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsRjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiNtD,CAAC"}

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -1,4 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import {IoMdCopy}from'@react-icons/all-files/io/IoMdCopy.js';import {FaCheck}from'@react-icons/all-files/fa/FaCheck.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';let oldSetting = {};
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';let oldSetting = {};
 const updateTheme = (dark, color, publicPath = '/theme') => {
   // ssr
   if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
@@ -201,12 +201,25 @@ const themeOptions = [{
   title: 'Spotify Theme'
 }];
 const SettingDrawer = props => {
-  let {
-    navTheme,
+  const {
     settings,
     onSettingChange,
-    actor
+    hideLoading,
+    hideColors,
+    publicPath,
+    hideHintAlert,
+    hideCopyButton,
+    actor,
+    colorList,
+    navTheme,
+    pathname = ''
   } = props;
+  const {
+    CloseIcon,
+    Settings5FillIcon,
+    CopyIcon,
+    CheckIcon
+  } = icons;
   const [show, setShow] = useState(false);
   const [copied, setCopied] = useState(false);
   const {
@@ -229,6 +242,9 @@ const SettingDrawer = props => {
         [key]: value
       }
     });
+    onSettingChange({
+      [key]: value
+    });
   };
   const handleCopySettings = async () => {
     try {
@@ -272,10 +288,10 @@ const SettingDrawer = props => {
           justifyContent: 'center'
         },
         className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 w-12 h-12 rounded-l-lg hover:bg-opacity-80 ${show ? 'mr-72' : 'mr-0'}`,
-        children: !show ? jsx(RiSettings5Fill, {
+        children: !show ? jsx(Settings5FillIcon, {
           fontSize: '32px',
           className: "text-white"
-        }) : jsx(MdClose, {
+        }) : jsx(CloseIcon, {
           className: "text-white",
           fontSize: '36px'
         })
@@ -291,7 +307,7 @@ const SettingDrawer = props => {
           }), jsx("button", {
             onClick: () => setShow(false),
             className: "bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:bg-gray-200 dark:hover:bg-[#2a2a2a]",
-            children: jsx(MdClose, {
+            children: jsx(CloseIcon, {
               fontSize: '36px'
             })
           })]
@@ -317,12 +333,12 @@ const SettingDrawer = props => {
               options: themeOptions
             })]
           }), jsxs("div", {
-            className: "mt-8",
+            className: "mt-8 dark:border-[#2a2b2a]",
             children: [jsx("p", {
-              className: "text-black dark:text-white",
+              className: "mb-2 text-black dark:text-white",
               children: t('theme_color')
             }), jsx(ThemeColor, {
-              color: themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
+              color: colorList || themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
               changeSetting: handleSettingChange,
               settings: settingState
             })]
@@ -348,6 +364,13 @@ const SettingDrawer = props => {
             settings: settingState,
             changeSetting: handleSettingChange
           })]
+        }), jsx("div", {
+          className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
+          children: jsx(AdditionalSettingsSlot, {
+            settings: settingState,
+            onSettingsChange: handleSettingChange,
+            pathname: pathname
+          })
         }), jsxs("div", {
           className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-200 dark:border-yellow-700 rounded-lg p-4 mt-4",
           children: [jsx("p", {
@@ -357,13 +380,13 @@ const SettingDrawer = props => {
             className: clsx('mt-2 inline-flex items-center gap-2 px-3 py-1.5 border rounded-md text-sm transition-colors', copied ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
             onClick: handleCopySettings,
             children: copied ? jsxs(Fragment, {
-              children: [jsx(FaCheck, {
+              children: [jsx(CheckIcon, {
                 className: "w-4 h-4"
               }), jsx("span", {
                 children: "Copied!"
               })]
             }) : jsxs(Fragment, {
-              children: [jsx(IoMdCopy, {
+              children: [jsx(CopyIcon, {
                 className: "w-4 h-4"
               }), jsx("span", {
                 children: "Copy Settings"

package/lib/components/SettingDrawer/SettingDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/SettingDrawer/ThemeColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAmCzD"}
+{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAwCzD"}

package/lib/components/SettingDrawer/ThemeColor.js

@@ -4,6 +4,9 @@ import {jsx}from'react/jsx-runtime';function ThemeColor(props) {
     changeSetting,
     settings
   } = props;
+  if (!color || color.length < 1) {
+    return null;
+  }
   return jsx("div", {
     className: "flex flex-row space-x-2",
     children: color.map((item, index) => {

package/lib/components/SettingDrawer/ThemeColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;AACN,IAAA,KAAA;AAGY,IAAA,aAAA;AAMY,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;IAEN,KAAK;AACD,IAAA;IACJ;AAEA,GAAA,GAAA,KAAO;AAGK,EAAA,IAAA,CAAA,KAAA,IAAA,KAGQ,CAAA,MAAA,GAAA,CAAA,EAAA;AAGI,IAAA,OAAA,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/types.d.ts

@@ -40,12 +40,22 @@ export interface SettingDrawerProps {
     hideCopyButton?: boolean;
     navTheme?: string;
     primaryColor?: string;
+    pathname?: string;
     onCollapseChange?: (collapse: boolean) => void;
     onSettingChange?: (settings: MergerSettingsType<ProSettings>) => void;
     actor: any;
+    colorList?: {
+        key: string;
+        color: string;
+        title?: string;
+    }[];
 }
 export type IThemeColorProps = {
-    color?: any[];
+    color?: Array<{
+        key: string;
+        color: string;
+        title?: string;
+    }>;
     changeSetting?: (key: string, value: string | boolean | any) => void;
     settings?: any;
 };

package/lib/components/SettingDrawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+export interface ThemeProviderProps {
+    settings: any;
+    children: ReactNode;
+}
+interface ThemeContextType {
+    theme: string;
+    themeType: string;
+    primaryColor: string;
+    fontFamily: string;
+    isDarkMode: boolean;
+    toggleTheme?: () => void;
+}
+export declare const ThemeContext: React.Context<ThemeContextType>;
+export declare const useTheme: () => ThemeContextType;
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,SAAS,EAAY,MAAM,OAAO,CAAC;AAIzF,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAGD,eAAO,MAAM,YAAY,iCAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,wBAAiC,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwEtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,63 @@
+import {jsx}from'react/jsx-runtime';import {createContext,useContext,useState,useEffect}from'react';import {themeRegistry}from'./themeRegistry.js';import {applyTheme}from'./themeUtils.js';// Create the context with default values
+const ThemeContext = createContext({
+  theme: 'default',
+  themeType: 'light',
+  primaryColor: '#1890ff',
+  fontFamily: 'Inter, sans-serif',
+  isDarkMode: false,
+  toggleTheme: () => {}
+});
+const useTheme = () => useContext(ThemeContext);
+const ThemeProvider = ({
+  settings,
+  children
+}) => {
+  const {
+    theme = 'default',
+    themeType = 'light',
+    primaryColor = '#1890ff',
+    fontFamily = 'Inter, sans-serif'
+  } = settings;
+  const [isDarkMode, setIsDarkMode] = useState(false);
+  // Toggle dark mode class on document
+  useEffect(() => {
+    if (settings?.navTheme === 'light') {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    } else if (settings?.navTheme === 'dark') {
+      document.documentElement.classList.add('dark');
+      setIsDarkMode(true);
+    } else {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    }
+  }, [settings]);
+  // Apply theme effects when component mounts and when theme settings change
+  useEffect(() => {
+    const selectedTheme = themeRegistry[theme] || themeRegistry.default;
+    // Apply CSS variables for the selected theme
+    applyTheme(selectedTheme, {
+      isDarkMode,
+      primaryColor,
+      fontFamily
+    });
+    // Apply font family to document
+    document.documentElement.style.setProperty('--font-family', fontFamily);
+    document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
+    // Apply theme-specific classes
+    document.body.dataset.theme = theme;
+    // Apply radius to all appropriate elements via CSS
+    const radius = selectedTheme.borderRadius.DEFAULT;
+    document.documentElement.style.setProperty('--radius', radius);
+  }, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
+  return jsx(ThemeContext.Provider, {
+    value: {
+      theme,
+      themeType,
+      primaryColor,
+      fontFamily,
+      isDarkMode
+    },
+    children: children
+  });
+};export{ThemeContext,ThemeProvider,ThemeProvider as default,useTheme};//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"4LAkBA;AACO,MAAM,YAAY,GAAG,aAAa,CAAmB;AACxD,EAAA,KAAA,EAAK,SAAW;AAChB,EAAA,SAAA,EAAS,OAAS;AAClB,EAAA,YAAA,EAAY,SAAW;AACvB,EAAA,UAAA,EAAU,mBAAqB;AAC/B,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,WAAA,EAAW,MAAO;AACrB,CAAA;AAEY,MAAA,QAAQ,GAAG,MAAM,UAAU,CAAC,YAAY;AAExC,MAAA,aAAa,GAAiC,CAAC;AACxD,EAAA,QAAM;;MAS+B;QAC5B;AACL,IAAA,KAAA,GAAI,SAAU;aACG,GAAA,OAAA;gBACL,GAAA;cACX,GAAA;AAAM,GAAA,GAAA,QAAA;mBACK,EAAC,iBAAgB,QAAS,CAAC,KAAU,CAAA;;WAEhD,CAAA,MAAA;gBAAO,EAAA,QAAA,KAAA,OAAA,EAAA;mBACS,CAAA,KAAA,CAAC;cACN,CAAA,yBAAiB,CAAA,MAAU,CAAM,MAAC,CAAM;WACnD,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;AACL,MAAG,QAAS,CAAA,eAAG,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;MAC4D,aAAA,CAAA,IAAA,CAAA;KAClE,MAAA;mBACC,CAAA,KAAA,CAAA;cAEuC,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;cAE/B,CAAA,CAAA;;YAEV,MAAU;AACb,IAAA,MAAC,aAAC,GAAA,aAAA,CAAA,KAAA,CAAA,IAAA,aAAA,CAAA,OAAA;;cAGK,CAAA,aAAgB,EAAA;AACxB,MAAA,UAAQ;kBAEuB;;;AAI/B;YACQ,CAAA,eAAgB,CAAA,KAAM,CAAA,WAAY,CAAA,eAAW,EAAQ,UAAE,CAAA;AACnE,IAAA,QAAS,CAAA,IAAW,CAAA,SAAc,GAAA,CAAA,UAAY,EAAA,UAAY,GAAA,MAAA,GAAG,EAAA,CAAA,CAAA;;IAG7D,QAAM,CAAA,IAAA,CAAA,OAAc,CAAA,KAAK,GAAA,KAAA;;UAG8C,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACnE,IAAA,QAAI,CAAQ,eAAgB,CAAA,KAAA,CAAA,WAAG,CAAA,UAAA,EAAA,MAAA,CAAA;aACnB,uBAAgB,EAAC,UAAA,EAAA,UAAA,CAAA,CAAA;SAexBA,GAEA,CAAA,YAAA,CAAA,QAEP,EAAA;AACN,IAAE,KAAA,EAAA;AAEF,MAAA,KAAA;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeToggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ThemeToggleProps {
+    className?: string;
+}
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+export {};
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/lib/components/ThemeProvider/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}

package/lib/components/ThemeProvider/ThemeToggle.js

@@ -0,0 +1,50 @@
+import {jsx}from'react/jsx-runtime';import {useTheme}from'./ThemeProvider.js';const ThemeToggle = ({
+  className = ''
+}) => {
+  const {
+    isDarkMode,
+    toggleTheme
+  } = useTheme();
+  return jsx("button", {
+    onClick: toggleTheme,
+    className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
+    "aria-label": "Toggle dark mode",
+    children: isDarkMode ? jsx(SunIcon, {
+      className: "w-5 h-5"
+    }) : jsx(MoonIcon, {
+      className: "w-5 h-5"
+    })
+  });
+};
+// Simple Sun icon component
+const SunIcon = ({
+  className
+}) => jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  children: jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+  })
+});
+// Simple Moon icon component
+const MoonIcon = ({
+  className
+}) => jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  children: jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+  })
+});export{ThemeToggle};//# sourceMappingURL=ThemeToggle.js.map

package/lib/components/ThemeProvider/ThemeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8EAOa,MAAA,WAAW,GAA+B,CAAC;WAC9C;AAEN,CAAA,KAAA;AASJ,EAAE,MAAA;AAEF,IAA4B,UAAA;AAC5B,IAAM;AAWN,GAA6B,GAAA,QAAA,EAAA;AAC7B,EAAM,OAAAA,GAAA,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}