@admin-layout/tailwind-design-pro 12.0.16-alpha.92 → 12.2.1-alpha.0

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';function LayoutChange(props) {
+import*as React from'react';import {useMemo}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';function LayoutChange(props) {
   const {
     settings,
     changeSetting,
@@ -34,97 +34,78 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo}from'react';im
   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: layoutValues.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: layoutValues.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: layoutValues.splitMenus,
-        onChange: checked => handleLayoutChange('splitMenus', checked)
-      })]
-    }), layoutValues.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: layoutValues.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: layoutValues.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: layoutValues.lowerMenuDividerName,
-            onChange: e => {
-              handleLayoutChange('lowerMenuDividerName', e.target.value);
-            }
-          })]
-        })]
-      })]
-    })]
-  });
+  return React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('fixed_header')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.fixedHeader,
+    onChange: checked => handleLayoutChange('fixedHeader', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('fixed_sidebar')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.fixedSidebar,
+    onChange: checked => handleLayoutChange('fixedSidebar', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mt-4"
+  }, React.createElement("p", {
+    className: "mb-0",
+    style: textColor
+  }, t('split_menus')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: layoutValues.splitMenus,
+    onChange: checked => handleLayoutChange('splitMenus', checked)
+  })), layoutValues.splitMenus && React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "mt-6 mb-2"
+  }, React.createElement("p", {
+    className: "text-sm font-medium",
+    style: textColor
+  }, t('menu_divider_names'))), React.createElement("div", {
+    className: "flex flex-col space-y-4"
+  }, React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('upper_menu_divider')), React.createElement("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: layoutValues.upperMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('upperMenuDividerName', e.target.value);
+    }
+  })), React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('middle_menu_divider')), React.createElement("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: layoutValues.middleMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('middleMenuDividerName', e.target.value);
+    }
+  })), React.createElement("div", {
+    className: "flex flex-col"
+  }, React.createElement("label", {
+    className: "text-xs mb-1",
+    style: textColor
+  }, t('lower_menu_divider')), React.createElement("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: layoutValues.lowerMenuDividerName,
+    onChange: e => {
+      handleLayoutChange('lowerMenuDividerName', e.target.value);
+    }
+  })))));
 }export{LayoutChange};//# sourceMappingURL=LayoutChange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutChange.js","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"2WAQM,SAAU,YAAY,CAAC,KAAiC,EAAA;AAC1D,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;AACN,IAAA,YAAQ;AACR,IAAA,gBAAgB,GAAG;MAEnB,KAAA;AACA,EAAA,MAAA;AAEQ,IAAA;AACA,GAAA,GAAA,cAAY,CAAA,UAAE,CAAA;AACd,EAAA,MAAA;AACA,IAAA;AAQA,GAAA,GAAA,aAAA,EAAA;AAQA,EAAA,MAAA,YAAA,GAAA,YAAsB,IAAA,QAClB,EAAA,QACA,IAAA,GAAA;QAOR;AAGJ,IAAA;AACI,GAAA,GAAA,QAAK,IAAA,EAAA;kBAAe,GAAO,QAAA,GAAA,QAAA,GAAA,SAAA;;AAE3B,EAAA,MAAA,YAAA,GAAc,OAAK,CAAA,OAAO;AAC9B,IAAA,WAAE,EAAA,eAAA,CAAA,QAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAEF,IAAA,sCAAmC,EAAK,cAAS,EAAO,gBAAa,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;IAErE,UACI,EAAA,eAAA,CAAA,QACI,EAAA,YAAK,EAAA,gCAAkC,UAAA,EAAA,KACnC,CAAA;kDAgDoB,EAAA,wCAA6C,EAAA,YAAc,EAAA,UAAA,EAAA,YAAA,CAAA;AAC/D,IAAA,qBAAA,EAAA,iDAGO,kBAAe,EAAA,YAC1B,EAAA,UAAO,aAAU,CAAA;kDAQT,EAAA,wCAA8C,EAAA,YAAc,EAAA,UAAA,EAAA,OAAA;AAChE,GAAA,CAAA,EAAA,CAAA,QAAA,EAAA,gBAAA,EAAA,YACF,EACA;6CAUM;AACJ,IAAA,IAAA,CAAA,aAAA,EAAA;AAQhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LayoutChange.js","sources":["../../../../src/components/SettingDrawer/components/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"qVAQM,SAAU,YAAY,CAAC,KAAiC,EAAA;AAC1D,EAAA,MAAA;IACA,QAAQ;AACR,IAAA,aAAQ;IACR,QAAM;AACN,IAAA,YAAQ;AACR,IAAA,gBAAgB,GAAG;MAEnB,KAAA;AACA,EAAA,MAAA;AAEQ,IAAA;AACA,GAAA,GAAA,cAAY,CAAA,UAAE,CAAA;AACd,EAAA,MAAA;AACA,IAAA;AAQA,GAAA,GAAA,aAAA,EAAA;AAQA,EAAA,MAAA,YAAA,GAAA,YAAsB,IAAA,QAClB,EAAA,QACA,IAAA,GAAA;QAOR;AAGJ,IAAA;AACI,GAAA,GAAA,QAAK,IAAA,EAAA;kBAAe,GAAO,QAAA,GAAA,QAAA,GAAA,SAAA;;AAE3B,EAAA,MAAA,YAAA,GAAc,OAAK,CAAA,OAAO;AAC9B,IAAA,WAAE,EAAA,eAAA,CAAA,QAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAEF,IAAA,sCAAmC,EAAK,cAAS,EAAO,gBAAa,EAAA,YAAA,EAAA,UAAA,EAAA,IAAA,CAAA;AAErE,IAAA,UACI,EAAA,eAAA,CAAA,QAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,CAAA;wBACI,EAAA,eAAK,CAAA,QAAU,EAAA,sBAAwB,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA;AACnC,IAAA,qBAAA,EAAA,eAAG,CAAA,QAAU,EAAA,uBAAuB,EAC/B,gBAAgB,EACjB,YAAA,EAAA,UAAA,EAAA,WAAA,CAAA;wBACJ,EAAA,eAAK,CAAA,QAAS,EAAC,sBAAc,EAAA,gBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA;eAC7B,EAAA,gBAAC,EAAA,YACQ,EAAE,YAAY;QAI3B,kBAAA,GAAA,CAAA,GAAA,EAAA,KAAK,KAAA;AACD,IAAA,IAAA,CAAA,aAAA,EAAA;;iBAIA,CAAA,GAAA,EAAA,KAAA,CAAA;;AAMA,EAAA,MAAA,SAAA,GAAA;mBAGA,KAAA,MAAA,GAAA,OAAA,GAAK;;SAQR,KAAA,CAAA,aAAa,CAAA,KAAU,EACpB,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;aACI,EAAA;AACI,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;aAIJ,EAAA,MAAA;;AAEQ,GAAA,EAAA,CAAA,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAO;AAGP,IAAA,SAAA,EAAA;gCAKQ,EAAA;AACJ,IAAA,KAAA,EAAA,YAAA,CAAA,WAEF;qBACN,IAAA,kBAAA,CAAA,aAAe,EAAA,OAAA;AACX,GAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAGA,IAAA,SAAA,EAAA;4BAKQ,EAAA;AACJ,IAAA,SAAA,EAAA,MAAA;;AAIJ,GAAA,EAAA,CAAA,CAAA,eAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAO,EAAA;AAGP,IAAA,SAAA,EAAA;gCAKQ,EAAA;AACJ,IAAA,KAAA,EAAA,YAAA,CAAA,YAO1B;AACN,IAAC,QAAA,EAAA,OAAA,IAAA,kBAAA,CAAA,cAAA,EAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 interface MenuItem {
     key: string;
     name: string;
