@optiaxiom/react 1.9.40 → 1.9.42

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-Cc5AvKlz.css";
-import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CDjf3HGP.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-DKBM09Ql.css";
 //#region src/resizable/ResizableHandle.css.ts
 var handle = recipeRuntime({ base: [{
 	border: "1",
 	h: "56",
 	rounded: "sm",
 	w: "12"
-}, "_18jetgs"] });
+}, "_1epbd1y"] });
 var root = recipeRuntime({ base: [{
 	flexDirection: "column",
 	gap: "16",
 	justifyContent: "center",
 	rounded: "sm",
 	z: "10"
-}, "izg1q3"] });
+}, "_6ffx7m"] });
 //#endregion
 export { handle, root };

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

@@ -1,15 +1,17 @@
 import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
-import "./../../../../assets/src/layers/layers.css.ts.vanilla-Cc5AvKlz.css";
-import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-Cy2-ZN_3.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/rich-text-editor/RichTextEditor.css.ts.vanilla-D1au8jCX.css";
 //#region src/rich-text-editor/RichTextEditor.css.ts
 var editor = recipeRuntime({ base: [
 	{
 		bg: "bg.default",
 		border: "1",
+		display: "flex",
+		flexDirection: "column",
 		rounded: "md"
 	},
-	"_1s6q9e7",
-	"gc0zv7"
+	"_1r8oi6p",
+	"_1gspvab"
 ] });
 var toolbar = recipeRuntime({ base: [{
 	alignItems: "center",
@@ -18,6 +20,6 @@ var toolbar = recipeRuntime({ base: [{
 	gap: "2",
 	px: "8",
 	py: "6"
-}, "_1ln1pbb"] });
+}, "_1x9pawd"] });
 //#endregion
 export { editor, toolbar };

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

@@ -1,14 +1,18 @@
 "use client";
 import { Box } from "../box/Box.js";
 import { Group } from "../group/Group.js";
-import { Button } from "../button/Button.js";
 import { Tooltip } from "../tooltip/Tooltip.js";
+import { ToggleButton } from "../toggle-button/ToggleButton.js";
 import { editor, toolbar } from "./RichTextEditor-css.js";
 import { forwardRef, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconBold, IconItalic, IconLink, IconList, IconListOl } from "@optiaxiom/icons";
 import Link from "@tiptap/extension-link";
 import Placeholder from "@tiptap/extension-placeholder";
+import { Table } from "@tiptap/extension-table";
+import { TableCell } from "@tiptap/extension-table-cell";
+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";
 //#region src/rich-text-editor/RichTextEditor.tsx
