@aws-amplify/ui 6.10.2 → 6.10.3

package/dist/types/theme/components/index.d.ts

@@ -1,51 +1,51 @@
-import { WebTokens } from '../tokens';
-import { AIConversationTheme } from './aiConverstion';
-import { AccordionTheme } from './accordion';
-import { AlertTheme } from './alert';
-import { AutoCompleteTheme } from './autocomplete';
-import { AvatarTheme } from './avatar';
-import { BadgeTheme } from './badge';
-import { BreadcrumbsTheme } from './breadcrumbs';
-import { ButtonTheme } from './button';
-import { ButtonGroupTheme } from './buttonGroup';
-import { CardTheme } from './card';
-import { CheckboxTheme } from './checkbox';
-import { CheckboxFieldTheme } from './checkboxField';
-import { CollectionTheme } from './collection';
-import { DividerTheme } from './divider';
-import { DropZoneTheme } from './dropZone';
-import { FieldTheme } from './field';
-import { FieldGroupTheme } from './fieldGroup';
-import { FieldsetTheme } from './fieldset';
-import { FileUploaderTheme } from './fileUploader';
-import { HeadingTheme } from './heading';
-import { HighlightMatchTheme } from './highlightMatch';
-import { InputTheme } from './input';
-import { LoaderTheme } from './loader';
-import { MenuTheme } from './menu';
-import { MessageTheme } from './message';
-import { PaginationTheme } from './pagination';
-import { PlaceholderTheme } from './placeholder';
-import { RadioTheme } from './radio';
-import { RatingTheme } from './rating';
-import { ScrollViewTheme } from './scrollview';
-import { SearchFieldTheme } from './searchField';
-import { SelectTheme } from './select';
-import { SelectFieldTheme } from './selectField';
-import { SliderFieldTheme } from './sliderField';
-import { StepperFieldTheme } from './stepperField';
-import { StorageBrowserTheme } from './storageBrowser';
-import { StorageManagerTheme } from './storageManager';
-import { SwitchFieldTheme, SwitchTheme } from './switchField';
-import { TableTheme } from './table';
-import { TabsTheme } from './tabs';
-import { TextTheme } from './text';
-import { TextFieldTheme } from './textField';
-import { TextareaTheme } from './textarea';
-import { TextareaFieldTheme } from './textareaField';
-import { ToggleButtonTheme, ToggleButtonGroupTheme } from './toggleButton';
-import { ComponentTheme, BaseComponentTheme, BaseTheme } from './utils';
-export { ClassNameFunction } from '../createTheme/createComponentClasses';
+import type { WebTokens } from '../tokens';
+import type { AIConversationTheme } from './aiConverstion';
+import type { AccordionTheme } from './accordion';
+import type { AlertTheme } from './alert';
+import type { AutoCompleteTheme } from './autocomplete';
+import type { AvatarTheme } from './avatar';
+import type { BadgeTheme } from './badge';
+import type { BreadcrumbsTheme } from './breadcrumbs';
+import type { ButtonTheme } from './button';
+import type { ButtonGroupTheme } from './buttonGroup';
+import type { CardTheme } from './card';
+import type { CheckboxTheme } from './checkbox';
+import type { CheckboxFieldTheme } from './checkboxField';
+import type { CollectionTheme } from './collection';
+import type { DividerTheme } from './divider';
+import type { DropZoneTheme } from './dropZone';
+import type { FieldTheme } from './field';
+import type { FieldGroupTheme } from './fieldGroup';
+import type { FieldsetTheme } from './fieldset';
+import type { FileUploaderTheme } from './fileUploader';
+import type { HeadingTheme } from './heading';
+import type { HighlightMatchTheme } from './highlightMatch';
+import type { InputTheme } from './input';
+import type { LoaderTheme } from './loader';
+import type { MenuTheme } from './menu';
+import type { MessageTheme } from './message';
+import type { PaginationTheme } from './pagination';
+import type { PlaceholderTheme } from './placeholder';
+import type { RadioTheme } from './radio';
+import type { RatingTheme } from './rating';
+import type { ScrollViewTheme } from './scrollview';
+import type { SearchFieldTheme } from './searchField';
+import type { SelectTheme } from './select';
+import type { SelectFieldTheme } from './selectField';
+import type { SliderFieldTheme } from './sliderField';
+import type { StepperFieldTheme } from './stepperField';
+import type { StorageBrowserTheme } from './storageBrowser';
+import type { StorageManagerTheme } from './storageManager';
+import type { SwitchFieldTheme, SwitchTheme } from './switchField';
+import type { TableTheme } from './table';
+import type { TabsTheme } from './tabs';
+import type { TextTheme } from './text';
+import type { TextFieldTheme } from './textField';
+import type { TextareaTheme } from './textarea';
+import type { TextareaFieldTheme } from './textareaField';
+import type { ToggleButtonTheme, ToggleButtonGroupTheme } from './toggleButton';
+import type { ComponentTheme, BaseComponentTheme, BaseTheme } from './utils';
+export type { ClassNameFunction } from '../createTheme/createComponentClasses';
 export type { ComponentTheme, BaseComponentTheme, BaseTheme };
 export type ComponentsTheme<TokensType extends WebTokens = WebTokens> = BaseComponentTheme<BaseTheme, string, TokensType> | BaseComponentTheme<AccordionTheme, 'accordion', TokensType> | BaseComponentTheme<AIConversationTheme, 'ai-conversation', TokensType> | BaseComponentTheme<AlertTheme, 'alert', TokensType> | BaseComponentTheme<AutoCompleteTheme, 'autocomplete', TokensType> | BaseComponentTheme<AvatarTheme, 'avatar', TokensType> | BaseComponentTheme<BadgeTheme, 'badge', TokensType> | BaseComponentTheme<BreadcrumbsTheme, 'breadcrumbs', TokensType> | BaseComponentTheme<ButtonTheme, 'button', TokensType> | BaseComponentTheme<ButtonGroupTheme, 'buttongroup', TokensType> | BaseComponentTheme<CardTheme, 'card', TokensType> | BaseComponentTheme<CheckboxTheme, 'checkbox', TokensType> | BaseComponentTheme<CheckboxFieldTheme, 'checkboxfield', TokensType> | BaseComponentTheme<CollectionTheme, 'collection', TokensType> | BaseComponentTheme<DividerTheme, 'divider', TokensType> | BaseComponentTheme<DropZoneTheme, 'dropzone', TokensType> | BaseComponentTheme<FieldTheme, 'field', TokensType> | BaseComponentTheme<FieldGroupTheme, 'field-group', TokensType> | BaseComponentTheme<FieldsetTheme, 'fieldset', TokensType> | BaseComponentTheme<FileUploaderTheme, 'fileuploader', TokensType> | BaseComponentTheme<HeadingTheme, 'heading', TokensType> | BaseComponentTheme<HighlightMatchTheme, 'highlightmatch', TokensType> | BaseComponentTheme<InputTheme, 'input', TokensType> | BaseComponentTheme<LoaderTheme, 'loader', TokensType> | BaseComponentTheme<MenuTheme, 'menu', TokensType> | BaseComponentTheme<MessageTheme, 'message', TokensType> | BaseComponentTheme<PaginationTheme, 'pagination', TokensType> | BaseComponentTheme<PlaceholderTheme, 'placeholder', TokensType> | BaseComponentTheme<RatingTheme, 'rating', TokensType> | BaseComponentTheme<RadioTheme, 'radio', TokensType> | BaseComponentTheme<ScrollViewTheme, 'scrollview', TokensType> | BaseComponentTheme<SearchFieldTheme, 'searchfield', TokensType> | BaseComponentTheme<SelectTheme, 'select', TokensType> | BaseComponentTheme<SelectFieldTheme, 'selectfield', TokensType> | BaseComponentTheme<SliderFieldTheme, 'sliderfield', TokensType> | BaseComponentTheme<StepperFieldTheme, 'stepperfield', TokensType> | BaseComponentTheme<StorageBrowserTheme, 'storage-browser', TokensType> | BaseComponentTheme<StorageManagerTheme, 'storagemanager', TokensType> | BaseComponentTheme<SwitchTheme, 'switch', TokensType> | BaseComponentTheme<SwitchFieldTheme, 'switchfield', TokensType> | BaseComponentTheme<TabsTheme, 'tabs', TokensType> | BaseComponentTheme<TableTheme, 'table', TokensType> | BaseComponentTheme<TextTheme, 'text', TokensType> | BaseComponentTheme<TextareaTheme, 'textarea', TokensType> | BaseComponentTheme<TextareaFieldTheme, 'textareafield', TokensType> | BaseComponentTheme<TextFieldTheme, 'textfield', TokensType> | BaseComponentTheme<ToggleButtonTheme, 'togglebutton', TokensType> | BaseComponentTheme<ToggleButtonGroupTheme, 'togglebuttongroup', TokensType>;
 export type AllComponentThemes = {

package/dist/types/theme/components/input.d.ts

@@ -1,2 +1,2 @@
-import { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
+import type { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
 export type InputTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers, Required>;

package/dist/types/theme/components/loader.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+import type { ComponentStyles, Elements, Modifiers, Size } from './utils';
 export type LoaderTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     label?: ComponentStyles;
 }, Required> & Modifiers<Size | 'linear' | 'determinate', Required>;

package/dist/types/theme/components/menu.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements } from './utils';
+import type { ComponentStyles, Elements } from './utils';
 export type MenuTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     [key in 'wrapper' | 'trigger' | 'content' | 'content__item']?: ComponentStyles;
 }, Required>;

