@korsolutions/ui 0.0.58 → 0.0.60

package/dist/module/components/icon/icon.js

@@ -3,10 +3,10 @@
 import React from "react";
 import { IconVariants } from "./variants/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function Icon({
+export const Icon = ({
   render: Component,
   ...props
-}) {
+}) => {
   const variantProps = IconVariants[props.variant ?? "default"]();
   const composedProps = {
     ...variantProps,
@@ -17,5 +17,5 @@ export function Icon({
   return /*#__PURE__*/_jsx(Component, {
     ...composedProps
   });
-}
+};
 //# sourceMappingURL=icon.js.map

package/dist/module/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconVariants","jsx","_jsx","Icon","render","Component","props","variantProps","variant","composedProps","style","absoluteStrokeWidth"],"sourceRoot":"../../../../src","sources":["components/icon/icon.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1C,OAAO,SAASC,IAAIA,CAAC;EAAEC,MAAM,EAAEC,SAAS;EAAE,GAAGC;AAA0C,CAAC,EAAE;EACxF,MAAMC,YAAY,GAAGP,YAAY,CAACM,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAC/D,MAAMC,aAAuB,GAAG;IAC9B,GAAGF,YAAY;IACf,GAAGD,KAAK;IACRI,KAAK,EAAE,CAACH,YAAY,CAACG,KAAK,EAAEJ,KAAK,CAACI,KAAK,CAAC;IACxCC,mBAAmB,EAAEL,KAAK,CAACK,mBAAmB,IAAI;EACpD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAAA,GAAKI;EAAa,CAAG,CAAC;AACzC","ignoreList":[]}
+{"version":3,"names":["React","IconVariants","jsx","_jsx","Icon","render","Component","props","variantProps","variant","composedProps","style","absoluteStrokeWidth"],"sourceRoot":"../../../../src","sources":["components/icon/icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1C,OAAO,MAAMC,IAAkD,GAAGA,CAAC;EACjEC,MAAM,EAAEC,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGP,YAAY,CAACM,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAC/D,MAAMC,aAAuB,GAAG;IAC9B,GAAGF,YAAY;IACf,GAAGD,KAAK;IACRI,KAAK,EAAE,CAACH,YAAY,CAACG,KAAK,EAAEJ,KAAK,CAACI,KAAK,CAAC;IACxCC,mBAAmB,EAAEL,KAAK,CAACK,mBAAmB,IAAI;EACpD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAAA,GAAKI;EAAa,CAAG,CAAC;AACzC,CAAC","ignoreList":[]}

package/dist/module/components/menu/components/menu-checkbox-item.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import React, { useState } from "react";
+import { Pressable } from "react-native";
+import { useMenu } from "../context.js";
+import { useOrganizedChildren } from "../use-organized-children.js";
+import { MenuSelectionIndicator } from "./menu-selection-indicator.js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const calculateState = (isHovered, disabled) => {
+  if (disabled) return "disabled";
+  if (isHovered) return "hovered";
+  return "default";
+};
+export function MenuCheckboxItem(props) {
+  const menu = useMenu();
+  const [isHovered, setIsHovered] = useState(false);
+  const state = calculateState(isHovered, props.disabled);
+  const composedStyle = [menu.styles?.checkboxItem?.default, menu.styles?.checkboxItem?.[state], props.style];
+  const handlePress = () => {
+    if (props.disabled) return;
+    props.onCheckedChange(!props.checked);
+    if (props.closeOnPress) {
+      menu.setIsOpen(false);
+    }
+  };
+  const organizedChildren = useOrganizedChildren(props.children);
+  if (props.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.render({
+        ...props,
+        children: organizedChildren
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: handlePress,
+    onPointerEnter: () => setIsHovered(true),
+    onPointerLeave: () => setIsHovered(false),
+    disabled: props.disabled,
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: props.checked,
+      disabled: props.disabled
+    },
+    style: composedStyle,
+    children: [organizedChildren, /*#__PURE__*/_jsx(MenuSelectionIndicator, {
+      isSelected: props.checked
+    })]
+  });
+}
+//# sourceMappingURL=menu-checkbox-item.js.map

package/dist/module/components/menu/components/menu-checkbox-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","useMenu","useOrganizedChildren","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","disabled","MenuCheckboxItem","props","menu","setIsHovered","state","composedStyle","styles","checkboxItem","default","style","handlePress","onCheckedChange","checked","closeOnPress","setIsOpen","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","isSelected"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-checkbox-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,oBAAoB,QAAQ,8BAA2B;AAChE,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYpE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,QAAkB,KACQ;EAC1B,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAM,CAACU,SAAS,EAAEK,YAAY,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMkB,KAAK,GAAGP,cAAc,CAACC,SAAS,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEvD,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,YAAY,EAAEC,OAAO,EAClCN,IAAI,CAACI,MAAM,EAAEC,YAAY,GAAGH,KAAK,CAAC,EAClCH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIT,KAAK,CAACF,QAAQ,EAAE;IACpBE,KAAK,CAACU,eAAe,CAAC,CAACV,KAAK,CAACW,OAAO,CAAC;IACrC,IAAIX,KAAK,CAACY,YAAY,EAAE;MACtBX,IAAI,CAACY,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG1B,oBAAoB,CAACY,KAAK,CAACe,QAAQ,CAAC;EAE9D,IAAIf,KAAK,CAACgB,MAAM,EAAE;IAChB,oBACEvB,IAAA,CAAAF,SAAA;MAAAwB,QAAA,EACGf,KAAK,CAACgB,MAAM,CAAC;QACZ,GAAGhB,KAAK;QACRe,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEnB,KAAA,CAACT,SAAS;IACR+B,OAAO,EAAER,WAAY;IACrBS,cAAc,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACzCiB,cAAc,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IAC1CJ,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzBsB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV,OAAO,EAAEX,KAAK,CAACW,OAAO;MAAEb,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACzEU,KAAK,EAAEJ,aAAc;IAAAW,QAAA,GAEpBD,iBAAiB,eAClBrB,IAAA,CAACJ,sBAAsB;MAACiC,UAAU,EAAEtB,KAAK,CAACW;IAAQ,CAAE,CAAC;EAAA,CAC5C,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-content.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { useRelativePosition } from "../../../hooks/use-relative-position.js";
 import React from "react";
 import { View } from "react-native";
+import { useRelativePosition } from "../../../hooks/use-relative-position.js";
 import { useMenu } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuContent(props) {
@@ -13,7 +13,7 @@ export function MenuContent(props) {
     contentLayout: menu.contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 0
+    sideOffset: 2
   });
   const composedStyle = [positionStyle, menu.styles?.content, props.style];
   const Component = props.render ?? View;

package/dist/module/components/menu/components/menu-content.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRelativePosition","React","View","useMenu","jsx","_jsx","MenuContent","props","menu","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,yCAAsC;AAC1E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGT,mBAAmB,CAAC;IACxCU,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEH,IAAI,CAACG,eAAe;IACrCC,aAAa,EAAEJ,IAAI,CAACI,aAAa;IACjCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,CAACP,aAAa,EAAED,IAAI,CAACS,MAAM,EAAEC,OAAO,EAAEX,KAAK,CAACY,KAAK,CAAC;EAExE,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAInB,IAAI;EACtC,oBACEG,IAAA,CAACe,SAAS;IAAA,GACJb,KAAK;IACTe,QAAQ,EAAGC,CAAC,IAAK;MACff,IAAI,CAACgB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC7C,CAAE;IACFP,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","View","useRelativePosition","useMenu","jsx","_jsx","MenuContent","props","menu","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,mBAAmB,CAAC;IACxCQ,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEH,IAAI,CAACG,eAAe;IACrCC,aAAa,EAAEJ,IAAI,CAACI,aAAa;IACjCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,CAACP,aAAa,EAAED,IAAI,CAACS,MAAM,EAAEC,OAAO,EAAEX,KAAK,CAACY,KAAK,CAAC;EAExE,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAIpB,IAAI;EAEtC,oBACEI,IAAA,CAACe,SAAS;IAAA,GACJb,KAAK;IACTe,QAAQ,EAAGC,CAAC,IAAK;MACff,IAAI,CAACgB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC7C,CAAE;IACFP,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/menu/components/menu-group.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuGroup(props) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.group, props.style];
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    role: "group",
+    style: composedStyle,
+    children: props.children
+  });
+}
+//# sourceMappingURL=menu-group.js.map

