@veracity/vui 5.1.0 → 5.1.1-alpha.395258.2605251218

package/dist/_virtual/_rolldown/runtime.js

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

package/dist/accordion/accordion.js

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

package/dist/accordion/accordionItem.js

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

package/dist/accordion/accordionItemArrow.js

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

package/dist/accordion/accordionItemHorizontal.js

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

package/dist/accordion/context.js

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

package/dist/accordion/theme.js

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

package/dist/avatar/avatar.js

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

package/dist/avatar/helpers.js

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

package/dist/avatar/theme.js

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

package/dist/badge/badge.d.ts

@@ -1,11 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { BadgeProps } from "./badge.types.js";
 //#region src/badge/badge.d.ts
-/**
- * Badges are round, non-interactive tags.
- *
- * These components are used for displaying information only; they might be used as a “counter” for push notifications.
- */
 declare const Badge: VuiComponent<"span", BadgeProps>;
 //#endregion
 export { Badge };

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"mappings":";;;;;;;AAaA;cAAa,KAAA,EAAK,YAAA,SAAA,UAAA"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"mappings":";;;cAyCa,KAAA,EAAK,YAAA,SAAA,UAAA"}

package/dist/badge/badge.js

@@ -1,27 +1,96 @@
 import theme_default from "./theme.js";
 import vui from "../core/vui.js";
 import Tag from "../tag/tag.js";
+import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/badge/badge.tsx
 /**
-* Badges are round, non-interactive tags.
+* Badge is a non-interactive, pill-shaped alias of {@link Tag}.
 *
-* These components are used for displaying information only; they might be used as a “counter” for push notifications.
+* Appearance is controlled by two props that mirror Tag's API:
+*  - `variant`: `'subtle' | 'solid'`
+*  - `intent`:  `'grey' | 'earth' | 'blue' | 'blue2' | 'danger' | 'yellow' | 'success' | 'brand'`
+*
+* Aliasing model:
+*  - For intents that exist on Tag (`grey | success | danger | brand`) Badge
+*    forwards `variant` + `intent` to Tag and Tag's theme drives the colours.
+*  - For Badge-only legacy intents (`earth | blue | blue2 | yellow`) Badge
+*    looks the tokens up in its own theme and passes `bg` / `color` overrides
+*    to Tag.
+*
+* Legacy combined keys (e.g. `'subtleGrey'`, `'solidBrand'`) are still accepted
+* via `variant` for backward compatibility; they are split back into
+* `(hierarchy, intent)`.
 */
