@uniformdev/design-system 20.6.2-alpha.11 → 20.7.1-alpha.102

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.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
2
  import { Decorator } from '@storybook/react';
3
3
  import * as React$1 from 'react';
4
- import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
4
+ import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
5
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';
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
16
16
  import { DateValue } from '@internationalized/date';
17
17
  import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
18
18
  import { CreatableProps } from 'react-select/creatable';
19
- import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
20
19
  import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
21
20
  import { InitialConfigType } from '@lexical/react/LexicalComposer';
22
21
  import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
@@ -81,6 +80,14 @@ declare const supports: (cssProp: string) => string;
81
80
  * @example `${cq('300px')} { background: red; }`
82
81
  */
83
82
  declare const cq: (size: string) => string;
83
+ /**
84
+ * Prefers Reduced Motion Helper Function
85
+ * @function
86
+ * @param {string} cssProp - The css property you want to check support
87
+ * @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
88
+ * @example `${prefersReducedMotion('reduce')} { animation: none; }`
89
+ */
90
+ declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
84
91
 
85
92
  /** @deprecated for internal use only */
86
93
  declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
@@ -189,6 +196,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
189
196
  declare const fadeInLtr: _emotion_react.Keyframes;
190
197
  declare const fadeInRtl: _emotion_react.Keyframes;
191
198
  declare const slideInTtb: _emotion_react.Keyframes;
199
+ declare const slideInRtl: _emotion_react.Keyframes;
192
200
  declare const spin: _emotion_react.Keyframes;
193
201
 
194
202
  /** Custom scrollbar styles */
@@ -383,8 +391,12 @@ type UseShortcutOptions = {
383
391
  doNotPreventDefault?: boolean;
384
392
  /** Whether the shortcut will activate with a form field in focus */
385
393
  activeWhenEditing?: boolean;
386
- /** When true, the shortcut is disabled. The result will also reflect this state, which may disable attached menus, buttons, etc */
387
- disabled?: boolean;
394
+ /**
395
+ * When true or 'silent', the shortcut is disabled. When undefined or false, it is enabled.
396
+ * The result will also reflect this state, which may disable attached menus, buttons, etc
397
+ * 'silent' will not show a toast notification when the shortcut is invoked while disabled.
398
+ */
399
+ disabled?: boolean | 'silent';
388
400
  };
389
401
  type ShortcutReference = {
390
402
  shortcut: string;
@@ -408,8 +420,12 @@ type TooltipProps = TooltipOptions & {
408
420
  children: JSX.Element;
409
421
  /** If the tooltip should not be rendered inside a portal */
410
422
  withoutPortal?: boolean;
423
+ /** sets the delay time before showing the tooltip
424
+ * @default 0
425
+ */
426
+ timeout?: number;
411
427
  } & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
412
- declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
428
+ declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
413
429
 
414
430
  /** Button sizes that are available to use with our brand */
415
431
  type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -427,6 +443,12 @@ type ButtonSoftStylesProps = {
427
443
  size: ButtonSizeProps$1;
428
444
  variant?: 'soft' | undefined;
429
445
  };
446
+ declare const getButtonSize: (size: ButtonSizeProps$1) => string;
447
+ declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
448
+ buttonTheme: SerializedStyles;
449
+ btnSize: string;
450
+ };
451
+ /** @deprecated - use getButtonStyles instead */
430
452
  declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
431
453
  buttonTheme: SerializedStyles;
432
454
  btnSize: string;
@@ -1150,17 +1172,18 @@ declare const allSupportedIcons: {
1150
1172
  'device-tv': _react_icons_all_files.IconType;
1151
1173
  'device-ipad': _react_icons_all_files.IconType;
1152
1174
  'device-mobile-rotated': _react_icons_all_files.IconType;
1175
+ 'plug-angled': _react_icons_all_files.IconType;
1176
+ 'clock-edit': _react_icons_all_files.IconType;
1153
1177
  };
1154
1178
 
1155
1179
  /** A list of available icon names that can be used with the Uniform brand */
1156
1180
  type IconName = keyof typeof allSupportedIcons;
1157
-
1181
+ /** sets the type of icon to use from the available list */
1182
+ type IconType = IconName | IconType$1;
1158
1183
  /** sets fill color of the svg icon
1159
1184
  * @default 'default'
1160
1185
  */