package/dist/module/components/menu/components/menu-group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuGroup","props","menu","composedStyle","styles","group","style","Component","render","role","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,OAAO;IACZH,KAAK,EAAEH,aAAc;IAAAO,QAAA,EAEpBT,KAAK,CAACS;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-item.js

@@ -1,9 +1,10 @@
 "use strict";
 
 import React, { useState } from "react";
-import { Text } from "react-native";
+import { Pressable } from "react-native";
 import { useMenu } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useOrganizedChildren } from "../use-organized-children.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const calculateState = isHovered => {
   if (isHovered) {
     return "hovered";
@@ -19,14 +20,21 @@ export function MenuItem(props) {
     props.onPress?.();
     menu.setIsOpen(prev => !prev);
   };
-  const Component = props.render ?? Text;
-  return /*#__PURE__*/_jsx(Component, {
-    ...props,
+  const organizedChildren = useOrganizedChildren(props.children);
+  if (props.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.render({
+        ...props,
+        children: organizedChildren
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
     onPress: handlePress,
     onPointerEnter: () => setIsHovered(true),
     onPointerLeave: () => setIsHovered(false),
     style: composedStyle,
-    children: props.children
+    children: organizedChildren
   });
 }
 //# sourceMappingURL=menu-item.js.map

package/dist/module/components/menu/components/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Text","useMenu","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","setIsOpen","prev","Component","render","onPointerEnter","onPointerLeave","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWrC,MAAMC,cAAc,GAAIC,SAAkB,IAAsB;EAC9D,IAAIA,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,IAAI,GAAGP,OAAO,CAAC,CAAC;EACtB,MAAM,CAACI,SAAS,EAAEI,YAAY,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMW,KAAK,GAAGN,cAAc,CAACC,SAAS,CAAC;EACvC,MAAMM,aAAa,GAAG,CAACH,IAAI,CAACI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEN,IAAI,CAACI,MAAM,EAAEC,IAAI,GAAGH,KAAK,CAAC,EAAEH,KAAK,CAACQ,KAAK,CAAC;EAE3F,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBT,KAAK,CAACU,OAAO,GAAG,CAAC;IACjBT,IAAI,CAACU,SAAS,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,CAAC;EAED,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAIrB,IAAI;EACtC,oBACEG,IAAA,CAACiB,SAAS;IAAA,GACJb,KAAK;IACTU,OAAO,EAAED,WAAY;IACrBM,cAAc,EAAEA,CAAA,KAAMb,YAAY,CAAC,IAAI,CAAE;IACzCc,cAAc,EAAEA,CAAA,KAAMd,YAAY,CAAC,KAAK,CAAE;IAC1CM,KAAK,EAAEJ,aAAc;IAAAa,QAAA,EAEpBjB,KAAK,CAACiB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","useState","Pressable","useMenu","useOrganizedChildren","Fragment","_Fragment","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","setIsOpen","prev","organizedChildren","children","render","onPointerEnter","onPointerLeave"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAUjE,MAAMC,cAAc,GAAIC,SAAkB,IAAsB;EAC9D,IAAIA,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,IAAI,GAAGV,OAAO,CAAC,CAAC;EACtB,MAAM,CAACO,SAAS,EAAEI,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,KAAK,GAAGN,cAAc,CAACC,SAAS,CAAC;EACvC,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAC1BN,IAAI,CAACI,MAAM,EAAEC,IAAI,GAAGH,KAAK,CAAC,EAC1BH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBT,KAAK,CAACU,OAAO,GAAG,CAAC;IACjBT,IAAI,CAACU,SAAS,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,CAAC;EAED,MAAMC,iBAAiB,GAAGrB,oBAAoB,CAACQ,KAAK,CAACc,QAAQ,CAAC;EAE9D,IAAId,KAAK,CAACe,MAAM,EAAE;IAChB,oBACEnB,IAAA,CAAAF,SAAA;MAAAoB,QAAA,EACGd,KAAK,CAACe,MAAM,CAAC;QACZ,GAAGf,KAAK;QACRc,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEjB,IAAA,CAACN,SAAS;IACRoB,OAAO,EAAED,WAAY;IACrBO,cAAc,EAAEA,CAAA,KAAMd,YAAY,CAAC,IAAI,CAAE;IACzCe,cAAc,EAAEA,CAAA,KAAMf,YAAY,CAAC,KAAK,CAAE;IAC1CM,KAAK,EAAEJ,aAAc;IAAAU,QAAA,EAEpBD;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-label.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuLabel(props) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.label, props.style];
+  const Component = props.render ?? Text;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    style: composedStyle,
+    children: props.children
+  });
+}
+//# sourceMappingURL=menu-label.js.map

