@xaui/native 0.0.21 → 0.0.23

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

@@ -0,0 +1,88 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+    };
+    horizontalContainer: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    verticalContainer: {
+        flexDirection: "column";
+    };
+    horizontalItem: {
+        flex: number;
+        alignItems: "center";
+        minWidth: number;
+    };
+    verticalItem: {
+        width: "100%";
+    };
+    horizontalTopRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        width: "100%";
+    };
+    verticalRow: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        width: "100%";
+    };
+    line: {
+        flex: number;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    lineProgressWrap: {
+        width: "100%";
+        height: "100%";
+        overflow: "hidden";
+    };
+    lineProgressHorizontal: {
+        alignItems: "flex-start";
+    };
+    lineProgressVertical: {
+        justifyContent: "flex-start";
+    };
+    lineProgress: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+    };
+    verticalLineWrap: {
+        alignItems: "center";
+        width: "100%";
+        flex: number;
+    };
+    indicator: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    locked: {
+        opacity: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    horizontalContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    verticalContent: {
+        flex: number;
+    };
+    title: {
+        textAlign: "center";
+        fontWeight: "600";
+    };
+    titleVertical: {
+        textAlign: "left";
+    };
+    description: {
+        textAlign: "center";
+        fontWeight: "400";
+    };
+    descriptionVertical: {
+        textAlign: "left";
+    };
+};
+//# sourceMappingURL=stepper.style.d.ts.map

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

@@ -0,0 +1,88 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+    };
+    horizontalContainer: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    verticalContainer: {
+        flexDirection: "column";
+    };
+    horizontalItem: {
+        flex: number;
+        alignItems: "center";
+        minWidth: number;
+    };
+    verticalItem: {
+        width: "100%";
+    };
+    horizontalTopRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        width: "100%";
+    };
+    verticalRow: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        width: "100%";
+    };
+    line: {
+        flex: number;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    lineProgressWrap: {
+        width: "100%";
+        height: "100%";
+        overflow: "hidden";
+    };
+    lineProgressHorizontal: {
+        alignItems: "flex-start";
+    };
+    lineProgressVertical: {
+        justifyContent: "flex-start";
+    };
+    lineProgress: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+    };
+    verticalLineWrap: {
+        alignItems: "center";
+        width: "100%";
+        flex: number;
+    };
+    indicator: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    locked: {
+        opacity: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    horizontalContent: {
+        alignItems: "center";
+        width: "100%";
+    };
+    verticalContent: {
+        flex: number;
+    };
+    title: {
+        textAlign: "center";
+        fontWeight: "600";
+    };
+    titleVertical: {
+        textAlign: "left";
+    };
+    description: {
+        textAlign: "center";
+        fontWeight: "400";
+    };
+    descriptionVertical: {
+        textAlign: "left";
+    };
+};
+//# sourceMappingURL=stepper.style.d.ts.map

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

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

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

