@xaui/native 0.0.21 → 0.0.23

package/dist/components/list/list.type.d.ts

@@ -0,0 +1,180 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle, TextStyle, GestureResponderEvent } from 'react-native';
+import type { Size, ThemeColor } from '../../types';
+import React from 'react';
+export type ListSelectionMode = 'single' | 'multiple' | 'none';
+export 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;
+};
+export 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;
+};
+export 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;
+};
+export 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 import('react-native').FlatList<T>>, 'data' | 'renderItem' | 'keyExtractor'>;
+};
+//# sourceMappingURL=list.type.d.ts.map

package/dist/components/list/list.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.type.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.type.ts"],"names":[],"mappings":"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"}

package/dist/components/menu/index.d.mts

@@ -0,0 +1,5 @@
+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

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

@@ -0,0 +1,5 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAChF,YAAY,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/menu/menu-item.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MenuItemProps } from './menu-item.type';
+export declare const MenuItem: React.FC<MenuItemProps>;
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/menu/menu-item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MenuItemProps } from './menu-item.type';
+export declare const MenuItem: React.FC<MenuItemProps>;
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGrD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuD5C,CAAA"}

package/dist/components/menu/menu-item.style.d.mts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    container: {
+        minWidth: number;
+        maxWidth: number;
+        height: number;
+        justifyContent: "center";
+        paddingHorizontal: number;
+    };
+    denseContainer: {
+        height: number;
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    content: {
+        flex: number;
+        justifyContent: "center";
+    };
+    titleText: {
+        fontSize: number;
+    };
+    startContent: {
+        width: number;
+        marginRight: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    endContent: {
+        width: number;
+        marginLeft: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=menu-item.style.d.ts.map

package/dist/components/menu/menu-item.style.d.ts

@@ -0,0 +1,39 @@
+export declare const styles: {
+    container: {
+        minWidth: number;
+        maxWidth: number;
+        height: number;
+        justifyContent: "center";
+        paddingHorizontal: number;
+    };
+    denseContainer: {
+        height: number;
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    content: {
+        flex: number;
+        justifyContent: "center";
+    };
+    titleText: {
+        fontSize: number;
+    };
+    startContent: {
+        width: number;
+        marginRight: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    endContent: {
+        width: number;
+        marginLeft: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=menu-item.style.d.ts.map

package/dist/components/menu/menu-item.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.style.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAA"}

package/dist/components/menu/menu-item.type.d.mts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, TextStyle, ViewStyle } from 'react-native';
+export 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;
+};
+export 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;
+};
+//# sourceMappingURL=menu-item.type.d.ts.map

package/dist/components/menu/menu-item.type.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import type { GestureResponderEvent, TextStyle, ViewStyle } from 'react-native';
+export 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;
+};
+export 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;
+};
+//# sourceMappingURL=menu-item.type.d.ts.map

package/dist/components/menu/menu-item.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.type.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/E,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAA;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA"}

package/dist/components/menu/menu.d.mts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MenuProps } from './menu.type';
+export declare const Menu: React.FC<MenuProps>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MenuProps } from './menu.type';
+export declare const Menu: React.FC<MenuProps>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAS5C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+DpC,CAAA"}

package/dist/components/menu/menu.hook.d.mts

@@ -0,0 +1,33 @@
+import { Animated, type LayoutChangeEvent, type View } from 'react-native';
+import type { MenuPosition } from './menu.type';
+type TriggerPosition = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const useMenuTriggerMeasurements: (visible: boolean) => {
+    triggerRef: import("react").RefObject<View | null>;
+    triggerPosition: TriggerPosition | null;
+};
+export declare const useMenuContentLayout: (visible: boolean) => {
+    contentSize: {
+        width: number;
+        height: number;
+    };
+    handleContentLayout: (event: LayoutChangeEvent) => void;
+    isMeasured: boolean;
+};
+export declare const useMenuPosition: (triggerPosition: TriggerPosition | null, contentSize: {
+    width: number;
+    height: number;
+}, position: MenuPosition) => {
+    top: number;
+    left: number;
+};
+export declare const useMenuAnimation: (visible: boolean) => {
+    opacity: Animated.Value;
+    scale: Animated.Value;
+};
+export {};
+//# sourceMappingURL=menu.hook.d.ts.map

