@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/button/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonProvider,n as useButtonContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/button/context.ts
+const [ButtonProvider, useButtonContext] = createContext({ isOptional: true });
+
+//#endregion
+export { ButtonProvider, useButtonContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/button/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [ButtonProvider, useButtonContext] = createContext<Dict>({ isOptional: true })\n\nexport { ButtonProvider, useButtonContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAgB,GAAoB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/button/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [ButtonProvider, useButtonContext] = createContext<Dict>({ isOptional: true })\n\nexport { ButtonProvider, useButtonContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/button/index.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps, ButtonState, ButtonStateMapping, IconButtonProps } from "./button.types.js";
+import { ButtonIcon } from "./buttonIcon.js";
+import { ButtonText } from "./buttonText.js";
+import { Button, ButtonBase } from "./button.js";
+import { AppButton, BackButton, CTAButton, CloseButton, DangerButton, IconButton, LineButton, TextButton } from "./buttons.js";
+import { ButtonProvider, useButtonContext } from "./context.js";

package/dist/button/theme.js

@@ -1,2 +1,285 @@
-const e={},t={size:`lg`,variant:`primaryDark`,fontWeight:`medium`},n=[`container`,`icon`,`text`],r={sm:{container:{fontSize:`xs`,h:24,minW:48,spaceX:4},icon:{size:`xs`},text:{}},md:{container:{fontSize:`sm`,h:32,minW:64,spaceX:6},icon:{size:`sm`},text:{}},lg:{container:{fontSize:`md`,h:40,minW:80,spaceX:8},icon:{size:`md`},text:{}},xl:{container:{fontSize:`lg`,h:48,minW:96,spaceX:10},icon:{size:`lg`},text:{}}},i={primaryDark:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorDark`,borderColor:`buttonTypePrimaryDefaultBorderColorDark`,color:`buttonTypePrimaryDefaultTextColorDark`,hoverBg:`buttonTypePrimaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`buttonTypePrimaryHoverTextColorDark`,activeBg:`buttonTypePrimaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`buttonTypePrimaryActiveTextColorDark`}},primaryLight:{container:{bg:`buttonTypePrimaryDefaultBackgroundColorLight`,borderColor:`buttonTypePrimaryDefaultBorderColorLight`,color:`buttonTypePrimaryDefaultTextColorLight`,hoverBg:`buttonTypePrimaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorLight`,hoverColor:`buttonTypePrimaryHoverTextColorLight`,activeBg:`buttonTypePrimaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypePrimaryActiveBorderColorLight`,activeColor:`buttonTypePrimaryActiveTextColorLight`}},secondaryDark:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorDark`,borderColor:`buttonTypeSecondaryDefaultBorderColorDark`,color:`buttonTypeSecondaryDefaultTextColorDark`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorDark`,hoverColor:`buttonTypeSecondaryHoverTextColorDark`,activeBg:`buttonTypeSecondaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorDark`,activeColor:`buttonTypeSecondaryActiveTextColorDark`}},secondaryLight:{container:{bg:`buttonTypeSecondaryDefaultBackgroundColorLight`,borderColor:`buttonTypeSecondaryDefaultBorderColorLight`,color:`buttonTypeSecondaryDefaultTextColorLight`,hoverBg:`buttonTypeSecondaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeSecondaryHoverBorderColorLight`,hoverColor:`buttonTypeSecondaryHoverTextColorLight`,activeBg:`buttonTypeSecondaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeSecondaryActiveBorderColorLight`,activeColor:`buttonTypeSecondaryActiveTextColorLight`}},tertiaryDark:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorDark`,borderColor:`buttonTypeTertiaryDefaultBorderColorDark`,color:`buttonTypeTertiaryDefaultTextColorDark`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorDark`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorDark`,hoverColor:`buttonTypeTertiaryHoverTextColorDark`,activeBg:`buttonTypeTertiaryActiveBackgroundColorDark`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorDark`,activeColor:`buttonTypeTertiaryActiveTextColorDark`}},tertiaryLight:{container:{bg:`buttonTypeTertiaryDefaultBackgroundColorLight`,borderColor:`buttonTypeTertiaryDefaultBorderColorLight`,color:`buttonTypeTertiaryDefaultTextColorLight`,hoverBg:`buttonTypeTertiaryHoverBackgroundColorLight`,hoverBorderColor:`buttonTypeTertiaryHoverBorderColorLight`,hoverColor:`buttonTypeTertiaryHoverTextColorLight`,activeBg:`buttonTypeTertiaryActiveBackgroundColorLight`,activeBorderColor:`buttonTypeTertiaryActiveBorderColorLight`,activeColor:`buttonTypeTertiaryActiveTextColorLight`}},solidBlue:{container:{bg:`seaBlue.main`,borderColor:`seaBlue.main`,color:`white`,disabledBg:`darkBlue.75`,disabledBorderColor:`darkBlue.75`,disabledColor:`white`,hoverBg:`seaBlue.20`,hoverBorderColor:`seaBlue.20`,focusBg:`seaBlue.main`,activeBg:`seaBlue.35`,activeBorderColor:`seaBlue.35`}},blueOutlined:{container:{bg:`white`,borderColor:`seaBlue.main`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`seaBlue.35`,activeBg:`skyBlue.90`,activeBorderColor:`seaBlue.35`}},blueText:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`white`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.85`,hoverBorderColor:`skyBlue.85`,focusBg:`transparent`,activeBg:`skyBlue.90`,activeBorderColor:`skyBlue.90`}},solidGreen:{container:{bg:`landGreen.35`,borderColor:`landGreen.35`,color:`white`,disabledBg:`landGreen.70`,disabledBorderColor:`landGreen.70`,disabledColor:`white`,hoverBg:`landGreen.25`,hoverBorderColor:`landGreen.25`,focusBg:`landGreen.35`,activeBg:`landGreen.41`,activeBorderColor:`landGreen.41`}},solidRed:{container:{bg:`energyRed.45`,borderColor:`energyRed.45`,color:`white`,disabledBg:`energyRed.80`,disabledBorderColor:`energyRed.80`,disabledColor:`white`,hoverBg:`energyRed.35`,hoverBorderColor:`energyRed.35`,focusBg:`energyRed.45`,activeBg:`energyRed.50`,activeBorderColor:`energyRed.50`}},subtleBlue:{container:{bg:`transparent`,borderColor:`transparent`,color:`seaBlue.main`,disabledBg:`white`,disabledBorderColor:`darkBlue.75`,disabledColor:`darkBlue.75`,hoverBg:`skyBlue.90`,hoverBorderColor:`skyBlue.90`,focusBg:`transparent`,activeBg:`skyBlue.85`,activeBorderColor:`skyBlue.85`}},subtleRed:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`energyRed.90`,hoverBorderColor:`energyRed.90`,focusBg:`transparent`,activeBg:`energyRed.85`,color:`energyRed.45`}},subtleYellow:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`sunflower.70`,hoverBorderColor:`sunflower.70`,focusBg:`transparent`,activeBg:`sunflower.65`,color:`sunflower.15`}},subtleGreen:{container:{bg:`transparent`,borderColor:`transparent`,hoverBg:`landGreen.90`,hoverBorderColor:`landGreen.90`,focusBg:`transparent`,activeBg:`landGreen.85`,color:`landGreen.30`}},menuLight:{container:{bg:`#ffffff`,hoverBg:`#D3EEF8`,activeBg:`#E9F7FC`,disabledBg:`#F8F7F7`,borderColor:`transparent`,hoverBorderColor:`#003591`,activeBorderColor:`#003591`,color:`#1A1A19`,hoverColor:`#1A1A19`,activeColor:`#003591`,disabledColor:`#908D89`,disabledBorderColor:`transparent`,disabledOpacity:`1`}},menuDark:{container:{bg:`#0F204B`,hoverBg:`#003591`,activeBg:`#0041B2`,disabledBg:`#0F204B`,borderColor:`transparent`,hoverBorderColor:`#91FFB4`,activeBorderColor:`#91FFB4`,color:`#FFFFFF`,hoverColor:`#FFFFFF`,activeColor:`#91FFBA`,disabledColor:`#FFFFFF`,disabledBorderColor:`transparent`,disabledOpacity:`1`}}};i.buttonGroupDefault={container:{...i.secondaryDark.container,borderColor:`sandstone.60`}},i.buttonGroupRounded={container:{bg:`white`,borderColor:`sandstone.79`,color:`sandstone.10`,hoverBg:`seaBlue.20`,hoverBorderColor:`buttonTypePrimaryHoverBorderColorDark`,hoverColor:`white`,activeBg:`seaBlue.35`,activeBorderColor:`buttonTypePrimaryActiveBorderColorDark`,activeColor:`white`,borderRadius:`round`,marginRight:`22px`}};var a={baseStyle:e,defaultProps:t,parts:n,sizes:r,variants:i};export{a as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/button/theme.ts
+const baseStyle = {};
+const defaultProps = {
+	size: "lg",
+	variant: "primaryDark",
+	fontWeight: "medium"
+};
+const parts = [
+	"container",
+	"icon",
+	"text"
+];
+const sizes = {
+	sm: {
+		container: {
+			fontSize: "xs",
+			h: 24,
+			minW: 48,
+			spaceX: 4
+		},
+		icon: { size: "xs" },
+		text: {}
+	},
+	md: {
+		container: {
+			fontSize: "sm",
+			h: 32,
+			minW: 64,
+			spaceX: 6
+		},
+		icon: { size: "sm" },
+		text: {}
+	},
+	lg: {
+		container: {
+			fontSize: "md",
+			h: 40,
+			minW: 80,
+			spaceX: 8
+		},
+		icon: { size: "md" },
+		text: {}
+	},
+	xl: {
+		container: {
+			fontSize: "lg",
+			h: 48,
+			minW: 96,
+			spaceX: 10
+		},
+		icon: { size: "lg" },
+		text: {}
+	}
+};
+const variants = {
+	primaryDark: { container: {
+		bg: "buttonTypePrimaryDefaultBackgroundColorDark",
+		borderColor: "buttonTypePrimaryDefaultBorderColorDark",
+		color: "buttonTypePrimaryDefaultTextColorDark",
+		hoverBg: "buttonTypePrimaryHoverBackgroundColorDark",
+		hoverBorderColor: "buttonTypePrimaryHoverBorderColorDark",
+		hoverColor: "buttonTypePrimaryHoverTextColorDark",
+		activeBg: "buttonTypePrimaryActiveBackgroundColorDark",
+		activeBorderColor: "buttonTypePrimaryActiveBorderColorDark",
+		activeColor: "buttonTypePrimaryActiveTextColorDark"
+	} },
+	primaryLight: { container: {
+		bg: "buttonTypePrimaryDefaultBackgroundColorLight",
+		borderColor: "buttonTypePrimaryDefaultBorderColorLight",
+		color: "buttonTypePrimaryDefaultTextColorLight",
+		hoverBg: "buttonTypePrimaryHoverBackgroundColorLight",
+		hoverBorderColor: "buttonTypePrimaryHoverBorderColorLight",
+		hoverColor: "buttonTypePrimaryHoverTextColorLight",
+		activeBg: "buttonTypePrimaryActiveBackgroundColorLight",
+		activeBorderColor: "buttonTypePrimaryActiveBorderColorLight",
+		activeColor: "buttonTypePrimaryActiveTextColorLight"
+	} },
+	secondaryDark: { container: {
+		bg: "buttonTypeSecondaryDefaultBackgroundColorDark",
+		borderColor: "buttonTypeSecondaryDefaultBorderColorDark",
+		color: "buttonTypeSecondaryDefaultTextColorDark",
+		hoverBg: "buttonTypeSecondaryHoverBackgroundColorDark",
+		hoverBorderColor: "buttonTypeSecondaryHoverBorderColorDark",
+		hoverColor: "buttonTypeSecondaryHoverTextColorDark",
+		activeBg: "buttonTypeSecondaryActiveBackgroundColorDark",
+		activeBorderColor: "buttonTypeSecondaryActiveBorderColorDark",
+		activeColor: "buttonTypeSecondaryActiveTextColorDark"
+	} },
+	secondaryLight: { container: {
+		bg: "buttonTypeSecondaryDefaultBackgroundColorLight",
+		borderColor: "buttonTypeSecondaryDefaultBorderColorLight",
+		color: "buttonTypeSecondaryDefaultTextColorLight",
+		hoverBg: "buttonTypeSecondaryHoverBackgroundColorLight",
+		hoverBorderColor: "buttonTypeSecondaryHoverBorderColorLight",
+		hoverColor: "buttonTypeSecondaryHoverTextColorLight",
+		activeBg: "buttonTypeSecondaryActiveBackgroundColorLight",
+		activeBorderColor: "buttonTypeSecondaryActiveBorderColorLight",
+		activeColor: "buttonTypeSecondaryActiveTextColorLight"
+	} },
+	tertiaryDark: { container: {
+		bg: "buttonTypeTertiaryDefaultBackgroundColorDark",
+		borderColor: "buttonTypeTertiaryDefaultBorderColorDark",
+		color: "buttonTypeTertiaryDefaultTextColorDark",
+		hoverBg: "buttonTypeTertiaryHoverBackgroundColorDark",
+		hoverBorderColor: "buttonTypeTertiaryHoverBorderColorDark",
+		hoverColor: "buttonTypeTertiaryHoverTextColorDark",
+		activeBg: "buttonTypeTertiaryActiveBackgroundColorDark",
+		activeBorderColor: "buttonTypeTertiaryActiveBorderColorDark",
+		activeColor: "buttonTypeTertiaryActiveTextColorDark"
+	} },
+	tertiaryLight: { container: {
+		bg: "buttonTypeTertiaryDefaultBackgroundColorLight",
+		borderColor: "buttonTypeTertiaryDefaultBorderColorLight",
+		color: "buttonTypeTertiaryDefaultTextColorLight",
+		hoverBg: "buttonTypeTertiaryHoverBackgroundColorLight",
+		hoverBorderColor: "buttonTypeTertiaryHoverBorderColorLight",
+		hoverColor: "buttonTypeTertiaryHoverTextColorLight",
+		activeBg: "buttonTypeTertiaryActiveBackgroundColorLight",
+		activeBorderColor: "buttonTypeTertiaryActiveBorderColorLight",
+		activeColor: "buttonTypeTertiaryActiveTextColorLight"
+	} },
+	solidBlue: { container: {
+		bg: "seaBlue.main",
+		borderColor: "seaBlue.main",
+		color: "white",
+		disabledBg: "darkBlue.75",
+		disabledBorderColor: "darkBlue.75",
+		disabledColor: "white",
+		hoverBg: "seaBlue.20",
+		hoverBorderColor: "seaBlue.20",
+		focusBg: "seaBlue.main",
+		activeBg: "seaBlue.35",
+		activeBorderColor: "seaBlue.35"
+	} },
+	blueOutlined: { container: {
+		bg: "white",
+		borderColor: "seaBlue.main",
+		color: "seaBlue.main",
+		disabledBg: "white",
+		disabledBorderColor: "darkBlue.75",
+		disabledColor: "darkBlue.75",
+		hoverBg: "skyBlue.85",
+		hoverBorderColor: "seaBlue.35",
+		activeBg: "skyBlue.90",
+		activeBorderColor: "seaBlue.35"
+	} },
+	blueText: { container: {
+		bg: "transparent",
+		borderColor: "transparent",
+		color: "seaBlue.main",
+		disabledBg: "white",
+		disabledBorderColor: "white",
+		disabledColor: "darkBlue.75",
+		hoverBg: "skyBlue.85",
+		hoverBorderColor: "skyBlue.85",
+		focusBg: "transparent",
+		activeBg: "skyBlue.90",
+		activeBorderColor: "skyBlue.90"
+	} },
+	solidGreen: { container: {
+		bg: "landGreen.35",
+		borderColor: "landGreen.35",
+		color: "white",
+		disabledBg: "landGreen.70",
+		disabledBorderColor: "landGreen.70",
+		disabledColor: "white",
+		hoverBg: "landGreen.25",
+		hoverBorderColor: "landGreen.25",
+		focusBg: "landGreen.35",
+		activeBg: "landGreen.41",
+		activeBorderColor: "landGreen.41"
+	} },
+	solidRed: { container: {
+		bg: "energyRed.45",
+		borderColor: "energyRed.45",
+		color: "white",
+		disabledBg: "energyRed.80",
+		disabledBorderColor: "energyRed.80",
+		disabledColor: "white",
+		hoverBg: "energyRed.35",
+		hoverBorderColor: "energyRed.35",
+		focusBg: "energyRed.45",
+		activeBg: "energyRed.50",
+		activeBorderColor: "energyRed.50"
+	} },
+	subtleBlue: { container: {
+		bg: "transparent",
+		borderColor: "transparent",
+		color: "seaBlue.main",
+		disabledBg: "white",
+		disabledBorderColor: "darkBlue.75",
+		disabledColor: "darkBlue.75",
+		hoverBg: "skyBlue.90",
+		hoverBorderColor: "skyBlue.90",
+		focusBg: "transparent",
+		activeBg: "skyBlue.85",
+		activeBorderColor: "skyBlue.85"
+	} },
+	subtleRed: { container: {
+		bg: "transparent",
+		borderColor: "transparent",
+		hoverBg: "energyRed.90",
+		hoverBorderColor: "energyRed.90",
+		focusBg: "transparent",
+		activeBg: "energyRed.85",
+		color: "energyRed.45"
+	} },
+	subtleYellow: { container: {
+		bg: "transparent",
+		borderColor: "transparent",
+		hoverBg: "sunflower.70",
+		hoverBorderColor: "sunflower.70",
+		focusBg: "transparent",
+		activeBg: "sunflower.65",
+		color: "sunflower.15"
+	} },
+	subtleGreen: { container: {
+		bg: "transparent",
+		borderColor: "transparent",
+		hoverBg: "landGreen.90",
+		hoverBorderColor: "landGreen.90",
+		focusBg: "transparent",
+		activeBg: "landGreen.85",
+		color: "landGreen.30"
+	} },
+	menuLight: { container: {
+		bg: "#ffffff",
+		hoverBg: "#D3EEF8",
+		activeBg: "#E9F7FC",
+		disabledBg: "#F8F7F7",
+		borderColor: "transparent",
+		hoverBorderColor: "#003591",
+		activeBorderColor: "#003591",
+		color: "#1A1A19",
+		hoverColor: "#1A1A19",
+		activeColor: "#003591",
+		disabledColor: "#908D89",
+		disabledBorderColor: "transparent",
+		disabledOpacity: "1"
+	} },
+	menuDark: { container: {
+		bg: "#0F204B",
+		hoverBg: "#003591",
+		activeBg: "#0041B2",
+		disabledBg: "#0F204B",
+		borderColor: "transparent",
+		hoverBorderColor: "#91FFB4",
+		activeBorderColor: "#91FFB4",
+		color: "#FFFFFF",
+		hoverColor: "#FFFFFF",
+		activeColor: "#91FFBA",
+		disabledColor: "#FFFFFF",
+		disabledBorderColor: "transparent",
+		disabledOpacity: "1"
+	} }
+};
+variants.buttonGroupDefault = { container: {
+	...variants.secondaryDark.container,
+	borderColor: "sandstone.60"
+} };
+variants.buttonGroupRounded = { container: {
+	bg: "white",
+	borderColor: "sandstone.79",
+	color: "sandstone.10",
+	hoverBg: "seaBlue.20",
+	hoverBorderColor: "buttonTypePrimaryHoverBorderColorDark",
+	hoverColor: "white",
+	activeBg: "seaBlue.35",
+	activeBorderColor: "buttonTypePrimaryActiveBorderColorDark",
+	activeColor: "white",
+	borderRadius: "round",
+	marginRight: "22px"
+} };
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/button/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["variants: Record<string, Record<string, Record<string, string>>>"],"sources":["../../src/button/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryDark',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      minW: 48,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n    text: {},\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      minW: 64,\n      spaceX: 6,\n    },\n    icon: {\n      size: 'sm',\n    },\n    text: {},\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      minW: 80,\n      spaceX: 8,\n    },\n    icon: {\n      size: 'md',\n    },\n    text: {},\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      minW: 96,\n      spaceX: 10,\n    },\n    icon: {\n      size: 'lg',\n    },\n    text: {},\n  },\n}\n\nconst variants: Record<string, Record<string, Record<string, string>>> = {\n  primaryDark: {\n    container: {\n      bg: 'buttonTypePrimaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypePrimaryDefaultBorderColorDark',\n      color: 'buttonTypePrimaryDefaultTextColorDark',\n      hoverBg: 'buttonTypePrimaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypePrimaryHoverBorderColorDark',\n      hoverColor: 'buttonTypePrimaryHoverTextColorDark',\n      activeBg: 'buttonTypePrimaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypePrimaryActiveBorderColorDark',\n      activeColor: 'buttonTypePrimaryActiveTextColorDark',\n    },\n  },\n  primaryLight: {\n    container: {\n      bg: 'buttonTypePrimaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypePrimaryDefaultBorderColorLight',\n      color: 'buttonTypePrimaryDefaultTextColorLight',\n      hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',\n      hoverColor: 'buttonTypePrimaryHoverTextColorLight',\n      activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',\n      activeColor: 'buttonTypePrimaryActiveTextColorLight',\n    },\n  },\n  secondaryDark: {\n    container: {\n      bg: 'buttonTypeSecondaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypeSecondaryDefaultBorderColorDark',\n      color: 'buttonTypeSecondaryDefaultTextColorDark',\n      // discussed with Jesus, the decision was made on 2-may-2022 that OneDesign designers will update to VUI shade\n      // hover will change from 90 to 85\n      hoverBg: 'buttonTypeSecondaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypeSecondaryHoverBorderColorDark',\n      hoverColor: 'buttonTypeSecondaryHoverTextColorDark',\n      // discussed with Jesus, the decision was made on 2-may-2022 that OneDesign designers will update to VUI shade\n      // active will change from 95% to 90%\n      activeBg: 'buttonTypeSecondaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypeSecondaryActiveBorderColorDark',\n      activeColor: 'buttonTypeSecondaryActiveTextColorDark',\n    },\n  },\n  secondaryLight: {\n    container: {\n      bg: 'buttonTypeSecondaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypeSecondaryDefaultBorderColorLight',\n      color: 'buttonTypeSecondaryDefaultTextColorLight',\n      hoverBg: 'buttonTypeSecondaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypeSecondaryHoverBorderColorLight',\n      hoverColor: 'buttonTypeSecondaryHoverTextColorLight',\n      activeBg: 'buttonTypeSecondaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypeSecondaryActiveBorderColorLight',\n      activeColor: 'buttonTypeSecondaryActiveTextColorLight',\n    },\n  },\n  tertiaryDark: {\n    container: {\n      bg: 'buttonTypeTertiaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypeTertiaryDefaultBorderColorDark',\n      color: 'buttonTypeTertiaryDefaultTextColorDark',\n      hoverBg: 'buttonTypeTertiaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypeTertiaryHoverBorderColorDark',\n      hoverColor: 'buttonTypeTertiaryHoverTextColorDark',\n      activeBg: 'buttonTypeTertiaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypeTertiaryActiveBorderColorDark',\n      activeColor: 'buttonTypeTertiaryActiveTextColorDark',\n    },\n  },\n  tertiaryLight: {\n    container: {\n      bg: 'buttonTypeTertiaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypeTertiaryDefaultBorderColorLight',\n      color: 'buttonTypeTertiaryDefaultTextColorLight',\n      hoverBg: 'buttonTypeTertiaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypeTertiaryHoverBorderColorLight',\n      hoverColor: 'buttonTypeTertiaryHoverTextColorLight',\n      activeBg: 'buttonTypeTertiaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypeTertiaryActiveBorderColorLight',\n      activeColor: 'buttonTypeTertiaryActiveTextColorLight',\n    },\n  },\n  solidBlue: {\n    container: {\n      bg: 'seaBlue.main',\n      borderColor: 'seaBlue.main',\n      color: 'white',\n      disabledBg: 'darkBlue.75',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'white',\n      // proper order next: hover, focus, active\n      hoverBg: 'seaBlue.20',\n      hoverBorderColor: 'seaBlue.20',\n      focusBg: 'seaBlue.main',\n      activeBg: 'seaBlue.35',\n      activeBorderColor: 'seaBlue.35',\n    },\n  },\n  blueOutlined: {\n    container: {\n      bg: 'white',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'darkBlue.75',\n      hoverBg: 'skyBlue.85',\n      hoverBorderColor: 'seaBlue.35',\n      activeBg: 'skyBlue.90',\n      activeBorderColor: 'seaBlue.35',\n    },\n  },\n  blueText: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'white',\n      disabledColor: 'darkBlue.75',\n      hoverBg: 'skyBlue.85',\n      hoverBorderColor: 'skyBlue.85',\n      focusBg: 'transparent',\n      activeBg: 'skyBlue.90',\n      activeBorderColor: 'skyBlue.90',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      borderColor: 'landGreen.35',\n      color: 'white',\n      disabledBg: 'landGreen.70',\n      disabledBorderColor: 'landGreen.70',\n      disabledColor: 'white',\n      hoverBg: 'landGreen.25',\n      hoverBorderColor: 'landGreen.25',\n      focusBg: 'landGreen.35',\n      activeBg: 'landGreen.41',\n      activeBorderColor: 'landGreen.41',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      borderColor: 'energyRed.45',\n      color: 'white',\n      disabledBg: 'energyRed.80',\n      disabledBorderColor: 'energyRed.80',\n      disabledColor: 'white',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'energyRed.35',\n      hoverBorderColor: 'energyRed.35',\n      focusBg: 'energyRed.45',\n      activeBg: 'energyRed.50',\n      activeBorderColor: 'energyRed.50',\n    },\n  },\n  // subtleBlue is an internal variant, used in notification; based on primaryDark\n  subtleBlue: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'darkBlue.75',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'skyBlue.90',\n      hoverBorderColor: 'skyBlue.90',\n      focusBg: 'transparent',\n      activeBg: 'skyBlue.85',\n      activeBorderColor: 'skyBlue.85',\n    },\n  },\n  // subtleRed is an internal variant, used in notification; based on primaryDark\n  subtleRed: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'energyRed.90',\n      hoverBorderColor: 'energyRed.90',\n      focusBg: 'transparent',\n      activeBg: 'energyRed.85',\n      color: 'energyRed.45',\n    },\n  },\n  // subtleYellow is an internal variant, used in notification; based on primaryDark\n  subtleYellow: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'sunflower.70',\n      hoverBorderColor: 'sunflower.70',\n      focusBg: 'transparent',\n      activeBg: 'sunflower.65',\n      color: 'sunflower.15',\n    },\n  },\n  // subtleGreen is an internal variant, used in notification; based on primaryDark\n  subtleGreen: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'landGreen.90',\n      hoverBorderColor: 'landGreen.90',\n      focusBg: 'transparent',\n      activeBg: 'landGreen.85',\n      color: 'landGreen.30',\n    },\n  },\n  menuLight: {\n    container: {\n      bg: '#ffffff',\n      hoverBg: '#D3EEF8',\n      activeBg: '#E9F7FC',\n      disabledBg: '#F8F7F7',\n      borderColor: 'transparent',\n      hoverBorderColor: '#003591',\n      activeBorderColor: '#003591',\n      color: '#1A1A19',\n      hoverColor: '#1A1A19',\n      activeColor: '#003591',\n      disabledColor: '#908D89',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n  menuDark: {\n    container: {\n      bg: '#0F204B',\n      hoverBg: '#003591',\n      activeBg: '#0041B2',\n      disabledBg: '#0F204B',\n      borderColor: 'transparent',\n      hoverBorderColor: '#91FFB4',\n      activeBorderColor: '#91FFB4',\n      color: '#FFFFFF',\n      hoverColor: '#FFFFFF',\n      activeColor: '#91FFBA',\n      disabledColor: '#FFFFFF',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n}\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryDark\nvariants.buttonGroupDefault = {\n  container: {\n    ...variants.secondaryDark.container,\n    borderColor: 'sandstone.60',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'white',\n    borderColor: 'sandstone.79',\n    color: 'sandstone.10',\n    hoverBg: 'seaBlue.20',\n    hoverBorderColor: 'buttonTypePrimaryHoverBorderColorDark',\n    hoverColor: 'white',\n    activeBg: 'seaBlue.35',\n    activeBorderColor: 'buttonTypePrimaryActiveBorderColorDark',\n    activeColor: 'white',\n    borderRadius: 'round',\n    marginRight: '22px',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["variants: Record<string, Record<string, Record<string, string>>>"],"sources":["../../src/button/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'lg',\n  variant: 'primaryDark',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'icon', 'text']\n\nconst sizes = {\n  sm: {\n    container: {\n      fontSize: 'xs',\n      h: 24,\n      minW: 48,\n      spaceX: 4,\n    },\n    icon: {\n      size: 'xs',\n    },\n    text: {},\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      minW: 64,\n      spaceX: 6,\n    },\n    icon: {\n      size: 'sm',\n    },\n    text: {},\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      minW: 80,\n      spaceX: 8,\n    },\n    icon: {\n      size: 'md',\n    },\n    text: {},\n  },\n  xl: {\n    container: {\n      fontSize: 'lg',\n      h: 48,\n      minW: 96,\n      spaceX: 10,\n    },\n    icon: {\n      size: 'lg',\n    },\n    text: {},\n  },\n}\n\nconst variants: Record<string, Record<string, Record<string, string>>> = {\n  primaryDark: {\n    container: {\n      bg: 'buttonTypePrimaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypePrimaryDefaultBorderColorDark',\n      color: 'buttonTypePrimaryDefaultTextColorDark',\n      hoverBg: 'buttonTypePrimaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypePrimaryHoverBorderColorDark',\n      hoverColor: 'buttonTypePrimaryHoverTextColorDark',\n      activeBg: 'buttonTypePrimaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypePrimaryActiveBorderColorDark',\n      activeColor: 'buttonTypePrimaryActiveTextColorDark',\n    },\n  },\n  primaryLight: {\n    container: {\n      bg: 'buttonTypePrimaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypePrimaryDefaultBorderColorLight',\n      color: 'buttonTypePrimaryDefaultTextColorLight',\n      hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',\n      hoverColor: 'buttonTypePrimaryHoverTextColorLight',\n      activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',\n      activeColor: 'buttonTypePrimaryActiveTextColorLight',\n    },\n  },\n  secondaryDark: {\n    container: {\n      bg: 'buttonTypeSecondaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypeSecondaryDefaultBorderColorDark',\n      color: 'buttonTypeSecondaryDefaultTextColorDark',\n      // discussed with Jesus, the decision was made on 2-may-2022 that OneDesign designers will update to VUI shade\n      // hover will change from 90 to 85\n      hoverBg: 'buttonTypeSecondaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypeSecondaryHoverBorderColorDark',\n      hoverColor: 'buttonTypeSecondaryHoverTextColorDark',\n      // discussed with Jesus, the decision was made on 2-may-2022 that OneDesign designers will update to VUI shade\n      // active will change from 95% to 90%\n      activeBg: 'buttonTypeSecondaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypeSecondaryActiveBorderColorDark',\n      activeColor: 'buttonTypeSecondaryActiveTextColorDark',\n    },\n  },\n  secondaryLight: {\n    container: {\n      bg: 'buttonTypeSecondaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypeSecondaryDefaultBorderColorLight',\n      color: 'buttonTypeSecondaryDefaultTextColorLight',\n      hoverBg: 'buttonTypeSecondaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypeSecondaryHoverBorderColorLight',\n      hoverColor: 'buttonTypeSecondaryHoverTextColorLight',\n      activeBg: 'buttonTypeSecondaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypeSecondaryActiveBorderColorLight',\n      activeColor: 'buttonTypeSecondaryActiveTextColorLight',\n    },\n  },\n  tertiaryDark: {\n    container: {\n      bg: 'buttonTypeTertiaryDefaultBackgroundColorDark',\n      borderColor: 'buttonTypeTertiaryDefaultBorderColorDark',\n      color: 'buttonTypeTertiaryDefaultTextColorDark',\n      hoverBg: 'buttonTypeTertiaryHoverBackgroundColorDark',\n      hoverBorderColor: 'buttonTypeTertiaryHoverBorderColorDark',\n      hoverColor: 'buttonTypeTertiaryHoverTextColorDark',\n      activeBg: 'buttonTypeTertiaryActiveBackgroundColorDark',\n      activeBorderColor: 'buttonTypeTertiaryActiveBorderColorDark',\n      activeColor: 'buttonTypeTertiaryActiveTextColorDark',\n    },\n  },\n  tertiaryLight: {\n    container: {\n      bg: 'buttonTypeTertiaryDefaultBackgroundColorLight',\n      borderColor: 'buttonTypeTertiaryDefaultBorderColorLight',\n      color: 'buttonTypeTertiaryDefaultTextColorLight',\n      hoverBg: 'buttonTypeTertiaryHoverBackgroundColorLight',\n      hoverBorderColor: 'buttonTypeTertiaryHoverBorderColorLight',\n      hoverColor: 'buttonTypeTertiaryHoverTextColorLight',\n      activeBg: 'buttonTypeTertiaryActiveBackgroundColorLight',\n      activeBorderColor: 'buttonTypeTertiaryActiveBorderColorLight',\n      activeColor: 'buttonTypeTertiaryActiveTextColorLight',\n    },\n  },\n  solidBlue: {\n    container: {\n      bg: 'seaBlue.main',\n      borderColor: 'seaBlue.main',\n      color: 'white',\n      disabledBg: 'darkBlue.75',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'white',\n      // proper order next: hover, focus, active\n      hoverBg: 'seaBlue.20',\n      hoverBorderColor: 'seaBlue.20',\n      focusBg: 'seaBlue.main',\n      activeBg: 'seaBlue.35',\n      activeBorderColor: 'seaBlue.35',\n    },\n  },\n  blueOutlined: {\n    container: {\n      bg: 'white',\n      borderColor: 'seaBlue.main',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'darkBlue.75',\n      hoverBg: 'skyBlue.85',\n      hoverBorderColor: 'seaBlue.35',\n      activeBg: 'skyBlue.90',\n      activeBorderColor: 'seaBlue.35',\n    },\n  },\n  blueText: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'white',\n      disabledColor: 'darkBlue.75',\n      hoverBg: 'skyBlue.85',\n      hoverBorderColor: 'skyBlue.85',\n      focusBg: 'transparent',\n      activeBg: 'skyBlue.90',\n      activeBorderColor: 'skyBlue.90',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      borderColor: 'landGreen.35',\n      color: 'white',\n      disabledBg: 'landGreen.70',\n      disabledBorderColor: 'landGreen.70',\n      disabledColor: 'white',\n      hoverBg: 'landGreen.25',\n      hoverBorderColor: 'landGreen.25',\n      focusBg: 'landGreen.35',\n      activeBg: 'landGreen.41',\n      activeBorderColor: 'landGreen.41',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      borderColor: 'energyRed.45',\n      color: 'white',\n      disabledBg: 'energyRed.80',\n      disabledBorderColor: 'energyRed.80',\n      disabledColor: 'white',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'energyRed.35',\n      hoverBorderColor: 'energyRed.35',\n      focusBg: 'energyRed.45',\n      activeBg: 'energyRed.50',\n      activeBorderColor: 'energyRed.50',\n    },\n  },\n  // subtleBlue is an internal variant, used in notification; based on primaryDark\n  subtleBlue: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      color: 'seaBlue.main',\n      disabledBg: 'white',\n      disabledBorderColor: 'darkBlue.75',\n      disabledColor: 'darkBlue.75',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'skyBlue.90',\n      hoverBorderColor: 'skyBlue.90',\n      focusBg: 'transparent',\n      activeBg: 'skyBlue.85',\n      activeBorderColor: 'skyBlue.85',\n    },\n  },\n  // subtleRed is an internal variant, used in notification; based on primaryDark\n  subtleRed: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'energyRed.90',\n      hoverBorderColor: 'energyRed.90',\n      focusBg: 'transparent',\n      activeBg: 'energyRed.85',\n      color: 'energyRed.45',\n    },\n  },\n  // subtleYellow is an internal variant, used in notification; based on primaryDark\n  subtleYellow: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'sunflower.70',\n      hoverBorderColor: 'sunflower.70',\n      focusBg: 'transparent',\n      activeBg: 'sunflower.65',\n      color: 'sunflower.15',\n    },\n  },\n  // subtleGreen is an internal variant, used in notification; based on primaryDark\n  subtleGreen: {\n    container: {\n      bg: 'transparent',\n      borderColor: 'transparent',\n      // proper order is important next: hover >  focus >  active\n      hoverBg: 'landGreen.90',\n      hoverBorderColor: 'landGreen.90',\n      focusBg: 'transparent',\n      activeBg: 'landGreen.85',\n      color: 'landGreen.30',\n    },\n  },\n  menuLight: {\n    container: {\n      bg: '#ffffff',\n      hoverBg: '#D3EEF8',\n      activeBg: '#E9F7FC',\n      disabledBg: '#F8F7F7',\n      borderColor: 'transparent',\n      hoverBorderColor: '#003591',\n      activeBorderColor: '#003591',\n      color: '#1A1A19',\n      hoverColor: '#1A1A19',\n      activeColor: '#003591',\n      disabledColor: '#908D89',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n  menuDark: {\n    container: {\n      bg: '#0F204B',\n      hoverBg: '#003591',\n      activeBg: '#0041B2',\n      disabledBg: '#0F204B',\n      borderColor: 'transparent',\n      hoverBorderColor: '#91FFB4',\n      activeBorderColor: '#91FFB4',\n      color: '#FFFFFF',\n      hoverColor: '#FFFFFF',\n      activeColor: '#91FFBA',\n      disabledColor: '#FFFFFF',\n      disabledBorderColor: 'transparent',\n      disabledOpacity: '1',\n    },\n  },\n}\n\n// buttonGroupDefault is an internal variant, used in ButtonGroup; based on secondaryDark\nvariants.buttonGroupDefault = {\n  container: {\n    ...variants.secondaryDark.container,\n    borderColor: 'sandstone.60',\n  },\n}\n\n// buttonGroupRounded is an internal variant\nvariants.buttonGroupRounded = {\n  container: {\n    bg: 'white',\n    borderColor: 'sandstone.79',\n    color: 'sandstone.10',\n    hoverBg: 'seaBlue.20',\n    hoverBorderColor: 'buttonTypePrimaryHoverBorderColorDark',\n    hoverColor: 'white',\n    activeBg: 'seaBlue.35',\n    activeBorderColor: 'buttonTypePrimaryActiveBorderColorDark',\n    activeColor: 'white',\n    borderRadius: 'round',\n    marginRight: '22px',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}

package/dist/buttonGroup/buttonGroup.d.ts

@@ -16,10 +16,11 @@ import { TransitionDelayProps, TransitionDurationProps, TransitionPropertyProps,
 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 { ButtonGroupProps } from "./buttonGroup.types.js";
-import * as styled_components13 from "styled-components";
+import "../index.js";
+import * as styled_components363 from "styled-components";
 
 //#region src/buttonGroup/buttonGroup.d.ts
-declare const ButtonGroupBase: styled_components13.StyledComponent<"div", styled_components13.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 & {
+declare const ButtonGroupBase: styled_components363.StyledComponent<"div", styled_components363.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 & {
   innerBorderColor: string;
 }, never>;
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;cAQa,iBAAe,mBAAA,CAAA,uBAoD3B,mBAAA,CApD2B,YAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,wBAAA,CAAA,CAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,6BAAA,CAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,eAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,CAAA,cAAA,CAAA,CAAA;;;;;;;cA0Df,aAAW,oBAAA"}
+{"version":3,"file":"buttonGroup.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/buttonGroup/buttonGroup.js

@@ -1,9 +1,21 @@
-import{activeClassName as e}from"../utils/consts.js";import{filterUndefined as t}from"../utils/object.js";import{cs as n}from"../utils/styles.js";import{th as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{ButtonGroupProvider as o}from"./context.js";import{getInnerBorderColor as s}from"./helpers.js";import{useMemo as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=i.divBox`
+import { activeClassName } from "../utils/consts.js";
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { th } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { ButtonGroupProvider } from "./context.js";
+import { getInnerBorderColor } from "./helpers.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/buttonGroup/buttonGroup.tsx
+const ButtonGroupBase = styled.divBox`
   display: flex;
 
   // Border color between Buttons
   > *:not(:last-of-type):not(:focus) {
-    border-right-color: ${e=>r.color(e.innerBorderColor)};
+    border-right-color: ${(p) => th.color(p.innerBorderColor)};
   }
 
   // First Button
@@ -26,29 +38,59 @@ import{activeClassName as e}from"../utils/consts.js";import{filterUndefined as t
   // Border color
   > *,
   *:hover {
-    border-color: ${e=>r.color(e.innerBorderColor)};
+    border-color: ${(p) => th.color(p.innerBorderColor)};
   }
 
   //
-  > .${e}.vui-button-variant-secondaryDark {
-    background-color: ${r.color(`skyBlue.90`)};
+  > .${activeClassName}.vui-button-variant-secondaryDark {
+    background-color: ${th.color("skyBlue.90")};
   }
 
-  > .${e}.vui-button-variant-buttonGroupRounded {
-    background-color: ${r.color(`seaBlue.main`)};
-    color: ${r.color(`white`)};
+  > .${activeClassName}.vui-button-variant-buttonGroupRounded {
+    background-color: ${th.color("seaBlue.main")};
+    color: ${th.color("white")};
   }
 
   > .vui-button-variant-buttonGroupRounded {
     border-left-width: 1px !important;
   }
 
-  > .${e}.vui-button-variant-buttonGroupRounded:hover {
-    background-color: ${r.color(`seaBlue.20`)};
+  > .${activeClassName}.vui-button-variant-buttonGroupRounded:hover {
+    background-color: ${th.color("seaBlue.20")};
   }
 
-  > .${e}.vui-button-variant-buttonGroupRounded:active {
-    background-color: ${r.color(`seaBlue.35`)};
+  > .${activeClassName}.vui-button-variant-buttonGroupRounded:active {
+    background-color: ${th.color("seaBlue.35")};
   }
-`,d=a((e,r)=>{let{className:i,disabled:a,innerBorderColor:d,size:f,variant:p=`default`,...m}=e;return l(o,{value:c(()=>t({disabled:a,size:f,variant:p===`default`?`buttonGroupDefault`:`buttonGroupRounded`}),[a,f,p]),children:l(u,{className:n(`vui-buttonGroup`,i,`vui-buttonGroup-variant-${p}`),innerBorderColor:d||s(e),ref:r,...m})})});d.displayName=`ButtonGroup`;var f=d;export{d as ButtonGroup,u as ButtonGroupBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Organizes layout and display of multiple buttons. Controls border visual around and between the buttons.
+* Exposes some props to the children via context.
+*/
+const ButtonGroup = vui((props, ref) => {
+	const { className, disabled, innerBorderColor, size, variant = "default",...rest } = props;
+	return /* @__PURE__ */ jsx(ButtonGroupProvider, {
+		value: useMemo(() => filterUndefined({
+			disabled,
+			size,
+			variant: variant === "default" ? "buttonGroupDefault" : "buttonGroupRounded"
+		}), [
+			disabled,
+			size,
+			variant
+		]),
+		children: /* @__PURE__ */ jsx(ButtonGroupBase, {
+			className: cs("vui-buttonGroup", className, `vui-buttonGroup-variant-${variant}`),
+			innerBorderColor: innerBorderColor ? innerBorderColor : getInnerBorderColor(props),
+			ref,
+			...rest
+		})
+	});
+});
+ButtonGroup.displayName = "ButtonGroup";
+var buttonGroup_default = ButtonGroup;
+
+//#endregion
+export { ButtonGroup, ButtonGroupBase, buttonGroup_default as default };
+globalThis.__vuiVersion__ = "3.0.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":"sbAQA,MAAa,EAAkB,EAAO,MAAoC;;;;;0BAKhD,GAAK,EAAG,MAAM,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;oBAuBxC,GAAK,EAAG,MAAM,EAAE,iBAAiB,CAAC;;;;OAI/C,EAAgB;wBACC,EAAG,MAAM,aAAa,CAAC;;;OAGxC,EAAgB;wBACC,EAAG,MAAM,eAAe,CAAC;aACpC,EAAG,MAAM,QAAQ,CAAC;;;;;;;OAOxB,EAAgB;wBACC,EAAG,MAAM,aAAa,CAAC;;;OAGxC,EAAgB;wBACC,EAAG,MAAM,aAAa,CAAC;;EAQlC,EAAc,GAA8B,EAAO,IAAQ,CACtE,GAAM,CAAE,YAAW,WAAU,mBAAkB,OAAM,UAAU,UAAW,GAAG,GAAS,EAYtF,OACE,EAAC,EAAA,CAAoB,MAXP,MAEZ,EAAgB,CACd,WACA,OACA,QAAS,IAAY,UAAY,qBAAuB,qBACzD,CAAC,CACJ,CAAC,EAAU,EAAM,EAAQ,CAC1B,UAIG,EAAC,EAAA,CACC,UAAW,EAAG,kBAAmB,EAAW,2BAA2B,IAAU,CAC3E,iBAAkB,GAAsC,EAAoB,EAAM,CAAE,MAC1F,GAAI,GACJ,EACkB,EAExB,CAEF,EAAY,YAAc,cAC1B,IAAA,EAAe"}
+{"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,UAAW,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;AAC1B,0BAAe"}

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

@@ -1,5 +1,6 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/buttonGroup/buttonGroup.types.d.ts
 type ButtonGroupProps = SystemProps & ThemingProps<'ButtonGroup'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,gBAAA,CAAA,CAAA,CAAmB,cAC7B;;EADU,WAAA,CAAA,CAAA,CAAA,MAAgB;EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA;UAAG,CAAA,CAAA,CAAA,OAAA;;EACjB,gBAAA,CAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"buttonGroup.types.d.ts","names":[],"sources":["../../src/buttonGroup/buttonGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,gBAAA,CAAA,CAAA,CAAmB,cAC7B;;;EADU,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA"}

package/dist/buttonGroup/context.d.ts

@@ -1,8 +1,9 @@
 import { Dict } from "../utils/types.js";
-import * as react0 from "react";
+import "../utils/index.js";
+import * as react934 from "react";
 
 //#region src/buttonGroup/context.d.ts
-declare const ButtonGroupProvider: react0.Provider<Dict>, useButtonGroupContext: () => Dict;
+declare const ButtonGroupProvider: react934.Provider<Dict>, useButtonGroupContext: () => Dict;
 //#endregion
 export { 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"],"sourcesContent":[],"mappings":";;;;cAGO,qBAAmB,MAAA,CAAA,SAAA,OAAE,6BAAqB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/buttonGroup/context.ts"],"sourcesContent":[],"mappings":";;;;;cAGO,qBAAmB,QAAA,CAAA,SAAA,OAAE,6BAAqB"}

package/dist/buttonGroup/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ButtonGroupProvider,n as useButtonGroupContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/buttonGroup/context.ts
+const [ButtonGroupProvider, useButtonGroupContext] = createContext({ isOptional: true });
+
+//#endregion
+export { ButtonGroupProvider, useButtonGroupContext };
+globalThis.__vuiVersion__ = "3.0.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":"kDAGA,KAAM,CAAC,EAAqB,GAAyB,EAAoB,CAAE,WAAY,GAAM,CAAC"}
+{"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"}

package/dist/buttonGroup/helpers.js

@@ -1,2 +1,12 @@
-function e(e){let{disabled:t,variant:n}=e;return t?`disabled.border`:`${n}`}export{e as getInnerBorderColor};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/buttonGroup/helpers.ts
+/** Returns appropriate color for the border between the buttons. */
+function getInnerBorderColor(props) {
+	const { disabled, variant } = props;
+	if (disabled) return "disabled.border";
+	return `${variant}`;
+}
+
+//#endregion
+export { getInnerBorderColor };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=helpers.js.map

package/dist/buttonGroup/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/buttonGroup/helpers.ts"],"sourcesContent":["import type { ButtonGroupProps } from './buttonGroup.types'\n\n/** Returns appropriate color for the border between the buttons. */\nexport function getInnerBorderColor(props: ButtonGroupProps): string {\n  const { disabled, variant } = props\n\n  if (disabled) return 'disabled.border'\n\n  return `${variant}`\n}\n"],"mappings":"AAGA,SAAgB,EAAoB,EAAiC,CACnE,GAAM,CAAE,WAAU,WAAY,EAI9B,OAFI,EAAiB,kBAEd,GAAG"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/buttonGroup/helpers.ts"],"sourcesContent":["import type { ButtonGroupProps } from './buttonGroup.types'\n\n/** Returns appropriate color for the border between the buttons. */\nexport function getInnerBorderColor(props: ButtonGroupProps): string {\n  const { disabled, variant } = props\n\n  if (disabled) return 'disabled.border'\n\n  return `${variant}`\n}\n"],"mappings":";;AAGA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,UAAU,YAAY;AAE9B,KAAI,SAAU,QAAO;AAErB,QAAO,GAAG"}