@hanzo/gui 8.2.0 → 8.3.0

package/dist/native.cjs

@@ -12407,10 +12407,113 @@ var init_shouldRenderNativePlatform_native = require_objectSpread2.__esmMin((()
 	];
 }));
 //#endregion
+//#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
+var gridTracks, gridUnitless, gridProps, nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
+var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
+	require_objectSpread2.init_objectSpread2();
+	gridTracks = {
+		gridAutoColumns: true,
+		gridAutoRows: true,
+		gridTemplateColumns: true,
+		gridTemplateRows: true
+	};
+	gridUnitless = {
+		grid: true,
+		gridArea: true,
+		gridAutoFlow: true,
+		gridColumn: true,
+		gridColumnEnd: true,
+		gridColumnStart: true,
+		gridRow: true,
+		gridRowEnd: true,
+		gridRowStart: true,
+		gridTemplate: true,
+		gridTemplateAreas: true,
+		justifyItems: true,
+		justifySelf: true,
+		placeContent: true,
+		placeItems: true,
+		placeSelf: true
+	};
+	gridProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridTracks), gridUnitless);
+	nonAnimatableWebViewProps = {
+		backgroundAttachment: true,
+		backgroundBlendMode: true,
+		backgroundClip: true,
+		backgroundOrigin: true,
+		backgroundRepeat: true,
+		borderBottomStyle: true,
+		borderLeftStyle: true,
+		borderRightStyle: true,
+		borderTopStyle: true,
+		contain: true,
+		containerType: true,
+		content: true,
+		float: true,
+		maskBorderMode: true,
+		maskBorderRepeat: true,
+		maskClip: true,
+		maskComposite: true,
+		maskMode: true,
+		maskOrigin: true,
+		maskRepeat: true,
+		maskType: true,
+		objectFit: true,
+		overflowBlock: true,
+		overflowInline: true,
+		overflowX: true,
+		overflowY: true,
+		pointerEvents: true,
+		scrollbarWidth: true,
+		textWrap: true,
+		touchAction: true,
+		transformStyle: true,
+		willChange: true
+	};
+	nonAnimatableWebTextProps = {
+		whiteSpace: true,
+		wordWrap: true,
+		textOverflow: true,
+		WebkitBoxOrient: true
+	};
+	webOnlyStylePropsView = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebViewProps), {}, {
+		transition: true,
+		backdropFilter: true,
+		WebkitBackdropFilter: true,
+		background: true,
+		borderTop: true,
+		borderRight: true,
+		borderBottom: true,
+		borderLeft: true,
+		backgroundPosition: true,
+		backgroundSize: true,
+		borderImage: true,
+		caretColor: true,
+		clipPath: true,
+		mask: true,
+		maskBorder: true,
+		maskBorderOutset: true,
+		maskBorderSlice: true,
+		maskBorderSource: true,
+		maskBorderWidth: true,
+		maskImage: true,
+		maskPosition: true,
+		maskSize: true,
+		objectPosition: true,
+		textEmphasis: true,
+		userSelect: true
+	});
+	webOnlyStylePropsText = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebTextProps), {}, {
+		textDecorationDistance: true,
+		WebkitLineClamp: true
+	});
+}));
+//#endregion
 //#region ../../core/helpers/dist/esm/validStyleProps.native.js
 var cssShorthandLonghands, textColors, tokenCategories, nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, nonAnimatableStyleProps, stylePropsUnitless, stylePropsTransform, stylePropsView, stylePropsTextOnly, stylePropsText, stylePropsAll, validPseudoKeys, validStyles;
 var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 	init_index_native$7();
+	init_webOnlyStyleProps_native();
 	require_objectSpread2.init_objectSpread2();
 	cssShorthandLonghands = {
 		borderWidth: true,
@@ -12483,7 +12586,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 			shadowColor: true
 		}, textColors), {}, { outlineColor: true })
 	};
