@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/index.d.ts

@@ -96,8 +96,14 @@ import { AccordionItemHorizontal } from "./accordion/accordionItemHorizontal.js"
 import { Accordion, AccordionBase } from "./accordion/accordion.js";
 import { AvatarProps } from "./avatar/avatar.types.js";
 import { Avatar, AvatarBase } from "./avatar/avatar.js";
-import { TagProvider, useTagContext } from "./tag/context.js";
-import { TagInnerProps, TagProps } from "./tag/tag.types.js";
+import { TagContainerStyles, TagHierarchy, TagInnerProps, TagIntent, TagIntentTokens, TagProps, TagVariantCanonical } from "./tag/tag.types.js";
+import { Tag } from "./tag/tag.js";
+import { resolveTagVariantKey } from "./tag/utils.js";
+import { Badge } from "./badge/badge.js";
+import { BoxProps } from "./box/box.types.js";
+import { Box, BoxBase } from "./box/box.js";
+import { BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps } from "./breadcrumbs/breadcrumbs.types.js";
+import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs/breadcrumbs.js";
 import { ButtonComputedOptions, ButtonComputedStyles, ButtonIntent, ButtonProps, ButtonStyleContainer, ButtonVariant, ButtonVariantLegacy, ComputedResult, ContainerStyles, IconButtonProps, IntentTokens, SpacingProps } from "./button/button.types.js";
 import { ButtonIcon } from "./button/buttonIcon.js";
 import { ButtonText } from "./button/buttonText.js";
@@ -105,15 +111,6 @@ import { Button, ButtonBase } from "./button/button.js";
 import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, DismissButton, IconButton, LineButton, TextButton } from "./button/buttons.js";
 import { ButtonContextValue, ButtonProvider, useButtonContext } from "./button/context.js";
 import { resolveVariantKey } from "./button/utils.js";
-import { TagButton } from "./tag/tagButton.js";
-import { TagIcon } from "./tag/tagIcon.js";
-import { TagText } from "./tag/tagText.js";
-import { Tag, TagBase } from "./tag/tag.js";
-import { Badge } from "./badge/badge.js";
-import { BoxProps } from "./box/box.types.js";
-import { Box, BoxBase } from "./box/box.js";
-import { BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps } from "./breadcrumbs/breadcrumbs.types.js";
-import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs/breadcrumbs.js";
 import { ButtonGroupProps } from "./buttonGroup/buttonGroup.types.js";
 import { ButtonGroup, ButtonGroupBase } from "./buttonGroup/buttonGroup.js";
 import { ButtonGroupContextValue, ButtonGroupProvider, useButtonGroupContext } from "./buttonGroup/context.js";
@@ -228,7 +225,7 @@ import { Input, InputBase } from "./input/input.js";
 import { LabelProps } from "./label/label.types.js";
 import { Label } from "./label/label.js";
 import { Logo } from "./logo/Logo.js";
-import { NotificationIntent, NotificationProps, NotificationStatus, NotificationStatusEntry, NotificationStatusMapping, NotificationVariant, NotificationVariantHierarchy, NotificationVariantLegacy } from "./notification/notification.types.js";
+import { NotificationIntent, NotificationLayout, NotificationProps, NotificationStatus, NotificationStatusEntry, NotificationStatusMapping, NotificationVariant, NotificationVariantHierarchy, NotificationVariantLegacy } from "./notification/notification.types.js";
 import { NotificationProvider, useNotificationContext } from "./notification/context.js";
 import { NotificationAction } from "./notification/notificationAction.js";
 import { NotificationIcon } from "./notification/notificationIcon.js";
@@ -261,7 +258,7 @@ import { RadioProps, RadioStyleProps } from "./radio/radio.types.js";
 import { Radio, RadioBase } from "./radio/radio.js";
 import { RadioGroupProps } from "./radio/radioGroup.types.js";
 import { RadioGroup, RadioGroupBase } from "./radio/radioGroup.js";
-import { RangeProps, RangeTrackKey, RangeValue } from "./range/range.types.js";
+import { RangeProps, RangeValue } from "./range/range.types.js";
 import { Range } from "./range/range.js";
 import { Rating } from "./rating/rating.js";
 import { UseSelectProps } from "./select/useSelect.types.js";
@@ -313,6 +310,8 @@ import { Table, TableBase } from "./table/table.js";
 import { AnimationDirection, NavBarIconSize, TabIndexProps, TabNavBarProps, TabProps, TabsProps, TabsSize } from "./tabs/tabs.types.js";
 import { Tabs, TabsBase } from "./tabs/tabs.js";
 import { Tab, TabBase } from "./tabs/tab.js";
+import { TagToggleHierarchy, TagToggleInnerProps, TagToggleProps } from "./tagToggle/tagToggle.types.js";
+import { TagToggle } from "./tagToggle/TagToggle.js";
 import { TextareaProps } from "./textarea/textarea.types.js";
 import { Textarea, TextareaBase } from "./textarea/textarea.js";
 import { TreeProvider, useTreeContext } from "./tree/context.js";