package/dist/module/components/menu/components/menu-label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useMenu","jsx","_jsx","MenuLabel","props","menu","composedStyle","styles","label","style","Component","render","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-label.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH,aAAc;IAAAM,QAAA,EACxCR,KAAK,CAACQ;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-overlay.js

@@ -6,7 +6,7 @@ import { useMenu } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function MenuOverlay(props) {
   const menu = useMenu();
-  const composedStyle = [StyleSheet.absoluteFill, menu.styles?.overlay, props.style];
+  const composedStyle = StyleSheet.flatten([StyleSheet.absoluteFill, menu.styles?.overlay, props.style]);
   const Component = props.render ?? Pressable;
   return /*#__PURE__*/_jsx(Component, {
     onPress: () => {

package/dist/module/components/menu/components/menu-overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","useMenu","jsx","_jsx","MenuOverlay","props","menu","composedStyle","absoluteFill","styles","overlay","style","Component","render","onPress","setIsOpen","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAG,CAACP,UAAU,CAACQ,YAAY,EAAEF,IAAI,CAACG,MAAM,EAAEC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;EAElF,MAAMC,SAAS,GAAGP,KAAK,CAACQ,MAAM,IAAId,SAAS;EAC3C,oBACEI,IAAA,CAACS,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbR,IAAI,CAACS,SAAS,CAAC,KAAK,CAAC;IACvB,CAAE;IACFJ,KAAK,EAAEJ,aAAc;IAAAS,QAAA,EAEpBX,KAAK,CAACW;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","useMenu","jsx","_jsx","MenuOverlay","props","menu","composedStyle","flatten","absoluteFill","styles","overlay","style","Component","render","onPress","setIsOpen","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAETC,UAAU,QAEL,cAAc;AACrB,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACvCR,UAAU,CAACS,YAAY,EACvBH,IAAI,CAACI,MAAM,EAAEC,OAAO,EACpBN,KAAK,CAACO,KAAK,CACZ,CAAC;EAEF,MAAMC,SAAS,GAAGR,KAAK,CAACS,MAAM,IAAIf,SAAS;EAC3C,oBACEI,IAAA,CAACU,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbT,IAAI,CAACU,SAAS,CAAC,KAAK,CAAC;IACvB,CAAE;IACFJ,KAAK,EAAEL,aAAc;IAAAU,QAAA,EAEpBZ,KAAK,CAACY;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-radio-group.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import React, { useMemo } from "react";
+import { View } from "react-native";
+import { MenuRadioGroupContext, useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuRadioGroup(props) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.radioGroup, props.style];
+  const contextValue = useMemo(() => ({
+    value: props.value,
+    onValueChange: props.onValueChange
+  }), [props.value, props.onValueChange]);
+  return /*#__PURE__*/_jsx(MenuRadioGroupContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      accessibilityRole: "radiogroup",
+      role: "radiogroup",
+      style: composedStyle,
+      children: props.children
+    })
+  });
+}
+//# sourceMappingURL=menu-radio-group.js.map

