@eleventheye/asui 2.13.3 → 2.14.1

package/dist/asmodal/styles.d.ts

@@ -1,8 +1,10 @@
 import { ASModalBackdropStyledProps, ASModalStyledProps } from './ASModal.types';
-export declare const ASModalBackdropStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../astappable").ASTappableProps & {
+export declare const ASModalBackdropStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, ASModalBackdropStyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASModalBackdropStyledProps> & ASModalBackdropStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASModalBackdropStyledProps> & ASModalBackdropStyledProps, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ASModalChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASModalStyledProps>> & string;
+export declare const ASModalChildrenWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASModalStyledProps> & ASModalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASModalStyledProps> & ASModalStyledProps, never>>> & string;
 //# sourceMappingURL=styles.d.ts.map

package/dist/asmodal/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asmodal/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,eAAO,MAAM,qBAAqB;;;;kGAcjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,uPAmClC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asmodal/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEjF,eAAO,MAAM,qBAAqB;;;;;;kGAcjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,igBAmClC,CAAC"}

package/dist/asnavbar/desktop/styles.d.ts

@@ -9,14 +9,14 @@ interface ASNavBarStyledProps {
     $padding?: string;
     $hideNavArrowButtonsInDW?: boolean;
 }
-export declare const ASNavBarDWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
+export declare const ASNavBarDWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never>>> & string;
 interface ASNavBarSelectedBoxStyledProps {
     theme: ASTheme;
     $mobileMode?: boolean;
     $height?: number;
     $borderRadius?: number;
 }
