@optiaxiom/react 3.4.2 → 3.5.0

package/dist/esm/packages/react/src/dialog/DialogContent.js

@@ -3,12 +3,12 @@ import { useSurface } from "../surface/useSurface.js";
 import { onReactSelectInputBlur } from "../utils/onReactSelectInputBlur.js";
 import { Transition } from "../transition/Transition.js";
 import { TransitionGroup } from "../transition/TransitionGroup.js";
-import { Portal } from "../portal/Portal.js";
 import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
 import { FocusBookmarkProvider } from "../focus-bookmark/FocusBookmarkProvider.js";
 import { useDialogContext } from "./DialogContext.js";
 import { Backdrop } from "../backdrop/Backdrop.js";
 import { Paper } from "../paper/Paper.js";
+import { Portal } from "../portal/Portal.js";
 import { backdrop, content, nestedDialogCountVar } from "./DialogContent-css.js";
 import { DialogContentImpl } from "./DialogContentImpl.js";
 import { forwardRef, useContext, useEffect, useRef } from "react";

package/dist/esm/packages/react/src/dialog/DialogFooter-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DialogFooter.css.ts.vanilla-Cx0zt7cp.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/DialogFooter.css.ts.vanilla-DJ2ZMduP.css";
 //#region src/dialog/DialogFooter.css.ts
 var footer = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -10,6 +10,6 @@ var footer = recipeRuntime({ base: [{
 	justifyContent: "flex-end",
 	px: "24",
 	py: "20"
-}, "wkm5wo"] });
+}, "ttqcwl"] });
 //#endregion
 export { footer };

package/dist/esm/packages/react/src/dialog/DialogFooter.js

@@ -1,6 +1,6 @@
 "use client";
-import { Group } from "../group/Group.js";
 import { ButtonProvider } from "../button/ButtonContext.js";
+import { Group } from "../group/Group.js";
 import { useDialogContext } from "./DialogContext.js";
 import { footer } from "./DialogFooter-css.js";
 import { forwardRef } from "react";

package/dist/esm/packages/react/src/dialog/DialogHeader-css.js

@@ -1,15 +1,15 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DialogHeader.css.ts.vanilla-CiOqiyNO.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/DialogHeader.css.ts.vanilla-mM4mjOHM.css";
 //#region src/dialog/DialogHeader.css.ts
-var actions = recipeRuntime({ base: [{ gap: "8" }, "vw3l06"] });
-var close = recipeRuntime({ base: ["_1snm3ka"] });
+var actions = recipeRuntime({ base: [{ gap: "8" }, "_2sn30k"] });
+var close = recipeRuntime({ base: ["lf0z3z"] });
 var description = recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "_18l09m9"] });
+}, "_5znmjo"] });
 var header = recipeRuntime({ base: [{
 	alignItems: "center",
 	bg: "bg.default",
@@ -19,10 +19,10 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_1ryo5t3"] });
+}, "hxy15w"] });
 var title = recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_1yliktl"] });
+}, "_8jhsm7"] });
 //#endregion
 export { actions, close, description, header, title };

package/dist/esm/packages/react/src/dialog/DialogHeader.js

@@ -1,13 +1,13 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { useDialogContext } from "./DialogContext.js";
 import { DialogClose } from "./DialogClose.js";
 import { Heading } from "../heading/Heading.js";
 import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { actions, close, description, header, title } from "./DialogHeader-css.js";
-import { IconXmark } from "@optiaxiom/icons";
+import { IconXmark } from "@optiaxiom/icons/IconXmark";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DisclosureContent.css.ts.vanilla-h9upXS6x.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/DisclosureContent.css.ts.vanilla-BO_VivM3.css";
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = recipeRuntime({ base: ["xgpq4l"] });
+var inner = recipeRuntime({ base: ["hd6suc"] });
 var outer = recipeRuntime({
-	base: [{ display: "grid" }, "_1iyyetl"],
+	base: [{ display: "grid" }, "j9mysk"],
 	variants: { scale: {
-		false: "wb20wp",
+		false: "_16l25zw",
 		true: {}
 	} }
 });

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-5wGV3utD.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/DisclosureTrigger.css.ts.vanilla-DfFrqE-k.css";
 //#region src/disclosure/DisclosureTrigger.css.ts
 var icon = recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "_1a2vp1w"] });
+}, "_1w6it7z"] });
 var root = recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "ufb4g"] });
+}, "sddl06"] });
 var trigger = recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -20,6 +20,6 @@ var trigger = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "_1uifjj4"] });
+}, "_1jb1pt3"] });
 //#endregion
 export { icon, root, trigger };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger.js

@@ -4,10 +4,10 @@ import { Group } from "../group/Group.js";
 import { Cover } from "../cover/Cover.js";
 import { useDisclosureContext } from "./DisclosureContext.js";
 import { icon, root, trigger } from "./DisclosureTrigger-css.js";
