@uniformdev/design-system 20.63.0 → 20.63.1-alpha.12

package/dist/esm/index.js

@@ -657,7 +657,7 @@ var breakpoints = {
   "2xl": 1536
 };
 var useBreakpoint = createBreakpoint(breakpoints);
-var mq = (size) => `@media (min-width: ${breakpoints[size]}px)`;
+var mq = (size, bound = "min") => `@media (${bound}-width: ${breakpoints[size]}px)`;
 var supports = (cssProp) => `@supports (${cssProp})`;
 var cq = (size) => `@container (min-width: ${size})`;
 var prefersReducedMotion = (cssProp) => `@media (prefers-reduced-motion: ${cssProp})`;
@@ -2204,7 +2204,7 @@ from {
   transform: translateX(100%);
 }
 to {
-  transform: translateY(0);
+  transform: translateX(0);
 }
 `;
 var spin = keyframes`
@@ -3720,11 +3720,19 @@ import { CgProfile } from "@react-icons/all-files/cg/CgProfile";
 
 // src/components/Avatar/Avatar.styles.ts
 import { css as css19 } from "@emotion/react";
+var AVATAR_SIZE_2XS = "1rem";
+var AVATAR_SIZE_XS = "1.5rem";
+var AVATAR_SIZE_SM = "2rem";
+var AVATAR_SIZE_MD = "2.5rem";
+var AVATAR_SIZE_LG = "3rem";
+var AVATAR_SIZE_XL = "4rem";
+var AVATAR_SIZE_2XL = "5rem";
+var AVATAR_SIZE_3XL = "6rem";
 var avatarStyles = css19`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 2.5rem;
+  width: ${AVATAR_SIZE_MD};
   aspect-ratio: 1;
   border-radius: var(--rounded-full);
   border: 1px solid var(--gray-300);
@@ -3740,25 +3748,28 @@ var avatarImageStyles = css19`
   object-fit: cover;
 `;
 var avatarSize2xsStyles = css19`
-  width: 1rem;
+  width: ${AVATAR_SIZE_2XS};
 `;
 var avatarSizeXsStyles = css19`
-  width: 1.5rem;
+  width: ${AVATAR_SIZE_XS};
 `;
 var avatarSizeSmStyles = css19`
-  width: 2rem;
+  width: ${AVATAR_SIZE_SM};
 `;
 var avatarSizeMdStyles = css19`
-  width: 2.5rem;
+  width: ${AVATAR_SIZE_MD};
 `;
 var avatarSizeLgStyles = css19`
-  width: 3rem;
+  width: ${AVATAR_SIZE_LG};
 `;
 var avatarSizeXlStyles = css19`
-  width: 4rem;
+  width: ${AVATAR_SIZE_XL};
 `;
 var avatarSize2xlStyles = css19`
-  width: 5rem;
+  width: ${AVATAR_SIZE_2XL};
+`;
+var avatarSize3xlStyles = css19`
+  width: ${AVATAR_SIZE_3XL};
 `;
 
 // src/components/Avatar/Avatar.tsx
@@ -3770,7 +3781,8 @@ var avatarSizeStylesMap = {
   md: avatarSizeMdStyles,
   lg: avatarSizeLgStyles,
   xl: avatarSizeXlStyles,
-  "2xl": avatarSize2xlStyles
+  "2xl": avatarSize2xlStyles,
+  "3xl": avatarSize3xlStyles
 };
 var Avatar = ({
   src,
@@ -7670,8 +7682,12 @@ var ChipThemeNeutralLight = css48`
   background: var(--gray-100);
   color: var(--typography-base);
   :where([role='button']) {
-    &:active,
+    &:hover,
     &:focus {
+      background: var(--gray-200);
+    }
+
+    &:active {
       background: var(--gray-400);
     }
   }