-export declare const ASSelectedBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ASNavBarSelectedBoxStyledProps>> & string;
+export declare const ASSelectedBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ASNavBarSelectedBoxStyledProps> & ASNavBarSelectedBoxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ASNavBarSelectedBoxStyledProps> & ASNavBarSelectedBoxStyledProps, never>>> & string;
 interface ASNavBarItemStyledProps {
     theme: ASTheme;
     $mobileMode?: boolean;
@@ -24,9 +24,9 @@ interface ASNavBarItemStyledProps {
     $margin?: string;
     $padding?: string;
 }
-export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemStyledProps>> & string;
-export declare const ASNavButtonsDWContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ASNavBarScrollableItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
-export declare const ASScrollContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
+export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never>>> & string;
+export declare const ASNavButtonsDWContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ASNavBarScrollableItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never>>> & string;
+export declare const ASScrollContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never>>> & string;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/desktop/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/desktop/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAIpD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAsBD,eAAO,MAAM,gBAAgB,wPAqB5B,CAAC;AAEF,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,qQAc/B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB,4PAwC9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,6NAInC,CAAC;AAEF,eAAO,MAAM,uBAAuB,wPAYnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,wPAiBnC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/desktop/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAIpD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAsBD,eAAO,MAAM,gBAAgB,qgBAqB5B,CAAC;AAEF,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,qjBAc/B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB,qhBAwC9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,uVAInC,CAAC;AAEF,eAAO,MAAM,uBAAuB,qgBAYnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,qgBAiBnC,CAAC"}

package/dist/asnavbar/mobile/styles.d.ts

@@ -8,7 +8,7 @@ interface ASNavBarSelectedBoxStyledProps {
     $widthUnit?: string;
     $borderRadius?: number;
 }
-export declare const ASSelectedBoxMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ASNavBarSelectedBoxStyledProps>> & string;
+export declare const ASSelectedBoxMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ASNavBarSelectedBoxStyledProps> & ASNavBarSelectedBoxStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ASNavBarSelectedBoxStyledProps> & ASNavBarSelectedBoxStyledProps, never>>> & string;
 interface ASNavBarStyledProps extends ASNavBarStyleOptions {
     theme: ASTheme;
     $mobileMode?: boolean;
@@ -24,8 +24,8 @@ interface ASNavBarItemStyledProps {
     $margin?: string;
     $padding?: string;
 }
-export declare const ASNavBarItemMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../ASNavBar.types").ASNavBarItemProps, ASNavBarItemStyledProps>> & string & Omit<import("react").FC<import("../ASNavBar.types").ASNavBarItemProps>, keyof import("react").Component<any, {}, any>>;
-export declare const ScrollableNavBarItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ASNavBarMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
+export declare const ASNavBarItemMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../ASNavBar.types").ASNavBarItemProps, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../ASNavBar.types").ASNavBarItemProps, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never>>> & string & Omit<import("react").FC<import("../ASNavBar.types").ASNavBarItemProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScrollableNavBarItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ASNavBarMWStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never>>> & string;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/mobile/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/mobile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAwB1E,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,qBAAqB,qQAgBjC,CAAC;AAEF,UAAU,mBAAoB,SAAQ,oBAAoB;IACxD,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,oBAAoB,iUAwDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,6NA0BjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,wPAkB5B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/mobile/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAwB1E,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,qBAAqB,qjBAgBjC,CAAC;AAEF,UAAU,mBAAoB,SAAQ,oBAAoB;IACxD,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,oBAAoB,siBAwDhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,uVA0BjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qgBAkB5B,CAAC"}

package/dist/asnavbar/navbararrowbuttons/styles.d.ts

@@ -1,6 +1,6 @@
 import { ASComponentSize, ASTheme } from '../../apptypes';
 import { ASNavBarArrowButtonsStyledProps } from './ASNavBarArrowButtons.types';
-export declare const ASNavBarArrowButtonsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarArrowButtonsStyledProps>> & string;
+export declare const ASNavBarArrowButtonsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarArrowButtonsStyledProps> & ASNavBarArrowButtonsStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarArrowButtonsStyledProps> & ASNavBarArrowButtonsStyledProps, never>>> & string;
 interface ASNavBarIconButtonStyledProps {
     theme: ASTheme;
     $mobileMode?: boolean;
@@ -10,7 +10,7 @@ interface ASNavBarIconButtonStyledProps {
     $padding?: string;
     $size?: ASComponentSize;
 }
-export declare const ASIconButtonRightStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+export declare const ASIconButtonRightStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     className?: string;
     selected?: boolean;
     toggle?: boolean;
@@ -22,8 +22,7 @@ export declare const ASIconButtonRightStyled: import("styled-components/dist/typ
     onIconButtonTap?: (e: import("react").PointerEvent) => void;
 } & import("../..").IconProps & Omit<import("react").HTMLProps<HTMLDivElement>, "text" | "size"> & {
     children?: import("react").ReactNode | undefined;
-}, ASNavBarIconButtonStyledProps>> & string & Omit<import("react").FC<import("../../asiconbutton").ASIconButtonProps>, keyof import("react").Component<any, {}, any>>;
-export declare const ASIconButtonLeftStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<{
+}, keyof ASNavBarIconButtonStyledProps> & ASNavBarIconButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
     className?: string;
     selected?: boolean;
     toggle?: boolean;
@@ -35,6 +34,31 @@ export declare const ASIconButtonLeftStyled: import("styled-components/dist/type
     onIconButtonTap?: (e: import("react").PointerEvent) => void;
 } & import("../..").IconProps & Omit<import("react").HTMLProps<HTMLDivElement>, "text" | "size"> & {
     children?: import("react").ReactNode | undefined;
-}, ASNavBarIconButtonStyledProps>> & string & Omit<import("react").FC<import("../../asiconbutton").ASIconButtonProps>, keyof import("react").Component<any, {}, any>>;
+}, keyof ASNavBarIconButtonStyledProps> & ASNavBarIconButtonStyledProps, never>>> & string & Omit<import("react").FC<import("../../asiconbutton").ASIconButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ASIconButtonLeftStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    className?: string;
+    selected?: boolean;
+    toggle?: boolean;
+    size?: ASComponentSize;
+    iconSize?: number;
+    theme?: ASTheme;
+    isLoading?: boolean;
+    icon: import("react").FC<import("react").PropsWithChildren<import("../..").IconProps>>;
+    onIconButtonTap?: (e: import("react").PointerEvent) => void;
+} & import("../..").IconProps & Omit<import("react").HTMLProps<HTMLDivElement>, "text" | "size"> & {
+    children?: import("react").ReactNode | undefined;
+}, keyof ASNavBarIconButtonStyledProps> & ASNavBarIconButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<{
+    className?: string;
+    selected?: boolean;
+    toggle?: boolean;
+    size?: ASComponentSize;
+    iconSize?: number;
+    theme?: ASTheme;
+    isLoading?: boolean;
+    icon: import("react").FC<import("react").PropsWithChildren<import("../..").IconProps>>;
+    onIconButtonTap?: (e: import("react").PointerEvent) => void;
+} & import("../..").IconProps & Omit<import("react").HTMLProps<HTMLDivElement>, "text" | "size"> & {
+    children?: import("react").ReactNode | undefined;
+}, keyof ASNavBarIconButtonStyledProps> & ASNavBarIconButtonStyledProps, never>>> & string & Omit<import("react").FC<import("../../asiconbutton").ASIconButtonProps>, keyof import("react").Component<any, {}, any>>;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/navbararrowbuttons/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAwC/E,eAAO,MAAM,0BAA0B,oQA+BtC,CAAC;AAEF,UAAU,6BAA6B;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;qKAKnC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;qKAKlC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbararrowbuttons/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAiB,MAAM,gBAAgB,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAwC/E,eAAO,MAAM,0BAA0B,qjBA+BtC,CAAC;AAEF,UAAU,6BAA6B;IACrC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;oNAKnC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;oNAKlC,CAAC"}

