@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/index.js

@@ -1 +1,243 @@
-import{cdnFontsPath as e,cdnStagUrl as t,cdnTestUrl as n,cdnUrl as r,cdnUrls as i}from"./core/consts.js";import{compareBy as a,toggleItem as o}from"./utils/array.js";import{isArray as s,isFunction as c,isJsx as l,isNumber as u,isObject as d,isReactText as f,isString as p}from"./utils/assertion.js";import{__DEV__ as m,activeClassName as h,activeItemShade as g,dimmedBorderColor as _}from"./utils/consts.js";import{formatIsoDate as v,generateDateByUTCValue as y,getCurrentYear as b,getDateUTCValue as x,isValidDate as S,parseIsoDate as C,sameDate as w,sameYear as T,sameYearSameMonth as E,utcDateToLocale as D,validateDateFormat as O}from"./utils/dates.js";import{addBodyClass as k,addElement as A,removeBodyClass as j,removeElement as M}from"./utils/dom.js";import{dateFormats as N,formatDate as P}from"./utils/formatDate.js";import{callAll as F,noop as I,runIfFn as L}from"./utils/function.js";import{random as R}from"./utils/number.js";import{filterUndefined as z,merge as B,objectFilter as V}from"./utils/object.js";import{assignRef as H,createContext as U,mergeRefs as W,useCallbackRef as G,useClickOutside as K,useControlled as q,useIds as J,useIsMounted as Y}from"./utils/react.js";import{generateMenuItemId as X,normalizeToId as Z}from"./utils/string.js";import Q from"./theme/foundations/colors.js";import{HSLToRGBA as $,cs as ee,ellipsisOverflow as te,hexToRGBA as ne,parseHSL as re,vuiColorToRGBA as ie}from"./utils/styles.js";import{uid as ae}from"./utils/uid.js";import{isActivePath as oe}from"./utils/window.js";import{LinksProvider as se,getLoggedInLink as ce,useLinks as le,useLoadLinks as ue}from"./core/links.js";import de from"./theme/foundations/fonts.js";import fe from"./theme/components.js";import pe from"./theme/foundations/animations.js";import me from"./theme/foundations/borders.js";import he from"./theme/foundations/durations.js";import ge from"./theme/foundations/fontSizes.js";import _e from"./theme/foundations/fontWeights.js";import ve from"./theme/foundations/radii.js";import ye from"./theme/foundations/ringWidths.js";import be from"./theme/foundations/screens.js";import xe from"./theme/foundations/shadows.js";import Se from"./theme/foundations/sizes.js";import Ce from"./theme/foundations/spaces.js";import we from"./theme/foundations/transforms.js";import Te from"./theme/foundations/transitions.js";import Ee from"./theme/foundations/zIndices.js";import De from"./theme/foundations/index.js";import Oe from"./theme/defaultTheme.js";import{extendTheme as ke,omitThemingProps as Ae,th as je,useStyleConfig as Me,useTh as Ne,useTheme as Pe}from"./core/theme.js";import{RenderOnScreen as Fe,mediaBetween as Ie,mediaDown as Le,mediaUp as Re,useBetween as ze,useDown as Be,useUp as Ve,useViewportWidth as He}from"./core/media.js";import{isTruncated as Ue,maxLines as We,wordBreak as Ge}from"./system/custom.js";import{system as Ke}from"./system/system.js";import{createGlobalStyle as qe,css as Je,styled as Ye,v as Xe}from"./core/styled.js";import{vui as Ze}from"./core/vui.js";import{bounce as Qe,fadeDown as $e,fadeIn as et,fadeLeft as tt,fadeOut as nt,fadeRight as rt,fadeUp as it,pulse as at,spin as ot}from"./core/vuiProvider/animations.js";import{VuiContextProvider as st,useVuiContext as ct}from"./core/vuiProvider/context.js";import{useOfflineMode as lt}from"./core/vuiProvider/useOfflineMode.js";import{noScrollClass as ut}from"./core/vuiProvider/consts.js";import{useBodyScrollLock as dt}from"./core/vuiProvider/useBodyScrollLock.js";import ft from"./core/vuiProvider/fontFaces.js";import pt from"./core/vuiProvider/globalStyle.js";import mt from"./core/vuiProvider/resetCSS.js";import{Portal as ht}from"./portal/portal.js";import{Box as gt,BoxBase as _t}from"./box/box.js";import vt from"./toast/toast.js";import{NotificationProvider as yt,useNotificationContext as bt}from"./notification/context.js";import{ButtonGroupProvider as xt,useButtonGroupContext as St}from"./buttonGroup/context.js";import{Svg as Ct,SvgBase as wt}from"./svg/svg.js";import{icons_exports as Tt}from"./icons/baseIcons/icons.js";import{defaultIcons as Et}from"./icons/consts.js";import Dt from"./icons/cache.js";import{Icon as Ot}from"./icon/icon.js";import{ButtonProvider as kt,useButtonContext as At}from"./button/context.js";import{ButtonIcon as jt}from"./button/buttonIcon.js";import{T as Mt,TBase as Nt}from"./t/t.js";import{ButtonText as Pt}from"./button/buttonText.js";import{Button as Ft,ButtonBase as It}from"./button/button.js";import{AppButton as Lt,BackButton as Rt,CTAButton as zt,CloseButton as Bt,DangerButton as Vt,IconButton as Ht,LineButton as Ut,TextButton as Wt}from"./button/buttons.js";import{NotificationButton as Gt}from"./notification/notificationButton.js";import{NotificationIcon as Kt}from"./notification/notificationIcon.js";import{NotificationText as qt}from"./notification/notificationText.js";import{NotificationTitle as Jt}from"./notification/notificationTitle.js";import{Notification as Yt}from"./notification/notification.js";import{defaultDuration as Xt,fastToastDuration as Zt,slowToastDuration as Qt,useToast as $t}from"./toast/useToast.js";import en from"./core/vuiProvider/vuiProvider.js";import{ListProvider as tn,useListContext as nn}from"./list/context.js";import{Divider as rn,DividerBase as an}from"./divider/divider.js";import{ListDivider as on}from"./list/listDivider.js";import{ListHeading as sn}from"./list/listHeading.js";import{ListIcon as cn}from"./list/listIcon.js";import{LinkIcon as ln}from"./link/linkIcon.js";import{LinkText as un}from"./link/linkText.js";import{Link as dn,LinkBase as fn}from"./link/link.js";import{ListText as pn}from"./list/listText.js";import{ListItem as mn,ListItemBase as hn}from"./list/listItem.js";import{List as gn,ListBase as _n}from"./list/list.js";import{AccordionItem as vn}from"./accordion/accordionItem.js";import{AccordionItemHorizontal as yn}from"./accordion/accordionItemHorizontal.js";import{Accordion as bn,AccordionBase as xn}from"./accordion/accordion.js";import{Image as Sn,ImageBase as Cn}from"./image/image.js";import{Avatar as wn,AvatarBase as Tn}from"./avatar/avatar.js";import{TagProvider as En,useTagContext as Dn}from"./tag/context.js";import{TagButton as On}from"./tag/tagButton.js";import{TagIcon as kn}from"./tag/tagIcon.js";import{TagText as An}from"./tag/tagText.js";import{Tag as jn,TagBase as Mn}from"./tag/tag.js";import{Badge as Nn}from"./badge/badge.js";import{Breadcrumbs as Pn,BreadcrumbsBase as Fn}from"./breadcrumbs/breadcrumbs.js";import{ButtonGroup as In,ButtonGroupBase as Ln}from"./buttonGroup/buttonGroup.js";import{ButtonToggleGroup as Rn}from"./buttonToggleGroup/buttonToggleGroup.js";import{maxDateTimestamp as zn,minDateTimestamp as Bn,months as Vn,monthsShort as Hn,viewYears as Un,weekDays as Wn}from"./calendar/consts.js";import{Calendar as Gn}from"./calendar/calendar.js";import{Card as Kn}from"./card/card.js";import{P as qn,PBase as Jn}from"./p/p.js";import Yn from"./input/helpText.js";import{ChatInput as Xn}from"./chat/chatInput.js";import{Message as Zn,MessageBase as Qn}from"./message/message.js";import{ChatMessage as $n}from"./chat/chatMessage.js";import{Chat as er}from"./chat/chat.js";import{CheckboxGroupProvider as tr,useCheckboxGroupContext as nr}from"./checkbox/context.js";import{Checkbox as rr,CheckboxBase as ir}from"./checkbox/checkbox.js";import{CheckboxGroup as ar,CheckboxGroupBase as or}from"./checkbox/checkboxGroup.js";import{useCopyToClipboard as sr}from"./copyToClipboard/useCopyToClipboard.js";import{CopyToClipboard as cr}from"./copyToClipboard/copyToClipboard.js";import{Definition as lr,DefinitionHorizontalBase as ur,DefinitionVerticalBase as dr}from"./definition/definition.js";import{closeOnEscPlugin as fr,matchWidthModifier as pr}from"./popover/consts.js";import{PopoverProvider as mr,usePopoverContext as hr}from"./popover/context.js";import gr from"./popover/popoverContent.js";import _r from"./popover/popoverTrigger.js";import vr from"./popover/usePopover.js";import yr from"./popover/popover.js";import{Tooltip as br}from"./tooltip/tooltip.js";import{Label as xr,LabelBase as Sr}from"./label/label.js";import{InputIcon as Cr}from"./input/inputIcon.js";import{InputInput as wr,InputInputBase as Tr}from"./input/inputInput.js";import{Input as Er,InputBase as Dr}from"./input/input.js";import{DatePicker as Or}from"./datePicker/datePicker.js";import{containerId as kr,dialogStatusMapping as Ar,modalAnimation as jr,modalClass as Mr,modalJustifyContent as Nr}from"./dialog/consts.js";import{DialogProvider as Pr,useDialogContext as Fr}from"./dialog/context.js";import{ModalProvider as Ir,useModalContext as Lr}from"./modal/context.js";import{FocusLock as Rr}from"./focusLock/focusLock.js";import{ModalBackdrop as zr,ModalBackdropBase as Br}from"./modal/modalBackdrop.js";import{ModalContent as Vr,ModalContentBase as Hr}from"./modal/modalContent.js";import{manager as Ur,useModalManager as Wr}from"./modal/modalManager.js";import Gr from"./modal/modal.js";import{DialogBody as Kr}from"./dialog/dialogBody.js";import{DialogCancelButton as qr}from"./dialog/dialogCancelButton.js";import{DialogCloseButton as Jr}from"./dialog/dialogCloseButton.js";import{DialogSubmitButton as Yr}from"./dialog/dialogSubmitButton.js";import{DialogFooter as Xr}from"./dialog/dialogFooter.js";import{DialogIcon as Zr}from"./dialog/dialogIcon.js";import{Heading as Qr,HeadingBase as $r}from"./heading/heading.js";import{H1 as ei,H2 as ti,H3 as ni,H4 as ri,H5 as ii,H6 as ai}from"./heading/headings.js";import{DialogTitle as oi}from"./dialog/dialogTitle.js";import{DialogHeader as si}from"./dialog/dialogHeader.js";import ci,{DialogBase as li}from"./dialog/dialog.js";import{useDialog as ui}from"./dialog/useDialog.js";import{DragAndDrop as di}from"./dragAndDrop/dragAndDrop.js";import{Drawer as fi}from"./drawer/drawer.js";import{MenuProvider as pi,useMenuContext as mi}from"./menu/context.js";import hi from"./menu/menuButton.js";import gi from"./menu/menuItem.js";import _i from"./menu/menuList.js";import vi from"./menu/menu.js";import{FooterHeading as yi}from"./footer/footerHeading.js";import{FooterLink as bi}from"./footer/footerLink.js";import{FooterSection as xi}from"./footer/footerSection.js";import{FooterContent as Si}from"./footer/footerContent.js";import{Footer as Ci,FooterBase as wi}from"./footer/footer.js";import{useFooterLinks as Ti}from"./footer/helpers.js";import{ApplicationFooter as Ei}from"./footer/applicationFooter.js";import{Grid as Di,GridBase as Oi}from"./grid/grid.js";import{HeaderProvider as ki,useHeaderContext as Ai}from"./header/context.js";import{HeaderAccountUserInfo as ji}from"./header/headerAccountUserInfo.js";import{HeaderAccount as Mi}from"./header/headerAccount.js";import{HeaderApplicationName as Ni}from"./header/headerApplicationName.js";import{HeaderContent as Pi}from"./header/headerContent.js";import{HeaderCreateAccount as Fi}from"./header/headerCreateAccount.js";import{HeaderDivider as Ii}from"./header/headerDivider.js";import{HeaderLinkItem as Li}from"./header/headerLinkItem.js";import{Logo as Ri}from"./logo/Logo.js";import{HeaderLogo as zi}from"./header/headerLogo.js";import{HeaderMainLinks as Bi}from"./header/headerMainLinks.js";import{HeaderMobileContent as Vi}from"./header/headerMobileContent.js";import{HeaderMobileToggle as Hi}from"./header/headerMobileToggle.js";import{HeaderNotifications as Ui}from"./header/headerNotifications.js";import{HeaderServicesMessage as Wi}from"./header/headerServicesMessage.js";import{HeaderServices as Gi}from"./header/headerServices.js";import{HeaderSignIn as Ki}from"./header/headerSignIn.js";import{Header as qi,HeaderBase as Ji}from"./header/header.js";import{useHeaderLinks as Yi}from"./header/helpers.js";import{LoggedInHeader as Xi}from"./header/loggedInHeader.js";import{LoggedOutHeader as Zi}from"./header/loggedOutHeader.js";import{PaginationProvider as Qi,usePaginationContext as $i}from"./pagination/context.js";import{getPaginationItems as ea}from"./pagination/helpers.js";import{PaginationButton as ta}from"./pagination/paginationButton.js";import{PaginationEllipsis as na}from"./pagination/paginationEllipsis.js";import{PaginationGoToPage as ra}from"./pagination/paginationGoToPage.js";import{PaginationPrevNext as ia}from"./pagination/paginationPrevNext.js";import{PaginationNavigation as aa}from"./pagination/paginationNavigation.js";import{PaginationResults as oa}from"./pagination/paginationResults.js";import sa from"./pagination/usePagination.js";import{Pagination as ca}from"./pagination/pagination.js";import{Panel as la}from"./panel/panel.js";import{Progress as ua,ProgressBase as da}from"./progress/progress.js";import{ProgressCircular as fa,ProgressCircularBase as pa}from"./progressCircular/progressCircular.js";import{RadioGroupProvider as ma,useRadioGroupContext as ha}from"./radio/context.js";import{Radio as ga,RadioBase as _a}from"./radio/radio.js";import{RadioGroup as va,RadioGroupBase as ya}from"./radio/radioGroup.js";import{Range as ba}from"./range/range.js";import{Rating as xa}from"./rating/rating.js";import{SelectButton as Sa}from"./select/selectButton.js";import{SelectContent as Ca}from"./select/selectContent.js";import{SelectGroup as wa}from"./select/selectGroup.js";import{SelectOption as Ta}from"./select/selectOption.js";import{getOptionText as Ea}from"./select/useSelect.js";import{Select as Da}from"./select/select.js";import{SidemenuItem as Oa}from"./sidemenu/sidemenuItem.js";import{SidemenuTop as ka}from"./sidemenu/sidemenuTop.js";import{Sidemenu as Aa}from"./sidemenu/sidemenu.js";import{SidemenuStateProvider as ja,useSidemenuContext as Ma}from"./sidemenuV2/context.js";import{SidemenuV2 as Na}from"./sidemenuV2/sidemenuV2.js";import{Skeleton as Pa,SkeletonBase as Fa}from"./skeleton/skeleton.js";import{StepIndicator as Ia}from"./stepIndicator/stepIndicator.js";import{StepperHorizontal as La}from"./stepperHorizontal/stepperHorizontal.js";import{StepHorizontal as Ra,StepHorizontalBase as za}from"./stepperHorizontal/stepHorizontal.js";import{StepperVertical as Ba}from"./stepperVertical/stepperVertical.js";import{StepVertical as Va,StepVerticalBase as Ha}from"./stepperVertical/stepVertical.js";import{Spinner as Ua,SpinnerCircle as Wa}from"./spinner/spinner.js";import{SwitchProvider as Ga,useSwitchContext as Ka}from"./switch/context.js";import{SwitchButton as qa,SwitchButtonBase as Ja}from"./switch/switchButton.js";import{SwitchLabel as Ya}from"./switch/switchLabel.js";import{Switch as Xa,SwitchBase as Za}from"./switch/switchMain.js";import{TableProvider as Qa,useTableContext as $a}from"./table/context.js";import{TableSortIcon as eo}from"./table/tableSortIcon.js";import{Td as to,TdBase as no}from"./table/td.js";import{Tr as ro,TrBase as io}from"./table/tr.js";import{Tbody as ao,TbodyBase as oo}from"./table/tbody.js";import{Tfoot as so,TfootBase as co}from"./table/tfoot.js";import{Th as lo,ThBase as uo}from"./table/th.js";import{Thead as fo}from"./table/thead.js";import{Table as po,TableBase as mo}from"./table/table.js";import{Tab as ho,TabBase as go}from"./tabs/tab.js";import{Tabs as _o,TabsBase as vo}from"./tabs/tabs.js";import{Textarea as yo,TextareaBase as bo}from"./textarea/textarea.js";import{TreeProvider as xo,useTreeContext as So}from"./tree/context.js";import{TreeIcon as Co}from"./tree/treeIcon.js";import{TreeText as wo}from"./tree/treeText.js";import{TreeItem as To,TreeItemBase as Eo}from"./tree/treeItem.js";import{Tree as Do,TreeBase as Oo}from"./tree/tree.js";import{TutorialStep as ko}from"./tutorial/tutorialStep.js";import{TutorialCard as Ao}from"./tutorial/tutorialCard.js";import{Tutorial as jo}from"./tutorial/tutorial.js";export{bn as Accordion,xn as AccordionBase,vn as AccordionItem,yn as AccordionItemHorizontal,Lt as AppButton,Ei as ApplicationFooter,wn as Avatar,Tn as AvatarBase,Rt as BackButton,Nn as Badge,gt as Box,_t as BoxBase,Pn as Breadcrumbs,Fn as BreadcrumbsBase,Ft as Button,It as ButtonBase,In as ButtonGroup,Ln as ButtonGroupBase,xt as ButtonGroupProvider,jt as ButtonIcon,kt as ButtonProvider,Pt as ButtonText,Rn as ButtonToggleGroup,zt as CTAButton,Gn as Calendar,Kn as Card,er as Chat,Xn as ChatInput,$n as ChatMessage,rr as Checkbox,ir as CheckboxBase,ar as CheckboxGroup,or as CheckboxGroupBase,tr as CheckboxGroupProvider,Bt as CloseButton,cr as CopyToClipboard,Vt as DangerButton,Or as DatePicker,lr as Definition,ur as DefinitionHorizontalBase,dr as DefinitionVerticalBase,ci as Dialog,li as DialogBase,Kr as DialogBody,qr as DialogCancelButton,Jr as DialogCloseButton,Xr as DialogFooter,si as DialogHeader,Zr as DialogIcon,Pr as DialogProvider,Yr as DialogSubmitButton,oi as DialogTitle,rn as Divider,an as DividerBase,di as DragAndDrop,fi as Drawer,Rr as FocusLock,Ci as Footer,wi as FooterBase,Si as FooterContent,yi as FooterHeading,bi as FooterLink,xi as FooterSection,pt as GlobalStyle,Di as Grid,Oi as GridBase,ei as H1,ti as H2,ni as H3,ri as H4,ii as H5,ai as H6,$ as HSLToRGBA,qi as Header,Mi as HeaderAccount,ji as HeaderAccountUserInfo,Ni as HeaderApplicationName,Ji as HeaderBase,Pi as HeaderContent,Fi as HeaderCreateAccount,Ii as HeaderDivider,Li as HeaderLinkItem,zi as HeaderLogo,Bi as HeaderMainLinks,Vi as HeaderMobileContent,Hi as HeaderMobileToggle,Ui as HeaderNotifications,ki as HeaderProvider,Gi as HeaderServices,Wi as HeaderServicesMessage,Ki as HeaderSignIn,Qr as Heading,$r as HeadingBase,Yn as HelpText,Ot as Icon,Ht as IconButton,Sn as Image,Cn as ImageBase,Er as Input,Dr as InputBase,Cr as InputIcon,wr as InputInput,Tr as InputInputBase,xr as Label,Sr as LabelBase,Ut as LineButton,dn as Link,fn as LinkBase,ln as LinkIcon,un as LinkText,se as LinksProvider,gn as List,_n as ListBase,on as ListDivider,sn as ListHeading,cn as ListIcon,mn as ListItem,hn as ListItemBase,tn as ListProvider,pn as ListText,Xi as LoggedInHeader,Zi as LoggedOutHeader,Ri as Logo,vi as Menu,hi as MenuButton,gi as MenuItem,_i as MenuList,pi as MenuProvider,Zn as Message,Qn as MessageBase,Gr as Modal,zr as ModalBackdrop,Br as ModalBackdropBase,Vr as ModalContent,Hr as ModalContentBase,Ir as ModalProvider,Yt as Notification,Gt as NotificationButton,Kt as NotificationIcon,yt as NotificationProvider,qt as NotificationText,Jt as NotificationTitle,qn as P,Jn as PBase,ca as Pagination,ta as PaginationButton,na as PaginationEllipsis,ra as PaginationGoToPage,aa as PaginationNavigation,ia as PaginationPrevNext,Qi as PaginationProvider,oa as PaginationResults,la as Panel,yr as Popover,gr as PopoverContent,mr as PopoverProvider,_r as PopoverTrigger,ht as Portal,ua as Progress,da as ProgressBase,fa as ProgressCircular,pa as ProgressCircularBase,ga as Radio,_a as RadioBase,va as RadioGroup,ya as RadioGroupBase,ma as RadioGroupProvider,ba as Range,xa as Rating,Fe as RenderOnScreen,mt as ResetCSS,Da as Select,Sa as SelectButton,Ca as SelectContent,wa as SelectGroup,Ta as SelectOption,Aa as Sidemenu,Oa as SidemenuItem,ja as SidemenuStateProvider,ka as SidemenuTop,Na as SidemenuV2,Pa as Skeleton,Fa as SkeletonBase,Ua as Spinner,Wa as SpinnerCircle,Ra as StepHorizontal,za as StepHorizontalBase,Ia as StepIndicator,Va as StepVertical,Ha as StepVerticalBase,La as StepperHorizontal,Ba as StepperVertical,Ct as Svg,wt as SvgBase,Xa as Switch,Za as SwitchBase,qa as SwitchButton,Ja as SwitchButtonBase,Ya as SwitchLabel,Ga as SwitchProvider,Mt as T,Nt as TBase,ho as Tab,go as TabBase,po as Table,mo as TableBase,Qa as TableProvider,eo as TableSortIcon,_o as Tabs,vo as TabsBase,jn as Tag,Mn as TagBase,On as TagButton,kn as TagIcon,En as TagProvider,An as TagText,ao as Tbody,oo as TbodyBase,to as Td,no as TdBase,Wt as TextButton,yo as Textarea,bo as TextareaBase,so as Tfoot,co as TfootBase,lo as Th,uo as ThBase,fo as Thead,vt as Toaster,br as Tooltip,ro as Tr,io as TrBase,Do as Tree,Oo as TreeBase,Co as TreeIcon,To as TreeItem,Eo as TreeItemBase,xo as TreeProvider,wo as TreeText,jo as Tutorial,Ao as TutorialCard,ko as TutorialStep,st as VuiContextProvider,en as VuiProvider,m as __DEV__,h as activeClassName,g as activeItemShade,k as addBodyClass,A as addElement,pe as animations,H as assignRef,Tt as baseIcons,me as borders,Qe as bounce,F as callAll,e as cdnFontsPath,t as cdnStagUrl,n as cdnTestUrl,r as cdnUrl,i as cdnUrls,fr as closeOnEscPlugin,Q as colors,a as compareBy,fe as components,kr as containerId,U as createContext,qe as createGlobalStyle,ee as cs,Je as css,N as dateFormats,Xt as defaultDuration,Et as defaultIcons,Oe as defaultTheme,Ar as dialogStatusMapping,_ as dimmedBorderColor,he as durations,te as ellipsisOverflow,ke as extendTheme,$e as fadeDown,et as fadeIn,tt as fadeLeft,nt as fadeOut,rt as fadeRight,it as fadeUp,Zt as fastToastDuration,z as filterUndefined,ft as fontFaces,ge as fontSizes,_e as fontWeights,de as fonts,P as formatDate,v as formatIsoDate,De as foundations,y as generateDateByUTCValue,X as generateMenuItemId,b as getCurrentYear,x as getDateUTCValue,ce as getLoggedInLink,Ea as getOptionText,ea as getPaginationItems,ne as hexToRGBA,Dt as iconsCache,oe as isActivePath,s as isArray,c as isFunction,l as isJsx,u as isNumber,d as isObject,f as isReactText,p as isString,Ue as isTruncated,S as isValidDate,Ur as manager,pr as matchWidthModifier,zn as maxDateTimestamp,We as maxLines,Ie as mediaBetween,Le as mediaDown,Re as mediaUp,B as merge,W as mergeRefs,Bn as minDateTimestamp,jr as modalAnimation,Mr as modalClass,Nr as modalJustifyContent,Vn as months,Hn as monthsShort,ut as noScrollClass,I as noop,Z as normalizeToId,V as objectFilter,Ae as omitThemingProps,re as parseHSL,C as parseIsoDate,at as pulse,ve as radii,R as random,j as removeBodyClass,M as removeElement,ye as ringWidths,L as runIfFn,w as sameDate,T as sameYear,E as sameYearSameMonth,be as screens,xe as shadows,Se as sizes,Qt as slowToastDuration,Ce as spaces,ot as spin,Ye as styled,Ke as system,je as th,o as toggleItem,we as transforms,Te as transitions,ae as uid,ze as useBetween,dt as useBodyScrollLock,At as useButtonContext,St as useButtonGroupContext,G as useCallbackRef,nr as useCheckboxGroupContext,K as useClickOutside,q as useControlled,sr as useCopyToClipboard,ui as useDialog,Fr as useDialogContext,Be as useDown,Ti as useFooterLinks,Ai as useHeaderContext,Yi as useHeaderLinks,J as useIds,Y as useIsMounted,le as useLinks,nn as useListContext,ue as useLoadLinks,mi as useMenuContext,Lr as useModalContext,Wr as useModalManager,bt as useNotificationContext,lt as useOfflineMode,sa as usePagination,$i as usePaginationContext,vr as usePopover,hr as usePopoverContext,ha as useRadioGroupContext,Ma as useSidemenuContext,Me as useStyleConfig,Ka as useSwitchContext,$a as useTableContext,Dn as useTagContext,Ne as useTh,Pe as useTheme,$t as useToast,So as useTreeContext,Ve as useUp,He as useViewportWidth,ct as useVuiContext,D as utcDateToLocale,Xe as v,O as validateDateFormat,Un as viewYears,Ze as vui,ie as vuiColorToRGBA,Wn as weekDays,Ge as wordBreak,Ee as zIndices};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+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_default from "./theme/defaultTheme.js";
+import { extendTheme, 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 { createGlobalStyle, css, styled, 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 } 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 toast_default from "./toast/toast.js";
+import { NotificationProvider, useNotificationContext } from "./notification/context.js";
+import { ButtonGroupProvider, useButtonGroupContext } from "./buttonGroup/context.js";
+import { Svg, SvgBase } from "./svg/svg.js";
+import { icons_exports } from "./icons/baseIcons/icons.js";
+import { defaultIcons } from "./icons/consts.js";
+import cache_default from "./icons/cache.js";
+import { Icon } from "./icon/icon.js";
+import { ButtonProvider, useButtonContext } from "./button/context.js";
+import { ButtonIcon } from "./button/buttonIcon.js";
+import { T, TBase } from "./t/t.js";
+import { ButtonText } from "./button/buttonText.js";
+import { Button, ButtonBase } from "./button/button.js";
+import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton } from "./button/buttons.js";
+import { NotificationButton } from "./notification/notificationButton.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 { defaultDuration, fastToastDuration, slowToastDuration, useToast } from "./toast/useToast.js";
+import vuiProvider_default 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 { TagProvider, useTagContext } from "./tag/context.js";
+import { TagButton } from "./tag/tagButton.js";
+import { TagIcon } from "./tag/tagIcon.js";
+import { TagText } from "./tag/tagText.js";
+import { Tag, TagBase } from "./tag/tag.js";
+import { Badge } from "./badge/badge.js";
+import { Breadcrumbs, BreadcrumbsBase } from "./breadcrumbs/breadcrumbs.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_default 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 { 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";
+import usePopover from "./popover/usePopover.js";
+import Popover from "./popover/popover.js";
+import { Tooltip } from "./tooltip/tooltip.js";
+import { Label, LabelBase } 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 { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent } from "./dialog/consts.js";
+import { DialogProvider, useDialogContext } from "./dialog/context.js";
+import { ModalProvider, useModalContext } from "./modal/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_default 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_default, { DialogBase } from "./dialog/dialog.js";
+import { useDialog } from "./dialog/useDialog.js";
+import { DragAndDrop } from "./dragAndDrop/dragAndDrop.js";
+import { Drawer } from "./drawer/drawer.js";
+import { MenuProvider, useMenuContext } from "./menu/context.js";
+import menuButton_default from "./menu/menuButton.js";
+import menuItem_default from "./menu/menuItem.js";
+import menuList_default from "./menu/menuList.js";
+import menu_default 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 { PaginationProvider, usePaginationContext } from "./pagination/context.js";
+import { getPaginationItems } from "./pagination/helpers.js";
+import { PaginationButton } from "./pagination/paginationButton.js";
+import { PaginationEllipsis } from "./pagination/paginationEllipsis.js";
+import { PaginationGoToPage } from "./pagination/paginationGoToPage.js";
+import { PaginationPrevNext } from "./pagination/paginationPrevNext.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 { 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 { Spinner, SpinnerCircle } from "./spinner/spinner.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 { 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_default as Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, Divider, DividerBase, DragAndDrop, Drawer, FocusLock, Footer, FooterBase, FooterContent, FooterHeading, FooterLink, FooterSection, globalStyle_default as GlobalStyle, Grid, GridBase, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, HeaderAccountUserInfo, HeaderApplicationName, HeaderBase, HeaderContent, HeaderCreateAccount, HeaderDivider, HeaderLinkItem, HeaderLogo, HeaderMainLinks, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, HeaderProvider, HeaderServices, HeaderServicesMessage, HeaderSignIn, Heading, HeadingBase, helpText_default as HelpText, Icon, IconButton, Image, ImageBase, Input, InputBase, InputIcon, InputInput, InputInputBase, Label, LabelBase, LineButton, Link, LinkBase, LinkIcon, LinkText, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, ListProvider, ListText, LoggedInHeader, LoggedOutHeader, Logo, menu_default as Menu, menuButton_default as MenuButton, menuItem_default as MenuItem, menuList_default as MenuList, MenuProvider, Message, MessageBase, modal_default as Modal, ModalBackdrop, ModalBackdropBase, ModalContent, ModalContentBase, ModalProvider, Notification, NotificationButton, NotificationIcon, NotificationProvider, NotificationText, NotificationTitle, P, PBase, Pagination, PaginationButton, PaginationEllipsis, PaginationGoToPage, PaginationNavigation, PaginationPrevNext, PaginationProvider, PaginationResults, Panel, Popover, popoverContent_default as PopoverContent, PopoverProvider, popoverTrigger_default as PopoverTrigger, Portal, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, Radio, RadioBase, RadioGroup, RadioGroupBase, RadioGroupProvider, Range, Rating, RenderOnScreen, resetCSS_default as ResetCSS, Select, SelectButton, SelectContent, SelectGroup, SelectOption, Sidemenu, SidemenuItem, SidemenuStateProvider, SidemenuTop, SidemenuV2, Skeleton, SkeletonBase, Spinner, SpinnerCircle, StepHorizontal, StepHorizontalBase, StepIndicator, StepVertical, StepVerticalBase, StepperHorizontal, StepperVertical, Svg, SvgBase, Switch, SwitchBase, SwitchButton, SwitchButtonBase, SwitchLabel, SwitchProvider, T, TBase, Tab, TabBase, Table, TableBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagBase, TagButton, TagIcon, TagProvider, TagText, Tbody, TbodyBase, Td, TdBase, TextButton, Textarea, TextareaBase, Tfoot, TfootBase, Th, ThBase, Thead, toast_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, vuiProvider_default as VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, closeOnEscPlugin, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme_default as defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache_default as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, matchWidthModifier, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTagContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiColorToRGBA, weekDays, wordBreak, zIndices_default as zIndices };
+globalThis.__vuiVersion__ = "3.0.0"

package/dist/input/autoCompletePopover.js

@@ -1,4 +1,42 @@
-import{cs as e}from"../utils/styles.js";import{styled as t}from"../core/styled.js";import{List as n}from"../list/list.js";import r from"../popover/popover.js";import{memo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=t.divBox`
+import { cs } from "../utils/styles.js";
+import { styled } from "../core/styled.js";
+import { List } from "../list/list.js";
+import Popover from "../popover/popover.js";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/input/autoCompletePopover.tsx
+const InputContainer = styled.divBox`
   width: 100%;
-`,c={aria:{expanded:!1}};var l=i(({autoCompleteOptions:t,autoCompleteMaxHeight:i,children:l,filterAutoCompleteOptions:u,onAutoCompleteSelect:d})=>t===void 0?l:o(r,{options:c,placement:`bottom-start`,matchWidth:!0,children:[a(r.Trigger,{as:s,className:e(`vui-input-popoverTrigger`),children:l}),!!t&&a(r.Content,{children:a(n,{maxH:i,w:`100%`,className:e(`vui-input-popoverList`),children:t?.filter?.(u).map(e=>a(n.Item,{cursor:`pointer`,hoverBg:`skyBlue.hover`,onClick:()=>d(e),children:e},e))})})]}));export{l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+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, {
+			as: InputContainer,
+			className: cs("vui-input-popoverTrigger"),
+			children
+		}), !!autoCompleteOptions && /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx(List, {
+			maxH: autoCompleteMaxHeight,
+			w: "100%",
+			className: cs("vui-input-popoverList"),
+			children: autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i) => /* @__PURE__ */ jsx(List.Item, {
+				cursor: "pointer",
+				hoverBg: "skyBlue.hover",
+				onClick: () => onAutoCompleteSelect(i),
+				children: i
+			}, i))
+		}) })]
+	});
+};
+var autoCompletePopover_default = memo(AutoCompletePopover);
+
+//#endregion
+export { autoCompletePopover_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=autoCompletePopover.js.map

package/dist/input/autoCompletePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoCompletePopover.js","names":[],"sources":["../../src/input/autoCompletePopover.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { styled } from '../core'\nimport { List } from '../list'\nimport { Popover } from '../popover'\nimport { cs } from '../utils'\nimport type { AutoCompletePopoverProps } from './input.types'\n\nconst InputContainer = styled.divBox`\n  width: 100%;\n`\n\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":"8OAQA,MAAM,EAAiB,EAAO,MAAM;;EAI9B,EAAU,CACd,KAAM,CACJ,SAAU,GACX,CACF,CAgCD,IAAA,EAAe,GA7BqB,CAClC,sBACA,wBACA,WACA,4BACA,0BAEI,IAAwB,IAAA,GAAkB,EAG5C,EAAC,EAAA,CAAiB,UAAS,UAAU,eAAe,WAAY,aAC9D,EAAC,EAAQ,QAAA,CAAQ,GAAI,EAAgB,UAAW,EAAG,2BAA2B,CAC3E,YACe,CACjB,CAAC,CAAC,GACD,EAAC,EAAQ,QAAA,CAAA,SACP,EAAC,EAAA,CAAK,KAAM,EAAuB,EAAG,OAAQ,UAAW,EAAG,wBAAwB,UACjF,GAAqB,SAAS,EAA0B,CAAC,IAAK,GAC7D,EAAC,EAAK,KAAA,CAAK,OAAO,UAAU,QAAQ,gBAAwB,YAAe,EAAqB,EAAE,UAC/F,GADsD,EAE7C,CACZ,EACG,CAAA,CACS,CAAA,EAEZ,CAI0B"}
+{"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"}

package/dist/input/consts.js

@@ -1,2 +1,66 @@
-const e={border:`sandstone.60`,placeholder:`sandstone.55`,inputText:`sandstone.10`,helpText:`sandstone.30`,icons:`seaBlue.main`,disabled:`sandstone.95`,focus:`focusColor`,error:`energyRed.45`,loading:`seaBlue.80`,success:`landGreen.35`},t={error:`uiExclamationTriangle`,loading:`uiSpinnerThird`,success:`uiCheck`},n={error:{variant:`red`,iconProps:{color:e.error,name:t.error}},loading:{variant:`grey`,iconProps:{animation:`vui-spin 0.6s linear infinite`,name:t.loading,pathFill:[e.loading,e.icons]}},success:{variant:`green`,iconProps:{color:e.success,name:t.success}}},r={sm:`xs`,md:`sm`,lg:`md`,xl:`lg`},i={sm:`sm`,md:`sm`,lg:`sm`,xl:`md`},a={sm:`sm`,md:`sm`,lg:`md`,xl:`md`},o=`60px`;export{i as clearIconSize,r as displayValueOnlyTextSize,o as helpTextMargin,a as helpTextSize,e as inputColors,n as inputStateMapping};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/input/consts.ts
+const inputColors = {
+	border: "sandstone.60",
+	placeholder: "sandstone.55",
+	inputText: "sandstone.10",
+	helpText: "sandstone.30",
+	icons: "seaBlue.main",
+	disabled: "sandstone.95",
+	focus: "focusColor",
+	error: "energyRed.45",
+	loading: "seaBlue.80",
+	success: "landGreen.35"
+};
+const stateIcons = {
+	error: "uiExclamationTriangle",
+	loading: "uiSpinnerThird",
+	success: "uiCheck"
+};
+const inputStateMapping = {
+	error: {
+		variant: "red",
+		iconProps: {
+			color: inputColors.error,
+			name: stateIcons.error
+		}
+	},
+	loading: {
+		variant: "grey",
+		iconProps: {
+			animation: "vui-spin 0.6s linear infinite",
+			name: stateIcons.loading,
+			pathFill: [inputColors.loading, inputColors.icons]
+		}
+	},
+	success: {
+		variant: "green",
+		iconProps: {
+			color: inputColors.success,
+			name: stateIcons.success
+		}
+	}
+};
+const displayValueOnlyTextSize = {
+	sm: "xs",
+	md: "sm",
+	lg: "md",
+	xl: "lg"
+};
+const clearIconSize = {
+	sm: "sm",
+	md: "sm",
+	lg: "sm",
+	xl: "md"
+};
+const helpTextSize = {
+	sm: "sm",
+	md: "sm",
+	lg: "md",
+	xl: "md"
+};
+const helpTextMargin = "60px";
+
+//#endregion
+export { clearIconSize, displayValueOnlyTextSize, helpTextMargin, helpTextSize, inputColors, inputStateMapping };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/input/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":["inputStateMapping: InputStateMapping"],"sources":["../../src/input/consts.ts"],"sourcesContent":["import type { InputStateMapping } from './input.types'\n\nexport const inputColors = {\n  border: 'sandstone.60',\n  placeholder: 'sandstone.55',\n  inputText: 'sandstone.10',\n  helpText: 'sandstone.30',\n  icons: 'seaBlue.main',\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: InputStateMapping = {\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":"AAEA,MAAa,EAAc,CACzB,OAAQ,eACR,YAAa,eACb,UAAW,eACX,SAAU,eACV,MAAO,eACP,SAAU,eACV,MAAO,aACP,MAAO,eACP,QAAS,aACT,QAAS,eACV,CAEY,EAAa,CACxB,MAAO,wBACP,QAAS,iBACT,QAAS,UACV,CAEYA,EAAuC,CAClD,MAAO,CACL,QAAS,MACT,UAAW,CACT,MAAO,EAAY,MACnB,KAAM,EAAW,MAClB,CACF,CACD,QAAS,CACP,QAAS,OACT,UAAW,CACT,UAAW,gCACX,KAAM,EAAW,QACjB,SAAU,CAAC,EAAY,QAAS,EAAY,MAAM,CACnD,CACF,CACD,QAAS,CACP,QAAS,QACT,UAAW,CACT,MAAO,EAAY,QACnB,KAAM,EAAW,QAClB,CACF,CACF,CAEY,EAA2B,CACtC,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACL,CAEY,EAAgB,CAC3B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACL,CAEY,EAAe,CAC1B,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACL,CAEY,EAAiB"}
+{"version":3,"file":"consts.js","names":["inputStateMapping: InputStateMapping"],"sources":["../../src/input/consts.ts"],"sourcesContent":["import type { InputStateMapping } from './input.types'\n\nexport const inputColors = {\n  border: 'sandstone.60',\n  placeholder: 'sandstone.55',\n  inputText: 'sandstone.10',\n  helpText: 'sandstone.30',\n  icons: 'seaBlue.main',\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: InputStateMapping = {\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":";AAEA,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,MAAaA,oBAAuC;CAClD,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"}

package/dist/input/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as InputProvider,n as useInputContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/input/context.ts
+const [InputProvider, useInputContext] = createContext({ isOptional: true });
+
+//#endregion
+export { InputProvider, useInputContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/input/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/input/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { InputProps } from './input.types'\n\nconst [InputProvider, useInputContext] = createContext<Partial<InputProps>>({ isOptional: true })\n\nexport { InputProvider, useInputContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAe,GAAmB,EAAmC,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/input/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { InputProps } from './input.types'\n\nconst [InputProvider, useInputContext] = createContext<Partial<InputProps>>({ isOptional: true })\n\nexport { InputProvider, useInputContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAAmC,EAAE,YAAY,MAAM,CAAC"}

package/dist/input/helpText.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { HelpTextProps } from "./input.types.js";
+import "../index.js";
 
 //#region src/input/helpText.d.ts
 /** Displaying help text below the input. */

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

@@ -1 +1 @@
-{"version":3,"file":"helpText.d.ts","names":[],"sources":["../../src/input/helpText.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,UAAQ,oBAAA"}
+{"version":3,"file":"helpText.d.ts","names":[],"sources":["../../src/input/helpText.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,UAAQ,oBAAA"}

package/dist/input/helpText.js

@@ -1,2 +1,63 @@
-import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{inputColors as n}from"./consts.js";import{useStyleConfig as r}from"../core/theme.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import o from"../icon/icon.js";import s from"../p/p.js";import{useInputContext as c}from"./context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";const d=i((i,d)=>{let{className:f,children:p,isError:m,...h}=i,g=r(`Input`,{...c(),...i}),_=m?n.error:n.helpText;return e(p)?u(a,{alignItems:`flex-start`,className:t(`vui-inputHelpText`,f),color:_,display:`flex`,pt:.5,ref:d,...g.helpText,...h,children:[m&&l(o,{mr:1,mt:`3px`,name:`uiExclamationTriangle`,pathFill:n.error,size:`sm`}),p]}):u(s,{alignItems:`flex-start`,className:t(`vui-inputHelpText`,f),color:_,display:`flex`,fontSize:m?`md`:`sm`,pt:.5,ref:d,...g.helpText,...h,children:[m&&l(o,{mr:1,mt:`3px`,name:`uiExclamationTriangle`,pathFill:n.error,size:`sm`}),p]})});d.displayName=`HelpText`;var f=d;export{f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { inputColors } from "./consts.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import icon_default from "../icon/icon.js";
+import p_default from "../p/p.js";
+import { useInputContext } from "./context.js";
+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 styles = useStyleConfig("Input", {
+		...useInputContext(),
+		...props
+	});
+	const color = isError ? inputColors.error : inputColors.helpText;
+	if (isJsx(children)) return /* @__PURE__ */ jsxs(box_default, {
+		alignItems: "flex-start",
+		className: cs("vui-inputHelpText", className),
+		color,
+		display: "flex",
+		pt: .5,
+		ref,
+		...styles.helpText,
+		...rest,
+		children: [isError && /* @__PURE__ */ jsx(icon_default, {
+			mr: 1,
+			mt: "3px",
+			name: "uiExclamationTriangle",
+			pathFill: inputColors.error,
+			size: "sm"
+		}), children]
+	});
+	return /* @__PURE__ */ jsxs(p_default, {
+		alignItems: "flex-start",
+		className: cs("vui-inputHelpText", className),
+		color,
+		display: "flex",
+		fontSize: isError ? "md" : "sm",
+		pt: .5,
+		ref,
+		...styles.helpText,
+		...rest,
+		children: [isError && /* @__PURE__ */ jsx(icon_default, {
+			mr: 1,
+			mt: "3px",
+			name: "uiExclamationTriangle",
+			pathFill: inputColors.error,
+			size: "sm"
+		}), children]
+	});
+});
+HelpText.displayName = "HelpText";
+var helpText_default = HelpText;
+
+//#endregion
+export { helpText_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"6YAUA,MAAa,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CAAE,YAAW,WAAU,UAAS,GAAG,GAAS,EAG5C,EAAS,EAAe,QADV,CAAE,GADH,GAAiB,CACC,GAAG,EAAO,CACI,CAE7C,EAAQ,EAAU,EAAY,MAAQ,EAAY,SAoBxD,OAlBI,EAAM,EAAS,CAEf,EAACA,EAAAA,CACC,WAAW,aACX,UAAW,EAAG,oBAAqB,EAAU,CACtC,QACP,QAAQ,OACR,GAAI,GACC,MACL,GAAI,EAAO,SACX,GAAI,YAEH,GAAW,EAACC,EAAAA,CAAK,GAAI,EAAG,GAAG,MAAM,KAAK,wBAAwB,SAAU,EAAY,MAAO,KAAK,MAAO,CACvG,EAAA,EACG,CAKR,EAACC,EAAAA,CACC,WAAW,aACX,UAAW,EAAG,oBAAqB,EAAU,CACtC,QACP,QAAQ,OACR,SAAU,EAAU,KAAO,KAC3B,GAAI,GACC,MACL,GAAI,EAAO,SACX,GAAI,YAEH,GAAW,EAACD,EAAAA,CAAK,GAAI,EAAG,GAAG,MAAM,KAAK,wBAAwB,SAAU,EAAY,MAAO,KAAK,MAAO,CACvG,EAAA,EACC,EAEN,CAEF,EAAS,YAAc,WACvB,IAAA,EAAe"}
+{"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"}

package/dist/input/helpers.js

@@ -1,2 +1,11 @@
-function e(e){let{defaultValue:t,value:n}=e;return t?.toString().length??n?.toString().length??0}export{e as getInitialCount};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/input/helpers.ts
+/** Returns length of the initial input's value. */
+function getInitialCount(props) {
+	const { defaultValue, value } = props;
+	return defaultValue?.toString().length ?? value?.toString().length ?? 0;
+}
+
+//#endregion
+export { getInitialCount };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=helpers.js.map

package/dist/input/helpers.js.map

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

package/dist/input/index.d.ts

@@ -0,0 +1,5 @@
+import { AutoCompletePopoverProps, HelpTextProps, InputInputProps, InputProps, InputState, InputStateMapping, InputType } from "./input.types.js";
+import { HelpText } from "./helpText.js";
+import { InputIcon } from "./inputIcon.js";
+import { InputInput, InputInputBase } from "./inputInput.js";
+import { Input, InputBase } from "./input.js";