@rarui/typings 2.0.0-rc.1 → 2.0.0

package/dist/index.ts

@@ -1,6 +1,6 @@
 // Generated by dts-bundle-generator v9.5.1
 
-export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	/**
 	 * The **`accent-color`** CSS property sets the accent color for user-interface controls generated by some elements.
 	 *
@@ -5273,7 +5273,7 @@ export interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime =
 	 */
 	zoom?: Property.Zoom | undefined;
 }
-export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	/**
 	 * The **`all`** shorthand CSS property resets all of an element's properties except `unicode-bidi`, `direction`, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another cascade layer or stylesheet origin.
 	 *
@@ -6098,9 +6098,9 @@ export interface StandardShorthandProperties<TLength = (string & {}) | 0, TTime
 	 */
 	viewTimeline?: Property.ViewTimeline | undefined;
 }
-export interface StandardProperties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandProperties<TLength, TTime>, StandardShorthandProperties<TLength, TTime> {
+interface StandardProperties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardLonghandProperties<TLength, TTime>, StandardShorthandProperties<TLength, TTime> {
 }
-export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	/**
 	 * The **`animation-delay`** CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
 	 *
@@ -7854,7 +7854,7 @@ export interface VendorLonghandProperties<TLength = (string & {}) | 0, TTime = s
 	 */
 	WebkitWritingMode?: Property.WritingMode | undefined;
 }
-export interface VendorShorthandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface VendorShorthandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	/**
 	 * The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.
 	 *
@@ -8006,9 +8006,9 @@ export interface VendorShorthandProperties<TLength = (string & {}) | 0, TTime =
 	 */
 	WebkitTransition?: Property.Transition<TTime> | undefined;
 }
-export interface VendorProperties<TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandProperties<TLength, TTime>, VendorShorthandProperties<TLength, TTime> {
+interface VendorProperties<TLength = (string & {}) | 0, TTime = string & {}> extends VendorLonghandProperties<TLength, TTime>, VendorShorthandProperties<TLength, TTime> {
 }
-export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	/**
 	 * In combination with `elevation`, the **`azimuth`** CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.
 	 *
@@ -9062,7 +9062,7 @@ export interface ObsoleteProperties<TLength = (string & {}) | 0, TTime = string
 	 */
 	WebkitBoxPack?: Property.BoxPack | undefined;
 }
-export interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {
+interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}> {
 	alignmentBaseline?: Property.AlignmentBaseline | undefined;
 	baselineShift?: Property.BaselineShift<TLength> | undefined;
 	clip?: Property.Clip | undefined;
@@ -9124,9 +9124,9 @@ export interface SvgProperties<TLength = (string & {}) | 0, TTime = string & {}>
 	wordSpacing?: Property.WordSpacing<TLength> | undefined;
 	writingMode?: Property.WritingMode | undefined;
 }
