@optiaxiom/react 3.1.0 → 3.1.2

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter.js

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

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BFucxAm8.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BYAZ8vg8.css";
 //#region src/details-panel/DetailsPanelHeader.css.ts
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
@@ -8,6 +8,6 @@ var header = recipeRuntime({ base: [{
 	flexWrap: "wrap",
 	p: "16",
 	pb: "8"
-}, "_11bke44"] });
+}, "v3fi66"] });
 //#endregion
 export { header };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader.js

@@ -1,9 +1,9 @@
 "use client";
 import { Box } from "../box/Box.js";
+import { Group } from "../group/Group.js";
 import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { ButtonProvider } from "../button/ButtonContext.js";
 import { Text } from "../text/Text.js";
-import { Group } from "../group/Group.js";
 import { Heading } from "../heading/Heading.js";
 import { useDetailsPanelContext } from "./DetailsPanelContext.js";
 import { header } from "./DetailsPanelHeader-css.js";

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
 //#region src/dialog/DialogBody.css.ts
 var body = recipeRuntime({ base: [{
 	flex: "1",
@@ -10,6 +10,6 @@ var body = recipeRuntime({ base: [{
 	px: "24",
 	py: "16",
 	z: "0"
-}, "_1m88ki2"] });
+}, "nibojk"] });
 //#endregion
 export { body };

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

@@ -1,8 +1,8 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DFDX-xBj.css";
-import "./../../../../assets/src/dialog/DialogContent.css.ts.vanilla-CB1oYBka.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Beph4zQj.css";
+import "./../../../../assets/src/dialog/DialogContent.css.ts.vanilla-OCXPolbH.css";
 //#region src/dialog/DialogContent.css.ts
 var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 	backdrop: () => backdrop,
@@ -13,7 +13,7 @@ var DialogContent_css_exports = /* @__PURE__ */ __exportAll({
 });
 var backdrop = recipeRuntime({ variants: { hidden: {
 	false: {},
-	true: "_14ror3q"
+	true: "_1l4oge3"
 } } });
 var content = recipeRuntime({
 	base: [{
@@ -21,16 +21,16 @@ var content = recipeRuntime({
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto"
-	}, "wixoqi"],
+	}, "_1dp9nqh"],
 	variants: { size: {
-		sm: "_1atassz",
-		md: "_1ryhed4",
-		lg: "_1id9kiq",
-		fullscreen: "sr9ztn"
+		sm: "_160e9ht",
+		md: "_1io3x9g",
+		lg: "_1mo6nnt",
+		fullscreen: "s81g4"
 	} }
 });
-var nestedDialogCountVar = "var(--_1kziwg4)";
-var scrollPaddingBottomVar = "var(--_1wn9rpn)";
-var scrollPaddingTopVar = "var(--v0z4le)";
+var nestedDialogCountVar = "var(--mj4j0q)";
+var scrollPaddingBottomVar = "var(--xvbqql)";
+var scrollPaddingTopVar = "var(--_9kkwbn)";
 //#endregion
 export { DialogContent_css_exports, backdrop, content, nestedDialogCountVar };

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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-DemCluPf.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-elEtxVsn.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"
-}, "_1i91poa"] });
+}, "u3xj0p"] });
 //#endregion
 export { footer };

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

@@ -1,6 +1,6 @@
 "use client";
-import { ButtonProvider } from "../button/ButtonContext.js";
 import { Group } from "../group/Group.js";
+import { ButtonProvider } from "../button/ButtonContext.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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-B0uZiS1l.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-D_KGGdwZ.css";
 //#region src/dialog/DialogHeader.css.ts
