@optiaxiom/react 3.1.1 → 3.1.3

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger-css.js

@@ -1,23 +1,23 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-C7Xhd-X6.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-D9f1VOK8.css";
 //#region src/pill-menu/PillMenuTrigger.css.ts
 var root = recipeRuntime({
 	base: [{
 		border: "1",
 		rounded: "md",
 		transition: "colors"
-	}, "_10xcx50"],
+	}, "aaauwm"],
 	variants: { size: {
-		md: "_1xnl01f",
-		lg: "i5xg2m"
+		md: "_1gnrbre",
+		lg: "hfgefr"
 	} }
 });
 var trigger = recipeRuntime({ base: [{
 	display: "grid",
 	placeItems: "center",
 	rounded: "md"
-}, "e7ovod"] });
-var wrapper = recipeRuntime({ base: "t473qa" });
+}, "_14d0k5n"] });
+var wrapper = recipeRuntime({ base: "j87myp" });
 //#endregion
 export { root, trigger, wrapper };

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/progress/Progress.css.ts.vanilla-BUuSj1T7.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/progress/Progress.css.ts.vanilla-0SOk9qE_.css";
 //#region src/progress/Progress.css.ts
 var indicator = recipeRuntime({
 	base: [{
@@ -9,13 +9,13 @@ var indicator = recipeRuntime({
 		transition: "all"
 	}],
 	variants: { intent: {
-		danger: "hpu177",
+		danger: "ckd46b",
 		opal: {},
 		primary: {},
 		success: {}
 	} },
 	variantsCompounded: [{
-		style: "_1ealtci",
+		style: "_1l48eza",
 		variants: { intent: [
 			"opal",
 			"primary",
@@ -27,6 +27,6 @@ var progress = recipeRuntime({ base: [{
 	bg: "bg.pill.default",
 	overflow: "hidden",
 	rounded: "full"
-}, "icj8cf"] });
+}, "_1e01lv2"] });
 //#endregion
 export { indicator, progress };

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,8 +1,8 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/button/ButtonGroup.css.ts.vanilla-DTAA6K_o.css";
-import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BvhzuMj7.css";
-import "./../../../../assets/src/radio/Radio.css.ts.vanilla-DMw8rTO2.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BGcUazpt.css";
+import "./../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-3r8xRmjD.css";
+import "./../../../../assets/src/radio/Radio.css.ts.vanilla-Dahe7-UX.css";
 //#region src/radio/Radio.css.ts
 var control = recipeRuntime({
 	base: [{
@@ -10,17 +10,17 @@ var control = recipeRuntime({
 		display: "grid",
 		rounded: "full",
 		size: "sm"
-	}, "l4twh6"],
+	}, "_8k2mdl"],
 	variants: { shift: {
 		false: {},
-		true: "_18fecxa"
+		true: "_10hvttj"
 	} }
 });
 var indicator = recipeRuntime({ base: [{
 	rounded: "inherit",
 	transition: "transform"
-}, "ai852k"] });
-var input = recipeRuntime({ base: "zvj9jn" });
-var radio = recipeRuntime({ base: "mtygo3" });
+}, "_14ybx43"] });
+var input = recipeRuntime({ base: "coqlwj" });
+var radio = recipeRuntime({ base: "_1kcrtwb" });
 //#endregion
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/radio/RadioGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { mapResponsiveValue } from "../sprinkles/sprinkles.js";
-import { useSurface } from "../surface/useSurface.js";
 import { Group } from "../group/Group.js";
+import { useSurface } from "../surface/useSurface.js";
 import { RadioGroupProvider } from "./RadioGroupContext.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/esm/packages/react/src/range/Range-css.js

@@ -1,24 +1,24 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/range/Range.css.ts.vanilla-CGYkpLqC.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/range/Range.css.ts.vanilla-B-aGql0-.css";
 //#region src/range/Range.css.ts
-var control = recipeRuntime({ base: [{ bg: "transparent" }, "fnd6gt"] });
-var fillValue = "var(--p4ji9x)";
+var control = recipeRuntime({ base: [{ bg: "transparent" }, "j92m1r"] });
+var fillValue = "var(--_17fk2gi)";
 var mark = recipeRuntime({
-	base: [{ transition: "colors" }, "bdr6xu"],
+	base: [{ transition: "colors" }, "_9f3wl2"],
 	variants: { active: {
 		false: { color: "fg.secondary" },
 		true: {}
 	} }
 });
