@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/index.js

@@ -50,22 +50,18 @@ 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 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 NotificationAction from "./notification/notificationAction.js";
-import NotificationIcon from "./notification/notificationIcon.js";
 import T, { TBase } from "./t/t.js";
 import { Lead } from "./t/specialVariants.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 Spinner, { SpinnerCircle } from "./spinner/spinner.js";
+import { ToastItem } from "./toast/ToastItem.js";
+import Toaster_default, { toasterWidth } from "./toast/Toaster.js";
+import { defaultDuration, fastToastDuration, mediumToastDuration, 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";
@@ -110,7 +106,6 @@ 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 { PopoverProvider, usePopoverContext } from "./popover/context.js";
 import PopoverContent from "./popover/popoverContent.js";
 import PopoverTrigger from "./popover/popoverTrigger.js";
@@ -122,6 +117,7 @@ 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 { ModalProvider, useModalContext } from "./modal/context.js";
@@ -179,7 +175,12 @@ 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 Prose from "./prose/prose.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";
@@ -191,6 +192,7 @@ 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";
@@ -213,7 +215,6 @@ 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";
@@ -240,5 +241,5 @@ import { TutorialStep } from "./tutorial/tutorialStep.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { Tutorial } from "./tutorial/tutorial.js";
 
-export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, AppButton, ApplicationFooter, Avatar, AvatarBase, BackButton, Badge, Box, BoxBase, Breadcrumbs, BreadcrumbsBase, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProvider, ButtonIcon, ButtonProvider, ButtonText, ButtonToggleGroup, CTAButton, Calendar, Card, Chat, ChatInput, ChatMessage, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, 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, toast_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, 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, 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, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
-globalThis.__vuiVersion__ = "5.2.2"
+export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, AppButton, ApplicationFooter, Avatar, AvatarBase, BackButton, Badge, Box, BoxBase, Breadcrumbs, BreadcrumbsBase, Button, ButtonBase, ButtonGroup, ButtonGroupBase, ButtonGroupProvider, ButtonIcon, ButtonProvider, ButtonText, ButtonToggleGroup, CTAButton, Calendar, Card, Chat, ChatInput, ChatMessage, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, 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, mediumToastDuration, 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, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
+globalThis.__vuiVersion__ = "5.3.0"

package/dist/input/autoCompletePopover.js

@@ -36,5 +36,5 @@ var autoCompletePopover_default = memo(AutoCompletePopover);
 
 //#endregion
 export { autoCompletePopover_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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\n/** Wrapper for the autocomplete popover. */\nexport const AutoCompletePopover = ({\n  autoCompleteOptions,\n  autoCompleteMaxHeight,\n  children,\n  filterAutoCompleteOptions,\n  onAutoCompleteSelect,\n}: AutoCompletePopoverProps) => {\n  if (autoCompleteOptions === undefined) return children\n\n  return (\n    <Popover placement=\"bottom-start\" matchWidth>\n      <Popover.Trigger as={InputContainer} className={cs('vui-input-popoverTrigger')}>\n        {children}\n      </Popover.Trigger>\n      {!!autoCompleteOptions && (\n        <Popover.Content>\n          <List maxH={autoCompleteMaxHeight} w={'100%'} className={cs('vui-input-popoverList')}>\n            {autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i: string) => (\n              <List.Item cursor=\"pointer\" hoverBg=\"skyBlue.hover\" key={i} onClick={() => onAutoCompleteSelect(i)}>\n                {i}\n              </List.Item>\n            ))}\n          </List>\n        </Popover.Content>\n      )}\n    </Popover>\n  )\n}\n\nexport default memo(AutoCompletePopover)\n"],"mappings":";;;;;;;;AAQA,MAAM,iBAAiB,OAAO,MAAM;;;;AAKpC,MAAa,uBAAuB,EAClC,qBACA,uBACA,UACA,2BACA,2BAC8B;CAC9B,IAAI,wBAAwB,QAAW,OAAO;CAE9C,OACE,qBAAC,SAAD;EAAS,WAAU;EAAe;YAAlC,CACE,oBAAC,QAAQ,SAAT;GAAiB,IAAI;GAAgB,WAAW,GAAG,0BAA0B;GAC1E;EACc,IAChB,CAAC,CAAC,uBACD,oBAAC,QAAQ,SAAT,YACE,oBAAC,MAAD;GAAM,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,uBAAuB;aAChF,qBAAqB,SAAS,yBAAyB,CAAC,CAAC,KAAK,MAC7D,oBAAC,KAAK,MAAN;IAAW,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,CAAC;cAC9F;GACQ,GAF8C,CAE9C,CACZ;EACG,GACS,EAEZ;;AAEb;AAEA,kCAAe,KAAK,mBAAmB"}
+{"version":3,"file":"autoCompletePopover.js","names":[],"sources":["../../src/input/autoCompletePopover.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport type { AutoCompletePopoverProps } from './input.types'\n\nimport { styled } from '../core'\nimport { List } from '../list'\nimport { Popover } from '../popover'\nimport { cs } from '../utils'\n\nconst InputContainer = styled.divBox`\n  width: 100%;\n`\n\n/** Wrapper for the autocomplete popover. */\nexport const AutoCompletePopover = ({\n  autoCompleteOptions,\n  autoCompleteMaxHeight,\n  children,\n  filterAutoCompleteOptions,\n  onAutoCompleteSelect,\n}: AutoCompletePopoverProps) => {\n  if (autoCompleteOptions === undefined) return children\n\n  return (\n    <Popover placement=\"bottom-start\" matchWidth>\n      <Popover.Trigger as={InputContainer} className={cs('vui-input-popoverTrigger')}>\n        {children}\n      </Popover.Trigger>\n      {!!autoCompleteOptions && (\n        <Popover.Content>\n          <List maxH={autoCompleteMaxHeight} w={'100%'} className={cs('vui-input-popoverList')}>\n            {autoCompleteOptions?.filter?.(filterAutoCompleteOptions).map((i: string) => (\n              <List.Item cursor=\"pointer\" hoverBg=\"skyBlue.hover\" key={i} onClick={() => onAutoCompleteSelect(i)}>\n                {i}\n              </List.Item>\n            ))}\n          </List>\n        </Popover.Content>\n      )}\n    </Popover>\n  )\n}\n\nexport default memo(AutoCompletePopover)\n"],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,OAAO,MAAM;;;;AAKpC,MAAa,uBAAuB,EAClC,qBACA,uBACA,UACA,2BACA,2BAC8B;CAC9B,IAAI,wBAAwB,QAAW,OAAO;CAE9C,OACE,qBAAC,SAAD;EAAS,WAAU;EAAe;YAAlC,CACE,oBAAC,QAAQ,SAAT;GAAiB,IAAI;GAAgB,WAAW,GAAG,0BAA0B;GAC1E;EACc,IAChB,CAAC,CAAC,uBACD,oBAAC,QAAQ,SAAT,YACE,oBAAC,MAAD;GAAM,MAAM;GAAuB,GAAG;GAAQ,WAAW,GAAG,uBAAuB;aAChF,qBAAqB,SAAS,yBAAyB,CAAC,CAAC,KAAK,MAC7D,oBAAC,KAAK,MAAN;IAAW,QAAO;IAAU,SAAQ;IAAwB,eAAe,qBAAqB,CAAC;cAC9F;GACQ,GAF8C,CAE9C,CACZ;EACG,GACS,EAEZ;;AAEb;AAEA,kCAAe,KAAK,mBAAmB"}

package/dist/input/consts.js

@@ -63,5 +63,5 @@ const helpTextMargin = "60px";
 
 //#endregion
 export { clearIconSize, displayValueOnlyTextSize, helpTextMargin, helpTextSize, inputColors, inputStateMapping };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=consts.js.map

package/dist/input/context.js

@@ -5,5 +5,5 @@ const [InputProvider, useInputContext] = createContext({ isOptional: true });
 
 //#endregion
 export { InputProvider, useInputContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAAmC,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/input/context.ts"],"sourcesContent":["import type { InputProps } from './input.types'\n\nimport { createContext } from '../utils'\n\nconst [InputProvider, useInputContext] = createContext<Partial<InputProps>>({ isOptional: true })\n\nexport { InputProvider, useInputContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAAmC,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"helpText.d.ts","names":[],"sources":["../../src/input/helpText.tsx"],"mappings":";;;;cAUa,QAAA,EAAQ,YAAA,QAAA,aAAA"}
+{"version":3,"file":"helpText.d.ts","names":[],"sources":["../../src/input/helpText.tsx"],"mappings":";;;;cAWa,QAAA,EAAQ,YAAA,QAAA,aAAA"}

package/dist/input/helpText.js

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

package/dist/input/helpText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpText.js","names":[],"sources":["../../src/input/helpText.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isJsx } from '../utils'\nimport { inputColors } from './consts'\nimport { useInputContext } from './context'\nimport type { HelpTextProps } from './input.types'\n\n/** Displaying help text below the input. */\nexport const HelpText = vui<'div', HelpTextProps>((props, ref) => {\n  const { className, children, isError, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  const color = isError ? inputColors.error : inputColors.helpText\n\n  if (isJsx(children)) {\n    return (\n      <Box\n        alignItems=\"flex-start\"\n        className={cs('vui-inputHelpText', className)}\n        color={color}\n        display=\"flex\"\n        pt={0.5}\n        ref={ref}\n        {...styles.helpText}\n        {...rest}\n      >\n        {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n        {children}\n      </Box>\n    )\n  }\n  // Fallback for string children\n  return (\n    <P\n      alignItems=\"flex-start\"\n      className={cs('vui-inputHelpText', className)}\n      color={color}\n      display=\"flex\"\n      fontSize={isError ? 'md' : 'sm'}\n      pt={0.5}\n      ref={ref}\n      {...styles.helpText}\n      {...rest}\n    >\n      {isError && <Icon mr={1} mt=\"3px\" name=\"uiExclamationTriangle\" pathFill={inputColors.error} size=\"sm\" />}\n      {children}\n    </P>\n  )\n})\n\nHelpText.displayName = 'HelpText'\nexport default HelpText\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,UAAU,SAAS,GAAG,SAAS;CAGlD,MAAM,SAAS,eAAe,SAAS;EADjB,GADH,gBACe;EAAG,GAAG;CACS,CAAC;CAElD,MAAM,QAAQ,UAAU,YAAY,QAAQ,YAAY;CAExD,IAAI,MAAM,QAAQ,GAChB,OACE,qBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,qBAAqB,SAAS;EACrC;EACP,SAAQ;EACR,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YARN,CAUG,WAAW,oBAAC,MAAD;GAAM,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;EAAM,IACtG,QACE;;CAIT,OACE,qBAAC,GAAD;EACE,YAAW;EACX,WAAW,GAAG,qBAAqB,SAAS;EACrC;EACP,SAAQ;EACR,UAAU,UAAU,OAAO;EAC3B,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YATN,CAWG,WAAW,oBAAC,MAAD;GAAM,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;EAAM,IACtG,QACA;;AAEP,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"helpText.js","names":[],"sources":["../../src/input/helpText.tsx"],"sourcesContent":["import type { HelpTextProps } from './input.types'\n\nimport 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'\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":";;;;;;;;;;;;;AAWA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EAAE,WAAW,UAAU,SAAS,GAAG,SAAS;CAGlD,MAAM,SAAS,eAAe,SAAS;EADjB,GADH,gBACe;EAAG,GAAG;CACS,CAAC;CAElD,MAAM,QAAQ,UAAU,YAAY,QAAQ,YAAY;CAExD,IAAI,MAAM,QAAQ,GAChB,OACE,qBAAC,KAAD;EACE,YAAW;EACX,WAAW,GAAG,qBAAqB,SAAS;EACrC;EACP,SAAQ;EACR,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YARN,CAUG,WAAW,oBAAC,MAAD;GAAM,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;EAAM,IACtG,QACE;;CAIT,OACE,qBAAC,GAAD;EACE,YAAW;EACX,WAAW,GAAG,qBAAqB,SAAS;EACrC;EACP,SAAQ;EACR,UAAU,UAAU,OAAO;EAC3B,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YATN,CAWG,WAAW,oBAAC,MAAD;GAAM,IAAI;GAAG,IAAG;GAAM,MAAK;GAAwB,UAAU,YAAY;GAAO,MAAK;EAAM,IACtG,QACA;;AAEP,CAAC;AAED,SAAS,cAAc"}

package/dist/input/helpers.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"mappings":";;;;;;;cA0Ba,SAAA,8BAAS,eAAA,oCAAA,YAAA,EA0BrB,WA1BqB;;;;;AAAtB;cAiCa,KAAA,EAsNP,YAAA,QAAoB,UAAA;EACxB,IAAA,SAAa,SAAA;EACb,KAAA,SAAc,UAAA;EACd,QAAA,SAAiB,QAAA;AAAA"}
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/input/input.tsx"],"mappings":";;;;;;;cA2Ba,SAAA,8BAAS,eAAA,oCAAA,YAAA,EA0BrB,WA1BqB;;;;;AAAtB;cAiCa,KAAA,EAsNP,YAAA,QAAoB,UAAA;EACxB,IAAA,SAAa,SAAA;EACb,KAAA,SAAc,UAAA;EACd,QAAA,SAAiB,QAAA;AAAA"}

package/dist/input/input.js

@@ -228,5 +228,5 @@ Input.displayName = "Input";
 
 //#endregion
 export { InputBase, Input as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=input.js.map

package/dist/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport type { InputProps } from './input.types'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Input] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Input] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(resolvedStartIcon) ? <InputIcon ml={1} name={resolvedStartIcon} /> : resolvedStartIcon}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(resolvedEndIcon) ? <InputIcon mr={1} name={resolvedEndIcon} /> : resolvedEndIcon}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\n                  variant=\"tertiary\"\n                />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,YAAY,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCtC,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,YACA,WACA,cACA,uBACA,qBACA,WACA,UACA,WACA,cACA,UACA,kBACA,WACA,UACA,WACA,SACA,UACA,WACA,IAAI,QACJ,OACA,YACA,UACA,UACA,WACA,OACA,mBACA,kBACA,KACA,WACA,KACA,WACA,MACA,QACA,UAAU,cACV,SACA,SACA,aACA,UACA,UACA,WACA,OAAO,MACP,QAAQ,IACR,cACA,MACA,OAAO,QACP,OACA,SACA,GAAG,SACD;CAEJ,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,cAAc,MAAM;CAC1B,MAAM,CAAC,OAAO,YAAY,eAAe,gBAAgB,KAAK,CAAC;CAC/D,MAAM,CAAC,eAAe,oBAAoB,SAAS,gBAAgB,EAAE;CACrE,MAAM,SAAS;EAAE,GAAG;EAAmB,GAAG;CAAa;CAEvD,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAU;EAAM;CAAQ,CAAC,GAAG;EAAC;EAAU;EAAM;CAAO,CAAC;CAErG,SAAS,SAAS,GAAgB;EAChC,MAAM,aAAa,EAAE,OAAO;EAG5B,MAAM,QAAQ,YAAY,WAAW,MAAM,GAAG,SAAS,IAAI;EAE3D,iBAAiB,KAAK;EACtB,SAAS,OAAO,MAAM;EACtB,eAAe,CAAC;CAClB;CAEA,SAAS,qBAAqB,OAAe;EAE3C,SAAS;GADG,QAAQ,EAAE,MAAM;GAAG,MAAM;EAC5B,CAA2B;CACtC;CAEA,SAAS,UAAU;EACjB,MAAM,QAAQ;EACd,MAAM,IAAI;GAAE,QAAQ,EAAE,MAAM;GAAG,MAAM;EAAU;EAC/C,iBAAiB,KAAK;EACtB,SAAS,CAAC;EACV,SAAS,CAA2B;CACtC;CAEA,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;CACnD,CAAC;CAED,gBAAgB;EACd,IAAI,UAAU,UAAa,iBAAiB,QAAW;EACvD,iBAAiB,SAAS,EAAE;EAC5B,SAAS,OAAO,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,SAAS,CAAC;CAC5D,GAAG,CAAC,KAAK,CAAC;CAEV,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,4DAA4D;EAE3E,IAAI,cAAc,QAChB,QAAQ,KAAK,2DAA2D;CAG9E,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,6BAA6B,MACjC,kBAAkB,IAAI,QAAQ,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,SAAS,GAAG,gBAAgB,YAAY,CAAC;CAE3G,OACE,oBAAC,eAAD;EAAe,OAAO;YACnB,mBACC,oBAAC,GAAD;GAAG,WAAW,GAAG,mBAAmB,SAAS;GAAG,MAAM,yBAAyB;aAC5E,SAAS;EACT,KAEH,oBAACA,6BAAD;GACyB;GACF;GACM;GACL;aAEtB,qBAAC,KAAD;IAAK,WAAU;IAAqB;IAAY;IAAK,GAAI;cAAzD;KACG,SAAS,KAAK,IACb,oBAAC,OAAD;MACE,iBAAe;MACf,WAAU;MACV,SAAS;MACT,gBAAgB;MAChB,IAAI;MACJ,MAAM;MACN,aAAa;MACb,GAAI,OAAO;KACZ,KAED;KAGF,qBAAC,WAAD;MAAW,WAAW,GAAG,aAAa,SAAS;MAAG,GAAI,OAAO;MAAW,GAAI;gBAA5E;OACG;OACA,SAAS,iBAAiB,IAAI,oBAAC,WAAD;QAAW,IAAI;QAAG,MAAM;OAAoB,KAAI;OAC9E,YAAY,SACX,oBAAC,YAAD;QACE,KAAK;QAEH;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QAEF,cAAc,qBAAqB,SAAS,QAAQ;QACpD,OAAO;QACP,GAAI;OACL;OAEF,SAAS,eAAe,IAAI,oBAAC,WAAD;QAAW,IAAI;QAAG,MAAM;OAAkB,KAAI;OAC1E;OACA,SAAS,oBAAC,WAAD;QAAW,IAAI;QAAG,GAAI,OAAO,MAAM,EAAE;OAAY;OAC1D,cAAc,CAAC,CAAC,iBACf,oBAAC,YAAD;QACE,MAAK;QACL,IAAI;QACJ,SAAS;QACT,MAAM,cAAc;QACpB,OAAM;QACN,SAAQ;OACT;OAEF,aACC,qBAAC,GAAD;QACE,WAAU;QACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;QACxE,UAAS;QACT,OAAO;QACP,MAAK;QACL,KAAI;kBANN;SAQG;SAAM;SAAE,YAAY,KAAK,cAAc;QACvC;;MAEI;;KACV,CAAC,CAAC,YAAY,oBAAC,UAAD;MAAU,MAAM,aAAa;gBAAQ;KAAmB;KACtE,CAAC,CAAC,aACD,oBAAC,UAAD;MAAU;MAAQ,IAAI,qBAA6B;MAAW,MAAM,aAAa;gBAC9E;KACO;IAET;;EACc;CAEV;AAEnB,CAAC;AAMD,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,WAAW;AACjB,MAAM,cAAc"}
+{"version":3,"file":"input.js","names":["AutoCompletePopover"],"sources":["../../src/input/input.tsx"],"sourcesContent":["import { useEffect, useId, useMemo, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { ChangeEvent } from '../utils'\nimport type { InputProps } from './input.types'\n\nimport Box from '../box'\nimport { IconButton } from '../button'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Label from '../label'\nimport { T } from '../t'\nimport { cs, filterUndefined, isString } from '../utils'\nimport AutoCompletePopover from './autoCompletePopover'\nimport {\n  clearIconSize,\n  displayValueOnlyTextSize,\n  helpTextMargin,\n  helpTextSize,\n  inputColors,\n  inputStateMapping,\n} from './consts'\nimport { InputProvider } from './context'\nimport { getInitialCount } from './helpers'\nimport HelpText from './helpText'\nimport InputIcon from './inputIcon'\nimport InputInput from './inputInput'\n\nexport const InputBase = styled.divBox`\n  align-items: center;\n  color: sandstone.10;\n  background-color: white;\n  border-radius: none;\n  border-width: 1px;\n  display: flex;\n  flex-shrink: 0;\n  outline: none;\n  position: relative;\n  transition-duration: 0s;\n  transform: translate3d(0, 0, 0);\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n    & > .vui-icon {\n      color: sandstone.50;\n    }\n    & > .vui-icon > path {\n      fill: sandstone.50;\n    }\n  }\n`\n\n/**\n * Displays an input element wrapped in a div to allow extra content, like counter, side icons or buttons.\n * Forwards many relevant props to the inner input. Handles different states, like loading or error.\n * Exposes some props to the children via context.\n */\nexport const Input = vui<'div', InputProps>((props, ref) => {\n  const {\n    allowClear,\n    ariaLabel,\n    autoComplete,\n    autoCompleteMaxHeight,\n    autoCompleteOptions,\n    autoFocus,\n    children,\n    className,\n    defaultValue,\n    disabled,\n    displayValueOnly,\n    errorText,\n    helpText,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    id: idProp,\n    input,\n    inputProps,\n    inputRef,\n    itemLeft,\n    itemRight,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    max,\n    maxLength,\n    min,\n    minLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    pattern,\n    placeholder,\n    readOnly,\n    required,\n    showCount,\n    size = 'lg',\n    state = '',\n    stateMapping,\n    step,\n    type = 'text',\n    value,\n    variant,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const generatedId = useId()\n  const [count, setCount] = useState(() => getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue || '')\n  const states = { ...inputStateMapping, ...stateMapping }\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Input', props)\n\n  const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant])\n\n  function onChange(e: ChangeEvent) {\n    const inputValue = e.target.value\n\n    // Limit input length if maxLength is set\n    const value = maxLength ? inputValue.slice(0, maxLength) : inputValue\n\n    setValueInternal(value)\n    setCount(value?.length)\n    onChangeProp?.(e)\n  }\n\n  function onAutoCompleteSelect(value: string) {\n    const e = { target: { value }, type: 'autoCompleteSelect' }\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  function onClear() {\n    const value = ''\n    const e = { target: { value }, type: 'onClear' }\n    setValueInternal(value)\n    setCount(0)\n    onChange(e as unknown as ChangeEvent)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    if (value === undefined && defaultValue !== undefined) return\n    setValueInternal(value ?? '')\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Input] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Input] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  const filterAutoCompleteOptions = (i: string) =>\n    valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase())\n\n  return (\n    <InputProvider value={context}>\n      {displayValueOnly ? (\n        <T className={cs('vui-input-value', className)} size={displayValueOnlyTextSize[size]}>\n          {value || defaultValue}\n        </T>\n      ) : (\n        <AutoCompletePopover\n          autoCompleteMaxHeight={autoCompleteMaxHeight}\n          autoCompleteOptions={autoCompleteOptions}\n          filterAutoCompleteOptions={filterAutoCompleteOptions}\n          onAutoCompleteSelect={onAutoCompleteSelect}\n        >\n          <Box className=\"vui-inputContainer\" column ref={ref} {...rest}>\n            {isString(label) ? (\n              <Label\n                aria-disabled={disabled}\n                className=\"vui-inputLabel\"\n                htmlFor={id}\n                markAsOptional={labelMarkOptional}\n                mb={0.5}\n                text={label}\n                tooltipText={labelTooltipText}\n                {...styles.label}\n              />\n            ) : (\n              label\n            )}\n\n            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>\n              {itemLeft}\n              {isString(resolvedStartIcon) ? <InputIcon ml={1} name={resolvedStartIcon} /> : resolvedStartIcon}\n              {children ?? input ?? (\n                <InputInput\n                  ref={inputRef}\n                  {...{\n                    autoFocus,\n                    ariaLabel,\n                    disabled,\n                    id,\n                    max,\n                    maxLength,\n                    min,\n                    minLength,\n                    name,\n                    onBlur,\n                    onChange,\n                    onFocus,\n                    pattern,\n                    placeholder,\n                    readOnly,\n                    required,\n                    step,\n                    type,\n                  }}\n                  autoComplete={autoCompleteOptions?.length ? 'off' : autoComplete}\n                  value={valueInternal}\n                  {...inputProps}\n                />\n              )}\n              {isString(resolvedEndIcon) ? <InputIcon mr={1} name={resolvedEndIcon} /> : resolvedEndIcon}\n              {itemRight}\n              {state && <InputIcon mr={1} {...states[state]?.iconProps} />}\n              {allowClear && !!valueInternal && (\n                <IconButton\n                  icon=\"uiTimes\"\n                  mr={0.5}\n                  onClick={onClear}\n                  size={clearIconSize[size]}\n                  title=\"Clear\"\n                  variant=\"tertiary\"\n                />\n              )}\n              {showCount && (\n                <T\n                  className=\"vui-inputCount\"\n                  color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n                  position=\"absolute\"\n                  right={0}\n                  size=\"sm\"\n                  top=\"calc(100% + 1px)\"\n                >\n                  {count} {maxLength ? `/ ${maxLength}` : null}\n                </T>\n              )}\n            </InputBase>\n            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}\n            {!!errorText && (\n              <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize[size]}>\n                {errorText}\n              </HelpText>\n            )}\n          </Box>\n        </AutoCompletePopover>\n      )}\n    </InputProvider>\n  )\n}) as VuiComponent<'div', InputProps> & {\n  Icon: typeof InputIcon\n  Input: typeof InputInput\n  HelpText: typeof HelpText\n}\n\nInput.Icon = InputIcon\nInput.Input = InputInput\nInput.HelpText = HelpText\nInput.displayName = 'Input'\n\nexport default Input\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"inputIcon.d.ts","names":[],"sources":["../../src/input/inputIcon.tsx"],"mappings":";;;;cAOa,SAAA,EAAS,YAAA,QAAA,SAAA"}
+{"version":3,"file":"inputIcon.d.ts","names":[],"sources":["../../src/input/inputIcon.tsx"],"mappings":";;;;cAQa,SAAA,EAAS,YAAA,QAAA,SAAA"}

package/dist/input/inputIcon.js

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

package/dist/input/inputIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputIcon.js","names":[],"sources":["../../src/input/inputIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useInputContext } from './context'\n\n/** Displays an icon within the Input. */\nexport const InputIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  return <Icon className={cs('vui-inputIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nInputIcon.displayName = 'InputIcon'\n\nexport default InputIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAAuB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAG/B,MAAM,SAAS,eAAe,SAAS;EADjB,GADH,gBACe;EAAG,GAAG;CACS,CAAC;CAElD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,iBAAiB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAChG,CAAC;AAED,UAAU,cAAc"}
+{"version":3,"file":"inputIcon.js","names":[],"sources":["../../src/input/inputIcon.tsx"],"sourcesContent":["import type { IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useInputContext } from './context'\n\n/** Displays an icon within the Input. */\nexport const InputIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const inputProps = useInputContext()\n  const mergedProps = { ...inputProps, ...props }\n  const styles = useStyleConfig('Input', mergedProps)\n\n  return <Icon className={cs('vui-inputIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nInputIcon.displayName = 'InputIcon'\n\nexport default InputIcon\n"],"mappings":";;;;;;;;;AAQA,MAAa,YAAY,KAAuB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAG/B,MAAM,SAAS,eAAe,SAAS;EADjB,GADH,gBACe;EAAG,GAAG;CACS,CAAC;CAElD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,iBAAiB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAChG,CAAC;AAED,UAAU,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"inputInput.d.ts","names":[],"sources":["../../src/input/inputInput.tsx"],"mappings":";;;cAKa,cAAA,8BAAc,eAAA;;cAmBd,UAAA,EAAU,YAAA,UAAA,eAAA"}
+{"version":3,"file":"inputInput.d.ts","names":[],"sources":["../../src/input/inputInput.tsx"],"mappings":";;;cAMa,cAAA,8BAAc,eAAA;;cAmBd,UAAA,EAAU,YAAA,UAAA,eAAA"}

package/dist/input/inputInput.js

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

package/dist/input/inputInput.js.map

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

package/dist/input/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"mappings":";;;;cAiDa,KAAA,EAAK,YAAA,UAAA,UAAA"}
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../src/label/label.tsx"],"mappings":";;;;cAkDa,KAAA,EAAK,YAAA,UAAA,UAAA"}

package/dist/label/label.js

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

package/dist/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport type { SystemProps } from '../system'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\nimport type { LabelProps } from './label.types'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: sandstone.10;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\ntype LabelContentProps = Pick<LabelProps, 'text' | 'markAsOptional' | 'optionalText' | 'tooltipText'> & {\n  helperStyles: SystemProps\n}\n\nconst LabelContent = ({\n  text,\n  markAsOptional,\n  optionalText = '(optional)',\n  tooltipText,\n  helperStyles,\n}: LabelContentProps) => {\n  const textProps = { variant: 'label' as const, fontSize: 'inherit' as const }\n  const helperProps = { ...textProps, ...helperStyles }\n\n  return (\n    <>\n      <T {...textProps}>{text}</T>\n      {!!text && markAsOptional && <T {...helperProps}>{optionalText}</T>}\n      {!!text && !!tooltipText && (\n        <T {...helperStyles}>\n          <Tooltip text={tooltipText}>\n            <Icon color=\"seaBlue.28\" mb=\"-3px\" name=\"uiInfoCircle\" size=\"xs\" role=\"button\" />\n          </Tooltip>\n        </T>\n      )}\n    </>\n  )\n}\n\n/** Displays a label element, optionally with helper text, an optional indicator, and an info tooltip. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, optionalText, tooltipText, text, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} ref={ref} {...rest}>\n      {children ?? (\n        <LabelContent\n          helperStyles={styles.helper}\n          markAsOptional={markAsOptional}\n          optionalText={optionalText}\n          text={text}\n          tooltipText={tooltipText}\n        />\n      )}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AAQA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;AAexC,MAAM,gBAAgB,EACpB,MACA,gBACA,eAAe,cACf,aACA,mBACuB;CACvB,MAAM,YAAY;EAAE,SAAS;EAAkB,UAAU;CAAmB;CAC5E,MAAM,cAAc;EAAE,GAAG;EAAW,GAAG;CAAa;CAEpD,OACE;EACE,oBAAC,GAAD;GAAG,GAAI;aAAY;EAAQ;EAC1B,CAAC,CAAC,QAAQ,kBAAkB,oBAAC,GAAD;GAAG,GAAI;aAAc;EAAgB;EACjE,CAAC,CAAC,QAAQ,CAAC,CAAC,eACX,oBAAC,GAAD;GAAG,GAAI;aACL,oBAAC,SAAD;IAAS,MAAM;cACb,oBAAC,MAAD;KAAM,OAAM;KAAa,IAAG;KAAO,MAAK;KAAe,MAAK;KAAK,MAAK;IAAU;GACzE;EACR;CAEL;AAEN;;AAGA,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,cAAc,aAAa,MAAM,GAAG,SAAS,iBAAiB,KAAK;CAChH,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OACE,oBAAC,GAAD;EAAG,IAAI;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI;YACpE,YACC,oBAAC,cAAD;GACE,cAAc,OAAO;GACL;GACF;GACR;GACO;EACd;CAEF;AAEP,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"label.js","names":[],"sources":["../../src/label/label.tsx"],"sourcesContent":["import type { SystemProps } from '../system'\nimport type { LabelProps } from './label.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport Tooltip from '../tooltip'\nimport { cs } from '../utils'\n\nexport const LabelBase = styled.labelBox`\n  display: block;\n  color: sandstone.10;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    color: sandstone.75;\n    cursor: not-allowed;\n  }\n`\n\ntype LabelContentProps = Pick<LabelProps, 'text' | 'markAsOptional' | 'optionalText' | 'tooltipText'> & {\n  helperStyles: SystemProps\n}\n\nconst LabelContent = ({\n  text,\n  markAsOptional,\n  optionalText = '(optional)',\n  tooltipText,\n  helperStyles,\n}: LabelContentProps) => {\n  const textProps = { variant: 'label' as const, fontSize: 'inherit' as const }\n  const helperProps = { ...textProps, ...helperStyles }\n\n  return (\n    <>\n      <T {...textProps}>{text}</T>\n      {!!text && markAsOptional && <T {...helperProps}>{optionalText}</T>}\n      {!!text && !!tooltipText && (\n        <T {...helperStyles}>\n          <Tooltip text={tooltipText}>\n            <Icon color=\"seaBlue.28\" mb=\"-3px\" name=\"uiInfoCircle\" size=\"xs\" role=\"button\" />\n          </Tooltip>\n        </T>\n      )}\n    </>\n  )\n}\n\n/** Displays a label element, optionally with helper text, an optional indicator, and an info tooltip. */\nexport const Label = vui<'label', LabelProps>((props, ref) => {\n  const { children, className, markAsOptional, optionalText, tooltipText, text, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Label', props)\n\n  return (\n    <T as={LabelBase} className={cs('vui-label', className)} ref={ref} {...rest}>\n      {children ?? (\n        <LabelContent\n          helperStyles={styles.helper}\n          markAsOptional={markAsOptional}\n          optionalText={optionalText}\n          text={text}\n          tooltipText={tooltipText}\n        />\n      )}\n    </T>\n  )\n})\n\nLabel.displayName = 'Label'\nexport default Label\n"],"mappings":";;;;;;;;;;AASA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;AAexC,MAAM,gBAAgB,EACpB,MACA,gBACA,eAAe,cACf,aACA,mBACuB;CACvB,MAAM,YAAY;EAAE,SAAS;EAAkB,UAAU;CAAmB;CAC5E,MAAM,cAAc;EAAE,GAAG;EAAW,GAAG;CAAa;CAEpD,OACE;EACE,oBAAC,GAAD;GAAG,GAAI;aAAY;EAAQ;EAC1B,CAAC,CAAC,QAAQ,kBAAkB,oBAAC,GAAD;GAAG,GAAI;aAAc;EAAgB;EACjE,CAAC,CAAC,QAAQ,CAAC,CAAC,eACX,oBAAC,GAAD;GAAG,GAAI;aACL,oBAAC,SAAD;IAAS,MAAM;cACb,oBAAC,MAAD;KAAM,OAAM;KAAa,IAAG;KAAO,MAAK;KAAe,MAAK;KAAK,MAAK;IAAU;GACzE;EACR;CAEL;AAEN;;AAGA,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,gBAAgB,cAAc,aAAa,MAAM,GAAG,SAAS,iBAAiB,KAAK;CAChH,MAAM,SAAS,eAAe,SAAS,KAAK;CAE5C,OACE,oBAAC,GAAD;EAAG,IAAI;EAAW,WAAW,GAAG,aAAa,SAAS;EAAQ;EAAK,GAAI;YACpE,YACC,oBAAC,cAAD;GACE,cAAc,OAAO;GACL;GACF;GACR;GACO;EACd;CAEF;AAEP,CAAC;AAED,MAAM,cAAc"}

package/dist/label/theme.js

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

package/dist/link/context.js

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

package/dist/link/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/link/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [LinkProvider, useLinkContext] = createContext<Dict>({ isOptional: true })\n\nexport { LinkProvider, useLinkContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/link/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [LinkProvider, useLinkContext] = createContext<Dict>({ isOptional: true })\n\nexport { LinkProvider, useLinkContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;cAsBa,QAAA,8BAAQ,eAAA,kCAAA,YAAA,EA4BpB,cAAA,GA5BoB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA6DP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../src/link/link.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;cAuBa,QAAA,8BAAQ,eAAA,kCAAA,YAAA,EA4BpB,cAAA,GA5BoB,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA;;;cA8BR,IAAA,EA6DP,YAAA,MAAkB,SAAA;EACtB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

package/dist/link/link.js

@@ -106,5 +106,5 @@ Link.displayName = "Link";
 
 //#endregion
 export { LinkBase, Link as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=link.js.map

package/dist/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport type { LinkProps } from './link.types'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const iconPadding = size === 'xs' ? '1.2rem' : '1.5rem'\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: resolvedStartIcon ? iconPadding : undefined,\n    pr: resolvedEndIcon ? iconPadding : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Link] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Link] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(resolvedStartIcon) ? <LinkIcon mr={1} left={0} name={resolvedStartIcon} /> : resolvedStartIcon}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(resolvedEndIcon) ? <LinkIcon ml={1} right={0} name={resolvedEndIcon} /> : resolvedEndIcon}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,MACtC,EAAE,CAAC;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,WACA,SACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,QAAQ,KAAK;CAC3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,cAAc,SAAS,OAAO,WAAW;CAE/C,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,oBAAoB,cAAc;EACtC,IAAI,kBAAkB,cAAc;CACtC,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,2DAA2D;EAE1E,IAAI,cAAc,QAChB,QAAQ,KAAK,0DAA0D;CAG7E,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EAAc,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC,UAAD;GACE,WAAW,GAAG,YAAY,SAAS;GACnC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAPN;IASG,SAAS,iBAAiB,IAAI,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAG,MAAM;IAAoB,KAAI;IACtF,WAAW,oBAAC,GAAD;KAAG,UAAU;KAAY;IAAY,KAAI,YAAY,IAAI,KAAK,oBAAC,UAAD,EAAgB,KAAO;IAChG,SAAS,eAAe,IAAI,oBAAC,UAAD;KAAU,IAAI;KAAG,OAAO;KAAG,MAAM;IAAkB,KAAI;GAC5E;;CACE;AAElB,CAAC;AAKD,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"link.js","names":[],"sources":["../../src/link/link.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { LinkProps } from './link.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { LinkProvider } from './context'\nimport LinkIcon from './linkIcon'\nimport LinkText from './linkText'\n\nconst linkSwipeAnimation = `\n  @keyframes linkSwipe {\n    from {\n      background-size: 0 1px;\n    }\n    to {\n      background-size: 100% 1px;\n    }\n  }\n`\n\nexport const LinkBase = styled.aBox.attrs((props: LinkProps) => ({\n  isUnderlined: props.isUnderlined || false,\n}))`\n  ${linkSwipeAnimation}\n  display: inline;\n  cursor: pointer;\n  position: relative;\n  line-height: 1.5;\n  outline: none;\n  width: fit-content;\n  text-decoration: none;\n\n  &:not(.vui-linkNoUnderline) > .vui-t {\n    position: relative;\n    background: linear-gradient(to right, currentcolor, currentcolor);\n    background-size: ${({ isUnderlined }) => (isUnderlined ? '100% 1px' : '0 1px')};\n    background-position: 0 100%;\n    background-repeat: no-repeat;\n    text-decoration: none;\n    padding-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  &:hover > .vui-t {\n    animation: ${({ isUnderlined }) =>\n      isUnderlined ? 'linkSwipe 0.5s ease forwards' : 'linkSwipe 0.3s ease forwards'};\n    background-size: 100% 1px;\n  }\n`\n\nexport const Link = vui<'a', LinkProps>((props, ref) => {\n  const {\n    children,\n    className,\n    fontWeight,\n    startIcon,\n    endIcon,\n    iconLeft,\n    iconRight,\n    isExternal,\n    isUnderlined,\n    size,\n    text,\n    variant,\n    weight,\n    ...rest\n  } = props\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  const styles = useStyleConfig('Link', props)\n  const context = useMemo(() => filterUndefined({ size, variant }), [size, variant])\n  const iconPadding = size === 'xs' ? '1.2rem' : '1.5rem'\n\n  const aliasedProps = filterUndefined({\n    fontWeight: weight || fontWeight,\n    rel: isExternal ? 'noopener' : undefined,\n    target: isExternal ? '_blank' : undefined,\n    pl: resolvedStartIcon ? iconPadding : undefined,\n    pr: resolvedEndIcon ? iconPadding : undefined,\n  })\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Link] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Link] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n    }\n  }, [iconLeft, iconRight])\n\n  return (\n    <LinkProvider value={context} data-size={context.size} data-variant={context.variant}>\n      <LinkBase\n        className={cs('vui-link', className)}\n        focusRing={2}\n        isUnderlined={isUnderlined}\n        ref={ref}\n        {...styles.container}\n        {...aliasedProps}\n        {...rest}\n      >\n        {isString(resolvedStartIcon) ? <LinkIcon mr={1} left={0} name={resolvedStartIcon} /> : resolvedStartIcon}\n        {children ? <T fontSize={'inherit'}>{children}</T> : isReactText(text) && <LinkText text={text} />}\n        {isString(resolvedEndIcon) ? <LinkIcon ml={1} right={0} name={resolvedEndIcon} /> : resolvedEndIcon}\n      </LinkBase>\n    </LinkProvider>\n  )\n}) as VuiComponent<'a', LinkProps> & {\n  Icon: typeof LinkIcon\n  Text: typeof LinkText\n}\n\nLink.Icon = LinkIcon\nLink.Text = LinkText\nLink.displayName = 'Link'\n\nexport default Link\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,qBAAqB;;;;;;;;;;AAW3B,MAAa,WAAW,OAAO,KAAK,OAAO,WAAsB,EAC/D,cAAc,MAAM,gBAAgB,MACtC,EAAE,CAAC;IACC,mBAAmB;;;;;;;;;;;;wBAYC,EAAE,mBAAoB,eAAe,aAAa,QAAS;;;;;;;;;kBASjE,EAAE,mBACd,eAAe,iCAAiC,+BAA+B;;;;AAKrF,MAAa,OAAO,KAAqB,OAAO,QAAQ;CACtD,MAAM,EACJ,UACA,WACA,YACA,WACA,SACA,UACA,WACA,YACA,cACA,MACA,MACA,SACA,QACA,GAAG,SACD;CAEJ,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAEnC,MAAM,SAAS,eAAe,QAAQ,KAAK;CAC3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAM;CAAQ,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC;CACjF,MAAM,cAAc,SAAS,OAAO,WAAW;CAE/C,MAAM,eAAe,gBAAgB;EACnC,YAAY,UAAU;EACtB,KAAK,aAAa,aAAa;EAC/B,QAAQ,aAAa,WAAW;EAChC,IAAI,oBAAoB,cAAc;EACtC,IAAI,kBAAkB,cAAc;CACtC,CAAC;CAED,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,2DAA2D;EAE1E,IAAI,cAAc,QAChB,QAAQ,KAAK,0DAA0D;CAG7E,GAAG,CAAC,UAAU,SAAS,CAAC;CAExB,OACE,oBAAC,cAAD;EAAc,OAAO;EAAS,aAAW,QAAQ;EAAM,gBAAc,QAAQ;YAC3E,qBAAC,UAAD;GACE,WAAW,GAAG,YAAY,SAAS;GACnC,WAAW;GACG;GACT;GACL,GAAI,OAAO;GACX,GAAI;GACJ,GAAI;aAPN;IASG,SAAS,iBAAiB,IAAI,oBAAC,UAAD;KAAU,IAAI;KAAG,MAAM;KAAG,MAAM;IAAoB,KAAI;IACtF,WAAW,oBAAC,GAAD;KAAG,UAAU;KAAY;IAAY,KAAI,YAAY,IAAI,KAAK,oBAAC,UAAD,EAAgB,KAAO;IAChG,SAAS,eAAe,IAAI,oBAAC,UAAD;KAAU,IAAI;KAAG,OAAO;KAAG,MAAM;IAAkB,KAAI;GAC5E;;CACE;AAElB,CAAC;AAKD,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"linkIcon.d.ts","names":[],"sources":["../../src/link/linkIcon.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,QAAA,SAAA"}
+{"version":3,"file":"linkIcon.d.ts","names":[],"sources":["../../src/link/linkIcon.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,QAAA,SAAA"}

package/dist/link/linkIcon.js

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

package/dist/link/linkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkIcon.js","names":[],"sources":["../../src/link/linkIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays an icon within the Link. */\nexport const LinkIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return <Icon className={cs('vui-linkIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nLinkIcon.displayName = 'LinkIcon'\n\nexport default LinkIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC/F,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"linkIcon.js","names":[],"sources":["../../src/link/linkIcon.tsx"],"sourcesContent":["import type { IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays an icon within the Link. */\nexport const LinkIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return <Icon className={cs('vui-linkIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nLinkIcon.displayName = 'LinkIcon'\n\nexport default LinkIcon\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAuB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,gBAAgB,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC/F,CAAC;AAED,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"linkText.d.ts","names":[],"sources":["../../src/link/linkText.tsx"],"mappings":";;;;cAOa,QAAA,EAAQ,YAAA,SAAA,MAAA"}
+{"version":3,"file":"linkText.d.ts","names":[],"sources":["../../src/link/linkText.tsx"],"mappings":";;;;cAQa,QAAA,EAAQ,YAAA,SAAA,MAAA"}

package/dist/link/linkText.js

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

package/dist/link/linkText.js.map

@@ -1 +1 @@
-{"version":3,"file":"linkText.js","names":[],"sources":["../../src/link/linkText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays text of the Link. */\nexport const LinkText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return (\n    <T\n      className={cs('vui-linkText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      transitionDuration=\"unset\"\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nLinkText.displayName = 'LinkText'\nexport default LinkText\n"],"mappings":";;;;;;;;;AAOA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACJ;EACL,oBAAmB;EACnB,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"linkText.js","names":[],"sources":["../../src/link/linkText.tsx"],"sourcesContent":["import type { TProps } from '../t'\n\nimport { useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useLinkContext } from './context'\n\n/** Displays text of the Link. */\nexport const LinkText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Link', useLinkContext())\n\n  return (\n    <T\n      className={cs('vui-linkText', className)}\n      fontSize=\"inherit\"\n      ref={ref}\n      transitionDuration=\"unset\"\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nLinkText.displayName = 'LinkText'\nexport default LinkText\n"],"mappings":";;;;;;;;;AAQA,MAAa,WAAW,KAAqB,OAAO,QAAQ;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,GAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC,UAAS;EACJ;EACL,oBAAmB;EACnB,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,SAAS,cAAc"}

package/dist/link/theme.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/list/context.ts"],"mappings":";;cAGO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/list/context.ts"],"mappings":";;cAIO,YAAA,kBAAY,QAAA,CAAA,IAAA,GAAE,cAAA,QAAc,IAA6C"}

package/dist/list/context.js

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

package/dist/list/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/list/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [ListProvider, useListContext] = createContext<Dict>({ isOptional: true })\n\nexport { ListProvider, useListContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/list/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\n\nimport { createContext } from '../utils'\n\nconst [ListProvider, useListContext] = createContext<Dict>({ isOptional: true })\n\nexport { ListProvider, useListContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,cAAc,kBAAkB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/list/list.tsx"],"mappings":";;;;;;;;;cAiBa,QAAA,8BAAQ,eAAA,mCAAA,YAAA,EAAiB,WAAjB;;cAGR,IAAA,EAuDP,YAAA,OAAmB,SAAA;EACvB,OAAA,SAAgB,WAAA;EAChB,OAAA,SAAgB,WAAA;EAChB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}
+{"version":3,"file":"list.d.ts","names":[],"sources":["../../src/list/list.tsx"],"mappings":";;;;;;;;;cAkBa,QAAA,8BAAQ,eAAA,mCAAA,YAAA,EAAiB,WAAjB;;cAGR,IAAA,EAsDP,YAAA,OAAmB,SAAA;EACvB,OAAA,SAAgB,WAAA;EAChB,OAAA,SAAgB,WAAA;EAChB,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;EACb,IAAA,SAAa,QAAA;AAAA"}

package/dist/list/list.js

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

package/dist/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport type { ListItemProps, ListProps } from './list.types'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  // eslint-disable-next-line @eslint-react/use-state\n  const [, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,MAAM,YAAY,CAAC,SAAS,GAAG;AAC/B,MAAM,WAAW,CAAC,aAAa,KAAK;AACpC,MAAM,WAAW,CAAC,SAAS;AAE3B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;CAAQ,CAAC,GAAG;EAAC;EAAe;EAAM;CAAO,CAAC;CAE/G,MAAM,UAAU,OAAyB,IAAI;CAG7C,MAAM,GAAG,aAAa,SAAS,EAAE;CAEjC,MAAM,aAAa,UAAyB;EAC1C,IAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;EAAS,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;GAChE,MAAM,eAAe;GACrB,WAAW,MAAc;IACvB,IAAI,SAAS;IACb,IAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,UACV,CAAC,CAAC,QAAO,UAAU,MAAsB,aAAa,CAAC;KAE5F,IAAI,SAAS,SAAS,MAAM,GAAG,KAAK,SAAS,mBAAmB,SAAS,GAAG;KAC5E,IAAI,SAAS,SAAS,MAAM,GAAG,GAAG,SAAS,SAAS,IAAI,SAAS,IAAI;KAErE,mBAAmB,SAAS,MAAM,UAAU;MAC1C,IAAI,UAAU,QACZ,IAAI,UAAU,SAAS,MAAM,GAAG,GAAG,AAAC,MAAsB,MAAM;WAC3D,AAAC,MAAsB,MAAM;KAEtC,CAAC;IACH;IACA,OAAO;GACT,CAAC;EACH;CACF;CAEA,gBAAgB;EACd,IAAI,QAAQ,WAAW,eAAe;GACpC,QAAQ,QAAQ,iBAAiB,WAAW,SAAS;GACrD,aAAa;IACX,QAAQ,SAAS,oBAAoB,WAAW,SAAS;GAC3D;EACF;CACF,GAAG,CAAC,QAAQ,SAAS,aAAa,CAAC;CAEnC,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAG,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;aAA/F,CACG,YAAY,OAAO,IAAI,oBAAC,aAAD,EAAa,MAAM,QAAU,KAAI,SACxD,aACE,QAAuB,KAAK,IACzB,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,UAAD,EAA6B,GAAI,MAAQ,GAA1B,OAAO,KAAmB,CAAC,IAClF,MACE;;CACE;AAElB,CAAC;AAQD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}
+{"version":3,"file":"list.js","names":[],"sources":["../../src/list/list.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { ListItemProps, ListProps } from './list.types'\n\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isArray, isReactText } from '../utils'\nimport { ListProvider } from './context'\nimport ListDivider from './listDivider'\nimport ListHeading from './listHeading'\nimport ListIcon from './listIcon'\nimport ListItem from './listItem'\nimport ListText from './listText'\n\nconst clickKeys = ['Enter', ' ']\nconst nextKeys = ['ArrowDown', 'Tab']\nconst prevKeys = ['ArrowUp']\n\nexport const ListBase = styled.ulBox``\n\n/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */\nexport const List = vui<'ul', ListProps>((props, ref) => {\n  const { children, className, heading, isInteractive, items, size, variant, ...rest } = props\n  const styles = useStyleConfig('List', props)\n\n  const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant])\n\n  const listRef = useRef<HTMLUListElement>(null)\n\n  const [, setActive] = useState(-1)\n\n  const onKeydown = (event: KeyboardEvent) => {\n    if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {\n      event.preventDefault()\n      setActive((a: number) => {\n        let active = a\n        if (listRef.current) {\n          const allChildren = Array.from(listRef.current.childNodes)\n          const tabIndexedChildren = allChildren.filter(child => (child as HTMLElement).tabIndex === 0)\n\n          if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1) active++\n          if (prevKeys.includes(event.key)) active = active > 0 ? active - 1 : 0\n\n          tabIndexedChildren.forEach((node, index) => {\n            if (index === active) {\n              if (clickKeys.includes(event.key)) (node as HTMLElement)?.click()\n              else (node as HTMLElement)?.focus()\n            }\n          })\n        }\n        return active\n      })\n    }\n  }\n\n  useEffect(() => {\n    if (listRef.current && isInteractive) {\n      listRef.current.addEventListener('keydown', onKeydown)\n      return () => {\n        listRef.current?.removeEventListener('keydown', onKeydown)\n      }\n    }\n  }, [listRef.current, isInteractive])\n\n  return (\n    <ListProvider value={context}>\n      <ListBase className={cs('vui-list', className)} ref={ref || listRef} {...styles.container} {...rest}>\n        {isReactText(heading) ? <ListHeading text={heading} /> : heading}\n        {children ??\n          (isArray<ListItemProps>(items)\n            ? items.map(({ key, ...props }, index) => <ListItem key={key ?? index} {...props} />)\n            : items)}\n      </ListBase>\n    </ListProvider>\n  )\n}) as VuiComponent<'ul', ListProps> & {\n  Divider: typeof ListDivider\n  Heading: typeof ListHeading\n  Icon: typeof ListIcon\n  Item: typeof ListItem\n  Text: typeof ListText\n}\n\nList.Divider = ListDivider\nList.Heading = ListHeading\nList.Icon = ListIcon\nList.Item = ListItem\nList.Text = ListText\nList.displayName = 'List'\nexport default List\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAM,YAAY,CAAC,SAAS,GAAG;AAC/B,MAAM,WAAW,CAAC,aAAa,KAAK;AACpC,MAAM,WAAW,CAAC,SAAS;AAE3B,MAAa,WAAW,OAAO,KAAK;;AAGpC,MAAa,OAAO,KAAsB,OAAO,QAAQ;CACvD,MAAM,EAAE,UAAU,WAAW,SAAS,eAAe,OAAO,MAAM,SAAS,GAAG,SAAS;CACvF,MAAM,SAAS,eAAe,QAAQ,KAAK;CAE3C,MAAM,UAAU,cAAc,gBAAgB;EAAE;EAAe;EAAM;CAAQ,CAAC,GAAG;EAAC;EAAe;EAAM;CAAO,CAAC;CAE/G,MAAM,UAAU,OAAyB,IAAI;CAE7C,MAAM,GAAG,aAAa,SAAS,EAAE;CAEjC,MAAM,aAAa,UAAyB;EAC1C,IAAI;GAAC,GAAG;GAAU,GAAG;GAAU,GAAG;EAAS,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;GAChE,MAAM,eAAe;GACrB,WAAW,MAAc;IACvB,IAAI,SAAS;IACb,IAAI,QAAQ,SAAS;KAEnB,MAAM,qBADc,MAAM,KAAK,QAAQ,QAAQ,UACV,CAAC,CAAC,QAAO,UAAU,MAAsB,aAAa,CAAC;KAE5F,IAAI,SAAS,SAAS,MAAM,GAAG,KAAK,SAAS,mBAAmB,SAAS,GAAG;KAC5E,IAAI,SAAS,SAAS,MAAM,GAAG,GAAG,SAAS,SAAS,IAAI,SAAS,IAAI;KAErE,mBAAmB,SAAS,MAAM,UAAU;MAC1C,IAAI,UAAU,QACZ,IAAI,UAAU,SAAS,MAAM,GAAG,GAAG,AAAC,MAAsB,MAAM;WAC3D,AAAC,MAAsB,MAAM;KAEtC,CAAC;IACH;IACA,OAAO;GACT,CAAC;EACH;CACF;CAEA,gBAAgB;EACd,IAAI,QAAQ,WAAW,eAAe;GACpC,QAAQ,QAAQ,iBAAiB,WAAW,SAAS;GACrD,aAAa;IACX,QAAQ,SAAS,oBAAoB,WAAW,SAAS;GAC3D;EACF;CACF,GAAG,CAAC,QAAQ,SAAS,aAAa,CAAC;CAEnC,OACE,oBAAC,cAAD;EAAc,OAAO;YACnB,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,SAAS;GAAG,KAAK,OAAO;GAAS,GAAI,OAAO;GAAW,GAAI;aAA/F,CACG,YAAY,OAAO,IAAI,oBAAC,aAAD,EAAa,MAAM,QAAU,KAAI,SACxD,aACE,QAAuB,KAAK,IACzB,MAAM,KAAK,EAAE,KAAK,GAAG,SAAS,UAAU,oBAAC,UAAD,EAA6B,GAAI,MAAQ,GAA1B,OAAO,KAAmB,CAAC,IAClF,MACE;;CACE;AAElB,CAAC;AAQD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"listDivider.d.ts","names":[],"sources":["../../src/list/listDivider.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,OAAA,YAAA"}
+{"version":3,"file":"listDivider.d.ts","names":[],"sources":["../../src/list/listDivider.tsx"],"mappings":";;;;cAQa,WAAA,EAAW,YAAA,OAAA,YAAA"}

package/dist/list/listDivider.js

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

package/dist/list/listDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"listDivider.js","names":[],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { DividerProps } from '../divider'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,MAAD,YACE,oBAAC,SAAD;EAAS,WAAW,GAAG,mBAAmB,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;CAAO,GACpG;AAER,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"listDivider.js","names":[],"sources":["../../src/list/listDivider.tsx"],"sourcesContent":["import type { DividerProps } from '../divider'\n\nimport { useStyleConfig, vui } from '../core'\nimport Divider from '../divider'\nimport { cs } from '../utils'\nimport { useListContext } from './context'\n\n/** Displays a divider line within the List. */\nexport const ListDivider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('List', useListContext())\n\n  return (\n    <li>\n      <Divider className={cs('vui-listDivider', className)} my={1} ref={ref} {...styles.divider} {...rest} />\n    </li>\n  )\n})\n\nListDivider.displayName = 'ListDivider'\nexport default ListDivider\n"],"mappings":";;;;;;;;;AAQA,MAAa,cAAc,KAAyB,OAAO,QAAQ;CACjE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,QAAQ,eAAe,CAAC;CAEtD,OACE,oBAAC,MAAD,YACE,oBAAC,SAAD;EAAS,WAAW,GAAG,mBAAmB,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAS,GAAI;CAAO,GACpG;AAER,CAAC;AAED,YAAY,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"listHeading.d.ts","names":[],"sources":["../../src/list/listHeading.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,OAAA,MAAA"}
+{"version":3,"file":"listHeading.d.ts","names":[],"sources":["../../src/list/listHeading.tsx"],"mappings":";;;;cAQa,WAAA,EAAW,YAAA,OAAA,MAAA"}

package/dist/list/listHeading.js

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