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

package/dist/{PaginationList-PjOxNQwB.js → PaginationList-vfqgyTIP.js}

@@ -1,21 +1,57 @@
-import { r as ChevronLeft } from "./Tooltip-CMigoyri.js";
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.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 clsx } from "./clsx-CnD0nOiA.js";
 import { r as cva } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as Button } from "./Button-DER_6cxv.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
 import { IconButton } from "./components/icon-button.js";
 import "./i18n-BjNKHh_D.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/ellipsis.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: "ellipsis",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "12",
+			cy: "12",
+			r: "1",
+			key: "41hilf"
+		}],
+		["circle", {
+			cx: "19",
+			cy: "12",
+			r: "1",
+			key: "1wjl8i"
+		}],
+		["circle", {
+			cx: "5",
+			cy: "12",
+			r: "1",
+			key: "1pcz8c"
+		}]
+	],
+	aliases: ["more-horizontal"]
+};
+__iconData.node;
+const Ellipsis = createLucideIcon(__iconData);
+//#endregion
 //#region src/components/shared/pagination/minWidth.cva.ts
 const minWidth = cva("", {
 	defaultVariants: { size: "default" },
 	variants: { size: {
-		s: ["min-w-button-min-width-s"],
-		sm: ["min-w-button-min-width-s"],
-		default: ["min-w-button-min-width-m"],
+		s: ["min-w-8"],
+		sm: ["min-w-8"],
+		default: ["min-w-9"],
 		none: ""
 	} }
 });
