@veracity/vui 5.3.0 → 5.3.1-alpha.419472.2608191212

package/dist/_virtual/_rolldown/runtime.js

@@ -16,4 +16,4 @@ var __exportAll = (all, no_symbols) => {
 
 //#endregion
 export { __exportAll };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"

package/dist/accordion/accordion.d.ts

@@ -8,7 +8,7 @@ import "../index.js";
 //#region src/accordion/accordion.d.ts
 declare const AccordionBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Allows to show and hide sections of related content on a page. */
-declare const Accordion: VuiComponent<"div", AccordionProps> & {
+declare const Accordion: VuiComponent<'div', AccordionProps> & {
   Item: typeof AccordionItem;
   ItemHorizontal: typeof AccordionItemHorizontal;
 };

package/dist/accordion/accordion.js

@@ -54,5 +54,5 @@ Accordion.displayName = "Accordion";
 
 //#endregion
 export { Accordion, Accordion as default, AccordionBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=accordion.js.map

package/dist/accordion/accordionItem.d.ts

@@ -1,10 +1,9 @@
 import { AccordionItemProps } from "./accordion.types.js";
 //#region src/accordion/accordionItem.d.ts
-/** An accordion item. */
-declare const AccordionItem: {
-  (props: AccordionItemProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function AccordionItem(props: AccordionItemProps): import("react").JSX.Element;
+declare namespace AccordionItem {
+  var displayName: string;
+}
 //#endregion
 export { AccordionItem, AccordionItem as default };
 

package/dist/accordion/accordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"mappings":";;;cAYa;GAAwB,OAAA,qCAAkB,IAAA"}
+{"version":3,"file":"accordionItem.d.ts","names":[],"sources":["../../src/accordion/accordionItem.tsx"],"mappings":";;iBAY8B,cAAA,OAAO,qCAAkB,IAAA"}

package/dist/accordion/accordionItem.js

@@ -82,5 +82,5 @@ AccordionItem.displayName = "AccordionItem";
 
 //#endregion
 export { AccordionItem, AccordionItem as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=accordionItem.js.map

package/dist/accordion/accordionItemArrow.js

@@ -24,5 +24,5 @@ var accordionItemArrow_default = memo(AccordionItemArrow);
 
 //#endregion
 export { accordionItemArrow_default as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemHorizontal.d.ts

@@ -1,10 +1,9 @@
 import { AccordionItemProps } from "./accordion.types.js";
 //#region src/accordion/accordionItemHorizontal.d.ts
-/** An accordion item (horizontal AccordionOrientation). */
-declare const AccordionItemHorizontal: {
-  (props: AccordionItemProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function AccordionItemHorizontal(props: AccordionItemProps): import("react").JSX.Element;
+declare namespace AccordionItemHorizontal {
+  var displayName: string;
+}
 //#endregion
 export { AccordionItemHorizontal, AccordionItemHorizontal as default };
 

package/dist/accordion/accordionItemHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"mappings":";;;cAWa;GAAkC,OAAA,qCAAkB,IAAA"}
+{"version":3,"file":"accordionItemHorizontal.d.ts","names":[],"sources":["../../src/accordion/accordionItemHorizontal.tsx"],"mappings":";;iBAWwC,wBAAA,OAAO,qCAAkB,IAAA"}

package/dist/accordion/accordionItemHorizontal.js

@@ -86,5 +86,5 @@ AccordionItemHorizontal.displayName = "AccordionItemHorizontal";
 
 //#endregion
 export { AccordionItemHorizontal, AccordionItemHorizontal as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=accordionItemHorizontal.js.map

package/dist/accordion/context.js

@@ -5,5 +5,5 @@ const [AccordionProvider, useAccordionContext] = createContext({ isOptional: tru
 
 //#endregion
 export { AccordionProvider, useAccordionContext };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=context.js.map

package/dist/accordion/theme.js

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

package/dist/avatar/avatar.js

@@ -103,5 +103,5 @@ Avatar.displayName = "Avatar";
 
 //#endregion
 export { Avatar, Avatar as default, AvatarBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=avatar.js.map

package/dist/avatar/helpers.js

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

package/dist/avatar/theme.js

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

package/dist/badge/badge.js

@@ -44,5 +44,5 @@ Badge.displayName = "Badge";
 
 //#endregion
 export { Badge, Badge as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=badge.js.map

package/dist/badge/theme.js

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

package/dist/box/box.js

@@ -35,5 +35,5 @@ Box.displayName = "Box";
 
 //#endregion
 export { Box, Box as default, BoxBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=box.js.map

package/dist/box/theme.js

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

package/dist/breadcrumbs/breadcrumbs.d.ts

@@ -7,7 +7,7 @@ import "../index.js";
 //#region src/breadcrumbs/breadcrumbs.d.ts
 declare const BreadcrumbsBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SystemProps, never>;
 /** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
-declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
+declare const Breadcrumbs: VuiComponent<'div', BreadcrumbsProps> & {
   Item: typeof BreadcrumbsItem;
 };
 //#endregion

package/dist/breadcrumbs/breadcrumbs.js

@@ -46,5 +46,5 @@ Breadcrumbs.displayName = "Breadcrumbs";
 
 //#endregion
 export { Breadcrumbs, Breadcrumbs as default, BreadcrumbsBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=breadcrumbs.js.map

package/dist/breadcrumbs/breadcrumbsItem.d.ts

@@ -3,7 +3,7 @@ import "../core/index.js";
 import { BreadcrumbsItemProps } from "./breadcrumbs.types.js";
 //#region src/breadcrumbs/breadcrumbsItem.d.ts
 /** A Breadcrumb item. */
-declare const BreadcrumbsItem: VuiComponent<"div", BreadcrumbsItemProps>;
+declare const BreadcrumbsItem: VuiComponent<'div', BreadcrumbsItemProps>;
 //#endregion
 export { BreadcrumbsItem, BreadcrumbsItem as default };
 

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -26,5 +26,5 @@ BreadcrumbsItem.displayName = "BreadcrumbsItem";
 
 //#endregion
 export { BreadcrumbsItem, BreadcrumbsItem as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=breadcrumbsItem.js.map

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -24,5 +24,5 @@ const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
 
 //#endregion
 export { BreadcrumbsSeparator, BreadcrumbsSeparator as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/context.js

@@ -5,5 +5,5 @@ const [BreadcrumbsProvider, useBreadcrumbsContext] = createContext({ isOptional:
 
 //#endregion
 export { BreadcrumbsProvider, useBreadcrumbsContext };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=context.js.map

package/dist/breadcrumbs/theme.js

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

package/dist/button/button.d.ts

@@ -51,7 +51,7 @@ declare const ButtonBase: import("styled-components").StyledComponent<"button",
  * Part of the VUI design system with built-in accessibility features.
  *
  */
-declare const Button: VuiComponent<"button", ButtonProps> & {
+declare const Button: VuiComponent<'button', ButtonProps> & {
   Icon: typeof ButtonIcon;
   Text: typeof ButtonText;
 };

package/dist/button/button.js

@@ -189,5 +189,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { Button, Button as default, ButtonBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=button.js.map

package/dist/button/buttonHelpers.js

@@ -44,5 +44,5 @@ const renderContent = (children, text, isTruncated) => {
 
 //#endregion
 export { renderButtonIcon, renderContent };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=buttonHelpers.js.map

package/dist/button/buttonIcon.js

@@ -11,7 +11,8 @@ const isConceptualIcon = (name) => name?.startsWith("con");
 /** Displays an icon within the Button. */
 const ButtonIcon = vui((props, ref) => {
 	const { className, name, ...rest } = props;
-	const styles = useStyleConfig("Button", useButtonContext());
+	const buttonContext = useButtonContext();
+	const styles = useStyleConfig("Button", buttonContext);
 	useEffect(() => {
 		if (isConceptualIcon(name)) console.warn(`[ButtonIcon] Conceptual icon "${name}" is not supported inside a Button. Use a UI icon (name starting with "ui") instead.`);
 	}, [name]);
@@ -31,5 +32,5 @@ ButtonIcon.displayName = "ButtonIcon";
 
 //#endregion
 export { ButtonIcon, ButtonIcon as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { IconProp, IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AASA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,KAAK;;AAGpE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CAErC,MAAM,SAAS,eAAe,UADR,iBAC8B,CAAC;CAErD,gBAAgB;EACd,IAA6C,iBAAiB,IAAI,GAChE,QAAQ,KACN,iCAAiC,KAAK,qFACxC;CAEJ,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,iBAAiB,IAAI,GAAG,OAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;CAEhF,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport type { IconProp, IconProps } from '../icon'\n\nimport { useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AASA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,KAAK;;AAGpE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CACrC,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,SAAS,eAAe,UAAU,aAAa;CAErD,gBAAgB;EACd,IAA6C,iBAAiB,IAAI,GAChE,QAAQ,KACN,iCAAiC,KAAK,qFACxC;CAEJ,GAAG,CAAC,IAAI,CAAC;CAET,IAAI,iBAAiB,IAAI,GAAG,OAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;CAEhF,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,SAAS;EACzC,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;CACL;AAEL,CAAC;AAED,WAAW,cAAc"}

package/dist/button/buttonText.js

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

package/dist/button/buttons.js

@@ -66,5 +66,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=buttons.js.map

package/dist/button/consts.js

@@ -34,5 +34,5 @@ const CSS_VAR_MAPPINGS = {
 
 //#endregion
 export { CSS_VAR_MAPPINGS, loadingIconProps };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=consts.js.map

package/dist/button/context.js

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

package/dist/button/theme.js

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

package/dist/button/useButtonComputed.js

@@ -21,7 +21,8 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 		size,
 		...variant
 	}) || {};
-	const defaultStyles = useStyleConfig("Button", { variant: resolveVariantKey("primary", intentProp ?? "brand") }) || {};
+	const fallbackVariant = resolveVariantKey("primary", intentProp ?? "brand");
+	const defaultStyles = useStyleConfig("Button", { variant: fallbackVariant }) || {};
 	return useMemo(() => {
 		const requestedContainer = styles.container || {};
 		const container = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color ? requestedContainer : defaultStyles.container || {};
@@ -103,5 +104,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/useButtonComputed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonComputed.js","names":["fontSizes"],"sources":["../../src/button/useButtonComputed.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonComputedOptions, ComputedResult } from './button.types'\n\nimport { useStyleConfig, useTheme } from '../core'\nimport { fontSizes } from '../theme'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport { DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW } from './consts'\nimport { extractNumericValue, resolveVariantKey } from './utils'\n\n/**\n * Consolidated hook for computing all button styles and props.\n * Combines theme resolution, spacing, state-based styles, and className generation.\n * Reduces memoization overhead by computing all derived values in a single pass.\n *\n * @param options - See {@link ButtonComputedOptions} for individual field descriptions.\n * @returns See {@link ComputedResult}\n */\nexport const useButtonComputed = ({\n  size,\n  variant,\n  intentProp,\n  borderWidthProp,\n  disabled,\n  isActive,\n  isIconOnly,\n  isRound,\n  isElevated,\n  hasStartIcon,\n  hasEndIcon,\n  isFullWidth,\n  className,\n  variantProp,\n}: ButtonComputedOptions): ComputedResult => {\n  const theme = useTheme()\n  const styles = useStyleConfig('Button', { size, ...variant }) || {}\n\n  // Fallback to default variant — resolves correctly with the two-prop API.\n  // resolveVariantKey with a non-falsy variant always returns a string; ?? 'primaryBrand' is unreachable.\n  const fallbackVariant = resolveVariantKey('primary', intentProp ?? 'brand')!\n  const defaultStyles = useStyleConfig('Button', { variant: fallbackVariant }) || {}\n\n  return useMemo(() => {\n    // Theme and style resolution — use default styles if container is empty or has no bg color\n    const requestedContainer = styles.container || {}\n    const hasValidStyles = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color\n    const container = hasValidStyles ? requestedContainer : defaultStyles.container || {}\n    const {\n      borderWidth = DEFAULT_BORDER_WIDTH,\n      paddingX = 16,\n      paddingXIcon,\n      paddingY = 12,\n      gapX = 8,\n      h = 40,\n      fontSize = 'md',\n      ...buttonStyles\n    } = container\n\n    // Normalize button styles with fallbacks for text colors only\n    const normalizedStyles = {\n      ...buttonStyles,\n      activeColor: buttonStyles.activeColor ?? buttonStyles.color,\n      hoverColor: buttonStyles.hoverColor ?? buttonStyles.color,\n    }\n\n    // Spacing calculations\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const py = paddingY - border\n\n    // Horizontal padding — two tiers (border handled by border-box, icon-only uses no padding):\n    const pxForSide = (hasIcon: boolean) => {\n      if (isIconOnly) return 0\n      return hasIcon ? (paddingXIcon ?? paddingX) : paddingX\n    }\n\n    const spacing = {\n      borderWidth: border,\n      pl: `var(--vui-button-px-start, ${pxForSide(hasStartIcon)}px)`,\n      pr: `var(--vui-button-px-end,   ${pxForSide(hasEndIcon)}px)`,\n      pt: `var(--vui-button-py-start, ${isIconOnly ? 0 : py}px)`,\n      pb: `var(--vui-button-py-end,   ${isIconOnly ? 0 : py}px)`,\n      gap: `var(--vui-button-gap,     ${gapX}px)`,\n    }\n\n    // Disabled state props with CSS variable overrides\n    // Theme tokens (like landGreen.70) are resolved by styled system, then wrapped in CSS variables\n    // This allows both theme resolution and CSS variable overrides to work together\n    const disabledProps = disabled\n      ? filterUndefined({\n          'aria-disabled': disabled,\n          bg: container.disabledBg ?? undefined,\n          borderColor: container.disabledBorderColor ?? undefined,\n          color: container.disabledColor ?? undefined,\n          hoverBg: container.disabledBg ?? normalizedStyles.bg,\n          hoverBorderColor: container.disabledBorderColor ?? normalizedStyles.borderColor,\n          hoverColor: container.disabledColor ?? normalizedStyles.color,\n          activeBg: container.disabledBg ?? normalizedStyles.bg,\n          cursor: 'not-allowed',\n        })\n      : {}\n\n    // Active state props - prevents hover effects when button is active\n    const activeProps = isActive\n      ? filterUndefined({\n          bg: container.activeBg,\n          borderColor: container.activeBorderColor,\n          color: container.activeColor,\n          hoverBg: container.activeBg,\n          hoverBorderColor: container.activeBorderColor,\n          hoverColor: container.activeColor,\n          cursor: 'default',\n        })\n      : {}\n\n    // Aliased props (computed properties)\n    const resolvedBoxShadow = theme.shadows[DEFAULT_BOX_SHADOW as keyof typeof theme.shadows] ?? DEFAULT_BOX_SHADOW\n    const resolvedFontSize = fontSizes[fontSize as keyof typeof fontSizes] ?? fontSize\n    const aliasedProps = filterUndefined({\n      borderRadius: isRound\n        ? `var(--vui-button-border-radius, 9999px)`\n        : `var(--vui-button-border-radius, ${container.borderRadius || 0}px)`,\n      boxShadow: isElevated ? `var(--vui-button-box-shadow, ${resolvedBoxShadow})` : undefined,\n      fontSize: `var(--vui-button-font-size, ${resolvedFontSize}px)`,\n      h: `var(--vui-button-h, ${h}px)`,\n      minW: isFullWidth ? undefined : `var(--vui-button-min-w, auto)`,\n      w: isIconOnly ? `var(--vui-button-w, ${h}px)` : isFullWidth ? '100%' : undefined,\n    })\n\n    // Class name generation\n    const buttonClassName = cs(\n      'vui-button',\n      className,\n      isActive && activeClassName,\n      variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      intentProp ? `vui-button-intent-${intentProp}` : undefined,\n    )\n\n    return {\n      buttonStyles: normalizedStyles,\n      spacing,\n      disabledProps,\n      activeProps,\n      aliasedProps,\n      buttonClassName,\n    }\n  }, [\n    styles,\n    defaultStyles,\n    theme,\n    intentProp,\n    borderWidthProp,\n    hasStartIcon,\n    hasEndIcon,\n    isIconOnly,\n    disabled,\n    isActive,\n    isRound,\n    isElevated,\n    isFullWidth,\n    className,\n    variantProp,\n  ])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAa,qBAAqB,EAChC,MACA,SACA,YACA,iBACA,UACA,UACA,YACA,SACA,YACA,cACA,YACA,aACA,WACA,kBAC2C;CAC3C,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,eAAe,UAAU;EAAE;EAAM,GAAG;CAAQ,CAAC,KAAK,CAAC;CAKlE,MAAM,gBAAgB,eAAe,UAAU,EAAE,SADzB,kBAAkB,WAAW,cAAc,OACK,EAAE,CAAC,KAAK,CAAC;CAEjF,OAAO,cAAc;EAEnB,MAAM,qBAAqB,OAAO,aAAa,CAAC;EAEhD,MAAM,YADiB,mBAAmB,MAAM,mBAAmB,eAAe,mBAAmB,QAClE,qBAAqB,cAAc,aAAa,CAAC;EACpF,MAAM,EACJ,iBACA,WAAW,IACX,cACA,WAAW,IACX,OAAO,GACP,IAAI,IACJ,WAAW,MACX,GAAG,iBACD;EAGJ,MAAM,mBAAmB;GACvB,GAAG;GACH,aAAa,aAAa,eAAe,aAAa;GACtD,YAAY,aAAa,cAAc,aAAa;EACtD;EAGA,MAAM,SAAS,oBAAoB,eAAe,KAAK;EACvD,MAAM,KAAK,WAAW;EAGtB,MAAM,aAAa,YAAqB;GACtC,IAAI,YAAY,OAAO;GACvB,OAAO,UAAW,gBAAgB,WAAY;EAChD;EAEA,MAAM,UAAU;GACd,aAAa;GACb,IAAI,8BAA8B,UAAU,YAAY,EAAE;GAC1D,IAAI,8BAA8B,UAAU,UAAU,EAAE;GACxD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,KAAK,6BAA6B,KAAK;EACzC;EAKA,MAAM,gBAAgB,WAClB,gBAAgB;GACd,iBAAiB;GACjB,IAAI,UAAU,cAAc;GAC5B,aAAa,UAAU,uBAAuB;GAC9C,OAAO,UAAU,iBAAiB;GAClC,SAAS,UAAU,cAAc,iBAAiB;GAClD,kBAAkB,UAAU,uBAAuB,iBAAiB;GACpE,YAAY,UAAU,iBAAiB,iBAAiB;GACxD,UAAU,UAAU,cAAc,iBAAiB;GACnD,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,cAAc,WAChB,gBAAgB;GACd,IAAI,UAAU;GACd,aAAa,UAAU;GACvB,OAAO,UAAU;GACjB,SAAS,UAAU;GACnB,kBAAkB,UAAU;GAC5B,YAAY,UAAU;GACtB,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,oBAAoB,MAAM;EAChC,MAAM,mBAAmBA,kBAAU,aAAuC;EAqB1E,OAAO;GACL,cAAc;GACd;GACA;GACA;GACA,cAzBmB,gBAAgB;IACnC,cAAc,UACV,4CACA,mCAAmC,UAAU,gBAAgB,EAAE;IACnE,WAAW,aAAa,gCAAgC,kBAAkB,KAAK;IAC/E,UAAU,+BAA+B,iBAAiB;IAC1D,GAAG,uBAAuB,EAAE;IAC5B,MAAM,cAAc,SAAY;IAChC,GAAG,aAAa,uBAAuB,EAAE,OAAO,cAAc,SAAS;GACzE,CAgBa;GACX,iBAdsB,GACtB,cACA,WACA,0BACA,cAAc,sBAAsB,gBAAgB,QACpD,aAAa,qBAAqB,eAAe,MASnC;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}
+{"version":3,"file":"useButtonComputed.js","names":["fontSizes"],"sources":["../../src/button/useButtonComputed.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonComputedOptions, ComputedResult } from './button.types'\n\nimport { useStyleConfig, useTheme } from '../core'\nimport { fontSizes } from '../theme'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport { DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW } from './consts'\nimport { extractNumericValue, resolveVariantKey } from './utils'\n\n/**\n * Consolidated hook for computing all button styles and props.\n * Combines theme resolution, spacing, state-based styles, and className generation.\n * Reduces memoization overhead by computing all derived values in a single pass.\n *\n * @param options - See {@link ButtonComputedOptions} for individual field descriptions.\n * @returns See {@link ComputedResult}\n */\nexport const useButtonComputed = ({\n  size,\n  variant,\n  intentProp,\n  borderWidthProp,\n  disabled,\n  isActive,\n  isIconOnly,\n  isRound,\n  isElevated,\n  hasStartIcon,\n  hasEndIcon,\n  isFullWidth,\n  className,\n  variantProp,\n}: ButtonComputedOptions): ComputedResult => {\n  const theme = useTheme()\n  const styles = useStyleConfig('Button', { size, ...variant }) || {}\n\n  // Fallback to default variant — resolves correctly with the two-prop API.\n  // resolveVariantKey with a non-falsy variant always returns a string; ?? 'primaryBrand' is unreachable.\n  const fallbackVariant = resolveVariantKey('primary', intentProp ?? 'brand')!\n  const defaultStyles = useStyleConfig('Button', { variant: fallbackVariant }) || {}\n\n  return useMemo(() => {\n    // Theme and style resolution — use default styles if container is empty or has no bg color\n    const requestedContainer = styles.container || {}\n    const hasValidStyles = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color\n    const container = hasValidStyles ? requestedContainer : defaultStyles.container || {}\n    const {\n      borderWidth = DEFAULT_BORDER_WIDTH,\n      paddingX = 16,\n      paddingXIcon,\n      paddingY = 12,\n      gapX = 8,\n      h = 40,\n      fontSize = 'md',\n      ...buttonStyles\n    } = container\n\n    // Normalize button styles with fallbacks for text colors only\n    const normalizedStyles = {\n      ...buttonStyles,\n      activeColor: buttonStyles.activeColor ?? buttonStyles.color,\n      hoverColor: buttonStyles.hoverColor ?? buttonStyles.color,\n    }\n\n    // Spacing calculations\n    const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH\n    const py = paddingY - border\n\n    // Horizontal padding — two tiers (border handled by border-box, icon-only uses no padding):\n    const pxForSide = (hasIcon: boolean) => {\n      if (isIconOnly) return 0\n      return hasIcon ? (paddingXIcon ?? paddingX) : paddingX\n    }\n\n    const spacing = {\n      borderWidth: border,\n      pl: `var(--vui-button-px-start, ${pxForSide(hasStartIcon)}px)`,\n      pr: `var(--vui-button-px-end,   ${pxForSide(hasEndIcon)}px)`,\n      pt: `var(--vui-button-py-start, ${isIconOnly ? 0 : py}px)`,\n      pb: `var(--vui-button-py-end,   ${isIconOnly ? 0 : py}px)`,\n      gap: `var(--vui-button-gap,     ${gapX}px)`,\n    }\n\n    // Disabled state props with CSS variable overrides\n    // Theme tokens (like landGreen.70) are resolved by styled system, then wrapped in CSS variables\n    // This allows both theme resolution and CSS variable overrides to work together\n    const disabledProps = disabled\n      ? filterUndefined({\n          'aria-disabled': disabled,\n          bg: container.disabledBg ?? undefined,\n          borderColor: container.disabledBorderColor ?? undefined,\n          color: container.disabledColor ?? undefined,\n          hoverBg: container.disabledBg ?? normalizedStyles.bg,\n          hoverBorderColor: container.disabledBorderColor ?? normalizedStyles.borderColor,\n          hoverColor: container.disabledColor ?? normalizedStyles.color,\n          activeBg: container.disabledBg ?? normalizedStyles.bg,\n          cursor: 'not-allowed',\n        })\n      : {}\n\n    // Active state props - prevents hover effects when button is active\n    const activeProps = isActive\n      ? filterUndefined({\n          bg: container.activeBg,\n          borderColor: container.activeBorderColor,\n          color: container.activeColor,\n          hoverBg: container.activeBg,\n          hoverBorderColor: container.activeBorderColor,\n          hoverColor: container.activeColor,\n          cursor: 'default',\n        })\n      : {}\n\n    // Aliased props (computed properties)\n    const resolvedBoxShadow = theme.shadows[DEFAULT_BOX_SHADOW as keyof typeof theme.shadows] ?? DEFAULT_BOX_SHADOW\n    const resolvedFontSize = fontSizes[fontSize as keyof typeof fontSizes] ?? fontSize\n    const aliasedProps = filterUndefined({\n      borderRadius: isRound\n        ? `var(--vui-button-border-radius, 9999px)`\n        : `var(--vui-button-border-radius, ${container.borderRadius || 0}px)`,\n      boxShadow: isElevated ? `var(--vui-button-box-shadow, ${resolvedBoxShadow})` : undefined,\n      fontSize: `var(--vui-button-font-size, ${resolvedFontSize}px)`,\n      h: `var(--vui-button-h, ${h}px)`,\n      minW: isFullWidth ? undefined : `var(--vui-button-min-w, auto)`,\n      w: isIconOnly ? `var(--vui-button-w, ${h}px)` : isFullWidth ? '100%' : undefined,\n    })\n\n    // Class name generation\n    const buttonClassName = cs(\n      'vui-button',\n      className,\n      isActive && activeClassName,\n      variantProp ? `vui-button-variant-${variantProp}` : undefined,\n      intentProp ? `vui-button-intent-${intentProp}` : undefined,\n    )\n\n    return {\n      buttonStyles: normalizedStyles,\n      spacing,\n      disabledProps,\n      activeProps,\n      aliasedProps,\n      buttonClassName,\n    }\n  }, [\n    styles,\n    defaultStyles,\n    theme,\n    intentProp,\n    borderWidthProp,\n    hasStartIcon,\n    hasEndIcon,\n    isIconOnly,\n    disabled,\n    isActive,\n    isRound,\n    isElevated,\n    isFullWidth,\n    className,\n    variantProp,\n  ])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAa,qBAAqB,EAChC,MACA,SACA,YACA,iBACA,UACA,UACA,YACA,SACA,YACA,cACA,YACA,aACA,WACA,kBAC2C;CAC3C,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,eAAe,UAAU;EAAE;EAAM,GAAG;CAAQ,CAAC,KAAK,CAAC;CAIlE,MAAM,kBAAkB,kBAAkB,WAAW,cAAc,OAAO;CAC1E,MAAM,gBAAgB,eAAe,UAAU,EAAE,SAAS,gBAAgB,CAAC,KAAK,CAAC;CAEjF,OAAO,cAAc;EAEnB,MAAM,qBAAqB,OAAO,aAAa,CAAC;EAEhD,MAAM,YADiB,mBAAmB,MAAM,mBAAmB,eAAe,mBAAmB,QAClE,qBAAqB,cAAc,aAAa,CAAC;EACpF,MAAM,EACJ,iBACA,WAAW,IACX,cACA,WAAW,IACX,OAAO,GACP,IAAI,IACJ,WAAW,MACX,GAAG,iBACD;EAGJ,MAAM,mBAAmB;GACvB,GAAG;GACH,aAAa,aAAa,eAAe,aAAa;GACtD,YAAY,aAAa,cAAc,aAAa;EACtD;EAGA,MAAM,SAAS,oBAAoB,eAAe,KAAK;EACvD,MAAM,KAAK,WAAW;EAGtB,MAAM,aAAa,YAAqB;GACtC,IAAI,YAAY,OAAO;GACvB,OAAO,UAAW,gBAAgB,WAAY;EAChD;EAEA,MAAM,UAAU;GACd,aAAa;GACb,IAAI,8BAA8B,UAAU,YAAY,EAAE;GAC1D,IAAI,8BAA8B,UAAU,UAAU,EAAE;GACxD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,IAAI,8BAA8B,aAAa,IAAI,GAAG;GACtD,KAAK,6BAA6B,KAAK;EACzC;EAKA,MAAM,gBAAgB,WAClB,gBAAgB;GACd,iBAAiB;GACjB,IAAI,UAAU,cAAc;GAC5B,aAAa,UAAU,uBAAuB;GAC9C,OAAO,UAAU,iBAAiB;GAClC,SAAS,UAAU,cAAc,iBAAiB;GAClD,kBAAkB,UAAU,uBAAuB,iBAAiB;GACpE,YAAY,UAAU,iBAAiB,iBAAiB;GACxD,UAAU,UAAU,cAAc,iBAAiB;GACnD,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,cAAc,WAChB,gBAAgB;GACd,IAAI,UAAU;GACd,aAAa,UAAU;GACvB,OAAO,UAAU;GACjB,SAAS,UAAU;GACnB,kBAAkB,UAAU;GAC5B,YAAY,UAAU;GACtB,QAAQ;EACV,CAAC,IACD,CAAC;EAGL,MAAM,oBAAoB,MAAM;EAChC,MAAM,mBAAmBA,kBAAU,aAAuC;EAqB1E,OAAO;GACL,cAAc;GACd;GACA;GACA;GACA,cAzBmB,gBAAgB;IACnC,cAAc,UACV,4CACA,mCAAmC,UAAU,gBAAgB,EAAE;IACnE,WAAW,aAAa,gCAAgC,kBAAkB,KAAK;IAC/E,UAAU,+BAA+B,iBAAiB;IAC1D,GAAG,uBAAuB,EAAE;IAC5B,MAAM,cAAc,SAAY;IAChC,GAAG,aAAa,uBAAuB,EAAE,OAAO,cAAc,SAAS;GACzE,CAgBa;GACX,iBAdsB,GACtB,cACA,WACA,0BACA,cAAc,sBAAsB,gBAAgB,QACpD,aAAa,qBAAqB,eAAe,MASnC;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/dist/button/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/button/utils.ts"],"mappings":";;;;;;;;;;;;;cA0Ba,oBACX,SAAS,oCACT,QAAQ"}
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/button/utils.ts"],"mappings":";;;;;;;;;;;;;cA0Ba,oBAAiB,SACnB,oCAAkC,QACnC"}

package/dist/button/utils.js

@@ -56,5 +56,5 @@ const wrapWithVars = (props, mapping) => {
 
 //#endregion
 export { extractNumericValue, resolveVariantKey, wrapWithVars };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=utils.js.map

package/dist/buttonGroup/buttonGroup.js

@@ -52,16 +52,17 @@ const ButtonGroupBase = styled.divBox`
 */
 const ButtonGroup = vui((props, ref) => {
 	const { className, disabled, innerBorderColor, size, variant = "default", ...rest } = props;
+	const context = useMemo(() => filterUndefined({
+		disabled,
+		size,
+		variant: variant === "default" ? "buttonGroupDefault" : "buttonGroupRounded"
+	}), [
+		disabled,
+		size,
+		variant
+	]);
 	return /* @__PURE__ */ jsx(ButtonGroupProvider, {
-		value: useMemo(() => filterUndefined({
-			disabled,
-			size,
-			variant: variant === "default" ? "buttonGroupDefault" : "buttonGroupRounded"
-		}), [
-			disabled,
-			size,
-			variant
-		]),
+		value: context,
 		children: /* @__PURE__ */ jsx(ButtonGroupBase, {
 			className: cs("vui-buttonGroup", className, `vui-buttonGroup-variant-${variant}`),
 			innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props),
@@ -74,5 +75,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroup, ButtonGroup as default, ButtonGroupBase };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonGroupProps } from './buttonGroup.types'\n\nimport { styled, th, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // Rounded variant base styles\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n    border-color: var(--vui-control-placeholder);\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;AASA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;AActD,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;CAYtF,OACE,oBAAC,qBAAD;EAAqB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;EAC1D,CAAC,GACH;GAAC;GAAU;GAAM;EAAO,CAIU;YAChC,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,SAAS;GAC1E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,KAAK;GAAG;GAC1F,GAAI;EACL;CACkB;AAEzB,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { ButtonGroupProps } from './buttonGroup.types'\n\nimport { styled, th, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // Rounded variant base styles\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n    border-color: var(--vui-control-placeholder);\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;AASA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,gBAAgB,EAAE;;;;;;;;;;;;;AActD,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;CAEtF,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA,SAAS,YAAY,YAAY,uBAAuB;CAC1D,CAAC,GACH;EAAC;EAAU;EAAM;CAAO,CAC1B;CAEA,OACE,oBAAC,qBAAD;EAAqB,OAAO;YAC1B,oBAAC,iBAAD;GACE,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,SAAS;GAC1E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,KAAK;GAAG;GAC1F,GAAI;EACL;CACkB;AAEzB,CAAC;AAED,YAAY,cAAc"}

package/dist/buttonGroup/context.js

@@ -5,5 +5,5 @@ const [ButtonGroupProvider, useButtonGroupContext] = createContext({ isOptional:
 
 //#endregion
 export { ButtonGroupProvider, useButtonGroupContext };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=context.js.map

package/dist/buttonGroup/helpers.js

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

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts

@@ -1,12 +1,9 @@
 import { ButtonToggleGroupProps } from "./buttonToggleGroup.types.js";
 //#region src/buttonToggleGroup/buttonToggleGroup.d.ts
-/**
- * Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.
- */
-declare const ButtonToggleGroup: {
-  (props: ButtonToggleGroupProps): import("react").JSX.Element;
-  displayName: string;
-};
+declare function ButtonToggleGroup(props: ButtonToggleGroupProps): import("react").JSX.Element;
+declare namespace ButtonToggleGroup {
+  var displayName: string;
+}
 //#endregion
 export { ButtonToggleGroup, ButtonToggleGroup as default };
 

package/dist/buttonToggleGroup/buttonToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"mappings":";;;;;cAQa;GAA4B,OAAA,yCAAsB,IAAA"}
+{"version":3,"file":"buttonToggleGroup.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.tsx"],"mappings":";;iBAQkC,kBAAA,OAAO,yCAAsB,IAAA"}

package/dist/buttonToggleGroup/buttonToggleGroup.js

@@ -19,5 +19,5 @@ ButtonToggleGroup.displayName = "ButtonToggleGroup";
 
 //#endregion
 export { ButtonToggleGroup, ButtonToggleGroup as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=buttonToggleGroup.js.map

package/dist/calendar/calendar.js

@@ -70,8 +70,10 @@ const Calendar = vui((props, ref) => {
 	*/
 	const updateDateState = (newDate) => {
 		const dateRange = { ...selectedDates };
-		if (dateRange) if (isTo(mode)) dateRange.endDate = newDate;
-		else dateRange.startDate = newDate;
+		if (dateRange) {
+			if (isTo(mode)) dateRange.endDate = newDate;
+			else dateRange.startDate = newDate;
+		}
 		if (newDate && !disabled) onSelectDates && onSelectDates(dateRange);
 	};
 	const calendar = calendarRef.current = useCalendar({
@@ -120,5 +122,5 @@ Calendar.displayName = "Calendar";
 
 //#endregion
 export { Calendar, Calendar as default };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":[],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,iBAAiB,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe,OAAO;;;;CAK/G,gBAAgB;EACd,eAAe,UAAU,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;EACnG,eAAe,WAAW,YAAY,eAAe,OAAO;CAC9D,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,cAAc,OAA0B,IAAI;CAElD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAuB,KAAK;CACpE,MAAM,CAAC,UAAU,eAAe,SAAe,gBAAgB;;;;CAK/D,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,KAAK;EACnG,gBAAgB,YAAY,YAAY;CAC1C;;;;CAKA,MAAM,eAAe,sBAA4B;EAC/C,gBAAgB,WAAW;EAC3B,YAAY,WAAW;CACzB;;;;CAKA,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,UAAU;EACzE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,KAAK;CACvB;;;;CAKA,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,UAAU;EACxE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,OAAO;CACzB;;;;CAKA,MAAM,mBAAmB,YAAkB;EACzC,MAAM,YAAuB,EAAE,GAAG,cAAc;EAEhD,IAAI,WACF,IAAI,KAAK,IAAI,GAAG,UAAU,UAAU;OAC/B,UAAU,YAAY;EAG7B,IAAI,WAAW,CAAC,UAAU,iBAAiB,cAAc,SAAS;CACpE;CAEA,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;YATN;GAWE,oBAAC,gBAAD;IACE,cAAc,SAAS;IACL;IAClB,oBAAoB,SAAuB,gBAAgB,IAAI;IAC/D,cAAc,SAAS;IACT;IACd,WAAW;GACZ;GACA,MAAM,YAAY,KAAK,oBAAC,WAAD;IAAqB;IAAuB;GAAc;GACjF,QAAQ,YAAY,KAAK,oBAAC,aAAD;IAAuB;IAAyB;GAAgB;GACzF,OAAO,YAAY,KAAK,oBAAC,YAAD;IAAsB;IAAwB;GAAe;EACnF;;AAET,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"calendar.js","names":[],"sources":["../../src/calendar/calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport type { CalendarProps, DateRange, FlowDirection, TimeResult, TimeUnitMode } from './calendar.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { CalendarHeader, DayPicker, MonthPicker, YearPicker } from './components'\nimport { useCalendar, useDefaultViewMonth } from './hooks'\nimport {\n  isDay,\n  isExact,\n  isFrom,\n  isMonth,\n  isTo,\n  isYear,\n  processSelectMonth,\n  processSelectYear,\n  processViewDate,\n} from './utils'\n\n/** Displays calendar. */\nexport const Calendar = vui<'div', CalendarProps>((props, ref) => {\n  const {\n    boundaries,\n    className,\n    fixedNumberOfWeeks = false,\n    disabled,\n    isStartDate,\n    mode,\n    onSelectDates,\n    selectedDates,\n    ...rest\n  } = omitThemingProps(props)\n  const styles = useStyleConfig('Calendar', props)\n\n  const currentDateRef = useRef(isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate)\n\n  /**\n   * Effect to reset viewDate when selectedDates changes (onReset)\n   */\n  useEffect(() => {\n    currentDateRef.current = isFrom(mode) || isExact(mode) ? selectedDates?.startDate : selectedDates?.endDate\n    currentDateRef.current && setViewDate(currentDateRef.current)\n  }, [selectedDates])\n\n  const calendarRef = useRef<TimeResult | null>(null)\n\n  const defaultViewMonth = useDefaultViewMonth({\n    boundaries,\n    selectedDate: currentDateRef.current,\n    isStartDate,\n  })\n\n  const [timeUnitMode, setTimeUnitMode] = useState<TimeUnitMode>('day')\n  const [viewDate, setViewDate] = useState<Date>(defaultViewMonth)\n\n  /**\n   * Handles clicking next/prev in header\n   */\n  const onChangeViewItem = (direction: FlowDirection) => {\n    const newViewMonth = processViewDate(viewDate, direction, timeUnitMode, calendarRef?.current?.items)\n    newViewMonth && setViewDate(newViewMonth)\n  }\n\n  /**\n   * Handles clicking on a day\n   */\n  const onSelectDay = (clickedDate: Date) => () => {\n    updateDateState(clickedDate)\n    setViewDate(clickedDate)\n  }\n\n  /**\n   * Handles clicking on a month\n   */\n  const onSelectMonth = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectMonth(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('day')\n  }\n\n  /**\n   * Handles clicking on a year\n   */\n  const onSelectYear = (clickedDate: Date) => () => {\n    const processedNewDate = processSelectYear(clickedDate, mode, boundaries)\n    updateDateState(processedNewDate)\n    setViewDate(processedNewDate)\n    setTimeUnitMode('month')\n  }\n\n  /**\n   * Send update date to parent component\n   */\n  const updateDateState = (newDate: Date) => {\n    const dateRange: DateRange = { ...selectedDates }\n\n    if (dateRange) {\n      if (isTo(mode)) dateRange.endDate = newDate\n      else dateRange.startDate = newDate\n    }\n\n    if (newDate && !disabled) onSelectDates && onSelectDates(dateRange)\n  }\n\n  const calendar = (calendarRef.current = useCalendar({\n    boundaries,\n    mode,\n    selectedDates,\n    timeUnitMode,\n    viewDate,\n    fixedNumberOfWeeks,\n  }))\n\n  return (\n    <Box\n      className={cs('vui-calendar', className)}\n      column\n      cursor=\"default\"\n      minW={280}\n      position=\"relative\"\n      ref={ref}\n      w=\"fit-content\"\n      {...styles}\n      {...rest}\n    >\n      <CalendarHeader\n        nextDisabled={calendar.nextDisabled}\n        onChangeViewItem={onChangeViewItem}\n        onSetTimeUnitMode={(mode: TimeUnitMode) => setTimeUnitMode(mode)}\n        prevDisabled={calendar.prevDisabled}\n        timeUnitMode={timeUnitMode}\n        viewMonth={viewDate}\n      />\n      {isDay(timeUnitMode) && <DayPicker calendar={calendar} onSelectDay={onSelectDay} />}\n      {isMonth(timeUnitMode) && <MonthPicker calendar={calendar} onSelectMonth={onSelectMonth} />}\n      {isYear(timeUnitMode) && <YearPicker calendar={calendar} onSelectYear={onSelectYear} />}\n    </Box>\n  )\n})\n\nCalendar.displayName = 'Calendar'\n\nexport default Calendar\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,YACA,WACA,qBAAqB,OACrB,UACA,aACA,MACA,eACA,eACA,GAAG,SACD,iBAAiB,KAAK;CAC1B,MAAM,SAAS,eAAe,YAAY,KAAK;CAE/C,MAAM,iBAAiB,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe,OAAO;;;;CAK/G,gBAAgB;EACd,eAAe,UAAU,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,eAAe,YAAY,eAAe;EACnG,eAAe,WAAW,YAAY,eAAe,OAAO;CAC9D,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,cAAc,OAA0B,IAAI;CAElD,MAAM,mBAAmB,oBAAoB;EAC3C;EACA,cAAc,eAAe;EAC7B;CACF,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,SAAuB,KAAK;CACpE,MAAM,CAAC,UAAU,eAAe,SAAe,gBAAgB;;;;CAK/D,MAAM,oBAAoB,cAA6B;EACrD,MAAM,eAAe,gBAAgB,UAAU,WAAW,cAAc,aAAa,SAAS,KAAK;EACnG,gBAAgB,YAAY,YAAY;CAC1C;;;;CAKA,MAAM,eAAe,sBAA4B;EAC/C,gBAAgB,WAAW;EAC3B,YAAY,WAAW;CACzB;;;;CAKA,MAAM,iBAAiB,sBAA4B;EACjD,MAAM,mBAAmB,mBAAmB,aAAa,MAAM,UAAU;EACzE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,KAAK;CACvB;;;;CAKA,MAAM,gBAAgB,sBAA4B;EAChD,MAAM,mBAAmB,kBAAkB,aAAa,MAAM,UAAU;EACxE,gBAAgB,gBAAgB;EAChC,YAAY,gBAAgB;EAC5B,gBAAgB,OAAO;CACzB;;;;CAKA,MAAM,mBAAmB,YAAkB;EACzC,MAAM,YAAuB,EAAE,GAAG,cAAc;EAEhD,IAAI,WAAW;GACb,IAAI,KAAK,IAAI,GAAG,UAAU,UAAU;QAC/B,UAAU,YAAY;EAC7B;EAEA,IAAI,WAAW,CAAC,UAAU,iBAAiB,cAAc,SAAS;CACpE;CAEA,MAAM,WAAY,YAAY,UAAU,YAAY;EAClD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EACE,WAAW,GAAG,gBAAgB,SAAS;EACvC;EACA,QAAO;EACP,MAAM;EACN,UAAS;EACJ;EACL,GAAE;EACF,GAAI;EACJ,GAAI;YATN;GAWE,oBAAC,gBAAD;IACE,cAAc,SAAS;IACL;IAClB,oBAAoB,SAAuB,gBAAgB,IAAI;IAC/D,cAAc,SAAS;IACT;IACd,WAAW;GACZ;GACA,MAAM,YAAY,KAAK,oBAAC,WAAD;IAAqB;IAAuB;GAAc;GACjF,QAAQ,YAAY,KAAK,oBAAC,aAAD;IAAuB;IAAyB;GAAgB;GACzF,OAAO,YAAY,KAAK,oBAAC,YAAD;IAAsB;IAAwB;GAAe;EACnF;;AAET,CAAC;AAED,SAAS,cAAc"}

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer, boundary, current, hover, isDisabled, isHidden, isSelected, isToday };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/components/calendarHeader.js

@@ -48,5 +48,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=calendarHeader.js.map

package/dist/calendar/components/dayPicker.js

@@ -47,5 +47,5 @@ const DayPicker = ({ calendar, onSelectDay }) => /* @__PURE__ */ jsxs(DaysContai
 
 //#endregion
 export { DayPicker };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=dayPicker.js.map

package/dist/calendar/components/monthPicker.js

@@ -19,5 +19,5 @@ const MonthPicker = ({ calendar, onSelectMonth }) => /* @__PURE__ */ jsx(Calenda
 
 //#endregion
 export { MonthPicker };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -61,5 +61,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/yearPicker.js

@@ -16,5 +16,5 @@ const YearPicker = ({ calendar, onSelectYear }) => /* @__PURE__ */ jsx(CalendarI
 
 //#endregion
 export { YearPicker };
-globalThis.__vuiVersion__ = "5.3.0"
+globalThis.__vuiVersion__ = "5.3.1"
 //# sourceMappingURL=yearPicker.js.map