@admin-layout/tailwind-design-pro 10.1.1-alpha.9 → 11.2.1-alpha.1

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SidebarMenuProps } from '../../typings';
-export declare const SidebarMenu: React.FC<SidebarMenuProps>;
-//# sourceMappingURL=SidebarMenu.d.ts.map

package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2MlD,CAAC"}

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

@@ -1,183 +0,0 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState}from'react';import {useLocation,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,
-  collapsed
-}) => {
-  const [openMenusByLevel, setOpenMenusByLevel] = useState({});
-  const [hoveredMenu, setHoveredMenu] = useState(null);
-  const [popupPosition, setPopupPosition] = useState({
-    top: 0,
-    height: 0
-  });
-  const {
-    ChevronDownIcon,
-    ChevronUpIcon
-  } = icons;
-  const location = useLocation();
-  const isMenuItemActive = itemPath => {
-    const currentPath = location.pathname;
-    const menuPath = generateMenuPath(itemPath, routeParams);
-    // Exact match
-    if (currentPath === menuPath) {
-      return true;
-    }
-    // Check if current path is a child of the menu item path
-    if (menuPath && currentPath.startsWith(menuPath + '/')) {
-      return true;
-    }
-    return false;
-  };
-  const toggleMenu = (path, depth, e) => {
-    e.preventDefault();
-    if (collapsed) return;
-    setOpenMenusByLevel(prev => ({
-      ...prev,
-      [depth]: prev[depth] === path ? null : path
-    }));
-  };
-  const handleMenuClick = (path, hasChildren, depth, e) => {
-    if (hasChildren && !collapsed) {
-      toggleMenu(path, depth, e);
-    }
-  };
-  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 = isMenuItemActive(item.path);
-    const isHovered = hoveredMenu === item.path;
-    const paddingLeft = `${depth * 1}rem`;
-    const bgColor = generateLightShade(settings?.primaryColor, 0.89);
-    // Determine styling based on whether it's a parent or child item
-    const isParentWithChildren = hasChildren && depth === 0;
-    const shouldApplyBackground = isActive && !isParentWithChildren || isHovered;
-    return jsxs("div", {
-      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: 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: shouldApplyBackground ? bgColor : ''
-        },
-        onClick: e => handleMenuClick(item.path, hasChildren, depth, e),
-        children: [jsxs("div", {
-          className: `flex items-center ${collapsed && !isHoverMenu ? 'justify-center w-full' : 'gap-3'}`,
-          children: [item.icon ? jsx("span", {
-            className: `flex-shrink-0`,
-            style: {
-              color: isActive ? settings?.primaryColor : ''
-            },
-            children: item.icon
-          }) : 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 && (!collapsed || isHoverMenu) && jsx("span", {
-          style: {
-            color: isActive ? settings?.primaryColor : ''
-          },
-          className: "flex-shrink-0 ml-1",
-          children: isOpen ? jsx(ChevronUpIcon, {
-            className: "h-4 w-4"
-          }) : jsx(ChevronDownIcon, {
-            className: "h-4 w-4"
-          })
-        })]
-      }), 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 ${collapsed ? 'px-1' : 'px-2'} overflow-x-hidden`,
-      children: menuData.map(item => renderMenuItem(item))
-    })
-  });
-};export{SidebarMenu};//# sourceMappingURL=SidebarMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarMenu.js","sources":["../../../../src/components/Layout/Sidebar/SidebarMenu.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yQAOO,MAAM,WAAW,GAA+B,CAAC;UAC9C;aACY;AAClB,EAAA,QAAM;AACN,EAAA;AACA,CAAA,KAAA;AAEA,EAAA,MAAA,CAAA,gBAAsB,EAAA,mBAAwB,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAC1C,EAAA,MAAA,CAAA,WAAiB,EAAA,cAAW,CAAC,WAAS,CAAA,IAAA,CAAA;QACtC,CAAM,aAAQ,kBAAmB,CAAA,WAAW,CAAA;SAE9B,CAAA;AACd,IAAA,MAAA,EAAI;AACA,GAAA,CAAA;QACJ;mBAEyD;;AAErD,GAAA,GAAA,KAAA;QACJ,QAAC,GAAA,WAAA,EAAA;AAED,EAAA,MAAA,gBAAa,GAAA,QAAA,IAAA;AACjB,IAAA,MAAE,WAAA,GAAA,QAAA,CAAA,QAAA;IAEF,MAAM,QAAA,mBAA2C,CAAmB,QAAI,EAAA,WAAA,CAAA;;AAEpE,IAAA,IAAA,WAAa,KAAA,QAAA,EAAA;aAAS,IAAA;AAEtB;AACI;AACA,IAAA,IAAA,YAAO,WAAY,CAAC,UAAU,CAAC,QAAQ,GAAI,GAAA,CAAA,EAAA;AAC9C,MAAA,OAAG,IAAA;AACR;IAEA,OAAM,KAAA;AACF,GAAA;AACI,EAAA,MAAA,UAAA,GAAA,CAAU,IAAK,EAAA,OAAS,CAAA,KAAG;oBAC9B,EAAA;AACL,IAAA,IAAE,SAAA,EAAA;AAEF,IAAA,mBAAoB,CAAA,IAAI;SACb,IAAA;AACX,MAAE,CAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,KAAA,IAAA,GAAA,IAAA,GAAA;KAEI,CAAA,CAAA;;AAEF,EAAA,MAAA,eAAiB,GAAC,CAAW,IAAA,EAAA,aAAS,KAAA,EAAA,CAAQ,KAAI;AAC9C,IAAA,IAAA,WAAa,IAAA,CAAA;AACb,MAAA,UAAA,CAAA,MAAa,KAAA,EAAA,CAAA,CAAO;;AAGpB,GAAA;AACA,EAAA,MAAA,cAAU,GAAI,QAAK;eAEuB,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA;AAC1C,GAAA;AACI,EAAA,MAAA,eAAQ,GAAA,CAAA,CAAA,EAAA,IAAA,EAAA,WAAA,KAAA;;AAEX,IAAA,IAAA,SAAE,IAAA,CAAA,WAAA,IAAA,IAAA,CAAA,QAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AAEH,MAAA,MAAA,OAAA,GAAA,CAAA,CAAA,aAAyB;YAC5B,IAAA,GAAA,OAAA,CAAA,qBAAA,EAAA;AAID,MAAA,IAAA,GAAa,GAAA,IAAA,CAAA,GAAA;;sBAEZ,CAAA;AACL,QAAE,GAAA,EAAA,GAAA;QAEI,MAAA,EAAA,IAAA,CAAA;QACF;AAAkD,MAAA,mBAAY,CAAA,IAAA,CAAA;;AAG9D,GAAA;AAEA,EAAA,MAAA,eAEQ,GAAA,CAAA,IAAA,EAAA,WAAqF,KAAA;AAEjF,IAAA,IAAA,SAAA,IAAA,CAAA,WAAiB,EAAO;AACxB,MAAA,cAAI,CAAE,IAAG,CAAY;AACrB;AACA,GAAA;AACA,EAAA,MAAA,eAAA,IAAW,IAA+B,EAAA,KAAA,GAAA,CAAA,KAAA;sBAClC,IAAE,IAAqB,CAAA,QAAA,CAAA,MAAA,KAAsC,CAAA,EAAA,OAAA,IAAA;AACrE,IAAA,MAAA,OAAA,GAAA,kBAAoB,CAAA,QAAA,EAAA,YAAA,EAAA,IAAA,CAAA;AACpB,IAAA,MAAA,YAAA,YAAiB,GAAA,EAAA,GAAA,GAAA,CAAA;eAGrB,CAAA,KAAA,EAAA;AAEQ,MAAA,SAAA,EAAA,2EAAQ;;;;;AAKX,QAAA,GAAA,EAAA,CAAA,EAAA,aAAA,CAAA,GAAA,CAAA,EAAA,CAAA;AACA,QAAA,SAAA,EAAA,+BAGS;AAc1B,QAAE,SAAA,EAAA,+BAAA;AAEF,QAAA,QAAoB,EAAA,qBAA6B;AAC7C;QACA,KAAM,EAAA,aAAS;QACf,QAAM,EAAA;AACN,OAAA;AACA,MAAA,QAAM,cAAc,EAAG;QACvB,uBAAgB,EAAA;UAEiD,MAAA,EAAA;AACjE;;;;;;mBAsDY,EAAW;6FACF;AACT,QAAA,KAAA,EAAA;AACA,UAAA,eAAK,EAAA,kBAAmB,CAAA,QAAA,EAAA,YAAA,EAAA,IAAA;;AAWxC,QAAE,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;AAEF,UAAA,KACS,EAAA;AAMb,YAAE,KAAA,EAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ICheckboxThemeProps } from './types';
-export default function CheckBoxTheme(props: ICheckboxThemeProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=CheckBoxTheme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxTheme.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAsD9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAiC/D"}

package/lib/components/SettingDrawer/CheckBoxTheme.js

@@ -1,123 +0,0 @@
-import {jsx,jsxs}from'react/jsx-runtime';const themelist = [{
-  key: 'light',
-  title: 'Light',
-  svg: jsxs("svg", {
-    width: "58",
-    height: "50",
-    viewBox: "0 0 58 50",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [jsx("defs", {
-      children: jsx("filter", {
-        id: "softShadow",
-        x: "-20%",
-        y: "-20%",
-        width: "140%",
-        height: "140%",
-        children: jsx("feDropShadow", {
-          dx: "0",
-          dy: "2",
-          stdDeviation: "4",
-          floodColor: "#000000",
-          floodOpacity: "0.1"
-        })
-      })
-    }), jsx("rect", {
-      x: "0",
-      y: "0",
-      width: "58",
-      height: "50",
-      rx: "8",
-      fill: "#ffffff",
-      filter: "url(#softShadow)"
-    })]
-  })
-}, {
-  key: 'realDark',
-  title: 'realDark',
-  svg: jsxs("svg", {
-    width: "58",
-    height: "50",
-    viewBox: "0 0 58 50",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [jsx("rect", {
-      x: "0",
-      y: "0",
-      width: "58",
-      height: "50",
-      rx: "8",
-      fill: "#ffffff"
-    }), jsx("path", {
-      d: "M0,8\n                       A8,8 0 0 1 8,0\n                       H18\n                       V50\n                       H8\n                       A8,8 0 0 1 0,42\n                       Z",
-      fill: "#011627"
-    })]
-  })
-}, {
-  key: 'dark',
-  title: 'Dark',
-  svg: jsxs("svg", {
-    width: "58",
-    height: "50",
-    viewBox: "0 0 58 50",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [jsx("rect", {
-      width: "58",
-      height: "50",
-      rx: "8",
-      fill: "#000000"
-    }), jsx("clipPath", {
-      id: "roundedClip",
-      children: jsx("rect", {
-        width: "58",
-        height: "50",
-        rx: "8"
-      })
-    }), jsxs("g", {
-      clipPath: "url(#roundedClip)",
-      children: [jsx("rect", {
-        x: "0",
-        y: "13",
-        width: "29",
-        height: "37",
-        fill: "#0d1117"
-      }), jsx("rect", {
-        x: "29",
-        y: "13",
-        width: "29",
-        height: "37",
-        fill: "#233445"
-      })]
-    })]
-  })
-}];
-function CheckBoxTheme(props) {
-  const {
-    list,
-    changeSetting,
-    settings
-  } = props;
-  return jsx("div", {
-    className: "flex flex-row gap-4",
-    children: themelist.map((themeItems, index) => {
-      return jsx("div", {
-        className: "relative cursor-pointer hover:opacity-80 transition-opacity",
-        style: {
-          boxShadow: '0 1px 2.5px 0 rgb(0 0 0 / 18%)'
-        },
-        onClick: () => {
-          changeSetting('navTheme', themeItems.key);
-          changeSetting('primaryColor', settings?.primaryColor);
-        },
-        children: jsxs("div", {
-          children: [themeItems.svg, settings?.navTheme === themeItems.key && jsx("svg", {
-            className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500",
-            viewBox: "0 0 24 24",
-            fill: "currentColor",
-            children: jsx("path", {
-              d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
-            })
-          })]
-        })
-      }, `themeItem_${index}`);
-    })
-  });
-}export{CheckBoxTheme as default};//# sourceMappingURL=CheckBoxTheme.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAY;AACZ,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAS,EAAA;SACX,EAAA,IACM;AASZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAU,CAAA,MAAA,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAK;AAcjB,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAQ;AACX,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAK,MAAA;AAWZ,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAU;UACd,YAAQ,EAAA,GAAA;AACd,UAAA,UACI,EAAA,SAAc;AAEN,UAAA,YAGQ,EAAA;AAGI,SAAA;AACA,OAAA;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA;SAiBX,GACC;AAEd,MAAC,CAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ILayoutSettingsProps } from './types';
-export default function LayoutChange(props: ILayoutSettingsProps | any): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=LayoutChange.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA2GrE"}

package/lib/components/SettingDrawer/LayoutChange.js

@@ -1,123 +0,0 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function LayoutChange(props) {
-  const {
-    settings,
-    changeSetting,
-    location
-  } = props;
-  const {
-    t
-  } = useTranslation('settings');
-  const {
-    isMobile
-  } = useMediaQuery();
-  const currentRoute = location?.pathname || '/';
-  const {
-    navTheme
-  } = settings || {};
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
-  const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
-  const handleLayoutChange = (key, value) => {
-    if (!changeSetting) return;
-    changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
-      ...deviceLayout,
-      [key]: value
-    });
-  };
-  const textColor = {
-    color: navTheme === 'dark' ? '#ffff' : 'black'
-  };
-  return jsxs("div", {
-    children: [jsxs("div", {
-      className: "flex items-center mt-4",
-      children: [jsx("p", {
-        className: "mb-0",
-        style: textColor,
-        children: t('fixed_header')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: deviceLayout.fixedHeader,
-        onChange: checked => handleLayoutChange('fixedHeader', checked)
-      })]
-    }), jsxs("div", {
-      className: "flex items-center mt-4",
-      children: [jsx("p", {
-        className: "mb-0",
-        style: textColor,
-        children: t('fixed_sidebar')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: deviceLayout.fixedSidebar,
-        onChange: checked => handleLayoutChange('fixedSidebar', checked)
-      })]
-    }), jsxs("div", {
-      className: "flex items-center mt-4",
-      children: [jsx("p", {
-        className: "mb-0",
-        style: textColor,
-        children: t('split_menus')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: deviceLayout.splitMenus,
-        onChange: checked => handleLayoutChange('splitMenus', checked)
-      })]
-    }), deviceLayout.splitMenus && jsxs(Fragment, {
-      children: [jsx("div", {
-        className: "mt-6 mb-2",
-        children: jsx("p", {
-          className: "text-sm font-medium",
-          style: textColor,
-          children: t('menu_divider_names')
-        })
-      }), jsxs("div", {
-        className: "flex flex-col space-y-4",
-        children: [jsxs("div", {
-          className: "flex flex-col",
-          children: [jsx("label", {
-            className: "text-xs mb-1",
-            style: textColor,
-            children: t('upper_menu_divider')
-          }), jsx("input", {
-            type: "text",
-            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.upperMenuDividerName,
-            onChange: e => {
-              handleLayoutChange('upperMenuDividerName', e.target.value);
-            }
-          })]
-        }), jsxs("div", {
-          className: "flex flex-col",
-          children: [jsx("label", {
-            className: "text-xs mb-1",
-            style: textColor,
-            children: t('middle_menu_divider')
-          }), jsx("input", {
-            type: "text",
-            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.middleMenuDividerName,
-            onChange: e => {
-              handleLayoutChange('middleMenuDividerName', e.target.value);
-            }
-          })]
-        }), jsxs("div", {
-          className: "flex flex-col",
-          children: [jsx("label", {
-            className: "text-xs mb-1",
-            style: textColor,
-            children: t('lower_menu_divider')
-          }), jsx("input", {
-            type: "text",
-            className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
-            value: deviceLayout?.lowerMenuDividerName,
-            onChange: e => {
-              handleLayoutChange('lowerMenuDividerName', e.target.value);
-            }
-          })]
-        })]
-      })]
-    })]
-  });
-}export{LayoutChange as default};//# sourceMappingURL=LayoutChange.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"kVAMwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;AACA,EAAA,MAAA;IACA;MACM,cAAA,CAAA,UAAe,CAAA;AAErB,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAE3B,EAAA,MAAA,YAAA,GAA+B,QAAA,EAAA,QAAA,IAAA,GAAA;AAC3B,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAEF,EAAA,MAAA,aAAkB,QAAO,WAAe,GAAA,SAAQ;QAEzC,YAEC,GAAA,aAAA,EAAA,MAAA,GAAA,UAAc,CAAA,IAAA,EAAC;6CAiD2B;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,QAAA,EAAA;AACtB,MAAA,GAAA,YAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +0,0 @@
-import { NavMenuSelectorProps } from './types';
-export default function NavigationModes({ changeSetting, settings, location }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=NavigationsModes.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}