@xaui/native 0.0.23 → 0.0.24

package/dist/list/index.d.ts

@@ -1,5 +1,188 @@
-export { List } from './list';
-export { ListItem } from './list-item';
-export { ListBuilder } from './list-builder';
-export type { ListProps, ListItemProps, ListBuilderProps, ListSelectionMode, ListItemCustomAppearance, } from './list.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import * as react_native from 'react-native';
+import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+
+type ListSelectionMode = 'single' | 'multiple' | 'none';
+type ListItemCustomAppearance = {
+    /**
+     * Custom styles for the item container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the content container
+     */
+    content?: ViewStyle;
+    /**
+     * Custom styles for the title text
+     */
+    title?: TextStyle;
+    /**
+     * Custom styles for the description text
+     */
+    description?: TextStyle;
+};
+type ListItemProps = {
+    /**
+     * Unique key for the item (used for selection)
+     */
+    itemKey: string;
+    /**
+     * Title text for the ListItem
+     */
+    title: ReactNode;
+    /**
+     * Optional description text
+     */
+    description?: ReactNode;
+    /**
+     * Content to display at the start of the item
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the item
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the item is selected
+     * @default false
+     */
+    isSelected?: boolean;
+    /**
+     * Custom appearance styles for item parts
+     */
+    customAppearance?: ListItemCustomAppearance;
+    /**
+     * Callback fired when the item is pressed
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+};
+type ListProps = {
+    /**
+     * List items
+     */
+    children: ReactNode;
+    /**
+     * Selection mode for the list
+     * @default 'none'
+     */
+    selectionMode?: ListSelectionMode;
+    /**
+     * Controlled selected keys
+     */
+    selectedKeys?: string[];
+    /**
+     * Default selected keys (uncontrolled)
+     */
+    defaultSelectedKeys?: string[];
+    /**
+     * Whether to show dividers between items
+     * @default false
+     */
+    showDivider?: boolean;
+    /**
+     * Whether items are pressable
+     * @default true
+     */
+    isPressable?: boolean;
+    /**
+     * Whether items are selectable
+     * @default false
+     */
+    isSelectable?: boolean;
+    /**
+     * Theme color for selected items
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Size of the list items
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Callback fired when selection changes
+     */
+    onSelectionChange?: (keys: string[]) => void;
+    /**
+     * Custom styles for the list container
+     */
+    style?: ViewStyle;
+};
+type ListBuilderProps<T> = {
+    /**
+     * Data array to render
+     */
+    data: T[];
+    /**
+     * Function to extract unique key from item
+     */
+    keyExtractor: (item: T, index: number) => string;
+    /**
+     * Function to render each item
+     */
+    renderItem: (item: T, index: number) => ReactNode;
+    /**
+     * Selection mode for the list
+     * @default 'none'
+     */
+    selectionMode?: ListSelectionMode;
+    /**
+     * Controlled selected keys
+     */
+    selectedKeys?: string[];
+    /**
+     * Default selected keys (uncontrolled)
+     */
+    defaultSelectedKeys?: string[];
+    /**
+     * Whether to show dividers between items
+     * @default false
+     */
+    showDivider?: boolean;
+    /**
+     * Whether items are pressable
+     * @default true
+     */
+    isPressable?: boolean;
+    /**
+     * Whether items are selectable
+     * @default false
+     */
+    isSelectable?: boolean;
+    /**
+     * Theme color for selected items
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Size of the list items
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Callback fired when selection changes
+     */
+    onSelectionChange?: (keys: string[]) => void;
+    /**
+     * Custom styles for the list container
+     */
+    style?: ViewStyle;
+    /**
+     * FlatList props to pass through
+     */
+    flatListProps?: Omit<React.ComponentProps<typeof react_native.FlatList<T>>, 'data' | 'renderItem' | 'keyExtractor'>;
+};
+
+declare const List: React.FC<ListProps>;
+
+declare const ListItem: React.FC<ListItemProps>;
+
+declare function ListBuilder<T>({ data, keyExtractor, renderItem, selectionMode, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, showDivider, isPressable, isSelectable, themeColor, size, onSelectionChange, style, flatListProps, }: ListBuilderProps<T>): React.JSX.Element;
+
+export { List, ListBuilder, type ListBuilderProps, ListItem, type ListItemCustomAppearance, type ListItemProps, type ListProps, type ListSelectionMode };

