@veracity/vui 4.2.0-alpha.manual.2603301258 → 5.0.0-alpha.0

package/dist/_virtual/_rolldown/runtime.js

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

package/dist/accordion/accordion.js

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

package/dist/accordion/accordionItem.js

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

package/dist/accordion/accordionItemHorizontal.js

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

package/dist/accordion/theme.js

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

package/dist/avatar/avatar.js

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

package/dist/avatar/helpers.js

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

package/dist/avatar/theme.js

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

package/dist/badge/badge.js

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

package/dist/badge/theme.js

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

package/dist/box/box.js

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

package/dist/box/theme.js

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

package/dist/breadcrumbs/breadcrumbs.js

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

package/dist/breadcrumbs/breadcrumbsItem.js

@@ -26,5 +26,5 @@ BreadcrumbsItem.displayName = "BreadcrumbsItem";
 
 //#endregion
 export { BreadcrumbsItem as default };
-globalThis.__vuiVersion__ = "4.2.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# 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__ = "4.2.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/context.js

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

package/dist/breadcrumbs/theme.js

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

package/dist/button/button.js

@@ -52,7 +52,7 @@ const Button = vui((props, ref) => {
 		...props
 	};
 	const hasTextContent = Boolean(children || text);
-	const isIconOnly = !children && !text;
+	const isIconOnly = !children && !text && !isDropDown;
 	const resolvedStartIcon = startIcon ?? iconLeft;
 	const resolvedEndIconProp = endIconProp ?? iconRight;
 	const hasStartIcon = Boolean(resolvedStartIcon || icon || isLoading);
@@ -66,9 +66,9 @@ const Button = vui((props, ref) => {
 		borderWidthProp,
 		disabled: disabled ?? false,
 		isActive,
+		isIconOnly,
 		isRound,
 		isElevated,
-		hasTextContent,
 		hasStartIcon,
 		hasEndIcon,
 		isFullWidth,
@@ -199,5 +199,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { ButtonBase, Button as default };
-globalThis.__vuiVersion__ = "4.2.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# 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\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    isRound,\n    isElevated,\n    hasTextContent,\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;CACjC,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      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":"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"}

package/dist/button/button.types.d.ts

@@ -12,7 +12,7 @@ import { JSX } from "react";
 /** Visual hierarchy (weight) of the button. */
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 /** Semantic intent / colour family of the button. */
-type ButtonIntent = 'brand' | 'contrast' | 'success' | 'danger';
+type ButtonIntent = 'brand' | 'contrast' | 'success' | 'danger' | 'warning';
 /** Union of all fully-qualified legacy variant keys (backward-compat). */
 type ButtonVariantLegacy = 'primaryBrand' | 'secondaryBrand' | 'tertiaryBrand' | 'primaryContrast' | 'secondaryContrast' | 'tertiaryContrast' | 'primarySuccess' | 'secondarySuccess' | 'tertiarySuccess' | 'primaryDanger' | 'secondaryDanger' | 'tertiaryDanger';
 /** Token block per intent used by the generated theme approach. */
@@ -40,8 +40,6 @@ interface ContainerStyles {
   paddingX?: number;
   /** Outer horizontal padding (px) when an icon is present. Falls back to paddingX if not set. */
   paddingXIcon?: number;
-  /** Outer horizontal padding (px) for icon-only buttons. Falls back to paddingXIcon then paddingX if not set. */
-  paddingXIconOnly?: number;
   /** Outer vertical padding (px). Combined with borderWidth to derive CSS pt/pb. */
   paddingY?: number;
   /** Gap between icon and text (px). */
@@ -147,9 +145,9 @@ interface ButtonComputedOptions {
   borderWidthProp: unknown;
   disabled: boolean;
   isActive: boolean;
+  isIconOnly: boolean;
   isRound: boolean;
   isElevated: boolean;
-  hasTextContent: boolean;
   hasStartIcon: boolean;
   hasEndIcon: boolean;
   isFullWidth: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"button.types.d.ts","names":[],"sources":["../../src/button/button.types.ts"],"mappings":";;;;;;;;;;;;KAYY,aAAA;;KAGA,YAAA;;KAGA,mBAAA;AANZ;AAAA,UAqBiB,YAAA;EACf,KAAA;EACA,YAAA;EACA,UAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;AAAA;;UAIe,eAAA;EACf,EAAA;EACA,WAAA;EACA,KAAA;EACA,OAAA;EACA,gBAAA;EACA,UAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EAjBA;EAmBA,QAAA;EAjBA;EAmBA,YAAA;EAlBa;EAoBb,gBAAA;EAhBe;EAkBf,QAAA;;EAEA,IAAA;EAAA,CACC,GAAA;AAAA;AAAA,KAKS,WAAA,GAAc,WAAA,GACxB,YAAA;EAvBA;;;;;EA6BE,MAAA,GAAS,YAAA,GAAe,SAAA;EAvB1B;;;;;EA6BE,OAAA,GAAU,aAAA,GAAgB,mBAAA,GAAsB,SAAA,EAlBjD;EAoBC,WAAA,WApBU;EAsBV,YAAA,GAAe,QAAA,EAjBI;EAmBnB,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA,EAnBA;EAqBtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAdlB;EAgBT,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAVf;EAYV,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAZsB;EAchD,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EARpB;EAUP,QAAA,YARY;EAUZ,UAAA,YARU;EAUV,UAAA,YARW;EAUX,WAAA,YARY;EAUZ,SAAA;EAgBO;;;;;;EATP,WAAA,WArCwB;EAuCxB,OAAA;EAjCU;;;;EAsCV,OAAA,YAlCe;EAoCf,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;;KAIL,eAAA,GAAkB,IAAA,CAAK,WAAA;;UAQlB,oBAAA;EACf,WAAA;EACA,CAAA;EACA,IAAA;EACA,MAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA;;UAIc,oBAAA;EACf,EAAA;EACA,WAAA;EACA,KAAA;EACA,OAAA;EACA,gBAAA;EACA,UAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EAAA,CACC,GAAA;AAAA;AAnCH;AAAA,UAuCiB,YAAA;EACf,WAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,GAAA;AAAA;;UAIe,cAAA;EACf,YAAA,EAAc,oBAAA;EACd,OAAA,EAAS,YAAA;EACT,aAAA,EAAe,WAAA;EACf,WAAA,EAAa,WAAA;EACb,YAAA,EAAc,WAAA;EACd,eAAA;AAAA;;UAIe,qBAAA;EACf,IAAA;EACA,OAAA;IAAW,OAAA;EAAA;EACX,UAAA;EACA,eAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;EACA,cAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;AAAA"}
+{"version":3,"file":"button.types.d.ts","names":[],"sources":["../../src/button/button.types.ts"],"mappings":";;;;;;;;;;;;KAYY,aAAA;;KAGA,YAAA;;KAGA,mBAAA;AANZ;AAAA,UAqBiB,YAAA;EACf,KAAA;EACA,YAAA;EACA,UAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;AAAA;;UAIe,eAAA;EACf,EAAA;EACA,WAAA;EACA,KAAA;EACA,OAAA;EACA,gBAAA;EACA,UAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EAjBA;EAmBA,QAAA;EAjBA;EAmBA,YAAA;EAlBa;EAoBb,QAAA;EAhBe;EAkBf,IAAA;EAAA,CACC,GAAA;AAAA;AAAA,KAKS,WAAA,GAAc,WAAA,GACxB,YAAA;EAvBA;;;;;EA6BE,MAAA,GAAS,YAAA,GAAe,SAAA;EAvB1B;;;;;EA6BE,OAAA,GAAU,aAAA,GAAgB,mBAAA,GAAsB,SAAA,EAnBlD;EAqBE,WAAA,WApBU;EAsBV,YAAA,GAAe,QAAA,EAjBP;EAmBR,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA;EAEtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EApB7B;EAsBE,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAhBD;EAkBxB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EAZA;EAc1B,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAVZ;EAYf,QAAA,YAVkB;EAYlB,UAAA,YAVuB;EAYvB,UAAA,YAVqB;EAYrB,WAAA,YAVsB;EAYtB,SAAA;EAVuB;;;;;;EAiBvB,WAAA,WArCS;EAuCT,OAAA;EAjCA;;;;EAsCA,OAAA,YAlCA;EAoCA,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;;KAIL,eAAA,GAAkB,IAAA,CAAK,WAAA;;UAQlB,oBAAA;EACf,WAAA;EACA,CAAA;EACA,IAAA;EACA,MAAA;EACA,UAAA;EACA,mBAAA;EACA,aAAA;EACA,eAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA;;UAIc,oBAAA;EACf,EAAA;EACA,WAAA;EACA,KAAA;EACA,OAAA;EACA,gBAAA;EACA,UAAA;EACA,QAAA;EACA,iBAAA;EACA,WAAA;EAAA,CACC,GAAA;AAAA;;UAIc,YAAA;EACf,WAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,EAAA;EACA,GAAA;AAAA;;UAIe,cAAA;EACf,YAAA,EAAc,oBAAA;EACd,OAAA,EAAS,YAAA;EACT,aAAA,EAAe,WAAA;EACf,WAAA,EAAa,WAAA;EACb,YAAA,EAAc,WAAA;EACd,eAAA;AAAA;;UAIe,qBAAA;EACf,IAAA;EACA,OAAA;IAAW,OAAA;EAAA;EACX,UAAA;EACA,eAAA;EACA,QAAA;EACA,QAAA;EACA,UAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;AAAA"}

package/dist/button/buttonHelpers.js

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

package/dist/button/buttonIcon.js

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

package/dist/button/buttonText.js

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

package/dist/button/buttons.js

@@ -12,7 +12,7 @@ const AppButton = vui((props, ref) => /* @__PURE__ */ jsx(Button, {
 AppButton.displayName = "AppButton";
 const IconButton = vui((props, ref) => /* @__PURE__ */ jsx(Button, {
 	ref,
-	variant: "tertiary",
+	variant: "secondary",
 	...props
 }));
 IconButton.displayName = "IconButton";
@@ -72,5 +72,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, DismissButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "4.2.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=buttons.js.map

package/dist/button/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { styled, vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"primary\" {...props} />)\nAppButton.displayName = 'AppButton'\n\n// Declared before DismissButton so styled(IconButton) can reference it at module-eval time.\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"tertiary\" {...props} />\n))\nIconButton.displayName = 'IconButton'\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton startIcon=\"uiArrowLeft\" ref={ref} variant=\"tertiary\" {...props} />\n))\nBackButton.displayName = 'BackButton'\n\n// Styled wrapper that injects dismiss-specific CSS variable defaults as a class rule.\n// --vui-dismiss-fg is read via CSS inheritance from any ancestor that sets it.\n// --vui-dismiss-text lets consumers override icon color only, without affecting bg tints.\nconst DismissButtonBase = styled(IconButton)`\n  --vui-button-border-color: transparent;\n\n  --vui-button-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n  --vui-button-hover-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n  --vui-button-active-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n\n  --vui-button-hover-bg: color-mix(in srgb, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)) 20%, transparent);\n  --vui-button-active-bg: color-mix(in srgb, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)) 10%, transparent);\n`\n\nexport const DismissButton = vui<'button', IconButtonProps>((props, ref) => (\n  <DismissButtonBase aria-label=\"Dismiss\" startIcon=\"uiTimes\" ref={ref} variant=\"tertiary\" {...props} />\n))\nDismissButton.displayName = 'DismissButton'\n\n/** @deprecated Renamed to `DismissButton`. Will be removed in VUI 5.0. */\nexport const CloseButton = DismissButton\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"success\" {...props} />\n))\nCTAButton.displayName = 'CTAButton'\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"danger\" {...props} />\n))\nDangerButton.displayName = 'DangerButton'\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nLineButton.displayName = 'LineButton'\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"tertiary\" {...props} />)\nTextButton.displayName = 'TextButton'\n"],"mappings":";;;;;;AAIA,MAAa,YAAY,KAA4B,OAAO,QAAQ,oBAAC;CAAY;CAAK,SAAQ;CAAU,GAAI;EAAS,CAAC;AACtH,UAAU,cAAc;AAGxB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAClD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAW,WAAU;CAAmB;CAAK,SAAQ;CAAW,GAAI;EAAS,CAC9E;AACF,WAAW,cAAc;AAKzB,MAAM,oBAAoB,OAAO,WAAW;;;;;;;;;;AAW5C,MAAa,gBAAgB,KAAgC,OAAO,QAClE,oBAAC;CAAkB,cAAW;CAAU,WAAU;CAAe;CAAK,SAAQ;CAAW,GAAI;EAAS,CACtG;AACF,cAAc,cAAc;;AAG5B,MAAa,cAAc;AAE3B,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAAC;CAAY;CAAK,SAAQ;CAAU,QAAO;CAAU,GAAI;EAAS,CAClE;AACF,UAAU,cAAc;AAExB,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAAC;CAAY;CAAK,SAAQ;CAAU,QAAO;CAAS,GAAI;EAAS,CACjE;AACF,aAAa,cAAc;AAE3B,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAAC;CAAY;CAAK,SAAQ;CAAY,GAAI;EAAS,CACnD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAA4B,OAAO,QAAQ,oBAAC;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAAC;AACxH,WAAW,cAAc"}
+{"version":3,"file":"buttons.js","names":[],"sources":["../../src/button/buttons.tsx"],"sourcesContent":["import { styled, vui } from '../core'\nimport Button from './button'\nimport type { ButtonProps, IconButtonProps } from './button.types'\n\nexport const AppButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"primary\" {...props} />)\nAppButton.displayName = 'AppButton'\n\n// Declared before DismissButton so styled(IconButton) can reference it at module-eval time.\nexport const IconButton = vui<'button', IconButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nIconButton.displayName = 'IconButton'\n\nexport const BackButton = vui<'button', IconButtonProps>((props, ref) => (\n  <IconButton startIcon=\"uiArrowLeft\" ref={ref} variant=\"tertiary\" {...props} />\n))\nBackButton.displayName = 'BackButton'\n\n// Styled wrapper that injects dismiss-specific CSS variable defaults as a class rule.\n// --vui-dismiss-fg is read via CSS inheritance from any ancestor that sets it.\n// --vui-dismiss-text lets consumers override icon color only, without affecting bg tints.\nconst DismissButtonBase = styled(IconButton)`\n  --vui-button-border-color: transparent;\n\n  --vui-button-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n  --vui-button-hover-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n  --vui-button-active-color: var(--vui-dismiss-text, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)));\n\n  --vui-button-hover-bg: color-mix(in srgb, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)) 20%, transparent);\n  --vui-button-active-bg: color-mix(in srgb, var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid)) 10%, transparent);\n`\n\nexport const DismissButton = vui<'button', IconButtonProps>((props, ref) => (\n  <DismissButtonBase aria-label=\"Dismiss\" startIcon=\"uiTimes\" ref={ref} variant=\"tertiary\" {...props} />\n))\nDismissButton.displayName = 'DismissButton'\n\n/** @deprecated Renamed to `DismissButton`. Will be removed in VUI 5.0. */\nexport const CloseButton = DismissButton\n\nexport const CTAButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"success\" {...props} />\n))\nCTAButton.displayName = 'CTAButton'\n\nexport const DangerButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"primary\" intent=\"danger\" {...props} />\n))\nDangerButton.displayName = 'DangerButton'\n\nexport const LineButton = vui<'button', ButtonProps>((props, ref) => (\n  <Button ref={ref} variant=\"secondary\" {...props} />\n))\nLineButton.displayName = 'LineButton'\n\nexport const TextButton = vui<'button', ButtonProps>((props, ref) => <Button ref={ref} variant=\"tertiary\" {...props} />)\nTextButton.displayName = 'TextButton'\n"],"mappings":";;;;;;AAIA,MAAa,YAAY,KAA4B,OAAO,QAAQ,oBAAC;CAAY;CAAK,SAAQ;CAAU,GAAI;EAAS,CAAC;AACtH,UAAU,cAAc;AAGxB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAY;CAAK,SAAQ;CAAY,GAAI;EAAS,CACnD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC;CAAW,WAAU;CAAmB;CAAK,SAAQ;CAAW,GAAI;EAAS,CAC9E;AACF,WAAW,cAAc;AAKzB,MAAM,oBAAoB,OAAO,WAAW;;;;;;;;;;AAW5C,MAAa,gBAAgB,KAAgC,OAAO,QAClE,oBAAC;CAAkB,cAAW;CAAU,WAAU;CAAe;CAAK,SAAQ;CAAW,GAAI;EAAS,CACtG;AACF,cAAc,cAAc;;AAG5B,MAAa,cAAc;AAE3B,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAAC;CAAY;CAAK,SAAQ;CAAU,QAAO;CAAU,GAAI;EAAS,CAClE;AACF,UAAU,cAAc;AAExB,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAAC;CAAY;CAAK,SAAQ;CAAU,QAAO;CAAS,GAAI;EAAS,CACjE;AACF,aAAa,cAAc;AAE3B,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAAC;CAAY;CAAK,SAAQ;CAAY,GAAI;EAAS,CACnD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAA4B,OAAO,QAAQ,oBAAC;CAAY;CAAK,SAAQ;CAAW,GAAI;EAAS,CAAC;AACxH,WAAW,cAAc"}

package/dist/button/consts.js

@@ -1,7 +1,6 @@
 //#region src/button/consts.ts
 const DEFAULT_BORDER_WIDTH = 1;
 const DEFAULT_BOX_SHADOW = "md";
-const DEFAULT_DISABLED_OPACITY = .5;
 const loadingIconProps = {
 	animation: "vui-spin 0.6s linear infinite",
 	name: "uiSpinnerThird",
@@ -36,6 +35,6 @@ const CSS_VAR_MAPPINGS = {
 };
 
 //#endregion
-export { CSS_VAR_MAPPINGS, DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW, DEFAULT_DISABLED_OPACITY, loadingIconProps };
-globalThis.__vuiVersion__ = "4.2.0"
+export { CSS_VAR_MAPPINGS, DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW, loadingIconProps };
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=consts.js.map

package/dist/button/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/button/consts.ts"],"sourcesContent":["export const DEFAULT_BORDER_WIDTH = 1\nexport const DEFAULT_BOX_SHADOW = 'md'\nexport const DEFAULT_DISABLED_OPACITY = 0.5\n\nexport const loadingIconProps = {\n  animation: 'vui-spin 0.6s linear infinite',\n  name: 'uiSpinnerThird',\n  pathFill: ['currentColor', 'transparent'],\n}\n\nexport const CSS_VAR_MAPPINGS = {\n  base: {\n    bg: '--vui-button-bg',\n    borderColor: '--vui-button-border-color',\n    color: '--vui-button-color',\n    hoverBg: '--vui-button-hover-bg',\n    hoverBorderColor: '--vui-button-hover-border-color',\n    hoverColor: '--vui-button-hover-color',\n    activeBg: '--vui-button-active-bg',\n    activeBorderColor: '--vui-button-active-border-color',\n    activeColor: '--vui-button-active-color',\n  },\n  active: {\n    bg: '--vui-button-active-bg',\n    borderColor: '--vui-button-active-border-color',\n    color: '--vui-button-active-color',\n    hoverBg: '--vui-button-active-hover-bg',\n    hoverBorderColor: '--vui-button-active-hover-border-color',\n    hoverColor: '--vui-button-active-hover-color',\n  },\n  disabled: {\n    bg: '--vui-button-disabled-bg',\n    borderColor: '--vui-button-disabled-border-color',\n    color: '--vui-button-disabled-color',\n    opacity: '--vui-button-disabled-opacity',\n  },\n} as const\n"],"mappings":";AAAA,MAAa,uBAAuB;AACpC,MAAa,qBAAqB;AAClC,MAAa,2BAA2B;AAExC,MAAa,mBAAmB;CAC9B,WAAW;CACX,MAAM;CACN,UAAU,CAAC,gBAAgB,cAAc;CAC1C;AAED,MAAa,mBAAmB;CAC9B,MAAM;EACJ,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;EACd;CACD,QAAQ;EACN,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACb;CACD,UAAU;EACR,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACV;CACF"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/button/consts.ts"],"sourcesContent":["export const DEFAULT_BORDER_WIDTH = 1\nexport const DEFAULT_BOX_SHADOW = 'md'\nexport const DEFAULT_DISABLED_OPACITY = 0.5\n\nexport const loadingIconProps = {\n  animation: 'vui-spin 0.6s linear infinite',\n  name: 'uiSpinnerThird',\n  pathFill: ['currentColor', 'transparent'],\n}\n\nexport const CSS_VAR_MAPPINGS = {\n  base: {\n    bg: '--vui-button-bg',\n    borderColor: '--vui-button-border-color',\n    color: '--vui-button-color',\n    hoverBg: '--vui-button-hover-bg',\n    hoverBorderColor: '--vui-button-hover-border-color',\n    hoverColor: '--vui-button-hover-color',\n    activeBg: '--vui-button-active-bg',\n    activeBorderColor: '--vui-button-active-border-color',\n    activeColor: '--vui-button-active-color',\n  },\n  active: {\n    bg: '--vui-button-active-bg',\n    borderColor: '--vui-button-active-border-color',\n    color: '--vui-button-active-color',\n    hoverBg: '--vui-button-active-hover-bg',\n    hoverBorderColor: '--vui-button-active-hover-border-color',\n    hoverColor: '--vui-button-active-hover-color',\n  },\n  disabled: {\n    bg: '--vui-button-disabled-bg',\n    borderColor: '--vui-button-disabled-border-color',\n    color: '--vui-button-disabled-color',\n    opacity: '--vui-button-disabled-opacity',\n  },\n} as const\n"],"mappings":";AAAA,MAAa,uBAAuB;AACpC,MAAa,qBAAqB;AAGlC,MAAa,mBAAmB;CAC9B,WAAW;CACX,MAAM;CACN,UAAU,CAAC,gBAAgB,cAAc;CAC1C;AAED,MAAa,mBAAmB;CAC9B,MAAM;EACJ,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,mBAAmB;EACnB,aAAa;EACd;CACD,QAAQ;EACN,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACT,kBAAkB;EAClB,YAAY;EACb;CACD,UAAU;EACR,IAAI;EACJ,aAAa;EACb,OAAO;EACP,SAAS;EACV;CACF"}

package/dist/button/context.js

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

package/dist/button/theme.js

@@ -32,9 +32,19 @@ const intentTokens = {
 		solidPressed: "var(--vui-action-danger-solid-pressed)",
 		subtleHover: "var(--vui-action-danger-subtle-hover)",
 		subtlePressed: "var(--vui-action-danger-subtle-pressed)"
+	},
+	warning: {
+		solid: "var(--vui-action-yellow-solid)",
+		solidInverse: "var(--vui-action-yellow-solid-inverse)",
+		solidHover: "var(--vui-action-yellow-solid-hover)",
+		solidPressed: "var(--vui-action-yellow-solid-pressed)",
+		subtleHover: "var(--vui-action-yellow-subtle-hover)",
+		subtlePressed: "var(--vui-action-yellow-subtle-pressed)"
 	}
 };
 const TRANSPARENT = "var(--vui-color-opacity-none)";
+const DISABLED_BG = "var(--vui-action-disabled-background)";
+const DISABLED_FG = "var(--vui-action-disabled-foreground)";
 /** Container styles per visual hierarchy, composed from intent tokens. */
 const hierarchyRules = {
 	primary: (t) => ({
@@ -44,21 +54,30 @@ const hierarchyRules = {
 		hoverBg: t.solidHover,
 		hoverBorderColor: t.solidHover,
 		activeBg: t.solidPressed,
-		activeBorderColor: t.solidPressed
+		activeBorderColor: t.solidPressed,
+		disabledBg: DISABLED_BG,
+		disabledBorderColor: DISABLED_BG,
+		disabledColor: DISABLED_FG
 	}),
 	secondary: (t) => ({
 		bg: TRANSPARENT,
 		borderColor: t.solid,
 		color: t.solid,
 		hoverBg: t.subtleHover,
-		activeBg: t.subtlePressed
+		activeBg: t.subtlePressed,
+		disabledBg: TRANSPARENT,
+		disabledBorderColor: DISABLED_BG,
+		disabledColor: DISABLED_FG
 	}),
 	tertiary: (t) => ({
 		bg: TRANSPARENT,
 		borderColor: TRANSPARENT,
 		color: t.solid,
 		hoverBg: t.subtleHover,
-		activeBg: t.subtlePressed
+		activeBg: t.subtlePressed,
+		disabledBg: TRANSPARENT,
+		disabledBorderColor: TRANSPARENT,
+		disabledColor: DISABLED_FG
 	})
 };
 const baseStyle = {};
@@ -79,7 +98,6 @@ const sizes = {
 			h: 24,
 			paddingX: 12,
 			paddingXIcon: 8,
-			paddingXIconOnly: 5,
 			paddingY: 5,
 			gapX: 8
 		},
@@ -91,7 +109,6 @@ const sizes = {
 			h: 32,
 			paddingX: 16,
 			paddingXIcon: 12,
-			paddingXIconOnly: 7,
 			paddingY: 8,
 			gapX: 8
 		},
@@ -103,7 +120,6 @@ const sizes = {
 			h: 40,
 			paddingX: 16,
 			paddingXIcon: 16,
-			paddingXIconOnly: 11,
 			paddingY: 10,
 			gapX: 8
 		},
@@ -115,7 +131,6 @@ const sizes = {
 			h: 48,
 			paddingX: 16,
 			paddingXIcon: 16,
-			paddingXIconOnly: 14,
 			paddingY: 13,
 			gapX: 8
 		},
@@ -137,7 +152,7 @@ variants.blueText = variants.tertiaryBrand;
 variants.subtleBlue = variants.secondaryBrand;
 variants.subtleRed = variants.secondaryDanger;
 variants.subtleGreen = variants.secondarySuccess;
-variants.subtleYellow = variants.secondaryBrand;
+variants.subtleYellow = variants.secondaryWarning;
 variants.menuLight = variants.tertiaryBrand;
 variants.menuDark = variants.tertiaryBrand;
 variants.buttonGroupDefault = { container: {
@@ -170,5 +185,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "4.2.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=theme.js.map

package/dist/button/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/button/theme.ts"],"sourcesContent":["import type { ContainerStyles, IntentTokens } from './button.types'\n\n// ---------------------------------------------------------------------------\n// Generated variant approach\n//\n// Each intent defines its token references once.\n// Each hierarchy rule composes container styles from those tokens.\n// The 12 canonical variants are produced via Object.fromEntries — no\n// hand-written duplication; adding a new intent or hierarchy is a 1-line change.\n// ---------------------------------------------------------------------------\n\n/** Token references per semantic intent. */\nconst intentTokens: Record<string, IntentTokens> = {\n  brand: {\n    solid: 'var(--vui-action-brand-solid)',\n    solidInverse: 'var(--vui-action-brand-solid-inverse)',\n    solidHover: 'var(--vui-action-brand-solid-hover)',\n    solidPressed: 'var(--vui-action-brand-solid-pressed)',\n    subtleHover: 'var(--vui-action-brand-subtle-hover)',\n    subtlePressed: 'var(--vui-action-brand-subtle-pressed)',\n  },\n  contrast: {\n    solid: 'var(--vui-action-contrast-solid)',\n    solidInverse: 'var(--vui-action-contrast-solid-inverse)',\n    solidHover: 'var(--vui-action-contrast-solid-hover)',\n    solidPressed: 'var(--vui-action-contrast-solid-pressed)',\n    subtleHover: 'var(--vui-action-contrast-subtle-hover)',\n    subtlePressed: 'var(--vui-action-contrast-subtle-pressed)',\n  },\n  success: {\n    solid: 'var(--vui-action-success-solid)',\n    solidInverse: 'var(--vui-action-success-solid-inverse)',\n    solidHover: 'var(--vui-action-success-solid-hover)',\n    solidPressed: 'var(--vui-action-success-solid-pressed)',\n    subtleHover: 'var(--vui-action-success-subtle-hover)',\n    subtlePressed: 'var(--vui-action-success-subtle-pressed)',\n  },\n  danger: {\n    solid: 'var(--vui-action-danger-solid)',\n    solidInverse: 'var(--vui-action-danger-solid-inverse)',\n    solidHover: 'var(--vui-action-danger-solid-hover)',\n    solidPressed: 'var(--vui-action-danger-solid-pressed)',\n    subtleHover: 'var(--vui-action-danger-subtle-hover)',\n    subtlePressed: 'var(--vui-action-danger-subtle-pressed)',\n  },\n}\n\nconst TRANSPARENT = 'var(--vui-color-opacity-none)'\n\n/** Container styles per visual hierarchy, composed from intent tokens. */\nconst hierarchyRules: Record<string, (t: IntentTokens) => ContainerStyles> = {\n  primary: t => ({\n    bg: t.solid,\n    borderColor: t.solid,\n    color: t.solidInverse,\n    hoverBg: t.solidHover,\n    hoverBorderColor: t.solidHover,\n    activeBg: t.solidPressed,\n    activeBorderColor: t.solidPressed,\n  }),\n  secondary: t => ({\n    bg: TRANSPARENT,\n    borderColor: t.solid,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n  }),\n  tertiary: t => ({\n    bg: TRANSPARENT,\n    borderColor: TRANSPARENT,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n  }),\n}\n\n// ---------------------------------------------------------------------------\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryBrand',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\n// Padding model (applied in useButtonComputed.ts):\n// - Horizontal uses 3 tiers via theme tokens:\n//   text-only => paddingX\n//   icon+text => paddingXIcon (fallback: paddingX)\n//   icon-only => paddingXIconOnly (fallback: paddingXIcon -> paddingX)\n// - Vertical token paddingY is border-box aware at runtime:\n//   effective pt/pb = paddingY - borderWidth\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      paddingX: 12,\n      paddingXIcon: 8,\n      paddingXIconOnly: 5,\n      paddingY: 5,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '12px',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      paddingX: 16,\n      paddingXIcon: 12,\n      paddingXIconOnly: 7,\n      paddingY: 8,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingXIconOnly: 11,\n      paddingY: 10,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingXIconOnly: 14,\n      paddingY: 13,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '18px',\n    },\n  },\n}\n\nconst variants: Record<string, Record<string, ContainerStyles>> = Object.fromEntries(\n  Object.entries(intentTokens).flatMap(([intentKey, tokens]) =>\n    Object.entries(hierarchyRules).map(([hierarchyKey, buildContainer]) => [\n      `${hierarchyKey}${intentKey.charAt(0).toUpperCase()}${intentKey.slice(1)}`,\n      { container: buildContainer(tokens) },\n    ]),\n  ),\n)\n\n// Deprecated variant aliases for backward compatibility - will be removed in VUI 5.x\nvariants.primaryDark = variants.primaryBrand\nvariants.secondaryDark = variants.secondaryBrand\nvariants.tertiaryDark = variants.tertiaryBrand\nvariants.primaryLight = variants.primaryContrast\nvariants.secondaryLight = variants.secondaryContrast\nvariants.tertiaryLight = variants.tertiaryContrast\nvariants.solidGreen = variants.primarySuccess\nvariants.solidRed = variants.primaryDanger\n\n// Legacy blue variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.solidBlue = variants.primaryBrand\nvariants.blueOutlined = variants.secondaryBrand\nvariants.blueText = variants.tertiaryBrand\n\n// Component-specific subtle variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.subtleBlue = variants.secondaryBrand\nvariants.subtleRed = variants.secondaryDanger\nvariants.subtleGreen = variants.secondarySuccess\nvariants.subtleYellow = variants.secondaryBrand // Yellow variant maps to brand for now\n\n// Menu-specific variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.menuLight = variants.tertiaryBrand\nvariants.menuDark = variants.tertiaryBrand\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryBrand\nvariants.buttonGroupDefault = {\n  container: {\n    bg: 'var(--vui-color-opacity-none)',\n    borderColor: 'var(--vui-control-placeholder)',\n    color: 'var(--vui-action-brand-solid)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    activeBg: 'var(--vui-action-brand-subtle-pressed)',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'var(--vui-background-default)',\n    borderColor: 'var(--vui-utility-border-subtle)',\n    color: 'var(--vui-foreground-default)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    hoverBorderColor: 'var(--vui-action-brand-subtle-hover)',\n    hoverColor: 'var(--vui-action-brand-subtle-inverse)',\n    activeBg: 'var(--vui-action-brand-solid-pressed)',\n    activeBorderColor: 'var(--vui-action-brand-solid-pressed)',\n    activeColor: 'var(--vui-action-brand-solid-inverse)',\n    borderRadius: '1000',\n    marginRight: 'var(--vui-button-group-rounded-spacing, 22px)',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/button/theme.ts"],"sourcesContent":["import type { ContainerStyles, IntentTokens } from './button.types'\n\n// ---------------------------------------------------------------------------\n// Generated variant approach\n//\n// Each intent defines its token references once.\n// Each hierarchy rule composes container styles from those tokens.\n// The 12 canonical variants are produced via Object.fromEntries — no\n// hand-written duplication; adding a new intent or hierarchy is a 1-line change.\n// ---------------------------------------------------------------------------\n\n/** Token references per semantic intent. */\nconst intentTokens: Record<string, IntentTokens> = {\n  brand: {\n    solid: 'var(--vui-action-brand-solid)',\n    solidInverse: 'var(--vui-action-brand-solid-inverse)',\n    solidHover: 'var(--vui-action-brand-solid-hover)',\n    solidPressed: 'var(--vui-action-brand-solid-pressed)',\n    subtleHover: 'var(--vui-action-brand-subtle-hover)',\n    subtlePressed: 'var(--vui-action-brand-subtle-pressed)',\n  },\n  contrast: {\n    solid: 'var(--vui-action-contrast-solid)',\n    solidInverse: 'var(--vui-action-contrast-solid-inverse)',\n    solidHover: 'var(--vui-action-contrast-solid-hover)',\n    solidPressed: 'var(--vui-action-contrast-solid-pressed)',\n    subtleHover: 'var(--vui-action-contrast-subtle-hover)',\n    subtlePressed: 'var(--vui-action-contrast-subtle-pressed)',\n  },\n  success: {\n    solid: 'var(--vui-action-success-solid)',\n    solidInverse: 'var(--vui-action-success-solid-inverse)',\n    solidHover: 'var(--vui-action-success-solid-hover)',\n    solidPressed: 'var(--vui-action-success-solid-pressed)',\n    subtleHover: 'var(--vui-action-success-subtle-hover)',\n    subtlePressed: 'var(--vui-action-success-subtle-pressed)',\n  },\n  danger: {\n    solid: 'var(--vui-action-danger-solid)',\n    solidInverse: 'var(--vui-action-danger-solid-inverse)',\n    solidHover: 'var(--vui-action-danger-solid-hover)',\n    solidPressed: 'var(--vui-action-danger-solid-pressed)',\n    subtleHover: 'var(--vui-action-danger-subtle-hover)',\n    subtlePressed: 'var(--vui-action-danger-subtle-pressed)',\n  },\n  warning: {\n    solid: 'var(--vui-action-yellow-solid)',\n    solidInverse: 'var(--vui-action-yellow-solid-inverse)',\n    solidHover: 'var(--vui-action-yellow-solid-hover)',\n    solidPressed: 'var(--vui-action-yellow-solid-pressed)',\n    subtleHover: 'var(--vui-action-yellow-subtle-hover)',\n    subtlePressed: 'var(--vui-action-yellow-subtle-pressed)',\n  },\n}\n\nconst TRANSPARENT = 'var(--vui-color-opacity-none)'\nconst DISABLED_BG = 'var(--vui-action-disabled-background)'\nconst DISABLED_FG = 'var(--vui-action-disabled-foreground)'\n\n/** Container styles per visual hierarchy, composed from intent tokens. */\nconst hierarchyRules: Record<string, (t: IntentTokens) => ContainerStyles> = {\n  primary: t => ({\n    bg: t.solid,\n    borderColor: t.solid,\n    color: t.solidInverse,\n    hoverBg: t.solidHover,\n    hoverBorderColor: t.solidHover,\n    activeBg: t.solidPressed,\n    activeBorderColor: t.solidPressed,\n    disabledBg: DISABLED_BG,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  secondary: t => ({\n    bg: TRANSPARENT,\n    borderColor: t.solid,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: DISABLED_BG,\n    disabledColor: DISABLED_FG,\n  }),\n  tertiary: t => ({\n    bg: TRANSPARENT,\n    borderColor: TRANSPARENT,\n    color: t.solid,\n    hoverBg: t.subtleHover,\n    activeBg: t.subtlePressed,\n    disabledBg: TRANSPARENT,\n    disabledBorderColor: TRANSPARENT,\n    disabledColor: DISABLED_FG,\n  }),\n}\n\n// ---------------------------------------------------------------------------\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryBrand',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\n// Padding model (applied in useButtonComputed.ts):\n// - Horizontal uses 2 tiers via theme tokens:\n//   text-only => paddingX\n//   icon+text => paddingXIcon (fallback: paddingX)\n//   icon-only => no padding (centering via fixed w=h)\n// - Vertical token paddingY is border-box aware at runtime:\n//   effective pt/pb = paddingY - borderWidth\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      paddingX: 12,\n      paddingXIcon: 8,\n      paddingY: 5,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '12px',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      paddingX: 16,\n      paddingXIcon: 12,\n      paddingY: 8,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 10,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '16px',\n    },\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      paddingX: 16,\n      paddingXIcon: 16,\n      paddingY: 13,\n      gapX: 8,\n    },\n    icon: {\n      fontSize: '18px',\n    },\n  },\n}\n\nconst variants: Record<string, Record<string, ContainerStyles>> = Object.fromEntries(\n  Object.entries(intentTokens).flatMap(([intentKey, tokens]) =>\n    Object.entries(hierarchyRules).map(([hierarchyKey, buildContainer]) => [\n      `${hierarchyKey}${intentKey.charAt(0).toUpperCase()}${intentKey.slice(1)}`,\n      { container: buildContainer(tokens) },\n    ]),\n  ),\n)\n\n// Deprecated variant aliases for backward compatibility - will be removed in VUI 5.x\nvariants.primaryDark = variants.primaryBrand\nvariants.secondaryDark = variants.secondaryBrand\nvariants.tertiaryDark = variants.tertiaryBrand\nvariants.primaryLight = variants.primaryContrast\nvariants.secondaryLight = variants.secondaryContrast\nvariants.tertiaryLight = variants.tertiaryContrast\nvariants.solidGreen = variants.primarySuccess\nvariants.solidRed = variants.primaryDanger\n\n// Legacy blue variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.solidBlue = variants.primaryBrand\nvariants.blueOutlined = variants.secondaryBrand\nvariants.blueText = variants.tertiaryBrand\n\n// Component-specific subtle variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.subtleBlue = variants.secondaryBrand\nvariants.subtleRed = variants.secondaryDanger\nvariants.subtleGreen = variants.secondarySuccess\nvariants.subtleYellow = variants.secondaryWarning\n\n// Menu-specific variants (removed in VUI 4.0, added back as deprecated aliases)\nvariants.menuLight = variants.tertiaryBrand\nvariants.menuDark = variants.tertiaryBrand\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryBrand\nvariants.buttonGroupDefault = {\n  container: {\n    bg: 'var(--vui-color-opacity-none)',\n    borderColor: 'var(--vui-control-placeholder)',\n    color: 'var(--vui-action-brand-solid)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    activeBg: 'var(--vui-action-brand-subtle-pressed)',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'var(--vui-background-default)',\n    borderColor: 'var(--vui-utility-border-subtle)',\n    color: 'var(--vui-foreground-default)',\n    hoverBg: 'var(--vui-action-brand-subtle-hover)',\n    hoverBorderColor: 'var(--vui-action-brand-subtle-hover)',\n    hoverColor: 'var(--vui-action-brand-subtle-inverse)',\n    activeBg: 'var(--vui-action-brand-solid-pressed)',\n    activeBorderColor: 'var(--vui-action-brand-solid-pressed)',\n    activeColor: 'var(--vui-action-brand-solid-inverse)',\n    borderRadius: '1000',\n    marginRight: 'var(--vui-button-group-rounded-spacing, 22px)',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;AAYA,MAAM,eAA6C;CACjD,OAAO;EACL,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,UAAU;EACR,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,SAAS;EACP,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,QAAQ;EACN,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACD,SAAS;EACP,OAAO;EACP,cAAc;EACd,YAAY;EACZ,cAAc;EACd,aAAa;EACb,eAAe;EAChB;CACF;AAED,MAAM,cAAc;AACpB,MAAM,cAAc;AACpB,MAAM,cAAc;;AAGpB,MAAM,iBAAuE;CAC3E,UAAS,OAAM;EACb,IAAI,EAAE;EACN,aAAa,EAAE;EACf,OAAO,EAAE;EACT,SAAS,EAAE;EACX,kBAAkB,EAAE;EACpB,UAAU,EAAE;EACZ,mBAAmB,EAAE;EACrB,YAAY;EACZ,qBAAqB;EACrB,eAAe;EAChB;CACD,YAAW,OAAM;EACf,IAAI;EACJ,aAAa,EAAE;EACf,OAAO,EAAE;EACT,SAAS,EAAE;EACX,UAAU,EAAE;EACZ,YAAY;EACZ,qBAAqB;EACrB,eAAe;EAChB;CACD,WAAU,OAAM;EACd,IAAI;EACJ,aAAa;EACb,OAAO,EAAE;EACT,SAAS,EAAE;EACX,UAAU,EAAE;EACZ,YAAY;EACZ,qBAAqB;EACrB,eAAe;EAChB;CACF;AAID,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;CACb;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAO;AAS3C,MAAM,QAAQ;CACZ,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;GACP;EACD,MAAM,EACJ,UAAU,QACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;GACP;EACD,MAAM,EACJ,UAAU,QACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;GACP;EACD,MAAM,EACJ,UAAU,QACX;EACF;CACD,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,UAAU;GACV,cAAc;GACd,UAAU;GACV,MAAM;GACP;EACD,MAAM,EACJ,UAAU,QACX;EACF;CACF;AAED,MAAM,WAA4D,OAAO,YACvE,OAAO,QAAQ,aAAa,CAAC,SAAS,CAAC,WAAW,YAChD,OAAO,QAAQ,eAAe,CAAC,KAAK,CAAC,cAAc,oBAAoB,CACrE,GAAG,eAAe,UAAU,OAAO,EAAE,CAAC,aAAa,GAAG,UAAU,MAAM,EAAE,IACxE,EAAE,WAAW,eAAe,OAAO,EAAE,CACtC,CAAC,CACH,CACF;AAGD,SAAS,cAAc,SAAS;AAChC,SAAS,gBAAgB,SAAS;AAClC,SAAS,eAAe,SAAS;AACjC,SAAS,eAAe,SAAS;AACjC,SAAS,iBAAiB,SAAS;AACnC,SAAS,gBAAgB,SAAS;AAClC,SAAS,aAAa,SAAS;AAC/B,SAAS,WAAW,SAAS;AAG7B,SAAS,YAAY,SAAS;AAC9B,SAAS,eAAe,SAAS;AACjC,SAAS,WAAW,SAAS;AAG7B,SAAS,aAAa,SAAS;AAC/B,SAAS,YAAY,SAAS;AAC9B,SAAS,cAAc,SAAS;AAChC,SAAS,eAAe,SAAS;AAGjC,SAAS,YAAY,SAAS;AAC9B,SAAS,WAAW,SAAS;AAG7B,SAAS,qBAAqB,EAC5B,WAAW;CACT,IAAI;CACJ,aAAa;CACb,OAAO;CACP,SAAS;CACT,UAAU;CACX,EACF;AAGD,SAAS,qBAAqB,EAC5B,WAAW;CACT,IAAI;CACJ,aAAa;CACb,OAAO;CACP,SAAS;CACT,kBAAkB;CAClB,YAAY;CACZ,UAAU;CACV,mBAAmB;CACnB,aAAa;CACb,cAAc;CACd,aAAa;CACd,EACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}