@veracity/vui 4.1.0 → 5.0.0-alpha.0

package/dist/button/utils.js

@@ -0,0 +1,60 @@
+//#region src/button/utils.ts
+/** Matches DEFAULT_BORDER_WIDTH in consts.ts; duplicated here to avoid a circular import. */
+const DEFAULT_BORDER_WIDTH_FALLBACK = 1;
+/** Canonical hierarchy keys recognised by the two-prop API. */
+const HIERARCHY_KEYS = new Set([
+	"primary",
+	"secondary",
+	"tertiary"
+]);
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+/**
+* Converts a two-prop variant+intent pair into the combined theme key used
+* internally (e.g. `resolveVariantKey('primary','brand') => 'primaryBrand'`).
+* When `intent` is omitted, `'brand'` is used as the default
+* (e.g. `resolveVariantKey('primary') => 'primaryBrand'`).
+*
+* If `variant` is already a fully-qualified legacy key (e.g. `'primaryBrand'`)
+* it is returned unchanged so the new API is backward-compatible.
+*
+* Returns `'primaryBrand'` (the default variant) when `variant` is absent.
+*/
+const resolveVariantKey = (variant, intent) => {
+	if (!variant) return `primary${capitalize(intent ?? "brand")}`;
+	if (!HIERARCHY_KEYS.has(variant)) return variant;
+	return `${variant}${capitalize(intent ?? "brand")}`;
+};
+/**
+* Extracts a numeric value from various input types (number, string with px, etc.).
+* Moved here from button.tsx so it can be used and tested independently.
+*
+* @param value   - Value to extract number from
+* @param fallback - Default value if extraction fails
+*/
+const extractNumericValue = (value, fallback = DEFAULT_BORDER_WIDTH_FALLBACK) => {
+	if (typeof value === "number") return value;
+	if (typeof value === "string") {
+		const parsed = parseInt(value, 10);
+		if (!isNaN(parsed)) return parsed;
+	}
+	return fallback;
+};
+/**
+* Wraps a props object so each mapped key becomes `var(--css-var, originalValue)`.
+* Unmapped keys are passed through unchanged.
+* Defined here (not in button.tsx) so it can be imported without pulling in React.
+*/
+const wrapWithVars = (props, mapping) => {
+	if (!props || Object.keys(props).length === 0) return {};
+	const result = {};
+	Object.entries(props).forEach(([key, value]) => {
+		if (key in mapping && value !== void 0) result[key] = `var(${mapping[key]}, ${value})`;
+		else if (!(key in mapping)) result[key] = value;
+	});
+	return result;
+};
+
+//#endregion
+export { extractNumericValue, resolveVariantKey, wrapWithVars };
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
+//# sourceMappingURL=utils.js.map

package/dist/button/utils.js.map

@@ -0,0 +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"}