-	nonAnimatableViewProps = {
+	nonAnimatableViewProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridProps), {}, {
 		alignContent: true,
 		alignItems: true,
 		alignSelf: true,
@@ -12508,7 +12611,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 		outlineStyle: true,
 		overflow: true,
 		position: true
-	};
+	});
 	nonAnimatableFontProps = {
 		fontFamily: true,
 		fontStyle: true,
@@ -12523,12 +12626,10 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 	};
 	nonAnimatableUnitlessProps = {
 		WebkitLineClamp: true,
-		lineClamp: true,
-		gridTemplateColumns: true,
-		gridTemplateAreas: true
+		lineClamp: true
 	};
 	nonAnimatableStyleProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableViewProps), nonAnimatableFontProps), nonAnimatableTextOnlyProps), nonAnimatableUnitlessProps);
-	stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), {}, {
+	stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), gridUnitless), {}, {
 		animationIterationCount: true,
 		aspectRatio: true,
 		borderImageOutset: true,
@@ -12542,14 +12643,6 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 		flexShrink: true,
 		flexNegative: true,
 		fontWeight: true,
-		gridRow: true,
-		gridRowEnd: true,
-		gridRowGap: true,
-		gridRowStart: true,
-		gridColumn: true,
-		gridColumnEnd: true,
-		gridColumnGap: true,
-		gridColumnStart: true,
 		opacity: true,
 		order: true,
 		orphans: true,
@@ -12693,83 +12786,6 @@ var init_withStaticProperties_native = require_objectSpread2.__esmMin((() => {
 	};
 }));
 //#endregion
