@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{RichTextEditor-eM9d2umr.js → RichTextEditor-Bd7F5D8f.js}

@@ -1,27 +1,31 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { a as isEqual } from "./uiConfig.context-RFvaQYzD.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-AcUd9df8.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-CcZBqoQp.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-DTO2cbXC.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
 import "./i18n-CX2EjhJI.js";
-import { i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
-import { t as popoverDefinition } from "./popover.cva-CXha_UMQ.js";
+import { i as inputSideDefinition, o as useInputCva } from "./input.cva-CbMTwuQU.js";
+import { t as popoverDefinition } from "./popover.cva-Bhud1wnp.js";
 import { Input } from "./components/input.js";
-import { t as Select } from "./Select-CyBtGHk9.js";
+import { t as Select } from "./Select-CgIhoWgk.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);
@@ -520,7 +444,7 @@ const HyperlinkAction = ({ editor }) => {
 			color: "secondary",
 			label: t(($) => $.ui.textEditor.link.label),
 			icon: Link$1,
-			className: clsx(editor.isActive("link") && "!text-interactive-text-primary-idle"),
+			className: clsx(editor.isActive("link") && "!text-interactive-primary-background"),
 			isDisabled: !editor.isEditable
 		}),
 		children: [/* @__PURE__ */ jsx(Input, {
@@ -536,7 +460,7 @@ const HyperlinkAction = ({ editor }) => {
 			children: [/* @__PURE__ */ jsx(Button, {
 				variant: "contained",
 				color: "secondary",
-				size: "xs",
+				size: "sm",
 				width: "hug",
 				onPress: onApply,
 				isDisabled: !url,
@@ -544,7 +468,7 @@ const HyperlinkAction = ({ editor }) => {
 			}), /* @__PURE__ */ jsx(Button, {
 				variant: "outlined",
 				color: "secondary",
-				size: "xs",
+				size: "sm",
 				width: "hug",
 				onPress: onRemove,
 				isDisabled: !editor.isActive("link"),
@@ -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-outlined-secondary-outline-idle border-solid", "group-selected:border-interactive-outlined-primary-outline-pressed 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))
 	});
 };
@@ -624,15 +548,16 @@ const ColorPickerDropdown = ({ colors, value, onChange, isDisabled, children })
 			}),
 			isDisabled,
 			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "label-1",
+				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
@@ -759,7 +678,7 @@ const TextListActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
+			className: clsx(action.isActive() && "!text-interactive-primary-background")
 		}, action.label))
 	});
 };
@@ -818,7 +737,7 @@ const TextMarksActions = ({ editor }) => {
 			onPress: action.onPress,
 			icon: action.icon,
 			isDisabled: !action.isEnabled(),
-			className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
+			className: clsx(action.isActive() && "!text-interactive-primary-background")
 		}, action.label))
 	});
 };
@@ -832,7 +751,14 @@ const TextStyleSelect = ({ editor }) => {
 			id: level,
 			label: t(($) => $.ui.textEditor.textStyle[`heading${level}`]),
 			content: /* @__PURE__ */ jsx(Typography, {
-				size: `title-${level}`,
+				size: {
+					1: "h1",
+					2: "h2",
+					3: "h3",
+					4: "h4",
+					5: "lead",
+					6: "large"
+				}[level],
 				children: t(($) => $.ui.textEditor.textStyle[`heading${level}`])
 			})
 		};
@@ -875,7 +801,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-elevation-outline-default-2 border-b border-solid p-2",
+		className: "flex w-full flex-wrap items-center gap-x-7 gap-y-1 border-border-default-base border-b border-solid p-2",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-wrap gap-1",
@@ -975,10 +901,11 @@ 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-elevation-outline-default-2 border-solid bg-elevation-fill-default-1", uiOutlineClass, "focus-within:border focus-within:border-input-outlined-outline-active", "focus-visible:outline-interactive-contained-primary-focus", "hover:border hover:border-input-outlined-outline-hover"),
+			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,
+			"data-invalid": !!error || void 0,
 			"data-disabled": isDisabled || void 0,
 			"data-is-disabled": isDisabled || void 0,
 			"data-focus-within": isFocused || void 0,