-import { IconChevronRight } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
 import * as RadixCollapsible from "@radix-ui/react-collapsible";
 //#region src/disclosure/DisclosureTrigger.tsx
 const Slot = createSlot("@optiaxiom/react/DisclosureTrigger");

package/dist/esm/packages/react/src/dropdown-menu/DropdownMenuSubTrigger.js

@@ -1,8 +1,8 @@
 "use client";
 import { ListboxItem } from "../listbox/ListboxItem.js";
-import { IconChevronRight } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { IconChevronRight } from "@optiaxiom/icons/IconChevronRight";
 import * as RadixMenu from "@radix-ui/react-dropdown-menu";
 //#region src/dropdown-menu/DropdownMenuSubTrigger.tsx
 /**

package/dist/esm/packages/react/src/ellipsis-menu-button/EllipsisMenuButton.js

@@ -1,8 +1,8 @@
 "use client";
 import { Button } from "../button/Button.js";
-import { IconEllipsisStroke } from "@optiaxiom/icons";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
+import { IconEllipsisStroke } from "@optiaxiom/icons/IconEllipsisStroke";
 //#region src/ellipsis-menu-button/EllipsisMenuButton.tsx
 /**
 * Button with ellipsis icon for opening overflow menus and dropdowns.

package/dist/esm/packages/react/src/field/Field.js

@@ -1,14 +1,14 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
+import { Group } from "../group/Group.js";
 import { FieldProvider } from "./FieldContext.js";
 import { SuggestionAlert } from "../suggestion/SuggestionAlert.js";
 import { FieldLabel } from "./FieldLabel.js";
-import { IconTriangleExclamation } from "@optiaxiom/icons";
+import { IconTriangleExclamation } from "@optiaxiom/icons/IconTriangleExclamation";
+import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/field/Field.tsx
 /**
 * Wrapper for inputs to provide context such as label/help/required etc.
@@ -17,10 +17,10 @@ import { useId as useId$1 } from "@radix-ui/react-id";
 * @since 0.1.0
 */
 const Field = forwardRef(({ children, description, error, info, inputId: inputIdProp, label, labelId: labelIdProp, required, ...props }, ref) => {
-	const inputId = useId$1(inputIdProp);
-	const descriptionId = useId$1();
-	const errorId = useId$1();
-	const labelId = useId$1(labelIdProp);
+	const inputId = useId(inputIdProp);
+	const descriptionId = useId();
+	const errorId = useId();
+	const labelId = useId(labelIdProp);
 	return /* @__PURE__ */ jsxs(Group, {
 		flexDirection: "column",
 		gap: "4",

package/dist/esm/packages/react/src/field/FieldLabel.js

@@ -1,22 +1,22 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Button } from "../button/Button.js";
-import { Tooltip } from "../tooltip/Tooltip.js";
 import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
-import { IconCircleQuestion } from "@optiaxiom/icons";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useId as useId$1 } from "@radix-ui/react-id";
+import { IconCircleQuestion } from "@optiaxiom/icons/IconCircleQuestion";
 import * as RadixLabel from "@radix-ui/react-label";
 //#region src/field/FieldLabel.tsx
 /**
 * @group Field
 */
 const FieldLabel = forwardRef(({ children, info, inputId: inputIdProp, labelId: labelIdProp, required, ...props }, ref) => {
-	const inputId = useId$1(inputIdProp);
-	const labelId = useId$1(labelIdProp);
+	const inputId = useId(inputIdProp);
+	const labelId = useId(labelIdProp);
 	return /* @__PURE__ */ jsxs(Group, {
 		gap: "4",
 		ref,

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,11 +1,11 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/FileUpload.css.ts.vanilla-vrUxRp7q.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/FileUpload.css.ts.vanilla-IUm_ntn9.css";
 //#region src/file-upload/FileUpload.css.ts
 var upload = recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_16ukm37"] });
+}, "_7av555"] });
 //#endregion
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-sHlHwXl1.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/FileUploadDropzone.css.ts.vanilla-LlB3XXVy.css";
 //#region src/file-upload/FileUploadDropzone.css.ts
 var dropzone = recipeRuntime({
 	base: [{
@@ -13,19 +13,19 @@ var dropzone = recipeRuntime({
 		rounded: "md",
 		textAlign: "center",
 		transition: "colors"
-	}, "_9pryvt"],
+	}, "_1ydkqlj"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_1syv3mu"]
+			true: ["_1p807u6"]
 		},
 		hidden: {
-			false: "_6kck33",
-			true: "_1qvuvbu"
+			false: "_1grc3f7",
+			true: "_1in3nza"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_9cgn8p"]
+			true: [{ z: "10" }, "_64tew6"]
 		}
 	}
 });
@@ -37,7 +37,7 @@ var label = recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "io0fcv"
+		true: "_11bdd1m"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone.js

@@ -1,7 +1,7 @@
 "use client";
-import { Group } from "../group/Group.js";
 import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { useFileUploadContext } from "./FileUploadContext.js";
 import { dropzone, label } from "./FileUploadDropzone-css.js";
@@ -11,10 +11,10 @@ import { useDraggingOverBody } from "./useDraggingOverBody.js";
 import { useFileUploadDragging } from "./useFileUploadDragging.js";
 import { useFileUploadDrop } from "./useFileUploadDrop.js";
 import { useStickyPosition } from "./useStickyPosition.js";
-import { IconUpload } from "@optiaxiom/icons";
 import { forwardRef, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { IconUpload } from "@optiaxiom/icons/IconUpload";
 //#region src/file-upload/FileUploadDropzone.tsx
 /**
 * @group FileUpload

package/dist/esm/packages/react/src/file-upload/FileUploadListItem-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/FileUploadListItem.css.ts.vanilla-Blqjo7Fh.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/FileUploadListItem.css.ts.vanilla-DaUobkrm.css";
 //#region src/file-upload/FileUploadListItem.css.ts
 var item = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -10,10 +10,10 @@ var item = recipeRuntime({ base: [{
 	p: "6",
 	rounded: "md",
 	transition: "colors"
-}, "_1ym8jz5"] });
+}, "q3dyhh"] });
 var name = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_1eh0rs9"] });
+}, "_1bp2p50"] });
 //#endregion
 export { item, name };

package/dist/esm/packages/react/src/file-upload/FileUploadListItem.js

@@ -1,16 +1,18 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Group } from "../group/Group.js";
 import { Icon } from "../icon/Icon.js";
 import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
 import { Spinner } from "../spinner/Spinner.js";
 import { Button } from "../button/Button.js";
 import { Cover } from "../cover/Cover.js";
 import { Flex } from "../flex/Flex.js";
 import { item, name } from "./FileUploadListItem-css.js";
-import { IconCircleExclamation, IconFile, IconTrashCan } from "@optiaxiom/icons";
+import { IconCircleExclamation } from "@optiaxiom/icons/IconCircleExclamation";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconFile } from "@optiaxiom/icons/IconFile";
+import { IconTrashCan } from "@optiaxiom/icons/IconTrashCan";
 //#region src/file-upload/FileUploadListItem.tsx
 function downloadFile(file) {
 	const url = URL.createObjectURL(file);

package/dist/esm/packages/react/src/heading/Heading-css.js

@@ -1,20 +1,20 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Heading.css.ts.vanilla-Bz-YGr_Z.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Heading.css.ts.vanilla-CSAdBFKt.css";
 //#region src/heading/Heading.css.ts
 var heading = recipeRuntime({
 	base: { fontFamily: "heading" },
 	variants: {
 		level: {
-			"1": "_1sljve3",
-			"2": "srt0uv",
-			"3": "jq41g",
-			"4": "_2hb4xm"
+			"1": "cixemh",
+			"2": "_2qhtg1",
+			"3": "mry3v8",
+			"4": "rzstn1"
 		},
 		tracking: {
-			wide: "kua685",
-			wider: "_4uhbhy",
-			widest: "a4h2f4"
+			wide: "_1lxo0he",
+			wider: "_3ajeme",
+			widest: "gwyc2x"
 		}
 	}
 });

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Highlight.css.ts.vanilla-B_9kz8Fu.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Highlight.css.ts.vanilla-D22ta3Cp.css";
 //#region src/highlight/Highlight.css.ts
-var mark = recipeRuntime({ base: "_12bozja" });
+var mark = recipeRuntime({ base: "_1ljt77j" });
 //#endregion
 export { mark };

package/dist/esm/packages/react/src/hover-card/HoverCardContent.js

@@ -1,8 +1,8 @@
 "use client";
 import { Transition } from "../transition/Transition.js";
 import { TransitionGroup } from "../transition/TransitionGroup.js";
-import { Portal } from "../portal/Portal.js";
 import { Paper } from "../paper/Paper.js";
+import { Portal } from "../portal/Portal.js";
 import { useHoverCardContext } from "./HoverCardContext.js";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-DtboGivL.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/HoverCardTrigger.css.ts.vanilla-BfFlamAk.css";
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger = recipeRuntime({ base: "zyby9c" });
+var trigger = recipeRuntime({ base: "icfh9u" });
 //#endregion
 export { trigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Icon.css.ts.vanilla-DWgU84m3.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Icon.css.ts.vanilla-BlwfGaoI.css";
 //#region src/icon/Icon.css.ts
-var icon = recipeRuntime({ base: [{ flex: "none" }, "_1c5dxzt"] });
+var icon = recipeRuntime({ base: [{ flex: "none" }, "_171izfn"] });
 //#endregion
 export { icon };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Indicator.css.ts.vanilla-CnE4Hbc_.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Indicator.css.ts.vanilla-a0OAYSX3.css";
 //#region src/indicator/Indicator.css.ts
 var badge = recipeRuntime({
-	base: "pt6uk",
+	base: "e1446z",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "_1jd2an9"]
+			}, "_1bjc4yj"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_1xpjy04"]
+			}, "_179nldz"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1oobo8x"],
+	}, "_6ii4md"],
 	variants: {
 		offset: {
-			false: "_1w7tqe",
+			false: "quk52o",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_17klkca",
-			"top-right": "_1hoggkl"
+			"bottom-right": "_11mckbo",
+			"top-right": "_1mobtf5"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "_190oj9z"] });
+}, "m3pd3g"] });
 //#endregion
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,14 +1,14 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/InlineInput.css.ts.vanilla-DrUj2j-d.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/InlineInput.css.ts.vanilla-BLlzQpIK.css";
 //#region src/inline-input/InlineInput.css.ts
 var editor = recipeRuntime({
-	base: "_1fzvdq7",
+	base: "_1b1okqi",
 	variants: { empty: {
 		false: {},
-		true: "_1e5ftx"
+		true: "_1fkw6vg"
 	} }
 });
-var input = recipeRuntime({ base: "fqg8yu" });
+var input = recipeRuntime({ base: "_51fhlo" });
 //#endregion
 export { editor, input };

package/dist/esm/packages/react/src/input/Input-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Input.css.ts.vanilla-DZZ3VKNE.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Input.css.ts.vanilla-Cll8WCAW.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "_17d9k92"] });
+var addon = recipeRuntime({ base: [{ flex: "none" }, "swmyf0"] });
 var input = recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },

package/dist/esm/packages/react/src/input/InputControl-css.js

@@ -1,22 +1,22 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-BCSTjllv.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-BSjxov69.css";
 //#region src/input/InputControl.css.ts
 var control = recipeRuntime({
 	base: [
-		"_15o3kw4",
+		"_951xwl",
 		{
 			bg: "transparent",
 			flex: "auto",
 			w: "full"
 		},
-		"j4dvcd",
-		"_14s4otn"
+		"g3es4w",
+		"_137d7in"
 	],
 	variants: { size: {
 		md: {},
 		lg: {},
-		xl: ["_189eavi"]
+		xl: ["_1m8ymbp"]
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/input/InputRoot-css.js

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
-import "./../../../../assets/InputControl.css.ts.vanilla-BCSTjllv.css";
-import "./../../../../assets/InputRoot.css.ts.vanilla-C9cr9RWF.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/InputControl.css.ts.vanilla-BSjxov69.css";
+import "./../../../../assets/InputRoot.css.ts.vanilla-WtT-f4kV.css";
 //#region src/input/InputRoot.css.ts
-var root = recipeRuntime({ base: [{ gap: "0" }, "vj683n"] });
+var root = recipeRuntime({ base: [{ gap: "0" }, "_1aob3nt"] });
 //#endregion
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/Kbd.css.ts.vanilla-BLa82brL.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/Kbd.css.ts.vanilla-BJA6jXtl.css";
 //#region src/kbd/Kbd.css.ts
 var kbd = recipeRuntime({ base: {
 	color: "fg.secondary",
@@ -23,7 +23,7 @@ var key = recipeRuntime({
 			borderB: "2",
 			borderColor: "border.secondary",
 			rounded: "sm"
-		}, "_1639izv"],
+		}, "hoe3jd"],
 		subtle: {}
 	} }
 });

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/layers.css.ts.vanilla-BFWK0cT2.css";
-import "./../../../../assets/ToggleInputHiddenInput.css.ts.vanilla-D-kshq_d.css";
-import "./../../../../assets/ButtonRoot.css.ts.vanilla-BozVCzxi.css";
-import "./../../../../assets/LabelMenuButton.css.ts.vanilla-Djc92tDU.css";
+import "./../../../../assets/layers.css.ts.vanilla-CTOkUrdE.css";
+import "./../../../../assets/ButtonGroup.css.ts.vanilla-Big2-ymt.css";
+import "./../../../../assets/ButtonRoot.css.ts.vanilla-BkvixQWK.css";
+import "./../../../../assets/LabelMenuButton.css.ts.vanilla-20B6z1wZ.css";
 //#region src/label-menu-button/LabelMenuButton.css.ts
-var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1pmhcat"] });
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "h5l4gg"] });
 var content = recipeRuntime({
 	base: [{
 		fontSize: "sm",