@veracity/vui 5.4.0-alpha.452398.2610131255 → 5.4.0-alpha.452398.2610190944

package/dist/index.d.ts

@@ -364,12 +364,14 @@ import { TextFieldIcon } from "./textField/textFieldIcon.js";
 import { TextField, TextFieldControlBase, TextFieldInputBase, TextFieldTextareaBase } from "./textField/textField.js";
 import "./textField/index.js";
 import { TableDensity } from "./table/density.js";
-import { ActionsCellProps, DragCellProps, ExpandAllCellProps, ExpandableCellProps, TableCellType, TableColumn, TableContainerProps, TableContext, TableProps, TableSortIconProps, TbodyEmptyProps, TbodyProps, TdProps, TfootProps, ThProps, TheadProps, TrProps } from "./table/table.types.js";
-import { TableProvider, useColumnBorder, useTableContext } from "./table/context.js";
+import { ActionsCellProps, CheckboxCellProps, DragCellProps, ExpandAllCellProps, ExpandableCellProps, SelectAllCellProps, TableCellType, TableColumn, TableContainerProps, TableContext, TableProps, TableSortIconProps, TbodyEmptyProps, TbodyProps, TdProps, TfootProps, ThProps, TheadProps, TrProps } from "./table/table.types.js";
+import { TableProvider, useColumnBorder, useColumnTruncate, useTableContext } from "./table/context.js";
 import { ActionsCell } from "./table/actionsCell.js";
+import { CheckboxCell } from "./table/checkboxCell.js";
 import { DragCell } from "./table/dragCell.js";
 import { ExpandAllCell } from "./table/expandAllCell.js";
 import { ExpandableCell } from "./table/expandableCell.js";
+import { SelectAllCell } from "./table/selectAllCell.js";
 import { TableContainer, TableContainerBase } from "./table/tableContainer.js";
 import { TableSortIcon } from "./table/tableSortIcon.js";
 import { TbodyEmpty } from "./table/tbodyEmpty.js";
@@ -411,4 +413,4 @@ import { Tutorial } from "./tutorial/tutorial.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { TutorialStep } from "./tutorial/tutorialStep.js";
 import "./tutorial/index.js";