@@ -0,0 +1,131 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { Size, ThemeColor } from '../../types';
+export type StepperDirection = 'horizontal' | 'vertical';
+export type StepperLineDisplayMode = 'progress' | 'all';
+export type StepperSize = Exclude<Size, 'xs'>;
+export type StepperItemIndicatorState = {
+    index: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isLocked: boolean;
+    isDisabled: boolean;
+};
+export type StepperCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    itemContainer?: StyleProp<ViewStyle>;
+    line?: StyleProp<ViewStyle>;
+    activeLine?: StyleProp<ViewStyle>;
+};
+export type StepperItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    activeIndicator?: StyleProp<ViewStyle>;
+    completedIndicator?: StyleProp<ViewStyle>;
+    lockedIndicator?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+};
+export type StepperProps = {
+    /**
+     * StepperItem children.
+     */
+    children: ReactNode;
+    /**
+     * Direction of the stepper layout.
+     * @default 'horizontal'
+     */
+    direction?: StepperDirection;
+    /**
+     * Whether connector lines between steps are shown.
+     * @default true
+     */
+    showLines?: boolean;
+    /**
+     * Controls connector line visibility.
+     * - `progress`: only progress to current step is shown.
+     * - `all`: all connectors are shown with progress highlight.
+     * @default 'progress'
+     */
+    lineDisplayMode?: StepperLineDisplayMode;
+    /**
+     * Controlled active step key.
+     */
+    activeKey?: string;
+    /**
+     * Uncontrolled default active step key.
+     */
+    defaultActiveKey?: string;
+    /**
+     * Callback fired when active step changes.
+     */
+    onStepChange?: (key: string) => void;
+    /**
+     * Shared theme color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Shared stepper size.
+     * @default 'md'
+     */
+    size?: StepperSize;
+    /**
+     * Whether all steps are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Stepper container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperCustomAppearance;
+};
+export type StepperItemProps = {
+    /**
+     * Unique key for this step.
+     */
+    itemKey: string;
+    /**
+     * Main title/label.
+     */
+    title?: ReactNode;
+    /**
+     * Optional secondary description.
+     */
+    description?: ReactNode;
+    /**
+     * Custom indicator content or indicator render function.
+     */
+    indicator?: ReactNode | ((state: StepperItemIndicatorState) => ReactNode);
+    /**
+     * Locks this step from interaction.
+     * @default false
+     */
+    isLocked?: boolean;
+    /**
+     * Disables this step from interaction.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional content rendered below title/description.
+     */
+    children?: ReactNode;
+    /**
+     * Callback fired when this item is pressed.
+     */
+    onPress?: (itemKey: string) => void;
+    /**
+     * Custom style for this item.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperItemCustomAppearance;
+};
+//# sourceMappingURL=stepper.type.d.ts.map

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

@@ -0,0 +1,131 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type { Size, ThemeColor } from '../../types';
+export type StepperDirection = 'horizontal' | 'vertical';
+export type StepperLineDisplayMode = 'progress' | 'all';
+export type StepperSize = Exclude<Size, 'xs'>;
+export type StepperItemIndicatorState = {
+    index: number;
+    isActive: boolean;
+    isCompleted: boolean;
+    isLocked: boolean;
+    isDisabled: boolean;
+};
+export type StepperCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    itemContainer?: StyleProp<ViewStyle>;
+    line?: StyleProp<ViewStyle>;
+    activeLine?: StyleProp<ViewStyle>;
+};
+export type StepperItemCustomAppearance = {
+    container?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    activeIndicator?: StyleProp<ViewStyle>;
+    completedIndicator?: StyleProp<ViewStyle>;
+    lockedIndicator?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+};
+export type StepperProps = {
+    /**
+     * StepperItem children.
+     */
+    children: ReactNode;
+    /**
+     * Direction of the stepper layout.
+     * @default 'horizontal'
+     */
+    direction?: StepperDirection;
+    /**
+     * Whether connector lines between steps are shown.
+     * @default true
+     */
+    showLines?: boolean;
+    /**
+     * Controls connector line visibility.
+     * - `progress`: only progress to current step is shown.
+     * - `all`: all connectors are shown with progress highlight.
+     * @default 'progress'
+     */
+    lineDisplayMode?: StepperLineDisplayMode;
+    /**
+     * Controlled active step key.
+     */
+    activeKey?: string;
+    /**
+     * Uncontrolled default active step key.
+     */
+    defaultActiveKey?: string;
+    /**
+     * Callback fired when active step changes.
+     */
+    onStepChange?: (key: string) => void;
+    /**
+     * Shared theme color.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Shared stepper size.
+     * @default 'md'
+     */
+    size?: StepperSize;
+    /**
+     * Whether all steps are disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Stepper container style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperCustomAppearance;
+};
+export type StepperItemProps = {
+    /**
+     * Unique key for this step.
+     */
+    itemKey: string;
+    /**
+     * Main title/label.
+     */
+    title?: ReactNode;
+    /**
+     * Optional secondary description.
+     */
+    description?: ReactNode;
+    /**
+     * Custom indicator content or indicator render function.
+     */
+    indicator?: ReactNode | ((state: StepperItemIndicatorState) => ReactNode);
+    /**
+     * Locks this step from interaction.
+     * @default false
+     */
+    isLocked?: boolean;
+    /**
+     * Disables this step from interaction.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Additional content rendered below title/description.
+     */
+    children?: ReactNode;
+    /**
+     * Callback fired when this item is pressed.
+     */
+    onPress?: (itemKey: string) => void;
+    /**
+     * Custom style for this item.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Custom appearance styles.
+     */
+    customAppearance?: StepperItemCustomAppearance;
+};
+//# sourceMappingURL=stepper.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.type.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/stepper.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnE,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,KAAK,CAAA;AAEvD,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AAE7C,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,sBAAsB,CAAA;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,uBAAuB,CAAA;CAC3C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EACN,SAAS,GACT,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAA;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;CAC/C,CAAA"}

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