package/dist/buttonGroup/buttonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAQa,eAAA,EAAe,kBAAA,CAAA,eAAA,QAoD3B,kBAAA,CApD2B,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;;;;;;;cA0Df,WAAA,EAAW,YAAA,QAAA,gBAAA"}
+{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAQa,eAAA,EAAe,kBAAA,CAAA,eAAA,QAqC3B,kBAAA,CArC2B,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;;;;;;;cA2Cf,WAAA,EAAW,YAAA,QAAA,gBAAA"}

package/dist/buttonGroup/buttonGroup.js

@@ -1,4 +1,3 @@
-import { activeClassName } from "../utils/consts.js";
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
 import { th } from "../core/theme.js";
@@ -41,26 +40,11 @@ const ButtonGroupBase = styled.divBox`
     border-color: ${(p) => th.color(p.innerBorderColor)};
   }
 
-  //
-  > .${activeClassName}.vui-button-variant-secondaryDark {
-    background-color: ${th.color("skyBlue.90")};
-  }
-
-  > .${activeClassName}.vui-button-variant-buttonGroupRounded {
-    background-color: ${th.color("seaBlue.main")};
-    color: ${th.color("white")};
-  }
 
+  // Rounded variant base styles
   > .vui-button-variant-buttonGroupRounded {
     border-left-width: 1px !important;
-  }
-
-  > .${activeClassName}.vui-button-variant-buttonGroupRounded:hover {
-    background-color: ${th.color("seaBlue.20")};
-  }
-
-  > .${activeClassName}.vui-button-variant-buttonGroupRounded:active {
-    background-color: ${th.color("seaBlue.35")};
+    border-color: var(--vui-control-placeholder);
   }
 `;
 /**
@@ -91,5 +75,5 @@ ButtonGroup.displayName = "ButtonGroup";
 
 //#endregion
 export { ButtonGroupBase, ButtonGroup as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=buttonGroup.js.map

package/dist/buttonGroup/buttonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, th, vui } from '../core'\nimport { activeClassName, cs, filterUndefined } from '../utils'\nimport type { ButtonGroupProps } from './buttonGroup.types'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  //\n  > .${activeClassName}.vui-button-variant-secondaryDark {\n    background-color: ${th.color('skyBlue.90')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded {\n    background-color: ${th.color('seaBlue.main')};\n    color: ${th.color('white')};\n  }\n\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:hover {\n    background-color: ${th.color('seaBlue.20')};\n  }\n\n  > .${activeClassName}.vui-button-variant-buttonGroupRounded:active {\n    background-color: ${th.color('seaBlue.35')};\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;;AAQA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;OAI/C,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,eAAe,CAAC;aACpC,GAAG,MAAM,QAAQ,CAAC;;;;;;;OAOxB,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;OAGxC,gBAAgB;wBACC,GAAG,MAAM,aAAa,CAAC;;;;;;;AAQ/C,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;AAYtF,QACE,oBAAC;EAAoB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;GACzD,CAAC,EACJ;GAAC;GAAU;GAAM;GAAQ,CAC1B;YAIG,oBAAC;GACC,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,UAAU;GAC3E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,MAAM;GAAE;GAC1F,GAAI;IACJ;GACkB;EAExB;AAEF,YAAY,cAAc"}
+{"version":3,"file":"buttonGroup.js","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, th, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { ButtonGroupProps } from './buttonGroup.types'\nimport { ButtonGroupProvider } from './context'\nimport { getInnerBorderColor } from './helpers'\n\nexport const ButtonGroupBase = styled.divBox<{ innerBorderColor: string }>`\n  display: flex;\n\n  // Border color between Buttons\n  > *:not(:last-of-type):not(:focus) {\n    border-right-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n  // First Button\n  > *:first-of-type:not(:last-of-type) {\n    border-right-width: 1px;\n  }\n\n  // Middle Buttons\n  > *:not(:first-of-type):not(:last-of-type) {\n    border-left-width: 0px;\n    border-right-width: 1px;\n  }\n\n  // Last Button\n  > *:not(:first-of-type):last-of-type {\n    border-left-width: 0px;\n    margin-right: 0;\n  }\n\n  // Border color\n  > *,\n  *:hover {\n    border-color: ${p => th.color(p.innerBorderColor)};\n  }\n\n\n  // Rounded variant base styles\n  > .vui-button-variant-buttonGroupRounded {\n    border-left-width: 1px !important;\n    border-color: var(--vui-control-placeholder);\n  }\n`\n\n/**\n * Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.\n * Exposes some props to the children via context.\n */\nexport const ButtonGroup = vui<'div', ButtonGroupProps>((props, ref) => {\n  const { className, disabled, innerBorderColor, size, variant = 'default', ...rest } = props\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        disabled,\n        size,\n        variant: variant === 'default' ? 'buttonGroupDefault' : 'buttonGroupRounded',\n      }),\n    [disabled, size, variant],\n  )\n\n  return (\n    <ButtonGroupProvider value={context}>\n      <ButtonGroupBase\n        className={cs('vui-buttonGroup', className, `vui-buttonGroup-variant-${variant}`)}\n        {...{ innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props), ref }}\n        {...rest}\n      />\n    </ButtonGroupProvider>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\nexport default ButtonGroup\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,kBAAkB,OAAO,MAAoC;;;;;2BAKhD,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;qBAuBxC,MAAK,GAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;AAetD,MAAa,cAAc,KAA8B,OAAO,QAAQ;CACtE,MAAM,EAAE,WAAW,UAAU,kBAAkB,MAAM,UAAU,WAAW,GAAG,SAAS;AAYtF,QACE,oBAAC;EAAoB,OAXP,cAEZ,gBAAgB;GACd;GACA;GACA,SAAS,YAAY,YAAY,uBAAuB;GACzD,CAAC,EACJ;GAAC;GAAU;GAAM;GAAQ,CAC1B;YAIG,oBAAC;GACC,WAAW,GAAG,mBAAmB,WAAW,2BAA2B,UAAU;GAC3E,kBAAkB,mBAAmB,mBAAmB,oBAAoB,MAAM;GAAE;GAC1F,GAAI;IACJ;GACkB;EAExB;AAEF,YAAY,cAAc"}

package/dist/buttonGroup/buttonGroup.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { SystemProps } from "../system/system.js";
 import "../system/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"mappings":";;;;;KAGY,gBAAA,GAAmB,WAAA,GAC7B,YAAA;+DAEE,WAAA,WAHQ;EAKR,QAAA;EAEA,gBAAA,WAP2B;EAS3B,OAAA;AAAA"}
+{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"mappings":";;;;;;KAGY,gBAAA,GAAmB,WAAA,GAC7B,YAAA;+DAEE,WAAA;EAEA,QAAA,YALwB;EAOxB,gBAAA,WANU;EAQV,OAAA;AAAA"}

package/dist/buttonGroup/context.d.ts

@@ -1,10 +1,13 @@
-import { Dict } from "../utils/types.js";
-import "../utils/index.js";
 import * as react from "react";
 
 //#region src/buttonGroup/context.d.ts
-declare const ButtonGroupProvider: react.Provider<Dict>, useButtonGroupContext: () => Dict;
+interface ButtonGroupContextValue {
+  disabled?: boolean;
+  size?: string;
+  variant?: string;
+}
+declare const ButtonGroupProvider: react.Provider<ButtonGroupContextValue>, useButtonGroupContext: () => ButtonGroupContextValue;
 //#endregion
-export { ButtonGroupProvider, useButtonGroupContext };
+export { ButtonGroupContextValue, ButtonGroupProvider, useButtonGroupContext };
 
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/buttonGroup/context.ts"],"mappings":";;;;;cAGO,mBAAA,EAAmB,KAAA,CAAA,QAAA,CAAA,IAAA,GAAE,qBAAA,QAAqB,IAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/buttonGroup/context.ts"],"mappings":";;;UAEiB,uBAAA;EACf,QAAA;EACA,IAAA;EACA,OAAA;AAAA;AAAA,cAGK,mBAAA,EAAmB,KAAA,CAAA,QAAA,CAAA,uBAAA,GAAE,qBAAA,QAAqB,uBAAA"}

package/dist/buttonGroup/context.js

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