package/dist/types/theme/components/message.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+import type { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
 export type MessageTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'plain' | 'outlined' | 'filled' | ColorTheme | 'neutral', Required> & Elements<{
     [key in 'icon' | 'heading' | 'content' | 'dismiss']?: ComponentStyles;
 }, Required>;

package/dist/types/theme/components/pagination.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements, Modifiers } from './utils';
+import type { ComponentStyles, Elements, Modifiers } from './utils';
 export type PaginationTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     item?: ComponentStyles & Modifiers<'ellipsis' | 'current' | 'disabled'>;
 }, Required>;

package/dist/types/theme/components/placeholder.d.ts

@@ -1,2 +1,2 @@
-import { Modifiers, ComponentStyles, Size } from './utils';
+import type { Modifiers, ComponentStyles, Size } from './utils';
 export type PlaceholderTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size, Required>;

package/dist/types/theme/components/radio.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+import type { ComponentStyles, Elements, Modifiers, Size } from './utils';
 export type RadioTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'disabled', Required> & Elements<{
     input?: ComponentStyles;
     button?: ComponentStyles & Modifiers<Size>;

package/dist/types/theme/components/rating.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements, Modifiers, Size } from './utils';
+import type { ComponentStyles, Elements, Modifiers, Size } from './utils';
 export type RatingTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size> & Elements<{
     item?: ComponentStyles;
     icon?: ComponentStyles & Modifiers<'filled' | 'empty'>;

package/dist/types/theme/components/scrollview.d.ts

@@ -1,2 +1,2 @@
-import { ComponentStyles, Modifiers, Orientation } from './utils';
+import type { ComponentStyles, Modifiers, Orientation } from './utils';
 export type ScrollViewTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Orientation, Required>;

package/dist/types/theme/components/searchField.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements } from './utils';
+import type { ComponentStyles, Elements } from './utils';
 export type SearchFieldTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     search?: ComponentStyles;
 }, Required>;

