@korsolutions/ui 0.0.59 → 0.0.60

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

@@ -1,9 +1,10 @@
 "use strict";
 
 import React, { useState } from "react";
-import { Pressable, Text } from "react-native";
+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";
@@ -42,9 +43,8 @@ export function MenuCheckboxItem(props) {
       disabled: props.disabled
     },
     style: composedStyle,
-    children: [organizedChildren, /*#__PURE__*/_jsx(Text, {
-      style: menu.styles?.checkboxIndicator,
-      children: props.checked ? "✓" : " "
+    children: [organizedChildren, /*#__PURE__*/_jsx(MenuSelectionIndicator, {
+      isSelected: props.checked
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","Text","useMenu","useOrganizedChildren","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","checkboxIndicator"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-checkbox-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYjE,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,GAAGb,OAAO,CAAC,CAAC;EACtB,MAAM,CAACS,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,GAAGzB,oBAAoB,CAACW,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,CAACN,IAAI;MAACqB,KAAK,EAAEP,IAAI,CAACI,MAAM,EAAEiB,iBAAkB;MAAAP,QAAA,EACzCf,KAAK,CAACW,OAAO,GAAG,GAAG,GAAG;IAAG,CACtB,CAAC;EAAA,CACE,CAAC;AAEhB","ignoreList":[]}
+{"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

@@ -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-radio-item.js

@@ -1,9 +1,10 @@
 "use strict";
 
 import React, { useState } from "react";
-import { Pressable, View } from "react-native";
+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";
@@ -18,7 +19,6 @@ export function MenuRadioItem(props) {
   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 indicatorStyle = [menu.styles?.radioIndicator?.default, isSelected ? menu.styles?.radioIndicator?.selected : undefined];
   const handlePress = () => {
     if (props.disabled) return;
     radioGroup.onValueChange(props.value);
@@ -46,8 +46,8 @@ export function MenuRadioItem(props) {
       disabled: props.disabled
     },
     style: composedStyle,
-    children: [organizedChildren, /*#__PURE__*/_jsx(View, {
-      style: indicatorStyle
+    children: [organizedChildren, /*#__PURE__*/_jsx(MenuSelectionIndicator, {
+      isSelected: isSelected
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","View","useMenu","useMenuRadioGroup","useOrganizedChildren","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","indicatorStyle","radioIndicator","selected","undefined","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,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,eAAY;AAEvD,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWjE,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,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAMgB,UAAU,GAAGf,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACS,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,cAAc,GAAG,CACrBV,IAAI,CAACM,MAAM,EAAEK,cAAc,EAAEH,OAAO,EACpCZ,UAAU,GAAGI,IAAI,CAACM,MAAM,EAAEK,cAAc,EAAEC,QAAQ,GAAGC,SAAS,CAC/D;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIf,KAAK,CAACF,QAAQ,EAAE;IACpBI,UAAU,CAACc,aAAa,CAAChB,KAAK,CAACI,KAAK,CAAC;IACrC,IAAIJ,KAAK,CAACiB,YAAY,EAAE;MACtBhB,IAAI,CAACiB,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG/B,oBAAoB,CAACY,KAAK,CAACoB,QAAQ,CAAC;EAE9D,IAAIpB,KAAK,CAACqB,MAAM,EAAE;IAChB,oBACE7B,IAAA,CAAAF,SAAA;MAAA8B,QAAA,EACGpB,KAAK,CAACqB,MAAM,CAAC;QACZ,GAAGrB,KAAK;QACRoB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEzB,KAAA,CAACV,SAAS;IACRsC,OAAO,EAAEP,WAAY;IACrBQ,cAAc,EAAEA,CAAA,KAAMpB,YAAY,CAAC,IAAI,CAAE;IACzCqB,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,KAAK,CAAE;IAC1CL,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzB2B,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAE9B,UAAU;MAAEC,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACtEY,KAAK,EAAEJ,aAAc;IAAAc,QAAA,GAEpBD,iBAAiB,eAClB3B,IAAA,CAACP,IAAI;MAACyB,KAAK,EAAEC;IAAe,CAAE,CAAC;EAAA,CACtB,CAAC;AAEhB","ignoreList":[]}
+{"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/variants/default.js

@@ -74,13 +74,16 @@ export const useMenuVariantDefault = () => {
         opacity: 0.5
       }
     },
-    checkboxIndicator: {
-      fontSize: fontSize * 0.75,
-      fontWeight: "bold",
+    selectionIndicator: {
       color: colors.foreground,
+      fontSize: fontSize,
       width: fontSize,
-      textAlign: "center",
-      marginLeft: "auto"
+      size: fontSize,
+      strokeWidth: 2,
+      marginLeft: "auto",
+      style: {
+        marginLeft: "auto"
+      }
     },
     radioItem: {
       default: {
@@ -97,18 +100,6 @@ export const useMenuVariantDefault = () => {
         opacity: 0.5
       }
     },
-    radioIndicator: {
-      default: {
-        width: 8,
-        height: 8,
-        borderRadius: 4,
-        backgroundColor: "transparent",
-        marginLeft: "auto"
-      },
-      selected: {
-        backgroundColor: colors.foreground
-      }
-    },
     shortcut: {
       fontSize: fontSize * 0.75,
       fontFamily: fontFamily,

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

@@ -1 +1 @@
-{"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","checkboxIndicator","textAlign","marginLeft","radioItem","radioIndicator","selected","shortcut"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":"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","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":[]}

package/dist/module/components/phone-input/components/country-picker.js

@@ -45,7 +45,7 @@ export function CountryPicker() {
     contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 4
+    sideOffset: 2
   });
   const countryButtonStyles = StyleSheet.flatten([styles.countryButton?.default, styles.countryButton?.[state]]);
   const countryButtonTextStyles = StyleSheet.flatten([styles.countryButtonText?.default, styles.countryButtonText?.[state]]);

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

@@ -1,22 +1,19 @@
 "use strict";
 
-import { useRelativePosition } from "../../../hooks/use-relative-position.js";
-import { useSafeAreaInsets } from "../../../safe-area/index.js";
 import React from "react";
 import { View } from "react-native";
+import { useRelativePosition } from "../../../hooks/use-relative-position.js";
 import { usePopover } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function PopoverContent(props) {
   const popover = usePopover();
-  const insets = useSafeAreaInsets();
   const positionStyle = useRelativePosition({
     align: "start",
     triggerPosition: popover.triggerPosition,
     contentLayout: popover.contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 0,
-    insets
+    sideOffset: 0
   });
   const composedStyle = [positionStyle, popover.styles?.content, props.style];
   const Component = props.render ?? View;

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

@@ -1 +1 @@
-{"version":3,"names":["useRelativePosition","useSafeAreaInsets","React","View","usePopover","jsx","_jsx","PopoverContent","props","popover","insets","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents"],"sourceRoot":"../../../../../src","sources":["components/popover/components/popover-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,iBAAiB,QAAQ,6BAAoB;AACtD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUxC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,MAAM,GAAGT,iBAAiB,CAAC,CAAC;EAElC,MAAMU,aAAa,GAAGX,mBAAmB,CAAC;IACxCY,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEJ,OAAO,CAACI,eAAe;IACxCC,aAAa,EAAEL,OAAO,CAACK,aAAa;IACpCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE,CAAC;IACbP;EACF,CAAC,CAAC;EAEF,MAAMQ,aAAa,GAAG,CAACP,aAAa,EAAEF,OAAO,CAACU,MAAM,EAAEC,OAAO,EAAEZ,KAAK,CAACa,KAAK,CAAC;EAE3E,MAAMC,SAAS,GAAGd,KAAK,CAACe,MAAM,IAAIpB,IAAI;EACtC,oBACEG,IAAA,CAACgB,SAAS;IAAA,GACJd,KAAK;IACTgB,QAAQ,EAAGC,CAAC,IAAK;MACfhB,OAAO,CAACiB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAChD,CAAE;IACFC,aAAa,EAAC,UAAU;IACxBR,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","View","useRelativePosition","usePopover","jsx","_jsx","PopoverContent","props","popover","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents"],"sourceRoot":"../../../../../src","sources":["components/popover/components/popover-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUxC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,OAAO,GAAGL,UAAU,CAAC,CAAC;EAE5B,MAAMM,aAAa,GAAGP,mBAAmB,CAAC;IACxCQ,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEH,OAAO,CAACG,eAAe;IACxCC,aAAa,EAAEJ,OAAO,CAACI,aAAa;IACpCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,CAACP,aAAa,EAAED,OAAO,CAACS,MAAM,EAAEC,OAAO,EAAEX,KAAK,CAACY,KAAK,CAAC;EAE3E,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAIpB,IAAI;EACtC,oBACEI,IAAA,CAACe,SAAS;IAAA,GACJb,KAAK;IACTe,QAAQ,EAAGC,CAAC,IAAK;MACff,OAAO,CAACgB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAChD,CAAE;IACFC,aAAa,EAAC,UAAU;IACxBR,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
 export * from "./portal";
+export * from "./portal-offset.js";
 export * from "./portal.constants.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/portal/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,uBAAoB","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/portal/index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,oBAAiB;AAC/B,cAAc,uBAAoB","ignoreList":[]}

package/dist/module/components/portal/portal-offset.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { createContext, useContext } from "react";
+// null means the offset is not measure yet but will be
+// undefined means the offset is not available and will never be (e.g. on web or ios when FullWindowOverlay is used)
+export const PortalOffsetContext = /*#__PURE__*/createContext(undefined);
+export function usePortalOffset() {
+  const value = useContext(PortalOffsetContext);
+  if (value === undefined) {
+    return {
+      value: {
+        x: 0,
+        y: 0
+      },
+      isLoaded: true
+    };
+  }
+  if (value === null) {
+    return {
+      value: {
+        x: 0,
+        y: 0
+      },
+      isLoaded: false
+    };
+  }
+  return {
+    value,
+    isLoaded: true
+  };
+}
+//# sourceMappingURL=portal-offset.js.map

package/dist/module/components/portal/portal-offset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","PortalOffsetContext","undefined","usePortalOffset","value","x","y","isLoaded"],"sourceRoot":"../../../../src","sources":["components/portal/portal-offset.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AASjD;AACA;AACA,OAAO,MAAMC,mBAAmB,gBAAGF,aAAa,CAAoBG,SAAS,CAAC;AAO9E,OAAO,SAASC,eAAeA,CAAA,EAA0B;EACvD,MAAMC,KAAK,GAAGJ,UAAU,CAACC,mBAAmB,CAAC;EAC7C,IAAIG,KAAK,KAAKF,SAAS,EAAE;IACvB,OAAO;MAAEE,KAAK,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC;MAAEC,QAAQ,EAAE;IAAK,CAAC;EAClD;EACA,IAAIH,KAAK,KAAK,IAAI,EAAE;IAClB,OAAO;MAAEA,KAAK,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC;MAAEC,QAAQ,EAAE;IAAM,CAAC;EACnD;EACA,OAAO;IAAEH,KAAK;IAAEG,QAAQ,EAAE;EAAK,CAAC;AAClC","ignoreList":[]}

package/dist/module/components/portal/portal.js

@@ -1,7 +1,8 @@
 "use strict";
 
-import { useEffect, useSyncExternalStore } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Platform, View } from "react-native";
+import { PortalOffsetContext } from "./portal-offset.js";
 import { DEFAULT_PORTAL_HOST } from "./portal.constants.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const store = {
@@ -36,29 +37,50 @@ function removePortal(hostName, name) {
   store.map = next;
   emit();
 }
+function DefaultContainer(props) {
+  const containerRef = useRef(null);
+  const [offset, setOffset] = useState(null);
+  const onLayout = useCallback(() => {
+    containerRef.current?.measureInWindow((pageX, pageY) => {
+      setOffset(prev => {
+        if (prev?.x === pageX && prev?.y === pageY) return prev;
+        return {
+          x: pageX,
+          y: pageY
+        };
+      });
+    });
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    ref: containerRef,
+    onLayout: onLayout,
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      elevation: 999,
+      zIndex: 999,
+      pointerEvents: "box-none"
+    },
+    children: /*#__PURE__*/_jsx(PortalOffsetContext.Provider, {
+      value: offset,
+      children: props.children
+    })
+  });
+}
 export function PortalHost({
   name = DEFAULT_PORTAL_HOST,
   container
 }) {
   const map = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   const portalMap = map.get(name) ?? new Map();
-  if (portalMap.size === 0) return null;
-  const Container = Platform.select({
-    default: props => /*#__PURE__*/_jsx(View, {
-      ...props,
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        elevation: 999,
-        zIndex: 999,
-        pointerEvents: "box-none"
-      }
-    }),
+  const Container = useMemo(() => Platform.select({
+    default: DefaultContainer,
     ...container
-  });
+  }), [container]);
+  if (portalMap.size === 0) return null;
   return /*#__PURE__*/_jsx(Container, {
     children: Array.from(portalMap.values())
   });

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useSyncExternalStore","Platform","View","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","PortalHost","container","portalMap","size","Container","select","default","props","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","useSyncExternalStore","Platform","View","PortalOffsetContext","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","DefaultContainer","props","containerRef","offset","setOffset","onLayout","current","measureInWindow","pageX","pageY","prev","x","y","ref","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Provider","value","PortalHost","container","portalMap","Container","select","default","size","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 "use strict";
 
-import { useRelativePosition } from "../../../hooks/use-relative-position.js";
-import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
 import React from "react";
 import { View } from "react-native";
+import { useRelativePosition } from "../../../hooks/use-relative-position.js";
+import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
 import { useSelect } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SelectContent(props) {
@@ -15,7 +15,7 @@ export function SelectContent(props) {
     contentLayout: select.contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 0
+    sideOffset: 2
   });
   const Component = props.render ?? View;
   return /*#__PURE__*/_jsx(Component, {

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

@@ -1 +1 @@
-{"version":3,"names":["useRelativePosition","calculateComposedStyles","React","View","useSelect","jsx","_jsx","SelectContent","props","select","composedStyles","styles","state","style","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","Component","render","width","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAGT,uBAAuB,CAACQ,MAAM,CAACE,MAAM,EAAEF,MAAM,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEnG,MAAMC,aAAa,GAAGd,mBAAmB,CAAC;IACxCe,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEP,MAAM,CAACO,eAAe;IACvCC,aAAa,EAAER,MAAM,CAACQ,aAAa;IACnCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAInB,IAAI;EACtC,oBACEG,IAAA,CAACe,SAAS;IACRR,KAAK,EAAE,CAACC,aAAa,EAAEJ,cAAc,EAAE;MAAEa,KAAK,EAAEd,MAAM,CAACO,eAAe,CAACO;IAAM,CAAC,CAAE;IAChFC,QAAQ,EAAGC,CAAC,IAAK;MACfhB,MAAM,CAACiB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC/C,CAAE;IACFC,aAAa,EAAC,UAAU;IAAAC,QAAA,EAEvBtB,KAAK,CAACsB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","View","useRelativePosition","calculateComposedStyles","useSelect","jsx","_jsx","SelectContent","props","select","composedStyles","styles","state","style","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","Component","render","width","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents","children"],"sourceRoot":"../../../../../src","sources":["components/select/components/select-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAGP,uBAAuB,CAC5CM,MAAM,CAACE,MAAM,EACbF,MAAM,CAACG,KAAK,EACZ,SAAS,EACTJ,KAAK,CAACK,KACR,CAAC;EAED,MAAMC,aAAa,GAAGZ,mBAAmB,CAAC;IACxCa,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEP,MAAM,CAACO,eAAe;IACvCC,aAAa,EAAER,MAAM,CAACQ,aAAa;IACnCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAIrB,IAAI;EACtC,oBACEK,IAAA,CAACe,SAAS;IACRR,KAAK,EAAE,CACLC,aAAa,EACbJ,cAAc,EACd;MAAEa,KAAK,EAAEd,MAAM,CAACO,eAAe,CAACO;IAAM,CAAC,CACvC;IACFC,QAAQ,EAAGC,CAAC,IAAK;MACfhB,MAAM,CAACiB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC/C,CAAE;IACFC,aAAa,EAAC,UAAU;IAAAC,QAAA,EAEvBtB,KAAK,CAACsB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}

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

@@ -1,5 +1,6 @@
 "use strict";
 
+import { Platform } from "react-native";
 import { useThemedStyles } from "../../../utils/use-themed-styles.js";
 export function useTextareaVariantDefault() {
   return useThemedStyles(({
@@ -19,6 +20,12 @@ export function useTextareaVariantDefault() {
         paddingVertical: 12,
         paddingHorizontal: 16,
         outlineWidth: 0,
+        ...Platform.select({
+          default: {},
+          web: {
+            outline: "none"
+          }
+        }),
         fontFamily,
         fontSize,
         minHeight: 120,

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

@@ -1 +1 @@
-{"version":3,"names":["useThemedStyles","useTextareaVariantDefault","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","outlineWidth","minHeight","textAlignVertical","color","foreground","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/textarea/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,yBAAyBA,CAAA,EAAmB;EAC1D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAE,CAAC;QACfhB,UAAU;QACVC,QAAQ;QACRgB,SAAS,EAAE,GAAG;QACdC,iBAAiB,EAAE,KAAK;QACxBC,KAAK,EAAErB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPd,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDgB,QAAQ,EAAE;MACRf,KAAK,EAAE;QACLY,KAAK,EAAErB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAACyB;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["Platform","useThemedStyles","useTextareaVariantDefault","colors","radius","fontFamily","fontSize","default","placeholderTextColor","mutedForeground","selectionColor","primary","style","borderWidth","borderColor","border","borderRadius","backgroundColor","surface","paddingVertical","paddingHorizontal","outlineWidth","select","web","outline","minHeight","textAlignVertical","color","foreground","focused","disabled","muted"],"sourceRoot":"../../../../../src","sources":["components/textarea/variants/default.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,SAASC,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,yBAAyBA,CAAA,EAAmB;EAC1D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,OAAO,EAAE;MACPC,oBAAoB,EAAEL,MAAM,CAACM,eAAe;MAC5CC,cAAc,EAAEP,MAAM,CAACQ,OAAO;MAC9BC,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEX,MAAM,CAACY,MAAM;QAC1BC,YAAY,EAAEZ,MAAM;QACpBa,eAAe,EAAEd,MAAM,CAACe,OAAO;QAC/BC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAE,CAAC;QACf,GAAGrB,QAAQ,CAACsB,MAAM,CAAC;UACjBf,OAAO,EAAE,CAAC,CAAC;UACXgB,GAAG,EAAE;YACHC,OAAO,EAAE;UACX;QACF,CAAC,CAAC;QACFnB,UAAU;QACVC,QAAQ;QACRmB,SAAS,EAAE,GAAG;QACdC,iBAAiB,EAAE,KAAK;QACxBC,KAAK,EAAExB,MAAM,CAACyB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPjB,KAAK,EAAE;QACLE,WAAW,EAAEX,MAAM,CAACQ;MACtB;IACF,CAAC;IACDmB,QAAQ,EAAE;MACRlB,KAAK,EAAE;QACLe,KAAK,EAAExB,MAAM,CAACM,eAAe;QAC7BQ,eAAe,EAAEd,MAAM,CAAC4B;MAC1B;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/hooks/use-relative-position.js

@@ -2,18 +2,22 @@
 
 import { useMemo } from "react";
 import { useWindowDimensions } from "react-native";
+import { usePortalOffset } from "../components/portal/index.js";
+import { useSafeAreaInsets } from "../safe-area/index.js";
 export function useRelativePosition({
   align,
   triggerPosition,
   contentLayout,
   alignOffset,
-  insets,
   sideOffset,
   preferredSide
 }) {
   const dimensions = useWindowDimensions();
+  const insets = useSafeAreaInsets();
+  const portalOffset = usePortalOffset();
   return useMemo(() => {
-    if (!triggerPosition || !contentLayout) {
+    const hasLayout = triggerPosition.width > 0 && triggerPosition.height > 0 && contentLayout.width > 0 && contentLayout.height > 0 && portalOffset.isLoaded;
+    if (!hasLayout) {
       return {
         position: "absolute",
         opacity: 0,
@@ -21,18 +25,29 @@ export function useRelativePosition({
         zIndex: -9999999
       };
     }
+
+    // Adjust trigger position to account for the portal container's
+    // offset from the window origin. measureInWindow returns window-relative
+    // coordinates, but the portal content is positioned relative to its
+    // container which may not be at the window origin (e.g. on Android
+    // where the status bar offsets the view hierarchy).
+    const adjustedTriggerPosition = {
+      ...triggerPosition,
+      pageX: triggerPosition.pageX - portalOffset.value.x,
+      pageY: triggerPosition.pageY - portalOffset.value.y
+    };
     const style = getContentStyle({
       align,
       contentLayout,
       preferredSide,
-      triggerPosition,
+      triggerPosition: adjustedTriggerPosition,
       alignOffset,
       insets,
       sideOffset,
       dimensions
     });
     return style;
-  }, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset]);
+  }, [align, preferredSide, alignOffset, insets, triggerPosition, contentLayout, dimensions.width, dimensions.height, sideOffset, portalOffset]);
 }
 export const DEFAULT_LAYOUT = {
   x: 0,
@@ -48,29 +63,28 @@ export const DEFAULT_POSITION = {
 };
 function getSide({
   preferredSide,
-  insetTop,
-  insetBottom,
+  insets,
   positionTop,
   positionBottom,
   contentLayout,
   dimensions
 }) {
   if (preferredSide === "bottom") {
-    const spaceBelow = dimensions.height - insetBottom - positionBottom;
+    const spaceBelow = dimensions.height - insets.bottom - positionBottom;
     if (spaceBelow >= contentLayout.height) {
       return "bottom";
     }
-    const spaceAbove = positionTop - insetTop;
+    const spaceAbove = positionTop - insets.top;
     if (spaceAbove > spaceBelow) {
       return "top";
     }
     return "bottom";
   }
-  const spaceAbove = positionTop - insetTop;
+  const spaceAbove = positionTop - insets.top;
   if (spaceAbove >= contentLayout.height) {
     return "top";
   }
-  const spaceBelow = dimensions.height - insetBottom - positionBottom;
+  const spaceBelow = dimensions.height - insets.bottom - positionBottom;
   if (spaceBelow > spaceAbove) {
     return "bottom";
   }
@@ -84,14 +98,11 @@ function getSidePosition({
   insets,
   dimensions
 }) {
-  const insetTop = insets?.top ?? 0;
-  const insetBottom = insets?.bottom ?? 0;
   const positionTop = triggerPosition?.pageY - sideOffset - contentLayout.height;
   const positionBottom = triggerPosition.pageY + triggerPosition.height + sideOffset;
   const side = getSide({
     preferredSide,
-    insetTop,
-    insetBottom,
+    insets,
     positionTop,
     positionBottom,
     contentLayout,
@@ -99,11 +110,11 @@ function getSidePosition({
   });
   if (side === "top") {
     return {
-      top: Math.min(Math.max(insetTop, positionTop), dimensions.height - insetBottom - contentLayout.height)
+      top: Math.min(Math.max(insets.top, positionTop), dimensions.height - insets.bottom - contentLayout.height)
     };
   }
   return {
-    top: Math.min(dimensions.height - insetBottom - contentLayout.height, positionBottom)
+    top: Math.min(dimensions.height - insets.bottom - contentLayout.height, positionBottom)
   };
 }
 function getAlignPosition({
@@ -114,21 +125,19 @@ function getAlignPosition({
   insets,
   dimensions
 }) {
-  const insetLeft = insets?.left ?? 0;
-  const insetRight = insets?.right ?? 0;
-  const maxContentWidth = dimensions.width - insetLeft - insetRight;
+  const maxContentWidth = dimensions.width - insets.left - insets.right;
   const contentWidth = Math.min(contentLayout.width, maxContentWidth);
-  let left = getLeftPosition(align, triggerPosition.pageX, triggerPosition.width, contentWidth, alignOffset, insetLeft, insetRight, dimensions);
-  const doesCollide = left < insetLeft || left + contentWidth > dimensions.width - insetRight;
+  let left = getLeftPosition(align, triggerPosition.pageX, triggerPosition.width, contentWidth, alignOffset, insets, dimensions);
+  const doesCollide = left < insets.left || left + contentWidth > dimensions.width - insets.right;
   if (doesCollide) {
-    const spaceLeft = left - insetLeft;
-    const spaceRight = dimensions.width - insetRight - (left + contentWidth);
+    const spaceLeft = left - insets.left;
+    const spaceRight = dimensions.width - insets.right - (left + contentWidth);
     if (spaceLeft > spaceRight && spaceLeft >= contentWidth) {
-      left = insetLeft;
+      left = insets.left;
     } else if (spaceRight >= contentWidth) {
-      left = dimensions.width - insetRight - contentWidth;
+      left = dimensions.width - insets.right - contentWidth;
     } else {
-      const centeredPosition = Math.max(insetLeft, (dimensions.width - contentWidth - insetRight) / 2);
+      const centeredPosition = Math.max(insets.left, (dimensions.width - contentWidth - insets.right) / 2);
       left = centeredPosition;
     }
   }
@@ -137,7 +146,7 @@ function getAlignPosition({
     maxWidth: maxContentWidth
   };
 }
-function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignOffset, insetLeft, insetRight, dimensions) {
+function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignOffset, insets, dimensions) {
   let left = 0;
   if (align === "start") {
     left = triggerPageX;
@@ -148,7 +157,7 @@ function getLeftPosition(align, triggerPageX, triggerWidth, contentWidth, alignO
   if (align === "end") {
     left = triggerPageX + triggerWidth - contentWidth;
   }
-  return Math.max(insetLeft, Math.min(left + alignOffset, dimensions.width - contentWidth - insetRight));
+  return Math.max(insets.left, Math.min(left + alignOffset, dimensions.width - contentWidth - insets.right));
 }
 function getContentStyle(args) {
   return {