-export interface Properties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardProperties<TLength, TTime>, VendorProperties<TLength, TTime>, ObsoleteProperties<TLength, TTime>, SvgProperties<TLength, TTime> {
+interface Properties<TLength = (string & {}) | 0, TTime = string & {}> extends StandardProperties<TLength, TTime>, VendorProperties<TLength, TTime>, ObsoleteProperties<TLength, TTime>, SvgProperties<TLength, TTime> {
 }
-export type Globals = "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset";
+type Globals = "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset";
 declare namespace Property {
 	export type AccentColor = Globals | DataType.Color | "auto";
 	export type AlignContent = Globals | DataType.ContentDistribution | DataType.ContentPosition | "baseline" | "normal" | (string & {});
@@ -9763,7 +9763,7 @@ declare namespace DataType {
 	type ViewportLength<TLength> = TLength | "auto" | (string & {});
 	type VisualBox = "border-box" | "content-box" | "padding-box";
 }
-export type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string | number})`;
+type CSSVarFunction = `var(--${string})` | `var(--${string}, ${string | number})`;
 declare const simplePseudoMap: {
 	readonly ":-moz-any-link": true;
 	readonly ":-moz-full-screen": true;
@@ -9885,70 +9885,70 @@ declare const simplePseudoMap: {
 	readonly ":valid": true;
 	readonly ":visited": true;
 };
-export type SimplePseudos = keyof typeof simplePseudoMap;
-export interface ContainerProperties {
+type SimplePseudos = keyof typeof simplePseudoMap;
+interface ContainerProperties {
 	container?: string;
 	containerType?: "size" | "inline-size" | (string & {});
 	containerName?: string;
 }
-export type CSSTypeProperties = Properties<number | (string & {})> & ContainerProperties;
-export type CSSProperties = {
+type CSSTypeProperties = Properties<number | (string & {})> & ContainerProperties;
+type CSSProperties = {
 	[Property in keyof CSSTypeProperties]: CSSTypeProperties[Property] | CSSVarFunction | Array<CSSVarFunction | CSSTypeProperties[Property]>;
 };
-export type CSSPropertiesWithVars = CSSProperties & {
+type CSSPropertiesWithVars = CSSProperties & {
 	vars?: {
 		[key: string]: string;
 	};
 };
-export type PseudoProperties = {
+type PseudoProperties = {
 	[key in SimplePseudos]?: CSSPropertiesWithVars;
 };
-export type CSSPropertiesAndPseudos = CSSPropertiesWithVars & PseudoProperties;
-export type Query<Key extends string, StyleType> = {
+type CSSPropertiesAndPseudos = CSSPropertiesWithVars & PseudoProperties;
+type Query<Key extends string, StyleType> = {
 	[key in Key]?: {
 		[query: string]: Omit<StyleType, Key>;
 	};
 };
-export type MediaQueries<StyleType> = Query<"@media", StyleType>;
-export type FeatureQueries<StyleType> = Query<"@supports", StyleType>;
-export type ContainerQueries<StyleType> = Query<"@container", StyleType>;
-export type Layers<StyleType> = Query<"@layer", StyleType>;
-export interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>> {
+type MediaQueries<StyleType> = Query<"@media", StyleType>;
+type FeatureQueries<StyleType> = Query<"@supports", StyleType>;
+type ContainerQueries<StyleType> = Query<"@container", StyleType>;
+type Layers<StyleType> = Query<"@layer", StyleType>;
+interface AllQueries<StyleType> extends MediaQueries<StyleType & AllQueries<StyleType>>, FeatureQueries<StyleType & AllQueries<StyleType>>, ContainerQueries<StyleType & AllQueries<StyleType>>, Layers<StyleType & AllQueries<StyleType>> {
 }
-export type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
-export interface SelectorMap {
+type WithQueries<StyleType> = StyleType & AllQueries<StyleType>;
+interface SelectorMap {
 	[selector: string]: CSSPropertiesWithVars & WithQueries<CSSPropertiesWithVars>;
 }
-export interface StyleWithSelectors extends CSSPropertiesAndPseudos {
+interface StyleWithSelectors extends CSSPropertiesAndPseudos {
 	selectors?: SelectorMap;
 }
-export type StyleRule = StyleWithSelectors & WithQueries<StyleWithSelectors>;
-export type ClassNames = string | Array<ClassNames>;
-export type ComplexStyleRule = StyleRule | Array<StyleRule | ClassNames>;
-export type Resolve<T> = {
+type StyleRule = StyleWithSelectors & WithQueries<StyleWithSelectors>;
+type ClassNames = string | Array<ClassNames>;
+type ComplexStyleRule = StyleRule | Array<StyleRule | ClassNames>;
+type Resolve<T> = {
 	[Key in keyof T]: T[Key];
 } & {};
-export type RecipeStyleRule = ComplexStyleRule | string;
-export type VariantDefinitions = Record<string, RecipeStyleRule>;
-export type BooleanMap<T> = T extends "true" | "false" ? boolean : T;
-export type VariantGroups = Record<string, VariantDefinitions>;
-export type VariantSelection<Variants extends VariantGroups> = {
+type RecipeStyleRule = ComplexStyleRule | string;
+type VariantDefinitions = Record<string, RecipeStyleRule>;
+type BooleanMap<T> = T extends "true" | "false" ? boolean : T;
+type VariantGroups = Record<string, VariantDefinitions>;
+type VariantSelection<Variants extends VariantGroups> = {
 	[VariantGroup in keyof Variants]?: BooleanMap<keyof Variants[VariantGroup]>;
 };
-export type VariantsClassNames<Variants extends VariantGroups> = {
+type VariantsClassNames<Variants extends VariantGroups> = {
 	[P in keyof Variants]: {
 		[PP in keyof Variants[P]]: string;
 	};
 };
-export type RecipeClassNames<Variants extends VariantGroups> = {
+type RecipeClassNames<Variants extends VariantGroups> = {
 	base: string;
 	variants: VariantsClassNames<Variants>;
 };
-export type RuntimeFn<Variants extends VariantGroups> = ((options?: Resolve<VariantSelection<Variants>>) => string) & {
+type RuntimeFn<Variants extends VariantGroups> = ((options?: Resolve<VariantSelection<Variants>>) => string) & {
 	variants: () => (keyof Variants)[];
 	classNames: RecipeClassNames<Variants>;
 };
-export type RecipeVariants<RecipeFn extends RuntimeFn<VariantGroups>> = Resolve<Parameters<RecipeFn>[0]>;
+type RecipeVariants<RecipeFn extends RuntimeFn<VariantGroups>> = Resolve<Parameters<RecipeFn>[0]>;
 declare const avatarStyles: {
 	container: string;
 	avatar: RuntimeFn<{
@@ -9999,7 +9999,7 @@ declare const avatarStyles: {
 		};
 	}>;
 };
-export type AvatarVariants = RecipeVariants<typeof avatarStyles.avatar>;
+type AvatarVariants = RecipeVariants<typeof avatarStyles.avatar>;
 declare const badgeStyles: {
 	badge: RuntimeFn<{
 		/**
@@ -10085,7 +10085,7 @@ declare const badgeStyles: {
 		};
 	}>;
 };
-export type BadgeVariants = RecipeVariants<typeof badgeStyles.badge>;
+type BadgeVariants = NonNullable<RecipeVariants<typeof badgeStyles.badge>>;
 interface StandardLonghandProperties$1 {
 	/**
 	 * The CSS **`align-content`** property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
@@ -11229,7 +11229,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	hangingPunctuation?: Property$1.HangingPunctuation | Conditions<Property$1.HangingPunctuation>;
 	/**
-	 * The **`height`** CSS property specifies the height of an element. By default, the property defines the height of the content area. If `box-sizing` is set to `border-box`, however, it instead determines the height of the border area.
+	 * The **`height`** CSS property specifies the height of an element. By default, the property defines the height of the content area. If `box-sizing` is set to `border-box`, however, it instead determines the height of the border area. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -11657,7 +11657,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	maxBlockSize?: Property$1.MaxBlockSize | Conditions<Property$1.MaxBlockSize>;
 	/**
-	 * The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`.
+	 * The **`max-height`** CSS property sets the maximum height of an element. It prevents the used value of the `height` property from becoming larger than the value specified for `max-height`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `none`
@@ -11678,7 +11678,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	maxLines?: Property$1.MaxLines | Conditions<Property$1.MaxLines>;
 	/**
-	 * The **`max-width`** CSS property sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `max-width`.
+	 * The **`max-width`** CSS property sets the maximum width of an element. It prevents the used value of the `width` property from becoming larger than the value specified by `max-width`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `none`
@@ -11694,7 +11694,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	minBlockSize?: Property$1.MinBlockSize | Conditions<Property$1.MinBlockSize>;
 	/**
-	 * The **`min-height`** CSS property sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `min-height`.
+	 * The **`min-height`** CSS property sets the minimum height of an element. It prevents the used value of the `height` property from becoming smaller than the value specified for `min-height`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -11710,7 +11710,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	minInlineSize?: Property$1.MinInlineSize | Conditions<Property$1.MinInlineSize>;
 	/**
-	 * The **`min-width`** CSS property sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `min-width`.
+	 * The **`min-width`** CSS property sets the minimum width of an element. It prevents the used value of the `width` property from becoming smaller than the value specified for `min-width`. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -12794,7 +12794,7 @@ interface StandardLonghandProperties$1 {
 	 */
 	widows?: Property$1.Widows | Conditions<Property$1.Widows>;
 	/**
-	 * The **`width`** CSS property sets an element's width. By default, it sets the width of the content area, but if `box-sizing` is set to `border-box`, it sets the width of the border area.
+	 * The **`width`** CSS property sets an element's width. By default, it sets the width of the content area, but if `box-sizing` is set to `border-box`, it sets the width of the border area. It is also possible to pass a specific value.
 	 *
 	 *
 	 * **Initial value**: `auto`
@@ -13148,10 +13148,10 @@ interface StandardShorthandProperties$1 {
 	 */
 	transition?: Property$1.Transition | Conditions<Property$1.Transition>;
 }