@@ -7826,7 +7842,7 @@ import { forwardRef as forwardRef17 } from "react";
 // src/components/Chip/FilterChip.styles.ts
 import { css as css49 } from "@emotion/react";
 var paddingSize = {
-  xs: "var(--spacing-2xs) var(--spacing-base)",
+  xs: "var(--spacing-2xs) var(--spacing-xs)",
   sm: "var(--spacing-xs) var(--spacing-base)",
   md: "var(--spacing-sm) var(--spacing-base)",
   lg: "var(--spacing-sm) var(--spacing-md)"
@@ -8018,8 +8034,8 @@ var counterContainer = (bgColor, hasIcon) => css51`
   display: inline-flex;
   font-weight: var(--fw-regular);
   justify-content: center;
-  padding: ${hasIcon ? "0 var(--spacing-sm)" : "var(--spacing-sm)"};
-  width: ${hasIcon ? "auto" : "var(--spacing-base)"};
+  padding: ${hasIcon ? "0 var(--spacing-sm)" : "0 var(--spacing-sm)"};
+  min-width: ${hasIcon ? "auto" : "var(--spacing-base)"};
   height: ${hasIcon ? "auto" : "var(--spacing-base)"};
   cursor: default;
 `;
@@ -10656,7 +10672,8 @@ var KeyValueInput = ({
   errors,
   onFocusChange,
   showIconColumn = false,
-  renderIconSelector
+  renderIconSelector,
+  independentKeyValue = false
 }) => {
   const [isDragging, setIsDragging] = useState16(false);
   const [indexToFocus, setIndexToFocus] = useState16(null);
@@ -10737,7 +10754,10 @@ var KeyValueInput = ({
           newItems.push({ key, value: val });
         } else {
           const trimmedLine = line.trim();
-          newItems.push({ key: trimmedLine, value: trimmedLine });
+          newItems.push({
+            key: trimmedLine,
+            value: independentKeyValue ? "" : trimmedLine
+          });
         }
       });
       const newValue = [...value];
@@ -10745,7 +10765,7 @@ var KeyValueInput = ({
       onChange(newValue);
       setIndexToFocus(rowIndex + newItems.length - 1);
     },
-    [onChange, value]
+    [onChange, value, independentKeyValue]
   );
   const handleDragEnd = useCallback8(
     (e) => {
@@ -10875,7 +10895,8 @@ var KeyValueInput = ({
               const newSet = new Set(current);
               newSet.add(value2);
               return newSet;
-            })
+            }),
+            independentKeyValue
           },
           isDragging ? id : index
         )) })