package/dist/module/components/menu/components/menu-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","MenuRadioGroupContext","useMenu","jsx","_jsx","MenuRadioGroup","props","menu","composedStyle","styles","radioGroup","style","contextValue","value","onValueChange","Provider","children","accessibilityRole","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-radio-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,qBAAqB,EAAEC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5D,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,UAAU,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE5D,MAAMC,YAAY,GAAGb,OAAO,CAC1B,OAAO;IACLc,KAAK,EAAEP,KAAK,CAACO,KAAK;IAClBC,aAAa,EAAER,KAAK,CAACQ;EACvB,CAAC,CAAC,EACF,CAACR,KAAK,CAACO,KAAK,EAAEP,KAAK,CAACQ,aAAa,CACnC,CAAC;EAED,oBACEV,IAAA,CAACH,qBAAqB,CAACc,QAAQ;IAACF,KAAK,EAAED,YAAa;IAAAI,QAAA,eAClDZ,IAAA,CAACJ,IAAI;MACHiB,iBAAiB,EAAC,YAAY;MAC9BC,IAAI,EAAC,YAAY;MACjBP,KAAK,EAAEH,aAAc;MAAAQ,QAAA,EAEpBV,KAAK,CAACU;IAAQ,CACX;EAAC,CACuB,CAAC;AAErC","ignoreList":[]}