package/dist/types/theme/components/select.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, Size, FieldControlModifiers } from './utils';
+import type { Modifiers, ComponentStyles, Elements, Size, FieldControlModifiers } from './utils';
 export type SelectTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers | 'expanded', Required> & Elements<{
     wrapper?: ComponentStyles;
     icon?: ComponentStyles & Modifiers<Size, Required>;

package/dist/types/theme/components/selectField.d.ts

@@ -1,3 +1,3 @@
-import { ComponentStyles } from './utils';
+import type { ComponentStyles } from './utils';
 export interface SelectFieldTheme extends ComponentStyles {
 }

package/dist/types/theme/components/sliderField.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, ColorTheme, Size } from './utils';
+import type { Modifiers, ComponentStyles, Elements, ColorTheme, Size } from './utils';
 export type SliderFieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
     label?: ComponentStyles;
     group?: ComponentStyles;

package/dist/types/theme/components/stepperField.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+import type { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
 export type StepperFieldTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
     'button--increase'?: ComponentStyles & Modifiers<'quiet' | 'disabled', Required>;
     'button--decrease'?: ComponentStyles & Modifiers<'quiet' | 'disabled', Required>;

package/dist/types/theme/components/storageBrowser.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements } from './utils';
+import type { Modifiers, ComponentStyles, Elements } from './utils';
 type TableCellVariations = 'download' | 'select' | 'cancel';
 export type StorageBrowserTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     error?: ComponentStyles;