-var actions = recipeRuntime({ base: [{ gap: "8" }, "gr0ed6"] });
-var close = recipeRuntime({ base: ["d253hz"] });
+var actions = recipeRuntime({ base: [{ gap: "8" }, "wbdq5k"] });
+var close = recipeRuntime({ base: ["s39887"] });
 var description = recipeRuntime({ base: [{
 	color: "fg.secondary",
 	fontSize: "md",
 	fontWeight: "400",
 	w: "full"
-}, "gqf4c"] });
+}, "_1bqngkb"] });
 var header = recipeRuntime({ base: [{
 	bg: "bg.default",
 	display: "flex",
@@ -18,10 +18,10 @@ var header = recipeRuntime({ base: [{
 	p: "24",
 	pb: "16",
 	z: "10"
-}, "_3kdhu8"] });
+}, "ad1exo"] });
 var title = recipeRuntime({ base: [{
 	flex: "1",
 	fontWeight: "600"
-}, "_6p4cz0"] });
+}, "uuc7zu"] });
 //#endregion
 export { actions, close, description, header, title };

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

@@ -1,7 +1,7 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { Text } from "../text/Text.js";
 import { Group } from "../group/Group.js";
+import { Text } from "../text/Text.js";
 import { useDialogContext } from "./DialogContext.js";
 import { DialogClose } from "./DialogClose.js";
 import { Heading } from "../heading/Heading.js";

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

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-D_PfIAX6.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-DMz06jeQ.css";
 //#region src/disclosure/DisclosureContent.css.ts
-var inner = recipeRuntime({ base: ["b3wrfv"] });
+var inner = recipeRuntime({ base: ["_1k2d1bp"] });
 var outer = recipeRuntime({
-	base: [{ display: "grid" }, "_15vmpad"],
+	base: [{ display: "grid" }, "_1p530qk"],
 	variants: { scale: {
-		false: "ng5xb0",
+		false: "_1dpcd8f",
 		true: {}
 	} }
 });

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

@@ -1,18 +1,18 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CagiGqRB.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-CMUaLQBQ.css";
 //#region src/disclosure/DisclosureTrigger.css.ts
 var icon = recipeRuntime({ base: [{
 	flex: "none",
 	size: "sm",
 	transition: "transform"
-}, "_14vvjq2"] });
+}, "_1a7vt3g"] });
 var root = recipeRuntime({ base: [{
 	fontSize: "md",
 	gap: "8",
 	py: "8",
 	transition: "colors"
-}, "wtgdse"] });
+}, "_1jh7x2o"] });
 var trigger = recipeRuntime({ base: [{
 	fontSize: "inherit",
 	fontWeight: "inherit",
@@ -20,6 +20,6 @@ var trigger = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start",
 	w: "full"
-}, "bcdf1d"] });
+}, "_4691jt"] });
 //#endregion
 export { icon, root, trigger };

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

@@ -1,14 +1,14 @@
 "use client";
 import { Box } from "../box/Box.js";
-import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { Group } from "../group/Group.js";
+import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { FieldProvider } from "./FieldContext.js";
 import { SuggestionAlert } from "../suggestion/SuggestionAlert.js";
 import { FieldLabel } from "./FieldLabel.js";
 import { IconTriangleExclamation } from "@optiaxiom/icons";
-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 { jsx, jsxs } from "react/jsx-runtime";
 * @since 0.1.0
 */
 const Field = forwardRef(({ children, description, error, info, inputId: inputIdProp, label, labelId: labelIdProp, required, ...props }, ref) => {
-	const inputId = useId(inputIdProp);
-	const descriptionId = useId();
-	const errorId = useId();
-	const labelId = useId(labelIdProp);
+	const inputId = useId$1(inputIdProp);
+	const descriptionId = useId$1();
+	const errorId = useId$1();
+	const labelId = useId$1(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 { Text } from "../text/Text.js";
 import { Group } from "../group/Group.js";
+import { Text } from "../text/Text.js";
 import { Button } from "../button/Button.js";
-import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { Tooltip } from "../tooltip/Tooltip.js";
+import { VisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 import { IconCircleQuestion } from "@optiaxiom/icons";
-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 * 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(inputIdProp);
-	const labelId = useId(labelIdProp);
+	const inputId = useId$1(inputIdProp);
+	const labelId = useId$1(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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-DaNvEyz1.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-aFGHJqkZ.css";
 //#region src/file-upload/FileUpload.css.ts
 var upload = recipeRuntime({ base: [{
 	color: "fg.default",
 	display: "flex",
 	flexDirection: "column"
-}, "_1t1nnam"] });
+}, "_1f93a5e"] });
 //#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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Dy8oB2Zp.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-CrTGkfeT.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"
-	}, "_1lw78xt"],
+	}, "_12v65zn"],
 	variants: {
 		drag: {
 			false: {},
-			true: ["_19ari5"]
+			true: ["ng7py7"]
 		},
 		hidden: {
-			false: "qffny0",
-			true: "_18zv6j5"
+			false: "nnsial",
+			true: "j7enof"
 		},
 		overlay: {
 			false: { flex: "1" },
-			true: [{ z: "10" }, "_1rcsrnz"]
+			true: [{ z: "10" }, "_1co9xj5"]
 		}
 	}
 });
