@korsolutions/ui 0.0.63 → 0.0.65

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SACEC,aAAa,QAGR,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB,oBACER,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACJ,cAAc,IAAE,CAAC,EACjBQ,QAAQ,eACTJ,IAAA,CAACL,UAAU;QAACe,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACN,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASiB,QAAQ,QAA+B,sBAAmB;AACnE,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
+{"version":3,"names":["AsyncAlertDialogManager","PortalHost","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SACEC,aAAa,QAGR,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACL,cAAc,IAAE,CAAC,EACjBS,QAAQ,eACTJ,IAAA,CAACN,UAAU;QAACgB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACP,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASkB,QAAQ,QAA+B,sBAAmB;AACnE,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}

package/dist/module/utils/normalize-layout.js

@@ -21,6 +21,16 @@ const isValidNumber = value => {
   return isValid;
 };
 export const measureLayoutPosition = (ref, callback) => {
+  if (ref && "getBoundingClientRect" in ref) {
+    const rect = ref.getBoundingClientRect();
+    callback({
+      height: isValidNumber(rect.height) ? rect.height : 0,
+      width: isValidNumber(rect.width) ? rect.width : 0,
+      pageX: isValidNumber(rect.x) ? rect.x : 0,
+      pageY: isValidNumber(rect.y) ? rect.y : 0
+    });
+    return;
+  }
   ref?.measureInWindow((pageX, pageY, width, height) => {
     callback({
       height: isValidNumber(height) ? height : 0,

package/dist/module/utils/normalize-layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["normalizeLayout","layout","_layout","y","top","x","left","isValidNumber","value","isValid","isNaN","isFinite","console","warn","measureLayoutPosition","ref","callback","measureInWindow","pageX","pageY","width","height"],"sourceRoot":"../../../src","sources":["utils/normalize-layout.ts"],"mappings":";;AAGA,OAAO,MAAMA,eAAe,GAAIC,MAAuB,IAAK;EAC1D,MAAMC,OAAO,GAAG;IAAE,GAAGD;EAAO,CAAC;EAC7B;EACA,IAAI,CAACA,MAAM,CAACE,CAAC,IAAI,KAAK,IAAIF,MAAM,IAAI,OAAOA,MAAM,CAACG,GAAG,KAAK,QAAQ,EAAE;IAClEF,OAAO,CAACC,CAAC,GAAGF,MAAM,CAACG,GAAG;EACxB;EACA,IAAI,CAACH,MAAM,CAACI,CAAC,IAAI,MAAM,IAAIJ,MAAM,IAAI,OAAOA,MAAM,CAACK,IAAI,KAAK,QAAQ,EAAE;IACpEJ,OAAO,CAACG,CAAC,GAAGJ,MAAM,CAACK,IAAI;EACzB;EACA,OAAOJ,OAAO;AAChB,CAAC;AAED,MAAMK,aAAa,GAAIC,KAAc,IAAsB;EACzD,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,QAAQ,IAAI,CAACE,KAAK,CAACF,KAAK,CAAC,IAAIG,QAAQ,CAACH,KAAK,CAAC;EAC7E,IAAI,CAACC,OAAO,EAAE;IACZG,OAAO,CAACC,IAAI,CAAC,yCAAyCL,KAAK,EAAE,CAAC;EAChE;EACA,OAAOC,OAAO;AAChB,CAAC;AAED,OAAO,MAAMK,qBAAqB,GAAGA,CACnCC,GAAwB,EACxBC,QAA0C,KACvC;EACHD,GAAG,EAAEE,eAAe,CAAC,CAACC,KAAK,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,KAAK;IACpDL,QAAQ,CAAC;MACPK,MAAM,EAAEd,aAAa,CAACc,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC;MAC1CD,KAAK,EAAEb,aAAa,CAACa,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCF,KAAK,EAAEX,aAAa,CAACW,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCC,KAAK,EAAEZ,aAAa,CAACY,KAAK,CAAC,GAAGA,KAAK,GAAG;IACxC,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["normalizeLayout","layout","_layout","y","top","x","left","isValidNumber","value","isValid","isNaN","isFinite","console","warn","measureLayoutPosition","ref","callback","rect","getBoundingClientRect","height","width","pageX","pageY","measureInWindow"],"sourceRoot":"../../../src","sources":["utils/normalize-layout.ts"],"mappings":";;AAGA,OAAO,MAAMA,eAAe,GAAIC,MAAuB,IAAK;EAC1D,MAAMC,OAAO,GAAG;IAAE,GAAGD;EAAO,CAAC;EAC7B;EACA,IAAI,CAACA,MAAM,CAACE,CAAC,IAAI,KAAK,IAAIF,MAAM,IAAI,OAAOA,MAAM,CAACG,GAAG,KAAK,QAAQ,EAAE;IAClEF,OAAO,CAACC,CAAC,GAAGF,MAAM,CAACG,GAAG;EACxB;EACA,IAAI,CAACH,MAAM,CAACI,CAAC,IAAI,MAAM,IAAIJ,MAAM,IAAI,OAAOA,MAAM,CAACK,IAAI,KAAK,QAAQ,EAAE;IACpEJ,OAAO,CAACG,CAAC,GAAGJ,MAAM,CAACK,IAAI;EACzB;EACA,OAAOJ,OAAO;AAChB,CAAC;AAED,MAAMK,aAAa,GAAIC,KAAc,IAAsB;EACzD,MAAMC,OAAO,GAAG,OAAOD,KAAK,KAAK,QAAQ,IAAI,CAACE,KAAK,CAACF,KAAK,CAAC,IAAIG,QAAQ,CAACH,KAAK,CAAC;EAC7E,IAAI,CAACC,OAAO,EAAE;IACZG,OAAO,CAACC,IAAI,CAAC,yCAAyCL,KAAK,EAAE,CAAC;EAChE;EACA,OAAOC,OAAO;AAChB,CAAC;AAED,OAAO,MAAMK,qBAAqB,GAAGA,CACnCC,GAAwB,EACxBC,QAA0C,KACvC;EACH,IAAID,GAAG,IAAI,uBAAuB,IAAIA,GAAG,EAAE;IACzC,MAAME,IAAI,GAAIF,GAAG,CAAyDG,qBAAqB,CAAC,CAAC;IACjGF,QAAQ,CAAC;MACPG,MAAM,EAAEZ,aAAa,CAACU,IAAI,CAACE,MAAM,CAAC,GAAGF,IAAI,CAACE,MAAM,GAAG,CAAC;MACpDC,KAAK,EAAEb,aAAa,CAACU,IAAI,CAACG,KAAK,CAAC,GAAGH,IAAI,CAACG,KAAK,GAAG,CAAC;MACjDC,KAAK,EAAEd,aAAa,CAACU,IAAI,CAACZ,CAAC,CAAC,GAAGY,IAAI,CAACZ,CAAC,GAAG,CAAC;MACzCiB,KAAK,EAAEf,aAAa,CAACU,IAAI,CAACd,CAAC,CAAC,GAAGc,IAAI,CAACd,CAAC,GAAG;IAC1C,CAAC,CAAC;IACF;EACF;EACAY,GAAG,EAAEQ,eAAe,CAAC,CAACF,KAAK,EAAEC,KAAK,EAAEF,KAAK,EAAED,MAAM,KAAK;IACpDH,QAAQ,CAAC;MACPG,MAAM,EAAEZ,aAAa,CAACY,MAAM,CAAC,GAAGA,MAAM,GAAG,CAAC;MAC1CC,KAAK,EAAEb,aAAa,CAACa,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCC,KAAK,EAAEd,aAAa,CAACc,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC;MACvCC,KAAK,EAAEf,aAAa,CAACe,KAAK,CAAC,GAAGA,KAAK,GAAG;IACxC,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/dist/typescript/src/components/button/{components/button-root.d.ts → button.d.ts}

@@ -1,12 +1,12 @@
 import React from "react";
 import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
-import { ButtonVariants } from "../variants";
-export interface ButtonRootProps extends PressableProps {
+import { ButtonVariants } from "./variants";
+export interface ButtonProps extends PressableProps {
     variant?: keyof typeof ButtonVariants;
     children?: React.ReactNode;
     isDisabled?: boolean;
     isLoading?: boolean;
     style?: StyleProp<ViewStyle>;
 }
-export declare function ButtonRoot(props: ButtonRootProps): React.JSX.Element;
-//# sourceMappingURL=button-root.d.ts.map
+export declare function Button(props: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/typescript/src/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,OAAO,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAmDxC"}

package/dist/typescript/src/components/button/index.d.ts

@@ -1,13 +1,3 @@
-import { ButtonLabel } from "./components/button-label";
-import { ButtonRoot } from "./components/button-root";
-import { ButtonSpinner } from "./components/button-spinner";
-export declare const Button: {
-    Root: typeof ButtonRoot;
-    Label: typeof ButtonLabel;
-    Spinner: typeof ButtonSpinner;
-};
-export type { ButtonLabelProps } from "./components/button-label";
-export type { ButtonRootProps } from "./components/button-root";
-export type { ButtonSpinnerProps } from "./components/button-spinner";
+export { Button, type ButtonProps } from "./button";
 export type { ButtonStyles } from "./types";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,eAAO,MAAM,MAAM;;;;CAIlB,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/components/button/types.d.ts

@@ -1,10 +1,10 @@
-import type { ButtonLabelProps } from "./components/button-label";
-import type { ButtonRootProps } from "./components/button-root";
-import type { ButtonSpinnerProps } from "./components/button-spinner";
+import type { ActivityIndicatorProps, TextStyle, ViewStyle } from "react-native";
+import type { IconProps } from "../icon";
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";
 export interface ButtonStyles {
-    root?: Partial<Record<ButtonState, ButtonRootProps["style"]>>;
-    label?: Partial<Record<ButtonState, ButtonLabelProps["style"]>>;
-    spinner?: Partial<Record<ButtonState, ButtonSpinnerProps>>;
+    root?: Partial<Record<ButtonState, ViewStyle>>;
+    text?: Partial<Record<ButtonState, TextStyle>>;
+    icon?: Partial<Record<ButtonState, IconProps>>;
+    spinner?: Partial<Record<ButtonState, ActivityIndicatorProps>>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;CAC5D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC;CAChE"}

package/dist/typescript/src/components/button/variants/default.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantDefault: () => ButtonStyles;
 //# sourceMappingURL=default.d.ts.map

package/dist/typescript/src/components/button/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,uBAAuB,QAAO,YA4C1C,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/default.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,uBAAuB,QAAO,YAiD1C,CAAC"}

package/dist/typescript/src/components/button/variants/ghost.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantGhost: () => ButtonStyles;
 //# sourceMappingURL=ghost.d.ts.map

package/dist/typescript/src/components/button/variants/ghost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,qBAAqB,QAAO,YAkDxC,CAAC"}
+{"version":3,"file":"ghost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/ghost.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,qBAAqB,QAAO,YAiExC,CAAC"}

package/dist/typescript/src/components/button/variants/secondary.d.ts

@@ -1,3 +1,3 @@
-import { type ButtonStyles } from "../..";
+import type { ButtonStyles } from "../types";
 export declare const useButtonVariantSecondary: () => ButtonStyles;
 //# sourceMappingURL=secondary.d.ts.map

package/dist/typescript/src/components/button/variants/secondary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,yBAAyB,QAAO,YAoD5C,CAAC"}
+{"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/button/variants/secondary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,QAAO,YAmE5C,CAAC"}

package/dist/typescript/src/components/menu/components/menu-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,yFAyCvB,CAAC"}
+{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,yFAoCvB,CAAC"}

package/dist/typescript/src/components/popover/components/popover-trigger.d.ts

@@ -1,6 +1,6 @@
-import type { ViewRef } from "../../../types/element.types";
 import React from "react";
 import { type PressableProps } from "react-native";
+import type { ViewRef } from "../../../types/element.types";
 export interface PopoverTriggerProps extends PressableProps {
     children: React.ReactElement<React.RefAttributes<ViewRef> & PressableProps>;
 }

package/dist/typescript/src/components/popover/components/popover-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAE5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FAuCzB,CAAC"}
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FAqCzB,CAAC"}

package/dist/typescript/src/components/portal/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AA0F5B,wBAAgB,UAAU,CAAC,EACzB,IAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,4BAcjB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE,WAAW,qBAYb"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,oBAAoB,CAAC;AA0F5B,wBAAgB,UAAU,CAAC,EACzB,IAA0B,EAC1B,SAAS,GACV,EAAE,eAAe,4BAcjB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAA8B,EAC9B,QAAQ,GACT,EAAE,WAAW,qBAYb"}

package/dist/typescript/src/components/select/components/select-overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgBtD"}
+{"version":3,"file":"select-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-overlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;CAC5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAiBtD"}

package/dist/typescript/src/components/select/variants/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,CA8EtD"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,wBAAgB,uBAAuB,IAAI,YAAY,CAiFtD"}

package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts

@@ -0,0 +1,3 @@
+export declare function useInitializeNavigationContainerRef(): void;
+export declare function useIsReactNavigationModal(): boolean;
+//# sourceMappingURL=use-is-react-navigation-modal.d.ts.map

package/dist/typescript/src/hooks/use-is-react-navigation-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-react-navigation-modal.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-is-react-navigation-modal.ts"],"names":[],"mappings":"AAQA,wBAAgB,mCAAmC,SAoBlD;AAwBD,wBAAgB,yBAAyB,YAGxC"}

package/dist/typescript/src/hooks/use-organized-children.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { type StyleProp, type TextStyle } from "react-native";
 import { type IconProps } from "../components/icon";
-export declare function useOrganizedChildren(children: React.ReactNode, textStyle: StyleProp<TextStyle> | undefined, iconProps: IconProps | undefined): React.ReactNode;
+export declare function useOrganizedChildren(children: React.ReactNode, textStyle: StyleProp<TextStyle> | undefined, iconProps: IconProps | undefined | null): React.ReactNode;
 //# sourceMappingURL=use-organized-children.d.ts.map

package/dist/typescript/src/hooks/use-organized-children.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,EAC3C,SAAS,EAAE,SAAS,GAAG,SAAS,GAC/B,KAAK,CAAC,SAAS,CA2BjB"}
+{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG1D,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,EAC3C,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GACtC,KAAK,CAAC,SAAS,CA2BjB"}

package/dist/typescript/src/hooks/use-relative-position.d.ts

@@ -1,6 +1,7 @@
 import { type DisplayMetrics, type LayoutRectangle, type ViewStyle } from "react-native";
 import { type SafeAreaInsets } from "../safe-area";
 type UseRelativePositionArgs = Omit<GetContentStyleArgs, "dimensions" | "insets">;
+type GetContentStyleArgs = GetPositionArgs & GetSidePositionArgs & GetAlignPositionArgs;
 export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
 export interface LayoutPosition {
     pageY: number;
@@ -24,6 +25,5 @@ interface GetAlignPositionArgs extends GetPositionArgs {
     align: "start" | "center" | "end";
     alignOffset: number;
 }
-type GetContentStyleArgs = GetPositionArgs & GetSidePositionArgs & GetAlignPositionArgs;
 export {};
 //# sourceMappingURL=use-relative-position.d.ts.map

package/dist/typescript/src/hooks/use-relative-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEtE,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CAyDrC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAK5B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAgFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AA0ED,KAAK,mBAAmB,GAAG,eAAe,GACxC,mBAAmB,GACnB,oBAAoB,CAAC"}
+{"version":3,"file":"use-relative-position.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-relative-position.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGtE,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,YAAY,GAAG,QAAQ,CACxB,CAAC;AAEF,KAAK,mBAAmB,GAAG,eAAe,GACxC,mBAAmB,GACnB,oBAAoB,CAAC;AAEvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CA4ErC;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,cAAc,CAAC;IAC3B,eAAe,EAAE,cAAc,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,UAAU,mBAAoB,SAAQ,eAAe;IACnD,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,eAK5B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,cAK9B,CAAC;AAkFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAWf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAcf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC"}

package/dist/typescript/src/utils/normalize-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,SAU3C,CAAC"}
+{"version":3,"file":"normalize-layout.d.ts","sourceRoot":"","sources":["../../../../src/utils/normalize-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe;;;;;CAUtD,CAAC;AAUF,eAAO,MAAM,qBAAqB,GAChC,KAAK,YAAY,GAAG,IAAI,EACxB,UAAU,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,SAoB3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.63",
+  "version": "0.0.65",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/button/button.tsx

@@ -0,0 +1,85 @@
+import React, { useState } from "react";
+import {
+  ActivityIndicator,
+  Pressable,
+  type PressableProps,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from "react-native";
+import { useOrganizedChildren } from "../../hooks/use-organized-children";
+import type { ButtonState } from "./types";
+import { ButtonVariants } from "./variants";
+
+export interface ButtonProps extends PressableProps {
+  variant?: keyof typeof ButtonVariants;
+  children?: React.ReactNode;
+
+  isDisabled?: boolean;
+  isLoading?: boolean;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (
+  props: ButtonProps,
+  isHovered: boolean,
+): ButtonState => {
+  if (props.isDisabled) return "disabled";
+  if (props.isLoading) return "loading";
+  if (isHovered) return "hovered";
+  return "default";
+};
+
+export function Button(props: ButtonProps) {
+  const variantStyles = ButtonVariants[props.variant ?? "default"]();
+  const [isHovered, setIsHovered] = useState(false);
+
+  const state = calculateState(props, isHovered);
+
+  const textStyle = StyleSheet.flatten([
+    variantStyles.text?.default,
+    variantStyles.text?.[state],
+  ]);
+  const iconProps = StyleSheet.flatten([
+    variantStyles.icon?.default,
+    variantStyles.icon?.[state],
+  ]);
+
+  const organizedChildren = useOrganizedChildren(
+    props.children,
+    textStyle,
+    iconProps,
+  );
+
+  const handlePress: PressableProps["onPress"] = (event) => {
+    if (props.isDisabled || props.isLoading) {
+      event.preventDefault();
+      return;
+    }
+    props.onPress?.(event);
+  };
+
+  const spinnerProps = {
+    ...variantStyles.spinner?.[state],
+    ...variantStyles.spinner?.default,
+  };
+
+  return (
+    <Pressable
+      {...props}
+      onPress={handlePress}
+      onHoverIn={() => setIsHovered(true)}
+      onHoverOut={() => setIsHovered(false)}
+      disabled={props.isDisabled}
+      style={[
+        variantStyles.root?.default,
+        variantStyles.root?.[state],
+        props.style,
+      ]}
+    >
+      {organizedChildren}
+      {props.isLoading && <ActivityIndicator {...spinnerProps} />}
+    </Pressable>
+  );
+}

package/src/components/button/index.ts

@@ -1,14 +1,2 @@
-import { ButtonLabel } from "./components/button-label";
-import { ButtonRoot } from "./components/button-root";
-import { ButtonSpinner } from "./components/button-spinner";
-
-export const Button = {
-  Root: ButtonRoot,
-  Label: ButtonLabel,
-  Spinner: ButtonSpinner,
-};
-
-export type { ButtonLabelProps } from "./components/button-label";
-export type { ButtonRootProps } from "./components/button-root";
-export type { ButtonSpinnerProps } from "./components/button-spinner";
+export { Button, type ButtonProps } from "./button";
 export type { ButtonStyles } from "./types";

package/src/components/button/types.ts

@@ -1,11 +1,15 @@
-import type { ButtonLabelProps } from "./components/button-label";
-import type { ButtonRootProps } from "./components/button-root";
-import type { ButtonSpinnerProps } from "./components/button-spinner";
+import type {
+  ActivityIndicatorProps,
+  TextStyle,
+  ViewStyle,
+} from "react-native";
+import type { IconProps } from "../icon";
 
 export type ButtonState = "default" | "disabled" | "loading" | "hovered";
 
 export interface ButtonStyles {
-  root?: Partial<Record<ButtonState, ButtonRootProps["style"]>>;
-  label?: Partial<Record<ButtonState, ButtonLabelProps["style"]>>;
-  spinner?: Partial<Record<ButtonState, ButtonSpinnerProps>>;
+  root?: Partial<Record<ButtonState, ViewStyle>>;
+  text?: Partial<Record<ButtonState, TextStyle>>;
+  icon?: Partial<Record<ButtonState, IconProps>>;
+  spinner?: Partial<Record<ButtonState, ActivityIndicatorProps>>;
 }

package/src/components/button/variants/default.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantDefault = (): ButtonStyles => {
   return useThemedStyles(
@@ -17,32 +18,37 @@ export const useButtonVariantDefault = (): ButtonStyles => {
           backgroundColor: colors.primary,
           borderWidth: 1,
           borderColor: colors.border,
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.primary, -10),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.primaryForeground,
           fontSize,
           fontFamily,
         },
-        disabled: {},
-        loading: {},
+      },
+      icon: {
+        default: {
+          color: colors.primaryForeground,
+          size: fontSize,
+        },
       },
       spinner: {
         default: {
           color: colors.primaryForeground,
         },
-        disabled: {},
-        loading: {},
       },
     }),
   );

package/src/components/button/variants/ghost.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantGhost = (): ButtonStyles => {
   return useThemedStyles(
@@ -15,18 +16,21 @@ export const useButtonVariantGhost = (): ButtonStyles => {
           alignItems: "center",
           justifyContent: "center",
           backgroundColor: "transparent",
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.foreground,
           fontSize,
@@ -39,6 +43,18 @@ export const useButtonVariantGhost = (): ButtonStyles => {
           color: colors.mutedForeground,
         },
       },
+      icon: {
+        default: {
+          color: colors.foreground,
+          size: fontSize,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
       spinner: {
         default: {
           color: colors.foreground,

package/src/components/button/variants/secondary.tsx

@@ -1,6 +1,7 @@
-import { type ButtonStyles } from "../..";
+import type { CursorValue } from "react-native";
 import { hslaSetRelativeLightness } from "../../../utils/hsla-utils";
 import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { ButtonStyles } from "../types";
 
 export const useButtonVariantSecondary = (): ButtonStyles => {
   return useThemedStyles(
@@ -17,18 +18,21 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           borderWidth: 1,
           borderColor: colors.border,
           backgroundColor: colors.secondary,
+          cursor: "pointer",
         },
         disabled: {
           opacity: 0.5,
+          cursor: "not-allowed" as CursorValue,
         },
         loading: {
           opacity: 0.5,
+          cursor: "wait" as CursorValue,
         },
         hovered: {
           backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
         },
       },
-      label: {
+      text: {
         default: {
           color: colors.secondaryForeground,
           fontSize,
@@ -41,6 +45,18 @@ export const useButtonVariantSecondary = (): ButtonStyles => {
           color: colors.mutedForeground,
         },
       },
+      icon: {
+        default: {
+          color: colors.secondaryForeground,
+          size: fontSize,
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+        loading: {
+          color: colors.mutedForeground,
+        },
+      },
       spinner: {
         default: {
           color: colors.secondaryForeground,

package/src/components/menu/components/menu-trigger.tsx

@@ -31,13 +31,8 @@ export const MenuTrigger = forwardRef<MenuTriggerRef, MenuTriggerProps>(
 
     useImperativeHandle(ref, () => ({
       open: () => {
-        triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
-          menu.setTriggerPosition({
-            height,
-            width,
-            pageX,
-            pageY,
-          });
+        measureLayoutPosition(triggerRef.current, (layout) => {
+          menu.setTriggerPosition(layout);
           menu.setIsOpen(true);
         });
       },

package/src/components/popover/components/popover-trigger.tsx

@@ -1,7 +1,7 @@
-import type { ViewRef } from "../../../types/element.types";
-import { measureLayoutPosition } from "../../../utils/normalize-layout";
 import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { type PressableProps } from "react-native";
+import type { ViewRef } from "../../../types/element.types";
+import { measureLayoutPosition } from "../../../utils/normalize-layout";
 import { usePopover } from "../context";
 
 export interface PopoverTriggerProps extends PressableProps {
@@ -13,7 +13,10 @@ export interface PopoverTriggerRef {
   close: () => void;
 }
 
-export const PopoverTrigger = forwardRef<PopoverTriggerRef, PopoverTriggerProps>((props, ref) => {
+export const PopoverTrigger = forwardRef<
+  PopoverTriggerRef,
+  PopoverTriggerProps
+>((props, ref) => {
   const popover = usePopover();
   const triggerRef = useRef<ViewRef>(null);
 
@@ -30,13 +33,8 @@ export const PopoverTrigger = forwardRef<PopoverTriggerRef, PopoverTriggerProps>
 
   useImperativeHandle(ref, () => ({
     open: () => {
-      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
-        popover.setTriggerPosition({
-          height,
-          width,
-          pageX,
-          pageY,
-        });
+      measureLayoutPosition(triggerRef.current, (layout) => {
+        popover.setTriggerPosition(layout);
         popover.setIsOpen(true);
       });
     },

package/src/components/portal/portal.tsx

@@ -7,6 +7,7 @@ import React, {
   useSyncExternalStore,
 } from "react";
 import { Platform, View, type HostInstance } from "react-native";
+import { measureLayoutPosition } from "../../utils/normalize-layout";
 import { PortalOffsetContext, type PortalOffset } from "./portal-offset";
 import {
   DEFAULT_PORTAL_HOST,
@@ -72,10 +73,10 @@ function DefaultContainer(props: React.PropsWithChildren) {
   const [offset, setOffset] = useState<PortalOffset | null>(null);
 
   const onLayout = useCallback(() => {
-    containerRef.current?.measureInWindow((pageX: number, pageY: number) => {
+    measureLayoutPosition(containerRef.current, (layout) => {
       setOffset((prev) => {
-        if (prev?.x === pageX && prev?.y === pageY) return prev;
-        return { x: pageX, y: pageY };
+        if (prev?.x === layout.pageX && prev?.y === layout.pageY) return prev;
+        return { x: layout.pageX, y: layout.pageY };
       });
     });
   }, []);

package/src/components/select/components/select-overlay.tsx

@@ -24,6 +24,7 @@ export function SelectOverlay(props: SelectOverlayProps) {
       onPress={() => {
         select.setIsOpen(false);
       }}
+      pointerEvents="auto"
       style={[StyleSheet.absoluteFill, composedStyles]}
     >
       {props.children}