package/dist/asnavbar/navbaritem/styles.d.ts

@@ -6,9 +6,11 @@ interface ASNavBarItemStyledProps {
     $margin?: string;
     $padding?: string;
 }
-export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../astappable").ASTappableProps & {
+export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, ASNavBarItemStyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../astappable").ASTappableProps & {
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../../astappable").ASTappableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASNavBarItemStyledProps> & ASNavBarItemStyledProps, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/asnavbar/navbaritem/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbaritem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAKpD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB;;;;kGAoE9B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbaritem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAKpD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB;;;;;;kGAoE9B,CAAC"}

package/dist/asnavbar/navbarpickpanel/styles.d.ts

@@ -6,6 +6,6 @@ interface ASNavBarPickPanelStyledProps {
     $padding?: string;
     $gap?: number;
 }
-export declare const ASNavBarPickPanelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarPickPanelStyledProps>> & string;
+export declare const ASNavBarPickPanelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarPickPanelStyledProps> & ASNavBarPickPanelStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarPickPanelStyledProps> & ASNavBarPickPanelStyledProps, never>>> & string;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/navbarpickpanel/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbarpickpanel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AA6BpD,UAAU,4BAA4B;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,uBAAuB,iQA4BnC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbarpickpanel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AA6BpD,UAAU,4BAA4B;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,uBAAuB,yiBA4BnC,CAAC"}

package/dist/asnavbar/navbarpickpanelitem/styles.d.ts

@@ -6,9 +6,11 @@ interface ASNavBarPickPanelItemStyledProps {
     $margin?: string;
     $padding?: string;
 }
-export declare const ASNavBarPickPanelItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../astappable").ASTappableProps & {
+export declare const ASNavBarPickPanelItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, ASNavBarPickPanelItemStyledProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../astappable").ASTappableProps & {
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASNavBarPickPanelItemStyledProps> & ASNavBarPickPanelItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../../astappable").ASTappableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, keyof ASNavBarPickPanelItemStyledProps> & ASNavBarPickPanelItemStyledProps, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/asnavbar/navbarpickpanelitem/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbarpickpanelitem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAKpD,UAAU,gCAAgC;IACxC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,2BAA2B;;;;kGAgEvC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/asnavbar/navbarpickpanelitem/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAKpD,UAAU,gCAAgC;IACxC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,2BAA2B;;;;;;kGAgEvC,CAAC"}

package/dist/asnavbar/styles.d.ts