-export { Accordion, AccordionBase, type AccordionIconPosition, AccordionItem, type AccordionItemArrowProps, AccordionItemHorizontal, type AccordionItemId, type AccordionItemProps, type AccordionOnToggleEvent, type AccordionOrientation, type AccordionProps, ActionsCell, type ActionsCellProps, type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type Animation, type AnimationDirection, type AnimationGetter, type AnimationProp, type AnimationProps, type AnimationsProps, type AnyFunction, type AnyNumber, type AnyString, AppButton, type AppearanceProps, ApplicationFooter, type ApplicationFooterProps, type AutoCompletePopoverProps, type AutoCompleteProps, Avatar, AvatarBase, type AvatarProps, BackButton, type BackgroundColorProps, type BackgroundsProps, Badge, type Border, type BorderBottomColorProps, type BorderBottomProps, type BorderBottomWidthProps, type BorderColorProps, type BorderGetter, type BorderLeftColorProps, type BorderLeftProps, type BorderLeftWidthProps, type BorderProps, type BorderRadiusProp, type BorderRadiusProps, type BorderRightColorProps, type BorderRightProps, type BorderRightWidthProps, type BorderStyleGetter, type BorderStyleProps, type BorderTopColorProps, type BorderTopProps, type BorderTopWidthProps, type BorderWidthGetter, type BorderWidthProps, type BordersProps, type BottomProps, Box, BoxBase, type BoxProps, type BoxShadowProps, type BoxSizingProps, Breadcrumbs, BreadcrumbsBase, type BreadcrumbsItemProps, type BreadcrumbsProps, type BreadcrumbsSeparatorProps, Button, ButtonBase, type ButtonComputedOptions, type ButtonComputedStyles, ButtonContextValue, ButtonGroup, ButtonGroupBase, ButtonGroupContextValue, type ButtonGroupProps, ButtonGroupProvider, ButtonIcon, type ButtonIntent, type ButtonProps, ButtonProvider, type ButtonStyleContainer, ButtonText, ButtonToggleGroup, type ButtonToggleGroupProps, type ButtonVariant, type ButtonVariantLegacy, CSSFunction, CTAButton, Calendar, type CalendarMode, type CalendarProps, Card, type CardProps, type ChangeEvent, type ChangeEventHandler, Chat, ChatInput, type ChatInputButtonProps, type ChatInputProps, type ChatInputStatus, ChatMessage, type ChatProps, Checkbox, CheckboxBase, CheckboxGroup, CheckboxGroupBase, type CheckboxGroupProps, CheckboxGroupProvider, type CheckboxProps, type CheckboxStyleProps, type ChildrenProp, CloseButton, type CloseEvent, type Color, type ColorGetter, type ColorProps, type Component, type ComputedResult, type ContainerStyles, CopyToClipboard, type CopyToClipboardProps, type CreateContextOptions, type CreateContextReturn, CreateGlobalStyle, type CursorProps, DangerButton, DateFormat, DatePicker, type DatePickerPopupPosition, type DatePickerProps, DatePickerTriggerButton, type DateRange, type DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, type DialogBodyProps, DialogCancelButton, type DialogCancelButtonProps, DialogCloseButton, type DialogCloseButtonProps, type DialogContext, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogPlacement, type DialogProps, DialogProvider, type DialogStatus, type DialogStatusMapping, DialogSubmitButton, type DialogSubmitButtonProps, DialogTitle, type DialogTitleProps, type Dict, DismissButton, type DismissButtonProps, type DismissButtonSize, Display, DisplayBase, type DisplayProps, type DisplayTextProps, type DivideColorProps, type DivideStyleProps, type DivideXProps, type DivideXReverseProps, type DivideYProps, type DivideYReverseProps, Divider, DividerBase, type DividerProps, DragAndDrop, type DragAndDropProps, DragCell, type DragCellProps, Drawer, type DrawerProps, type DurationGetter, type EffectsProps, type Elevation, type Environment, ExpandAllCell, type ExpandAllCellProps, ExpandableCell, type ExpandableCellProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxesProps, type FloatProps, type FlowDirection, type FocusEvent, type FocusEventHandler, FocusLock, type FocusLockProps, type FocusableElement, type Font, type FontFamilyProps, type FontGetter, type FontSize, type FontSizeGetter, type FontSizeProps, type FontStyleProps, type FontWeight, type FontWeightGetter, type FontWeightProps, Footer, FooterBase, type FooterColumnData, type FooterColumnProps, type FooterColumnsProps, FooterContent, type FooterContentProps, type FooterContext, FooterHeading, FooterLink, type FooterLinkData, type FooterProps, FooterSection, type FooterSectionData, type FooterSectionProps, type FooterTrademarkProps, FormatDateOptions, type GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, type GridProps, type GridTemplateColumn, type GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, type HeaderAccountData, type HeaderAccountProps, type HeaderAccountSectionData, HeaderAccountUserInfo, type HeaderAccountUserInfoData, type HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, type HeaderButtonData, HeaderContent, type HeaderContentProps, type HeaderContext, HeaderCreateAccount, type HeaderCreateAccountData, type HeaderCreateAccountProps, HeaderDivider, type HeaderLinkData, HeaderLinkItem, type HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, type HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, type HeaderNotificationsData, type HeaderNotificationsProps, type HeaderProps, HeaderProvider, HeaderServices, type HeaderServicesData, HeaderServicesMessage, type HeaderServicesProps, HeaderSignIn, type HeaderSignInProps, type HeaderSupportProps, Heading, HeadingBase, type HeadingProps, type HeadingSize, type HeightProps, HelpText, type HelpTextProps, Icon, IconButton, type IconButtonProps, type IconDefinition, type IconDetails, type IconProp, type IconProps, Image, ImageBase, type ImageProps, Input, InputIcon, InputInput, InputInputBase, type InputInputProps, type InputProps, type InputState, type InputStateMapping, type InputType, type InsetGetter, type IntentTokens, type InteractivityProps, IsTruncatedProps, type ItemProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type KeyboardEvent, type KeyboardEventHandler, type KeyboardKeys, Label, type LabelProps, type LayoutProps, Lead, type LeftProps, type LetterSpacingProps, LineButton, type LineHeightGetter, type LineHeightProps, Link, LinkBase, LinkIcon, type LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, type ListItemLinkProps, type ListItemProps, type ListProps, ListProvider, type ListStylePositionProps, type ListStyleTypeProps, ListText, LoggedInHeader, type LoggedInHeaderProps, LoggedOutHeader, type LoggedOutHeaderProps, Logo, type MarginBottomProps, type MarginLeftProps, type MarginProps, type MarginRightProps, type MarginTopProps, type MarginXProps, type MarginYProps, type MaxHeightProps, MaxLinesProps, type MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, type MenuListProps, type MenuProps, MenuProvider, Message, MessageBase, type MessageIntent, type MessageProps, type MinHeightProps, type MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, type ModalBackdropProps, ModalContent, ModalContentBase, type ModalContentProps, type ModalContext, type ModalProps, ModalProvider, type MonthProps, type MouseEvent, type MouseEventHandler, type NavBarIconSize, Notification, NotificationAction, NotificationIcon, type NotificationIntent, type NotificationLayout, type NotificationProps, NotificationProvider, type NotificationStatus, type NotificationStatusEntry, type NotificationStatusMapping, NotificationText, NotificationTitle, type NotificationVariant, type NotificationVariantHierarchy, type NotificationVariantLegacy, type ObjectFitProps, type OpacityProps, type OrderProps, type OutlineColorProps, type OutlineProps, type OutlineStyleProps, type OutlineWidthProps, type OverflowProps, type OverflowXProps, type OverflowYProps, type OverscrollBehaviorProps, P, PBase, type PProps, type PaddingBottomProps, type PaddingLeftProps, type PaddingProps, type PaddingRightProps, type PaddingTopProps, type PaddingXProps, type PaddingYProps, Pagination, PaginationButton, type PaginationButtonProps, type PaginationContext, PaginationEllipsis, PaginationGoToPage, type PaginationItem, PaginationNavigation, PaginationPrevNext, type PaginationPrevNextProps, type PaginationProps, PaginationProvider, PaginationResults, Panel, type PanelProps, type Placement, type PointerEventsProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverProvider, type PopoverRenderProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, type ProgressCircularProps, type ProgressProps, type PropsOf, Prose, ProseProps, Radio, RadioBase, RadioGroup, RadioGroupBase, type RadioGroupProps, RadioGroupProvider, type RadioProps, type RadioStyleProps, type Radius, type RadiusGetter, Range, type RangeProps, type RangeValue, Rating, type RefPropsOf, RenderOnScreen, RenderOnScreenProps, type RenderProps, _default$1 as ResetCSS, type ResizeProps, type RightJoinProps, type RightProps, type RingColorProps, type RingProps, type RingWidth, type RingWidthGetter, type RotateProps, type ScaleProps, type ScaleXProps, type ScaleYProps, type Screen, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, type SelectContext, SelectGroup, type SelectGroupProps, type SelectLabelProps, SelectOption, type SelectOptionData, type SelectOptionProps, type SelectProps, type SelectValue, type Shadow, type ShadowGetter, Sidemenu, type SidemenuCollapseModeV2, type SidemenuComponentV2Props, type SidemenuContextV2Value, type SidemenuExpandEventV2, type SidemenuFlatItemV2, type SidemenuGroupV2Props, SidemenuItem, type SidemenuItemBadgeV2Props, type SidemenuItemClickEventV2, type SidemenuItemComponentV2Props, type SidemenuItemProps, type SidemenuItemV2Props, type SidemenuItemWithChildrenV2, type SidemenuOrientation, type SidemenuOrientationV2, type SidemenuProps, type SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, type SidemenuTopComponentV2Props, type SidemenuTopProps, type SidemenuTopPropsV2, type SidemenuTopV2Props, SidemenuV2, type SidemenuV2Props, type SidemenuVariantV2, type Size, type SizeGetter, type SizingProps, Skeleton, SkeletonBase, type SkeletonProps, type SkewXProps, type SkewYProps, type Sort, type SortOrder, type Space, type SpaceGetter, type SpaceProps, type SpaceXProps, type SpaceXReverseProps, type SpaceYProps, type SpaceYReverseProps, type SpacingProps, Spinner, SpinnerCircle, type SpinnerProps, StepHorizontal, StepHorizontalBase, type StepHorizontalProps, type StepHorizontalSize, type StepHorizontalTailProps, type StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, type StepVerticalProps, type StepVerticalSize, type StepVerticalTailProps, type StepVerticalTitleProps, StepperHorizontal, type StepperHorizontalProps, StepperVertical, type StepperVerticalProps, Svg, SvgBase, type SvgProps, type SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, type SwitchButtonProps, type SwitchContext, SwitchLabel, type SwitchProps, SwitchProvider, SystemProps, T, TBase, type TProps, Tab, TabBase, type TabIndexProps, type TabNavBarProps, type TabProps, Table, TableBase, type TableCellType, type TableColumn, TableContainer, TableContainerBase, type TableContainerProps, type TableContext, type TableDensity, type TableProps, TableProvider, TableSortIcon, type TableSortIconProps, Tabs, TabsBase, type TabsProps, type TabsSize, Tag, type TagColor, type TagColorTokens, type TagContainerStyles, type TagHierarchy, type TagInnerProps, type TagProps, TagToggle, type TagToggleHierarchy, type TagToggleInnerProps, type TagToggleProps, type TagVariantCanonical, Tbody, TbodyBase, TbodyEmpty, type TbodyEmptyProps, type TbodyProps, Td, TdBase, type TdProps, type TextAlignProps, TextButton, type TextDecorationProps, TextField, TextFieldAutoComplete, TextFieldControlBase, TextFieldHelpText, type TextFieldHelpTextProps, TextFieldIcon, TextFieldInputBase, type TextFieldProps, TextFieldTextareaBase, type TextFieldType, type TextOverflowProps, type TextShadowProps, type TextTransformProps, Textarea, type TextareaProps, Tfoot, TfootBase, type TfootProps, Th, ThBase, type ThProps, Thead, type TheadProps, ThemeGet, type ThemingProps, type TimeItem, type TimeResult, type TimeUnitMode, type TimingFunctionGetter, type ToastDuration, type ToastIntent, ToastItem, ToastItemProps, type ToastListItem, type ToastOptions, type ToastRenderProps, type ToastSize, type ToastStatus, type ToastTextLayout, _default$2 as Toaster, Tooltip, type TooltipProps, type TopProps, Tr, TrBase, type TrProps, type Transform, type TransformGetter, type TransformOriginProps, type TransformProps, type TransformsProps, type TransitionDelayProps, type TransitionDuration, type TransitionDurationProps, type TransitionGetter, type TransitionPropertyGetter, type TransitionPropertyProps, type TransitionProps, type TransitionTimingFunctionProps, type TransitionsProps, type TranslateXProps, type TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, type TreeItemId, type TreeItemLinkProps, type TreeItemProps, type TreeOnToggleEvent, type TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, type TutorialCardProps, type TutorialDataStep, type TutorialProps, TutorialStep, type TutorialStepProps, type TutorialStepWrapper, type TypographyProps, UseControlledProps, type UsePaginationProps, type UsePopoverProps, type UseSelectProps, UseSelectReturnType, type UseSidemenuItemV2Return, type UseSidemenuV2Return, type UserSelectProps, VC, VStyled, type VerticalAlignProps, type VisibilityProps, VuiComponent, VuiComponentConfig, type VuiContext, VuiContextProvider, type VuiIcon, type VuiIcons, VuiProvider, type VuiTheme, type VuiThemeDefaults, type VuiThemeExtensions, type WhiteSpaceProps, type WidthProps, WordBreakProps, type ZIndex, type ZIndexGetter, type ZIndexProps, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, _default$3 as animations, assignRef, icons_d_exports as baseIcons, _default$4 as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, _default$5 as colors, compareBy, _default$6 as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, _default$7 as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, _default$8 as fontFaces, _default$9 as fontSizes, _default$10 as fontWeights, _default$11 as fonts, formatDate, formatIsoDate, _default$12 as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, _default$13 as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, _default$14 as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, _default$15 as screens, _default$16 as shadows, _default$17 as sizes, slowToastDuration, _default$18 as spaces, spin, styled, system, th, toasterWidth, toggleItem, _default$19 as transforms, _default$20 as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useColumnBorder, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, _default$21 as zIndices };
+export { Accordion, AccordionBase, type AccordionIconPosition, AccordionItem, type AccordionItemArrowProps, AccordionItemHorizontal, type AccordionItemId, type AccordionItemProps, type AccordionOnToggleEvent, type AccordionOrientation, type AccordionProps, ActionsCell, type ActionsCellProps, type AlignContentProps, type AlignItemsProps, type AlignSelfProps, type Animation, type AnimationDirection, type AnimationGetter, type AnimationProp, type AnimationProps, type AnimationsProps, type AnyFunction, type AnyNumber, type AnyString, AppButton, type AppearanceProps, ApplicationFooter, type ApplicationFooterProps, type AutoCompletePopoverProps, type AutoCompleteProps, Avatar, AvatarBase, type AvatarProps, BackButton, type BackgroundColorProps, type BackgroundsProps, Badge, type Border, type BorderBottomColorProps, type BorderBottomProps, type BorderBottomWidthProps, type BorderColorProps, type BorderGetter, type BorderLeftColorProps, type BorderLeftProps, type BorderLeftWidthProps, type BorderProps, type BorderRadiusProp, type BorderRadiusProps, type BorderRightColorProps, type BorderRightProps, type BorderRightWidthProps, type BorderStyleGetter, type BorderStyleProps, type BorderTopColorProps, type BorderTopProps, type BorderTopWidthProps, type BorderWidthGetter, type BorderWidthProps, type BordersProps, type BottomProps, Box, BoxBase, type BoxProps, type BoxShadowProps, type BoxSizingProps, Breadcrumbs, BreadcrumbsBase, type BreadcrumbsItemProps, type BreadcrumbsProps, type BreadcrumbsSeparatorProps, Button, ButtonBase, type ButtonComputedOptions, type ButtonComputedStyles, ButtonContextValue, ButtonGroup, ButtonGroupBase, ButtonGroupContextValue, type ButtonGroupProps, ButtonGroupProvider, ButtonIcon, type ButtonIntent, type ButtonProps, ButtonProvider, type ButtonStyleContainer, ButtonText, ButtonToggleGroup, type ButtonToggleGroupProps, type ButtonVariant, type ButtonVariantLegacy, CSSFunction, CTAButton, Calendar, type CalendarMode, type CalendarProps, Card, type CardProps, type ChangeEvent, type ChangeEventHandler, Chat, ChatInput, type ChatInputButtonProps, type ChatInputProps, type ChatInputStatus, ChatMessage, type ChatProps, Checkbox, CheckboxBase, CheckboxCell, type CheckboxCellProps, CheckboxGroup, CheckboxGroupBase, type CheckboxGroupProps, CheckboxGroupProvider, type CheckboxProps, type CheckboxStyleProps, type ChildrenProp, CloseButton, type CloseEvent, type Color, type ColorGetter, type ColorProps, type Component, type ComputedResult, type ContainerStyles, CopyToClipboard, type CopyToClipboardProps, type CreateContextOptions, type CreateContextReturn, CreateGlobalStyle, type CursorProps, DangerButton, DateFormat, DatePicker, type DatePickerPopupPosition, type DatePickerProps, DatePickerTriggerButton, type DateRange, type DefaultViewMonthProps, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, type DialogBodyProps, DialogCancelButton, type DialogCancelButtonProps, DialogCloseButton, type DialogCloseButtonProps, type DialogContext, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogPlacement, type DialogProps, DialogProvider, type DialogStatus, type DialogStatusMapping, DialogSubmitButton, type DialogSubmitButtonProps, DialogTitle, type DialogTitleProps, type Dict, DismissButton, type DismissButtonProps, type DismissButtonSize, Display, DisplayBase, type DisplayProps, type DisplayTextProps, type DivideColorProps, type DivideStyleProps, type DivideXProps, type DivideXReverseProps, type DivideYProps, type DivideYReverseProps, Divider, DividerBase, type DividerProps, DragAndDrop, type DragAndDropProps, DragCell, type DragCellProps, Drawer, type DrawerProps, type DurationGetter, type EffectsProps, type Elevation, type Environment, ExpandAllCell, type ExpandAllCellProps, ExpandableCell, type ExpandableCellProps, type FlexBasisProps, type FlexDirectionProps, type FlexGrowProps, type FlexProps, type FlexShrinkProps, type FlexWrapProps, type FlexboxesProps, type FloatProps, type FlowDirection, type FocusEvent, type FocusEventHandler, FocusLock, type FocusLockProps, type FocusableElement, type Font, type FontFamilyProps, type FontGetter, type FontSize, type FontSizeGetter, type FontSizeProps, type FontStyleProps, type FontWeight, type FontWeightGetter, type FontWeightProps, Footer, FooterBase, type FooterColumnData, type FooterColumnProps, type FooterColumnsProps, FooterContent, type FooterContentProps, type FooterContext, FooterHeading, FooterLink, type FooterLinkData, type FooterProps, FooterSection, type FooterSectionData, type FooterSectionProps, type FooterTrademarkProps, FormatDateOptions, type GetIconDetailsResult, _default as GlobalStyle, Grid, GridBase, type GridProps, type GridTemplateColumn, type GridTemplateRow, H1, H2, H3, H4, H5, H6, HSLToRGBA, Header, HeaderAccount, type HeaderAccountData, type HeaderAccountProps, type HeaderAccountSectionData, HeaderAccountUserInfo, type HeaderAccountUserInfoData, type HeaderAccountUserInfoProps, HeaderApplicationName, HeaderBase, type HeaderButtonData, HeaderContent, type HeaderContentProps, type HeaderContext, HeaderCreateAccount, type HeaderCreateAccountData, type HeaderCreateAccountProps, HeaderDivider, type HeaderLinkData, HeaderLinkItem, type HeaderLinkItemProps, HeaderLogo, HeaderMainLinks, type HeaderMainLinksProps, HeaderMobileContent, HeaderMobileToggle, HeaderNotifications, type HeaderNotificationsData, type HeaderNotificationsProps, type HeaderProps, HeaderProvider, HeaderServices, type HeaderServicesData, HeaderServicesMessage, type HeaderServicesProps, HeaderSignIn, type HeaderSignInProps, type HeaderSupportProps, Heading, HeadingBase, type HeadingProps, type HeadingSize, type HeightProps, HelpText, type HelpTextProps, Icon, IconButton, type IconButtonProps, type IconDefinition, type IconDetails, type IconProp, type IconProps, Image, ImageBase, type ImageProps, Input, InputIcon, InputInput, InputInputBase, type InputInputProps, type InputProps, type InputState, type InputStateMapping, type InputType, type InsetGetter, type IntentTokens, type InteractivityProps, IsTruncatedProps, type ItemProps, type JustifyContentProps, type JustifyItemsProps, type JustifySelfProps, type KeyboardEvent, type KeyboardEventHandler, type KeyboardKeys, Label, type LabelProps, type LayoutProps, Lead, type LeftProps, type LetterSpacingProps, LineButton, type LineHeightGetter, type LineHeightProps, Link, LinkBase, LinkIcon, type LinkProps, LinkText, LinksDict, LinksProvider, List, ListBase, ListDivider, ListHeading, ListIcon, ListItem, ListItemBase, type ListItemLinkProps, type ListItemProps, type ListProps, ListProvider, type ListStylePositionProps, type ListStyleTypeProps, ListText, LoggedInHeader, type LoggedInHeaderProps, LoggedOutHeader, type LoggedOutHeaderProps, Logo, type MarginBottomProps, type MarginLeftProps, type MarginProps, type MarginRightProps, type MarginTopProps, type MarginXProps, type MarginYProps, type MaxHeightProps, MaxLinesProps, type MaxWidthProps, Menu, MenuButton, MenuItem, MenuList, type MenuListProps, type MenuProps, MenuProvider, Message, MessageBase, type MessageIntent, type MessageProps, type MinHeightProps, type MinWidthProps, Modal, ModalBackdrop, ModalBackdropBase, type ModalBackdropProps, ModalContent, ModalContentBase, type ModalContentProps, type ModalContext, type ModalProps, ModalProvider, type MonthProps, type MouseEvent, type MouseEventHandler, type NavBarIconSize, Notification, NotificationAction, NotificationIcon, type NotificationIntent, type NotificationLayout, type NotificationProps, NotificationProvider, type NotificationStatus, type NotificationStatusEntry, type NotificationStatusMapping, NotificationText, NotificationTitle, type NotificationVariant, type NotificationVariantHierarchy, type NotificationVariantLegacy, type ObjectFitProps, type OpacityProps, type OrderProps, type OutlineColorProps, type OutlineProps, type OutlineStyleProps, type OutlineWidthProps, type OverflowProps, type OverflowXProps, type OverflowYProps, type OverscrollBehaviorProps, P, PBase, type PProps, type PaddingBottomProps, type PaddingLeftProps, type PaddingProps, type PaddingRightProps, type PaddingTopProps, type PaddingXProps, type PaddingYProps, Pagination, PaginationButton, type PaginationButtonProps, type PaginationContext, PaginationEllipsis, PaginationGoToPage, type PaginationItem, PaginationNavigation, PaginationPrevNext, type PaginationPrevNextProps, type PaginationProps, PaginationProvider, PaginationResults, Panel, type PanelProps, type Placement, type PointerEventsProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverProvider, type PopoverRenderProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type PositionProps, Progress, ProgressBase, ProgressCircular, ProgressCircularBase, type ProgressCircularProps, type ProgressProps, type PropsOf, Prose, ProseProps, Radio, RadioBase, RadioGroup, RadioGroupBase, type RadioGroupProps, RadioGroupProvider, type RadioProps, type RadioStyleProps, type Radius, type RadiusGetter, Range, type RangeProps, type RangeValue, Rating, type RefPropsOf, RenderOnScreen, RenderOnScreenProps, type RenderProps, _default$1 as ResetCSS, type ResizeProps, type RightJoinProps, type RightProps, type RingColorProps, type RingProps, type RingWidth, type RingWidthGetter, type RotateProps, type ScaleProps, type ScaleXProps, type ScaleYProps, type Screen, Select, SelectAllCell, type SelectAllCellProps, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, type SelectContext, SelectGroup, type SelectGroupProps, type SelectLabelProps, SelectOption, type SelectOptionData, type SelectOptionProps, type SelectProps, type SelectValue, type Shadow, type ShadowGetter, Sidemenu, type SidemenuCollapseModeV2, type SidemenuComponentV2Props, type SidemenuContextV2Value, type SidemenuExpandEventV2, type SidemenuFlatItemV2, type SidemenuGroupV2Props, SidemenuItem, type SidemenuItemBadgeV2Props, type SidemenuItemClickEventV2, type SidemenuItemComponentV2Props, type SidemenuItemProps, type SidemenuItemV2Props, type SidemenuItemWithChildrenV2, type SidemenuOrientation, type SidemenuOrientationV2, type SidemenuProps, type SidemenuSizeV2, SidemenuStateProvider, SidemenuTop, type SidemenuTopComponentV2Props, type SidemenuTopProps, type SidemenuTopPropsV2, type SidemenuTopV2Props, SidemenuV2, type SidemenuV2Props, type SidemenuVariantV2, type Size, type SizeGetter, type SizingProps, Skeleton, SkeletonBase, type SkeletonProps, type SkewXProps, type SkewYProps, type Sort, type SortOrder, type Space, type SpaceGetter, type SpaceProps, type SpaceXProps, type SpaceXReverseProps, type SpaceYProps, type SpaceYReverseProps, type SpacingProps, Spinner, SpinnerCircle, type SpinnerProps, StepHorizontal, StepHorizontalBase, type StepHorizontalProps, type StepHorizontalSize, type StepHorizontalTailProps, type StepHorizontalTitleProps, StepIndicator, StepVertical, StepVerticalBase, type StepVerticalProps, type StepVerticalSize, type StepVerticalTailProps, type StepVerticalTitleProps, StepperHorizontal, type StepperHorizontalProps, StepperVertical, type StepperVerticalProps, Svg, SvgBase, type SvgProps, type SvgState, Switch, SwitchBase, SwitchButton, SwitchButtonBase, type SwitchButtonProps, type SwitchContext, SwitchLabel, type SwitchProps, SwitchProvider, SystemProps, T, TBase, type TProps, Tab, TabBase, type TabIndexProps, type TabNavBarProps, type TabProps, Table, TableBase, type TableCellType, type TableColumn, TableContainer, TableContainerBase, type TableContainerProps, type TableContext, type TableDensity, type TableProps, TableProvider, TableSortIcon, type TableSortIconProps, Tabs, TabsBase, type TabsProps, type TabsSize, Tag, type TagColor, type TagColorTokens, type TagContainerStyles, type TagHierarchy, type TagInnerProps, type TagProps, TagToggle, type TagToggleHierarchy, type TagToggleInnerProps, type TagToggleProps, type TagVariantCanonical, Tbody, TbodyBase, TbodyEmpty, type TbodyEmptyProps, type TbodyProps, Td, TdBase, type TdProps, type TextAlignProps, TextButton, type TextDecorationProps, TextField, TextFieldAutoComplete, TextFieldControlBase, TextFieldHelpText, type TextFieldHelpTextProps, TextFieldIcon, TextFieldInputBase, type TextFieldProps, TextFieldTextareaBase, type TextFieldType, type TextOverflowProps, type TextShadowProps, type TextTransformProps, Textarea, type TextareaProps, Tfoot, TfootBase, type TfootProps, Th, ThBase, type ThProps, Thead, type TheadProps, ThemeGet, type ThemingProps, type TimeItem, type TimeResult, type TimeUnitMode, type TimingFunctionGetter, type ToastDuration, type ToastIntent, ToastItem, ToastItemProps, type ToastListItem, type ToastOptions, type ToastRenderProps, type ToastSize, type ToastStatus, type ToastTextLayout, _default$2 as Toaster, Tooltip, type TooltipProps, type TopProps, Tr, TrBase, type TrProps, type Transform, type TransformGetter, type TransformOriginProps, type TransformProps, type TransformsProps, type TransitionDelayProps, type TransitionDuration, type TransitionDurationProps, type TransitionGetter, type TransitionPropertyGetter, type TransitionPropertyProps, type TransitionProps, type TransitionTimingFunctionProps, type TransitionsProps, type TranslateXProps, type TranslateYProps, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, type TreeItemId, type TreeItemLinkProps, type TreeItemProps, type TreeOnToggleEvent, type TreeProps, TreeProvider, TreeText, Tutorial, TutorialCard, type TutorialCardProps, type TutorialDataStep, type TutorialProps, TutorialStep, type TutorialStepProps, type TutorialStepWrapper, type TypographyProps, UseControlledProps, type UsePaginationProps, type UsePopoverProps, type UseSelectProps, UseSelectReturnType, type UseSidemenuItemV2Return, type UseSidemenuV2Return, type UserSelectProps, VC, VStyled, type VerticalAlignProps, type VisibilityProps, VuiComponent, VuiComponentConfig, type VuiContext, VuiContextProvider, type VuiIcon, type VuiIcons, VuiProvider, type VuiTheme, type VuiThemeDefaults, type VuiThemeExtensions, type WhiteSpaceProps, type WidthProps, WordBreakProps, type ZIndex, type ZIndexGetter, type ZIndexProps, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, _default$3 as animations, assignRef, icons_d_exports as baseIcons, _default$4 as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, _default$5 as colors, compareBy, _default$6 as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, _default$7 as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, _default$8 as fontFaces, _default$9 as fontSizes, _default$10 as fontWeights, _default$11 as fonts, formatDate, formatIsoDate, _default$12 as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, _default$13 as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, _default$14 as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, _default$15 as screens, _default$16 as shadows, _default$17 as sizes, slowToastDuration, _default$18 as spaces, spin, styled, system, th, toasterWidth, toggleItem, _default$19 as transforms, _default$20 as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useColumnBorder, useColumnTruncate, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, _default$21 as zIndices };