-//#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
-var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
-var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
-	require_objectSpread2.init_objectSpread2();
-	nonAnimatableWebViewProps = {
-		backgroundAttachment: true,
-		backgroundBlendMode: true,
-		backgroundClip: true,
-		backgroundOrigin: true,
-		backgroundRepeat: true,
-		borderBottomStyle: true,
-		borderLeftStyle: true,
-		borderRightStyle: true,
-		borderTopStyle: true,
-		contain: true,
-		containerType: true,
-		content: true,
-		float: true,
-		maskBorderMode: true,
-		maskBorderRepeat: true,
-		maskClip: true,
-		maskComposite: true,
-		maskMode: true,
-		maskOrigin: true,
-		maskRepeat: true,
-		maskType: true,
-		objectFit: true,
-		overflowBlock: true,
-		overflowInline: true,
-		overflowX: true,
-		overflowY: true,
-		pointerEvents: true,
-		scrollbarWidth: true,
-		textWrap: true,
-		touchAction: true,
-		transformStyle: true,
-		willChange: true
-	};
-	nonAnimatableWebTextProps = {
-		whiteSpace: true,
-		wordWrap: true,
-		textOverflow: true,
-		WebkitBoxOrient: true
-	};
-	webOnlyStylePropsView = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebViewProps), {}, {
-		transition: true,
-		backdropFilter: true,
-		WebkitBackdropFilter: true,
-		background: true,
-		borderTop: true,
-		borderRight: true,
-		borderBottom: true,
-		borderLeft: true,
-		backgroundPosition: true,
-		backgroundSize: true,
-		borderImage: true,
-		caretColor: true,
-		clipPath: true,
-		mask: true,
-		maskBorder: true,
-		maskBorderOutset: true,
-		maskBorderSlice: true,
-		maskBorderSource: true,
-		maskBorderWidth: true,
-		maskImage: true,
-		maskPosition: true,
-		maskSize: true,
-		objectPosition: true,
-		textEmphasis: true,
-		userSelect: true
-	});
-	webOnlyStylePropsText = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebTextProps), {}, {
-		textDecorationDistance: true,
-		WebkitLineClamp: true
-	});
-}));
-//#endregion
 //#region ../../core/helpers/dist/esm/index.native.js
 var init_index_native$5 = require_objectSpread2.__esmMin((() => {
 	init_index_native$6();
@@ -14498,6 +14514,10 @@ function expandStyle(key, value) {
 		case "position":
 			if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
 			return;
+		case "display":
+			if (value === "inline-grid") return [["display", "grid"]];
+			if (value === "list-item") return [["display", "flex"]];
+			return;
 		case "backgroundImage": return [["experimental_backgroundImage", value]];
 		case "border":
 			if (typeof value === "string") {
@@ -27809,7 +27829,7 @@ var Separator = styledExport(View, {
 	name: "Separator",
 	variants: {
 		unstyled: { false: {
-			borderColor: "$backgroundFocus",
+			borderColor: "$borderColor",
 			flexShrink: 0,
 			borderWidth: 0,
 			flex: 1,
@@ -35885,6 +35905,8 @@ exports.getVariable = getVariable;
 exports.getVariableName = getVariableName;
 exports.getVariableValue = getVariableValue;
 exports.getWebElement = getWebElement;
+exports.gridProps = gridProps;
+exports.gridUnitless = gridUnitless;
 exports.hasOpenPopovers = hasOpenPopovers;
 exports.inputSizeVariant = inputSizeVariant;
 exports.insertFont = insertFont;

package/dist/test.cjs

@@ -12585,10 +12585,113 @@ var init_shouldRenderNativePlatform_native = require_objectSpread2.__esmMin((()
 	];
 }));
 //#endregion
+//#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
+var gridTracks, gridUnitless, gridProps, nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
+var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
+	require_objectSpread2.init_objectSpread2();
+	gridTracks = {
+		gridAutoColumns: true,
+		gridAutoRows: true,
+		gridTemplateColumns: true,
+		gridTemplateRows: true
+	};
+	gridUnitless = {
+		grid: true,
+		gridArea: true,
+		gridAutoFlow: true,
+		gridColumn: true,
+		gridColumnEnd: true,
+		gridColumnStart: true,
+		gridRow: true,
+		gridRowEnd: true,
+		gridRowStart: true,
+		gridTemplate: true,
+		gridTemplateAreas: true,
+		justifyItems: true,
+		justifySelf: true,
+		placeContent: true,
+		placeItems: true,
+		placeSelf: true
+	};
+	gridProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridTracks), gridUnitless);
+	nonAnimatableWebViewProps = {
+		backgroundAttachment: true,
+		backgroundBlendMode: true,
+		backgroundClip: true,
+		backgroundOrigin: true,
+		backgroundRepeat: true,
+		borderBottomStyle: true,
+		borderLeftStyle: true,
+		borderRightStyle: true,
+		borderTopStyle: true,
+		contain: true,
+		containerType: true,
+		content: true,
+		float: true,
+		maskBorderMode: true,
+		maskBorderRepeat: true,
+		maskClip: true,
+		maskComposite: true,
+		maskMode: true,
+		maskOrigin: true,
+		maskRepeat: true,
+		maskType: true,
+		objectFit: true,
+		overflowBlock: true,
+		overflowInline: true,
+		overflowX: true,
+		overflowY: true,
+		pointerEvents: true,
+		scrollbarWidth: true,
+		textWrap: true,
+		touchAction: true,
+		transformStyle: true,
+		willChange: true
+	};
+	nonAnimatableWebTextProps = {
+		whiteSpace: true,
+		wordWrap: true,
+		textOverflow: true,
+		WebkitBoxOrient: true
+	};
+	webOnlyStylePropsView = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebViewProps), {}, {
+		transition: true,
+		backdropFilter: true,
+		WebkitBackdropFilter: true,
+		background: true,
+		borderTop: true,
+		borderRight: true,
+		borderBottom: true,
+		borderLeft: true,
+		backgroundPosition: true,
+		backgroundSize: true,
+		borderImage: true,
+		caretColor: true,
+		clipPath: true,
+		mask: true,
+		maskBorder: true,
+		maskBorderOutset: true,
+		maskBorderSlice: true,
+		maskBorderSource: true,
+		maskBorderWidth: true,
+		maskImage: true,
+		maskPosition: true,
+		maskSize: true,
+		objectPosition: true,
+		textEmphasis: true,
+		userSelect: true
+	});
+	webOnlyStylePropsText = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebTextProps), {}, {
+		textDecorationDistance: true,
+		WebkitLineClamp: true
+	});
+}));
+//#endregion
 //#region ../../core/helpers/dist/esm/validStyleProps.native.js
 var cssShorthandLonghands, textColors, tokenCategories, nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, nonAnimatableStyleProps, stylePropsUnitless, stylePropsTransform, stylePropsView, stylePropsTextOnly, stylePropsText, stylePropsAll, validPseudoKeys, validStyles;
 var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 	init_index_native$7();
+	init_webOnlyStyleProps_native();
 	require_objectSpread2.init_objectSpread2();
 	cssShorthandLonghands = {
 		borderWidth: true,
@@ -12661,7 +12764,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 			shadowColor: true
 		}, textColors), {}, { outlineColor: true })
 	};