package/dist/list/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-4KSZLONZ.js";
 
 // src/components/list/list.tsx
 import React2, { useCallback, useMemo, useState } from "react";

package/dist/menu/index.d.cts

@@ -0,0 +1,107 @@
+import React, { ReactNode } from 'react';
+import { ViewStyle, GestureResponderEvent, TextStyle } from 'react-native';
+
+type MenuPosition = 'top' | 'bottom';
+type MenuCustomAppearance = {
+    /**
+     * Custom styles for the overlay container
+     */
+    overlay?: ViewStyle;
+    /**
+     * Custom styles for the menu container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the menu content
+     */
+    content?: ViewStyle;
+};
+type MenuProps = {
+    /**
+     * Whether the Menu is currently visible.
+     */
+    visible: boolean;
+    /**
+     * The trigger element to open the menu from. This is the component that will trigger the menu display.
+     */
+    trigger: ReactNode;
+    /**
+     * Whether the menu should open at the top of the trigger or at its bottom.
+     * @default 'bottom'
+     */
+    position?: MenuPosition;
+    /**
+     * Callback called when Menu is dismissed. The `visible` prop needs to be updated when this is called.
+     */
+    onDismiss?: () => void;
+    /**
+     * Content of the Menu.
+     */
+    children: ReactNode;
+    /**
+     * Custom appearance styles for menu parts
+     */
+    customAppearance?: MenuCustomAppearance;
+    /**
+     * Maximum height of the scrollable menu content
+     * @default 280
+     */
+    maxHeight?: number;
+};
+
+declare const Menu: React.FC<MenuProps>;
+
+type MenuItemCustomAppearance = {
+    /**
+     * Custom styles for the item container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the item content
+     */
+    content?: ViewStyle;
+    /**
+     * Custom styles for the title text
+     */
+    title?: TextStyle;
+};
+type MenuItemProps = {
+    /**
+     * Title text for the MenuItem.
+     */
+    title: ReactNode;
+    /**
+     * Content to display at the start of the item.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the item.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the item is disabled. A disabled item is greyed out and onPress is not called on touch.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Sets min height with densed layout.
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * Function to execute on press.
+     */
+    onPress?: (e: GestureResponderEvent) => void;
+    /**
+     * Custom appearance styles for item parts
+     */
+    customAppearance?: MenuItemCustomAppearance;
+    /**
+     * Accessibility label for the item. This is read by the screen reader when the user taps the component.
+     */
+    accessibilityLabel?: string;
+};
+
+declare const MenuItem: React.FC<MenuItemProps>;
+
+export { Menu, type MenuCustomAppearance, MenuItem, type MenuItemCustomAppearance, type MenuItemProps, type MenuPosition, type MenuProps };

package/dist/menu/index.d.ts