-var markValue = "var(--_1qkgr6s)";
+var markValue = "var(--rmm519)";
 var range = recipeRuntime({ base: [{
 	h: "full",
 	rounded: "inherit"
-}, "ntae6x"] });
+}, "_18e9y60"] });
 var root = recipeRuntime({
 	base: [
-		"_1gwuvsn",
+		"ht28mf",
 		{
 			alignItems: "center",
 			color: "fg.default",
@@ -26,7 +26,7 @@ var root = recipeRuntime({
 			fontSize: "md",
 			w: "full"
 		},
-		"_3yuzz4"
+		"dohe0p"
 	],
 	variants: {
 		marks: {
@@ -44,11 +44,11 @@ var thumb = recipeRuntime({ base: [{
 	rounded: "full",
 	shadow: "sm",
 	size: "xs"
-}, "_1t1orgb"] });
+}, "_1f5vji7"] });
 var track = recipeRuntime({ base: [{
 	display: "flex",
 	flex: "1",
 	rounded: "full"
-}, "jppirg"] });
+}, "juw29n"] });
 //#endregion
 export { control, fillValue, mark, markValue, range, root, thumb, track };

package/dist/esm/packages/react/src/range/Range.js

@@ -1,8 +1,8 @@
 "use client";
 import { extractBoxProps } from "../box/extractBoxProps.js";
 import { Box } from "../box/Box.js";
-import { useFieldContext } from "../field/FieldContext.js";
 import { Tooltip } from "../tooltip/Tooltip.js";
+import { useFieldContext } from "../field/FieldContext.js";
 import { control, fillValue, mark, markValue, range, root, thumb, track } from "./Range-css.js";
 import { useTooltipState } from "./useTooltipState.js";
 import { forwardRef, useRef } from "react";

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,19 +1,19 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-B1EutofK.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CY9v7cw-.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_2tggqu"] });
+}, "_1gh7fv7"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "_3d22cn"] });
+}, "_14x0mu6"] });
 //#endregion
 export { handle, root };

package/dist/esm/packages/react/src/rich-text-editor/RichTextEditor-css.js

@@ -1,6 +1,6 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-BVmEWHut.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-Cp8oGYRm.css";
 //#region src/rich-text-editor/RichTextEditor.css.ts
 var editor = recipeRuntime({ base: [
 	{
@@ -10,8 +10,8 @@ var editor = recipeRuntime({ base: [
 		flexDirection: "column",
 		rounded: "md"
 	},
-	"vg8a3f",
-	"_17o5kkl"
+	"_175stga",
+	"_1t3l0um"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -20,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "_1hr2sor"] });
+}, "dz9mjm"] });
 //#endregion
 export { editor, toolbar };

package/dist/esm/packages/react/src/rich-text-editor/RichTextEditor.js

@@ -1,12 +1,10 @@
 "use client";
 import { Box } from "../box/Box.js";
 import { Group } from "../group/Group.js";
-import { Tooltip } from "../tooltip/Tooltip.js";
 import { ToggleButton } from "../toggle-button/ToggleButton.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
 import { editor, toolbar } from "./RichTextEditor-css.js";
 import { IconBold, IconItalic, IconLink, IconList, IconListOl } from "@optiaxiom/icons";