1161
- type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
1162
- /** sets the type of icon to use from the available list */
1163
- type IconType = IconName | IconType$1;
1186
+ type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
1164
1187
  interface IconProps extends IconBaseProps {
1165
1188
  /** sets the icon to be used */
1166
1189
  icon: IconType;
@@ -1169,11 +1192,6 @@ interface IconProps extends IconBaseProps {
1169
1192
  /** sets additional icon props provided by "react-icons" */
1170
1193
  otherProps?: IconBaseProps;
1171
1194
  }
1172
- /**
1173
- * Component that renders icons
1174
- * @example <Icon icon="add-r" iconColor="currentColor" />
1175
- */
1176
- declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
1177
1195
 
1178
1196
  declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
1179
1197
  declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
@@ -1228,6 +1246,12 @@ declare const customIcons: {
1228
1246
  'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
1229
1247
  };
1230
1248
 
1249
+ /**
1250
+ * Component that renders icons
1251
+ * @example <Icon icon="add-r" iconColor="currentColor" />
1252
+ */
1253
+ declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
1254
+
1231
1255
  type IconsMap = Record<string, IconType$1>;
1232
1256
  declare function useIconContext(): {
1233
1257
  iconsMap: IconsMap;
@@ -1251,6 +1275,10 @@ declare const uniformCompositionPatternIcon: IconType$1;
1251
1275
  declare const uniformContentTypeIcon: IconType$1;
1252
1276
  declare const uniformEntryIcon: IconType$1;
1253
1277
  declare const uniformEntryPatternIcon: IconType$1;
1278
+ declare const uniformStatusDraftIcon: IconType$1;
1279
+ declare const uniformStatusModifiedIcon: IconType$1;
1280
+ declare const uniformStatusPublishedIcon: IconType$1;
1281
+ declare const uniformUsageStatusIcon: IconType$1;
1254
1282
 
1255
1283
  type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
1256
1284
  type ButtonSizeProps = 'sm' | 'base' | 'lg';
@@ -1269,7 +1297,10 @@ interface ActionButtonsProps {
1269
1297
  icon?: IconName;
1270
1298
  /** adds child components to the ButtonWithMenu component */
1271
1299
  children: React$1.ReactNode;
1272
- /** sets the button size */
1300
+ /**
1301
+ * sets the button size
1302
+ * @default "base"
1303
+ */
1273
1304
  size?: ButtonSizeProps;
1274
1305
  /** sets additional Menu component styles */
1275
1306
  menuContainerCssClasses?: SerializedStyles;
@@ -1364,6 +1395,10 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
1364
1395
  */
1365
1396
  tag?: React$1.ElementType;
1366
1397
  };
1398
+ /**
1399
+ * @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
1400
+ * It will be removed in the next major version.
1401
+ */
1367
1402
  declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
1368
1403
  type CardTitleProps = {
1369
1404
  children?: React$1.ReactNode;
@@ -1391,11 +1426,19 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
1391
1426
  */
1392
1427
  withLastColumn?: boolean;
1393
1428
  };
1394
- /** Uniform Card Container
1429
+ /**
1430
+ * Uniform Card Container
1395
1431
  * @example <CardContainer><Card title="card title" /></CardContainer>
1432
+ *
1433
+ * @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
1434
+ * It will be removed in the next major version.
1396
1435
  */
1397
1436
  declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
1398
1437
 
1438
+ /**
1439
+ * @deprecated Use the `LoadingCardSkeleton` component from `@uniformdev/design-system` instead.
1440
+ * It will be removed in the next major version.
1441
+ */
1399
1442
  declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
1400
1443
 
1401
1444
  type ChipSizeProp = 'xs' | 'sm' | 'md';
@@ -1457,10 +1500,12 @@ type MultilineChipProps = {
1457
1500
  declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
1458
1501
 
1459
1502
  type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
1460
- type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
1503
+ type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
1461
1504
  type CounterProps = {
1462
- /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear. */
1463
- count: number | undefined;
1505
+ /** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear.
1506
+ * String can be used for formatting purposes, e.g. "1.2k" or regionalized number, e.g. "1,200"
1507
+ */
1508
+ count: number | string | undefined;
1464
1509
  /** sets the background color
1465
1510
  * @default 'transparent'
1466
1511
  */
@@ -1469,9 +1514,13 @@ type CounterProps = {
1469
1514
  iconColor?: CounterIconColors;
1470
1515
  /** Optional icon for the counter */
1471
1516
  icon?: IconType;
1517
+ /** sets the size of the counter
1518
+ * @default 'md'
1519
+ */
1520
+ size?: 'sm' | 'md';
1472
1521
  } & React.HTMLAttributes<HTMLDivElement>;
1473
1522
  /** @example <Counter count={1} /> */
1474
- declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
1523
+ declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
1475
1524
 
1476
1525
  type TextAlignProps = 'left' | 'right' | 'center';
1477
1526
  type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
@@ -1608,6 +1657,8 @@ type DateTimePickerProps = {
1608
1657
  * @default 8
1609
1658
  */
1610
1659
  offset?: number;
1660
+ /** (optional) sets whether to render the popover in a portal */
1661
+ portal?: boolean;
1611
1662
  };
1612
1663
  /**
1613
1664
  * Use this context for slots within the date time picker
@@ -1627,7 +1678,7 @@ declare function useDateTimePickerContext(): {
1627
1678
  * Subcomponents can manipulate the value directly by using
1628
1679
  * the `useDateTimePickerContext()` hook.
1629
1680
  */
1630
- declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
1681
+ declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, portal, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
1631
1682
 
1632
1683
  declare function DateTimePickerSummary({ value, placeholder, }: {
1633
1684
  value: DateTimePickerValue | null | undefined;
@@ -1835,6 +1886,23 @@ declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId
1835
1886
  stackId?: string;
1836
1887
  }) => _emotion_react_jsx_runtime.JSX.Element;
1837
1888
 
1889
+ type FlexiCardProps = {
1890
+ heading?: ReactNode;
1891
+ children: ReactNode;
1892
+ height?: string;
1893
+ width?: string;
1894
+ } & HTMLAttributes<HTMLDivElement>;
1895
+ declare const FlexiCard: ({ heading, children, width, height, ...props }: FlexiCardProps) => _emotion_react_jsx_runtime.JSX.Element;
1896
+
1897
+ type FlexiCardTitleProps = {
1898
+ icon?: IconType;
1899
+ heading: string;
1900
+ } & React.HTMLAttributes<HTMLDivElement>;
1901
+ /** Flexi Card Title Component
1902
+ * recommended to be used within the FlexiCard component
1903
+ */
1904
+ declare const FlexiCardTitle: ({ icon, heading, ...props }: FlexiCardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
1905
+
1838
1906
  interface IconButtonProps extends Omit<ButtonProps, 'size'> {
1839
1907
  variant?: 'square' | 'rounded';
1840
1908
  /** Style for the larger sizes have not been decided yet */
@@ -1888,7 +1956,7 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
1888
1956
 
1889
1957
  type ErrorMessageProps = {
1890
1958
  /** sets the error message value */
1891
- message?: string;
1959
+ message?: ReactNode;
1892
1960
  /** sets the test id for test automation (optional) */
1893
1961
  testId?: string;
1894
1962
  className?: string;
@@ -1996,6 +2064,11 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
1996
2064
  * (optional) sets an overriding classname on the label element
1997
2065
  * @deprecated */
1998
2066
  classNameLabel?: string | SerializedStyles;
2067
+ /**
2068
+ * If true, the input will allow mouse wheel scrolling to change the value.
2069
+ * @default false
2070
+ */
2071
+ enableMouseWheel?: boolean;
1999
2072
  };
2000
2073
  /**
2001
2074
  * Input Component
@@ -2038,6 +2111,11 @@ declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttribut
2038
2111
  * (optional) sets an overriding classname on the label element
2039
2112
  * @deprecated */
2040
2113
  classNameLabel?: string | SerializedStyles;
2114
+ /**
2115
+ * If true, the input will allow mouse wheel scrolling to change the value.
2116
+ * @default false
2117
+ */
2118
+ enableMouseWheel?: boolean;
2041
2119
  } & React$1.RefAttributes<HTMLInputElement>>;
2042
2120
 
2043
2121
  /**
@@ -2059,8 +2137,13 @@ type InputComboBoxOption<TValue = string> = {
2059
2137
  * Note: this works for any type used for an option where a boolean called indented exists.
2060
2138
  */
2061
2139
  indented?: boolean;
2140
+ /**
2141
+ * Sets the option to be fixed.
2142
+ * This will prevent the option from being removed or selected.
2143
+ */
2144
+ isFixed?: boolean;
2062
2145
  };
2063
- 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>>;
2146
+ type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
2064
2147
  type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
2065
2148
  type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
2066
2149
  /**
@@ -2447,6 +2530,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
2447
2530
  type KeyValueItem<TValue extends string = string> = {
2448
2531
  key: string;
2449
2532
  value: TValue;
2533
+ icon?: string;
2450
2534
  uniqueId?: string;
2451
2535
  };
2452
2536
  type KeyValueInputProps<TValue extends string = string> = {
@@ -2457,10 +2541,18 @@ type KeyValueInputProps<TValue extends string = string> = {
2457
2541
  newItemDefault?: KeyValueItem<TValue>;
2458
2542
  keyLabel?: string;
2459
2543
  valueLabel?: string;
2544
+ iconLabel?: string;
2460
2545
  keyInfoPopover?: ReactNode;
2461
2546
  valueInfoPopover?: ReactNode;
2462
- errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | null)[];
2547
+ iconInfoPopover?: ReactNode;
2548
+ errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
2463
2549
  onFocusChange?: (isFocused: boolean) => void;
2550
+ showIconColumn?: boolean;
2551
+ renderIconSelector?: (props: {
2552
+ value?: string;
2553
+ onChange: (icon: string) => void;
2554
+ disabled?: boolean;
2555
+ }) => ReactNode;
2464
2556
  };
2465
2557
  /**
2466
2558
  * A component to render a sortable key-value input
@@ -2469,7 +2561,19 @@ type KeyValueInputProps<TValue extends string = string> = {
2469
2561
  * return <KeyValueInput value={value} onChange={setValue} />
2470
2562
  * @deprecated This component is in beta, name and props are subject to change without a major version
2471
2563
  */
2472
- 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;
2564
+ declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
2565
+
2566
+ type AsideAndSectionLayout = {
2567
+ /** sets child components in the aside / supporting column */
2568
+ sidebar?: ReactNode;
2569
+ /** sets child components in the section / main content column */
2570
+ children: ReactNode;
2571
+ /** Makes the sidebar sticky to the top of the container
2572
+ * @default false
2573
+ */
2574
+ isStickyAside?: boolean;
2575
+ };
2576
+ declare const AsideAndSectionLayout: ({ sidebar, children, isStickyAside, }: AsideAndSectionLayout) => _emotion_react_jsx_runtime.JSX.Element;
2473
2577
 
2474
2578
  type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
2475
2579
  type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
@@ -2539,26 +2643,24 @@ type LimitsBarProps = {
2539
2643
  current: number;
2540
2644
  /** The maximum number of limits */
2541
2645
  max: number;
2542
- /** Text value used for the label text */
2543
- label: string;
2646
+ /** @deprecated No longer used */
2647
+ label?: string;
2648
+ /** Optional popover content for info icon */
2649
+ popoverContent?: ReactNode;
2544
2650
  };
2545
2651
  /**
2546
2652
  * Uniform Limits Bar Component
2547
- * @example <LimitsBar current="3" max="5" label="signals" />
2653
+ * @example <LimitsBar current={3} max={5} />
2548
2654
  */
2549
- declare const LimitsBar: ({ current, max, label }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
2655
+ declare const LimitsBar: ({ current, max, popoverContent }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
2550
2656
 
2551
2657
  type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
2552
2658
  /** sets the title field */
2553
2659
  title: string;
2554
- /** sets padding value
2555
- * @default 'var(--spacing-md)'
2556
- */
2557
- padding?: string;
2558
2660
  /** (optional) sets react child component */
2559
2661
  children?: React$1.ReactNode;
2560
2662
  };
2561
- declare const LinkList: ({ title, padding, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
2663
+ declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
2562
2664
 
2563
2665
  type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
2564
2666
  /** (optional) sets the label value */
@@ -2668,9 +2770,13 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
2668
2770
  children: React.ReactNode;
2669
2771
  /** sets the background color of the button */
2670
2772
  bgColor?: string;
2773
+ /** sets the variant of the button
2774
+ * @default "ghost"
2775
+ */
2776
+ variant?: 'ghost' | 'outline';
2671
2777
  }
2672
2778
  /** Renders a dropdown menu style menu trigger button */
2673
- declare function DropdownStyleMenuTrigger({ bgColor, children, ...buttonProps }: DropdownStyleMenuTriggerProps): _emotion_react_jsx_runtime.JSX.Element;
2779
+ declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
2674
2780
 
2675
2781
  declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
2676
2782
  type LegacyPlacement = (typeof legacyPlacements)[number];
@@ -2704,6 +2810,11 @@ interface MenuProps extends MenuProps$1 {
2704
2810
  */
2705
2811
  maxMenuHeight?: string;
2706
2812
  portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
2813
+ /** sets the menu size
2814
+ * it's recommended to use the same size for all menu items in a menu
2815
+ * @default 'base'
2816
+ */
2817
+ size?: 'small' | 'base';
2707
2818
  }
2708
2819
  /**
2709
2820
  * Component used for creating clickable menus
@@ -2725,6 +2836,11 @@ type MenuGroupProps = {
2725
2836
  };
2726
2837
  declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
2727
2838
 
2839
+ /**
2840
+ * base - default
2841
+ * red - red text
2842
+ * accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
2843
+ */
2728
2844
  type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
2729
2845
  type MenuItemProps = MenuItemProps$1 & {
2730
2846
  /**
@@ -2734,7 +2850,9 @@ type MenuItemProps = MenuItemProps$1 & {
2734
2850
  children?: ChildFunction | React$1.ReactNode;
2735
2851
  /** (optional) set whether to hide the menu after a click action */
2736
2852
  hideMenuOnClick?: boolean;
2737
- /** (optional) set an icon along side the item text */
2853
+ /** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
2854
+ * @example <MenuItemIcon icon="add-r" />
2855
+ */
2738
2856
  icon?: React$1.ReactElement;
2739
2857
  /** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set. */
2740
2858
  focusable?: boolean;
@@ -2770,8 +2888,9 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
2770
2888
  * Renders an icon for a menu item. Optional micro wrapper around an Icon component
2771
2889
  * configured to match the menu item icon style.
2772
2890
  */
2773
- declare function MenuItemIcon({ icon }: {
2891
+ declare function MenuItemIcon({ icon, size }: {
2774
2892
  icon: IconType;
2893
+ size?: string;
2775
2894
  }): _emotion_react_jsx_runtime.JSX.Element;
2776
2895
  /**
2777
2896
  * Indents a menu item as if it had an icon when it does not
@@ -2780,7 +2899,7 @@ declare function MenuItemIcon({ icon }: {
2780
2899
  */
2781
2900
  declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
2782
2901
 
2783
- declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
2902
+ declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
2784
2903
 
2785
2904
  type MenuButtonProp = {
2786
2905
  children: React.ReactNode;
@@ -2797,6 +2916,7 @@ type MenuThreeDotsProps = {
2797
2916
  * @default '1rem'
2798
2917
  */
2799
2918
  iconSize?: string;
2919
+ disabled?: boolean;
2800
2920
  } & HTMLAttributes<HTMLButtonElement>;
2801
2921
  declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
2802
2922
  /** sets the aria-label and title value on the button
@@ -2807,6 +2927,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
2807
2927
  * @default '1rem'
2808
2928
  */
2809
2929
  iconSize?: string;
2930
+ disabled?: boolean;
2931
+ } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
2932
+ declare const MenuSelect: React$1.ForwardRefExoticComponent<{
2933
+ /** sets the size of the menu select
2934
+ * @default 'base'
2935
+ */
2936
+ size?: "xs" | "sm" | "base" | "md" | "lg";
2937
+ children: React.ReactNode;
2810
2938
  } & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
2811
2939
 
2812
2940
  type SearchableMenuProps = {
@@ -2822,7 +2950,7 @@ type SearchableMenuProps = {
2822
2950
  /**
2823
2951
  * Searchable menu allows searching through its menu items
2824
2952
  */
2825
- declare function SearchableMenu(props: SearchableMenuProps): _emotion_react_jsx_runtime.JSX.Element;
2953
+ declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
2826
2954
 
2827
2955
  interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
2828
2956
  selected: boolean;
@@ -2975,20 +3103,25 @@ type ObjectItemLoadingSkeletonProps = {
2975
3103
  declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
2976
3104
 
2977
3105
  /** @deprecated - Beta Object list item component */
2978
- type ObjectListItemProps = (ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>);
2979
- type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
3106
+ type ObjectListItemProps = {
3107
+ /** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
3108
+ portalElement?: MenuProps['portalElement'];
2980
3109
  cover?: ReactNode;
2981
3110
  dragHandle?: ReactNode;
3111
+ /** Sets the container query width for wrapping container
3112
+ * @default '34rem'
3113
+ */
3114
+ minContainerQueryWidth?: string;
3115
+ } & ((ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>));
3116
+ type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
2982
3117
  renderAs?: 'single';
2983
3118
  };
2984
3119
  type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
2985
- cover?: ReactNode;
2986
- dragHandle?: ReactNode;
2987
3120
  renderAs?: 'multi';
2988
3121
  children?: ReactNode;
2989
3122
  };
2990
3123
  /** @deprecated - beta Object list item component */
2991
- declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
3124
+ declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
2992
3125
 
2993
3126
  /** @deprecated - Beta Object list item container component */
2994
3127
  declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3090,6 +3223,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
3090
3223
  };
3091
3224
  declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
3092
3225
 
3226
+ type BaseParameterActionButtonProps = {
3227
+ children: React__default.ReactNode;
3228
+ disabled?: boolean;
3229
+ /**
3230
+ * The tooltip to display when hovering over the button.
3231
+ * If a string is provided, it will be displayed as a tooltip.
3232
+ * If a React element is provided, it will be displayed as a tooltip.
3233
+ */
3234
+ tooltip?: string | React__default.ReactNode;
3235
+ /**
3236
+ * The component to render the button as.
3237
+ * There maybe a scenario where we want to render the button as a div
3238
+ * @default 'button'
3239
+ */
3240
+ renderAs?: 'button' | 'div';
3241
+ } & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
3242
+ interface OutlineVariant extends BaseParameterActionButtonProps {
3243
+ themeType: 'outline';
3244
+ }
3245
+ interface FilledVariant extends BaseParameterActionButtonProps {
3246
+ themeType: 'filled';
3247
+ /** inverts the border layout of the button
3248
+ * @default false
3249
+ */
3250
+ inverted?: boolean;
3251
+ }
3252
+ type ParameterActionButtonProps = OutlineVariant | FilledVariant;
3253
+ declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
3254
+
3093
3255
  type ParameterDrawerHeaderProps = {
3094
3256
  title: string;
3095
3257
  iconBeforeTitle?: ReactNode;
@@ -3135,8 +3297,16 @@ declare function ParameterImagePreview({ imageSrc }: {
3135
3297
  imageSrc: string;
3136
3298
  }): _emotion_react_jsx_runtime.JSX.Element | null;
3137
3299
 
3138
- type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
3139
- /** @example <ParameterInput label="label value" id="my-input" /> */
3300
+ type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
3301
+ /**
3302
+ * If true, the input will allow mouse wheel scrolling to change the value.
3303
+ * @default false
3304
+ */
3305
+ enableMouseWheel?: boolean;
3306
+ };
3307
+ /** @example <ParameterInput label="label value" id="my-input" />
3308
+ * @example <ParameterInput label="Number input" id="my-number" type="number" enableMouseWheel={false} />
3309
+ */
3140
3310
  declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
3141
3311
  caption?: string;
3142
3312
  menuItems?: React$1.ReactNode;
@@ -3144,8 +3314,16 @@ declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterP
3144
3314
  errorTestId?: string;
3145
3315
  captionTestId?: string;
3146
3316
  title?: string;
3147
- } & React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
3148
- declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
3317
+ } & React$1.InputHTMLAttributes<HTMLInputElement> & {
3318
+ /**
3319
+ * If true, the input will allow mouse wheel scrolling to change the value.
3320
+ * @default false
3321
+ */
3322
+ enableMouseWheel?: boolean;
3323
+ } & React$1.RefAttributes<HTMLInputElement>>;
3324
+ declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
3325
+ enableMouseWheel?: boolean;
3326
+ } & React$1.RefAttributes<HTMLInputElement>>;
3149
3327
 
3150
3328
  type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
3151
3329
  /** sets the value for label and id on the input field */
@@ -3195,6 +3373,9 @@ type ParameterMenuButtonProps = {
3195
3373
  /** sets the legend value */
3196
3374
  label: string;
3197
3375
  children?: ReactNode;
3376
+ disabled?: boolean;
3377
+ /** set to true to render the menu directly in the parent DOM */
3378
+ withoutPortal?: boolean;
3198
3379
  };
3199
3380
  /** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
3200
3381
  declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -3264,6 +3445,84 @@ type ParameterNameAndPublicIdInputProps = {
3264
3445
  /** @example <ParameterNameAndPublicIdInput /> */
3265
3446
  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;
3266
3447
 
3448
+ type SliderOption = {
3449
+ value: string;
3450
+ text: string;
3451
+ };
3452
+ type SliderProps = {
3453
+ value: number;
3454
+ onChange: (value: number) => void;
3455
+ onBlur?: () => void;
3456
+ min?: number;
3457
+ max?: number;
3458
+ step?: number;
3459
+ options?: SliderOption[];
3460
+ showNumberInput?: boolean;
3461
+ disabled?: boolean;
3462
+ 'aria-label'?: string;
3463
+ id?: string;
3464
+ name?: string;
3465
+ };
3466
+ /**
3467
+ * Slider component that supports both numeric values and predefined options
3468
+ * @example
3469
+ * // Numeric mode
3470
+ * <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
3471
+ *
3472
+ * // Options mode
3473
+ * <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
3474
+ */
3475
+ declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
3476
+
3477
+ type TickMark = {
3478
+ position: number;
3479
+ percentage: number;
3480
+ label?: string;
3481
+ isLarge: boolean;
3482
+ };
3483
+ type SliderLabelsProps = {
3484
+ ticks: TickMark[];
3485
+ currentValue: number;
3486
+ containerWidth?: number;
3487
+ };
3488
+ /**
3489
+ * SliderLabels component that intelligently shows/hides labels based on available space
3490
+ */
3491
+ declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
3492
+
3493
+ type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
3494
+ /**
3495
+ * The current numeric value of the slider
3496
+ */
3497
+ value: number;
3498
+ /**
3499
+ * Callback when the value changes
3500
+ */
3501
+ onChange: (value: number) => void;
3502
+ };
3503
+ /**
3504
+ * Parameter wrapper for numeric sliders
3505
+ * @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
3506
+ */
3507
+ declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
3508
+ caption?: string;
3509
+ menuItems?: React$1.ReactNode;
3510
+ actionItems?: React.ReactNode;
3511
+ errorTestId?: string;
3512
+ captionTestId?: string;
3513
+ title?: string;
3514
+ } & Omit<SliderProps, "id" | "aria-label" | "options"> & {
3515
+ /**
3516
+ * The current numeric value of the slider
3517
+ */
3518
+ value: number;
3519
+ /**
3520
+ * Callback when the value changes
3521
+ */
3522
+ onChange: (value: number) => void;
3523
+ } & React$1.RefAttributes<HTMLInputElement>>;
3524
+ declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
3525
+
3267
3526
  type LinkNodeProps = NonNullable<LinkParamValue>;
3268
3527
  type SerializedLinkNode = Spread<{
3269
3528
  link: LinkNodeProps;
@@ -3372,16 +3631,17 @@ type RichTextProps = {
3372
3631
  } | null>;
3373
3632
  /** Assets */
3374
3633
  onInsertAsset?: () => void;
3634
+ placeholder?: string;
3375
3635
  };
3376
3636
  type RichTextParamValue = SerializedEditorState | undefined | null;
3377
- type ParameterRichTextInnerProps = RichTextProps & {
3378
- value: RichTextParamValue;
3637
+ type ParameterRichTextInnerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & RichTextProps & {
3638
+ value: RichTextParamValue | ((editor: LexicalEditor) => void);
3379
3639
  editorWrapperClassName?: string;
3380
3640
  editorFooter?: React.ReactNode;
3381
3641
  };
3382
3642
  type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
3383
- 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, onInsertAsset, minimalInteractivity, }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
3384
- declare const ParameterRichTextInner: ({ value, onChange, onConnectLink, config, onRichTextInit, readOnly, editorWrapperClassName, editorInputClassName, editorInputWrapperClassName, editorFooter, children, customNodes, variables, customControls, onInsertTable, onInsertAsset, minimalInteractivity, }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
3643
+ declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, children, ...innerProps }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
3644
+ declare const ParameterRichTextInner: ({ value, editorFooter, children, customNodes, editorWrapperClassName, ...richTextProps }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
3385
3645
 
3386
3646
  type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
3387
3647
  /** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
@@ -3396,6 +3656,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
3396
3656
  /** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
3397
3657
  declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
3398
3658
 
3659
+ type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
3660
+ /**
3661
+ * The available options for the slider
3662
+ */
3663
+ options: SliderOption[];
3664
+ /**
3665
+ * The current selected value (option value string)
3666
+ */
3667
+ value: string;
3668
+ /**
3669
+ * Callback when the selection changes (receives option value string)
3670
+ */
3671
+ onChange: (value: string) => void;
3672
+ };
3673
+ /**
3674
+ * Parameter wrapper for option-based sliders
3675
+ * @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
3676
+ */
3677
+ declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
3678
+ caption?: string;
3679
+ menuItems?: React$1.ReactNode;
3680
+ actionItems?: React.ReactNode;
3681
+ errorTestId?: string;
3682
+ captionTestId?: string;
3683
+ title?: string;
3684
+ } & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
3685
+ /**
3686
+ * The available options for the slider
3687
+ */
3688
+ options: SliderOption[];
3689
+ /**
3690
+ * The current selected value (option value string)
3691
+ */
3692
+ value: string;
3693
+ /**
3694
+ * Callback when the selection changes (receives option value string)
3695
+ */
3696
+ onChange: (value: string) => void;
3697
+ } & React$1.RefAttributes<HTMLInputElement>>;
3698
+ declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
3699
+
3399
3700
  /** A function that extracts all common props and element props
3400
3701
  * @example const { shellProps, innerProps } = extractParameterProps(props) */
3401
3702
  declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
@@ -3437,12 +3738,15 @@ type ParameterShellOverrideProps = {
3437
3738
  */
3438
3739
  isParameterGroup?: boolean;
3439
3740
  };
3440
- type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps;
3741
+ type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps & {
3742
+ /** set to true to render the menu directly in the parent DOM */
3743
+ menuWithoutPortal?: boolean;
3744
+ };
3441
3745
  /**
3442
3746
  * Uniform Parameter shell component
3443
3747
  * @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
3444
3748
  */
3445
- 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;
3749
+ declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, menuWithoutPortal, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
3446
3750
  declare const ParameterShellPlaceholder: ({ children }: {
3447
3751
  children?: ReactNode;
3448
3752
  }) => _emotion_react_jsx_runtime.JSX.Element;
@@ -3461,21 +3765,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
3461
3765
  /** @example <ParameterTextareaInner /> */
3462
3766
  declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
3463
3767
 
3464
- type ParameterToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & CommonParameterInputProps & {
3768
+ type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
3465
3769
  type: 'checkbox' | 'radio';
3770
+ withoutIndeterminateState?: boolean;
3466
3771
  };
3772
+ type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
3467
3773
  /** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
3468
- declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & CommonParameterProps & {
3774
+ declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
3469
3775
  caption?: string;
3470
3776
  menuItems?: React$1.ReactNode;
3471
3777
  actionItems?: React.ReactNode;
3472
3778
  errorTestId?: string;
3473
3779
  captionTestId?: string;
3474
3780
  title?: string;
3475
- } & {
3781
+ } & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
3476
3782
  type: "checkbox" | "radio";
3783
+ withoutIndeterminateState?: boolean;
3784
+ } & React$1.RefAttributes<HTMLInputElement>>;
3785
+ declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
3786
+ type: "checkbox" | "radio";
3787
+ withoutIndeterminateState?: boolean;
3477
3788
  } & React$1.RefAttributes<HTMLInputElement>>;
3478
- declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
3479
3789
 
3480
3790
  type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
3481
3791
  /** sets the aria-controls and id value of the matching popover set */
@@ -3508,11 +3818,15 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
3508
3818
  }) => void;
