@povio/ui 5.0.0-rc.1 → 5.0.0-rc.11

package/dist/{Tag-HiDH438e.js → Tag-DPg5sL1Z.js}

@@ -1,9 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as X } from "./x-B6vfz8Ps.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 { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.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 "./i18n-CX2EjhJI.js";
 import { c } from "react/compiler-runtime";
@@ -14,8 +15,8 @@ const tagDefinition = UIOverrides.defineConfig({
 	base: [
 		uiOutlineClass,
 		"inline-flex items-center gap-list-gap-icon-to-label",
-		"p-pill-height-s px-1.5",
-		"rounded-pill-rounding-default",
+		"p-badge-height-s px-1.5",
+		"rounded-badge-rounding-default",
 		"overflow-hidden",
 		"disabled:cursor-default"
 	],
@@ -23,37 +24,37 @@ const tagDefinition = UIOverrides.defineConfig({
 		variants: { color: {
 			primary: [
 				"bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
-				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-primary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-primary-foreground/80",
-				"not-disabled:pressed:bg-tint-interactive-subtle-primary-background/70 not-disabled:pressed:text-tint-interactive-subtle-primary-foreground/70",
-				"disabled:bg-tint-interactive-subtle-primary-background/50 disabled:text-tint-interactive-subtle-primary-foreground/50",
+				"not-disabled:not-pressed:hover:bg-state-interactive-subtle-primary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-primary-foreground/hover",
+				"not-disabled:pressed:bg-state-interactive-subtle-primary-background/pressed not-disabled:pressed:text-state-interactive-subtle-primary-foreground/pressed",
+				"disabled:bg-state-interactive-subtle-primary-background/disabled disabled:text-state-interactive-subtle-primary-foreground/disabled",
 				"focus-visible:outline-interactive-ring"
 			],
 			secondary: [
 				"bg-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground",
-				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-secondary-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-secondary-foreground/80",
-				"not-disabled:pressed:bg-tint-interactive-subtle-secondary-background/70 not-disabled:pressed:text-tint-interactive-subtle-secondary-foreground/70",
-				"disabled:bg-tint-interactive-subtle-secondary-background/50 disabled:text-tint-interactive-subtle-secondary-foreground/50",
+				"not-disabled:not-pressed:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-secondary-foreground/hover",
+				"not-disabled:pressed:bg-state-interactive-subtle-secondary-background/pressed not-disabled:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
+				"disabled:bg-state-interactive-subtle-secondary-background/disabled disabled:text-state-interactive-subtle-secondary-foreground/disabled",
 				"focus-visible:outline-interactive-ring"
 			],
 			success: [
 				"bg-surface-success-inverted-base text-surface-success-base",
-				"not-disabled:not-pressed:hover:bg-tint-surface-success-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-success-base/80",
-				"not-disabled:pressed:bg-tint-surface-success-inverted-base/70 not-disabled:pressed:text-tint-surface-success-base/70",
-				"disabled:bg-tint-surface-success-inverted-base/50 disabled:text-tint-surface-success-base/50",
+				"not-disabled:not-pressed:hover:bg-state-surface-success-inverted-base/hover not-disabled:not-pressed:hover:text-state-surface-success-base/hover",
+				"not-disabled:pressed:bg-state-surface-success-inverted-base/pressed not-disabled:pressed:text-state-surface-success-base/pressed",
+				"disabled:bg-state-surface-success-inverted-base/disabled disabled:text-state-surface-success-base/disabled",
 				"focus-visible:outline-interactive-ring"
 			],
 			warning: [
 				"bg-surface-warning-inverted-base text-surface-warning-base",
-				"not-disabled:not-pressed:hover:bg-tint-surface-warning-inverted-base/80 not-disabled:not-pressed:hover:text-tint-surface-warning-base/80",
-				"not-disabled:pressed:bg-tint-surface-warning-inverted-base/70 not-disabled:pressed:text-tint-surface-warning-base/70",
-				"disabled:bg-tint-surface-warning-inverted-base/50 disabled:text-tint-surface-warning-base/50",
+				"not-disabled:not-pressed:hover:bg-state-surface-warning-inverted-base/hover not-disabled:not-pressed:hover:text-state-surface-warning-base/hover",
+				"not-disabled:pressed:bg-state-surface-warning-inverted-base/pressed not-disabled:pressed:text-state-surface-warning-base/pressed",
+				"disabled:bg-state-surface-warning-inverted-base/disabled disabled:text-state-surface-warning-base/disabled",
 				"focus-visible:outline-interactive-ring"
 			],
 			error: [
 				"bg-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground",
-				"not-disabled:not-pressed:hover:bg-tint-interactive-subtle-destructive-background/80 not-disabled:not-pressed:hover:text-tint-interactive-subtle-destructive-foreground/80",
-				"not-disabled:pressed:bg-tint-interactive-subtle-destructive-background/70 not-disabled:pressed:text-tint-interactive-subtle-destructive-foreground/70",
-				"disabled:bg-tint-interactive-subtle-destructive-background/50 disabled:text-tint-interactive-subtle-destructive-foreground/50",
+				"not-disabled:not-pressed:hover:bg-state-interactive-subtle-destructive-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-destructive-foreground/hover",
+				"not-disabled:pressed:bg-state-interactive-subtle-destructive-background/pressed not-disabled:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
+				"disabled:bg-state-interactive-subtle-destructive-background/disabled disabled:text-state-interactive-subtle-destructive-foreground/disabled",
 				"focus-visible:outline-interactive-ring"
 			]
 		} },
@@ -119,7 +120,7 @@ const Tag = (t0) => {
 		t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+			children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
 		});
 		$[12] = buttonProps;
 		$[13] = isDismissible;

package/dist/{TextArea-BhrCBGbq.d.ts → TextArea-D6kcAwGn.d.ts}

@@ -1,7 +1,7 @@
 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-C8_T6by9.js";
+import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
 import { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

package/dist/{TextArea-gikUKKDl.js → TextArea-uPffb457.js}

@@ -1,17 +1,17 @@
-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 { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.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, i as inputSideDefinition, o as useInputCva } from "./input.cva-BcXyC1vZ.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-CbMTwuQU.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CDHFaUKZ.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { useFocusRing } from "react-aria/useFocusRing";
 import { useHover } from "react-aria/useHover";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useTextField } from "@react-aria/textfield";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/TextArea.mjs
 const $bd263d78e9bf3c56$export$2dc6166a7e65358c = /*#__PURE__*/ createContext({});
@@ -137,7 +137,7 @@ const TextAreaBase = (props) => {
 							variant,
 							as,
 							...rest,
-							className: clsx("block h-full min-h-8", inputClassName)
+							className: clsx("block h-full min-h-8", as !== "inline" && "[textarea&]:rounded-[min(var(--radius-input-rounding-default),1rem)]", inputClassName)
 						}),
 						ref
 					}),