@@ -30,7 +34,11 @@ const RichTextEditor = forwardRef(({ "aria-label": ariaLabel = "Rich text editor
 		extensions: [
 			StarterKit,
 			Link.configure({ openOnClick: false }),
-			Placeholder.configure({ placeholder: placeholder ?? "" })
+			Placeholder.configure({ placeholder: placeholder ?? "" }),
+			Table.configure({ resizable: false }),
+			TableRow,
+			TableHeader,
+			TableCell
 		],
 		onUpdate: ({ editor }) => {
 			onValueChange?.(editor.getHTML());
@@ -62,51 +70,56 @@ const RichTextEditor = forwardRef(({ "aria-label": ariaLabel = "Rich text editor
 			children: [
 				/* @__PURE__ */ jsx(Tooltip, {
 					content: "Bold",
-					children: /* @__PURE__ */ jsx(Button, {
-						appearance: editor$1.isActive("bold") ? "primary" : "subtle",
+					children: /* @__PURE__ */ jsx(ToggleButton, {
+						appearance: "subtle",
 						"aria-label": "Bold",
 						icon: /* @__PURE__ */ jsx(IconBold, {}),
-						onClick: () => editor$1.chain().focus().toggleBold().run(),
+						onPressedChange: () => editor$1.chain().focus().toggleBold().run(),
+						pressed: editor$1.isActive("bold"),
 						size: "sm"
 					})
 				}),
 				/* @__PURE__ */ jsx(Tooltip, {
 					content: "Italic",
-					children: /* @__PURE__ */ jsx(Button, {
-						appearance: editor$1.isActive("italic") ? "primary" : "subtle",
+					children: /* @__PURE__ */ jsx(ToggleButton, {
+						appearance: "subtle",
 						"aria-label": "Italic",
 						icon: /* @__PURE__ */ jsx(IconItalic, {}),
-						onClick: () => editor$1.chain().focus().toggleItalic().run(),
+						onPressedChange: () => editor$1.chain().focus().toggleItalic().run(),
+						pressed: editor$1.isActive("italic"),
 						size: "sm"
 					})
 				}),
 				/* @__PURE__ */ jsx(Tooltip, {
 					content: "Bullet list",
-					children: /* @__PURE__ */ jsx(Button, {
-						appearance: editor$1.isActive("bulletList") ? "primary" : "subtle",
+					children: /* @__PURE__ */ jsx(ToggleButton, {
+						appearance: "subtle",
 						"aria-label": "Bullet list",
 						icon: /* @__PURE__ */ jsx(IconList, {}),
-						onClick: () => editor$1.chain().focus().toggleBulletList().run(),
+						onPressedChange: () => editor$1.chain().focus().toggleBulletList().run(),
+						pressed: editor$1.isActive("bulletList"),
 						size: "sm"
 					})
 				}),
 				/* @__PURE__ */ jsx(Tooltip, {
 					content: "Numbered list",
-					children: /* @__PURE__ */ jsx(Button, {
-						appearance: editor$1.isActive("orderedList") ? "primary" : "subtle",
+					children: /* @__PURE__ */ jsx(ToggleButton, {
+						appearance: "subtle",
 						"aria-label": "Numbered list",
 						icon: /* @__PURE__ */ jsx(IconListOl, {}),
-						onClick: () => editor$1.chain().focus().toggleOrderedList().run(),
+						onPressedChange: () => editor$1.chain().focus().toggleOrderedList().run(),
+						pressed: editor$1.isActive("orderedList"),
 						size: "sm"
 					})
 				}),
 				/* @__PURE__ */ jsx(Tooltip, {
 					content: "Link",
-					children: /* @__PURE__ */ jsx(Button, {
-						appearance: editor$1.isActive("link") ? "primary" : "subtle",
+					children: /* @__PURE__ */ jsx(ToggleButton, {
+						appearance: "subtle",
 						"aria-label": "Link",
 						icon: /* @__PURE__ */ jsx(IconLink, {}),
 						onClick: setLink,
+						pressed: editor$1.isActive("link"),
 						size: "sm"
 					})
 				})

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-Cc5AvKlz.css";
-import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-BpB1cmNf.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CZs1EP6T.css";
 //#region src/search-input/SearchInput.css.ts
-var clear = recipeRuntime({ base: [{ size: "sm" }, "r8mnik"] });
-var input = recipeRuntime({ base: "_18otbrj" });
-var search = recipeRuntime({ base: "omchzw" });
+var clear = recipeRuntime({ base: [{ size: "sm" }, "n65eqm"] });
+var input = recipeRuntime({ base: "_10sd0wa" });
+var search = recipeRuntime({ base: "_1kd8ucm" });
 //#endregion
 export { clear, input, search };

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-Cc5AvKlz.css";
-import "./../../../../assets/src/separator/Separator.css.ts.vanilla-BYhIYYDN.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/separator/Separator.css.ts.vanilla-BiHPIXG6.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: "_1v4pkae",
-						md: "_1y0u4b2",
-						base: "_1j2732t"
+						sm: "_1xea88e",
+						md: "h0pv87",
+						base: "_1xvbmud"
 					},
-					defaultClass: "_1j2732t"
+					defaultClass: "_1xvbmud"
 				},
 				vertical: {
 					conditions: {
-						sm: "_10fackr",
-						md: "_1ra7cz",
-						base: "_61faub"
+						sm: "q7dqmm",
+						md: "_1nkkqu7",
+						base: "_1y1maxg"
 					},
-					defaultClass: "_61faub"
+					defaultClass: "_1y1maxg"
 				}
 			},
 			responsiveArray: void 0

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-Cc5AvKlz.css";
-import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-BaV5Nlni.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-CDe8GSSA.css";
 //#region src/skeleton/Skeleton.css.ts
 var skeleton = recipeRuntime({ base: [{
 	animation: "pulse",
 	bg: "bg.avatar.neutral",
 	color: "fg.default.inverse",
 	display: "block"
-}, "_11cziv0"] });
+}, "_1gx16z0"] });
 //#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-Cc5AvKlz.css";
-import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-YmlLWHBc.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-HjZ0KMyK.css";
 //#region src/sortable/SortableHandle.css.ts
-var handle = recipeRuntime({ base: "_1tpi03n" });
+var handle = recipeRuntime({ base: "_3fqi0k" });
 //#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-Cc5AvKlz.css";
-import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-Dz516W-g.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/sortable/SortableItem.css.ts.vanilla-RyCm-KFl.css";
 //#region src/sortable/SortableItem.css.ts
 var item = recipeRuntime({
-	base: "_1dr8vy7",
+	base: "k178kn",
 	variants: { handle: {
 		false: {},
-		true: "_1ioirxv"
+		true: "_27gb85"
 	} }
 });
 //#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-Cc5AvKlz.css";
-import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-DDMdvP8U.css";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-rszAdINo.css";
+import "./../../../../assets/src/spinner/Spinner.css.ts.vanilla-wj_3lORY.css";
 //#region src/spinner/Spinner.css.ts
 var track = recipeRuntime({ variants: { appearance: {
-	"default": "_3ogsm9",
-	inverse: "_1cpc91q"
+	"default": "c2qklr",
+	inverse: "_14osa2v"
 } } });
 //#endregion
 export { track };