@uniformdev/design-system 19.135.1-alpha.10 → 19.135.1-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,8 +1,8 @@
1
- import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
2
- import { DecoratorFn } from '@storybook/react';
1
+ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
+ import { Decorator } from '@storybook/react';
3
3
  import * as React$1 from 'react';
4
- import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
5
- import { GroupBase, Props } from 'react-select';
4
+ import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
5
+ import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
6
6
  export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
7
7
  import * as _emotion_react from '@emotion/react';
8
8
  import { SerializedStyles } from '@emotion/react';
@@ -16,14 +16,18 @@ import * as _react_icons_all_files from '@react-icons/all-files';
16
16
  import { IconType as IconType$2 } from '@react-icons/all-files';
17
17
  import { DateValue } from '@internationalized/date';
18
18
  import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
19
- import InternalSelect from 'react-select/dist/declarations/src/Select';
19
+ import { PopoverState } from 'reakit/Popover';
20
+ import { CreatableProps } from 'react-select/creatable';
21
+ import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
20
22
  import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
21
23
  import * as _ariakit_react from '@ariakit/react';
22
- import { MenuProps as MenuProps$2, MenuStoreProps, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
24
+ import { MenuProps as MenuProps$2, MenuStoreProps, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
25
+ export { PopoverStore } from '@ariakit/react';
23
26
  import { InitialConfigType } from '@lexical/react/LexicalComposer';
24
27
  import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
25
28
  export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
26
29
  import { Spread, SerializedElementNode, ElementNode, NodeKey, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
30
+ import * as _uniformdev_richtext from '@uniformdev/richtext';
27
31
  export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
28
32
  export { Id as ToastId, toast } from 'react-toastify';
29
33
 
@@ -42,9 +46,9 @@ type ThemeProps = {
42
46
  /**
43
47
  * Uniform CSS Variables, font provider and optional reset stylesheet
44
48
  * @example <Theme disableReset={true} /> */
45
- declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
49
+ declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_jsx_runtime.JSX.Element;
46
50
 
47
- declare const BetaDecorator: DecoratorFn;
51
+ declare const BetaDecorator: Decorator;
48
52
 
49
53
  /** Breakpoint label values */
50
54
  type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -122,7 +126,7 @@ declare const buttonTertiaryOutline: _emotion_react.SerializedStyles;
122
126
  declare const buttonGhostUnimportant: _emotion_react.SerializedStyles;
123
127
 
124
128
  declare const labelText: _emotion_react.SerializedStyles;
125
- declare const input: (whiteSpaceWrap: 'wrap' | 'nowrap') => _emotion_react.SerializedStyles;
129
+ declare const input: (whiteSpaceWrap: "wrap" | "nowrap") => _emotion_react.SerializedStyles;
126
130
  declare const inputError: _emotion_react.SerializedStyles;
127
131
  declare const inputSelect: _emotion_react.SerializedStyles;
128
132
 
@@ -207,7 +211,7 @@ type AddButtonProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'onC
207
211
  * @param {Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange'>} props - object of button props
208
212
  * @example <AddButton buttonText="Button Text" />
209
213
  */
210
- declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
214
+ declare const AddButton: ({ buttonText, onClick, shortcut, macShortcut, ...props }: AddButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
211
215
 
212
216
  type AddListButtonThemeProps = 'var(--brand-secondary-5)' | 'var(--primary-action-default)';
213
217
  type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -236,7 +240,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
236
240
  * Uniform Add List Button Component
237
241
  * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
238
242
  */
239
- declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
243
+ declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
240
244
 
241
245
  var v$1 = "4.8.0";
242
246
  var meta$1 = {
@@ -20204,7 +20208,7 @@ type AnimationFileProps = LottieComponentProps & {
20204
20208
  * See https://lottiereact.com/ for example documentation
20205
20209
  * @example <AnimationFile animationData={spinnerAnimationData} label="My Animation" width={364} height={282} />
20206
20210
  */
20207
- declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20211
+ declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_jsx_runtime.JSX.Element;
20208
20212
 
20209
20213
  type AvatarSizeProp = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
20210
20214
  type AvatarProps = {
@@ -20216,7 +20220,7 @@ type AvatarProps = {
20216
20220
  * @description A component to render rounded avatars of a user or an app.
20217
20221
  * @example <Avatar>AB</Avatar>
20218
20222
  */
20219
- declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20223
+ declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
20220
20224
 
20221
20225
  type AvatarGroupProps = {
20222
20226
  /**
@@ -20235,7 +20239,7 @@ type AvatarGroupProps = {
20235
20239
  * @description Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.
20236
20240
  * @example <AvatarGroup max={2}><Avatar>AB</Avatar><Avatar>CD</Avatar><Avatar>EF</Avatar><AvatarGroup>
20237
20241
  */
20238
- declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20242
+ declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
20239
20243
 
20240
20244
  type BadgeThemeProps = 'caution' | 'info' | 'note' | 'success' | 'error' | 'unimportant';
20241
20245
  type SizeProps = 'xs' | 'sm' | 'base';
@@ -20260,7 +20264,7 @@ type BadgeSizeProps = Record<SizeProps, SerializedStyles>;
20260
20264
  * @example <Badge text="My badge" theme="success" size="base" />
20261
20265
  * @deprecated please use Chip component instead
20262
20266
  */
20263
- declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20267
+ declare const Badge: ({ text, theme, size, uppercaseText, ...props }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
20264
20268
 
20265
20269
  type BannerType = 'note' | 'info' | 'caution' | 'danger' | 'success';
20266
20270
  type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
@@ -20284,7 +20288,7 @@ type BannerProps = React__default.HTMLAttributes<HTMLDivElement> & {
20284
20288
  * Uniform Banner Component
20285
20289
  * @example <Banner type="caution" onDismiss={() => {}}>My Banner Message</Callout>
20286
20290
  */
20287
- declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20291
+ declare const Banner: ({ type, onDismiss, children, isAnimated, ...props }: BannerProps) => _emotion_react_jsx_runtime.JSX.Element;
20288
20292
 
20289
20293
  type UniformLogoProps = {
20290
20294
  /** sets a light or dark theme for the uniform badge or logo component
@@ -20298,14 +20302,14 @@ type UniformLogoProps = {
20298
20302
  * @param props - sets react svg element attribute props
20299
20303
  * @example <UniformBadge theme="dark" />
20300
20304
  */
20301
- declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20305
+ declare const UniformBadge: ({ theme, ...props }: React__default.SVGAttributes<SVGElement> & UniformLogoProps) => _emotion_react_jsx_runtime.JSX.Element;
20302
20306
 
20303
20307
  /**
20304
20308
  * Uniform Logo
20305
20309
  * @param props - sets react svg element attribute props
20306
20310
  * @example <UniformLogo theme="light" /> */
20307
- declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20308
- declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20311
+ declare const UniformLogo: ({ theme, ...props }: UniformLogoProps & React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
20312
+ declare const UniformLogoLarge: ({ ...props }: React.SVGAttributes<SVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
20309
20313
 
20310
20314
  /**
20311
20315
  * Gets a formatted version of a shortcut for display.
@@ -20322,7 +20326,7 @@ declare function getFormattedShortcut(shortcut: string | null): string[];
20322
20326
  */
20323
20327
  declare function ShortcutContext({ children }: {
20324
20328
  children: React__default.ReactNode;
20325
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20329
+ }): _emotion_react_jsx_runtime.JSX.Element;
20326
20330
  /**
20327
20331
  * @deprecated Use tooltips or menu items with a shortcut instead,
20328
20332
  * and getFormattedShortcut for display
@@ -20331,7 +20335,7 @@ declare function ShortcutRevealer({ shortcut, macShortcut, className, }: {
20331
20335
  shortcut: string;
20332
20336
  macShortcut?: string;
20333
20337
  className?: SerializedStyles | string;
20334
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
20338
+ }): _emotion_react_jsx_runtime.JSX.Element | null;
20335
20339
 
20336
20340
  type UseShortcutOptions = {
20337
20341
  /**
@@ -20385,7 +20389,7 @@ type TooltipProps = TooltipOptions & {
20385
20389
  /** If the tooltip should not be rendered inside a portal */
20386
20390
  withoutPortal?: boolean;
20387
20391
  };
20388
- declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20392
+ declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
20389
20393
 
20390
20394
  /** Button themes that are available to use with our brand */
20391
20395
  type ButtonThemeProps$1 = 'primary' | 'secondary' | 'accent-alt-dark' | 'accent-alt-dark-outline' | 'destructive' | 'tertiary' | 'tertiaryOutline' | 'unimportant' | 'ghost' | 'ghostDestructive' | 'primaryInvert' | 'secondaryInvert' | 'ghostUnimportant';
@@ -20420,8 +20424,7 @@ type ButtonProps = ButtonProps$1 & {
20420
20424
  };
20421
20425
  /**
20422
20426
  * Uniform Button Component
20423
- * @param {BaseButtonProps} props - object of button props from reakit
20424
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
20427
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
20425
20428
  */
20426
20429
  declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
20427
20430
 
@@ -20436,7 +20439,7 @@ declare const allSupportedIcons: {
20436
20439
  'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20437
20440
  warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20438
20441
  'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20439
- settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
20442
+ settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
20440
20443
  'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20441
20444
  json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20442
20445
  'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
@@ -20456,6 +20459,8 @@ declare const allSupportedIcons: {
20456
20459
  'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20457
20460
  'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20458
20461
  refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20462
+ 'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20463
+ 'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
20459
20464
  'add-r': _react_icons_all_files.IconType;
20460
20465
  add: _react_icons_all_files.IconType;
20461
20466
  airplane: _react_icons_all_files.IconType;
@@ -21106,7 +21111,7 @@ type IconName = keyof typeof allSupportedIcons;
21106
21111
  /** sets fill color of the svg icon
21107
21112
  * @default 'default'
21108
21113
  */
21109
- type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light';
21114
+ type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
21110
21115
  /** sets the type of icon to use from the available list */
21111
21116
  type IconType = IconName | IconType$1;
21112
21117
  interface IconProps extends IconBaseProps {
@@ -21121,7 +21126,7 @@ interface IconProps extends IconBaseProps {
21121
21126
  * Component that renders icons
21122
21127
  * @example <Icon icon="add-r" iconColor="currentColor" />
21123
21128
  */
21124
- declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null>;
21129
+ declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
21125
21130
 
21126
21131
  declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21127
21132
  declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
@@ -21134,11 +21139,13 @@ declare const canvasAlertIcon: (props: _react_icons_all_files.IconBaseProps) =>
21134
21139
  declare const warningIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21135
21140
  declare const infoFilledIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21136
21141
  declare const settingsIcon: IconType$2;
21137
- declare const settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21142
+ declare const settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
21138
21143
  declare const queryStringIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21139
21144
  declare const structurePanelIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21140
21145
  declare const jsonIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21141
21146
  declare const yesNoIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21147
+ declare const zigZag: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21148
+ declare const zigZagThick: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21142
21149
  declare const customIcons: {
21143
21150
  'rectangle-rounded': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21144
21151
  card: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
@@ -21150,7 +21157,7 @@ declare const customIcons: {
21150
21157
  'canvas-alert': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21151
21158
  warning: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21152
21159
  'info-filled': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21153
- settings: (props: IconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21160
+ settings: (props: IconProps) => _emotion_react_jsx_runtime.JSX.Element;
21154
21161
  'query-string': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21155
21162
  json: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21156
21163
  'format-bold': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
@@ -21170,6 +21177,8 @@ declare const customIcons: {
21170
21177
  'clipboard-copy': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21171
21178
  'clipboard-paste': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21172
21179
  refresh: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21180
+ 'zig-zag': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21181
+ 'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21173
21182
  };
21174
21183
 
21175
21184
  type IconsMap = Record<string, IconType$1>;
@@ -21183,10 +21192,15 @@ declare function useIconContext(): {
21183
21192
  */
21184
21193
  declare function IconsProvider({ children }: {
21185
21194
  children: ReactNode;
21186
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21195
+ }): _emotion_react_jsx_runtime.JSX.Element;
21187
21196
 
21188
21197
  declare const uniformComponentIcon: IconType$1;
21198
+ declare const uniformConditionalValuesIcon: IconType$1;
21199
+ declare const uniformAiIcon: (props: _react_icons_all_files.IconBaseProps) => React$1.JSX.Element;
21200
+ declare const uniformLocaleIcon: IconType$1;
21201
+ declare const uniformLocaleDisabledIcon: IconType$1;
21189
21202
  declare const uniformComponentPatternIcon: IconType$1;
21203
+ declare const uniformCompositionPatternIcon: IconType$1;
21190
21204
  declare const uniformContentTypeIcon: IconType$1;
21191
21205
  declare const uniformEntryIcon: IconType$1;
21192
21206
  declare const uniformEntryPatternIcon: IconType$1;
@@ -21237,7 +21251,7 @@ interface ActionButtonsProps {
21237
21251
  }
21238
21252
  /** ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes */
21239
21253
  type ButtonWithMenuProps = ActionButtonsProps & React$1.ButtonHTMLAttributes<HTMLButtonElement>;
21240
- declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21254
+ declare const ButtonWithMenu: ({ onButtonClick, buttonType, buttonText, icon, disabled, children, placement, size, menuContainerCssClasses, withoutPortal, portal, maxMenuHeight, tooltip, shortcut, ...buttonProps }: ButtonWithMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
21241
21255
 
21242
21256
  /**
21243
21257
  * A string in the ISO 8601 date format: YYYY-MM-DD
@@ -21256,7 +21270,7 @@ type CalendarProps = Pick<CalendarProps$1<DateValue>, 'autoFocus' | 'isDisabled'
21256
21270
  *
21257
21271
  * @deprecated This component is in beta, name and props are subject to change without a major version
21258
21272
  */
21259
- declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21273
+ declare const Calendar: ({ value, timeZone, minValue, maxValue, onChange, autoFocus, isDisabled, isInvalid, isReadOnly, ...props }: CalendarProps) => _emotion_react_jsx_runtime.JSX.Element;
21260
21274
 
21261
21275
  /** Callout button types available to use with our brand */
21262
21276
  type CalloutType = 'caution' | 'danger' | 'info' | 'note' | 'success' | 'tip' | 'error';
@@ -21282,7 +21296,7 @@ interface CalloutProps {
21282
21296
  * Uniform Callout Component
21283
21297
  * @example <Callout title="my title" type="caution"><p>callout body copy</p></Callout>
21284
21298
  */
21285
- declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21299
+ declare const Callout: ({ type, compact, title, children, className, testId, }: CalloutProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21286
21300
 
21287
21301
  type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
21288
21302
  /** (optional) sets the title value of the card */
@@ -21307,11 +21321,11 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
21307
21321
  */
21308
21322
  tag?: React$1.ElementType;
21309
21323
  };
21310
- declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21324
+ declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
21311
21325
  type CardTitleProps = {
21312
21326
  children?: React$1.ReactNode;
21313
21327
  } & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
21314
- declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21328
+ declare const CardTitle: ({ title, titleWithMarginBottom, children }: CardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
21315
21329
 
21316
21330
  type CardContainerBgColorProps = 'gray' | 'white';
21317
21331
  type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
@@ -21337,14 +21351,18 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
21337
21351
  /** Uniform Card Container
21338
21352
  * @example <CardContainer><Card title="card title" /></CardContainer>
21339
21353
  */
21340
- declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21354
+ declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
21341
21355
 
21342
- declare const LoadingCardSkeleton: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21356
+ declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
21343
21357
 
21344
21358
  type ChipSizeProp = 'xs' | 'sm' | 'md';
21345
21359
  type ChipTheme = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
21346
21360
  type ChipProps = {
21347
21361
  icon?: IconType;
21362
+ /** sets the color of the icon
21363
+ * @default 'currentColor'
21364
+ * */
21365
+ iconColor?: IconColor;
21348
21366
  text: ReactNode;
21349
21367
  /** sets the size of the chip
21350
21368
  * @default 'sm'
@@ -21352,6 +21370,10 @@ type ChipProps = {
21352
21370
  theme?: ChipTheme;
21353
21371
  chipAction?: React.ReactNode;
21354
21372
  size?: ChipSizeProp;
21373
+ /** sets whether to use outlined chip variant
21374
+ * @default 'solid'
21375
+ */
21376
+ variant?: 'solid' | 'outlined';
21355
21377
  /**
21356
21378
  * The HTML element to render
21357
21379
  * @default 'span'
@@ -21365,7 +21387,7 @@ type ChipProps = {
21365
21387
  * To represent a different object, as a reference
21366
21388
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
21367
21389
  */
21368
- declare const Chip: ({ icon, text, size, theme, chipAction, as, ...props }: ChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21390
+ declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
21369
21391
  type DismissibleChipActionProps = {
21370
21392
  onDismiss: () => void;
21371
21393
  } & HTMLAttributes<HTMLButtonElement>;
@@ -21373,7 +21395,7 @@ type DismissibleChipActionProps = {
21373
21395
  * @description Dismissible chip action should be used with the Chip component
21374
21396
  * @example <DismissibleChipAction onDismiss={() => {...}}/>
21375
21397
  */
21376
- declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21398
+ declare const DismissibleChipAction: ({ onDismiss, ...props }: DismissibleChipActionProps) => _emotion_react_jsx_runtime.JSX.Element;
21377
21399
 
21378
21400
  type MultilineChipProps = {
21379
21401
  children: ReactNode;
@@ -21384,18 +21406,24 @@ type MultilineChipProps = {
21384
21406
  * Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.
21385
21407
  * @example <MultilineChip text="productId" />
21386
21408
  */
21387
- declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21409
+ declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
21388
21410
 
21411
+ type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
21412
+ type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
21389
21413
  type CounterProps = {
21390
21414
  /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
21391
21415
  count: number | undefined;
21392
21416
  /** sets the background color
21393
21417
  * @default 'transparent'
21394
21418
  */
21395
- bgColor?: 'var(--white)' | 'var(--gray-50)' | 'transparent';
21396
- } & React$1.HTMLAttributes<HTMLDivElement>;
21419
+ bgColor?: CounterBgColors;
21420
+ /** sets the color of the icon if one is provided */
21421
+ iconColor?: CounterIconColors;
21422
+ /** Optional icon for the counter */
21423
+ icon?: IconType;
21424
+ } & React.HTMLAttributes<HTMLDivElement>;
21397
21425
  /** @example <Counter count={1} /> */
21398
- declare const Counter: ({ count, bgColor, ...props }: CounterProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21426
+ declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21399
21427
 
21400
21428
  type TextAlignProps = 'left' | 'right' | 'center';
21401
21429
  type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -21413,7 +21441,73 @@ type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
21413
21441
  * Uniform Dashed Box Component
21414
21442
  * @example <DashedBox bgColor="white" boxHeight="md" textAlign="center"><h1>hello world</h1></DashedBox>
21415
21443
  */
21416
- declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21444
+ declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_jsx_runtime.JSX.Element;
21445
+
21446
+ /**
21447
+ * A string in the ISO 8601 time format: hh:mm
21448
+ */
21449
+ type IsoTimeString = string;
21450
+ type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
21451
+ /** (optional) sets the label value */
21452
+ label?: string;
21453
+ /** (optional) sets caption text value */
21454
+ caption?: string | JSX.Element;
21455
+ /** The current value in ISO 8601 time format */
21456
+ value: IsoTimeString | null | undefined;
21457
+ /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
21458
+ minValue?: IsoTimeString;
21459
+ /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
21460
+ maxValue?: IsoTimeString;
21461
+ /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
21462
+ showLabel?: boolean;
21463
+ /** (optional) sets and shows the the error message value */
21464
+ errorMessage?: string;
21465
+ /** (optional) sets and shows the warning message value */
21466
+ warningMessage?: string;
21467
+ /** (optional) sets the test id for input field container for test automation*/
21468
+ containerTestId?: string;
21469
+ /** (optional) sets label test id */
21470
+ labelTestId?: string;
21471
+ /** (option) sets validation message test id for test automation */
21472
+ errorTestId?: string;
21473
+ /** (option) sets caption message test id for test automation */
21474
+ captionTestId?: string;
21475
+ belowInputSlot?: ReactNode;
21476
+ onChange?: (value: IsoTimeString) => void;
21477
+ };
21478
+ /**
21479
+ * Time input with segmented control
21480
+ *
21481
+ * @deprecated This component is in beta, name and props are subject to change without a major version
21482
+ */
21483
+ declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
21484
+ /** (optional) sets the label value */
21485
+ label?: string;
21486
+ /** (optional) sets caption text value */
21487
+ caption?: string | JSX.Element;
21488
+ /** The current value in ISO 8601 time format */
21489
+ value: IsoTimeString | null | undefined;
21490
+ /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
21491
+ minValue?: IsoTimeString;
21492
+ /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
21493
+ maxValue?: IsoTimeString;
21494
+ /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
21495
+ showLabel?: boolean;
21496
+ /** (optional) sets and shows the the error message value */
21497
+ errorMessage?: string;
21498
+ /** (optional) sets and shows the warning message value */
21499
+ warningMessage?: string;
21500
+ /** (optional) sets the test id for input field container for test automation*/
21501
+ containerTestId?: string;
21502
+ /** (optional) sets label test id */
21503
+ labelTestId?: string;
21504
+ /** (option) sets validation message test id for test automation */
21505
+ errorTestId?: string;
21506
+ /** (option) sets caption message test id for test automation */
21507
+ captionTestId?: string;
21508
+ belowInputSlot?: ReactNode;
21509
+ onChange?: (value: IsoTimeString) => void;
21510
+ } & React$1.RefAttributes<HTMLDivElement>>;
21417
21511
 
21418
21512
  /**
21419
21513
  * A string in the ISO 8601 datetime format
@@ -21432,6 +21526,8 @@ type DateTimePickerProps = {
21432
21526
  id: string;
21433
21527
  /** (optional) sets the label value */
21434
21528
  label?: ReactNode;
21529
+ /** (optional) icon for the trigger */
21530
+ triggerIcon?: IconType$2;
21435
21531
  /** The current controlled value of the picker */
21436
21532
  value: DateTimePickerValue | null | undefined;
21437
21533
  /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21458,6 +21554,10 @@ type DateTimePickerProps = {
21458
21554
  disabled?: boolean;
21459
21555
  /** (optional) sets the base test id for each of the elements with a testid */
21460
21556
  testId?: string;
21557
+ /** (optional) sets the popover placement */
21558
+ placement?: PopoverState['placement'];
21559
+ /** (optional) sets the popover offset */
21560
+ offset?: [string | number, string | number] | undefined;
21461
21561
  };
21462
21562
  /**
21463
21563
  * Use this context for slots within the date time picker
@@ -21465,8 +21565,8 @@ type DateTimePickerProps = {
21465
21565
  */
21466
21566
  declare function useDateTimePickerContext(): {
21467
21567
  clearValue(): void;
21468
- changeDate(isoDate: string): void;
21469
- changeTime(isoTime: string): void;
21568
+ changeDate(isoDate: IsoDateString): void;
21569
+ changeTime(isoTime: IsoTimeString): void;
21470
21570
  };
21471
21571
  /**
21472
21572
  * Date Time Picker
@@ -21480,7 +21580,12 @@ declare function useDateTimePickerContext(): {
21480
21580
  * Subcomponents can manipulate the value directly by using
21481
21581
  * the `useDateTimePickerContext()` hook.
21482
21582
  */
21483
- declare const DateTimePicker: ({ id, label, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21583
+ declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, placement, offset, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
21584
+
21585
+ declare function DateTimePickerSummary({ value, placeholder, }: {
21586
+ value: DateTimePickerValue | null | undefined;
21587
+ placeholder: ReactNode;
21588
+ }): _emotion_react_jsx_runtime.JSX.Element;
21484
21589
 
21485
21590
  type DescriptionListProps = {
21486
21591
  items: {
@@ -21498,7 +21603,7 @@ declare const DescriptionList: React__default.ForwardRefExoticComponent<{
21498
21603
  label: string;
21499
21604
  value: string | number | boolean | React__default.ReactNode;
21500
21605
  }[];
21501
- variant?: "horizontal" | "vertical" | undefined;
21606
+ variant?: "horizontal" | "vertical";
21502
21607
  } & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
21503
21608
 
21504
21609
  type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
@@ -21524,7 +21629,22 @@ type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
21524
21629
  isCompact?: boolean;
21525
21630
  };
21526
21631
  /** @example <Details summary="summary text">child content here</Details>*/
21527
- declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21632
+ declare const Details: ({ summary, children, isOpenByDefault, isOpen, isIndented, isCompact, onChange, ...props }: DetailsProps) => _emotion_react_jsx_runtime.JSX.Element;
21633
+
21634
+ type DraggableHandleProps = {
21635
+ disableDnd?: boolean;
21636
+ /** (optional) Height of the drag handle
21637
+ * @default 3.125rem
21638
+ */
21639
+ height?: string;
21640
+ } & HTMLAttributes<HTMLButtonElement>;
21641
+ declare const DragHandle: React$1.ForwardRefExoticComponent<{
21642
+ disableDnd?: boolean;
21643
+ /** (optional) Height of the drag handle
21644
+ * @default 3.125rem
21645
+ */
21646
+ height?: string;
21647
+ } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
21528
21648
 
21529
21649
  interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'children'> {
21530
21650
  /** The ID of the stack to render. Some drawers need to use the same stack ID to be rendered here */
@@ -21561,7 +21681,7 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
21561
21681
  * Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
21562
21682
  * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
21563
21683
  */
21564
- declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21684
+ declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, withoutFluidWidth, ...otherProps }: DrawerRendererProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21565
21685
  interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
21566
21686
  index: number;
21567
21687
  totalDrawers: number;
@@ -21573,7 +21693,7 @@ interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivE
21573
21693
  }
21574
21694
  declare const getDrawerAttributes: ({ providerId, stackId, id, }: {
21575
21695
  providerId: string;
21576
- stackId?: string | undefined;
21696
+ stackId?: string;
21577
21697
  id: string;
21578
21698
  }) => {
21579
21699
  'data-drawer-id': string;
@@ -21627,7 +21747,7 @@ type DrawerContextValue = {
21627
21747
  * Provides the context to the Drawer and DrawerRenderer components.
21628
21748
  * @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
21629
21749
  */
21630
- declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21750
+ declare const DrawerProvider: ({ children }: React__default.PropsWithChildren) => _emotion_react_jsx_runtime.JSX.Element;
21631
21751
  declare const useDrawer: () => DrawerContextValue;
21632
21752
  declare const useCloseCurrentDrawer: () => (() => void) | undefined;
21633
21753
 
@@ -21638,14 +21758,14 @@ type DrawerProps = DrawerItem & Omit<DrawerRendererProps, 'stackId'> & {
21638
21758
  leftAligned?: DrawerRendererProps['leftAligned'];
21639
21759
  };
21640
21760
  declare const CurrentDrawerContext: React__default.Context<{
21641
- id?: string | undefined;
21642
- stackId?: string | undefined;
21643
- leftAligned?: DrawerRendererProps['leftAligned'];
21761
+ id?: DrawerProps["id"];
21762
+ stackId?: DrawerRendererProps["stackId"];
21763
+ leftAligned?: DrawerRendererProps["leftAligned"];
21644
21764
  }>;
21645
21765
  declare const useCurrentDrawer: () => {
21646
- id?: string | undefined;
21647
- stackId?: string | undefined;
21648
- leftAligned?: DrawerRendererProps['leftAligned'];
21766
+ id?: DrawerProps["id"];
21767
+ stackId?: DrawerRendererProps["stackId"];
21768
+ leftAligned?: DrawerRendererProps["leftAligned"];
21649
21769
  };
21650
21770
  /**
21651
21771
  * A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
@@ -21654,8 +21774,8 @@ declare const useCurrentDrawer: () => {
21654
21774
  declare const Drawer: React__default.ForwardRefExoticComponent<DrawerItem & Omit<DrawerRendererProps, "stackId"> & {
21655
21775
  header?: React__default.ReactNode;
21656
21776
  children?: React__default.ReactNode;
21657
- bgColor?: "var(--white)" | "var(--gray-50)" | undefined;
21658
- leftAligned?: DrawerRendererProps['leftAligned'];
21777
+ bgColor?: "var(--gray-50)" | "var(--white)";
21778
+ leftAligned?: DrawerRendererProps["leftAligned"];
21659
21779
  } & React__default.RefAttributes<HTMLDivElement>>;
21660
21780
 
21661
21781
  type DrawerContentProps = {
@@ -21663,12 +21783,12 @@ type DrawerContentProps = {
21663
21783
  buttonGroup?: ReactNode;
21664
21784
  noPadding?: boolean;
21665
21785
  } & HTMLAttributes<HTMLDivElement>;
21666
- declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21786
+ declare const DrawerContent: ({ children, buttonGroup, noPadding, ...props }: DrawerContentProps) => _emotion_react_jsx_runtime.JSX.Element;
21667
21787
 
21668
21788
  declare const TAKEOVER_STACK_ID = "takeover-stack";
21669
- declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, 'stackId'> & {
21789
+ declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId"> & {
21670
21790
  stackId?: string;
21671
- }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21791
+ }) => _emotion_react_jsx_runtime.JSX.Element;
21672
21792
 
21673
21793
  interface IconButtonProps extends Omit<ButtonProps, 'size'> {
21674
21794
  variant?: 'square' | 'rounded';
@@ -21681,9 +21801,9 @@ interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
21681
21801
  imgClassName?: string;
21682
21802
  variant?: 'inline' | 'fill-container';
21683
21803
  }
21684
- declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21804
+ declare function Image({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs }: ImageProps): _emotion_react_jsx_runtime.JSX.Element;
21685
21805
 
21686
- declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21806
+ declare const ImageBroken: ({ width, height, ...props }: SVGProps<SVGSVGElement>) => _emotion_react_jsx_runtime.JSX.Element;
21687
21807
 
21688
21808
  type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
21689
21809
  /** allows users to add child elements */
@@ -21697,7 +21817,7 @@ type CaptionProps = React$1.HTMLAttributes<HTMLElement> & {
21697
21817
  * Component that provides caption text to input fields
21698
21818
  * @example <Caption>some help text here</Caption>
21699
21819
  */
21700
- declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21820
+ declare const Caption: ({ children, testId, dynamicSize, ...props }: CaptionProps) => _emotion_react_jsx_runtime.JSX.Element;
21701
21821
 
21702
21822
  type CheckboxWithInforProps = React.HTMLAttributes<HTMLInputElement> & {
21703
21823
  /** sets the label value */
@@ -21716,9 +21836,9 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
21716
21836
  /** sets the name value of the radio/checkbox input */
21717
21837
  name: string;
21718
21838
  /** sets info message */
21719
- info?: string | undefined;
21839
+ info?: string;
21720
21840
  /** (optional) sets the checked state of the input */
21721
- checked?: boolean | undefined;
21841
+ checked?: boolean;
21722
21842
  } & React$1.RefAttributes<HTMLInputElement>>;
21723
21843
 
21724
21844
  type ErrorMessageProps = {
@@ -21738,7 +21858,7 @@ type ErrorMessageProps = {
21738
21858
  * Component that provides error messaging to input fields
21739
21859
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
21740
21860
  */
21741
- declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21861
+ declare const ErrorMessage: ({ message, testId, truncated, ...otherProps }: ErrorMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21742
21862
 
21743
21863
  type FieldMessageProps = {
21744
21864
  /** (optional) sets help message within the caption component */
@@ -21756,7 +21876,7 @@ type FieldMessageProps = {
21756
21876
  /** (optional) sets and shows the the info message value */
21757
21877
  infoMessage?: string;
21758
21878
  };
21759
- declare const FieldMessage: ({ helperMessage, warningMessage, errorMessage, infoMessage, errorTestId, helperMessageTestId, }: FieldMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21879
+ declare const FieldMessage: ({ helperMessage, warningMessage, errorMessage, infoMessage, errorTestId, helperMessageTestId, }: FieldMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21760
21880
 
21761
21881
  type FieldsetProps = React$1.HTMLAttributes<HTMLFieldSetElement> & {
21762
21882
  /** sets the legend value */
@@ -21773,11 +21893,11 @@ declare const Fieldset: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
21773
21893
  /** sets the legend value */
21774
21894
  legend: React$1.ReactElement;
21775
21895
  /** sets the disabled value and sets child inputs disabled */
21776
- disabled?: boolean | undefined;
21777
- actionButton?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
21896
+ disabled?: boolean;
21897
+ actionButton?: React$1.ReactElement;
21778
21898
  children: React$1.ReactNode;
21779
21899
  /** Inverts the background to white for use on forms that already have a gray background */
21780
- invert?: boolean | undefined;
21900
+ invert?: boolean;
21781
21901
  } & React$1.RefAttributes<HTMLFieldSetElement>>;
21782
21902
 
21783
21903
  type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
@@ -21785,12 +21905,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
21785
21905
  message?: string;
21786
21906
  /** sets the test id for test automation (optional) */
21787
21907
  testId?: string;
21908
+ /** customize the icon (optional) */
21909
+ icon?: IconType;
21788
21910
  };
21789
21911
  /**
21790
21912
  * Component that provides info messaging to input fields
21791
- * @example <WarningMessage>be aware of this</ErrorMessage>
21913
+ * @example <InfoMessage>be aware of this</InfoMessage>
21792
21914
  */
21793
- declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21915
+ declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
21794
21916
 
21795
21917
  type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
21796
21918
  /** (optional) sets the label value */
@@ -21837,59 +21959,117 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
21837
21959
  */
21838
21960
  declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
21839
21961
  /** (optional) sets the label value */
21840
- label?: string | undefined;
21962
+ label?: string;
21841
21963
  /** (optional) sets caption text value */
21842
- caption?: string | JSX.Element | undefined;
21964
+ caption?: string | JSX.Element;
21843
21965
  /** (optional) add an input icon to the input field */
21844
- icon?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
21966
+ icon?: React$1.ReactElement;
21845
21967
  /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
21846
- showLabel?: boolean | undefined;
21968
+ showLabel?: boolean;
21847
21969
  /** (optional) sets and shows the the error message value */
21848
- errorMessage?: string | undefined;
21970
+ errorMessage?: string;
21849
21971
  /** (optional) sets and shows the warning message value */
21850
- warningMessage?: string | undefined;
21972
+ warningMessage?: string;
21851
21973
  /** (optional) sets the test id for input field container for test automation*/
21852
- containerTestId?: string | undefined;
21974
+ containerTestId?: string;
21853
21975
  /** (optional) sets label test id */
21854
- labelTestId?: string | undefined;
21976
+ labelTestId?: string;
21855
21977
  /** (option) sets validation message test id for test automation */
21856
- errorTestId?: string | undefined;
21978
+ errorTestId?: string;
21857
21979
  /** (option) sets caption message test id for test automation */
21858
- captionTestId?: string | undefined;
21859
- capture?: boolean | "user" | "environment" | undefined;
21980
+ captionTestId?: string;
21981
+ capture?: boolean | "user" | "environment";
21860
21982
  /**
21861
21983
  * (optional) sets an overriding classname on the root element
21862
21984
  */
21863
- classNameRoot?: string | SerializedStyles | undefined;
21985
+ classNameRoot?: string | SerializedStyles;
21864
21986
  /**
21865
21987
  * (optional) sets an overriding classname on the container element
21866
21988
  * @deprecated */
21867
- classNameContainer?: string | SerializedStyles | undefined;
21989
+ classNameContainer?: string | SerializedStyles;
21868
21990
  /**
21869
21991
  * (optional) sets an overriding classname on the input element
21870
21992
  * @deprecated */
21871
- classNameControl?: string | SerializedStyles | undefined;
21993
+ classNameControl?: string | SerializedStyles;
21872
21994
  /**
21873
21995
  * (optional) sets an overriding classname on the label element
21874
21996
  * @deprecated */
21875
- classNameLabel?: string | SerializedStyles | undefined;
21997
+ classNameLabel?: string | SerializedStyles;
21876
21998
  } & React$1.RefAttributes<HTMLInputElement>>;
21877
21999
 
21878
- type InputComboBoxOption = {
22000
+ /**
22001
+ * Default type of option for the combo box.
22002
+ * Note: you can use any type of object you want.
22003
+ * If it has a `label` and `value` property, it will auto wire those.
22004
+ * If you want to use different properties, you can use the `getOptionLabel` and `getOptionValue` props.
22005
+ */
22006
+ type InputComboBoxOption<TValue = string> = {
21879
22007
  /** sets the label value */
21880
22008
  label: string;
21881
- /** sets the input value */
21882
- value: string;
22009
+ /** sets the option value */
22010
+ value: TValue;
21883
22011
  /** (optional) sets the disabled value on the input */
21884
22012
  isDisabled?: boolean;
22013
+ /**
22014
+ * Sets an indent on the menu item.
22015
+ * Can be used to create faux groups, where the groups may be selected.
22016
+ * Note: this works for any type used for an option where a boolean called indented exists.
22017
+ */
22018
+ indented?: boolean;
21885
22019
  };
21886
22020
  type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup> & React$1.RefAttributes<InternalSelect<TOption, IsMulti, TGroup>>;
22021
+ type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
21887
22022
  type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
21888
22023
  /**
21889
22024
  * InputComboBox
21890
22025
  * @component
21891
22026
  * @example <InputComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
21892
- declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22027
+ declare function InputComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
22028
+ /**
22029
+ * InputCreatableComboBox
22030
+ * Like ComboBox, but allows for creating new options
22031
+ * @component
22032
+ * @example <InputCreatableComboBox name="name" id="combo-box" options={[{ value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' }]} isMulti /> */
22033
+ declare function InputCreatableComboBox<TOption = InputComboBoxOption, IsMulti extends boolean = false, TGroup extends ComboBoxGroupBase<TOption> = ComboBoxGroupBase<TOption>>(props: InputCreatableComboBoxProps<TOption, IsMulti, TGroup>): _emotion_react_jsx_runtime.JSX.Element;
22034
+
22035
+ type ComboBoxSelectableOption = InputComboBoxOption<string | string[]>;
22036
+ interface ComboBoxSelectableGroup extends GroupBase<ComboBoxSelectableOption> {
22037
+ /**
22038
+ * Controls the behavior when the selectable group is selected.
22039
+ * - when undefined, the values of all children of the group will be selected
22040
+ * - when a non-empty array, the values in the array will be explicitly selected
22041
+ * - when an empty array, the group will not be clickable and only its children can be selected (regular group behaviour)
22042
+ *
22043
+ * Note: when a non-empty array, and all of those values are selected, the group will be removed from options.
22044
+ */
22045
+ value?: string[];
22046
+ }
22047
+ type ComboBoxSelectableItem = ComboBoxSelectableOption | ComboBoxSelectableGroup;
22048
+ type ConvertComboBoxGroupsToSelectableGroupsOptions = {
22049
+ /** The grouped combo box options */
22050
+ options: readonly ComboBoxSelectableItem[];
22051
+ /** Set of selected IDs, used to determine selected items */
22052
+ selectedItems: Set<string>;
22053
+ /**
22054
+ * Whether multi selection is allowed (selectable groups will turn into regular groups)
22055
+ * Use this when sharing code between single and multi-select components.
22056
+ */
22057
+ selectionMode?: 'single' | 'multi';
22058
+ };
22059
+ /**
22060
+ * Converts combo box options that can contain optgroups
22061
+ * Into a set of group-less options where the optgroup becomes a selectable option,
22062
+ * and selecting it selects all of its children.
22063
+ */
22064
+ declare function convertComboBoxGroupsToSelectableGroups(args: ConvertComboBoxGroupsToSelectableGroupsOptions): {
22065
+ groupedOptions: readonly ComboBoxSelectableItem[];
22066
+ selectedOptions: readonly ComboBoxSelectableOption[];
22067
+ };
22068
+ /**
22069
+ * Finds all selected values in a combo box where there are multiple selectable groups
22070
+ * (and selecting a group should select all of its virtual children)
22071
+ */
22072
+ declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem> | SingleValue<ComboBoxSelectableItem>): Set<string>;
21893
22073
 
21894
22074
  type InputInlineSelectOption = {
21895
22075
  /** sets the display name of the option */
@@ -21913,7 +22093,7 @@ type InputInlineSelectProps = Omit<React$1.HTMLAttributes<HTMLButtonElement>, 'o
21913
22093
  * Input Inline Select
21914
22094
  * @example <InputInlineSelect disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
21915
22095
  */
21916
- declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22096
+ declare const InputInlineSelect: ({ classNameContainer, options, value, onChange, disabled, ...props }: InputInlineSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
21917
22097
 
21918
22098
  interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement> {
21919
22099
  /** function that takes a string value */
@@ -21941,7 +22121,7 @@ interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement>
21941
22121
  /** (optional) makes the input look more compact
21942
22122
  * @default false
21943
22123
  */
21944
- compact?: boolean;
22124
+ compact?: boolean | 'sm' | 'xs';
21945
22125
  /** (optional) makes the corners of the input rounded
21946
22126
  * @default false
21947
22127
  */
@@ -21965,7 +22145,12 @@ type DebouncedInputKeywordSearchProps = Omit<InputKeywordSearchProps, 'value'> &
21965
22145
  *
21966
22146
  * @example <DebouncedInputKeywordSearch onSearchTextChanged={setKeyword} delay={500} />
21967
22147
  */
21968
- declare const DebouncedInputKeywordSearch: ({ delay, onSearchTextChanged, defaultValue, ...props }: DebouncedInputKeywordSearchProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22148
+ declare const DebouncedInputKeywordSearch: React$1.ForwardRefExoticComponent<Omit<InputKeywordSearchProps, "value"> & {
22149
+ /** Debounce delay in milliseconds */
22150
+ delay?: number;
22151
+ /**Default value to initialize field with, as it is not controlled component and does not support providing values */
22152
+ defaultValue?: string;
22153
+ } & React$1.RefAttributes<HTMLInputElement>>;
21969
22154
 
21970
22155
  type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
21971
22156
  /** (optional) sets the first item in the options list with empty value */
@@ -22009,107 +22194,41 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
22009
22194
  */
22010
22195
  declare const InputSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & {
22011
22196
  /** (optional) sets the first item in the options list with empty value */
22012
- defaultOption?: string | undefined;
22197
+ defaultOption?: string;
22013
22198
  /** sets an array of select options with value and text value */
22014
22199
  options: Array<React.OptionHTMLAttributes<HTMLOptionElement> & {
22015
22200
  label: string;
22016
22201
  }>;
22017
22202
  /** (optional) sets caption text value */
22018
- caption?: string | JSX.Element | undefined;
22203
+ caption?: string | JSX.Element;
22019
22204
  /** sets the label value */
22020
22205
  label: string;
22021
22206
  /** (optional) sets whether to hide the label and use aria-label on the input field
22022
22207
  * @default false
22023
22208
  */
22024
- showLabel?: boolean | undefined;
22209
+ showLabel?: boolean;
22025
22210
  /** (optional) sets and shows the the error message value */
22026
- errorMessage?: string | undefined;
22211
+ errorMessage?: string;
22027
22212
  /** (optional) sets and shows the warning message value */
22028
- warningMessage?: string | undefined;
22213
+ warningMessage?: string;
22029
22214
  /** (optional) allows react components to be added inline with the label element */
22030
- labelCta?: JSX.Element | undefined;
22215
+ labelCta?: JSX.Element;
22031
22216
  /** (optional) styles the component in a compact format */
22032
- compact?: boolean | undefined;
22217
+ compact?: boolean;
22033
22218
  /**
22034
22219
  * (optional) sets an overriding classname on the container element
22035
22220
  * @deprecated */
22036
- classNameContainer?: string | undefined;
22221
+ classNameContainer?: string;
22037
22222
  /**
22038
22223
  * (optional) sets an overriding classname on the input element
22039
22224
  * @deprecated */
22040
- classNameControl?: string | undefined;
22225
+ classNameControl?: string;
22041
22226
  /**
22042
22227
  * (optional) sets an overriding classname on the label element
22043
22228
  * @deprecated */
22044
- classNameLabel?: string | undefined;
22229
+ classNameLabel?: string;
22045
22230
  } & React$1.RefAttributes<HTMLSelectElement>>;
22046
22231
 
22047
- /**
22048
- * A string in the ISO 8601 time format: hh:mm
22049
- */
22050
- type IsoTimeString = string;
22051
- type InputTimeProps = Pick<TimeFieldProps<TimeValue>, 'id' | 'name' | 'hourCycle' | 'autoFocus'> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
22052
- /** (optional) sets the label value */
22053
- label?: string;
22054
- /** (optional) sets caption text value */
22055
- caption?: string | JSX.Element;
22056
- /** The current value in ISO 8601 time format */
22057
- value: IsoTimeString | null | undefined;
22058
- /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
22059
- minValue?: IsoTimeString;
22060
- /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
22061
- maxValue?: IsoTimeString;
22062
- /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
22063
- showLabel?: boolean;
22064
- /** (optional) sets and shows the the error message value */
22065
- errorMessage?: string;
22066
- /** (optional) sets and shows the warning message value */
22067
- warningMessage?: string;
22068
- /** (optional) sets the test id for input field container for test automation*/
22069
- containerTestId?: string;
22070
- /** (optional) sets label test id */
22071
- labelTestId?: string;
22072
- /** (option) sets validation message test id for test automation */
22073
- errorTestId?: string;
22074
- /** (option) sets caption message test id for test automation */
22075
- captionTestId?: string;
22076
- belowInputSlot?: ReactNode;
22077
- onChange?: (value: IsoTimeString) => void;
22078
- };
22079
- /**
22080
- * Time input with segmented control
22081
- *
22082
- * @deprecated This component is in beta, name and props are subject to change without a major version
22083
- */
22084
- declare const InputTime: React$1.ForwardRefExoticComponent<Pick<TimeFieldProps<TimeValue>, "autoFocus" | "id" | "name" | "hourCycle"> & Pick<React$1.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
22085
- /** (optional) sets the label value */
22086
- label?: string | undefined;
22087
- /** (optional) sets caption text value */
22088
- caption?: string | JSX.Element | undefined;
22089
- /** The current value in ISO 8601 time format */
22090
- value: IsoTimeString | null | undefined;
22091
- /** (optional) sets the minimum time value in iso8601 time format. ie 10:00 */
22092
- minValue?: string | undefined;
22093
- /** (optional) sets the maximum time value in iso8601 time format. ie 22:00 */
22094
- maxValue?: string | undefined;
22095
- /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
22096
- showLabel?: boolean | undefined;
22097
- /** (optional) sets and shows the the error message value */
22098
- errorMessage?: string | undefined;
22099
- /** (optional) sets and shows the warning message value */
22100
- warningMessage?: string | undefined;
22101
- /** (optional) sets the test id for input field container for test automation*/
22102
- containerTestId?: string | undefined;
22103
- /** (optional) sets label test id */
22104
- labelTestId?: string | undefined;
22105
- /** (option) sets validation message test id for test automation */
22106
- errorTestId?: string | undefined;
22107
- /** (option) sets caption message test id for test automation */
22108
- captionTestId?: string | undefined;
22109
- belowInputSlot?: ReactNode;
22110
- onChange?: ((value: IsoTimeString) => void) | undefined;
22111
- } & React$1.RefAttributes<HTMLDivElement>>;
22112
-
22113
22232
  type FontWeightProps = 'normal' | 'medium' | 'bold';
22114
22233
  type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
22115
22234
  /** sets the label value */
@@ -22145,27 +22264,27 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
22145
22264
  /** sets the label value */
22146
22265
  label: React$1.ReactNode;
22147
22266
  /** sets the type of input to use, either radio or checkbox */
22148
- type: 'radio' | 'checkbox';
22267
+ type: "radio" | "checkbox";
22149
22268
  /** sets the name value of the radio/checkbox input */
22150
22269
  name: string;
22151
22270
  /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
22152
- showLabel?: boolean | undefined;
22271
+ showLabel?: boolean;
22153
22272
  /** (optional) sets the disabled state */
22154
- disabled?: boolean | undefined;
22273
+ disabled?: boolean;
22155
22274
  /** (optional) sets the checked state of the input */
22156
- checked?: boolean | undefined;
22275
+ checked?: boolean;
22157
22276
  /** (optional) sets caption text value */
22158
- caption?: string | JSX.Element | undefined;
22277
+ caption?: string | JSX.Element;
22159
22278
  /** (optional) sets shows the the error message value */
22160
- errorMessage?: string | undefined;
22279
+ errorMessage?: string;
22161
22280
  /** (optional) sets and shows the warning message value */
22162
- warningMessage?: string | undefined;
22281
+ warningMessage?: string;
22163
22282
  /** (optional) sets the font weight of the label text
22164
22283
  * @default 'normal'
22165
22284
  */
22166
- fontWeight?: FontWeightProps | undefined;
22285
+ fontWeight?: FontWeightProps;
22167
22286
  /** (optional) sets test id for test automation*/
22168
- testId?: string | undefined;
22287
+ testId?: string;
22169
22288
  } & React$1.RefAttributes<HTMLInputElement>>;
22170
22289
 
22171
22290
  type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
@@ -22176,12 +22295,12 @@ type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
22176
22295
  /** (optional) test id for test automation*/
22177
22296
  testId?: string;
22178
22297
  };
22179
- declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22298
+ declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_jsx_runtime.JSX.Element;
22180
22299
 
22181
22300
  type LegendProps = {
22182
22301
  children: ReactNode;
22183
22302
  };
22184
- declare const Legend: ({ children }: LegendProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22303
+ declare const Legend: ({ children }: LegendProps) => _emotion_react_jsx_runtime.JSX.Element;
22185
22304
 
22186
22305
  type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
22187
22306
  /** sets the error message value */
@@ -22193,7 +22312,7 @@ type SuccessMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
22193
22312
  * Component that provides success messaging to input fields
22194
22313
  * @example <SuccessMessage>something went wrong, please try again</SuccessMessage>
22195
22314
  */
22196
- declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
22315
+ declare const SuccessMessage: ({ message, testId, ...props }: SuccessMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
22197
22316
 
22198
22317
  type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
22199
22318
  /** (optional) sets the label value */
@@ -22216,23 +22335,23 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
22216
22335
  */
22217
22336
  declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
22218
22337
  /** (optional) sets the label value */
22219
- label?: string | undefined;
22338
+ label?: string;
22220
22339
  /** (optional) sets caption text value */
22221
- caption?: string | JSX.Element | undefined;
22340
+ caption?: string | JSX.Element;
22222
22341
  /** (optional) add an input icon to the input field */
22223
- icon?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
22342
+ icon?: React$1.ReactElement;
22224
22343
  /** (optional) sets whether to hide the label and use aria-label on the input field */
22225
- showLabel?: boolean | undefined;
22344
+ showLabel?: boolean;
22226
22345
  /** (optional) sets shows the error message value */
22227
- errorMessage?: string | undefined;
22346
+ errorMessage?: string;
22228
22347
  /** (optional) sets and shows the warning message value */
22229
- warningMessage?: string | undefined;
22230
- capture?: boolean | "user" | "environment" | undefined;
22348
+ warningMessage?: string;
22349
+ capture?: boolean | "user" | "environment";
22231
22350
  } & React$1.RefAttributes<HTMLTextAreaElement>>;
22232
22351
 
22233
22352
  type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
22234
22353
  /** sets the error message value */
22235
- message?: string;
22354
+ message?: ReactNode;
22236
22355
  /** sets the test id for test automation (optional) */
22237
22356
  testId?: string;
22238
22357
  };
@@ -22240,7 +22359,7 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
22240
22359
  * Component that provides warning messaging to input fields
22241
22360
  * @example <WarningMessage>something went wrong, please try again</ErrorMessage>
22242
22361
  */
22243
- declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
22362
+ declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_jsx_runtime.JSX.Element | null;
22244
22363
 
22245
22364
  type IntegrationModalHeaderProps = {
22246
22365
  /** sets the icon as inline svg or img tag */
@@ -22255,11 +22374,11 @@ type IntegrationModalHeaderProps = {
22255
22374
  menu?: React$1.ReactNode;
22256
22375
  };
22257
22376
  type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
22258
- declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22377
+ declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_jsx_runtime.JSX.Element;
22259
22378
  /** Uniform Integration Modal Header
22260
22379
  * @example <IntegrationModalHeader icon="/icon.svg" name="name" />
22261
22380
  */
22262
- declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22381
+ declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
22263
22382
 
22264
22383
  type JsonEditorProps = {
22265
22384
  /**
@@ -22282,7 +22401,34 @@ type JsonEditorProps = {
22282
22401
  /** Makes the editor read-only */
22283
22402
  readOnly?: boolean;
22284
22403
  };
22285
- declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22404
+ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnly }: JsonEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
22405
+
22406
+ type KeyValueItem<TValue extends string = string> = {
22407
+ key: string;
22408
+ value: TValue;
22409
+ uniqueId?: string;
22410
+ };
22411
+ type KeyValueInputProps<TValue extends string = string> = {
22412
+ value: KeyValueItem<TValue>[];
22413
+ onChange: (value: KeyValueItem<TValue>[]) => void;
22414
+ label?: ReactNode;
22415
+ disabled?: boolean;
22416
+ newItemDefault?: KeyValueItem<TValue>;
22417
+ keyLabel?: string;
22418
+ valueLabel?: string;
22419
+ keyInfoPopover?: ReactNode;
22420
+ valueInfoPopover?: ReactNode;
22421
+ errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
22422
+ onFocusChange?: (isFocused: boolean) => void;
22423
+ };
22424
+ /**
22425
+ * A component to render a sortable key-value input
22426
+ * @example
22427
+ * const [value, setValue] = useState([]);
22428
+ * return <KeyValueInput value={value} onChange={setValue} />
22429
+ * @deprecated This component is in beta, name and props are subject to change without a major version
22430
+ */
22431
+ declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
22286
22432
 
22287
22433
  type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
22288
22434
  type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
@@ -22324,9 +22470,9 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
22324
22470
  tag?: HtmlTagProps;
22325
22471
  children: React$1.ReactNode;
22326
22472
  };
22327
- declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22473
+ declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
22328
22474
 
22329
- declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22475
+ declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
22330
22476
 
22331
22477
  type TwoColumnLayoutProps = {
22332
22478
  /** sets the full bleed background colour
@@ -22343,9 +22489,9 @@ type TwoColumnLayoutProps = {
22343
22489
  invertLayout?: boolean;
22344
22490
  };
22345
22491
  /** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
22346
- declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22492
+ declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_jsx_runtime.JSX.Element;
22347
22493
 
22348
- declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22494
+ declare const VerticalRhythm: ({ align, justify, tag, gap, children, ref, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
22349
22495
 
22350
22496
  type LimitsBarProps = {
22351
22497
  /** The current value of used limits */
@@ -22359,7 +22505,7 @@ type LimitsBarProps = {
22359
22505
  * Uniform Limits Bar Component
22360
22506
  * @example <LimitsBar current="3" max="5" label="signals" />
22361
22507
  */
22362
- declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22508
+ declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
22363
22509
 
22364
22510
  type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
22365
22511
  /** sets the title field */
@@ -22371,7 +22517,7 @@ type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
22371
22517
  /** (optional) sets react child component */
22372
22518
  children?: React$1.ReactNode;
22373
22519
  };
22374
- declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22520
+ declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
22375
22521
 
22376
22522
  type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
22377
22523
  /** (optional) sets the label value */
@@ -22383,7 +22529,7 @@ type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
22383
22529
  * Component that sets the base structure for scrollable content in a max height container
22384
22530
  * @example <ScrollableList label="allowed content types"><button>say hello</button></ScrollableList>
22385
22531
  */
22386
- declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22532
+ declare const ScrollableList: ({ label, children, ...props }: ScrollableListProps) => _emotion_react_jsx_runtime.JSX.Element;
22387
22533
 
22388
22534
  type ScrollableListContainerProps = {
22389
22535
  /** sets whether to show or hide the shadow around the element
@@ -22405,7 +22551,7 @@ type ScrollableItemProps = {
22405
22551
  children: React.ReactNode;
22406
22552
  } & ScrollableListContainerProps;
22407
22553
  /** @example <ScrollableListInputItem label="my label" active={true}><input type="radio" name="age" /></ScrollableListInputItem>*/
22408
- declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22554
+ declare const ScrollableListInputItem: ({ label, icon, active, disableShadow, children, labelTestId, ...props }: ScrollableItemProps) => _emotion_react_jsx_runtime.JSX.Element;
22409
22555
 
22410
22556
  type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
22411
22557
  /** sets the button text value */
@@ -22416,15 +22562,15 @@ type ScrollableListItemProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> &
22416
22562
  * Component used within <ScrollableList /> for adding interactive button components with predefined styles
22417
22563
  * @example <ScrollableListItem buttontext="my button" active={false} />
22418
22564
  */
22419
- declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22565
+ declare const ScrollableListItem: ({ buttonText, icon, active, disableShadow, ...props }: ScrollableListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
22420
22566
 
22421
22567
  /**
22422
22568
  * Loading Indicator
22423
22569
  * @example <LoadingIndicator />
22424
22570
  */
22425
22571
  declare const LoadingIndicator: ({ size, ...props }: HTMLAttributes<HTMLDivElement> & {
22426
- size?: "sm" | "lg" | undefined;
22427
- }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22572
+ size?: "lg" | "sm";
22573
+ }) => _emotion_react_jsx_runtime.JSX.Element;
22428
22574
 
22429
22575
  interface LoadingOverlayProps {
22430
22576
  /** sets whether to display the loading overlay components */
@@ -22452,13 +22598,17 @@ interface LoadingOverlayProps {
22452
22598
  */
22453
22599
  isTopAligned?: boolean;
22454
22600
  children?: React__default.ReactNode;
22601
+ /** (optional) sets the position of the overlay
22602
+ * @default 'absolute'
22603
+ */
22604
+ position?: 'absolute' | 'fixed';
22455
22605
  }
22456
22606
  /**
22457
22607
  * Loading Overlay.
22458
22608
  * NOTE: the container/parent element must have a non-static `position` value for the overlay to work properly.
22459
22609
  * @example <LoadingOverlay isActive={true} statusMessage="Loading..." />
22460
22610
  */
22461
- declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, }: LoadingOverlayProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22611
+ declare const LoadingOverlay: ({ isActive, statusMessage, zIndex, loaderSize, overlayBackgroundColor, isTopAligned, isPaused, children, position, }: LoadingOverlayProps) => _emotion_react_jsx_runtime.JSX.Element;
22462
22612
  interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
22463
22613
  /** (optional) prop that sets a number value for the height of the icon */
22464
22614
  width?: number;
@@ -22469,7 +22619,15 @@ interface LoadingIconProps extends HTMLAttributes<SVGSVGElement> {
22469
22619
  * Loading Icon
22470
22620
  * @example <LoadingIcon height={128} width={128} />
22471
22621
  */
22472
- declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22622
+ declare const LoadingIcon: ({ height, width, ...props }: LoadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
22623
+
22624
+ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
22625
+ children: React.ReactNode;
22626
+ /** sets the background color of the button */
22627
+ bgColor?: string;
22628
+ }
22629
+ /** Renders a dropdown menu style menu trigger button */
22630
+ declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
22473
22631
 
22474
22632
  declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
22475
22633
  type LegacyPlacement = (typeof legacyPlacements)[number];
@@ -22515,6 +22673,7 @@ interface MenuProps extends MenuProps$2 {
22515
22673
  * this is not compatible with nested menus that expand to the left or right of the menu
22516
22674
  */
22517
22675
  maxMenuHeight?: string;
22676
+ portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
22518
22677
  }
22519
22678
  /**
22520
22679
  * Component used for creating clickable menus
@@ -22530,11 +22689,11 @@ declare const Menu: React$1.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & R
22530
22689
 
22531
22690
  type MenuGroupProps = {
22532
22691
  /** Title for the menu group. If undefined or an empty string, the group will render as normal menu */
22533
- title: string | undefined;
22692
+ title: ReactNode | undefined;
22534
22693
  /** Menu items to render in the group */
22535
22694
  children: ReactNode;
22536
22695
  };
22537
- declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22696
+ declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
22538
22697
 
22539
22698
  type MenuItemTextThemeProps = 'base' | 'red';
22540
22699
  type MenuItemProps = MenuItemProps$1 & {
@@ -22569,7 +22728,7 @@ type ChildFunction = (menuItemProps: MenuItemProps$1) => React$1.ReactElement |
22569
22728
  * MenuItem Component used along side <Menu /> component
22570
22729
  * @example <MenuItem onClick={() => alert('menu item was clicked')} icon={<RedClose />}>Remove Link</MenuItem>
22571
22730
  */
22572
- declare const MenuItem: React$1.FC<MenuItemProps>;
22731
+ declare const MenuItem: React$1.ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
22573
22732
  /**
22574
22733
  * MenuItem Component for headless use outside <Menu /> component
22575
22734
  * Use only if adapting Uniform menu item appearance to a non-ariakit menu.
@@ -22583,15 +22742,19 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
22583
22742
  */
22584
22743
  declare function MenuItemIcon({ icon }: {
22585
22744
  icon: IconType;
22586
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22745
+ }): _emotion_react_jsx_runtime.JSX.Element;
22587
22746
  /**
22588
22747
  * Indents a menu item as if it had an icon when it does not
22589
22748
  * Use this to align menu items without icons with those that have icons
22590
22749
  * in a mixed menu. Intended to be passed as the `icon` prop to a MenuItem.
22591
22750
  */
22592
- declare function MenuItemEmptyIcon(): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22751
+ declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
22752
+
22753
+ declare const MenuItemHeading: ({ children }: {
22754
+ children: ReactNode;
22755
+ }) => _emotion_react_jsx_runtime.JSX.Element;
22593
22756
 
22594
- declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22757
+ declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
22595
22758
 
22596
22759
  type MenuButtonProp = {
22597
22760
  children: React.ReactNode;
@@ -22604,14 +22767,42 @@ type MenuThreeDotsProps = {
22604
22767
  * @default 'More options'
22605
22768
  */
22606
22769
  buttonTitle?: string;
22770
+ /** sets the icon size
22771
+ * @default '1rem'
22772
+ */
22773
+ iconSize?: string;
22607
22774
  } & HTMLAttributes<HTMLButtonElement>;
22608
22775
  declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
22609
22776
  /** sets the aria-label and title value on the button
22610
22777
  * @default 'More options'
22611
22778
  */
22612
- buttonTitle?: string | undefined;
22779
+ buttonTitle?: string;
22780
+ /** sets the icon size
22781
+ * @default '1rem'
22782
+ */
22783
+ iconSize?: string;
22613
22784
  } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
22614
22785
 
22786
+ type SearchableMenuProps = {
22787
+ /** Note: this is pre-debounced for your handling enjoyment */
22788
+ onSearchTextChanged: (searchTerm: string) => void;
22789
+ /** Shows a no results message when no matching results exist */
22790
+ hasNoResults: boolean | string;
22791
+ /** Disables the search function, i.e. if few menu items exist */
22792
+ disableSearch?: boolean;
22793
+ /** Sets the placeholder in the search input */
22794
+ searchPlaceholder?: string;
22795
+ } & MenuProps;
22796
+ /**
22797
+ * Searchable menu allows searching through its menu items
22798
+ */
22799
+ declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
22800
+
22801
+ interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
22802
+ selected: boolean;
22803
+ }
22804
+ declare function SelectableMenuItem({ selected, children, ...menuItemProps }: SelectableMenuItemProps): _emotion_react_jsx_runtime.JSX.Element;
22805
+
22615
22806
  type MediaCardProps = Omit<CardProps, 'menuItems'> & {
22616
22807
  title: string;
22617
22808
  subtitle?: React.ReactNode;
@@ -22622,7 +22813,7 @@ type MediaCardProps = Omit<CardProps, 'menuItems'> & {
22622
22813
  buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
22623
22814
  onClick?: () => void;
22624
22815
  };
22625
- declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
22816
+ declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, sideSection, onClick, buttonType, ...cardProps }: MediaCardProps) => _emotion_react_jsx_runtime.JSX.Element;
22626
22817
 
22627
22818
  type ModalProps = {
22628
22819
  header?: React__default.ReactNode;
@@ -22658,12 +22849,138 @@ declare const Modal: React__default.ForwardRefExoticComponent<Omit<ModalProps, "
22658
22849
  type ModalDialogProps = Omit<ModalProps, 'width'>;
22659
22850
  declare const ModalDialog: React$1.ForwardRefExoticComponent<Omit<ModalDialogProps, "ref"> & React$1.RefAttributes<HTMLDialogElement>>;
22660
22851
 
22852
+ type ObjectGridContainerProps = {
22853
+ /** The number of columns in the grid */
22854
+ gridCount?: number;
22855
+ /** The children to render */
22856
+ children: React.ReactNode;
22857
+ };
22858
+ declare const ObjectGridContainer: ({ gridCount, children }: ObjectGridContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
22859
+
22860
+ type ObjectHeadingProps = {
22861
+ /** sets the heading value */
22862
+ heading: string;
22863
+ /** Slot that renders a component before the heading */
22864
+ beforeHeadingSlot?: ReactNode;
22865
+ /** Slot that renders a component after the heading */
22866
+ afterHeadingSlot?: ReactNode;
22867
+ };
22868
+ type ObjectItemProps = {
22869
+ /** Slot for the header component, we recommend using <ObjectGridItemHeading /> or <ObjectListItemHeading /> */
22870
+ header: ReactNode;
22871
+ /** Slot for the cover component, we recommend using <ObjectGridItemCoverButton />, <ObjectGridItemCover /> or <ObjectListItemCover /> */
22872
+ cover: ReactNode;
22873
+ /** Slot for the right component */
22874
+ rightSlot?: React.ReactNode;
22875
+ /** Slot for the menu items, <MenuItem /> component should be used here */
22876
+ menuItems?: React.ReactNode;
22877
+ /** If the item is selected */
22878
+ isSelected?: boolean;
22879
+ /** Slot for the children */
22880
+ children?: React.ReactNode;
22881
+ };
22882
+
22883
+ type ObjectGridItemProps = ObjectItemProps & {
22884
+ isSelected?: boolean;
22885
+ };
22886
+ declare const ObjectGridItem: ({ header, cover, rightSlot, menuItems, isSelected, children, }: ObjectGridItemProps) => _emotion_react_jsx_runtime.JSX.Element;
22887
+
22888
+ type ObjectGridItemCardCoverProps = {
22889
+ icon: IconType;
22890
+ } | {
22891
+ imageUrl: string;
22892
+ };
22893
+ declare const ObjectGridItemCardCover: (props: ObjectGridItemCardCoverProps) => _emotion_react_jsx_runtime.JSX.Element | undefined;
22894
+ type ObjectGridItemCoverProps = {
22895
+ /** The left slot to render components */
22896
+ coverSlotLeft?: React.ReactNode;
22897
+ /** The right slot to render components */
22898
+ coverSlotRight?: React.ReactNode;
22899
+ } & ObjectGridItemCardCoverProps;
22900
+ declare const ObjectGridItemCover: ({ coverSlotLeft, coverSlotRight, ...props }: ObjectGridItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
22901
+ type ObjectGridItemCoverButtonProps = {
22902
+ id: string;
22903
+ onSelection: (id: string) => void;
22904
+ isSelected: boolean;
22905
+ selectedText?: string;
22906
+ } & ObjectGridItemCoverProps;
22907
+ declare const ObjectGridItemCoverButton: ({ id, isSelected, onSelection, coverSlotLeft, coverSlotRight, selectedText, ...props }: ObjectGridItemCoverButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
22908
+
22909
+ type ObjectGridItemTitleProps = ObjectHeadingProps;
22910
+ declare const ObjectGridItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, }: ObjectGridItemTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
22911
+
22912
+ type ObjectGridItemIconWithTooltipProps = {
22913
+ /** The title of the tooltip */
22914
+ tooltipTitle: string;
22915
+ /** The icon to display */
22916
+ icon: IconType;
22917
+ /** The color of the icon */
22918
+ iconColor?: IconColor;
22919
+ } & Pick<TooltipProps, 'placement'>;
22920
+ declare const ObjectGridItemIconWithTooltip: ({ tooltipTitle, placement, icon, iconColor, }: ObjectGridItemIconWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
22921
+
22922
+ /** @deprecated - Beta Object grid loading skeleton component
22923
+ * @example <ObjectGridItemLoadingSkeleton />
22924
+ */
22925
+ declare const ObjectGridItemLoadingSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
22926
+
22927
+ /** @deprecated - Beta Object item loading skeleton component */
22928
+ type ObjectItemLoadingSkeletonProps = {
22929
+ /** Show cover image loading skeleton */
22930
+ showCover?: boolean;
22931
+ /** Render as single or multi
22932
+ * @default 'single'
22933
+ */
22934
+ renderAs?: 'single' | 'multi';
22935
+ };
22936
+ /** @deprecated - Beta Object item loading skeleton component
22937
+ * @example <ObjectItemLoadingSkeleton showCover />
22938
+ */
22939
+ declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
22940
+
22941
+ /** @deprecated - Beta Object list item component */
22942
+ type ObjectListItemProps = ObjectListItemSingleProps | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
22943
+ type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
22944
+ cover?: ReactNode;
22945
+ dragHandle?: ReactNode;
22946
+ renderAs?: 'single';
22947
+ };
22948
+ type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
22949
+ cover?: ReactNode;
22950
+ dragHandle?: ReactNode;
22951
+ renderAs?: 'multi';
22952
+ children?: ReactNode;
22953
+ };
22954
+ /** @deprecated - beta Object list item component */
22955
+ declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
22956
+
22957
+ /** @deprecated - Beta Object list item container component */
22958
+ declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
22959
+
22960
+ /** @deprecated - Beta Object list item cover component */
22961
+ type ObjectListItemCoverProps = {
22962
+ imageUrl?: string;
22963
+ /** (optional) sets the text to display when there is no image
22964
+ * @default 'Image not available'
22965
+ */
22966
+ noImageText?: string;
22967
+ } & HTMLAttributes<HTMLImageElement>;
22968
+ /** @deprecated - beta Object list item cover component */
22969
+ declare const ObjectListItemCover: ({ imageUrl, noImageText, ...props }: ObjectListItemCoverProps) => _emotion_react_jsx_runtime.JSX.Element;
22970
+
22971
+ /** @deprecated - Beta Object list item heading component */
22972
+ type ObjectListItemHeadingProps = Omit<ObjectHeadingProps, 'heading'> & HTMLAttributes<HTMLDivElement> & {
22973
+ heading: ReactNode;
22974
+ };
22975
+ /** @deprecated - beta Object list item heading component */
22976
+ declare const ObjectListItemHeading: ({ heading, beforeHeadingSlot, afterHeadingSlot, ...props }: ObjectListItemHeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
22977
+
22661
22978
  declare function Pagination({ limit, offset, total, onPageChange, }: {
22662
22979
  limit: number;
22663
22980
  offset: number;
22664
22981
  total: number;
22665
22982
  onPageChange: (limit: number, offset: number) => void;
22666
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
22983
+ }): _emotion_react_jsx_runtime.JSX.Element | null;
22667
22984
 
22668
22985
  type CommonParameterProps = {
22669
22986
  /** sets the label value */
@@ -22739,9 +23056,9 @@ type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
22739
23056
  /** Disables hover state, sets aria-disabled */
22740
23057
  isLocked?: boolean;
22741
23058
  };
22742
- declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23059
+ declare const LabelLeadingIcon: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
22743
23060
  /** @deprecated use LabelLeadingIcon */
22744
- declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23061
+ declare const ConnectToDataElementButton: ({ icon, iconColor, children, isBound, isActive, isLocked, title, ...props }: ConnectToDataElementButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
22745
23062
 
22746
23063
  type ParameterDataConnectButtonProps = {
22747
23064
  /** Sets the label value */
@@ -22763,7 +23080,7 @@ type ParameterDataConnectButtonProps = {
22763
23080
  * @example <ParameterDataConnectButton label="label" id="connect-data-button" onConnectDatasource={() => myFunction()}>Button Text</ParameterDataConnectButton>
22764
23081
  * @deprecated no longer used in uniform UI
22765
23082
  */
22766
- declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23083
+ declare function ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, }: ParameterDataConnectButtonProps): _emotion_react_jsx_runtime.JSX.Element;
22767
23084
 
22768
23085
  type ParameterDrawerHeaderProps = {
22769
23086
  title: string;
@@ -22773,7 +23090,7 @@ type ParameterDrawerHeaderProps = {
22773
23090
  /**
22774
23091
  * @deprecated use <Drawer heading={"Hi!"} /> instead, to use default drawer heading styles
22775
23092
  */
22776
- declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23093
+ declare const ParameterDrawerHeader: ({ title, iconBeforeTitle, children }: ParameterDrawerHeaderProps) => _emotion_react_jsx_runtime.JSX.Element;
22777
23094
 
22778
23095
  type ParameterGroupProps = React.HTMLAttributes<HTMLFieldSetElement> & {
22779
23096
  /** sets the legend value */
@@ -22787,7 +23104,7 @@ declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
22787
23104
  /** sets the legend value */
22788
23105
  legend: string | JSX.Element;
22789
23106
  /** (optional) - sets a disabled attribute at the field level disabling all child input fields and buttons */
22790
- isDisabled?: boolean | undefined;
23107
+ isDisabled?: boolean;
22791
23108
  children: ReactNode;
22792
23109
  } & React$1.RefAttributes<HTMLFieldSetElement>>;
22793
23110
 
@@ -22798,27 +23115,27 @@ type ParameterImageProps = Omit<CommonParameterInputProps, 'inputIcon' | 'type'>
22798
23115
  /** @Example <ParameterImage {...inputArgs} value={value} onChange={(e) => setValue(e.currentTarget.value)} /> */
22799
23116
  declare const ParameterImage: React__default.ForwardRefExoticComponent<Omit<CommonParameterInputProps, "type" | "inputIcon"> & React__default.InputHTMLAttributes<HTMLInputElement> & {
22800
23117
  /** Turns off the image preview, if it's not desired or rendered separately with `ParameterImageImage` elsewhere */
22801
- disablePreview?: boolean | undefined;
23118
+ disablePreview?: boolean;
22802
23119
  } & {
22803
- children?: React__default.ReactNode;
23120
+ children?: React__default.ReactNode | undefined;
22804
23121
  } & React__default.RefAttributes<HTMLInputElement>>;
22805
23122
  declare const ParameterImageInner: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
22806
- disablePreview?: boolean | undefined;
23123
+ disablePreview?: boolean;
22807
23124
  } & React__default.RefAttributes<HTMLInputElement>>;
22808
23125
 
22809
23126
  declare function ParameterImagePreview({ imageSrc }: {
22810
23127
  imageSrc: string;
22811
- }): _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
23128
+ }): _emotion_react_jsx_runtime.JSX.Element | null;
22812
23129
 
22813
23130
  type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
22814
23131
  /** @example <ParameterInput label="label value" id="my-input" /> */
22815
23132
  declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
22816
- caption?: string | undefined;
23133
+ caption?: string;
22817
23134
  menuItems?: React$1.ReactNode;
22818
- actionItems?: React$1.ReactNode;
22819
- errorTestId?: string | undefined;
22820
- captionTestId?: string | undefined;
22821
- title?: string | undefined;
23135
+ actionItems?: React.ReactNode;
23136
+ errorTestId?: string;
23137
+ captionTestId?: string;
23138
+ title?: string;
22822
23139
  } & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
22823
23140
  declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
22824
23141
 
@@ -22830,7 +23147,7 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
22830
23147
  asSpan?: boolean;
22831
23148
  };
22832
23149
  /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
22833
- declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23150
+ declare const ParameterLabel: ({ id, asSpan, children, ...props }: ParameterLabelProps) => _emotion_react_jsx_runtime.JSX.Element;
22834
23151
 
22835
23152
  type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
22836
23153
  /** (optional) sets the button text when value is empty
@@ -22845,22 +23162,22 @@ type ParameterLinkProps = CommonParameterInputProps & React.InputHTMLAttributes<
22845
23162
  };
22846
23163
  /** @example <ParameterLink label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
22847
23164
  declare const ParameterLink: React$1.ForwardRefExoticComponent<CommonParameterProps & {
22848
- caption?: string | undefined;
23165
+ caption?: string;
22849
23166
  menuItems?: React$1.ReactNode;
22850
- actionItems?: React$1.ReactNode;
22851
- errorTestId?: string | undefined;
22852
- captionTestId?: string | undefined;
22853
- title?: string | undefined;
23167
+ actionItems?: React.ReactNode;
23168
+ errorTestId?: string;
23169
+ captionTestId?: string;
23170
+ title?: string;
22854
23171
  } & React$1.InputHTMLAttributes<HTMLInputElement> & {
22855
23172
  /** (optional) sets the button text when value is empty
22856
23173
  * @default 'Configure link'
22857
23174
  */
22858
- buttonText?: string | undefined;
23175
+ buttonText?: string;
22859
23176
  /** sets the button function */
22860
23177
  onConnectLink: () => void;
22861
23178
  /** sets the disabled state of the button, useful for permissions */
22862
- disabled?: boolean | undefined;
22863
- externalLink?: string | undefined;
23179
+ disabled?: boolean;
23180
+ externalLink?: string;
22864
23181
  } & React$1.RefAttributes<HTMLInputElement>>;
22865
23182
  declare const ParameterLinkInner: React$1.ForwardRefExoticComponent<Omit<ParameterLinkProps, "label" | "id"> & React$1.RefAttributes<HTMLInputElement>>;
22866
23183
 
@@ -22873,18 +23190,18 @@ type ParameterMenuButtonProps = {
22873
23190
  declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
22874
23191
 
22875
23192
  type ParameterMultiSelectOption = InputComboBoxOption;
22876
- type ParameterMultiSelectInnerProps = Pick<InputComboBoxProps<ParameterMultiSelectOption, true>, 'options' | 'defaultValue' | 'onChange' | 'onBlur' | 'isClearable' | 'isDisabled'>;
23193
+ type ParameterMultiSelectInnerProps = Pick<InputComboBoxProps<ParameterMultiSelectOption, true>, 'options' | 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'isClearable' | 'isDisabled'>;
22877
23194
  type ParameterMultiSelectProps = CommonParameterInputProps & ParameterMultiSelectInnerProps & {
22878
23195
  disabled?: boolean;
22879
23196
  };
22880
23197
  /**
22881
23198
  * @deprecated beta
22882
23199
  * @example <ParameterMultiSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
22883
- declare const ParameterMultiSelect: ({ disabled, ...props }: ParameterMultiSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23200
+ declare const ParameterMultiSelect: ({ disabled, ...props }: ParameterMultiSelectProps) => _emotion_react_jsx_runtime.JSX.Element;
22884
23201
  /**
22885
23202
  * @deprecated beta
22886
23203
  * @example <ParameterMultiSelectInner options={[{ label: 'option label', value: 0}]} />*/
22887
- declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23204
+ declare const ParameterMultiSelectInner: (props: ParameterMultiSelectInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
22888
23205
 
22889
23206
  type ParameterNameAndPublicIdInputProps = {
22890
23207
  id?: undefined | string;
@@ -22935,7 +23252,7 @@ type ParameterNameAndPublicIdInputProps = {
22935
23252
  hasInitialPublicIdField?: boolean;
22936
23253
  };
22937
23254
  /** @example <ParameterNameAndPublicIdInput /> */
22938
- declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23255
+ declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
22939
23256
 
22940
23257
  type LinkNodeProps = NonNullable<LinkParamValue>;
22941
23258
  type SerializedLinkNode = Spread<{
@@ -22967,6 +23284,7 @@ type LinkNodePluginProps = {
22967
23284
  onSetValue: (value: LinkParamValue) => void;
22968
23285
  }) => Promise<void>;
22969
23286
  getBoundPath?: (path: string) => string;
23287
+ positioningAnchorEl: HTMLElement;
22970
23288
  };
22971
23289
 
22972
23290
  declare const richTextToolbarButton: _emotion_react.SerializedStyles;
@@ -22974,20 +23292,56 @@ declare const richTextToolbarButtonActive: _emotion_react.SerializedStyles;
22974
23292
  type RichTextToolbarIconProps = {
22975
23293
  icon: IconType;
22976
23294
  };
22977
- declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23295
+ declare const RichTextToolbarIcon: ({ icon }: RichTextToolbarIconProps) => _emotion_react_jsx_runtime.JSX.Element;
22978
23296
  type RichTextToolbarProps = {
22979
23297
  config?: RichTextParamConfiguration;
22980
23298
  /** Variables */
22981
23299
  customControls?: React.ReactElement;
23300
+ onInsertTable?: () => Promise<{
23301
+ rows: number;
23302
+ columns: number;
23303
+ } | null>;
23304
+ };
23305
+ type UseRichTextToolbarStateProps = {
23306
+ config?: RichTextParamConfiguration;
23307
+ };
23308
+ declare const useRichTextToolbarState: ({ config }: UseRichTextToolbarStateProps) => {
23309
+ activeFormats: _uniformdev_richtext.RichTextBuiltInFormat[];
23310
+ setActiveFormats: React$1.Dispatch<React$1.SetStateAction<_uniformdev_richtext.RichTextBuiltInFormat[]>>;
23311
+ activeElement: "paragraph" | _uniformdev_richtext.RichTextBuiltInElement;
23312
+ setActiveElement: React$1.Dispatch<React$1.SetStateAction<"paragraph" | _uniformdev_richtext.RichTextBuiltInElement>>;
23313
+ visibleFormatsWithIcon: {
23314
+ label: string;
23315
+ type: _uniformdev_richtext.RichTextBuiltInFormat;
23316
+ }[];
23317
+ visibleFormatsWithoutIcon: {
23318
+ label: string;
23319
+ type: _uniformdev_richtext.RichTextBuiltInFormat;
23320
+ }[];
23321
+ visibleTextualElements: {
23322
+ label: string;
23323
+ type: _uniformdev_richtext.RichTextBuiltInElement;
23324
+ }[];
23325
+ isLink: boolean;
23326
+ setIsLink: React$1.Dispatch<React$1.SetStateAction<boolean>>;
23327
+ linkElementVisible: boolean;
23328
+ visibleLists: Set<string>;
23329
+ quoteElementVisible: boolean;
23330
+ codeElementVisible: boolean;
23331
+ tableElementVisible: boolean;
23332
+ visibleElementsWithIcons: Set<string>;
23333
+ visibleInsertElementsWithIcons: Set<string>;
22982
23334
  };
22983
23335
 
22984
23336
  type RichTextProps = {
22985
23337
  config?: RichTextParamConfiguration;
22986
- onChange?: (value: SerializedEditorState) => void;
23338
+ onChange?: (value: SerializedEditorState, tags: Set<string>) => void;
22987
23339
  onConnectLink?: LinkNodePluginProps['onConnectLink'];
22988
23340
  onRichTextInit?: (editor: LexicalEditor) => void;
22989
23341
  readOnly?: boolean;
23342
+ minimalInteractivity?: boolean;
22990
23343
  editorInputClassName?: string;
23344
+ editorInputWrapperClassName?: string;
22991
23345
  /** Register additional custom node types to the RTE */
22992
23346
  customNodes?: InitialConfigType['nodes'];
22993
23347
  /** Children allows registering custom Lexical plugins */
@@ -22998,6 +23352,11 @@ type RichTextProps = {
22998
23352
  };
22999
23353
  /** Rich Text Toolbar custom controls */
23000
23354
  customControls?: RichTextToolbarProps['customControls'];
23355
+ /** Tables */
23356
+ onInsertTable?: () => Promise<{
23357
+ rows: number;
23358
+ columns: number;
23359
+ } | null>;
23001
23360
  };
23002
23361
  type RichTextParamValue = SerializedEditorState | undefined | null;
23003
23362
  type ParameterRichTextInnerProps = RichTextProps & {
@@ -23006,32 +23365,25 @@ type ParameterRichTextInnerProps = RichTextProps & {
23006
23365
  editorFooter?: React.ReactNode;
23007
23366
  };
23008
23367
  type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
23009
- declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, customNodes, children, variables, customControls, }: ParameterRichTextProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23010
- declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorFooter, children, customNodes, variables, customControls, }: ParameterRichTextInnerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23368
+ declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, customNodes, children, variables, customControls, onInsertTable, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
23369
+ declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
23011
23370
 
23012
23371
  type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
23013
23372
  /** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
23014
23373
  declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameterProps & {
23015
- caption?: string | undefined;
23374
+ caption?: string;
23016
23375
  menuItems?: React$1.ReactNode;
23017
- actionItems?: React$1.ReactNode;
23018
- errorTestId?: string | undefined;
23019
- captionTestId?: string | undefined;
23020
- title?: string | undefined;
23376
+ actionItems?: React.ReactNode;
23377
+ errorTestId?: string;
23378
+ captionTestId?: string;
23379
+ title?: string;
23021
23380
  } & CommonParameterSelectProps & React$1.InputHTMLAttributes<HTMLSelectElement> & React$1.RefAttributes<HTMLSelectElement>>;
23022
23381
  /** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
23023
23382
  declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
23024
23383
 
23025
23384
  /** A function that extracts all common props and element props
23026
23385
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
23027
- declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
23028
- caption?: string | undefined;
23029
- menuItems?: ReactNode;
23030
- actionItems?: ReactNode;
23031
- errorTestId?: string | undefined;
23032
- captionTestId?: string | undefined;
23033
- title?: string | undefined;
23034
- }) => {
23386
+ declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
23035
23387
  shellProps: {
23036
23388
  id: string;
23037
23389
  label: string;
@@ -23049,13 +23401,13 @@ declare const extractParameterProps: <T>(props: T & CommonParameterProps & {
23049
23401
  onResetOverriddenValue: (() => void) | undefined;
23050
23402
  };
23051
23403
  innerProps: Omit<T & CommonParameterProps & {
23052
- caption?: string | undefined;
23404
+ caption?: string;
23053
23405
  menuItems?: ReactNode;
23054
- actionItems?: ReactNode;
23055
- errorTestId?: string | undefined;
23056
- captionTestId?: string | undefined;
23057
- title?: string | undefined;
23058
- }, "caption" | "label" | "title" | "id" | "errorMessage" | "menuItems" | "warningMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
23406
+ actionItems?: React.ReactNode;
23407
+ errorTestId?: string;
23408
+ captionTestId?: string;
23409
+ title?: string;
23410
+ }, "caption" | "label" | "title" | "id" | "warningMessage" | "errorMessage" | "infoMessage" | "errorTestId" | "captionTestId" | "menuItems" | "hiddenLabel" | "labelLeadingIcon" | "hasOverriddenValue" | "onResetOverriddenValue">;
23059
23411
  };
23060
23412
  type ParameterShellOverrideProps = {
23061
23413
  /** sets overriding parameters indicator
@@ -23077,22 +23429,22 @@ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonPar
23077
23429
  * Uniform Parameter shell component
23078
23430
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
23079
23431
  */
23080
- declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23432
+ declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
23081
23433
  declare const ParameterShellPlaceholder: ({ children }: {
23082
23434
  children?: ReactNode;
23083
- }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23435
+ }) => _emotion_react_jsx_runtime.JSX.Element;
23084
23436
  /** @deprecated */
23085
- declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23437
+ declare const ParameterOverrideMarker: (props: HTMLAttributes<HTMLButtonElement>) => _emotion_react_jsx_runtime.JSX.Element;
23086
23438
 
23087
23439
  type ParameterTextareaProps = CommonParameterInputProps & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
23088
23440
  /** @example <ParameterTextarea label="label value" id="my-textarea" /> */
23089
23441
  declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParameterProps & {
23090
- caption?: string | undefined;
23442
+ caption?: string;
23091
23443
  menuItems?: React$1.ReactNode;
23092
- actionItems?: React$1.ReactNode;
23093
- errorTestId?: string | undefined;
23094
- captionTestId?: string | undefined;
23095
- title?: string | undefined;
23444
+ actionItems?: React.ReactNode;
23445
+ errorTestId?: string;
23446
+ captionTestId?: string;
23447
+ title?: string;
23096
23448
  } & React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
23097
23449
  /** @example <ParameterTextareaInner /> */
23098
23450
  declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
@@ -23102,14 +23454,14 @@ type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 't
23102
23454
  };
23103
23455
  /** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
23104
23456
  declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
23105
- caption?: string | undefined;
23457
+ caption?: string;
23106
23458
  menuItems?: React$1.ReactNode;
23107
- actionItems?: React$1.ReactNode;
23108
- errorTestId?: string | undefined;
23109
- captionTestId?: string | undefined;
23110
- title?: string | undefined;
23459
+ actionItems?: React.ReactNode;
23460
+ errorTestId?: string;
23461
+ captionTestId?: string;
23462
+ title?: string;
23111
23463
  } & {
23112
- type: 'checkbox' | 'radio';
23464
+ type: "checkbox" | "radio";
23113
23465
  } & React$1.RefAttributes<HTMLInputElement>>;
23114
23466
  declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
23115
23467
 
@@ -23141,8 +23493,23 @@ type PopoverProps = PopoverProps$1 & {
23141
23493
  trigger?: ReactNode;
23142
23494
  /** @deprecated */
23143
23495
  baseId?: string;
23496
+ onInit?: ({ store }: {
23497
+ store: PopoverStore;
23498
+ }) => void;
23499
+ /**
23500
+ * Valid CSS unit to set the maximum popover width
23501
+ * @default '220px'
23502
+ */
23503
+ maxWidth?: string;
23144
23504
  };
23145
- declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23505
+ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, baseId, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
23506
+ /**
23507
+ * Hook to get the current popover context
23508
+ * @description This hook is used to get the current popover context
23509
+ * useful for closing the popover with a nested button or interative element
23510
+ * @example const currentPopoverContext = usePopoverComponentContext();
23511
+ */
23512
+ declare const usePopoverComponentContext: () => PopoverStore | undefined;
23146
23513
 
23147
23514
  interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
23148
23515
  current: number;
@@ -23153,7 +23520,7 @@ interface ProgressBarProps extends React$1.HTMLAttributes<HTMLDivElement> {
23153
23520
  /**
23154
23521
  * @deprecated This component is in beta, and might receive breaking changes in minor releases!
23155
23522
  */
23156
- declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23523
+ declare function ProgressBar({ current, max, theme, variant, ...props }: ProgressBarProps): _emotion_react_jsx_runtime.JSX.Element;
23157
23524
 
23158
23525
  type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
23159
23526
  type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
@@ -23171,7 +23538,7 @@ type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
23171
23538
  * Component that sets the base structure for scrollable content in a max height container
23172
23539
  * @example <ProgressList items={[{ id: 'step1', label: 'Step 1' }, { id: 'step2', label: 'Step 2' }]} />
23173
23540
  */
23174
- declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23541
+ declare const ProgressList: ({ inProgressId, items, autoEllipsis, ...htmlProps }: ProgressListProps) => _emotion_react_jsx_runtime.JSX.Element;
23175
23542
  type ProgressListItemProps = React__default.HTMLAttributes<HTMLLIElement> & {
23176
23543
  /** The status of the item. Defaults to 'queued' */
23177
23544
  status?: ProgressListItemStatus;
@@ -23190,7 +23557,7 @@ type ProgressListItem<IdType extends string = string> = {
23190
23557
  * */
23191
23558
  errorLevel?: 'danger' | 'caution';
23192
23559
  };
23193
- declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23560
+ declare const ProgressListItem: ({ children, status, error, errorLevel, autoEllipsis, }: ProgressListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
23194
23561
 
23195
23562
  type SegmentedControlOption<TValue extends string = string> = {
23196
23563
  value: TValue;
@@ -23239,7 +23606,7 @@ type SegmentedControlProps<TValue extends string = string> = Omit<React__default
23239
23606
  * A control with multiple segments. Can be used as a replacement of radio buttons.
23240
23607
  * @example <SegmentedControl name="mySegmentedControl" value={value} options={[{label: 'Option 1', value: 'option1',label: 'Option 2', value: 'option2'}]} onChange={setValue} />
23241
23608
  */
23242
- declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23609
+ declare const SegmentedControl: <TValue extends string = string>({ name, options, value, onChange, noCheckmark, disabled, orientation, size, hideOptionText, iconSize, currentBackgroundColor, ...props }: SegmentedControlProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
23243
23610
 
23244
23611
  type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
23245
23612
  width?: string;
@@ -23251,17 +23618,19 @@ type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttribu
23251
23618
  * A loading skeleton
23252
23619
  * @example <Skeleton width="50%" height="32px" />
23253
23620
  */
23254
- declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23621
+ declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
23255
23622
 
23256
- type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
23623
+ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
23257
23624
  /** sets the label value */
23258
- label: string;
23625
+ label: ReactNode;
23259
23626
  /** (optional) sets information text */
23260
23627
  infoText?: string;
23261
23628
  /** sets the toggle text value */
23262
23629
  toggleText?: string;
23263
23630
  /** sets child elements */
23264
- children?: React$1.ReactNode;
23631
+ children?: ReactNode;
23632
+ /** the size of the control */
23633
+ switchSize?: 'base' | 'sm';
23265
23634
  };
23266
23635
  /**
23267
23636
  * Uniform Switch Input Component
@@ -23270,13 +23639,15 @@ type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> &
23270
23639
  */
23271
23640
  declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
23272
23641
  /** sets the label value */
23273
- label: string;
23642
+ label: ReactNode;
23274
23643
  /** (optional) sets information text */
23275
- infoText?: string | undefined;
23644
+ infoText?: string;
23276
23645
  /** sets the toggle text value */
23277
- toggleText?: string | undefined;
23646
+ toggleText?: string;
23278
23647
  /** sets child elements */
23279
- children?: React$1.ReactNode;
23648
+ children?: ReactNode;
23649
+ /** the size of the control */
23650
+ switchSize?: "base" | "sm";
23280
23651
  } & React$1.RefAttributes<HTMLInputElement>>;
23281
23652
 
23282
23653
  type TableProps = {
@@ -23318,7 +23689,7 @@ declare const Table: React$1.ForwardRefExoticComponent<{
23318
23689
  /** The CSS padding of the table cells (includes the head cells as well).
23319
23690
  * @default 'var(--spacing-base) var(--spacing-md)'
23320
23691
  */
23321
- cellPadding?: string | undefined;
23692
+ cellPadding?: string;
23322
23693
  } & Omit<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "cellPadding"> & React$1.RefAttributes<HTMLTableElement>>;
23323
23694
  declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
23324
23695
  declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -23339,18 +23710,18 @@ type TabsProps<TTabName extends string = string> = {
23339
23710
  */
23340
23711
  useHashForState?: boolean;
23341
23712
  };
23342
- declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23343
- declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23713
+ declare const Tabs: <TTabName extends string = string>({ children, onSelectedIdChange, useHashForState, selectedId, manual, ...props }: TabsProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
23714
+ declare const TabButtonGroup: ({ children, ...props }: Partial<TabListProps>) => _emotion_react_jsx_runtime.JSX.Element;
23344
23715
  type TabButtonProps<TTabName extends string = string> = Partial<TabProps> & {
23345
23716
  id: TTabName;
23346
23717
  children: React__default.ReactNode;
23347
23718
  };
23348
- declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23719
+ declare const TabButton: <TTabName extends string = string>({ children, id, ...props }: TabButtonProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
23349
23720
  type TabContentProps<TTabName extends string = string> = Partial<TabPanelProps> & {
23350
23721
  tabId?: TTabName;
23351
23722
  children: React__default.ReactNode;
23352
23723
  };
23353
- declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23724
+ declare const TabContent: <TTabName extends string = string>({ children, ...props }: TabContentProps<TTabName>) => _emotion_react_jsx_runtime.JSX.Element;
23354
23725
 
23355
23726
  type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
23356
23727
  /** (optional) sets the title value
@@ -23368,7 +23739,7 @@ type CreateTeamIntegrationTileProps = React.HTMLAttributes<HTMLDivElement> & {
23368
23739
  */
23369
23740
  asDeepLink?: boolean;
23370
23741
  };
23371
- declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23742
+ declare const CreateTeamIntegrationTile: ({ title, buttonText, onClick, asDeepLink, ...props }: CreateTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
23372
23743
 
23373
23744
  interface IntegrationTileFields {
23374
23745
  icon?: string | React.ComponentType<{
@@ -23390,7 +23761,7 @@ type EditTeamIntegrationTileProps = IntegrationTileFields & {
23390
23761
  /** Uniform Edit Team Integration Tile
23391
23762
  * @example <EditTeamIntegrationTile id="example" onEdit={() => func()} canEdit={true} isPublis={true} name="example" icon="./image.svg" />
23392
23763
  */
23393
- declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23764
+ declare const EditTeamIntegrationTile: ({ id, icon, name, onEdit, isPublic, canEdit, }: EditTeamIntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
23394
23765
 
23395
23766
  type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<HTMLDivElement> & {
23396
23767
  /** sets the id and data-testid value */
@@ -23406,7 +23777,7 @@ type IntegrationComingSoonProps = IntegrationTileFields & React.HTMLAttributes<H
23406
23777
  * Uniform Integration Coming Soon Component
23407
23778
  * @example <IntegrationComingSoon id="piedpiper" name="Pied Piper" icon="./piedpiper.svg" onUpVoteClick={() => someFunc()} />
23408
23779
  */
23409
- declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23780
+ declare const IntegrationComingSoon: ({ name, icon, id, onUpVoteClick, timing, ...props }: IntegrationComingSoonProps) => _emotion_react_jsx_runtime.JSX.Element;
23410
23781
 
23411
23782
  type IntegrationLoadingTileProps = {
23412
23783
  /** (optional) sets the number of skeletal loading elements to show
@@ -23417,7 +23788,7 @@ type IntegrationLoadingTileProps = {
23417
23788
  /** Uniform Integration Loading Tile
23418
23789
  * @example <IntegrationLoadingTile count={10} />
23419
23790
  */
23420
- declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23791
+ declare const IntegrationLoadingTile: ({ count }: IntegrationLoadingTileProps) => _emotion_react_jsx_runtime.JSX.Element;
23421
23792
 
23422
23793
  type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
23423
23794
  /** sets the icon as inline svg or img tag */
@@ -23431,7 +23802,7 @@ type IntegrationModalIconProps = React$1.ImgHTMLAttributes<HTMLImageElement> & {
23431
23802
  * Uniform Integration Modal Icon
23432
23803
  * @example <IntegrationModalIcon name="name" icon="/my-icon.svg" />
23433
23804
  */
23434
- declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23805
+ declare const IntegrationModalIcon: ({ icon, name, ...imgProps }: IntegrationModalIconProps) => _emotion_react_jsx_runtime.JSX.Element;
23435
23806
 
23436
23807
  type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
23437
23808
  id: string;
@@ -23443,7 +23814,7 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
23443
23814
  className?: string;
23444
23815
  }> | undefined;
23445
23816
  };
23446
- declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23817
+ declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
23447
23818
 
23448
23819
  type ClassNameOptions = 'logo' | 'author';
23449
23820
  type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
@@ -23455,14 +23826,14 @@ type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVG
23455
23826
  /** Uniform Resolve Icon Component
23456
23827
  * @example <ResolveIcon icon="/my-image.png" name="my image" />
23457
23828
  */
23458
- declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
23829
+ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
23459
23830
 
23460
23831
  type TileProps = {
23461
23832
  children: ReactNode;
23462
23833
  disabled?: boolean;
23463
23834
  isSelected?: boolean;
23464
23835
  } & HtmlHTMLAttributes<HTMLButtonElement>;
23465
- declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23836
+ declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
23466
23837
 
23467
23838
  type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
23468
23839
  /** sets the background colour of the outter container
@@ -23488,13 +23859,13 @@ type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
23488
23859
  * Uniform Tile Container Component
23489
23860
  * @example <TileContainer><div>child content</div></TileContainer>
23490
23861
  */
23491
- declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23862
+ declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
23492
23863
 
23493
23864
  type TileTitleProps = {
23494
23865
  as?: 'heading' | 'description';
23495
23866
  children: ReactNode;
23496
23867
  } & HTMLAttributes<HTMLSpanElement>;
23497
- declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23868
+ declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
23498
23869
 
23499
23870
  type ToastContainerProps = {
23500
23871
  limit?: number;
@@ -23506,10 +23877,8 @@ type ToastContainerProps = {
23506
23877
  /**
23507
23878
  * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
23508
23879
  * @example <App><ToastContainer autoCloseDelay="normal" /></App>
23509
- *
23510
- * @deprecated This component is in beta, and might receive breaking changes in minor releases!
23511
23880
  */
23512
- declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23881
+ declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
23513
23882
 
23514
23883
  /** Available heading weights e.g. 1 - 6 */
23515
23884
  type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
@@ -23535,8 +23904,9 @@ type HeadingProps = {
23535
23904
  * Component that sets the heading tag
23536
23905
  * @example <Heading level={1}>Blog Post Title</Heading>
23537
23906
  */
23538
- declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23907
+ declare const Heading: ({ level, as, asSpan, withMarginBottom, children, ...hAttributes }: HeadingProps) => _emotion_react_jsx_runtime.JSX.Element;
23539
23908
 
23909
+ /** @deprecated - Integration header section props are no longer supported or maintained */
23540
23910
  type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
23541
23911
  /** sets the title text of the integration */
23542
23912
  title: string;
@@ -23556,10 +23926,10 @@ type IntegrationHeaderSectionProps = React$1.HtmlHTMLAttributes<HTMLDivElement>
23556
23926
  menu?: React$1.ReactNode;
23557
23927
  };
23558
23928
  /**
23559
- * Uniform Integration Header Section Component
23929
+ * @deprecated Uniform Integration Header Section Component is no longer supported or maintained
23560
23930
  * @Example <IntegrationHeaderSection title="custom integration" description="custom integration description text" />
23561
23931
  */
23562
- declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23932
+ declare const IntegrationHeaderSection: ({ title, description, icon, docsLink, badgeText, menu, children, ...props }: IntegrationHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
23563
23933
 
23564
23934
  type LinkColorProps = 'currentColor' | 'destructive' | 'default';
23565
23935
  type LinkProps = React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
@@ -23596,16 +23966,16 @@ declare const LinkWithRef: React$1.ForwardRefExoticComponent<Omit<React$1.Anchor
23596
23966
  /** (optional) sets the link color
23597
23967
  * @default 'currentColor'
23598
23968
  */
23599
- linkColor?: LinkColorProps | undefined;
23969
+ linkColor?: LinkColorProps;
23600
23970
  /** (optional) sets whether the link is external or not adding an icon to the link */
23601
- external?: boolean | undefined;
23971
+ external?: boolean;
23602
23972
  /** (optional) For supporting inside next/link component */
23603
- ref?: React$1.ForwardedRef<HTMLAnchorElement> | undefined;
23973
+ ref?: React$1.ForwardedRef<HTMLAnchorElement>;
23604
23974
  /** (optional) sets react child elements */
23605
23975
  children?: React$1.ReactNode;
23606
23976
  } & {
23607
23977
  href: string;
23608
- as?: string | undefined;
23978
+ as?: string;
23609
23979
  linkManagerComponent: LinkManagerWithRefType;
23610
23980
  }, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
23611
23981
 
@@ -23622,7 +23992,7 @@ type PageHeaderSectionProps = Omit<React$1.HTMLAttributes<HTMLHeadingElement>, '
23622
23992
  level?: LevelProps;
23623
23993
  linkManagerComponent?: LinkManagerWithRefType;
23624
23994
  };
23625
- declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23995
+ declare const PageHeaderSection: ({ title, desc, children, linkText, level, linkProps, linkManagerComponent, ...htmlProps }: PageHeaderSectionProps) => _emotion_react_jsx_runtime.JSX.Element;
23626
23996
 
23627
23997
  type ParagraphProps = {
23628
23998
  /** (optional) adds child elements to the paragraph tag */
@@ -23636,7 +24006,7 @@ type ParagraphProps = {
23636
24006
  * Component for generic paragraph tags
23637
24007
  * @example <Paragraph>This is the text that was be inside the paragraph tag.</Paragraph>
23638
24008
  */
23639
- declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
24009
+ declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
23640
24010
 
23641
24011
  type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
23642
24012
  type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
@@ -23653,6 +24023,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
23653
24023
  */
23654
24024
  size?: 'sm' | 'base';
23655
24025
  };
23656
- declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
24026
+ declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
23657
24027
 
23658
- export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
24028
+ export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemHeading, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };