@povio/ui 6.0.0-rc.1 → 6.0.0-rc.3

package/dist/{Progress-1WGRZE8l.d.ts → Progress-CtxPBAgr.d.ts}

@@ -1,5 +1,5 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
+import "./style-definitions-DzsmGccZ.js";
 //#region src/components/status/Progress/progress.cva.d.ts
 declare const progressDefinition: {
   base: string[];
@@ -21,8 +21,8 @@ declare const progressTrackDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly part: {
-      container: ["relative h-1 w-full"];
-      background: ["h-1 w-full shrink-0 rounded-xs bg-surface-default-sunken"];
+      container: ["relative h-2 w-full overflow-hidden rounded-full"];
+      background: ["absolute inset-0 bg-primary/20"];
     };
   }>;
 };

package/dist/{Progress-De76pCfX.js → Progress-ZsKwo9ne.js}

@@ -1,6 +1,6 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D7iiX6Lh.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { a as progressValueDefinition, i as progressTrackWrapperDefinition, n as progressFillDefinition, r as progressTrackDefinition, t as progressDefinition } from "./progress.cva-D0PKV_ET.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Progress/Progress.tsx

package/dist/{RadioGroup-DEwQ6B1F.d.ts → RadioGroup-BYS8ha2C.d.ts}