@@ -1,5 +1,107 @@
-export { Menu } from './menu';
-export { MenuItem } from './menu-item';
-export type { MenuProps, MenuPosition, MenuCustomAppearance } from './menu.type';
-export type { MenuItemProps, MenuItemCustomAppearance } from './menu-item.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, GestureResponderEvent, TextStyle } from 'react-native';
+
+type MenuPosition = 'top' | 'bottom';
+type MenuCustomAppearance = {
+    /**
+     * Custom styles for the overlay container
+     */
+    overlay?: ViewStyle;
+    /**
+     * Custom styles for the menu container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the menu content
+     */
+    content?: ViewStyle;
+};
+type MenuProps = {
+    /**
+     * Whether the Menu is currently visible.
+     */
+    visible: boolean;
+    /**
+     * The trigger element to open the menu from. This is the component that will trigger the menu display.
+     */
+    trigger: ReactNode;
+    /**
+     * Whether the menu should open at the top of the trigger or at its bottom.
+     * @default 'bottom'
+     */
+    position?: MenuPosition;
+    /**
+     * Callback called when Menu is dismissed. The `visible` prop needs to be updated when this is called.
+     */
+    onDismiss?: () => void;
+    /**
+     * Content of the Menu.
+     */
+    children: ReactNode;
+    /**
+     * Custom appearance styles for menu parts
+     */
+    customAppearance?: MenuCustomAppearance;
+    /**
+     * Maximum height of the scrollable menu content
+     * @default 280
+     */
+    maxHeight?: number;
+};
+
+declare const Menu: React.FC<MenuProps>;
+
+type MenuItemCustomAppearance = {
+    /**
+     * Custom styles for the item container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the item content
+     */
+    content?: ViewStyle;
+    /**
+     * Custom styles for the title text
+     */
+    title?: TextStyle;
+};
+type MenuItemProps = {
+    /**
+     * Title text for the MenuItem.
+     */
+    title: ReactNode;
+    /**
+     * Content to display at the start of the item.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the item.
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the item is disabled. A disabled item is greyed out and onPress is not called on touch.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Sets min height with densed layout.
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * Function to execute on press.
+     */
+    onPress?: (e: GestureResponderEvent) => void;
+    /**
+     * Custom appearance styles for item parts
+     */
+    customAppearance?: MenuItemCustomAppearance;
+    /**
+     * Accessibility label for the item. This is read by the screen reader when the user taps the component.
+     */
+    accessibilityLabel?: string;
+};
+
+declare const MenuItem: React.FC<MenuItemProps>;
+
+export { Menu, type MenuCustomAppearance, MenuItem, type MenuItemCustomAppearance, type MenuItemProps, type MenuPosition, type MenuProps };

package/dist/menu/index.js

@@ -1,7 +1,7 @@
-import "../chunk-DXXNBF5P.js";
+import "../chunk-CZFDZPAS.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/menu/menu.tsx
 import React from "react";

package/dist/menubox/index.cjs

@@ -353,7 +353,11 @@ var MenuBoxItem = (props) => {
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
       disabled: isDisabled,
-      style: [radiusStyles, { overflow: "hidden" }, !isLast && { marginBottom: spacing }]
+      style: [
+        radiusStyles,
+        { overflow: "hidden" },
+        !isLast && { marginBottom: spacing }
+      ]
     },
     content
   );

