dhre-ui-kit 2.0.23 → 3.0.0

package/lib/components/customInputText/CustomInputText.styles.d.ts

@@ -18,7 +18,7 @@ declare const styles: {
         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;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
         textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -32,7 +32,7 @@ declare const styles: {
         } | undefined;
         textShadowRadius?: number | undefined;
         textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        testID?: string | undefined;
         fontVariant?: import("react-native").FontVariant[] | undefined;
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -41,41 +41,31 @@ declare const styles: {
         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;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: 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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
         aspectRatio?: number | string | undefined;
@@ -87,15 +77,14 @@ declare const styles: {
         borderTopWidth?: number | undefined;
         borderWidth?: number | undefined;
         bottom?: import("react-native").DimensionValue | undefined;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | undefined;
+        display?: "none" | "flex" | undefined;
         end?: import("react-native").DimensionValue | undefined;
         flex: number;
         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;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -125,32 +114,13 @@ declare const styles: {
         paddingStart?: import("react-native").DimensionValue | undefined;
         paddingTop?: import("react-native").DimensionValue | undefined;
         paddingVertical?: import("react-native").DimensionValue | undefined;
-        position?: "absolute" | "relative" | "static" | undefined;
+        position?: "absolute" | "relative" | 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;
@@ -158,8 +128,7 @@ declare const styles: {
         }> | 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;
+        transform?: (import("react-native").PerpectiveTransform | 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)[] | undefined;
         transformMatrix?: Array<number> | undefined;
         rotation?: import("react-native").AnimatableNumericValue | undefined;
         scaleX?: import("react-native").AnimatableNumericValue | undefined;

package/lib/components/customSearchBar/CustomSearchBar.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CustomSearchBarProps } from './CustomSearchBar.interface';
-declare const CustomSearchBar: ({ value, height, disabled, testID, inputContainerStyle, searchIconStyle, crossIconStyle, inputStyle, onSearchIconPress, onCrossIconPress, handleOnChangeText, setValue, searchIcon, rightIcon, disableBorderColor, borderColor, disablePlaceHolderStyle, enablePlaceHolderStyle, handlePress, pointerEvents, autoFocus, ...props }: CustomSearchBarProps) => React.JSX.Element;
-export default CustomSearchBar;
+declare const _default: (props: CustomSearchBarProps) => React.JSX.Element;
+export default _default;

package/lib/components/customSearchBar/CustomSearchBar.interface.d.ts

@@ -1,6 +1,7 @@
 import { GestureResponderEvent, TextInputProps, TextStyle, ViewStyle } from 'react-native';
 export interface CustomSearchBarProps extends TextInputProps {
     height?: number;
+    size?: 'large' | 'small';
     disabled?: boolean;
     testID?: string;
     inputContainerStyle?: ViewStyle;

package/lib/components/customSearchBar/CustomSearchBar.styles.d.ts

@@ -7,15 +7,26 @@ declare const styles: {
         borderRadius: number;
         borderWidth: number;
     };
+    inputContainerLarge: {
+        paddingVertical: number;
+        maxHeight: number;
+        height: number;
+    };
+    inputContainerSmall: {
+        paddingVertical: number;
+        maxHeight: number;
+        height: number;
+    };
     input: {
-        color: string;
         textAlignVertical: "center";
-        paddingVertical: number;
+        paddingVertical: 0;
         paddingBottom: number;
+        height: number;
+        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;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
         textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -29,7 +40,7 @@ declare const styles: {
         } | undefined;
         textShadowRadius?: number | undefined;
         textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        testID?: string | undefined;
         fontVariant?: import("react-native").FontVariant[] | undefined;
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -38,41 +49,31 @@ declare const styles: {
         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;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: 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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
         aspectRatio?: number | string | undefined;
@@ -84,19 +85,17 @@ declare const styles: {
         borderTopWidth?: number | undefined;
         borderWidth?: number | undefined;
         bottom?: import("react-native").DimensionValue | undefined;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | undefined;
+        display?: "none" | "flex" | undefined;
         end?: import("react-native").DimensionValue | undefined;
         flex: number;
         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;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | 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;
@@ -120,32 +119,13 @@ declare const styles: {
         paddingRight?: import("react-native").DimensionValue | undefined;
         paddingStart?: import("react-native").DimensionValue | undefined;
         paddingTop?: import("react-native").DimensionValue | undefined;
-        position?: "absolute" | "relative" | "static" | undefined;
+        position?: "absolute" | "relative" | 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;
@@ -153,8 +133,7 @@ declare const styles: {
         }> | 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;
+        transform?: (import("react-native").PerpectiveTransform | 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)[] | undefined;
         transformMatrix?: Array<number> | undefined;
         rotation?: import("react-native").AnimatableNumericValue | undefined;
         scaleX?: import("react-native").AnimatableNumericValue | undefined;
@@ -164,11 +143,11 @@ declare const styles: {
         verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
         includeFontPadding?: boolean | undefined;
     };
-    crossIconStyle: {
-        marginLeft: number;
-    };
     searchIconStyle: {
         marginRight: number;
     };
+    crossIconStyle: {
+        marginLeft: number;
+    };
 };
 export default styles;

package/lib/components/dateRangePicker/DateRangePicker.styles.d.ts

@@ -11,7 +11,7 @@ declare const styles: {
         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;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
         letterSpacing?: number | undefined;
         lineHeight?: number | undefined;
         textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
@@ -25,7 +25,7 @@ declare const styles: {
         } | undefined;
         textShadowRadius?: number | undefined;
         textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
-        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        testID?: string | undefined;
         fontVariant?: import("react-native").FontVariant[] | undefined;
         writingDirection?: "auto" | "ltr" | "rtl" | undefined;
         backfaceVisibility?: "visible" | "hidden" | undefined;
@@ -34,41 +34,31 @@ declare const styles: {
         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;
+        borderBottomEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderBottomStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderEndEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderEndStartRadius?: import("react-native").AnimatableNumericValue | undefined;
         borderLeftColor?: import("react-native").ColorValue | undefined;
-        borderRadius?: import("react-native").AnimatableNumericValue | string | undefined;
+        borderRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderStartEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderStartStartRadius?: import("react-native").AnimatableNumericValue | 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;
+        borderTopEndRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopLeftRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopRightRadius?: import("react-native").AnimatableNumericValue | undefined;
+        borderTopStartRadius?: 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;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
         alignItems?: import("react-native").FlexAlignType | undefined;
         alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
         aspectRatio?: number | string | undefined;
@@ -80,15 +70,14 @@ declare const styles: {
         borderTopWidth?: number | undefined;
         borderWidth?: number | undefined;
         bottom?: import("react-native").DimensionValue | undefined;
-        boxSizing?: "border-box" | "content-box" | undefined;
-        display?: "none" | "flex" | "contents" | undefined;
+        display?: "none" | "flex" | 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;
+        rowGap?: number | undefined;
+        gap?: number | undefined;
+        columnGap?: number | undefined;
         flexGrow?: number | undefined;
         flexShrink?: number | undefined;
         flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -118,32 +107,13 @@ declare const styles: {
         paddingStart?: import("react-native").DimensionValue | undefined;
         paddingTop?: import("react-native").DimensionValue | undefined;
         paddingVertical?: import("react-native").DimensionValue | undefined;
-        position?: "absolute" | "relative" | "static" | undefined;
+        position?: "absolute" | "relative" | 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;
@@ -151,8 +121,7 @@ declare const styles: {
         }> | 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;
+        transform?: (import("react-native").PerpectiveTransform | 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)[] | undefined;
         transformMatrix?: Array<number> | undefined;
         rotation?: import("react-native").AnimatableNumericValue | undefined;
         scaleX?: import("react-native").AnimatableNumericValue | undefined;

package/lib/components/dropDown/DropDown.d.ts

@@ -28,9 +28,14 @@ interface CustomDropdownProps {
     menuContainerStyle?: ViewStyle;
     activeColor?: string;
     renderRightIcon?: (visible?: boolean) => JSX.Element | null;
+    leftIcon?: () => React.ReactElement | null;
+    helperText?: string;
+    errorMessage?: string;
     disable?: boolean;
     autoScroll?: boolean;
     selectedTextProps?: import('react-native').TextProps;
+    dropdownPosition?: 'auto' | 'top' | 'bottom';
+    flatListProps?: import('react-native').FlatListProps<Record<string, string>>;
 }
-declare const CustomDropdown: (props: CustomDropdownProps) => React.JSX.Element;
-export default CustomDropdown;
+declare const _default: (props: CustomDropdownProps) => React.JSX.Element;
+export default _default;

package/lib/components/feedback/feedback.d.ts

@@ -4,6 +4,7 @@ declare const _default: (props: {
     title: string;
     feedback: string;
     inputText: string;
+    inputLabel?: string;
     rightBtnTxt: string;
     leftBtnTxt: string;
     clearAllData?: () => void;

package/lib/components/feedback/feedback.style.d.ts

@@ -3,47 +3,45 @@ export declare const createStyles: (theme: any) => {
         flex: number;
         padding: number;
         justifyContent: "center";
-        backgroundColor: any;
     };
     headerText: {
         color: any;
         marginBottom: number;
     };
-    textInput: {
+    inputContainer: {
         borderRadius: number;
         padding: number;
-        color: string;
-        textAlignVertical: "top";
         minHeight: number;
         borderColor: any;
         borderWidth: number;
         backgroundColor: string;
     };
+    inputLabelWrapper: {
+        position: "absolute";
+        top: number;
+        left: number;
+        backgroundColor: any;
+        paddingHorizontal: number;
+    };
+    inputLabel: {
+        color: any;
+    };
+    textInput: {
+        flex: number;
+        color: any;
+        textAlignVertical: "top";
+        padding: number;
+    };
     charCounter: {
         textAlign: "left";
         marginTop: number;
+        padding: number;
         color: any;
     };
     buttonContainer: {
         flexDirection: "row";
         marginTop: number;
-    };
-    feedbackButton: {
-        backgroundColor: any;
-        borderColor: any;
-        borderWidth: number;
-        paddingVertical: number;
-        paddingHorizontal: number;
-    };
-    feedbackButtonDisable: {
-        backgroundColor: any;
-        borderColor: any;
-        borderWidth: number;
-        paddingVertical: number;
-        paddingHorizontal: number;
-    };
-    cancelButton: {
-        paddingVertical: number;
-        paddingHorizontal: number;
+        gap: number;
+        alignItems: "center";
     };
 };

package/lib/components/loader/Loader.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Loader
+ *
+ * A full-screen overlay spinner that matches the DHDS design system
+ *
+ * Visual spec:
+ *  - Full-screen absolute overlay with a semi-transparent black backdrop
+ *  - 96 × 96 dp circular arc spinner centred on screen (pre-scale default)
+ *  - White arc covering ~270° of the circle with a faint background track
+ *  - Continuous clockwise rotation: one full revolution in 1 600 ms (Figma spec)
+ *  - Optional label centred inside the arc (e.g. "50%"); static, does not rotate
+ *
+ * Usage:
+ *  <Loader loading={isLoading} />
+ *  <Loader loading={isLoading} text={`${progress}%`} />
+ *  <Loader loading={isLoading} backdropStyle={{ backgroundColor: 'rgba(0,0,0,0.6)' }} />
+ */
+import React from 'react';
+import { LoaderProps } from './Loader.interface';
+declare const _default: (props: LoaderProps) => React.JSX.Element;
+export default _default;