package/dist/types/theme/components/storageManager.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+import type { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
 export type StorageManagerTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
     dropzone?: ComponentStyles & Modifiers<'active' | 'small', Required>;
     dropzone__icon?: ComponentStyles;

package/dist/types/theme/components/switchField.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Elements, Size } from './utils';
+import type { Modifiers, ComponentStyles, Elements, Size } from './utils';
 export type SwitchTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     wrapper?: ComponentStyles & Modifiers<'start' | 'end' | 'top' | 'bottom', Required>;
     track?: ComponentStyles & Modifiers<'checked' | 'disabled' | 'focused' | 'error'>;

package/dist/types/theme/components/table.d.ts

@@ -1,4 +1,4 @@
-import { Modifiers, ComponentStyles, Size, Elements } from './utils';
+import type { Modifiers, ComponentStyles, Size, Elements } from './utils';
 export type TableTheme<Required extends boolean = false> = ComponentStyles & Modifiers<Size | 'bordered' | 'striped', Required> & Elements<{
     [key in 'caption' | 'head' | 'body' | 'foot' | 'row' | 'th' | 'td']?: ComponentStyles;
 }, Required>;

package/dist/types/theme/components/tabs.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles, Elements, Modifiers } from './utils';
+import type { ComponentStyles, Elements, Modifiers } from './utils';
 export type TabsTheme<Required extends boolean = false> = ComponentStyles & Elements<{
     list?: ComponentStyles & Modifiers<'equal' | 'relative' | 'top' | 'bottom'>;
     panel?: ComponentStyles & Modifiers<'active'>;

package/dist/types/theme/components/text.d.ts

@@ -1,3 +1,3 @@
-import { Modifiers, ComponentStyles } from './utils';
+import type { Modifiers, ComponentStyles } from './utils';
 export type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
 export type TextTheme<Required extends boolean = false> = ComponentStyles & Modifiers<TextVariation | 'truncated', Required>;

package/dist/types/theme/components/textField.d.ts

@@ -1,2 +1,2 @@
-import { ComponentStyles } from './utils';
+import type { ComponentStyles } from './utils';
 export type TextFieldTheme = ComponentStyles;

package/dist/types/theme/components/textarea.d.ts

@@ -1,2 +1,2 @@
-import { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
+import type { Modifiers, ComponentStyles, FieldControlModifiers } from './utils';
 export type TextareaTheme<Required extends boolean = false> = ComponentStyles & Modifiers<FieldControlModifiers, Required>;

package/dist/types/theme/components/textareaField.d.ts

@@ -1,2 +1,2 @@
-import { ComponentStyles } from './utils';
+import type { ComponentStyles } from './utils';
 export type TextareaFieldTheme = ComponentStyles;

package/dist/types/theme/components/toggleButton.d.ts

@@ -1,3 +1,3 @@
-import { Modifiers, ComponentStyles } from './utils';
+import type { Modifiers, ComponentStyles } from './utils';
 export type ToggleButtonTheme<Required extends boolean = false> = ComponentStyles & Modifiers<'primary' | 'pressed' | 'link', Required>;
 export type ToggleButtonGroupTheme = ComponentStyles;

package/dist/types/theme/components/utils.d.ts

@@ -1,7 +1,7 @@
 import type * as CSS from 'csstype';
-import { DesignToken } from '../types';
-import { WebTokens } from '../tokens';
-import { Breakpoints } from '../breakpoints';
+import type { DesignToken } from '../types';
+import type { WebTokens } from '../tokens';
+import type { Breakpoints } from '../breakpoints';
 export type ColorTheme = 'info' | 'warning' | 'success' | 'error';
 export type Size = 'small' | 'large';
 export type Orientation = 'horizontal' | 'vertical';
@@ -16,13 +16,9 @@ export interface ComponentStyles extends CSSProperties, Selectors {
     _vars?: Record<string, DesignToken | string>;
 }
 export type Modifiers<Keys extends string = string, Required extends boolean = false> = Required extends true ? {
-    _modifiers: {
-        [key in Keys]: ComponentStyles;
-    };
+    _modifiers: Record<Keys, ComponentStyles>;
 } : {
-    _modifiers?: {
-        [key in Keys]?: ComponentStyles;
-    };
+    _modifiers?: Partial<Record<Keys, ComponentStyles>>;
 };
 export type Elements<Properties extends Record<string, ComponentStyles & {
     _modifiers?: Record<string, ComponentStyles>;

package/dist/types/theme/createTheme/createAnimationCSS.d.ts

@@ -1,5 +1,5 @@
-import { WebTokens } from '../tokens';
-import { Animations } from '../types';
+import type { WebTokens } from '../tokens';
+import type { Animations } from '../types';
 export declare function createAnimationCSS({ animations, tokens, }: {
     animations: Animations;
     tokens: WebTokens;

package/dist/types/theme/createTheme/createColorPalette.d.ts

@@ -1,4 +1,4 @@
-import { ColorValues, ScaleKey } from '../tokens/colors';
+import type { ColorValues, ScaleKey } from '../tokens/colors';
 /**
  * Takes a set of keys and a color name and returns an object of design tokens,
  * used for applying a primary color at the theme level to our tokens.

package/dist/types/theme/createTheme/createComponentCSS.d.ts

@@ -1,6 +1,6 @@
-import { WebTheme } from '../types';
-import { ComponentsTheme } from '../components';
-import { BaseTheme } from '../components/utils';
+import type { WebTheme } from '../types';
+import type { ComponentsTheme } from '../components';
+import type { BaseTheme } from '../components/utils';
 export declare function recursiveComponentCSS(baseSelector: string, theme: BaseTheme): string;
 interface CreateComponentCSSParams {
     theme: Pick<WebTheme, 'tokens' | 'breakpoints' | 'name'>;

package/dist/types/theme/createTheme/createComponentClasses.d.ts

@@ -1,6 +1,6 @@
-import { ClassNamesArgs } from '../../utils';
-import { ComponentThemeFromName } from '../components';
-import { BaseTheme } from '../components/utils';
+import type { ClassNamesArgs } from '../../utils';
+import type { ComponentThemeFromName } from '../components';
+import type { BaseTheme } from '../components/utils';
 type ElementNames<T extends unknown> = T extends {
     _element?: any;
 } ? keyof Required<T['_element']> : never;

package/dist/types/theme/createTheme/createGlobalCSS.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyles } from '../components/utils';
+import type { ComponentStyles } from '../components/utils';
 type GlobalCSS = Record<string, ComponentStyles>;
 export declare function createGlobalCSS(css: GlobalCSS): string;
 export {};

package/dist/types/theme/createTheme/createTheme.d.ts

@@ -1,5 +1,5 @@
-import { Theme, DefaultTheme, WebTheme } from '../types';
-import { WebTokens } from '../tokens';
+import type { Theme, DefaultTheme, WebTheme } from '../types';
+import type { WebTokens } from '../tokens';
 /**
  * This will be used like `const myTheme = createTheme({})`
  * `myTheme` can then be passed to a Provider or the generated CSS

package/dist/types/theme/createTheme/defineComponentTheme.d.ts

@@ -1,8 +1,8 @@
-import { ComponentThemeFromName, ComponentsTheme } from '../components';
-import { BaseTheme, ComponentTheme, ComponentThemeOverride } from '../components/utils';
-import { WebTokens } from '../tokens';
-import { WebTheme } from '../types';
-import { ClassNameFunction } from './createComponentClasses';
+import type { ComponentThemeFromName, ComponentsTheme } from '../components';
+import type { BaseTheme, ComponentTheme, ComponentThemeOverride } from '../components/utils';
+import type { WebTokens } from '../tokens';
+import type { WebTheme } from '../types';
+import type { ClassNameFunction } from './createComponentClasses';
 type CreateComponentThemeProps<TokensType extends WebTokens = WebTokens, ThemeType extends BaseTheme = BaseTheme, NameType extends string = string, OverridesType extends BaseTheme = BaseTheme> = {
     name: NameType;
     theme?: ComponentTheme<ThemeType, TokensType>;

package/dist/types/theme/createTheme/index.d.ts

@@ -2,6 +2,8 @@ export { createTheme } from './createTheme';
 export { defineComponentTheme } from './defineComponentTheme';
 export { createComponentCSS } from './createComponentCSS';
 export { createGlobalCSS } from './createGlobalCSS';
-export { cssNameTransform, deepExtend, isDesignToken, setupTokens, SetupToken, } from './utils';
-export { createComponentClasses, ClassNameArgs, } from './createComponentClasses';
+export type { SetupToken } from './utils';
+export { cssNameTransform, deepExtend, isDesignToken, setupTokens, } from './utils';
+export type { ClassNameArgs } from './createComponentClasses';
+export { createComponentClasses } from './createComponentClasses';
 export { resolveObject } from './resolveObject';

package/dist/types/theme/createTheme/utils.d.ts

@@ -1,6 +1,6 @@
-import { WebDesignToken } from '../types';
-import { ShadowValue } from '../tokens/types/designToken';
-import { CSSProperties } from '../components/utils';
+import type { WebDesignToken } from '../types';
+import type { ShadowValue } from '../tokens/types/designToken';
+import type { CSSProperties } from '../components/utils';
 export declare const CSS_VARIABLE_PREFIX = "amplify";
 interface NameTransformProps {
     path?: Array<string>;

package/dist/types/theme/defaultDarkModeOverride.d.ts

@@ -1,5 +1,5 @@
-import { ColorModeOverride } from './types';
-import { ReactNativeTokens } from './tokens';
+import type { ColorModeOverride } from './types';
+import type { ReactNativeTokens } from './tokens';
 /**
  * A basic dark mode that just flips the base color
  * palette.

package/dist/types/theme/defaultTheme.d.ts

@@ -1,2 +1,2 @@
-import { DefaultTheme } from './types';
+import type { DefaultTheme } from './types';
 export declare const defaultTheme: DefaultTheme;

package/dist/types/theme/index.d.ts

@@ -1,6 +1,8 @@
-export { createTheme, deepExtend, defineComponentTheme, createComponentClasses, createComponentCSS, createGlobalCSS, cssNameTransform, isDesignToken, resolveObject, setupTokens, SetupToken, } from './createTheme';
-export { BaseComponentTheme } from './components';
+export type { SetupToken } from './createTheme';
+export { createTheme, deepExtend, defineComponentTheme, createComponentClasses, createComponentCSS, createGlobalCSS, cssNameTransform, isDesignToken, resolveObject, setupTokens, } from './createTheme';
+export type { BaseComponentTheme } from './components';
 export { defaultTheme } from './defaultTheme';
 export { defaultDarkModeOverride, reactNativeDarkTokens, } from './defaultDarkModeOverride';
-export { reactNativeTokens, ReactNativeTokens } from './tokens';
+export type { ReactNativeTokens } from './tokens';
+export { reactNativeTokens } from './tokens';
 export * from './types';

package/dist/types/theme/tokens/borderWidths.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenValues, OutputVariantKey, RecursiveDesignToken, SpaceValue } from './types/designToken';
+import type { DesignTokenValues, OutputVariantKey, RecursiveDesignToken, SpaceValue } from './types/designToken';
 type BorderWidthSize = 'small' | 'medium' | 'large';
 export type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, SpaceValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, SpaceValue<Platform, Output>, Output, Platform>>) & RecursiveDesignToken<SpaceValue<Platform, Output>, Output, Platform>;
 export declare const borderWidths: BorderWidths<'default'>;

package/dist/types/theme/tokens/colors.d.ts

@@ -1,4 +1,4 @@
-import { ColorValue, DesignTokenValues, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
+import type { ColorValue, DesignTokenValues, OutputVariantKey, RecursiveDesignToken } from './types/designToken';
 /**
  * Util type for creating color interfaces using `ColorValue` from string and number unions
  */

package/dist/types/theme/tokens/components/accordion.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type AccordionTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor', Output> & {
     item?: DesignTokenProperties<'borderWidth' | 'borderStyle' | 'borderColor' | 'borderRadius', Output> & {
         icon?: DesignTokenProperties<'transitionDuration' | 'transitionTimingFunction' | 'color', Output>;

package/dist/types/theme/tokens/components/aiConversation.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export interface AIConversationTokens<OutputType extends OutputVariantKey> {
     message?: DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'paddingBlock' | 'paddingInline' | 'gap', OutputType> & {
         sender?: DesignTokenProperties<'gap', OutputType> & {

package/dist/types/theme/tokens/components/alert.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type AlertVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color', OutputType>;
 type AlertIconTokens<OutputType> = DesignTokenProperties<'size', OutputType>;
 type AlertHeadingTokens<OutputType> = DesignTokenProperties<'fontSize' | 'fontWeight', OutputType>;

package/dist/types/theme/tokens/components/authenticator.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type ModalTokenKey = 'width' | 'height' | 'backgroundColor' | 'top' | 'left';
 type AuthenticatorModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
 type RouterKey = 'borderWidth' | 'borderStyle' | 'borderColor' | 'backgroundColor' | 'boxShadow';

package/dist/types/theme/tokens/components/autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type AutocompleteTokens<OutputType extends OutputVariantKey> = {
     menu?: DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'marginBlockStart' | 'width', OutputType> & {
         options?: DesignTokenProperties<'display' | 'flexDirection' | 'maxHeight', OutputType>;

package/dist/types/theme/tokens/components/avatar.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type AvatarVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color' | 'borderColor', OutputType>;
 type AvatarSizeTokens<OutputType> = DesignTokenProperties<'fontSize' | 'width' | 'height', OutputType>;
 type AvatarKey = 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderColor' | 'color' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'height' | 'textAlign' | 'width';

package/dist/types/theme/tokens/components/badge.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type VariationKey = 'backgroundColor' | 'color';
 type BadgeVariationTokens<OutputType> = DesignTokenProperties<VariationKey, OutputType>;
 type SizeKey = 'fontSize' | 'paddingHorizontal' | 'paddingVertical';

package/dist/types/theme/tokens/components/breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type BreadcrumbsTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'gap' | 'flexDirection' | 'flexWrap' | 'color', OutputType> & {
     item?: DesignTokenProperties<'color' | 'fontSize' | 'alignItems' | 'lineHeight' | 'flexDirection', OutputType>;
     separator?: DesignTokenProperties<'color' | 'fontSize' | 'paddingInline', OutputType>;

package/dist/types/theme/tokens/components/button.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
 type ColorThemeTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output> & {
     _hover?: StateTokens<Output>;

package/dist/types/theme/tokens/components/card.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type CardVariationStyleKey = 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'boxShadow';
 type CardVariationTokens<OutputType> = DesignTokenProperties<CardVariationStyleKey, OutputType>;
 export type CardTokens<OutputType extends OutputVariantKey> = CardVariationTokens<OutputType> & DesignTokenProperties<'padding', OutputType> & {

package/dist/types/theme/tokens/components/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type ButtonFocusToken<Output> = DesignTokenProperties<'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'borderColor' | 'boxShadow', Output>;
 type BeforeToken<Output> = DesignTokenProperties<'width' | 'height' | 'borderWidth' | 'borderRadius' | 'borderStyle' | 'borderColor', Output>;
 type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItems' | 'justifyContent' | 'color', Output> & {

package/dist/types/theme/tokens/components/checkboxField.d.ts

@@ -1,3 +1,3 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type CheckboxFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'alignContent' | 'flexDirection' | 'justifyContent', Output>;
 export declare const checkboxfield: Required<CheckboxFieldTokens<'default'>>;

package/dist/types/theme/tokens/components/collection.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
 type PaginationTokens<Output> = {
     current?: DesignTokenProperties<'color' | 'backgroundColor', Output>;

package/dist/types/theme/tokens/components/copy.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type CopyTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontSize' | 'gap', Output> & {
     svg?: {
         path?: DesignTokenProperties<'fill', Output>;

package/dist/types/theme/tokens/components/dialCodeSelect.d.ts

@@ -1,3 +1,3 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type DialCodeSelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height', Output>;
 export declare const dialcodeselect: Required<DialCodeSelectTokens<'default'>>;

package/dist/types/theme/tokens/components/divider.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type DividerSizeTokens<Output> = DesignTokenProperties<'borderWidth', Output>;
 export type DividerTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'opacity', Output> & {
     label?: DesignTokenProperties<'color' | 'paddingInline' | 'fontSize' | 'backgroundColor', Output>;

package/dist/types/theme/tokens/components/dropZone.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type BaseDropZoneTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'color', OutputType>;
 export type DropZoneTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'gap' | 'paddingBlock' | 'paddingInline' | 'textAlign', OutputType> & BaseDropZoneTokens<OutputType> & {
     _active?: BaseDropZoneTokens<OutputType>;

package/dist/types/theme/tokens/components/field.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type FieldSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'gap', Output>;
 export type FieldTokens<Output extends OutputVariantKey> = FieldSizeTokens<Output> & DesignTokenProperties<'flexDirection', Output> & {
     small?: FieldSizeTokens<Output>;

package/dist/types/theme/tokens/components/fieldControl.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 type FieldControlSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
 type FieldControlFocusTokens<Output> = DesignTokenProperties<'borderColor' | 'boxShadow', Output>;
 type FieldControlDisabledTokens<Output> = DesignTokenProperties<'color' | 'cursor' | 'borderColor' | 'backgroundColor', Output>;

package/dist/types/theme/tokens/components/fieldGroup.d.ts

@@ -1,4 +1,4 @@
-import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+import type { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 export type FieldGroupTokens<Output extends OutputVariantKey> = DesignTokenProperties<'gap', Output> & {
     vertical?: DesignTokenProperties<'alignItems', Output>;
     outer?: DesignTokenProperties<'alignItems', Output>;