package/dist/{components/menubox/menubox.type.d.mts → menubox/index.d.cts}

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
-import type { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
-import type { Size, ThemeColor, Radius } from '../../types';
-export type MenuBoxItemCustomAppearance = {
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import { S as Size, R as Radius, T as ThemeColor } from '../index-BOw6tbkc.cjs';
+
+type MenuBoxItemCustomAppearance = {
     /**
      * Custom styles for the item container
      */
@@ -19,7 +20,7 @@ export type MenuBoxItemCustomAppearance = {
      */
     description?: TextStyle;
 };
-export type MenuBoxItemProps = {
+type MenuBoxItemProps = {
     /**
      * Unique key for the item
      */
@@ -54,7 +55,7 @@ export type MenuBoxItemProps = {
      */
     onPress?: (event: GestureResponderEvent) => void;
 };
-export type MenuBoxProps = {
+type MenuBoxProps = {
     /**
      * MenuBox items (MenuBoxItem components)
      */
@@ -89,4 +90,9 @@ export type MenuBoxProps = {
      */
     backgroundColor?: string;
 };
-//# sourceMappingURL=menubox.type.d.ts.map
+
+declare const MenuBox: React.FC<MenuBoxProps>;
+
+declare const MenuBoxItem: React.FC<MenuBoxItemProps>;
+
+export { MenuBox, MenuBoxItem, type MenuBoxItemCustomAppearance, type MenuBoxItemProps, type MenuBoxProps };

package/dist/menubox/index.d.ts

@@ -1,4 +1,98 @@
-export { MenuBox } from './menubox';
-export { MenuBoxItem } from './menubox-item';
-export type { MenuBoxProps, MenuBoxItemProps, MenuBoxItemCustomAppearance, } from './menubox.type';
-//# sourceMappingURL=index.d.ts.map
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import { S as Size, R as Radius, T as ThemeColor } from '../index-BOw6tbkc.js';
+
+type MenuBoxItemCustomAppearance = {
+    /**
+     * Custom styles for the item container
+     */
+    container?: ViewStyle;
+    /**
+     * Custom styles for the content container
+     */
+    content?: ViewStyle;
+    /**
+     * Custom styles for the title text
+     */
+    title?: TextStyle;
+    /**
+     * Custom styles for the description text
+     */
+    description?: TextStyle;
+};
+type MenuBoxItemProps = {
+    /**
+     * Unique key for the item
+     */
+    itemKey: string;
+    /**
+     * Title text for the MenuBoxItem
+     */
+    title: ReactNode;
+    /**
+     * Optional description text
+     */
+    description?: ReactNode;
+    /**
+     * Content to display at the start of the item (icon, avatar, etc.)
+     */
+    startContent?: ReactNode;
+    /**
+     * Content to display at the end of the item (chevron, badge, etc.)
+     */
+    endContent?: ReactNode;
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for item parts
+     */
+    customAppearance?: MenuBoxItemCustomAppearance;
+    /**
+     * Callback fired when the item is pressed
+     */
+    onPress?: (event: GestureResponderEvent) => void;
+};
+type MenuBoxProps = {
+    /**
+     * MenuBox items (MenuBoxItem components)
+     */
+    children: ReactNode;
+    /**
+     * Size of the menu items
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * Border radius for the container and items
+     * @default 'lg'
+     */
+    radius?: Radius;
+    /**
+     * Theme color for pressed states
+     * @default 'default'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Spacing between menu items in pixels
+     * @default 0
+     */
+    spacing?: number;
+    /**
+     * Custom styles for the container
+     */
+    style?: ViewStyle;
+    /**
+     * Background color for MenuBox items
+     * Uses `theme.colors.default.background` by default
+     */
+    backgroundColor?: string;
+};
+
+declare const MenuBox: React.FC<MenuBoxProps>;
+
+declare const MenuBoxItem: React.FC<MenuBoxItemProps>;
+
+export { MenuBox, MenuBoxItem, type MenuBoxItemCustomAppearance, type MenuBoxItemProps, type MenuBoxProps };

package/dist/menubox/index.js

@@ -1,7 +1,6 @@
-import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-4KSZLONZ.js";
 
 // src/components/menubox/menubox.tsx
 import React, { useMemo, Children, isValidElement } from "react";
@@ -282,7 +281,11 @@ var MenuBoxItem = (props) => {
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
       disabled: isDisabled,
-      style: [radiusStyles, { overflow: "hidden" }, !isLast && { marginBottom: spacing }]
+      style: [
+        radiusStyles,
+        { overflow: "hidden" },
+        !isLast && { marginBottom: spacing }
+      ]
     },
     content
   );

package/dist/{components/pager/pager.type.d.mts → pager/index.d.cts}

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
-export type PagerIndicatorRenderState = {
+import React, { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+
+type PagerIndicatorRenderState = {
     index: number;
     isActive: boolean;
     total: number;
@@ -31,7 +32,7 @@ type PagerCustomAppearance = {
      */
     activeIndicator?: ViewStyle;
 };
-export type PagerProps = {
+type PagerProps = {
     /**
      * Whether the pager should fill its parent and render indicators inside.
      * @default false
@@ -78,11 +79,15 @@ export type PagerProps = {
      */
     customAppearance?: PagerCustomAppearance;
 };
-export type PagerItemProps = {
+type PagerItemProps = {
     /**
      * Page content.
      */
     children?: ReactNode;
 };
-export {};
-//# sourceMappingURL=pager.type.d.ts.map
+
+declare const Pager: React.FC<PagerProps>;
+
+declare const PagerItem: React.FC<PagerItemProps>;
+
+export { Pager, type PagerIndicatorRenderState, PagerItem, type PagerItemProps, type PagerProps };