@@ -1,6 +1,6 @@
-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 { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { t as RadioVariantProps } from "./radio.cva-VUie6k1Y.js";
 import { ReactElement, Ref } from "react";
 import { RadioGroupProps } from "react-aria-components";
 //#region src/components/inputs/RadioGroup/RadioGroup.d.ts

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

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.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-BkLF-JA3.js";
@@ -6,10 +6,10 @@ import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx
 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 { 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 { t as CheckContent } from "./CheckContent-DHKG_FY6.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
+import { a as radioIndicatorClass, i as radioDefinition, n as radioContentRowDefinition, o as radioTypography, r as radioContentWrapperDefinition, t as radioContentClassName } from "./radio.cva-Dn2Auqxw.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";

package/dist/{RadioGroup.bound-Dj6CEG6M.d.ts → RadioGroup.bound-CibzUsQL.d.ts}

@@ -1,4 +1,4 @@
-import { i as RadioGroupProps$1 } from "./RadioGroup-DEwQ6B1F.js";
+import { i as RadioGroupProps$1 } from "./RadioGroup-BYS8ha2C.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>;

package/dist/{RadioGroup.bound-CN4K9dV2.js → RadioGroup.bound-aK3GC6i7.js}

@@ -1,4 +1,4 @@
-import { n as RadioGroupBase } from "./RadioGroup-BPSvcre6.js";
+import { n as RadioGroupBase } from "./RadioGroup-D0X47mm7.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";

package/dist/RangeCalendar-CXLwzK5Z.js

@@ -0,0 +1,291 @@
+import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
+import { r as ChevronLeft } from "./Tooltip-CqbyoJhl.js";
+import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
+import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
+import { t as Select } from "./Select-DbZOJ-0u.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { IconButton } from "./components/icon-button.js";
+import { BadgeButton } from "./components/badge-button.js";
+import "./i18n-BjNKHh_D.js";
+import { n as CalendarGrid, t as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./import-DflE4Gl2.js";
+import { useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useRangeCalendar } from "@react-aria/calendar";
+//#region src/components/inputs/DateTime/shared/CalendarSelectHeader.tsx
+const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled, isNextMonthDisabled, isNextYearDisabled, offset = { months: 0 }, onNavigate, maxDate, minDate }) => {
+	const { t } = useTranslation("ui");
+	const displayDate = state.visibleRange.start.add(offset);
+	const currentMonth = displayDate.month - 1;
+	const currentYear = displayDate.year;
+	const formatter = $1697a7ad3db7b79f$re_export$useDateFormatter({
+		month: "long",
+		timeZone: state.timeZone
+	});
+	const numMonths = state.focusedDate.calendar.getMonthsInYear(state.focusedDate);
+	const MONTHS = useMemo(() => {
+		const months = [];
+		for (let i = 1; i <= numMonths; i++) {
+			const date = state.focusedDate.set({ month: i });
+			months.push(formatter.format(date.toDate(state.timeZone)));
+		}
+		return months;
+	}, [
+		formatter,
+		numMonths,
+		state.focusedDate,
+		state.timeZone
+	]);
+	const years = Array.from({ length: 201 }, (_, i) => currentYear - 100 + i);
+	const getAvailableMonths = () => {
+		return MONTHS.map((month, i) => {
+			const monthDate = displayDate.set({ month: i + 1 });
+			let isDisabled = false;
+			if (maxDate) isDisabled = monthDate.year > maxDate.year || monthDate.year === maxDate.year && monthDate.month >= maxDate.month;
+			if (minDate) isDisabled = monthDate.year < minDate.year || monthDate.year === minDate.year && monthDate.month <= minDate.month;
+			return {
+				month,
+				value: i,
+				isDisabled
+			};
+		});
+	};
+	const getAvailableYears = () => {
+		return years.map((year) => {
+			let isDisabled = false;
+			if (maxDate) isDisabled = year > maxDate.year || year === maxDate.year && displayDate.month >= maxDate.month;
+			if (minDate && !isDisabled) isDisabled = year < minDate.year || year === minDate.year && displayDate.month <= minDate.month;
+			return {
+				year,
+				isDisabled
+			};
+		});
+	};
+	const availableMonths = getAvailableMonths();
+	const availableYears = getAvailableYears();
+	const handleMonthChange = (value) => {
+		if (value === null) return;
+		const newDate = displayDate.set({ month: value + 1 });
+		onNavigate?.(newDate);
+	};
+	const handleYearChange = (value) => {
+		if (value === null) return;
+		const newDate = displayDate.set({ year: value });
+		onNavigate?.(newDate);
+	};
+	const handlePrevMonth = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const newDate = displayDate.subtract({ months: 1 });
+		onNavigate?.(newDate);
+	};
+	const handleNextMonth = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const newDate = displayDate.add({ months: 1 });
+		onNavigate?.(newDate);
+	};
+	const handlePrevYear = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const newDate = displayDate.subtract({ years: 1 });
+		onNavigate?.(newDate);
+	};
+	const handleNextYear = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const newDate = displayDate.add({ years: 1 });
+		onNavigate?.(newDate);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full items-center justify-between gap-3 p-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center",
+				children: [/* @__PURE__ */ jsx(IconButton, {
+					color: "secondary",
+					isDisabled: isPrevYearDisabled,
+					onClick: handlePrevYear,
+					icon: ChevronsLeft,
+					label: t(($) => $.ui.datePicker.navigation.previousYear),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				}), /* @__PURE__ */ jsx(IconButton, {
+					color: "secondary",
+					isDisabled: isPrevMonthDisabled,
+					onClick: handlePrevMonth,
+					icon: ChevronLeft,
+					label: t(($) => $.ui.datePicker.navigation.previousMonth),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsx(Select, {
+					label: "Month",
+					hideLabel: true,
+					customTrigger: /* @__PURE__ */ jsx(BadgeButton, {
+						color: "secondary",
+						variant: "subtle",
+						iconPosition: "right",
+						icon: ChevronDown,
+						children: MONTHS[currentMonth].slice(0, 3)
+					}),
+					ignoreTriggerWidth: true,
+					items: availableMonths.map(({ month, value, isDisabled }) => ({
+						label: month,
+						id: value,
+						isDisabled
+					})).filter(({ isDisabled }) => !isDisabled),
+					value: currentMonth,
+					onChange: handleMonthChange
+				}), /* @__PURE__ */ jsx(Select, {
+					label: "Year",
+					hideLabel: true,
+					customTrigger: /* @__PURE__ */ jsx(BadgeButton, {
+						color: "secondary",
+						variant: "subtle",
+						iconPosition: "right",
+						icon: ChevronDown,
+						children: currentYear.toString()
+					}),
+					items: availableYears.map(({ year, isDisabled }) => ({
+						label: year.toString(),
+						id: year,
+						isDisabled
+					})).filter(({ isDisabled }) => !isDisabled),
+					value: currentYear,
+					onChange: handleYearChange
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center",
+				children: [/* @__PURE__ */ jsx(IconButton, {
+					color: "secondary",
+					isDisabled: isNextMonthDisabled,
+					onClick: handleNextMonth,
+					icon: ChevronRight,
+					label: t(($) => $.ui.datePicker.navigation.nextMonth),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				}), /* @__PURE__ */ jsx(IconButton, {
+					color: "secondary",
+					isDisabled: isNextYearDisabled,
+					onClick: handleNextYear,
+					icon: ChevronsRight,
+					label: t(($) => $.ui.datePicker.navigation.nextYear),
+					variant: "text",
+					width: "hug",
+					disableTooltip: true,
+					size: "sm"
+				})]
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/inputs/DateTime/shared/RangeCalendar.tsx
+const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCalendarState, calendarProps, onApply, onRangeChange: _onRangeChange, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, isRangeSelectionDisabled }) => {
+	const leftRef = useRef(null);
+	const rightRef = useRef(null);
+	const { calendarProps: leftCalendarAriaProps } = useRangeCalendar(calendarProps, leftCalendarState, leftRef);
+	const { calendarProps: rightCalendarAriaProps } = useRangeCalendar(calendarProps, rightCalendarState, rightRef);
+	const leftDate = leftCalendarState.visibleRange.start;
+	const rightDate = rightCalendarState.visibleRange.start;
+	const handleLeftKeyboardNavigation = (event, date) => {
+		return onKeyboardNavigation?.(event, date, "left") ?? false;
+	};
+	const handleRightKeyboardNavigation = (event, date) => {
+		return onKeyboardNavigation?.(event, date, "right") ?? false;
+	};
+	const handleLeftNavigate = (newDate) => {
+		const rightCurrentDate = rightCalendarState.visibleRange.start;
+		if (newDate.year < rightCurrentDate.year || newDate.year === rightCurrentDate.year && newDate.month < rightCurrentDate.month) leftCalendarState.setFocusedDate(newDate);
+		else {
+			const closestValidDate = rightCurrentDate.subtract({ months: 1 });
+			leftCalendarState.setFocusedDate(closestValidDate);
+		}
+	};
+	const handleRightNavigate = (newDate) => {
+		const leftCurrentDate = leftCalendarState.visibleRange.start;
+		if (newDate.year > leftCurrentDate.year || newDate.year === leftCurrentDate.year && newDate.month > leftCurrentDate.month) rightCalendarState.setFocusedDate(newDate);
+		else {
+			const closestValidDate = leftCurrentDate.add({ months: 1 });
+			rightCalendarState.setFocusedDate(closestValidDate);
+		}
+	};
+	const isNextDisabled = useMemo(() => {
+		const leftNextDate = leftDate.add({ months: 1 });
+		return leftNextDate.year > rightDate.year || leftNextDate.year === rightDate.year && leftNextDate.month === rightDate.month;
+	}, [leftDate, rightDate]);
+	const isPrevDisabled = useMemo(() => {
+		const rightPrevDate = rightDate.subtract({ months: 1 });
+		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
+	}, [leftDate, rightDate]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex flex-col items-center bg-popover text-popover-foreground", showWeekNumbers ? "w-full max-w-[336px] md:w-fit md:max-w-none" : "w-fit", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("flex", showWeekNumbers && "w-full"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				...leftCalendarAriaProps,
+				ref: leftRef,
+				className: clsx("flex flex-col items-center", showWeekNumbers && "w-full"),
+				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
+					state: leftCalendarState,
+					isNextMonthDisabled: isNextDisabled,
+					isNextYearDisabled: isNextDisabled,
+					onNavigate: handleLeftNavigate,
+					maxDate: rightDate
+				}), /* @__PURE__ */ jsx(CalendarGrid, {
+					showWeekNumbers,
+					firstDayOfWeek: calendarProps.firstDayOfWeek,
+					state: leftCalendarState,
+					onApply,
+					shouldCloseOnSelect: false,
+					onDateSelection,
+					rangeSelection,
+					onDateHover,
+					hoverDate,
+					onKeyboardNavigation: handleLeftKeyboardNavigation,
+					className: clsx("h-64", showWeekNumbers ? "w-full md:w-[336px]!" : "w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
+					calendarSide: "left",
+					isSelectionDisabled: isRangeSelectionDisabled
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				...rightCalendarAriaProps,
+				ref: rightRef,
+				className: "hidden flex-col items-center md:flex",
+				children: [/* @__PURE__ */ jsx(CalendarSelectHeader, {
+					state: rightCalendarState,
+					isPrevMonthDisabled: isPrevDisabled,
+					isPrevYearDisabled: isPrevDisabled,
+					onNavigate: handleRightNavigate,
+					minDate: leftDate
+				}), /* @__PURE__ */ jsx(CalendarGrid, {
+					showWeekNumbers,
+					firstDayOfWeek: calendarProps.firstDayOfWeek,
+					state: rightCalendarState,
+					onApply,
+					shouldCloseOnSelect: false,
+					onDateSelection,
+					rangeSelection,
+					onDateHover,
+					hoverDate,
+					onKeyboardNavigation: handleRightKeyboardNavigation,
+					className: clsx("h-64", showWeekNumbers ? "w-full md:w-[336px]!" : "w-[304px]!", isRangeSelectionDisabled && "pointer-events-none opacity-50"),
+					calendarSide: "right",
+					isSelectionDisabled: isRangeSelectionDisabled
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { RangeCalendar };

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

@@ -1,25 +1,25 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as Select } from "./Select-Br_3eecr.js";
+import { t as Select } from "./Select-DbZOJ-0u.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 { t as IconSlot } from "./IconSlot-Cuvpj1gd.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 Typography } from "./Typography-Ba5l4rmj.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-DER_6cxv.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
+import { t as Button } from "./Button-DU1Q8GDB.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 { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { i as inputSideDefinition, o as useInputCva } from "./input.cva-AHLI_M3K.js";
 import "./i18n-BjNKHh_D.js";
-import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
-import { t as Input } from "./Input-CG4Irgae.js";
+import { t as popoverDefinition } from "./popover.cva-Ciu9Ro5G.js";
+import { t as Input } from "./Input-CPPDOg7b.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";
@@ -31,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 { useTranslation } from "react-i18next";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
+import { useTranslation } from "react-i18next";
 import { Color } from "@tiptap/extension-color";
 import { Highlight } from "@tiptap/extension-highlight";
 import { Link } from "@tiptap/extension-link";
@@ -520,7 +520,7 @@ const HyperlinkAction = ({ editor }) => {
 			color: "secondary",
 			label: t(($) => $.ui.textEditor.link.label),
 			icon: Link$1,
-			className: clsx(editor.isActive("link") && "!text-interactive-subtle-primary-foreground"),
+			className: clsx(editor.isActive("link") && "bg-accent! text-accent-foreground!"),
 			isDisabled: !editor.isEditable,
 			variant: "text",
 			width: "hug",
@@ -604,7 +604,7 @@ const ColorPicker = ({ colors, value, onChange }) => {
 		children: colors.map((color) => /* @__PURE__ */ jsx($a36727cf8b43b57f$export$abcd89c27081c2ef, {
 			color,
 			className: "group",
-			children: /* @__PURE__ */ jsx($eeaff5a2d2421ecc$export$cae13e90592f246a, { className: clsx("size-4 rounded-xs border border-interactive-subtle-secondary-foreground border-solid", "group-selected:border-state-interactive-subtle-primary-foreground/pressed group-selected:shadow-2", "cursor-pointer") })
+			children: /* @__PURE__ */ jsx($eeaff5a2d2421ecc$export$cae13e90592f246a, { className: clsx("size-4 rounded-sm border border-border border-solid shadow-xs", "group-selected:border-ring group-selected:ring-[3px] group-selected:ring-ring/50", "cursor-pointer") })
 		}, color))
 	});
 };
@@ -637,7 +637,7 @@ const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children })
 				"aria-hidden": "true"
 			})]
 		}), /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