3509
3819
  /**
3510
3820
  * Valid CSS unit to set the maximum popover width
3511
- * @default '220px'
3821
+ * @default '14rem'
3512
3822
  */
3513
3823
  maxWidth?: string;
3824
+ /** sets the variant to show
3825
+ * @default 'small'
3826
+ */
3827
+ variant?: 'large' | 'small';
3514
3828
  };
3515
- declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
3829
+ declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
3516
3830
  /**
3517
3831
  * Hook to get the current popover context
3518
3832
  * @description This hook is used to get the current popover context
@@ -3637,13 +3951,18 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
3637
3951
  /** sets the label value */
3638
3952
  label: ReactNode;
3639
3953
  /** (optional) sets information text */
3640
- infoText?: string;
3954
+ infoText?: string | ReactNode;
3641
3955
  /** sets the toggle text value */
3642
3956
  toggleText?: string;
3643
3957
  /** sets child elements */
3644
3958
  children?: ReactNode;
3645
3959
  /** the size of the control */
3646
3960
  switchSize?: 'base' | 'sm';
3961
+ /**
3962
+ * sets the switch positioning
3963
+ * @default "left"
3964
+ */
3965
+ alignment?: 'left' | 'right';
3647
3966
  };
3648
3967
  /**
3649
3968
  * Uniform Switch Input Component
@@ -3654,15 +3973,25 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
3654
3973
  /** sets the label value */
