@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 11.2.1-alpha.1

package/lib/components/SettingDrawer/components/RegionalSettings.js

@@ -0,0 +1,519 @@
+import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch.js';import {SearchBarBehavior}from'../../../machines/types.js';import {config}from'../../../config/env-config.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 RegionalSettings(props) {
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    settings,
+    changeSetting,
+    location,
+    routePattern,
+    applyToAllRoutes = false
+  } = props;
+  const {
+    navTheme
+  } = settings || {};
+  const currentRoute = routePattern || location?.pathname || '/';
+  const [isHeaderExpanded, setIsHeaderExpanded] = React.useState(false);
+  const [isBackgroundExpanded, setIsBackgroundExpanded] = React.useState(true);
+  const [activeBackgroundTab, setActiveBackgroundTab] = React.useState('desktop');
+  const [activeHeaderTab, setActiveHeaderTab] = React.useState('desktop');
+  const {
+    isMobile
+  } = useMediaQuery();
+  const scrollThresholdConfig = JSON.parse(config.SCROLL_THRESHOLD);
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Helper to get config value using the utility function
+  const getConfigValue = (configKey, defaultValue, useActiveTab = true) => {
+    const device = useActiveTab ? activeBackgroundTab || activeHeaderTab : deviceType;
+    return getSettingValue(settings, configKey, applyToAllRoutes, currentRoute, device, defaultValue);
+  };
+  // Helper to set config value with override
+  const setConfigValue = (configKey, value, useActiveTab = true) => {
+    if (!changeSetting) return;
+    // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
+    // based on the applyToAllRoutes flag
+    changeSetting(configKey, value);
+  };
+  const handleRegionChange = (key, value) => {
+    setConfigValue(`header.${key}`, value, false);
+  };
+  const handleRegionFooterChange = (key, value) => {
+    setConfigValue(`footer.${key}`, value, false);
+  };
+  const handleBackgroundChange = (property, value) => {
+    setConfigValue(`background.${property}`, value, true);
+  };
+  const handleHeaderChange = (element, value) => {
+    setConfigValue(`header.${element}`, value, true);
+  };
+  // Get current values using the override-aware getter with active header tab
+  const header = React.useMemo(() => ({
+    showLogo: getConfigValue('header.showLogo', true, true),
+    showSearchSlot: getConfigValue('header.showSearchSlot', true, true),
+    showRightContent: getConfigValue('header.showRightContent', true, true),
+    showMenuToggle: getConfigValue('header.showMenuToggle', true, true),
+    showBackButton: getConfigValue('header.showBackButton', true, true),
+    showPageTitle: getConfigValue('header.showPageTitle', true, true),
+    showActionButtons: getConfigValue('header.showActionButtons', true, true),
+    fixedHeader: getConfigValue('header.fixedHeader', true, true),
+    showHeader: getConfigValue('header.showHeader', true, true),
+    showMenu: getConfigValue('header.showMenu', true, true),
+    menuHeaderRender: getConfigValue('header.menuHeaderRender', true, true),
+    searchBarRender: getConfigValue('header.searchBarRender', true, true),
+    searchBarBehavior: getConfigValue('header.searchBarBehavior', SearchBarBehavior.PERMANENT, true),
+    searchBarOverlay: getConfigValue('header.searchBarOverlay', true, true),
+    scrollThreshold: getConfigValue('header.scrollThreshold', scrollThresholdConfig.DEFAULT, true)
+  }), [activeHeaderTab, currentRoute, settings, applyToAllRoutes]);
+  const background = React.useMemo(() => ({
+    type: getConfigValue('background.type', 'color', true),
+    color: getConfigValue('background.color', 'inherit', true),
+    image: getConfigValue('background.image', '', true),
+    video: getConfigValue('background.video', '', true),
+    videoThumbnail: getConfigValue('background.videoThumbnail', '', true)
+  }), [activeBackgroundTab, currentRoute, settings, applyToAllRoutes]);
+  // Helper function to render background settings based on current active tab
+  const renderBackgroundSettings = () => {
+    return React.createElement(React.Fragment, null, React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("p", {
+      className: "font-medium mb-2",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('background_type')), React.createElement("div", {
+      className: "flex mb-3 rounded-lg overflow-hidden border border-gray-200 divide-x divide-gray-200 bg-gray-50"
+    }, React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'color' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'color')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, React.createElement("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), React.createElement("path", {
+      d: "M12 8v8M8 12h8"
+    }))), t('color')), React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'image' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'image')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, React.createElement("rect", {
+      x: "3",
+      y: "3",
+      width: "18",
+      height: "18",
+      rx: "2",
+      ry: "2"
+    }), React.createElement("circle", {
+      cx: "8.5",
+      cy: "8.5",
+      r: "1.5"
+    }), React.createElement("polyline", {
+      points: "21 15 16 10 5 21"
+    }))), t('image')), React.createElement("button", {
+      className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'video' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
+      onClick: () => handleBackgroundChange('type', 'video')
+    }, React.createElement("span", {
+      className: "mr-1"
+    }, React.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, React.createElement("polygon", {
+      points: "23 7 16 12 23 17 23 7"
+    }), React.createElement("rect", {
+      x: "1",
+      y: "5",
+      width: "15",
+      height: "14",
+      rx: "2",
+      ry: "2"
+    }))), t('video')))), background?.type === 'color' && React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("p", {
+      className: "mb-2",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('background_color')), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("div", {
+      className: "w-12 h-12 rounded-lg border border-gray-300 mr-3 flex-shrink-0 shadow-sm",
+      style: {
+        backgroundColor: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff'
+      }
+    }), React.createElement("div", {
+      className: "flex-grow"
+    }, React.createElement("input", {
+      type: "color",
+      value: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff',
+      onChange: e => handleBackgroundChange('color', e.target.value),
+      className: "w-full h-10 rounded cursor-pointer"
+    }))), React.createElement("div", {
+      className: "flex flex-wrap gap-2 mt-3"
+    }, ['#ffffff', '#f2f2f2', '#e6e6e6', '#1890ff', '#52c41a', '#faad14', '#f5222d', '#722ed1'].map(color => React.createElement("button", {
+      key: color,
+      className: `w-8 h-8 rounded-full border ${color === (background?.color || '#ffffff') ? 'border-blue-500 border-2' : 'border-gray-300'}`,
+      style: {
+        backgroundColor: color
+      },
+      onClick: () => handleBackgroundChange('color', color),
+      "aria-label": `Select color ${color}`
+    })))), background?.type === 'image' && React.createElement("div", {
+      className: "mb-2"
+    }, React.createElement("div", {
+      className: "flex items-center mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('image_url'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('image_url'),
+      value: background?.image || '',
+      onChange: e => handleBackgroundChange('image', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), background?.image && React.createElement("div", {
+      className: "mt-2 p-1 border border-gray-300 rounded"
+    }, React.createElement("img", {
+      src: background?.image,
+      alt: "Background preview",
+      className: "w-full h-24 object-cover",
+      onError: e => {
+        const target = e.target;
+        target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSIxLjUiPjwvY2lyY2xlPjxwb2x5bGluZSBwb2ludHM9IjIxIDEzLjg1IDE2IDEwLjk4IDgiIDE1Ij48L3BvbHlsaW5lPjwvc3ZnPg==';
+      }
+    }))), background?.type === 'video' && React.createElement("div", {
+      className: "mb-2"
+    }, React.createElement("div", {
+      className: "flex items-center mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('video_url'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('video_url'),
+      value: background?.video || '',
+      onChange: e => handleBackgroundChange('video', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), React.createElement("div", {
+      className: "flex items-center mt-3 mb-1"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('video_thumbnail'))), React.createElement("input", {
+      type: "text",
+      placeholder: t('video_thumbnail'),
+      value: background?.videoThumbnail || '',
+      onChange: e => handleBackgroundChange('videoThumbnail', e.target.value),
+      className: "w-full p-1 text-sm border border-gray-300 rounded"
+    }), React.createElement("div", {
+      className: "flex flex-wrap gap-2 mt-3"
+    }, !background?.video && background?.videoThumbnail && React.createElement("div", {
+      className: "mt-2 p-1 border border-gray-300 rounded w-full"
+    }, React.createElement("img", {
+      src: background?.videoThumbnail,
+      alt: "Video thumbnail preview",
+      className: "w-full h-24 object-cover",
+      onError: e => {
+        const target = e.target;
+        target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMjMgNyAxNiAxMiAyMyAxNyAyMyA3Ij48L3BvbHlnb24+PHJlY3QgeD0iMSIgeT0iNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48L3N2Zz4=';
+      }
+    })))));
+  };
+  // Helper function to render header settings based on current active tab
+  const renderHeaderSettings = () => {
+    return React.createElement("div", {
+      className: "space-y-2"
+    }, React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_header')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showHeader ?? true,
+      onChange: checked => handleHeaderChange('showHeader', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('fixed_header')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.fixedHeader,
+      onChange: checked => handleHeaderChange('fixedHeader', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_logo')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showLogo,
+      onChange: checked => handleHeaderChange('showLogo', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_search_slot')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showSearchSlot,
+      onChange: checked => handleHeaderChange('showSearchSlot', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_right_content')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showRightContent,
+      onChange: checked => handleHeaderChange('showRightContent', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_menu_toggle')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showMenuToggle,
+      onChange: checked => handleHeaderChange('showMenuToggle', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_back_button')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showBackButton,
+      onChange: checked => handleHeaderChange('showBackButton', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_page_title')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showPageTitle,
+      onChange: checked => handleHeaderChange('showPageTitle', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('show_action_buttons')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.showActionButtons,
+      onChange: checked => handleHeaderChange('showActionButtons', checked)
+    })));
+  };
+  // Helper function to render search bar settings based on current active tab
+  const renderSearchBarSettings = () => {
+    return React.createElement("div", {
+      className: "space-y-2"
+    }, React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarRender,
+      onChange: checked => handleHeaderChange('searchBarRender', checked)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar_on_scroll')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
+      onChange: checked => handleHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
+    })), React.createElement("div", {
+      className: "flex items-center"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('search_bar_overlay')), React.createElement("div", {
+      className: "flex-grow"
+    }), React.createElement(Switch, {
+      value: header?.searchBarOverlay,
+      onChange: checked => handleHeaderChange('searchBarOverlay', checked)
+    })), React.createElement("div", {
+      className: "mb-4"
+    }, React.createElement("div", {
+      className: "flex items-center justify-between mb-2"
+    }, React.createElement("p", {
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, t('scroll_threshold')), React.createElement("span", {
+      className: "text-sm",
+      style: {
+        color: navTheme === 'dark' ? '#ffff' : 'black'
+      }
+    }, header?.scrollThreshold || scrollThresholdConfig.DEFAULT, "px")), React.createElement("div", {
+      className: "relative"
+    }, React.createElement("input", {
+      type: "range",
+      min: scrollThresholdConfig.MIN,
+      max: scrollThresholdConfig.MAX,
+      step: scrollThresholdConfig.STEP,
+      value: header?.scrollThreshold || scrollThresholdConfig.DEFAULT,
+      onChange: e => handleHeaderChange('scrollThreshold', parseInt(e.target.value)),
+      className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+    }), React.createElement("div", {
+      className: "flex justify-between text-xs mt-2"
+    }, React.createElement("span", null, scrollThresholdConfig.MIN, "px"), React.createElement("span", null, scrollThresholdConfig.MAX / 2, "px"), React.createElement("span", null, scrollThresholdConfig.MAX, "px")))));
+  };
+  return React.createElement("div", null, React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsBackgroundExpanded(!isBackgroundExpanded),
+    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 ${isBackgroundExpanded ? '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", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('background')))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isBackgroundExpanded ? '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 pl-4"
+  }, React.createElement("div", {
+    className: "mb-4"
+  }, renderBackgroundSettings()))))), React.createElement("div", null, React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("button", {
+    onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
+    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 ${isHeaderExpanded ? '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", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('header')))), React.createElement("div", {
+    className: `grid transition-all duration-300 ease-in-out ${isHeaderExpanded ? '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 pl-4"
+  }, React.createElement("div", {
+    className: "mb-4"
+  }, renderHeaderSettings()), React.createElement("div", {
+    className: "mt-6 mb-4"
+  }, React.createElement("p", {
+    className: "font-medium mb-2",
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('search_bar')), React.createElement("div", {
+    className: "pl-4 space-y-2"
+  }, renderSearchBarSettings())))))), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('footer')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('footer.showFooter', true),
+    onChange: checked => handleRegionFooterChange('showFooter', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('menu')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('header.showMenu', true),
+    onChange: checked => handleRegionChange('showMenu', checked)
+  })), React.createElement("div", {
+    className: "flex items-center mb-2"
+  }, React.createElement("p", {
+    style: {
+      color: navTheme === 'dark' ? '#ffff' : 'black'
+    }
+  }, t('menu_header')), React.createElement("div", {
+    className: "flex-grow"
+  }), React.createElement(Switch, {
+    value: getConfigValue('header.menuHeaderRender', true),
+    onChange: checked => handleRegionChange('menuHeaderRender', checked)
+  })));
+}export{RegionalSettings};//# sourceMappingURL=RegionalSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegionalSettings.js","sources":["../../../../src/components/SettingDrawer/components/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"uaASM,SAAU,gBAAgB,CAAC,KAA6B,EAAA;QAC1D;AACA,IAAA;AACA,GAAA,GAAA,cAAgB,CAAA,UAAK,CAAA;QACrB;AACA,IAAA,QAAO;AACP,IAAA,aAAO;AACP,IAAA,QAAO;AACP,IAAA,YAAO;AACP,IAAA,gBAAgB,GAAE;MAClB,KAAM;QACN;IAEA;MACA,QAAM,IAAA,EAAA;AACF,EAAA,MAAA,YAAY,GAAG,YAAY,IAAG,QAAA,EAAA,QAAmB,IAAI,GAAA;AACrD,EAAA,MAAA,CAAA,gBAAO,EAAA,uBAAmC,KAAE,CAAA,QAAA,CAAA,KAAkB,CAAA;AAClE,EAAA,MAAE,CAAA,oBAAA,EAAA,uBAAA,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,IAAA,CAAA;QAEF,CAAA,mBAAA,EAAA,sBAA2C,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,SAAA,CAAA;QAC3C,CAAA,eAAoB,EAAA,kBAAiC,CAAA,GAAE,KAAA,CAAA,QAAwB,CAAA,SAAQ,CAAA;AACnF,EAAA,MAAA;;mBAEA,EAAA;QACA,qBAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAqC,CAAA,gBAAA,CAAA;AACrC,EAAA,MAAA,UAAA,GAAa,QAAC,GAAS,QAAS,GAAA,SAAA;AACpC;AAEA,EAAA,MAAA,2BAAuC,EAAE,YAAkB,EAAA,YAAA,GAAA,IAAA,KAAA;UACvD,MAAA,GAAA,eAAyB,mBAAoB,IAAC,eAAA,GAAA,UAAA;AAClD,IAAA,OAAE,eAAA,CAAA,QAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,MAAA,EAAA,YAAA,CAAA;AAEF,EAAA,CAAA;;AAEA,EAAA,MAAE,cAAA,GAAA,CAAA,SAAA,EAAA,KAAA,EAAA,YAAA,GAAA,IAAA,KAAA;AAEF,IAAA,IAAA,CAAA;;AAEA;AAEA,IAAA,yBAAwB;;AAExB,EAAA,MAAE,kBAAA,GAAA,CAAA,GAAA,EAAA,KAAA,KAAA;IAEF,cAAA,CAAA,CAAA,OAAA,EAAA,GAAA,CAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA;;QAGQ,wBAAwB,GAAC,CAAA,GAAA,EAAA,KAAA;kBACzB,CAAA,CAAA,qBAA+B,EAAA,KAAA,CAAA;;QAE/B,kCAA+B,EAAA,KAAA,KAAA;kBAC/B,CAAA,CAAA,qBAA+B,CAAA,CAAA,EAAA,KAAA,EAAA,IAAA,CAAA;;QAE/B,kBAAiB,kBAAiB,KAAA;kBAClC,CAAW,CAAA,gBAAiB,CAAA,CAAA,EAAA,KAAA,EAAA,IAAA,CAAA;;;QAG5B,MAAA,GAAA,KAAA,CAAA;YACA,EAAA,gCAAgC,EAAA,IAAA,EAAA,IAAA,CAAA;kBAChC,EAAA,cAAmB,CAAA,uBAAe,EAAA,IAAA,EAAA,IAA4B;oBAC9D,EAAA,wCAAiC,EAAA,IAA2B,EAAA,IAAM;kBAClE,EAAA,cAAiB,CAAA,uBAAe,EAAA,IAAwB,EAAE;kBAE7D,EAAA,cAAiB,CAAA,uBAAwB,EAAA,IAAA,EAAgB,IAC5D,CAAA;IAEF,aAAM,EAAA,qCACK,EAAA,IAAA,EAAA,IAAA,CAAA;qCACkB,CAAA,0BAAiC,EAAA,IAAA,EAAA,IAAA,CAAA;eAC/C,gBAAe,CAAA,oBAAoB,EAAA,IAAA,EAAS,KAAM;cACpD,gBAAiB,CAAA,mBAAoB,EAAE,MAAM,IAAC,CAAA;YACnD,EAAK,eAAgB,iBAAC,EAAkB,IAAI,EAAE,IAAI,CAAC;oBACnD,EAAc,wCAAiB,EAAA,IAA6B,EAAE;mBAEjE,EAAA,cAAqB,CAAA,wBAAwB,EAAA,IAAA,EAAA,IACjD,CAAC;IAEF,iBAAA,EAAA,cAAA,CAAA,0BAAA,EAAA,iBAA4E,CAAA,SAAA,EAAA,IAAA,CAAA;IAC5E,gBAAM,EAAA,cAAwB,CAAG,yBAAK,EAAA,IAAA,EAAA,IAAA,CAAA;AAClC,IAAA,eACI,EAAA,cAAA,CAAA,wBAAA,EAAA,qBAAA,CAAA,OAAA,EAAA,IAAA;sBACI,EAAA,YAAA,EAAA,QAAK,EAAA,gBAAgB,CAAA,CAAA;kBACjB,GAAA,KAAA,CAAA,OAAA,CAAA,OAAA;wBAGA,CAAA,iBAAA,EAAA,OAAK,EAAA,IAAU,CAAA;AACX,IAAA,KAAA,EAAA,cAAA,CAAA,kBAAA,EAAA,eACa,CAAA;AAED,IAAA,KAAA,EAAA,cAAA,CAAA,kBAAE,EAAA,EAAA,EAAA,IAAwB,CAAA;AAC1B,IAAA,KAAA,EAAA,cAAA,CAAA,kBAAE,EAAA,EAAA,EAAA,IAAA,CAAA;kCAIV,CAAA,2BAAM,IAAU,EAAA,IAAM;AAClB,GAAA,CAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,EAAA,QAAA,EAAA,gBACU,CAAA,CAAA;;AAWN,EAAA,MAAA,wBAAA,GAAA,MAAA;8BAGL,CAAA,KACE,CAAA,QAAA,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACT,MAAA,SAAA,EAAA;AAGY,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAE,EAAA;AACF,MAAA,SAAA,EAAA,kBAAE;;AAKN,QAAA,KAAA,EAAA,QAAA,KAAA,MAAA,GAAA,OAAA,GAAA;;mCAYI,CAAA,aAAA,CAAA,KAAA,EAAA;AACA,MAAA,SAAA,EAAA;0BAGL,CAAA,QACE,EAAA;AACT,MAAA,SAAA,EAAA,CAAA,qGACe,EAAA,UAAA,EAAA,IAAA,KAAA,OAAA,GAAA,2BACK,0CAAgB,CAAA,CAAA;AACxB,MAAA,OAAA,EAAA,MAAA,sBAAE,CAAA,MAAA,EAAA,OAAwB;AAC1B,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAE,EAAA;;AAKN,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;yCAWI;;AAIP,MAAA,MAAA,EAAA,IAAA;aAKZ,EAAA;kBAEO;4BAGA;AACI,MAAA,WAAA,EAAA,GAAA;AAGQ,MAAA,aAAA,EAAA,OAAA;;0BAIR,CAAA,QAAA,EAAA;;;;2BAYI,CAAA,MAAS,EAAA;;oBAET,CAAA,EAAA,KAAA,CAAS,aAAA,CAAA,QAAA,EAAA;uHACA,EAAA,UAAA,EAAA,IAAA,KAAA,OAAA,GAAA,wBAAA,GAAA,0CAAA,CAAA,CAAA;qBACT,sBAAS,CAAA,MAAA,EAAA,OAAA;0BACT,CAAA,MAAS,EAAA;;0BAEN,CAAA,KAAS,EACZ;AAIY,MAAA,KAAA,EAAA,4BAAE;AACF,MAAA,KAAA,EAAA,IAAA;YAW3B,EAAA,IAAA;0BAEO;;AAGA,MAAA,MAAA,EAAA,cAAA;AAOC,MAAA,WAAA,EAAA,GAAA;AAEO,MAAA,aAAA,EAAA,OAAA;AAKQ,MAAA,cAAA,EAAA;AACA,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAO;AACH,MAAA,CAAA,EAAA,GAAA;AACR,MAAA,CAAA,EAAA,GAAA;aAOnB,IAAA;kBAEO;;AAGA,MAAA,EAAA,EAAA;2BAQA,CAAA,QAAA,EAAA;;AAGA,MAAA,EAAA,EAAA,KAAA;AAQA,MAAA,CAAA,EAAA;AAGY,KAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAKQ,MAAA,MAAA,EAAA;AACA,KAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,OAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAU,CAAA,QAAA,EAAA;AACN,MAAA,SAAA,EAAA,CAAA,qGAAA,EAAA,UAAA,EAAA,IAAA,KAAA,OAAA,GAAA,wBAAA,GAAA,0CAAA,CAAA,CAAA;2CAStC,CAAA,MAAA,EAAA,OAAA;AACN,KAAC,EAAC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;MAEF,SAAA,EAAA;KACA,EAAA,KAAM,CAAA,aAAA,CAAA,KAAoB,EAAG;AACzB,MAAA,KAAA,EAAA,4BACI;aACI,IAAA;kBACI;0BACA;kBACA;YAKJ,EAAA,cAAA;iBACI,EAAA,GAAA;mBACA,EAAA,OAAA;oBACA,EAAA;YAKJ,CAAA,aAAA,CAAA,SAAA,EAAA;;2BAEI,CAAA,MAAA,EAAA;;YAGJ;iBACI;kBACA;;;mBAOA,CAAA,CAAA,CAAA,CAAA,EAAA,UAAA,EAAA,IAAA,KAAG,OAAS,IAAK,KAAE,CAAA,aAAa,CAAA;iBAChC;0BACA,CAAA,GAAA,EAAA;eAKJ,EAAA,MAAA;;uBAEI,KAAA,MAAA,GAAA,OAAA,GAAK;;2BAMT,CAAA,CAAA,EAAA,KAAA,CAAA,aAAc,MAAC,EAAA;iBACX;0BACA,CAAA,KAAA,EAAA;iBACA;aAKJ;uBACI,EAAA,UAAA,EAAA,KAAA,KAAG,SAAS,GAAO,SAAQ,GAAA,UAAc,OAAO,IAAG;;2BAEnD,CAAA,KAAA,EAAA;eAKJ,EAAA;0BACI,CAAA,OAAA,EAAA;mBACA;uBACA,EAAA,KAAA,KAAA,SAAO,GACH,SAAO,GAAM,UAAE,EAAA,KAAA,IACf,SAAQ;AAK5B,MAAE,QAAA,EAAA,CAAA,IAAA,sBAAA,CAAA,OAAA,EAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA;MAEF,SAAA,EAAA;KACA,CAAA,CAAA,CAAA,EAAM,KAAA,CAAA,aAAA,CAAA,KAAuB,EAAG;AAC5B,MAAA,SAAO,EACH;iBACI,EAAA,SAAA,EAAA,SAAA,EAAK,SAAS,EAAC,SAAA,EAAA,SAAmB,EAAA,SAAA,EAAA,SAAA,CAAA,CAAA,GAAA,CAAA,KAAA,IAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;gBAC9B;iBACA,CAAA,4BAAK,EAAA,KAAA,MAAU,UAAW,EAAG,KAAA,IAAA,SAAA,CAAA,GAAA,0BAAA,GAAA,iBAAA,CAAA,CAAA;;uBAMjC,EAAA;;qBAEI,sBAAA,CAAA,OAAK,EAAA,KAAU,CAAA;AACf,MAAA,YAAA,EAAA,CAAA,aAAA,EAAC,MAAM;qBAUX,EAAA,IAAA,KAAA,OAAA,IAAK,KAAA,CAAA,aAAU,CAAA,KAAA,EAAA;iBACX;0BACA,CAAA,KAAA,EAAA;iBACA;YAKJ,CAAA,aAAA,CAAA,GAAA,EAAA;;uBAEQ,KAAA,MAAA,GAAA,OAAA,GAAG;;AAEE,KAAA,EAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,EAAA,KAAM,CAAA,aAAE,CAAA,OAAmB,EAAA;;iBAGpC,EAAA,CAAA,CAAA,WAAA,CAAA;uBACI,EAAA,KAAA,IAAA,EAAA;qBASA,sBAAA,CAAA,OAAK,EAAA,CAAA,CAAA,MAAU,CAAA,KAAA,CAAA;AACX,MAAA,SAAA,EAAA;AAAO,KAAA,CAAA,EAAA,UAAA,EAAA,KAAA,IAAA,KAAA,CAAA,aAAA,CAAqB,KAAI,EAAA;AAAU,MAAA,SAAA,EAAA;AAC1C,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;4BAAO;AAAuC,MAAA,GAAA,EAAA,oBAAA;AAC9C,MAAA,SAAA,EAAA,0BAAA;AAAO,MAAA,OAAA,EAAA,CAAA,IAAA;AAAmC,QAAA,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA;AAMlE,QAAE,MAAA,CAAA,GAAA,GAAA,4eAAA;AAEF,MAAA;AAGQ,KAAA,CAAA,CAAA,CAAA,EAAA,UAAA,EAAA,IAAA,KAAA,OAAA,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;eACI,EAAA;AACI,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAYQ,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;AAMZ,QAAA,KAAA,EAAA,QAAA,KAAA,MAAA,GAAA,OACI,GAAA;;oBAKI,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,OAAK,EAAA;;AASjB,MAAA,WAAA,EAAA,CAAA,CAAA,WAAA,CAAA;aACI,UAAA,EAAA,KAAA,IAAA,EAAA;AACI,MAAA,QAAA,EAAA,CAAA,IAAA,sBAAA,CAAA,OACI,EAAA,CAAA,CAAO,MAAK,CAAE,KAAC,CAAA;;AAWX,KAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAOZ,KAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;uBAMQ,KAAA,MAAA,GAAA,OAAA,GAAA;AAEI;0BAGA,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,OAAK,EAAA;;sCAOD,CAAA;WAOpB,EAAA,UAAA,EAAA,cAAK,IAAA,EAAA;cACD,EAAA,CAAA,IAAA,sBAAG,CAAK,gBAAW,EAAA,CAAQ,CAAA,MAAK,CAAA,KAAQ,CAAC;eACzC,EAAA;aACA,CAAA,aAAA,CAAA,KAAC,EAAA;eAKL,EAAA;kBACI,EAAA,KAAA,IAAA,UAAG,EAAA,cAAgB,IAAA,KAAQ,CAAA,mBAAqB,EAAE;eAClD,EAAA;YACA,CAAA,aAAA,CAAA,KAAC,EAAA;SAKL,EAAA,UAAA,EAAA,cAAK;oCACD;eACA,EAAA,0BAAK;AACL,MAAA,OAAA,EAAA,CAAA,IAAA;AAOhB,QAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SettingsActionsProps {
+    hasChanges: boolean;
+    copied: boolean;
+    copiedModified: boolean;
+    onSave: () => void;
+    onCopyAll: () => void;
+    onCopyModified: () => void;
+    onReset: () => void;
+}
+export declare function SettingsActions({ hasChanges, copied, copiedModified, onSave, onCopyAll, onCopyModified, onReset, }: SettingsActionsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SettingsActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsActions.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/SettingsActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAC5B,UAAU,EACV,MAAM,EACN,cAAc,EACd,MAAM,EACN,SAAS,EACT,cAAc,EACd,OAAO,GACV,EAAE,oBAAoB,qBAwEtB"}

package/lib/components/SettingDrawer/components/SettingsActions.js

@@ -0,0 +1,42 @@
+import React__default from'react';import clsx from'clsx';import {icons}from'../../../icons.js';function SettingsActions({
+  hasChanges,
+  copied,
+  copiedModified,
+  onSave,
+  onCopyAll,
+  onCopyModified,
+  onReset
+}) {
+  const {
+    CopyIcon,
+    CheckIcon
+  } = icons;
+  return React__default.createElement("div", {
+    className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-200 dark:border-yellow-700 rounded-lg p-4 mt-4"
+  }, React__default.createElement("p", {
+    className: "text-sm text-yellow-700 dark:text-yellow-200"
+  }, "Setting panel shows in development environment only, please manually modify"), React__default.createElement("div", {
+    className: "flex flex-wrap gap-2 mt-2"
+  }, React__default.createElement("button", {
+    disabled: !hasChanges,
+    className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', !hasChanges ? 'border-gray-300 text-gray-500 bg-gray-50 cursor-not-allowed dark:border-gray-600 dark:text-gray-400 dark:bg-gray-800' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
+    onClick: onSave
+  }, React__default.createElement("span", null, !hasChanges ? 'No Changes' : 'Save Settings')), React__default.createElement("button", {
+    className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', 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 active:bg-yellow-200 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
+    onClick: onCopyAll
+  }, copied ? React__default.createElement(React__default.Fragment, null, React__default.createElement(CheckIcon, {
+    className: "w-4 h-4"
+  }), React__default.createElement("span", null, "Copied!")) : React__default.createElement(React__default.Fragment, null, React__default.createElement(CopyIcon, {
+    className: "w-4 h-4"
+  }), React__default.createElement("span", null, "Copy All Settings"))), React__default.createElement("button", {
+    className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', copiedModified ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-blue-300 text-blue-700 bg-blue-50 hover:bg-blue-100 active:bg-blue-200 dark:border-blue-600 dark:text-blue-200 dark:bg-blue-900/50 dark:hover:bg-blue-900'),
+    onClick: onCopyModified
+  }, copiedModified ? React__default.createElement(React__default.Fragment, null, React__default.createElement(CheckIcon, {
+    className: "w-4 h-4"
+  }), React__default.createElement("span", null, "Copied!")) : React__default.createElement(React__default.Fragment, null, React__default.createElement(CopyIcon, {
+    className: "w-4 h-4"
+  }), React__default.createElement("span", null, "Copy Modified Settings"))), React__default.createElement("button", {
+    className: "flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border border-red-300 text-red-700 bg-red-50 hover:bg-red-100 active:bg-red-200 dark:border-red-600 dark:text-red-200 dark:bg-red-900/50 dark:hover:bg-red-900 text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500",
+    onClick: onReset
+  }, React__default.createElement("span", null, "\uD83D\uDD04 Reset All Settings"))));
+}export{SettingsActions};//# sourceMappingURL=SettingsActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsActions.js","sources":["../../../../src/components/SettingDrawer/components/SettingsActions.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wGAcgB,eAAe,CAAC;AAS5B,EAAA,UAAQ;AAER,EAAA,MAAA;gBAEQ;QAGA;AACI,EAAA,SAAA;AAKY,EAAA,cAAA;AACA,EAAA;;AAMZ,EAAA,MAAA;AAIY,IAAA,QAAA;AACA,IAAA;AAMA,GAAA,GAAA,KAAA;AACA,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAIA,IAAA,SAAA,EAAA;iCACA,CAAA,GAAA,EAAA;AAIZ,IAAA,SAAA,EAAA;AAIY,GAAA,EAAA,6EAAE,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACF,IAAA,SAAA,EAAA;AAMA,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AACA,IAAA,QAAA,EAAA,CAAA,UAAA;AAIA,IAAA,SAAA,EAAA,IAAA,CAAA,uLAAgC,EAAA,CAAA,UAAA,GAAA,sHAAA,GAAA,oLAAA,CAAA;;AAK5C,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aACa,YAAC,GAAA,eAAA,CAAA,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAGV,IAAA,SAAA,EAAA,IAAA,CAAA,uLAId,EAAA,MAAA,GAAA,yGAAA,GAAA,oLAAA,CAAA;AACN,IAAC,OAAA,EAAA;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function SettingsDrawerHeader({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=SettingsDrawerHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/SettingsDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,qBAgBxE"}

package/lib/components/SettingDrawer/components/SettingsDrawerHeader.js

@@ -0,0 +1,22 @@
+import React__default from'react';import {useTranslation}from'react-i18next';import {icons}from'../../../icons.js';function SettingsDrawerHeader({
+  onClose
+}) {
+  const {
+    t
+  } = useTranslation('settings');
+  const {
+    CloseIcon
+  } = icons;
+  return React__default.createElement("div", {
+    className: "flex flex-row items-center"
+  }, React__default.createElement("p", {
+    className: "text-2xl mb-0 text-black dark:text-white"
+  }, t('setting')), React__default.createElement("div", {
+    className: "flex-grow"
+  }), React__default.createElement("button", {
+    onClick: onClose,
+    className: "bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:bg-gray-200 dark:hover:bg-[#2a2a2a]"
+  }, React__default.createElement(CloseIcon, {
+    fontSize: '36px'
+  })));
+}export{SettingsDrawerHeader};//# sourceMappingURL=SettingsDrawerHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDrawerHeader.js","sources":["../../../../src/components/SettingDrawer/components/SettingsDrawerHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":"mHAIM,SAAU,oBAAoB,CAAC;;AAEjC,CAAA,EAAA;AAEA,EAAA,MAAA;;oBAGQ,CAAA,UAAA,CAAA;AACA,EAAA,MAAA;;AAQZ,GAAC,GAAA,KAAA;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { SwitchProps } from '../utils/types';
+export declare function Switch({ value, onChange, className }: SwitchProps): React.JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,wBAAgB,MAAM,CAAC,EAAE,KAAa,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,WAAW,qBAuB9E"}