package/dist/{TextButton-DnXRykhF.d.ts → TextButton-XUhV_1s0.d.ts}

@@ -1,7 +1,7 @@
-import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
-import { n as ButtonVariantProps } from "./button.cva-BvRI-3Gn.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.js";
-import { r as ButtonIconProps } from "./Button-BZ3is6IU.js";
+import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
+import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
+import { r as ButtonIconProps } from "./Button-D-4qb0IR.js";
 import { ReactNode } from "react";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/TextButton/TextButton.d.ts

package/dist/{TimePicker-DtNTOOGr.js → TimePicker-DN-i98z5.js}

@@ -1,22 +1,23 @@
-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 { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog, y as $7541913c0284d84b$export$4c842f6a241dc825 } from "./staticDateTimeSegments-DR8bJw-F.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { t as Typography } from "./Typography-LU4z2pR1.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 { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-BcXyC1vZ.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CRf-JFeo.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-DB9PgioW.js";
-import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-CFCY-fRJ.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-CbMTwuQU.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CDHFaUKZ.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-B7DEm75m.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { a as getStaticTimeSegments, c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, i as getStaticDateTimeFocusTarget, l as DateSegmentItem, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-BWea3HAt.js";
+import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-QWR2q5Vv.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";
+import { useLocale, useTimeField } from "react-aria";
 import { useFocusVisible, useFocusWithin, useHover } from "@react-aria/interactions";
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useTimeFieldState.mjs
 function $b822555cf9fe955c$export$fd53cef0cc796101(props) {
@@ -192,7 +193,7 @@ const TimePickerBase = (props) => {
 	};
 	const [isOpen, setIsOpen] = useState(false);
 	const initialDateEmitRef = useRef(true);
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const normalizedValue = value ?? null;
 	const dialogState = $b822555cf9fe955c$export$fd53cef0cc796101({
 		...rest,
@@ -221,7 +222,7 @@ const TimePickerBase = (props) => {
 		if (state.timeValue) onChange?.(state.timeValue);
 	}, [rest.date]);
 	const timeFieldRef = useRef(null);
-	const { labelProps, fieldProps } = $7541913c0284d84b$export$4c842f6a241dc825({
+	const { labelProps, fieldProps } = useTimeField({
 		...rest,
 		label,
 		isReadOnly: disableManualEntry,
@@ -312,7 +313,7 @@ const TimePickerInner = ({ renderStaticInput, isFormControlDisabled, ...props })
 	const timeZone = props.timeZone ?? ui.dateInput.timeZone;
 	let effectiveTimeZone = getLocalTimeZone();
 	if (timeZone !== "clientLocal") effectiveTimeZone = timeZone;
-	const { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
+	const { locale } = useLocale();
 	const [renderInput, setRenderInput] = useState(!(renderStaticInput ?? ui.renderStaticInput));
 	const inputRef = useRef(null);
 	const { renderRealInput, replayStaticInputPress } = useStaticInputHandoff({

package/dist/{TimePicker-CmT89X7v.d.ts → TimePicker-Dex9aU7D.d.ts}

@@ -1,7 +1,7 @@
 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-C8_T6by9.js";
+import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
 import { FocusEvent, Ref } from "react";
 import { AriaTimeFieldProps, TimeValue } from "react-aria";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

package/dist/Toast-DtG3pA61.js

@@ -0,0 +1,53 @@
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
+import { t as Button } from "./Button-C5rv4Cr2.js";
+import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-C_L_RffH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/status/Toast/Toast.tsx
+const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { variant = uiConfig.toast.variant, ...restProps } = props;
+	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
+	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
+	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
+	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
+	const variantProps = {
+		variant,
+		...restProps
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: toastCva(variantProps),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-toast-gap-icon-to-text px-toast-side-default py-toast-height-content",
+			children: [
+				isLoading && /* @__PURE__ */ jsx(Spinner, {
+					size: "default",
+					className: "shrink-0"
+				}),
+				!isLoading && Icon && /* @__PURE__ */ jsx(IconSlot, {
+					icon: Icon,
+					className: iconCva(variantProps)
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					size: "large",
+					children: text
+				})
+			]
+		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
+			className: "flex w-full shrink-0 flex-wrap items-center justify-end gap-toast-gap-action px-toast-side-default py-toast-height-actions-mobile md:w-auto md:justify-center md:py-toast-height-actions-desktop",
+			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
+				onPress,
+				...buttonColor(variantProps),
+				variant: "text",
+				size: "none",
+				width: "hug",
+				children: buttonText
+			}, buttonText))
+		})] })]
+	});
+};
+//#endregion
+export { Toast as t };