@@ -0,0 +1,3 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchVariant, SwitchSize, SwitchRadius, SwitchLabelAlignment, } from './switch.type';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,3 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchVariant, SwitchSize, SwitchRadius, SwitchLabelAlignment, } from './switch.type';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+export declare const runThumbPositionAnimation: (thumbPosition: Animated.Value, isSelected: boolean) => void;
+export declare const runSwitchPressInAnimation: (animatedScale: Animated.Value, animatedThumbScale: Animated.Value, isOverlap: boolean) => void;
+export declare const runSwitchPressOutAnimation: (animatedScale: Animated.Value, animatedThumbScale: Animated.Value) => void;
+//# sourceMappingURL=switch.animation.d.ts.map

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

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+export declare const runThumbPositionAnimation: (thumbPosition: Animated.Value, isSelected: boolean) => void;
+export declare const runSwitchPressInAnimation: (animatedScale: Animated.Value, animatedThumbScale: Animated.Value, isOverlap: boolean) => void;
+export declare const runSwitchPressOutAnimation: (animatedScale: Animated.Value, animatedThumbScale: Animated.Value) => void;
+//# sourceMappingURL=switch.animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.animation.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,yBAAyB,GACpC,eAAe,QAAQ,CAAC,KAAK,EAC7B,YAAY,OAAO,SAQpB,CAAA;AAED,eAAO,MAAM,yBAAyB,GACpC,eAAe,QAAQ,CAAC,KAAK,EAC7B,oBAAoB,QAAQ,CAAC,KAAK,EAClC,WAAW,OAAO,SAYnB,CAAA;AAED,eAAO,MAAM,0BAA0B,GACrC,eAAe,QAAQ,CAAC,KAAK,EAC7B,oBAAoB,QAAQ,CAAC,KAAK,SAYnC,CAAA"}

package/dist/components/switch/switch.d.mts

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

package/dist/components/switch/switch.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAiBhD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6IxC,CAAA"}

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

@@ -0,0 +1,56 @@
+import type { ThemeColor } from '../../types';
+import type { SwitchLabelAlignment, SwitchRadius, SwitchSize, SwitchVariant } from './switch.type';
+type SwitchSizeStyles = {
+    trackWidth: number;
+    trackHeight: number;
+    thumbSize: number;
+    fontSize: number;
+    padding: number;
+};
+export declare const useSwitchColorScheme: (themeColor: ThemeColor) => {
+    main: string;
+    foreground: string;
+    background: string;
+};
+export declare const useSwitchSizeStyles: (variant: SwitchVariant, size: SwitchSize) => SwitchSizeStyles;
+export declare const useSwitchRadiusStyles: (radius: SwitchRadius) => {
+    radiusStyles: {
+        borderRadius: number;
+    };
+    thumbRadius: number;
+};
+type SwitchTrackStylesParams = {
+    colorScheme: ReturnType<typeof useSwitchColorScheme>;
+    isSelected: boolean;
+    variant: SwitchVariant;
+    sizeStyles: SwitchSizeStyles;
+    radiusStyles: {
+        borderRadius: number;
+    };
+};
+export declare const useSwitchTrackStyles: ({ colorScheme, isSelected, variant, sizeStyles, radiusStyles, }: SwitchTrackStylesParams) => {
+    borderRadius: number;
+    width: number;
+    height: number;
+    backgroundColor: string;
+    paddingHorizontal: number;
+};
+type SwitchThumbStylesParams = {
+    colorScheme: ReturnType<typeof useSwitchColorScheme>;
+    isSelected: boolean;
+    variant: SwitchVariant;
+    sizeStyles: SwitchSizeStyles;
+    thumbRadius: number;
+};
+export declare const useSwitchThumbStyles: ({ colorScheme, isSelected, variant, sizeStyles, thumbRadius, }: SwitchThumbStylesParams) => {
+    width: number;
+    height: number;
+    borderRadius: number;
+    backgroundColor: string;
+};
+export declare const useSwitchContainerStyles: (labelAlignment: SwitchLabelAlignment) => {
+    flexDirection: "row" | "row-reverse";
+    justifyContent: "flex-start" | "space-between";
+};
+export {};
+//# sourceMappingURL=switch.hook.d.ts.map

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

