@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/icons/iconReplacements.js

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

package/dist/icons/index.d.ts

@@ -1,4 +1,4 @@
 import { IconDefinition, IconDetails, VuiIcon, VuiIcons } from "./types.js";
 import { icons_d_exports } from "./baseIcons/icons.js";
 import { cache } from "./cache.js";
-import { defaultIcons } from "./consts.js";
+import { defaultIcons } from "./consts.js";

package/dist/icons/types.d.ts

@@ -27,4 +27,5 @@ interface VuiIcons extends Record<BaseIcon, IconDefinition> {}
 type VuiIcon = keyof VuiIcons;
 //#endregion
 export { IconDefinition, IconDetails, VuiIcon, VuiIcons };
+
 //# sourceMappingURL=types.d.ts.map

package/dist/icons/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/icons/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAKY,cAAA,CAAA,CAAA;;WAED;EAFC,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAED,IAAA,CAAA,CAAA,MAAA;EAMkB,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,QAAA,CAAA,aAAA,CAAA,CAAA,CAAA;EAAf,OAAM,CAAA,CAAA,CAAA,MAAA;EAA0C,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAAf,SAAM,CAAA,CAAA,CAAvC,KAAA,CAAM,QAAiC,CAAxB,cAAwB,CAAA,CAAA,CAAA,CAAN,KAAA,CAAM,QAAA,CAAS,cAAT,CAAA,CAAA,CAAA;EAEzB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAf,QAAA,CAAA,CAAA,CAAA,OAAA,CAAA,MAAA,CAAe,GAAf,CAAA;CAAO;AAIpB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,UAAA,CAAA,SAAA,CAAA,IAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;AAUiB,IAAA,CAVL,WAAA,CAAA,CAAA,CAUc,CAAe,MAAA,CAAA,CAAU,MAAA,CAAA,CAAjB,MAAA,CAAA,CAAA,CAAA,CAAM,MAAA;AAE5B,CAAA,CAAA,CAAA;;;UAFK,QAAA,CAAA,OAAA,CAAiB,OAAO,UAAU;KAEvC,OAAA,CAAA,CAAA,OAAgB"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/icons/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAKY,cAAA;;WAED;EAFC;EAED,IAAA,EAAA,MAAA;EAMkB;EAAf,OAAM,CAAA,EAAA,MAAA;EAA0C;EAAf,SAAM,CAAA,EAAvC,KAAA,CAAM,QAAiC,CAAxB,cAAwB,CAAA,GAAN,KAAA,CAAM,QAAA,CAAS,cAAT,CAAA,EAAA;EAEzB;EAAf,QAAA,CAAA,EAAA,OAAA,CAAA,OAAe,GAAf,CAAA;CAAO;AAIpB;AAUiB,KAVL,WAAA,GAUc,CAAe,MAAA,EAAU,MAAA,EAAjB,MAAA,EAAA,EAAM,MAAA;AAE5B;;;UAFK,QAAA,SAAiB,OAAO,UAAU;KAEvC,OAAA,SAAgB"}

package/dist/image/image.d.ts

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