-	nonAnimatableViewProps = {
+	nonAnimatableViewProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridProps), {}, {
 		alignContent: true,
 		alignItems: true,
 		alignSelf: true,
@@ -12686,7 +12789,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 		outlineStyle: true,
 		overflow: true,
 		position: true
-	};
+	});
 	nonAnimatableFontProps = {
 		fontFamily: true,
 		fontStyle: true,
@@ -12701,12 +12804,10 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 	};
 	nonAnimatableUnitlessProps = {
 		WebkitLineClamp: true,
-		lineClamp: true,
-		gridTemplateColumns: true,
-		gridTemplateAreas: true
+		lineClamp: true
 	};
 	nonAnimatableStyleProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableViewProps), nonAnimatableFontProps), nonAnimatableTextOnlyProps), nonAnimatableUnitlessProps);
-	stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), {}, {
+	stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), gridUnitless), {}, {
 		animationIterationCount: true,
 		aspectRatio: true,
 		borderImageOutset: true,
@@ -12720,14 +12821,6 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
 		flexShrink: true,
 		flexNegative: true,
 		fontWeight: true,
-		gridRow: true,
-		gridRowEnd: true,
-		gridRowGap: true,
-		gridRowStart: true,
-		gridColumn: true,
-		gridColumnEnd: true,
-		gridColumnGap: true,
-		gridColumnStart: true,
 		opacity: true,
 		order: true,
 		orphans: true,
@@ -12871,83 +12964,6 @@ var init_withStaticProperties_native = require_objectSpread2.__esmMin((() => {
 	};
 }));
 //#endregion