-import { forwardRef, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "@tiptap/extension-link";
 import Placeholder from "@tiptap/extension-placeholder";
 import { Table } from "@tiptap/extension-table";
@@ -15,6 +13,8 @@ import { TableHeader } from "@tiptap/extension-table-header";
 import { TableRow } from "@tiptap/extension-table-row";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
+import { forwardRef, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/rich-text-editor/RichTextEditor.tsx
 /**
 * Rich text editor with a toolbar for basic formatting (bold, italic, lists, links).

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

@@ -1,9 +1,9 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C8YY9j9y.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-C3sutSGW.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "_4q6cz0"] });
-var input = recipeRuntime({ base: "yezqjd" });
-var search = recipeRuntime({ base: "_1em22h7" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "p0yque"] });
+var input = recipeRuntime({ base: "_6asb08" });
+var search = recipeRuntime({ base: "m2p0jv" });
 //#endregion
 export { clear, input, search };

package/dist/esm/packages/react/src/select/SelectContent.js

@@ -3,8 +3,8 @@ import { fallbackSpan } from "../utils/fallbackSpan.js";
 import { Text } from "../text/Text.js";
 import { TransitionGroup } from "../transition/TransitionGroup.js";
 import { Portal } from "../portal/Portal.js";
-import { useFieldContext } from "../field/FieldContext.js";
 import { Tooltip } from "../tooltip/Tooltip.js";
+import { useFieldContext } from "../field/FieldContext.js";
 import { ListboxItemized } from "../listbox/ListboxItemized.js";
 import { ListboxLabel } from "../listbox/ListboxLabel.js";
 import { ListboxSeparator } from "../listbox/ListboxSeparator.js";
@@ -13,10 +13,10 @@ import { shouldShowGroup, shouldShowSeparator } from "../listbox/utils.js";
 import { resolveItemProperty, useSelectContext } from "./SelectContext.js";
 import { ModalLayer } from "../modal/ModalLayer.js";
 import { SelectRadioItem } from "./SelectRadioItem.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef, useState } from "react";
 import clsx from "clsx";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 import { PopperContent } from "@radix-ui/react-popper";
 //#region src/select/SelectContent.tsx
 /**
@@ -25,7 +25,7 @@ import { PopperContent } from "@radix-ui/react-popper";
 const SelectContent = forwardRef(({ align = "start", "aria-label": ariaLabel, children, onPointerDown, side = "bottom", size, ...props }, ref) => {
 	const { labelId: fieldLabelId } = useFieldContext("@optiaxiom/react/SelectContent");
 	const { downshift, highlightedItem, highlightedItemRef, isOpen, items, loading } = useSelectContext("@optiaxiom/react/SelectContent");
-	const labelId = useId();
+	const labelId = useId$1();
 	const [placed, setPlaced] = useState(false);
 	return /* @__PURE__ */ jsx(TransitionGroup, {
 		open: isOpen,

package/dist/esm/packages/react/src/select/SelectTrigger.js

@@ -5,11 +5,11 @@ import { Text } from "../text/Text.js";
 import { AngleMenuButton } from "../angle-menu-button/AngleMenuButton.js";
 import { useFieldLabelTrigger } from "../hooks/useFieldLabelTrigger.js";
 import { useSelectContext } from "./SelectContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { createSlot } from "@radix-ui/react-slot";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
+import { useId as useId$1 } from "@radix-ui/react-id";
 import { PopperAnchor } from "@radix-ui/react-popper";
 //#region src/select/SelectTrigger.tsx
 const Slot = createSlot("@optiaxiom/react/SelectTrigger");
@@ -22,7 +22,7 @@ const SelectTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, asChild,
 	const { boxProps, restProps } = extractBoxProps(props);
 	const buttonRef = useRef(null);
 	const labelId = useFieldLabelTrigger(buttonRef, ariaLabelledBy);
-	const valueId = useId();
+	const valueId = useId$1();
 	const [focusOnOpen] = useState(isOpen);
 	useEffect(function() {
 		if (focusOnOpen && buttonRef.current) buttonRef.current.focus();

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,7 +1,7 @@
 import { createSprinkles } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/separator/Separator.css.ts.vanilla-D9S9FqM7.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/separator/Separator.css.ts.vanilla-D4o8yxR-.css";
 //#region src/separator/Separator.css.ts
 var base = recipeRuntime({ base: { borderColor: "border.secondary" } });
 var separator = createSprinkles(function() {
@@ -23,19 +23,19 @@ var separator = createSprinkles(function() {
 			values: {
 				horizontal: {
 					conditions: {
-						sm: "_6vnrvz",
-						md: "hkhf66",
-						base: "_1sgxkse"
+						sm: "m7rk8v",
+						md: "vxzhly",
+						base: "_1rhvjf3"
 					},
-					defaultClass: "_1sgxkse"
+					defaultClass: "_1rhvjf3"
 				},
 				vertical: {
 					conditions: {
-						sm: "x9cr6t",
-						md: "_1y289si",
-						base: "uek12"
+						sm: "mesjj6",
+						md: "_1v9qpvr",
+						base: "k1k49s"
 					},
-					defaultClass: "uek12"
+					defaultClass: "k1k49s"
 				}
 			},
 			responsiveArray: void 0

package/dist/esm/packages/react/src/sidebar/Sidebar.js

@@ -1,10 +1,10 @@
 "use client";
 import { Box } from "../box/Box.js";
 import { SidebarProvider } from "./SidebarContext.js";
-import { useId } from "@radix-ui/react-id";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useId as useId$1 } from "@radix-ui/react-id";
 //#region src/sidebar/Sidebar.tsx
 /**
 * Primary navigation menu for left side of the page that includes support for branding, links, etc.
@@ -22,7 +22,7 @@ const Sidebar = forwardRef(({ children, defaultExpanded = false, expanded: expan
 	});
 	return /* @__PURE__ */ jsx(SidebarProvider, {
 		expanded,
-		navId: useId(),
+		navId: useId$1(),
 		onExpandedChange: setExpanded,
 		spacing: "8",
 		children: /* @__PURE__ */ jsx(Box, {

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-Z2YN6EHC.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CXcNmTMN.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_1nmt4zd"] });
+}, "mwj16b"] });
 //#endregion
 export { skeleton };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-Bw9g5cY9.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-JSHRAKtQ.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_1csnq5b" });
+var handle = recipeRuntime({ base: "_1ps7egq" });
 //#endregion
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,12 +1,12 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-THgfJ-ja.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BVKkkK41.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_180nylo",
+	base: "_73y5zt",
 	variants: { handle: {
 		false: {},
-		true: "_1gjxigc"
+		true: "_10t991j"
 	} }
 });
 //#endregion

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,10 +1,10 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-DRoTvdmB.css";
-import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-xCqAa3Ii.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-BEh1Y_X9.css";
+import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-DLBq18hS.css";
 //#region src/spinner/Spinner.css.ts
 var track = recipeRuntime({ variants: { appearance: {
-	"default": "_1b7wncc",
-	inverse: "ggrrk2"
+	"default": "_1y9vjiz",
+	inverse: "a8zh9h"
 } } });
 //#endregion
 export { track };