@@ -23,11 +59,14 @@ const minWidth = cva("", {
 //#region src/components/shared/pagination/PaginationList.tsx
 const PaginationList = (t0) => {
 	const $ = c(54);
-	const { page, totalPages, size, color, variant, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
+	const { page, totalPages, size: t1, color: t2, variant: t3, hideText, hideFirstLast, hidePrevNext, hideNumbers, className, onPageChange } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const color = t2 === void 0 ? "secondary" : t2;
+	const variant = t3 === void 0 ? "ghost" : t3;
 	const { t } = useTranslation("ui");
 	const isPrevDisabled = page <= 1;
 	const isNextDisabled = page >= totalPages;
-	let t1;
+	let t4;
 	if ($[0] !== color || $[1] !== onPageChange || $[2] !== page || $[3] !== size || $[4] !== totalPages || $[5] !== variant) {
 		const pagesToShow = [];
 		pagesToShow.push(1);
@@ -35,19 +74,16 @@ const PaginationList = (t0) => {
 		for (let i = Math.max(2, page - 1); i <= Math.min(totalPages - 1, page + 1); i++) pagesToShow.push(i);
 		if (page < totalPages - 2) pagesToShow.push("ellipsis");
 		if (totalPages > 1 && !pagesToShow.includes(totalPages)) pagesToShow.push(totalPages);
-		t1 = pagesToShow.map((p, index) => {
-			if (p === "ellipsis") return /* @__PURE__ */ jsx(Button, {
-				variant,
-				color,
-				size,
-				width: "fill",
-				className: clsx(minWidth({ size })),
-				children: "..."
+		t4 = pagesToShow.map((p, index) => {
+			if (p === "ellipsis") return /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: clsx("flex items-center justify-center", size === "s" || size === "sm" ? "size-8" : "size-9"),
+				children: /* @__PURE__ */ jsx(Ellipsis, { className: "size-4" })
 			}, `ellipsis-${index}`);
 			return /* @__PURE__ */ jsx(Button, {
 				width: "hug",
 				size,
-				variant,
+				variant: p === page ? "outline" : variant,
 				color,
 				"data-selected": p === page ? true : void 0,
 				className: clsx(p.toString().length <= 2 && minWidth({ size })),
@@ -61,36 +97,36 @@ const PaginationList = (t0) => {
 		$[3] = size;
 		$[4] = totalPages;
 		$[5] = variant;
-		$[6] = t1;
-	} else t1 = $[6];
-	const renderPageNumbers = t1;
+		$[6] = t4;
+	} else t4 = $[6];
+	const renderPageNumbers = t4;
 	if (totalPages <= 1) return null;
-	let t2;
+	let t5;
 	if ($[7] !== isNextDisabled || $[8] !== onPageChange || $[9] !== page) {
-		t2 = () => {
+		t5 = () => {
 			if (!isNextDisabled) onPageChange?.(page + 1);
 		};
 		$[7] = isNextDisabled;
 		$[8] = onPageChange;
 		$[9] = page;
-		$[10] = t2;
-	} else t2 = $[10];
-	const onNext = t2;
-	let t3;
+		$[10] = t5;
+	} else t5 = $[10];
+	const onNext = t5;
+	let t6;
 	if ($[11] !== isPrevDisabled || $[12] !== onPageChange || $[13] !== page) {
-		t3 = () => {
+		t6 = () => {
 			if (!isPrevDisabled) onPageChange?.(page - 1);
 		};
 		$[11] = isPrevDisabled;
 		$[12] = onPageChange;
 		$[13] = page;
-		$[14] = t3;
-	} else t3 = $[14];
-	const onPrevious = t3;
-	let t4;
+		$[14] = t6;
+	} else t6 = $[14];
+	const onPrevious = t6;
+	let t7;
 	if ($[15] !== color || $[16] !== hideText || $[17] !== size || $[18] !== variant) {
-		t4 = (t5) => {
-			const { label, ...props } = t5;
+		t7 = (t8) => {
+			const { label, iconPosition, ...props } = t8;
 			return hideText ? /* @__PURE__ */ jsx(IconButton, {
 				...props,
 				label,
@@ -100,6 +136,7 @@ const PaginationList = (t0) => {
 				disableTooltip: true
 			}) : /* @__PURE__ */ jsx(Button, {
 				...props,
+				iconPosition,
 				size,
 				color,
 				variant,
@@ -110,18 +147,18 @@ const PaginationList = (t0) => {
 		$[16] = hideText;
 		$[17] = size;
 		$[18] = variant;
-		$[19] = t4;
-	} else t4 = $[19];
-	const renderNavigationButton = t4;
-	let t5;
+		$[19] = t7;
+	} else t7 = $[19];
+	const renderNavigationButton = t7;
+	let t8;
 	if ($[20] !== className) {
-		t5 = clsx("flex items-center gap-pagination-button-to-button", className);
+		t8 = clsx("flex items-center gap-1", className);
 		$[20] = className;
-		$[21] = t5;
-	} else t5 = $[21];
-	let t6;
+		$[21] = t8;
+	} else t8 = $[21];
+	let t9;
 	if ($[22] !== hideFirstLast || $[23] !== isPrevDisabled || $[24] !== onPageChange || $[25] !== renderNavigationButton || $[26] !== t) {
-		t6 = !hideFirstLast && renderNavigationButton({
+		t9 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(1),
 			isDisabled: isPrevDisabled,
 			icon: ChevronsLeft,
@@ -132,11 +169,11 @@ const PaginationList = (t0) => {
 		$[24] = onPageChange;
 		$[25] = renderNavigationButton;
 		$[26] = t;
-		$[27] = t6;
-	} else t6 = $[27];
-	let t7;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
 	if ($[28] !== hidePrevNext || $[29] !== isPrevDisabled || $[30] !== onPrevious || $[31] !== renderNavigationButton || $[32] !== t) {
-		t7 = !hidePrevNext && renderNavigationButton({
+		t10 = !hidePrevNext && renderNavigationButton({
 			onClick: onPrevious,
 			isDisabled: isPrevDisabled,
 			icon: ChevronLeft,
@@ -147,15 +184,16 @@ const PaginationList = (t0) => {
 		$[30] = onPrevious;
 		$[31] = renderNavigationButton;
 		$[32] = t;
-		$[33] = t7;
-	} else t7 = $[33];
-	const t8 = !hideNumbers && renderPageNumbers;
-	let t9;
+		$[33] = t10;
+	} else t10 = $[33];
+	const t11 = !hideNumbers && renderPageNumbers;
+	let t12;
 	if ($[34] !== hidePrevNext || $[35] !== isNextDisabled || $[36] !== onNext || $[37] !== renderNavigationButton || $[38] !== t) {
-		t9 = !hidePrevNext && renderNavigationButton({
+		t12 = !hidePrevNext && renderNavigationButton({
 			onClick: onNext,
 			isDisabled: isNextDisabled,
 			icon: ChevronRight,
+			iconPosition: "right",
 			label: t(_temp3)
 		});
 		$[34] = hidePrevNext;
@@ -163,14 +201,15 @@ const PaginationList = (t0) => {
 		$[36] = onNext;
 		$[37] = renderNavigationButton;
 		$[38] = t;
-		$[39] = t9;
-	} else t9 = $[39];
-	let t10;
+		$[39] = t12;
+	} else t12 = $[39];
+	let t13;
 	if ($[40] !== hideFirstLast || $[41] !== isNextDisabled || $[42] !== onPageChange || $[43] !== renderNavigationButton || $[44] !== t || $[45] !== totalPages) {
-		t10 = !hideFirstLast && renderNavigationButton({
+		t13 = !hideFirstLast && renderNavigationButton({
 			onClick: () => onPageChange?.(totalPages),
 			isDisabled: isNextDisabled,
 			icon: ChevronsRight,
+			iconPosition: "right",
 			label: t(_temp4)
 		});
 		$[40] = hideFirstLast;
@@ -179,29 +218,29 @@ const PaginationList = (t0) => {
 		$[43] = renderNavigationButton;
 		$[44] = t;
 		$[45] = totalPages;
-		$[46] = t10;
-	} else t10 = $[46];
-	let t11;
-	if ($[47] !== t10 || $[48] !== t5 || $[49] !== t6 || $[50] !== t7 || $[51] !== t8 || $[52] !== t9) {
-		t11 = /* @__PURE__ */ jsxs("nav", {
-			className: t5,
+		$[46] = t13;
+	} else t13 = $[46];
+	let t14;
+	if ($[47] !== t10 || $[48] !== t11 || $[49] !== t12 || $[50] !== t13 || $[51] !== t8 || $[52] !== t9) {
+		t14 = /* @__PURE__ */ jsxs("nav", {
+			className: t8,
 			children: [
-				t6,
-				t7,
-				t8,
 				t9,
-				t10
+				t10,
+				t11,
+				t12,
+				t13
 			]
 		});
 		$[47] = t10;
-		$[48] = t5;
-		$[49] = t6;
-		$[50] = t7;
+		$[48] = t11;
+		$[49] = t12;
+		$[50] = t13;
 		$[51] = t8;
 		$[52] = t9;
-		$[53] = t11;
-	} else t11 = $[53];
-	return t11;
+		$[53] = t14;
+	} else t14 = $[53];
+	return t14;
 };
 function _temp($) {
 	return $.ui.pagination.firstBtn;

package/dist/{PasswordInput-BHPFkVbM.d.ts → PasswordInput-Dy5hMeFP.d.ts}

@@ -1,4 +1,4 @@
-import { i as InputProps } from "./Input-BX3sZBEp.js";
+import { i as InputProps } from "./Input-Bu4G9gcn.js";
 //#region src/components/inputs/Input/PasswordInput/PasswordInput.d.ts
 interface PasswordInputProps extends Omit<InputProps, "type" | "action" | "trailingIcon" | "unit"> {
   field?: never;

package/dist/{PasswordInput.bound-DC57m4NT.d.ts → PasswordInput.bound-B5sHHU26.d.ts}

@@ -1,4 +1,4 @@
-import { n as PasswordInputProps$1 } from "./PasswordInput-BHPFkVbM.js";
+import { n as PasswordInputProps$1 } from "./PasswordInput-Dy5hMeFP.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Input/PasswordInput/PasswordInput.bound.d.ts
 type PasswordInputProps<TFieldValues extends FieldValues = FieldValues> = ControlledPasswordInputProps<TFieldValues>;

package/dist/{PasswordInput.bound-CrXKvfil.js → PasswordInput.bound-Bj3WO1zC.js}

@@ -1,6 +1,6 @@
 import { n as EyeOff, t as Eye } from "./eye-BA4nRlMX.js";
 import "./i18n-BjNKHh_D.js";
-import { t as Input } from "./Input.bound-jZx8gJro.js";
+import { t as Input } from "./Input.bound-CnqI-L-b.js";
 import { memo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";

package/dist/{Popover-pjd0Hu61.d.ts → Popover-DxTsc2y6.d.ts}

@@ -1,5 +1,5 @@
-import { t as BottomSheetProps } from "./BottomSheet-BQXSdxoX.js";
-import "./BottomSheet.lazy-BzvLg8Ea.js";
+import { t as BottomSheetProps } from "./BottomSheet-C-jdDmO7.js";
+import "./BottomSheet.lazy-C0_6p_UQ.js";
 import { ReactElement, ReactNode } from "react";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/overlays/Popover/Popover.d.ts

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/{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

package/dist/{RichTextEditor-BYIQW8QA.js → RichTextEditor-qoxzWBFP.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-BAlYMh4h.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-BdCci6BF.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";
@@ -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,