@povio/ui 5.0.0-rc.8 → 6.0.0-rc.1

package/dist/{RadioGroup-CUGNSJql.js → RadioGroup-BPSvcre6.js}

@@ -1,17 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
-import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
-import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.js";
-import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-Da1c_cOO.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-AY25LzbW.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
+import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-BkLF-JA3.js";
+import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
+import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
+import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
+import { t as $792f28e438b9ad5f$export$758399f318e6385a } from "./SharedElementTransition-DJ9CCbEa.js";
 import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
-import { a as radioIndicatorClass, i as radioDefinition, n as radioContentRowDefinition, o as radioTypography, r as radioContentWrapperDefinition, t as radioContentClassName } from "./radio.cva-DGbvTymp.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { a as radioIndicatorClass, i as radioDefinition, n as radioContentRowDefinition, o as radioTypography, r as radioContentWrapperDefinition, t as radioContentClassName } from "./radio.cva-Ctdop1xV.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
@@ -24,7 +22,7 @@ import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useRadio, useRadioGroup } from "react-aria/useRadioGroup";
 import { useRadioGroupState } from "react-stately/useRadioGroupState";
 import { useLabel } from "@react-aria/label";
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/RadioGroup.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/RadioGroup.mjs
 const $fe21c36db05242bb$export$a79eda4ff50e30b6 = /*#__PURE__*/ createContext(null);
 const $fe21c36db05242bb$export$b118023277d4a5c3 = /*#__PURE__*/ createContext(null);
 const $fe21c36db05242bb$export$29d84393af70866c = /*#__PURE__*/ createContext(null);
@@ -269,30 +267,7 @@ const RadioGroupBase = (props) => {
 		})
 	});
 };
-const RadioGroupComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(RadioGroupBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: (value) => {
-					field.onChange(value);
-					field.onBlur();
-				},
-				onBlur: field.onBlur,
-				name: field.name,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
-};
+const RadioGroupComponent = (props) => /* @__PURE__ */ jsx(RadioGroupBase, { ...props });
 const RadioGroup = memo(RadioGroupComponent);
 //#endregion
-export { RadioGroup as t };
+export { RadioGroupBase as n, RadioGroup as t };

package/dist/RadioGroup-DEwQ6B1F.d.ts