package/dist/buttonGroup/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/buttonGroup/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [ButtonGroupProvider, useButtonGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { ButtonGroupProvider, useButtonGroupContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,qBAAqB,yBAAyB,cAAoB,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/buttonGroup/context.ts"],"sourcesContent":["import { createContext } from '../utils'\n\nexport interface ButtonGroupContextValue {\n  disabled?: boolean\n  size?: string\n  variant?: string\n}\n\nconst [ButtonGroupProvider, useButtonGroupContext] = createContext<ButtonGroupContextValue>({ isOptional: true })\n\nexport { ButtonGroupProvider, useButtonGroupContext }\n"],"mappings":";;;AAQA,MAAM,CAAC,qBAAqB,yBAAyB,cAAuC,EAAE,YAAY,MAAM,CAAC"}

package/dist/buttonGroup/helpers.js

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

package/dist/buttonGroup/index.d.ts

@@ -1,3 +1,3 @@
 import { ButtonGroupProps } from "./buttonGroup.types.js";
 import { ButtonGroup, ButtonGroupBase } from "./buttonGroup.js";
-import { ButtonGroupProvider, useButtonGroupContext } from "./context.js";
+import { ButtonGroupContextValue, ButtonGroupProvider, useButtonGroupContext } from "./context.js";

package/dist/buttonToggleGroup/buttonToggleGroup.js

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

package/dist/buttonToggleGroup/buttonToggleGroup.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { ButtonGroupProps } from "../buttonGroup/buttonGroup.types.js";
 import "../buttonGroup/index.js";
 import { ReactNode } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"mappings":";;;;;;KAKY,sBAAA,GAAyB,gBAAA,GACnC,YAAA;EACE,SAAA;EAEA,cAAA;EACA,QAAA,EAAU,SAAA;AAAA"}
+{"version":3,"file":"buttonToggleGroup.types.d.ts","names":[],"sources":["../../src/buttonToggleGroup/buttonToggleGroup.types.ts"],"mappings":";;;;;;;KAKY,sBAAA,GAAyB,gBAAA,GACnC,YAAA;EACE,SAAA;EAEA,cAAA;EACA,QAAA,EAAU,SAAA;AAAA"}

package/dist/calendar/calendar.js

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

package/dist/calendar/calendar.styles.js

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

package/dist/calendar/calendar.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { BoxProps } from "../box/box.types.js";
 import "../box/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"mappings":";;;;;UAGiB,SAAA;EACf,SAAA,GAAY,IAAA;EACZ,OAAA,GAAU,IAAA;AAAA;AAAA,KAGA,aAAA;;;;;KAMA,YAAA;AAAA,UAEK,qBAAA;EACf,UAAA,GAAa,SAAA;EACb,WAAA;EACA,YAAA,GAAe,IAAA;AAAA;AAAA,UAGA,UAAA;EACf,UAAA,GAAa,SAAA;EACb,kBAAA;EACA,IAAA,EAAM,YAAA;EACN,aAAA,GAAgB,SAAA;EAChB,YAAA,GAAe,YAAA;EACf,QAAA,EAAU,IAAA;AAAA;AAAA,KAGA,SAAA;EACV,QAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;AAAA;;;;UAMe,QAAA;EArBU;EAuBzB,QAAA;EAtBa;EAwBb,OAAA;EArBgB;EAuBhB,IAAA,EAAM,IAAA;EArBI;EAuBV,UAAA;EAvBc;;EA0Bd,QAAA;EA9BA;EAgCA,UAAA;EA/BM;EAiCN,OAAA;AAAA;;;;UAMe,UAAA;EACf,KAAA,EAAO,QAAA;EACP,YAAA;EACA,YAAA;AAAA;;;;KAMU,YAAA;AAAA,KAEA,aAAA,GAAgB,IAAA,CAAK,QAAA,wBAC/B,YAAA;EAzCA,mCA2CE,UAAA,GAAa,SAAA;EACb,SAAA;EACA,QAAA,YA3CQ;EA6CR,kBAAA;EACA,WAAA;EAEA,IAAA,EAAM,YAAA,EAxCR;EA0CE,aAAA,IAAiB,KAAA,EAAO,SAAA,WAtC1B;EAwCE,aAAA,GAAgB,SAAA;AAAA"}
+{"version":3,"file":"calendar.types.d.ts","names":[],"sources":["../../src/calendar/calendar.types.ts"],"mappings":";;;;;;UAGiB,SAAA;EACf,SAAA,GAAY,IAAA;EACZ,OAAA,GAAU,IAAA;AAAA;AAAA,KAGA,aAAA;;;;;KAMA,YAAA;AAAA,UAEK,qBAAA;EACf,UAAA,GAAa,SAAA;EACb,WAAA;EACA,YAAA,GAAe,IAAA;AAAA;AAAA,UAGA,UAAA;EACf,UAAA,GAAa,SAAA;EACb,kBAAA;EACA,IAAA,EAAM,YAAA;EACN,aAAA,GAAgB,SAAA;EAChB,YAAA,GAAe,YAAA;EACf,QAAA,EAAU,IAAA;AAAA;AAAA,KAGA,SAAA;EACV,QAAA;EACA,OAAA;EACA,UAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;AAAA;;;;UAMe,QAAA;EArBA;EAuBf,QAAA;;EAEA,OAAA;EAtBM;EAwBN,IAAA,EAAM,IAAA;EAtBS;EAwBf,UAAA;EAvBc;;EA0Bd,QAAA;EA/Ba;EAiCb,UAAA;EA/BA;EAiCA,OAAA;AAAA;;;;UAMe,UAAA;EACf,KAAA,EAAO,QAAA;EACP,YAAA;EACA,YAAA;AAAA;;;;KAMU,YAAA;AAAA,KAEA,aAAA,GAAgB,IAAA,CAAK,QAAA,wBAC/B,YAAA;EA1CA,mCA4CE,UAAA,GAAa,SAAA;EACb,SAAA;EACA,QAAA,YA3CQ;EA6CR,kBAAA;EACA,WAAA,YAxCqB;EA0CrB,IAAA,EAAM,YAAA,EApCE;EAsCR,aAAA,IAAiB,KAAA,EAAO,SAAA,WAxC1B;EA0CE,aAAA,GAAgB,SAAA;AAAA"}

package/dist/calendar/components/calendarHeader.js

@@ -48,5 +48,5 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
 
 //#endregion
 export { CalendarHeader };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# 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__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# 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__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=monthPicker.js.map

package/dist/calendar/components/timeUnitHeader.js

@@ -24,7 +24,7 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 				fontSize,
 				h,
 				onClick: () => onSetTimeUnitMode("month"),
-				variant: "tertiaryDark",
+				variant: "tertiary",
 				px: "6px",
 				minW: "auto",
 				children: months[viewMonth.getUTCMonth()]
@@ -32,7 +32,7 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 				fontSize,
 				h,
 				onClick: () => onSetTimeUnitMode("year"),
-				variant: "tertiaryDark",
+				variant: "tertiary",
 				px: "6px",
 				minW: "auto",
 				children: viewMonth.getUTCFullYear()
@@ -41,7 +41,7 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 				fontSize,
 				h,
 				onClick: () => onSetTimeUnitMode("year"),
-				variant: "tertiaryDark",
+				variant: "tertiary",
 				px: "6px",
 				minW: "auto",
 				children: viewMonth.getUTCFullYear()
@@ -50,7 +50,7 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 				fontSize,
 				h,
 				onClick: () => onSetTimeUnitMode("day"),
-				variant: "tertiaryDark",
+				variant: "tertiary",
 				px: "6px",
 				minW: "auto",
 				children: "Year"
@@ -61,5 +61,5 @@ const TimeUnitHeader = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {
 
 //#endregion
 export { TimeUnitHeader };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=timeUnitHeader.js.map

package/dist/calendar/components/timeUnitHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeUnitHeader.js","names":[],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiaryDark\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiaryDark\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAa,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;AACzG,QACE,qBAAC;EAAI;EAAO,WAAW,GAAG,uBAAuB;EAAE,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;;GACxG,MAAM,aAAa,IAClB,4CACE,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,QAAQ;IACzC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,aAAa;KACxB,EACT,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB,IACR;GAEJ,QAAQ,aAAa,IACpB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB;GAEV,OAAO,aAAa,IACnB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;KAEQ;;GAEP"}
+{"version":3,"file":"timeUnitHeader.js","names":[],"sources":["../../../src/calendar/components/timeUnitHeader.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { Box } from '../../box'\nimport { Button } from '../../button'\nimport { cs } from '../../utils'\nimport type { TimeUnitMode } from '../calendar.types'\nimport { months } from '../consts'\nimport { isDay, isMonth, isYear } from '../utils'\n\nconst h = 40\nconst fontSize = 16\n\ntype TimeUnitHeaderProps = {\n  onSetTimeUnitMode: (mode: TimeUnitMode) => void\n  timeUnitMode: TimeUnitMode\n  viewMonth: Date\n}\n\n/**\n * Displays the header title with the month and year being viewed\n */\nexport const TimeUnitHeader: FC<TimeUnitHeaderProps> = ({ onSetTimeUnitMode, timeUnitMode, viewMonth }) => {\n  return (\n    <Box center className={cs('vui-time-unit-header')} cursor=\"pointer\" flex=\"1\" justifyItems=\"flex-start\" gap=\"2px\">\n      {isDay(timeUnitMode) && (\n        <>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('month')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {months[viewMonth.getUTCMonth()]}\n          </Button>\n          <Button\n            fontSize={fontSize}\n            h={h}\n            onClick={() => onSetTimeUnitMode('year')}\n            variant=\"tertiary\"\n            px=\"6px\"\n            minW=\"auto\"\n          >\n            {viewMonth.getUTCFullYear()}\n          </Button>\n        </>\n      )}\n      {isMonth(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('year')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          {viewMonth.getUTCFullYear()}\n        </Button>\n      )}\n      {isYear(timeUnitMode) && (\n        <Button\n          fontSize={fontSize}\n          h={h}\n          onClick={() => onSetTimeUnitMode('day')}\n          variant=\"tertiary\"\n          px=\"6px\"\n          minW=\"auto\"\n        >\n          Year\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,MAAM,IAAI;AACV,MAAM,WAAW;;;;AAWjB,MAAa,kBAA2C,EAAE,mBAAmB,cAAc,gBAAgB;AACzG,QACE,qBAAC;EAAI;EAAO,WAAW,GAAG,uBAAuB;EAAE,QAAO;EAAU,MAAK;EAAI,cAAa;EAAa,KAAI;;GACxG,MAAM,aAAa,IAClB,4CACE,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,QAAQ;IACzC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,OAAO,UAAU,aAAa;KACxB,EACT,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB,IACR;GAEJ,QAAQ,aAAa,IACpB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,OAAO;IACxC,SAAQ;IACR,IAAG;IACH,MAAK;cAEJ,UAAU,gBAAgB;KACpB;GAEV,OAAO,aAAa,IACnB,oBAAC;IACW;IACP;IACH,eAAe,kBAAkB,MAAM;IACvC,SAAQ;IACR,IAAG;IACH,MAAK;cACN;KAEQ;;GAEP"}

package/dist/calendar/components/yearPicker.js

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

package/dist/calendar/consts.js

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

package/dist/calendar/hooks/useBoundaries.js

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

package/dist/calendar/hooks/useCalendar.js

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

package/dist/calendar/hooks/useDefaultViewMonth.js

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

package/dist/calendar/hooks/useSelectedDate.js

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

package/dist/calendar/theme.js

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

package/dist/calendar/utils.js

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

package/dist/card/card.js

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

package/dist/card/card.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { BoxProps } from "../box/box.types.js";
 import "../box/index.js";
 

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

@@ -1 +1 @@
-{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"mappings":";;;;;KAGY,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;iEAEE,aAAA;AAAA"}
+{"version":3,"file":"card.types.d.ts","names":[],"sources":["../../src/card/card.types.ts"],"mappings":";;;;;;KAGY,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;iEAEE,aAAA;AAAA"}

package/dist/card/theme.js

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

package/dist/chat/chat.js

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

package/dist/chat/chat.types.d.ts

@@ -1,4 +1,5 @@
 import { ThemingProps } from "../theme/types.js";
+import "../theme/index.js";
 import { ButtonProps } from "../button/button.types.js";
 import "../button/index.js";
 import { BoxProps } from "../box/box.types.js";

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

@@ -1 +1 @@
-{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"mappings":";;;;;;;;;KAKY,eAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;oDAEE,WAAA,GAAc,eAAA;EAEd,QAAA,GAAW,YAAA,IAPY;EASvB,QAAA,WATuB;EAWvB,iBAAA,WATQ;EAWR,iBAAA;EAEA,WAAA,aAboB;EAepB,eAAA,eAZc;EAcd,iBAAA,IAAqB,UAAA,mBAZE;EAcvB,MAAA,IAAU,OAAA,mBAnBU;EAqBpB,MAAA;AAAA;AAAA,KAGQ,cAAA,GAAiB,IAAA,CAAK,QAAA;EArBhB,qCAuBhB,WAAA,WArBa;EAuBb,MAAA,GAAS,eAAA,EAnBP;EAqBF,QAAA,WAjBE;EAmBF,iBAAA,WAfE;EAiBF,iBAAA,WAfE;EAiBF,eAAA,eAfE;EAiBF,MAAA,IAAU,OAAA,mBAjBF;EAmBR,MAAA;AAAA;AAAA,KAGU,oBAAA,GAAuB,IAAA,CAAK,WAAA;EAnBN,+BAqBhC,MAAA,GAAS,eAAA,EAjBA;EAmBT,MAAA,eAnBwB;EAqBxB,MAAA;AAAA"}
+{"version":3,"file":"chat.types.d.ts","names":[],"sources":["../../src/chat/chat.types.ts"],"mappings":";;;;;;;;;;KAKY,eAAA;AAAA,KAEA,SAAA,GAAY,IAAA,CAAK,QAAA,wBAC3B,YAAA;oDAEE,WAAA,GAAc,eAAA;EAEd,QAAA,GAAW,YAAA,IAPH;EASR,QAAA;EAEA,iBAAA,WAXuB;EAavB,iBAAA,WAXiB;EAajB,WAAA,aAbyB;EAezB,eAAA,eAdF;EAgBE,iBAAA,IAAqB,UAAA,mBAZV;EAcX,MAAA,IAAU,OAAA,mBAda;EAgBvB,MAAA;AAAA;AAAA,KAGQ,cAAA,GAAiB,IAAA,CAAK,QAAA;EArB9B,qCAuBF,WAAA,WArBE;EAuBF,MAAA,GAAS,eAAA,EArBP;EAuBF,QAAA,WAnBE;EAqBF,iBAAA,WAjBE;EAmBF,iBAAA,WAjBuB;EAmBvB,eAAA,eAjBY;EAmBZ,MAAA,IAAU,OAAA,mBAjBF;EAmBR,MAAA;AAAA;AAAA,KAGU,oBAAA,GAAuB,IAAA,CAAK,WAAA;iCAEtC,MAAA,GAAS,eAAA,EArBkB;EAuB3B,MAAA,eAnBwB;EAqBxB,MAAA;AAAA"}

package/dist/chat/chatInput.js

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

package/dist/chat/chatInputButton.js

@@ -17,7 +17,7 @@ const ChatInputButton = vui((props, ref) => {
 		ml: 1,
 		onClick: () => status === "processing" ? onStop?.() : onSend?.(),
 		ref,
-		variant: "tertiaryDark",
+		variant: "tertiary",
 		...styles?.inputButton
 	});
 });