package/dist/{Toast-B4cXs2rj.d.ts → Toast-ruXqONDA.d.ts}

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "./toast.cva-Cj6o2Rmu.js";
+import { t as ToastVariantProps } from "./toast.cva-By5lvAfr.js";
 import { FC, ReactNode, SVGProps } from "react";
 //#region src/components/status/Toast/Toast.d.ts
 interface ToastAction {

package/dist/{ToastContainer-BbsMIwtC.js → ToastContainer-qgpzMFD4.js}

@@ -1,7 +1,8 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { c as toastWrapper, o as toastContainerDefinition, t as xo } from "./dist-B8h0VT0E.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { i as toastContainerDefinition, o as toastWrapper } from "./toast.cva-C_L_RffH.js";
 import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
+import { t as xo } from "./dist-CAdwxJbe.js";
 import { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/{ToggleButton-BGuzPJDO.d.ts → ToggleButton-7aP8Jb11.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.js";
-import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-BZ3is6IU.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-DPIlROA9.js";
+import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-D-4qb0IR.js";
 import { ReactNode } from "react";
 import { ToggleButtonProps } from "react-aria-components";
 //#region src/components/buttons/ToggleButton/ToggleButton.d.ts

package/dist/{ToggleGroup-D9CFdM5-.d.ts → ToggleGroup-CRFDIPGZ.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as ControlledToggleGroupProps } from "./toggleGroup.types-DD6uRI5G.js";
+import { t as ControlledToggleGroupProps } from "./toggleGroup.types-Bp43zbSQ.js";
 import { Key } from "react-aria-components";
 //#region src/components/ToggleGroup/ToggleGroup.d.ts
 declare const ToggleGroup: <TFieldValues extends FieldValues, TKey extends Key = Key>(props: ControlledToggleGroupProps<TFieldValues, TKey>) => import("react").JSX.Element;

package/dist/{ToggleGroup-Cl0NS3fe.js → ToggleGroup-DmVPNWok.js}

@@ -1,77 +1,17 @@
 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 { n as $bc25b811ec97a172$export$40258cc1d95ff477, t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-BW1ensey.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { i as $23f2114a1b82827e$export$e58f029f0fbfdb29, n as $23f2114a1b82827e$export$4282f70798064fe0, r as $23f2114a1b82827e$export$cd4e5573fbe2b576, t as $c4867b2f328c2698$export$e5c5a5f917a5871c } from "./useLayoutEffect-B2-1tbPJ.js";
-import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as Typography } from "./Typography-LU4z2pR1.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 { Fragment, useMemo, useRef, useState } from "react";
+import { t as FormField } from "./FormField-9h3JAhaY.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-MbpaEBg1.js";
+import { Fragment, useMemo, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/toolbar/useToolbar.mjs
-function $afa781ff67c1cd08$export$fa142eb1681c520(props, ref) {
-	const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
-	let [isInToolbar, setInToolbar] = useState(false);
-	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
-		setInToolbar(!!(ref.current && ref.current.parentElement?.closest("[role=\"toolbar\"]")));
-	});
-	const { direction } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-	const shouldReverse = direction === "rtl" && orientation === "horizontal";
-	let focusManager = $535772f9d2c1f38d$export$c5251b9e124bf29(ref);
-	const onKeyDown = (e) => {
-		if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
-		if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
-			if (shouldReverse) focusManager.focusPrevious();
-			else focusManager.focusNext();
-		} else if (orientation === "horizontal" && e.key === "ArrowLeft" || orientation === "vertical" && e.key === "ArrowUp") {
-			if (shouldReverse) focusManager.focusNext();
-			else focusManager.focusPrevious();
-		} else if (e.key === "Tab") {
-			lastFocused.current = $23f2114a1b82827e$export$cd4e5573fbe2b576();
-			if (e.shiftKey) focusManager.focusFirst();
-			else focusManager.focusLast();
-			return;
-		} else return;
-		e.stopPropagation();
-		e.preventDefault();
-	};
-	const lastFocused = useRef(null);
-	const onBlur = (e) => {
-		if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
-	};
-	const onFocus = (e) => {
-		if (lastFocused.current && !$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $23f2114a1b82827e$export$4282f70798064fe0(ref.current, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) {
-			lastFocused.current?.focus();
-			lastFocused.current = null;
-		}
-	};
-	return { toolbarProps: {
-		...$8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, { labelable: true }),
-		role: !isInToolbar ? "toolbar" : "group",
-		"aria-orientation": orientation,
-		"aria-label": ariaLabel,
-		"aria-labelledby": ariaLabel == null ? ariaLabelledBy : void 0,
-		onKeyDownCapture: !isInToolbar ? onKeyDown : void 0,
-		onFocusCapture: !isInToolbar ? onFocus : void 0,
-		onBlurCapture: !isInToolbar ? onBlur : void 0
-	} };
-}
-//#endregion
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/button/useToggleButtonGroup.mjs
-function $162557ba4d6f08dd$export$dd5580ae642f110f(props, state, ref) {
-	let { isDisabled } = props;
-	let { toolbarProps } = $afa781ff67c1cd08$export$fa142eb1681c520(props, ref);
-	return { groupProps: {
-		...toolbarProps,
-		role: state.selectionMode === "single" ? "radiogroup" : toolbarProps.role,
-		"aria-disabled": isDisabled
-	} };
-}
-//#endregion
+import { useToggleButtonGroup } from "react-aria";
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/toggle/useToggleGroupState.mjs
 function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
 	let { selectionMode = "single", disallowEmptySelection, isDisabled = false } = props;
@@ -96,41 +36,9 @@ function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
 	};
 }
 //#endregion
