@xsolla/xui-context-menu 0.90.0 → 0.92.0

package/web/index.mjs

@@ -1377,6 +1377,7 @@ import { jsx as jsx378 } from "react/jsx-runtime";
 import { jsx as jsx379 } from "react/jsx-runtime";
 import { jsx as jsx380 } from "react/jsx-runtime";
 import { jsx as jsx381 } from "react/jsx-runtime";
+import { jsx as jsx382 } from "react/jsx-runtime";
 var StyledIcon2 = styled5.div`
   display: inline-flex;
   align-items: center;
@@ -1394,15 +1395,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent381,
-  lineContent: lineContent381,
+  solidContent: solidContent382,
+  lineContent: lineContent382,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent381 : solidContent381;
+  const svgContent = variant === "line" ? lineContent382 : solidContent382;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ jsx11(
     StyledIcon2,
@@ -1419,13 +1420,13 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent367 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
-var lineContent367 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
-var Search = (props) => /* @__PURE__ */ jsx368(BaseIcon, { ...props, solidContent: solidContent367, lineContent: lineContent367 });
+var solidContent368 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
+var lineContent368 = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><g id="icon_search--line"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M10 2C14.4183 2 18 5.58172 18 10C18 11.8484 17.3711 13.5488 16.3184 14.9033L21.957 20.543L20.543 21.957L14.9033 16.3174C13.5487 17.3703 11.8486 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4Z" style="fill: currentColor"/></g></svg>`;
+var Search = (props) => /* @__PURE__ */ jsx369(BaseIcon, { ...props, solidContent: solidContent368, lineContent: lineContent368 });
 
 // src/ContextMenuSearch.tsx
 import { Divider } from "@xsolla/xui-divider";
-import { jsx as jsx382, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx383, jsxs as jsxs5 } from "react/jsx-runtime";
 var ContextMenuSearch = forwardRef7(
   ({
     value,
@@ -1474,15 +1475,15 @@ var ContextMenuSearch = forwardRef7(
         "data-testid": testId,
         children: [
           /* @__PURE__ */ jsxs5(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
-            /* @__PURE__ */ jsx382(
+            /* @__PURE__ */ jsx383(
               Icon,
               {
                 size: sizeStyles.searchIconSize,
                 color: inputColors.placeholder,
-                children: /* @__PURE__ */ jsx382(Search, {})
+                children: /* @__PURE__ */ jsx383(Search, {})
               }
             ),
-            /* @__PURE__ */ jsx382(Box, { flex: 1, children: /* @__PURE__ */ jsx382(
+            /* @__PURE__ */ jsx383(Box, { flex: 1, children: /* @__PURE__ */ jsx383(
               InputPrimitive,
               {
                 ref: inputRef,
@@ -1501,7 +1502,7 @@ var ContextMenuSearch = forwardRef7(
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx382(Divider, {})
+          /* @__PURE__ */ jsx383(Divider, {})
         ]
       }
     );
@@ -1510,7 +1511,7 @@ var ContextMenuSearch = forwardRef7(
 ContextMenuSearch.displayName = "ContextMenuSearch";
 
 // src/ContextMenu.tsx
-import { jsx as jsx383, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx384, jsxs as jsxs6 } from "react/jsx-runtime";
 var ContextMenuRoot = forwardRef8(
   ({
     children,
@@ -1689,7 +1690,7 @@ var ContextMenuRoot = forwardRef8(
           "data-testid": `context-menu-item-${item.id || index}`
         };
         if (item.variant === "checkbox") {
-          return /* @__PURE__ */ jsx383(
+          return /* @__PURE__ */ jsx384(
             ContextMenuCheckboxItem,
             {
               ...commonProps,
@@ -1702,7 +1703,7 @@ var ContextMenuRoot = forwardRef8(
           );
         }
         if (item.variant === "radio") {
-          return /* @__PURE__ */ jsx383(
+          return /* @__PURE__ */ jsx384(
             ContextMenuRadioItem,
             {
               ...commonProps,
@@ -1713,7 +1714,7 @@ var ContextMenuRoot = forwardRef8(
             itemKey
           );
         }
-        return /* @__PURE__ */ jsx383(
+        return /* @__PURE__ */ jsx384(
           ContextMenuItem,
           {
             ...commonProps,
@@ -1732,8 +1733,8 @@ var ContextMenuRoot = forwardRef8(
     };
     const renderGroups = (groupsData) => {
       return groupsData.map((group, groupIndex) => /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
-        groupIndex > 0 && /* @__PURE__ */ jsx383(ContextMenuSeparator, {}),
-        /* @__PURE__ */ jsx383(
+        groupIndex > 0 && /* @__PURE__ */ jsx384(ContextMenuSeparator, {}),
+        /* @__PURE__ */ jsx384(
           ContextMenuGroup,
           {
             label: group.label,
@@ -1747,14 +1748,14 @@ var ContextMenuRoot = forwardRef8(
     const renderContent = () => {
       if (isLoading) {
         const brandColor = theme.colors.control.brand.primary.bg;
-        return /* @__PURE__ */ jsx383(
+        return /* @__PURE__ */ jsx384(
           Box,
           {
             padding: 16,
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ jsx383(Spinner, { size: "md", color: brandColor })
+            children: /* @__PURE__ */ jsx384(Spinner, { size: "md", color: brandColor })
           }
         );
       }
@@ -1769,7 +1770,7 @@ var ContextMenuRoot = forwardRef8(
       }
       return null;
     };
-    return /* @__PURE__ */ jsx383(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsx384(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
       "div",
       {
         ref: containerRef,
@@ -1780,7 +1781,7 @@ var ContextMenuRoot = forwardRef8(
         },
         "data-testid": testId,
         children: [
-          trigger && /* @__PURE__ */ jsx383(
+          trigger && /* @__PURE__ */ jsx384(
             "div",
             {
               onClick: toggleMenu,
@@ -1789,7 +1790,7 @@ var ContextMenuRoot = forwardRef8(
               children: trigger
             }
           ),
-          isOpen && /* @__PURE__ */ jsx383(
+          isOpen && /* @__PURE__ */ jsx384(
             Box,
             {
               ref: (node) => {