@optiaxiom/react 1.9.37 → 1.9.38

package/dist/esm/packages/react/src/icons/IconUpRightFromSquare.js

@@ -1,41 +1,29 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconUpRightFromSquare = withIcon(
-  {
-    fill: "none",
-    name: "IconUpRightFromSquare"
-  },
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M12.5 0.5H17.5V5.5",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8.33333 9.66667L17.5 0.5",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  ] })
-);
-
+import { withIcon } from "./withIcon.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/IconUpRightFromSquare.tsx
+const IconUpRightFromSquare = withIcon({
+	fill: "none",
+	name: "IconUpRightFromSquare"
+}, /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", {
+		d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}),
+	/* @__PURE__ */ jsx("path", {
+		d: "M12.5 0.5H17.5V5.5",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	}),
+	/* @__PURE__ */ jsx("path", {
+		d: "M8.33333 9.66667L17.5 0.5",
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+] }));
+//#endregion
 export { IconUpRightFromSquare };

package/dist/esm/packages/react/src/icons/IconUserSolid.js

@@ -1,20 +1,13 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconUserSolid = withIcon(
-  {
-    name: "IconUserSolid",
-    viewBox: "0 0 448 512"
-  },
-  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconUserSolid.tsx
+const IconUserSolid = withIcon({
+	name: "IconUserSolid",
+	viewBox: "0 0 448 512"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconUserSolid };

package/dist/esm/packages/react/src/icons/IconUsersSolid.js

@@ -1,20 +1,13 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconUsersSolid = withIcon(
-  {
-    name: "IconUsersSolid",
-    viewBox: "0 0 640 512"
-  },
-  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconUsersSolid.tsx
+const IconUsersSolid = withIcon({
+	name: "IconUsersSolid",
+	viewBox: "0 0 640 512"
+}, /* @__PURE__ */ jsx("path", {
+	d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconUsersSolid };

package/dist/esm/packages/react/src/icons/IconX.js

@@ -1,20 +1,12 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconX = withIcon(
-  {
-    name: "IconX"
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.8669 3.77596C15.0444 3.59845 15.0444 3.31064 14.8669 3.13313C14.6894 2.95562 14.4016 2.95562 14.224 3.13313L10 7.35718L5.77596 3.13313C5.59845 2.95562 5.31064 2.95562 5.13313 3.13313C4.95562 3.31064 4.95562 3.59845 5.13313 3.77596L9.35718 8L5.13313 12.224C4.95562 12.4016 4.95562 12.6894 5.13313 12.8669C5.31064 13.0444 5.59845 13.0444 5.77596 12.8669L10 8.64282L14.224 12.8669C14.4016 13.0444 14.6894 13.0444 14.8669 12.8669C15.0444 12.6894 15.0444 12.4016 14.8669 12.224L10.6428 8L14.8669 3.77596Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconX.tsx
+const IconX = withIcon({ name: "IconX" }, /* @__PURE__ */ jsx("path", {
+	clipRule: "evenodd",
+	d: "M14.8669 3.77596C15.0444 3.59845 15.0444 3.31064 14.8669 3.13313C14.6894 2.95562 14.4016 2.95562 14.224 3.13313L10 7.35718L5.77596 3.13313C5.59845 2.95562 5.31064 2.95562 5.13313 3.13313C4.95562 3.31064 4.95562 3.59845 5.13313 3.77596L9.35718 8L5.13313 12.224C4.95562 12.4016 4.95562 12.6894 5.13313 12.8669C5.31064 13.0444 5.59845 13.0444 5.77596 12.8669L10 8.64282L14.224 12.8669C14.4016 13.0444 14.6894 13.0444 14.8669 12.8669C15.0444 12.6894 15.0444 12.4016 14.8669 12.224L10.6428 8L14.8669 3.77596Z",
+	fill: "currentColor",
+	fillRule: "evenodd"
+}));
+//#endregion
 export { IconX };

package/dist/esm/packages/react/src/icons/withIcon.js

@@ -1,31 +1,20 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-
-const withIcon = ({
-  fill,
-  height = 16,
-  name,
-  viewBox,
-  width = 20
-}, children) => {
-  const Icon = forwardRef(
-    (props, ref) => /* @__PURE__ */ jsx(
-      "svg",
-      {
-        fill,
-        height,
-        ref,
-        viewBox: viewBox ?? `0 0 ${width} ${height}`,
-        width,
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        children
-      }
-    )
-  );
-  Icon.displayName = `@optiaxiom/react/${name}`;
-  return Icon;
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/withIcon.tsx
+const withIcon = ({ fill, height = 16, name, viewBox, width = 20 }, children) => {
+	const Icon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
+		fill,
+		height,
+		ref,
+		viewBox: viewBox ?? `0 0 ${width} ${height}`,
+		width,
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children
+	}));
+	Icon.displayName = `@optiaxiom/react/${name}`;
+	return Icon;
 };
-
+//#endregion
 export { withIcon };

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

@@ -1,9 +1,51 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-C4J2o8-g.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var badge = recipeRuntime({base:'_144e1w0',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_121mofk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'nldy4m']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1518j2b'],variants:{offset:{false:'_53qr1g',true:{}},position:{'bottom-right':'pir1z6','top-right':'_1c6kogi'}}});
-var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1a4a882']});
-
-export { badge, floating, indicator$2 as indicator };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/indicator/Indicator.css.ts.vanilla-C21VOdcO.css";
+//#region src/indicator/Indicator.css.ts
+var badge = recipeRuntime({
+	base: "_13y0xpy",
+	variants: {
+		offset: {
+			false: {
+				px: "0",
+				py: "0"
+			},
+			true: [{
+				px: "4",
+				py: "0"
+			}, "bdgizd"]
+		},
+		ping: {
+			false: {},
+			true: [{
+				animation: "ping",
+				color: "transparent",
+				pointerEvents: "none"
+			}, "_14nxnw6"]
+		}
+	}
+});
+var floating = recipeRuntime({
+	base: [{
+		display: "inline-flex",
+		pointerEvents: "none",
+		z: "10"
+	}, "ekfvjv"],
+	variants: {
+		offset: {
+			false: "_13ytul3",
+			true: {}
+		},
+		position: {
+			"bottom-right": "_1huqc86",
+			"top-right": "t97gaa"
+		}
+	}
+});
+var indicator = recipeRuntime({ base: [{
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: "16"
+}, "_190og4g"] });
+//#endregion
+export { badge, floating, indicator };

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

@@ -1,45 +1,52 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-import { Badge } from '../badge/Badge.js';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Group } from '../group/Group.js';
-import { badge, floating, indicator } from './Indicator-css.js';
-
-const Slot$4 = createSlot("@optiaxiom/react/Indicator");
-const Indicator = forwardRef(
-  ({
-    asChild,
-    children,
-    className,
-    content,
-    disabled,
-    intent,
-    offset = true,
-    ping,
-    position = "top-right",
-    variant,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(Group, { ref, ...indicator({}, className), ...props, children: [
-      children,
-      !disabled && /* @__PURE__ */ jsxs(Box, { ...floating({ offset, position }), children: [
-        ping && /* @__PURE__ */ jsx(
-          Slot$4,
-          {
-            "aria-hidden": "true",
-            ...badge({ offset, ping: true }),
-            children: asChild ? content : /* @__PURE__ */ jsx(Badge, { intent, variant, children: content })
-          }
-        ),
-        /* @__PURE__ */ jsx(Slot$4, { ...badge({ offset }), children: asChild ? content : /* @__PURE__ */ jsx(Badge, { intent, variant, children: content }) })
-      ] })
-    ] });
-  }
-);
+import { Box } from "../box/Box.js";
+import { Group } from "../group/Group.js";
+import { Badge } from "../badge/Badge.js";
+import { badge, floating, indicator } from "./Indicator-css.js";
+import { forwardRef } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/indicator/Indicator.tsx
+const Slot = createSlot("@optiaxiom/react/Indicator");
+/**
+* Display a badge at the corner of another element.
+*
+* @category data-display
+* @category feedback
+* @since 0.1.0
+*/
+const Indicator = forwardRef(({ asChild, children, className, content, disabled, intent, offset = true, ping, position = "top-right", variant, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(Group, {
+		ref,
+		...indicator({}, className),
+		...props,
+		children: [children, !disabled && /* @__PURE__ */ jsxs(Box, {
+			...floating({
+				offset,
+				position
+			}),
+			children: [ping && /* @__PURE__ */ jsx(Slot, {
+				"aria-hidden": "true",
+				...badge({
+					offset,
+					ping: true
+				}),
+				children: asChild ? content : /* @__PURE__ */ jsx(Badge, {
+					intent,
+					variant,
+					children: content
+				})
+			}), /* @__PURE__ */ jsx(Slot, {
+				...badge({ offset }),
+				children: asChild ? content : /* @__PURE__ */ jsx(Badge, {
+					intent,
+					variant,
+					children: content
+				})
+			})]
+		})]
+	});
+});
 Indicator.displayName = "@optiaxiom/react/Indicator";
-
+//#endregion
 export { Indicator };

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

@@ -1,8 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-JPjAPfCT.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var editor = recipeRuntime({base:'_1furffk',variants:{empty:{false:{},true:'w0i4un'}}});
-var input = recipeRuntime({base:'d1cg11'});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-B6dLoCLC.css";
+//#region src/inline-input/InlineInput.css.ts
+var editor = recipeRuntime({
+	base: "_171fv0a",
+	variants: { empty: {
+		false: {},
+		true: "_19j0seq"
+	} }
+});
+var input = recipeRuntime({ base: "_1vnfkj1" });
+//#endregion
 export { editor, input };

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

@@ -1,91 +1,73 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useRef, useEffect } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { editor, input } from './InlineInput-css.js';
-
-const InlineInput = forwardRef(
-  ({
-    className,
-    defaultValue = "",
-    disabled,
-    label,
-    multiline,
-    onValueChange,
-    placeholder,
-    value: valueProp,
-    ...props
-  }, outerRef) => {
-    const [value, setValue] = useControllableState({
-      caller: "@optiaxiom/react/InlineInput",
-      defaultProp: defaultValue,
-      onChange: onValueChange,
-      prop: valueProp
-    });
-    const editorRef = useRef(null);
-    const ref = useComposedRefs(editorRef, outerRef);
-    useEffect(() => {
-      if (!editorRef.current) {
-        return;
-      }
-      const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
-      if (getText(editorRef.current) !== clippedValue) {
-        if (document.activeElement === editorRef.current) {
-          const selection = window.getSelection();
-          if (!selection) {
-            return;
-          }
-          selection.getRangeAt(0).selectNodeContents(editorRef.current);
-          document.execCommand("insertHTML", false, clippedValue);
-        } else {
-          editorRef.current.innerText = clippedValue ?? "null";
-        }
-      }
-    }, [multiline, value]);
-    return /* @__PURE__ */ jsx(Box, { ...input({}, className), ...props, children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        "aria-multiline": multiline,
-        "aria-readonly": disabled,
-        contentEditable: !disabled && "plaintext-only",
-        "data-placeholder": placeholder ?? label,
-        onInput: (event) => {
-          setValue(getText(event.currentTarget));
-        },
-        onKeyDown: (event) => {
-          if (!multiline && event.key === "Enter") {
-            event.preventDefault();
-          }
-        },
-        onPaste: (event) => {
-          const value2 = event.clipboardData.getData("text");
-          if (!multiline && value2.includes("\n")) {
-            event.preventDefault();
-            const clippedValue = value2.slice(0, value2.indexOf("\n"));
-            document.execCommand("insertHTML", false, clippedValue);
-            setValue(getText(event.currentTarget));
-          }
-        },
-        ref,
-        role: "textbox",
-        spellCheck: "true",
-        ...label && { "aria-label": label },
-        ...editor({ empty: !value?.length })
-      }
-    ) });
-  }
-);
+import { Box } from "../box/Box.js";
+import { editor, input } from "./InlineInput-css.js";
+import { forwardRef, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+//#region src/inline-input/InlineInput.tsx
+/**
+* Seamless textbox for capturing user input with completely customizable visual styles.
+*
+* @category form
+* @since 0.6.0
+* @experimental
+*/
+const InlineInput = forwardRef(({ className, defaultValue = "", disabled, label, multiline, onValueChange, placeholder, value: valueProp, ...props }, outerRef) => {
+	const [value, setValue] = useControllableState({
+		caller: "@optiaxiom/react/InlineInput",
+		defaultProp: defaultValue,
+		onChange: onValueChange,
+		prop: valueProp
+	});
+	const editorRef = useRef(null);
+	const ref = useComposedRefs(editorRef, outerRef);
+	useEffect(() => {
+		if (!editorRef.current) return;
+		const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
+		if (getText(editorRef.current) !== clippedValue) if (document.activeElement === editorRef.current) {
+			const selection = window.getSelection();
+			if (!selection) return;
+			selection.getRangeAt(0).selectNodeContents(editorRef.current);
+			document.execCommand("insertHTML", false, clippedValue);
+		} else editorRef.current.innerText = clippedValue ?? "null";
+	}, [multiline, value]);
+	return /* @__PURE__ */ jsx(Box, {
+		...input({}, className),
+		...props,
+		children: /* @__PURE__ */ jsx(Box, {
+			"aria-multiline": multiline,
+			"aria-readonly": disabled,
+			contentEditable: !disabled && "plaintext-only",
+			"data-placeholder": placeholder ?? label,
+			onInput: (event) => {
+				setValue(getText(event.currentTarget));
+			},
+			onKeyDown: (event) => {
+				if (!multiline && event.key === "Enter") event.preventDefault();
+			},
+			onPaste: (event) => {
+				const value = event.clipboardData.getData("text");
+				if (!multiline && value.includes("\n")) {
+					event.preventDefault();
+					const clippedValue = value.slice(0, value.indexOf("\n"));
+					document.execCommand("insertHTML", false, clippedValue);
+					setValue(getText(event.currentTarget));
+				}
+			},
+			ref,
+			role: "textbox",
+			spellCheck: "true",
+			...label && { "aria-label": label },
+			...editor({ empty: !value?.length })
+		})
+	});
+});
 InlineInput.displayName = "@optiaxiom/react/InlineInput";
 function getText(element) {
-  const text = element.innerText;
-  if (text.endsWith("\n")) {
-    return text.slice(0, -1);
-  }
-  return text;
+	const text = element.innerText;
+	if (text.endsWith("\n")) return text.slice(0, -1);
+	return text;
 }
-
+//#endregion
 export { InlineInput };

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

@@ -1,9 +1,32 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-vDw4DFSx.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-zwhBFVy8.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var addon = recipeRuntime({base:[{flex:'none'},'q1w0nk']});
-var input$1 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
-var root$2 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
-
-export { addon, input$1 as input, root$2 as root };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/input/Input.css.ts.vanilla-u6dHHiyE.css";
+//#region src/input/Input.css.ts
+var addon = recipeRuntime({ base: [{ flex: "none" }, "_1kumrfk"] });
+var input = recipeRuntime({ variants: {
+	appearance: {
+		"default": { textAlign: "start" },
+		number: { textAlign: "end" }
+	},
+	size: {
+		md: { py: "4" },
+		lg: { py: "8" },
+		xl: { py: "12" }
+	}
+} });
+var root = recipeRuntime({ variants: { size: {
+	md: {
+		gap: "8",
+		px: "8"
+	},
+	lg: {
+		gap: "8",
+		px: "8"
+	},
+	xl: {
+		gap: "12",
+		px: "12"
+	}
+} } });
+//#endregion
+export { addon, input, root };