@povio/ui 5.0.0-rc.2 → 5.0.0-rc.4

package/dist/{Popover-DUKH0q9u.d.ts → Popover-BTHPteIh.d.ts}

@@ -1,5 +1,5 @@
-import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
-import "./BottomSheet.lazy-CGBRPve_.js";
+import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
+import "./BottomSheet.lazy-D9LCEo7s.js";
 import { ReactElement, ReactNode } from "react";
 import { PopoverProps } from "react-aria-components";
 //#region src/components/overlays/Popover/Popover.d.ts

package/dist/{Progress-DQWiFP0L.js → Progress-B3mY9rIP.js}

@@ -1,5 +1,5 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Progress/progress.cva.ts

package/dist/{Progress-Dho39FDs.d.ts → Progress-CjWOR38H.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 //#region src/components/status/Progress/progress.cva.d.ts
 declare const progressDefinition: {
   base: string[];

package/dist/{QuerySelect-Bo1K6gi_.d.ts → QuerySelect-BGxb6Y0K.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { n as GroupedSelectControlProps, r as GroupedSelectProps, s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
+import { n as GroupedSelectControlProps, r as GroupedSelectProps, s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-Omiq2D3M.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
-import { r as SelectProps } from "./Select-DeapZMYx.js";
+import { r as SelectProps } from "./Select-pHbyJdZJ.js";
 import { Key } from "react-aria-components";
 import { UseInfiniteQueryResult, UseQueryResult } from "@tanstack/react-query";
 //#region src/components/inputs/Selection/shared/querySelect.utils.d.ts

package/dist/{RadioGroup-B_zJdn4y.d.ts → RadioGroup-CZg2kIMk.d.ts}

@@ -1,8 +1,8 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
-import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
-import { t as RadioVariantProps } from "./radio.cva-BlOrmxzf.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
+import { t as RadioVariantProps } from "./radio.cva-DN9VQ3Kb.js";
 import { ReactElement, Ref } from "react";
 import { RadioGroupProps } from "react-aria-components";
 //#region src/components/inputs/RadioGroup/RadioGroup.d.ts

package/dist/{RadioGroup-SSZYch-J.js → RadioGroup-DOw3PRoX.js}

@@ -1,19 +1,20 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.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 { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
-import { t as CheckContent } from "./CheckContent-DZ7Gk8GS.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
+import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { mergeRefs } from "react-aria/mergeRefs";
 import { useObjectRef } from "react-aria/useObjectRef";
@@ -23,7 +24,6 @@ import { useHover } from "react-aria/useHover";
 import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useRadio, useRadioGroup } from "react-aria/useRadioGroup";
 import { useRadioGroupState } from "react-stately/useRadioGroupState";
-import { jsx, jsxs } from "react/jsx-runtime";
 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
 const $fe21c36db05242bb$export$a79eda4ff50e30b6 = /*#__PURE__*/ createContext(null);
@@ -147,7 +147,7 @@ const $fe21c36db05242bb$export$f4422ae58352e179 = /*#__PURE__*/ forwardRef(funct
 const radioDefinition = UIOverrides.defineConfig({
 	base: [
 		"flex items-center justify-center border-2",
-		"relative size-3.5 rounded-full p-1.5",
+		"relative m-1.25 size-3.5 shrink-0 rounded-full",
 		"before:absolute before:hidden before:size-1 before:rounded-full",
 		uiGroupOutlineClass
 	],
@@ -157,13 +157,13 @@ const radioDefinition = UIOverrides.defineConfig({
 			"before:bg-interactive-primary-foreground group-selected:before:block",
 			"group-focus-visible:outline-interactive-ring",
 			"group-not-disabled:group-invalid:border-border-destructive-base",
-			"group-disabled:border-tint-interactive-primary-background/50",
-			"group-not-disabled:group-not-invalid:group-hover:border-tint-interactive-primary-background/80",
-			"group-not-disabled:group-not-invalid:group-pressed:border-tint-interactive-primary-background/70",
+			"group-disabled:border-state-interactive-primary-background/disabled",
+			"group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
+			"group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
 			"group-selected:bg-interactive-primary-background",
-			"group-selected:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
-			"group-selected:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
-			"group-selected:group-disabled:bg-tint-interactive-primary-background/50"
+			"group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
+			"group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
+			"group-selected:group-disabled:bg-state-interactive-primary-background/disabled"
 		] } },
 		defaultVariants: { variant: "default" }
 	}

package/dist/{RichTextEditor-D6RewmRj.js → RichTextEditor-D4yN7Wj7.js}

@@ -1,27 +1,31 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { a as isEqual } from "./uiConfig.context-D2eUIPHn.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 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-CXoVeIkU.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-B7DW1S7n.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
+import { t as popoverAnimationClassName } from "./popoverAnimation-DEZSvKP8.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as Button } from "./Button-sn52l1Yv.js";
+import { t as Button } from "./Button-C5rv4Cr2.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 { r as FormFieldLabel, t as FormField } from "./FormField-CHD4OJOt.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-B99dLt8o.js";
 import "./i18n-CX2EjhJI.js";
-import { i as inputSideDefinition, o as useInputCva } from "./input.cva-BcXyC1vZ.js";
-import { t as popoverDefinition } from "./popover.cva-BJSkLndY.js";
+import { i as inputSideDefinition, o as useInputCva } from "./input.cva-DJA8ovm_.js";
+import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
 import { Input } from "./components/input.js";
-import { t as Select } from "./Select-CuZDkeQs.js";
+import { t as Select } from "./Select-UR0ec2Ux.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";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useLocale } from "react-aria/I18nProvider";
@@ -29,7 +33,6 @@ import { useColorSwatch } from "react-aria/useColorSwatch";
 import { parseColor } from "react-stately/Color";
 import { useColorPickerState } from "react-stately/useColorPickerState";
 import { useLocalizedStringFormatter } from "react-aria/useLocalizedStringFormatter";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "@react-aria/label";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 import { useTranslation } from "react-i18next";
@@ -49,7 +52,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$12 = {
+const __iconData$9 = {
 	name: "baseline",
 	size: 24,
 	node: [
@@ -67,26 +70,8 @@ const __iconData$12 = {
 		}]
 	]
 };
-__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);
+__iconData$9.node;
+const Baseline = createLucideIcon(__iconData$9);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/highlighter.mjs
 /**
@@ -95,7 +80,7 @@ const Bold = createLucideIcon(__iconData$11);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconData$10 = {
+const __iconData$8 = {
 	name: "highlighter",
 	size: 24,
 	node: [["path", {
@@ -106,45 +91,8 @@ const __iconData$10 = {
 		key: "14a9rk"
 	}]]
 };
-__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);
+__iconData$8.node;
+const Highlighter = createLucideIcon(__iconData$8);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/link.mjs
 /**
@@ -153,7 +101,7 @@ const Italic = 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$7 = {
 	name: "link",
 	size: 24,
 	node: [["path", {
@@ -164,8 +112,8 @@ const __iconData$8 = {
 		key: "19qd67"
 	}]]
 };
-__iconData$8.node;
-const Link$1 = createLucideIcon(__iconData$8);
+__iconData$7.node;
+const Link$1 = createLucideIcon(__iconData$7);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/list-ordered.mjs
 /**
@@ -174,7 +122,7 @@ const Link$1 = 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$6 = {
 	name: "list-ordered",
 	size: 24,
 	node: [
@@ -204,8 +152,8 @@ const __iconData$7 = {
 		}]
 	]
 };
-__iconData$7.node;
-const ListOrdered = createLucideIcon(__iconData$7);
+__iconData$6.node;
+const ListOrdered = createLucideIcon(__iconData$6);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/list.mjs
 /**
@@ -214,7 +162,7 @@ const ListOrdered = 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$5 = {
 	name: "list",
 	size: 24,
 	node: [
@@ -244,8 +192,8 @@ const __iconData$6 = {
 		}]
 	]
 };
-__iconData$6.node;
-const List = createLucideIcon(__iconData$6);
+__iconData$5.node;
+const List = createLucideIcon(__iconData$5);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/strikethrough.mjs
 /**
@@ -254,7 +202,7 @@ const List = 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$4 = {
 	name: "strikethrough",
 	size: 24,
 	node: [
@@ -275,8 +223,8 @@ const __iconData$5 = {
 		}]
 	]
 };
-__iconData$5.node;
-const Strikethrough = createLucideIcon(__iconData$5);
+__iconData$4.node;
+const Strikethrough = createLucideIcon(__iconData$4);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-center.mjs
 /**
@@ -285,7 +233,7 @@ const Strikethrough = 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$3 = {
 	name: "text-align-center",
 	size: 24,
 	node: [
@@ -304,8 +252,8 @@ const __iconData$4 = {
 	],
 	aliases: ["align-center"]
 };
-__iconData$4.node;
-const TextAlignCenter = createLucideIcon(__iconData$4);
+__iconData$3.node;
+const TextAlignCenter = createLucideIcon(__iconData$3);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-end.mjs
 /**
@@ -314,7 +262,7 @@ const TextAlignCenter = 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$2 = {
 	name: "text-align-end",
 	size: 24,
 	node: [
@@ -333,8 +281,8 @@ const __iconData$3 = {
 	],
 	aliases: ["align-right"]
 };
-__iconData$3.node;
-const TextAlignEnd = createLucideIcon(__iconData$3);
+__iconData$2.node;
+const TextAlignEnd = createLucideIcon(__iconData$2);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-justify.mjs
 /**
@@ -343,7 +291,7 @@ const TextAlignEnd = 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$1 = {
 	name: "text-align-justify",
 	size: 24,
 	node: [
@@ -362,8 +310,8 @@ const __iconData$2 = {
 	],
 	aliases: ["align-justify"]
 };
-__iconData$2.node;
-const TextAlignJustify = createLucideIcon(__iconData$2);
+__iconData$1.node;
+const TextAlignJustify = createLucideIcon(__iconData$1);
 //#endregion
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/text-align-start.mjs
 /**
@@ -372,7 +320,7 @@ const TextAlignJustify = 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 = {
 	name: "text-align-start",
 	size: 24,
 	node: [
@@ -391,32 +339,8 @@ const __iconData$1 = {
 	],
 	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 Underline$1 = createLucideIcon(__iconData);
+const TextAlignStart = createLucideIcon(__iconData);
 //#endregion
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/ColorSwatch.mjs
 const $eeaff5a2d2421ecc$export$83cc445538396800 = /*#__PURE__*/ createContext(null);
@@ -566,7 +490,7 @@ const TextAlignSelect = ({ editor }) => {
 		return {
 			id,
 			label: t(($) => $.ui.textEditor.textAlign[id]),
-			content: /* @__PURE__ */ jsx(Icon, { className: "size-6" }),
+			content: /* @__PURE__ */ jsx(IconSlot, { icon: Icon }),
 			isActive: editor.isActive({ textAlign: id }),
 			can: editor.can().setTextAlign(id)
 		};
@@ -600,7 +524,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-tint-interactive-subtle-primary-foreground/70 group-selected:shadow-2", "cursor-pointer") })
+			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") })
 		}, color))
 	});
 };