@@ -25,5 +25,5 @@ ChatInputButton.displayName = "ChatInputButton";
 
 //#endregion
 export { ChatInputButton as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=chatInputButton.js.map

package/dist/chat/chatInputButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiaryDark\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,SAAS,WAAW,QAAQ,WAAW;AAI/C,QACE,oBAAC;EACC,UAAU,WAAW,cAAe,WAAW,gBAAgB,CAAC;EAChE,GAAE;EACF,MANS,WAAW,gBAAgB,SAAS,kBAAkB;EAO/D,IAAI;EACJ,eAAgB,WAAW,eAAe,UAAU,GAAG,UAAU;EAC5D;EACL,SAAQ;EACR,GAAI,QAAQ;GACZ;EAEJ;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"chatInputButton.js","names":[],"sources":["../../src/chat/chatInputButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport type { ChatInputButtonProps } from './chat.types'\n\n/**\n *  Displays a chat input button.\n */\nexport const ChatInputButton = vui<'button', ChatInputButtonProps>((props, ref) => {\n  const styles = useStyleConfig('Chat', props)\n\n  const { status = 'default', onSend, onStop } = props\n\n  const icon = status === 'processing' && onStop ? 'falStopCircle' : 'falChevronCircleRight'\n\n  return (\n    <Button\n      disabled={status === 'disabled' || (status === 'processing' && !onStop)}\n      h=\"100%\"\n      icon={icon}\n      ml={1}\n      onClick={() => (status === 'processing' ? onStop?.() : onSend?.())}\n      ref={ref}\n      variant=\"tertiary\"\n      {...styles?.inputButton}\n    />\n  )\n})\n\nChatInputButton.displayName = 'ChatInputButton'\nexport default ChatInputButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,SAAS,eAAe,QAAQ,MAAM;CAE5C,MAAM,EAAE,SAAS,WAAW,QAAQ,WAAW;AAI/C,QACE,oBAAC;EACC,UAAU,WAAW,cAAe,WAAW,gBAAgB,CAAC;EAChE,GAAE;EACF,MANS,WAAW,gBAAgB,SAAS,kBAAkB;EAO/D,IAAI;EACJ,eAAgB,WAAW,eAAe,UAAU,GAAG,UAAU;EAC5D;EACL,SAAQ;EACR,GAAI,QAAQ;GACZ;EAEJ;AAEF,gBAAgB,cAAc"}

package/dist/chat/chatMessage.js

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

package/dist/chat/theme.js

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

package/dist/checkbox/checkbox.js

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

package/dist/checkbox/checkbox.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } 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";

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"mappings":";;;;;;;;;;KAOY,aAAA,GAAgB,WAAA,GAC1B,YAAA;uDAEE,OAAA;EAEA,WAAA,wBALQ;EAOR,QAAA;EAEA,IAAA,GAAO,QAAA,EART;EAUE,WAAA,GAAc,QAAA,EAAA;EAEd,iBAAA,GAAoB,QAAA,EAEQ;EAA5B,UAAA,GAAa,cAAA,CAAe,gBAAA,GAEM;EAAlC,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAQzB;EANT,eAAA,YAUU;EARV,KAAA,WAQ2B;EAN3B,IAAA,WAtBF;EAwBE,MAAA,GAAS,iBAAA,EApBT;EAsBA,QAAA,GAAW,kBAAA,EAlBX;EAoBA,OAAA,GAAU,iBAAA,EAlBV;EAoBA,QAAA,YAlBA;EAoBA,KAAA;AAAA;AAAA,KAGQ,kBAAA;EArBoB,gEAuB9B,iBAAA;AAAA"}
+{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"mappings":";;;;;;;;;;;KAOY,aAAA,GAAgB,WAAA,GAC1B,YAAA;uDAEE,OAAA;EAEA,WAAA;EAEA,QAAA,YAPqB;EASrB,IAAA,GAAO,QAAA,EATiB;EAWxB,WAAA,GAAc,QAAA,EAFP;EAIP,iBAAA,GAAoB,QAAA,EAAA;EAEpB,UAAA,GAAa,cAAA,CAAe,gBAAA,GAAf;EAEb,QAAA,GAAW,KAAA,CAAM,gBAAA,CAAiB,gBAAA,iBAAvB;EAEX,eAAA,YAQW;EANX,KAAA,WAQ2B;EAN3B,IAAA,WAvBwB;EAyBxB,MAAA,GAAS,iBAAA,EAtBT;EAwBA,QAAA,GAAW,kBAAA,EApBX;EAsBA,OAAA,GAAU,iBAAA,EApBH;EAsBP,QAAA,YApBc;EAsBd,KAAA;AAAA;AAAA,KAGQ,kBAAA;EArBK,gEAuBf,iBAAA;AAAA"}

