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

package/dist/Tag-AHfV_XSf.d.ts

@@ -0,0 +1,44 @@
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { n as TypographyProps } from "./Typography-XljT9s02.js";
+import { Ref } from "react";
+import { ButtonProps } from "react-aria-components";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly 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"];
+    };
+  }>;
+};
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps {
+  className?: string;
+  children: string;
+  /** Preferred spelling. `dismissable` remains supported. */
+  dismissible?: boolean;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  disabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textSize?: TypographyProps["size"];
+  /** Preferred callback name. */
+  onRemove?: () => void;
+  onDismiss?: () => void;
+  /** Props applied to the actual dismiss button, when one is rendered. */
+  dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
+  excludeFromTabOrder?: boolean;
+  /** Compatibility callback for the historical button-like prop surface. */
+  onPress?: ButtonProps["onPress"];
+}
+declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
+//#endregion
+export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

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-gikUKKDl.js → TextArea-DqHDiRGJ.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-U_-d4V_g.js";
+import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-DJA8ovm_.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DznDgVJB.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({});

package/dist/{TextArea-BhrCBGbq.d.ts → TextArea-l_keyLK7.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-Byiehm9y.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
 import { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

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-CmT89X7v.d.ts → TimePicker-B1POvGWs.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-Byiehm9y.js";
+import { n as InputVariantProps } from "./input.cva-BsHgYa-L.js";
 import { FocusEvent, Ref } from "react";
 import { AriaTimeFieldProps, TimeValue } from "react-aria";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

package/dist/{TimePicker-DtNTOOGr.js → TimePicker-DQ6JCkGB.js}

@@ -1,22 +1,22 @@
-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 { 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-CsCE9Buo.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-U_-d4V_g.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DJA8ovm_.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DznDgVJB.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "./useStaticInputHandoff-CvSBPUB3.js";
+import { n as TimePickerForm, t as normalizeDatePickerValue } from "./datePickerValue.utils-CUzkWie8.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 { 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) {

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-DX0VYXwP.js}

@@ -1,14 +1,15 @@
 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 { t as FormField } from "./FormField-U_-d4V_g.js";
+import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-MbpaEBg1.js";
 import { Fragment, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -96,41 +97,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 +123,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 +137,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 +162,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
@@ -437,4 +404,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-B9DKcYvr.js}

@@ -1,13 +1,15 @@
 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 +18,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";
 //#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);
@@ -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 };

package/dist/{Tooltip-D7dNwGy9.d.ts → Tooltip-DHv6vAqW.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { PropsWithChildren, ReactNode } from "react";
 import { TooltipProps } from "react-aria-components";
 //#region src/components/overlays/Tooltip/tooltip.cva.d.ts
@@ -6,7 +7,7 @@ declare const tooltipDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["bg-surface-inverted-card"];
+      default: ["bg-interactive-secondary-background"];
       error: ["w-max bg-surface-destructive-base"];
     };
   }>;
@@ -17,7 +18,7 @@ declare const tooltipPointerHorizontalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card"];
+      default: ["text-interactive-secondary-background"];
       error: ["text-surface-destructive-base"];
     };
   }>;
@@ -26,7 +27,7 @@ declare const tooltipPointerVerticalDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card"];
+      default: ["text-interactive-secondary-background"];
       error: ["text-surface-destructive-base"];
     };
   }>;
@@ -35,7 +36,7 @@ declare const tooltipTextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly color: {
-      default: ["text-surface-inverted-card-foreground"];
+      default: ["text-interactive-secondary-foreground"];
       error: ["text-surface-destructive-inverted-base"];
     };
   }>;

package/dist/{TooltipWrapper-CRf-JFeo.js → TooltipWrapper-DznDgVJB.js}

@@ -1,9 +1,9 @@
-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-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import "./i18n-CX2EjhJI.js";
-import { n as inputClearClassDefinition } from "./input.cva-BcXyC1vZ.js";
+import { n as inputClearClassDefinition } from "./input.cva-DJA8ovm_.js";
 import { Suspense, lazy } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -46,7 +46,7 @@ const InputClearButton = ({ onClear, className, style }) => {
 };
 //#endregion
 //#region src/components/inputs/shared/TooltipWrapper.tsx
-const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-g5yoeH1B.js"));
+const InlineTooltipWrapper = lazy(() => import("./InlineTooltipWrapper-Bpmd--e7.js"));
 const TooltipWrapper = (props) => {
 	if (props.as !== "inline") return props.children;
 	return /* @__PURE__ */ jsx(Suspense, {

package/dist/{Typography-B0Gp1lpc.js → Typography-LU4z2pR1.js}

@@ -1,5 +1,5 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Typography/Typography.tsx