@@ -37,7 +37,7 @@ var label = recipeRuntime({
 	}],
 	variants: { disabled: {
 		false: {},
-		true: "q8ihyl"
+		true: "wv1vnh"
 	} }
 });
 //#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";

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

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/file-upload/FileUploadListItem.css.ts.vanilla-Duso7-iL.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/file-upload/FileUploadListItem.css.ts.vanilla-wrqNdVAT.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"
-}, "b1bsru"] });
+}, "_10xnynr"] });
 var name = recipeRuntime({ base: [{
 	rounded: "md",
 	textAlign: "start"
-}, "_1xp4uzm"] });
+}, "_1ekeg57"] });
 //#endregion
 export { item, name };

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

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

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

@@ -0,0 +1,14 @@
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/heading/Heading.css.ts.vanilla-gGvfjmVf.css";
+//#region src/heading/Heading.css.ts
+var heading = recipeRuntime({
+	base: { fontFamily: "heading" },
+	variants: { tracking: {
+		wide: "xni8m6",
+		wider: "booge1",
+		widest: "_12akzfa"
+	} }
+});
+//#endregion
+export { heading };

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

@@ -1,5 +1,6 @@
 "use client";
 import { Text } from "../text/Text.js";
+import { heading } from "./Heading-css.js";
 import { forwardRef } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
@@ -19,15 +20,15 @@ const mapLevelToFontSize = {
 };
 const mapLevelToFontWeight = {
 	"1": "900",
-	"2": "900",
+	"2": "700",
 	"3": "600",
-	"4": "700"
+	"4": "600"
 };