@@ -15,6 +16,6 @@ interface MenuVisibilitySettingsProps {
     };
     changeSetting: (key: string, value: any) => void;
 }
-export declare function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuVisibilitySettings({ fullMenuData, settings, changeSetting }: MenuVisibilitySettingsProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=MenuVisibilitySettings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AA0DD,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,2CAqF5G"}
+{"version":3,"file":"MenuVisibilitySettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/MenuVisibilitySettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,QAAQ;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,UAAU,2BAA2B;IACjC,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,QAAQ,EAAE;QACN,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpD;AA0DD,wBAAgB,sBAAsB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,2BAA2B,qBAqF5G"}

package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// all keys included now ['usermenu', 'topmenu']
+import*as React from'react';import {useState,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';// all keys included now ['usermenu', 'topmenu']
 const EXCLUDED_MENU_KEYS = [];
 const MENU_POSITIONS = ['UPPER', 'MIDDLE', 'LOWER', 'BOTTOM'];
 // Helper functions
@@ -19,28 +19,25 @@ function renderMenuItems(items, indent, hiddenMenuKeys, getDisplayNameFn, toggle
   return items.map(item => {
     const isVisible = !hiddenMenuKeys.includes(item.key);
     const displayName = getDisplayNameFn(item);
-    return jsxs("div", {
-      children: [jsxs("div", {
-        className: "flex items-center py-0.5",
-        children: [jsx("input", {
-          type: "checkbox",
-          id: `menu-item-${item.key}`,
-          className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700 accent-primary",
-          checked: isVisible,
-          onChange: () => toggleMenuItemFn(item.key)
-        }), jsx("label", {
-          htmlFor: `menu-item-${item.key}`,
-          className: "text-xs text-black dark:text-white cursor-pointer flex-1",
-          style: {
-            paddingLeft: `${indent * 12}px`
-          },
-          children: displayName
-        })]
-      }), isVisible && item.children && item.children.length > 0 && jsx("div", {
-        className: "ml-6",
-        children: renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)
-      })]
-    }, item.key);
+    return React.createElement("div", {
+      key: item.key
+    }, React.createElement("div", {
+      className: "flex items-center py-0.5"
+    }, React.createElement("input", {
+      type: "checkbox",
+      id: `menu-item-${item.key}`,
+      className: "mr-2 h-3 w-3 rounded border-gray-300 dark:border-gray-600 focus:ring-primary dark:focus:ring-primary bg-white dark:bg-gray-700 accent-primary",
+      checked: isVisible,
+      onChange: () => toggleMenuItemFn(item.key)
+    }), React.createElement("label", {
+      htmlFor: `menu-item-${item.key}`,
+      className: "text-xs text-black dark:text-white cursor-pointer flex-1",
+      style: {
+        paddingLeft: `${indent * 12}px`
+      }
+    }, displayName)), isVisible && item.children && item.children.length > 0 && React.createElement("div", {
+      className: "ml-6"
+    }, renderMenuItems(item.children, indent + 1, hiddenMenuKeys, getDisplayNameFn, toggleMenuItemFn)));
   });
 }
 function MenuVisibilitySettings({
@@ -76,44 +73,34 @@ function MenuVisibilitySettings({
   const renderedMenuItems = useMemo(() => {
     return renderMenuItems(allMenuItems, 0, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem);
   }, [allMenuItems, hiddenMenuKeys, boundGetDisplayName, boundToggleMenuItem]);
-  return jsxs("div", {
-    className: "space-y-4",
-    children: [jsx("div", {
-      className: "flex items-center mb-2",
-      children: jsxs("button", {
-        onClick: () => setIsExpanded(!isExpanded),
-        className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
-        children: [jsx("svg", {
-          className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: jsx("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M19 9l-7 7-7-7"
-          })
-        }), jsx("p", {
-          className: "text-md font-medium text-black dark:text-white",
-          children: t('menu_visibility.title') || 'Menu Visibility'
-        })]
-      })
-    }), jsx("div", {
-      className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`,
-      children: jsx("div", {
-        className: "overflow-hidden",
-        children: jsx("div", {
-          className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4",
-          children: jsx("div", {
-            className: "space-y-2",
-            children: allMenuItems.length === 0 ? jsx("div", {
-              className: "text-center text-gray-500 dark:text-gray-400 py-4",
-              children: t('menu_visibility.no_items') || 'No menu items found'
-            }) : renderedMenuItems
-          })
-        })
-      })
-    })]
-  });
+  return React.createElement("div", {
+    className: "space-y-4"
+  }, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsExpanded(!isExpanded),
+    className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200"
+  }, React.createElement("svg", {
+    className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isExpanded ? 'rotate-180' : ''}`,
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })), React.createElement("p", {
+    className: "text-md font-medium text-black dark:text-white"
+  }, t('menu_visibility.title') || 'Menu Visibility'))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isExpanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'}`
+  }, React.createElement("div", {
+    className: "overflow-hidden"
+  }, React.createElement("div", {
+    className: "ml-4 mb-4 border-l-2 border-gray-200 dark:border-gray-600 pl-4"
+  }, React.createElement("div", {
+    className: "space-y-2"
+  }, allMenuItems.length === 0 ? React.createElement("div", {
+    className: "text-center text-gray-500 dark:text-gray-400 py-4"
+  }, t('menu_visibility.no_items') || 'No menu items found') : renderedMenuItems)))));
 }export{MenuVisibilitySettings};//# sourceMappingURL=MenuVisibilitySettings.js.map

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

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

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { NavMenuSelectorProps } from '../utils/types';
-export declare function NavigationModes({ changeSetting, settings, location, routePattern, applyToAllRoutes, }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationModes({ changeSetting, settings, location, routePattern, applyToAllRoutes, }: NavMenuSelectorProps): React.JSX.Element;
 //# sourceMappingURL=NavigationsModes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAkFtD,wBAAgB,eAAe,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAwB,GAC3B,EAAE,oBAAoB,2CA+FtB"}
+{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/NavigationsModes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAkFtD,wBAAgB,eAAe,CAAC,EAC5B,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,gBAAwB,GAC3B,EAAE,oBAAoB,qBA+FtB"}