package/dist/components/menu/menu.hook.d.ts

@@ -0,0 +1,33 @@
+import { Animated, type LayoutChangeEvent, type View } from 'react-native';
+import type { MenuPosition } from './menu.type';
+type TriggerPosition = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const useMenuTriggerMeasurements: (visible: boolean) => {
+    triggerRef: import("react").RefObject<View | null>;
+    triggerPosition: TriggerPosition | null;
+};
+export declare const useMenuContentLayout: (visible: boolean) => {
+    contentSize: {
+        width: number;
+        height: number;
+    };
+    handleContentLayout: (event: LayoutChangeEvent) => void;
+    isMeasured: boolean;
+};
+export declare const useMenuPosition: (triggerPosition: TriggerPosition | null, contentSize: {
+    width: number;
+    height: number;
+}, position: MenuPosition) => {
+    top: number;
+    left: number;
+};
+export declare const useMenuAnimation: (visible: boolean) => {
+    opacity: Animated.Value;
+    scale: Animated.Value;
+};
+export {};
+//# sourceMappingURL=menu.hook.d.ts.map

package/dist/components/menu/menu.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.hook.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.hook.ts"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EAGR,KAAK,iBAAiB,EACtB,KAAK,IAAI,EACV,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,KAAK,eAAe,GAAG;IACrB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,0BAA0B,GAAI,SAAS,OAAO;;;CAiC1D,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO;;;;;iCAUH,iBAAiB;;CASlE,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,iBAAiB,eAAe,GAAG,IAAI,EACvC,aAAa;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC9C,UAAU,YAAY;;;CAyDvB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,SAAS,OAAO;;;CA2BhD,CAAA"}

package/dist/components/menu/menu.style.d.mts

@@ -0,0 +1,22 @@
+export declare const styles: {
+    wrapper: {
+        position: "absolute";
+    };
+    overlay: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    menuContainer: {
+        position: "absolute";
+        paddingVertical: number;
+        minWidth: number;
+        maxWidth: number;
+    };
+};
+export declare const ANIMATION_DURATION = 250;
+export declare const MENU_SCREEN_INDENT = 8;
+export declare const MENU_TRIGGER_GAP = 4;
+//# sourceMappingURL=menu.style.d.ts.map

package/dist/components/menu/menu.style.d.ts

@@ -0,0 +1,22 @@
+export declare const styles: {
+    wrapper: {
+        position: "absolute";
+    };
+    overlay: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    menuContainer: {
+        position: "absolute";
+        paddingVertical: number;
+        minWidth: number;
+        maxWidth: number;
+    };
+};
+export declare const ANIMATION_DURATION = 250;
+export declare const MENU_SCREEN_INDENT = 8;
+export declare const MENU_TRIGGER_GAP = 4;
+//# sourceMappingURL=menu.style.d.ts.map

package/dist/components/menu/menu.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;CAajB,CAAA;AAEF,eAAO,MAAM,kBAAkB,MAAM,CAAA;AACrC,eAAO,MAAM,kBAAkB,IAAgB,CAAA;AAC/C,eAAO,MAAM,gBAAgB,IAAW,CAAA"}

package/dist/components/menu/menu.type.d.mts

@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export type MenuPosition = 'top' | 'bottom';
+export 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;
+};
+export 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;
+};
+//# sourceMappingURL=menu.type.d.ts.map

package/dist/components/menu/menu.type.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+export type MenuPosition = 'top' | 'bottom';
+export 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;
+};
+export 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;
+};
+//# sourceMappingURL=menu.type.d.ts.map

package/dist/components/menu/menu.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.type.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAA;AAE3C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}

package/dist/components/menubox/index.d.mts

@@ -0,0 +1,4 @@
+export { MenuBox } from './menubox';
+export { MenuBoxItem } from './menubox-item';
+export type { MenuBoxProps, MenuBoxItemProps, MenuBoxItemCustomAppearance, } from './menubox.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menubox/index.d.ts

@@ -0,0 +1,4 @@
+export { MenuBox } from './menubox';
+export { MenuBoxItem } from './menubox-item';
+export type { MenuBoxProps, MenuBoxItemProps, MenuBoxItemCustomAppearance, } from './menubox.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menubox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menubox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,2BAA2B,GAC5B,MAAM,gBAAgB,CAAA"}