@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/Tag-DPg5sL1Z.js

@@ -0,0 +1,146 @@
+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 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";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/text/Tag/tag.cva.ts
+const tagDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"inline-flex items-center gap-list-gap-icon-to-label",
+		"p-badge-height-s px-1.5",
+		"rounded-badge-rounding-default",
+		"overflow-hidden",
+		"disabled:cursor-default"
+	],
+	config: {
+		variants: { color: {
+			primary: [
+				"bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
+				"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-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-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-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-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"
+			]
+		} },
+		defaultVariants: { color: "primary" }
+	}
+});
+//#endregion
+//#region src/components/text/Tag/Tag.tsx
+const Tag = (t0) => {
+	const $ = c(19);
+	const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps } = t0;
+	const uiConfig = UIConfig.useConfig();
+	const textSize = textSizeProp ?? uiConfig.tag.textSize;
+	const isDismissible = dismissible ?? dismissable ?? false;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
+	const { t } = useTranslation("ui");
+	const t1 = onRemove ?? onDismiss ?? onPress;
+	let t2;
+	if ($[0] !== t) {
+		t2 = t(_temp);
+		$[0] = t;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
+		t3 = {
+			...dismissButtonProps,
+			excludeFromTabOrder,
+			isDisabled: resolvedIsDisabled,
+			onPress: t1,
+			"aria-label": t2
+		};
+		$[2] = dismissButtonProps;
+		$[3] = excludeFromTabOrder;
+		$[4] = resolvedIsDisabled;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	const buttonProps = t3;
+	const t4 = tagCva({
+		...appearanceProps,
+		className: clsx("pointer-events-none", className)
+	});
+	const t5 = contentRef;
+	let t6;
+	if ($[8] !== children || $[9] !== t5 || $[10] !== textSize) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			ref: t5,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		});
+		$[8] = children;
+		$[9] = t5;
+		$[10] = textSize;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== buttonProps || $[13] !== isDismissible) {
+		t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
+		});
+		$[12] = buttonProps;
+		$[13] = isDismissible;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== t4 || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t6, t7]
+		});
+		$[15] = t4;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+};
+function _temp($) {
+	return $.ui.tag.dismiss;
+}
+//#endregion
+export { tagDefinition as n, Tag as t };

package/dist/{TextArea-CBWJ7w-p.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-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 { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

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

@@ -1,17 +1,17 @@
-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 { 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-DTO2cbXC.js";
-import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.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({});
@@ -123,7 +123,7 @@ const TextAreaBase = (props) => {
 						as,
 						...headerProps,
 						className: clsx(headerProps.className, inputSideCva({
-							size: "default",
+							size: rest.size,
 							type: "left"
 						}))
 					}),
@@ -137,12 +137,12 @@ 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
 					}),
 					showClear && /* @__PURE__ */ jsx("span", {
-						className: clsx("absolute top-0 right-0", inputSizeCva({ size: "default" })),
+						className: clsx("absolute top-0 right-0", inputSizeCva({ size: rest.size })),
 						children: /* @__PURE__ */ jsx(InputClear, {
 							onClear: () => {
 								onChange?.("");

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

@@ -1,7 +1,7 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
-import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
-import { r as ButtonIconProps } from "./Button-DTNjsGx5.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-WirUMDrH.js → TimePicker-DN-i98z5.js}

@@ -1,22 +1,22 @@
-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 { 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 { t as Typography } from "./Typography-AcUd9df8.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-DTO2cbXC.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-_stbpoX4.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-vP2f1woD.js";
-import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-1z4mwZZs.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
@@ -133,8 +133,8 @@ const TimePickerInput = ({ ref, as, fieldProps, state, isDisabled, isDirty, isRe
 					...headerProps
 				}),
 				/* @__PURE__ */ jsx("div", { children: disableManualEntry && placeholder && !state.value ? /* @__PURE__ */ jsx(Typography, {
-					size: "label-1",
-					className: "text-text-default-3",
+					size: "large",
+					className: "text-surface-default-popover-foreground",
 					children: placeholder
 				}) : /* @__PURE__ */ jsx(TimeField, {
 					fieldProps,

package/dist/{TimePicker-BZ4WrI5Z.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-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 { 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-DIlYlUQk.d.ts → Toast-ruXqONDA.d.ts}

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "./toast.cva-LU7TGprV.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-8X5jGBe7.js → ToastContainer-qgpzMFD4.js}

@@ -1,7 +1,8 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { c as toastWrapper, o as toastContainerDefinition, t as xo } from "./dist-C6GfeeEC.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-D4y2fLmN.d.ts → ToggleButton-7aP8Jb11.d.ts}

@@ -1,5 +1,5 @@
-import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
-import { n as ButtonAppearanceProps, r as ButtonIconProps } from "./Button-DTNjsGx5.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-BK6Ka7WA.js → ToggleGroup-DmVPNWok.js}

@@ -1,11 +1,13 @@
 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 { t as Typography } from "./Typography-AcUd9df8.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-DTO2cbXC.js";
+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";
@@ -34,37 +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-elevation-fill-default-3",
-	"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",
-		"text-interactive-subtle-secondary-on-idle",
-		"hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
-		"pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
-		"disabled:border-support-transparent-outline disabled:text-interactive-subtle-secondary-on-disabled",
-		"selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
-		"selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
-	],
-	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;
@@ -88,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;
@@ -103,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: "label-2",
+			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,
@@ -129,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
@@ -266,7 +238,7 @@ const ToggleGroupBase = (t0) => {
 				state.toggleKey(item.id);
 			}
 		}), index !== items.length - 1 && items.length > 2 && /* @__PURE__ */ jsx("div", {
-			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-elevation-outline-default-1"),
+			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-border-default-subtle"),
 			children: /* @__PURE__ */ jsx("span", { className: "flex h-full w-px" })
 		})] }, item.id));
 		$[33] = items;
@@ -371,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--PSxkQA3.js → Tooltip-CpG1nz7Y.js}

@@ -1,12 +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 Typography } from "./Typography-AcUd9df8.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";
@@ -15,7 +17,6 @@ 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);
@@ -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-interactive-contained-secondary-idle"],
-			error: ["w-max bg-elevation-fill-error-1"]
-		} },
-		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-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
-		} },
-		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-interactive-contained-secondary-idle"],
-			error: ["text-elevation-fill-error-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-const tooltipTextDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { color: {
-			default: ["text-interactive-contained-secondary-on-idle"],
-			error: ["text-text-error-inverted-1"]
-		} },
-		defaultVariants: { color: "default" }
-	}
-});
-//#endregion
 //#region src/components/overlays/Tooltip/Tooltip.tsx
 const CustomTrigger = (t0) => {
 	const $ = c(8);
@@ -245,7 +204,7 @@ const Tooltip = (t0) => {
 	} else t9 = $[18];
 	let t10;
 	if ($[19] !== color || $[20] !== tooltipTextCva) {
-		t10 = tooltipTextCva({ color });
+		t10 = clsx(tooltipTextCva({ color }), "font-bold");
 		$[19] = color;
 		$[20] = tooltipTextCva;
 		$[21] = t10;
@@ -253,8 +212,7 @@ const Tooltip = (t0) => {
 	let t11;
 	if ($[22] !== t10 || $[23] !== text) {
 		t11 = /* @__PURE__ */ jsx(Typography, {
-			size: "body-4",
-			variant: "prominent-1",
+			size: "large",
 			className: t10,
 			children: text
 		});
@@ -296,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 };