3655
3974
  label: ReactNode;
3656
3975
  /** (optional) sets information text */
3657
- infoText?: string;
3976
+ infoText?: string | ReactNode;
3658
3977
  /** sets the toggle text value */
3659
3978
  toggleText?: string;
3660
3979
  /** sets child elements */
3661
3980
  children?: ReactNode;
3662
3981
  /** the size of the control */
3663
3982
  switchSize?: "base" | "sm";
3983
+ /**
3984
+ * sets the switch positioning
3985
+ * @default "left"
3986
+ */
3987
+ alignment?: "left" | "right";
3664
3988
  } & React$1.RefAttributes<HTMLInputElement>>;
3665
3989
 
3990
+ /** @deprecated - Beta Responsive table container component */
3991
+ declare const ResponsiveTableContainer: ({ children }: {
3992
+ children: ReactNode;
3993
+ }) => _emotion_react_jsx_runtime.JSX.Element;
3994
+
3666
3995
  type TableProps = {
3667
3996
  /** The CSS padding of the table cells (includes the head cells as well).
3668
3997
  * @default 'var(--spacing-base) var(--spacing-md)'
@@ -3829,70 +4158,6 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
3829
4158
  };
3830
4159
  declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
3831
4160
 
3832
- type ClassNameOptions = 'logo' | 'author';
3833
- type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
3834
- /** sets the emotion styles for the rendered image
3835
- * @default 'logo'
3836
- */
3837
- styleType?: ClassNameOptions;
3838
- };
3839
- /** Uniform Resolve Icon Component
3840
- * @example <ResolveIcon icon="/my-image.png" name="my image" />
3841
- */
3842
- declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
3843
-
3844
- type TileProps = {
3845
- children: ReactNode;
3846
- disabled?: boolean;
3847
- isSelected?: boolean;
3848
- } & HtmlHTMLAttributes<HTMLButtonElement>;
3849
- declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
3850
-
3851
- type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
3852
- /** sets the background colour of the outter container
3853
- * @default 'var(--brand-secondary-2)'
3854
- */
3855
- bgColor?: string;
3856
- /** sets the padding of the outter container
3857
- * @default 'base'
3858
- */
3859
- containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
3860
- /** sets the grid-template-columns css property
3861
- * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
3862
- */
3863
- gridTemplateColumns?: string;
3864
- /** sets the spacing between grid elements
3865
- * @default 'base'
3866
- */
3867
- gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
3868
- /** sets react child elements */
3869
- children: React$1.ReactNode;
3870
- };
3871
- /**
3872
- * Uniform Tile Container Component
3873
- * @example <TileContainer><div>child content</div></TileContainer>
3874
- */
3875
- declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
3876
-
3877
- type TileTitleProps = {
3878
- as?: 'heading' | 'description';
3879
- children: ReactNode;
3880
- } & HTMLAttributes<HTMLSpanElement>;
3881
- declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
3882
-
3883
- type ToastContainerProps = {
3884
- limit?: number;
3885
- /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
3886
- * @default 'normal'
3887
- */
3888
- autoCloseDelay?: 'normal' | 'medium' | 'long';
3889
- };
3890
- /**
3891
- * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
3892
- * @example <App><ToastContainer autoCloseDelay="normal" /></App>
3893
- */
3894
- declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
3895
-
3896
4161
  /** Available heading weights e.g. 1 - 6 */
