UNPKG

@veracity/vui

Version:

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

245 lines (244 loc) 23 kB
import { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls } from "./core/consts.js"; import { compareBy, toggleItem } from "./utils/array.js"; import { isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString } from "./utils/assertion.js"; import { __DEV__, activeClassName, activeItemShade, dimmedBorderColor } from "./utils/consts.js"; import { formatIsoDate, generateDateByUTCValue, getCurrentYear, getDateUTCValue, isValidDate, parseIsoDate, sameDate, sameYear, sameYearSameMonth, utcDateToLocale, validateDateFormat } from "./utils/dates.js"; import { addBodyClass, addElement, removeBodyClass, removeElement } from "./utils/dom.js"; import { dateFormats, formatDate } from "./utils/formatDate.js"; import { callAll, noop, runIfFn } from "./utils/function.js"; import { random } from "./utils/number.js"; import { filterUndefined, merge, objectFilter } from "./utils/object.js"; import { assignRef, createContext, mergeRefs, useCallbackRef, useClickOutside, useControlled, useIds, useIsMounted } from "./utils/react.js"; import { generateMenuItemId, normalizeToId } from "./utils/string.js"; import colors_default from "./theme/foundations/colors.js"; import { HSLToRGBA, cs, ellipsisOverflow, hexToRGBA, parseHSL, vuiColorToRGBA } from "./utils/styles.js"; import { uid } from "./utils/uid.js"; import { isActivePath } from "./utils/window.js"; import { LinksProvider, getLoggedInLink, useLinks, useLoadLinks } from "./core/links.js"; import fonts_default from "./theme/foundations/fonts.js"; import components_default from "./theme/components.js"; import animations_default from "./theme/foundations/animations.js"; import borders_default from "./theme/foundations/borders.js"; import durations_default from "./theme/foundations/durations.js"; import fontSizes_default from "./theme/foundations/fontSizes.js"; import fontWeights_default from "./theme/foundations/fontWeights.js"; import radii_default from "./theme/foundations/radii.js"; import ringWidths_default from "./theme/foundations/ringWidths.js"; import screens_default from "./theme/foundations/screens.js"; import shadows_default from "./theme/foundations/shadows.js"; import sizes_default from "./theme/foundations/sizes.js"; import spaces_default from "./theme/foundations/spaces.js"; import transforms_default from "./theme/foundations/transforms.js"; import transitions_default from "./theme/foundations/transitions.js"; import zIndices_default from "./theme/foundations/zIndices.js"; import foundations_default from "./theme/foundations/index.js"; import defaultTheme from "./theme/defaultTheme.js"; import { extendTheme } from "./theme/extendTheme.js"; import { omitThemingProps, th, useStyleConfig, useTh, useTheme } from "./core/theme.js"; import { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth } from "./core/media.js"; import { isTruncated, maxLines, wordBreak } from "./system/custom.js"; import system from "./system/system.js"; import styled, { createGlobalStyle, css, v } from "./core/styled.js"; 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, 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, vuiTypographyTokens, 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"; import resetCSS_default from "./core/vuiProvider/resetCSS.js"; import { Portal } from "./portal/portal.js"; import { Box, BoxBase } from "./box/box.js"; import { Svg, SvgBase } from "./svg/svg.js"; import { icons_exports } from "./icons/baseIcons/icons.js"; import { defaultIcons } from "./icons/consts.js"; import cache from "./icons/cache.js"; import { Icon } from "./icon/icon.js"; import { DismissButton } from "./dismissButton/DismissButton.js"; import { T, TBase } from "./t/t.js"; import { Lead } from "./t/specialVariants.js"; import { Spinner, SpinnerCircle } from "./spinner/spinner.js"; import { ToastItem } from "./toast/ToastItem.js"; import Toaster_default, { toasterWidth } from "./toast/Toaster.js"; import { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./toast/useToast.js"; import VuiProvider from "./core/vuiProvider/vuiProvider.js"; import { ListProvider, useListContext } from "./list/context.js"; import { Divider, DividerBase } from "./divider/divider.js"; import { ListDivider } from "./list/listDivider.js"; import { ListHeading } from "./list/listHeading.js"; import { ListIcon } from "./list/listIcon.js"; import { LinkIcon } from "./link/linkIcon.js"; import { LinkText } from "./link/linkText.js"; import { Link, LinkBase } from "./link/link.js"; import { ListText } from "./list/listText.js"; import { ListItem, ListItemBase } from "./list/listItem.js"; import { List, ListBase } from "./list/list.js"; import { AccordionItem } from "./accordion/accordionItem.js"; import { AccordionItemHorizontal } from "./accordion/accordionItemHorizontal.js"; import { Accordion, AccordionBase } from "./accordion/accordion.js"; import { Image, ImageBase } from "./image/image.js"; import { Avatar, AvatarBase } from "./avatar/avatar.js"; import { resolveTagVariantKey } from "./tag/utils.js"; import { Tag } from "./tag/tag.js"; import { Badge } from "./badge/badge.js"; import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs/breadcrumbs.js"; import { ButtonGroupProvider, useButtonGroupContext } from "./buttonGroup/context.js"; import { ButtonProvider, useButtonContext } from "./button/context.js"; import { ButtonIcon } from "./button/buttonIcon.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 { ButtonGroup, ButtonGroupBase } from "./buttonGroup/buttonGroup.js"; import { ButtonToggleGroup } from "./buttonToggleGroup/buttonToggleGroup.js"; import { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays } from "./calendar/consts.js"; import { Calendar } from "./calendar/calendar.js"; import { Card } from "./card/card.js"; import { P, PBase } from "./p/p.js"; import { HelpText } from "./input/helpText.js"; import { ChatInput } from "./chat/chatInput.js"; import { Message, MessageBase } from "./message/message.js"; import { ChatMessage } from "./chat/chatMessage.js"; import { Chat } from "./chat/chat.js"; import { CheckboxGroupProvider, useCheckboxGroupContext } from "./checkbox/context.js"; import { Checkbox, CheckboxBase } from "./checkbox/checkbox.js"; import { CheckboxGroup, CheckboxGroupBase } from "./checkbox/checkboxGroup.js"; import { useCopyToClipboard } from "./copyToClipboard/useCopyToClipboard.js"; import { CopyToClipboard } from "./copyToClipboard/copyToClipboard.js"; import { PopoverProvider, usePopoverContext } from "./popover/context.js"; import { PopoverContent } from "./popover/popoverContent.js"; import { PopoverTrigger } from "./popover/popoverTrigger.js"; import usePopover from "./popover/usePopover.js"; import Popover from "./popover/popover.js"; import { ModalProvider, useModalContext } from "./modal/context.js"; import { Tooltip } from "./tooltip/tooltip.js"; import { Label } from "./label/label.js"; import { InputIcon } from "./input/inputIcon.js"; import { InputInput, InputInputBase } from "./input/inputInput.js"; import { Input, InputBase } from "./input/input.js"; import { DatePicker } from "./datePicker/datePicker.js"; import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition/definition.js"; import { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent } from "./dialog/consts.js"; import { DialogProvider, useDialogContext } from "./dialog/context.js"; import { FocusLock } from "./focusLock/focusLock.js"; import { ModalBackdrop, ModalBackdropBase } from "./modal/modalBackdrop.js"; import { ModalContent, ModalContentBase } from "./modal/modalContent.js"; import { manager, useModalManager } from "./modal/modalManager.js"; import { Modal } from "./modal/modal.js"; import { DialogBody } from "./dialog/dialogBody.js"; import { DialogCancelButton } from "./dialog/dialogCancelButton.js"; import { DialogCloseButton } from "./dialog/dialogCloseButton.js"; import { DialogSubmitButton } from "./dialog/dialogSubmitButton.js"; import { DialogFooter } from "./dialog/dialogFooter.js"; import { DialogIcon } from "./dialog/dialogIcon.js"; import { Heading, HeadingBase } from "./heading/heading.js"; import { H1, H2, H3, H4, H5, H6 } from "./heading/headings.js"; import { DialogTitle } from "./dialog/dialogTitle.js"; import { DialogHeader } from "./dialog/dialogHeader.js"; import { Dialog, DialogBase } from "./dialog/dialog.js"; import { useDialog } from "./dialog/useDialog.js"; import { Display, DisplayBase } from "./display/display.js"; import { DragAndDrop } from "./dragAndDrop/dragAndDrop.js"; import { Drawer } from "./drawer/drawer.js"; import { MenuProvider, useMenuContext } from "./menu/context.js"; import { MenuButton } from "./menu/menuButton.js"; import { MenuItem } from "./menu/menuItem.js"; import { MenuList } from "./menu/menuList.js"; import { Menu } from "./menu/menu.js"; import { FooterHeading } from "./footer/footerHeading.js"; import { FooterLink } from "./footer/footerLink.js"; import { FooterSection } from "./footer/footerSection.js"; import { FooterContent } from "./footer/footerContent.js"; import { Footer, FooterBase } from "./footer/footer.js"; import { useFooterLinks } from "./footer/helpers.js"; import { ApplicationFooter } from "./footer/applicationFooter.js"; import { Grid, GridBase } from "./grid/grid.js"; import { HeaderProvider, useHeaderContext } from "./header/context.js"; import { HeaderAccountUserInfo } from "./header/headerAccountUserInfo.js"; import { HeaderAccount } from "./header/headerAccount.js"; import { HeaderApplicationName } from "./header/headerApplicationName.js"; import { HeaderContent } from "./header/headerContent.js"; import { HeaderCreateAccount } from "./header/headerCreateAccount.js"; import { HeaderDivider } from "./header/headerDivider.js"; import { HeaderLinkItem } from "./header/headerLinkItem.js"; import { Logo } from "./logo/Logo.js"; import { HeaderLogo } from "./header/headerLogo.js"; import { HeaderMainLinks } from "./header/headerMainLinks.js"; import { HeaderMobileContent } from "./header/headerMobileContent.js"; import { HeaderMobileToggle } from "./header/headerMobileToggle.js"; import { HeaderNotifications } from "./header/headerNotifications.js"; import { HeaderServicesMessage } from "./header/headerServicesMessage.js"; import { HeaderServices } from "./header/headerServices.js"; import { HeaderSignIn } from "./header/headerSignIn.js"; import { Header, HeaderBase } from "./header/header.js"; import { useHeaderLinks } from "./header/helpers.js"; import { LoggedInHeader } from "./header/loggedInHeader.js"; import { LoggedOutHeader } from "./header/loggedOutHeader.js"; import { NotificationProvider, useNotificationContext } from "./notification/context.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"; import { Notification } from "./notification/notification.js"; import { PaginationProvider, usePaginationContext } from "./pagination/context.js"; import { getPaginationItems } from "./pagination/helpers.js"; import { PaginationButton, PaginationEllipsis, PaginationPrevNext } from "./pagination/paginationButtons.js"; import { PaginationGoToPage } from "./pagination/paginationGoToPage.js"; import { PaginationNavigation } from "./pagination/paginationNavigation.js"; import { PaginationResults } from "./pagination/paginationResults.js"; import usePagination from "./pagination/usePagination.js"; import { Pagination } from "./pagination/pagination.js"; import { Panel } from "./panel/panel.js"; import { Progress, ProgressBase } from "./progress/progress.js"; import { ProgressCircular, ProgressCircularBase } from "./progressCircular/progressCircular.js"; import { Prose } from "./prose/prose.js"; import { RadioGroupProvider, useRadioGroupContext } from "./radio/context.js"; import { Radio, RadioBase } from "./radio/radio.js"; import { RadioGroup, RadioGroupBase } from "./radio/radioGroup.js"; import { Range } from "./range/range.js"; import { Rating } from "./rating/rating.js"; import { SelectButton } from "./select/selectButton.js"; import { SelectContent } from "./select/selectContent.js"; import { SelectGroup } from "./select/selectGroup.js"; import { SelectOption } from "./select/selectOption.js"; import { getOptionText } from "./select/useSelect.js"; import { Select } from "./select/select.js"; import { SidemenuItem } from "./sidemenu/sidemenuItem.js"; import { SidemenuTop } from "./sidemenu/sidemenuTop.js"; import { Sidemenu } from "./sidemenu/sidemenu.js"; import { SidemenuStateProvider, useSidemenuContext } from "./sidemenuV2/context.js"; import { SidemenuV2 } from "./sidemenuV2/sidemenuV2.js"; import { Skeleton, SkeletonBase } from "./skeleton/skeleton.js"; import { StepIndicator } from "./stepIndicator/stepIndicator.js"; import { StepperHorizontal } from "./stepperHorizontal/stepperHorizontal.js"; import { StepHorizontal, StepHorizontalBase } from "./stepperHorizontal/stepHorizontal.js"; import { StepperVertical } from "./stepperVertical/stepperVertical.js"; import { StepVertical, StepVerticalBase } from "./stepperVertical/stepVertical.js"; import { SwitchProvider, useSwitchContext } from "./switch/context.js"; import { SwitchButton, SwitchButtonBase } from "./switch/switchButton.js"; import { SwitchLabel } from "./switch/switchLabel.js"; import { Switch, SwitchBase } from "./switch/switchMain.js"; import { TableProvider, useTableContext } from "./table/context.js"; import { TableSortIcon } from "./table/tableSortIcon.js"; import { Td, TdBase } from "./table/td.js"; import { Tr, TrBase } from "./table/tr.js"; import { Tbody, TbodyBase } from "./table/tbody.js"; import { Tfoot, TfootBase } from "./table/tfoot.js"; import { Th, ThBase } from "./table/th.js"; import { Thead } from "./table/thead.js"; import { Table, TableBase } from "./table/table.js"; import { Tab, TabBase } from "./tabs/tab.js"; import { Tabs, TabsBase } from "./tabs/tabs.js"; import { TagToggle } from "./tagToggle/TagToggle.js"; import { Textarea, TextareaBase } from "./textarea/textarea.js"; import { TreeProvider, useTreeContext } from "./tree/context.js"; import { TreeIcon } from "./tree/treeIcon.js"; import { TreeText } from "./tree/treeText.js"; import { TreeItem, TreeItemBase } from "./tree/treeItem.js"; import { Tree, TreeBase } from "./tree/tree.js"; import { TutorialStep } from "./tutorial/tutorialStep.js"; import { TutorialCard } from "./tutorial/tutorialCard.js"; import { Tutorial } from "./tutorial/tutorial.js"; export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, AppButton, ApplicationFooter, Avatar, AvatarBase, BackButton, Badge, Box, BoxBase, Breadcrumbs, BreadcrumbsBase, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProvider, ButtonIcon, ButtonProvider, ButtonText, ButtonToggleGroup, CTAButton, Calendar, Card, Chat, ChatInput, ChatMessage, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, DismissButton, Display, DisplayBase, Divider, DividerBase, DragAndDrop, Drawer, FocusLock, Footer, FooterBase, FooterContent, FooterHeading, FooterLink, FooterSection, globalStyle_default as GlobalStyle, Grid, GridBase, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountUserInfo, HeaderApplicationName, HeaderBase, HeaderContent, HeaderCreateAccount, HeaderDivider, HeaderLinkItem, HeaderLogo, HeaderMainLinks, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderProvider, HeaderServices, HeaderServicesMessage, HeaderSignIn, Heading, HeadingBase, HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, Lead, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, Menu, MenuButton, MenuItem, MenuList, MenuProvider, Message, MessageBase, Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationAction, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, PopoverContent, PopoverProvider, PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, Prose, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProvider, Range, Rating, RenderOnScreen, resetCSS_default as ResetCSS, Select, SelectButton, SelectContent, SelectGroup, SelectOption, Sidemenu, SidemenuItem, SidemenuStateProvider, SidemenuTop, SidemenuV2, Skeleton, SkeletonBase, Spinner, SpinnerCircle, StepHorizontal, StepHorizontalBase, StepIndicator, StepVertical, StepVerticalBase, StepperHorizontal, StepperVertical, Svg, SvgBase, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchLabel, SwitchProvider, T, TBase, Tab, TabBase, Table, TableBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagToggle, Tbody, TbodyBase, Td, TdBase, TextButton, Textarea, TextareaBase, Tfoot, TfootBase, Th, ThBase, Thead, ToastItem, Toaster_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toasterWidth, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices }; globalThis.__vuiVersion__ = "5.3.1"