@@ -5,11 +5,11 @@ interface ASNavBarStyledProps extends ASNavBarStyleOptions {
     $gap?: number;
     $maxWidth?: number;
 }
-export declare const ASNavBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
+export declare const ASNavBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarStyledProps> & ASNavBarStyledProps, never>>> & string;
 interface ASNavBarItemPaddingProps {
     theme: ASTheme;
     $selected?: boolean;
 }
-export declare const ASNavBarLeadingIconPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemPaddingProps>> & string;
+export declare const ASNavBarLeadingIconPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarItemPaddingProps> & ASNavBarItemPaddingProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ASNavBarItemPaddingProps> & ASNavBarItemPaddingProps, never>>> & string;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/asnavbar/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asnavbar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAIvE,UAAU,mBAAoB,SAAQ,oBAAoB;IACxD,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,wPAiC1B,CAAC;AAEF,UAAU,wBAAwB;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,0BAA0B,6PAetC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asnavbar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAIvE,UAAU,mBAAoB,SAAQ,oBAAoB;IACxD,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qgBAiC1B,CAAC;AAEF,UAAU,wBAAwB;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,0BAA0B,yhBAetC,CAAC"}

package/dist/astappable/ASTappable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASTappable.d.ts","sourceRoot":"","sources":["../../src/astappable/ASTappable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA8BrD,QAAA,MAAM,UAAU;;wCA4Dd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ASTappable.d.ts","sourceRoot":"","sources":["../../src/astappable/ASTappable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA+BrD,QAAA,MAAM,UAAU;;wCAmEd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/astappable/ASTappable.js

@@ -30,6 +30,6 @@ const ASTappable = react_1.default.forwardRef(({ onTapped, children, ...rest },
                 clearTimeout(timeoutRef.current);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ...rest, ref: ref, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { role: "button", "aria-pressed": "false", ...rest, ref: ref, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, children: children }));
 });
 exports.default = ASTappable;

package/dist/astextfield/ASTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASTextField.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUvD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiJ3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ASTextField.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUvD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2H3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/astextfield/ASTextField.js

@@ -7,80 +7,53 @@ const ASUI_types_1 = require("../apptypes/ASUI.types");
 const astheme_1 = tslib_1.__importDefault(require("../astheme"));
 const icons_1 = require("../icons");
 const styles_1 = require("./styles");
