@react-xp/aeiou 0.1.0-beta.13 → 0.1.0-beta.14

package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts

@@ -1,23 +1,21 @@
 import type { GestureResponderEvent, NativeSyntheticEvent, TargetedEvent } from 'react-native';
-import type { TAny } from '../../types';
-import type { TInteractiveState, TUseInteractiveStateOptions } from './useInteractiveState.types';
-export declare function useInteractiveState(options?: TUseInteractiveStateOptions): {
-    state: TInteractiveState;
+import type { TInteractionState, TInteractiveStateProps } from '../../types';
+export declare function useInteractiveState({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, }?: TInteractiveStateProps): {
     dataAttrs: {
-        readonly 'data-state': TInteractiveState;
+        readonly 'data-state': TInteractionState;
         readonly 'data-disabled': "true" | "false";
         readonly 'data-focused': "true" | "false";
         readonly 'data-hovered': "true" | "false";
         readonly 'data-pressed': "true" | "false";
     };
+    disabled: boolean | undefined;
     eventHandlers: {
         onBlur: (e: NativeSyntheticEvent<TargetedEvent>) => void;
         onFocus: (e: NativeSyntheticEvent<TargetedEvent>) => void;
-        onIn: (e: TAny) => void;
         onPress: (e: GestureResponderEvent) => void;
         onPressIn: (e: GestureResponderEvent) => void;
         onPressOut: (e: GestureResponderEvent) => void;
-        onOut: (e: TAny) => void;
     };
+    interactiveState: TInteractionState;
 };
 //# sourceMappingURL=useInteractiveState.native.d.ts.map

package/dist/types/hooks/useInteractiveState/useInteractiveState.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInteractiveState.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,2BAAgC;;;;;;;;;;oBA0B7D,oBAAoB,CAAC,aAAa,CAAC;qBAUlC,oBAAoB,CAAC,aAAa,CAAC;kBAStC,IAAI;qBASD,qBAAqB;uBAyBnB,qBAAqB;wBASpB,qBAAqB;mBAS1B,IAAI;;EAYlB"}
+{"version":3,"file":"useInteractiveState.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,oBAAoB,EACpB,aAAa,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE7E,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,GACN,GAAE,sBAA2B;;;;;;;;;;oBAed,oBAAoB,CAAC,aAAa,CAAC;qBASlC,oBAAoB,CAAC,aAAa,CAAC;qBASnC,qBAAqB;uBAyBnB,qBAAqB;wBASpB,qBAAqB;;;EAiBxC"}

package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts

@@ -1,24 +1,22 @@
-import type { TAny } from '../../types';
-import type { TInteractiveState, TUseInteractiveStateOptions } from './useInteractiveState.types';
-export declare function useInteractiveState(options?: TUseInteractiveStateOptions): {
-    state: TInteractiveState;
+import type { TAny, TInteractionState, TInteractiveStateProps } from '../../types';
+export declare function useInteractiveState({ disabled, onBlur, onClick, onFocus, onPress, onIn, onOut, }?: TInteractiveStateProps): {
     dataAttrs: {
-        readonly 'data-state': TInteractiveState;
+        readonly 'data-state': TInteractionState;
         readonly 'data-disabled': "true" | "false";
         readonly 'data-focused': "true" | "false";
         readonly 'data-hovered': "true" | "false";
         readonly 'data-pressed': "true" | "false";
     };
+    disabled: boolean | undefined;
     eventHandlers: {
         onBlur: (e: React.FocusEvent<TAny>) => void;
         onClick: (e: React.MouseEvent<TAny>) => void;
         onFocus: (e: React.FocusEvent<TAny>) => void;
-        onIn: (e: React.MouseEvent<TAny>) => void;
         onMouseDown: (e: React.MouseEvent<TAny>) => void;
         onMouseEnter: (e: React.MouseEvent<TAny>) => void;
         onMouseLeave: (e: React.MouseEvent<TAny>) => void;
         onMouseUp: (e: React.MouseEvent<TAny>) => void;
-        onOut: (e: React.MouseEvent<TAny>) => void;
     };
+    interactiveState: TInteractionState;
 };
 //# sourceMappingURL=useInteractiveState.web.d.ts.map

package/dist/types/hooks/useInteractiveState/useInteractiveState.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInteractiveState.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,6BAA6B,CAAC;AAErC,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,2BAAgC;;;;;;;;;;oBAyB7D,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;qBAarB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;qBAetB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;kBAWzB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;yBASf,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;0BASrB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;0BAWtB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;uBAYzB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;mBAS1B,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;;EAYpC"}
+{"version":3,"file":"useInteractiveState.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,IAAI,EACJ,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,aAAa,CAAC;AAErB,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,GACN,GAAE,sBAA2B;;;;;;;;;;oBAad,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;qBASrB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;qBAatB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;yBASlB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;0BAOrB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;0BAStB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;uBAWzB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;;;EAiBxC"}

package/dist/types/hooks/useStyles/useStyles.helpers.d.ts

@@ -0,0 +1,171 @@
+import type { TUniversalStyle, TUniversalStylePrimitive } from '../../types';
+export declare const extractStyles: (style: TUniversalStyle) => {
+    styleBase: {
+        color?: import("react-native").ColorValue | undefined;
+        fontFamily?: string | undefined;
+        fontSize?: number | undefined;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: import("react-native").ColorValue | undefined;
+        textShadowColor?: import("react-native").ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: import("react-native").FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: import("react-native").ColorValue | undefined;
+        borderBlockColor?: import("react-native").ColorValue | undefined;
+        borderBlockEndColor?: import("react-native").ColorValue | undefined;
+        borderBlockStartColor?: import("react-native").ColorValue | undefined;
+        borderBottomColor?: import("react-native").ColorValue | undefined;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderColor?: import("react-native").ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: import("react-native").ColorValue | undefined;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderLeftColor?: import("react-native").ColorValue | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderRightColor?: import("react-native").ColorValue | undefined;
+        borderStartColor?: import("react-native").ColorValue | undefined;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: import("react-native").ColorValue | undefined;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        outlineColor?: import("react-native").ColorValue | undefined;
+        outlineOffset?: import("react-native").AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: import("react-native").AnimatableNumericValue | undefined;
+        opacity?: import("react-native").AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: import("react-native").CursorValue | undefined;
+        boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<import("react-native").FilterFunction> | string | undefined;
+        mixBlendMode?: import("react-native").BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<import("react-native").GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: import("react-native").FlexAlignType | undefined;
+        alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: import("react-native").DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: import("react-native").DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: import("react-native").DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: import("react-native").DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: import("react-native").DimensionValue | undefined;
+        margin?: import("react-native").DimensionValue | undefined;
+        marginBottom?: import("react-native").DimensionValue | undefined;
+        marginEnd?: import("react-native").DimensionValue | undefined;
+        marginHorizontal?: import("react-native").DimensionValue | undefined;
+        marginLeft?: import("react-native").DimensionValue | undefined;
+        marginRight?: import("react-native").DimensionValue | undefined;
+        marginStart?: import("react-native").DimensionValue | undefined;
+        marginTop?: import("react-native").DimensionValue | undefined;
+        marginVertical?: import("react-native").DimensionValue | undefined;
+        maxHeight?: import("react-native").DimensionValue | undefined;
+        maxWidth?: import("react-native").DimensionValue | undefined;
+        minHeight?: import("react-native").DimensionValue | undefined;
+        minWidth?: import("react-native").DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: import("react-native").DimensionValue | undefined;
+        paddingBottom?: import("react-native").DimensionValue | undefined;
+        paddingEnd?: import("react-native").DimensionValue | undefined;
+        paddingHorizontal?: import("react-native").DimensionValue | undefined;
+        paddingLeft?: import("react-native").DimensionValue | undefined;
+        paddingRight?: import("react-native").DimensionValue | undefined;
+        paddingStart?: import("react-native").DimensionValue | undefined;
+        paddingTop?: import("react-native").DimensionValue | undefined;
+        paddingVertical?: import("react-native").DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: import("react-native").DimensionValue | undefined;
+        start?: import("react-native").DimensionValue | undefined;
+        top?: import("react-native").DimensionValue | undefined;
+        width?: import("react-native").DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: import("react-native").DimensionValue | undefined;
+        insetBlock?: import("react-native").DimensionValue | undefined;
+        insetBlockEnd?: import("react-native").DimensionValue | undefined;
+        insetBlockStart?: import("react-native").DimensionValue | undefined;
+        insetInline?: import("react-native").DimensionValue | undefined;
+        insetInlineEnd?: import("react-native").DimensionValue | undefined;
+        insetInlineStart?: import("react-native").DimensionValue | undefined;
+        marginBlock?: import("react-native").DimensionValue | undefined;
+        marginBlockEnd?: import("react-native").DimensionValue | undefined;
+        marginBlockStart?: import("react-native").DimensionValue | undefined;
+        marginInline?: import("react-native").DimensionValue | undefined;
+        marginInlineEnd?: import("react-native").DimensionValue | undefined;
+        marginInlineStart?: import("react-native").DimensionValue | undefined;
+        paddingBlock?: import("react-native").DimensionValue | undefined;
+        paddingBlockEnd?: import("react-native").DimensionValue | undefined;
+        paddingBlockStart?: import("react-native").DimensionValue | undefined;
+        paddingInline?: import("react-native").DimensionValue | undefined;
+        paddingInlineEnd?: import("react-native").DimensionValue | undefined;
+        paddingInlineStart?: import("react-native").DimensionValue | undefined;
+        shadowColor?: import("react-native").ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: import("react-native").AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<import("react-native").MaximumOneOf<import("react-native").PerspectiveTransform & import("react-native").RotateTransform & import("react-native").RotateXTransform & import("react-native").RotateYTransform & import("react-native").RotateZTransform & import("react-native").ScaleTransform & import("react-native").ScaleXTransform & import("react-native").ScaleYTransform & import("react-native").TranslateXTransform & import("react-native").TranslateYTransform & import("react-native").SkewXTransform & import("react-native").SkewYTransform & import("react-native").MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: import("react-native").AnimatableNumericValue | undefined;
+        scaleX?: import("react-native").AnimatableNumericValue | undefined;
+        scaleY?: import("react-native").AnimatableNumericValue | undefined;
+        translateX?: import("react-native").AnimatableNumericValue | undefined;
+        translateY?: import("react-native").AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+        $disabled?: TUniversalStylePrimitive;
+        $focused?: TUniversalStylePrimitive;
+        $hovered?: TUniversalStylePrimitive;
+        $pressed?: TUniversalStylePrimitive;
+    };
+    styleDisabled: import("react-native").TextStyle;
+    styleFocused: import("react-native").TextStyle;
+    styleHovered: import("react-native").TextStyle;
+    stylePressed: import("react-native").TextStyle;
+};
+export declare const toKebab: (s: string) => string;
+export declare const toCssDecls: (style?: TUniversalStylePrimitive) => string;
+//# sourceMappingURL=useStyles.helpers.d.ts.map

package/dist/types/hooks/useStyles/useStyles.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.helpers.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStyles/useStyles.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE7E,eAAO,MAAM,aAAa,GAAI,OAAO,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBnD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,GAAG,MAAM,WACkB,CAAC;AAEpD,eAAO,MAAM,UAAU,GAAI,QAAQ,wBAAwB,WAU1D,CAAC"}

package/dist/types/hooks/useStyles/useStyles.native.d.ts

@@ -0,0 +1,15 @@
+import type { TUniversalStyleOptions } from '../../types';
+import type { TUseStylesMethodGetStylesProps } from './useStyles.types';
+export declare const useStyles: () => {
+    getStyles: <TStyle>({ disabled, style, }: TUseStylesMethodGetStylesProps) => {
+        style?: undefined;
+    } | {
+        style: TStyle;
+    };
+    getStylesWithInteraction: <TStyle>({ disabled, style }: TUseStylesMethodGetStylesProps) => (options?: TUniversalStyleOptions) => {
+        style?: undefined;
+    } | {
+        style: TStyle;
+    };
+};
+//# sourceMappingURL=useStyles.native.d.ts.map

package/dist/types/hooks/useStyles/useStyles.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.native.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStyles/useStyles.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAwDxE,eAAO,MAAM,SAAS;gBAtDH,MAAM,wBAGtB,8BAA8B;;;eAaE,MAAM;;+BAItC,MAAM,uBAAwB,8BAA8B,MAC5D,UAAU,sBAAsB;;;eA8BE,MAAM;;CAQ1C,CAAC"}

package/dist/types/hooks/useStyles/useStyles.types.d.ts

@@ -0,0 +1,6 @@
+import type { TUniversalStyle } from '../../types';
+export type TUseStylesMethodGetStylesProps = {
+    disabled?: boolean;
+    style?: TUniversalStyle;
+};
+//# sourceMappingURL=useStyles.types.d.ts.map

package/dist/types/hooks/useStyles/useStyles.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStyles/useStyles.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC"}

package/dist/types/hooks/useStyles/useStyles.web.d.ts

@@ -0,0 +1,11 @@
+import type { TUniversalStyle } from '../../types';
+import type { TUseStylesMethodGetStylesProps } from './useStyles.types';
+export declare const createInteractiveClass: ({ disabled, id, style, }: {
+    disabled?: boolean;
+    id: string;
+    style: TUniversalStyle;
+}) => string;
+export declare const useStyles: () => {
+    getStyles: ({ disabled, style }: TUseStylesMethodGetStylesProps) => {};
+};
+//# sourceMappingURL=useStyles.web.d.ts.map

package/dist/types/hooks/useStyles/useStyles.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.web.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStyles/useStyles.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAgBxE,eAAO,MAAM,sBAAsB,GAAI,0BAIpC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE,WAsC5D,CAAC;AAiBF,eAAO,MAAM,SAAS;qCAbE,8BAA8B;CA4BrD,CAAC"}

package/dist/types/types/base.d.ts

@@ -1,16 +1,38 @@
 import type { CSSProperties, ReactNode, Ref } from 'react';
-import type { AccessibilityRole, AccessibilityState, StyleProp, TextStyle } from 'react-native';
+import type { AccessibilityRole, AccessibilityState, ImageStyle, TextStyle, ViewStyle } from 'react-native';
 export type TAny = any;
-export type TNativeStyle<TStyle = TextStyle> = StyleProp<TStyle>;
+export type TUniversalStylePrimitive = TextStyle;
+export type TNativeStyle = ImageStyle | TextStyle | ViewStyle;
 export type TWebStyle = CSSProperties;
-export type TUniversalStyle = TNativeStyle | TWebStyle;
+export type TUniversalStyle = TUniversalStylePrimitive & {
+    $disabled?: TUniversalStylePrimitive;
+    $focused?: TUniversalStylePrimitive;
+    $hovered?: TUniversalStylePrimitive;
+    $pressed?: TUniversalStylePrimitive;
+};
+export type TUniversalStyleOptions = {
+    focused?: boolean;
+    hovered?: boolean;
+    pressed?: boolean;
+};
+export type TInteractionState = 'idle' | 'hovered' | 'pressed' | 'focused';
 export type TBasePrimitiveProps = {
     children?: ReactNode;
     className?: string;
     ref?: Ref<TAny>;
     style?: TUniversalStyle;
 };
-export type TBaseInteractionProps = {
+export type TInteractiveHandlersProps = {
+    disabled?: boolean;
+    onBlur?: (e?: TAny) => void;
+    onClick?: (e?: TAny) => void;
+    onFocus?: (e?: TAny) => void;
+    onIn?: (e?: TAny) => void;
+    onOut?: (e?: TAny) => void;
+    onPress?: (e?: TAny) => void;
+};
+export type TInteractiveStateProps = {
+    disabled?: boolean;
     onBlur?: (e?: TAny) => void;
     onClick?: (e?: TAny) => void;
     onFocus?: (e?: TAny) => void;
@@ -18,14 +40,14 @@ export type TBaseInteractionProps = {
     onOut?: (e?: TAny) => void;
     onPress?: (e?: TAny) => void;
 };
-export type TBasePrimitiveWithActionProps = TBasePrimitiveProps & TBaseInteractionProps;
+export type TBasePrimitiveWithActionProps = TBasePrimitiveProps & TInteractiveHandlersProps;
 export type TActionProps = TBasePrimitiveWithActionProps & {
     accessibilityLabel?: string;
     accessibilityRole?: AccessibilityRole;
     accessibilityState?: AccessibilityState;
     disabled?: boolean;
     loading?: boolean;
-    testID?: string;
+    testId?: string;
 };
 export type TElementProps = TBasePrimitiveWithActionProps & {
     disabled?: boolean;

package/dist/types/types/base.d.ts.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-xp/aeiou",
   "description": "This is a React Experience aeiou package",
-  "version": "0.1.0-beta.13",
+  "version": "0.1.0-beta.14",
   "publishConfig": {
     "access": "public"
   },

package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts

@@ -1,18 +0,0 @@
-import type { TAny, TBaseInteractionProps } from '../../types';
-export type TInteractiveState = 'idle' | 'hovered' | 'pressed' | 'focused' | 'disabled';
-export type TInteractionDataAttrs = {
-    'data-state': TInteractiveState;
-    'data-hovered': string;
-    'data-pressed': string;
-    'data-focused': string;
-    'data-disabled': string;
-};
-export type TUseInteractiveStateOptions = TBaseInteractionProps & {
-    disabled?: boolean;
-};
-export type TUseInteractiveStateResult = {
-    state: TInteractiveState;
-    dataAttrs: TInteractionDataAttrs;
-    eventHandlers: Record<string, TAny>;
-};
-//# sourceMappingURL=useInteractiveState.types.d.ts.map

package/dist/types/hooks/useInteractiveState/useInteractiveState.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInteractiveState.types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useInteractiveState/useInteractiveState.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,iBAAiB,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,iBAAiB,CAAC;IACzB,SAAS,EAAE,qBAAqB,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;CACrC,CAAC"}