-const mapLevelToFontFamily = {
-	"1": "heading",
-	"2": "heading",
-	"3": "heading",
-	"4": "sans"
+const mapLevelToTracking = {
+	"1": "wide",
+	"2": "wider",
+	"3": "wider",
+	"4": "widest"
 };
 /**
 * Renders semantic heading elements (h1-h4) for document structure and
@@ -53,15 +54,14 @@ const mapLevelToFontFamily = {
 * @since 0.1.0
 * @extends Text
 */
-const Heading = forwardRef(({ asChild, children, fontFamily, fontWeight, level = "1", ...props }, ref) => {
+const Heading = forwardRef(({ asChild, children, className, fontWeight, level = "1", ...props }, ref) => {
 	const Comp = asChild ? Slot : mapLevelToTag[level] ?? "h1";
-	const fontSize = mapLevelToFontSize[level] ?? "4xl";
 	return /* @__PURE__ */ jsx(Text, {
 		asChild: true,
-		fontFamily: fontFamily ?? mapLevelToFontFamily[level] ?? "heading",
-		fontSize,
+		fontSize: mapLevelToFontSize[level] ?? "4xl",
 		fontWeight: fontWeight ?? mapLevelToFontWeight[level] ?? "700",
 		ref,
+		...heading({ tracking: mapLevelToTracking[level] }, className),
 		...props,
 		children: /* @__PURE__ */ jsx(Comp, { children })
 	});

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

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/highlight/Highlight.css.ts.vanilla-CRiQbML8.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/highlight/Highlight.css.ts.vanilla-Dsb8pU7I.css";
 //#region src/highlight/Highlight.css.ts
-var mark = recipeRuntime({ base: "hb23o0" });
+var mark = recipeRuntime({ base: "_1r5sxwy" });
 //#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 { Paper } from "../paper/Paper.js";
 import { Portal } from "../portal/Portal.js";
+import { Paper } from "../paper/Paper.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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-DhTnfHZx.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-44b84jgu.css";
 //#region src/hover-card/HoverCardTrigger.css.ts
-var trigger = recipeRuntime({ base: "_9tyavm" });
+var trigger = recipeRuntime({ base: "ho1iyc" });
 //#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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/icon/Icon.css.ts.vanilla-QzBVCcDM.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/icon/Icon.css.ts.vanilla-B_sz0laE.css";
 //#region src/icon/Icon.css.ts
-var icon = recipeRuntime({ base: [{ flex: "none" }, "_1f5a8al"] });
+var icon = recipeRuntime({ base: [{ flex: "none" }, "yn2ug1"] });
 //#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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/indicator/Indicator.css.ts.vanilla-DZ-_F4Ai.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/indicator/Indicator.css.ts.vanilla-BcdI9ogU.css";
 //#region src/indicator/Indicator.css.ts
 var badge = recipeRuntime({
-	base: "_1cgsdrr",
+	base: "_3k76ux",
 	variants: {
 		offset: {
 			false: {
@@ -13,7 +13,7 @@ var badge = recipeRuntime({
 			true: [{
 				px: "4",
 				py: "0"
-			}, "ducjvd"]
+			}, "_16bmf03"]
 		},
 		ping: {
 			false: {},
@@ -21,7 +21,7 @@ var badge = recipeRuntime({
 				animation: "ping",
 				color: "transparent",
 				pointerEvents: "none"
-			}, "_1n83vf2"]
+			}, "_1l5wok1"]
 		}
 	}
 });
@@ -30,15 +30,15 @@ var floating = recipeRuntime({
 		display: "inline-flex",
 		pointerEvents: "none",
 		z: "10"
-	}, "_1qmrt28"],
+	}, "_1txcs0q"],
 	variants: {
 		offset: {
-			false: "o1eudb",
+			false: "f7sfad",
 			true: {}
 		},
 		position: {
-			"bottom-right": "_1jv0ihl",
-			"top-right": "_1gql8r0"
+			"bottom-right": "gwqfia",
+			"top-right": "_1o7x7e7"
 		}
 	}
 });
@@ -46,6 +46,6 @@ var indicator = recipeRuntime({ base: [{
 	display: "inline-flex",
 	flexDirection: "column",
 	gap: "16"
-}, "ljpjiv"] });
+}, "_5ocrso"] });
 //#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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-CqPs5OmC.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-DD8iOJoL.css";
 //#region src/inline-input/InlineInput.css.ts
 var editor = recipeRuntime({
-	base: "_13kocq1",
+	base: "nzvsh4",
 	variants: { empty: {
 		false: {},
-		true: "_1x3zmlf"
+		true: "jqki4g"
 	} }
 });
-var input = recipeRuntime({ base: "_1syo805" });
+var input = recipeRuntime({ base: "_17jxop4" });
 //#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/src/layers/layers.css.ts.vanilla-Bns6EnEc.css";
-import "./../../../../assets/src/input/Input.css.ts.vanilla-nPxekC7A.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-CEJpfE2T.css";
+import "./../../../../assets/src/input/Input.css.ts.vanilla-BmDuryQA.css";
 //#region src/input/Input.css.ts
-var addon = recipeRuntime({ base: [{ flex: "none" }, "_14j34xg"] });
+var addon = recipeRuntime({ base: [{ flex: "none" }, "mg0ylb"] });
 var input = recipeRuntime({ variants: {
 	appearance: {
 		"default": { textAlign: "start" },