-const ASTextField = ({ className = '', theme = astheme_1.default, value = '', onChange, onEnter, size = ASUI_types_1.ComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, disableAutofill = false, ...props }) => {
-    const passwordTypeRef = (0, react_1.useRef)(false);
+const ASTextField = ({ className = '', theme = astheme_1.default, value, defaultValue = '', onChange, onEnter, size = ASUI_types_1.ComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, disableAutofill = false, id, style, autoFocus = false, autoComplete, autoCorrect, autoCapitalize, spellCheck, onFocus, onKeyDown, ...props }) => {
     const genericId = (0, react_1.useId)();
-    const textFieldId = props.id || genericId;
-    const [valueString, setValueString] = (0, react_1.useState)(value);
-    const [clearIconVisible, setClearIconVisible] = (0, react_1.useState)(showClearButton);
-    const [searchIconVisible, setSearchIconVisible] = (0, react_1.useState)(showSearchIcon);
-    const [passwordIconVisible, setPasswordIconVisible] = (0, react_1.useState)(type === 'password');
-    const [rightIconCls, setRightIconCls] = (0, react_1.useState)('RightIconOff');
-    const [leftIconCls, setLeftIconCls] = (0, react_1.useState)('LeftIconOff');
-    const [passwordCls, setPasswordCls] = (0, react_1.useState)('');
-    const [showType, setShowType] = (0, react_1.useState)(type);
-    (0, react_1.useEffect)(() => {
-        setShowType(type);
-    }, [type]);
-    (0, react_1.useEffect)(() => {
-        setValueString(value);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        let searchIcon = showSearchIcon;
-        let clearIcon = showClearButton;
-        if (passwordTypeRef.current && type !== 'text' && type !== 'password') {
-            passwordTypeRef.current = false;
-            setPasswordIconVisible(false);
-        }
-        if (type === 'search') {
-            searchIcon = true;
-            clearIcon = true;
-        }
-        if (type === 'email') {
-            clearIcon = true;
-        }
-        if (type === 'password') {
-            passwordTypeRef.current = true;
-            setPasswordIconVisible(true);
-        }
-        setSearchIconVisible(searchIcon);
-        setClearIconVisible(clearIcon);
-    }, [showClearButton, showSearchIcon, type]);
-    (0, react_1.useEffect)(() => {
-        setRightIconCls(clearIconVisible ? 'RightIconOn' : 'RightIconOff');
-    }, [clearIconVisible]);
-    (0, react_1.useEffect)(() => {
-        setLeftIconCls(searchIconVisible ? 'LeftIconOn' : 'LeftIconOff');
-        if (searchIconVisible)
-            setRightIconCls('RightIconOn');
-    }, [searchIconVisible]);
-    (0, react_1.useEffect)(() => {
-        setPasswordCls(passwordIconVisible ? 'PasswordOn' : '');
-    }, [passwordIconVisible]);
+    const textFieldId = id || genericId;
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue);
+    const [passwordVisible, setPasswordVisible] = (0, react_1.useState)(false);
+    const inputValue = isControlled ? value : internalValue;
+    const searchIconVisible = showSearchIcon || type === 'search';
+    const clearIconVisible = showClearButton || type === 'search' || type === 'email';
+    const passwordIconVisible = type === 'password';
+    const showType = passwordIconVisible && passwordVisible ? 'text' : type;
+    const rightIconCls = clearIconVisible || passwordIconVisible ? 'RightIconOn' : 'RightIconOff';
+    const leftIconCls = searchIconVisible ? 'LeftIconOn' : 'LeftIconOff';
+    const passwordCls = passwordIconVisible ? 'PasswordOn' : '';
+    const computedAutoComplete = autoComplete ?? (passwordIconVisible ? 'new-password' : disableAutofill ? 'off' : 'on');
+    const computedAutoCorrect = autoCorrect ?? (passwordIconVisible ? 'off' : 'on');
+    const computedAutoCapitalize = autoCapitalize ?? 'none';
+    const computedSpellCheck = spellCheck ?? !passwordIconVisible;
     const onValueChange = (e) => {
-        const target = e.target;
-        setValueString(target.value);
-        onChange?.(target.value);
+        const nextValue = e.currentTarget.value;
+        if (!isControlled) {
+            setInternalValue(nextValue);
+        }
+        onChange?.(nextValue);
     };
     const clearValue = () => {
-        setValueString('');
+        if (!isControlled) {
+            setInternalValue('');
+        }
         onChange?.('');
     };
     const onInputFieldFocus = (e) => {
-        const target = e.target;
-        target.select();
-        return e;
+        e.currentTarget.select();
+        onFocus?.(e);
     };
     const handleKeyDown = (e) => {
         if (e.key === 'Enter' && onEnter) {
-            onEnter(valueString);
+            onEnter(e.currentTarget.value);
         }
-        props.onKeyDown?.(e);
+        onKeyDown?.(e);
     };
     const onPasswordShowHide = () => {
-        setShowType(showType === 'password' ? 'text' : 'password');
+        setPasswordVisible((currentPasswordVisible) => !currentPasswordVisible);
     };
-    const baseCls = `"ASTextFieldInputContainer" ${size} ${leftIconCls} ${rightIconCls} ${passwordCls} ${className}`;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldInputContainer, { theme: theme, className: baseCls, style: props.style, children: [searchIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldSearchIcon, { theme: theme, className: "ASTextFieldSearchIcon", children: (0, jsx_runtime_1.jsx)(icons_1.SearchIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 }) })), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldInput, { theme: theme, autoComplete: passwordIconVisible ? 'new-password' : disableAutofill ? 'off' : 'on', "aria-autocomplete": passwordIconVisible ? 'none' : 'list', autoCorrect: passwordIconVisible ? 'off' : 'on', autoCapitalize: 'none', spellCheck: passwordIconVisible ? 'false' : 'true', autoFocus: true, id: textFieldId, className: "ASTextFieldInput", type: showType, value: valueString, onChange: onValueChange, onFocus: onInputFieldFocus, onKeyDown: handleKeyDown, ...props }), clearIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldClearIcon", onTapped: clearValue, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { color: "transparent", fillColor: "#333333", circleStrokeColor: "#666666", circleStrokeWidth: 0.5, iconSize: 20 }) })), passwordIconVisible && ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldPasswordIcon", onTapped: onPasswordShowHide, children: [showType === 'password' && (0, jsx_runtime_1.jsx)(styles_1.ScaledEyeIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 }), showType === 'text' && (0, jsx_runtime_1.jsx)(styles_1.ScaledSlashedEyeIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 })] }))] }));
+    const baseCls = ['ASTextFieldInputContainer', size, leftIconCls, rightIconCls, passwordCls, className]
+        .filter(Boolean)
+        .join(' ');
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldInputContainer, { theme: theme, className: baseCls, style: style, children: [searchIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldSearchIcon, { theme: theme, className: "ASTextFieldSearchIcon", children: (0, jsx_runtime_1.jsx)(icons_1.SearchIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 }) })), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldInput, { ...props, theme: theme, autoComplete: computedAutoComplete, "aria-autocomplete": passwordIconVisible ? 'none' : 'list', autoCorrect: computedAutoCorrect, autoCapitalize: computedAutoCapitalize, spellCheck: computedSpellCheck, autoFocus: autoFocus, id: textFieldId, className: "ASTextFieldInput", type: showType, value: inputValue, onChange: onValueChange, onFocus: onInputFieldFocus, onKeyDown: handleKeyDown }), clearIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldClearIcon", onTapped: clearValue, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { color: "transparent", fillColor: "#333333", circleStrokeColor: "#666666", circleStrokeWidth: 0.5, iconSize: 20 }) })), passwordIconVisible && ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldPasswordIcon", onTapped: onPasswordShowHide, children: [showType === 'password' && (0, jsx_runtime_1.jsx)(styles_1.ScaledEyeIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 }), showType === 'text' && (0, jsx_runtime_1.jsx)(styles_1.ScaledSlashedEyeIcon, { color: "#333333", fillColor: "#333333", iconSize: 20 })] }))] }));
 };
 exports.default = ASTextField;