-//#region src/components/ToggleGroup/toggleGroup.cva.ts
-const toggleGroupDefinition = UIOverrides.defineConfig({ base: [
-	"group/segment grid w-fit items-center gap-segmented-control-side-segmented-control p-segmented-control-side-segmented-control",
-	"bg-surface-default-popover",
-	"rounded-segmented-control-rounding-segmented-control"
-] });
-const toggleGroupItemDefinition = UIOverrides.defineConfig({
-	base: [
-		"flex items-center justify-center gap-segmented-control-gap-content-icon-to-text transition-all duration-200",
-		"border border-support-transparent-outline",
-		"py-segmented-control-height-segment",
-		"rounded-segmented-control-rounding-segment",
-		uiOutlineClass,
-		"bg-support-transparent-outline text-interactive-subtle-secondary-foreground",
-		"not-selected:not-disabled:not-pressed:hover:border-tint-interactive-subtle-secondary-background/80 not-selected:not-disabled:not-pressed:hover:bg-tint-interactive-subtle-secondary-background/80 not-selected:not-disabled:not-pressed:hover:text-tint-interactive-subtle-secondary-foreground/80",
-		"not-selected:not-disabled:pressed:border-tint-interactive-subtle-secondary-background/70 not-selected:not-disabled:pressed:bg-tint-interactive-subtle-secondary-background/70 not-selected:not-disabled:pressed:text-tint-interactive-subtle-secondary-foreground/70",
-		"not-selected:not-disabled:focus-visible:border-tint-interactive-subtle-secondary-background/60 not-selected:not-disabled:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-selected:not-disabled:focus-visible:text-tint-interactive-subtle-secondary-foreground/60",
-		"focus-visible:outline-interactive-ring",
-		"not-selected:disabled:text-tint-interactive-subtle-secondary-foreground/50",
-		"selected:border-shade-interactive-secondary-background/75 selected:bg-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
-		"selected:not-disabled:hover:border-shade-interactive-secondary-background/65 selected:not-disabled:hover:bg-shade-interactive-secondary-background/65",
-		"selected:disabled:border-shade-interactive-secondary-background/55 selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:text-interactive-secondary-foreground/40"
-	],
-	config: {
-		variants: { iconOnly: {
-			true: "px-segmented-control-height-segment",
-			false: "px-segmented-control-side-segment"
-		} },
-		defaultVariants: { iconOnly: false }
-	}
-});
-//#endregion
 //#region src/components/ToggleGroup/ToggleGroupItem.tsx
 const ToggleGroupItem = (t0) => {
-	const $ = c(23);
+	const $ = c(22);
 	let className;
 	let icon;
 	let id;
@@ -154,7 +62,6 @@ const ToggleGroupItem = (t0) => {
 		label = $[5];
 		props = $[6];
 	}
-	const IconComponent = icon;
 	const iconOnly = !!(icon && !label);
 	const toggleGroupItemCva = UIOverrides.useCva("toggleGroup.itemCva", toggleGroupItemDefinition);
 	let t1;
@@ -169,25 +76,24 @@ const ToggleGroupItem = (t0) => {
 		$[10] = t1;
 	} else t1 = $[10];
 	let t2;
-	if ($[11] !== IconComponent || $[12] !== icon) {
-		t2 = icon && /* @__PURE__ */ jsx(IconComponent, { className: "size-6" });
-		$[11] = IconComponent;
-		$[12] = icon;
-		$[13] = t2;
-	} else t2 = $[13];
+	if ($[11] !== icon) {
+		t2 = icon && /* @__PURE__ */ jsx(IconSlot, { icon });
+		$[11] = icon;
+		$[12] = t2;
+	} else t2 = $[12];
 	let t3;
-	if ($[14] !== label) {
+	if ($[13] !== label) {
 		t3 = label && /* @__PURE__ */ jsx(Typography, {
 			size: "small",
 			as: "span",
 			className: "overflow-hidden text-ellipsis text-center",
 			children: label
 		});
-		$[14] = label;
-		$[15] = t3;
-	} else t3 = $[15];
+		$[13] = label;
+		$[14] = t3;
+	} else t3 = $[14];
 	let t4;
-	if ($[16] !== id || $[17] !== isDisabled || $[18] !== props || $[19] !== t1 || $[20] !== t2 || $[21] !== t3) {
+	if ($[15] !== id || $[16] !== isDisabled || $[17] !== props || $[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
 		t4 = /* @__PURE__ */ jsxs($75afe627ae0cc0fa$export$d2b052e7b4be1756, {
 			...props,
 			id,
@@ -195,14 +101,14 @@ const ToggleGroupItem = (t0) => {
 			isDisabled,
 			children: [t2, t3]
 		});
-		$[16] = id;
-		$[17] = isDisabled;
-		$[18] = props;
-		$[19] = t1;
-		$[20] = t2;
-		$[21] = t3;
-		$[22] = t4;
-	} else t4 = $[22];
+		$[15] = id;
+		$[16] = isDisabled;
+		$[17] = props;
+		$[18] = t1;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t4;
+	} else t4 = $[21];
 	return t4;
 };
 //#endregion
@@ -265,7 +171,7 @@ const ToggleGroupBase = (t0) => {
 	const props = t3;
 	const buttonGroupRef = useRef(null);
 	const state = $3d8ad31c4c1725e9$export$8deac67f4addf270(props);
-	const { groupProps } = $162557ba4d6f08dd$export$dd5580ae642f110f(props, state, buttonGroupRef);
+	const { groupProps } = useToggleButtonGroup(props, state, buttonGroupRef);
 	const toggleGroupCva = UIOverrides.useCva("toggleGroup.cva", toggleGroupDefinition);
 	let t4;
 	if ($[17] !== error || $[18] !== props.isDisabled) {
@@ -437,4 +343,4 @@ function _temp(_, i) {
 	return i % 2 === 0 ? "1fr" : "auto";
 }
 //#endregion
-export { toggleGroupDefinition as n, toggleGroupItemDefinition as r, ToggleGroup as t };
+export { ToggleGroup as t };

package/dist/{Tooltip-aE1Vswxz.js → Tooltip-CpG1nz7Y.js}

@@ -1,13 +1,14 @@
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { 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 { n as $4fcfe18fac72dabd$export$746d02f47f4d381, t as $4fcfe18fac72dabd$export$2de4954e8ae13b9f } from "./OverlayArrow-D8z7cCsw.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as $d1116acdf220c2da$export$4c014de7c8940b4c } from "./useFocusable-Bd0UsrQ7.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
+import { i as tooltipTextDefinition, n as tooltipPointerHorizontalDefinition, r as tooltipPointerVerticalDefinition, t as tooltipDefinition } from "./tooltip.cva-BIzlOXHH.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
 import $ahdqC$react, { Fragment, createContext, forwardRef, useContext, useRef } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { filterDOMProps } from "react-aria/filterDOMProps";
 import { useEnterAnimation, useExitAnimation } from "react-aria/private/utils/animation";
@@ -16,7 +17,7 @@ import { useTooltipTriggerState } from "react-stately/useTooltipTriggerState";
 import { useOverlayPosition } from "react-aria/useOverlayPosition";
 import { OverlayContainer } from "react-aria/private/overlays/useModal";
 import { useTooltip, useTooltipTrigger } from "react-aria/useTooltipTrigger";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useFocusable } from "react-aria";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Tooltip.mjs
 const $05a50f7d78b03ad9$export$7a7623236eec67fa = /*#__PURE__*/ createContext(null);
 const $05a50f7d78b03ad9$export$39ae08fa83328b12 = /*#__PURE__*/ createContext(null);
@@ -95,48 +96,6 @@ function $05a50f7d78b03ad9$var$TooltipInner(props) {
 	} }, renderProps.children));
 }
 //#endregion