@@ -627,12 +551,13 @@ const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children })
 				size: "large",
 				className: "truncate",
 				children
-			}), /* @__PURE__ */ jsx(ChevronDown, {
-				className: clsx("size-6 shrink-0", isOpen && "rotate-180"),
+			}), /* @__PURE__ */ jsx(IconSlot, {
+				icon: ChevronDown,
+				className: clsx(isOpen && "rotate-180"),
 				"aria-hidden": "true"
 			})]
 		}), /* @__PURE__ */ jsx($542a13ca2fa5b484$export$5b6b19405a83ff9d, {
-			className: "my-4 w-40 outline-none",
+			className: clsx("my-4 w-40 outline-none", popoverAnimationClassName),
 			offset: 0,
 			placement: "bottom start",
 			children: /* @__PURE__ */ jsx($f2ff30fde7b014be$export$3ddf2d174ce01153, {
@@ -701,10 +626,7 @@ const TextColorSelect = ({ editor }) => {
 		onChange,
 		colors: defaultColors,
 		isDisabled: !editor.isEditable,
-		children: /* @__PURE__ */ jsx(Baseline, {
-			className: "size-6",
-			style: { color: textColor }
-		})
+		children: /* @__PURE__ */ jsx(IconSlot, { icon: /* @__PURE__ */ jsx(Baseline, { style: { color: textColor } }) })
 	});
 };
 //#endregion
@@ -721,10 +643,7 @@ const TextHighlightSelect = ({ editor }) => {
 		onChange,
 		colors: defaultColors,
 		isDisabled: !editor.isEditable,
-		children: highlightColor ? /* @__PURE__ */ jsx(Highlighter, {
-			className: "size-6",
-			style: { color: highlightColor }
-		}) : /* @__PURE__ */ jsx(Highlighter, { className: "size-6" })
+		children: highlightColor ? /* @__PURE__ */ jsx(IconSlot, { icon: /* @__PURE__ */ jsx(Highlighter, { style: { color: highlightColor } }) }) : /* @__PURE__ */ jsx(IconSlot, { icon: Highlighter })
 	});
 };
 //#endregion