package/dist/astextfield/ASTextField.types.d.ts

@@ -4,11 +4,12 @@ export type ASTextFieldProps = {
     className?: string;
     theme?: typeof ASThemeDefault;
     value?: string;
+    defaultValue?: string;
     onChange?: (value: string) => void;
     size?: ASComponentSize;
     showClearButton?: boolean;
     disableAutofill?: boolean;
     showSearchIcon?: boolean;
     onEnter?: (value: string) => void;
-} & Omit<React.HTMLProps<HTMLInputElement>, 'size' | 'onChange'>;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange'>;
 //# sourceMappingURL=ASTextField.types.d.ts.map

package/dist/astextfield/ASTextField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASTextField.types.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAK7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,cAAc,CAAC;IAM9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IASnC,IAAI,CAAC,EAAE,eAAe,CAAC;IAOvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAO1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAQ1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"ASTextField.types.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAK7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,cAAc,CAAC;IAM9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,YAAY,CAAC,EAAE,MAAM,CAAC;IAMtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IASnC,IAAI,CAAC,EAAE,eAAe,CAAC;IAOvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAO1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAQ1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAMzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC"}

package/dist/astextfield/styles.d.ts

@@ -1,24 +1,36 @@
 import { ASTheme } from '../apptypes/ASUI.types';
-export declare const ASTextFieldInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ASTextFieldInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme"> & {
     theme: ASTheme;
-}>> & string;
-export declare const ASTextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme"> & {
     theme: ASTheme;