@@ -0,0 +1,56 @@
+import type { ThemeColor } from '../../types';
+import type { SwitchLabelAlignment, SwitchRadius, SwitchSize, SwitchVariant } from './switch.type';
+type SwitchSizeStyles = {
+    trackWidth: number;
+    trackHeight: number;
+    thumbSize: number;
+    fontSize: number;
+    padding: number;
+};
+export declare const useSwitchColorScheme: (themeColor: ThemeColor) => {
+    main: string;
+    foreground: string;
+    background: string;
+};
+export declare const useSwitchSizeStyles: (variant: SwitchVariant, size: SwitchSize) => SwitchSizeStyles;
+export declare const useSwitchRadiusStyles: (radius: SwitchRadius) => {
+    radiusStyles: {
+        borderRadius: number;
+    };
+    thumbRadius: number;
+};
+type SwitchTrackStylesParams = {
+    colorScheme: ReturnType<typeof useSwitchColorScheme>;
+    isSelected: boolean;
+    variant: SwitchVariant;
+    sizeStyles: SwitchSizeStyles;
+    radiusStyles: {
+        borderRadius: number;
+    };
+};
+export declare const useSwitchTrackStyles: ({ colorScheme, isSelected, variant, sizeStyles, radiusStyles, }: SwitchTrackStylesParams) => {
+    borderRadius: number;
+    width: number;
+    height: number;
+    backgroundColor: string;
+    paddingHorizontal: number;
+};
+type SwitchThumbStylesParams = {
+    colorScheme: ReturnType<typeof useSwitchColorScheme>;
+    isSelected: boolean;
+    variant: SwitchVariant;
+    sizeStyles: SwitchSizeStyles;
+    thumbRadius: number;
+};
+export declare const useSwitchThumbStyles: ({ colorScheme, isSelected, variant, sizeStyles, thumbRadius, }: SwitchThumbStylesParams) => {
+    width: number;
+    height: number;
+    borderRadius: number;
+    backgroundColor: string;
+};
+export declare const useSwitchContainerStyles: (labelAlignment: SwitchLabelAlignment) => {
+    flexDirection: "row" | "row-reverse";
+    justifyContent: "flex-start" | "space-between";
+};
+export {};
+//# sourceMappingURL=switch.hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.hook.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.hook.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,KAAK,EACV,oBAAoB,EACpB,YAAY,EACZ,UAAU,EACV,aAAa,EACd,MAAM,eAAe,CAAA;AAEtB,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,YAAY,UAAU;;;;CAI1D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,SAAS,aAAa,EAAE,MAAM,UAAU,qBA0D3E,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY;;;;;CA0BzD,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,aAAa,CAAA;IACtB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,YAAY,EAAE;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAA;CACvC,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,iEAMlC,uBAAuB;kBATM,MAAM;;;;;CA6BrC,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,aAAa,CAAA;IACtB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,gEAMlC,uBAAuB;;;;;CAuBzB,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,gBAAgB,oBAAoB;;;CAiB5E,CAAA"}

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

@@ -0,0 +1,35 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    fullWidth: {
+        width: "100%";
+    };
+    track: {
+        justifyContent: "center";
+        position: "relative";
+    };
+    thumbContainer: {
+        position: "relative";
+        width: "100%";
+        height: "100%";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    thumb: {
+        position: "absolute";
+        left: number;
+    };
+    label: {
+        fontWeight: "400";
+    };
+    disabled: {
+        opacity: number;
+    };
+    disabledText: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=switch.style.d.ts.map

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

@@ -0,0 +1,35 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    fullWidth: {
+        width: "100%";
+    };
+    track: {
+        justifyContent: "center";
+        position: "relative";
+    };
+    thumbContainer: {
+        position: "relative";
+        width: "100%";
+        height: "100%";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    thumb: {
+        position: "absolute";
+        left: number;
+    };
+    label: {
+        fontWeight: "400";
+    };
+    disabled: {
+        opacity: number;
+    };
+    disabledText: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=switch.style.d.ts.map