+const HIERARCHY = ["subtle", "solid"];
+const BADGE_LEGACY_INTENTS = new Set([
+	"earth",
+	"blue",
+	"blue2",
+	"yellow"
+]);
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+const splitCombined = (combined) => {
+	for (const h of HIERARCHY) if (combined.startsWith(h) && combined.length > h.length) {
+		const tail = combined.slice(h.length);
+		return {
+			hierarchy: h,
+			intent: tail.charAt(0).toLowerCase() + tail.slice(1)
+		};
+	}
+	return null;
+};
 const Badge = vui((props, ref) => {
-	const { variant, ...rest } = props;
-	const { variants } = theme_default ?? {};
-	const bg = variants[variant ?? "subtleSandstone"].container.bg;
-	const color = variants[variant ?? "subtleSandstone"].container.color;
+	const { variant: variantProp, intent: intentProp, iconLeft, iconRight, startIcon, endIcon, ...rest } = props;
+	useEffect(() => {
+		if (iconLeft !== void 0) console.warn("[Badge] `iconLeft` is deprecated. Use `startIcon` instead.");
+		if (iconRight !== void 0) console.warn("[Badge] `iconRight` is deprecated. Use `endIcon` instead.");
+		if (variantProp !== void 0 && !["subtle", "solid"].includes(variantProp) && /^(subtle|solid)(Grey|Earth|Blue|Blue2|Danger|Yellow|Success|Brand)$/.test(variantProp)) console.warn(`[Badge] Combined variant "${variantProp}" is deprecated. Use separate \`variant\` + \`intent\` props instead (e.g. variant="subtle" intent="success").`);
+	}, [
+		iconLeft,
+		iconRight,
+		variantProp
+	]);
+	const resolvedStartIcon = startIcon ?? iconLeft;
+	const resolvedEndIcon = endIcon ?? iconRight;
+	let hierarchy;
+	let intent;
+	if (variantProp && !HIERARCHY.includes(variantProp)) {
+		const split = splitCombined(variantProp);
+		hierarchy = split?.hierarchy ?? "subtle";
+		intent = split?.intent ?? intentProp ?? "grey";
+	} else {
+		hierarchy = variantProp ?? "subtle";
+		intent = intentProp ?? "grey";
+	}
+	if (BADGE_LEGACY_INTENTS.has(intent)) {
+		const key = `${hierarchy}${capitalize(intent)}`;
+		const container = theme_default.variants[key]?.container;
+		return /* @__PURE__ */ jsx(Tag, {
+			bg: container?.bg,
+			borderRadius: "9999px",
+			className: "vui-badge",
+			color: container?.color,
+			endIcon: resolvedEndIcon,
+			isInteractive: false,
+			minW: "20px",
+			ref,
+			startIcon: resolvedStartIcon,
+			...rest,
+			onDelete: void 0
+		});
+	}
 	return /* @__PURE__ */ jsx(Tag, {
-		bg,
+		borderRadius: "9999px",
 		className: "vui-badge",
-		color,
+		endIcon: resolvedEndIcon,
+		intent,
 		isInteractive: false,
-		isRound: true,
 		minW: "20px",
 		ref,
+		startIcon: resolvedStartIcon,
+		variant: hierarchy,
 		...rest,
 		onDelete: void 0
 	});
@@ -30,5 +99,5 @@ Badge.displayName = "Badge";
 
 //#endregion
 export { Badge as default };
-globalThis.__vuiVersion__ = "5.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["theme"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { vui } from '../core'\nimport type { TagProps } from '../tag'\nimport { Tag } from '../tag'\nimport type { Dict } from '../utils'\nimport type { BadgeProps } from './badge.types'\nimport theme from './theme'\n\n/**\n * Badges are round, non-interactive tags.\n *\n * These components are used for displaying information only; they might be used as a “counter” for push notifications.\n */\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant, ...rest } = props as TagProps\n  const { variants } = (theme as Dict) ?? {}\n\n  const bg = variants[variant ?? 'subtleSandstone'].container.bg\n  const color = variants[variant ?? 'subtleSandstone'].container.color\n\n  return (\n    <Tag\n      bg={bg}\n      className=\"vui-badge\"\n      color={color}\n      isInteractive={false}\n      isRound\n      minW=\"20px\"\n      ref={ref}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,SAAS,GAAG,SAAS;CAC7B,MAAM,EAAE,aAAcA,iBAAkB,CAAC;CAEzC,MAAM,KAAK,SAAS,WAAW,mBAAmB,UAAU;CAC5D,MAAM,QAAQ,SAAS,WAAW,mBAAmB,UAAU;CAE/D,OACE,oBAAC,KAAD;EACM;EACJ,WAAU;EACH;EACP,eAAe;EACf;EACA,MAAK;EACA;EACL,GAAI;EACJ,UAAU;CACX;AAEL,CAAC;AAED,MAAM,cAAc"}
+{"version":3,"file":"badge.js","names":["theme"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nimport { vui } from '../core'\nimport { Tag } from '../tag'\nimport type { BadgeProps } from './badge.types'\nimport theme from './theme'\n\n/**\n * Badge is a non-interactive, pill-shaped alias of {@link Tag}.\n *\n * Appearance is controlled by two props that mirror Tag's API:\n *  - `variant`: `'subtle' | 'solid'`\n *  - `intent`:  `'grey' | 'earth' | 'blue' | 'blue2' | 'danger' | 'yellow' | 'success' | 'brand'`\n *\n * Aliasing model:\n *  - For intents that exist on Tag (`grey | success | danger | brand`) Badge\n *    forwards `variant` + `intent` to Tag and Tag's theme drives the colours.\n *  - For Badge-only legacy intents (`earth | blue | blue2 | yellow`) Badge\n *    looks the tokens up in its own theme and passes `bg` / `color` overrides\n *    to Tag.\n *\n * Legacy combined keys (e.g. `'subtleGrey'`, `'solidBrand'`) are still accepted\n * via `variant` for backward compatibility; they are split back into\n * `(hierarchy, intent)`.\n */\n\nconst HIERARCHY = ['subtle', 'solid'] as const\nconst BADGE_LEGACY_INTENTS = new Set(['earth', 'blue', 'blue2', 'yellow'])\n\nconst capitalize = (s: string) => s.charAt(0).toUpperCase() + s.slice(1)\n\nconst splitCombined = (combined: string): { hierarchy: string; intent: string } | null => {\n  for (const h of HIERARCHY) {\n    if (combined.startsWith(h) && combined.length > h.length) {\n      const tail = combined.slice(h.length)\n      return { hierarchy: h, intent: tail.charAt(0).toLowerCase() + tail.slice(1) }\n    }\n  }\n  return null\n}\n\nexport const Badge = vui<'span', BadgeProps>((props, ref) => {\n  const { variant: variantProp, intent: intentProp, iconLeft, iconRight, startIcon, endIcon, ...rest } = props\n\n  // Dev-mode deprecation warnings.\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (iconLeft !== undefined) {\n        console.warn('[Badge] `iconLeft` is deprecated. Use `startIcon` instead.')\n      }\n      if (iconRight !== undefined) {\n        console.warn('[Badge] `iconRight` is deprecated. Use `endIcon` instead.')\n      }\n      if (\n        variantProp !== undefined &&\n        !['subtle', 'solid'].includes(variantProp) &&\n        /^(subtle|solid)(Grey|Earth|Blue|Blue2|Danger|Yellow|Success|Brand)$/.test(variantProp)\n      ) {\n        console.warn(\n          `[Badge] Combined variant \"${variantProp}\" is deprecated. ` +\n            'Use separate `variant` + `intent` props instead (e.g. variant=\"subtle\" intent=\"success\").',\n        )\n      }\n    }\n  }, [iconLeft, iconRight, variantProp])\n\n  const resolvedStartIcon = startIcon ?? iconLeft\n  const resolvedEndIcon = endIcon ?? iconRight\n\n  // Resolve (hierarchy, intent) from either the two-prop API or a legacy\n  // combined `variant` like \"subtleSuccess\".\n  let hierarchy: string\n  let intent: string\n  if (variantProp && !(HIERARCHY as readonly string[]).includes(variantProp)) {\n    const split = splitCombined(variantProp)\n    hierarchy = split?.hierarchy ?? 'subtle'\n    intent = split?.intent ?? intentProp ?? 'grey'\n  } else {\n    hierarchy = variantProp ?? 'subtle'\n    intent = intentProp ?? 'grey'\n  }\n\n  // Legacy intent — apply colour overrides on top of Tag.\n  if (BADGE_LEGACY_INTENTS.has(intent)) {\n    const key = `${hierarchy}${capitalize(intent)}` as keyof typeof theme.variants\n    const container = theme.variants[key]?.container\n    return (\n      <Tag\n        bg={container?.bg}\n        borderRadius=\"9999px\"\n        className=\"vui-badge\"\n        color={container?.color}\n        endIcon={resolvedEndIcon}\n        isInteractive={false}\n        minW=\"20px\"\n        ref={ref}\n        startIcon={resolvedStartIcon}\n        {...rest}\n        onDelete={undefined}\n      />\n    )\n  }\n\n  // Tag-supported intent — fully delegate theming to Tag.\n  return (\n    <Tag\n      borderRadius=\"9999px\"\n      className=\"vui-badge\"\n      endIcon={resolvedEndIcon}\n      intent={intent}\n      isInteractive={false}\n      minW=\"20px\"\n      ref={ref}\n      startIcon={resolvedStartIcon}\n      variant={hierarchy as 'subtle' | 'solid'}\n      {...rest}\n      onDelete={undefined}\n    />\n  )\n})\n\nBadge.displayName = 'Badge'\nexport default Badge\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,YAAY,CAAC,UAAU,OAAO;AACpC,MAAM,uBAAuB,IAAI,IAAI;CAAC;CAAS;CAAQ;CAAS;AAAQ,CAAC;AAEzE,MAAM,cAAc,MAAc,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC;AAEvE,MAAM,iBAAiB,aAAmE;CACxF,KAAK,MAAM,KAAK,WACd,IAAI,SAAS,WAAW,CAAC,KAAK,SAAS,SAAS,EAAE,QAAQ;EACxD,MAAM,OAAO,SAAS,MAAM,EAAE,MAAM;EACpC,OAAO;GAAE,WAAW;GAAG,QAAQ,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC;EAAE;CAC9E;CAEF,OAAO;AACT;AAEA,MAAa,QAAQ,KAAyB,OAAO,QAAQ;CAC3D,MAAM,EAAE,SAAS,aAAa,QAAQ,YAAY,UAAU,WAAW,WAAW,SAAS,GAAG,SAAS;CAGvG,gBAAgB;EAEZ,IAAI,aAAa,QACf,QAAQ,KAAK,4DAA4D;EAE3E,IAAI,cAAc,QAChB,QAAQ,KAAK,2DAA2D;EAE1E,IACE,gBAAgB,UAChB,CAAC,CAAC,UAAU,OAAO,EAAE,SAAS,WAAW,KACzC,sEAAsE,KAAK,WAAW,GAEtF,QAAQ,KACN,6BAA6B,YAAY,+GAE3C;CAGN,GAAG;EAAC;EAAU;EAAW;CAAW,CAAC;CAErC,MAAM,oBAAoB,aAAa;CACvC,MAAM,kBAAkB,WAAW;CAInC,IAAI;CACJ,IAAI;CACJ,IAAI,eAAe,CAAE,UAAgC,SAAS,WAAW,GAAG;EAC1E,MAAM,QAAQ,cAAc,WAAW;EACvC,YAAY,OAAO,aAAa;EAChC,SAAS,OAAO,UAAU,cAAc;CAC1C,OAAO;EACL,YAAY,eAAe;EAC3B,SAAS,cAAc;CACzB;CAGA,IAAI,qBAAqB,IAAI,MAAM,GAAG;EACpC,MAAM,MAAM,GAAG,YAAY,WAAW,MAAM;EAC5C,MAAM,YAAYA,cAAM,SAAS,MAAM;EACvC,OACE,oBAAC,KAAD;GACE,IAAI,WAAW;GACf,cAAa;GACb,WAAU;GACV,OAAO,WAAW;GAClB,SAAS;GACT,eAAe;GACf,MAAK;GACA;GACL,WAAW;GACX,GAAI;GACJ,UAAU;EACX;CAEL;CAGA,OACE,oBAAC,KAAD;EACE,cAAa;EACb,WAAU;EACV,SAAS;EACD;EACR,eAAe;EACf,MAAK;EACA;EACL,WAAW;EACX,SAAS;EACT,GAAI;EACJ,UAAU;CACX;AAEL,CAAC;AAED,MAAM,cAAc"}

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

@@ -5,15 +5,23 @@ import { TagInnerProps } from "../tag/tag.types.js";
 import { JSX } from "react";
 
 //#region src/badge/badge.types.d.ts
+/** Visual hierarchy of the badge. */
+type BadgeHierarchy = 'subtle' | 'solid';
+/** Semantic intent / colour family of the badge. */
+type BadgeIntent = 'grey' | 'earth' | 'blue' | 'blue2' | 'danger' | 'yellow' | 'success' | 'brand';
+/** Fully-qualified canonical variant keys (generated by theme.ts). */
+type BadgeVariantCanonical = 'subtleGrey' | 'subtleEarth' | 'subtleBlue' | 'subtleBlue2' | 'subtleDanger' | 'subtleYellow' | 'subtleSuccess' | 'solidBlue' | 'solidBrand' | 'solidDanger' | 'solidYellow' | 'solidSuccess';
 type BadgeInnerProps = {
-  /** Icon that replaces any other content. */icon?: IconProp | JSX.Element; /** Icon displayed on the leading (left) side of the content. */
+  /** Visual hierarchy. */variant?: BadgeHierarchy | BadgeVariantCanonical; /** Semantic intent / colour family. */
+  intent?: BadgeIntent; /** Icon that replaces any other content. */
+  icon?: IconProp | JSX.Element; /** Icon displayed on the leading (left) side of the content. */
   startIcon?: IconProp | JSX.Element; /** Icon displayed on the trailing (right) side of the content. */
   endIcon?: IconProp | JSX.Element; /** Deprecated alias for `startIcon`. @deprecated */
   iconLeft?: IconProp | JSX.Element; /** Deprecated alias for `endIcon`. @deprecated */
   iconRight?: IconProp | JSX.Element; /** Socket displaying text as alternative to children. */
   text?: React.ReactNode;
 };
-type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
+type BadgeProps = SystemProps & Pick<ThemingProps<'Tag'>, 'size'> & Omit<TagInnerProps, 'variant' | 'intent'> & BadgeInnerProps;
 //#endregion
 export { BadgeProps };
 

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

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"mappings":";;;;;;;KAOY,eAAA;8CAEV,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA;EAEtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA;EAE3B,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EANA;EAQzB,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EANnB;EAQP,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EANf;EAQZ,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGH,UAAA,GAAa,WAAA,GAAc,YAAA,YAAwB,aAAA,GAAgB,eAAA"}
+{"version":3,"file":"badge.types.d.ts","names":[],"sources":["../../src/badge/badge.types.ts"],"mappings":";;;;;;;;KAQY,cAAA;;KAGA,WAAA;;KAGA,qBAAA;AAAA,KAcA,eAAA;EApBc,wBAsBxB,OAAA,GAAU,cAAA,GAAiB,qBAAA,EAtBH;EAwBxB,MAAA,GAAS,WAAA,EArBC;EAuBV,IAAA,GAAO,QAAA,GAAW,GAAA,CAAI,OAAA;EAEtB,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAzBN;EA2BrB,OAAA,GAAU,QAAA,GAAW,GAAA,CAAI,OAAA,EAxBM;EA0B/B,QAAA,GAAW,QAAA,GAAW,GAAA,CAAI,OAAA,EA1BK;EA4B/B,SAAA,GAAY,QAAA,GAAW,GAAA,CAAI,OAAA,EAdjB;EAgBV,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA;AAAA,KAGH,UAAA,GAAa,WAAA,GACvB,IAAA,CAAK,YAAA,mBACL,IAAA,CAAK,aAAA,0BACL,eAAA"}

package/dist/badge/theme.js

@@ -2,120 +2,43 @@
 const baseStyle = {};
 const defaultProps = {
 	size: "md",
-	variant: "subtleSandstone",
+	variant: "subtle",
+	intent: "grey",
 	fontWeight: "medium"
 };
-const parts = [
-	"container",
-	"icon",
-	"text"
-];
-const sizes = {
-	xxs: {
-		container: {
-			borderRadius: "lg",
-			fontSize: "sm",
-			h: 16,
-			spaceX: 2
-		},
-		icon: { size: "xs" }
-	},
-	xs: {
-		container: {
-			borderRadius: "lg",
-			fontSize: "sm",
-			h: 20,
-			spaceX: 4
-		},
-		icon: { size: "xs" }
-	},
-	sm: {
-		container: {
-			fontSize: "sm",
-			h: 24,
-			spaceX: 4
-		},
-		icon: { size: "xs" }
-	},
-	md: {
-		container: {
-			fontSize: "sm",
-			h: 32,
-			spaceX: 6
-		},
-		icon: { size: "sm" }
-	},
-	lg: {
-		container: {
-			fontSize: "md",
-			h: 40,
-			spaceX: 8
-		},
-		icon: { size: "md" }
-	}
-};
 const variants = {
-	subtleSandstone: { container: {
-		bg: "sandstone.90",
-		color: "sandstone.20",
-		borderColor: "transparent"
-	} },
 	subtleEarth: { container: {
 		bg: "earth.95",
 		color: "earth.20"
 	} },
 	subtleBlue: { container: {
-		bg: "skyBlue.95",
-		color: "seaBlue.main"
+		bg: "var(--vui-action-blue-subtle)",
+		color: "var(--vui-action-blue-subtle-inverse)"
 	} },
 	subtleBlue2: { container: {
 		bg: "skyBlue.95",
 		color: "skyBlue.20"
 	} },
-	subtleRed: { container: {
-		bg: "energyRed.95",
-		color: "energyRed.45"
-	} },
 	subtleYellow: { container: {
-		bg: "sunflower.85",
-		color: "sunflower.20"
+		bg: "var(--vui-action-yellow-subtle)",
+		color: "var(--vui-action-yellow-subtle-inverse)"
 	} },
-	subtleGreen: { container: {
-		bg: "landGreen.95",
-		color: "landGreen.30"
-	} },
-	/** solids next */
 	solidBlue: { container: {
 		bg: "skyBlue.65",
 		color: "skyBlue.20"
 	} },
-	solidDarkBlue: { container: {
-		bg: "darkBlue.18",
-		borderColor: "darkBlue.18",
-		color: "white"
-	} },
-	solidRed: { container: {
-		bg: "energyRed.45",
-		color: "white"
-	} },
 	solidYellow: { container: {
-		bg: "sunflower.50",
-		color: "sunflower.15"
-	} },
-	solidGreen: { container: {
-		bg: "landGreen.35",
-		color: "white"
+		bg: "var(--vui-action-yellow-solid)",
+		color: "var(--vui-action-yellow-solid-inverse)"
 	} }
 };
 var theme_default = {
 	baseStyle,
 	defaultProps,
-	parts,
-	sizes,
 	variants
 };
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=theme.js.map

package/dist/badge/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/badge/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleSandstone',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst sizes = {\n  xxs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 16,\n      spaceX: 2,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  xs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 20,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      spaceX: 6,\n    },\n    icon: {\n      size: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      spaceX: 8,\n    },\n    icon: {\n      size: 'md',\n    },\n  },\n}\n\nconst variants = {\n  subtleSandstone: {\n    container: {\n      bg: 'sandstone.90',\n      color: 'sandstone.20',\n      borderColor: 'transparent',\n    },\n  },\n  subtleEarth: {\n    container: {\n      bg: 'earth.95',\n      color: 'earth.20',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n  },\n  subtleBlue2: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'skyBlue.20',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      color: 'sunflower.20',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      color: 'landGreen.30',\n    },\n  },\n\n  /** solids next */\n  solidBlue: {\n    container: {\n      bg: 'skyBlue.65',\n      color: 'skyBlue.20',\n    },\n  },\n\n  solidDarkBlue: {\n    container: {\n      bg: 'darkBlue.18',\n      borderColor: 'darkBlue.18',\n      color: 'white',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      color: 'white',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'sunflower.50',\n      color: 'sunflower.15',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,YAAY;AACd;AAEA,MAAM,QAAQ;CAAC;CAAa;CAAQ;AAAM;AAE1C,MAAM,QAAQ;CACZ,KAAK;EACH,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,cAAc;GACd,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;CACA,IAAI;EACF,WAAW;GACT,UAAU;GACV,GAAG;GACH,QAAQ;EACV;EACA,MAAM,EACJ,MAAM,KACR;CACF;AACF;AAEA,MAAM,WAAW;CACf,iBAAiB,EACf,WAAW;EACT,IAAI;EACJ,OAAO;EACP,aAAa;CACf,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;;CAGA,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CAEA,eAAe,EACb,WAAW;EACT,IAAI;EACJ,aAAa;EACb,OAAO;CACT,EACF;CACA,UAAU,EACR,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/badge/theme.ts"],"sourcesContent":["// Badge variants — **legacy intent overrides only**.\n//\n// Badge aliases <Tag>. For intents that exist on Tag\n// (`grey | success | danger | brand`) Badge passes `variant` + `intent`\n// straight to Tag and Tag's theme renders the colours. Only intents Badge has\n// that Tag does not (`earth | blue | blue2 | yellow`) live here as `bg` /\n// `color` overrides applied on top of Tag.\n\nconst baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtle',\n  intent: 'grey',\n  fontWeight: 'medium',\n}\n\nconst variants = {\n  // --- subtle (legacy intents only) ----------------------------------------\n  subtleEarth: {\n    container: {\n      bg: 'earth.95',\n      color: 'earth.20',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'var(--vui-action-blue-subtle)',\n      color: 'var(--vui-action-blue-subtle-inverse)',\n    },\n  },\n  subtleBlue2: {\n    container: {\n      bg: 'skyBlue.95',\n      color: 'skyBlue.20',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'var(--vui-action-yellow-subtle)',\n      color: 'var(--vui-action-yellow-subtle-inverse)',\n    },\n  },\n\n  // --- solid (legacy intents only) -----------------------------------------\n  solidBlue: {\n    container: {\n      bg: 'skyBlue.65',\n      color: 'skyBlue.20',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'var(--vui-action-yellow-solid)',\n      color: 'var(--vui-action-yellow-solid-inverse)',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  variants,\n}\n\n"],"mappings":";AAQA,MAAM,YAAY,CAAC;AAEnB,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,YAAY;AACd;AAEA,MAAM,WAAW;CAEf,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,YAAY,EACV,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,cAAc,EACZ,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CAGA,WAAW,EACT,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;CACA,aAAa,EACX,WAAW;EACT,IAAI;EACJ,OAAO;CACT,EACF;AACF;AAEA,oBAAe;CACb;CACA;CACA;AACF"}

package/dist/box/box.js

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

package/dist/box/theme.js

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

package/dist/breadcrumbs/breadcrumbs.js

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

package/dist/breadcrumbs/breadcrumbsItem.js

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

package/dist/breadcrumbs/breadcrumbsSeparator.js

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

package/dist/breadcrumbs/context.js

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

package/dist/breadcrumbs/theme.js

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

package/dist/button/button.js

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

package/dist/button/buttonHelpers.js

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

package/dist/button/buttonIcon.js

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

package/dist/button/buttonText.js

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

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.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=buttons.js.map

package/dist/button/consts.js

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

package/dist/button/context.js

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

package/dist/button/theme.js

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

package/dist/button/useButtonComputed.js

@@ -103,5 +103,5 @@ const useButtonComputed = ({ size, variant, intentProp, borderWidthProp, disable
 
 //#endregion
 export { useButtonComputed };
-globalThis.__vuiVersion__ = "5.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=useButtonComputed.js.map

package/dist/button/utils.js

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

package/dist/buttonGroup/buttonGroup.js

@@ -74,5 +74,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroupBase, ButtonGroup as default };
-globalThis.__vuiVersion__ = "5.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/context.js

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

package/dist/buttonGroup/helpers.js

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

package/dist/buttonToggleGroup/buttonToggleGroup.js

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

package/dist/calendar/calendar.js

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

package/dist/calendar/calendar.styles.js

@@ -70,5 +70,5 @@ const CalendarItemsContainer = styled(Box)`
 
 //#endregion
 export { CalendarItem, CalendarItemsContainer };
-globalThis.__vuiVersion__ = "5.1.0"
+globalThis.__vuiVersion__ = "5.1.1"
 //# sourceMappingURL=calendar.styles.js.map

package/dist/calendar/components/calendarHeader.js

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

package/dist/calendar/components/dayPicker.js

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

package/dist/calendar/components/monthPicker.js

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