@@ -982,7 +901,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-tint-border-default-input/80 not-disabled:not-invalid:not-focus-within:hover:bg-tint-surface-default-background/80 not-disabled:not-invalid:not-focus-within:hover:text-tint-surface-default-popover-foreground/80", "not-disabled:invalid:border-border-destructive-base", "disabled:border-tint-border-default-input/50 disabled:bg-tint-surface-default-background/50 disabled:text-tint-surface-default-popover-foreground/50"),
+			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"),
 			"data-text-editor": true,
 			"data-rac": "",
 			"data-hovered": isHovered || void 0,

package/dist/{RichTextEditor-B_JX3nor.d.ts → RichTextEditor-YxuRUlI7.d.ts}

@@ -1,6 +1,6 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
 import { Ref } from "react";
 import { JSONContent } from "@tiptap/react";
 //#region src/components/inputs/RichTextEditor/RichTextEditor.d.ts

package/dist/{Select-CuZDkeQs.js → Select-UR0ec2Ux.js}

@@ -1,10 +1,11 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-Cm7MoDVG.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { r as selectInputTagsContentWrapperDefinition } from "./selectDesktop.cva-CHAMxhfO.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-uHa8f_c6.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-DB9PgioW.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-NeZVnci-.js";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Select/Select.tsx

