@bspk/ui 1.0.0 → 1.0.1

package/{Profile.d.ts → Avatar.d.ts}

@@ -2,40 +2,38 @@ import { ReactNode } from 'react';
 import { ColorVariant } from './utils/colorVariants';
 import { CommonProps } from '.';
 export type SizeVariant = 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxxx-large';
-export type ProfileProps = CommonProps<'aria-label'> & {
+export type AvatarProps = CommonProps<'aria-label'> & {
     /**
-     * The size of the profile.
+     * The size of the avatar.
      *
      * @default small
      */
     size?: SizeVariant;
     /**
-     * The color of the profile.
+     * The color of the avatar.
      *
      * @default grey
      */
     color?: ColorVariant;
-    /** The initials to display in the profile limited to 2 characters. */
+    /** The initials to display in the avatar limited to 2 characters. */
     initials?: string;
-    /** The icon to display in the profile. */
+    /** The icon to display in the avatar. */
     icon?: ReactNode;
-    /** The url to the image to display in the profile. */
+    /** The url to the image to display in the avatar. */
     image?: string;
     /** The number of notifications not displayed in a list. */
     overflowCount?: number;
 };
 /**
- * A profile component.
- *
- * A profile is a visual representation of a user or entity. It can be used to display an initials, icon, image, or an
+ * An avatar is a visual representation of a user or entity. It can be used to display an initials, icon, image, or an
  * overflowCount.
  *
- * @name Profile
+ * @name Avatar
  */
-declare function Profile({ initials, color, size, icon, image, 'aria-label': ariaLabel, overflowCount, }: ProfileProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Profile {
+declare function Avatar({ initials, color, size, icon, image, 'aria-label': ariaLabel, overflowCount, }: AvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace Avatar {
     var bspkName: string;
 }
-export { Profile };
+export { Avatar };
 export declare const style: import("@emotion/react").SerializedStyles;
 /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/{Profile.js → Avatar.js}

@@ -8,21 +8,19 @@ const SIZE_VARIANTS = {
     small: { font: '--labels-small', height: '--spacing-sizing-08' }, // 32,
     medium: { font: '--labels-base', height: '--spacing-sizing-10' }, // 40
     large: { font: '--labels-large', height: '--spacing-sizing-12' }, //48,
-    'x-large': { font: '--desktop-subheader-x-large', height: '--spacing-sizing-14' }, // 56,
-    'xx-large': { font: '--desktop-subheader-xx-large', height: '--spacing-sizing-17' }, // 72,
-    'xxx-large': { font: '--desktop-display-regular-small', height: '--spacing-sizing-19' }, //96,
-    'xxxx-large': { font: '--desktop-display-regular-medium', height: '--spacing-sizing-21' }, // 120,
-    'xxxxx-large': { font: '--desktop-display-regular-large', height: '--spacing-sizing-23' }, //144,
+    'x-large': { font: '--subheader-x-large', height: '--spacing-sizing-14' }, // 56,
+    'xx-large': { font: '--subheader-xx-large', height: '--spacing-sizing-17' }, // 72,
+    'xxx-large': { font: '--display-regular-small', height: '--spacing-sizing-19' }, //96,
+    'xxxx-large': { font: '--display-regular-medium', height: '--spacing-sizing-21' }, // 120,
+    'xxxxx-large': { font: '--display-regular-large', height: '--spacing-sizing-23' }, //144,
 };
 /**
- * A profile component.
- *
- * A profile is a visual representation of a user or entity. It can be used to display an initials, icon, image, or an
+ * An avatar is a visual representation of a user or entity. It can be used to display an initials, icon, image, or an
  * overflowCount.
  *
- * @name Profile
+ * @name Avatar
  */
-function Profile({ initials, color = 'grey', size = 'small', icon, image, 'aria-label': ariaLabel, overflowCount, }) {
+function Avatar({ initials, color = 'grey', size = 'small', icon, image, 'aria-label': ariaLabel, overflowCount, }) {
     const children = useMemo(() => {
         if (initials)
             return jsx("span", { "data-initials": true, children: initials });
@@ -34,9 +32,9 @@ function Profile({ initials, color = 'grey', size = 'small', icon, image, 'aria-
             return jsxs("span", { "data-overflow-count": true, children: ["+", overflowCount] });
         return null;
     }, [ariaLabel, icon, image, initials, overflowCount]);
-    return (jsx(Fragment, { children: children && (jsx("div", { "aria-label": ariaLabel, css: style, "data-color": color, "data-profile": "", "data-size": size, children: children })) }));
+    return (jsx(Fragment, { children: children && (jsx("div", { "aria-label": ariaLabel, css: style, "data-avatar": "", "data-color": color, "data-size": size, children: children })) }));
 }
-Profile.bspkName = 'Profile';
+Avatar.bspkName = 'Avatar';
 const style = css `
     --height: var(--spacing-sizing-10);
     --font: var(--labels-base);
@@ -79,5 +77,5 @@ const style = css `
         `)};
 `;
 
-export { Profile, style };
-//# sourceMappingURL=Profile.js.map
+export { Avatar, style };
+//# sourceMappingURL=Avatar.js.map

package/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["src/Avatar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/ListItem.d.ts

@@ -14,7 +14,7 @@ export type ListItemProps<As extends ElementType = 'div'> = CommonProps<'active'
     /**
      * The leading element to display in the ListItem.
      *
-     * Leading elements may only be one of the following [Icon](/icons), Img, Profile.
+     * Leading elements may only be one of the following [Icon](/icons), Img, Avatar.
      */
     leading?: ReactNode;
     /**
@@ -43,7 +43,7 @@ export type ListItemProps<As extends ElementType = 'div'> = CommonProps<'active'
  *
  * The ListItem has three main elements: leading element, label, and trailing element.
  *
- * Leading elements may be one of the following [Icon](/icons), Img, Profile.
+ * Leading elements may be one of the following [Icon](/icons), Img, Avatar.
  *
  * Trailing elements may be one of the following [Icon](/icons), Checkbox, ListItemButton, Radio, Switch, Tag, Txt.
  *

package/ListItem.js

@@ -4,7 +4,7 @@ import { Button } from './Button.js';
 import { getChildrenElements } from './utils/children.js';
 import { useErrorLogger } from './utils/errors.js';
 
-const LEADING_COMPONENTS = Object.freeze(['Icon', 'Img', 'Profile']);
+const LEADING_COMPONENTS = Object.freeze(['Icon', 'Img', 'Avatar']);
 const TRAILING_COMPONENTS = Object.freeze([
     'ListItemButton',
     'Checkbox',
@@ -22,7 +22,7 @@ const TRAILING_COMPONENTS = Object.freeze([
  *
  * The ListItem has three main elements: leading element, label, and trailing element.
  *
- * Leading elements may be one of the following [Icon](/icons), Img, Profile.
+ * Leading elements may be one of the following [Icon](/icons), Img, Avatar.
  *
  * Trailing elements may be one of the following [Icon](/icons), Checkbox, ListItemButton, Radio, Switch, Tag, Txt.
  *

package/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["src/ListItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["src/ListItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/MenuButton.d.ts

@@ -1,13 +1,12 @@
-import { ElementType } from 'react';
 import { ButtonProps } from './Button';
 import { ElementProps } from '.';
-export type MenuButtonProps<As extends ElementType> = Pick<ButtonProps<As>, 'as' | 'onClick'>;
+export type MenuButtonProps = Pick<ButtonProps, 'as' | 'onClick'>;
 /**
  * Utility component used within top navigation.
  *
  * @name MenuButton
  */
-declare function MenuButton<As extends ElementType = 'button'>({ as, ...props }: ElementProps<MenuButtonProps<As>, As>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuButton(props: ElementProps<MenuButtonProps, 'button'>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace MenuButton {
     var bspkName: string;
 }

package/MenuButton.js

@@ -7,7 +7,7 @@ import { css } from '@emotion/react';
  *
  * @name MenuButton
  */
-function MenuButton({ as, ...props }) {
+function MenuButton(props) {
     return (jsx("button", { ...props, css: style, children: jsx(SvgMenu, {}) }));
 }
 MenuButton.bspkName = 'MenuButton';

package/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["src/MenuButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAUA;;;;AAIG;AACH,SAAS,UAAU,CAAoC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAyC,EAAA;AAG1G,IAAA,QACIA,GAAA,CAAA,QAAA,EAAA,EAAA,GAAY,KAAK,EAAE,GAAG,EAAE,KAAK,EAAA,QAAA,EACzBA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,EAAA,CACN,EACX;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAI5B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MenuButton.js","sources":["src/MenuButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AASA;;;;AAIG;AACH,SAAS,UAAU,CAAC,KAA8C,EAAA;AAC9D,IAAA,QACIA,GAAA,CAAA,QAAA,EAAA,EAAA,GAAY,KAAK,EAAE,GAAG,EAAE,KAAK,EAAA,QAAA,EACzBA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,EAAA,CACN,EACX;AACN,CAAC;AAED,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;AAI5B,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;"}

package/meta.d.ts

@@ -40,5 +40,5 @@ export type UtilityMeta = BaseMeta & {
 export declare const componentsMeta: ComponentMeta[];
 export declare const utilitiesMeta: UtilityMeta[];
 export declare const typesMeta: TypeMeta[];
-export type MetaTypeName = 'AccordionProps' | 'BadgeProps' | 'BannerAlertProps' | 'BottomNavigationProps' | 'BottomSheetProps' | 'BreadcrumbProps' | 'ButtonDockProps' | 'ButtonProps' | 'CallToActionButton' | 'CardProps' | 'ChartProps' | 'CheckboxGroupOption' | 'CheckboxGroupProps' | 'CheckboxOptionProps' | 'CheckboxProps' | 'ChipProps' | 'CommonProps<"active"|"disabled"|"readOnly">' | 'CommonProps<"aria-label">' | 'CommonProps<"disabled">' | 'CommonProps<"disabled"|"onClick">' | 'CommonProps<"id">' | 'CommonProps<"id"|"disabled">' | 'CommonProps<"invalid"|"disabled"|"readOnly">' | 'CommonProps<"name"|"aria-label">' | 'CommonProps<"name"|"id"|"invalid"|"disabled"|"size"|"aria-label"|"readOnly">' | 'CommonProps<"name"|"invalid"|"disabled"|"aria-label",HTMLInputElement>' | 'CommonProps<"name"|"invalid"|"disabled"|"aria-label",T>' | 'CommonProps<"name"|"required"|"id"|"value"|"invalid"|"disabled"|"size"|"aria-label"|"readOnly">' | 'CommonProps<"name"|"value">' | 'CommonProps<"name"|"value"|"disabled"|"aria-label"|"onClick">' | 'CommonProps<"required"|"errorMessage">' | 'CommonProps<"required"|"id"|"invalid"|"disabled"|"aria-label"|"readOnly">' | 'CommonPropsLibrary' | 'DatePickerProps' | 'DialogProps' | 'DividerProps' | 'DrawerProps' | 'DropdownFieldProps' | 'DropdownOption' | 'DropdownProps' | 'ElementProps' | 'EmptyStateProps' | 'FabProps' | 'FieldControlProps' | 'FileUploadProps' | 'FormFieldProps' | 'ImageProps' | 'ImgProps' | 'InlineAlertProps' | 'LayoutProps' | 'LinkProps' | 'ListItemProps' | 'M' | 'MenuButtonProps' | 'MenuItem' | 'MenuProps' | 'ModalProps' | 'MultiSelectionProps' | 'NavigationRailProps' | 'NavOption' | 'NumberFieldProps' | 'NumberInputProps' | 'OTPInputProps' | 'PageControlProps' | 'PasswordInputProps' | 'PhoneNumberInputProps' | 'Pick<ButtonProps<As>,"icon"|"onClick"|"as"|"showLabel"|"toolTip">' | 'Pick<CheckboxProps,"name"|"value"|"invalid"|"disabled"|"onChange"|"checked"|"indeterminate">' | 'Pick<DropdownProps,"name"|"value"|"disabled"|"options"|"size"|"onChange"|"placeholder"|"readOnly"|"placement"|"itemCount">' | 'Pick<FormFieldProps,"label"|"errorMessage"|"helperText"|"controlId">' | 'Pick<FormFieldProps,"label"|"errorMessage"|"helperText"|"labelTrailing"|"controlId">' | 'Pick<FormFieldProps,"required"|"label"|"errorMessage"|"helperText"|"labelTrailing"|"controlId">' | 'Pick<MenuProps,"itemCount"|"items"|"noResultsMessage">' | 'Pick<MenuProps<M>,"activeIndex"|"isMulti"|"selectedValues">' | 'Pick<MenuProps<O>,"onChange"|"isMulti"|"itemCount"|"renderListItem">' | 'Pick<NumberInputProps,"name"|"id"|"value"|"invalid"|"disabled"|"size"|"onChange"|"readOnly"|"centered">' | 'Pick<RadioProps,"name"|"value"|"invalid"|"disabled"|"onChange"|"checked">' | 'Pick<TextInputProps,"name"|"id"|"size"|"aria-label"|"placeholder"|"inputRef">' | 'Pick<TextInputProps,"name"|"required"|"type"|"value"|"invalid"|"disabled"|"size"|"onChange"|"autoComplete"|"placeholder"|"readOnly"|"leading"|"trailing"|"inputRef">' | 'Pick<ToggleControlProps<HTMLInputElement>,"value">' | 'Pick<ToggleOptionProps,"label"|"description">' | 'Pick<ToggleOptionProps,"label"|"size"|"description">' | 'PopoverProps' | 'PortalProps' | 'ProfileProps' | 'ProgressBarProps' | 'ProgressCircleProps' | 'ProgressionStepperBarProps' | 'ProgressionStepperItem' | 'ProgressionStepperProps' | 'RadioGroupOption' | 'RadioGroupProps' | 'RadioOptionProps' | 'RadioProps' | 'RatingProps' | 'RenderListItemParams' | 'Required<CommonProps<"value",HTMLElement>>' | 'Required<CommonProps<"value">>' | 'Required<Pick<ButtonProps<As>,"label">>' | 'SearchBarProps' | 'SegmentedControlProps' | 'SegmentedToggleOption' | 'SkeletonProps' | 'SliderInputProps' | 'SnackbarProps' | 'SwitchGroupOption' | 'SwitchGroupProps' | 'SwitchOptionProps' | 'SwitchProps' | 'TabGroupOption' | 'TabGroupProps' | 'TableColumn' | 'TableProps' | 'TagProps' | 'TextareaFieldProps' | 'TextareaProps' | 'TextFieldProps' | 'TextInputProps' | 'TimePickerProps' | 'ToggleControlProps' | 'ToggleOptionProps' | 'TooltipProps' | 'TopNavigationProps' | 'TxtProps';
-export type MetaComponentName = 'Accordion' | 'Badge' | 'BannerAlert' | 'BottomNavigation' | 'BottomSheet' | 'Breadcrumb' | 'Button' | 'ButtonDock' | 'Card' | 'Chart' | 'Checkbox' | 'CheckboxGroup' | 'CheckboxOption' | 'Chip' | 'DatePicker' | 'Dialog' | 'Divider' | 'Drawer' | 'Dropdown' | 'DropdownField' | 'EmptyState' | 'Fab' | 'FileUpload' | 'FormField' | 'Image' | 'Img' | 'InlineAlert' | 'Layout' | 'Link' | 'ListItem' | 'Menu' | 'MenuButton' | 'Modal' | 'MultiSelection' | 'NavigationRail' | 'NumberField' | 'NumberInput' | 'OTPInput' | 'PageControl' | 'PasswordInput' | 'PhoneNumberInput' | 'Popover' | 'Portal' | 'Profile' | 'ProgressBar' | 'ProgressCircle' | 'ProgressionStepper' | 'ProgressionStepperBar' | 'Radio' | 'RadioGroup' | 'RadioOption' | 'Rating' | 'SearchBar' | 'SegmentedControl' | 'Skeleton' | 'SliderInput' | 'Snackbar' | 'StylesProviderAnywhere' | 'StylesProviderBetterHomesGardens' | 'StylesProviderCartus' | 'StylesProviderCentury21' | 'StylesProviderColdwellBanker' | 'StylesProviderCorcoran' | 'StylesProviderDenaliBoss' | 'StylesProviderEra' | 'StylesProviderSothebys' | 'Switch' | 'SwitchGroup' | 'SwitchOption' | 'TabGroup' | 'Table' | 'Tag' | 'Textarea' | 'TextareaField' | 'TextField' | 'TextInput' | 'TimePicker' | 'ToggleOption' | 'Tooltip' | 'TopNavigation' | 'Txt';
+export type MetaTypeName = 'AccordionProps' | 'AvatarProps' | 'BadgeProps' | 'BannerAlertProps' | 'BottomNavigationProps' | 'BottomSheetProps' | 'BreadcrumbProps' | 'ButtonDockProps' | 'ButtonProps' | 'CallToActionButton' | 'CardProps' | 'ChartProps' | 'CheckboxGroupOption' | 'CheckboxGroupProps' | 'CheckboxOptionProps' | 'CheckboxProps' | 'ChipProps' | 'CommonProps<"active"|"disabled"|"readOnly">' | 'CommonProps<"aria-label">' | 'CommonProps<"disabled">' | 'CommonProps<"disabled"|"onClick">' | 'CommonProps<"id">' | 'CommonProps<"id"|"disabled">' | 'CommonProps<"invalid"|"disabled"|"readOnly">' | 'CommonProps<"name"|"aria-label">' | 'CommonProps<"name"|"id"|"invalid"|"disabled"|"size"|"aria-label"|"readOnly">' | 'CommonProps<"name"|"invalid"|"disabled"|"aria-label",HTMLInputElement>' | 'CommonProps<"name"|"invalid"|"disabled"|"aria-label",T>' | 'CommonProps<"name"|"required"|"id"|"value"|"invalid"|"disabled"|"size"|"aria-label"|"readOnly">' | 'CommonProps<"name"|"value">' | 'CommonProps<"name"|"value"|"disabled"|"aria-label"|"onClick">' | 'CommonProps<"required"|"errorMessage">' | 'CommonProps<"required"|"id"|"invalid"|"disabled"|"aria-label"|"readOnly">' | 'CommonPropsLibrary' | 'DatePickerProps' | 'DialogProps' | 'DividerProps' | 'DrawerProps' | 'DropdownFieldProps' | 'DropdownOption' | 'DropdownProps' | 'ElementProps' | 'EmptyStateProps' | 'FabProps' | 'FieldControlProps' | 'FileUploadProps' | 'FormFieldProps' | 'ImageProps' | 'ImgProps' | 'InlineAlertProps' | 'LayoutProps' | 'LinkProps' | 'ListItemProps' | 'M' | 'MenuButtonProps' | 'MenuItem' | 'MenuProps' | 'ModalProps' | 'MultiSelectionProps' | 'NavigationRailProps' | 'NavOption' | 'NumberFieldProps' | 'NumberInputProps' | 'OTPInputProps' | 'PageControlProps' | 'PasswordInputProps' | 'PhoneNumberInputProps' | 'Pick<ButtonProps<As>,"icon"|"onClick"|"as"|"showLabel"|"toolTip">' | 'Pick<CheckboxProps,"name"|"value"|"invalid"|"disabled"|"onChange"|"checked"|"indeterminate">' | 'Pick<DropdownProps,"name"|"value"|"disabled"|"options"|"size"|"onChange"|"placeholder"|"readOnly"|"placement"|"itemCount">' | 'Pick<FormFieldProps,"label"|"errorMessage"|"helperText"|"controlId">' | 'Pick<FormFieldProps,"label"|"errorMessage"|"helperText"|"labelTrailing"|"controlId">' | 'Pick<FormFieldProps,"required"|"label"|"errorMessage"|"helperText"|"labelTrailing"|"controlId">' | 'Pick<MenuProps,"itemCount"|"items"|"noResultsMessage">' | 'Pick<MenuProps<M>,"activeIndex"|"isMulti"|"selectedValues">' | 'Pick<MenuProps<O>,"onChange"|"isMulti"|"itemCount"|"renderListItem">' | 'Pick<NumberInputProps,"name"|"id"|"value"|"invalid"|"disabled"|"size"|"onChange"|"readOnly"|"centered">' | 'Pick<RadioProps,"name"|"value"|"invalid"|"disabled"|"onChange"|"checked">' | 'Pick<TextInputProps,"name"|"id"|"size"|"aria-label"|"placeholder"|"inputRef">' | 'Pick<TextInputProps,"name"|"required"|"type"|"value"|"invalid"|"disabled"|"size"|"onChange"|"autoComplete"|"placeholder"|"readOnly"|"leading"|"trailing"|"inputRef">' | 'Pick<ToggleControlProps<HTMLInputElement>,"value">' | 'Pick<ToggleOptionProps,"label"|"description">' | 'Pick<ToggleOptionProps,"label"|"size"|"description">' | 'PopoverProps' | 'PortalProps' | 'ProgressBarProps' | 'ProgressCircleProps' | 'ProgressionStepperBarProps' | 'ProgressionStepperItem' | 'ProgressionStepperProps' | 'RadioGroupOption' | 'RadioGroupProps' | 'RadioOptionProps' | 'RadioProps' | 'RatingProps' | 'RenderListItemParams' | 'Required<CommonProps<"value",HTMLElement>>' | 'Required<CommonProps<"value">>' | 'Required<Pick<ButtonProps<As>,"label">>' | 'SearchBarProps' | 'SegmentedControlProps' | 'SegmentedToggleOption' | 'SkeletonProps' | 'SliderInputProps' | 'SnackbarProps' | 'SwitchGroupOption' | 'SwitchGroupProps' | 'SwitchOptionProps' | 'SwitchProps' | 'TabGroupOption' | 'TabGroupProps' | 'TableColumn' | 'TableProps' | 'TagProps' | 'TextareaFieldProps' | 'TextareaProps' | 'TextFieldProps' | 'TextInputProps' | 'TimePickerProps' | 'ToggleControlProps' | 'ToggleOptionProps' | 'TooltipProps' | 'TopNavigationProps' | 'TxtProps';
+export type MetaComponentName = 'Accordion' | 'Avatar' | 'Badge' | 'BannerAlert' | 'BottomNavigation' | 'BottomSheet' | 'Breadcrumb' | 'Button' | 'ButtonDock' | 'Card' | 'Chart' | 'Checkbox' | 'CheckboxGroup' | 'CheckboxOption' | 'Chip' | 'DatePicker' | 'Dialog' | 'Divider' | 'Drawer' | 'Dropdown' | 'DropdownField' | 'EmptyState' | 'Fab' | 'FileUpload' | 'FormField' | 'Image' | 'Img' | 'InlineAlert' | 'Layout' | 'Link' | 'ListItem' | 'Menu' | 'MenuButton' | 'Modal' | 'MultiSelection' | 'NavigationRail' | 'NumberField' | 'NumberInput' | 'OTPInput' | 'PageControl' | 'PasswordInput' | 'PhoneNumberInput' | 'Popover' | 'Portal' | 'ProgressBar' | 'ProgressCircle' | 'ProgressionStepper' | 'ProgressionStepperBar' | 'Radio' | 'RadioGroup' | 'RadioOption' | 'Rating' | 'SearchBar' | 'SegmentedControl' | 'Skeleton' | 'SliderInput' | 'Snackbar' | 'StylesProviderAnywhere' | 'StylesProviderBetterHomesGardens' | 'StylesProviderCartus' | 'StylesProviderCentury21' | 'StylesProviderColdwellBanker' | 'StylesProviderCorcoran' | 'StylesProviderDenaliBoss' | 'StylesProviderEra' | 'StylesProviderSothebys' | 'Switch' | 'SwitchGroup' | 'SwitchOption' | 'TabGroup' | 'Table' | 'Tag' | 'Textarea' | 'TextareaField' | 'TextField' | 'TextInput' | 'TimePicker' | 'ToggleOption' | 'Tooltip' | 'TopNavigation' | 'Txt';