package/dist/{RichTextEditor-CbgjRfiU.d.ts → RichTextEditor-CsDZcgyf.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-DTDj3F0A.js";
+import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
 import { Ref } from "react";
 import { JSONContent } from "@tiptap/react";
 //#region src/components/inputs/RichTextEditor/RichTextEditor.d.ts

package/dist/{Select-CyBtGHk9.js → Select-CgIhoWgk.js}

@@ -1,11 +1,11 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-DOt6f-ck.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 Typography } from "./Typography-AcUd9df8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "./staticSelect.utils-BfTCi26B.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-_stbpoX4.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "./useStaticInputHandoff-B7DEm75m.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
@@ -62,14 +62,10 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 			dataHasSelection: !isEmpty,
 			dataHasSearch: false
 		};
-		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx(Typography, {
-			size: "label-1",
-			as: "span",
-			className: "block truncate text-text-default-3",
+		const buttonContent = isMultiple && !isEmpty ? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }) : isEmpty ? /* @__PURE__ */ jsx("span", {
+			className: "block truncate text-surface-default-popover-foreground",
 			children: placeholder
-		}) : /* @__PURE__ */ jsx(Typography, {
-			size: "label-1",
-			as: "span",
+		}) : /* @__PURE__ */ jsx("span", {
 			className: "block truncate",
 			children: displayValue
 		});
@@ -81,7 +77,6 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 			inputClassName: clsx(props.className, props.inputClassName),
 			contentWrapperClassName: selectInputTagsContentWrapperCva({ isSearchable }),
 			contentGroup: "select",
-			typographySize: "label-1",
 			labelPlacement: "content-row",
 			dataAttributes,
 			wrapTrailingContent: false,
@@ -103,7 +98,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 				"aria-expanded": false,
 				value: inputValue,
 				placeholder: shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
-				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
+				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-surface-default-popover-foreground disabled:text-inherit", props.inputClassName),
 				onChange: (event) => replayStaticInputChange(event.target.value),
 				...dataAttributeProps,
 				"data-rac": true
@@ -112,7 +107,7 @@ function SelectInner({ renderStaticInput, isFormControlDisabled, ...props }) {
 				disabled: isDisabled,
 				tabIndex: -1,
 				"data-type": "select-trigger",
-				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-interactive-text-secondary-disabled", isMultiple && !isEmpty && "absolute inset-0 z-0"),
+				className: clsx("w-full truncate bg-transparent text-start outline-none disabled:text-inherit", isMultiple && !isEmpty && "absolute inset-0 z-0"),
 				onClick: replayStaticInputPress,
 				...dataAttributeProps,
 				"data-rac": true,

package/dist/{Select-wzB2aQ_X.d.ts → Select-DKBPfNUe.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-DefgAEzh.js";
+import { a as SelectAsyncProps, n as GroupedSelectControlProps, o as SelectBaseProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-BkIhS9Dg.js";
 import { s as OmitDiscriminatedUnion } from "./common-UBFya8WY.js";
 import { ReactElement } from "react";
 import { Key } from "react-aria-components";

package/dist/{SelectBase-DefgAEzh.d.ts → SelectBase-BkIhS9Dg.d.ts}

@@ -1,8 +1,8 @@
-import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.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-DTDj3F0A.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
+import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
+import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
 import { FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref } from "react";
 import { Key } from "react-aria-components";
 import { AriaButtonProps } from "react-aria";

package/dist/{Slider-CZMNmk6P.d.ts → Slider-BtUXzztJ.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-DTDj3F0A.js";
+import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
 import { FocusEvent, Ref } from "react";
 import { SliderProps } from "react-aria-components";
 //#region src/components/inputs/Slider/Slider.d.ts

package/dist/{Slider-KkWtEm09.js → Slider-CMg0BXJO.js}

@@ -1,13 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.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-AcUd9df8.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-DTO2cbXC.js";
+import { t as FormField } from "./FormField-9h3JAhaY.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-text-default-3",
-						size: "label-2",
+						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-elevation-outline-default-1",
+							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-interactive-contained-primary-disabled" : "bg-interactive-contained-primary-idle"),
+								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-contained-primary-idle disabled:cursor-default", "dragging:bg-interactive-contained-primary-pressed hover:bg-interactive-contained-primary-hover focus-visible:outline-interactive-contained-primary-focus disabled:bg-interactive-contained-primary-disabled", 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-text-default-3",
-						size: "label-2",
+						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/{Spinner-owSXOEzg.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
@@ -17,7 +17,7 @@ const spinnerDefinition = UIOverrides.defineConfig({
 	base: ["animate-loader-spin"],
 	config: {
 		variants: { size: {
-			default: "size-3-5",
+			default: "size-3.5",
 			l: "size-8"
 		} },
 		defaultVariants: { size: "default" }