-//#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
-var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
-var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
-	require_objectSpread2.init_objectSpread2();
-	nonAnimatableWebViewProps = {
-		backgroundAttachment: true,
-		backgroundBlendMode: true,
-		backgroundClip: true,
-		backgroundOrigin: true,
-		backgroundRepeat: true,
-		borderBottomStyle: true,
-		borderLeftStyle: true,
-		borderRightStyle: true,
-		borderTopStyle: true,
-		contain: true,
-		containerType: true,
-		content: true,
-		float: true,
-		maskBorderMode: true,
-		maskBorderRepeat: true,
-		maskClip: true,
-		maskComposite: true,
-		maskMode: true,
-		maskOrigin: true,
-		maskRepeat: true,
-		maskType: true,
-		objectFit: true,
-		overflowBlock: true,
-		overflowInline: true,
-		overflowX: true,
-		overflowY: true,
-		pointerEvents: true,
-		scrollbarWidth: true,
-		textWrap: true,
-		touchAction: true,
-		transformStyle: true,
-		willChange: true
-	};
-	nonAnimatableWebTextProps = {
-		whiteSpace: true,
-		wordWrap: true,
-		textOverflow: true,
-		WebkitBoxOrient: true
-	};
-	webOnlyStylePropsView = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebViewProps), {}, {
-		transition: true,
-		backdropFilter: true,
-		WebkitBackdropFilter: true,
-		background: true,
-		borderTop: true,
-		borderRight: true,
-		borderBottom: true,
-		borderLeft: true,
-		backgroundPosition: true,
-		backgroundSize: true,
-		borderImage: true,
-		caretColor: true,
-		clipPath: true,
-		mask: true,
-		maskBorder: true,
-		maskBorderOutset: true,
-		maskBorderSlice: true,
-		maskBorderSource: true,
-		maskBorderWidth: true,
-		maskImage: true,
-		maskPosition: true,
-		maskSize: true,
-		objectPosition: true,
-		textEmphasis: true,
-		userSelect: true
-	});
-	webOnlyStylePropsText = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableWebTextProps), {}, {
-		textDecorationDistance: true,
-		WebkitLineClamp: true
-	});
-}));
-//#endregion
 //#region ../../core/helpers/dist/esm/index.native.js
 var init_index_native$5 = require_objectSpread2.__esmMin((() => {
 	init_index_native$6();
@@ -14676,6 +14692,10 @@ function expandStyle(key, value) {
 		case "position":
 			if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
 			return;
+		case "display":
+			if (value === "inline-grid") return [["display", "grid"]];
+			if (value === "list-item") return [["display", "flex"]];
+			return;
 		case "backgroundImage": return [["experimental_backgroundImage", value]];
 		case "border":
 			if (typeof value === "string") {
@@ -27876,7 +27896,7 @@ var Separator = styledExport(View, {
 	name: "Separator",
 	variants: {
 		unstyled: { false: {
-			borderColor: "$backgroundFocus",
+			borderColor: "$borderColor",
 			flexShrink: 0,
 			borderWidth: 0,
 			flex: 1,
@@ -35952,6 +35972,8 @@ exports.getVariable = getVariable;
 exports.getVariableName = getVariableName;
 exports.getVariableValue = getVariableValue;
 exports.getWebElement = getWebElement;
+exports.gridProps = gridProps;
+exports.gridUnitless = gridUnitless;
 exports.hasOpenPopovers = hasOpenPopovers;
 exports.inputSizeVariant = inputSizeVariant;
 exports.insertFont = insertFont;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/gui",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
   "repository": {
@@ -101,74 +101,74 @@
     "test": "node --test css-check.test.mjs"
   },
   "dependencies": {
-    "@hanzogui/accordion": "8.2.0",
-    "@hanzogui/adapt": "8.2.0",
-    "@hanzogui/alert-dialog": "8.2.0",
-    "@hanzogui/animate": "8.2.0",
-    "@hanzogui/animate-presence": "8.2.0",
-    "@hanzogui/avatar": "8.2.0",
-    "@hanzogui/button": "8.2.0",
-    "@hanzogui/card": "8.2.0",
-    "@hanzogui/checkbox": "8.2.0",
-    "@hanzogui/collapsible": "8.2.0",
-    "@hanzogui/component-helpers": "8.2.0",
-    "@hanzogui/compose-refs": "8.2.0",
-    "@hanzogui/constants": "8.2.0",
-    "@hanzogui/context-menu": "8.2.0",
-    "@hanzogui/core": "8.2.0",
-    "@hanzogui/create-context": "8.2.0",
-    "@hanzogui/create-menu": "8.2.0",
-    "@hanzogui/dialog": "8.2.0",
-    "@hanzogui/element": "8.2.0",
-    "@hanzogui/elements": "8.2.0",
-    "@hanzogui/fake-react-native": "8.2.0",
-    "@hanzogui/focusable": "8.2.0",
-    "@hanzogui/font-size": "8.2.0",
-    "@hanzogui/form": "8.2.0",
-    "@hanzogui/get-button-sized": "8.2.0",
-    "@hanzogui/get-font-sized": "8.2.0",
-    "@hanzogui/get-token": "8.2.0",
-    "@hanzogui/group": "8.2.0",
-    "@hanzogui/image": "8.2.0",
-    "@hanzogui/input": "8.2.0",
-    "@hanzogui/label": "8.2.0",
-    "@hanzogui/linear-gradient": "8.2.0",
-    "@hanzogui/list-item": "8.2.0",
-    "@hanzogui/menu": "8.2.0",
-    "@hanzogui/polyfill-dev": "8.2.0",
-    "@hanzogui/popover": "8.2.0",
-    "@hanzogui/popper": "8.2.0",
-    "@hanzogui/portal": "8.2.0",
-    "@hanzogui/progress": "8.2.0",
-    "@hanzogui/radio-group": "8.2.0",
-    "@hanzogui/react-native-media-driver": "8.2.0",
-    "@hanzogui/scroll-view": "8.2.0",
-    "@hanzogui/select": "8.2.0",
-    "@hanzogui/separator": "8.2.0",
-    "@hanzogui/shapes": "8.2.0",
-    "@hanzogui/sheet": "8.2.0",
-    "@hanzogui/slider": "8.2.0",
-    "@hanzogui/spacer": "8.2.0",
-    "@hanzogui/spinner": "8.2.0",
-    "@hanzogui/stacks": "8.2.0",
-    "@hanzogui/switch": "8.2.0",
-    "@hanzogui/tabs": "8.2.0",
-    "@hanzogui/telemetry": "8.2.0",
-    "@hanzogui/text": "8.2.0",
-    "@hanzogui/theme": "8.2.0",
-    "@hanzogui/toast": "8.2.0",
-    "@hanzogui/toggle-group": "8.2.0",
-    "@hanzogui/tooltip": "8.2.0",
-    "@hanzogui/use-controllable-state": "8.2.0",
-    "@hanzogui/use-debounce": "8.2.0",
-    "@hanzogui/use-force-update": "8.2.0",
-    "@hanzogui/use-window-dimensions": "8.2.0",
-    "@hanzogui/visually-hidden": "8.2.0",
-    "@hanzogui/web": "8.2.0",
-    "@hanzogui/z-index-stack": "8.2.0"
+    "@hanzogui/accordion": "8.3.0",
+    "@hanzogui/adapt": "8.3.0",
+    "@hanzogui/alert-dialog": "8.3.0",
+    "@hanzogui/animate": "8.3.0",
+    "@hanzogui/animate-presence": "8.3.0",
+    "@hanzogui/avatar": "8.3.0",
+    "@hanzogui/button": "8.3.0",
+    "@hanzogui/card": "8.3.0",
+    "@hanzogui/checkbox": "8.3.0",
+    "@hanzogui/collapsible": "8.3.0",
+    "@hanzogui/component-helpers": "8.3.0",
+    "@hanzogui/compose-refs": "8.3.0",
+    "@hanzogui/constants": "8.3.0",
+    "@hanzogui/context-menu": "8.3.0",
+    "@hanzogui/core": "8.3.0",
+    "@hanzogui/create-context": "8.3.0",
+    "@hanzogui/create-menu": "8.3.0",
+    "@hanzogui/dialog": "8.3.0",
+    "@hanzogui/element": "8.3.0",
+    "@hanzogui/elements": "8.3.0",
+    "@hanzogui/fake-react-native": "8.3.0",
+    "@hanzogui/focusable": "8.3.0",
+    "@hanzogui/font-size": "8.3.0",
+    "@hanzogui/form": "8.3.0",
+    "@hanzogui/get-button-sized": "8.3.0",
+    "@hanzogui/get-font-sized": "8.3.0",
+    "@hanzogui/get-token": "8.3.0",
+    "@hanzogui/group": "8.3.0",
+    "@hanzogui/image": "8.3.0",
+    "@hanzogui/input": "8.3.0",
+    "@hanzogui/label": "8.3.0",
+    "@hanzogui/linear-gradient": "8.3.0",
+    "@hanzogui/list-item": "8.3.0",
+    "@hanzogui/menu": "8.3.0",
+    "@hanzogui/polyfill-dev": "8.3.0",
+    "@hanzogui/popover": "8.3.0",
+    "@hanzogui/popper": "8.3.0",
+    "@hanzogui/portal": "8.3.0",
+    "@hanzogui/progress": "8.3.0",
+    "@hanzogui/radio-group": "8.3.0",
+    "@hanzogui/react-native-media-driver": "8.3.0",
+    "@hanzogui/scroll-view": "8.3.0",
+    "@hanzogui/select": "8.3.0",
+    "@hanzogui/separator": "8.3.0",
+    "@hanzogui/shapes": "8.3.0",
+    "@hanzogui/sheet": "8.3.0",
+    "@hanzogui/slider": "8.3.0",
+    "@hanzogui/spacer": "8.3.0",
+    "@hanzogui/spinner": "8.3.0",
+    "@hanzogui/stacks": "8.3.0",
+    "@hanzogui/switch": "8.3.0",
+    "@hanzogui/tabs": "8.3.0",
+    "@hanzogui/telemetry": "8.3.0",
+    "@hanzogui/text": "8.3.0",
+    "@hanzogui/theme": "8.3.0",
+    "@hanzogui/toast": "8.3.0",
+    "@hanzogui/toggle-group": "8.3.0",
+    "@hanzogui/tooltip": "8.3.0",
+    "@hanzogui/use-controllable-state": "8.3.0",
+    "@hanzogui/use-debounce": "8.3.0",
+    "@hanzogui/use-force-update": "8.3.0",
+    "@hanzogui/use-window-dimensions": "8.3.0",
+    "@hanzogui/visually-hidden": "8.3.0",
+    "@hanzogui/web": "8.3.0",
+    "@hanzogui/z-index-stack": "8.3.0"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.2.0",
+    "@hanzogui/build": "8.3.0",
     "react": ">=19",
     "react-native": "0.83.2",
     "react-native-web": "^0.21.0"