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

package/lib/components/Layout/GlobalHeader/RightMenu.js

@@ -1,4 +1,4 @@
-import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
   path,
   onClose
 }) => {
@@ -10,11 +10,9 @@ import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useStat
       });
     }
   }, []);
-  return dialog ? jsx(dialog.default, {
+  return dialog ? React__default.createElement(dialog.default, {
     onClose: onClose
-  }) : jsx("div", {
-    children: "Loading..."
-  });
+  }) : React__default.createElement("div", null, "Loading...");
 };
 const RightMenu = ({
   menuData,
@@ -88,21 +86,16 @@ const RightMenu = ({
       name,
       icon
     } = item;
-    return jsxs("button", {
+    return React__default.createElement("button", {
       onClick: () => {
         setOpenedModalKey(key);
         setIsOpen(false); // Close the dropdown when opening a modal
       },
-      className: `
-                    flex items-center w-full px-3 py-2 text-left 
-                    ${settings?.navTheme === 'dark' ? 'text-white hover:bg-gray-700' : 'text-gray-800 hover:bg-gray-100'}
-                `,
-      role: "menuitem",
-      children: [jsx("div", {
-        className: "mr-3",
-        children: renderDynamicIcon(icon)
-      }), t(name)]
-    });
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), t(name));
   };
   /**
    * Judge whether it is http link.return or a Link
@@ -119,37 +112,26 @@ const RightMenu = ({
     } = item;
     // Is it a http link
     if (/^https?:\/\//.test(itemPath)) {
-      return jsxs("a", {
+      return React__default.createElement("a", {
         href: itemPath,
         target: target,
         onClick: onClose,
-        className: `
-                        flex items-center w-full p-3
-                        ${settings?.navTheme === 'dark' ? 'text-white hover:bg-gray-700' : 'text-gray-800 hover:bg-gray-100'}
-                    `,
-        role: "menuitem",
-        children: [jsxs("div", {
-          className: "mr-3",
-          children: [renderDynamicIcon(icon), " "]
-        }), jsx("span", {
-          className: "ml-1",
-          children: name
-        })]
-      });
+        className: "flex items-center w-full p-3 text-foreground hover:bg-muted",
+        role: "menuitem"
+      }, React__default.createElement("div", {
+        className: "mr-3"
+      }, renderDynamicIcon(icon), " "), React__default.createElement("span", {
+        className: "ml-1"
+      }, name));
     }
-    return jsxs(Link, {
+    return React__default.createElement(Link, {
       to: itemPath,
       onClick: onClose,
-      className: `
-                    flex items-center w-full px-3 py-2 text-left
-                    ${settings?.navTheme === 'dark' ? 'text-white hover:bg-gray-700' : 'text-gray-800 hover:bg-gray-100'}
-                `,
-      role: "menuitem",
-      children: [jsx("div", {
-        className: "mr-3",
-        children: renderDynamicIcon(icon)
-      }), name]
-    });
+      className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
+      role: "menuitem"
+    }, React__default.createElement("div", {
+      className: "mr-3"
+    }, renderDynamicIcon(icon)), name);
   };
   const getMenuModals = () => {
     let dialogMenus = [];
@@ -167,124 +149,100 @@ const RightMenu = ({
         key,
         name
       } = item;
-      return key === openedModalKey && jsx("div", {
-        className: "fixed inset-0 z-50 overflow-y-auto",
-        children: jsxs("div", {
-          className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",
-          children: [jsx("div", {
-            className: "fixed inset-0 transition-opacity",
-            "aria-hidden": "true",
-            children: jsx("div", {
-              className: "absolute inset-0 bg-gray-500 opacity-75",
-              onClick: () => {
-                onClose();
-                setOpenedModalKey(null);
-              }
-            })
-          }), jsx("span", {
-            className: "hidden sm:inline-block sm:align-middle sm:h-screen",
-            "aria-hidden": "true",
-            children: "\u200B"
-          }), jsx("div", {
-            className: `
-                                    inline-block align-bottom rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full
-                                    ${settings?.navTheme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-gray-900'}
-                                `,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": "modal-headline",
-            children: jsxs("div", {
-              className: `px-4 pt-5 pb-4 sm:p-6 sm:pb-4 ${settings?.navTheme === 'dark' ? 'bg-gray-800' : 'bg-white'}`,
-              children: [jsx("div", {
-                className: "flex justify-end",
-                children: jsxs("button", {
-                  type: "button",
-                  className: `rounded-md ${settings?.navTheme === 'dark' ? 'bg-gray-800 text-gray-400 hover:text-gray-300' : 'bg-white text-gray-400 hover:text-gray-500'} focus:outline-none`,
-                  onClick: () => {
-                    onClose();
-                    setOpenedModalKey(null);
-                  },
-                  children: [jsx("span", {
-                    className: "sr-only",
-                    children: "Close"
-                  }), jsx("svg", {
-                    className: "h-6 w-6",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "aria-hidden": "true",
-                    children: jsx("path", {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: "2",
-                      d: "M6 18L18 6M6 6l12 12"
-                    })
-                  })]
-                })
-              }), jsx("div", {
-                className: "mt-2",
-                children: jsx(DialogComponent, {
-                  path: dialogPath,
-                  onClose: () => {
-                    onClose();
-                    setOpenedModalKey(null);
-                  }
-                })
-              })]
-            })
-          })]
-        })
-      }, k);
+      return key === openedModalKey && React__default.createElement("div", {
+        key: k,
+        className: "fixed inset-0 z-50 overflow-y-auto"
+      }, React__default.createElement("div", {
+        className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
+      }, React__default.createElement("div", {
+        className: "fixed inset-0 transition-opacity",
+        "aria-hidden": "true"
+      }, React__default.createElement("div", {
+        className: "absolute inset-0 bg-black bg-opacity-50",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      })), React__default.createElement("span", {
+        className: "hidden sm:inline-block sm:align-middle sm:h-screen",
+        "aria-hidden": "true"
+      }, "\u200B"), React__default.createElement("div", {
+        className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "modal-headline"
+      }, React__default.createElement("div", {
+        className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
+      }, React__default.createElement("div", {
+        className: "flex justify-end"
+      }, React__default.createElement("button", {
+        type: "button",
+        className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
+        onClick: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }, React__default.createElement("span", {
+        className: "sr-only"
+      }, "Close"), React__default.createElement("svg", {
+        className: "h-6 w-6",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        "aria-hidden": "true"
+      }, React__default.createElement("path", {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M6 18L18 6M6 6l12 12"
+      })))), React__default.createElement("div", {
+        className: "mt-2"
+      }, React__default.createElement(DialogComponent, {
+        path: dialogPath,
+        onClose: () => {
+          onClose();
+          setOpenedModalKey(null);
+        }
+      }))))));
     });
   };
-  return jsxs(Fragment, {
-    children: [jsxs("div", {
-      className: "relative",
-      ref: menuRef,
-      onMouseEnter: onOpen,
-      children: [jsx("button", {
-        className: `
-                        inline-flex items-center justify-center
-                        ${scrolled ? `text-gray-400 bg-transparent ${settings?.navTheme === 'dark' ? 'hover:text-white' : 'hover:text-gray-700'}` : `text-white bg-gray-400 ${settings?.navTheme === 'dark' ? 'hover:text-white' : ''}`}
-                        rounded-full h-12 w-12 min-w-[48px] outline-none  transform transition-colors duration-200
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "relative",
+    ref: menuRef,
+    onMouseEnter: onOpen
+  }, React__default.createElement("button", {
+    className: `
+                        inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
                     `,
-        "aria-expanded": "false",
-        onClick: toggleMenu,
-        children: picture ? jsx("img", {
-          src: picture,
-          className: "rounded-full",
-          alt: "User"
-        }) : null
-      }), isOpen && jsxs("div", {
-        className: `
-                            absolute right-0 mt-2 w-72 rounded-md shadow-lg py-1
-                            ${settings?.navTheme === 'dark' ? 'bg-gray-800 text-white' : 'bg-white text-black'}
-                            ring-1 ring-black ring-opacity-5 focus:outline-none z-40
-                        `,
-        role: "menu",
-        "aria-orientation": "vertical",
-        "aria-labelledby": "user-menu",
-        children: [MenusList?.upperMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && jsx("hr", {
-          className: `${settings?.navTheme === 'dark' ? 'border-gray-600' : 'border-gray-200'} my-1`
-        }), MenusList?.middleMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.middleMenus?.length > 0 && MenusList?.lowerMenus?.length > 0 && jsx("hr", {
-          className: `${settings?.navTheme === 'dark' ? 'border-gray-600' : 'border-gray-200'} my-1`
-        }), MenusList?.lowerMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k)), MenusList?.lowerMenus?.length > 0 && MenusList?.bottomMenus?.length > 0 && jsx("hr", {
-          className: `${settings?.navTheme === 'dark' ? 'border-gray-600' : 'border-gray-200'} my-1`
-        }), MenusList?.bottomMenus?.map((item, k) => jsx("div", {
-          className: "px-1 py-1",
-          children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
-        }, k))]
-      })]
-    }), getMenuModals()]
-  });
+    "aria-expanded": "false",
+    onClick: toggleMenu
+  }, picture ? React__default.createElement("img", {
+    src: picture,
+    className: "rounded-full",
+    alt: "User"
+  }) : null), isOpen && React__default.createElement("div", {
+    className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
+    role: "menu",
+    "aria-orientation": "vertical",
+    "aria-labelledby": "user-menu"
+  }, MenusList?.upperMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.middleMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.middleMenus?.length > 0 && MenusList?.lowerMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.lowerMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))), MenusList?.lowerMenus?.length > 0 && MenusList?.bottomMenus?.length > 0 && React__default.createElement("hr", {
+    className: "border-border my-1"
+  }), MenusList?.bottomMenus?.map((item, k) => React__default.createElement("div", {
+    key: k,
+    className: "px-1 py-1"
+  }, item.modal ? getMenuItemModal(item) : getMenuItemPath(item))))), getMenuModals());
 };export{RightMenu};//# sourceMappingURL=RightMenu.js.map

package/lib/components/Layout/GlobalHeader/RightMenu.js.map

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

package/lib/components/Layout/GlobalHeader/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4H9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,cAAc;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwH9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/Layout/GlobalHeader/SearchBar.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useRef,useState,useEffect}from'react';import {useDispatch,useSelector}from'react-redux';import {useNavigate}from'@remix-run/react';import {icons}from'../../../icons.js';import {setSearchQuery,setSearchResult}from'../../../redux/searchReducer.js';const {
+import React__default,{useRef,useState,useEffect}from'react';import {useDispatch,useSelector}from'react-redux';import {useNavigate}from'@remix-run/react';import {icons}from'../../../icons.js';import {setSearchQuery,setSearchResult}from'../../../redux/searchReducer.js';const {
   SearchIcon
 } = icons;
 const SearchBar = ({
@@ -70,49 +70,40 @@ const SearchBar = ({
     }
     setIsOpen(false);
   };
-  return jsxs("div", {
+  return React__default.createElement("div", {
     ref: searchRef,
-    className: `relative ${className}`,
-    children: [jsxs("div", {
-      className: "relative w-full focus-within:text-purple-500",
-      children: [jsx("div", {
-        className: "absolute inset-y-0 flex items-center pl-2",
-        children: jsx(SearchIcon, {
-          className: `w-4 h-4 ${isSearching ? 'animate-spin' : ''}`
-        })
-      }), jsx("input", {
-        className: "w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input",
-        type: "text",
-        placeholder: placeholder,
-        "aria-label": "Search",
-        value: searchQuery,
-        onChange: handleSearchChange,
-        onKeyDown: handleKeyDown,
-        onFocus: () => setIsOpen(true),
-        style: style
-      })]
-    }), isOpen && searchResults.length > 0 && jsx("div", {
-      className: "absolute z-50 w-full mt-1 bg-white rounded-md shadow-lg dark:bg-gray-800",
-      children: jsx("ul", {
-        className: "py-1 overflow-auto text-base leading-6 rounded-md shadow-xs max-h-60 focus:outline-none sm:text-sm sm:leading-5",
-        children: searchResults.map((result, index) => jsxs("li", {
-          className: `relative py-2 pl-3 pr-9 cursor-pointer select-none ${index === selectedIndex ? 'text-white bg-purple-600' : 'text-gray-900 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700'}`,
-          onClick: () => handleResultClick(result),
-          children: [jsxs("div", {
-            className: "flex items-center",
-            children: [jsx("span", {
-              className: "block truncate font-medium",
-              children: result.title
-            }), result.type && jsx("span", {
-              className: "ml-2 px-2 py-0.5 text-xs rounded-full bg-gray-200 dark:bg-gray-700",
-              children: result.type
-            })]
-          }), result.description && jsx("span", {
-            className: "block text-sm text-gray-500 dark:text-gray-400 truncate",
-            children: result.description
-          })]
-        }, result.id))
-      })
-    })]
-  });
+    className: `relative ${className}`
+  }, React__default.createElement("div", {
+    className: "relative w-full focus-within:text-primary"
+  }, React__default.createElement("div", {
+    className: "absolute inset-y-0 flex items-center pl-2"
+  }, React__default.createElement(SearchIcon, {
+    className: `w-4 h-4 ${isSearching ? 'animate-spin' : ''}`
+  })), React__default.createElement("input", {
+    className: "w-full pl-8 pr-2 text-sm themed-input focus-themed",
+    type: "text",
+    placeholder: placeholder,
+    "aria-label": "Search",
+    value: searchQuery,
+    onChange: handleSearchChange,
+    onKeyDown: handleKeyDown,
+    onFocus: () => setIsOpen(true),
+    style: style
+  })), isOpen && searchResults.length > 0 && React__default.createElement("div", {
+    className: "absolute z-50 w-full mt-1 themed-dropdown"
+  }, React__default.createElement("ul", {
+    className: "py-1 overflow-auto text-base leading-6 rounded-themed shadow-themed-sm max-h-60 focus:outline-none sm:text-sm sm:leading-5"
+  }, searchResults.map((result, index) => React__default.createElement("li", {
+    key: result.id,
+    className: `relative py-2 pl-3 pr-9 cursor-pointer select-none ${index === selectedIndex ? 'text-primary-foreground bg-primary' : 'text-foreground hover:bg-muted'}`,
+    onClick: () => handleResultClick(result)
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("span", {
+    className: "block truncate font-medium"
+  }, result.title), result.type && React__default.createElement("span", {
+    className: "ml-2 px-2 py-0.5 text-xs rounded-themed bg-muted text-muted-foreground"
+  }, result.type)), result.description && React__default.createElement("span", {
+    className: "block text-sm text-muted-foreground truncate"
+  }, result.description))))));
 };export{SearchBar,SearchBar as default};//# sourceMappingURL=SearchBar.js.map

package/lib/components/Layout/GlobalHeader/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAUA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACc,MAAA,SAAc,GAAA,CAAA;AAC5B,EAAA;aACa,GAAA,QAAW;;AAExB,CAAA,KAAA;QAI6B,QAAA,GAAA,WAAA,EAAA;AAC7B,EAAA,MAAA,sBAA2B,EAAA;AACvB,EAAA,MAAA,YAAc,MAAA,CAAK,IAAO,CAAA;AAC1B,EAAA,MAAA,CAAA,MAAA,EAAS,SAAc,CAAA,GAAA,QAAO,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAe,EAAA,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAmB,CAAA,KAAA,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAgB,GAAA,MAAA,KAAA,IAAA;kBACP,KAAe,CAAA,MAAA,CAAA,KAAA;2BACJ,CAAA,KAAC;mBAGX,EAAA,EAAA;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAY,GAAA,KAAA,IAAA;iBACH,CAAA,GAAA;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACS,EAAC;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAa;4BACW,EAAA;yBACX,IAAM,CAAA,IAAE,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;;UAGO,SAAM,CAAA,KAAA,CAAA;AACX;AACI,QAAA;mBACa;aACZ,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,GAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAsB,kBAAA,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAiB,CAAA,OAAA,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAU,CAAA,KAAI,CAAE;AACZ;;YAEK,CAAA,gBAAQ,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEK,QACE,CAAA,mBAAK,CAAA,WAAW,EAAA,kBAAuB,CAAS;AA2BrB,KAAA;AACA,GAAA,EAAA,EAAA,CAAA;AAwBxC;AAEA,EAAA,MAAA,iBAAyB,GAAA,MAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SearchBar.js","sources":["../../../../src/components/Layout/GlobalHeader/SearchBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6QAMA,MAAM;AAQN,EAAA;AACI,CAAA,GAAA,KAAA;AACM,MAAA,SAAW,GAAA,CAAA;AACjB,EAAA;aACO,GAAA,QAAQ;;AAEf,CAAA,KAAA;QAEA,QAAA,GAAA,WAAA,EAAA;AACA,EAAA,MAAA,sBAAwB,EAAG;AACvB,EAAA,MAAA,YAAW,MAAG,CAAK,IAAC,CAAA;AACpB,EAAA,MAAA,CAAA,MAAA,EAAS,SAAA,CAAA,GAAA,QAAqB,CAAC,KAAC,CAAA;AAChC,EAAA,MAAA,CAAA,aAAW,EAAI,gBAAK,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AAChB,EAAA,MAAA;eACH;AACL,IAAA,aAAE;IAEF;AACA,GAAA,GAAA,WAAM,CAAA,KAAa,IAAI,KAA0B,OAAI,CAAA;AACjD;AACI,EAAA,MAAA,kBAAK,GAAW,MAAA,KAAA,IAAA;kBACZ,KAAM,CAAA,MAAA,CAAA,KAAc;2BACpB,CAAA,KAAiB,CAAC,CAAA;mBAClB,EAAA,EAAM;AACV,MAAA,QAAA,CAAA,eAAc,CAAA,EAAA,CAAA,CAAA;;;;AAId,EAAA,MAAA,aAAK,GAAO,KAAA,IAAA;iBACR,CAAA,GAAK;sBACD;AACA,QAAA,KAAA,CAAA;wBACI,CAAA,IAAA,IAAS,IAAA,GAAA,aAAA,CAAA,MAAA,GAAA,CAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;oBAEb;4BACA,EAAU;wBACb,CAAA,IAAA,IAAA,IAAA,GAAA,EAAA,GAAA,IAAA,GAAA,CAAA,GAAA,IAAA,CAAA;;AAEL,MAAA,KAAA,OAAK;4BACK,EAAA;yBACG,IAAC,CAAA,IAAO,aAAA,CAAA,aAAA,CAAA,EAAA;gBACjB,MAAM,GAAA,aAAA,CAAA,aAAA,CAAA;UACb,IAAA,MAAA,EAAA;AACL,YAAE,OAAA,CAAA,GAAA,CAAA,yBAAA,EAAA,MAAA,CAAA,KAAA,CAAA;UAEF;UACA,SAAe,CAAA,KAAA,CAAA;AACX,QAAA;AACI,QAAA;mBACI;aACH,CAAA,cAAA,EAAA;AACL,QAAA,SAAE,CAAA,KAAA,CAAA;AAEF,QAAA;AACA;AACI,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;AACtB,MAAA,IAAM,SAAA,CAAA,OAAiB,IAAI,CAAA,SAAwB,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AAC/C,QAAA,SAAI,CAAM,KAAI,CAAE;AACZ,MAAA;;YAEJ,CAAA,gBAAiB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACrB,IAAA,OAAE,MAAA;MAEF,QACI,CAAA,mBAAA,CAAA,WAAU,EAAA,kBAAoB,CAAA;;;AAGlB;AAEJ,EAAA,MAAA,iBAAA,GAAA,MAAA,IAAA;QAcH,MAAM,CAAA,GAAI,EAAA;AAEH,MAAA,QAAA,CAAA,MAAA,CAAA,GAAA,CAAA;AAMoB,IAAA;AACA,IAAA,SAAA,CAAA,KAAA,CAAA;;AAKJ,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACC,IAAA,GAAA,EAAA,SAAA;gBAMJ,oBAAkB,CAAA;AAYnD,GAAE,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAEF,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Layout/GlobalHeader/index.d.ts

@@ -1,4 +1,3 @@
 export * from './MainHeader';
-export * from './Logo';
 export * from './RightMenu';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Layout/GlobalHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/lib/components/Layout/ProTailwindLayout.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import type { LinksFunction } from '@remix-run/node';
 import { BasicLayoutProps } from '@admin-layout/client';
+import type { LinksFunction } from '@remix-run/node';
+import * as React from 'react';
 declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
     loaderData?: any;
 }>;

package/lib/components/Layout/ProTailwindLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAOH,gBAAgB,EACnB,MAAM,sBAAsB,CAAC;AAc9B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CASxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}
+{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAMnB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2E/B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAyBxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}

package/lib/components/Layout/ProTailwindLayout.js

@@ -1,17 +1,72 @@
-import { jsx } from 'react/jsx-runtime';
-import { useSelector } from 'react-redux';
 import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
 import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
-import { ClientContainerService } from 'common';
 import { ClientTypes } from '@common-stack/client-core';
+import { getAvailableCategories, getMenusByAdvancedFilter } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
+import { ClientContainerService } from 'common';
+import * as React from 'react';
+import { useSelector } from 'react-redux';
 import { createSelector } from 'reselect';
-import BasicLayoutEnhanced from './TailwindLayout.js';
 import { config } from '../../config/env-config.js';
+import BasicLayoutEnhanced from './TailwindLayout.js';
 import stylesheet from '../../styles/index.css?url';
 const selectOrgName = state => state.platform.orgName;
-const selector = createSelector([selectOrgName], orgName => ({
-  orgName
+const selectSettings = state => state.settings;
+const selector = createSelector([selectOrgName, selectSettings], (orgName, settings) => ({
+  orgName,
+  settings
 }));
+/**
+ * Filter menu items based on user visibility settings using filteredRoutes utilities
+ */
+function filterMenuItemsByVisibility(menuData, settings) {
+  if (!menuData || !Array.isArray(menuData)) return [];
+  const hiddenMenuCategories = settings?.hiddenMenuCategories || [];
+  // Deduplicate hiddenMenuKeys using Set for consistent behavior
+  const hiddenMenuKeys = settings?.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
+  // Convert menu data to format expected by filteredRoutes utilities
+  const menuItemsWithCategories = menuData.map(item => ({
+    ...item,
+    // Use position as category for filtering
+    category: item.position || 'default',
+    // Ensure key exists for filtering
+    key: item.key || item.path || ''
+  }));
+  // Step 1: Filter by categories using advanced filter
+  const availableCategories = getAvailableCategories(menuItemsWithCategories);
+  const visibleCategories = availableCategories.filter(category => !hiddenMenuCategories.includes(category.toLowerCase()));
+  let filteredByCategory = menuItemsWithCategories;
+  if (visibleCategories.length !== availableCategories.length) {
+    // Use advanced filter to get menus by visible categories
+    const filters = {
+      categories: visibleCategories.length > 0 ? visibleCategories : ['__no_matches__'] // Empty array would show all
+    };
+    const filteredMenuMaps = getMenusByAdvancedFilter(menuItemsWithCategories, filters);
+    // Convert back to array format
+    filteredByCategory = filteredMenuMaps.map(menuMap => {
+      const path = Object.keys(menuMap)[0];
+      return {
+        ...menuMap[path],
+        path
+      };
+    });
+  }
+  // Step 2: Filter out individually hidden items recursively
+  const filterItemsRecursively = items => {
+    return items.filter(item => {
+      if (!item?.key) return false;
+      // Skip if this specific item is hidden
+      if (hiddenMenuKeys.includes(item.key)) {
+        return false;
+      }
+      // Process children recursively
+      if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+        item.children = filterItemsRecursively(item.children);
+      }
+      return true;
+    });
+  };
+  return filterItemsRecursively(filteredByCategory);
+}
 const ProTailwindLayout = props => {
   const {
     loaderData: {
@@ -20,15 +75,21 @@ const ProTailwindLayout = props => {
     }
   } = props;
   const {
-    orgName
+    orgName,
+    settings
   } = useSelector(state => selector(state));
+  // Apply menu visibility filters
+  const filteredMenuData = React.useMemo(() => {
+    return filterMenuItemsByVisibility(newMenuData, settings);
+  }, [newMenuData, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
   const params = {
     orgName: orgName
   };
-  return jsx(BasicLayoutEnhanced, {
+  return React.createElement(BasicLayoutEnhanced, {
     routeParams: params,
     permissions: permissions,
-    menuData: newMenuData
+    menuData: filteredMenuData,
+    fullMenuData: newMenuData
   });
 };
 const handle = {

package/lib/components/Layout/ProTailwindLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"+jBAqBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAEhD,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,CAAC,EAAE,YAAY;AAE7D,EAAA;;AAII,MAAA,iBAAoB,GAAA,KAAA,IAAW;AAG/B,EAAA,MAAA;AACA,IAAA,UAAQ,EAAA;AACZ,MAAE,WAAA;AACF,MAAA;AAEA;AACI,GAAA,GAAA,KAAY;EACd,MAAA;AACF,IAAA;AAEA,GAAM,GAAA,WAAa,CAAA,SAAQ,QAAQ,MAAI,CAAA,CAAA;AACnC,EAAA,MAAA,MAAmB,GAAA;IACnB,OAAI,EAAA;AACJ,GAAA;SACeA,GAAA,CAAAC;IACf,WAAC,EAAA,MAAA;IAAC,WAAgB,EAAA,WAAA;AACd,IAAA,QAAA,EAAA;IACJ;;;AAKA,EAAA,IAAA,EAAA;AACA;cACkB,MAAA,CAAM;KACpB,EAAA,YAAY;AACZ,EAAA,IAAA,EAAA;;AAEY,MAAA,MAAA,GAAE,MAAC,MAAA,IAAA;AACf,EAAA,MAAA;IACJ;MACM,MAAA,CAAA,OAAA;MACC,WAAA,GAAA,EAAA;;eAEQ,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;WACb,CAAA,EAAA;AACN,IAAE,OAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAEF;QACgF,eAAA,GAAA,sBAAA,CAAA,WAAA,CAAA,QAAA,CAAA,CAAA;AAC5E,EAAA,MAAA,iBAAyB,GAAA,aAAY,gBAAG,CAAA;AACxC,EAAA,MAAA,+CAAmC,CAAA,iBAAA,CAAA;AAEnC,EAAA,sBAAK,CAAA,OAAA,CAAA,IAAA,IAAA,2BAAA,CAAA,IAAA,CAAA,CAAA;AACD,EAAA,IAAA,WAAiB,GAAA,MAAA;iBAEX,GAAA,MAAc,EAAA,YAAU,EAAI,WAAW;AAC7C,EAAA,IAAA,CAAA,WAAA,EAAY;UAEN,IAAA,KAAA,CAAA,uBAAsB,CAAA;AAC5B;MACH,CAAA,WAAA,EAAA;IAAC,MAAO,IAAG,KAAC,CAAA,uBAAA,CAAA;AACT;AACA,EAAA,MAAA,WAAQ,GAAM,cAAG,CAAA,eAAA,EAAA,WAAA,CAAA;SACpB;AACD,IAAA;AACJ,IAAC;AAED,GAAM;AACF;AACF,eAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["TailwindLayout"],"mappings":"4qBAyBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAChD,MAAM,cAAc,GAAG,KAAC,SAAU,CAAA,QAAM;AAExC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,MAAM;AAEzF,EAAA,OAAA;;AAEG,CAAA,CAAA,CAAA;AACH;;AAC+C;AAE3C,SAAA,2BAA6B,CAAA,QAAU,EAAA,QAAA,EAAA;MACvC,CAAA,QAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA;QACA,oBAAuB,GAAA,QAAU,EAAA,oBAAuB,IAAK;;QAG7D,cAAM,GAAA,QAAuB,EAAA,cAAgB,GAAC,KAAM,CAAE,IAAE,CAAA,IAAA,GAAA,CAAA,QAAA,CAAA,cAAA,CAAA,CAAA,GAAA,EAAA;AACpD;QACA,uBAAA,GAAA,QAAA,CAAA,GAAA,CAAA,IAAyC,KAAA;AACzC,IAAA,GAAA,IAAA;;YAEG,MAAO,CAAA,QAAO,IAAK,SAAU;AACnC;IAED,GAAA,EAAA,IAAA,CAAA,GAAA,IAAA,IAAA,CAAA,IAAA,IAAA;AACA,GAAA,CAAA,CAAA;;QAKI,mBAAkB,GAAG,sBAAuB,CAAC,uBAAA,CAAA;QAC7C,iBAAiB,GAAC,mCAAqC,IAAG,CAAA,oBAAA,CAAA,QAAA,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA;wBAC1D,GAAA,uBAAA;AACA,EAAA,IAAA,iBAAa,CAAG,MAAA,KAAA,mBAAA,CAAA,MAAA,EAAA;AACZ;UACF,OAAA,GAAA;gBAEI,EAAA,iBAAmB,CAAA,MAAA,GAAA,CAAA,GAAA,qCAAkD,CAAA;;UAE3E,gBAAkB,GAAG,wBAAsB,CAAA,uBAAW,EAAA,OAAA,CAAA;;yBAEtC,gBAAe,CAAA,GAAM,CAAC,OAAA,IAAA;AACtC,MAAA,MAAG,IAAA,GAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;MACN,OAAA;QAED,GAAA,OAAA,CAAA,IAAA,CAAA;AACA,QAAA;AACI,OAAA;;AACoB,EAAA;;8BAGE,GAAC,KAAA;AACf,IAAA,OAAA,KAAA,CAAA,MAAO,KAAK,IAAC;eAChB,EAAA,GAAA,EAAA,OAAA,KAAA;;wBAGQ,CAAA,QAAY,KAAK,CAAC,GAAA,CAAA,EAAA;oBACnB;;AAGR;AACJ,MAAA,IAAE,IAAC,CAAA,QAAA,IAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACP,QAAE,IAAA,CAAA,QAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,QAAA,CAAA;AAEF,MAAA;AACJ,MAAC,OAAA,IAAA;AAED,IAAA,CAAA,CAAM;;AAKF,EAAA,OAAA,sBAA2B,CAAA,kBAGxB,CAAA;;AAGH,MAAA,oBAAsB,KAAG,IAAM;AAC3B,EAAA,MAAA;AACJ,IAAA,UAAI,EAAA;AAEJ,MAAA,WAAY;MAEZ;AAQJ;AACA,GAAA,GAAA,KAAA;AAEA,EAAA,MAAO;AACH,IAAA,OAAM;IACR;AACF,GAAA,GAAM,WAAO,CAAK,KAAkB,IAAM,QAAQ;AAElD;AACI,EAAA,MAAA,gBAAmB,QAAK,CAAA,cAAe;IACvC,OAAI,2BAAiB,CAAA,WAAA,EAAA,QAAA,CAAA;AACrB,EAAA,CAAA,EAAA,CAAA,WAAK,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,CAAA,CAAA;QACD,MAAA,GAAA;IACJ,OAAC,EAAA;;AACG,EAAA,OAAA,KAAA,CAAO,aAAQ,CAAAA,mBAAA,EAAA;IACnB,WAAC,EAAA,MAAA;IAED,WAAM,EAAA,WAAkB;AACxB,IAAA,0BAA0B;AAC1B,IAAA;AACA,GAAA,CAAA;AACA;AAEK,MAAA,MAAA,GAAa;AACd,EAAA,IAAA,EAAA;;AAEC,MAAA,KAAA,GAAW,MAAG,CAAA;AACf,EAAA,GAAA,EAAA,YAAU;MACb,EAAA;;AAEM,MAAA,MAAA,GAAA,MAAA,MAAA,IAAA;QACH;;MAEF,MAAA,CAAA,OAAA;AACN,EAAE,IAAA,WAAA,GAAA,EAAA;AAEF,EAAA,IAAM;IACF,WAAA,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AACA,EAAA,CAAA,CAAA,OAAM,CAAA,EAAA;AACN,IAAA,OAAM,CAAE,GAAA,CAAA,CAAA,CAAA;AAER,EAAA;AACI,EAAA,MAAA,eAAQ,GAAS,kCAAwC,CAAA,QAAA,CAAA,CAAA;QAEzD,iBAAiB,GAAG,aAAa,CAAC,eAAY,CAAA;AAC9C,EAAA,MAAA,sBAAoB,GAAA,sBAAa,CAAA,iBAAA,CAAA;wBAE3B,CAAA,OAAA,CAAmB,IAAG,IAAA,2BAAc,CAAA,IAAuB,CAAA,CAAA;AACjE,EAAA,IAAA,WAAA,GAAA,MAAA,EAAoB,YAAQ,EAAA,WAAa;MAC5C,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;MAAC,CAAA,WAAW,EAAA;AACT,IAAA,MAAA,IAAA,KAAQ,CAAA,uBAAM,CAAA;AACd,EAAA;MACH,CAAA,WAAA,EAAA;AACD,IAAA,MAAA,iCAAkB,CAAA;AACtB,EAAC;AAED,EAAA,MAAO,WAAM,GAAA,cAAsB,CAAA,eAAe,EAAA,WAAc,CAAE;AAC9D,EAAA,OAAA;AACJ,IAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}