@@ -10911,7 +10932,8 @@ var KeyValueInputItem = ({
   showIconColumn = false,
   renderIconSelector,
   blockAutoGenerateValue,
-  onBlurValue
+  onBlurValue,
+  independentKeyValue
 }) => {
   const { attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, isSorting } = useSortable({
     id,
@@ -10974,7 +10996,7 @@ var KeyValueInputItem = ({
               showLabel: false,
               disabled: disabled2,
               onChange: (e) => {
-                const hasStoredValue = value.value !== value.key || blockAutoGenerateValue;
+                const hasStoredValue = independentKeyValue || value.value !== value.key || blockAutoGenerateValue;
                 onChange == null ? void 0 : onChange({
                   key: e.currentTarget.value,
                   value: hasStoredValue ? value.value : e.currentTarget.value,
@@ -20217,6 +20239,14 @@ var StatusBullet = ({
   return /* @__PURE__ */ jsx162(Tooltip, { title: message != null ? message : status, children: /* @__PURE__ */ jsx162("div", { children: /* @__PURE__ */ jsx162(StatusComponent, {}) }) });
 };
 export {
+  AVATAR_SIZE_2XL,
+  AVATAR_SIZE_2XS,
+  AVATAR_SIZE_3XL,
+  AVATAR_SIZE_LG,
+  AVATAR_SIZE_MD,
+  AVATAR_SIZE_SM,
+  AVATAR_SIZE_XL,
+  AVATAR_SIZE_XS,
   AddButton,
   AddListButton,
   AsideAndSectionLayout,
@@ -20421,6 +20451,16 @@ export {
   accessibleHidden,
   actionBarVisibilityStyles,
   addPathSegmentToPathname,
+  avatarImageStyles,
+  avatarSize2xlStyles,
+  avatarSize2xsStyles,
+  avatarSize3xlStyles,
+  avatarSizeLgStyles,
+  avatarSizeMdStyles,
+  avatarSizeSmStyles,
+  avatarSizeXlStyles,
+  avatarSizeXsStyles,
+  avatarStyles,
   borderTopIcon,
   breakpoints,
   button,

package/dist/index.d.mts

@@ -16,11 +16,11 @@ import { JsonSchema7Type } from 'zod-to-json-schema';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
 export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
-import { Spread, SerializedElementNode, ElementNode, NodeKey, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
+import { ElementNode, NodeKey, Spread, SerializedElementNode, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
+export { Id as ToastId, toast } from 'react-toastify';
 import * as _uniformdev_richtext from '@uniformdev/richtext';
 import { RichTextBuiltInElement } from '@uniformdev/richtext';
 export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
-export { Id as ToastId, toast } from 'react-toastify';
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 type ThemeProps = {
@@ -55,10 +55,12 @@ declare const useBreakpoint: () => BreakpointSize;
  * Media Query Helper Function
  * @function
  * @param {string} size - The responsive breakpoint value
- * @returns {string} - compiled media query e.g. (min-width: 640px)
+ * @param {'min' | 'max'} [bound='min'] - Whether to use min-width or max-width
+ * @returns {string} - compiled media query e.g. @media (min-width: 640px)
  * @example `${mq('md')} { background: red; }`
+ * @example `${mq('lg', 'max')} { overflow: hidden; }`
  */
-declare const mq: (size: BreakpointSize) => string;
+declare const mq: (size: BreakpointSize, bound?: "min" | "max") => string;
 /**
  * Media Query Helper Function
  * @function
@@ -342,7 +344,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
  */
 declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type AvatarProps = {
     /**
      * The src of the avatar.
@@ -367,6 +369,27 @@ type AvatarProps = {
  */
 declare const Avatar: ({ src, label, children, size, as, labelWithoutPortal, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Canonical width tokens for each `Avatar` `size` (single source of truth for rem values). */
+declare const AVATAR_SIZE_2XS = "1rem";
+declare const AVATAR_SIZE_XS = "1.5rem";
+declare const AVATAR_SIZE_SM = "2rem";
+declare const AVATAR_SIZE_MD = "2.5rem";
+declare const AVATAR_SIZE_LG = "3rem";
+declare const AVATAR_SIZE_XL = "4rem";
+declare const AVATAR_SIZE_2XL = "5rem";
+/** Largest step (6rem ≈ 96px when root font size is 16px). */
+declare const AVATAR_SIZE_3XL = "6rem";
+declare const avatarStyles: _emotion_react.SerializedStyles;
+declare const avatarImageStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeSmStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeMdStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeLgStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize3xlStyles: _emotion_react.SerializedStyles;
+
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The maximum number of avatars to show. This must be 2 or more.
@@ -2763,6 +2786,14 @@ type KeyValueInputProps<TValue extends string = string> = {
         onChange: (icon: string) => void;
         disabled?: boolean;
     }) => ReactNode;
+    /**
+     * When true, keys and values are treated as fully independent: typing a key
+     * does not autofill the value, and multi-line paste lines without a comma
+     * are imported as keys with empty values rather than mirroring key into value.
+     * Use for inputs where the value has no logical relation to the key
+     * (e.g. HTTP header name/value pairs).
+     */
+    independentKeyValue?: boolean;
 };
 /**
  * A component to render a sortable key-value input
@@ -2771,7 +2802,7 @@ type KeyValueInputProps<TValue extends string = string> = {
  * return <KeyValueInput value={value} onChange={setValue} />
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-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;
+declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, independentKeyValue, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface DropdownStyleMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
@@ -5438,4 +5469,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
 
 declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
 
-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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, ModalPortalContext, 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, ObjectListSubText, 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, ParameterLabels, ParameterLabelsInner, 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, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, StackedModal, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, swatchColors, swatchVariant, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, ModalPortalContext, 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, ObjectListSubText, 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, ParameterLabels, ParameterLabelsInner, 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, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, StackedModal, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, swatchColors, swatchVariant, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };

package/dist/index.d.ts

@@ -16,11 +16,11 @@ import { JsonSchema7Type } from 'zod-to-json-schema';
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
 export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
-import { Spread, SerializedElementNode, ElementNode, NodeKey, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
+import { ElementNode, NodeKey, Spread, SerializedElementNode, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
+export { Id as ToastId, toast } from 'react-toastify';
 import * as _uniformdev_richtext from '@uniformdev/richtext';
 import { RichTextBuiltInElement } from '@uniformdev/richtext';
 export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
-export { Id as ToastId, toast } from 'react-toastify';
 
 /** @todo: line 144 onwards will be brought into a title, paragraph, list and link components */
 type ThemeProps = {
@@ -55,10 +55,12 @@ declare const useBreakpoint: () => BreakpointSize;
  * Media Query Helper Function
  * @function
  * @param {string} size - The responsive breakpoint value
- * @returns {string} - compiled media query e.g. (min-width: 640px)
+ * @param {'min' | 'max'} [bound='min'] - Whether to use min-width or max-width
+ * @returns {string} - compiled media query e.g. @media (min-width: 640px)
  * @example `${mq('md')} { background: red; }`
+ * @example `${mq('lg', 'max')} { overflow: hidden; }`
  */
-declare const mq: (size: BreakpointSize) => string;
+declare const mq: (size: BreakpointSize, bound?: "min" | "max") => string;
 /**
  * Media Query Helper Function
  * @function
@@ -342,7 +344,7 @@ type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
  */
 declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, variant, theme, ...buttonProps }: AddListButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type AvatarSizeProp = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 type AvatarProps = {
     /**
      * The src of the avatar.
@@ -367,6 +369,27 @@ type AvatarProps = {
  */
 declare const Avatar: ({ src, label, children, size, as, labelWithoutPortal, ...props }: AvatarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/** Canonical width tokens for each `Avatar` `size` (single source of truth for rem values). */
+declare const AVATAR_SIZE_2XS = "1rem";
+declare const AVATAR_SIZE_XS = "1.5rem";
+declare const AVATAR_SIZE_SM = "2rem";
+declare const AVATAR_SIZE_MD = "2.5rem";
+declare const AVATAR_SIZE_LG = "3rem";
+declare const AVATAR_SIZE_XL = "4rem";
+declare const AVATAR_SIZE_2XL = "5rem";
+/** Largest step (6rem ≈ 96px when root font size is 16px). */
+declare const AVATAR_SIZE_3XL = "6rem";
+declare const avatarStyles: _emotion_react.SerializedStyles;
+declare const avatarImageStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXsStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeSmStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeMdStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeLgStyles: _emotion_react.SerializedStyles;
+declare const avatarSizeXlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize2xlStyles: _emotion_react.SerializedStyles;
+declare const avatarSize3xlStyles: _emotion_react.SerializedStyles;
+
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The maximum number of avatars to show. This must be 2 or more.
@@ -2763,6 +2786,14 @@ type KeyValueInputProps<TValue extends string = string> = {
         onChange: (icon: string) => void;
         disabled?: boolean;
     }) => ReactNode;
+    /**
+     * When true, keys and values are treated as fully independent: typing a key
+     * does not autofill the value, and multi-line paste lines without a comma
+     * are imported as keys with empty values rather than mirroring key into value.
+     * Use for inputs where the value has no logical relation to the key
+     * (e.g. HTTP header name/value pairs).
+     */
+    independentKeyValue?: boolean;
 };
 /**
  * A component to render a sortable key-value input
@@ -2771,7 +2802,7 @@ type KeyValueInputProps<TValue extends string = string> = {
  * return <KeyValueInput value={value} onChange={setValue} />
  * @deprecated This component is in beta, name and props are subject to change without a major version
  */
-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;
+declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, independentKeyValue, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface DropdownStyleMenuTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
@@ -5438,4 +5469,4 @@ declare const StatusBullet: ({ status, hideText, size, message, compact, ...prop
 
 declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
 
-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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, ModalPortalContext, 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, ObjectListSubText, 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, ParameterLabels, ParameterLabelsInner, 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, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, StackedModal, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, swatchColors, swatchVariant, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
+export { AVATAR_SIZE_2XL, AVATAR_SIZE_2XS, AVATAR_SIZE_3XL, AVATAR_SIZE_LG, AVATAR_SIZE_MD, AVATAR_SIZE_SM, AVATAR_SIZE_XL, AVATAR_SIZE_XS, 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, type ButtonSoftThemeProps, type ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarCellCss, type CalendarProps, type CalendarStyles, 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, FilterChip, FlexiCard, FlexiCardTitle, type GroupedOption, 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 LabelOption, type LabelProps, LabelsQuickFilter, type LabelsQuickFilterItem, type LabelsQuickFilterProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, LinkButton, type LinkButtonProps, 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, ModalPortalContext, 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, ObjectListSubText, 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, ParameterLabels, ParameterLabelsInner, 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, PopoverBody, type PopoverBodyProps, type PopoverProps, type PopoverStore, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, QuickFilter, type QuickFilterSelectedItem, 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, StackedModal, type StackedModalProps, StackedModalStep, type StackedModalStepProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, type StepTransitionState, SuccessMessage, type SuccessMessageProps, Swatch, SwatchComboBox, SwatchComboBoxLabelStyles, SwatchLabel, type SwatchLabelProps, SwatchLabelRemoveButton, SwatchLabelTooltip, type SwatchProps, type SwatchSize, type SwatchVariant, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonGroupProps, 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, avatarImageStyles, avatarSize2xlStyles, avatarSize2xsStyles, avatarSize3xlStyles, avatarSizeLgStyles, avatarSizeMdStyles, avatarSizeSmStyles, avatarSizeXlStyles, avatarSizeXsStyles, avatarStyles, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonDisabled, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, chatIcon, 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, swatchColors, swatchVariant, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useImageLoadFallback, useIsSubmenuTriggerMode, useModalPortalContainer, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, useStackedModal, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };

package/dist/index.js

@@ -1360,6 +1360,14 @@ var init_importedIcons = __esm({
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AVATAR_SIZE_2XL: () => AVATAR_SIZE_2XL,
+  AVATAR_SIZE_2XS: () => AVATAR_SIZE_2XS,
+  AVATAR_SIZE_3XL: () => AVATAR_SIZE_3XL,
+  AVATAR_SIZE_LG: () => AVATAR_SIZE_LG,
+  AVATAR_SIZE_MD: () => AVATAR_SIZE_MD,
+  AVATAR_SIZE_SM: () => AVATAR_SIZE_SM,
+  AVATAR_SIZE_XL: () => AVATAR_SIZE_XL,
+  AVATAR_SIZE_XS: () => AVATAR_SIZE_XS,
   AddButton: () => AddButton,
   AddListButton: () => AddListButton,
   AsideAndSectionLayout: () => AsideAndSectionLayout,
@@ -1564,6 +1572,16 @@ __export(src_exports, {
   accessibleHidden: () => accessibleHidden,
   actionBarVisibilityStyles: () => actionBarVisibilityStyles,
   addPathSegmentToPathname: () => addPathSegmentToPathname,
+  avatarImageStyles: () => avatarImageStyles,
+  avatarSize2xlStyles: () => avatarSize2xlStyles,
+  avatarSize2xsStyles: () => avatarSize2xsStyles,
+  avatarSize3xlStyles: () => avatarSize3xlStyles,
+  avatarSizeLgStyles: () => avatarSizeLgStyles,
+  avatarSizeMdStyles: () => avatarSizeMdStyles,
+  avatarSizeSmStyles: () => avatarSizeSmStyles,
+  avatarSizeXlStyles: () => avatarSizeXlStyles,
+  avatarSizeXsStyles: () => avatarSizeXsStyles,
+  avatarStyles: () => avatarStyles,
   borderTopIcon: () => borderTopIcon,
   breakpoints: () => breakpoints,
   button: () => button,
@@ -2354,7 +2372,7 @@ var breakpoints = {
   "2xl": 1536
 };
 var useBreakpoint = (0, import_react_use.createBreakpoint)(breakpoints);
-var mq = (size) => `@media (min-width: ${breakpoints[size]}px)`;
+var mq = (size, bound = "min") => `@media (${bound}-width: ${breakpoints[size]}px)`;
 var supports = (cssProp) => `@supports (${cssProp})`;
 var cq = (size) => `@container (min-width: ${size})`;
 var prefersReducedMotion = (cssProp) => `@media (prefers-reduced-motion: ${cssProp})`;
@@ -3945,7 +3963,7 @@ from {
   transform: translateX(100%);
 }
 to {
-  transform: translateY(0);
+  transform: translateX(0);
 }
 `;
 var spin = import_react21.keyframes`
@@ -5474,11 +5492,19 @@ var import_CgProfile2 = require("@react-icons/all-files/cg/CgProfile");
 // src/components/Avatar/Avatar.styles.ts
 init_emotion_jsx_shim();
 var import_react27 = require("@emotion/react");
+var AVATAR_SIZE_2XS = "1rem";
+var AVATAR_SIZE_XS = "1.5rem";
+var AVATAR_SIZE_SM = "2rem";
+var AVATAR_SIZE_MD = "2.5rem";
+var AVATAR_SIZE_LG = "3rem";
+var AVATAR_SIZE_XL = "4rem";
+var AVATAR_SIZE_2XL = "5rem";
+var AVATAR_SIZE_3XL = "6rem";
 var avatarStyles = import_react27.css`
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 2.5rem;
+  width: ${AVATAR_SIZE_MD};
   aspect-ratio: 1;
   border-radius: var(--rounded-full);
   border: 1px solid var(--gray-300);
@@ -5494,25 +5520,28 @@ var avatarImageStyles = import_react27.css`
   object-fit: cover;
 `;
 var avatarSize2xsStyles = import_react27.css`
-  width: 1rem;
+  width: ${AVATAR_SIZE_2XS};
 `;
 var avatarSizeXsStyles = import_react27.css`
-  width: 1.5rem;
+  width: ${AVATAR_SIZE_XS};
 `;
 var avatarSizeSmStyles = import_react27.css`
-  width: 2rem;
+  width: ${AVATAR_SIZE_SM};
 `;
 var avatarSizeMdStyles = import_react27.css`
-  width: 2.5rem;
+  width: ${AVATAR_SIZE_MD};
 `;
 var avatarSizeLgStyles = import_react27.css`
-  width: 3rem;
+  width: ${AVATAR_SIZE_LG};
 `;
 var avatarSizeXlStyles = import_react27.css`
-  width: 4rem;
+  width: ${AVATAR_SIZE_XL};
 `;
 var avatarSize2xlStyles = import_react27.css`
-  width: 5rem;
+  width: ${AVATAR_SIZE_2XL};
+`;
+var avatarSize3xlStyles = import_react27.css`
+  width: ${AVATAR_SIZE_3XL};
 `;
 
 // src/components/Avatar/Avatar.tsx
@@ -5524,7 +5553,8 @@ var avatarSizeStylesMap = {
   md: avatarSizeMdStyles,
   lg: avatarSizeLgStyles,
   xl: avatarSizeXlStyles,
-  "2xl": avatarSize2xlStyles
+  "2xl": avatarSize2xlStyles,
+  "3xl": avatarSize3xlStyles
 };
 var Avatar = ({
   src,
@@ -9506,8 +9536,12 @@ var ChipThemeNeutralLight = import_react73.css`
   background: var(--gray-100);
   color: var(--typography-base);
   :where([role='button']) {
-    &:active,
+    &:hover,
     &:focus {
+      background: var(--gray-200);
+    }
+
+    &:active {
       background: var(--gray-400);
     }
   }
@@ -9664,7 +9698,7 @@ var import_react75 = require("react");
 init_emotion_jsx_shim();
 var import_react74 = require("@emotion/react");
 var paddingSize = {
-  xs: "var(--spacing-2xs) var(--spacing-base)",
+  xs: "var(--spacing-2xs) var(--spacing-xs)",
   sm: "var(--spacing-xs) var(--spacing-base)",
   md: "var(--spacing-sm) var(--spacing-base)",
   lg: "var(--spacing-sm) var(--spacing-md)"
@@ -9864,8 +9898,8 @@ var counterContainer = (bgColor, hasIcon) => import_react77.css`
   display: inline-flex;
   font-weight: var(--fw-regular);
   justify-content: center;
-  padding: ${hasIcon ? "0 var(--spacing-sm)" : "var(--spacing-sm)"};
-  width: ${hasIcon ? "auto" : "var(--spacing-base)"};
+  padding: ${hasIcon ? "0 var(--spacing-sm)" : "0 var(--spacing-sm)"};
+  min-width: ${hasIcon ? "auto" : "var(--spacing-base)"};
   height: ${hasIcon ? "auto" : "var(--spacing-base)"};
   cursor: default;
 `;
@@ -12561,7 +12595,8 @@ var KeyValueInput = ({
   errors,
   onFocusChange,
   showIconColumn = false,
-  renderIconSelector
+  renderIconSelector,
+  independentKeyValue = false
 }) => {
   const [isDragging, setIsDragging] = (0, import_react113.useState)(false);
   const [indexToFocus, setIndexToFocus] = (0, import_react113.useState)(null);
@@ -12642,7 +12677,10 @@ var KeyValueInput = ({
           newItems.push({ key, value: val });
         } else {
           const trimmedLine = line.trim();
-          newItems.push({ key: trimmedLine, value: trimmedLine });
+          newItems.push({
+            key: trimmedLine,
+            value: independentKeyValue ? "" : trimmedLine
+          });
         }
       });
       const newValue = [...value];
@@ -12650,7 +12688,7 @@ var KeyValueInput = ({
       onChange(newValue);
       setIndexToFocus(rowIndex + newItems.length - 1);
     },
-    [onChange, value]
+    [onChange, value, independentKeyValue]
   );
   const handleDragEnd = (0, import_react113.useCallback)(
     (e) => {
@@ -12780,7 +12818,8 @@ var KeyValueInput = ({
               const newSet = new Set(current);
               newSet.add(value2);
               return newSet;
-            })
+            }),
+            independentKeyValue
           },
           isDragging ? id : index
         )) })
@@ -12816,7 +12855,8 @@ var KeyValueInputItem = ({
   showIconColumn = false,
   renderIconSelector,
   blockAutoGenerateValue,
-  onBlurValue
+  onBlurValue,
+  independentKeyValue
 }) => {
   const { attributes, listeners, setNodeRef, transform, transition, setActivatorNodeRef, isSorting } = (0, import_sortable.useSortable)({
     id,
@@ -12879,7 +12919,7 @@ var KeyValueInputItem = ({
               showLabel: false,
               disabled: disabled2,
               onChange: (e) => {
-                const hasStoredValue = value.value !== value.key || blockAutoGenerateValue;
+                const hasStoredValue = independentKeyValue || value.value !== value.key || blockAutoGenerateValue;
                 onChange == null ? void 0 : onChange({
                   key: e.currentTarget.value,
                   value: hasStoredValue ? value.value : e.currentTarget.value,
@@ -22195,6 +22235,14 @@ var StatusBullet = ({
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AVATAR_SIZE_2XL,
+  AVATAR_SIZE_2XS,
+  AVATAR_SIZE_3XL,
+  AVATAR_SIZE_LG,
+  AVATAR_SIZE_MD,
+  AVATAR_SIZE_SM,
+  AVATAR_SIZE_XL,
+  AVATAR_SIZE_XS,
   AddButton,
   AddListButton,
   AsideAndSectionLayout,
@@ -22399,6 +22447,16 @@ var StatusBullet = ({
   accessibleHidden,
   actionBarVisibilityStyles,
   addPathSegmentToPathname,
+  avatarImageStyles,
+  avatarSize2xlStyles,
+  avatarSize2xsStyles,
+  avatarSize3xlStyles,
+  avatarSizeLgStyles,
+  avatarSizeMdStyles,
+  avatarSizeSmStyles,
+  avatarSizeXlStyles,
+  avatarSizeXsStyles,
+  avatarStyles,
   borderTopIcon,
   breakpoints,
   button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.63.0",
+  "version": "20.63.1-alpha.12+914935b899",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "exports": {
@@ -30,11 +30,11 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.13.0",
-    "@storybook/react-vite": "10.1.0",
+    "@storybook/react-vite": "10.2.10",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
-    "@uniformdev/canvas": "^20.63.0",
-    "@uniformdev/richtext": "^20.63.0",
+    "@uniformdev/canvas": "^20.63.1-alpha.12+914935b899",
+    "@uniformdev/richtext": "^20.63.1-alpha.12+914935b899",
     "autoprefixer": "10.4.21",
     "hygen": "6.2.11",
     "jsdom": "29.0.2",
@@ -45,7 +45,7 @@
     "tsup": "8.3.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.2.0",
+    "@base-ui/react": "1.4.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
@@ -66,7 +66,7 @@
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
     "fast-equals": "^5.3.2",
     "lexical": "0.39.0",
-    "monaco-editor": "0.54.0",
+    "monaco-editor": "0.55.1",
     "react-aria-components": "^1.16.0",
     "react-hotkeys-hook": "5.2.1",
     "react-paginate": "8.3.0",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "76729fa5c8c4dc3d71d65fdb181a659755ec34ae"
+  "gitHead": "914935b89907018dde56a2c49b72e6899d9fb0e2"
 }