package/dist/module/components/menu/components/menu-radio-item.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import React, { useState } from "react";
+import { Pressable } from "react-native";
+import { useMenu, useMenuRadioGroup } from "../context.js";
+import { useOrganizedChildren } from "../use-organized-children.js";
+import { MenuSelectionIndicator } from "./menu-selection-indicator.js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const calculateState = (isHovered, isSelected, disabled) => {
+  if (disabled) return "disabled";
+  if (isSelected) return "selected";
+  if (isHovered) return "hovered";
+  return "default";
+};
+export function MenuRadioItem(props) {
+  const menu = useMenu();
+  const radioGroup = useMenuRadioGroup();
+  const [isHovered, setIsHovered] = useState(false);
+  const isSelected = radioGroup.value === props.value;
+  const state = calculateState(isHovered, isSelected, props.disabled);
+  const composedStyle = [menu.styles?.radioItem?.default, menu.styles?.radioItem?.[state], props.style];
+  const handlePress = () => {
+    if (props.disabled) return;
+    radioGroup.onValueChange(props.value);
+    if (props.closeOnPress) {
+      menu.setIsOpen(false);
+    }
+  };
+  const organizedChildren = useOrganizedChildren(props.children);
+  if (props.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.render({
+        ...props,
+        children: organizedChildren
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: handlePress,
+    onPointerEnter: () => setIsHovered(true),
+    onPointerLeave: () => setIsHovered(false),
+    disabled: props.disabled,
+    accessibilityRole: "radio",
+    accessibilityState: {
+      checked: isSelected,
+      disabled: props.disabled
+    },
+    style: composedStyle,
+    children: [organizedChildren, /*#__PURE__*/_jsx(MenuSelectionIndicator, {
+      isSelected: isSelected
+    })]
+  });
+}
+//# sourceMappingURL=menu-radio-item.js.map

package/dist/module/components/menu/components/menu-radio-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","useMenu","useMenuRadioGroup","useOrganizedChildren","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","handlePress","onValueChange","closeOnPress","setIsOpen","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","checked"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-radio-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,eAAY;AAEvD,SAASC,oBAAoB,QAAQ,8BAA2B;AAChE,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,UAAmB,EACnBC,QAAkB,KACK;EACvB,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGhB,OAAO,CAAC,CAAC;EACtB,MAAMiB,UAAU,GAAGhB,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACU,SAAS,EAAEO,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,UAAU,GAAGK,UAAU,CAACE,KAAK,KAAKJ,KAAK,CAACI,KAAK;EACnD,MAAMC,KAAK,GAAGV,cAAc,CAACC,SAAS,EAAEC,UAAU,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEnE,MAAMQ,aAAa,GAAG,CACpBL,IAAI,CAACM,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAC/BR,IAAI,CAACM,MAAM,EAAEC,SAAS,GAAGH,KAAK,CAAC,EAC/BL,KAAK,CAACU,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIX,KAAK,CAACF,QAAQ,EAAE;IACpBI,UAAU,CAACU,aAAa,CAACZ,KAAK,CAACI,KAAK,CAAC;IACrC,IAAIJ,KAAK,CAACa,YAAY,EAAE;MACtBZ,IAAI,CAACa,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG5B,oBAAoB,CAACa,KAAK,CAACgB,QAAQ,CAAC;EAE9D,IAAIhB,KAAK,CAACiB,MAAM,EAAE;IAChB,oBACEzB,IAAA,CAAAF,SAAA;MAAA0B,QAAA,EACGhB,KAAK,CAACiB,MAAM,CAAC;QACZ,GAAGjB,KAAK;QACRgB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACErB,KAAA,CAACV,SAAS;IACRkC,OAAO,EAAEP,WAAY;IACrBQ,cAAc,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACzCiB,cAAc,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IAC1CL,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzBuB,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAE1B,UAAU;MAAEC,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACtEY,KAAK,EAAEJ,aAAc;IAAAU,QAAA,GAEpBD,iBAAiB,eAClBvB,IAAA,CAACJ,sBAAsB;MAACS,UAAU,EAAEA;IAAW,CAAE,CAAC;EAAA,CACzC,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/components/menu-selection-indicator.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React from "react";
+import { Text, View } from "react-native";
+import { useComponentsConfig } from "../../../themes/index.js";
+import { useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuSelectionIndicator({
+  isSelected
+}) {
+  const config = useComponentsConfig();
+  const menu = useMenu();
+  const SelectionIcon = config?.menu?.selectionIcon;
+  if (!isSelected) {
+    return /*#__PURE__*/_jsx(View, {
+      style: menu.styles?.selectionIndicator
+    });
+  }
+  if (SelectionIcon) {
+    return /*#__PURE__*/_jsx(SelectionIcon, {
+      ...menu.styles?.selectionIndicator
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    style: menu.styles?.selectionIndicator,
+    children: "\u2713"
+  });
+}
+//# sourceMappingURL=menu-selection-indicator.js.map

package/dist/module/components/menu/components/menu-selection-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","useComponentsConfig","useMenu","jsx","_jsx","MenuSelectionIndicator","isSelected","config","menu","SelectionIcon","selectionIcon","style","styles","selectionIndicator","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-selection-indicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,mBAAmB,QAAQ,0BAAiB;AACrD,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrC,OAAO,SAASC,sBAAsBA,CAAC;EACrCC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,MAAM,GAAGN,mBAAmB,CAAC,CAAC;EACpC,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EACtB,MAAMO,aAAa,GAAGF,MAAM,EAAEC,IAAI,EAAEE,aAAa;EAEjD,IAAI,CAACJ,UAAU,EAAE;IACf,oBAAOF,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEH,IAAI,CAACI,MAAM,EAAEC;IAAmB,CAAE,CAAC;EACzD;EAEA,IAAIJ,aAAa,EAAE;IACjB,oBAAOL,IAAA,CAACK,aAAa;MAAA,GAAKD,IAAI,CAACI,MAAM,EAAEC;IAAkB,CAAG,CAAC;EAC/D;EAEA,oBAAOT,IAAA,CAACL,IAAI;IAACY,KAAK,EAAEH,IAAI,CAACI,MAAM,EAAEC,kBAAmB;IAAAC,QAAA,EAAC;EAAC,CAAM,CAAC;AAC/D","ignoreList":[]}

package/dist/module/components/menu/components/menu-separator.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuSeparator(props) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.separator, props.style];
+  const Component = props.render ?? View;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    role: "separator",
+    style: composedStyle
+  });
+}
+//# sourceMappingURL=menu-separator.js.map