3897
4162
  type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
3898
4163
  type HeadingProps = {
@@ -3992,6 +4257,99 @@ type ParagraphProps = {
3992
4257
  */
3993
4258
  declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
3994
4259
 
4260
+ type LinkOrientation = {
4261
+ /**
4262
+ * The orientation of the tile icon and content
4263
+ * @default 'vertical'
4264
+ */
4265
+ orientation?: 'horizontal' | 'vertical';
4266
+ };
4267
+ type LinkTileProps = {
4268
+ children: ReactNode;
4269
+ } & React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkOrientation;
4270
+ type LinkTileWithRefProps = {
4271
+ children: ReactNode;
4272
+ linkManagerComponent: LinkManagerWithRefType;
4273
+ as?: string;
4274
+ href: string;
4275
+ passHref: true;
4276
+ legacyBehavior?: boolean;
4277
+ } & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
4278
+ declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
4279
+
4280
+ type ClassNameOptions = 'logo' | 'author';
4281
+ type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
4282
+ /** sets the emotion styles for the rendered image
4283
+ * @default 'logo'
4284
+ */
4285
+ styleType?: ClassNameOptions;
4286
+ };
4287
+ /** Uniform Resolve Icon Component
4288
+ * @example <ResolveIcon icon="/my-image.png" name="my image" />
4289
+ */
4290
+ declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
4291
+
4292
+ type TileProps = {
4293
+ children: ReactNode;
4294
+ disabled?: boolean;
4295
+ isSelected?: boolean;
4296
+ /**
4297
+ * The orientation of the tile icon and content
4298
+ * @default 'vertical'
4299
+ */
4300
+ orientation?: 'horizontal' | 'vertical';
4301
+ } & HtmlHTMLAttributes<HTMLButtonElement>;
4302
+ declare const Tile: ({ children, disabled, isSelected, orientation, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
4303
+
4304
+ type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
4305
+ /** sets the background colour of the outter container
4306
+ * @default 'var(--brand-secondary-2)'
4307
+ */
4308
+ bgColor?: string;
4309
+ /** sets the padding of the outter container
4310
+ * @default 'base'
4311
+ */
4312
+ containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
4313
+ /** sets the grid-template-columns css property
4314
+ * @default 'repeat(auto-fill, minmax(13rem, 1fr))'
4315
+ */
4316
+ gridTemplateColumns?: string;
4317
+ /** sets the spacing between grid elements
4318
+ * @default 'base'
4319
+ */
4320
+ gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
4321
+ /** sets react child elements */
4322
+ children: React$1.ReactNode;
4323
+ /** sets whether to group the tiles in a container without a contour or not
4324
+ * @default false
4325
+ */
4326
+ withoutGrouping?: boolean;
4327
+ };
4328
+ /**
4329
+ * Uniform Tile Container Component
4330
+ * @example <TileContainer><div>child content</div></TileContainer>
4331
+ */
4332
+ declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, withoutGrouping, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
4333
+
4334
+ type TileTitleProps = {
4335
+ as?: 'heading' | 'description';
4336
+ children: ReactNode;
4337
+ } & HTMLAttributes<HTMLSpanElement>;
4338
+ declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
4339
+
4340
+ type ToastContainerProps = {
4341
+ limit?: number;
4342
+ /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
4343
+ * @default 'normal'
4344
+ */
4345
+ autoCloseDelay?: 'normal' | 'medium' | 'long';
4346
+ };
4347
+ /**
4348
+ * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
4349
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
4350
+ */
4351
+ declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
4352
+
3995
4353
  type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
3996
4354
  type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
3997
4355
  /** sets the current status */
@@ -4013,4 +4371,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
4013
4371
  };
4014
4372
  declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
4015
4373
 
4016
- export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, 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, 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, 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 LabelLeadingIconProps, 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, 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, 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, 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, type ShortcutReference, Skeleton, type SkeletonProps, Spinner, 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, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
4374
+ declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
4375
+
4376
+ export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, 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, 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, FlexiCard, FlexiCardTitle, 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, 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 LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, 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, ParameterActionButton, type ParameterActionButtonProps, 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, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, 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, ResponsiveTableContainer, 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, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, 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, type TickMark, 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, actionBarVisibilityStyles, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };