@veracity/vui 4.1.0 → 5.0.0-alpha.0

package/dist/index.js

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

package/dist/input/autoCompletePopover.js

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

package/dist/input/consts.js

@@ -9,6 +9,7 @@ const inputColors = {
 	focus: "focusColor",
 	error: "energyRed.45",
 	loading: "seaBlue.80",
+	loadingBar: "seaBlue.60",
 	success: "landGreen.35"
 };
 const stateIcons = {
@@ -29,7 +30,7 @@ const inputStateMapping = {
 		iconProps: {
 			animation: "vui-spin 0.6s linear infinite",
 			name: stateIcons.loading,
-			pathFill: [inputColors.loading, inputColors.icons]
+			pathFill: [inputColors.loading, inputColors.loadingBar]
 		}
 	},
 	success: {
@@ -62,5 +63,5 @@ const helpTextMargin = "60px";
 
 //#endregion
 export { clearIconSize, displayValueOnlyTextSize, helpTextMargin, helpTextSize, inputColors, inputStateMapping };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/input/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/input/consts.ts"],"sourcesContent":["export const inputColors = {\n  border: 'sandstone.60',\n  placeholder: 'sandstone.55',\n  inputText: 'sandstone.10',\n  helpText: 'sandstone.30',\n  icons: 'warmGrey.30',\n  disabled: 'sandstone.95',\n  focus: 'focusColor',\n  error: 'energyRed.45',\n  loading: 'seaBlue.80',\n  success: 'landGreen.35',\n} as const\n\nexport const stateIcons = {\n  error: 'uiExclamationTriangle',\n  loading: 'uiSpinnerThird',\n  success: 'uiCheck',\n} as const\n\nexport const inputStateMapping: Record<string, { variant?: string; iconProps: object }> = {\n  error: {\n    variant: 'red',\n    iconProps: {\n      color: inputColors.error,\n      name: stateIcons.error,\n    },\n  },\n  loading: {\n    variant: 'grey',\n    iconProps: {\n      animation: 'vui-spin 0.6s linear infinite',\n      name: stateIcons.loading,\n      pathFill: [inputColors.loading, inputColors.icons],\n    },\n  },\n  success: {\n    variant: 'green',\n    iconProps: {\n      color: inputColors.success,\n      name: stateIcons.success,\n    },\n  },\n}\n\nexport const displayValueOnlyTextSize = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n  xl: 'lg',\n} as const\n\nexport const clearIconSize = {\n  sm: 'sm',\n  md: 'sm',\n  lg: 'sm',\n  xl: 'md',\n} as const\n\nexport const helpTextSize = {\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n} as const\n\nexport const helpTextMargin = '60px' as const\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,QAAQ;CACR,aAAa;CACb,WAAW;CACX,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;CACP,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,oBAA6E;CACxF,OAAO;EACL,SAAS;EACT,WAAW;GACT,OAAO,YAAY;GACnB,MAAM,WAAW;GAClB;EACF;CACD,SAAS;EACP,SAAS;EACT,WAAW;GACT,WAAW;GACX,MAAM,WAAW;GACjB,UAAU,CAAC,YAAY,SAAS,YAAY,MAAM;GACnD;EACF;CACD,SAAS;EACP,SAAS;EACT,WAAW;GACT,OAAO,YAAY;GACnB,MAAM,WAAW;GAClB;EACF;CACF;AAED,MAAa,2BAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,iBAAiB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/input/consts.ts"],"sourcesContent":["export const inputColors = {\n  border: 'sandstone.60',\n  placeholder: 'sandstone.55',\n  inputText: 'sandstone.10',\n  helpText: 'sandstone.30',\n  icons: 'warmGrey.30',\n  disabled: 'sandstone.95',\n  focus: 'focusColor',\n  error: 'energyRed.45',\n  loading: 'seaBlue.80',\n  loadingBar: 'seaBlue.60',\n  success: 'landGreen.35',\n} as const\n\nexport const stateIcons = {\n  error: 'uiExclamationTriangle',\n  loading: 'uiSpinnerThird',\n  success: 'uiCheck',\n} as const\n\nexport const inputStateMapping: Record<string, { variant?: string; iconProps: object }> = {\n  error: {\n    variant: 'red',\n    iconProps: {\n      color: inputColors.error,\n      name: stateIcons.error,\n    },\n  },\n  loading: {\n    variant: 'grey',\n    iconProps: {\n      animation: 'vui-spin 0.6s linear infinite',\n      name: stateIcons.loading,\n      pathFill: [inputColors.loading, inputColors.loadingBar],\n    },\n  },\n  success: {\n    variant: 'green',\n    iconProps: {\n      color: inputColors.success,\n      name: stateIcons.success,\n    },\n  },\n}\n\nexport const displayValueOnlyTextSize = {\n  sm: 'xs',\n  md: 'sm',\n  lg: 'md',\n  xl: 'lg',\n} as const\n\nexport const clearIconSize = {\n  sm: 'sm',\n  md: 'sm',\n  lg: 'sm',\n  xl: 'md',\n} as const\n\nexport const helpTextSize = {\n  sm: 'sm',\n  md: 'sm',\n  lg: 'md',\n  xl: 'md',\n} as const\n\nexport const helpTextMargin = '60px' as const\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,QAAQ;CACR,aAAa;CACb,WAAW;CACX,UAAU;CACV,OAAO;CACP,UAAU;CACV,OAAO;CACP,OAAO;CACP,SAAS;CACT,YAAY;CACZ,SAAS;CACV;AAED,MAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,oBAA6E;CACxF,OAAO;EACL,SAAS;EACT,WAAW;GACT,OAAO,YAAY;GACnB,MAAM,WAAW;GAClB;EACF;CACD,SAAS;EACP,SAAS;EACT,WAAW;GACT,WAAW;GACX,MAAM,WAAW;GACjB,UAAU,CAAC,YAAY,SAAS,YAAY,WAAW;GACxD;EACF;CACD,SAAS;EACP,SAAS;EACT,WAAW;GACT,OAAO,YAAY;GACnB,MAAM,WAAW;GAClB;EACF;CACF;AAED,MAAa,2BAA2B;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,iBAAiB"}

package/dist/input/context.js

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

package/dist/input/helpText.js

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

package/dist/input/helpers.js

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

package/dist/input/input.js

@@ -221,5 +221,5 @@ Input.displayName = "Input";
 
 //#endregion
 export { InputBase, Input as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=input.js.map

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

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler, PropsOf } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp, IconProps } from "../icon/icon.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"mappings":";;;;;;;;;;;;KAQY,eAAA,GAAkB,OAAA,UAAiB,WAAA;AAAA,KACnC,UAAA,GAAa,WAAA,GACvB,YAAA;uDAEE,UAAA;EAEA,YAAA,WANQ;EAQR,mBAAA;EAEA,qBAAA,WAVsD;EAYtD,SAAA,YAXkB;EAalB,SAAA,WAbqB;EAerB,WAAA,6BAMqB;EAJrB,YAAA,oBAQW;EANX,QAAA,YAQY;EANZ,SAAA,YAAqB,KAAA,CAAM,SAAA,EAQnB;EANR,QAAA,GAAW,KAAA,CAAM,SAAA,WAUiB;EARlC,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAYf;EAVX,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAcV;EAZjB,KAAA,GAAQ,KAAA,CAAM,SAAA,EA4BL;EA1BT,UAAA,GAAa,eAAA,EA8BH;EA5BV,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBA4CnB;EA1Cf,SAAA,YA8CgB;EA5ChB,QAAA,GAAW,KAAA,CAAM,SAAA,EArCI;EAuCrB,SAAA,GAAY,KAAA,CAAM,SAAA,EApClB;EAsCA,KAAA,YAAiB,KAAA,CAAM,SAAA,EAlCvB;EAoCA,iBAAA,YAhCA;EAkCA,gBAAA,GAAmB,SAAA,EA9BnB;EAgCA,GAAA,oBA5BA;EA8BA,SAAA,WA5BqB;EA8BrB,GAAA,oBA5BA;EA8BA,SAAA,WA9BiB;EAgCjB,IAAA,WA9BW;EAgCX,MAAA,GAAS,iBAAA,EAhCiB;EAkC1B,QAAA,GAAW,kBAAA,EAhCC;EAkCZ,OAAA,GAAU,iBAAA,EAlCiB;EAoC3B,OAAA,WAlCQ;EAoCR,WAAA,WAlCA;EAoCA,QAAA,YAlCA;EAoCA,QAAA,YApCiB;EAsCjB,SAAA,YApCA;EAsCA,gBAAA,YApCW;EAsCX,KAAA,GAAQ,UAAA,EApCR;EAsCA,YAAA,GAAe,iBAAA,EAtCG;EAwClB,IAAA,WAtCiB;EAwCjB,IAAA,GAAO,SAAA,EAtCP;EAwCA,KAAA;AAAA;AAAA,KAGQ,wBAAA;EArCR,oCAuCF,mBAAA,aAnCE;EAqCF,qBAAA,WAjCE;EAmCF,QAAA,EAAU,GAAA,CAAI,OAAA,EAjCZ;EAmCF,yBAAA,GAA4B,KAAA,UAAe,KAAA,UAAe,KAAA;EAC1D,oBAAA,GAAuB,KAAA;AAAA;AAAA,KAGb,aAAA,GAAgB,MAAA;EAC1B,OAAA;AAAA;AAAA,KAGU,UAAA;AAAA,KAEA,iBAAA,GAAoB,MAAA;EAG5B,OAAA,GAAU,UAAA;EACV,SAAA,EAAW,SAAA;AAAA;AAAA,KAIH,SAAA"}
+{"version":3,"file":"input.types.d.ts","names":[],"sources":["../../src/input/input.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,eAAA,GAAkB,OAAA,UAAiB,WAAA;AAAA,KACnC,UAAA,GAAa,WAAA,GACvB,YAAA;uDAEE,UAAA;EAEA,YAAA;EAEA,mBAAA,aARuB;EAUvB,qBAAA,WAV0B;EAY1B,SAAA,YAXQ;EAaR,SAAA;EAEA,WAAA,6BAdF;EAgBE,YAAA,oBAMW;EAJX,QAAA,YAMsB;EAJtB,SAAA,YAAqB,KAAA,CAAM,SAAA,EAMJ;EAJvB,QAAA,GAAW,KAAA,CAAM,SAAA,WAQJ;EANb,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAQf;EANX,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAYf;EAVZ,KAAA,GAAQ,KAAA,CAAM,SAAA,EAgBK;EAdnB,UAAA,GAAa,eAAA,EA4BF;EA1BX,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBA0C1B;EAxCR,SAAA,YA8CO;EA5CP,QAAA,GAAW,KAAA,CAAM,SAAA,EA4CD;EA1ChB,SAAA,GAAY,KAAA,CAAM,SAAA,EAtCpB;EAwCE,KAAA,YAAiB,KAAA,CAAM,SAAA,EApCvB;EAsCA,iBAAA,YAlCA;EAoCA,gBAAA,GAAmB,SAAA,EAhCnB;EAkCA,GAAA,oBA9BA;EAgCA,SAAA,WA5BA;EA8BA,GAAA,oBA9B2B;EAgC3B,SAAA,WA9BW;EAgCX,IAAA,WA9BA;EAgCA,MAAA,GAAS,iBAAA,EAhCa;EAkCtB,QAAA,GAAW,kBAAA,EAhCX;EAkCA,OAAA,GAAU,iBAAA,EAlCa;EAoCvB,OAAA,WAlCA;EAoCA,WAAA,WApCc;EAsCd,QAAA,YApCa;EAsCb,QAAA,YApCW;EAsCX,SAAA,YAtCkC;EAwClC,gBAAA,YApCA;EAsCA,KAAA,GAAQ,UAAA,EAtCS;EAwCjB,YAAA,GAAe,iBAAA,EAtCH;EAwCZ,IAAA,WAtCA;EAwCA,IAAA,GAAO,SAAA,EAxCgB;EA0CvB,KAAA;AAAA;AAAA,KAGQ,wBAAA;EAvCR,oCAyCF,mBAAA,aArCE;EAuCF,qBAAA,WAnCE;EAqCF,QAAA,EAAU,GAAA,CAAI,OAAA,EAnCH;EAqCX,yBAAA,GAA4B,KAAA,UAAe,KAAA,UAAe,KAAA;EAC1D,oBAAA,GAAuB,KAAA;AAAA;AAAA,KAGb,aAAA,GAAgB,MAAA;EAC1B,OAAA;AAAA;AAAA,KAGU,UAAA;AAAA,KAEA,iBAAA,GAAoB,MAAA;EAG5B,OAAA,GAAU,UAAA;EACV,SAAA,EAAW,SAAA;AAAA;AAAA,KAIH,SAAA"}

package/dist/input/inputIcon.js

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

package/dist/input/inputInput.js

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

package/dist/input/theme.js

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

package/dist/label/label.js

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

package/dist/label/label.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { ReactNode } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"label.types.d.ts","names":[],"sources":["../../src/label/label.types.ts"],"mappings":";;;;;;KAKY,UAAA,GAAa,WAAA,GACvB,YAAA;0DAEE,IAAA,WAHQ;EAKR,cAAA;EAEA,YAAA,WANF;EAQE,WAAA,GAAc,SAAA;AAAA"}
+{"version":3,"file":"label.types.d.ts","names":[],"sources":["../../src/label/label.types.ts"],"mappings":";;;;;;;KAKY,UAAA,GAAa,WAAA,GACvB,YAAA;0DAEE,IAAA;EAEA,cAAA,YALkB;EAOlB,YAAA,WAPqB;EASrB,WAAA,GAAc,SAAA;AAAA"}

package/dist/label/theme.js

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

package/dist/label/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/label/theme.ts"],"sourcesContent":["const baseStyle = {\n  helper: {\n    ml: '8px',\n    fontWeight: 400,\n    lineHeight: 1\n  },\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nconst parts = ['helper']\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,QAAQ;CACN,IAAI;CACJ,YAAY;CACZ,YAAY;CACb,EACF;AAED,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,MAAM,QAAQ,CAAC,SAAS;AAExB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/label/theme.ts"],"sourcesContent":["const baseStyle = {\n  helper: {\n    ml: '8px',\n    fontWeight: 400,\n    lineHeight: 1,\n  },\n}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nconst parts = ['helper']\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAChB,QAAQ;CACN,IAAI;CACJ,YAAY;CACZ,YAAY;CACb,EACF;AAED,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,MAAM,QAAQ,CAAC,SAAS;AAExB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/link/context.js

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

package/dist/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,QAAA,EAAQ,kBAAA,CAAA,eAAA,MA4BpB,kBAAA,CA5BoB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA4CP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;cAsBa,QAAA,EAAQ,kBAAA,CAAA,eAAA,MA4BpB,kBAAA,CA5BoB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA6CP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

package/dist/link/link.js

@@ -55,12 +55,13 @@ const Link = vui((props, ref) => {
 		size,
 		variant
 	}), [size, variant]);
+	const iconPadding = size === "xs" ? "1.2rem" : "1.5rem";
 	const aliasedProps = filterUndefined({
 		fontWeight: weight || fontWeight,
 		rel: isExternal ? "noopener" : void 0,
 		target: isExternal ? "_blank" : void 0,
-		pl: iconLeft ? "1.5rem" : void 0,
-		pr: iconRight ? "1.5rem" : void 0
+		pl: iconLeft ? iconPadding : void 0,
+		pr: iconRight ? iconPadding : void 0
 	});
 	return /* @__PURE__ */ jsx(LinkProvider, {
 		value: context,
@@ -99,5 +100,5 @@ Link.displayName = "Link";
 
 //#endregion
 export { LinkBase, Link as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=link.js.map

package/dist/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: iconLeft ? '1.5rem' : undefined,\n    pr: iconRight ? '1.5rem' : undefined,\n  })\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(iconLeft) ? <LinkIcon mr={1} left={0} name={iconLeft} /> : iconLeft}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(iconRight) ? <LinkIcon ml={1} right={0} name={iconRight} /> : iconRight}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAElF,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,WAAW,WAAW;EAC1B,IAAI,YAAY,WAAW;EAC5B,CAAC;AAEF,QACE,oBAAC;EAAa,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC;GACC,WAAW,GAAG,YAAY,UAAU;GACpC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAG,MAAM;MAAY,GAAG;IACpE,WAAW,oBAAC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAAC,YAAe,OAAQ;IACjG,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAI;KAAG,OAAO;KAAG,MAAM;MAAa,GAAG;;IAC/D;GACE;EAEjB;AAKF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const iconPadding = size === 'xs' ? '1.2rem' : '1.5rem'\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: iconLeft ? iconPadding : undefined,\n    pr: iconRight ? iconPadding : undefined,\n  })\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(iconLeft) ? <LinkIcon mr={1} left={0} name={iconLeft} /> : iconLeft}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(iconRight) ? <LinkIcon ml={1} right={0} name={iconRight} /> : iconRight}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,OACrC,EAAE;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,SAAS,eAAe,QAAQ,MAAM;CAC5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;EAAS,CAAC,EAAE,CAAC,MAAM,QAAQ,CAAC;CAClF,MAAM,cAAc,SAAS,OAAO,WAAW;CAE/C,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,WAAW,cAAc;EAC7B,IAAI,YAAY,cAAc;EAC/B,CAAC;AAEF,QACE,oBAAC;EAAa,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC;GACC,WAAW,GAAG,YAAY,UAAU;GACpC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;;IAEH,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAG,MAAM;MAAY,GAAG;IACpE,WAAW,oBAAC;KAAE,UAAU;KAAY;MAAa,GAAG,YAAY,KAAK,IAAI,oBAAC,YAAe,OAAQ;IACjG,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAI;KAAG,OAAO;KAAG,MAAM;MAAa,GAAG;;IAC/D;GACE;EAEjB;AAKF,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

package/dist/link/link.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { TypographyProps } from "../system/typography.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"mappings":";;;;;;;;;KAMY,SAAA,GAAY,WAAA,GACtB,YAAA;6DAEE,WAAA;EAEA,UAAA,GAAa,eAAA,oBALL;EAOR,eAAA,GAAkB,eAAA;EAElB,IAAA,WARF;EAUE,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAJR;EAMlB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAFL;EAItB,UAAA,YAFuB;EAIvB,YAAA,YAIS;EAFT,IAAA,qBAAyB,GAAA,CAAI,OAAA,EAEL;EAAxB,MAAA,GAAS,eAAA;AAAA"}
+{"version":3,"file":"link.types.d.ts","names":[],"sources":["../../src/link/link.types.ts"],"mappings":";;;;;;;;;;KAMY,SAAA,GAAY,WAAA,GACtB,YAAA;6DAEE,WAAA;EAEA,UAAA,GAAa,eAAA;EAEb,eAAA,GAAkB,eAAA,oBAPD;EASjB,IAAA,WAToB;EAWpB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EANb;EAQb,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAFhB;EAIX,UAAA,YAFY;EAIZ,YAAA,YAEyB;EAAzB,IAAA,qBAAyB,GAAA,CAAI,OAAA,EAEL;EAAxB,MAAA,GAAS,eAAA;AAAA"}

package/dist/link/linkIcon.js

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

package/dist/link/linkText.js

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

package/dist/link/theme.js

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

package/dist/list/context.js

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

package/dist/list/list.js

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

package/dist/list/list.types.d.ts

@@ -1,6 +1,7 @@
 import { PropsOf } from "../utils/types.js";
 import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPiB;EASjB,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA,EATzB;EAWpB,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EAR2C,mEAUzC,MAAA,YAVoD;EAYpD,OAAA,YApBF;EAsBE,OAAA,YAlBA;EAoBA,WAAA,oBApBgB;EAsBhB,MAAA,YAlBA;EAoBA,QAAA,YApBsB;EAsBtB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBmB;EAwB7C,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBpB;EAwBP,aAAA,YArBQ;EAuBR,UAAA;EAEA,QAAA,GAAW,SAAA,EAzBuC;EA2BlD,SAAA,GAAY,SAAA,EAzBS;EA2BrB,aAAA,YA3BwB;EA6BxB,SAAA,GAAY,iBAAA,EAdD;EAgBX,IAAA,GAAO,SAAA;AAAA"}
+{"version":3,"file":"list.types.d.ts","names":[],"sources":["../../src/list/list.types.ts"],"mappings":";;;;;;;;;;;;;KAQY,SAAA,GAAY,WAAA,GACtB,YAAA;iCAEE,WAAA;EAEA,OAAA,GAAU,KAAA,CAAM,SAAA;EAEhB,aAAA,YAPQ;EASR,KAAA,GAAQ,OAAA,OAAc,aAAA,MAAmB,GAAA,CAAI,OAAA;EAE7C,OAAA;AAAA;AAAA,KAGQ,iBAAA,GAAoB,OAAA,MAAa,SAAA;AAAA,KAEjC,aAAA,GAAgB,WAAA,GAC1B,YAAA;EARU,mEAUR,MAAA,YAVoD;EAYpD,OAAA,YArBoB;EAuBpB,OAAA,YApBA;EAsBA,WAAA,oBApBU;EAsBV,MAAA,YApBA;EAsBA,QAAA,YApBQ;EAsBR,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAtBe;EAwBzC,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAtB3B;EAwBA,aAAA,YAxBO;EA0BP,UAAA,YAvByB;EAyBzB,QAAA,GAAW,SAAA,EAzBiB;EA2B5B,SAAA,GAAY,SAAA,EAzBJ;EA2BR,aAAA;EAEA,SAAA,GAAY,iBAAA,EA5Bd;EA8BE,IAAA,GAAO,SAAA;AAAA"}

package/dist/list/listDivider.js

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

package/dist/list/listHeading.js

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

package/dist/list/listIcon.js

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

package/dist/list/listItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;;;;cAyBa,YAAA,EAAY,kBAAA,CAAA,eAAA,OAexB,kBAAA,CAfwB,YAAA,EAAA,WAAA;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}
+{"version":3,"file":"listItem.d.ts","names":[],"sources":["../../src/list/listItem.tsx"],"mappings":";;;;;;;cA0Ba,YAAA,EAAY,kBAAA,CAAA,eAAA,OAexB,kBAAA,CAfwB,YAAA,EAAA,WAAA;;;;;cAqBZ,QAAA,EAAQ,YAAA,OAAA,aAAA"}

package/dist/list/listItem.js

@@ -16,6 +16,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ListItemLink = vui((props, ref) => /* @__PURE__ */ jsx(Link, {
 	borderRadius: "none",
 	className: "vui-listItemLink vui-linkNoUnderline",
+	focusRing: 0,
 	h: "100%",
 	px: 2,
 	ref,
@@ -61,7 +62,13 @@ const ListItem = vui((props, ref) => {
 	} : {};
 	const interactiveProps = !disabled && isInteractive ? {
 		cursor: "pointer",
-		focusVisibleRing: 2,
+		...isLinkItem ? {
+			focusWithinRing: 2,
+			focusWithinRingInset: true
+		} : {
+			focusVisibleRing: 2,
+			focusVisibleRingInset: true
+		},
 		hoverBg,
 		activeBg,
 		tabIndex: !isLinkItem ? 0 : void 0,
@@ -112,5 +119,5 @@ ListItem.displayName = "ListItem";
 
 //#endregion
 export { ListItemBase, ListItem as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=listItem.js.map

package/dist/list/listItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          focusVisibleRing: 2,\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC;CACC,cAAa;CACb,WAAU;CACV,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,kBAAkB;EAClB;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAAC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"listItem.js","names":[],"sources":["../../src/list/listItem.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { LinkProps } from '../link'\nimport Link from '../link'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { useListContext } from './context'\nimport type { ListItemProps } from './list.types'\nimport ListIcon from './listIcon'\nimport ListText from './listText'\n\n/** Used as optional content wrapper when list item should be a link. */\nconst ListItemLink = vui<'a', LinkProps>((props, ref) => (\n  <Link\n    borderRadius=\"none\"\n    className=\"vui-listItemLink vui-linkNoUnderline\"\n    focusRing={0}\n    h=\"100%\"\n    px={2}\n    ref={ref}\n    variant=\"plain\"\n    w=\"100%\"\n    {...props}\n  />\n))\n\nexport const ListItemBase = styled.liBox`\n  display: flex;\n  line-height: normal;\n  outline: none;\n  transition-duration: fast;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n    user-select: none;\n    opacity: 0.5;\n  }\n\n  &:focus-visible {\n    z-index: 1;\n  }\n`\n\n/**\n * Displays a list item with text and optional icons. Can be shown as interactive or selected.\n * Optionally wraps the content with an <a> element when rendering a link.\n */\nexport const ListItem = vui<'li', ListItemProps>((props, ref) => {\n  const mergedProps = { ...useListContext(), ...props }\n  const {\n    children,\n    center,\n    centerH,\n    centerV = true,\n    className,\n    column,\n    disabled,\n    iconLeft,\n    iconRight,\n    isInteractive: isInteractiveProp,\n    isSelected,\n    isTruncated,\n    itemLeft,\n    itemRight,\n    linkProps,\n    onClick,\n    text,\n    ...rest\n  } = mergedProps\n  const styles = useStyleConfig('List', useListContext())\n  const { activeBg, hoverBg, selectedBg, ...itemStyles } = styles.item\n\n  const isLinkItem = linkProps !== undefined\n  const isInteractive = isInteractiveProp || isLinkItem || onClick !== undefined\n  const alignItems = (center || (column ? centerH : centerV)) && 'center'\n  const flexDirection = column && 'column'\n  const justifyContent = (center || (column ? centerV : centerH)) && 'center'\n\n  const ContentWrapper = isLinkItem ? ListItemLink : Fragment\n  const contentWrapperProps = isLinkItem ? { alignItems: 'center', display: 'inline-flex' } : {}\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          ...(isLinkItem\n            ? { focusWithinRing: 2, focusWithinRingInset: true }\n            : { focusVisibleRing: 2, focusVisibleRingInset: true }),\n          hoverBg,\n          activeBg,\n          tabIndex: !isLinkItem ? 0 : undefined,\n          userSelect: 'none',\n        }\n      : {}\n\n  const aliasedProps = filterUndefined({\n    alignItems,\n    bg: isSelected ? selectedBg : undefined,\n    'aria-disabled': disabled,\n    flexDirection,\n    justifyContent,\n    px: isLinkItem ? 0 : undefined,\n  })\n\n  return (\n    <ListItemBase\n      bg={disabled ? rest.disabledBg || 'sandstone.95' : undefined}\n      className={cs('vui-listItem', className)}\n      onClick={!disabled ? onClick : undefined}\n      ref={ref}\n      {...itemStyles}\n      {...interactiveProps}\n      {...aliasedProps}\n      {...rest}\n    >\n      <ContentWrapper {...linkProps} {...contentWrapperProps}>\n        {itemLeft}\n\n        {isString(iconLeft) ? <ListIcon mr={1} name={iconLeft} verticalAlign={'middle'} /> : iconLeft}\n\n        {children ?? (isReactText(text) ? <ListText {...{ isTruncated, text }} /> : text)}\n\n        {isString(iconRight) ? <ListIcon ml=\"auto\" name={iconRight} verticalAlign={'middle'} /> : iconRight}\n\n        {itemRight}\n      </ContentWrapper>\n    </ListItemBase>\n  )\n})\n\nListItem.displayName = 'ListItem'\nexport default ListItem\n"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,eAAe,KAAqB,OAAO,QAC/C,oBAAC;CACC,cAAa;CACb,WAAU;CACV,WAAW;CACX,GAAE;CACF,IAAI;CACC;CACL,SAAQ;CACR,GAAE;CACF,GAAI;EACJ,CACF;AAEF,MAAa,eAAe,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;AAqBxC,MAAa,WAAW,KAA0B,OAAO,QAAQ;CAE/D,MAAM,EACJ,UACA,QACA,SACA,UAAU,MACV,WACA,QACA,UACA,UACA,WACA,eAAe,mBACf,YACA,aACA,UACA,WACA,WACA,SACA,MACA,GAAG,SAnBe;EAAE,GAAG,gBAAgB;EAAE,GAAG;EAAO;CAsBrD,MAAM,EAAE,UAAU,SAAS,YAAY,GAAG,eAD3B,eAAe,QAAQ,gBAAgB,CAAC,CACS;CAEhE,MAAM,aAAa,cAAc;CACjC,MAAM,gBAAgB,qBAAqB,cAAc,YAAY;CACrE,MAAM,cAAc,WAAW,SAAS,UAAU,aAAa;CAC/D,MAAM,gBAAgB,UAAU;CAChC,MAAM,kBAAkB,WAAW,SAAS,UAAU,aAAa;CAEnE,MAAM,iBAAiB,aAAa,eAAe;CACnD,MAAM,sBAAsB,aAAa;EAAE,YAAY;EAAU,SAAS;EAAe,GAAG,EAAE;CAE9F,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR,GAAI,aACA;GAAE,iBAAiB;GAAG,sBAAsB;GAAM,GAClD;GAAE,kBAAkB;GAAG,uBAAuB;GAAM;EACxD;EACA;EACA,UAAU,CAAC,aAAa,IAAI;EAC5B,YAAY;EACb,GACD,EAAE;CAER,MAAM,eAAe,gBAAgB;EACnC;EACA,IAAI,aAAa,aAAa;EAC9B,iBAAiB;EACjB;EACA;EACA,IAAI,aAAa,IAAI;EACtB,CAAC;AAEF,QACE,oBAAC;EACC,IAAI,WAAW,KAAK,cAAc,iBAAiB;EACnD,WAAW,GAAG,gBAAgB,UAAU;EACxC,SAAS,CAAC,WAAW,UAAU;EAC1B;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,qBAAC;GAAe,GAAI;GAAW,GAAI;;IAChC;IAEA,SAAS,SAAS,GAAG,oBAAC;KAAS,IAAI;KAAG,MAAM;KAAU,eAAe;MAAY,GAAG;IAEpF,aAAa,YAAY,KAAK,GAAG,oBAAC;KAAe;KAAa;MAAU,GAAG;IAE3E,SAAS,UAAU,GAAG,oBAAC;KAAS,IAAG;KAAO,MAAM;KAAW,eAAe;MAAY,GAAG;IAEzF;;IACc;GACJ;EAEjB;AAEF,SAAS,cAAc"}

package/dist/list/listText.js

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

package/dist/list/theme.js

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

package/dist/logo/Logo.js

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

package/dist/menu/context.js

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

package/dist/menu/menu.js

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

package/dist/menu/menu.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { ListProps } from "../list/list.types.js";
 import "../list/index.js";
 import { PopoverContentProps, PopoverProps } from "../popover/popover.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"mappings":";;;;;;;;KAMY,aAAA,GAAgB,SAAA;yDAE1B,YAAA,GAAe,mBAAA;EAEf,UAAA,GAAa,SAAA,CAAU,cAAA,GAJA;EAMvB,IAAA,WAN0B;EAQ1B,UAAA,GAAa,SAAA,EAJU;EAMvB,OAAA,GAAU,SAAA;AAAA;AAAA,KAGA,SAAA,GAAY,YAAA,WACtB,YAAA;EAJmB,mDAMjB,aAAA;AAAA"}
+{"version":3,"file":"menu.types.d.ts","names":[],"sources":["../../src/menu/menu.types.ts"],"mappings":";;;;;;;;;KAMY,aAAA,GAAgB,SAAA;yDAE1B,YAAA,GAAe,mBAAA;EAEf,UAAA,GAAa,SAAA,CAAU,cAAA,GAJb;EAMV,IAAA;EAEA,UAAA,GAAa,SAAA,EANE;EAQf,OAAA,GAAU,SAAA;AAAA;AAAA,KAGA,SAAA,GAAY,YAAA,WACtB,YAAA;EAJU,mDAMR,aAAA;AAAA"}

package/dist/menu/menuButton.js

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

package/dist/menu/menuItem.js

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

package/dist/menu/menuList.js

@@ -44,5 +44,5 @@ MenuList.displayName = "MenuList";
 
 //#endregion
 export { MenuList as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=menuList.js.map

package/dist/menu/theme.js

@@ -34,5 +34,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/message/consts.js

@@ -1,9 +1,9 @@
 //#region src/message/consts.ts
 const iconDictionary = {
-	info: "falInfoCircle",
-	warning: "falExclamationTriangle",
-	error: "falExclamationTriangle",
-	success: "falCheckCircle"
+	info: "uiInfoCircle",
+	warning: "uiExclamationTriangle",
+	error: "uiExclamationTriangle",
+	success: "uiCheckCircle"
 };
 const spacingDictionary = {
 	sm: 6,
@@ -23,5 +23,5 @@ const avatarStyles = {
 
 //#endregion
 export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/message/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'uiInfoCircle',\n  warning: 'uiExclamationTriangle',\n  error: 'uiExclamationTriangle',\n  success: 'uiCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}

package/dist/message/message.js

@@ -40,5 +40,5 @@ Message.displayName = "Message";
 
 //#endregion
 export { MessageBase, Message as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=message.js.map

package/dist/message/message.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 import { AvatarProps } from "../avatar/avatar.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"mappings":";;;;;;;;KAMY,YAAA,GAAe,WAAA,GACzB,YAAA;yDAEE,IAAA,GAAO,SAAA;EAEP,MAAA,GAAS,WAAA;AAAA"}
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"mappings":";;;;;;;;;KAMY,YAAA,GAAe,WAAA,GACzB,YAAA;yDAEE,IAAA,GAAO,SAAA;EAEP,MAAA,GAAS,WAAA;AAAA"}

package/dist/message/theme.js

@@ -35,5 +35,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map