package/dist/checkbox/checkboxGroup.js

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

package/dist/checkbox/checkboxGroup.types.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler } 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";
 

package/dist/checkbox/checkboxGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"mappings":";;;;;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;6DAEE,WAAA;EAEA,QAAA,YAL0B;EAO1B,KAAA,YAP6B;EAS7B,IAAA,WAES;EAAT,MAAA,GAAS,iBAAA,EAIC;EAFV,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA;AAAA"}
+{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"mappings":";;;;;;;;KAIY,kBAAA,GAAqB,WAAA,GAC/B,YAAA;6DAEE,WAAA;EAEA,QAAA,YALQ;EAOR,KAAA;EAEA,IAAA,WARF;EAUE,MAAA,GAAS,iBAAA,EAEE;EAAX,QAAA,GAAW,kBAAA,EAEgB;EAA3B,OAAA,GAAU,iBAAA;AAAA"}

package/dist/checkbox/consts.js

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

package/dist/checkbox/context.js

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

package/dist/checkbox/theme.js

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

package/dist/copyToClipboard/copyToClipboard.js

@@ -33,5 +33,5 @@ CopyToClipboard.displayName = "CopyToClipboard";
 
 //#endregion
 export { CopyToClipboard as default };
-globalThis.__vuiVersion__ = "4.1.0"
+globalThis.__vuiVersion__ = "5.0.0-alpha.0"
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/copyToClipboard.types.d.ts

@@ -1,4 +1,5 @@
 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";