@veracity/vui 5.0.0-alpha.2 → 5.0.0-alpha.3

package/dist/_virtual/_rolldown/runtime.js

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

package/dist/accordion/accordion.js

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

package/dist/accordion/accordionItem.js

@@ -82,5 +82,5 @@ AccordionItem.displayName = "AccordionItem";
 
 //#endregion
 export { AccordionItem as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=accordionItemArrow.js.map

package/dist/accordion/accordionItemHorizontal.js

@@ -86,5 +86,5 @@ AccordionItemHorizontal.displayName = "AccordionItemHorizontal";
 
 //#endregion
 export { AccordionItemHorizontal as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/avatar/avatar.js

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

package/dist/avatar/helpers.js

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

package/dist/avatar/theme.js

@@ -166,5 +166,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/badge/badge.js

@@ -30,5 +30,5 @@ Badge.displayName = "Badge";
 
 //#endregion
 export { Badge as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=badge.js.map

package/dist/badge/badge.types.d.ts

@@ -10,8 +10,10 @@ import { JSX } from "react";
 
 //#region src/badge/badge.types.d.ts
 type BadgeInnerProps = {
-  /** Icon that replaces any other content. */icon?: IconProp | JSX.Element; /** Socket displaying icon on the left side. */
-  iconLeft?: IconProp | JSX.Element; /** Socket displaying icon on the right side. */
+  /** Icon that replaces any other content. */icon?: IconProp | JSX.Element; /** Icon displayed on the leading (left) side of the content. */
+  startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the content. */
+  endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
+  iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element; /** Socket displaying text as alternative to children. */
   text?: React.ReactNode;
 };

package/dist/badge/badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"mappings":";;;;;;;;;;;KAOY,eAAA;8CAEV,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA;EAEtB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA;EAE1B,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EANF;EAQzB,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGH,UAAA,GAAa,WAAA,GAAc,YAAA,YAAwB,aAAA,GAAgB,eAAA"}
+{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"mappings":";;;;;;;;;;;KAOY,eAAA;8CAEV,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA;EAEtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA;EAE3B,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EANA;EAQzB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EANnB;EAQP,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EANf;EAQZ,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGH,UAAA,GAAa,WAAA,GAAc,YAAA,YAAwB,aAAA,GAAgB,eAAA"}

package/dist/badge/theme.js

@@ -116,5 +116,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/box/box.js

@@ -35,5 +35,5 @@ Box.displayName = "Box";
 
 //#endregion
 export { BoxBase, Box as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/breadcrumbs/breadcrumbs.js

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

package/dist/breadcrumbs/breadcrumbsItem.js

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

package/dist/breadcrumbs/breadcrumbsSeparator.js

@@ -24,5 +24,5 @@ const BreadcrumbsSeparator = ({ className, children, content, ...rest }) => {
 
 //#endregion
 export { BreadcrumbsSeparator as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,qBAAU,eAAA,WAYtB,kBAAA,CAZsB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;WAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;AAAvB;;cAuCa,MAAA,EAgNP,YAAA,WAAuB,WAAA;EAC3B,IAAA,SAAa,UAAA;EACb,IAAA,SAAa,UAAA;AAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/button/button.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAwBa,UAAA,qBAAU,eAAA,WAYtB,kBAAA,CAZsB,YAAA,EAAA,cAAA,GAAA,oBAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,mBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,oBAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,iBAAA,GAAA,YAAA,GAAA,YAAA,GAAA,mBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,gBAAA,GAAA,SAAA,GAAA,cAAA,GAAA,YAAA,GAAA,cAAA,GAAA,eAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,mBAAA,GAAA,iBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,SAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,QAAA,GAAA,cAAA,GAAA,WAAA,GAAA,eAAA,GAAA,YAAA,GAAA,iBAAA,GAAA,oBAAA,GAAA,iBAAA,GAAA,wBAAA,GAAA,qBAAA,GAAA,sBAAA,GAAA,aAAA,GAAA,eAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,WAAA,GAAA,eAAA,GAAA,gBAAA,GAAA,UAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,cAAA,GAAA,aAAA,GAAA,WAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,SAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,cAAA,GAAA,aAAA,GAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA,GAAA,WAAA,GAAA,cAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,eAAA,GAAA,YAAA,GAAA,YAAA,GAAA,YAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,gBAAA,GAAA,aAAA,GAAA,aAAA,GAAA,WAAA,GAAA,WAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,gBAAA,GAAA,cAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,eAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,UAAA,GAAA,WAAA,GAAA,WAAA,GAAA,eAAA,GAAA,uBAAA,GAAA,uBAAA,GAAA,6BAAA,GAAA,oBAAA,GAAA,eAAA,GAAA,aAAA,GAAA,cAAA,GAAA,eAAA,GAAA,eAAA,GAAA,UAAA,GAAA,kBAAA,GAAA,mBAAA,GAAA,cAAA,GAAA,kBAAA,GAAA,kBAAA,GAAA,eAAA,GAAA,iBAAA,GAAA,kBAAA,GAAA,sBAAA,GAAA,cAAA,GAAA,YAAA;WAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;AAAvB;;cAuCa,MAAA,EA0NP,YAAA,WAAuB,WAAA;EAC3B,IAAA,SAAa,UAAA;EACb,IAAA,SAAa,UAAA;AAAA"}

package/dist/button/button.js

@@ -161,12 +161,18 @@ const Button = vui((props, ref) => {
 		if (colorScheme !== void 0) console.warn("[Button] `colorScheme` is deprecated. Use `variant` + `intent` instead.");
 		if (iconLeft !== void 0) console.warn("[Button] `iconLeft` is deprecated. Use `startIcon` instead.");
 		if (iconRight !== void 0) console.warn("[Button] `iconRight` is deprecated. Use `endIcon` instead.");
+		if (variantProp !== void 0 && ![
+			"primary",
+			"secondary",
+			"tertiary"
+		].includes(variantProp) && /^(primary|secondary|tertiary)(Brand|Contrast|Success|Danger|Warning)$/.test(variantProp)) console.warn(`[Button] Combined variant "${variantProp}" is deprecated. Use separate \`variant\` + \`intent\` props instead (e.g. variant="primary" intent="brand").`);
 		if (!children && !text && !Boolean(ariaLabel || ariaLabelledby || title)) console.warn("[Button] Icon-only buttons must have an accessible label. Add `aria-label`, `aria-labelledby`, or `title` to describe the button action.");
 	}, [
 		_isSplit,
 		colorScheme,
 		iconLeft,
 		iconRight,
+		variantProp,
 		children,
 		text,
 		title,
@@ -199,5 +205,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { ButtonBase, Button as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=button.js.map

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, vui } from '../core'\nimport { filterUndefined } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport { renderButtonIcon, renderContent } from './buttonHelpers'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { CSS_VAR_MAPPINGS } from './consts'\nimport { ButtonProvider } from './context'\nimport { useButtonComputed } from './useButtonComputed'\nimport { resolveVariantKey, wrapWithVars } from './utils'\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: var(--vui-button-font-weight, 500);\n  justify-content: center;\n  line-height: 1.2;\n  overflow: hidden;\n  position: relative;\n  transition-duration: var(--vui-button-transition-duration, fast);\n  user-select: none;\n  width: fit-content;\n`\n\n// Visually-hidden live-region container — invisible on screen but present in\n// the accessibility tree so aria-live announcements fire reliably (WCAG 2.2 SC 4.1.3).\nconst StatusAnnouncer = styled.spanBox`\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n`\n\n// ---------------------------------------------------------------------------\n// Button component\n// ---------------------------------------------------------------------------\n\n/**\n * Button Component\n *\n * A versatile button component that supports multiple states, sizes, variants, and behaviors.\n * Part of the VUI design system with built-in accessibility features.\n *\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme, // deprecated — not forwarded to DOM\n    disabled,\n    dropDownIcon = 'uiAngleDown',\n    intent: intentProp,\n    isSplit: _isSplit, // deprecated — destructured to prevent DOM leak\n    icon,\n    startIcon,\n    iconLeft,\n    endIcon: endIconProp,\n    iconRight,\n    isActive = false,\n    isDropDown,\n    isElevated = false,\n    isFullWidth = false,\n    isLoading = false,\n    loadingText = 'Loading',\n    isRound = false,\n    isTruncated = false,\n    size,\n    text,\n    title,\n    variant: variantProp,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    onClick,\n    ...rest\n  } = mergedProps\n\n  // Non-memoized calculations (trivial expressions — no memo benefit)\n  const hasTextContent = Boolean(children || text)\n  const isIconOnly = !children && !text && !isDropDown\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIconProp = endIconProp ?? iconRight\n  const hasStartIcon = Boolean(resolvedStartIcon || icon || isLoading)\n  const hasEndIcon = Boolean(resolvedEndIconProp || isDropDown)\n  const endIcon = isDropDown ? dropDownIcon : resolvedEndIconProp\n\n  const variantForTheme = useMemo(\n    () => filterUndefined({ variant: resolveVariantKey(variantProp, intentProp) }),\n    [variantProp, intentProp],\n  )\n\n  // Consolidated computation of all button styles and props\n  const computed = useButtonComputed({\n    size,\n    variant: variantForTheme,\n    intentProp,\n    borderWidthProp,\n    disabled: disabled ?? false,\n    isActive,\n    isIconOnly,\n    isRound,\n    isElevated,\n    hasStartIcon,\n    hasEndIcon,\n    isFullWidth,\n    className,\n    variantProp,\n  })\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variantForTheme.variant,\n        intent: intentProp,\n        isDropDown,\n        hasTextContent,\n        isLoading,\n      }),\n    [disabled, size, variantForTheme.variant, intentProp, isDropDown, hasTextContent, isLoading],\n  )\n\n  // Memoized final props - using primitives to avoid object reference changes\n  const finalVariant = variantForTheme.variant as string | undefined\n\n  // Extract primitive values for stable dependencies\n  const borderWidth = computed.spacing.borderWidth\n  const plValue = computed.spacing.pl\n  const prValue = computed.spacing.pr\n  const ptValue = computed.spacing.pt\n  const pbValue = computed.spacing.pb\n  const gapValue = computed.spacing.gap\n\n  // Wrap props with CSS variables for customization.\n  // Uses module-level CSS_VAR_MAPPINGS and wrapWithVars for stable references.\n  const propsWithVars = useMemo(\n    () => ({\n      ...wrapWithVars(computed.buttonStyles, CSS_VAR_MAPPINGS.base),\n      ...wrapWithVars(computed.activeProps, CSS_VAR_MAPPINGS.active),\n      ...wrapWithVars(computed.disabledProps, CSS_VAR_MAPPINGS.disabled),\n    }),\n    [computed.buttonStyles, computed.activeProps, computed.disabledProps],\n  )\n\n  // Stable props memoized without `rest` so the memo can actually reuse between renders.\n  // `rest` (a new object every render) is spread in separately below.\n  const stableFinalProps = useMemo(\n    () => ({\n      borderWidth: `var(--vui-button-border-width, ${borderWidth}px)`,\n      className: computed.buttonClassName,\n      disabled,\n      'aria-label': isLoading && isIconOnly ? loadingText || 'Loading' : ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-busy': isLoading ? true : undefined,\n      'aria-disabled': isLoading ? true : undefined,\n      'aria-haspopup': isDropDown ? true : undefined,\n      focusRing: FOCUS_RING_SIZE,\n      gap: gapValue,\n      pl: plValue,\n      pr: prValue,\n      pt: ptValue,\n      pb: pbValue,\n      onClick: isLoading ? undefined : onClick,\n      pointerEvents: isLoading ? ('none' as const) : undefined,\n      ref,\n      title: title || undefined,\n      type: BUTTON_TYPE as 'button',\n      variant: finalVariant,\n      ...propsWithVars,\n      ...computed.aliasedProps,\n    }),\n    [\n      borderWidth,\n      plValue,\n      prValue,\n      ptValue,\n      pbValue,\n      gapValue,\n      computed.buttonClassName,\n      computed.aliasedProps,\n      disabled,\n      ariaLabel,\n      ariaLabelledby,\n      isDropDown,\n      ref,\n      title,\n      isLoading,\n      onClick,\n      finalVariant,\n      isIconOnly,\n      loadingText,\n      propsWithVars,\n    ],\n  )\n  const finalProps = { ...stableFinalProps, ...rest }\n\n  // Consolidate all dev-mode warnings into a single effect so they run after all hooks\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (_isSplit !== undefined) {\n        console.warn('[Button] The `isSplit` prop is deprecated and has no effect. It will be removed in VUI 5.x.')\n      }\n      if (colorScheme !== undefined) {\n        console.warn('[Button] `colorScheme` is deprecated. Use `variant` + `intent` instead.')\n      }\n      if (iconLeft !== undefined) {\n        console.warn('[Button] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Button] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      const isIconOnly = !children && !text\n      const hasLabel = Boolean(ariaLabel || ariaLabelledby || title)\n      if (isIconOnly && !hasLabel) {\n        console.warn(\n          '[Button] Icon-only buttons must have an accessible label. ' +\n            'Add `aria-label`, `aria-labelledby`, or `title` to describe the button action.',\n        )\n      }\n    }\n  }, [_isSplit, colorScheme, iconLeft, iconRight, children, text, title, ariaLabel, ariaLabelledby])\n\n  const leftIcon = renderButtonIcon(resolvedStartIcon ?? icon, 'left', isLoading)\n  const rightIcon = renderButtonIcon(endIcon, 'right')\n  // Icon-only buttons: suppress loadingText as visible content — it is set as aria-label above\n  // and announced via the StatusAnnouncer live region.\n  const contentElement = isLoading\n    ? isIconOnly\n      ? null\n      : renderContent(loadingText, undefined, isTruncated)\n    : renderContent(children, text, isTruncated)\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {leftIcon}\n        {contentElement}\n        {rightIcon}\n      </ButtonBase>\n      {/* Sibling live region — outside the <button> so AT fire announcements\n          reliably (live regions inside interactive elements are unreliable across\n          NVDA, JAWS and VoiceOver). Always in the DOM so AT register it before\n          content changes (WCAG 2.2 SC 4.1.3 Status Messages). */}\n      <StatusAnnouncer role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n        {isLoading ? loadingText : ''}\n      </StatusAnnouncer>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,cAAc;AACpB,MAAM,kBAAkB;AAKxB,MAAa,aAAa,OAAO,SAAsB;;;;;;;;;;;;;AAgBvD,MAAM,kBAAkB,OAAO,OAAO;;;;;;;;;;;;;;;;;;AAuBtC,MAAa,SAAS,KAA4B,OAAO,QAAQ;CAG/D,MAAM,EACJ,aAAa,iBACb,UACA,WACA,aACA,UACA,eAAe,eACf,QAAQ,YACR,SAAS,UACT,MACA,WACA,UACA,SAAS,aACT,WACA,WAAW,OACX,YACA,aAAa,OACb,cAAc,OACd,YAAY,OACZ,cAAc,WACd,UAAU,OACV,cAAc,OACd,MACA,MACA,OACA,SAAS,aACT,cAAc,WACd,mBAAmB,gBACnB,SACA,GAAG,SA9Be;EAAE,GADG,uBAAuB;EACL,GAAG;EAAO;CAkCrD,MAAM,iBAAiB,QAAQ,YAAY,KAAK;CAChD,MAAM,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;CAC1C,MAAM,oBAAoB,aAAa;CACvC,MAAM,sBAAsB,eAAe;CAC3C,MAAM,eAAe,QAAQ,qBAAqB,QAAQ,UAAU;CACpE,MAAM,aAAa,QAAQ,uBAAuB,WAAW;CAC7D,MAAM,UAAU,aAAa,eAAe;CAE5C,MAAM,kBAAkB,cAChB,gBAAgB,EAAE,SAAS,kBAAkB,aAAa,WAAW,EAAE,CAAC,EAC9E,CAAC,aAAa,WAAW,CAC1B;CAGD,MAAM,WAAW,kBAAkB;EACjC;EACA,SAAS;EACT;EACA;EACA,UAAU,YAAY;EACtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAGF,MAAM,eAAe,cAEjB,gBAAgB;EACd;EACA;EACA,SAAS,gBAAgB;EACzB,QAAQ;EACR;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAU;EAAM,gBAAgB;EAAS;EAAY;EAAY;EAAgB;EAAU,CAC7F;CAGD,MAAM,eAAe,gBAAgB;CAGrC,MAAM,cAAc,SAAS,QAAQ;CACrC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,UAAU,SAAS,QAAQ;CACjC,MAAM,WAAW,SAAS,QAAQ;CAIlC,MAAM,gBAAgB,eACb;EACL,GAAG,aAAa,SAAS,cAAc,iBAAiB,KAAK;EAC7D,GAAG,aAAa,SAAS,aAAa,iBAAiB,OAAO;EAC9D,GAAG,aAAa,SAAS,eAAe,iBAAiB,SAAS;EACnE,GACD;EAAC,SAAS;EAAc,SAAS;EAAa,SAAS;EAAc,CACtE;CAoDD,MAAM,aAAa;EAAE,GAhDI,eAChB;GACL,aAAa,kCAAkC,YAAY;GAC3D,WAAW,SAAS;GACpB;GACA,cAAc,aAAa,aAAa,eAAe,YAAY;GACnE,mBAAmB;GACnB,aAAa,YAAY,OAAO;GAChC,iBAAiB,YAAY,OAAO;GACpC,iBAAiB,aAAa,OAAO;GACrC,WAAW;GACX,KAAK;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS,YAAY,SAAY;GACjC,eAAe,YAAa,SAAmB;GAC/C;GACA,OAAO,SAAS;GAChB,MAAM;GACN,SAAS;GACT,GAAG;GACH,GAAG,SAAS;GACb,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA,SAAS;GACT,SAAS;GACT;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EACyC,GAAG;EAAM;AAGnD,iBAAgB;AAEZ,MAAI,aAAa,OACf,SAAQ,KAAK,8FAA8F;AAE7G,MAAI,gBAAgB,OAClB,SAAQ,KAAK,0EAA0E;AAEzF,MAAI,aAAa,OACf,SAAQ,KAAK,8DAA8D;AAE7E,MAAI,cAAc,OAChB,SAAQ,KAAK,6DAA6D;AAI5E,MAFmB,CAAC,YAAY,CAAC,QAEf,CADD,QAAQ,aAAa,kBAAkB,MAAM,CAE5D,SAAQ,KACN,2IAED;IAGJ;EAAC;EAAU;EAAa;EAAU;EAAW;EAAU;EAAM;EAAO;EAAW;EAAe,CAAC;CAElG,MAAM,WAAW,iBAAiB,qBAAqB,MAAM,QAAQ,UAAU;CAC/E,MAAM,YAAY,iBAAiB,SAAS,QAAQ;CAGpD,MAAM,iBAAiB,YACnB,aACE,OACA,cAAc,aAAa,QAAW,YAAY,GACpD,cAAc,UAAU,MAAM,YAAY;AAE9C,QACE,qBAAC;EAAe,OAAO;aACrB,qBAAC;GAAW,GAAI;;IACb;IACA;IACA;;IACU,EAKb,oBAAC;GAAgB,MAAK;GAAS,aAAU;GAAS,eAAY;aAC3D,YAAY,cAAc;IACX;GACH;EAEnB;AAKF,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,cAAc"}
+{"version":3,"file":"button.js","names":[],"sources":["../../src/button/button.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\n\nimport { useButtonGroupContext } from '../buttonGroup/context'\nimport type { VuiComponent } from '../core'\nimport { styled, vui } from '../core'\nimport { filterUndefined } from '../utils'\nimport type { ButtonProps } from './button.types'\nimport { renderButtonIcon, renderContent } from './buttonHelpers'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { CSS_VAR_MAPPINGS } from './consts'\nimport { ButtonProvider } from './context'\nimport { useButtonComputed } from './useButtonComputed'\nimport { resolveVariantKey, wrapWithVars } from './utils'\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\nconst BUTTON_TYPE = 'button'\nconst FOCUS_RING_SIZE = 3\n\n// ---------------------------------------------------------------------------\n// Styled primitives\n// ---------------------------------------------------------------------------\nexport const ButtonBase = styled.buttonBox<ButtonProps>`\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  font-weight: var(--vui-button-font-weight, 500);\n  justify-content: center;\n  line-height: 1.2;\n  overflow: hidden;\n  position: relative;\n  transition-duration: var(--vui-button-transition-duration, fast);\n  user-select: none;\n  width: fit-content;\n`\n\n// Visually-hidden live-region container — invisible on screen but present in\n// the accessibility tree so aria-live announcements fire reliably (WCAG 2.2 SC 4.1.3).\nconst StatusAnnouncer = styled.spanBox`\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n`\n\n// ---------------------------------------------------------------------------\n// Button component\n// ---------------------------------------------------------------------------\n\n/**\n * Button Component\n *\n * A versatile button component that supports multiple states, sizes, variants, and behaviors.\n * Part of the VUI design system with built-in accessibility features.\n *\n */\nexport const Button = vui<'button', ButtonProps>((props, ref) => {\n  const buttonGroupProps = useButtonGroupContext()\n  const mergedProps = { ...buttonGroupProps, ...props }\n  const {\n    borderWidth: borderWidthProp,\n    children,\n    className,\n    colorScheme, // deprecated — not forwarded to DOM\n    disabled,\n    dropDownIcon = 'uiAngleDown',\n    intent: intentProp,\n    isSplit: _isSplit, // deprecated — destructured to prevent DOM leak\n    icon,\n    startIcon,\n    iconLeft,\n    endIcon: endIconProp,\n    iconRight,\n    isActive = false,\n    isDropDown,\n    isElevated = false,\n    isFullWidth = false,\n    isLoading = false,\n    loadingText = 'Loading',\n    isRound = false,\n    isTruncated = false,\n    size,\n    text,\n    title,\n    variant: variantProp,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    onClick,\n    ...rest\n  } = mergedProps\n\n  // Non-memoized calculations (trivial expressions — no memo benefit)\n  const hasTextContent = Boolean(children || text)\n  const isIconOnly = !children && !text && !isDropDown\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIconProp = endIconProp ?? iconRight\n  const hasStartIcon = Boolean(resolvedStartIcon || icon || isLoading)\n  const hasEndIcon = Boolean(resolvedEndIconProp || isDropDown)\n  const endIcon = isDropDown ? dropDownIcon : resolvedEndIconProp\n\n  const variantForTheme = useMemo(\n    () => filterUndefined({ variant: resolveVariantKey(variantProp, intentProp) }),\n    [variantProp, intentProp],\n  )\n\n  // Consolidated computation of all button styles and props\n  const computed = useButtonComputed({\n    size,\n    variant: variantForTheme,\n    intentProp,\n    borderWidthProp,\n    disabled: disabled ?? false,\n    isActive,\n    isIconOnly,\n    isRound,\n    isElevated,\n    hasStartIcon,\n    hasEndIcon,\n    isFullWidth,\n    className,\n    variantProp,\n  })\n\n  // Memoized context value\n  const contextValue = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variantForTheme.variant,\n        intent: intentProp,\n        isDropDown,\n        hasTextContent,\n        isLoading,\n      }),\n    [disabled, size, variantForTheme.variant, intentProp, isDropDown, hasTextContent, isLoading],\n  )\n\n  // Memoized final props - using primitives to avoid object reference changes\n  const finalVariant = variantForTheme.variant as string | undefined\n\n  // Extract primitive values for stable dependencies\n  const borderWidth = computed.spacing.borderWidth\n  const plValue = computed.spacing.pl\n  const prValue = computed.spacing.pr\n  const ptValue = computed.spacing.pt\n  const pbValue = computed.spacing.pb\n  const gapValue = computed.spacing.gap\n\n  // Wrap props with CSS variables for customization.\n  // Uses module-level CSS_VAR_MAPPINGS and wrapWithVars for stable references.\n  const propsWithVars = useMemo(\n    () => ({\n      ...wrapWithVars(computed.buttonStyles, CSS_VAR_MAPPINGS.base),\n      ...wrapWithVars(computed.activeProps, CSS_VAR_MAPPINGS.active),\n      ...wrapWithVars(computed.disabledProps, CSS_VAR_MAPPINGS.disabled),\n    }),\n    [computed.buttonStyles, computed.activeProps, computed.disabledProps],\n  )\n\n  // Stable props memoized without `rest` so the memo can actually reuse between renders.\n  // `rest` (a new object every render) is spread in separately below.\n  const stableFinalProps = useMemo(\n    () => ({\n      borderWidth: `var(--vui-button-border-width, ${borderWidth}px)`,\n      className: computed.buttonClassName,\n      disabled,\n      'aria-label': isLoading && isIconOnly ? loadingText || 'Loading' : ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-busy': isLoading ? true : undefined,\n      'aria-disabled': isLoading ? true : undefined,\n      'aria-haspopup': isDropDown ? true : undefined,\n      focusRing: FOCUS_RING_SIZE,\n      gap: gapValue,\n      pl: plValue,\n      pr: prValue,\n      pt: ptValue,\n      pb: pbValue,\n      onClick: isLoading ? undefined : onClick,\n      pointerEvents: isLoading ? ('none' as const) : undefined,\n      ref,\n      title: title || undefined,\n      type: BUTTON_TYPE as 'button',\n      variant: finalVariant,\n      ...propsWithVars,\n      ...computed.aliasedProps,\n    }),\n    [\n      borderWidth,\n      plValue,\n      prValue,\n      ptValue,\n      pbValue,\n      gapValue,\n      computed.buttonClassName,\n      computed.aliasedProps,\n      disabled,\n      ariaLabel,\n      ariaLabelledby,\n      isDropDown,\n      ref,\n      title,\n      isLoading,\n      onClick,\n      finalVariant,\n      isIconOnly,\n      loadingText,\n      propsWithVars,\n    ],\n  )\n  const finalProps = { ...stableFinalProps, ...rest }\n\n  // Consolidate all dev-mode warnings into a single effect so they run after all hooks\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (_isSplit !== undefined) {\n        console.warn('[Button] The `isSplit` prop is deprecated and has no effect. It will be removed in VUI 5.x.')\n      }\n      if (colorScheme !== undefined) {\n        console.warn('[Button] `colorScheme` is deprecated. Use `variant` + `intent` instead.')\n      }\n      if (iconLeft !== undefined) {\n        console.warn('[Button] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Button] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['primary', 'secondary', 'tertiary'].includes(variantProp) &&\n        /^(primary|secondary|tertiary)(Brand|Contrast|Success|Danger|Warning)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Button] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `intent` props instead (e.g. variant=\"primary\" intent=\"brand\").',\n        )\n      }\n      const isIconOnly = !children && !text\n      const hasLabel = Boolean(ariaLabel || ariaLabelledby || title)\n      if (isIconOnly && !hasLabel) {\n        console.warn(\n          '[Button] Icon-only buttons must have an accessible label. ' +\n            'Add `aria-label`, `aria-labelledby`, or `title` to describe the button action.',\n        )\n      }\n    }\n  }, [_isSplit, colorScheme, iconLeft, iconRight, variantProp, children, text, title, ariaLabel, ariaLabelledby])\n\n  const leftIcon = renderButtonIcon(resolvedStartIcon ?? icon, 'left', isLoading)\n  const rightIcon = renderButtonIcon(endIcon, 'right')\n  // Icon-only buttons: suppress loadingText as visible content — it is set as aria-label above\n  // and announced via the StatusAnnouncer live region.\n  const contentElement = isLoading\n    ? isIconOnly\n      ? null\n      : renderContent(loadingText, undefined, isTruncated)\n    : renderContent(children, text, isTruncated)\n\n  return (\n    <ButtonProvider value={contextValue}>\n      <ButtonBase {...finalProps}>\n        {leftIcon}\n        {contentElement}\n        {rightIcon}\n      </ButtonBase>\n      {/* Sibling live region — outside the <button> so AT fire announcements\n          reliably (live regions inside interactive elements are unreliable across\n          NVDA, JAWS and VoiceOver). Always in the DOM so AT register it before\n          content changes (WCAG 2.2 SC 4.1.3 Status Messages). */}\n      <StatusAnnouncer role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n        {isLoading ? loadingText : ''}\n      </StatusAnnouncer>\n    </ButtonProvider>\n  )\n}) as VuiComponent<'button', ButtonProps> & {\n  Icon: typeof ButtonIcon\n  Text: typeof ButtonText\n}\n\nButton.Icon = ButtonIcon\nButton.Text = ButtonText\nButton.displayName = 'Button'\n\nexport default Button\n"],"mappings":"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"}

package/dist/button/buttonHelpers.js

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

package/dist/button/buttonIcon.js

@@ -31,5 +31,5 @@ ButtonIcon.displayName = "ButtonIcon";
 
 //#endregion
 export { ButtonIcon as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=buttonIcon.js.map

package/dist/button/buttonText.js

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

package/dist/button/buttons.js

@@ -72,5 +72,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, DismissButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=buttons.js.map

package/dist/button/consts.js

@@ -36,5 +36,5 @@ const CSS_VAR_MAPPINGS = {
 
 //#endregion
 export { CSS_VAR_MAPPINGS, DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW, loadingIconProps };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/button/theme.js

@@ -185,5 +185,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/button/useButtonComputed.js

@@ -104,5 +104,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/utils.js

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

package/dist/buttonGroup/buttonGroup.js

@@ -75,5 +75,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroupBase, ButtonGroup as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/context.js

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

package/dist/buttonGroup/helpers.js

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

package/dist/buttonToggleGroup/buttonToggleGroup.js

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

package/dist/calendar/calendar.js

@@ -120,5 +120,5 @@ Calendar.displayName = "Calendar";
 
 //#endregion
 export { Calendar as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=calendar.js.map

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# 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.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=yearPicker.js.map

package/dist/calendar/consts.js

@@ -42,5 +42,5 @@ const weekDays = [
 
 //#endregion
 export { maxDateTimestamp, minDateTimestamp, months, monthsShort, viewYears, weekDays };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/calendar/hooks/useBoundaries.js

@@ -17,5 +17,5 @@ const useBoundaries = ({ boundaries }) => {
 
 //#endregion
 export { useBoundaries };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useBoundaries.js.map

package/dist/calendar/hooks/useCalendar.js

@@ -115,5 +115,5 @@ const useCalendar = ({ boundaries, selectedDates, mode = "exact", timeUnitMode,
 
 //#endregion
 export { useCalendar };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useCalendar.js.map

package/dist/calendar/hooks/useDefaultViewMonth.js

@@ -15,5 +15,5 @@ const useDefaultViewMonth = ({ boundaries, selectedDate, isStartDate }) => {
 
 //#endregion
 export { useDefaultViewMonth };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useDefaultViewMonth.js.map

package/dist/calendar/hooks/useSelectedDate.js

@@ -18,5 +18,5 @@ const useSelectedDate = ({ selectedDates, mode }) => {
 
 //#endregion
 export { useSelectedDate };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=useSelectedDate.js.map

package/dist/calendar/theme.js

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

package/dist/calendar/utils.js

@@ -65,5 +65,5 @@ const processViewDate = (viewDate, direction, timeUnitMode, calendarItems) => {
 
 //#endregion
 export { getNextDate, isDay, isExact, isFrom, isMonth, isRange, isTo, isYear, processSelectMonth, processSelectYear, processViewDate };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=utils.js.map

package/dist/card/card.js

@@ -32,5 +32,5 @@ Card.displayName = "Card";
 
 //#endregion
 export { Card as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=card.js.map

package/dist/card/theme.js

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

package/dist/chat/chat.js

@@ -62,5 +62,5 @@ Chat.displayName = "Chat";
 
 //#endregion
 export { Chat as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=chat.js.map

package/dist/chat/chatInput.js

@@ -131,5 +131,5 @@ ChatInput.displayName = "ChatInput";
 
 //#endregion
 export { ChatInput as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=chatInput.js.map

package/dist/chat/chatInputButton.js

@@ -25,5 +25,5 @@ ChatInputButton.displayName = "ChatInputButton";
 
 //#endregion
 export { ChatInputButton as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatMessage.js

@@ -29,5 +29,5 @@ ChatMessage.displayName = "ChatMessage";
 
 //#endregion
 export { ChatMessage as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=chatMessage.js.map

package/dist/chat/theme.js

@@ -29,5 +29,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map

package/dist/checkbox/checkbox.js

@@ -133,5 +133,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { CheckboxBase, Checkbox as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkboxGroup.js

@@ -51,5 +51,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 //#endregion
 export { CheckboxGroupBase, CheckboxGroup as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/consts.js

@@ -12,5 +12,5 @@ const disabled = {
 
 //#endregion
 export { checkboxColors, disabled };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=consts.js.map

package/dist/checkbox/context.js

@@ -5,5 +5,5 @@ const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptio
 
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/theme.js

@@ -48,5 +48,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.0.0-alpha.2"
+globalThis.__vuiVersion__ = "5.0.0-alpha.3"
 //# sourceMappingURL=theme.js.map