package/dist/index.js

@@ -224,14 +224,16 @@ import { SwitchProvider, useSwitchContext } from "./switch/context.js";
 import { SwitchButton, SwitchButtonBase } from "./switch/switchButton.js";
 import { SwitchLabel } from "./switch/switchLabel.js";
 import { Switch, SwitchBase } from "./switch/switchMain.js";
-import { TableProvider, useColumnBorder, useTableContext } from "./table/context.js";
+import { TableProvider, useColumnBorder, useColumnTruncate, useTableContext } from "./table/context.js";
 import { Td, TdBase } from "./table/td.js";
 import { ActionsCell } from "./table/actionsCell.js";
+import { CheckboxCell } from "./table/checkboxCell.js";
 import { DragCell } from "./table/dragCell.js";
 import { TableSortIcon } from "./table/tableSortIcon.js";
 import { Th, ThBase } from "./table/th.js";
 import { ExpandAllCell } from "./table/expandAllCell.js";
 import { ExpandableCell } from "./table/expandableCell.js";
+import { SelectAllCell } from "./table/selectAllCell.js";
 import { TableContainer, TableContainerBase } from "./table/tableContainer.js";
 import { Tr, TrBase } from "./table/tr.js";
 import { TbodyEmpty } from "./table/tbodyEmpty.js";
@@ -252,5 +254,5 @@ import { TutorialStep } from "./tutorial/tutorialStep.js";
 import { TutorialCard } from "./tutorial/tutorialCard.js";
 import { Tutorial } from "./tutorial/tutorial.js";
 
-export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, ActionsCell, 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, DatePickerTriggerButton, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, DismissButton, Display, DisplayBase, Divider, DividerBase, DragAndDrop, DragCell, Drawer, ExpandAllCell, ExpandableCell, 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, 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, TableContainer, TableContainerBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagToggle, Tbody, TbodyBase, TbodyEmpty, Td, TdBase, TextButton, TextField, TextFieldAutoComplete, TextFieldControlBase, TextFieldHelpText, TextFieldIcon, TextFieldInputBase, TextFieldTextareaBase, Textarea, Tfoot, TfootBase, Th, ThBase, Thead, ToastItem, Toaster_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toasterWidth, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useColumnBorder, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
+export { Accordion, AccordionBase, AccordionItem, AccordionItemHorizontal, ActionsCell, 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, CheckboxCell, CheckboxGroup, CheckboxGroupBase, CheckboxGroupProvider, CloseButton, CopyToClipboard, DangerButton, DatePicker, DatePickerTriggerButton, Definition, DefinitionHorizontalBase, DefinitionVerticalBase, Dialog, DialogBase, DialogBody, DialogCancelButton, DialogCloseButton, DialogFooter, DialogHeader, DialogIcon, DialogProvider, DialogSubmitButton, DialogTitle, DismissButton, Display, DisplayBase, Divider, DividerBase, DragAndDrop, DragCell, Drawer, ExpandAllCell, ExpandableCell, 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, 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, SelectAllCell, 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, TableContainer, TableContainerBase, TableProvider, TableSortIcon, Tabs, TabsBase, Tag, TagToggle, Tbody, TbodyBase, TbodyEmpty, Td, TdBase, TextButton, TextField, TextFieldAutoComplete, TextFieldControlBase, TextFieldHelpText, TextFieldIcon, TextFieldInputBase, TextFieldTextareaBase, Textarea, Tfoot, TfootBase, Th, ThBase, Thead, ToastItem, Toaster_default as Toaster, Tooltip, Tr, TrBase, Tree, TreeBase, TreeIcon, TreeItem, TreeItemBase, TreeProvider, TreeText, Tutorial, TutorialCard, TutorialStep, VuiContextProvider, VuiProvider, __DEV__, activeClassName, activeItemShade, addBodyClass, addElement, animations_default as animations, assignRef, icons_exports as baseIcons, borders_default as borders, bounce, callAll, cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls, colors_default as colors, compareBy, components_default as components, containerId, createContext, createGlobalStyle, cs, css, dateFormats, defaultDuration, defaultIcons, defaultTheme, dialogStatusMapping, dimmedBorderColor, durations_default as durations, ellipsisOverflow, extendTheme, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, fastToastDuration, filterUndefined, fontFaces_default as fontFaces, fontSizes_default as fontSizes, fontWeights_default as fontWeights, fonts_default as fonts, formatDate, formatIsoDate, foundations_default as foundations, generateDateByUTCValue, generateMenuItemId, getCurrentYear, getDateUTCValue, getLoggedInLink, getOptionText, getPaginationItems, hexToRGBA, cache as iconsCache, isActivePath, isArray, isFunction, isJsx, isNumber, isObject, isReactText, isString, isTruncated, isValidDate, manager, maxDateTimestamp, maxLines, mediaBetween, mediaDown, mediaUp, merge, mergeRefs, minDateTimestamp, modalAnimation, modalClass, modalJustifyContent, months, monthsShort, noScrollClass, noop, normalizeToId, objectFilter, omitThemingProps, parseHSL, parseIsoDate, pulse, radii_default as radii, random, removeBodyClass, removeElement, resolveTagVariantKey, resolveVariantKey, ringWidths_default as ringWidths, runIfFn, sameDate, sameYear, sameYearSameMonth, screens_default as screens, shadows_default as shadows, sizes_default as sizes, slowToastDuration, spaces_default as spaces, spin, styled, system, th, toasterWidth, toggleItem, transforms_default as transforms, transitions_default as transitions, uid, useBetween, useBodyScrollLock, useButtonContext, useButtonGroupContext, useCallbackRef, useCheckboxGroupContext, useClickOutside, useColumnBorder, useColumnTruncate, useControlled, useCopyToClipboard, useDialog, useDialogContext, useDown, useFooterLinks, useHeaderContext, useHeaderLinks, useIds, useIsMounted, useLinks, useListContext, useLoadLinks, useMenuContext, useModalContext, useModalManager, useNotificationContext, useOfflineMode, usePagination, usePaginationContext, usePopover, usePopoverContext, useRadioGroupContext, useSidemenuContext, useStyleConfig, useSwitchContext, useTableContext, useTh, useTheme, useToast, useTreeContext, useUp, useViewportWidth, useVuiContext, utcDateToLocale, v, validateDateFormat, viewYears, vui, vuiActionAI, vuiActionBlue, vuiActionBrand, vuiActionContrast, vuiActionDanger, vuiActionEucalyptus, vuiActionGeneric, vuiActionGrey, vuiActionLavender, vuiActionSuccess, vuiActionTerracotta, vuiActionTokens, vuiActionYellow, vuiColorBase, vuiColorCyan, vuiColorDarkBlue, vuiColorDigiGreen, vuiColorEarth, vuiColorEnergyRed, vuiColorEucalyptus, vuiColorLandGreen, vuiColorLavender, vuiColorOpacityDark, vuiColorOpacityLight, vuiColorPine, vuiColorPrimitives, vuiColorSandstone, vuiColorSeaBlue, vuiColorSemantics, vuiColorSkyBlue, vuiColorSunflower, vuiColorTerracotta, vuiColorToRGBA, vuiColorWarmGrey, vuiControlTokens, vuiDataTokens, vuiFeedbackTokens, vuiGradientTokens, vuiNavigationBackground, vuiNavigationBorder, vuiNavigationForeground, vuiNavigationTokens, vuiNextAllTokens, vuiSemanticBackground, vuiSemanticForeground, vuiTypographyTokens, vuiUtilityBorder, vuiUtilityLoading, vuiUtilityMisc, vuiUtilityTokens, weekDays, wordBreak, zIndices_default as zIndices };
 globalThis.__vuiVersion__ = "5.4.0"

package/dist/sidemenuV2/sidemenuItemV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"mappings":";;;;;cAqFa,gBAoOP,oBAAoB"}
+{"version":3,"file":"sidemenuItemV2.d.ts","names":[],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"mappings":";;;;;cAqFa,gBAsOP,oBAAoB"}

package/dist/sidemenuV2/sidemenuItemV2.js