-			className: clsx("my-4 w-40 outline-none", popoverAnimationClassName),
+			className: clsx("my-1 w-40 outline-none", popoverAnimationClassName),
 			offset: 0,
 			placement: "bottom start",
 			children: /* @__PURE__ */ jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, {
@@ -758,7 +758,7 @@ const TextListActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-subtle-primary-foreground"),
+			className: clsx(action.isActive() && "bg-accent! text-accent-foreground!"),
 			variant: "text",
 			width: "hug",
 			disableTooltip: true,
@@ -821,7 +821,7 @@ const TextMarksActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-subtle-primary-foreground"),
+			className: clsx(action.isActive() && "bg-accent! text-accent-foreground!"),
 			variant: "text",
 			width: "hug",
 			disableTooltip: true,
@@ -889,7 +889,7 @@ const TextStyleSelect = ({ editor }) => {
 const RichTextEditorToolbar = ({ editor }) => {
 	if (!editor) return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-border-default-base border-b border-solid p-2",
+		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-b border-solid p-2",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap gap-1",
@@ -989,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-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"),
+			className: clsx("group/text-editor relative", "h-full w-full rounded-md border border-input border-solid bg-transparent text-foreground shadow-xs transition-[color,box-shadow] dark:bg-input/30", uiOutlineClass, "focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", "invalid:border-destructive invalid:ring-destructive/20 dark:invalid:ring-destructive/40", "disabled:cursor-not-allowed disabled:opacity-50"),
 			"data-text-editor": true,
 			"data-rac": "",
 			"data-hovered": isHovered || void 0,

package/dist/{RichTextEditor-hJtuB7Y6.d.ts → RichTextEditor-k9LvNCjg.d.ts}

@@ -1,4 +1,4 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
 import { Ref } from "react";
 import { JSONContent } from "@tiptap/react";
 //#region src/components/inputs/RichTextEditor/RichTextEditor.d.ts