-//#region src/components/overlays/Tooltip/tooltip.cva.ts
-const tooltipDefinition = UIOverrides.defineConfig({
-	base: ["group max-w-64 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2"],
-	config: {
-		variants: { color: {
-			default: ["bg-surface-inverted-card"],
-			error: ["w-max bg-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
-	base: ["h-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180 group-placement-bottom:translate-y-2 group-placement-top:-translate-y-2"],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card"],
-			error: ["text-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
-	base: ["w-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180 group-placement-left:-translate-x-2 group-placement-right:translate-x-2"],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card"],
-			error: ["text-surface-destructive-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipTextDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { color: {
-			default: ["text-surface-inverted-card-foreground"],
-			error: ["text-surface-destructive-inverted-base"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-//#endregion
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 const CustomTrigger = (t0) => {
 	const $ = c(8);
@@ -147,7 +106,7 @@ const CustomTrigger = (t0) => {
 		t1 = {};
 		$[0] = t1;
 	} else t1 = $[0];
-	const { focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c(t1, ref);
+	const { focusableProps } = useFocusable(t1, ref);
 	const t2 = tabIndex ?? 0;
 	let t3;
 	if ($[1] !== className) {
@@ -253,7 +212,7 @@ const Tooltip = (t0) => {
 	let t11;
 	if ($[22] !== t10 || $[23] !== text) {
 		t11 = /* @__PURE__ */ jsx(Typography, {
-			size: "small",
+			size: "large",
 			className: t10,
 			children: text
 		});
@@ -295,4 +254,4 @@ const Tooltip = (t0) => {
 	return t13;
 };
 //#endregion
-export { tooltipTextDefinition as a, tooltipPointerVerticalDefinition as i, tooltipDefinition as n, tooltipPointerHorizontalDefinition as r, Tooltip as t };
+export { Tooltip as t };