-}>> & string;
-export declare const ASTextFieldClickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../astappable").ASTappableProps & {
+}, never>>> & string;
+export declare const ASTextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme"> & {
+    theme: ASTheme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme"> & {
+    theme: ASTheme;
+}, never>>> & string;
+export declare const ASTextFieldClickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "theme"> & {
+    theme: ASTheme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, {
+} & import("react").RefAttributes<HTMLDivElement>, "theme"> & {
     theme: ASTheme;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
+}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ASTextFieldSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../astappable").ASTappableProps & {
+export declare const ASTextFieldSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "theme"> & {
+    theme: ASTheme;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>, {
+} & import("react").RefAttributes<HTMLDivElement>, "theme"> & {
     theme: ASTheme;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
+}, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("../astappable").ASTappableProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const ScaledSlashedEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
-export declare const ScaledEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScaledSlashedEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never> & Partial<Pick<import("../icons").IconProps, never>>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScaledEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never> & Partial<Pick<import("../icons").IconProps, never>>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/astextfield/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/astextfield/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAIjD,eAAO,MAAM,yBAAyB;WAAuB,OAAO;YAmHnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;WAAyB,OAAO;YAkD5D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;WAA+B,OAAO;;;kGAStE,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;WAA+B,OAAO;;;kGAGvE,CAAC;AAkBF,eAAO,MAAM,oBAAoB,gQAEhC,CAAC;AACF,eAAO,MAAM,aAAa,gQAEzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/astextfield/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAIjD,eAAO,MAAM,yBAAyB;WAAuB,OAAO;;WAAP,OAAO;oBAmHnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;WAAyB,OAAO;;WAAP,OAAO;oBAkD5D,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;WAA+B,OAAO;;;;WAAP,OAAO;;;kGAStE,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;WAA+B,OAAO;;;;WAAP,OAAO;;;kGAGvE,CAAC;AAkBF,eAAO,MAAM,oBAAoB,qTAEhC,CAAC;AACF,eAAO,MAAM,aAAa,qTAEzB,CAAC"}

package/dist/astextfield/styles.js

@@ -19,7 +19,7 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
   );
   color: ${(props) => props.theme.textfield.color};
   outline: 1px solid ${(props) => props.theme.textfield.borderColor};
-  border-radius: 35px;
+  border-radius: ${(props) => props.theme.textfield.borderRadius};
   -webkit-tap-highlight-color: transparent;
   padding: 0 12px;
 

package/dist/astheme/ASThemeDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,wBAAwB,CAAC;AA8EhE,QAAA,MAAM,cAAc,EAAE,OA8JrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,wBAAwB,CAAC;AA8EhE,QAAA,MAAM,cAAc,EAAE,OA+JrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/astheme/ASThemeDefault.js

@@ -115,6 +115,7 @@ const ASThemeDefault = {
     textfield: {
         color: colors.yellow30,
         borderColor: colors.mainYellow,
+        borderRadius: '35px',
         bgColorTop: colors.yellow30,
         bgColorBottom: colors.mainYellow,
         autofillBorder: colors.mainGray97,

package/dist/icons/styles.d.ts

@@ -1,7 +1,9 @@
-export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
-export declare const TopIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const IconCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never> & Partial<Pick<import("react").SVGProps<SVGSVGElement>, never>>> & string;
+export declare const TopIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, "$withCircle"> & {
     $withCircle: boolean;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, "$withCircle"> & {
+    $withCircle: boolean;
+}, never>>> & string;
 //# sourceMappingURL=styles.d.ts.map

package/dist/icons/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/icons/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6NAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,6NAKvB,CAAC;AAEF,eAAO,MAAM,UAAU,mKAItB,CAAC;AAEF,eAAO,MAAM,OAAO;iBAA6B,OAAO;YAKvD,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/icons/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,uVAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,uVAKvB,CAAC;AAEF,eAAO,MAAM,UAAU,mOAItB,CAAC;AAEF,eAAO,MAAM,OAAO;iBAA6B,OAAO;;iBAAP,OAAO;oBAKvD,CAAC"}