package/dist/module/components/menu/components/menu-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuSeparator","props","menu","composedStyle","styles","separator","style","Component","render","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-separator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE3D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,WAAW;IAChBH,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}

package/dist/module/components/menu/components/menu-shortcut.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import React from "react";
+import { Text } from "react-native";
+import { useMenu } from "../context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuShortcut(props) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.shortcut, props.style];
+  const Component = props.render ?? Text;
+  return /*#__PURE__*/_jsx(Component, {
+    ...props,
+    style: composedStyle,
+    children: props.children
+  });
+}
+//# sourceMappingURL=menu-shortcut.js.map

package/dist/module/components/menu/components/menu-shortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useMenu","jsx","_jsx","MenuShortcut","props","menu","composedStyle","styles","shortcut","style","Component","render","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-shortcut.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,QAAQ,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH,aAAc;IAAAM,QAAA,EACxCR,KAAK,CAACQ;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

package/dist/module/components/menu/context.js

@@ -9,4 +9,12 @@ export const useMenu = () => {
   }
   return context;
 };
+export const MenuRadioGroupContext = /*#__PURE__*/createContext(undefined);
+export const useMenuRadioGroup = () => {
+  const context = useContext(MenuRadioGroupContext);
+  if (!context) {
+    throw new Error("useMenuRadioGroup must be used within a Menu.RadioGroup");
+  }
+  return context;
+};
 //# sourceMappingURL=context.js.map

package/dist/module/components/menu/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","MenuContext","undefined","useMenu","context","Error"],"sourceRoot":"../../../../src","sources":["components/menu/context.ts"],"mappings":";;AACA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAehE,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAA0BG,SAAS,CAAC;AAE5E,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,WAAW,CAAC;EACvC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","MenuContext","undefined","useMenu","context","Error","MenuRadioGroupContext","useMenuRadioGroup"],"sourceRoot":"../../../../src","sources":["components/menu/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAgBhE,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAA0BG,SAAS,CAAC;AAE5E,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,WAAW,CAAC;EACvC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EACA,OAAOD,OAAO;AAChB,CAAC;AAOD,OAAO,MAAME,qBAAqB,gBAAGP,aAAa,CAEhDG,SAAS,CAAC;AAEZ,OAAO,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMH,OAAO,GAAGJ,UAAU,CAACM,qBAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

package/dist/module/components/menu/index.js

@@ -1,10 +1,17 @@
 "use strict";
 
+import { MenuCheckboxItem } from "./components/menu-checkbox-item.js";
 import { MenuContent } from "./components/menu-content.js";
+import { MenuGroup } from "./components/menu-group.js";
 import { MenuItem } from "./components/menu-item.js";