-export type OnlyObject = Record<never, never>;
-export type OnlyNumber = number & OnlyObject;
-export type OnlyString = string & OnlyObject;
-export type OnlyStringNumeric = (number | string) & OnlyObject;
+type OnlyObject = Record<never, never>;
+type OnlyNumber = number & OnlyObject;
+type OnlyString = string & OnlyObject;
+type OnlyStringNumeric = (number | string) & OnlyObject;
 declare namespace Property$1 {
 	type AlignContent = DataType$1.ContentDistribution | DataType$1.ContentPosition | "baseline" | "normal" | OnlyString;
 	type AlignItems = DataType$1.SelfPosition | "baseline" | "normal" | "stretch" | OnlyString;
@@ -13739,13 +13739,13 @@ declare namespace DataType$1 {
 	type ViewportLength = "auto" | OnlyStringNumeric;
 	type VisualBox = "border-box" | "content-box" | "padding-box";
 }
-export interface Conditions<T> {
+interface Conditions<T> {
 	xs?: T;
 	md?: T;
 	lg?: T;
 	xl?: T;
 }
-export type AddDollar<T extends string> = `$${T}`;
+type AddDollar<T extends string> = `$${T}`;
 declare const shadowProperties: {
 	none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	"top-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -13987,15 +13987,15 @@ declare const boxFillProperties: {
 	"warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	"warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export interface BoxConditions<T> extends Conditions<T> {
+interface BoxConditions<T> extends Conditions<T> {
 	focus?: T;
 	focusWithin?: T;
 	active?: T;
 	hover?: T;
 	disabled?: T;
 }
-export type BoxDynamicProperties = Pick<StandardLonghandProperties$1, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity" | "backgroundPositionY" | "backgroundPositionX"> & Pick<StandardShorthandProperties$1, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
-export interface BoxSprinkle extends BoxDynamicProperties {
+type BoxDynamicProperties = Pick<StandardLonghandProperties$1, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity" | "backgroundPositionY" | "backgroundPositionX"> & Pick<StandardShorthandProperties$1, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
+interface BoxSprinkle extends BoxDynamicProperties {
 	/**
 	 * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
 	 */
@@ -14308,7 +14308,7 @@ declare const styles: {
 		};
 	}>;
 };
-export type ButtonVariants = NonNullable<RecipeVariants<typeof styles.button>>;
+type ButtonVariants = NonNullable<RecipeVariants<typeof styles.button>>;
 declare const checkboxStyles: {
 	checkbox: RuntimeFn<{
 		/**
@@ -14368,7 +14368,7 @@ declare const checkboxStyles: {
 	container: string;
 	overlay: string;
 };
-export type CheckboxVariants = NonNullable<RecipeVariants<typeof checkboxStyles.checkbox>>;
+type CheckboxVariants = NonNullable<RecipeVariants<typeof checkboxStyles.checkbox>>;
 declare const chipStyles: {
 	chip: RuntimeFn<{
 		/**
@@ -14440,9 +14440,9 @@ declare const paddingProperties: {
 	medium: string;
 	small: string;
 };
-export type ChipVariants = NonNullable<RecipeVariants<typeof chipStyles.chip>>;
-export type ChipDynamicProperties = Pick<StandardLonghandProperties$1, "textTransform">;
-export interface ChipSprinkle extends ChipDynamicProperties {
+type ChipVariants = NonNullable<RecipeVariants<typeof chipStyles.chip>>;
+type ChipDynamicProperties = Pick<StandardLonghandProperties$1, "textTransform">;
+interface ChipSprinkle extends ChipDynamicProperties {
 	/**
 	 * The padding properties are used to generate space around an chip's content area.
 	 */
@@ -14452,8 +14452,8 @@ declare const dividerBorderWidthProperties: {
 	"1": string;
 	"2": string;
 };
-export type DividerBorderStyle = "solid" | "dashed";
-export interface DividerSprinkle {
+type DividerBorderStyle = "solid" | "dashed";
+interface DividerSprinkle {
 	/**
 	 * The **`size`** CSS property sets an element's area.
 	 * @default 100%
@@ -14472,8 +14472,8 @@ export interface DividerSprinkle {
 	 */
 	color?: AddDollar<keyof typeof borderColorProperties> | Conditions<AddDollar<keyof typeof borderColorProperties>>;
 }
-export type IconDynamicProperties = Pick<StandardLonghandProperties$1, "cursor">;
-export interface IconSprinkle extends IconDynamicProperties {
+type IconDynamicProperties = Pick<StandardLonghandProperties$1, "cursor">;
+interface IconSprinkle extends IconDynamicProperties {
 	/**
 	 * The color property sets the icon.
 	 */
@@ -14573,7 +14573,7 @@ declare const iconButtonStyles: {
 		};
 	}>;
 };
-export type IconButtonVariants = RecipeVariants<typeof iconButtonStyles.iconButton>;
+type IconButtonVariants = RecipeVariants<typeof iconButtonStyles.iconButton>;
 declare const styles$1: {
 	container: RuntimeFn<{
 		/**
@@ -14692,7 +14692,7 @@ declare const styles$1: {
 		};
 	}>;
 };
-export type InputVariants = NonNullable<RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>>;
+type InputVariants = NonNullable<RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>>;
 declare const styles$2: {
 	label: RuntimeFn<{
 		/**
@@ -14712,7 +14712,7 @@ declare const styles$2: {
 		};
 	}>;
 };
-export type LabelVariants = RecipeVariants<typeof styles$2.label>;
+type LabelVariants = RecipeVariants<typeof styles$2.label>;
 declare const styles$3: {
 	link: RuntimeFn<{
 		/**
@@ -14751,7 +14751,7 @@ declare const styles$3: {
 		};
 	}>;
 };
-export type LinkVariants = NonNullable<RecipeVariants<typeof styles$3.link>>;
+type LinkVariants = NonNullable<RecipeVariants<typeof styles$3.link>>;
 declare const progressStyles: {
 	progress: string;
 	bar: string;
@@ -14781,8 +14781,8 @@ declare const progressColorProperties: {
 	success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type ProgressVariants = NonNullable<RecipeVariants<typeof progressStyles.circle>>;
-export interface ProgressSprinkle {
+type ProgressVariants = NonNullable<RecipeVariants<typeof progressStyles.circle>>;
+interface ProgressSprinkle {
 	/**
 	 * Specifies the color of the progress.
 	 * This prop accepts one of the following values: "$info", "$success" or "$brand"
@@ -14855,9 +14855,9 @@ declare const styles$4: {
 	input: string;
 	container: string;
 };
-export type RadioButtonVariants = NonNullable<RecipeVariants<typeof styles$4.radioButton>>;
-export type SkeletonDynamicProperties = Pick<StandardLonghandProperties$1, "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight">;
-export interface SkeletonSprinkle extends SkeletonDynamicProperties {
+type RadioButtonVariants = NonNullable<RecipeVariants<typeof styles$4.radioButton>>;
+type SkeletonDynamicProperties = Pick<StandardLonghandProperties$1, "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight">;
+interface SkeletonSprinkle extends SkeletonDynamicProperties {
 	/**
 	 * The borderRadius property sets the skeleton.
 	 */
@@ -14939,16 +14939,16 @@ declare const dropdownStyles: {
 		};
 	}>;
 };
-export type DropdownVariants = NonNullable<RecipeVariants<typeof dropdownStyles.dropdown> & RecipeVariants<typeof dropdownStyles.item>>;
-export type DropdownDynamicProperties = Pick<StandardLonghandProperties$1, "width" | "maxWidth">;
-export interface DropdownSprinkle extends DropdownDynamicProperties {
+type DropdownVariants = NonNullable<RecipeVariants<typeof dropdownStyles.dropdown> & RecipeVariants<typeof dropdownStyles.item>>;
+type DropdownDynamicProperties = Pick<StandardLonghandProperties$1, "width" | "maxWidth">;
+interface DropdownSprinkle extends DropdownDynamicProperties {
 	/**
 	 * The zIndex property specifies the stack order of the box.
 	 */
 	zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
 }
-export type SelectVariants = NonNullable<RecipeVariants<typeof selectStyles.select>>;
-export type SelectSprinkle = Pick<StandardLonghandProperties$1, "maxHeight"> & Pick<DropdownSprinkle, "zIndex">;
+type SelectVariants = NonNullable<RecipeVariants<typeof selectStyles.select>>;
+type SelectSprinkle = Pick<StandardLonghandProperties$1, "maxHeight"> & Pick<DropdownSprinkle, "zIndex">;
 declare const statusStyles: {
 	status: RuntimeFn<{
 		/**
@@ -15030,7 +15030,7 @@ declare const statusStyles: {
 		};
 	}>;
 };
-export type StatusVariants = NonNullable<RecipeVariants<typeof statusStyles.status>>;
+type StatusVariants = NonNullable<RecipeVariants<typeof statusStyles.status>>;
 declare const textLineHeightProperties: {
 	xxs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15047,8 +15047,8 @@ declare const textFontSizeProperties: {
 	l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type TextDynamicProperties = Pick<StandardLonghandProperties$1, "textAlign" | "wordBreak" | "textTransform" | "textOverflow" | "width" | "whiteSpace"> & Pick<StandardShorthandProperties$1, "textDecoration" | "overflow">;
-export interface TextSprinkle extends TextDynamicProperties {
+type TextDynamicProperties = Pick<StandardLonghandProperties$1, "textAlign" | "wordBreak" | "textTransform" | "textOverflow" | "width" | "whiteSpace"> & Pick<StandardShorthandProperties$1, "textDecoration" | "overflow">;
+interface TextSprinkle extends TextDynamicProperties {
 	/**
 	 * The color property is used to set the color of the title.
 	 */
@@ -15083,8 +15083,8 @@ declare const titleFontSizeProperties: {
 	l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type TitleDynamicProperties = Pick<StandardLonghandProperties$1, "textAlign" | "textTransform"> & Pick<StandardShorthandProperties$1, "textDecoration">;
-export interface TitleSprinkle extends TitleDynamicProperties {
+type TitleDynamicProperties = Pick<StandardLonghandProperties$1, "textAlign" | "textTransform"> & Pick<StandardShorthandProperties$1, "textDecoration">;
+interface TitleSprinkle extends TitleDynamicProperties {
 	/**
 	 * The color property is used to set the color of the title.
 	 */
@@ -15146,7 +15146,7 @@ declare const bannerStyles: {
 		};
 	}>;
 };
-export type BannerVariants = RecipeVariants<typeof bannerStyles.banner>;
+type BannerVariants = RecipeVariants<typeof bannerStyles.banner>;
 declare const textareaStyles: {
 	textarea: RuntimeFn<{
 		/**
@@ -15180,7 +15180,7 @@ declare const textareaStyles: {
 		};
 	}>;
 };
-export type TextareaVariants = NonNullable<RecipeVariants<typeof textareaStyles.textarea>>;
+type TextareaVariants = NonNullable<RecipeVariants<typeof textareaStyles.textarea>>;
 declare const styles$5: {
 	toast: RuntimeFn<{
 		/**
@@ -15318,7 +15318,8 @@ declare const styles$5: {
 		};
 	}>;
 };
-export type ToastVariants = NonNullable<RecipeVariants<typeof styles$5.toast>>;
+type ToastVariants = NonNullable<RecipeVariants<typeof styles$5.toast>>;
+type ToastSprinkle = Pick<StandardLonghandProperties$1, "width">;
 declare const styles$6: {
 	toggle: RuntimeFn<{
 		/**
@@ -15425,7 +15426,7 @@ declare const styles$6: {
 		};
 	}>;
 };
-export type ToggleVariants = RecipeVariants<typeof styles$6.toggle>;
+type ToggleVariants = RecipeVariants<typeof styles$6.toggle>;
 declare const styles$7: {
 	tooltip: RuntimeFn<{
 		/**
@@ -15465,7 +15466,7 @@ declare const styles$7: {
 	}>;
 	container: string;
 };
-export type TooltipVariants = NonNullable<RecipeVariants<typeof styles$7.tooltip>>;
+type TooltipVariants = NonNullable<RecipeVariants<typeof styles$7.tooltip>>;
 declare const accordionStyles: {
 	item: RuntimeFn<{
 		selected: {
@@ -15511,7 +15512,7 @@ declare const accordionStyles: {
 		};
 	}>;
 };
-export type AccordionVariants = Omit<NonNullable<RecipeVariants<typeof accordionStyles.item>>, "selected"> & NonNullable<RecipeVariants<typeof accordionStyles.body>>;
+type AccordionVariants = Omit<NonNullable<RecipeVariants<typeof accordionStyles.item>>, "selected"> & NonNullable<RecipeVariants<typeof accordionStyles.body>>;
 declare const breadcrumbStyles: {
 	breadcrumb: string;
 	item: RuntimeFn<{
@@ -15526,7 +15527,7 @@ declare const breadcrumbStyles: {
 		};
 	}>;
 };
-export type BreadcrumbVariants = NonNullable<RecipeVariants<typeof breadcrumbStyles.item>>;
+type BreadcrumbVariants = NonNullable<RecipeVariants<typeof breadcrumbStyles.item>>;
 declare const cardStyles: {
 	card: RuntimeFn<{
 		/**
@@ -15550,8 +15551,8 @@ declare const cardBackgroundColorProperties: {
 	primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type CardVariants = NonNullable<RecipeVariants<typeof cardStyles.card>>;
-export interface CardSprinkle {
+type CardVariants = NonNullable<RecipeVariants<typeof cardStyles.card>>;
+interface CardSprinkle {
 	/**
 	 * Specifies the background color of the card.
 	 * This prop accepts one of the following values: "$transparent", "$background", "$primary", or "$secondary"
@@ -15577,9 +15578,9 @@ declare const modalStyles: {
 	}>;
 	overlay: string;
 };
-export type ModalVariants = Omit<NonNullable<RecipeVariants<typeof modalStyles.modal>>, "selected">;
-export type ModalDynamicProperties = Pick<StandardLonghandProperties$1, "maxWidth">;
-export interface ModalSprinkle extends ModalDynamicProperties {
+type ModalVariants = Omit<NonNullable<RecipeVariants<typeof modalStyles.modal>>, "selected">;
+type ModalDynamicProperties = Pick<StandardLonghandProperties$1, "maxWidth">;
+interface ModalSprinkle extends ModalDynamicProperties {
 	/**
 	 * The zIndex property specifies the stack order of the box.
 	 */
@@ -15630,7 +15631,7 @@ declare const paginationStyles: {
 		};
 	}>;
 };
-export type PaginationVariants = Omit<NonNullable<RecipeVariants<typeof paginationStyles.item>>, "selected">;
+type PaginationVariants = Omit<NonNullable<RecipeVariants<typeof paginationStyles.item>>, "selected">;
 declare const sidebarStyles: {
 	sidebar: RuntimeFn<{
 		/**
@@ -15664,9 +15665,9 @@ declare const sidebarPaddingProperties: {
 	small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 	medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
-export type SidebarVariants = RecipeVariants<typeof sidebarStyles.sidebar>;
-export type SidebarDynamicProperties = Pick<StandardLonghandProperties$1, "maxWidth">;
-export interface SidebarSprinkle extends SidebarDynamicProperties {
+type SidebarVariants = RecipeVariants<typeof sidebarStyles.sidebar>;
+type SidebarDynamicProperties = Pick<StandardLonghandProperties$1, "maxWidth">;
+interface SidebarSprinkle extends SidebarDynamicProperties {
 	/**
 	 * The **`padding`** CSS shorthand property sets the padding area on all four sides of an element at once.
 	 * @default small
@@ -15749,7 +15750,7 @@ declare const sideNavigationStyles: {
 		};
 	}>;
 };
-export type SideNavigationVariants = NonNullable<RecipeVariants<typeof sideNavigationStyles.sideNavigation> & RecipeVariants<typeof sideNavigationStyles.item>>;
+type SideNavigationVariants = NonNullable<RecipeVariants<typeof sideNavigationStyles.sideNavigation> & RecipeVariants<typeof sideNavigationStyles.item>>;
 declare const stepperStyles: {
 	stepper: RuntimeFn<{
 		/**
@@ -15814,7 +15815,7 @@ declare const stepperStyles: {
 		};
 	}>;
 };
-export type StepperVariants = NonNullable<RecipeVariants<typeof stepperStyles.stepper> & RecipeVariants<typeof stepperStyles.circle>>;
+type StepperVariants = NonNullable<RecipeVariants<typeof stepperStyles.stepper> & RecipeVariants<typeof stepperStyles.circle>>;
 declare const tabsStyles: {
 	ul: RuntimeFn<{
 		/**
@@ -15890,32 +15891,32 @@ declare const tabsStyles: {
 		};
 	}>;
 };
-export type TabsVariants = NonNullable<RecipeVariants<typeof tabsStyles.ul>> & NonNullable<RecipeVariants<typeof tabsStyles.li>> & NonNullable<RecipeVariants<typeof tabsStyles.button>>;
-export type BadgeProperties = BadgeVariants & BadgeVariants;
-export interface AvatarTypings {
+type TabsVariants = NonNullable<RecipeVariants<typeof tabsStyles.ul>> & NonNullable<RecipeVariants<typeof tabsStyles.li>> & NonNullable<RecipeVariants<typeof tabsStyles.button>>;
+export type BadgeProps = BadgeVariants;
+interface AvatarTypings {
 	/**
 	 * Renders a Badge component along with the Avatar. The badge prop accepts an object of type Badge, representing the Badge component.
 	 * @TJS-type Badge
 	 */
-	badge?: BadgeProperties;
+	badge?: BadgeProps;
 }
-export type AvatarProperties = AvatarTypings & AvatarVariants;
-export interface DividerProperties extends DividerSprinkle {
+export type AvatarProps = AvatarTypings & AvatarVariants;
+export interface DividerProps extends DividerSprinkle {
 	/**
 	 * The direction of the Divider.
 	 */
 	direction?: "vertical" | "horizontal";
 }
-export type IconProperties = IconSprinkle;
-export type StepperProperties = Pick<StepperVariants, "direction">;
-export interface TitleProperties extends TitleSprinkle {
+export type IconProps = IconSprinkle;
+export type StepperProps = Pick<StepperVariants, "direction">;
+export interface TitleProps extends TitleSprinkle {
 	/**
 	 * Type of html tag to create for the title.
 	 * @default h1
 	 */
 	as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }
-export interface TextProperties extends TextSprinkle {
+export interface TextProps extends TextSprinkle {
 	/**
 	 * Type of html tag to create for the Text component.
 	 * @default p
@@ -15926,14 +15927,14 @@ export interface TextProperties extends TextSprinkle {
 	 */
 	lineClamp?: number;
 }
-export interface LabelTyping {
+interface LabelTyping {
 	/**
 	 * The for attribute specifies which form element a label is bound to.
 	 */
 	htmlFor?: string;
 }
-export type LabelProperties = LabelTyping & LabelVariants;
-export interface TooltipTyping {
+export type LabelProps = LabelTyping & LabelVariants;
+interface TooltipTyping {
 	/**
 	 * Conditional for displaying the popover arrow.
 	 * @default true
@@ -15979,10 +15980,10 @@ export interface TooltipTyping {
 	 */
 	onVisibility?: (visible: boolean) => void;
 }
-export type TooltipProperties = TooltipTyping & TooltipVariants;
-export type TooltipBodyProperties = Pick<TooltipVariants, "padding">;
-export type TooltipFooterProperties = Pick<TooltipVariants, "padding">;
-export interface TooltipHeader {
+export type TooltipProps = TooltipTyping & TooltipVariants;
+export type TooltipBodyProps = Pick<TooltipVariants, "padding">;
+export type TooltipFooterProps = Pick<TooltipVariants, "padding">;
+interface TooltipHeader {
 	/**
 	 * Displays a delete icon and adds user interaction.
 	 * @default false
@@ -16001,8 +16002,8 @@ export interface TooltipHeader {
 	 */
 	onClose?: () => void;
 }
-export type TooltipHeaderProperties = TooltipHeader & TooltipVariants;
-export interface StepperStepTyping {
+export type TooltipHeaderProps = TooltipHeader & TooltipVariants;
+interface StepperStepTyping {
 	/**
 	 * The title of the step. This provides a brief summary of the step's purpose.
 	 */
@@ -16012,17 +16013,17 @@ export interface StepperStepTyping {
 	 */
 	description?: string;
 }
-export type StepperStepProperties = StepperStepTyping & Pick<StepperVariants, "active" | "done">;
-export interface ProgressTyping {
+export type StepperStepProps = StepperStepTyping & Pick<StepperVariants, "active" | "done">;
+interface ProgressTyping {
 	/**
 	 * The progress percentage, represented as a number between 0 and 100.
 	 * This indicates the completion level of the process.
 	 */
 	percentage: number;
 }
-export type ProgressProperties = ProgressTyping & ProgressSprinkle;
-export type ProgressCircleProperties = ProgressVariants;
-export interface ToastTyping {
+export type ProgressProps = ProgressTyping & ProgressSprinkle;
+export type ProgressCircleProps = ProgressProps & ProgressVariants;
+interface ToastTyping {
 	/**
 	 *  Auto generated id.
 	 */
@@ -16052,37 +16053,37 @@ export interface ToastTyping {
 	 */
 	width?: string;
 }
-export type ToastProperties = ToastTyping & ToastVariants;
-export interface ToastProviderProperties {
+export type ToastProps = ToastTyping & ToastVariants & ToastSprinkle;
+export interface ToastProviderProps {
 	/**
 	 * Position of the toast.
 	 * @default bottomRight
 	 */
 	placement?: "bottomRight" | "bottomLeft" | "bottomCenter" | "topCenter" | "topRight" | "topLeft";
 }
-export interface SkeletonProperties extends SkeletonSprinkle {
+export interface SkeletonProps extends SkeletonSprinkle {
 	/**
 	 * This is an attribute used to identify a DOM node for testing purposes.
 	 */
 	"data-testid"?: string;
 }
-export interface StatusTyping {
+interface StatusTyping {
 	/**
 	 * Specifies whether to display a dot indicator alongside the status text. When true, a dot is shown to visually represent the status.
 	 * @default true
 	 */
 	dot?: boolean;
 }
-export type StatusProperties = StatusTyping & StatusVariants;
-export interface ButtonTyping {
+export type StatusProps = StatusTyping & StatusVariants;
+interface ButtonTyping {
 	/**
 	 * Disables the button, disallowing user interaction.
 	 * @default false
 	 */
 	disabled?: boolean;
 }
-export type ButtonProperties = ButtonTyping & ButtonVariants;
-export interface CheckboxTyping {
+export type ButtonProps = ButtonTyping & ButtonVariants;
+interface CheckboxTyping {
 	/**
 	 * The label of the checkbox.
 	 */
@@ -16092,15 +16093,15 @@ export interface CheckboxTyping {
 	 */
 	id: string;
 }
-export type CheckboxProperties = CheckboxTyping & CheckboxVariants;
-export interface ChipTyping extends ChipSprinkle {
+export type CheckboxProps = CheckboxTyping & CheckboxVariants;
+interface ChipTyping extends ChipSprinkle {
 	/**
 	 * Displays a delete icon and adds user interaction.
 	 * @default false
 	 */
 	closeable?: boolean;
 }
-export type ChipProperties = ChipTyping & ChipVariants;
+export type ChipProps = ChipTyping & ChipVariants;
 export type Color = {
 	rgb: {
 		r: number;
@@ -16125,7 +16126,7 @@ export type Color = {
 	oldHue: number;
 	source: string;
 };
-export type ColorPickerProperties = {
+export type ColorPickerProps = {
 	/**
 	 * Hexadecimal color to be displayed as initial color
 	 */
@@ -16137,13 +16138,14 @@ export type ColorPickerProperties = {
 	 */
 	onChange: (color: Color) => void;
 };
-export interface DatepickerTyping {
+export type InputProps = InputVariants;
+export interface DatepickerProps {
 	/**
 	 * Specifies the input properties for the datepicker component.
-	 * This should be an object of type InputProperties, which defines various attributes and behaviors for the input field within the datepicker.
+	 * This should be an object of type InputPros, which defines various attributes and behaviors for the input field within the datepicker.
 	 * @TJS-type Input
 	 */
-	input?: InputProperties;
+	input?: InputProps;
 	/**
 	 * Specifies the locale for the datepicker, influencing how dates are displayed and formatted.
 	 */
@@ -16208,13 +16210,12 @@ export interface DatepickerTyping {
 	 */
 	onChange: (date: Date | Date[] | null) => void;
 }
-export type DatepickerProperties = Omit<DatepickerTyping, "input">;
-export interface DatepickerFooterTyping {
+interface DatepickerFooterTyping {
 	setSelected?: () => void;
 	clear?: () => void;
 }
-export type DatepickerFooterProperties = DatepickerFooterTyping;
-export interface DropdownTyping {
+export type DatepickerFooterProps = DatepickerFooterTyping;
+interface DropdownTyping {
 	/**
 	 * A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.
 	 * @default false
@@ -16256,33 +16257,30 @@ export interface DropdownTyping {
 	 */
 	onVisibility?: (visible: boolean) => void;
 }
-export type DropdownProperties = DropdownTyping & DropdownSprinkle & Pick<DropdownVariants, "padding">;
-export interface DropdownItemTyping {
+export type DropdownProps = DropdownTyping & DropdownSprinkle & Pick<DropdownVariants, "padding">;
+interface DropdownItemTyping {
 	/**
 	 * The name of the dropdown item. This is typically the text that is displayed for the item.
 	 */
 	name?: string;
 }
-export type DropdownItemProperties = DropdownItemTyping & Pick<DropdownVariants, "selected">;
-export interface IconButtonTyping {
+export type DropdownItemProps = DropdownItemTyping & Pick<DropdownVariants, "selected">;
+interface IconButtonTyping {
 	/**
 	 * Disables the button, disallowing user interaction.
 	 * @default false
 	 */
 	disabled?: boolean;
 }
-export type IconButtonProperties = IconButtonTyping & IconButtonVariants;
-export type InputProperties = InputVariants;
-export interface InputLeadingTyping {
+export type IconButtonProps = IconButtonTyping & IconButtonVariants;
+interface InputLeadingTyping {
 	/**
 	 * Sent Leading display position.
 	 */
 	position: "start" | "end";
 }
-export type InputLeadingProperties = InputLeadingTyping & Pick<InputProperties, "divider" | "appearance" | "size">;
-export type InputPasswordProperties = Pick<InputProperties, "divider" | "appearance" | "size" | "border">;
-export type InputSearchProperties = Pick<InputProperties, "divider" | "appearance" | "size" | "border">;
-export interface RadioButtonTyping {
+export type InputLeadingProps = InputLeadingTyping & Pick<InputProps, "divider" | "appearance" | "size">;
+interface RadioButtonTyping {
 	/**
 	 * Sets radio state to activated or deactivated.
 	 */
@@ -16292,8 +16290,8 @@ export interface RadioButtonTyping {
 	 */
 	label?: string;
 }
-export type RadioButtonProperties = RadioButtonTyping & RadioButtonVariants;
-export interface SelectOption {
+export type RadioButtonProps = RadioButtonTyping & RadioButtonVariants;
+interface SelectOption {
 	/**
 	 * Label for the option. This is the text that will be displayed for the option.
 	 */
@@ -16303,7 +16301,7 @@ export interface SelectOption {
 	 */
 	value: string;
 }
-export interface SelectTyping {
+interface SelectTyping {
 	/**
 	 * Options for the Select component. This should be an array of SelectOption objects.
 	 */
@@ -16343,15 +16341,15 @@ export interface SelectTyping {
 	 */
 	portalId?: string;
 }
-export type SelectProperties = SelectTyping & SelectVariants & SelectSprinkle;
-export interface TextareaProperties extends TextareaVariants {
+export type SelectProps = SelectTyping & SelectVariants & SelectSprinkle;
+export interface TextareaProps extends TextareaVariants {
 	/**
 	 * Number of lines to be rendered for the user to input text
 	 * @default 2
 	 */
 	lines?: number;
 }
-export interface ToggleTyping {
+interface ToggleTyping {
 	/**
 	 * The name of the input element.
 	 */
@@ -16365,8 +16363,8 @@ export interface ToggleTyping {
 	 */
 	label?: string;
 }
-export type ToggleProperties = ToggleTyping & ToggleVariants;
-export interface AccordionProperties {
+export type ToggleProps = ToggleTyping & ToggleVariants;
+export interface AccordionProps {
 	/**
 	 * Informs which accordion item is open by default, this value must be the same as informed in the index of each item
 	 */
@@ -16377,8 +16375,8 @@ export interface AccordionProperties {
 	 */
 	disabled?: boolean;
 }
-export type AccordionBodyProperties = Pick<AccordionVariants, "padding">;
-export interface AccordionHeaderTyping {
+export type AccordionBodyProps = Pick<AccordionVariants, "padding">;
+interface AccordionHeaderTyping {
 	/**
 	 * The title to display in the accordion header.
 	 */
@@ -16393,8 +16391,8 @@ export interface AccordionHeaderTyping {
 	 */
 	noIconToggle?: boolean;
 }
-export type AccordionHeaderProperties = AccordionHeaderTyping & Pick<AccordionVariants, "size">;
-export interface AccordionItemProperties {
+export type AccordionHeaderProps = AccordionHeaderTyping & Pick<AccordionVariants, "size">;
+export interface AccordionItemProps {
 	/**
 	 * Unique indicator to identify accordion items
 	 */
@@ -16404,7 +16402,7 @@ export interface AccordionItemProperties {
 	 */
 	testId?: string;
 }
-export interface BannerTyping {
+interface BannerTyping {
 	/**
 	 * A function to be called when the user closes the banner. This function is typically used to handle the closing action.
 	 * @TJS-type () => void;
@@ -16412,18 +16410,16 @@ export interface BannerTyping {
 	onClose?: () => void;
 	/**
 	 * The appearance of the banner. This can be used to set the color of the banner.
-	 * @TJS-type "brand" | "error" | "info" | "warning" | "neutral" | "inverted";
 	 */
-	appearance?: "brand" | "error" | "info" | "warning" | "neutral" | "inverted" | undefined;
+	appearance?: "brand" | "error" | "info" | "warning" | "neutral" | "inverted";
 	/**
 	 * Determines whether the banner message should float above the content. This can be useful for ensuring the message remains visible even as the user scrolls.
-	 * @TJS-type boolean;
 	 */
 	floating?: boolean;
 }
-export type BannerProperties = BannerTyping & BannerVariants;
-export type CardProperties = CardVariants & CardSprinkle;
-export interface CardHeaderProperties {
+export type BannerProps = BannerTyping & BannerVariants;
+export type CardProps = CardVariants & CardSprinkle;
+export interface CardHeaderProps {
 	/**
 	 * The title of the card. This is typically displayed prominently in the header section.
 	 */
@@ -16433,7 +16429,7 @@ export interface CardHeaderProperties {
 	 */
 	description?: string;
 }
-export interface ModalTyping {
+interface ModalTyping {
 	/**
 	 * Whether the modal is open or not.
 	 */
@@ -16449,8 +16445,8 @@ export interface ModalTyping {
 	 */
 	onDismiss: (open: boolean) => void;
 }
-export type ModalProperties = ModalTyping & ModalSprinkle & ModalVariants;
-export interface ModalHeaderTypings {
+export type ModalProps = ModalTyping & ModalSprinkle & ModalVariants;
+interface ModalHeaderTypings {
 	/**
 	 * The title to display in the Modal header.
 	 */
@@ -16460,9 +16456,9 @@ export interface ModalHeaderTypings {
 	 */
 	subtitle?: string;
 }
-export type ModalHeaderProperties = ModalHeaderTypings;
-export type BoxProperties = BoxSprinkle;
-export interface SidebarTyping {
+export type ModalHeaderProps = ModalHeaderTypings;
+export type BoxProps = BoxSprinkle;
+interface SidebarTyping {
 	/**
 	 * Whether the sidebar is open or not.
 	 */
@@ -16478,8 +16474,8 @@ export interface SidebarTyping {
 	 */
 	onRemove?: () => void;
 }
-export type SidebarProperties = SidebarTyping & SidebarSprinkle & SidebarVariants;
-export interface BreadcrumbProperties {
+export type SidebarProps = SidebarTyping & SidebarSprinkle & SidebarVariants;
+export interface BreadcrumbProps {
 	/**
 	 * Specifies the number of breadcrumb items to display after truncation.
 	 * This is useful for managing the display of long breadcrumb lists.
@@ -16487,15 +16483,15 @@ export interface BreadcrumbProperties {
 	 */
 	itensAfterTruncate?: number;
 }
-export interface BreadcrumbItemTyping {
+interface BreadcrumbItemTyping {
 	/**
 	 * The name of the breadcrumb item. This is typically the text that is displayed for the item.
 	 */
 	name?: string;
 }
-export type BreadcrumbItemProperties = BreadcrumbItemTyping & BreadcrumbVariants;
-export type LinkProperties = LinkVariants;
-export interface PaginationTyping {
+export type BreadcrumbItemProps = BreadcrumbItemTyping & BreadcrumbVariants;
+export type LinkProps = LinkVariants;
+interface PaginationTyping {
 	/**
 	 * The currently selected page.
 	 */
@@ -16520,8 +16516,8 @@ export interface PaginationTyping {
 	 */
 	onPageChange: (page: number) => void;
 }
-export type PaginationProperties = PaginationTyping & PaginationVariants;
-export interface SideNavigationTyping {
+export type PaginationProps = PaginationTyping & PaginationVariants;
+interface SideNavigationTyping {
 	/**
 	 * Title of the sideNavigation
 	 */
@@ -16531,15 +16527,15 @@ export interface SideNavigationTyping {
 	 */
 	description?: string;
 }
-export type SideNavigationProperties = SideNavigationTyping & SideNavigationVariants;
-export interface SideNavigationItemTypings {
+export type SideNavigationProps = SideNavigationTyping & SideNavigationVariants;
+interface SideNavigationItemTypings {
 	/**
 	 * Determines if the item is active or not.
 	 */
 	active?: boolean;
 }
-export type SideNavigationItemProperties = SideNavigationItemTypings & Pick<SideNavigationVariants, "level">;
-export interface TabsTyping {
+export type SideNavigationItemProps = SideNavigationItemTypings & Pick<SideNavigationVariants, "level">;
+interface TabsTyping {
 	/**
 	 * Sets the indicated tab as active by default.
 	 * If unset, defaults to the first tab. This prop should be a number representing the index of the tab.
@@ -16551,6 +16547,15 @@ export interface TabsTyping {
 	 */
 	selectedTab?: number;
 }
-export type TabsProperties = TabsTyping & Pick<TabsVariants, "underlined" | "full" | "position">;
+export type TabsProps = TabsTyping & Pick<TabsVariants, "underlined" | "full" | "position">;
+export type TabsButtonProps = Pick<TabsVariants, "underlined" | "selected">;
+export interface TabsItemProps {
+	/**
+	 * A callback function that is called when a tab is clicked.
+	 * This function receives the index of the selected tab as a parameter.
+	 * @TJS-type (tab: number) => void
+	 */
+	onSelectTab?: (tab: number) => void;
+}
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rarui/typings",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -10,7 +10,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "yarn g:dts --external-inlines @vanilla-extract/recipes @vanilla-extract/css csstype -o dist/index.ts src/index.ts",
+    "build": "yarn g:dts --external-inlines=@vanilla-extract/recipes @vanilla-extract/css csstype -o dist/index.ts src/index.ts --export-referenced-types=false",
     "clean": "rm -rf dist",
     "version": "yarn version"
   },
@@ -23,6 +23,6 @@
     "url": "https://git.rarolabs.com.br/frontend/rarui/issues"
   },
   "devDependencies": {
-    "@rarui/webpack": "workspace:^"
+    "@rarui/webpack": "^1.3.3"
   }
-}
+}