package/dist/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","names":[],"sources":["../../src/image/image.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,WAAS,oBAAA,CAAA,uBAIrB,oBAAA,CAJqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAOT,OAAK,oBAAA"}
+{"version":3,"file":"image.d.ts","names":[],"sources":["../../src/image/image.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,WAAS,oBAAA,CAAA,uBAIrB,oBAAA,CAJqB,YAAA,EAAA,WAAA;;cAOT,OAAK,oBAAA"}

package/dist/image/image.js

@@ -12,7 +12,7 @@ const ImageBase = styled.imgBox`
 `;
 /** Displays an image. Includes base styling. */
 const Image = vui((props, ref) => {
-	const { alt, className, title,...rest } = omitThemingProps(props);
+	const { alt, className, title, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Image", props);
 	return /* @__PURE__ */ jsx(ImageBase, {
 		alt: alt ? alt : title ? title : "",
@@ -28,5 +28,5 @@ var image_default = Image;
 
 //#endregion
 export { Image, ImageBase, image_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=image.js.map

package/dist/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":[],"sources":["../../src/image/image.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ImageProps } from './image.types'\n\nexport const ImageBase = styled.imgBox`\n  height: auto;\n  object-fit: cover;\n  width: 100%;\n`\n\n/** Displays an image. Includes base styling. */\nexport const Image = vui<'img', ImageProps>((props, ref) => {\n  const { alt, className, title, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Image', props)\n\n  return (\n    <ImageBase\n      alt={alt ? alt : title ? title : ''}\n      className={cs('vui-image', className)}\n      ref={ref}\n      title={title}\n      {...styles}\n      {...rest}\n    />\n  )\n})\n\nImage.displayName = 'Image'\nexport default Image\n"],"mappings":";;;;;;;AAIA,MAAa,YAAY,OAAO,MAAM;;;;;;AAOtC,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,KAAK,WAAW,MAAO,GAAG,SAAS,iBAAiB,MAAM;CAClE,MAAM,SAAS,eAAe,SAAS,MAAM;AAE7C,QACE,oBAAC;EACC,KAAK,MAAM,MAAM,QAAQ,QAAQ;EACjC,WAAW,GAAG,aAAa,UAAU;EAChC;EACE;EACP,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,MAAM,cAAc;AACpB,oBAAe"}
+{"version":3,"file":"image.js","names":[],"sources":["../../src/image/image.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { ImageProps } from './image.types'\n\nexport const ImageBase = styled.imgBox`\n  height: auto;\n  object-fit: cover;\n  width: 100%;\n`\n\n/** Displays an image. Includes base styling. */\nexport const Image = vui<'img', ImageProps>((props, ref) => {\n  const { alt, className, title, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Image', props)\n\n  return (\n    <ImageBase\n      alt={alt ? alt : title ? title : ''}\n      className={cs('vui-image', className)}\n      ref={ref}\n      title={title}\n      {...styles}\n      {...rest}\n    />\n  )\n})\n\nImage.displayName = 'Image'\nexport default Image\n"],"mappings":";;;;;;;AAIA,MAAa,YAAY,OAAO,MAAM;;;;;;AAOtC,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EAAE,KAAK,WAAW,OAAO,GAAG,SAAS,iBAAiB,MAAM;CAClE,MAAM,SAAS,eAAe,SAAS,MAAM;AAE7C,QACE,oBAAC;EACC,KAAK,MAAM,MAAM,QAAQ,QAAQ;EACjC,WAAW,GAAG,aAAa,UAAU;EAChC;EACE;EACP,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,MAAM,cAAc;AACpB,oBAAe"}

package/dist/image/image.types.d.ts

@@ -9,4 +9,5 @@ type ImageProps = SystemProps & ThemingProps<'Image'> & {
 };
 //#endregion
 export { ImageProps };
+
 //# sourceMappingURL=image.types.d.ts.map

package/dist/image/image.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.types.d.ts","names":[],"sources":["../../src/image/image.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,UAAA,CAAA,CAAA,CAAa,cACvB;;;AADF,CAAA"}
+{"version":3,"file":"image.types.d.ts","names":[],"sources":["../../src/image/image.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,UAAA,GAAa,cACvB;;;AADF,CAAA"}

package/dist/image/index.d.ts

@@ -1,2 +1,2 @@
 import { ImageProps } from "./image.types.js";
-import { Image, ImageBase } from "./image.js";
+import { Image, ImageBase } from "./image.js";

package/dist/image/theme.js

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

package/dist/index.d.ts

@@ -225,9 +225,8 @@ import { GridProps } from "./grid/grid.types.js";
 import { Grid, GridBase } from "./grid/grid.js";
 import "./grid/index.js";
 import { MenuProvider, useMenuContext } from "./menu/context.js";
-import { closeOnEscPlugin, matchWidthModifier } from "./popover/consts.js";
 import { PopoverProvider, usePopoverContext } from "./popover/context.js";
-import { UsePopoverProps } from "./popover/usePopover.types.js";
+import { Placement, UsePopoverProps } from "./popover/usePopover.types.js";
 import { usePopover } from "./popover/usePopover.js";
 import { PopoverContentProps, PopoverProps, PopoverRenderProps, PopoverTriggerProps } from "./popover/popover.types.js";
 import { Popover } from "./popover/popover.js";
@@ -359,7 +358,7 @@ import "./switch/index.js";
 import { _default as _default$2 } from "./toast/toast.js";
 import { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./toast/useToast.js";
 import "./toast/index.js";
-import { TooltipArrowProps, TooltipProps } from "./tooltip/tooltip.types.js";
+import { TooltipProps } from "./tooltip/tooltip.types.js";
 import { Tooltip } from "./tooltip/tooltip.js";
 import "./tooltip/index.js";
 import { TableColumn, TableContext, TableProps, TableSortIconProps, TbodyProps, TdProps, TfootProps, ThProps, TheadProps, TrProps } from "./table/table.types.js";
@@ -392,4 +391,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, 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 };
+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, Placement, 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, 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, _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, _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

@@ -111,7 +111,6 @@ import { CheckboxGroup, CheckboxGroupBase } from "./checkbox/checkboxGroup.js";
 import { useCopyToClipboard } from "./copyToClipboard/useCopyToClipboard.js";
 import { CopyToClipboard } from "./copyToClipboard/copyToClipboard.js";
 import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition/definition.js";
-import { closeOnEscPlugin, matchWidthModifier } from "./popover/consts.js";
 import { PopoverProvider, usePopoverContext } from "./popover/context.js";
 import popoverContent_default from "./popover/popoverContent.js";
 import popoverTrigger_default from "./popover/popoverTrigger.js";
@@ -241,5 +240,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, 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"
+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, 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, 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__ = "4.0.0-beta.1"

package/dist/input/autoCompletePopover.js

@@ -9,12 +9,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const InputContainer = styled.divBox`
   width: 100%;
 `;
-const options = { aria: { expanded: false } };
 /** Wrapper for the autocomplete popover. */
 const AutoCompletePopover = ({ autoCompleteOptions, autoCompleteMaxHeight, children, filterAutoCompleteOptions, onAutoCompleteSelect }) => {
 	if (autoCompleteOptions === void 0) return children;
 	return /* @__PURE__ */ jsxs(Popover, {
-		options,
 		placement: "bottom-start",
 		matchWidth: true,
 		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
@@ -38,5 +36,5 @@ var autoCompletePopover_default = memo(AutoCompletePopover);
 
 //#endregion
 export { autoCompletePopover_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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\nconst options = {\n  aria: {\n    expanded: false,\n  },\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 options={options} placement=\"bottom-start\" matchWidth={true}>\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;;;AAIpC,MAAM,UAAU,EACd,MAAM,EACJ,UAAU,OACX,EACF;;AAGD,MAAa,uBAAuB,EAClC,qBACA,uBACA,UACA,2BACA,2BAC8B;AAC9B,KAAI,wBAAwB,OAAW,QAAO;AAE9C,QACE,qBAAC;EAAiB;EAAS,WAAU;EAAe,YAAY;aAC9D,oBAAC,QAAQ;GAAQ,IAAI;GAAgB,WAAW,GAAG,2BAA2B;GAC3E;IACe,EACjB,CAAC,CAAC,uBACD,oBAAC,QAAQ,qBACP,oBAAC;GAAK,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,wBAAwB;aACjF,qBAAqB,SAAS,0BAA0B,CAAC,KAAK,MAC7D,oBAAC,KAAK;IAAK,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,EAAE;cAC/F;MADsD,EAE7C,CACZ;IACG,GACS;GAEZ;;AAId,kCAAe,KAAK,oBAAoB"}
+{"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;AAC9B,KAAI,wBAAwB,OAAW,QAAO;AAE9C,QACE,qBAAC;EAAQ,WAAU;EAAe;aAChC,oBAAC,QAAQ;GAAQ,IAAI;GAAgB,WAAW,GAAG,2BAA2B;GAC3E;IACe,EACjB,CAAC,CAAC,uBACD,oBAAC,QAAQ,qBACP,oBAAC;GAAK,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,wBAAwB;aACjF,qBAAqB,SAAS,0BAA0B,CAAC,KAAK,MAC7D,oBAAC,KAAK;IAAK,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,EAAE;cAC/F;MADsD,EAE7C,CACZ;IACG,GACS;GAEZ;;AAId,kCAAe,KAAK,oBAAoB"}

package/dist/input/consts.js

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

package/dist/input/helpText.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const HelpText: VuiComponent<"div", HelpTextProps>;
 //#endregion
 export { HelpText };
+
 //# sourceMappingURL=helpText.d.ts.map

package/dist/input/helpText.js

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/input/helpText.tsx
 /** Displaying help text below the input. */
 const HelpText = vui((props, ref) => {
-	const { className, children, isError,...rest } = props;
+	const { className, children, isError, ...rest } = props;
 	const styles = useStyleConfig("Input", {
 		...useInputContext(),
 		...props
@@ -59,5 +59,5 @@ var helpText_default = HelpText;
 
 //#endregion
 export { helpText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=helpText.js.map

package/dist/input/helpText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpText.js","names":["Box","Icon","P"],"sources":["../../src/input/helpText.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isJsx } from '../utils'\nimport { inputColors } from './consts'\nimport { useInputContext } from './context'\nimport type { HelpTextProps } from './input.types'\n\n/** Displaying help text below the input. */\nexport const HelpText = vui<'div', HelpTextProps>((props, ref) => {\n  const { className, children, isError, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  const color = isError ? inputColors.error : inputColors.helpText\n\n  if (isJsx(children)) {\n    return (\n      <Box\n        alignItems=\"flex-start\"\n        className={cs('vui-inputHelpText', className)}\n        color={color}\n        display=\"flex\"\n        pt={0.5}\n        ref={ref}\n        {...styles.helpText}\n        {...rest}\n      >\n        {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n        {children}\n      </Box>\n    )\n  }\n  // Fallback for string children\n  return (\n    <P\n      alignItems=\"flex-start\"\n      className={cs('vui-inputHelpText', className)}\n      color={color}\n      display=\"flex\"\n      fontSize={isError ? 'md' : 'sm'}\n      pt={0.5}\n      ref={ref}\n      {...styles.helpText}\n      {...rest}\n    >\n      {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n      {children}\n    </P>\n  )\n})\n\nHelpText.displayName = 'HelpText'\nexport default HelpText\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,UAAU,QAAS,GAAG,SAAS;CAGlD,MAAM,SAAS,eAAe,SADV;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO,CACI;CAEnD,MAAM,QAAQ,UAAU,YAAY,QAAQ,YAAY;AAExD,KAAI,MAAM,SAAS,CACjB,QACE,qBAACA;EACC,YAAW;EACX,WAAW,GAAG,qBAAqB,UAAU;EACtC;EACP,SAAQ;EACR,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;aAEH,WAAW,oBAACC;GAAK,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;IAAO,EACvG;GACG;AAIV,QACE,qBAACC;EACC,YAAW;EACX,WAAW,GAAG,qBAAqB,UAAU;EACtC;EACP,SAAQ;EACR,UAAU,UAAU,OAAO;EAC3B,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;aAEH,WAAW,oBAACD;GAAK,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;IAAO,EACvG;GACC;EAEN;AAEF,SAAS,cAAc;AACvB,uBAAe"}
+{"version":3,"file":"helpText.js","names":["Box","Icon","P"],"sources":["../../src/input/helpText.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isJsx } from '../utils'\nimport { inputColors } from './consts'\nimport { useInputContext } from './context'\nimport type { HelpTextProps } from './input.types'\n\n/** Displaying help text below the input. */\nexport const HelpText = vui<'div', HelpTextProps>((props, ref) => {\n  const { className, children, isError, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  const color = isError ? inputColors.error : inputColors.helpText\n\n  if (isJsx(children)) {\n    return (\n      <Box\n        alignItems=\"flex-start\"\n        className={cs('vui-inputHelpText', className)}\n        color={color}\n        display=\"flex\"\n        pt={0.5}\n        ref={ref}\n        {...styles.helpText}\n        {...rest}\n      >\n        {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n        {children}\n      </Box>\n    )\n  }\n  // Fallback for string children\n  return (\n    <P\n      alignItems=\"flex-start\"\n      className={cs('vui-inputHelpText', className)}\n      color={color}\n      display=\"flex\"\n      fontSize={isError ? 'md' : 'sm'}\n      pt={0.5}\n      ref={ref}\n      {...styles.helpText}\n      {...rest}\n    >\n      {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n      {children}\n    </P>\n  )\n})\n\nHelpText.displayName = 'HelpText'\nexport default HelpText\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,UAAU,SAAS,GAAG,SAAS;CAGlD,MAAM,SAAS,eAAe,SADV;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO,CACI;CAEnD,MAAM,QAAQ,UAAU,YAAY,QAAQ,YAAY;AAExD,KAAI,MAAM,SAAS,CACjB,QACE,qBAACA;EACC,YAAW;EACX,WAAW,GAAG,qBAAqB,UAAU;EACtC;EACP,SAAQ;EACR,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;aAEH,WAAW,oBAACC;GAAK,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;IAAO,EACvG;GACG;AAIV,QACE,qBAACC;EACC,YAAW;EACX,WAAW,GAAG,qBAAqB,UAAU;EACtC;EACP,SAAQ;EACR,UAAU,UAAU,OAAO;EAC3B,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;aAEH,WAAW,oBAACD;GAAK,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;IAAO,EACvG;GACC;EAEN;AAEF,SAAS,cAAc;AACvB,uBAAe"}

package/dist/input/helpers.js

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

package/dist/input/index.d.ts

@@ -2,4 +2,4 @@ import { AutoCompletePopoverProps, HelpTextProps, InputInputProps, InputProps, I
 import { HelpText } from "./helpText.js";
 import { InputIcon } from "./inputIcon.js";
 import { InputInput, InputInputBase } from "./inputInput.js";
-import { Input, InputBase } from "./input.js";
+import { Input, InputBase } from "./input.js";

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_components396 from "styled-components";
+import * as styled_components422 from "styled-components";
 
 //#region src/input/input.d.ts
-declare const InputBase: styled_components396.StyledComponent<"div", styled_components396.DefaultTheme, SystemProps, never>;
+declare const InputBase: styled_components422.StyledComponent<"div", styled_components422.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.
@@ -22,4 +22,5 @@ declare const Input: VuiComponent<"div", InputProps> & {
 };
 //#endregion
 export { Input, InputBase };
+
 //# sourceMappingURL=input.d.ts.map

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,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"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cA0Ba,WAAS,oBAAA,CAAA,uBA0BrB,oBAAA,CA1BqB,YAAA,EAAA,WAAA;;;;;;AAAT,cAiCA,KAPZ,EA6MK,YA7ML,CAAA,KAAA,EA6MyB,UA7MzB,CAAA,GAAA;EAAA,IAAA,EAAA,OA8Mc,SAxOO;EAAA,KAAA,EAAA,OAyON,UAzOM;EAAA,QAAA,EAAA,OA0OH,QA1OG;CAAA"}

package/dist/input/input.js

@@ -52,7 +52,7 @@ const InputBase = styled.divBox`
 * Exposes some props to the children via context.
 */
 const Input = vui((props, ref) => {
-	const { allowClear, ariaLabel, autoComplete, autoCompleteMaxHeight, autoCompleteOptions, autoFocus, children, className, defaultValue, disabled, displayValueOnly, errorText, helpText, iconLeft, iconRight, id: idProp, input, inputProps, inputRef, itemLeft, itemRight, label, labelMarkOptional, labelTooltipText, max, maxLength, min, minLength, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size = "lg", state = "", stateMapping, step, type = "text", value, variant,...rest } = props;
+	const { allowClear, ariaLabel, autoComplete, autoCompleteMaxHeight, autoCompleteOptions, autoFocus, children, className, defaultValue, disabled, displayValueOnly, errorText, helpText, iconLeft, iconRight, id: idProp, input, inputProps, inputRef, itemLeft, itemRight, label, labelMarkOptional, labelTooltipText, max, maxLength, min, minLength, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size = "lg", state = "", stateMapping, step, type = "text", value, variant, ...rest } = props;
 	const generatedId = useId();
 	const [count, setCount] = useState(getInitialCount(props));
 	const [valueInternal, setValueInternal] = useState(defaultValue || "");
@@ -223,5 +223,5 @@ var input_default = Input;
 
 //#endregion
 export { Input, InputBase, input_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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\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/input.types.d.ts

@@ -117,4 +117,5 @@ type InputStateMapping = Record<string, {
 type InputType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
 //#endregion
 export { AutoCompletePopoverProps, HelpTextProps, InputInputProps, InputProps, InputState, InputStateMapping, InputType };
+
 //# sourceMappingURL=input.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;KAQY,eAAA,GAAkB,iBAAiB;KACnC,UAAA,GAAa,cACvB;;;;;EAFU;EACA,mBAAU,CAAA,EAAA,MAAA,EAAA;EAAG;EACvB,qBAAA,CAAA,EAAA,MAAA;EAoBuB;EAEV,SAAM,CAAA,EAAA,OAAA;EAEN;EAAW,SAAI,CAAA,EAAA,MAAA;EAEd;EAAW,WAAI,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,KAAA;EAEnB;EAEK,YAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAEqB;EAAvB,QAAM,CAAA,EAAA,OAAA;EAIN;EAEC,SAAM,CAAA,EAAA,MAAA,GAlBG,KAAA,CAAM,SAkBT;EAED;EAIE,QAAA,CAAA,EAtBR,KAAA,CAAM,SAsBE,GAAA,MAAA;EAYV;EAEE,QAAA,CAAA,EAlCA,QAkCA,GAlCW,GAAA,CAAI,OAkCf;EAED;EAcF,SAAA,CAAA,EAhDI,QAgDJ,GAhDe,GAAA,CAAI,OAgDnB;EAEO;EAIR,KAAA,CAAA,EApDC,KAAA,CAAM,SAoDP;EAAS;EAKR,UAAA,CAAA,EAvDK,eAuDmB;EAYxB;EAIA,QAAA,CAAA,EArEG,KAAA,CAAM,gBAqEC,CArEgB,gBAqEhB,GAAA,IAAA,CAAA,GAAA,IAAA;EAEV;EAGE,SAAA,CAAA,EAAA,OAAA;EACC;EAJiB,QAAA,CAAA,EAnEjB,KAAA,CAAM,SAmEW;EAAM;EAQ1B,SAAA,CAAA,EAzEI,KAAA,CAAM,SAyED;;mBAvEA,KAAA,CAAM;;;;qBAIJ;;;;;;;;;;;;WAYV;;aAEE;;YAED;;;;;;;;;;;;;;UAcF;;iBAEO;;;;SAIR;;;;KAKC,wBAAA;;;;;;YAMA,GAAA,CAAI;;;;;KAMJ,aAAA,GAAgB;;;KAIhB,UAAA;KAEA,iBAAA,GAAoB;YAGlB;aACC;;KAIH,SAAA"}

package/dist/input/inputIcon.d.ts

@@ -8,4 +8,5 @@ import "../index.js";
 declare const InputIcon: VuiComponent<"svg", IconProps>;
 //#endregion
 export { InputIcon };
+
 //# sourceMappingURL=inputIcon.d.ts.map

package/dist/input/inputIcon.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/input/inputIcon.tsx
 /** Displays an icon within the Input. */
 const InputIcon = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Input", {
 		...useInputContext(),
 		...props
@@ -25,5 +25,5 @@ var inputIcon_default = InputIcon;
 
 //#endregion
 export { InputIcon, inputIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=inputIcon.js.map

package/dist/input/inputIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputIcon.js","names":["Icon"],"sources":["../../src/input/inputIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useInputContext } from './context'\n\n/** Displays an icon within the Input. */\nexport const InputIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  return <Icon className={cs('vui-inputIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nInputIcon.displayName = 'InputIcon'\n\nexport default InputIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAAuB,OAAO,QAAQ;CAC7D,MAAM,EAAE,UAAW,GAAG,SAAS;CAG/B,MAAM,SAAS,eAAe,SADV;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO,CACI;AAEnD,QAAO,oBAACA;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC/F;AAEF,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"inputIcon.js","names":["Icon"],"sources":["../../src/input/inputIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useInputContext } from './context'\n\n/** Displays an icon within the Input. */\nexport const InputIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  return <Icon className={cs('vui-inputIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nInputIcon.displayName = 'InputIcon'\n\nexport default InputIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAAuB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAG/B,MAAM,SAAS,eAAe,SADV;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO,CACI;AAEnD,QAAO,oBAACA;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAO;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC/F;AAEF,UAAU,cAAc;AAExB,wBAAe"}

package/dist/input/inputInput.d.ts

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

package/dist/input/inputInput.js

@@ -26,7 +26,7 @@ const InputInputBase = styled.input`
 `;
 /** Displays an input element within the Input component. */
 const InputInput = vui((props, ref) => {
-	const { className, autoComplete,...rest } = props;
+	const { className, autoComplete, ...rest } = props;
 	const mergedProps = {
 		...useInputContext(),
 		...props
@@ -50,5 +50,5 @@ var inputInput_default = InputInput;
 
 //#endregion
 export { InputInput, InputInputBase, inputInput_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=inputInput.js.map

package/dist/input/inputInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputInput.js","names":[],"sources":["../../src/input/inputInput.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { useInputContext } from './context'\nimport type { InputInputProps } from './input.types'\n\nexport const InputInputBase = styled.input`\n  align-self: stretch;\n  color: sandstone.10;\n  background-color: transparent;\n  border: none;\n  border-radius: none;\n  flex: 1;\n  font-size: inherit;\n  min-width: 0;\n  outline: none;\n  padding: 0 1;\n\n  &[aria-disabled='true'],\n  &[aria-disabled='true']::placeholder {\n    cursor: not-allowed;\n  }\n`\n\n/** Displays an input element within the Input component. */\nexport const InputInput = vui<'input', InputInputProps>((props, ref) => {\n  const { className, autoComplete, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': mergedProps.disabled,\n    'aria-label': mergedProps.ariaLabel,\n  })\n\n  return (\n    <InputInputBase\n      autoComplete={autoComplete}\n      className={cs('vui-inputInput', className)}\n      ref={ref}\n      {...styles.input}\n      {...aliasedProps}\n      {...rest}\n    />\n  )\n})\n\nInputInput.displayName = 'InputInput'\n\nexport default InputInput\n"],"mappings":";;;;;;;;;AAKA,MAAa,iBAAiB,OAAO,KAAK;;;;;;;;;;;;;;;;;;AAmB1C,MAAa,aAAa,KAA+B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,aAAc,GAAG,SAAS;CAE7C,MAAM,cAAc;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO;CAC/C,MAAM,SAAS,eAAe,SAAS,YAAY;CACnD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB,YAAY;EAC7B,cAAc,YAAY;EAC3B,CAAC;AAEF,QACE,oBAAC;EACe;EACd,WAAW,GAAG,kBAAkB,UAAU;EACrC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"inputInput.js","names":[],"sources":["../../src/input/inputInput.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { useInputContext } from './context'\nimport type { InputInputProps } from './input.types'\n\nexport const InputInputBase = styled.input`\n  align-self: stretch;\n  color: sandstone.10;\n  background-color: transparent;\n  border: none;\n  border-radius: none;\n  flex: 1;\n  font-size: inherit;\n  min-width: 0;\n  outline: none;\n  padding: 0 1;\n\n  &[aria-disabled='true'],\n  &[aria-disabled='true']::placeholder {\n    cursor: not-allowed;\n  }\n`\n\n/** Displays an input element within the Input component. */\nexport const InputInput = vui<'input', InputInputProps>((props, ref) => {\n  const { className, autoComplete, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n  const aliasedProps = filterUndefined({\n    'aria-disabled': mergedProps.disabled,\n    'aria-label': mergedProps.ariaLabel,\n  })\n\n  return (\n    <InputInputBase\n      autoComplete={autoComplete}\n      className={cs('vui-inputInput', className)}\n      ref={ref}\n      {...styles.input}\n      {...aliasedProps}\n      {...rest}\n    />\n  )\n})\n\nInputInput.displayName = 'InputInput'\n\nexport default InputInput\n"],"mappings":";;;;;;;;;AAKA,MAAa,iBAAiB,OAAO,KAAK;;;;;;;;;;;;;;;;;;AAmB1C,MAAa,aAAa,KAA+B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,cAAc,GAAG,SAAS;CAE7C,MAAM,cAAc;EAAE,GADH,iBAAiB;EACC,GAAG;EAAO;CAC/C,MAAM,SAAS,eAAe,SAAS,YAAY;CACnD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB,YAAY;EAC7B,cAAc,YAAY;EAC3B,CAAC;AAEF,QACE,oBAAC;EACe;EACd,WAAW,GAAG,kBAAkB,UAAU;EACrC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/input/theme.js

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

package/dist/label/index.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from "./label.types.js";
-import { Label, LabelBase } from "./label.js";
+import { Label, LabelBase } from "./label.js";

package/dist/label/label.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { LabelProps } from "./label.types.js";
 import "../index.js";
-import * as styled_components389 from "styled-components";
+import * as styled_components424 from "styled-components";
 
 //#region src/label/label.d.ts
-declare const LabelBase: styled_components389.StyledComponent<"label", styled_components389.DefaultTheme, SystemProps, never>;
+declare const LabelBase: styled_components424.StyledComponent<"label", styled_components424.DefaultTheme, SystemProps, never>;
 /** Displays a paragraph of text. */
 declare const Label: VuiComponent<"label", LabelProps>;
 //#endregion
 export { Label, LabelBase };
+
 //# sourceMappingURL=label.d.ts.map

package/dist/label/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,WAAS,oBAAA,CAAA,yBASrB,oBAAA,CATqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAYT,OAAK,sBAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,WAAS,oBAAA,CAAA,yBASrB,oBAAA,CATqB,YAAA,EAAA,WAAA;;cAYT,OAAK,sBAAA"}