+import { MenuLabel } from "./components/menu-label.js";
 import { MenuOverlay } from "./components/menu-overlay.js";
 import { MenuPortal } from "./components/menu-portal.js";
+import { MenuRadioGroup } from "./components/menu-radio-group.js";
+import { MenuRadioItem } from "./components/menu-radio-item.js";
 import { MenuRoot } from "./components/menu-root.js";
+import { MenuSeparator } from "./components/menu-separator.js";
+import { MenuShortcut } from "./components/menu-shortcut.js";
 import { MenuTrigger } from "./components/menu-trigger.js";
 export const Menu = {
   Root: MenuRoot,
@@ -12,6 +19,13 @@ export const Menu = {
   Portal: MenuPortal,
   Overlay: MenuOverlay,
   Content: MenuContent,
-  Item: MenuItem
+  Item: MenuItem,
+  Group: MenuGroup,
+  Label: MenuLabel,
+  Separator: MenuSeparator,
+  CheckboxItem: MenuCheckboxItem,
+  RadioGroup: MenuRadioGroup,
+  RadioItem: MenuRadioItem,
+  Shortcut: MenuShortcut
 };
 //# sourceMappingURL=index.js.map

package/dist/module/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuContent","MenuItem","MenuOverlay","MenuPortal","MenuRoot","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,8BAA2B;AACvD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEH,QAAQ;EACdI,OAAO,EAAEH,WAAW;EACpBI,MAAM,EAAEN,UAAU;EAClBO,OAAO,EAAER,WAAW;EACpBS,OAAO,EAAEX,WAAW;EACpBY,IAAI,EAAEX;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["MenuCheckboxItem","MenuContent","MenuGroup","MenuItem","MenuLabel","MenuOverlay","MenuPortal","MenuRadioGroup","MenuRadioItem","MenuRoot","MenuSeparator","MenuShortcut","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item","Group","Label","Separator","CheckboxItem","RadioGroup","RadioItem","Shortcut"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEL,QAAQ;EACdM,OAAO,EAAEH,WAAW;EACpBI,MAAM,EAAEV,UAAU;EAClBW,OAAO,EAAEZ,WAAW;EACpBa,OAAO,EAAEjB,WAAW;EACpBkB,IAAI,EAAEhB,QAAQ;EACdiB,KAAK,EAAElB,SAAS;EAChBmB,KAAK,EAAEjB,SAAS;EAChBkB,SAAS,EAAEZ,aAAa;EACxBa,YAAY,EAAEvB,gBAAgB;EAC9BwB,UAAU,EAAEjB,cAAc;EAC1BkB,SAAS,EAAEjB,aAAa;EACxBkB,QAAQ,EAAEf;AACZ,CAAC","ignoreList":[]}

package/dist/module/components/menu/use-organized-children.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import React, { useMemo } from "react";
+import { Text } from "react-native";
+import { getElementProp } from "../../utils/element-utils.js";
+import { Icon } from "../icon/index.js";
+import { useMenu } from "./context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function useOrganizedChildren(children) {
+  const menu = useMenu();
+  const organizedChildren = useMemo(() => {
+    if (typeof children === "string") {
+      return /*#__PURE__*/_jsx(Text, {
+        style: menu.styles?.itemText,
+        children: children
+      });
+    }
+    if (Array.isArray(children)) {
+      return children.map((child, index) => {
+        if (typeof child === "string") {
+          return /*#__PURE__*/_jsx(Text, {
+            style: menu.styles?.itemText,
+            children: child
+          }, index);
+        } else if (/*#__PURE__*/React.isValidElement(child) && child.type === Icon) {
+          return /*#__PURE__*/React.cloneElement(child, {
+            key: child.key,
+            ...menu.styles?.itemIcon,
+            style: [menu.styles?.itemIcon?.style, getElementProp(child, "style")]
+          });
+        }
+        return child;
+      });
+    }
+    return children;
+  }, [children, menu.styles?.itemIcon]);
+  return organizedChildren;
+}
+//# sourceMappingURL=use-organized-children.js.map

package/dist/module/components/menu/use-organized-children.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Text","getElementProp","Icon","useMenu","jsx","_jsx","useOrganizedChildren","children","menu","organizedChildren","style","styles","itemText","Array","isArray","map","child","index","isValidElement","type","cloneElement","key","itemIcon"],"sourceRoot":"../../../../src","sources":["components/menu/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,8BAA2B;AAC1D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,SAASC,oBAAoBA,CAACC,QAAyB,EAAE;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOQ,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACL,IAAI;QAACU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;QAAAL,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAC9D;IACA,IAAIM,KAAK,CAACC,OAAO,CAACP,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEX,IAAA,CAACL,IAAI;YAAaU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;YAAAL,QAAA,EAC5CS;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAnB,KAAK,CAACoB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKjB,IAAI,EAAE;UAC7D,oBAAOJ,KAAK,CAACsB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGb,IAAI,CAACG,MAAM,EAAEW,QAAQ;YACxBZ,KAAK,EAAE,CACLF,IAAI,CAACG,MAAM,EAAEW,QAAQ,EAAEZ,KAAK,EAC5BT,cAAc,CAACe,KAAK,EAAE,OAAO,CAAC;UAElC,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOT,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEC,IAAI,CAACG,MAAM,EAAEW,QAAQ,CAAC,CAAC;EACrC,OAAOb,iBAAiB;AAC1B","ignoreList":[]}

package/dist/module/components/menu/variants/default.js

@@ -8,9 +8,7 @@ export const useMenuVariantDefault = () => {
     fontFamily,
     fontSize
   }) => ({
-    overlay: {
-      backgroundColor: "rgba(0, 0, 0, 0.5)"
-    },
+    overlay: {},
     content: {
       overflow: "hidden",
       backgroundColor: colors.surface,
@@ -28,15 +26,84 @@ export const useMenuVariantDefault = () => {
     },
     item: {
       default: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        gap: 8
+      },
+      hovered: {
+        backgroundColor: colors.muted
+      }
+    },
+    itemText: {
+      fontFamily: fontFamily,
+      fontSize: fontSize,
+      color: colors.foreground
+    },
+    itemIcon: {
+      color: colors.foreground,
+      size: fontSize * 1.25
+    },
+    label: {
+      paddingVertical: 8,
+      paddingHorizontal: 16,
+      fontFamily: fontFamily,
+      fontSize: fontSize * 0.75,
+      fontWeight: "600",
+      color: colors.mutedForeground
+    },
+    separator: {
+      height: 1,
+      backgroundColor: colors.border,
+      marginVertical: 4,
+      marginHorizontal: 8
+    },
+    checkboxItem: {
+      default: {
+        flexDirection: "row",
+        alignItems: "center",
         paddingVertical: 12,
         paddingHorizontal: 16,
-        fontFamily: fontFamily,
-        fontSize: fontSize,
-        color: colors.foreground
+        gap: 8
       },
       hovered: {
         backgroundColor: colors.muted
+      },
+      disabled: {
+        opacity: 0.5
+      }
+    },
+    selectionIndicator: {
+      color: colors.foreground,
+      fontSize: fontSize,
+      width: fontSize,
+      size: fontSize,
+      strokeWidth: 2,
+      marginLeft: "auto",
+      style: {
+        marginLeft: "auto"
       }
+    },
+    radioItem: {
+      default: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+        gap: 8
+      },
+      hovered: {
+        backgroundColor: colors.muted
+      },
+      disabled: {
+        opacity: 0.5
+      }
+    },
+    shortcut: {
+      fontSize: fontSize * 0.75,
+      fontFamily: fontFamily,
+      color: colors.mutedForeground
     }
   }));
 };

