@xsolla/xui-context-menu 0.106.0 → 0.108.0

package/web/index.mjs

@@ -1382,6 +1382,7 @@ import { jsx as jsx383 } from "react/jsx-runtime";
 import { jsx as jsx384 } from "react/jsx-runtime";
 import { jsx as jsx385 } from "react/jsx-runtime";
 import { jsx as jsx386 } from "react/jsx-runtime";
+import { jsx as jsx387 } from "react/jsx-runtime";
 var StyledIcon2 = styled5.div`
   display: inline-flex;
   align-items: center;
@@ -1399,15 +1400,15 @@ var BaseIcon = ({
   variant = "line",
   size = 24,
   color = "currentColor",
-  solidContent: solidContent386,
-  lineContent: lineContent386,
+  solidContent: solidContent387,
+  lineContent: lineContent387,
   className,
   style,
   "data-testid": testId,
   "aria-label": ariaLabel,
   "aria-hidden": ariaHidden
 }) => {
-  const svgContent = variant === "line" ? lineContent386 : solidContent386;
+  const svgContent = variant === "line" ? lineContent387 : solidContent387;
   const sizeValue = typeof size === "number" ? `${size}px` : size;
   return /* @__PURE__ */ jsx11(
     StyledIcon2,
@@ -1424,13 +1425,13 @@ var BaseIcon = ({
     }
   );
 };
-var solidContent372 = `<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 lineContent372 = `<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__ */ jsx373(BaseIcon, { ...props, solidContent: solidContent372, lineContent: lineContent372 });
+var solidContent373 = `<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 lineContent373 = `<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__ */ jsx374(BaseIcon, { ...props, solidContent: solidContent373, lineContent: lineContent373 });
 
 // src/ContextMenuSearch.tsx
 import { Divider } from "@xsolla/xui-divider";
-import { jsx as jsx387, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx388, jsxs as jsxs5 } from "react/jsx-runtime";
 var ContextMenuSearch = forwardRef7(
   ({
     value,
@@ -1479,15 +1480,15 @@ var ContextMenuSearch = forwardRef7(
         "data-testid": testId,
         children: [
           /* @__PURE__ */ jsxs5(Box, { flexDirection: "row", alignItems: "center", gap: 8, children: [
-            /* @__PURE__ */ jsx387(
+            /* @__PURE__ */ jsx388(
               Icon,
               {
                 size: sizeStyles.searchIconSize,
                 color: inputColors.placeholder,
-                children: /* @__PURE__ */ jsx387(Search, {})
+                children: /* @__PURE__ */ jsx388(Search, {})
               }
             ),
-            /* @__PURE__ */ jsx387(Box, { flex: 1, children: /* @__PURE__ */ jsx387(
+            /* @__PURE__ */ jsx388(Box, { flex: 1, children: /* @__PURE__ */ jsx388(
               InputPrimitive,
               {
                 ref: inputRef,
@@ -1506,7 +1507,7 @@ var ContextMenuSearch = forwardRef7(
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx387(Divider, {})
+          /* @__PURE__ */ jsx388(Divider, {})
         ]
       }
     );
@@ -1515,7 +1516,7 @@ var ContextMenuSearch = forwardRef7(
 ContextMenuSearch.displayName = "ContextMenuSearch";
 
 // src/ContextMenu.tsx
-import { jsx as jsx388, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx389, jsxs as jsxs6 } from "react/jsx-runtime";
 var ContextMenuRoot = forwardRef8(
   ({
     children,
@@ -1694,7 +1695,7 @@ var ContextMenuRoot = forwardRef8(
           "data-testid": `context-menu-item-${item.id || index}`
         };
         if (item.variant === "checkbox") {
-          return /* @__PURE__ */ jsx388(
+          return /* @__PURE__ */ jsx389(
             ContextMenuCheckboxItem,
             {
               ...commonProps,
@@ -1707,7 +1708,7 @@ var ContextMenuRoot = forwardRef8(
           );
         }
         if (item.variant === "radio") {
-          return /* @__PURE__ */ jsx388(
+          return /* @__PURE__ */ jsx389(
             ContextMenuRadioItem,
             {
               ...commonProps,
@@ -1718,7 +1719,7 @@ var ContextMenuRoot = forwardRef8(
             itemKey
           );
         }
-        return /* @__PURE__ */ jsx388(
+        return /* @__PURE__ */ jsx389(
           ContextMenuItem,
           {
             ...commonProps,
@@ -1737,8 +1738,8 @@ var ContextMenuRoot = forwardRef8(
     };
     const renderGroups = (groupsData) => {
       return groupsData.map((group, groupIndex) => /* @__PURE__ */ jsxs6(React7.Fragment, { children: [
-        groupIndex > 0 && /* @__PURE__ */ jsx388(ContextMenuSeparator, {}),
-        /* @__PURE__ */ jsx388(
+        groupIndex > 0 && /* @__PURE__ */ jsx389(ContextMenuSeparator, {}),
+        /* @__PURE__ */ jsx389(
           ContextMenuGroup,
           {
             label: group.label,
@@ -1752,14 +1753,14 @@ var ContextMenuRoot = forwardRef8(
     const renderContent = () => {
       if (isLoading) {
         const brandColor = theme.colors.control.brand.primary.bg;
-        return /* @__PURE__ */ jsx388(
+        return /* @__PURE__ */ jsx389(
           Box,
           {
             padding: 16,
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ jsx388(Spinner, { size: "md", color: brandColor })
+            children: /* @__PURE__ */ jsx389(Spinner, { size: "md", color: brandColor })
           }
         );
       }
@@ -1774,7 +1775,7 @@ var ContextMenuRoot = forwardRef8(
       }
       return null;
     };
-    return /* @__PURE__ */ jsx388(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsx389(ContextMenuContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs6(
       "div",
       {
         ref: containerRef,
@@ -1785,7 +1786,7 @@ var ContextMenuRoot = forwardRef8(
         },
         "data-testid": testId,
         children: [
-          trigger && /* @__PURE__ */ jsx388(
+          trigger && /* @__PURE__ */ jsx389(
             "div",
             {
               onClick: toggleMenu,
@@ -1794,7 +1795,7 @@ var ContextMenuRoot = forwardRef8(
               children: trigger
             }
           ),
-          isOpen && /* @__PURE__ */ jsx388(
+          isOpen && /* @__PURE__ */ jsx389(
             Box,
             {
               ref: (node) => {