package/dist/{Select-DeapZMYx.d.ts → Select-pHbyJdZJ.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
+import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-Omiq2D3M.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { ReactElement } from "react";
 import { Key } from "react-aria-components";

package/dist/{SelectBase-7SE9Za2r.d.ts → SelectBase-Omiq2D3M.d.ts}

@@ -1,8 +1,8 @@
-import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
+import { t as BottomSheetProps } from "./BottomSheet-DbQuzfAB.js";
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
-import { n as InputVariantProps } from "./input.cva-BhDJxc7r.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
 import { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from "react";
 import { Key } from "react-aria-components";
 import { AriaButtonProps } from "react-aria";

package/dist/{Slider-DJ9K_a-x.js → Slider-CzEmKYBF.js}

@@ -1,13 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { 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 Typography } from "./Typography-B0Gp1lpc.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormField } from "./FormField-CHD4OJOt.js";
+import { t as FormField } from "./FormField-B99dLt8o.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useFocusRing } from "react-aria/useFocusRing";
@@ -17,7 +18,6 @@ import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useSlider, useSliderThumb } from "react-aria/useSlider";
 import { useSliderState } from "react-stately/useSliderState";
 import { useNumberFormatter } from "react-aria/useNumberFormatter";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Slider.mjs
 const $806e559d0c2c64a0$export$e99164f0030f3bff = /*#__PURE__*/ createContext(null);
 const $806e559d0c2c64a0$export$1e7083018727fa60 = /*#__PURE__*/ createContext(null);
@@ -189,28 +189,28 @@ const SliderBase = (props) => {
 				className: "flex items-center justify-between",
 				children: [
 					/* @__PURE__ */ jsxs(Typography, {
-						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-surface-default-popover-foreground",
-						size: "small",
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-center text-surface-default-popover-foreground",
+						size: "large",
 						children: [minValue, unit]
 					}),
 					/* @__PURE__ */ jsx($806e559d0c2c64a0$export$105594979f116971, {
-						className: "relative mx-2 h-6 w-full",
+						className: "relative h-6 w-full",
 						children: ({ state }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
 							className: "absolute top-1/2 h-1 w-full -translate-y-1/2 overflow-hidden rounded-full bg-border-default-subtle",
 							children: /* @__PURE__ */ jsx("div", {
-								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-tint-interactive-primary-background/50" : "bg-interactive-primary-background"),
+								className: clsx("absolute top-0 h-1 rounded-full", props.isDisabled ? "bg-state-interactive-primary-background/disabled" : "bg-interactive-primary-background"),
 								style: getTrackFillStyle(state)
 							})
 						}), state.values.map((_, i) => /* @__PURE__ */ jsx($806e559d0c2c64a0$export$2c1b491743890dec, {
 							index: i,
-							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-primary-background disabled:cursor-default", "not-disabled:dragging:bg-tint-interactive-primary-background/70 not-disabled:not-dragging:hover:bg-tint-interactive-primary-background/80 focus-visible:outline-interactive-ring disabled:bg-tint-interactive-primary-background/50", uiOutlineClass),
+							className: clsx("absolute top-1/2 size-4 cursor-pointer rounded-full bg-interactive-primary-background disabled:cursor-default", "not-disabled:dragging:bg-state-interactive-primary-background/pressed not-disabled:not-dragging:hover:bg-state-interactive-primary-background/hover focus-visible:outline-interactive-ring disabled:bg-state-interactive-primary-background/disabled", uiOutlineClass),
 							isDisabled,
 							onBlur: (event) => onBlur?.({ target: event.target })
 						}, i))] })
 					}),
 					/* @__PURE__ */ jsxs(Typography, {
-						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-surface-default-popover-foreground",
-						size: "small",
+						className: "min-w-10 px-slider-side-leading-and-trailing py-slider-height-leading-and-trailing text-center text-surface-default-popover-foreground",
+						size: "large",
 						children: [maxValue, unit]
 					})
 				]

package/dist/{Slider-BFViQmM3.d.ts → Slider-EYlGCLWe.d.ts}

@@ -1,6 +1,6 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-B0miX3gu.js";
+import { n as FormFieldProps } from "./FormField-Byiehm9y.js";
 import { FocusEvent, Ref } from "react";
 import { SliderProps } from "react-aria-components";
 //#region src/components/inputs/Slider/Slider.d.ts

package/dist/{Spinner-BEYBu85B.js → Spinner-BeVTUzzx.js}

@@ -1,4 +1,4 @@
-import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/status/Spinner/spinner.cva.ts

package/dist/{Spinner-BbcI6IOb.d.ts → Spinner-DbXeDOa2.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { SVGProps } from "react";
 //#region src/components/status/Spinner/spinner.cva.d.ts
 declare const spinnerWrapperDefinition: {