@@ -325,4 +324,4 @@ import { CloseEvent, TutorialCardProps, TutorialDataStep, TutorialProps, Tutoria
 import { Tutorial } from "./tutorial/tutorial.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { TutorialStep } from "./tutorial/tutorialStep.js";
-export { Accordion, AccordionBase, type AccordionIconPosition, AccordionItem, type AccordionItemArrowProps, AccordionItemHorizontal, type AccordionItemId, type AccordionItemProps, type AccordionOnToggleEvent, type AccordionOrientation, type AccordionProps, type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type Animation, type AnimationDirection, type AnimationGetter, type AnimationProp, type AnimationProps, type AnimationsProps, type AnyFunction, type AnyNumber, type AnyString, AppButton, type AppearanceProps, ApplicationFooter, type ApplicationFooterProps, type AutoCompletePopoverProps, Avatar, AvatarBase, type AvatarProps, BackButton, type BackgroundColorProps, type BackgroundsProps, Badge, type Border, type BorderBottomColorProps, type BorderBottomProps, type BorderBottomWidthProps, type BorderColorProps, type BorderGetter, type BorderLeftColorProps, type BorderLeftProps, type BorderLeftWidthProps, type BorderProps, type BorderRadiusProp, type BorderRadiusProps, type BorderRightColorProps, type BorderRightProps, type BorderRightWidthProps, type BorderStyleGetter, type BorderStyleProps, type BorderTopColorProps, type BorderTopProps, type BorderTopWidthProps, type BorderWidthGetter, type BorderWidthProps, type BordersProps, type BottomProps, Box, BoxBase, type BoxProps, type BoxShadowProps, type BoxSizingProps, Breadcrumbs, BreadcrumbsBase, type BreadcrumbsItemProps, type BreadcrumbsProps, type BreadcrumbsSeparatorProps, Button, ButtonBase, type ButtonComputedOptions, type ButtonComputedStyles, ButtonContextValue, ButtonGroup, ButtonGroupBase, ButtonGroupContextValue, type ButtonGroupProps, ButtonGroupProvider, ButtonIcon, type ButtonIntent, type ButtonProps, ButtonProvider, type ButtonStyleContainer, ButtonText, ButtonToggleGroup, type ButtonToggleGroupProps, type ButtonVariant, type ButtonVariantLegacy, CSSFunction, CTAButton, Calendar, type CalendarMode, type CalendarProps, Card, type CardProps, type ChangeEvent, type ChangeEventHandler, Chat, ChatInput, type ChatInputButtonProps, type ChatInputProps, type ChatInputStatus, ChatMessage, type ChatProps, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, type CheckboxGroupProps, CheckboxGroupProvider, type CheckboxProps, type CheckboxStyleProps, type ChildrenProp, CloseButton, type CloseEvent, type Color, type ColorGetter, type ColorProps, type Component, type ComputedResult, type ContainerStyles, CopyToClipboard, type CopyToClipboardProps, type CreateContextOptions, type CreateContextReturn, CreateGlobalStyle, type CursorProps, DangerButton, DateFormat, DatePicker, type DatePickerPopupPosition, type DatePickerProps, type DateRange, type DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, type DialogBodyProps, DialogCancelButton, type DialogCancelButtonProps, DialogCloseButton, type DialogCloseButtonProps, type DialogContext, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogPlacement, type DialogProps, DialogProvider, type DialogStatus, type DialogStatusMapping, DialogSubmitButton, type DialogSubmitButtonProps, DialogTitle, type DialogTitleProps, type Dict, DismissButton, Display, DisplayBase, type DisplayProps, type DisplayTextProps, type DivideColorProps, type DivideStyleProps, type DivideXProps, type DivideXReverseProps, type DivideYProps, type DivideYReverseProps, Divider, DividerBase, type DividerProps, DragAndDrop, type DragAndDropProps, Drawer, type DrawerProps, type DurationGetter, type EffectsProps, type Elevation, type Environment, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxesProps, type FloatProps, type FlowDirection, type FocusEvent, type FocusEventHandler, FocusLock, type FocusLockProps, type FocusableElement, type Font, type FontFamilyProps, type FontGetter, type FontSize, type FontSizeGetter, type FontSizeProps, type FontStyleProps, type FontWeight, type FontWeightGetter, type FontWeightProps, Footer, FooterBase, type FooterColumnData, type FooterColumnProps, type FooterColumnsProps, FooterContent, type FooterContentProps, type FooterContext, FooterHeading, FooterLink, type FooterLinkData, type FooterProps, FooterSection, type FooterSectionData, type FooterSectionProps, type FooterTrademarkProps, FormatDateOptions, type GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, type GridProps, type GridTemplateColumn, type GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, type HeaderAccountData, type HeaderAccountProps, type HeaderAccountSectionData, HeaderAccountUserInfo, type HeaderAccountUserInfoData, type HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, type HeaderButtonData, HeaderContent, type HeaderContentProps, type HeaderContext, HeaderCreateAccount, type HeaderCreateAccountData, type HeaderCreateAccountProps, HeaderDivider, type HeaderLinkData, HeaderLinkItem, type HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, type HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, type HeaderNotificationsData, type HeaderNotificationsProps, type HeaderProps, HeaderProvider, HeaderServices, type HeaderServicesData, HeaderServicesMessage, type HeaderServicesProps, HeaderSignIn, type HeaderSignInProps, type HeaderSupportProps, Heading, HeadingBase, type HeadingProps, type HeadingSize, type HeightProps, HelpText, type HelpTextProps, Icon, IconButton, type IconButtonProps, type IconDefinition, type IconDetails, type IconProp, type IconProps, Image, ImageBase, type ImageProps, Input, InputBase, InputIcon, InputInput, InputInputBase, type InputInputProps, type InputProps, type InputState, type InputStateMapping, type InputType, type InsetGetter, type IntentTokens, type InteractivityProps, IsTruncatedProps, type ItemProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type KeyboardEvent, type KeyboardEventHandler, type KeyboardKeys, Label, type LabelProps, type LayoutProps, Lead, type LeftProps, type LetterSpacingProps, LineButton, type LineHeightGetter, type LineHeightProps, Link, LinkBase, LinkIcon, type LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, type ListItemLinkProps, type ListItemProps, type ListProps, ListProvider, type ListStylePositionProps, type ListStyleTypeProps, ListText, LoggedInHeader, type LoggedInHeaderProps, LoggedOutHeader, type LoggedOutHeaderProps, Logo, type MarginBottomProps, type MarginLeftProps, type MarginProps, type MarginRightProps, type MarginTopProps, type MarginXProps, type MarginYProps, type MaxHeightProps, MaxLinesProps, type MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, type MenuListProps, type MenuProps, MenuProvider, Message, MessageBase, type MessageProps, type MinHeightProps, type MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, type ModalBackdropProps, ModalContent, ModalContentBase, type ModalContentProps, type ModalContext, type ModalProps, ModalProvider, type MonthProps, type MouseEvent, type MouseEventHandler, type NavBarIconSize, Notification, NotificationAction, NotificationIcon, type NotificationIntent, type NotificationProps, NotificationProvider, type NotificationStatus, type NotificationStatusEntry, type NotificationStatusMapping, NotificationText, NotificationTitle, type NotificationVariant, type NotificationVariantHierarchy, type NotificationVariantLegacy, type ObjectFitProps, type OpacityProps, type OrderProps, type OutlineColorProps, type OutlineProps, type OutlineStyleProps, type OutlineWidthProps, type OverflowProps, type OverflowXProps, type OverflowYProps, type OverscrollBehaviorProps, P, PBase, type PProps, type PaddingBottomProps, type PaddingLeftProps, type PaddingProps, type PaddingRightProps, type PaddingTopProps, type PaddingXProps, type PaddingYProps, Pagination, PaginationButton, type PaginationButtonProps, type PaginationContext, PaginationEllipsis, PaginationGoToPage, type PaginationItem, PaginationNavigation, PaginationPrevNext, type PaginationPrevNextProps, type PaginationProps, PaginationProvider, PaginationResults, Panel, type PanelProps, type Placement, type PointerEventsProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverProvider, type PopoverRenderProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, type ProgressCircularProps, type ProgressProps, type PropsOf, Prose, ProseProps, Radio, RadioBase, RadioGroup, RadioGroupBase, type RadioGroupProps, RadioGroupProvider, type RadioProps, type RadioStyleProps, type Radius, type RadiusGetter, Range, type RangeProps, type RangeTrackKey, type RangeValue, Rating, type RefPropsOf, RenderOnScreen, RenderOnScreenProps, type RenderProps, _default$1 as ResetCSS, type ResizeProps, type RightJoinProps, type RightProps, type RingColorProps, type RingProps, type RingWidth, type RingWidthGetter, type RotateProps, type ScaleProps, type ScaleXProps, type ScaleYProps, type Screen, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, type SelectContext, SelectGroup, type SelectGroupProps, type SelectLabelProps, SelectOption, type SelectOptionData, type SelectOptionProps, type SelectProps, type SelectValue, type Shadow, type ShadowGetter, Sidemenu, type SidemenuCollapseModeV2, type SidemenuComponentV2Props, type SidemenuContextV2Value, type SidemenuExpandEventV2, type SidemenuFlatItemV2, type SidemenuGroupV2Props, SidemenuItem, type SidemenuItemBadgeV2Props, type SidemenuItemClickEventV2, type SidemenuItemComponentV2Props, type SidemenuItemProps, type SidemenuItemV2Props, type SidemenuItemWithChildrenV2, type SidemenuOrientation, type SidemenuOrientationV2, type SidemenuProps, type SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, type SidemenuTopComponentV2Props, type SidemenuTopProps, type SidemenuTopPropsV2, type SidemenuTopV2Props, SidemenuV2, type SidemenuV2Props, type SidemenuVariantV2, type Size, type SizeGetter, type SizingProps, Skeleton, SkeletonBase, type SkeletonProps, type SkewXProps, type SkewYProps, type Sort, type SortOrder, type Space, type SpaceGetter, type SpaceProps, type SpaceXProps, type SpaceXReverseProps, type SpaceYProps, type SpaceYReverseProps, type SpacingProps, Spinner, SpinnerCircle, type SpinnerProps, StepHorizontal, StepHorizontalBase, type StepHorizontalProps, type StepHorizontalSize, type StepHorizontalTailProps, type StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, type StepVerticalProps, type StepVerticalSize, type StepVerticalTailProps, type StepVerticalTitleProps, StepperHorizontal, type StepperHorizontalProps, StepperVertical, type StepperVerticalProps, Svg, SvgBase, type SvgProps, type SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, type SwitchButtonProps, type SwitchContext, SwitchLabel, type SwitchProps, SwitchProvider, SystemProps, T, TBase, type TProps, Tab, TabBase, type TabIndexProps, type TabNavBarProps, type TabProps, Table, TableBase, type TableColumn, type TableContext, type TableProps, TableProvider, TableSortIcon, type TableSortIconProps, Tabs, TabsBase, type TabsProps, type TabsSize, Tag, TagBase, TagButton, TagIcon, type TagInnerProps, type TagProps, TagProvider, TagText, Tbody, TbodyBase, type TbodyProps, Td, TdBase, type TdProps, type TextAlignProps, TextButton, type TextDecorationProps, type TextOverflowProps, type TextShadowProps, type TextTransformProps, Textarea, TextareaBase, type TextareaProps, Tfoot, TfootBase, type TfootProps, Th, ThBase, type ThProps, Thead, type TheadProps, ThemeGet, type ThemingProps, type TimeItem, type TimeResult, type TimeUnitMode, type TimingFunctionGetter, type ToastDuration, type ToastListItem, type ToastOptions, type ToastSetup, _default$2 as Toaster, Tooltip, type TooltipProps, type TopProps, Tr, TrBase, type TrProps, type Transform, type TransformGetter, type TransformOriginProps, type TransformProps, type TransformsProps, type TransitionDelayProps, type TransitionDuration, type TransitionDurationProps, type TransitionGetter, type TransitionPropertyGetter, type TransitionPropertyProps, type TransitionProps, type TransitionTimingFunctionProps, type TransitionsProps, type TranslateXProps, type TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, type TreeItemId, type TreeItemLinkProps, type TreeItemProps, type TreeOnToggleEvent, type TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, type TutorialCardProps, type TutorialDataStep, type TutorialProps, TutorialStep, type TutorialStepProps, type TutorialStepWrapper, type TypographyProps, UseControlledProps, type UsePaginationProps, type UsePopoverProps, type UseSelectProps, UseSelectReturnType, type UseSidemenuItemV2Return, type UseSidemenuV2Return, type UserSelectProps, VC, VStyled, type VerticalAlignProps, type VisibilityProps, VuiComponent, VuiComponentConfig, type VuiContext, VuiContextProvider, type VuiIcon, type VuiIcons, VuiProvider, type VuiTheme, type VuiThemeDefaults, type VuiThemeExtensions, type WhiteSpaceProps, type WidthProps, WordBreakProps, type ZIndex, type ZIndexGetter, type ZIndexProps, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, _default$3 as animations, assignRef, icons_d_exports as baseIcons, _default$4 as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, _default$5 as colors, compareBy, _default$6 as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, _default$7 as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, _default$8 as fontFaces, _default$9 as fontSizes, _default$10 as fontWeights, _default$11 as fonts, formatDate, formatIsoDate, _default$12 as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, _default$13 as radii, random, removeBodyClass, removeElement, resolveVariantKey, _default$14 as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, _default$15 as screens, _default$16 as shadows, _default$17 as sizes, slowToastDuration, _default$18 as spaces, spin, styled, system, th, toggleItem, _default$19 as transforms, _default$20 as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTagContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, _default$21 as zIndices };
+export { Accordion, AccordionBase, type AccordionIconPosition, AccordionItem, type AccordionItemArrowProps, AccordionItemHorizontal, type AccordionItemId, type AccordionItemProps, type AccordionOnToggleEvent, type AccordionOrientation, type AccordionProps, type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type Animation, type AnimationDirection, type AnimationGetter, type AnimationProp, type AnimationProps, type AnimationsProps, type AnyFunction, type AnyNumber, type AnyString, AppButton, type AppearanceProps, ApplicationFooter, type ApplicationFooterProps, type AutoCompletePopoverProps, Avatar, AvatarBase, type AvatarProps, BackButton, type BackgroundColorProps, type BackgroundsProps, Badge, type Border, type BorderBottomColorProps, type BorderBottomProps, type BorderBottomWidthProps, type BorderColorProps, type BorderGetter, type BorderLeftColorProps, type BorderLeftProps, type BorderLeftWidthProps, type BorderProps, type BorderRadiusProp, type BorderRadiusProps, type BorderRightColorProps, type BorderRightProps, type BorderRightWidthProps, type BorderStyleGetter, type BorderStyleProps, type BorderTopColorProps, type BorderTopProps, type BorderTopWidthProps, type BorderWidthGetter, type BorderWidthProps, type BordersProps, type BottomProps, Box, BoxBase, type BoxProps, type BoxShadowProps, type BoxSizingProps, Breadcrumbs, BreadcrumbsBase, type BreadcrumbsItemProps, type BreadcrumbsProps, type BreadcrumbsSeparatorProps, Button, ButtonBase, type ButtonComputedOptions, type ButtonComputedStyles, ButtonContextValue, ButtonGroup, ButtonGroupBase, ButtonGroupContextValue, type ButtonGroupProps, ButtonGroupProvider, ButtonIcon, type ButtonIntent, type ButtonProps, ButtonProvider, type ButtonStyleContainer, ButtonText, ButtonToggleGroup, type ButtonToggleGroupProps, type ButtonVariant, type ButtonVariantLegacy, CSSFunction, CTAButton, Calendar, type CalendarMode, type CalendarProps, Card, type CardProps, type ChangeEvent, type ChangeEventHandler, Chat, ChatInput, type ChatInputButtonProps, type ChatInputProps, type ChatInputStatus, ChatMessage, type ChatProps, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, type CheckboxGroupProps, CheckboxGroupProvider, type CheckboxProps, type CheckboxStyleProps, type ChildrenProp, CloseButton, type CloseEvent, type Color, type ColorGetter, type ColorProps, type Component, type ComputedResult, type ContainerStyles, CopyToClipboard, type CopyToClipboardProps, type CreateContextOptions, type CreateContextReturn, CreateGlobalStyle, type CursorProps, DangerButton, DateFormat, DatePicker, type DatePickerPopupPosition, type DatePickerProps, type DateRange, type DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, type DialogBodyProps, DialogCancelButton, type DialogCancelButtonProps, DialogCloseButton, type DialogCloseButtonProps, type DialogContext, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogPlacement, type DialogProps, DialogProvider, type DialogStatus, type DialogStatusMapping, DialogSubmitButton, type DialogSubmitButtonProps, DialogTitle, type DialogTitleProps, type Dict, DismissButton, Display, DisplayBase, type DisplayProps, type DisplayTextProps, type DivideColorProps, type DivideStyleProps, type DivideXProps, type DivideXReverseProps, type DivideYProps, type DivideYReverseProps, Divider, DividerBase, type DividerProps, DragAndDrop, type DragAndDropProps, Drawer, type DrawerProps, type DurationGetter, type EffectsProps, type Elevation, type Environment, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxesProps, type FloatProps, type FlowDirection, type FocusEvent, type FocusEventHandler, FocusLock, type FocusLockProps, type FocusableElement, type Font, type FontFamilyProps, type FontGetter, type FontSize, type FontSizeGetter, type FontSizeProps, type FontStyleProps, type FontWeight, type FontWeightGetter, type FontWeightProps, Footer, FooterBase, type FooterColumnData, type FooterColumnProps, type FooterColumnsProps, FooterContent, type FooterContentProps, type FooterContext, FooterHeading, FooterLink, type FooterLinkData, type FooterProps, FooterSection, type FooterSectionData, type FooterSectionProps, type FooterTrademarkProps, FormatDateOptions, type GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, type GridProps, type GridTemplateColumn, type GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, type HeaderAccountData, type HeaderAccountProps, type HeaderAccountSectionData, HeaderAccountUserInfo, type HeaderAccountUserInfoData, type HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, type HeaderButtonData, HeaderContent, type HeaderContentProps, type HeaderContext, HeaderCreateAccount, type HeaderCreateAccountData, type HeaderCreateAccountProps, HeaderDivider, type HeaderLinkData, HeaderLinkItem, type HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, type HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, type HeaderNotificationsData, type HeaderNotificationsProps, type HeaderProps, HeaderProvider, HeaderServices, type HeaderServicesData, HeaderServicesMessage, type HeaderServicesProps, HeaderSignIn, type HeaderSignInProps, type HeaderSupportProps, Heading, HeadingBase, type HeadingProps, type HeadingSize, type HeightProps, HelpText, type HelpTextProps, Icon, IconButton, type IconButtonProps, type IconDefinition, type IconDetails, type IconProp, type IconProps, Image, ImageBase, type ImageProps, Input, InputBase, InputIcon, InputInput, InputInputBase, type InputInputProps, type InputProps, type InputState, type InputStateMapping, type InputType, type InsetGetter, type IntentTokens, type InteractivityProps, IsTruncatedProps, type ItemProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type KeyboardEvent, type KeyboardEventHandler, type KeyboardKeys, Label, type LabelProps, type LayoutProps, Lead, type LeftProps, type LetterSpacingProps, LineButton, type LineHeightGetter, type LineHeightProps, Link, LinkBase, LinkIcon, type LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, type ListItemLinkProps, type ListItemProps, type ListProps, ListProvider, type ListStylePositionProps, type ListStyleTypeProps, ListText, LoggedInHeader, type LoggedInHeaderProps, LoggedOutHeader, type LoggedOutHeaderProps, Logo, type MarginBottomProps, type MarginLeftProps, type MarginProps, type MarginRightProps, type MarginTopProps, type MarginXProps, type MarginYProps, type MaxHeightProps, MaxLinesProps, type MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, type MenuListProps, type MenuProps, MenuProvider, Message, MessageBase, type MessageProps, type MinHeightProps, type MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, type ModalBackdropProps, ModalContent, ModalContentBase, type ModalContentProps, type ModalContext, type ModalProps, ModalProvider, type MonthProps, type MouseEvent, type MouseEventHandler, type NavBarIconSize, Notification, NotificationAction, NotificationIcon, type NotificationIntent, type NotificationLayout, type NotificationProps, NotificationProvider, type NotificationStatus, type NotificationStatusEntry, type NotificationStatusMapping, NotificationText, NotificationTitle, type NotificationVariant, type NotificationVariantHierarchy, type NotificationVariantLegacy, type ObjectFitProps, type OpacityProps, type OrderProps, type OutlineColorProps, type OutlineProps, type OutlineStyleProps, type OutlineWidthProps, type OverflowProps, type OverflowXProps, type OverflowYProps, type OverscrollBehaviorProps, P, PBase, type PProps, type PaddingBottomProps, type PaddingLeftProps, type PaddingProps, type PaddingRightProps, type PaddingTopProps, type PaddingXProps, type PaddingYProps, Pagination, PaginationButton, type PaginationButtonProps, type PaginationContext, PaginationEllipsis, PaginationGoToPage, type PaginationItem, PaginationNavigation, PaginationPrevNext, type PaginationPrevNextProps, type PaginationProps, PaginationProvider, PaginationResults, Panel, type PanelProps, type Placement, type PointerEventsProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverProvider, type PopoverRenderProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, type ProgressCircularProps, type ProgressProps, type PropsOf, Prose, ProseProps, Radio, RadioBase, RadioGroup, RadioGroupBase, type RadioGroupProps, RadioGroupProvider, type RadioProps, type RadioStyleProps, type Radius, type RadiusGetter, Range, type RangeProps, type RangeValue, Rating, type RefPropsOf, RenderOnScreen, RenderOnScreenProps, type RenderProps, _default$1 as ResetCSS, type ResizeProps, type RightJoinProps, type RightProps, type RingColorProps, type RingProps, type RingWidth, type RingWidthGetter, type RotateProps, type ScaleProps, type ScaleXProps, type ScaleYProps, type Screen, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, type SelectContext, SelectGroup, type SelectGroupProps, type SelectLabelProps, SelectOption, type SelectOptionData, type SelectOptionProps, type SelectProps, type SelectValue, type Shadow, type ShadowGetter, Sidemenu, type SidemenuCollapseModeV2, type SidemenuComponentV2Props, type SidemenuContextV2Value, type SidemenuExpandEventV2, type SidemenuFlatItemV2, type SidemenuGroupV2Props, SidemenuItem, type SidemenuItemBadgeV2Props, type SidemenuItemClickEventV2, type SidemenuItemComponentV2Props, type SidemenuItemProps, type SidemenuItemV2Props, type SidemenuItemWithChildrenV2, type SidemenuOrientation, type SidemenuOrientationV2, type SidemenuProps, type SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, type SidemenuTopComponentV2Props, type SidemenuTopProps, type SidemenuTopPropsV2, type SidemenuTopV2Props, SidemenuV2, type SidemenuV2Props, type SidemenuVariantV2, type Size, type SizeGetter, type SizingProps, Skeleton, SkeletonBase, type SkeletonProps, type SkewXProps, type SkewYProps, type Sort, type SortOrder, type Space, type SpaceGetter, type SpaceProps, type SpaceXProps, type SpaceXReverseProps, type SpaceYProps, type SpaceYReverseProps, type SpacingProps, Spinner, SpinnerCircle, type SpinnerProps, StepHorizontal, StepHorizontalBase, type StepHorizontalProps, type StepHorizontalSize, type StepHorizontalTailProps, type StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, type StepVerticalProps, type StepVerticalSize, type StepVerticalTailProps, type StepVerticalTitleProps, StepperHorizontal, type StepperHorizontalProps, StepperVertical, type StepperVerticalProps, Svg, SvgBase, type SvgProps, type SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, type SwitchButtonProps, type SwitchContext, SwitchLabel, type SwitchProps, SwitchProvider, SystemProps, T, TBase, type TProps, Tab, TabBase, type TabIndexProps, type TabNavBarProps, type TabProps, Table, TableBase, type TableColumn, type TableContext, type TableProps, TableProvider, TableSortIcon, type TableSortIconProps, Tabs, TabsBase, type TabsProps, type TabsSize, Tag, type TagContainerStyles, type TagHierarchy, type TagInnerProps, type TagIntent, type TagIntentTokens, type TagProps, TagToggle, type TagToggleHierarchy, type TagToggleInnerProps, type TagToggleProps, type TagVariantCanonical, Tbody, TbodyBase, type TbodyProps, Td, TdBase, type TdProps, type TextAlignProps, TextButton, type TextDecorationProps, type TextOverflowProps, type TextShadowProps, type TextTransformProps, Textarea, TextareaBase, type TextareaProps, Tfoot, TfootBase, type TfootProps, Th, ThBase, type ThProps, Thead, type TheadProps, ThemeGet, type ThemingProps, type TimeItem, type TimeResult, type TimeUnitMode, type TimingFunctionGetter, type ToastDuration, type ToastListItem, type ToastOptions, type ToastSetup, _default$2 as Toaster, Tooltip, type TooltipProps, type TopProps, Tr, TrBase, type TrProps, type Transform, type TransformGetter, type TransformOriginProps, type TransformProps, type TransformsProps, type TransitionDelayProps, type TransitionDuration, type TransitionDurationProps, type TransitionGetter, type TransitionPropertyGetter, type TransitionPropertyProps, type TransitionProps, type TransitionTimingFunctionProps, type TransitionsProps, type TranslateXProps, type TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, type TreeItemId, type TreeItemLinkProps, type TreeItemProps, type TreeOnToggleEvent, type TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, type TutorialCardProps, type TutorialDataStep, type TutorialProps, TutorialStep, type TutorialStepProps, type TutorialStepWrapper, type TypographyProps, UseControlledProps, type UsePaginationProps, type UsePopoverProps, type UseSelectProps, UseSelectReturnType, type UseSidemenuItemV2Return, type UseSidemenuV2Return, type UserSelectProps, VC, VStyled, type VerticalAlignProps, type VisibilityProps, VuiComponent, VuiComponentConfig, type VuiContext, VuiContextProvider, type VuiIcon, type VuiIcons, VuiProvider, type VuiTheme, type VuiThemeDefaults, type VuiThemeExtensions, type WhiteSpaceProps, type WidthProps, WordBreakProps, type ZIndex, type ZIndexGetter, type ZIndexProps, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, _default$3 as animations, assignRef, icons_d_exports as baseIcons, _default$4 as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, _default$5 as colors, compareBy, _default$6 as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, _default$7 as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, _default$8 as fontFaces, _default$9 as fontSizes, _default$10 as fontWeights, _default$11 as fonts, formatDate, formatIsoDate, _default$12 as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, _default$13 as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, _default$14 as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, _default$15 as screens, _default$16 as shadows, _default$17 as sizes, slowToastDuration, _default$18 as spaces, spin, styled, system, th, toggleItem, _default$19 as transforms, _default$20 as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, _default$21 as zIndices };

package/dist/index.js

@@ -89,11 +89,8 @@ import AccordionItemHorizontal from "./accordion/accordionItemHorizontal.js";
 import Accordion, { AccordionBase } from "./accordion/accordion.js";
 import Image, { ImageBase } from "./image/image.js";
 import Avatar, { AvatarBase } from "./avatar/avatar.js";
-import { TagProvider, useTagContext } from "./tag/context.js";
-import TagButton from "./tag/tagButton.js";
-import TagIcon from "./tag/tagIcon.js";
-import TagText from "./tag/tagText.js";
-import Tag, { TagBase } from "./tag/tag.js";
+import { resolveTagVariantKey } from "./tag/utils.js";
+import Tag from "./tag/tag.js";
 import Badge from "./badge/badge.js";
 import Breadcrumbs, { BreadcrumbsBase } from "./breadcrumbs/breadcrumbs.js";
 import ButtonGroup, { ButtonGroupBase } from "./buttonGroup/buttonGroup.js";
@@ -233,6 +230,7 @@ import Thead from "./table/thead.js";
 import Table, { TableBase } from "./table/table.js";
 import Tab, { TabBase } from "./tabs/tab.js";
 import Tabs, { TabsBase } from "./tabs/tabs.js";
+import TagToggle from "./tagToggle/TagToggle.js";
 import Textarea, { TextareaBase } from "./textarea/textarea.js";
 import { TreeProvider, useTreeContext } from "./tree/context.js";
 import TreeIcon from "./tree/treeIcon.js";
@@ -243,5 +241,5 @@ import { TutorialStep } from "./tutorial/tutorialStep.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { Tutorial } from "./tutorial/tutorial.js";
 
-export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, AppButton, ApplicationFooter, Avatar, AvatarBase, BackButton, Badge, Box, BoxBase, Breadcrumbs, BreadcrumbsBase, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProvider, ButtonIcon, ButtonProvider, ButtonText, ButtonToggleGroup, CTAButton, Calendar, Card, Chat, ChatInput, ChatMessage, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, DismissButton, Display, DisplayBase, Divider, DividerBase, DragAndDrop, Drawer, FocusLock, Footer, FooterBase, FooterContent, FooterHeading, FooterLink, FooterSection, globalStyle_default as GlobalStyle, Grid, GridBase, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountUserInfo, HeaderApplicationName, HeaderBase, HeaderContent, HeaderCreateAccount, HeaderDivider, HeaderLinkItem, HeaderLogo, HeaderMainLinks, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderProvider, HeaderServices, HeaderServicesMessage, HeaderSignIn, Heading, HeadingBase, HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, Lead, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, Menu, MenuButton, MenuItem, MenuList, MenuProvider, Message, MessageBase, Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationAction, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, PopoverContent, PopoverProvider, PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, Prose, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProvider, Range, Rating, RenderOnScreen, resetCSS_default as ResetCSS, Select, SelectButton, SelectContent, SelectGroup, SelectOption, Sidemenu, SidemenuItem, SidemenuStateProvider, SidemenuTop, SidemenuV2, Skeleton, SkeletonBase, Spinner, SpinnerCircle, StepHorizontal, StepHorizontalBase, StepIndicator, StepVertical, StepVerticalBase, StepperHorizontal, StepperVertical, Svg, SvgBase, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchLabel, SwitchProvider, T, TBase, Tab, TabBase, Table, TableBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagBase, TagButton, TagIcon, TagProvider, TagText, Tbody, TbodyBase, Td, TdBase, TextButton, Textarea, TextareaBase, Tfoot, TfootBase, Th, ThBase, Thead, toast_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, resolveVariantKey, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTagContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
-globalThis.__vuiVersion__ = "5.1.1"
+export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, AppButton, ApplicationFooter, Avatar, AvatarBase, BackButton, Badge, Box, BoxBase, Breadcrumbs, BreadcrumbsBase, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProvider, ButtonIcon, ButtonProvider, ButtonText, ButtonToggleGroup, CTAButton, Calendar, Card, Chat, ChatInput, ChatMessage, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, DismissButton, Display, DisplayBase, Divider, DividerBase, DragAndDrop, Drawer, FocusLock, Footer, FooterBase, FooterContent, FooterHeading, FooterLink, FooterSection, globalStyle_default as GlobalStyle, Grid, GridBase, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountUserInfo, HeaderApplicationName, HeaderBase, HeaderContent, HeaderCreateAccount, HeaderDivider, HeaderLinkItem, HeaderLogo, HeaderMainLinks, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderProvider, HeaderServices, HeaderServicesMessage, HeaderSignIn, Heading, HeadingBase, HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, Lead, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, Menu, MenuButton, MenuItem, MenuList, MenuProvider, Message, MessageBase, Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationAction, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, PopoverContent, PopoverProvider, PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, Prose, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProvider, Range, Rating, RenderOnScreen, resetCSS_default as ResetCSS, Select, SelectButton, SelectContent, SelectGroup, SelectOption, Sidemenu, SidemenuItem, SidemenuStateProvider, SidemenuTop, SidemenuV2, Skeleton, SkeletonBase, Spinner, SpinnerCircle, StepHorizontal, StepHorizontalBase, StepIndicator, StepVertical, StepVerticalBase, StepperHorizontal, StepperVertical, Svg, SvgBase, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchLabel, SwitchProvider, T, TBase, Tab, TabBase, Table, TableBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagToggle, Tbody, TbodyBase, Td, TdBase, TextButton, Textarea, TextareaBase, Tfoot, TfootBase, Th, ThBase, Thead, toast_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
+globalThis.__vuiVersion__ = "5.2.0"

package/dist/input/autoCompletePopover.js

@@ -36,5 +36,5 @@ var autoCompletePopover_default = memo(AutoCompletePopover);
 
 //#endregion
 export { autoCompletePopover_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=autoCompletePopover.js.map

package/dist/input/autoCompletePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoCompletePopover.js","names":[],"sources":["../../src/input/autoCompletePopover.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { styled } from '../core'\nimport { List } from '../list'\nimport { Popover } from '../popover'\nimport { cs } from '../utils'\nimport type { AutoCompletePopoverProps } from './input.types'\n\nconst InputContainer = styled.divBox`\n  width: 100%;\n`\n\n/** Wrapper for the autocomplete popover. */\nexport const AutoCompletePopover = ({\n  autoCompleteOptions,\n  autoCompleteMaxHeight,\n  children,\n  filterAutoCompleteOptions,\n  onAutoCompleteSelect,\n}: AutoCompletePopoverProps) => {\n  if (autoCompleteOptions === undefined) return children\n\n  return (\n    <Popover placement=\"bottom-start\" matchWidth>\n      <Popover.Trigger as={InputContainer} className={cs('vui-input-popoverTrigger')}>\n        {children}\n      </Popover.Trigger>\n      {!!autoCompleteOptions && (\n        <Popover.Content>\n          <List maxH={autoCompleteMaxHeight} w={'100%'} className={cs('vui-input-popoverList')}>\n            {autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i: string) => (\n              <List.Item cursor=\"pointer\" hoverBg=\"skyBlue.hover\" key={i} onClick={() => onAutoCompleteSelect(i)}>\n                {i}\n              </List.Item>\n            ))}\n          </List>\n        </Popover.Content>\n      )}\n    </Popover>\n  )\n}\n\nexport default memo(AutoCompletePopover)\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,OAAO,MAAM;;;;AAKpC,MAAa,uBAAuB,EAClC,qBACA,uBACA,UACA,2BACA,2BAC8B;CAC9B,IAAI,wBAAwB,QAAW,OAAO;CAE9C,OACE,qBAAC,SAAD;EAAS,WAAU;EAAe;YAAlC,CACE,oBAAC,QAAQ,SAAT;GAAiB,IAAI;GAAgB,WAAW,GAAG,0BAA0B;GAC1E;EACc,IAChB,CAAC,CAAC,uBACD,oBAAC,QAAQ,SAAT,YACE,oBAAC,MAAD;GAAM,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,uBAAuB;aAChF,qBAAqB,SAAS,yBAAyB,EAAE,KAAK,MAC7D,oBAAC,KAAK,MAAN;IAAW,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,CAAC;cAC9F;GACQ,GAF8C,CAE9C,CACZ;EACG,GACS,EAEZ;;AAEb;AAEA,kCAAe,KAAK,mBAAmB"}
+{"version":3,"file":"autoCompletePopover.js","names":[],"sources":["../../src/input/autoCompletePopover.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { styled } from '../core'\nimport { List } from '../list'\nimport { Popover } from '../popover'\nimport { cs } from '../utils'\nimport type { AutoCompletePopoverProps } from './input.types'\n\nconst InputContainer = styled.divBox`\n  width: 100%;\n`\n\n/** Wrapper for the autocomplete popover. */\nexport const AutoCompletePopover = ({\n  autoCompleteOptions,\n  autoCompleteMaxHeight,\n  children,\n  filterAutoCompleteOptions,\n  onAutoCompleteSelect,\n}: AutoCompletePopoverProps) => {\n  if (autoCompleteOptions === undefined) return children\n\n  return (\n    <Popover placement=\"bottom-start\" matchWidth>\n      <Popover.Trigger as={InputContainer} className={cs('vui-input-popoverTrigger')}>\n        {children}\n      </Popover.Trigger>\n      {!!autoCompleteOptions && (\n        <Popover.Content>\n          <List maxH={autoCompleteMaxHeight} w={'100%'} className={cs('vui-input-popoverList')}>\n            {autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i: string) => (\n              <List.Item cursor=\"pointer\" hoverBg=\"skyBlue.hover\" key={i} onClick={() => onAutoCompleteSelect(i)}>\n                {i}\n              </List.Item>\n            ))}\n          </List>\n        </Popover.Content>\n      )}\n    </Popover>\n  )\n}\n\nexport default memo(AutoCompletePopover)\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,OAAO,MAAM;;;;AAKpC,MAAa,uBAAuB,EAClC,qBACA,uBACA,UACA,2BACA,2BAC8B;CAC9B,IAAI,wBAAwB,QAAW,OAAO;CAE9C,OACE,qBAAC,SAAD;EAAS,WAAU;EAAe;YAAlC,CACE,oBAAC,QAAQ,SAAT;GAAiB,IAAI;GAAgB,WAAW,GAAG,0BAA0B;GAC1E;EACc,IAChB,CAAC,CAAC,uBACD,oBAAC,QAAQ,SAAT,YACE,oBAAC,MAAD;GAAM,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,uBAAuB;aAChF,qBAAqB,SAAS,yBAAyB,CAAC,CAAC,KAAK,MAC7D,oBAAC,KAAK,MAAN;IAAW,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,CAAC;cAC9F;GACQ,GAF8C,CAE9C,CACZ;EACG,GACS,EAEZ;;AAEb;AAEA,kCAAe,KAAK,mBAAmB"}

package/dist/input/consts.js

@@ -63,5 +63,5 @@ const helpTextMargin = "60px";
 
 //#endregion
 export { clearIconSize, displayValueOnlyTextSize, helpTextMargin, helpTextSize, inputColors, inputStateMapping };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/input/context.js

@@ -5,5 +5,5 @@ const [InputProvider, useInputContext] = createContext({ isOptional: true });
 
 //#endregion
 export { InputProvider, useInputContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/input/helpText.js

@@ -58,5 +58,5 @@ HelpText.displayName = "HelpText";
 
 //#endregion
 export { HelpText as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=helpText.js.map

package/dist/input/helpers.js

@@ -7,5 +7,5 @@ function getInitialCount(props) {
 
 //#endregion
 export { getInitialCount };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=helpers.js.map

package/dist/input/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/input/helpers.ts"],"sourcesContent":["import type { InputProps } from './input.types'\n\n/** Returns length of the initial input's value. */\nexport function getInitialCount(props: InputProps) {\n  const { defaultValue, value } = props\n\n  return defaultValue?.toString().length ?? value?.toString().length ?? 0\n}\n"],"mappings":";;AAGA,SAAgB,gBAAgB,OAAmB;CACjD,MAAM,EAAE,cAAc,UAAU;CAEhC,OAAO,cAAc,SAAS,EAAE,UAAU,OAAO,SAAS,EAAE,UAAU;AACxE"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/input/helpers.ts"],"sourcesContent":["import type { InputProps } from './input.types'\n\n/** Returns length of the initial input's value. */\nexport function getInitialCount(props: InputProps) {\n  const { defaultValue, value } = props\n\n  return defaultValue?.toString().length ?? value?.toString().length ?? 0\n}\n"],"mappings":";;AAGA,SAAgB,gBAAgB,OAAmB;CACjD,MAAM,EAAE,cAAc,UAAU;CAEhC,OAAO,cAAc,SAAS,CAAC,CAAC,UAAU,OAAO,SAAS,CAAC,CAAC,UAAU;AACxE"}

package/dist/input/input.js

@@ -228,5 +228,5 @@ Input.displayName = "Input";
 
 //#endregion
 export { InputBase, Input as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=input.js.map

package/dist/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport type { InputProps } from './input.types'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Input] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Input] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(resolvedStartIcon) ? <InputIcon ml={1} name={resolvedStartIcon} /> : resolvedStartIcon}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(resolvedEndIcon) ? <InputIcon mr={1} name={resolvedEndIcon} /> : resolvedEndIcon}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\n                  variant=\"tertiary\"\n                />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport type { InputProps } from './input.types'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Input] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Input] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(resolvedStartIcon) ? <InputIcon ml={1} name={resolvedStartIcon} /> : resolvedStartIcon}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(resolvedEndIcon) ? <InputIcon mr={1} name={resolvedEndIcon} /> : resolvedEndIcon}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\n                  variant=\"tertiary\"\n                />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":"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"}

package/dist/input/inputIcon.js

@@ -24,5 +24,5 @@ InputIcon.displayName = "InputIcon";
 
 //#endregion
 export { InputIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=inputIcon.js.map

package/dist/input/inputInput.js

@@ -49,5 +49,5 @@ InputInput.displayName = "InputInput";
 
 //#endregion
 export { InputInputBase, InputInput as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=inputInput.js.map

package/dist/input/theme.js

@@ -83,5 +83,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/label/label.js

@@ -73,5 +73,5 @@ Label.displayName = "Label";
 
 //#endregion
 export { Label as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=label.js.map

package/dist/label/theme.js

@@ -18,5 +18,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/link/context.js

@@ -5,5 +5,5 @@ const [LinkProvider, useLinkContext] = createContext({ isOptional: true });
 
 //#endregion
 export { LinkProvider, useLinkContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/link/link.js

@@ -106,5 +106,5 @@ Link.displayName = "Link";
 
 //#endregion
 export { LinkBase, Link as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=link.js.map

package/dist/link/linkIcon.js

@@ -21,5 +21,5 @@ LinkIcon.displayName = "LinkIcon";
 
 //#endregion
 export { LinkIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=linkIcon.js.map

package/dist/link/linkText.js

@@ -23,5 +23,5 @@ LinkText.displayName = "LinkText";
 
 //#endregion
 export { LinkText as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=linkText.js.map

package/dist/link/theme.js

@@ -55,5 +55,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/list/context.js

@@ -5,5 +5,5 @@ const [ListProvider, useListContext] = createContext({ isOptional: true });
 
 //#endregion
 export { ListProvider, useListContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/list/list.js

@@ -83,5 +83,5 @@ List.displayName = "List";
 
 //#endregion
 export { ListBase, List as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=list.js.map

package/dist/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  // eslint-disable-next-line @eslint-react/use-state\n  const [, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,GAAG;AAC/B,MAAM,WAAW,CAAC,aAAa,KAAK;AACpC,MAAM,WAAW,CAAC,SAAS;AAE3B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;CAAQ,CAAC,GAAG;EAAC;EAAe;EAAM;CAAO,CAAC;CAE/G,MAAM,UAAU,OAAyB,IAAI;CAG7C,MAAM,GAAG,aAAa,SAAS,EAAE;CAEjC,MAAM,aAAa,UAAyB;EAC1C,IAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;EAAS,EAAE,SAAS,MAAM,GAAG,GAAG;GAChE,MAAM,eAAe;GACrB,WAAW,MAAc;IACvB,IAAI,SAAS;IACb,IAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,UACV,EAAE,QAAO,UAAU,MAAsB,aAAa,CAAC;KAE5F,IAAI,SAAS,SAAS,MAAM,GAAG,KAAK,SAAS,mBAAmB,SAAS,GAAG;KAC5E,IAAI,SAAS,SAAS,MAAM,GAAG,GAAG,SAAS,SAAS,IAAI,SAAS,IAAI;KAErE,mBAAmB,SAAS,MAAM,UAAU;MAC1C,IAAI,UAAU,QACZ,IAAI,UAAU,SAAS,MAAM,GAAG,GAAG,AAAC,MAAsB,MAAM;WAC3D,AAAC,MAAsB,MAAM;KAEtC,CAAC;IACH;IACA,OAAO;GACT,CAAC;EACH;CACF;CAEA,gBAAgB;EACd,IAAI,QAAQ,WAAW,eAAe;GACpC,QAAQ,QAAQ,iBAAiB,WAAW,SAAS;GACrD,aAAa;IACX,QAAQ,SAAS,oBAAoB,WAAW,SAAS;GAC3D;EACF;CACF,GAAG,CAAC,QAAQ,SAAS,aAAa,CAAC;CAEnC,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAG,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;aAA/F,CACG,YAAY,OAAO,IAAI,oBAAC,aAAD,EAAa,MAAM,QAAU,KAAI,SACxD,aACE,QAAuB,KAAK,IACzB,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,UAAD,EAA6B,GAAI,MAAQ,GAA1B,OAAO,KAAmB,CAAC,IAClF,MACE;;CACE;AAElB,CAAC;AAQD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  // eslint-disable-next-line @eslint-react/use-state\n  const [, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,GAAG;AAC/B,MAAM,WAAW,CAAC,aAAa,KAAK;AACpC,MAAM,WAAW,CAAC,SAAS;AAE3B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;CAAQ,CAAC,GAAG;EAAC;EAAe;EAAM;CAAO,CAAC;CAE/G,MAAM,UAAU,OAAyB,IAAI;CAG7C,MAAM,GAAG,aAAa,SAAS,EAAE;CAEjC,MAAM,aAAa,UAAyB;EAC1C,IAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;EAAS,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;GAChE,MAAM,eAAe;GACrB,WAAW,MAAc;IACvB,IAAI,SAAS;IACb,IAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,UACV,CAAC,CAAC,QAAO,UAAU,MAAsB,aAAa,CAAC;KAE5F,IAAI,SAAS,SAAS,MAAM,GAAG,KAAK,SAAS,mBAAmB,SAAS,GAAG;KAC5E,IAAI,SAAS,SAAS,MAAM,GAAG,GAAG,SAAS,SAAS,IAAI,SAAS,IAAI;KAErE,mBAAmB,SAAS,MAAM,UAAU;MAC1C,IAAI,UAAU,QACZ,IAAI,UAAU,SAAS,MAAM,GAAG,GAAG,AAAC,MAAsB,MAAM;WAC3D,AAAC,MAAsB,MAAM;KAEtC,CAAC;IACH;IACA,OAAO;GACT,CAAC;EACH;CACF;CAEA,gBAAgB;EACd,IAAI,QAAQ,WAAW,eAAe;GACpC,QAAQ,QAAQ,iBAAiB,WAAW,SAAS;GACrD,aAAa;IACX,QAAQ,SAAS,oBAAoB,WAAW,SAAS;GAC3D;EACF;CACF,GAAG,CAAC,QAAQ,SAAS,aAAa,CAAC;CAEnC,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAG,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;aAA/F,CACG,YAAY,OAAO,IAAI,oBAAC,aAAD,EAAa,MAAM,QAAU,KAAI,SACxD,aACE,QAAuB,KAAK,IACzB,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,UAAD,EAA6B,GAAI,MAAQ,GAA1B,OAAO,KAAmB,CAAC,IAClF,MACE;;CACE;AAElB,CAAC;AAQD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

package/dist/list/listDivider.js

@@ -22,5 +22,5 @@ ListDivider.displayName = "ListDivider";
 
 //#endregion
 export { ListDivider as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=listDivider.js.map

package/dist/list/listHeading.js

@@ -27,5 +27,5 @@ ListHeading.displayName = "ListHeading";
 
 //#endregion
 export { ListHeading as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=listHeading.js.map

package/dist/list/listIcon.js

@@ -21,5 +21,5 @@ ListIcon.displayName = "ListIcon";
 
 //#endregion
 export { ListIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=listIcon.js.map

package/dist/list/listItem.js

@@ -125,5 +125,5 @@ ListItem.displayName = "ListItem";
 
 //#endregion
 export { ListItemBase, ListItem as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[List.Item] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(resolvedStartIcon) ? (\n          <ListIcon mr={1} name={resolvedStartIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedStartIcon\n        )}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(resolvedEndIcon) ? (\n          <ListIcon ml=\"auto\" name={resolvedEndIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedEndIcon\n        )}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC,MAAD;CACE,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;AACL,EACF;AAED,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,WACA,SACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SACD;EAtBkB,GAAG,eAAe;EAAG,GAAG;CAsBhC;CAEd,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,eAAe,CACS,EAAE;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;CAAc,IAAI,CAAC;CAE7F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;EAAK,IACjD;GAAE,kBAAkB;GAAG,uBAAuB;EAAK;EACvD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;CACvB,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,gEAAgE;EAE/E,IAAI,cAAc,QAChB,QAAQ,KAAK,+DAA+D;CAGlF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EACE,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,SAAS;EACvC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC,gBAAD;GAAgB,GAAI;GAAW,GAAI;aAAnC;IACG;IAEA,SAAS,iBAAiB,IACzB,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAmB,eAAe;IAAW,KAEpE;IAGD,aAAa,YAAY,IAAI,IAAI,oBAAC,UAAD;KAAgB;KAAa;IAAS,KAAI;IAE3E,SAAS,eAAe,IACvB,oBAAC,UAAD;KAAU,IAAG;KAAO,MAAM;KAAiB,eAAe;IAAW,KAErE;IAGD;GACa;;CACJ;AAElB,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment, useEffect } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[List.Item] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[List.Item] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(resolvedStartIcon) ? (\n          <ListIcon mr={1} name={resolvedStartIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedStartIcon\n        )}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(resolvedEndIcon) ? (\n          <ListIcon ml=\"auto\" name={resolvedEndIcon} verticalAlign={'middle'} />\n        ) : (\n          resolvedEndIcon\n        )}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC,MAAD;CACE,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;AACL,EACF;AAED,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,WACA,SACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SACD;EAtBkB,GAAG,eAAe;EAAG,GAAG;CAsBhC;CAEd,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,eAAe,CACS,CAAC,CAAC;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;CAAc,IAAI,CAAC;CAE7F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;EAAK,IACjD;GAAE,kBAAkB;GAAG,uBAAuB;EAAK;EACvD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;CACd,IACA,CAAC;CAEP,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;CACvB,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,gEAAgE;EAE/E,IAAI,cAAc,QAChB,QAAQ,KAAK,+DAA+D;CAGlF,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EACE,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,SAAS;EACvC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC,gBAAD;GAAgB,GAAI;GAAW,GAAI;aAAnC;IACG;IAEA,SAAS,iBAAiB,IACzB,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAmB,eAAe;IAAW,KAEpE;IAGD,aAAa,YAAY,IAAI,IAAI,oBAAC,UAAD;KAAgB;KAAa;IAAS,KAAI;IAE3E,SAAS,eAAe,IACvB,oBAAC,UAAD;KAAU,IAAG;KAAO,MAAM;KAAiB,eAAe;IAAW,KAErE;IAGD;GACa;;CACJ;AAElB,CAAC;AAED,SAAS,cAAc"}

package/dist/list/listText.js

@@ -23,5 +23,5 @@ ListText.displayName = "ListText";
 
 //#endregion
 export { ListText as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=listText.js.map

package/dist/list/theme.js

@@ -100,5 +100,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=theme.js.map

package/dist/logo/Logo.js

@@ -48,5 +48,5 @@ Logo.displayName = "Logo";
 
 //#endregion
 export { Logo as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=Logo.js.map

package/dist/menu/context.js

@@ -5,5 +5,5 @@ const [MenuProvider, useMenuContext] = createContext({ isOptional: true });
 
 //#endregion
 export { MenuProvider, useMenuContext };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=context.js.map

package/dist/menu/menu.d.ts

@@ -7,7 +7,7 @@ import { ButtonProps } from "../button/button.types.js";
 import { MenuListProps, MenuProps } from "./menu.types.js";
 //#region src/menu/menu.d.ts
 /** Wraps Popover component and exposes some props to the children via context. */
-declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
+declare function Menu(props: MenuProps): import("react").JSX.Element;
 declare namespace Menu {
   var Button: VuiComponent<"button", ButtonProps>;
   var Item: VuiComponent<"li", ListItemProps>;

package/dist/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;;;;;iBAWgB,IAAA,CAAK,KAAA,EAAO,SAAS,+BAAA,GAAA,CAAA,OAAA;AAAA,kBAArB,IAAA;EAAA,mCAAI,WAAA;EAAA"}
+{"version":3,"file":"menu.d.ts","names":[],"sources":["../../src/menu/menu.tsx"],"mappings":";;;;;;;;;iBAWgB,IAAA,CAAK,KAAA,EAAO,SAAS,mBAAA,GAAA,CAAA,OAAA;AAAA,kBAArB,IAAA;EAAA,mCAAI,WAAA;EAAA"}

package/dist/menu/menu.js

@@ -31,5 +31,5 @@ Menu.displayName = "Menu";
 
 //#endregion
 export { Menu as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=menu.js.map

package/dist/menu/menuButton.js

@@ -23,5 +23,5 @@ MenuButton.displayName = "MenuButton";
 
 //#endregion
 export { MenuButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=menuButton.js.map

package/dist/menu/menuItem.js

@@ -33,5 +33,5 @@ MenuItem.displayName = "MenuItem";
 
 //#endregion
 export { MenuItem as default };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=menuItem.js.map