@veracity/vui 3.1.2 → 3.2.0

package/dist/icons/baseIcons/ui/uiUndo.js

@@ -12,5 +12,5 @@ var uiUndo_default = {
 
 //#endregion
 export { uiUndo_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUndo.js.map

package/dist/icons/baseIcons/ui/uiUnlockAlt.js

@@ -13,5 +13,5 @@ var uiUnlockAlt_default = {
 
 //#endregion
 export { uiUnlockAlt_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUnlockAlt.js.map

package/dist/icons/baseIcons/ui/uiUser.js

@@ -13,5 +13,5 @@ var uiUser_default = {
 
 //#endregion
 export { uiUser_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUser.js.map

package/dist/icons/baseIcons/ui/uiUserChart.js

@@ -13,5 +13,5 @@ var uiUserChart_default = {
 
 //#endregion
 export { uiUserChart_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserChart.js.map

package/dist/icons/baseIcons/ui/uiUserCircle.js

@@ -13,5 +13,5 @@ var uiUserCircle_default = {
 
 //#endregion
 export { uiUserCircle_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserCircle.js.map

package/dist/icons/baseIcons/ui/uiUserCog.js

@@ -13,5 +13,5 @@ var uiUserCog_default = {
 
 //#endregion
 export { uiUserCog_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserCog.js.map

package/dist/icons/baseIcons/ui/uiUserEdit.js

@@ -13,5 +13,5 @@ var uiUserEdit_default = {
 
 //#endregion
 export { uiUserEdit_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserEdit.js.map

package/dist/icons/baseIcons/ui/uiUserFriends.js

@@ -13,5 +13,5 @@ var uiUserFriends_default = {
 
 //#endregion
 export { uiUserFriends_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserFriends.js.map

package/dist/icons/baseIcons/ui/uiUserHeadset.js

@@ -13,5 +13,5 @@ var uiUserHeadset_default = {
 
 //#endregion
 export { uiUserHeadset_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserHeadset.js.map

package/dist/icons/baseIcons/ui/uiUserPlus.js

@@ -13,5 +13,5 @@ var uiUserPlus_default = {
 
 //#endregion
 export { uiUserPlus_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserPlus.js.map

package/dist/icons/baseIcons/ui/uiUserShield.js

@@ -13,5 +13,5 @@ var uiUserShield_default = {
 
 //#endregion
 export { uiUserShield_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserShield.js.map

package/dist/icons/baseIcons/ui/uiUserTimes.js

@@ -13,5 +13,5 @@ var uiUserTimes_default = {
 
 //#endregion
 export { uiUserTimes_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserTimes.js.map

package/dist/icons/baseIcons/ui/uiUserTransfer.js

@@ -13,5 +13,5 @@ var uiUserTransfer_default = {
 
 //#endregion
 export { uiUserTransfer_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUserTransfer.js.map

package/dist/icons/baseIcons/ui/uiUsers.js

@@ -13,5 +13,5 @@ var uiUsers_default = {
 
 //#endregion
 export { uiUsers_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUsers.js.map

package/dist/icons/baseIcons/ui/uiUsersClass.js

@@ -13,5 +13,5 @@ var uiUsersClass_default = {
 
 //#endregion
 export { uiUsersClass_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiUsersClass.js.map

package/dist/icons/baseIcons/ui/uiVeracityService.js

@@ -17,5 +17,5 @@ var uiVeracityService_default = {
 
 //#endregion
 export { uiVeracityService_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiVeracityService.js.map

package/dist/icons/baseIcons/ui/uiVessel.js

@@ -13,5 +13,5 @@ var uiVessel_default = {
 
 //#endregion
 export { uiVessel_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiVessel.js.map

package/dist/icons/baseIcons/ui/uiVesselGroup.js

@@ -13,5 +13,5 @@ var uiVesselGroup_default = {
 
 //#endregion
 export { uiVesselGroup_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiVesselGroup.js.map

package/dist/icons/baseIcons/ui/uiVesselSolid.js

@@ -13,5 +13,5 @@ var uiVesselSolid_default = {
 
 //#endregion
 export { uiVesselSolid_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiVesselSolid.js.map

package/dist/icons/baseIcons/ui/uiWater.js

@@ -13,5 +13,5 @@ var uiWater_default = {
 
 //#endregion
 export { uiWater_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiWater.js.map

package/dist/icons/baseIcons/ui/uiWind.js

@@ -13,5 +13,5 @@ var uiWind_default = {
 
 //#endregion
 export { uiWind_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiWind.js.map

package/dist/icons/baseIcons/ui/uiWindTurbine.js

@@ -13,5 +13,5 @@ var uiWindTurbine_default = {
 
 //#endregion
 export { uiWindTurbine_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiWindTurbine.js.map

package/dist/icons/baseIcons/ui/uiWindTurbineSolid.js

@@ -13,5 +13,5 @@ var uiWindTurbineSolid_default = {
 
 //#endregion
 export { uiWindTurbineSolid_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiWindTurbineSolid.js.map

package/dist/icons/baseIcons/ui/uiWrench.js

@@ -13,5 +13,5 @@ var uiWrench_default = {
 
 //#endregion
 export { uiWrench_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=uiWrench.js.map

package/dist/icons/cache.js

@@ -33,5 +33,5 @@ var cache_default = cache;
 
 //#endregion
 export { cache_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=cache.js.map

package/dist/icons/consts.js

@@ -71,5 +71,5 @@ const defaultIcons = {
 
 //#endregion
 export { defaultIcons };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=consts.js.map

package/dist/icons/iconReplacements.js

@@ -33,5 +33,5 @@ const IconReplacements = {
 
 //#endregion
 export { IconReplacements };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=iconReplacements.js.map

package/dist/image/image.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ImageProps } from "./image.types.js";
 import "../index.js";
-import * as styled_components381 from "styled-components";
+import * as styled_components383 from "styled-components";
 
 //#region src/image/image.d.ts
-declare const ImageBase: styled_components381.StyledComponent<"img", styled_components381.DefaultTheme, SystemProps, never>;
+declare const ImageBase: styled_components383.StyledComponent<"img", styled_components383.DefaultTheme, SystemProps, never>;
 /** Displays an image. Includes base styling. */
 declare const Image: VuiComponent<"img", ImageProps>;
 //#endregion

package/dist/image/image.js

@@ -28,5 +28,5 @@ var image_default = Image;
 
 //#endregion
 export { Image, ImageBase, image_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=image.js.map

package/dist/image/theme.js

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

package/dist/index.d.ts

@@ -72,6 +72,7 @@ import { ButtonProps, ButtonState, ButtonStateMapping, IconButtonProps } from ".
 import { ButtonIcon } from "./button/buttonIcon.js";
 import { TProps } from "./t/t.types.js";
 import { T, TBase } from "./t/t.js";
+import { Lead } from "./t/specialVariants.js";
 import "./t/index.js";
 import { ButtonText } from "./button/buttonText.js";
 import { Button, ButtonBase } from "./button/button.js";
@@ -201,6 +202,9 @@ import { DialogTitle } from "./dialog/dialogTitle.js";
 import { Dialog, DialogBase } from "./dialog/dialog.js";
 import { useDialog } from "./dialog/useDialog.js";
 import "./dialog/index.js";
+import { DisplayTextProps } from "./display/display.types.js";
+import { Display, DisplayBase } from "./display/display.js";
+import "./display/index.js";
 import { DragAndDropProps } from "./dragAndDrop/dragAndDrop.types.js";
 import { DragAndDrop } from "./dragAndDrop/dragAndDrop.js";
 import "./dragAndDrop/index.js";
@@ -388,4 +392,4 @@ import { Tutorial } from "./tutorial/tutorial.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { TutorialStep } from "./tutorial/tutorialStep.js";
 import "./tutorial/index.js";
-export { Accordion, AccordionBase, AccordionIconPosition, AccordionItem, AccordionItemArrowProps, AccordionItemHorizontal, AccordionItemId, AccordionItemProps, AccordionOnToggleEvent, AccordionOrientation, AccordionProps, AlignContentProps, AlignItemsProps, AlignSelfProps, Animation, AnimationDirection, AnimationGetter, AnimationProp, AnimationProps, AnimationsProps, AnyFunction, AnyNumber, AnyString, AppButton, AppearanceProps, ApplicationFooter, ApplicationFooterProps, AutoCompletePopoverProps, Avatar, AvatarBase, AvatarProps, BackButton, BackgroundColorProps, BackgroundsProps, Badge, Border, BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderGetter, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProp, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleGetter, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthGetter, BorderWidthProps, BordersProps, BottomProps, Box, BoxBase, BoxProps, BoxShadowProps, BoxSizingProps, Breadcrumbs, BreadcrumbsBase, BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProps, ButtonGroupProvider, ButtonIcon, ButtonProps, ButtonProvider, ButtonState, ButtonStateMapping, ButtonText, ButtonToggleGroup, ButtonToggleGroupProps, CSSFunction, CTAButton, Calendar, CalendarMode, CalendarProps, Card, CardProps, ChangeEvent, ChangeEventHandler, Chat, ChatInput, ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatMessage, ChatProps, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProps, CheckboxGroupProvider, CheckboxProps, CheckboxStyleProps, ChildrenProp, CloseButton, CloseEvent, Color, ColorGetter, ColorProps, Component, CopyToClipboard, CopyToClipboardProps, CreateContextOptions, CreateContextReturn, CreateGlobalStyle, CursorProps, DangerButton, DateFormat, DatePicker, DatePickerPopupPosition, DatePickerProps, DateRange, DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogBodyProps, DialogCancelButton, DialogCancelButtonProps, DialogCloseButton, DialogCloseButtonProps, DialogContext, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogIcon, DialogIconProps, DialogPlacement, DialogProps, DialogProvider, DialogStatus, DialogStatusMapping, DialogSubmitButton, DialogSubmitButtonProps, DialogTitle, DialogTitleProps, Dict, DisplayProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, Divider, DividerBase, DividerProps, DragAndDrop, DragAndDropProps, Drawer, DrawerProps, DurationGetter, EffectsProps, Elevation, Environment, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxesProps, FloatProps, FlowDirection, FocusEvent, FocusEventHandler, FocusLock, FocusLockProps, FocusableElement, Font, FontFamilyProps, FontGetter, FontSize, FontSizeGetter, FontSizeProps, FontStyleProps, FontWeight, FontWeightGetter, FontWeightProps, Footer, FooterBase, FooterColumnData, FooterColumnProps, FooterColumnsProps, FooterContent, FooterContentProps, FooterContext, FooterHeading, FooterLink, FooterLinkData, FooterProps, FooterSection, FooterSectionData, FooterSectionProps, FooterTrademarkProps, FormatDateOptions, GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, GridProps, GridTemplateColumn, GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountData, HeaderAccountProps, HeaderAccountSectionData, HeaderAccountUserInfo, HeaderAccountUserInfoData, HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, HeaderButtonData, HeaderContent, HeaderContentProps, HeaderContext, HeaderCreateAccount, HeaderCreateAccountData, HeaderCreateAccountProps, HeaderDivider, HeaderLinkData, HeaderLinkItem, HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderNotificationsData, HeaderNotificationsProps, HeaderProps, HeaderProvider, HeaderServices, HeaderServicesData, HeaderServicesMessage, HeaderServicesProps, HeaderSignIn, HeaderSignInProps, HeaderSupportProps, Heading, HeadingBase, HeadingProps, HeadingSize, HeightProps, HelpText, HelpTextProps, Icon, IconButton, IconButtonProps, IconDefinition, IconDetails, IconProp, IconProps, Image, ImageBase, ImageProps, Input, InputBase, InputIcon, InputInput, InputInputBase, InputInputProps, InputProps, InputState, InputStateMapping, InputType, InsetGetter, InteractivityProps, IsTruncatedProps, ItemProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, KeyboardEvent, KeyboardEventHandler, KeyboardKeys, Label, LabelBase, LabelProps, LayoutProps, LeftProps, LetterSpacingProps, LineButton, LineHeightGetter, LineHeightProps, Link, LinkBase, LinkIcon, LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListItemLinkProps, ListItemProps, ListProps, ListProvider, ListStylePositionProps, ListStyleTypeProps, ListText, LoggedInHeader, LoggedInHeaderProps, LoggedOutHeader, LoggedOutHeaderProps, Logo, MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, MaxHeightProps, MaxLinesProps, MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, MenuListProps, MenuProps, MenuProvider, Message, MessageBase, MessageProps, MinHeightProps, MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, ModalBackdropProps, ModalContent, ModalContentBase, ModalContentProps, ModalContext, ModalProps, ModalProvider, MonthProps, MouseEvent, MouseEventHandler, NavBarIconSize, Notification, NotificationButton, NotificationIcon, NotificationProps, NotificationProvider, NotificationStatus, NotificationStatusMapping, NotificationText, NotificationTitle, NotificationVariant, ObjectFitProps, OpacityProps, OrderProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, P, PBase, PProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, Pagination, PaginationButton, PaginationButtonProps, PaginationContext, PaginationEllipsis, PaginationGoToPage, PaginationItem, PaginationNavigation, PaginationPrevNext, PaginationPrevNextProps, PaginationProps, PaginationProvider, PaginationResults, Panel, PanelProps, PointerEventsProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverProvider, PopoverRenderProps, PopoverTrigger, PopoverTriggerProps, Portal, PortalProps, PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, ProgressCircularProps, ProgressProps, PropsOf, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProps, RadioGroupProvider, RadioProps, RadioStyleProps, Radius, RadiusGetter, Range, RangeProps, RangeTrackKey, RangeValue, Rating, RefPropsOf, RenderOnScreen, RenderOnScreenProps, RenderProps, _default$1 as ResetCSS, ResizeProps, RightJoinProps, RightProps, RingColorProps, RingProps, RingWidth, RingWidthGetter, RotateProps, ScaleProps, ScaleXProps, ScaleYProps, Screen, Select, SelectButton, SelectButtonProps, SelectContent, SelectContentProps, SelectContext, SelectGroup, SelectGroupProps, SelectLabelProps, SelectOption, SelectOptionData, SelectOptionProps, SelectProps, SelectValue, Shadow, ShadowGetter, Sidemenu, SidemenuCollapseModeV2, SidemenuComponentV2Props, SidemenuContextV2Value, SidemenuExpandEventV2, SidemenuFlatItemV2, SidemenuGroupV2Props, SidemenuItem, SidemenuItemBadgeV2Props, SidemenuItemClickEventV2, SidemenuItemComponentV2Props, SidemenuItemProps, SidemenuItemV2Props, SidemenuItemWithChildrenV2, SidemenuOrientation, SidemenuOrientationV2, SidemenuProps, SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, SidemenuTopComponentV2Props, SidemenuTopProps, SidemenuTopPropsV2, SidemenuTopV2Props, SidemenuV2, SidemenuV2Props, SidemenuVariantV2, Size, SizeGetter, SizingProps, Skeleton, SkeletonBase, SkeletonProps, SkewXProps, SkewYProps, Sort, SortOrder, Space, SpaceGetter, SpaceProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps, Spinner, SpinnerCircle, SpinnerProps, StepHorizontal, StepHorizontalBase, StepHorizontalProps, StepHorizontalSize, StepHorizontalTailProps, StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, StepVerticalProps, StepVerticalSize, StepVerticalTailProps, StepVerticalTitleProps, StepperHorizontal, StepperHorizontalProps, StepperVertical, StepperVerticalProps, Svg, SvgBase, SvgProps, SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchButtonProps, SwitchContext, SwitchLabel, SwitchProps, SwitchProvider, SystemProps, T, TBase, TProps, Tab, TabBase, TabIndexProps, TabNavBarProps, TabProps, Table, TableBase, TableColumn, TableContext, TableProps, TableProvider, TableSortIcon, TableSortIconProps, Tabs, TabsBase, TabsProps, TabsSize, Tag, TagBase, TagButton, TagIcon, TagInnerProps, TagProps, TagProvider, TagText, Tbody, TbodyBase, TbodyProps, Td, TdBase, TdProps, TextAlignProps, TextButton, TextDecorationProps, TextOverflowProps, TextShadowProps, TextTransformProps, Textarea, TextareaBase, TextareaProps, Tfoot, TfootBase, TfootProps, Th, ThBase, ThProps, Thead, TheadProps, ThemeGet, ThemingProps, TimeItem, TimeResult, TimeUnitMode, TimingFunctionGetter, ToastDuration, ToastListItem, ToastOptions, ToastSetup, _default$2 as Toaster, Tooltip, TooltipArrowProps, TooltipProps, TopProps, Tr, TrBase, TrProps, Transform, TransformGetter, TransformOriginProps, TransformProps, TransformsProps, TransitionDelayProps, TransitionDuration, TransitionDurationProps, TransitionGetter, TransitionPropertyGetter, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps, TransitionsProps, TranslateXProps, TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeItemId, TreeItemLinkProps, TreeItemProps, TreeOnToggleEvent, TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialCardProps, TutorialDataStep, TutorialProps, TutorialStep, TutorialStepProps, TutorialStepWrapper, TypographyProps, UseControlledProps, UsePaginationProps, UsePopoverProps, UseSelectProps, UseSelectReturnType, UseSidemenuItemV2Return, UseSidemenuV2Return, UserSelectProps, VC, VStyled, VerticalAlignProps, VisibilityProps, VuiComponent, VuiComponentConfig, VuiContext, VuiContextProvider, VuiIcon, VuiIcons, VuiProvider, VuiTheme, VuiThemeDefaults, VuiThemeExtensions, WhiteSpaceProps, WidthProps, WordBreakProps, ZIndex, ZIndexGetter, 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, closeOnEscPlugin, _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, matchWidthModifier, 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, _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, vuiColorToRGBA, weekDays, wordBreak, _default$21 as zIndices };
+export { Accordion, AccordionBase, AccordionIconPosition, AccordionItem, AccordionItemArrowProps, AccordionItemHorizontal, AccordionItemId, AccordionItemProps, AccordionOnToggleEvent, AccordionOrientation, AccordionProps, AlignContentProps, AlignItemsProps, AlignSelfProps, Animation, AnimationDirection, AnimationGetter, AnimationProp, AnimationProps, AnimationsProps, AnyFunction, AnyNumber, AnyString, AppButton, AppearanceProps, ApplicationFooter, ApplicationFooterProps, AutoCompletePopoverProps, Avatar, AvatarBase, AvatarProps, BackButton, BackgroundColorProps, BackgroundsProps, Badge, Border, BorderBottomColorProps, BorderBottomProps, BorderBottomWidthProps, BorderColorProps, BorderGetter, BorderLeftColorProps, BorderLeftProps, BorderLeftWidthProps, BorderProps, BorderRadiusProp, BorderRadiusProps, BorderRightColorProps, BorderRightProps, BorderRightWidthProps, BorderStyleGetter, BorderStyleProps, BorderTopColorProps, BorderTopProps, BorderTopWidthProps, BorderWidthGetter, BorderWidthProps, BordersProps, BottomProps, Box, BoxBase, BoxProps, BoxShadowProps, BoxSizingProps, Breadcrumbs, BreadcrumbsBase, BreadcrumbsItemProps, BreadcrumbsProps, BreadcrumbsSeparatorProps, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProps, ButtonGroupProvider, ButtonIcon, ButtonProps, ButtonProvider, ButtonState, ButtonStateMapping, ButtonText, ButtonToggleGroup, ButtonToggleGroupProps, CSSFunction, CTAButton, Calendar, CalendarMode, CalendarProps, Card, CardProps, ChangeEvent, ChangeEventHandler, Chat, ChatInput, ChatInputButtonProps, ChatInputProps, ChatInputStatus, ChatMessage, ChatProps, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProps, CheckboxGroupProvider, CheckboxProps, CheckboxStyleProps, ChildrenProp, CloseButton, CloseEvent, Color, ColorGetter, ColorProps, Component, CopyToClipboard, CopyToClipboardProps, CreateContextOptions, CreateContextReturn, CreateGlobalStyle, CursorProps, DangerButton, DateFormat, DatePicker, DatePickerPopupPosition, DatePickerProps, DateRange, DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogBodyProps, DialogCancelButton, DialogCancelButtonProps, DialogCloseButton, DialogCloseButtonProps, DialogContext, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogIcon, DialogIconProps, DialogPlacement, DialogProps, DialogProvider, DialogStatus, DialogStatusMapping, DialogSubmitButton, DialogSubmitButtonProps, DialogTitle, DialogTitleProps, Dict, Display, DisplayBase, DisplayProps, DisplayTextProps, DivideColorProps, DivideStyleProps, DivideXProps, DivideXReverseProps, DivideYProps, DivideYReverseProps, Divider, DividerBase, DividerProps, DragAndDrop, DragAndDropProps, Drawer, DrawerProps, DurationGetter, EffectsProps, Elevation, Environment, FlexBasisProps, FlexDirectionProps, FlexGrowProps, FlexProps, FlexShrinkProps, FlexWrapProps, FlexboxesProps, FloatProps, FlowDirection, FocusEvent, FocusEventHandler, FocusLock, FocusLockProps, FocusableElement, Font, FontFamilyProps, FontGetter, FontSize, FontSizeGetter, FontSizeProps, FontStyleProps, FontWeight, FontWeightGetter, FontWeightProps, Footer, FooterBase, FooterColumnData, FooterColumnProps, FooterColumnsProps, FooterContent, FooterContentProps, FooterContext, FooterHeading, FooterLink, FooterLinkData, FooterProps, FooterSection, FooterSectionData, FooterSectionProps, FooterTrademarkProps, FormatDateOptions, GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, GridProps, GridTemplateColumn, GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountData, HeaderAccountProps, HeaderAccountSectionData, HeaderAccountUserInfo, HeaderAccountUserInfoData, HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, HeaderButtonData, HeaderContent, HeaderContentProps, HeaderContext, HeaderCreateAccount, HeaderCreateAccountData, HeaderCreateAccountProps, HeaderDivider, HeaderLinkData, HeaderLinkItem, HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderNotificationsData, HeaderNotificationsProps, HeaderProps, HeaderProvider, HeaderServices, HeaderServicesData, HeaderServicesMessage, HeaderServicesProps, HeaderSignIn, HeaderSignInProps, HeaderSupportProps, Heading, HeadingBase, HeadingProps, HeadingSize, HeightProps, HelpText, HelpTextProps, Icon, IconButton, IconButtonProps, IconDefinition, IconDetails, IconProp, IconProps, Image, ImageBase, ImageProps, Input, InputBase, InputIcon, InputInput, InputInputBase, InputInputProps, InputProps, InputState, InputStateMapping, InputType, InsetGetter, InteractivityProps, IsTruncatedProps, ItemProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, KeyboardEvent, KeyboardEventHandler, KeyboardKeys, Label, LabelBase, LabelProps, LayoutProps, Lead, LeftProps, LetterSpacingProps, LineButton, LineHeightGetter, LineHeightProps, Link, LinkBase, LinkIcon, LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListItemLinkProps, ListItemProps, ListProps, ListProvider, ListStylePositionProps, ListStyleTypeProps, ListText, LoggedInHeader, LoggedInHeaderProps, LoggedOutHeader, LoggedOutHeaderProps, Logo, MarginBottomProps, MarginLeftProps, MarginProps, MarginRightProps, MarginTopProps, MarginXProps, MarginYProps, MaxHeightProps, MaxLinesProps, MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, MenuListProps, MenuProps, MenuProvider, Message, MessageBase, MessageProps, MinHeightProps, MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, ModalBackdropProps, ModalContent, ModalContentBase, ModalContentProps, ModalContext, ModalProps, ModalProvider, MonthProps, MouseEvent, MouseEventHandler, NavBarIconSize, Notification, NotificationButton, NotificationIcon, NotificationProps, NotificationProvider, NotificationStatus, NotificationStatusMapping, NotificationText, NotificationTitle, NotificationVariant, ObjectFitProps, OpacityProps, OrderProps, OutlineColorProps, OutlineProps, OutlineStyleProps, OutlineWidthProps, OverflowProps, OverflowXProps, OverflowYProps, OverscrollBehaviorProps, P, PBase, PProps, PaddingBottomProps, PaddingLeftProps, PaddingProps, PaddingRightProps, PaddingTopProps, PaddingXProps, PaddingYProps, Pagination, PaginationButton, PaginationButtonProps, PaginationContext, PaginationEllipsis, PaginationGoToPage, PaginationItem, PaginationNavigation, PaginationPrevNext, PaginationPrevNextProps, PaginationProps, PaginationProvider, PaginationResults, Panel, PanelProps, PointerEventsProps, Popover, PopoverContent, PopoverContentProps, PopoverProps, PopoverProvider, PopoverRenderProps, PopoverTrigger, PopoverTriggerProps, Portal, PortalProps, PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, ProgressCircularProps, ProgressProps, PropsOf, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProps, RadioGroupProvider, RadioProps, RadioStyleProps, Radius, RadiusGetter, Range, RangeProps, RangeTrackKey, RangeValue, Rating, RefPropsOf, RenderOnScreen, RenderOnScreenProps, RenderProps, _default$1 as ResetCSS, ResizeProps, RightJoinProps, RightProps, RingColorProps, RingProps, RingWidth, RingWidthGetter, RotateProps, ScaleProps, ScaleXProps, ScaleYProps, Screen, Select, SelectButton, SelectButtonProps, SelectContent, SelectContentProps, SelectContext, SelectGroup, SelectGroupProps, SelectLabelProps, SelectOption, SelectOptionData, SelectOptionProps, SelectProps, SelectValue, Shadow, ShadowGetter, Sidemenu, SidemenuCollapseModeV2, SidemenuComponentV2Props, SidemenuContextV2Value, SidemenuExpandEventV2, SidemenuFlatItemV2, SidemenuGroupV2Props, SidemenuItem, SidemenuItemBadgeV2Props, SidemenuItemClickEventV2, SidemenuItemComponentV2Props, SidemenuItemProps, SidemenuItemV2Props, SidemenuItemWithChildrenV2, SidemenuOrientation, SidemenuOrientationV2, SidemenuProps, SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, SidemenuTopComponentV2Props, SidemenuTopProps, SidemenuTopPropsV2, SidemenuTopV2Props, SidemenuV2, SidemenuV2Props, SidemenuVariantV2, Size, SizeGetter, SizingProps, Skeleton, SkeletonBase, SkeletonProps, SkewXProps, SkewYProps, Sort, SortOrder, Space, SpaceGetter, SpaceProps, SpaceXProps, SpaceXReverseProps, SpaceYProps, SpaceYReverseProps, Spinner, SpinnerCircle, SpinnerProps, StepHorizontal, StepHorizontalBase, StepHorizontalProps, StepHorizontalSize, StepHorizontalTailProps, StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, StepVerticalProps, StepVerticalSize, StepVerticalTailProps, StepVerticalTitleProps, StepperHorizontal, StepperHorizontalProps, StepperVertical, StepperVerticalProps, Svg, SvgBase, SvgProps, SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchButtonProps, SwitchContext, SwitchLabel, SwitchProps, SwitchProvider, SystemProps, T, TBase, TProps, Tab, TabBase, TabIndexProps, TabNavBarProps, TabProps, Table, TableBase, TableColumn, TableContext, TableProps, TableProvider, TableSortIcon, TableSortIconProps, Tabs, TabsBase, TabsProps, TabsSize, Tag, TagBase, TagButton, TagIcon, TagInnerProps, TagProps, TagProvider, TagText, Tbody, TbodyBase, TbodyProps, Td, TdBase, TdProps, TextAlignProps, TextButton, TextDecorationProps, TextOverflowProps, TextShadowProps, TextTransformProps, Textarea, TextareaBase, TextareaProps, Tfoot, TfootBase, TfootProps, Th, ThBase, ThProps, Thead, TheadProps, ThemeGet, ThemingProps, TimeItem, TimeResult, TimeUnitMode, TimingFunctionGetter, ToastDuration, ToastListItem, ToastOptions, ToastSetup, _default$2 as Toaster, Tooltip, TooltipArrowProps, TooltipProps, TopProps, Tr, TrBase, TrProps, Transform, TransformGetter, TransformOriginProps, TransformProps, TransformsProps, TransitionDelayProps, TransitionDuration, TransitionDurationProps, TransitionGetter, TransitionPropertyGetter, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps, TransitionsProps, TranslateXProps, TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeItemId, TreeItemLinkProps, TreeItemProps, TreeOnToggleEvent, TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialCardProps, TutorialDataStep, TutorialProps, TutorialStep, TutorialStepProps, TutorialStepWrapper, TypographyProps, UseControlledProps, UsePaginationProps, UsePopoverProps, UseSelectProps, UseSelectReturnType, UseSidemenuItemV2Return, UseSidemenuV2Return, UserSelectProps, VC, VStyled, VerticalAlignProps, VisibilityProps, VuiComponent, VuiComponentConfig, VuiContext, VuiContextProvider, VuiIcon, VuiIcons, VuiProvider, VuiTheme, VuiThemeDefaults, VuiThemeExtensions, WhiteSpaceProps, WidthProps, WordBreakProps, ZIndex, ZIndexGetter, 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, closeOnEscPlugin, _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, matchWidthModifier, 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, _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, vuiColorToRGBA, weekDays, wordBreak, _default$21 as zIndices };

package/dist/index.js

@@ -60,6 +60,7 @@ import { Icon } from "./icon/icon.js";
 import { ButtonProvider, useButtonContext } from "./button/context.js";
 import { ButtonIcon } from "./button/buttonIcon.js";
 import { T, TBase } from "./t/t.js";
+import { Lead } from "./t/specialVariants.js";
 import { ButtonText } from "./button/buttonText.js";
 import { Button, ButtonBase } from "./button/button.js";
 import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton } from "./button/buttons.js";
@@ -142,6 +143,7 @@ import { DialogTitle } from "./dialog/dialogTitle.js";
 import { DialogHeader } from "./dialog/dialogHeader.js";
 import dialog_default, { DialogBase } from "./dialog/dialog.js";
 import { useDialog } from "./dialog/useDialog.js";
+import display_default, { DisplayBase } from "./display/display.js";
 import { DragAndDrop } from "./dragAndDrop/dragAndDrop.js";
 import { Drawer } from "./drawer/drawer.js";
 import { MenuProvider, useMenuContext } from "./menu/context.js";
@@ -239,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_default as Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, 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_default as HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, LabelBase, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, menu_default as Menu, menuButton_default as MenuButton, menuItem_default as MenuItem, menuList_default as MenuList, MenuProvider, Message, MessageBase, modal_default as Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationButton, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, popoverContent_default as PopoverContent, PopoverProvider, popoverTrigger_default as PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, 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_default as 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, closeOnEscPlugin, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme_default as 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_default as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, matchWidthModifier, 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, 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, vuiColorToRGBA, weekDays, wordBreak, zIndices_default as zIndices };
-globalThis.__vuiVersion__ = "3.1.2"
+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_default as Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, display_default as 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_default as HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, LabelBase, Lead, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, menu_default as Menu, menuButton_default as MenuButton, menuItem_default as MenuItem, menuList_default as MenuList, MenuProvider, Message, MessageBase, modal_default as Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationButton, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, popoverContent_default as PopoverContent, PopoverProvider, popoverTrigger_default as PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, 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_default as 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, closeOnEscPlugin, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme_default as 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_default as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, matchWidthModifier, 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, 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, vuiColorToRGBA, weekDays, wordBreak, zIndices_default as zIndices };
+globalThis.__vuiVersion__ = "3.2.0"

package/dist/input/autoCompletePopover.js

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

package/dist/input/consts.js

@@ -62,5 +62,5 @@ const helpTextMargin = "60px";
 
 //#endregion
 export { clearIconSize, displayValueOnlyTextSize, helpTextMargin, helpTextSize, inputColors, inputStateMapping };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.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__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=context.js.map

package/dist/input/helpText.js

@@ -59,5 +59,5 @@ var helpText_default = HelpText;
 
 //#endregion
 export { helpText_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=helpText.js.map

package/dist/input/helpers.js

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

package/dist/input/input.d.ts

@@ -6,10 +6,10 @@ import { HelpText } from "./helpText.js";
 import { InputIcon } from "./inputIcon.js";
 import { InputInput } from "./inputInput.js";
 import "../index.js";
-import * as styled_components384 from "styled-components";
+import * as styled_components396 from "styled-components";
 
 //#region src/input/input.d.ts
-declare const InputBase: styled_components384.StyledComponent<"div", styled_components384.DefaultTheme, SystemProps, never>;
+declare const InputBase: styled_components396.StyledComponent<"div", styled_components396.DefaultTheme, SystemProps, never>;
 /**
  * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.
  * Forwards many relevant props to the inner input. Handles different states, like loading or error.

package/dist/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cA0Ba,WAAS,oBAAA,CAAA,uBA0BrB,oBAAA,CA1BqB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;;AAAT,OAAA,CAAA,KAAA,CAiCA,KAPZ,CAAA,CA4MK,YA5ML,CAAA,CAAA,GAAA,CAAA,CAAA,CA4MyB,UA5MzB,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CA6Mc,SAvOO;EAAA,KAAA,CAAA,CAAA,MAAA,CAwON,UAxOM;EAAA,QAAA,CAAA,CAAA,MAAA,CAyOH,QAzOG;CAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cA0Ba,WAAS,oBAAA,CAAA,uBA0BrB,oBAAA,CA1BqB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;;AAAT,OAAA,CAAA,KAAA,CAiCA,KAPZ,CAAA,CA6MK,YA7ML,CAAA,CAAA,GAAA,CAAA,CAAA,CA6MyB,UA7MzB,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CA8Mc,SAxOO;EAAA,KAAA,CAAA,CAAA,MAAA,CAyON,UAzOM;EAAA,QAAA,CAAA,CAAA,MAAA,CA0OH,QA1OG;CAAA"}

package/dist/input/input.js

@@ -223,5 +223,5 @@ var input_default = Input;
 
 //#endregion
 export { Input, InputBase, input_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=input.js.map

package/dist/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["value","AutoCompletePopover","Box","Label","InputIcon","InputInput","HelpText"],"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    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 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  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            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(iconLeft) ? <InputIcon ml={1} name={iconLeft} /> : iconLeft}\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(iconRight) ? <InputIcon mr={1} name={iconRight} /> : iconRight}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && (\n                <IconButton\n                  disabled={!valueInternal}\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\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":["value","AutoCompletePopover","Box","Label","InputIcon","InputInput","HelpText"],"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    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 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  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(iconLeft) ? <InputIcon ml={1} name={iconLeft} /> : iconLeft}\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(iconRight) ? <InputIcon mr={1} name={iconRight} /> : iconRight}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && (\n                <IconButton\n                  disabled={!valueInternal}\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\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

@@ -25,5 +25,5 @@ var inputIcon_default = InputIcon;
 
 //#endregion
 export { InputIcon, inputIcon_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=inputIcon.js.map

package/dist/input/inputInput.d.ts

@@ -1,10 +1,10 @@
 import { VuiComponent } from "../core/vui.js";
 import { InputInputProps } from "./input.types.js";
 import "../index.js";
-import * as styled_components383 from "styled-components";
+import * as styled_components395 from "styled-components";
 
 //#region src/input/inputInput.d.ts
-declare const InputInputBase: styled_components383.StyledComponent<"input", any, {}, never>;
+declare const InputInputBase: styled_components395.StyledComponent<"input", any, {}, never>;
 /** Displays an input element within the Input component. */
 declare const InputInput: VuiComponent<"input", InputInputProps>;
 //#endregion

package/dist/input/inputInput.js

@@ -50,5 +50,5 @@ var inputInput_default = InputInput;
 
 //#endregion
 export { InputInput, InputInputBase, inputInput_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=inputInput.js.map

package/dist/input/theme.js

@@ -4,7 +4,9 @@ import { inputColors } from "./consts.js";
 const baseStyle = {
 	container: {
 		focusWithinRing: 3,
-		color: inputColors.inputText
+		color: inputColors.inputText,
+		fontSize: "lg",
+		lineHeight: "135%"
 	},
 	input: { placeholderTextColor: inputColors.placeholder }
 };
@@ -21,7 +23,7 @@ const parts = [
 const sizes = {
 	sm: {
 		container: {
-			fontSize: "xs",
+			fontSize: "sm",
 			h: 24
 		},
 		icon: { size: "xs" },
@@ -30,7 +32,7 @@ const sizes = {
 	},
 	md: {
 		container: {
-			fontSize: "sm",
+			fontSize: "md",
 			h: 32
 		},
 		icon: { size: "sm" },
@@ -39,7 +41,7 @@ const sizes = {
 	},
 	lg: {
 		container: {
-			fontSize: "md",
+			fontSize: "lg",
 			h: 40
 		},
 		icon: { size: "md" },
@@ -48,7 +50,7 @@ const sizes = {
 	},
 	xl: {
 		container: {
-			fontSize: "lg",
+			fontSize: "xl",
 			h: 48
 		},
 		icon: { size: "md" },
@@ -80,5 +82,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.1.2"
+globalThis.__vuiVersion__ = "3.2.0"
 //# sourceMappingURL=theme.js.map