package/dist/module/components/menu/variants/default.js.map

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","backgroundColor","content","overflow","surface","borderRadius","borderWidth","borderColor","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","item","default","paddingVertical","paddingHorizontal","color","foreground","hovered","muted"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAkB;EACrD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAkB;IACzDC,OAAO,EAAE;MACPC,eAAe,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,QAAQ;MAClBF,eAAe,EAAEL,MAAM,CAACQ,OAAO;MAC/BC,YAAY,EAAER,MAAM;MACpBS,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;MAC1BC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBrB,UAAU,EAAEA,UAAU;QACtBC,QAAQ,EAAEA,QAAQ;QAClBqB,KAAK,EAAExB,MAAM,CAACyB;MAChB,CAAC;MACDC,OAAO,EAAE;QACPrB,eAAe,EAAEL,MAAM,CAAC2B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","content","overflow","backgroundColor","surface","borderRadius","borderWidth","borderColor","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","item","default","flexDirection","alignItems","paddingVertical","paddingHorizontal","gap","hovered","muted","itemText","color","foreground","itemIcon","size","label","fontWeight","mutedForeground","separator","marginVertical","marginHorizontal","checkboxItem","disabled","opacity","selectionIndicator","strokeWidth","marginLeft","style","radioItem","shortcut"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":"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","ignoreList":[]}