@xaui/native 0.0.21 → 0.0.23

package/dist/components/segment-button/segment-button.type.d.mts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+import type { Size, ThemeColor } from '../../types';
+export type SegmentButtonVariant = 'outlined' | 'flat' | 'light' | 'faded';
+export type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+export type SegmentButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+export type SegmentButtonSelectionMode = 'single' | 'multiple';
+export type SegmentButtonProps = {
+    /**
+     * SegmentButtonItem children
+     */
+    children: ReactNode;
+    /**
+     * The currently selected key(s) (controlled mode).
+     * Use a string for single-select, string array for multi-select.
+     */
+    selected?: string | string[];
+    /**
+     * Default selected key(s) for uncontrolled mode.
+     * Use a string for single-select, string array for multi-select.
+     */
+    defaultSelected?: string | string[];
+    /**
+     * Callback fired when selection changes.
+     * Returns a string for single-select mode, string array for multi-select.
+     */
+    onSelectionChange?: (selected: string | string[]) => void;
+    /**
+     * Selection mode: single or multiple
+     * @default 'single'
+     */
+    selectionMode?: SegmentButtonSelectionMode;
+    /**
+     * The theme color of the segment button
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The variant of the segment button
+     * @default 'outlined'
+     */
+    variant?: SegmentButtonVariant;
+    /**
+     * The size of the segment button
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The border radius of the segment button
+     * @default 'full'
+     */
+    radius?: SegmentButtonRadius;
+    /**
+     * Whether the segment button should take the full width of its container
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the entire segment button group is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a checkmark icon on selected segments
+     * @default true
+     */
+    showCheckmark?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom styles for the outer container
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+//# sourceMappingURL=segment-button.type.d.ts.map

package/dist/components/segment-button/segment-button.type.d.ts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+import type { ViewStyle } from 'react-native';
+import type { Size, ThemeColor } from '../../types';
+export type SegmentButtonVariant = 'outlined' | 'flat' | 'light' | 'faded';
+export type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+export type SegmentButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+export type SegmentButtonSelectionMode = 'single' | 'multiple';
+export type SegmentButtonProps = {
+    /**
+     * SegmentButtonItem children
+     */
+    children: ReactNode;
+    /**
+     * The currently selected key(s) (controlled mode).
+     * Use a string for single-select, string array for multi-select.
+     */
+    selected?: string | string[];
+    /**
+     * Default selected key(s) for uncontrolled mode.
+     * Use a string for single-select, string array for multi-select.
+     */
+    defaultSelected?: string | string[];
+    /**
+     * Callback fired when selection changes.
+     * Returns a string for single-select mode, string array for multi-select.
+     */
+    onSelectionChange?: (selected: string | string[]) => void;
+    /**
+     * Selection mode: single or multiple
+     * @default 'single'
+     */
+    selectionMode?: SegmentButtonSelectionMode;
+    /**
+     * The theme color of the segment button
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The variant of the segment button
+     * @default 'outlined'
+     */
+    variant?: SegmentButtonVariant;
+    /**
+     * The size of the segment button
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The border radius of the segment button
+     * @default 'full'
+     */
+    radius?: SegmentButtonRadius;
+    /**
+     * Whether the segment button should take the full width of its container
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the entire segment button group is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a checkmark icon on selected segments
+     * @default true
+     */
+    showCheckmark?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom styles for the outer container
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+//# sourceMappingURL=segment-button.type.d.ts.map

package/dist/components/segment-button/segment-button.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-button.type.d.ts","sourceRoot":"","sources":["../../../src/components/segment-button/segment-button.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;AAE1E,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE9C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAEtE,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACzD;;;OAGG;IACH,aAAa,CAAC,EAAE,0BAA0B,CAAA;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE;QACjB,SAAS,CAAC,EAAE,SAAS,CAAA;KACtB,CAAA;CACF,CAAA"}

package/dist/components/select/checkmark-icon.d.mts

@@ -0,0 +1,8 @@
+import React from 'react';
+type CheckmarkIconProps = {
+    color: string;
+    size: number;
+};
+export declare function CheckmarkIcon({ color, size }: CheckmarkIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=checkmark-icon.d.ts.map

package/dist/components/select/checkmark-icon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type CheckmarkIconProps = {
+    color: string;
+    size: number;
+};
+export declare function CheckmarkIcon({ color, size }: CheckmarkIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=checkmark-icon.d.ts.map

package/dist/components/select/checkmark-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkmark-icon.d.ts","sourceRoot":"","sources":["../../../src/components/select/checkmark-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,kBAAkB,qBAYhE"}

package/dist/components/select/chevron-down-icon.d.mts

@@ -0,0 +1,9 @@
+import React from 'react';
+type ChevronDownIconProps = {
+    color: string;
+    size: number;
+    isOpen?: boolean;
+};
+export declare function ChevronDownIcon({ color, size, isOpen, }: ChevronDownIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=chevron-down-icon.d.ts.map

package/dist/components/select/chevron-down-icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type ChevronDownIconProps = {
+    color: string;
+    size: number;
+    isOpen?: boolean;
+};
+export declare function ChevronDownIcon({ color, size, isOpen, }: ChevronDownIconProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=chevron-down-icon.d.ts.map

package/dist/components/select/chevron-down-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-down-icon.d.ts","sourceRoot":"","sources":["../../../src/components/select/chevron-down-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EACJ,MAAc,GACf,EAAE,oBAAoB,qBA6BtB"}

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

@@ -0,0 +1,4 @@
+export { Select } from './select';
+export { SelectItem } from './select-item';
+export type { SelectProps, SelectItemProps, SelectVariant, SelectLabelPlacement, SelectSelectionMode, } from './select.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,4 @@
+export { Select } from './select';
+export { SelectItem } from './select-item';
+export type { SelectProps, SelectItemProps, SelectVariant, SelectLabelPlacement, SelectSelectionMode, } from './select.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,eAAe,CAAA"}

package/dist/components/select/select-context.d.mts

@@ -0,0 +1,8 @@
+import type { Size, ThemeColor } from '../../types';
+export type SelectContextValue = {
+    size: Size;
+    themeColor: ThemeColor;
+    isDisabled: boolean;
+};
+export declare const SelectContext: import("react").Context<SelectContextValue | null>;
+//# sourceMappingURL=select-context.d.ts.map

package/dist/components/select/select-context.d.ts

@@ -0,0 +1,8 @@
+import type { Size, ThemeColor } from '../../types';
+export type SelectContextValue = {
+    size: Size;
+    themeColor: ThemeColor;
+    isDisabled: boolean;
+};
+export declare const SelectContext: import("react").Context<SelectContextValue | null>;
+//# sourceMappingURL=select-context.d.ts.map

package/dist/components/select/select-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE,UAAU,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAapD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyEhD,CAAA"}

package/dist/components/select/select-item.hook.d.mts

@@ -0,0 +1,16 @@
+import type { Size, ThemeColor } from '../../types';
+type SelectItemSizeStyles = {
+    paddingVertical: number;
+    paddingHorizontal: number;
+    titleSize: number;
+    descriptionSize: number;
+};
+export declare const useSelectItemSizeStyles: (size: Size) => SelectItemSizeStyles;
+export declare const useSelectItemBackgroundColor: (themeColor: ThemeColor, isSelected: boolean) => string;
+export declare const useSelectItemTextColors: () => {
+    textColor: string;
+    descriptionColor: string;
+};
+export declare const useSelectItemCheckmarkColor: (themeColor: ThemeColor) => string;
+export {};
+//# sourceMappingURL=select-item.hook.d.ts.map

package/dist/components/select/select-item.hook.d.ts

@@ -0,0 +1,16 @@
+import type { Size, ThemeColor } from '../../types';
+type SelectItemSizeStyles = {
+    paddingVertical: number;
+    paddingHorizontal: number;
+    titleSize: number;
+    descriptionSize: number;
+};
+export declare const useSelectItemSizeStyles: (size: Size) => SelectItemSizeStyles;
+export declare const useSelectItemBackgroundColor: (themeColor: ThemeColor, isSelected: boolean) => string;
+export declare const useSelectItemTextColors: () => {
+    textColor: string;
+    descriptionColor: string;
+};
+export declare const useSelectItemCheckmarkColor: (themeColor: ThemeColor) => string;
+export {};
+//# sourceMappingURL=select-item.hook.d.ts.map

package/dist/components/select/select-item.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.hook.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-item.hook.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,MAAM,CAAA;IACvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,MAAM,IAAI,KAAG,oBAiCpD,CAAA;AAED,eAAO,MAAM,4BAA4B,GACvC,YAAY,UAAU,EACtB,YAAY,OAAO,WAapB,CAAA;AAED,eAAO,MAAM,uBAAuB;;;CASnC,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,YAAY,UAAU,WAYjE,CAAA"}

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

@@ -0,0 +1,21 @@
+export declare const styles: {
+    item: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    content: {
+        flex: number;
+        gap: number;
+    };
+    title: {
+        fontWeight: "500";
+    };
+    description: {
+        opacity: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=select-item.style.d.ts.map

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

@@ -0,0 +1,21 @@
+export declare const styles: {
+    item: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    content: {
+        flex: number;
+        gap: number;
+    };
+    title: {
+        fontWeight: "500";
+    };
+    description: {
+        opacity: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=select-item.style.d.ts.map

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

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

package/dist/components/select/select-trigger.d.mts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { View, type LayoutChangeEvent, type TextStyle, type ViewStyle } from 'react-native';
+import type { SelectVariant } from './select.type';
+type SelectTriggerProps = {
+    triggerRef: React.RefObject<View | null>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    onPress: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+    accessibilityLabel?: string;
+    variant: SelectVariant;
+    sizeStyles: {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        fontSize: number;
+    };
+    radiusStyles: {
+        borderRadius: number;
+    };
+    variantStyles: ViewStyle;
+    displayValue: string;
+    valueColor: string;
+    selectorColor: string;
+    labelInside: boolean;
+    labelNode?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    selectorIcon?: React.ReactNode;
+    onClear?: () => void;
+    showClear: boolean;
+    textStyle?: TextStyle;
+    style?: ViewStyle;
+};
+export declare const SelectTrigger: React.FC<SelectTriggerProps>;
+export {};
+//# sourceMappingURL=select-trigger.d.ts.map

package/dist/components/select/select-trigger.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { View, type LayoutChangeEvent, type TextStyle, type ViewStyle } from 'react-native';
+import type { SelectVariant } from './select.type';
+type SelectTriggerProps = {
+    triggerRef: React.RefObject<View | null>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    onPress: () => void;
+    onLayout: (event: LayoutChangeEvent) => void;
+    accessibilityLabel?: string;
+    variant: SelectVariant;
+    sizeStyles: {
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        fontSize: number;
+    };
+    radiusStyles: {
+        borderRadius: number;
+    };
+    variantStyles: ViewStyle;
+    displayValue: string;
+    valueColor: string;
+    selectorColor: string;
+    labelInside: boolean;
+    labelNode?: React.ReactNode;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    selectorIcon?: React.ReactNode;
+    onClear?: () => void;
+    showClear: boolean;
+    textStyle?: TextStyle;
+    style?: ViewStyle;
+};
+export declare const SelectTrigger: React.FC<SelectTriggerProps>;
+export {};
+//# sourceMappingURL=select-trigger.d.ts.map

package/dist/components/select/select-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/select/select-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,IAAI,EACJ,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAIlD,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,OAAO,EAAE,aAAa,CAAA;IACtB,UAAU,EAAE;QACV,SAAS,EAAE,MAAM,CAAA;QACjB,iBAAiB,EAAE,MAAM,CAAA;QACzB,eAAe,EAAE,MAAM,CAAA;QACvB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,YAAY,EAAE;QACZ,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,aAAa,EAAE,SAAS,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgFtD,CAAA"}

package/dist/components/select/select.animation.d.mts

@@ -0,0 +1,6 @@
+import { Animated } from 'react-native';
+export declare const useSelectListboxAnimation: (isOpen: boolean) => {
+    animationOpacity: Animated.Value;
+    animationScale: Animated.Value;
+};
+//# sourceMappingURL=select.animation.d.ts.map

package/dist/components/select/select.animation.d.ts

@@ -0,0 +1,6 @@
+import { Animated } from 'react-native';
+export declare const useSelectListboxAnimation: (isOpen: boolean) => {
+    animationOpacity: Animated.Value;
+    animationScale: Animated.Value;
+};
+//# sourceMappingURL=select.animation.d.ts.map

package/dist/components/select/select.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.animation.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.animation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,yBAAyB,GAAI,QAAQ,OAAO;;;CA0BxD,CAAA"}

package/dist/components/select/select.d.mts

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

package/dist/components/select/select.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,eAAe,CAAA;AA6BjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0SxC,CAAA"}

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

@@ -0,0 +1,44 @@
+import type { Radius, Size, ThemeColor } from '../../types';
+import type { SelectVariant } from './select.type';
+type SelectSizeStyles = {
+    minHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    labelSize: number;
+};
+export declare const useSelectSizeStyles: (size: Size) => SelectSizeStyles;
+export declare const useSelectRadiusStyles: (radius: Radius) => {
+    radiusStyles: {
+        borderRadius: number;
+    };
+    listboxRadius: number;
+};
+export declare const useSelectVariantStyles: (themeColor: ThemeColor, variant: SelectVariant, isInvalid: boolean) => {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderBottomWidth: number;
+    borderColor: string;
+};
+export declare const useSelectLabelStyle: (themeColor: ThemeColor, isInvalid: boolean, labelSize: number) => {
+    fontSize: number;
+    color: string;
+};
+export declare const useSelectValueColor: (isInvalid: boolean, shouldShowPlaceholder: boolean) => string;
+export declare const useSelectHelperColor: (isInvalid: boolean) => string;
+export declare const useSelectSelectorColor: (isInvalid: boolean, shouldShowPlaceholder: boolean) => string;
+export {};
+//# sourceMappingURL=select.hook.d.ts.map

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

@@ -0,0 +1,44 @@
+import type { Radius, Size, ThemeColor } from '../../types';
+import type { SelectVariant } from './select.type';
+type SelectSizeStyles = {
+    minHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    labelSize: number;
+};
+export declare const useSelectSizeStyles: (size: Size) => SelectSizeStyles;
+export declare const useSelectRadiusStyles: (radius: Radius) => {
+    radiusStyles: {
+        borderRadius: number;
+    };
+    listboxRadius: number;
+};
+export declare const useSelectVariantStyles: (themeColor: ThemeColor, variant: SelectVariant, isInvalid: boolean) => {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+} | {
+    backgroundColor: string;
+    borderWidth: number;
+    borderColor: string;
+} | {
+    backgroundColor: string;
+    borderBottomWidth: number;
+    borderColor: string;
+};
+export declare const useSelectLabelStyle: (themeColor: ThemeColor, isInvalid: boolean, labelSize: number) => {
+    fontSize: number;
+    color: string;
+};
+export declare const useSelectValueColor: (isInvalid: boolean, shouldShowPlaceholder: boolean) => string;
+export declare const useSelectHelperColor: (isInvalid: boolean) => string;
+export declare const useSelectSelectorColor: (isInvalid: boolean, shouldShowPlaceholder: boolean) => string;
+export {};
+//# sourceMappingURL=select.hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.hook.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.hook.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAUD,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,KAAG,gBAqChD,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM;;;;;CA4BnD,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,YAAY,UAAU,EACtB,SAAS,aAAa,EACtB,WAAW,OAAO;;;;;;;;;;;;;;;;;;CA0CnB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC9B,YAAY,UAAU,EACtB,WAAW,OAAO,EAClB,WAAW,MAAM;;;CAkBlB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAC9B,WAAW,OAAO,EAClB,uBAAuB,OAAO,WAe/B,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,WAAW,OAAO,WAUtD,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,WAAW,OAAO,EAClB,uBAAuB,OAAO,WAe/B,CAAA"}

package/dist/components/select/select.state.hook.d.mts

@@ -0,0 +1,38 @@
+import type { LayoutChangeEvent, View } from 'react-native';
+import type { SelectSelectionMode } from './select.type';
+type TriggerPosition = {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+};
+type SelectOpenConfig = {
+    isOpened?: boolean;
+    isDisabled: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onClose?: () => void;
+};
+type SelectSelectionConfig = {
+    selectionMode: SelectSelectionMode;
+    selectedKeys?: string[];
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    onClear?: () => void;
+};
+export declare const useSelectOpenState: ({ isOpened, isDisabled, onOpenChange, onClose, }: SelectOpenConfig) => {
+    isOpen: boolean;
+    setOpen: (nextOpen: boolean) => void;
+};
+export declare const useSelectSelection: ({ selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, onClear, }: SelectSelectionConfig) => {
+    currentSelectedKeys: string[];
+    updateSelection: (nextKeys: string[]) => void;
+    getNextSelection: (key: string) => string[];
+};
+export declare const useSelectTriggerMeasurements: (isOpen: boolean) => {
+    triggerRef: import("react").RefObject<View | null>;
+    triggerWidth: number | null;
+    triggerPosition: TriggerPosition | null;
+    handleTriggerLayout: (event: LayoutChangeEvent) => void;
+};
+export {};
+//# sourceMappingURL=select.state.hook.d.ts.map

package/dist/components/select/select.state.hook.d.ts

@@ -0,0 +1,38 @@
+import type { LayoutChangeEvent, View } from 'react-native';
+import type { SelectSelectionMode } from './select.type';
+type TriggerPosition = {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+};
+type SelectOpenConfig = {
+    isOpened?: boolean;
+    isDisabled: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    onClose?: () => void;
+};
+type SelectSelectionConfig = {
+    selectionMode: SelectSelectionMode;
+    selectedKeys?: string[];
+    defaultSelectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    onClear?: () => void;
+};
+export declare const useSelectOpenState: ({ isOpened, isDisabled, onOpenChange, onClose, }: SelectOpenConfig) => {
+    isOpen: boolean;
+    setOpen: (nextOpen: boolean) => void;
+};
+export declare const useSelectSelection: ({ selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, onClear, }: SelectSelectionConfig) => {
+    currentSelectedKeys: string[];
+    updateSelection: (nextKeys: string[]) => void;
+    getNextSelection: (key: string) => string[];
+};
+export declare const useSelectTriggerMeasurements: (isOpen: boolean) => {
+    triggerRef: import("react").RefObject<View | null>;
+    triggerWidth: number | null;
+    triggerPosition: TriggerPosition | null;
+    handleTriggerLayout: (event: LayoutChangeEvent) => void;
+};
+export {};
+//# sourceMappingURL=select.state.hook.d.ts.map

package/dist/components/select/select.state.hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.state.hook.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.state.hook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAExD,KAAK,eAAe,GAAG;IACrB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,mBAAmB,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,kDAKhC,gBAAgB;;wBAKJ,OAAO;CAmBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,mFAMhC,qBAAqB;;gCAWT,MAAM,EAAE;4BAeb,MAAM;CAmBf,CAAA;AAED,eAAO,MAAM,4BAA4B,GAAI,QAAQ,OAAO;;;;iCAOV,iBAAiB;CAqBlE,CAAA"}