@veracity/vui 5.0.0 → 5.1.0-alpha.392906.2605121359

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"mappings":";;;;;;;;;KAMY,gBAAA,GAAmB,WAAA,GAAc,YAAA;AAAA,KAEjC,oBAAA,GAAuB,QAAA;0BAEjC,SAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,yBAAA,GAA4B,QAAA;EATT,wBAW7B,SAAA,WATU;EAWV,QAAA,GAAW,SAAA;EAEX,OAAA,GAAU,SAAA;AAAA"}
+{"version":3,"file":"breadcrumbs.types.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbs.types.ts"],"mappings":";;;;;;KAMY,gBAAA,GAAmB,WAAA,GAAc,YAAA;AAAA,KAEjC,oBAAA,GAAuB,QAAA;0BAEjC,SAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,yBAAA,GAA4B,QAAA;EATT,wBAW7B,SAAA,WATU;EAWV,QAAA,GAAW,SAAA;EAEX,OAAA,GAAU,SAAA;AAAA"}

package/dist/breadcrumbs/breadcrumbsItem.d.ts

@@ -1,5 +1,4 @@
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { BreadcrumbsItemProps } from "./breadcrumbs.types.js";
 
 //#region src/breadcrumbs/breadcrumbsItem.d.ts

package/dist/breadcrumbs/breadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"mappings":";;;;;;cAQa,eAAA,EAmBP,YAAA,QAAoB,oBAAA"}
+{"version":3,"file":"breadcrumbsItem.d.ts","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"mappings":";;;;;cAQa,eAAA,EAmBP,YAAA,QAAoB,oBAAA"}

package/dist/breadcrumbs/breadcrumbsItem.js

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

package/dist/breadcrumbs/breadcrumbsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { BreadcrumbsItemProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** A Breadcrumb item. */\nexport const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) => {\n  const { className, children, ...rest } = omitThemingProps(props)\n\n  const parentContext = useBreadcrumbsContext()\n  const styles = useStyleConfig('Breadcrumbs', parentContext)\n\n  return (\n    <T\n      variant=\"navigation\"\n      size={parentContext.size}\n      alignItems=\"center\"\n      className={cs('vui-breadcrumbs-item', className)}\n      ref={ref}\n      {...styles.item}\n      {...rest}\n    >\n      {children}\n    </T>\n  )\n}) as VuiComponent<'div', BreadcrumbsItemProps>\n\nBreadcrumbsItem.displayName = 'BreadcrumbsItem'\n\nexport default BreadcrumbsItem\n"],"mappings":";;;;;;;;;AAQA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS,iBAAiB,MAAM;CAEhE,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,SAAS,eAAe,eAAe,cAAc;AAE3D,QACE,oBAAC;EACC,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;GACC;EAEN;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"breadcrumbsItem.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsItem.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { BreadcrumbsItemProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** A Breadcrumb item. */\nexport const BreadcrumbsItem = vui<'div', BreadcrumbsItemProps>((props, ref) => {\n  const { className, children, ...rest } = omitThemingProps(props)\n\n  const parentContext = useBreadcrumbsContext()\n  const styles = useStyleConfig('Breadcrumbs', parentContext)\n\n  return (\n    <T\n      variant=\"navigation\"\n      size={parentContext.size}\n      alignItems=\"center\"\n      className={cs('vui-breadcrumbs-item', className)}\n      ref={ref}\n      {...styles.item}\n      {...rest}\n    >\n      {children}\n    </T>\n  )\n}) as VuiComponent<'div', BreadcrumbsItemProps>\n\nBreadcrumbsItem.displayName = 'BreadcrumbsItem'\n\nexport default BreadcrumbsItem\n"],"mappings":";;;;;;;;;AAQA,MAAa,kBAAkB,KAAkC,OAAO,QAAQ;CAC9E,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS,iBAAiB,MAAM;CAEhE,MAAM,gBAAgB,uBAAuB;CAC7C,MAAM,SAAS,eAAe,eAAe,cAAc;CAE3D,OACE,oBAAC,GAAD;EACE,SAAQ;EACR,MAAM,cAAc;EACpB,YAAW;EACX,WAAW,GAAG,wBAAwB,UAAU;EAC3C;EACL,GAAI,OAAO;EACX,GAAI;EAEH;EACC;EAEN;AAEF,gBAAgB,cAAc"}

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"
+globalThis.__vuiVersion__ = "5.1.0"
 //# sourceMappingURL=breadcrumbsSeparator.js.map

package/dist/breadcrumbs/breadcrumbsSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsSeparator.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { BreadcrumbsSeparatorProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** Breadcrumbs separator. */\nexport const BreadcrumbsSeparator = ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => {\n  const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={cs('vui-breadcrumbs-separator', className)}\n      p={0}\n      {...rest}\n    >\n      {content || children || <Icon name=\"uiAngleRight\" {...styles.separator} />}\n    </Box>\n  )\n}\n\nexport default BreadcrumbsSeparator\n"],"mappings":";;;;;;;;;AAQA,MAAa,wBAAwB,EAAE,WAAW,UAAU,SAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,uBAAuB,CAAC;AAErE,QACE,oBAAC;EACC,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC;GAAK,MAAK;GAAe,GAAI,OAAO;IAAa;GACtE"}
+{"version":3,"file":"breadcrumbsSeparator.js","names":[],"sources":["../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { BreadcrumbsSeparatorProps } from './breadcrumbs.types'\nimport { useBreadcrumbsContext } from './context'\n\n/** Breadcrumbs separator. */\nexport const BreadcrumbsSeparator = ({ className, children, content, ...rest }: BreadcrumbsSeparatorProps) => {\n  const styles = useStyleConfig('Breadcrumbs', useBreadcrumbsContext())\n\n  return (\n    <Box\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      className={cs('vui-breadcrumbs-separator', className)}\n      p={0}\n      {...rest}\n    >\n      {content || children || <Icon name=\"uiAngleRight\" {...styles.separator} />}\n    </Box>\n  )\n}\n\nexport default BreadcrumbsSeparator\n"],"mappings":";;;;;;;;;AAQA,MAAa,wBAAwB,EAAE,WAAW,UAAU,SAAS,GAAG,WAAsC;CAC5G,MAAM,SAAS,eAAe,eAAe,uBAAuB,CAAC;CAErE,OACE,oBAAC,KAAD;EACE,YAAW;EACX,gBAAe;EACf,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAG;EACH,GAAI;YAEH,WAAW,YAAY,oBAAC,MAAD;GAAM,MAAK;GAAe,GAAI,OAAO;GAAa;EACtE"}

package/dist/breadcrumbs/context.js

@@ -5,5 +5,5 @@ const [BreadcrumbsProvider, useBreadcrumbsContext] = createContext({ isOptional:
 
 //#endregion
 export { BreadcrumbsProvider, useBreadcrumbsContext };
-globalThis.__vuiVersion__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.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__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.0"
 //# sourceMappingURL=theme.js.map

package/dist/button/button.d.ts

@@ -17,26 +17,24 @@ import { RotateProps, ScaleProps, ScaleXProps, ScaleYProps, SkewXProps, SkewYPro
 import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps, TransitionProps, TransitionTimingFunctionProps } from "../system/transitions.js";
 import { ColorProps, FontFamilyProps, FontSizeProps, FontStyleProps, FontWeightProps, LetterSpacingProps, LineHeightProps, ListStylePositionProps, ListStyleTypeProps, TextAlignProps, TextDecorationProps, TextOverflowProps, TextTransformProps, VerticalAlignProps, WhiteSpaceProps } from "../system/typography.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import { ButtonIntent, ButtonProps, ButtonVariant, ButtonVariantLegacy } from "./button.types.js";
 import { ButtonIcon } from "./buttonIcon.js";
 import { ButtonText } from "./buttonText.js";
-import "../index.js";
-import * as react from "react";
-import * as styled_components0 from "styled-components";
+import * as _$react from "react";
+import * as _$styled_components0 from "styled-components";
 
 //#region src/button/button.d.ts
-declare const ButtonBase: styled_components0.StyledComponent<"button", styled_components0.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Button"> & {
+declare const ButtonBase: _$styled_components0.StyledComponent<"button", _$styled_components0.DefaultTheme, AnimationProps & BackgroundColorProps & BorderProps & BorderTopProps & BorderRightProps & BorderBottomProps & BorderLeftProps & BorderColorProps & BorderTopColorProps & BorderRightColorProps & BorderBottomColorProps & BorderLeftColorProps & BorderWidthProps & BorderTopWidthProps & BorderRightWidthProps & BorderBottomWidthProps & BorderLeftWidthProps & BorderStyleProps & BorderRadiusProps & OutlineProps & OutlineColorProps & OutlineWidthProps & OutlineStyleProps & DivideXProps & DivideYProps & DivideXReverseProps & DivideYReverseProps & DivideColorProps & DivideStyleProps & RingProps & RingColorProps & OpacityProps & BoxShadowProps & TextShadowProps & DisplayProps & AlignItemsProps & AlignContentProps & JustifyContentProps & JustifyItemsProps & FlexWrapProps & FlexGrowProps & FlexShrinkProps & FlexBasisProps & FlexDirectionProps & FlexProps & JustifySelfProps & AlignSelfProps & OrderProps & RowProps & ColProps & GapProps & ColumnGapProps & RowGapProps & GridColumnProps & GridRowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & GridAreaProps & AppearanceProps & CursorProps & PointerEventsProps & ResizeProps & UserSelectProps & IsTruncatedProps & FloatProps & BoxSizingProps & OverflowProps & OverflowXProps & OverflowYProps & PositionProps & ZIndexProps & TopProps & RightProps & BottomProps & LeftProps & VisibilityProps & OverscrollBehaviorProps & ObjectFitProps & MaxLinesProps & WidthProps & HeightProps & MaxWidthProps & MaxHeightProps & MinWidthProps & MinHeightProps & MarginProps & MarginTopProps & MarginRightProps & MarginBottomProps & MarginLeftProps & MarginXProps & MarginYProps & PaddingProps & PaddingTopProps & PaddingRightProps & PaddingBottomProps & PaddingLeftProps & PaddingXProps & PaddingYProps & SpaceXProps & SpaceYProps & SpaceXReverseProps & SpaceYReverseProps & BorderCollapseProps & TableLayoutProps & TransformProps & TransformOriginProps & TranslateXProps & TranslateYProps & RotateProps & SkewXProps & SkewYProps & ScaleProps & ScaleXProps & ScaleYProps & TransitionProps & TransitionPropertyProps & TransitionDurationProps & TransitionTimingFunctionProps & TransitionDelayProps & FontFamilyProps & FontSizeProps & FontStyleProps & FontWeightProps & LineHeightProps & ColorProps & TextTransformProps & TextDecorationProps & TextAlignProps & VerticalAlignProps & LetterSpacingProps & WhiteSpaceProps & TextOverflowProps & ListStyleTypeProps & ListStylePositionProps & WordBreakProps & ThemingProps<"Button"> & {
   intent?: ButtonIntent | AnyString;
   variant?: ButtonVariant | ButtonVariantLegacy | AnyString;
   colorScheme?: string;
   dropDownIcon?: IconProp;
-  icon?: IconProp | react.JSX.Element;
-  startIcon?: IconProp | react.JSX.Element;
-  endIcon?: IconProp | react.JSX.Element;
-  iconLeft?: IconProp | react.JSX.Element;
-  iconRight?: IconProp | react.JSX.Element;
+  icon?: IconProp | _$react.JSX.Element;
+  startIcon?: IconProp | _$react.JSX.Element;
+  endIcon?: IconProp | _$react.JSX.Element;
+  iconLeft?: IconProp | _$react.JSX.Element;
+  iconRight?: IconProp | _$react.JSX.Element;
   isActive?: boolean;
   isDropDown?: boolean;
   isElevated?: boolean;

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;;cAyBa,MAAA,EAkNP,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,uBAAU,eAAA,WAYtB,oBAAA,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;;cAyBa,MAAA,EAkNP,YAAA,WAAuB,WAAA;EAC3B,IAAA,SAAa,UAAA;EACb,IAAA,SAAa,UAAA;AAAA"}

package/dist/button/button.js

@@ -189,5 +189,5 @@ Button.displayName = "Button";
 
 //#endregion
 export { ButtonBase, Button as default };
-globalThis.__vuiVersion__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.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// ---------------------------------------------------------------------------\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  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    </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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"}
+{"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// ---------------------------------------------------------------------------\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  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    </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

@@ -1,11 +1,7 @@
 import { AnyString } from "../utils/types.js";
-import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
-import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
-import "../system/index.js";
 import { IconProp } from "../icon/icon.types.js";
-import "../icon/index.js";
 import { JSX } from "react";
 
 //#region src/button/button.types.d.ts

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,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"}
+{"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__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.0"
 //# sourceMappingURL=buttonHelpers.js.map

package/dist/button/buttonHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonHelpers.js","names":[],"sources":["../../src/button/buttonHelpers.tsx"],"sourcesContent":["import type { IconProp } from '../icon'\nimport { isReactText, isString } from '../utils'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { loadingIconProps } from './consts'\n\n/**\n * Unified icon renderer for all button icon positions.\n * Converts string icon names to ButtonIcon components with appropriate margins.\n *\n * @param iconProp - Icon name string or React element\n * @param position - Icon position: 'main' (center), 'left', or 'right'\n * @param isLoading - Whether to show loading spinner (only applies to left position)\n * @returns Rendered icon or null\n */\nexport const renderButtonIcon = (\n  iconProp: IconProp | React.ReactElement | undefined,\n  position: 'left' | 'right',\n  isLoading: boolean = false,\n): React.ReactElement | null => {\n  if (position === 'left' && isLoading) {\n    return <ButtonIcon {...loadingIconProps} />\n  }\n\n  if (!iconProp) return null\n\n  // JSX element icons are returned as-is — no wrapper\n  if (!isString(iconProp)) return iconProp as React.ReactElement\n\n  return <ButtonIcon name={iconProp} />\n}\n\n/**\n * Renders the button content (text or children).\n * Wraps text strings in ButtonText component with optional truncation.\n *\n * @param children - React children content\n * @param text - Text string to render\n * @param isTruncated - Whether to enable text truncation\n * @returns Rendered content\n */\nexport const renderContent = (\n  children: React.ReactNode,\n  text: React.ReactNode,\n  isTruncated: boolean,\n): React.ReactNode => {\n  if (children) return children\n  // isReactText covers string/number; the second branch wraps JSX/complex nodes via children\n  if (isReactText(text)) return <ButtonText isTruncated={isTruncated} text={text} />\n  if (text) return <ButtonText isTruncated={isTruncated}>{text}</ButtonText>\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,oBACX,UACA,UACA,YAAqB,UACS;AAC9B,KAAI,aAAa,UAAU,UACzB,QAAO,oBAAC,cAAW,GAAI,mBAAoB;AAG7C,KAAI,CAAC,SAAU,QAAO;AAGtB,KAAI,CAAC,SAAS,SAAS,CAAE,QAAO;AAEhC,QAAO,oBAAC,cAAW,MAAM,WAAY;;;;;;;;;;;AAYvC,MAAa,iBACX,UACA,MACA,gBACoB;AACpB,KAAI,SAAU,QAAO;AAErB,KAAI,YAAY,KAAK,CAAE,QAAO,oBAAC;EAAwB;EAAmB;GAAQ;AAClF,KAAI,KAAM,QAAO,oBAAC;EAAwB;YAAc;GAAkB;AAC1E,QAAO"}
+{"version":3,"file":"buttonHelpers.js","names":[],"sources":["../../src/button/buttonHelpers.tsx"],"sourcesContent":["import type { IconProp } from '../icon'\nimport { isReactText, isString } from '../utils'\nimport ButtonIcon from './buttonIcon'\nimport ButtonText from './buttonText'\nimport { loadingIconProps } from './consts'\n\n/**\n * Unified icon renderer for all button icon positions.\n * Converts string icon names to ButtonIcon components with appropriate margins.\n *\n * @param iconProp - Icon name string or React element\n * @param position - Icon position: 'main' (center), 'left', or 'right'\n * @param isLoading - Whether to show loading spinner (only applies to left position)\n * @returns Rendered icon or null\n */\nexport const renderButtonIcon = (\n  iconProp: IconProp | React.ReactElement | undefined,\n  position: 'left' | 'right',\n  isLoading: boolean = false,\n): React.ReactElement | null => {\n  if (position === 'left' && isLoading) {\n    return <ButtonIcon {...loadingIconProps} />\n  }\n\n  if (!iconProp) return null\n\n  // JSX element icons are returned as-is — no wrapper\n  if (!isString(iconProp)) return iconProp as React.ReactElement\n\n  return <ButtonIcon name={iconProp} />\n}\n\n/**\n * Renders the button content (text or children).\n * Wraps text strings in ButtonText component with optional truncation.\n *\n * @param children - React children content\n * @param text - Text string to render\n * @param isTruncated - Whether to enable text truncation\n * @returns Rendered content\n */\nexport const renderContent = (\n  children: React.ReactNode,\n  text: React.ReactNode,\n  isTruncated: boolean,\n): React.ReactNode => {\n  if (children) return children\n  // isReactText covers string/number; the second branch wraps JSX/complex nodes via children\n  if (isReactText(text)) return <ButtonText isTruncated={isTruncated} text={text} />\n  if (text) return <ButtonText isTruncated={isTruncated}>{text}</ButtonText>\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,oBACX,UACA,UACA,YAAqB,UACS;CAC9B,IAAI,aAAa,UAAU,WACzB,OAAO,oBAAC,YAAD,EAAY,GAAI,kBAAoB;CAG7C,IAAI,CAAC,UAAU,OAAO;CAGtB,IAAI,CAAC,SAAS,SAAS,EAAE,OAAO;CAEhC,OAAO,oBAAC,YAAD,EAAY,MAAM,UAAY;;;;;;;;;;;AAYvC,MAAa,iBACX,UACA,MACA,gBACoB;CACpB,IAAI,UAAU,OAAO;CAErB,IAAI,YAAY,KAAK,EAAE,OAAO,oBAAC,YAAD;EAAyB;EAAmB;EAAQ;CAClF,IAAI,MAAM,OAAO,oBAAC,YAAD;EAAyB;YAAc;EAAkB;CAC1E,OAAO"}

package/dist/button/buttonIcon.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { IconProps } from "../icon/icon.types.js";
-import "../icon/index.js";
-import "../index.js";
-
 //#region src/button/buttonIcon.d.ts
 /** Displays an icon within the Button. */
 declare const ButtonIcon: VuiComponent<"svg", IconProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"mappings":";;;;;;;cAWa,UAAA,EAAU,YAAA,QAAA,SAAA"}
+{"version":3,"file":"buttonIcon.d.ts","names":[],"sources":["../../src/button/buttonIcon.tsx"],"mappings":";;;;cAWa,UAAA,EAAU,YAAA,QAAA,SAAA"}

package/dist/button/buttonIcon.js

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

package/dist/button/buttonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AAQA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,MAAM;;AAGrE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CAErC,MAAM,SAAS,eAAe,UADR,kBAAkB,CACc;AAEtD,iBAAgB;AACd,MAA6C,iBAAiB,KAAK,CACjE,SAAQ,KACN,iCAAiC,KAAK,sFACvC;IAEF,CAAC,KAAK,CAAC;AAEV,KAAI,iBAAiB,KAAK,CAAE,QAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;AAEhF,QACE,oBAAC;EACC,WAAW,GAAG,kBAAkB,UAAU;EAC1C,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc"}
+{"version":3,"file":"buttonIcon.js","names":[],"sources":["../../src/button/buttonIcon.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { useStyleConfig, vui } from '../core'\nimport type { IconProp, IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\nconst isConceptualIcon = (name?: IconProp) => name?.startsWith('con')\n\n/** Displays an icon within the Button. */\nexport const ButtonIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, name, ...rest } = props\n  const buttonContext = useButtonContext()\n  const styles = useStyleConfig('Button', buttonContext)\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && isConceptualIcon(name)) {\n      console.warn(\n        `[ButtonIcon] Conceptual icon \"${name}\" is not supported inside a Button. Use a UI icon (name starting with \"ui\") instead.`,\n      )\n    }\n  }, [name])\n\n  if (isConceptualIcon(name)) return null\n\n  const iconSize = `var(--vui-button-icon-size, ${styles.icon?.fontSize || '1rem'})`\n\n  return (\n    <Icon\n      className={cs('vui-buttonIcon', className)}\n      fontSize={iconSize}\n      h={iconSize}\n      w={iconSize}\n      name={name}\n      ref={ref}\n      {...rest}\n    />\n  )\n})\n\nButtonIcon.displayName = 'ButtonIcon'\nexport default ButtonIcon\n"],"mappings":";;;;;;;;;AAQA,MAAM,oBAAoB,SAAoB,MAAM,WAAW,MAAM;;AAGrE,MAAa,aAAa,KAAuB,OAAO,QAAQ;CAC9D,MAAM,EAAE,WAAW,MAAM,GAAG,SAAS;CAErC,MAAM,SAAS,eAAe,UADR,kBAC+B,CAAC;CAEtD,gBAAgB;EACd,IAA6C,iBAAiB,KAAK,EACjE,QAAQ,KACN,iCAAiC,KAAK,sFACvC;IAEF,CAAC,KAAK,CAAC;CAEV,IAAI,iBAAiB,KAAK,EAAE,OAAO;CAEnC,MAAM,WAAW,+BAA+B,OAAO,MAAM,YAAY,OAAO;CAEhF,OACE,oBAAC,MAAD;EACE,WAAW,GAAG,kBAAkB,UAAU;EAC1C,UAAU;EACV,GAAG;EACH,GAAG;EACG;EACD;EACL,GAAI;EACJ;EAEJ;AAEF,WAAW,cAAc"}

package/dist/button/buttonText.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/button/buttonText.d.ts
 /** Displays the text label of the button. */
 declare const ButtonText: VuiComponent<"span", TProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"mappings":";;;;;;;cAOa,UAAA,EAAU,YAAA,SAAA,MAAA"}
+{"version":3,"file":"buttonText.d.ts","names":[],"sources":["../../src/button/buttonText.tsx"],"mappings":";;;;cAOa,UAAA,EAAU,YAAA,SAAA,MAAA"}

package/dist/button/buttonText.js

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

package/dist/button/buttonText.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonText.js","names":[],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\n/** Displays the text label of the button. */\nexport const ButtonText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n\n  return <T className={cs('vui-buttonText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nButtonText.displayName = 'ButtonText'\n\nexport default ButtonText\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAE,WAAW,GAAG,kBAAkB,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAChH;AAEF,WAAW,cAAc"}
+{"version":3,"file":"buttonText.js","names":[],"sources":["../../src/button/buttonText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useButtonContext } from './context'\n\n/** Displays the text label of the button. */\nexport const ButtonText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Button', useButtonContext())\n\n  return <T className={cs('vui-buttonText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nButtonText.displayName = 'ButtonText'\n\nexport default ButtonText\n"],"mappings":";;;;;;;;;AAOA,MAAa,aAAa,KAAqB,OAAO,QAAQ;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,kBAAkB,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;EAAQ;EAChH;AAEF,WAAW,cAAc"}

package/dist/button/buttons.d.ts

@@ -1,7 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { ButtonProps, IconButtonProps } from "./button.types.js";
-import "../index.js";
-
 //#region src/button/buttons.d.ts
 declare const AppButton: VuiComponent<"button", ButtonProps>;
 declare const IconButton: VuiComponent<"button", IconButtonProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"mappings":";;;;;cAMa,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAIT,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAmBV,aAAA,EAAa,YAAA,WAAA,eAAA;AA5B1B;AAAA,cAkCa,WAAA,EAAW,YAAA,WAAA,eAAA;AAAA,cAUX,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAKT,YAAA,EAAY,YAAA,WAAA,WAAA;AAAA,cAKZ,UAAA,EAAU,YAAA,WAAA,WAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,WAAA"}
+{"version":3,"file":"buttons.d.ts","names":[],"sources":["../../src/button/buttons.tsx"],"mappings":";;;cAMa,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAIT,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,eAAA;AAAA,cAmBV,aAAA,EAAa,YAAA,WAAA,eAAA;AA5B1B;AAAA,cAkCa,WAAA,EAAW,YAAA,WAAA,eAAA;AAAA,cAUX,SAAA,EAAS,YAAA,WAAA,WAAA;AAAA,cAKT,YAAA,EAAY,YAAA,WAAA,WAAA;AAAA,cAKZ,UAAA,EAAU,YAAA,WAAA,WAAA;AAAA,cAKV,UAAA,EAAU,YAAA,WAAA,WAAA"}

package/dist/button/buttons.js

@@ -82,5 +82,5 @@ TextButton.displayName = "TextButton";
 
 //#endregion
 export { AppButton, BackButton, CTAButton, CloseButton, DangerButton, DismissButton, IconButton, LineButton, TextButton };
-globalThis.__vuiVersion__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.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 { useEffect } from 'react'\n\nimport { 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 6. */\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[VUI] `CloseButton` is deprecated. Use `DismissButton` instead. Will be removed in VUI 6.')\n    }\n  }, [])\n  return <DismissButton ref={ref} {...props} />\n})\nCloseButton.displayName = 'CloseButton'\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":";;;;;;;AAMA,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,KAAgC,OAAO,QAAQ;AACxE,iBAAgB;AAEZ,UAAQ,KAAK,4FAA4F;IAE1G,EAAE,CAAC;AACN,QAAO,oBAAC;EAAmB;EAAK,GAAI;GAAS;EAC7C;AACF,YAAY,cAAc;AAE1B,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 { useEffect } from 'react'\n\nimport { 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 6. */\nexport const CloseButton = vui<'button', IconButtonProps>((props, ref) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[VUI] `CloseButton` is deprecated. Use `DismissButton` instead. Will be removed in VUI 6.')\n    }\n  }, [])\n  return <DismissButton ref={ref} {...props} />\n})\nCloseButton.displayName = 'CloseButton'\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":";;;;;;;AAMA,MAAa,YAAY,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,GAAI;CAAS,EAAC;AACtH,UAAU,cAAc;AAGxB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;CAAS,EACnD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAAgC,OAAO,QAC/D,oBAAC,YAAD;CAAY,WAAU;CAAmB;CAAK,SAAQ;CAAW,GAAI;CAAS,EAC9E;AACF,WAAW,cAAc;AAKzB,MAAM,oBAAoB,OAAO,WAAW;;;;;;;;;;AAW5C,MAAa,gBAAgB,KAAgC,OAAO,QAClE,oBAAC,mBAAD;CAAmB,cAAW;CAAU,WAAU;CAAe;CAAK,SAAQ;CAAW,GAAI;CAAS,EACtG;AACF,cAAc,cAAc;;AAG5B,MAAa,cAAc,KAAgC,OAAO,QAAQ;CACxE,gBAAgB;EAEZ,QAAQ,KAAK,4FAA4F;IAE1G,EAAE,CAAC;CACN,OAAO,oBAAC,eAAD;EAAoB;EAAK,GAAI;EAAS;EAC7C;AACF,YAAY,cAAc;AAE1B,MAAa,YAAY,KAA4B,OAAO,QAC1D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAU,GAAI;CAAS,EAClE;AACF,UAAU,cAAc;AAExB,MAAa,eAAe,KAA4B,OAAO,QAC7D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAU,QAAO;CAAS,GAAI;CAAS,EACjE;AACF,aAAa,cAAc;AAE3B,MAAa,aAAa,KAA4B,OAAO,QAC3D,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAY,GAAI;CAAS,EACnD;AACF,WAAW,cAAc;AAEzB,MAAa,aAAa,KAA4B,OAAO,QAAQ,oBAAC,QAAD;CAAa;CAAK,SAAQ;CAAW,GAAI;CAAS,EAAC;AACxH,WAAW,cAAc"}

package/dist/button/consts.js

@@ -1,6 +1,4 @@
 //#region src/button/consts.ts
-const DEFAULT_BORDER_WIDTH = 1;
-const DEFAULT_BOX_SHADOW = "md";
 const loadingIconProps = {
 	animation: "vui-spin 0.6s linear infinite",
 	name: "uiSpinnerThird",
@@ -35,6 +33,6 @@ const CSS_VAR_MAPPINGS = {
 };
 
 //#endregion
-export { CSS_VAR_MAPPINGS, DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW, loadingIconProps };
-globalThis.__vuiVersion__ = "5.0.0"
+export { CSS_VAR_MAPPINGS, loadingIconProps };
+globalThis.__vuiVersion__ = "5.1.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;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"}
+{"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":";AAIA,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.d.ts

@@ -1,4 +1,4 @@
-import * as react from "react";
+import * as _$react from "react";
 
 //#region src/button/context.d.ts
 interface ButtonContextValue {
@@ -10,7 +10,7 @@ interface ButtonContextValue {
   hasTextContent?: boolean;
   isLoading?: boolean;
 }
-declare const ButtonProvider: react.Provider<ButtonContextValue>, useButtonContext: () => ButtonContextValue;
+declare const ButtonProvider: _$react.Provider<ButtonContextValue>, useButtonContext: () => ButtonContextValue;
 //#endregion
 export { ButtonContextValue, ButtonProvider, useButtonContext };
 

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"mappings":";;;UAEiB,kBAAA;EACf,QAAA;EACA,IAAA;EACA,OAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,SAAA;AAAA;AAAA,cAGK,cAAA,EAAc,KAAA,CAAA,QAAA,CAAA,kBAAA,GAAE,gBAAA,QAAgB,kBAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/button/context.ts"],"mappings":";;;UAEiB,kBAAA;EACf,QAAA;EACA,IAAA;EACA,OAAA;EACA,MAAA;EACA,UAAA;EACA,cAAA;EACA,SAAA;AAAA;AAAA,cAGK,cAAA,EAAc,OAAA,CAAA,QAAA,CAAA,kBAAA,GAAE,gBAAA,QAAgB,kBAAA"}

package/dist/button/context.js

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

package/dist/button/theme.js

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

package/dist/button/useButtonComputed.js

@@ -3,7 +3,6 @@ import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
 import fontSizes_default from "../theme/foundations/fontSizes.js";
 import { useStyleConfig, useTheme } from "../core/theme.js";
-import { DEFAULT_BORDER_WIDTH, DEFAULT_BOX_SHADOW } from "./consts.js";
 import { extractNumericValue, resolveVariantKey } from "./utils.js";
 import { useMemo } from "react";
 
@@ -26,13 +25,13 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 	return useMemo(() => {
 		const requestedContainer = styles.container || {};
 		const container = requestedContainer.bg || requestedContainer.borderColor || requestedContainer.color ? requestedContainer : defaultStyles.container || {};
-		const { borderWidth = DEFAULT_BORDER_WIDTH, paddingX = 16, paddingXIcon, paddingY = 12, gapX = 8, h = 40, fontSize = "md", ...buttonStyles } = container;
+		const { borderWidth = 1, paddingX = 16, paddingXIcon, paddingY = 12, gapX = 8, h = 40, fontSize = "md", ...buttonStyles } = container;
 		const normalizedStyles = {
 			...buttonStyles,
 			activeColor: buttonStyles.activeColor ?? buttonStyles.color,
 			hoverColor: buttonStyles.hoverColor ?? buttonStyles.color
 		};
-		const border = extractNumericValue(borderWidthProp) || borderWidth || DEFAULT_BORDER_WIDTH;
+		const border = extractNumericValue(borderWidthProp) || borderWidth || 1;
 		const py = paddingY - border;
 		const pxForSide = (hasIcon) => {
 			if (isIconOnly) return 0;
@@ -66,7 +65,7 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 			hoverColor: container.activeColor,
 			cursor: "default"
 		}) : {};
-		const resolvedBoxShadow = theme.shadows[DEFAULT_BOX_SHADOW] ?? DEFAULT_BOX_SHADOW;
+		const resolvedBoxShadow = theme.shadows["md"] ?? "md";
 		const resolvedFontSize = fontSizes_default[fontSize] ?? fontSize;
 		return {
 			buttonStyles: normalizedStyles,
@@ -81,7 +80,7 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 				minW: isFullWidth ? void 0 : `var(--vui-button-min-w, auto)`,
 				w: isIconOnly ? `var(--vui-button-w, ${h}px)` : isFullWidth ? "100%" : void 0
 			}),
-			buttonClassName: cs("vui-button", className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : void 0, intentProp ? `vui-button-intent-${intentProp}` : void 0)
+			buttonClassName: cs("vui-button", className, isActive && "vui-active", variantProp ? `vui-button-variant-${variantProp}` : void 0, intentProp ? `vui-button-intent-${intentProp}` : void 0)
 		};
 	}, [
 		styles,
@@ -104,5 +103,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.0.0"
+globalThis.__vuiVersion__ = "5.1.0"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/useButtonComputed.js.map

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

package/dist/button/utils.js

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

package/dist/button/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/button/utils.ts"],"sourcesContent":["/**\n * Button utilities — pure functions shared by theme.ts and button.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type { ButtonIntent, ButtonVariant } from './button.types'\n\n/** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */\nconst DEFAULT_BORDER_WIDTH_FALLBACK = 1\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['primary', 'secondary', 'tertiary'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used\n * internally (e.g. `resolveVariantKey('primary','brand') => 'primaryBrand'`).\n * When `intent` is omitted, `'brand'` is used as the default\n * (e.g. `resolveVariantKey('primary') => 'primaryBrand'`).\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'primaryBrand'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'primaryBrand'` (the default variant) when `variant` is absent.\n */\nexport const resolveVariantKey = (\n  variant: ButtonVariant | string | undefined,\n  intent: ButtonIntent | string | undefined,\n): string | undefined => {\n  if (!variant) return `primary${capitalize(intent ?? 'brand')}`\n\n  // Already a combined legacy key — pass through unchanged\n  if (!HIERARCHY_KEYS.has(variant)) return variant\n\n  // New two-prop API: combine hierarchy + intent (defaults to 'brand' when intent is absent)\n  return `${variant}${capitalize(intent ?? 'brand')}`\n}\n\n/**\n * Extracts a numeric value from various input types (number, string with px, etc.).\n * Moved here from button.tsx so it can be used and tested independently.\n *\n * @param value   - Value to extract number from\n * @param fallback - Default value if extraction fails\n */\nexport const extractNumericValue = (value: unknown, fallback = DEFAULT_BORDER_WIDTH_FALLBACK): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    if (!isNaN(parsed)) return parsed\n  }\n  return fallback\n}\n\n/**\n * Wraps a props object so each mapped key becomes `var(--css-var, originalValue)`.\n * Unmapped keys are passed through unchanged.\n * Defined here (not in button.tsx) so it can be imported without pulling in React.\n */\nexport const wrapWithVars = (\n  props: Record<string, unknown>,\n  mapping: Record<string, string>,\n): Record<string, unknown> => {\n  if (!props || Object.keys(props).length === 0) return {}\n  const result: Record<string, unknown> = {}\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in mapping && value !== undefined) {\n      result[key] = `var(${mapping[key]}, ${value})`\n    } else if (!(key in mapping)) {\n      result[key] = value\n    }\n  })\n  return result\n}\n"],"mappings":";;AAQA,MAAM,gCAAgC;;AAGtC,MAAM,iBAAiB,IAAI,IAAY;CAAC;CAAW;CAAa;CAAW,CAAC;AAE5E,MAAM,cAAc,MAAc,EAAE,OAAO,EAAE,CAAC,aAAa,GAAG,EAAE,MAAM,EAAE;;;;;;;;;;;;AAaxE,MAAa,qBACX,SACA,WACuB;AACvB,KAAI,CAAC,QAAS,QAAO,UAAU,WAAW,UAAU,QAAQ;AAG5D,KAAI,CAAC,eAAe,IAAI,QAAQ,CAAE,QAAO;AAGzC,QAAO,GAAG,UAAU,WAAW,UAAU,QAAQ;;;;;;;;;AAUnD,MAAa,uBAAuB,OAAgB,WAAW,kCAA0C;AACvG,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,SAAS,OAAO,GAAG;AAClC,MAAI,CAAC,MAAM,OAAO,CAAE,QAAO;;AAE7B,QAAO;;;;;;;AAQT,MAAa,gBACX,OACA,YAC4B;AAC5B,KAAI,CAAC,SAAS,OAAO,KAAK,MAAM,CAAC,WAAW,EAAG,QAAO,EAAE;CACxD,MAAM,SAAkC,EAAE;AAC1C,QAAO,QAAQ,MAAM,CAAC,SAAS,CAAC,KAAK,WAAW;AAC9C,MAAI,OAAO,WAAW,UAAU,OAC9B,QAAO,OAAO,OAAO,QAAQ,KAAK,IAAI,MAAM;WACnC,EAAE,OAAO,SAClB,QAAO,OAAO;GAEhB;AACF,QAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/button/utils.ts"],"sourcesContent":["/**\n * Button utilities — pure functions shared by theme.ts and button.tsx.\n * Kept separate to avoid circular imports.\n */\n\nimport type { ButtonIntent, ButtonVariant } from './button.types'\n\n/** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */\nconst DEFAULT_BORDER_WIDTH_FALLBACK = 1\n\n/** Canonical hierarchy keys recognised by the two-prop API. */\nconst HIERARCHY_KEYS = new Set<string>(['primary', 'secondary', 'tertiary'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\n/**\n * Converts a two-prop variant+intent pair into the combined theme key used\n * internally (e.g. `resolveVariantKey('primary','brand') => 'primaryBrand'`).\n * When `intent` is omitted, `'brand'` is used as the default\n * (e.g. `resolveVariantKey('primary') => 'primaryBrand'`).\n *\n * If `variant` is already a fully-qualified legacy key (e.g. `'primaryBrand'`)\n * it is returned unchanged so the new API is backward-compatible.\n *\n * Returns `'primaryBrand'` (the default variant) when `variant` is absent.\n */\nexport const resolveVariantKey = (\n  variant: ButtonVariant | string | undefined,\n  intent: ButtonIntent | string | undefined,\n): string | undefined => {\n  if (!variant) return `primary${capitalize(intent ?? 'brand')}`\n\n  // Already a combined legacy key — pass through unchanged\n  if (!HIERARCHY_KEYS.has(variant)) return variant\n\n  // New two-prop API: combine hierarchy + intent (defaults to 'brand' when intent is absent)\n  return `${variant}${capitalize(intent ?? 'brand')}`\n}\n\n/**\n * Extracts a numeric value from various input types (number, string with px, etc.).\n * Moved here from button.tsx so it can be used and tested independently.\n *\n * @param value   - Value to extract number from\n * @param fallback - Default value if extraction fails\n */\nexport const extractNumericValue = (value: unknown, fallback = DEFAULT_BORDER_WIDTH_FALLBACK): number => {\n  if (typeof value === 'number') return value\n  if (typeof value === 'string') {\n    const parsed = parseInt(value, 10)\n    if (!isNaN(parsed)) return parsed\n  }\n  return fallback\n}\n\n/**\n * Wraps a props object so each mapped key becomes `var(--css-var, originalValue)`.\n * Unmapped keys are passed through unchanged.\n * Defined here (not in button.tsx) so it can be imported without pulling in React.\n */\nexport const wrapWithVars = (\n  props: Record<string, unknown>,\n  mapping: Record<string, string>,\n): Record<string, unknown> => {\n  if (!props || Object.keys(props).length === 0) return {}\n  const result: Record<string, unknown> = {}\n  Object.entries(props).forEach(([key, value]) => {\n    if (key in mapping && value !== undefined) {\n      result[key] = `var(${mapping[key]}, ${value})`\n    } else if (!(key in mapping)) {\n      result[key] = value\n    }\n  })\n  return result\n}\n"],"mappings":";;AAQA,MAAM,gCAAgC;;AAGtC,MAAM,iBAAiB,IAAI,IAAY;CAAC;CAAW;CAAa;CAAW,CAAC;AAE5E,MAAM,cAAc,MAAc,EAAE,OAAO,EAAE,CAAC,aAAa,GAAG,EAAE,MAAM,EAAE;;;;;;;;;;;;AAaxE,MAAa,qBACX,SACA,WACuB;CACvB,IAAI,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,QAAQ;CAG5D,IAAI,CAAC,eAAe,IAAI,QAAQ,EAAE,OAAO;CAGzC,OAAO,GAAG,UAAU,WAAW,UAAU,QAAQ;;;;;;;;;AAUnD,MAAa,uBAAuB,OAAgB,WAAW,kCAA0C;CACvG,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,SAAS,OAAO,GAAG;EAClC,IAAI,CAAC,MAAM,OAAO,EAAE,OAAO;;CAE7B,OAAO;;;;;;;AAQT,MAAa,gBACX,OACA,YAC4B;CAC5B,IAAI,CAAC,SAAS,OAAO,KAAK,MAAM,CAAC,WAAW,GAAG,OAAO,EAAE;CACxD,MAAM,SAAkC,EAAE;CAC1C,OAAO,QAAQ,MAAM,CAAC,SAAS,CAAC,KAAK,WAAW;EAC9C,IAAI,OAAO,WAAW,UAAU,QAC9B,OAAO,OAAO,OAAO,QAAQ,KAAK,IAAI,MAAM;OACvC,IAAI,EAAE,OAAO,UAClB,OAAO,OAAO;GAEhB;CACF,OAAO"}