@korsolutions/ui 0.0.58 → 0.0.60

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuBxD"}

package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface MenuRadioItemProps {
+    children: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    closeOnPress?: boolean;
+    render?: (props: MenuRadioItemProps) => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function MenuRadioItem(props: MenuRadioItemProps): React.JSX.Element;
+//# sourceMappingURL=menu-radio-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAgDtD"}

package/dist/typescript/src/components/menu/components/menu-selection-indicator.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface MenuSelectionIndicatorProps {
+    isSelected: boolean;
+}
+export declare function MenuSelectionIndicator({ isSelected, }: MenuSelectionIndicatorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=menu-selection-indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-selection-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-selection-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,2BAA2B;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,GACX,EAAE,2BAA2B,qBAc7B"}

package/dist/typescript/src/components/menu/components/menu-separator.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface MenuSeparatorProps {
+    render?: (props: MenuSeparatorProps) => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function MenuSeparator(props: MenuSeparatorProps): React.JSX.Element;
+//# sourceMappingURL=menu-separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-separator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAYtD"}

package/dist/typescript/src/components/menu/components/menu-shortcut.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type StyleProp, type TextStyle } from "react-native";
+export interface MenuShortcutProps {
+    children: string;
+    render?: (props: MenuShortcutProps) => React.ReactNode;
+    style?: StyleProp<TextStyle>;
+}
+export declare function MenuShortcut(props: MenuShortcutProps): React.JSX.Element;
+//# sourceMappingURL=menu-shortcut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-shortcut.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAUpD"}

package/dist/typescript/src/components/menu/context.d.ts

@@ -1,6 +1,6 @@
-import type { LayoutPosition } from "../../hooks/use-relative-position";
 import { type Dispatch } from "react";
 import type { LayoutRectangle } from "react-native";
+import type { LayoutPosition } from "../../hooks/use-relative-position";
 import type { MenuStyles } from "./types";
 export interface MenuContext {
     isOpen: boolean;
@@ -13,4 +13,10 @@ export interface MenuContext {
 }
 export declare const MenuContext: import("react").Context<MenuContext | undefined>;
 export declare const useMenu: () => MenuContext;
+export interface MenuRadioGroupContextValue {
+    value: string;
+    onValueChange: (value: string) => void;
+}
+export declare const MenuRadioGroupContext: import("react").Context<MenuRadioGroupContextValue | undefined>;
+export declare const useMenuRadioGroup: () => MenuRadioGroupContextValue;
 //# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/components/menu/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,EAAE,cAAc,CAAC;IAChC,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,kDAAoD,CAAC;AAE7E,eAAO,MAAM,OAAO,mBAMnB,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,QAAQ,EAAc,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,EAAE,cAAc,CAAC;IAChC,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,eAAe,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,kDAAoD,CAAC;AAE7E,eAAO,MAAM,OAAO,mBAMnB,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,qBAAqB,iEAEtB,CAAC;AAEb,eAAO,MAAM,iBAAiB,kCAM7B,CAAC"}

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

@@ -1,8 +1,15 @@
+import { MenuCheckboxItem } from "./components/menu-checkbox-item";
 import { MenuContent } from "./components/menu-content";
+import { MenuGroup } from "./components/menu-group";
 import { MenuItem } from "./components/menu-item";
+import { MenuLabel } from "./components/menu-label";
 import { MenuOverlay } from "./components/menu-overlay";
 import { MenuPortal } from "./components/menu-portal";
+import { MenuRadioGroup } from "./components/menu-radio-group";
+import { MenuRadioItem } from "./components/menu-radio-item";
 import { MenuRoot } from "./components/menu-root";
+import { MenuSeparator } from "./components/menu-separator";
+import { MenuShortcut } from "./components/menu-shortcut";
 export declare const Menu: {
     Root: typeof MenuRoot;
     Trigger: import("react").ForwardRefExoticComponent<import(".").MenuTriggerProps & import("react").RefAttributes<import("./components/menu-trigger").MenuTriggerRef>>;
@@ -10,12 +17,26 @@ export declare const Menu: {
     Overlay: typeof MenuOverlay;
     Content: typeof MenuContent;
     Item: typeof MenuItem;
+    Group: typeof MenuGroup;
+    Label: typeof MenuLabel;
+    Separator: typeof MenuSeparator;
+    CheckboxItem: typeof MenuCheckboxItem;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    Shortcut: typeof MenuShortcut;
 };
+export type { MenuCheckboxItemProps } from "./components/menu-checkbox-item";
 export type { MenuContentProps } from "./components/menu-content";
+export type { MenuGroupProps } from "./components/menu-group";
 export type { MenuItemProps } from "./components/menu-item";
+export type { MenuLabelProps } from "./components/menu-label";
 export type { MenuOverlayProps } from "./components/menu-overlay";
 export type { MenuPortalProps } from "./components/menu-portal";
+export type { MenuRadioGroupProps } from "./components/menu-radio-group";
+export type { MenuRadioItemProps } from "./components/menu-radio-item";
 export type { MenuRootProps } from "./components/menu-root";
+export type { MenuSeparatorProps } from "./components/menu-separator";
+export type { MenuShortcutProps } from "./components/menu-shortcut";
 export type { MenuTriggerProps } from "./components/menu-trigger";
 export type { MenuStyles } from "./types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGlD,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,10 +1,23 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { SvgProps } from "../../types/props.types";
 import type { MenuContentProps } from "./components/menu-content";
-import type { MenuItemProps } from "./components/menu-item";
 import type { MenuOverlayProps } from "./components/menu-overlay";
 export type MenuButtonState = "default" | "hovered";
+export type MenuCheckboxItemState = "default" | "hovered" | "disabled";
+export type MenuRadioItemState = "default" | "hovered" | "selected" | "disabled";
 export interface MenuStyles {
     content?: MenuContentProps["style"];
-    item?: Partial<Record<MenuButtonState, MenuItemProps["style"]>>;
+    item?: Partial<Record<MenuButtonState, StyleProp<ViewStyle>>>;
+    itemText?: StyleProp<TextStyle>;
+    itemIcon?: SvgProps;
     overlay?: MenuOverlayProps["style"];
+    group?: StyleProp<ViewStyle>;
+    label?: StyleProp<TextStyle>;
+    separator?: StyleProp<ViewStyle>;
+    checkboxItem?: Partial<Record<MenuCheckboxItemState, StyleProp<ViewStyle>>>;
+    selectionIndicator?: TextStyle & SvgProps;
+    radioGroup?: StyleProp<ViewStyle>;
+    radioItem?: Partial<Record<MenuRadioItemState, StyleProp<ViewStyle>>>;
+    shortcut?: StyleProp<TextStyle>;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACvE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAEpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,qBAAqB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACjC"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function useOrganizedChildren(children: React.ReactNode): number | bigint | boolean | any[] | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+//# sourceMappingURL=use-organized-children.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,kSA+B7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UAgCxC,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,QAAO,UAmGxC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBA2BxD"}
+{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/popover/components/popover-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAyBxD"}

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

@@ -1,3 +1,4 @@
 export * from "./portal";
+export * from "./portal-offset";
 export * from "./portal.constants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/typescript/src/components/portal/portal-offset.d.ts

@@ -0,0 +1,13 @@
+export interface PortalOffset {
+    x: number;
+    y: number;
+}
+export type PortalOffsetValue = PortalOffset | null | undefined;
+export declare const PortalOffsetContext: import("react").Context<PortalOffsetValue>;
+type UsePortalOffsetReturn = {
+    value: PortalOffset;
+    isLoaded: boolean;
+};
+export declare function usePortalOffset(): UsePortalOffsetReturn;
+export {};
+//# sourceMappingURL=portal-offset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal-offset.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal-offset.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;AAIhE,eAAO,MAAM,mBAAmB,4CAA8C,CAAC;AAE/E,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,IAAI,qBAAqB,CASvD"}

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

@@ -1,4 +1,5 @@
+import React from "react";
 import { type PortalHostProps, type PortalProps } from "./portal.constants";
-export declare function PortalHost({ name, container }: PortalHostProps): import("react").JSX.Element | null;
-export declare function Portal({ name, hostName, children }: PortalProps): import("react").JSX.Element;
+export declare function PortalHost({ name, container, }: PortalHostProps): React.JSX.Element | null;
+export declare function Portal({ name, hostName, children, }: PortalProps): React.JSX.Element;
 //# sourceMappingURL=portal.d.ts.map

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":"AAEA,OAAO,EAAuB,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAgDjG,wBAAgB,UAAU,CAAC,EAAE,IAA0B,EAAE,SAAS,EAAE,EAAE,eAAe,sCAyBpF;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,QAA8B,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAYrF"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAyBtD"}
+{"version":3,"file":"select-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/select/components/select-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,YAAY,CAAC;IAE3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkCtD"}

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

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/textarea/variants/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,yBAAyB,IAAI,cAAc,CAkC1D"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/textarea/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,wBAAgB,yBAAyB,IAAI,cAAc,CAwC1D"}

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

@@ -1,10 +1,7 @@
 import { type DisplayMetrics, type LayoutRectangle, type ViewStyle } from "react-native";
-import type { SafeAreaInsets } from "../safe-area";
-type UseRelativePositionArgs = Omit<GetContentStyleArgs, "triggerPosition" | "contentLayout" | "dimensions"> & {
-    triggerPosition: LayoutPosition | null;
-    contentLayout: LayoutRectangle | null;
-};
-export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, insets, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
+import { type SafeAreaInsets } from "../safe-area";
+type UseRelativePositionArgs = Omit<GetContentStyleArgs, "dimensions" | "insets">;
+export declare function useRelativePosition({ align, triggerPosition, contentLayout, alignOffset, sideOffset, preferredSide, }: UseRelativePositionArgs): ViewStyle;
 export interface LayoutPosition {
     pageY: number;
     pageX: number;
@@ -15,7 +12,7 @@ interface GetPositionArgs {
     dimensions: DisplayMetrics;
     triggerPosition: LayoutPosition;
     contentLayout: LayoutRectangle;
-    insets?: SafeAreaInsets;
+    insets: SafeAreaInsets;
 }
 interface GetSidePositionArgs extends GetPositionArgs {
     preferredSide: "top" | "bottom";

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;AACtB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,KAAK,uBAAuB,GAAG,IAAI,CACjC,mBAAmB,EACnB,iBAAiB,GAAG,eAAe,GAAG,YAAY,CACnD,GAAG;IACF,eAAe,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,aAAa,EAAE,eAAe,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,eAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,aAAa,GACd,EAAE,uBAAuB,GAAG,SAAS,CAoCrC;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,CAAC,EAAE,cAAc,CAAC;CACzB;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;AAqFF,UAAU,oBAAqB,SAAQ,eAAe;IACpD,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AA2ED,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,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"}

package/dist/typescript/src/themes/provider.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from "react";
 import type { ToastVariants } from "../components/toast/variants";
-import type { SvgProps } from "../types/props.types";
+import type { IconComponent } from "../types/element.types";
 import type { DeepPartial } from "../types/util.types";
 import type { Colors, ColorScheme, FontFamily, FontSize, LetterSpacing, Radius, ThemeAssets } from "./types";
 interface ThemeContext {
@@ -15,7 +15,10 @@ interface ThemeContext {
 }
 export interface ComponentsConfig {
     toast?: {
-        icons?: Partial<Record<keyof typeof ToastVariants, (props: SvgProps) => React.ReactNode>>;
+        icons?: Partial<Record<keyof typeof ToastVariants, IconComponent>>;
+    };
+    menu?: {
+        selectionIcon?: IconComponent;
     };
 }
 declare const ThemeContext: import("react").Context<ThemeContext | null>;

package/dist/typescript/src/themes/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CACb,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CACzE,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/themes/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,MAAM,EACN,WAAW,EACX,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,EACN,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;KACpE,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,aAAa,CAAC;KAC/B,CAAC;CACH;AAED,QAAA,MAAM,YAAY,8CAA2C,CAAC;AAE9D,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,KAAK,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,gCAoCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,oBAMpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAM/B,CAAC"}

package/dist/typescript/src/types/element.types.d.ts

@@ -1,4 +1,5 @@
 import type { HostInstance } from "react-native";
+import type { SvgProps } from "./props.types";
 export type ViewRef = HostInstance;
 export type TextInputRef = HostInstance & {
     focus: () => void;
@@ -10,4 +11,5 @@ export type TextInputRef = HostInstance & {
 };
 export type TextChildren = string | number | boolean | null | undefined | string[];
 export type ElementChildren = React.ReactElement | React.ReactElement[];
+export type IconComponent = (props: SvgProps) => React.ReactElement;
 //# sourceMappingURL=element.types.d.ts.map

package/dist/typescript/src/types/element.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.types.d.ts","sourceRoot":"","sources":["../../../../src/types/element.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,EAAE,CAAC;AACnF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC"}
+{"version":3,"file":"element.types.d.ts","sourceRoot":"","sources":["../../../../src/types/element.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,YAAY,CAAC;IACjC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,GACT,MAAM,EAAE,CAAC;AACb,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,YAAY,CAAC"}

package/dist/typescript/src/utils/element-utils.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const getElementProp: <T extends React.ElementType>(element: React.ReactNode, propName: string) => React.ComponentProps<T>[string] | undefined;
+//# sourceMappingURL=element-utils.d.ts.map

package/dist/typescript/src/utils/element-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/element-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,KAAK,CAAC,WAAW,EACxD,SAAS,KAAK,CAAC,SAAS,EACxB,UAAU,MAAM,KACf,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,SAMpC,CAAC"}

package/package.json

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

package/src/components/icon/icon.tsx

@@ -1,12 +1,18 @@
-import type { PropsWithRequiredRender, SvgProps } from "../../types/props.types";
 import React from "react";
+import type {
+  PropsWithRequiredRender,
+  SvgProps,
+} from "../../types/props.types";
 import { IconVariants } from "./variants";
 
 export type IconProps = SvgProps & {
   variant?: keyof typeof IconVariants;
 };
 
-export function Icon({ render: Component, ...props }: PropsWithRequiredRender<IconProps>) {
+export const Icon: React.FC<PropsWithRequiredRender<IconProps>> = ({
+  render: Component,
+  ...props
+}) => {
   const variantProps = IconVariants[props.variant ?? "default"]();
   const composedProps: SvgProps = {
     ...variantProps,
@@ -16,4 +22,4 @@ export function Icon({ render: Component, ...props }: PropsWithRequiredRender<Ic
   };
 
   return <Component {...composedProps} />;
-}
+};

package/src/components/menu/components/menu-checkbox-item.tsx

@@ -0,0 +1,73 @@
+import React, { useState } from "react";
+import { Pressable, type StyleProp, type ViewStyle } from "react-native";
+import { useMenu } from "../context";
+import type { MenuCheckboxItemState } from "../types";
+import { useOrganizedChildren } from "../use-organized-children";
+import { MenuSelectionIndicator } from "./menu-selection-indicator";
+
+export interface MenuCheckboxItemProps {
+  children: React.ReactNode;
+  checked: boolean;
+  onCheckedChange: (checked: boolean) => void;
+  disabled?: boolean;
+  closeOnPress?: boolean;
+  render?: (props: MenuCheckboxItemProps) => React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateState = (
+  isHovered: boolean,
+  disabled?: boolean,
+): MenuCheckboxItemState => {
+  if (disabled) return "disabled";
+  if (isHovered) return "hovered";
+  return "default";
+};
+
+export function MenuCheckboxItem(props: MenuCheckboxItemProps) {
+  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 (
+      <>
+        {props.render({
+          ...props,
+          children: organizedChildren,
+        })}
+      </>
+    );
+  }
+
+  return (
+    <Pressable
+      onPress={handlePress}
+      onPointerEnter={() => setIsHovered(true)}
+      onPointerLeave={() => setIsHovered(false)}
+      disabled={props.disabled}
+      accessibilityRole="checkbox"
+      accessibilityState={{ checked: props.checked, disabled: props.disabled }}
+      style={composedStyle}
+    >
+      {organizedChildren}
+      <MenuSelectionIndicator isSelected={props.checked} />
+    </Pressable>
+  );
+}

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

@@ -1,6 +1,6 @@
-import { useRelativePosition } from "../../../hooks/use-relative-position";
 import React from "react";
 import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useRelativePosition } from "../../../hooks/use-relative-position";
 import { useMenu } from "../context";
 
 export interface MenuContentProps {
@@ -20,12 +20,13 @@ export function MenuContent(props: MenuContentProps) {
     contentLayout: menu.contentLayout,
     alignOffset: 0,
     preferredSide: "bottom",
-    sideOffset: 0,
+    sideOffset: 2,
   });
 
   const composedStyle = [positionStyle, menu.styles?.content, props.style];
 
   const Component = props.render ?? View;
+
   return (
     <Component
       {...props}

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { View, type StyleProp, type ViewStyle } from "react-native";
+import { useMenu } from "../context";
+
+export interface MenuGroupProps {
+  children?: React.ReactNode;
+  render?: (props: MenuGroupProps) => React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function MenuGroup(props: MenuGroupProps) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.group, props.style];
+
+  const Component = props.render ?? View;
+  return (
+    <Component
+      {...props}
+      role="group"
+      style={composedStyle}
+    >
+      {props.children}
+    </Component>
+  );
+}

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

@@ -1,14 +1,15 @@
 import React, { useState } from "react";
-import { type StyleProp, Text, type TextStyle } from "react-native";
+import { Pressable, type StyleProp, type ViewStyle } from "react-native";
 import { useMenu } from "../context";
 import type { MenuButtonState } from "../types";
+import { useOrganizedChildren } from "../use-organized-children";
 
 export interface MenuItemProps {
-  children: string;
+  children: React.ReactNode;
   onPress?: () => void;
 
   render?: (props: MenuItemProps) => React.ReactNode;
-  style?: StyleProp<TextStyle>;
+  style?: StyleProp<ViewStyle>;
 }
 
 const calculateState = (isHovered: boolean): MenuButtonState => {
@@ -22,23 +23,38 @@ export function MenuItem(props: MenuItemProps) {
   const menu = useMenu();
   const [isHovered, setIsHovered] = useState(false);
   const state = calculateState(isHovered);
-  const composedStyle = [menu.styles?.item?.default, menu.styles?.item?.[state], props.style];
+  const composedStyle = [
+    menu.styles?.item?.default,
+    menu.styles?.item?.[state],
+    props.style,
+  ];
 
   const handlePress = () => {
     props.onPress?.();
     menu.setIsOpen((prev) => !prev);
   };
 
-  const Component = props.render ?? Text;
+  const organizedChildren = useOrganizedChildren(props.children);
+
+  if (props.render) {
+    return (
+      <>
+        {props.render({
+          ...props,
+          children: organizedChildren,
+        })}
+      </>
+    );
+  }
+
   return (
-    <Component
-      {...props}
+    <Pressable
       onPress={handlePress}
       onPointerEnter={() => setIsHovered(true)}
       onPointerLeave={() => setIsHovered(false)}
       style={composedStyle}
     >
-      {props.children}
-    </Component>
+      {organizedChildren}
+    </Pressable>
   );
 }

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { Text, type StyleProp, type TextStyle } from "react-native";
+import { useMenu } from "../context";
+
+export interface MenuLabelProps {
+  children: string;
+  render?: (props: MenuLabelProps) => React.ReactNode;
+  style?: StyleProp<TextStyle>;
+}
+
+export function MenuLabel(props: MenuLabelProps) {
+  const menu = useMenu();
+  const composedStyle = [menu.styles?.label, props.style];
+
+  const Component = props.render ?? Text;
+  return (
+    <Component {...props} style={composedStyle}>
+      {props.children}
+    </Component>
+  );
+}

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

@@ -1,5 +1,10 @@
 import React from "react";
-import { Pressable, type StyleProp, StyleSheet, type ViewStyle } from "react-native";
+import {
+  Pressable,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from "react-native";
 import { useMenu } from "../context";
 
 export interface MenuOverlayProps {
@@ -13,7 +18,11 @@ export interface MenuOverlayProps {
 export function MenuOverlay(props: MenuOverlayProps) {
   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 (