@@ -124,7 +124,8 @@ const SidemenuItemV2 = vui((props, ref) => {
 		size: computedStates.buttonSize,
 		h: computedStates.buttonSize === "lg" ? 40 : 36,
 		iconSize: computedStates.iconSize,
-		variant: "tertiaryBrand",
+		variant: "tertiary",
+		intent: "brand",
 		onClick: handleClick,
 		disabled: computedStates.isDisabled,
 		role: "button",
@@ -145,7 +146,8 @@ const SidemenuItemV2 = vui((props, ref) => {
 		return {
 			"aria-label": isExpanded ? "Collapse" : "Expand",
 			className: "vui-sidemenu-item-expand",
-			variant: "tertiaryBrand",
+			variant: "tertiary",
+			intent: "brand",
 			icon: isExpanded ? "falChevronUp" : "falChevronDown",
 			size: "sm",
 			pl: "4px",

package/dist/sidemenuV2/sidemenuItemV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItemV2.js","names":["colors"],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\n\nimport { useEffect, useMemo, useCallback } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SidemenuItemV2Props } from './sidemenuV2.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { omitThemingProps, styled, th, vui } from '../core'\nimport Popover from '../popover'\nimport { colors } from '../theme'\nimport Tooltip from '../tooltip'\nimport { cs, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport SidemenuItemContent from './SidemenuItemContent'\nimport useSidemenuItem from './useSidemenuItem'\n\nexport const PopoverHovered = styled.div<{ hoverColor: string }>`\n  &:hover .vui-sidemenu-item-popover .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n  &:hover div:last-child .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n`\n\n// SidemenuPopover component extracted from inline Popover logic\nconst SidemenuPopover = ({\n  isDark,\n  className,\n  buttonStyles,\n  isExactlyActive,\n  icon,\n  title,\n  isMenuExpanded,\n  children,\n}: {\n  isDark: boolean\n  className?: string\n  buttonStyles: any\n  isExactlyActive: boolean\n  icon?: any\n  title: string\n  isMenuExpanded: boolean\n  children: React.ReactNode\n}) => (\n  <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n    {({ isOpen }: { isOpen: boolean }) => (\n      <PopoverHovered hoverColor={isDark ? colors.seaBlue.main : colors.skyBlue.selected}>\n        <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n          <Button\n            {...buttonStyles}\n            borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}\n            isActive={isExactlyActive}\n            className={cs('focusAsBorder')}\n          >\n            <SidemenuItemContent\n              icon={icon}\n              iconSize={buttonStyles.iconSize}\n              title={title}\n              isMenuExpanded={isMenuExpanded}\n            />\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content elevation=\"none\" className={cs('vui-sidemenu-item-content', className)}>\n          <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n            <Button\n              {...buttonStyles}\n              borderLeftColor={'transparent!important'}\n              minW={'240px'}\n              isActive={isOpen && isExactlyActive}\n              className={cs('focusAsBorder')}\n            >\n              <SidemenuItemContent title={title} isInPopover={true} />\n            </Button>\n            {children}\n          </Box>\n        </Popover.Content>\n      </PopoverHovered>\n    )}\n  </Popover>\n)\n\n/** A menu item. */\nexport const SidemenuItemV2 = vui<'button', SidemenuItemV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled = false,\n    icon,\n    isActive = false,\n    isExpanded = true,\n    itemId,\n    level = 0,\n    onBottom = false,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  // Use consistent itemId generation - prioritize provided itemId, then use utility function\n  const computedItemId = itemId || generateMenuItemId(title, level) || `item-${Math.random().toString(36).substr(2, 9)}`\n\n  const { isDark, isMenuExpanded, styles, size, isSubmenuOpen, toggleSubmenu } = useSidemenuItem(computedItemId)\n\n  // Use the isActive prop directly - parent should handle exact path matching\n  const isExactlyActive = isActive\n\n  useEffect(() => {\n    // Only call onExpand/onCollapse if the main menu is expanded\n    // This prevents child items from expanding the main menu when it's collapsed\n    if (isMenuExpanded) {\n      if (isSubmenuOpen) onExpand?.()\n      if (!isSubmenuOpen) onCollapse?.()\n    }\n  }, [isSubmenuOpen, onExpand, onCollapse, isMenuExpanded])\n\n  // Memoized computed values for better performance\n  const computedStates = useMemo(() => {\n    const hasChildren = !!children\n    const isSubmenuCollapsed = hasChildren && !isSubmenuOpen\n    // Only allow submenu expansion when main menu is expanded\n    const isSubmenuExpanded = hasChildren && isSubmenuOpen && isMenuExpanded\n    const shouldShowExpandButton = hasChildren && isMenuExpanded\n    const buttonSize = level < 1 ? ('lg' as const) : ('md' as const)\n    const iconSize = level < 1 ? ('sm' as const) : ('xs' as const)\n\n    const states = {\n      hasChildren,\n      hasChildrenCollapsed: isSubmenuCollapsed,\n      hasChildrenExpanded: isSubmenuExpanded,\n      shouldShowExpandButton,\n      buttonSize,\n      iconSize,\n      isDisabled: disabled,\n      shouldShowBorder: !hasChildren || isSubmenuOpen,\n    }\n\n    return states\n  }, [children, isSubmenuOpen, isMenuExpanded, disabled, size, level])\n\n  // Memoized theme values to prevent recalculation\n  const themeValues = useMemo(\n    () => ({\n      activeColor: isDark ? 'digiGreen.main' : 'seaBlue.main',\n    }),\n    [isDark],\n  )\n\n  // Optimized stable callback\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      if (!computedStates.isDisabled) {\n        const targetTag = event.target as HTMLElement\n        if (\n          (targetTag.classList.contains('vui-tagText') || targetTag.classList.contains('vui-tag')) &&\n          typeof window !== 'undefined' &&\n          (targetTag.parentElement?.dataset.link || targetTag?.dataset.link)\n        ) {\n          const url = atob(targetTag.parentElement?.dataset.link ?? targetTag?.dataset.link ?? '')\n          window.open(url, '_blank', 'noopener,noreferrer')\n        } else {\n          event?.stopPropagation?.()\n          onClick?.()\n        }\n      }\n      toggleSubmenu?.()\n    },\n    [onClick, computedStates.isDisabled],\n  )\n\n  // Memoized button styles - Major performance improvement\n  const buttonStyles = useMemo(\n    () => ({\n      // Get base item styles from theme\n      ...(styles && 'item' in styles && styles.item ? styles.item : {}),\n\n      // Apply button theme styles from SideMenuV2 theme (replaces removed menuLight/menuDark variants)\n      ...(styles && 'button' in styles && styles.button ? styles.button : {}),\n\n      // Dynamic border color based on active state\n      borderLeftColor: isExactlyActive ? themeValues.activeColor : 'transparent',\n\n      // Animation properties (enhanced from theme)\n      transitionProperty: 'background-color, border-color, color, transform, opacity',\n\n      // Button specific properties\n      size: computedStates.buttonSize,\n      h: computedStates.buttonSize === 'lg' ? 40 : 36,\n      iconSize: computedStates.iconSize,\n      variant: 'tertiaryBrand', // Use base variant, theme overrides applied above\n\n      // Event handlers\n      onClick: handleClick,\n      disabled: computedStates.isDisabled,\n\n      // Accessibility\n      role: 'button',\n      tabIndex: computedStates.isDisabled ? -1 : 0,\n      'aria-disabled': computedStates.isDisabled,\n      'aria-pressed': isExactlyActive,\n\n      // Merge custom props\n      ...rest,\n    }),\n    [\n      // Dependencies grouped logically - simplified since computedStates contains most values\n      styles,\n      computedStates,\n      isExactlyActive,\n      themeValues,\n      handleClick,\n      rest,\n    ],\n  )\n\n  // Memoized expand/collapse button properties\n  const expandButtonProps = useMemo(() => {\n    const isExpanded = isSubmenuOpen\n    const chevronIcon = isExpanded ? 'falChevronUp' : 'falChevronDown'\n    const ariaLabel = isExpanded ? 'Collapse' : 'Expand'\n\n    return {\n      'aria-label': ariaLabel,\n      className: 'vui-sidemenu-item-expand',\n      variant: 'tertiaryBrand', // Use base variant, styling from parent\n      icon: chevronIcon,\n      size: 'sm' as const,\n      pl: '4px',\n      pr: '16px',\n      ml: 'auto',\n      h: '100%',\n      border: 'none',\n      bg: 'transparent',\n      hoverBg: 'transparent',\n      activeBg: 'transparent',\n    }\n  }, [isSubmenuOpen])\n\n  // Helper: Render collapsed popover\n  const renderPopover = () => (\n    <SidemenuPopover\n      isDark={isDark}\n      className={className}\n      buttonStyles={buttonStyles}\n      isExactlyActive={isExactlyActive}\n      icon={icon}\n      title={title}\n      isMenuExpanded={isMenuExpanded}\n    >\n      {children ? children : undefined}\n    </SidemenuPopover>\n  )\n\n  // Helper: Render expanded button\n  const renderButton = () => {\n    if (level === 0 && !isMenuExpanded) {\n      return (\n        <Tooltip text={title} placement=\"right\" offset={[0, -200]}>\n          <Button\n            className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n            {...buttonStyles}\n            isActive={isExactlyActive}\n          >\n            <SidemenuItemContent icon={icon} iconSize={buttonStyles.iconSize} />\n            {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n          </Button>\n        </Tooltip>\n      )\n    }\n\n    return (\n      <Button\n        className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n        {...buttonStyles}\n        isActive={isExactlyActive}\n        title={!isMenuExpanded ? title : undefined}\n      >\n        <SidemenuItemContent\n          icon={icon}\n          iconSize={buttonStyles.iconSize}\n          title={title}\n          isMenuExpanded={isMenuExpanded}\n          badge={props.badge}\n          badgeLinkUrl={props.badgeLinkUrl}\n        />\n        {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n        {/* Expand/Collapse button */}\n      </Button>\n    )\n    // No leftover return, handled above\n  }\n\n  // Helper: Render expanded children\n  const renderChildren = () => (\n    <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n      {children}\n    </Box>\n  )\n\n  const shouldShowPopover = Boolean(!isMenuExpanded && level === 0 && !!children)\n  const shouldShowChildren = computedStates.hasChildrenExpanded\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\" mt={onBottom ? 'auto' : 0} id={computedItemId}>\n      {shouldShowPopover && renderPopover()}\n      {!shouldShowPopover && renderButton()}\n      {shouldShowChildren && renderChildren()}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemV2Props>\n\nSidemenuItemV2.displayName = 'SidemenuItemV2'\n\nexport default SidemenuItemV2\n"],"mappings":"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"}
+{"version":3,"file":"sidemenuItemV2.js","names":["colors"],"sources":["../../src/sidemenuV2/sidemenuItemV2.tsx"],"sourcesContent":["import type { MouseEvent } from 'react'\n\nimport { useEffect, useMemo, useCallback } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SidemenuItemV2Props } from './sidemenuV2.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { omitThemingProps, styled, th, vui } from '../core'\nimport Popover from '../popover'\nimport { colors } from '../theme'\nimport Tooltip from '../tooltip'\nimport { cs, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport SidemenuItemContent from './SidemenuItemContent'\nimport useSidemenuItem from './useSidemenuItem'\n\nexport const PopoverHovered = styled.div<{ hoverColor: string }>`\n  &:hover .vui-sidemenu-item-popover .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n  &:hover div:last-child .vui-sidemenu-item-content > .vui-box > .vui-button.vui-button {\n    background: ${p => th.color(p.hoverColor)};\n  }\n`\n\n// SidemenuPopover component extracted from inline Popover logic\nconst SidemenuPopover = ({\n  isDark,\n  className,\n  buttonStyles,\n  isExactlyActive,\n  icon,\n  title,\n  isMenuExpanded,\n  children,\n}: {\n  isDark: boolean\n  className?: string\n  buttonStyles: any\n  isExactlyActive: boolean\n  icon?: any\n  title: string\n  isMenuExpanded: boolean\n  children: React.ReactNode\n}) => (\n  <Popover offset={[0, collapsedWidth - expandedWidth - 2]} placement=\"right-start\" trigger=\"mouseenter\">\n    {({ isOpen }: { isOpen: boolean }) => (\n      <PopoverHovered hoverColor={isDark ? colors.seaBlue.main : colors.skyBlue.selected}>\n        <Popover.Trigger as={Box} className={cs('vui-sidemenu-item-popover', className)}>\n          <Button\n            {...buttonStyles}\n            borderLeft={`3px solid ${isDark ? 'digiGreen.main' : 'seaBlue.main'}`}\n            isActive={isExactlyActive}\n            className={cs('focusAsBorder')}\n          >\n            <SidemenuItemContent\n              icon={icon}\n              iconSize={buttonStyles.iconSize}\n              title={title}\n              isMenuExpanded={isMenuExpanded}\n            />\n          </Button>\n        </Popover.Trigger>\n        <Popover.Content elevation=\"none\" className={cs('vui-sidemenu-item-content', className)}>\n          <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n            <Button\n              {...buttonStyles}\n              borderLeftColor={'transparent!important'}\n              minW={'240px'}\n              isActive={isOpen && isExactlyActive}\n              className={cs('focusAsBorder')}\n            >\n              <SidemenuItemContent title={title} isInPopover={true} />\n            </Button>\n            {children}\n          </Box>\n        </Popover.Content>\n      </PopoverHovered>\n    )}\n  </Popover>\n)\n\n/** A menu item. */\nexport const SidemenuItemV2 = vui<'button', SidemenuItemV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled = false,\n    icon,\n    isActive = false,\n    isExpanded = true,\n    itemId,\n    level = 0,\n    onBottom = false,\n    onClick,\n    onCollapse,\n    onExpand,\n    title,\n    ...rest\n  } = omitThemingProps(props)\n\n  // Use consistent itemId generation - prioritize provided itemId, then use utility function\n  const computedItemId = itemId || generateMenuItemId(title, level) || `item-${Math.random().toString(36).substr(2, 9)}`\n\n  const { isDark, isMenuExpanded, styles, size, isSubmenuOpen, toggleSubmenu } = useSidemenuItem(computedItemId)\n\n  // Use the isActive prop directly - parent should handle exact path matching\n  const isExactlyActive = isActive\n\n  useEffect(() => {\n    // Only call onExpand/onCollapse if the main menu is expanded\n    // This prevents child items from expanding the main menu when it's collapsed\n    if (isMenuExpanded) {\n      if (isSubmenuOpen) onExpand?.()\n      if (!isSubmenuOpen) onCollapse?.()\n    }\n  }, [isSubmenuOpen, onExpand, onCollapse, isMenuExpanded])\n\n  // Memoized computed values for better performance\n  const computedStates = useMemo(() => {\n    const hasChildren = !!children\n    const isSubmenuCollapsed = hasChildren && !isSubmenuOpen\n    // Only allow submenu expansion when main menu is expanded\n    const isSubmenuExpanded = hasChildren && isSubmenuOpen && isMenuExpanded\n    const shouldShowExpandButton = hasChildren && isMenuExpanded\n    const buttonSize = level < 1 ? ('lg' as const) : ('md' as const)\n    const iconSize = level < 1 ? ('sm' as const) : ('xs' as const)\n\n    const states = {\n      hasChildren,\n      hasChildrenCollapsed: isSubmenuCollapsed,\n      hasChildrenExpanded: isSubmenuExpanded,\n      shouldShowExpandButton,\n      buttonSize,\n      iconSize,\n      isDisabled: disabled,\n      shouldShowBorder: !hasChildren || isSubmenuOpen,\n    }\n\n    return states\n  }, [children, isSubmenuOpen, isMenuExpanded, disabled, size, level])\n\n  // Memoized theme values to prevent recalculation\n  const themeValues = useMemo(\n    () => ({\n      activeColor: isDark ? 'digiGreen.main' : 'seaBlue.main',\n    }),\n    [isDark],\n  )\n\n  // Optimized stable callback\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      if (!computedStates.isDisabled) {\n        const targetTag = event.target as HTMLElement\n        if (\n          (targetTag.classList.contains('vui-tagText') || targetTag.classList.contains('vui-tag')) &&\n          typeof window !== 'undefined' &&\n          (targetTag.parentElement?.dataset.link || targetTag?.dataset.link)\n        ) {\n          const url = atob(targetTag.parentElement?.dataset.link ?? targetTag?.dataset.link ?? '')\n          window.open(url, '_blank', 'noopener,noreferrer')\n        } else {\n          event?.stopPropagation?.()\n          onClick?.()\n        }\n      }\n      toggleSubmenu?.()\n    },\n    [onClick, computedStates.isDisabled],\n  )\n\n  // Memoized button styles - Major performance improvement\n  const buttonStyles = useMemo(\n    () => ({\n      // Get base item styles from theme\n      ...(styles && 'item' in styles && styles.item ? styles.item : {}),\n\n      // Apply button theme styles from SideMenuV2 theme (replaces removed menuLight/menuDark variants)\n      ...(styles && 'button' in styles && styles.button ? styles.button : {}),\n\n      // Dynamic border color based on active state\n      borderLeftColor: isExactlyActive ? themeValues.activeColor : 'transparent',\n\n      // Animation properties (enhanced from theme)\n      transitionProperty: 'background-color, border-color, color, transform, opacity',\n\n      // Button specific properties\n      size: computedStates.buttonSize,\n      h: computedStates.buttonSize === 'lg' ? 40 : 36,\n      iconSize: computedStates.iconSize,\n      variant: 'tertiary', // Use base variant, theme overrides applied above\n      intent: 'brand',\n\n      // Event handlers\n      onClick: handleClick,\n      disabled: computedStates.isDisabled,\n\n      // Accessibility\n      role: 'button',\n      tabIndex: computedStates.isDisabled ? -1 : 0,\n      'aria-disabled': computedStates.isDisabled,\n      'aria-pressed': isExactlyActive,\n\n      // Merge custom props\n      ...rest,\n    }),\n    [\n      // Dependencies grouped logically - simplified since computedStates contains most values\n      styles,\n      computedStates,\n      isExactlyActive,\n      themeValues,\n      handleClick,\n      rest,\n    ],\n  )\n\n  // Memoized expand/collapse button properties\n  const expandButtonProps = useMemo(() => {\n    const isExpanded = isSubmenuOpen\n    const chevronIcon = isExpanded ? 'falChevronUp' : 'falChevronDown'\n    const ariaLabel = isExpanded ? 'Collapse' : 'Expand'\n\n    return {\n      'aria-label': ariaLabel,\n      className: 'vui-sidemenu-item-expand',\n      variant: 'tertiary', // Use base variant, styling from parent\n      intent: 'brand',\n      icon: chevronIcon,\n      size: 'sm' as const,\n      pl: '4px',\n      pr: '16px',\n      ml: 'auto',\n      h: '100%',\n      border: 'none',\n      bg: 'transparent',\n      hoverBg: 'transparent',\n      activeBg: 'transparent',\n    }\n  }, [isSubmenuOpen])\n\n  // Helper: Render collapsed popover\n  const renderPopover = () => (\n    <SidemenuPopover\n      isDark={isDark}\n      className={className}\n      buttonStyles={buttonStyles}\n      isExactlyActive={isExactlyActive}\n      icon={icon}\n      title={title}\n      isMenuExpanded={isMenuExpanded}\n    >\n      {children ? children : undefined}\n    </SidemenuPopover>\n  )\n\n  // Helper: Render expanded button\n  const renderButton = () => {\n    if (level === 0 && !isMenuExpanded) {\n      return (\n        <Tooltip text={title} placement=\"right\" offset={[0, -200]}>\n          <Button\n            className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n            {...buttonStyles}\n            isActive={isExactlyActive}\n          >\n            <SidemenuItemContent icon={icon} iconSize={buttonStyles.iconSize} />\n            {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n          </Button>\n        </Tooltip>\n      )\n    }\n\n    return (\n      <Button\n        className={cs('vui-sidemenu-item focusAsBorder', isExactlyActive && 'vui-sidemenu-item--active', className)}\n        {...buttonStyles}\n        isActive={isExactlyActive}\n        title={!isMenuExpanded ? title : undefined}\n      >\n        <SidemenuItemContent\n          icon={icon}\n          iconSize={buttonStyles.iconSize}\n          title={title}\n          isMenuExpanded={isMenuExpanded}\n          badge={props.badge}\n          badgeLinkUrl={props.badgeLinkUrl}\n        />\n        {isMenuExpanded && computedStates.shouldShowExpandButton && <Button {...expandButtonProps} />}{' '}\n        {/* Expand/Collapse button */}\n      </Button>\n    )\n    // No leftover return, handled above\n  }\n\n  // Helper: Render expanded children\n  const renderChildren = () => (\n    <Box flexDirection=\"column\" justifyContent=\"start\" w=\"100%\">\n      {children}\n    </Box>\n  )\n\n  const shouldShowPopover = Boolean(!isMenuExpanded && level === 0 && !!children)\n  const shouldShowChildren = computedStates.hasChildrenExpanded\n\n  return (\n    <Box flexDirection=\"column\" ref={ref} w=\"100%\" mt={onBottom ? 'auto' : 0} id={computedItemId}>\n      {shouldShowPopover && renderPopover()}\n      {!shouldShowPopover && renderButton()}\n      {shouldShowChildren && renderChildren()}\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuItemV2Props>\n\nSidemenuItemV2.displayName = 'SidemenuItemV2'\n\nexport default SidemenuItemV2\n"],"mappings":"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"}

package/dist/sidemenuV2/sidemenuV2.js

@@ -75,7 +75,8 @@ const SidemenuInner = vui((props, ref) => {
 			menuWidth: conditions.isMenuExpanded ? width : 52,
 			toggleArrowDirection: conditions.isMenuExpanded ? "Left" : "Right",
 			toggleButtonJustification: conditions.isMenuExpanded ? "flex-end" : "center",
-			toggleButtonVariant: styles.toggleButton?.variant || (conditions.isDark ? "tertiaryLight" : "tertiaryDark"),
+			toggleButtonVariant: styles.toggleButton?.variant || "tertiary",
+			toggleButtonIntent: styles.toggleButton?.intent || (conditions.isDark ? "contrast" : "brand"),
 			toggleAriaLabel: conditions.isMenuExpanded ? "Collapse menu" : "Expand menu",
 			toggleButtonPadding: toggleConfig.basePadding,
 			toggleButtonVerticalPadding: conditions.isMenuExpanded ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier : toggleConfig.basePadding,
@@ -181,6 +182,7 @@ const SidemenuInner = vui((props, ref) => {
 		py: `${computedValues.toggleButtonVerticalPadding}px`,
 		size: "lg",
 		variant: computedValues.toggleButtonVariant,
+		...computedValues.toggleButtonVariant === "tertiary" ? { intent: computedValues.toggleButtonIntent } : {},
 		w: computedValues.toggleButtonWidth,
 		flexShrink: 0,
 		transition: styles.toggleButton?.transition || "padding 0.2s ease-in-out, width 0.2s ease-in-out"
@@ -188,7 +190,7 @@ const SidemenuInner = vui((props, ref) => {
 		computedValues.toggleAriaLabel,
 		computedValues.toggleButtonJustification,
 		computedValues.toggleButtonVariant,
-		computedValues.toggleButtonPadding,
+		computedValues.toggleButtonIntent,
 		computedValues.toggleButtonVerticalPadding,
 		computedValues.toggleButtonHeight,
 		computedValues.toggleButtonWidth,

package/dist/sidemenuV2/sidemenuV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuV2.js","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SidemenuItemV2Props, SidemenuV2Props } from './sidemenuV2.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, isActivePath, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuStateProvider, useSidemenuContext } from './context'\nimport SidemenuItemV2 from './sidemenuItemV2'\nimport SidemenuTopV2 from './sidemenuTopV2'\n\n// Re-export context provider and hook\nexport { SidemenuStateProvider, useSidemenuContext }\n\n/** A collapsible side menu for navigation. */\nexport const SidemenuV2 = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    isExpandedInitial = true, // Uncontrolled: only affects initial state\n    onExpandedChange, // Extract this to prevent it from being passed to DOM\n    size,\n    variant = 'light',\n    children,\n    className,\n    items,\n    shouldExpand,\n    isSticky,\n    width,\n    top,\n    onNavigate,\n    ...restProps // Only DOM-safe props remain\n  } = props\n\n  return (\n    <SidemenuStateProvider\n      isExpandedInitial={isExpandedInitial}\n      onExpandedChange={onExpandedChange}\n      variant={variant}\n      size={size}\n      isDark={variant === 'dark'}\n    >\n      <SidemenuInner\n        ref={ref}\n        // Only pass DOM-safe props, not onExpandedChange\n        className={className}\n        items={items}\n        shouldExpand={shouldExpand}\n        isSticky={isSticky}\n        size={size}\n        variant={variant}\n        width={width}\n        top={top}\n        onNavigate={onNavigate}\n        {...restProps} // Remaining DOM-safe props\n      >\n        {children}\n      </SidemenuInner>\n    </SidemenuStateProvider>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Item: typeof SidemenuItemV2\n  Top: typeof SidemenuTopV2\n}\n\n// Inner component that uses context\nconst SidemenuInner = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    shouldExpand, // Callback: fine-grained control over expansion\n    isSticky = false,\n    size,\n    variant = 'light',\n    width = expandedWidth,\n    top,\n    onNavigate,\n    ...rest\n  } = props\n\n  // Get state from context\n  const context = useSidemenuContext()\n  const { isMenuExpanded = false, setIsExpanded } = context || {}\n\n  // Get styles configuration early\n  const styles = useStyleConfig('SidemenuV2', props)\n\n  // Memoized boolean conditions\n  const conditions = useMemo(\n    () => ({\n      isDark: variant === 'dark',\n      hasItems: !!items,\n      shouldShowItems: !!items && items.length > 0,\n      isMenuSticky: isSticky,\n      isMenuExpanded: isMenuExpanded,\n    }),\n    [variant, items, isSticky, isMenuExpanded],\n  )\n\n  // Memoized computed values for styling and behavior\n  const computedValues = useMemo(() => {\n    // Get toggle button config from theme\n    const toggleButtonTheme = styles.toggleButton || {}\n    const currentSize = size || 'md' // Ensure we have a valid size\n    const sizeStyles = (styles as any).sizes?.[currentSize] || {}\n    const toggleButtonSizeTheme = sizeStyles.toggleButton || {}\n\n    // Merge base theme with size-specific overrides\n    const toggleConfig = {\n      baseHeight: toggleButtonSizeTheme.baseHeight || toggleButtonTheme.baseHeight || 52,\n      basePadding: toggleButtonSizeTheme.basePadding || toggleButtonTheme.basePadding || 2,\n      expandedPaddingMultiplier: toggleButtonTheme.expandedPaddingMultiplier || 5,\n      expandedWidth: toggleButtonTheme.expandedWidth || '52px',\n      collapsedWidth: toggleButtonTheme.collapsedWidth || '100%',\n    }\n\n    // Helper function for consistent top position formatting\n    const getMenuTopPosition = (isSticky: boolean, topValue?: any): string => {\n      if (!isSticky) return 'auto'\n\n      if (typeof topValue === 'string') return topValue\n      if (typeof topValue === 'number') return `${topValue}px`\n\n      return '0px' // fallback for undefined/null/complex types\n    }\n\n    return {\n      menuWidth: conditions.isMenuExpanded ? width : collapsedWidth,\n      toggleArrowDirection: conditions.isMenuExpanded ? 'Left' : 'Right',\n      toggleButtonJustification: conditions.isMenuExpanded ? 'flex-end' : 'center',\n      toggleButtonVariant: styles.toggleButton?.variant || (conditions.isDark ? 'tertiaryLight' : 'tertiaryDark'),\n      toggleAriaLabel: conditions.isMenuExpanded ? 'Collapse menu' : 'Expand menu',\n      toggleButtonPadding: toggleConfig.basePadding,\n      toggleButtonVerticalPadding: conditions.isMenuExpanded\n        ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier\n        : toggleConfig.basePadding,\n      toggleButtonHeight: toggleConfig.baseHeight,\n      toggleButtonWidth: conditions.isMenuExpanded ? toggleConfig.expandedWidth : toggleConfig.collapsedWidth,\n      menuPosition: conditions.isMenuSticky ? 'sticky' : 'static',\n      menuTopPosition: getMenuTopPosition(conditions.isMenuSticky, top),\n    }\n  }, [conditions, width, top, styles, size])\n\n  // Memoized icon name\n  const toggleIcon = useMemo(\n    () => `falArrow${computedValues.toggleArrowDirection}` as const,\n    [computedValues.toggleArrowDirection],\n  )\n\n  // Stable callback for toggle (simplified)\n  const handleToggle = useCallback(() => {\n    const newExpandedState = !conditions.isMenuExpanded\n\n    // Check if expansion should be allowed via callback\n    if (shouldExpand && !shouldExpand('toggle', conditions.isMenuExpanded)) {\n      return // Block the toggle\n    }\n\n    // Update state via context\n    setIsExpanded?.(newExpandedState)\n  }, [conditions.isMenuExpanded, shouldExpand, setIsExpanded])\n\n  // Stable callback for item click - with expansion control\n  const handleItemClick = useCallback(\n    (item: SidemenuItemV2Props) => {\n      // Early return for clarity\n      if (shouldExpand && item?.path) {\n        const shouldExpandOnNav = shouldExpand('navigation', conditions.isMenuExpanded)\n        if (typeof shouldExpandOnNav === 'boolean' && shouldExpandOnNav !== conditions.isMenuExpanded) {\n          setIsExpanded?.(shouldExpandOnNav)\n        }\n      }\n      // Call item click handler\n      item?.onClick?.()\n      // Navigate if path exists\n      if (item?.path) onNavigate?.(item.path)\n    },\n    [onNavigate, shouldExpand, conditions.isMenuExpanded, setIsExpanded],\n  )\n\n  // Create stable item click handlers\n  const itemClickHandlers = useMemo(() => {\n    return (items ?? []).reduce<Record<string, () => void>>((handlers, item, index) => {\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n      handlers[itemId] = () => handleItemClick(item)\n      return handlers\n    }, {})\n  }, [items, handleItemClick])\n\n  // Memoized items rendering\n  const renderedItems = useMemo(() => {\n    if (!conditions.shouldShowItems) return children\n\n    return items?.map?.((item: SidemenuItemV2Props, index: number) => {\n      // Use consistent itemId generation that matches the component's logic\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n\n      // Use explicit isActive prop if provided, otherwise calculate from path\n      const calculatedIsActive = item.isActive !== undefined ? item.isActive : isActivePath(item?.path || '')\n\n      return (\n        <SidemenuItemV2\n          isActive={calculatedIsActive}\n          onBottom={item.onBottom}\n          key={itemId}\n          itemId={itemId}\n          level={item.level || 0}\n          {...item}\n          onClick={itemClickHandlers[itemId]}\n        />\n      )\n    })\n  }, [conditions.shouldShowItems, conditions.isMenuExpanded, items, children, itemClickHandlers])\n\n  // Memoized CSS class names\n  const cssClasses = useMemo(\n    () =>\n      cs(\n        'vui-sidemenu',\n        `vui-sidemenu--${variant}`,\n        conditions.isMenuExpanded && 'vui-sidemenu--expanded',\n        !conditions.isMenuExpanded && 'vui-sidemenu--collapsed',\n        conditions.isDark && 'vui-sidemenu--dark',\n        conditions.isMenuSticky && 'vui-sidemenu--sticky',\n        className,\n      ),\n    [variant, conditions, className],\n  )\n\n  // Memoized container props\n  const containerProps = useMemo(\n    () => ({\n      className: cssClasses,\n      flexDirection: 'column' as const,\n      overflowX: 'hidden' as const,\n      position: computedValues.menuPosition,\n      ref,\n      top: computedValues.menuTopPosition,\n      transitionDuration: 'normal' as const,\n      transitionProperty: 'width' as const,\n      w: computedValues.menuWidth,\n\n      ...styles.container,\n      ...rest,\n    }),\n    [\n      cssClasses,\n      computedValues.menuPosition,\n      computedValues.menuTopPosition,\n      computedValues.menuWidth,\n      ref,\n      styles.container,\n      rest,\n    ],\n  )\n\n  // Memoized toggle button props with complete dependencies\n  const toggleButtonProps = useMemo(\n    () => ({\n      'aria-expanded': conditions.isMenuExpanded,\n      'aria-label': computedValues.toggleAriaLabel,\n      border: 0,\n      borderRadius: 0,\n      justifyContent: computedValues.toggleButtonJustification,\n      minHeight: `${computedValues.toggleButtonHeight}px`,\n      minWidth: 0,\n      onClick: handleToggle,\n      px: computedValues.toggleButtonPadding,\n      py: `${computedValues.toggleButtonVerticalPadding}px`,\n      size: 'lg' as const,\n      variant: computedValues.toggleButtonVariant,\n      w: computedValues.toggleButtonWidth,\n      flexShrink: 0,\n      transition: styles.toggleButton?.transition || 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n    }),\n    [\n      computedValues.toggleAriaLabel,\n      computedValues.toggleButtonJustification,\n      computedValues.toggleButtonVariant,\n      computedValues.toggleButtonPadding,\n      computedValues.toggleButtonVerticalPadding,\n      computedValues.toggleButtonHeight,\n      computedValues.toggleButtonWidth,\n      conditions.isMenuExpanded,\n      handleToggle,\n      styles.toggleButton,\n    ],\n  )\n\n  return (\n    <Box elevation=\"1\" {...containerProps}>\n      <Box\n        className=\"vui-sidemenu-content\"\n        flexDirection=\"column\"\n        flexGrow={1}\n        justifyContent=\"flex-start\"\n        minW={expandedWidth}\n        overflowX=\"hidden\"\n        overflowY=\"auto\"\n        w=\"100%\"\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        {renderedItems}\n      </Box>\n\n      <Box\n        className=\"vui-sidemenu-bottom\"\n        justifyContent={conditions.isMenuExpanded ? 'flex-end' : 'flex-start'}\n        borderTop=\"1px solid sandstone.main\"\n      >\n        <Button key=\"sidemenu-toggle-button\" {...toggleButtonProps}>\n          <Icon name={toggleIcon} size=\"sm\" aria-hidden=\"true\" />\n        </Button>\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Top: typeof SidemenuTopV2\n  Item: typeof SidemenuItemV2\n}\n\nSidemenuV2.Item = SidemenuItemV2\nSidemenuV2.Top = SidemenuTopV2\nSidemenuV2.displayName = 'SidemenuV2'\n\nexport default SidemenuV2\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EACJ,oBAAoB,MACpB,kBACA,MACA,UAAU,SACV,UACA,WACA,OACA,cACA,UACA,OACA,KACA,YACA,GAAG,cACD;CAEJ,OACE,oBAAC,uBAAD;EACqB;EACD;EACT;EACH;EACN,QAAQ,YAAY;YAEpB,oBAAC,eAAD;GACO;GAEM;GACJ;GACO;GACJ;GACJ;GACG;GACF;GACF;GACO;GACZ,GAAI;GAEH;EACY;CACM;AAE3B,CAAC;AAMD,MAAM,gBAAgB,KAA6B,OAAO,QAAQ;CAChE,MAAM,EACJ,UACA,WACA,OACA,cACA,WAAW,OACX,MACA,UAAU,SACV,aACA,KACA,YACA,GAAG,SACD;CAIJ,MAAM,EAAE,iBAAiB,OAAO,kBADhB,mBACwC,KAAK,CAAC;CAG9D,MAAM,SAAS,eAAe,cAAc,KAAK;CAGjD,MAAM,aAAa,eACV;EACL,QAAQ,YAAY;EACpB,UAAU,CAAC,CAAC;EACZ,iBAAiB,CAAC,CAAC,SAAS,MAAM,SAAS;EAC3C,cAAc;EACE;CAClB,IACA;EAAC;EAAS;EAAO;EAAU;CAAc,CAC3C;CAGA,MAAM,iBAAiB,cAAc;EAEnC,MAAM,oBAAoB,OAAO,gBAAgB,CAAC;EAClD,MAAM,cAAc,QAAQ;EAE5B,MAAM,yBADc,OAAe,QAAQ,gBAAgB,CAAC,EACpB,CAAC,gBAAgB,CAAC;EAG1D,MAAM,eAAe;GACnB,YAAY,sBAAsB,cAAc,kBAAkB,cAAc;GAChF,aAAa,sBAAsB,eAAe,kBAAkB,eAAe;GACnF,2BAA2B,kBAAkB,6BAA6B;GAC1E,eAAe,kBAAkB,iBAAiB;GAClD,gBAAgB,kBAAkB,kBAAkB;EACtD;EAGA,MAAM,sBAAsB,UAAmB,aAA2B;GACxE,IAAI,CAAC,UAAU,OAAO;GAEtB,IAAI,OAAO,aAAa,UAAU,OAAO;GACzC,IAAI,OAAO,aAAa,UAAU,OAAO,GAAG,SAAS;GAErD,OAAO;EACT;EAEA,OAAO;GACL,WAAW,WAAW,iBAAiB;GACvC,sBAAsB,WAAW,iBAAiB,SAAS;GAC3D,2BAA2B,WAAW,iBAAiB,aAAa;GACpE,qBAAqB,OAAO,cAAc,YAAY,WAAW,SAAS,kBAAkB;GAC5F,iBAAiB,WAAW,iBAAiB,kBAAkB;GAC/D,qBAAqB,aAAa;GAClC,6BAA6B,WAAW,iBACpC,aAAa,cAAc,aAAa,4BACxC,aAAa;GACjB,oBAAoB,aAAa;GACjC,mBAAmB,WAAW,iBAAiB,aAAa,gBAAgB,aAAa;GACzF,cAAc,WAAW,eAAe,WAAW;GACnD,iBAAiB,mBAAmB,WAAW,cAAc,GAAG;EAClE;CACF,GAAG;EAAC;EAAY;EAAO;EAAK;EAAQ;CAAI,CAAC;CAGzC,MAAM,aAAa,cACX,WAAW,eAAe,wBAChC,CAAC,eAAe,oBAAoB,CACtC;CAGA,MAAM,eAAe,kBAAkB;EACrC,MAAM,mBAAmB,CAAC,WAAW;EAGrC,IAAI,gBAAgB,CAAC,aAAa,UAAU,WAAW,cAAc,GACnE;EAIF,gBAAgB,gBAAgB;CAClC,GAAG;EAAC,WAAW;EAAgB;EAAc;CAAa,CAAC;CAG3D,MAAM,kBAAkB,aACrB,SAA8B;EAE7B,IAAI,gBAAgB,MAAM,MAAM;GAC9B,MAAM,oBAAoB,aAAa,cAAc,WAAW,cAAc;GAC9E,IAAI,OAAO,sBAAsB,aAAa,sBAAsB,WAAW,gBAC7E,gBAAgB,iBAAiB;EAErC;EAEA,MAAM,UAAU;EAEhB,IAAI,MAAM,MAAM,aAAa,KAAK,IAAI;CACxC,GACA;EAAC;EAAY;EAAc,WAAW;EAAgB;CAAa,CACrE;CAGA,MAAM,oBAAoB,cAAc;EACtC,QAAQ,SAAS,CAAC,EAAC,CAAE,QAAoC,UAAU,MAAM,UAAU;GACjF,MAAM,SAAS,KAAK,UAAU,KAAK,QAAQ,mBAAmB,KAAK,OAAO,KAAK,SAAS,CAAC,KAAK,QAAQ;GACtG,SAAS,gBAAgB,gBAAgB,IAAI;GAC7C,OAAO;EACT,GAAG,CAAC,CAAC;CACP,GAAG,CAAC,OAAO,eAAe,CAAC;CAG3B,MAAM,gBAAgB,cAAc;EAClC,IAAI,CAAC,WAAW,iBAAiB,OAAO;EAExC,OAAO,OAAO,OAAO,MAA2B,UAAkB;GAEhE,MAAM,SAAS,KAAK,UAAU,KAAK,QAAQ,mBAAmB,KAAK,OAAO,KAAK,SAAS,CAAC,KAAK,QAAQ;GAGtG,MAAM,qBAAqB,KAAK,aAAa,SAAY,KAAK,WAAW,aAAa,MAAM,QAAQ,EAAE;GAEtG,OACE,oBAAC,gBAAD;IACE,UAAU;IACV,UAAU,KAAK;IAEP;IACR,OAAO,KAAK,SAAS;IACrB,GAAI;IACJ,SAAS,kBAAkB;GAC5B,GALM,MAKN;EAEL,CAAC;CACH,GAAG;EAAC,WAAW;EAAiB,WAAW;EAAgB;EAAO;EAAU;CAAiB,CAAC;CAG9F,MAAM,aAAa,cAEf,GACE,gBACA,iBAAiB,WACjB,WAAW,kBAAkB,0BAC7B,CAAC,WAAW,kBAAkB,2BAC9B,WAAW,UAAU,sBACrB,WAAW,gBAAgB,wBAC3B,SACF,GACF;EAAC;EAAS;EAAY;CAAS,CACjC;CAGA,MAAM,iBAAiB,eACd;EACL,WAAW;EACX,eAAe;EACf,WAAW;EACX,UAAU,eAAe;EACzB;EACA,KAAK,eAAe;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,GAAG,eAAe;EAElB,GAAG,OAAO;EACV,GAAG;CACL,IACA;EACE;EACA,eAAe;EACf,eAAe;EACf,eAAe;EACf;EACA,OAAO;EACP;CACF,CACF;CAGA,MAAM,oBAAoB,eACjB;EACL,iBAAiB,WAAW;EAC5B,cAAc,eAAe;EAC7B,QAAQ;EACR,cAAc;EACd,gBAAgB,eAAe;EAC/B,WAAW,GAAG,eAAe,mBAAmB;EAChD,UAAU;EACV,SAAS;EACT,IAAI,eAAe;EACnB,IAAI,GAAG,eAAe,4BAA4B;EAClD,MAAM;EACN,SAAS,eAAe;EACxB,GAAG,eAAe;EAClB,YAAY;EACZ,YAAY,OAAO,cAAc,cAAc;CACjD,IACA;EACE,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,eAAe;EACf,WAAW;EACX;EACA,OAAO;CACT,CACF;CAEA,OACE,qBAAC,KAAD;EAAK,WAAU;EAAI,GAAI;YAAvB,CACE,oBAAC,KAAD;GACE,WAAU;GACV,eAAc;GACd,UAAU;GACV,gBAAe;GACf;GACA,WAAU;GACV,WAAU;GACV,GAAE;GACF,MAAK;GACL,cAAW;aAEV;EACE,IAEL,oBAAC,KAAD;GACE,WAAU;GACV,gBAAgB,WAAW,iBAAiB,aAAa;GACzD,WAAU;aAEV,oBAAC,QAAD;IAAqC,GAAI;cACvC,oBAAC,MAAD;KAAM,MAAM;KAAY,MAAK;KAAK,eAAY;IAAQ;GAChD,GAFI,wBAEJ;EACL,EACF;;AAET,CAAC;AAKD,WAAW,OAAO;AAClB,WAAW,MAAM;AACjB,WAAW,cAAc"}
+{"version":3,"file":"sidemenuV2.js","names":[],"sources":["../../src/sidemenuV2/sidemenuV2.tsx"],"sourcesContent":["import { useMemo, useCallback } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport type { SidemenuItemV2Props, SidemenuV2Props } from './sidemenuV2.types'\n\nimport Box from '../box'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs, isActivePath, generateMenuItemId } from '../utils'\nimport { collapsedWidth, expandedWidth } from './consts'\nimport { SidemenuStateProvider, useSidemenuContext } from './context'\nimport SidemenuItemV2 from './sidemenuItemV2'\nimport SidemenuTopV2 from './sidemenuTopV2'\n\n// Re-export context provider and hook\nexport { SidemenuStateProvider, useSidemenuContext }\n\n/** A collapsible side menu for navigation. */\nexport const SidemenuV2 = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    isExpandedInitial = true, // Uncontrolled: only affects initial state\n    onExpandedChange, // Extract this to prevent it from being passed to DOM\n    size,\n    variant = 'light',\n    children,\n    className,\n    items,\n    shouldExpand,\n    isSticky,\n    width,\n    top,\n    onNavigate,\n    ...restProps // Only DOM-safe props remain\n  } = props\n\n  return (\n    <SidemenuStateProvider\n      isExpandedInitial={isExpandedInitial}\n      onExpandedChange={onExpandedChange}\n      variant={variant}\n      size={size}\n      isDark={variant === 'dark'}\n    >\n      <SidemenuInner\n        ref={ref}\n        // Only pass DOM-safe props, not onExpandedChange\n        className={className}\n        items={items}\n        shouldExpand={shouldExpand}\n        isSticky={isSticky}\n        size={size}\n        variant={variant}\n        width={width}\n        top={top}\n        onNavigate={onNavigate}\n        {...restProps} // Remaining DOM-safe props\n      >\n        {children}\n      </SidemenuInner>\n    </SidemenuStateProvider>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Item: typeof SidemenuItemV2\n  Top: typeof SidemenuTopV2\n}\n\n// Inner component that uses context\nconst SidemenuInner = vui<'div', SidemenuV2Props>((props, ref) => {\n  const {\n    children,\n    className,\n    items,\n    shouldExpand, // Callback: fine-grained control over expansion\n    isSticky = false,\n    size,\n    variant = 'light',\n    width = expandedWidth,\n    top,\n    onNavigate,\n    ...rest\n  } = props\n\n  // Get state from context\n  const context = useSidemenuContext()\n  const { isMenuExpanded = false, setIsExpanded } = context || {}\n\n  // Get styles configuration early\n  const styles = useStyleConfig('SidemenuV2', props)\n\n  // Memoized boolean conditions\n  const conditions = useMemo(\n    () => ({\n      isDark: variant === 'dark',\n      hasItems: !!items,\n      shouldShowItems: !!items && items.length > 0,\n      isMenuSticky: isSticky,\n      isMenuExpanded: isMenuExpanded,\n    }),\n    [variant, items, isSticky, isMenuExpanded],\n  )\n\n  // Memoized computed values for styling and behavior\n  const computedValues = useMemo(() => {\n    // Get toggle button config from theme\n    const toggleButtonTheme = styles.toggleButton || {}\n    const currentSize = size || 'md' // Ensure we have a valid size\n    const sizeStyles = (styles as any).sizes?.[currentSize] || {}\n    const toggleButtonSizeTheme = sizeStyles.toggleButton || {}\n\n    // Merge base theme with size-specific overrides\n    const toggleConfig = {\n      baseHeight: toggleButtonSizeTheme.baseHeight || toggleButtonTheme.baseHeight || 52,\n      basePadding: toggleButtonSizeTheme.basePadding || toggleButtonTheme.basePadding || 2,\n      expandedPaddingMultiplier: toggleButtonTheme.expandedPaddingMultiplier || 5,\n      expandedWidth: toggleButtonTheme.expandedWidth || '52px',\n      collapsedWidth: toggleButtonTheme.collapsedWidth || '100%',\n    }\n\n    // Helper function for consistent top position formatting\n    const getMenuTopPosition = (isSticky: boolean, topValue?: any): string => {\n      if (!isSticky) return 'auto'\n\n      if (typeof topValue === 'string') return topValue\n      if (typeof topValue === 'number') return `${topValue}px`\n\n      return '0px' // fallback for undefined/null/complex types\n    }\n\n    return {\n      menuWidth: conditions.isMenuExpanded ? width : collapsedWidth,\n      toggleArrowDirection: conditions.isMenuExpanded ? 'Left' : 'Right',\n      toggleButtonJustification: conditions.isMenuExpanded ? 'flex-end' : 'center',\n      toggleButtonVariant: styles.toggleButton?.variant || 'tertiary',\n      toggleButtonIntent: styles.toggleButton?.intent || (conditions.isDark ? 'contrast' : 'brand'),\n      toggleAriaLabel: conditions.isMenuExpanded ? 'Collapse menu' : 'Expand menu',\n      toggleButtonPadding: toggleConfig.basePadding,\n      toggleButtonVerticalPadding: conditions.isMenuExpanded\n        ? toggleConfig.basePadding * toggleConfig.expandedPaddingMultiplier\n        : toggleConfig.basePadding,\n      toggleButtonHeight: toggleConfig.baseHeight,\n      toggleButtonWidth: conditions.isMenuExpanded ? toggleConfig.expandedWidth : toggleConfig.collapsedWidth,\n      menuPosition: conditions.isMenuSticky ? 'sticky' : 'static',\n      menuTopPosition: getMenuTopPosition(conditions.isMenuSticky, top),\n    }\n  }, [conditions, width, top, styles, size])\n\n  // Memoized icon name\n  const toggleIcon = useMemo(\n    () => `falArrow${computedValues.toggleArrowDirection}` as const,\n    [computedValues.toggleArrowDirection],\n  )\n\n  // Stable callback for toggle (simplified)\n  const handleToggle = useCallback(() => {\n    const newExpandedState = !conditions.isMenuExpanded\n\n    // Check if expansion should be allowed via callback\n    if (shouldExpand && !shouldExpand('toggle', conditions.isMenuExpanded)) {\n      return // Block the toggle\n    }\n\n    // Update state via context\n    setIsExpanded?.(newExpandedState)\n  }, [conditions.isMenuExpanded, shouldExpand, setIsExpanded])\n\n  // Stable callback for item click - with expansion control\n  const handleItemClick = useCallback(\n    (item: SidemenuItemV2Props) => {\n      // Early return for clarity\n      if (shouldExpand && item?.path) {\n        const shouldExpandOnNav = shouldExpand('navigation', conditions.isMenuExpanded)\n        if (typeof shouldExpandOnNav === 'boolean' && shouldExpandOnNav !== conditions.isMenuExpanded) {\n          setIsExpanded?.(shouldExpandOnNav)\n        }\n      }\n      // Call item click handler\n      item?.onClick?.()\n      // Navigate if path exists\n      if (item?.path) onNavigate?.(item.path)\n    },\n    [onNavigate, shouldExpand, conditions.isMenuExpanded, setIsExpanded],\n  )\n\n  // Create stable item click handlers\n  const itemClickHandlers = useMemo(() => {\n    return (items ?? []).reduce<Record<string, () => void>>((handlers, item, index) => {\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n      handlers[itemId] = () => handleItemClick(item)\n      return handlers\n    }, {})\n  }, [items, handleItemClick])\n\n  // Memoized items rendering\n  const renderedItems = useMemo(() => {\n    if (!conditions.shouldShowItems) return children\n\n    return items?.map?.((item: SidemenuItemV2Props, index: number) => {\n      // Use consistent itemId generation that matches the component's logic\n      const itemId = item.itemId || item.path || generateMenuItemId(item.title, item.level || 0) || `item-${index}`\n\n      // Use explicit isActive prop if provided, otherwise calculate from path\n      const calculatedIsActive = item.isActive !== undefined ? item.isActive : isActivePath(item?.path || '')\n\n      return (\n        <SidemenuItemV2\n          isActive={calculatedIsActive}\n          onBottom={item.onBottom}\n          key={itemId}\n          itemId={itemId}\n          level={item.level || 0}\n          {...item}\n          onClick={itemClickHandlers[itemId]}\n        />\n      )\n    })\n  }, [conditions.shouldShowItems, conditions.isMenuExpanded, items, children, itemClickHandlers])\n\n  // Memoized CSS class names\n  const cssClasses = useMemo(\n    () =>\n      cs(\n        'vui-sidemenu',\n        `vui-sidemenu--${variant}`,\n        conditions.isMenuExpanded && 'vui-sidemenu--expanded',\n        !conditions.isMenuExpanded && 'vui-sidemenu--collapsed',\n        conditions.isDark && 'vui-sidemenu--dark',\n        conditions.isMenuSticky && 'vui-sidemenu--sticky',\n        className,\n      ),\n    [variant, conditions, className],\n  )\n\n  // Memoized container props\n  const containerProps = useMemo(\n    () => ({\n      className: cssClasses,\n      flexDirection: 'column' as const,\n      overflowX: 'hidden' as const,\n      position: computedValues.menuPosition,\n      ref,\n      top: computedValues.menuTopPosition,\n      transitionDuration: 'normal' as const,\n      transitionProperty: 'width' as const,\n      w: computedValues.menuWidth,\n\n      ...styles.container,\n      ...rest,\n    }),\n    [\n      cssClasses,\n      computedValues.menuPosition,\n      computedValues.menuTopPosition,\n      computedValues.menuWidth,\n      ref,\n      styles.container,\n      rest,\n    ],\n  )\n\n  // Memoized toggle button props with complete dependencies\n  const toggleButtonProps = useMemo(\n    () => ({\n      'aria-expanded': conditions.isMenuExpanded,\n      'aria-label': computedValues.toggleAriaLabel,\n      border: 0,\n      borderRadius: 0,\n      justifyContent: computedValues.toggleButtonJustification,\n      minHeight: `${computedValues.toggleButtonHeight}px`,\n      minWidth: 0,\n      onClick: handleToggle,\n      px: computedValues.toggleButtonPadding,\n      py: `${computedValues.toggleButtonVerticalPadding}px`,\n      size: 'lg' as const,\n      variant: computedValues.toggleButtonVariant,\n      ...(computedValues.toggleButtonVariant === 'tertiary' ? { intent: computedValues.toggleButtonIntent } : {}),\n      w: computedValues.toggleButtonWidth,\n      flexShrink: 0,\n      transition: styles.toggleButton?.transition || 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n    }),\n    [\n      computedValues.toggleAriaLabel,\n      computedValues.toggleButtonJustification,\n      computedValues.toggleButtonVariant,\n      computedValues.toggleButtonIntent,\n      computedValues.toggleButtonVerticalPadding,\n      computedValues.toggleButtonHeight,\n      computedValues.toggleButtonWidth,\n      conditions.isMenuExpanded,\n      handleToggle,\n      styles.toggleButton,\n    ],\n  )\n\n  return (\n    <Box elevation=\"1\" {...containerProps}>\n      <Box\n        className=\"vui-sidemenu-content\"\n        flexDirection=\"column\"\n        flexGrow={1}\n        justifyContent=\"flex-start\"\n        minW={expandedWidth}\n        overflowX=\"hidden\"\n        overflowY=\"auto\"\n        w=\"100%\"\n        role=\"navigation\"\n        aria-label=\"Main navigation\"\n      >\n        {renderedItems}\n      </Box>\n\n      <Box\n        className=\"vui-sidemenu-bottom\"\n        justifyContent={conditions.isMenuExpanded ? 'flex-end' : 'flex-start'}\n        borderTop=\"1px solid sandstone.main\"\n      >\n        <Button key=\"sidemenu-toggle-button\" {...toggleButtonProps}>\n          <Icon name={toggleIcon} size=\"sm\" aria-hidden=\"true\" />\n        </Button>\n      </Box>\n    </Box>\n  )\n}) as VuiComponent<'div', SidemenuV2Props> & {\n  Top: typeof SidemenuTopV2\n  Item: typeof SidemenuItemV2\n}\n\nSidemenuV2.Item = SidemenuItemV2\nSidemenuV2.Top = SidemenuTopV2\nSidemenuV2.displayName = 'SidemenuV2'\n\nexport default SidemenuV2\n"],"mappings":"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"}

package/dist/sidemenuV2/theme.js

@@ -78,7 +78,7 @@ const variants = {
 	light: {
 		container: { bg: "white" },
 		toggleButton: {
-			variant: "tertiaryBrand",
+			variant: "tertiary",
 			hoverBg: "sandstone.95"
 		},
 		item: { color: "darkBlue.main" },
@@ -109,7 +109,10 @@ const variants = {
 			borderBottom: "1px solid rgba(255, 255, 255, 0.1)",
 			bg: "darkBlue.main"
 		},
-		toggleButton: { variant: "tertiaryLight" },
+		toggleButton: {
+			variant: "tertiary",
+			intent: "contrast"
+		},
 		item: { color: "white" },
 		button: {
 			bg: "#0F204B",

package/dist/sidemenuV2/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenuV2/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    transition: 'width 0.2s ease-in-out',\n  },\n  content: {\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n  },\n  bottom: {\n    flexShrink: 0,\n    borderTop: `1px solid transparent`,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  item: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    w: '100%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n    textDecoration: 'none',\n    outline: 'none',\n    px: 0,\n    borderLeft: '3px solid transparent',\n  },\n  sidemenuTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '12px 16px',\n    minHeight: '64px',\n  },\n  // Add toggle button configuration\n  toggleButton: {\n    baseHeight: 52,\n    basePadding: 2,\n    expandedPaddingMultiplier: 5,\n    collapsedWidth: '100%',\n    expandedWidth: '52px',\n    transition: 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'content', 'bottom', 'toggleButton', 'item', 'sidemenuTop', 'button']\n\nconst sizes = {\n  sm: {\n    toggleButton: {\n      baseHeight: 44,\n      basePadding: 1.5,\n    },\n  },\n  md: {\n    toggleButton: {\n      baseHeight: 52,\n      basePadding: 2,\n    },\n  },\n  lg: {\n    toggleButton: {\n      baseHeight: 60,\n      basePadding: 2.5,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    toggleButton: {\n      variant: 'tertiaryBrand',\n      hoverBg: 'sandstone.95',\n    },\n    item: {\n      color: 'darkBlue.main',\n    },\n    button: {\n      bg: '#ffffff',\n      hoverBg: '#D3EEF8',\n      activeBg: '#E9F7FC',\n      disabledBg: '#F8F7F7',\n      borderColor: 'transparent',\n      hoverBorderColor: '#003591',\n      activeBorderColor: '#003591',\n      color: '#1A1A19',\n      hoverColor: '#1A1A19',\n      activeColor: '#003591',\n      disabledColor: '#908D89',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n      boxShadow: '2px 0 4px rgba(0, 0, 0, 0.3)',\n    },\n    bottom: {\n      borderTopColor: 'rgba(255, 255, 255, 0.1)',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n      bg: 'darkBlue.main',\n    },\n    toggleButton: {\n      variant: 'tertiaryLight',\n    },\n    item: {\n      color: 'white',\n    },\n    button: {\n      bg: '#0F204B',\n      hoverBg: '#003591',\n      activeBg: '#0041B2',\n      disabledBg: '#0F204B',\n      borderColor: 'transparent',\n      hoverBorderColor: '#91FFB4',\n      activeBorderColor: '#91FFB4',\n      color: '#FFFFFF',\n      hoverColor: '#FFFFFF',\n      activeColor: '#91FFBA',\n      disabledColor: '#FFFFFF',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,WAAW;EACT,SAAS;EACT,eAAe;EACf,UAAU;EACV,YAAY;CACd;CACA,SAAS;EACP,MAAM;EACN,WAAW;EACX,WAAW;CACb;CACA,QAAQ;EACN,YAAY;EACZ,WAAW;EACX,SAAS;EACT,YAAY;CACd;CACA,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,GAAG;EACH,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,IAAI;EACJ,YAAY;CACd;CACA,aAAa;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,YAAY;EACZ,aAAa;EACb,2BAA2B;EAC3B,gBAAgB;EAChB,eAAe;EACf,YAAY;CACd;AACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAW;CAAU;CAAgB;CAAQ;CAAe;AAAQ;AAEhG,MAAM,QAAQ;CACZ,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;CACA,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;CACA,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;AACF;AAEA,MAAM,WAAW;CACf,OAAO;EACL,WAAW,EACT,IAAI,QACN;EACA,cAAc;GACZ,SAAS;GACT,SAAS;EACX;EACA,MAAM,EACJ,OAAO,gBACT;EACA,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,aAAa;GACb,kBAAkB;GAClB,mBAAmB;GACnB,OAAO;GACP,YAAY;GACZ,aAAa;GACb,eAAe;GACf,qBAAqB;GACrB,iBAAiB;EACnB;CACF;CACA,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ,EACN,gBAAgB,2BAClB;EACA,aAAa;GACX,cAAc;GACd,IAAI;EACN;EACA,cAAc,EACZ,SAAS,gBACX;EACA,MAAM,EACJ,OAAO,QACT;EACA,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,aAAa;GACb,kBAAkB;GAClB,mBAAmB;GACnB,OAAO;GACP,YAAY;GACZ,aAAa;GACb,eAAe;GACf,qBAAqB;GACrB,iBAAiB;EACnB;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/sidemenuV2/theme.ts"],"sourcesContent":["const baseStyle = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    transition: 'width 0.2s ease-in-out',\n  },\n  content: {\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n  },\n  bottom: {\n    flexShrink: 0,\n    borderTop: `1px solid transparent`,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  item: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    flexDirection: 'row',\n    w: '100%',\n    border: 'none',\n    cursor: 'pointer',\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n    textDecoration: 'none',\n    outline: 'none',\n    px: 0,\n    borderLeft: '3px solid transparent',\n  },\n  sidemenuTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    padding: '12px 16px',\n    minHeight: '64px',\n  },\n  // Add toggle button configuration\n  toggleButton: {\n    baseHeight: 52,\n    basePadding: 2,\n    expandedPaddingMultiplier: 5,\n    collapsedWidth: '100%',\n    expandedWidth: '52px',\n    transition: 'padding 0.2s ease-in-out, width 0.2s ease-in-out',\n  },\n}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'light',\n}\n\nconst parts = ['container', 'content', 'bottom', 'toggleButton', 'item', 'sidemenuTop', 'button']\n\nconst sizes = {\n  sm: {\n    toggleButton: {\n      baseHeight: 44,\n      basePadding: 1.5,\n    },\n  },\n  md: {\n    toggleButton: {\n      baseHeight: 52,\n      basePadding: 2,\n    },\n  },\n  lg: {\n    toggleButton: {\n      baseHeight: 60,\n      basePadding: 2.5,\n    },\n  },\n}\n\nconst variants = {\n  light: {\n    container: {\n      bg: 'white',\n    },\n    toggleButton: {\n      variant: 'tertiary',\n      hoverBg: 'sandstone.95',\n    },\n    item: {\n      color: 'darkBlue.main',\n    },\n    button: {\n      bg: '#ffffff',\n      hoverBg: '#D3EEF8',\n      activeBg: '#E9F7FC',\n      disabledBg: '#F8F7F7',\n      borderColor: 'transparent',\n      hoverBorderColor: '#003591',\n      activeBorderColor: '#003591',\n      color: '#1A1A19',\n      hoverColor: '#1A1A19',\n      activeColor: '#003591',\n      disabledColor: '#908D89',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n  dark: {\n    container: {\n      bg: 'darkBlue.main',\n      color: 'white',\n      boxShadow: '2px 0 4px rgba(0, 0, 0, 0.3)',\n    },\n    bottom: {\n      borderTopColor: 'rgba(255, 255, 255, 0.1)',\n    },\n    sidemenuTop: {\n      borderBottom: '1px solid rgba(255, 255, 255, 0.1)',\n      bg: 'darkBlue.main',\n    },\n    toggleButton: {\n      variant: 'tertiary',\n      intent: 'contrast',\n    },\n    item: {\n      color: 'white',\n    },\n    button: {\n      bg: '#0F204B',\n      hoverBg: '#003591',\n      activeBg: '#0041B2',\n      disabledBg: '#0F204B',\n      borderColor: 'transparent',\n      hoverBorderColor: '#91FFB4',\n      activeBorderColor: '#91FFB4',\n      color: '#FFFFFF',\n      hoverColor: '#FFFFFF',\n      activeColor: '#91FFBA',\n      disabledColor: '#FFFFFF',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY;CAChB,WAAW;EACT,SAAS;EACT,eAAe;EACf,UAAU;EACV,YAAY;CACd;CACA,SAAS;EACP,MAAM;EACN,WAAW;EACX,WAAW;CACb;CACA,QAAQ;EACN,YAAY;EACZ,WAAW;EACX,SAAS;EACT,YAAY;CACd;CACA,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,GAAG;EACH,QAAQ;EACR,QAAQ;EACR,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,IAAI;EACJ,YAAY;CACd;CACA,aAAa;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,WAAW;CACb;CAEA,cAAc;EACZ,YAAY;EACZ,aAAa;EACb,2BAA2B;EAC3B,gBAAgB;EAChB,eAAe;EACf,YAAY;CACd;AACF;AAEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;AACX;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAW;CAAU;CAAgB;CAAQ;CAAe;AAAQ;AAEhG,MAAM,QAAQ;CACZ,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;CACA,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;CACA,IAAI,EACF,cAAc;EACZ,YAAY;EACZ,aAAa;CACf,EACF;AACF;AAEA,MAAM,WAAW;CACf,OAAO;EACL,WAAW,EACT,IAAI,QACN;EACA,cAAc;GACZ,SAAS;GACT,SAAS;EACX;EACA,MAAM,EACJ,OAAO,gBACT;EACA,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,aAAa;GACb,kBAAkB;GAClB,mBAAmB;GACnB,OAAO;GACP,YAAY;GACZ,aAAa;GACb,eAAe;GACf,qBAAqB;GACrB,iBAAiB;EACnB;CACF;CACA,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,OAAO;GACP,WAAW;EACb;EACA,QAAQ,EACN,gBAAgB,2BAClB;EACA,aAAa;GACX,cAAc;GACd,IAAI;EACN;EACA,cAAc;GACZ,SAAS;GACT,QAAQ;EACV;EACA,MAAM,EACJ,OAAO,QACT;EACA,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,aAAa;GACb,kBAAkB;GAClB,mBAAmB;GACnB,OAAO;GACP,YAAY;GACZ,aAAa;GACb,eAAe;GACf,qBAAqB;GACrB,iBAAiB;EACnB;CACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}

package/dist/table/checkboxCell.d.ts

@@ -0,0 +1,10 @@
+import { VuiComponent } from "../core/vui.js";
+import { CheckboxCellProps } from "./table.types.js";
+import "../index.js";
+//#region src/table/checkboxCell.d.ts
+/** Square Table cell whose whole area toggles a `sm` Checkbox. */
+declare const CheckboxCell: VuiComponent<"td", CheckboxCellProps>;
+//#endregion
+export { CheckboxCell, CheckboxCell as default };
+
+//# sourceMappingURL=checkboxCell.d.ts.map

package/dist/table/checkboxCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxCell.d.ts","names":["_$__0.VuiComponent"],"sources":["../../src/table/checkboxCell.tsx"],"mappings":";;;;;cAMa,cAAYA,mBAAA"}

package/dist/table/checkboxCell.js

@@ -0,0 +1,27 @@
+import vui from "../core/vui.js";
+import { Td } from "./td.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/table/checkboxCell.tsx
+/** Square Table cell whose whole area toggles a `sm` Checkbox. */
+const CheckboxCell = vui((props, ref) => {
+	const { ariaLabel = "Select row", checked, disabled, isIndeterminate, onChange, ...rest } = props;
+	return /* @__PURE__ */ jsx(Td, {
+		checkboxProps: {
+			checked,
+			disabled,
+			inputProps: { "aria-label": ariaLabel },
+			isIndeterminate,
+			onChange
+		},
+		ref,
+		type: "checkbox",
+		...rest
+	});
+});
+CheckboxCell.displayName = "Table.CheckboxCell";
+
+//#endregion
+export { CheckboxCell, CheckboxCell as default };
+globalThis.__vuiVersion__ = "5.4.0"
+//# sourceMappingURL=checkboxCell.js.map

package/dist/table/checkboxCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxCell.js","names":[],"sources":["../../src/table/checkboxCell.tsx"],"sourcesContent":["import type { CheckboxCellProps } from './table.types'\n\nimport { vui } from '../core'\nimport Td from './td'\n\n/** Square Table cell whose whole area toggles a `sm` Checkbox. */\nexport const CheckboxCell = vui<'td', CheckboxCellProps>((props, ref) => {\n  const { ariaLabel = 'Select row', checked, disabled, isIndeterminate, onChange, ...rest } = props\n\n  return (\n    <Td\n      checkboxProps={{ checked, disabled, inputProps: { 'aria-label': ariaLabel }, isIndeterminate, onChange }}\n      ref={ref}\n      type=\"checkbox\"\n      {...rest}\n    />\n  )\n})\n\nCheckboxCell.displayName = 'Table.CheckboxCell'\n\nexport default CheckboxCell\n"],"mappings":";;;;;;AAMA,MAAa,eAAe,KAA8B,OAAO,QAAQ;CACvE,MAAM,EAAE,YAAY,cAAc,SAAS,UAAU,iBAAiB,UAAU,GAAG,SAAS;CAE5F,OACE,oBAAC,IAAD;EACE,eAAe;GAAE;GAAS;GAAU,YAAY,EAAE,cAAc,UAAU;GAAG;GAAiB;EAAS;EAClG;EACL,MAAK;EACL,GAAI;CACL;AAEL,CAAC;AAED,aAAa,cAAc"}

package/dist/table/checkboxCellControl.js

@@ -0,0 +1,29 @@
+import { Checkbox } from "../checkbox/checkbox.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/table/checkboxCellControl.tsx
+/** `sm` Checkbox stretched over its square cell, so the whole cell toggles it and shows its hover state. */
+const CheckboxCellControl = (props) => {
+	const { disabled, onClick, ...rest } = props;
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (!disabled && !(event.target instanceof HTMLInputElement)) event.stopPropagation();
+	};
+	return /* @__PURE__ */ jsx(Checkbox, {
+		disabled,
+		h: "100%",
+		justifyContent: "center",
+		left: 0,
+		position: "absolute",
+		size: "sm",
+		top: 0,
+		w: "100%",
+		...rest,
+		onClick: handleClick
+	});
+};
+
+//#endregion
+export { CheckboxCellControl };
+globalThis.__vuiVersion__ = "5.4.0"
+//# sourceMappingURL=checkboxCellControl.js.map

package/dist/table/checkboxCellControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxCellControl.js","names":[],"sources":["../../src/table/checkboxCellControl.tsx"],"sourcesContent":["import type { CheckboxProps } from '../checkbox'\nimport type { MouseEvent, PropsOf } from '../utils'\n\nimport Checkbox from '../checkbox'\n\n/** `sm` Checkbox stretched over its square cell, so the whole cell toggles it and shows its hover state. */\nexport const CheckboxCellControl = (props: PropsOf<'span', CheckboxProps>) => {\n  const { disabled, onClick, ...rest } = props\n\n  // A label click is followed by a synthetic click on the input; let only the latter reach row/cell handlers.\n  const handleClick = (event: MouseEvent<HTMLSpanElement>) => {\n    onClick?.(event)\n    if (!disabled && !(event.target instanceof HTMLInputElement)) event.stopPropagation()\n  }\n\n  return (\n    <Checkbox\n      disabled={disabled}\n      h=\"100%\"\n      justifyContent=\"center\"\n      left={0}\n      position=\"absolute\"\n      size=\"sm\"\n      top={0}\n      w=\"100%\"\n      {...rest}\n      onClick={handleClick}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,MAAa,uBAAuB,UAA0C;CAC5E,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAGvC,MAAM,eAAe,UAAuC;EAC1D,UAAU,KAAK;EACf,IAAI,CAAC,YAAY,EAAE,MAAM,kBAAkB,mBAAmB,MAAM,gBAAgB;CACtF;CAEA,OACE,oBAAC,UAAD;EACY;EACV,GAAE;EACF,gBAAe;EACf,MAAM;EACN,UAAS;EACT,MAAK;EACL,KAAK;EACL,GAAE;EACF,GAAI;EACJ,SAAS;CACV;AAEL"}

package/dist/table/context.d.ts

@@ -3,7 +3,9 @@ import { TableContext } from "./table.types.js";
 declare const TableProvider: import("react").Provider<TableContext>, useTableContext: () => TableContext;
 /** Whether a column has a divider border configured via the parent Table's `columnBorders`. */
 declare const useColumnBorder: (field: string | undefined) => boolean;
+/** Whether a column's text body cells are truncated via the parent Table's `truncatedColumns`. */
+declare const useColumnTruncate: (field: string | undefined) => boolean;
 //#endregion
-export { TableProvider, useColumnBorder, useTableContext };
+export { TableProvider, useColumnBorder, useColumnTruncate, useTableContext };
 
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"mappings":";;cAIO,+BAAa,SAAA,eAAE,uBAAe;;cAGxB,kBAAe"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/table/context.ts"],"mappings":";;cAIO,+BAAa,SAAA,eAAE,uBAAe;;cAGxB,kBAAe;;cAMf,oBAAiB"}

package/dist/table/context.js

@@ -7,8 +7,13 @@ const useColumnBorder = (field) => {
 	const tableContext = useTableContext();
 	return field !== void 0 && !!tableContext?.columnBorders?.includes(field);
 };
+/** Whether a column's text body cells are truncated via the parent Table's `truncatedColumns`. */
+const useColumnTruncate = (field) => {
+	const tableContext = useTableContext();
+	return field !== void 0 && !!tableContext?.truncatedColumns?.includes(field);
+};
 
 //#endregion
-export { TableProvider, useColumnBorder, useTableContext };
+export { TableProvider, useColumnBorder, useColumnTruncate, useTableContext };
 globalThis.__vuiVersion__ = "5.4.0"
 //# sourceMappingURL=context.js.map

package/dist/table/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":["import type { TableContext } from './table.types'\n\nimport { createContext } from '../utils'\n\nconst [TableProvider, useTableContext] = createContext<TableContext>({ isOptional: true })\n\n/** Whether a column has a divider border configured via the parent Table's `columnBorders`. */\nexport const useColumnBorder = (field: string | undefined): boolean => {\n  const tableContext = useTableContext()\n  return field !== undefined && !!tableContext?.columnBorders?.includes(field)\n}\n\nexport { TableProvider, useTableContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC;;AAGzF,MAAa,mBAAmB,UAAuC;CACrE,MAAM,eAAe,gBAAgB;CACrC,OAAO,UAAU,UAAa,CAAC,CAAC,cAAc,eAAe,SAAS,KAAK;AAC7E"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/table/context.ts"],"sourcesContent":["import type { TableContext } from './table.types'\n\nimport { createContext } from '../utils'\n\nconst [TableProvider, useTableContext] = createContext<TableContext>({ isOptional: true })\n\n/** Whether a column has a divider border configured via the parent Table's `columnBorders`. */\nexport const useColumnBorder = (field: string | undefined): boolean => {\n  const tableContext = useTableContext()\n  return field !== undefined && !!tableContext?.columnBorders?.includes(field)\n}\n\n/** Whether a column's text body cells are truncated via the parent Table's `truncatedColumns`. */\nexport const useColumnTruncate = (field: string | undefined): boolean => {\n  const tableContext = useTableContext()\n  return field !== undefined && !!tableContext?.truncatedColumns?.includes(field)\n}\n\nexport { TableProvider, useTableContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,KAAK,CAAC;;AAGzF,MAAa,mBAAmB,UAAuC;CACrE,MAAM,eAAe,gBAAgB;CACrC,OAAO,UAAU,UAAa,CAAC,CAAC,cAAc,eAAe,SAAS,KAAK;AAC7E;;AAGA,MAAa,qBAAqB,UAAuC;CACvE,MAAM,eAAe,gBAAgB;CACrC,OAAO,UAAU,UAAa,CAAC,CAAC,cAAc,kBAAkB,SAAS,KAAK;AAChF"}

package/dist/table/density.d.ts

@@ -2,14 +2,23 @@
 declare const tableDensityStyles: {
   readonly compact: {
     readonly horizontalPadding: '8px';
+    readonly squareIconInset: '4px';
+    readonly squareCheckboxInset: '6px';
+    readonly squareWidth: '32px';
     readonly verticalPadding: '4px';
   };
   readonly default: {
     readonly horizontalPadding: '16px';
+    readonly squareIconInset: '8px';
+    readonly squareCheckboxInset: '10px';
+    readonly squareWidth: '40px';
     readonly verticalPadding: '8px';
   };
   readonly spacious: {
     readonly horizontalPadding: '16px';
+    readonly squareIconInset: '12px';
+    readonly squareCheckboxInset: '14px';
+    readonly squareWidth: '48px';
     readonly verticalPadding: '12px';
   };
 };

package/dist/table/density.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density.d.ts","names":[],"sources":["../../src/table/density.ts"],"mappings":";cAAa;WACX;aACE;aACA;;WAEF;aACE;aACA;;WAEF;aACE;aACA;;;KAIQ,4BAA4B"}
+{"version":3,"file":"density.d.ts","names":[],"sources":["../../src/table/density.ts"],"mappings":";cAAa;WACX;aACE;aACA;aACA;aACA;aACA;;WAEF;aACE;aACA;aACA;aACA;aACA;;WAEF;aACE;aACA;aACA;aACA;aACA;;;KAIQ,4BAA4B"}