@@ -0,0 +1,26 @@
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
+import { t as RadioVariantProps } from "./radio.cva-DO3UEac-.js";
+import { ReactElement, Ref } from "react";
+import { RadioGroupProps } from "react-aria-components";
+//#region src/components/inputs/RadioGroup/RadioGroup.d.ts
+interface RadioGroupBaseProps extends Omit<FormFieldProps, "variant">, RadioVariantProps, Omit<InputVariantProps, "variant">, Omit<RadioGroupProps, "className"> {
+  ref?: Ref<HTMLDivElement>;
+  options: {
+    label: string | ReactElement;
+    value: string;
+  }[];
+  isDirty?: boolean;
+  inputClassName?: string;
+  labelClassName?: string;
+}
+declare const RadioGroupBase: (props: RadioGroupBaseProps) => import("react").JSX.Element;
+interface RadioGroupProps$1 extends RadioGroupBaseProps {
+  field?: never;
+}
+declare const RadioGroupComponent: (props: RadioGroupProps$1 & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const RadioGroup: import("react").MemoExoticComponent<typeof RadioGroupComponent>;
+//#endregion
+export { RadioGroupProps$1 as i, RadioGroupBase as n, RadioGroupComponent as r, RadioGroup as t };

package/dist/RadioGroup.bound-CN4K9dV2.js

@@ -0,0 +1,32 @@
+import { n as RadioGroupBase } from "./RadioGroup-BPSvcre6.js";
+import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
+import { t as FieldController } from "./form.binding-B-2id68q.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/inputs/RadioGroup/RadioGroup.bound.tsx
+const RadioGroupComponent = (props) => {
+	const { field, ref, ...innerProps } = props;
+	return /* @__PURE__ */ jsx(FieldController, {
+		control: field.form,
+		name: field.name,
+		onValueChange: field.onValueChange,
+		onBlur: field.onBlur,
+		render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(RadioGroupBase, {
+			...innerProps,
+			ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
+			value: field.value,
+			onChange: (value) => {
+				field.onChange(value);
+				field.onValueCommit();
+			},
+			onBlur: field.onBlur,
+			name: field.name,
+			isDirty,
+			isDisabled: field.disabled || props.isDisabled,
+			error: props.error ?? error?.message
+		})
+	});
+};
+const RadioGroup = memo(RadioGroupComponent);
+//#endregion
+export { RadioGroup as t };

package/dist/RadioGroup.bound-Dj6CEG6M.d.ts

@@ -0,0 +1,9 @@
+import { i as RadioGroupProps$1 } from "./RadioGroup-DEwQ6B1F.js";
+import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
+//#region src/components/inputs/RadioGroup/RadioGroup.bound.d.ts
+type ControlledRadioGroupProps<TFieldValues extends FieldValues> = FormControlProps<RadioGroupProps$1, TFieldValues>;
+type RadioGroupProps<TFieldValues extends FieldValues = FieldValues> = ControlledRadioGroupProps<TFieldValues>;
+declare const RadioGroupComponent: <TFieldValues extends FieldValues>(props: ControlledRadioGroupProps<TFieldValues>) => import("react").JSX.Element;
+declare const RadioGroup: typeof RadioGroupComponent;
+//#endregion
+export { RadioGroup as n, RadioGroupProps as r, ControlledRadioGroupProps as t };

package/dist/{RichTextEditor-VDOpj7sk.js → RichTextEditor-BYIQW8QA.js}

@@ -1,28 +1,25 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { n as Italic, r as Bold, t as Underline$1 } from "./underline-66hmELxa.js";
-import { a as isEqual } from "./uiConfig.context-BS3r_kTS.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
+import { t as Select } from "./Select-Br_3eecr.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { a as $7230ffa83bc0c2cf$export$c245e6201fed2f75, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CKLkS00H.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as $aa5f63badbfee5df$exports } from "./intlStrings-chfsan9H.js";
-import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
+import { a as $7230ffa83bc0c2cf$export$c245e6201fed2f75, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
+import { l as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-lFYX-7Ax.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
+import { t as $aa5f63badbfee5df$exports } from "./intlStrings-Cu1YN1tA.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CoUk0kkt.js";
 import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
 import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as isEqual } from "./isEqual-LFw0W5rU.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as Button } from "./Button-BPTvffuk.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
-import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-AY25LzbW.js";
-import "./i18n-CX2EjhJI.js";
-import { i as inputSideDefinition, o as useInputCva } from "./input.cva-DJA8ovm_.js";
+import { t as Button } from "./Button-DER_6cxv.js";
+import { IconButton } from "./components/icon-button.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
+import { i as inputSideDefinition, o as useInputCva } from "./input.cva-w7ZEVQAM.js";
+import "./i18n-BjNKHh_D.js";
 import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
-import { Input } from "./components/input.js";
-import { t as Select } from "./Select-B2pAfwRk.js";
+import { t as Input } from "./Input-CG4Irgae.js";
 import { Popover } from "./components/popover.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -34,8 +31,8 @@ import { parseColor } from "react-stately/Color";
 import { useColorPickerState } from "react-stately/useColorPickerState";
 import { useLocalizedStringFormatter } from "react-aria/useLocalizedStringFormatter";
 import { useLabel } from "@react-aria/label";
-import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 import { useTranslation } from "react-i18next";
+import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 import { Color } from "@tiptap/extension-color";
 import { Highlight } from "@tiptap/extension-highlight";
 import { Link } from "@tiptap/extension-link";
@@ -52,7 +49,7 @@ import { StarterKit } from "@tiptap/starter-kit";
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$9 = {
+const __iconData$12 = {
 	name: "baseline",
 	size: 24,
 	node: [
@@ -70,8 +67,26 @@ const __iconData$9 = {
 		}]
 	]
 };
-__iconData$9.node;
-const Baseline = createLucideIcon(__iconData$9);
+__iconData$12.node;
+const Baseline = createLucideIcon(__iconData$12);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/bold.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData$11 = {
+	name: "bold",
+	size: 24,
+	node: [["path", {
+		d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+		key: "mg9rjx"
+	}]]
+};
+__iconData$11.node;
+const Bold = createLucideIcon(__iconData$11);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/highlighter.mjs
 /**
@@ -80,7 +95,7 @@ const Baseline = createLucideIcon(__iconData$9);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$8 = {
+const __iconData$10 = {
 	name: "highlighter",
 	size: 24,
 	node: [["path", {
@@ -91,8 +106,45 @@ const __iconData$8 = {
 		key: "14a9rk"
 	}]]
 };
-__iconData$8.node;
-const Highlighter = createLucideIcon(__iconData$8);
+__iconData$10.node;
+const Highlighter = createLucideIcon(__iconData$10);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/italic.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData$9 = {
+	name: "italic",
+	size: 24,
+	node: [
+		["line", {
+			x1: "19",
+			x2: "10",
+			y1: "4",
+			y2: "4",
+			key: "15jd3p"
+		}],
+		["line", {
+			x1: "14",
+			x2: "5",
+			y1: "20",
+			y2: "20",
+			key: "bu0au3"
+		}],
+		["line", {
+			x1: "15",
+			x2: "9",
+			y1: "4",
+			y2: "20",
+			key: "uljnxc"
+		}]
+	]
+};
+__iconData$9.node;
+const Italic = createLucideIcon(__iconData$9);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/link.mjs
 /**
@@ -101,7 +153,7 @@ const Highlighter = createLucideIcon(__iconData$8);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$7 = {
+const __iconData$8 = {
 	name: "link",
 	size: 24,
 	node: [["path", {
@@ -112,8 +164,8 @@ const __iconData$7 = {
 		key: "19qd67"
 	}]]
 };
-__iconData$7.node;
-const Link$1 = createLucideIcon(__iconData$7);
+__iconData$8.node;
+const Link$1 = createLucideIcon(__iconData$8);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/list-ordered.mjs
 /**
@@ -122,7 +174,7 @@ const Link$1 = createLucideIcon(__iconData$7);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$6 = {
+const __iconData$7 = {
 	name: "list-ordered",
 	size: 24,
 	node: [
@@ -152,8 +204,8 @@ const __iconData$6 = {
 		}]
 	]
 };
-__iconData$6.node;
-const ListOrdered = createLucideIcon(__iconData$6);
+__iconData$7.node;
+const ListOrdered = createLucideIcon(__iconData$7);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/list.mjs
 /**
@@ -162,7 +214,7 @@ const ListOrdered = createLucideIcon(__iconData$6);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$5 = {
+const __iconData$6 = {
 	name: "list",
 	size: 24,
 	node: [
@@ -192,8 +244,8 @@ const __iconData$5 = {
 		}]
 	]
 };
-__iconData$5.node;
-const List = createLucideIcon(__iconData$5);
+__iconData$6.node;
+const List = createLucideIcon(__iconData$6);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/strikethrough.mjs
 /**
@@ -202,7 +254,7 @@ const List = createLucideIcon(__iconData$5);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$4 = {
+const __iconData$5 = {
 	name: "strikethrough",
 	size: 24,
 	node: [
@@ -223,8 +275,8 @@ const __iconData$4 = {
 		}]
 	]
 };
-__iconData$4.node;
-const Strikethrough = createLucideIcon(__iconData$4);
+__iconData$5.node;
+const Strikethrough = createLucideIcon(__iconData$5);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-center.mjs
 /**
@@ -233,7 +285,7 @@ const Strikethrough = createLucideIcon(__iconData$4);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$3 = {
+const __iconData$4 = {
 	name: "text-align-center",
 	size: 24,
 	node: [
@@ -252,8 +304,8 @@ const __iconData$3 = {
 	],
 	aliases: ["align-center"]
 };
-__iconData$3.node;
-const TextAlignCenter = createLucideIcon(__iconData$3);
+__iconData$4.node;
+const TextAlignCenter = createLucideIcon(__iconData$4);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-end.mjs
 /**
@@ -262,7 +314,7 @@ const TextAlignCenter = createLucideIcon(__iconData$3);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$2 = {
+const __iconData$3 = {
 	name: "text-align-end",
 	size: 24,
 	node: [
@@ -281,8 +333,8 @@ const __iconData$2 = {
 	],
 	aliases: ["align-right"]
 };
-__iconData$2.node;
-const TextAlignEnd = createLucideIcon(__iconData$2);
+__iconData$3.node;
+const TextAlignEnd = createLucideIcon(__iconData$3);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-justify.mjs
 /**
@@ -291,7 +343,7 @@ const TextAlignEnd = createLucideIcon(__iconData$2);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$1 = {
+const __iconData$2 = {
 	name: "text-align-justify",
 	size: 24,
 	node: [
@@ -310,8 +362,8 @@ const __iconData$1 = {
 	],
 	aliases: ["align-justify"]
 };
-__iconData$1.node;
-const TextAlignJustify = createLucideIcon(__iconData$1);
+__iconData$2.node;
+const TextAlignJustify = createLucideIcon(__iconData$2);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-start.mjs
 /**
@@ -320,7 +372,7 @@ const TextAlignJustify = createLucideIcon(__iconData$1);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData = {
+const __iconData$1 = {
 	name: "text-align-start",
 	size: 24,
 	node: [
@@ -339,10 +391,34 @@ const __iconData = {
 	],
 	aliases: ["text", "align-left"]
 };
+__iconData$1.node;
+const TextAlignStart = createLucideIcon(__iconData$1);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/underline.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "underline",
+	size: 24,
+	node: [["path", {
+		d: "M6 4v6a6 6 0 0 0 12 0V4",
+		key: "9kb039"
+	}], ["line", {
+		x1: "4",
+		x2: "20",
+		y1: "20",
+		y2: "20",
+		key: "nun2al"
+	}]]
+};
 __iconData.node;
-const TextAlignStart = createLucideIcon(__iconData);
+const Underline$1 = createLucideIcon(__iconData);
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ColorSwatch.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ColorSwatch.mjs
 const $eeaff5a2d2421ecc$export$83cc445538396800 = /*#__PURE__*/ createContext(null);
 const $eeaff5a2d2421ecc$export$cae13e90592f246a = /*#__PURE__*/ forwardRef(function ColorSwatch(props, ref) {
 	[props, ref] = $7230ffa83bc0c2cf$export$29f1550f4b0d4415(props, ref, $eeaff5a2d2421ecc$export$83cc445538396800);
@@ -361,7 +437,7 @@ const $eeaff5a2d2421ecc$export$cae13e90592f246a = /*#__PURE__*/ forwardRef(funct
 	});
 });
 //#endregion
-//#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ColorSwatchPicker.mjs
+//#region ../../node_modules/.bun/react-aria-components@1.22.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ColorSwatchPicker.mjs
 function $parcel$interopDefault(a) {
 	return a && a.__esModule ? a.default : a;
 }
@@ -440,12 +516,16 @@ const HyperlinkAction = ({ editor }) => {
 		isOpen,
 		onOpenChange: setIsOpen,
 		sheetLabel: t(($) => $.ui.textEditor.link.label),
-		trigger: /* @__PURE__ */ jsx(InlineIconButton, {
+		trigger: /* @__PURE__ */ jsx(IconButton, {
 			color: "secondary",
 			label: t(($) => $.ui.textEditor.link.label),
 			icon: Link$1,
-			className: clsx(editor.isActive("link") && "!text-interactive-primary-background"),
-			isDisabled: !editor.isEditable
+			className: clsx(editor.isActive("link") && "!text-interactive-subtle-primary-foreground"),
+			isDisabled: !editor.isEditable,
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		}),
 		children: [/* @__PURE__ */ jsx(Input, {
 			variant: "outlined",
@@ -672,13 +752,17 @@ const TextListActions = ({ editor }) => {
 	if (enabledActions.length === 0) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-full items-center gap-3",
-		children: enabledActions.map((action) => /* @__PURE__ */ jsx(InlineIconButton, {
+		children: enabledActions.map((action) => /* @__PURE__ */ jsx(IconButton, {
 			color: "secondary",
 			label: action.label,
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-primary-background")
+			className: clsx(action.isActive() && "!text-interactive-subtle-primary-foreground"),
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		}, action.label))
 	});
 };
@@ -731,13 +815,17 @@ const TextMarksActions = ({ editor }) => {
 	if (enabledActions.length === 0) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex h-full items-center gap-3",
-		children: enabledActions.map((action) => /* @__PURE__ */ jsx(InlineIconButton, {
+		children: enabledActions.map((action) => /* @__PURE__ */ jsx(IconButton, {
 			color: "secondary",
 			label: action.label,
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-primary-background")
+			className: clsx(action.isActive() && "!text-interactive-subtle-primary-foreground"),
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		}, action.label))
 	});
 };
@@ -901,7 +989,7 @@ const TextEditorBase = ({ ref, as = "default", placeholder, label, hideLabel, to
 		labelProps,
 		className: clsx("group w-full", className),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("group/text-editor relative", "h-full w-full rounded-sm border border-border-default-input border-solid bg-surface-default-background text-surface-default-popover-foreground", uiOutlineClass, "not-disabled:not-invalid:focus-within:border-interactive-ring not-disabled:not-invalid:focus-within:bg-surface-default-background not-disabled:not-invalid:focus-within:text-surface-default-card-foreground", "focus-visible:outline-interactive-ring", "not-disabled:not-invalid:not-focus-within:hover:border-state-border-default-input/hover not-disabled:not-invalid:not-focus-within:hover:bg-state-surface-default-background/hover not-disabled:not-invalid:not-focus-within:hover:text-state-surface-default-popover-foreground/hover", "not-disabled:invalid:border-border-destructive-base", "disabled:border-state-border-default-input/disabled disabled:bg-state-surface-default-background/disabled disabled:text-state-surface-default-popover-foreground/disabled"),
+			className: clsx("group/text-editor relative", "h-full w-full rounded-sm border border-border-default-input border-solid bg-surface-default-background text-content-muted", uiOutlineClass, "not-disabled:not-invalid:focus-within:border-interactive-ring not-disabled:not-invalid:focus-within:bg-surface-default-background not-disabled:not-invalid:focus-within:text-content-primary", "focus-visible:outline-interactive-ring", "not-disabled:not-invalid:not-focus-within:hover:border-state-border-default-input/hover not-disabled:not-invalid:not-focus-within:hover:bg-state-surface-default-background/hover not-disabled:not-invalid:not-focus-within:hover:text-state-content-muted/hover", "not-disabled:invalid:border-border-destructive-base", "disabled:border-state-border-default-input/disabled disabled:bg-state-surface-default-background/disabled disabled:text-state-content-muted/disabled"),
 			"data-text-editor": true,
 			"data-rac": "",
 			"data-hovered": isHovered || void 0,
@@ -934,26 +1022,7 @@ const TextEditorBase = ({ ref, as = "default", placeholder, label, hideLabel, to
 		})
 	});
 };
-const TextEditorComponent = (props) => {
-	if ("field" in props && props.field) {
-		const { field, ref, ...innerProps } = props;
-		return /* @__PURE__ */ jsx(FieldController, {
-			control: field.form,
-			name: field.name,
-			render: ({ field, fieldState: { error, isDirty } }) => /* @__PURE__ */ jsx(TextEditorBase, {
-				...innerProps,
-				ref: $a8ea2faf2ebe4d2f$re_export$mergeRefs(ref, field.ref),
-				value: field.value,
-				onChange: field.onChange,
-				onBlur: field.onBlur,
-				isDirty,
-				isDisabled: field.disabled || props.isDisabled,
-				error: props.error ?? error?.message
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(TextEditorBase, { ...props });
-};
-const RichTextEditor = memo(TextEditorComponent);
+const RichTextEditorComponent = (props) => /* @__PURE__ */ jsx(TextEditorBase, { ...props });
+const RichTextEditor = memo(RichTextEditorComponent);
 //#endregion
-export { RichTextEditor as t };
+export { TextEditorBase as n, RichTextEditor as t };

package/dist/RichTextEditor-hJtuB7Y6.d.ts

@@ -0,0 +1,28 @@
+import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { Ref } from "react";
+import { JSONContent } from "@tiptap/react";
+//#region src/components/inputs/RichTextEditor/RichTextEditor.d.ts
+interface RichTextEditorValue {
+  html?: string | null;
+  json?: JSONContent | null;
+}
+interface TextEditorBaseProps extends FormFieldProps {
+  ref?: Ref<HTMLDivElement>;
+  placeholder?: string;
+  value?: RichTextEditorValue | null;
+  onChange?: (value: RichTextEditorValue | null) => void;
+  onBlur?: () => void;
+  as?: "default" | "filter" | "floating" | "inline" | null;
+  editorClassName?: string;
+  isDirty?: boolean;
+}
+declare const TextEditorBase: ({ ref, as, placeholder, label, hideLabel, tooltipText, helperText, isRequired, rightContent, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, value, className, editorClassName, isDirty, onChange, onBlur }: TextEditorBaseProps) => import("react").JSX.Element;
+type RichTextEditorProps = TextEditorBaseProps & {
+  field?: never;
+};
+declare const RichTextEditorComponent: (props: RichTextEditorProps & {
+  field?: never;
+}) => import("react").JSX.Element;
+declare const RichTextEditor: import("react").MemoExoticComponent<typeof RichTextEditorComponent>;
+//#endregion
+export { TextEditorBase as a, RichTextEditorValue as i, RichTextEditorComponent as n, TextEditorBaseProps as o, RichTextEditorProps as r, RichTextEditor as t };