@povio/ui 6.0.0-rc.7 → 6.0.0-rc.9

package/dist/{TextArea-DZfFqCBg.js → TextArea-CUzy3cc_.js}

@@ -1,11 +1,11 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-DNEQlTx0.js";
 import { n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-BkLF-JA3.js";
-import { t as UIConfig } from "./uiConfig.context-BVacoemZ.js";
+import { t as UIConfig } from "./uiConfig.context-AfW-dfpz.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import { n as FormFieldLabel, t as FormField } from "./FormField-CwY4zDju.js";
 import { a as inputSizeDefinition, i as inputSideDefinition, o as useInputCva } from "./input.cva-DZii82eS.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-Iaeu168d.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-L4tSiJ5B.js";
 import { t as textAreaWrapperDefinition } from "./TextArea.cva-ENXI55ec.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{TextArea-ByFlXriE.d.ts → TextArea-Ufp7UHbh.d.ts}

@@ -1,5 +1,5 @@
-import { n as FormFieldProps } from "./FormField-CBYpg_mx.js";
-import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { n as FormFieldProps } from "./FormField-C49wQtI1.js";
+import { n as InputVariantProps } from "./input.cva-CDLNQo1G.js";
 import { Ref } from "react";
 import { TextAreaProps } from "react-aria-components";
 import { AriaTextFieldProps } from "@react-aria/textfield";

package/dist/{TextArea.bound-g-m-vEKC.d.ts → TextArea.bound-Cs5ZRv8w.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
-import { i as TextAreaProps$1 } from "./TextArea-ByFlXriE.js";
+import { i as TextAreaProps$1 } from "./TextArea-Ufp7UHbh.js";
 //#region src/components/inputs/Input/TextArea/TextArea.bound.d.ts
 type ControlledTextAreaProps<TFieldValues extends FieldValues> = FormControlProps<TextAreaProps$1, TFieldValues>;
 type TextAreaProps<TFieldValues extends FieldValues = FieldValues> = ControlledTextAreaProps<TFieldValues>;

package/dist/{TextArea.bound-CCRy5T-4.js → TextArea.bound-Dzq3ntN1.js}

@@ -1,4 +1,4 @@
-import { n as TextAreaBase } from "./TextArea-DZfFqCBg.js";
+import { n as TextAreaBase } from "./TextArea-CUzy3cc_.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-DOR5gIQf.js";
 import { memo } from "react";

package/dist/{TimePicker-Zx6Sag7g.js → TimePicker-BfotA6hz.js}

@@ -2,21 +2,21 @@ import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-DNEQlTx0.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-C1YB5dOw.js";
 import { t as Typography } from "./Typography-DCLnPa3P.js";
-import { t as UIConfig } from "./uiConfig.context-BVacoemZ.js";
+import { t as UIConfig } from "./uiConfig.context-AfW-dfpz.js";
 import { IconButton } from "./components/icon-button.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import { n as FormFieldLabel, t as FormField } from "./FormField-CwY4zDju.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-DZii82eS.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.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-DCGWXkCd.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-Ce9txmK3.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Du0Zn04v.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-Iaeu168d.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-L4tSiJ5B.js";
 import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CkmPaD6I.js";
 import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { InputFrame } from "./components/input-frame.js";
-import { t as TimePickerForm } from "./TimePickerForm-DgJVJYRz.js";
+import { t as TimePickerForm } from "./TimePickerForm-Ci52Gwre.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GregorianCalendar, Time, getLocalTimeZone, now, toCalendarDateTime, toTime, toZoned, today } from "@internationalized/date";

package/dist/{TimePicker-Ck7wKaT3.d.ts → TimePicker-DartsRJa.d.ts}

@@ -1,5 +1,5 @@
-import { n as FormFieldProps } from "./FormField-CBYpg_mx.js";
-import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { n as FormFieldProps } from "./FormField-C49wQtI1.js";
+import { n as InputVariantProps } from "./input.cva-CDLNQo1G.js";
 import { FocusEvent, Ref } from "react";
 import { AriaTimeFieldProps, TimeValue } from "react-aria";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.d.ts

package/dist/{TimePicker.bound-CGmHQu3i.js → TimePicker.bound-B0jFDk5a.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-DOR5gIQf.js";
-import { n as TimePickerInner } from "./TimePicker-Zx6Sag7g.js";
+import { n as TimePickerInner } from "./TimePicker-BfotA6hz.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.bound.tsx

package/dist/{TimePicker.bound-BoZUKB_U.d.ts → TimePicker.bound-CPesqWmN.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
-import { i as TimePickerProps$1 } from "./TimePicker-Ck7wKaT3.js";
+import { i as TimePickerProps$1 } from "./TimePicker-DartsRJa.js";
 //#region src/components/inputs/DateTime/TimePicker/TimePicker.bound.d.ts
 type ControlledTimePickerProps<TFieldValues extends FieldValues> = FormControlProps<TimePickerProps$1, TFieldValues>;
 type TimePickerProps<TFieldValues extends FieldValues = FieldValues> = ControlledTimePickerProps<TFieldValues>;

package/dist/{TimePickerForm-DgJVJYRz.js → TimePickerForm-Ci52Gwre.js}

@@ -1,8 +1,8 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as Typography } from "./Typography-DCLnPa3P.js";
 import { IconButton } from "./components/icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-CLiqeiOW.js";
-import { u as getPlaceholder } from "./staticDateTimeSegments-DCGWXkCd.js";
+import { t as useBreakpoint } from "./useBreakpoint-DoCX0CSN.js";
+import { u as getPlaceholder } from "./staticDateTimeSegments-Ce9txmK3.js";
 import "./i18n-BjNKHh_D.js";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { c } from "react/compiler-runtime";

package/dist/{Toast-6rYk8AAG.d.ts → Toast-DLlP3WQ5.d.ts}

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

package/dist/{ToastContainer-DWbJpqxV.js → ToastContainer-B108xwuf.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-DNEQlTx0.js";
-import { t as UIConfig } from "./uiConfig.context-BVacoemZ.js";
+import { t as UIConfig } from "./uiConfig.context-AfW-dfpz.js";
 import { i as toastContainerDefinition, o as toastWrapper } from "./toast.cva-B6NXTwbZ.js";
-import { t as xo } from "./dist-BviG6xJO.js";
+import { t as xo } from "./dist-BhELjBi2.js";
 import { i as subscribeToToastActivation, n as isToastRendererActive, r as isToastRendererInactive } from "./toastActivation.store-BELtcr76.js";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/{ToggleButton-DZ340rQr.d.ts → ToggleButton-CVFufVnk.d.ts}

@@ -1,4 +1,4 @@
-import { n as ToggleButtonProps$1, t as ButtonSharedProps } from "./ButtonBase-C_ODj77A.js";
+import { n as ToggleButtonProps$1, t as ButtonSharedProps } from "./ButtonBase-CY5JkxCM.js";
 import { Ref } from "react";
 //#region src/components/buttons/ToggleButton/ToggleButton.d.ts
 /** A persistent selected/unselected action. Selection belongs here rather than on Button. */

package/dist/{ToggleGroup-BTqYh6FH.d.ts → ToggleGroup-h3fbz_DK.d.ts}

@@ -1,26 +1,6 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-DzsmGccZ.js";
+import { n as ToggleGroupVariantProps, t as ToggleGroupItemVariantProps } from "./toggleGroup.cva-C6EbwUD0.js";
 import { FC, FocusEventHandler, ReactElement, Ref, SVGProps } from "react";
 import { Key, ToggleButtonGroupProps, ToggleButtonProps } from "react-aria-components";
-//#region src/components/ToggleGroup/toggleGroup.cva.d.ts
-declare const toggleGroupDefinition: {
-  base: string[];
-  config?: StyleMergeUtils.Config<Record<never, never>>;
-};
-type ToggleGroupConfig = NonNullable<typeof toggleGroupDefinition.config>;
-interface ToggleGroupVariantProps extends UIOverrides.VariantProps<ToggleGroupConfig> {}
-declare const toggleGroupItemDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly iconOnly: {
-      readonly true: "";
-      readonly false: "";
-    };
-  }>;
-};
-type ToggleGroupItemConfig = NonNullable<typeof toggleGroupItemDefinition.config>;
-interface ToggleGroupItemVariantProps extends UIOverrides.VariantProps<ToggleGroupItemConfig> {}
-//#endregion
 //#region src/components/ToggleGroup/toggleGroup.types.d.ts
 interface ToggleGroupItem<TKey extends Key = Key> extends ToggleButtonProps, ToggleGroupItemVariantProps {
   id: TKey;
@@ -46,15 +26,17 @@ type ToggleGroupProps<TKey extends Key = Key> = Omit<ToggleButtonGroupProps & To
   items: ToggleGroupItem<TKey>[];
   className?: string;
   toggleGroupItemClassName?: string;
+  /** Item height. Falls back to `UIConfig.toggleGroup.size`, then `UIConfig.input.size`. */
+  size?: ToggleGroupItemVariantProps["size"];
   error?: string;
 } & GroupedToggleGroupProps<TKey> & {
   field?: never;
 };
 //#endregion
 //#region src/components/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroupBase: <TKey extends Key = Key>({ className, ref, onBlur, items, error, onChange, value, defaultValue, toggleGroupItemClassName, ...rest }: ToggleGroupProps<TKey>) => import("react").JSX.Element;
+declare const ToggleGroupBase: <TKey extends Key = Key>({ className, ref, onBlur, items, error, onChange, value, defaultValue, toggleGroupItemClassName, size: sizeProp, ...rest }: ToggleGroupProps<TKey>) => import("react").JSX.Element;
 declare function ToggleGroup<TKey extends Key = Key>(props: ToggleGroupProps<TKey> & {
   field?: never;
 }): import("react").JSX.Element;
 //#endregion
-export { ToggleGroupProps as a, SingleToggleGroupProps as i, ToggleGroupBase as n, toggleGroupDefinition as o, MultiToggleGroupProps as r, toggleGroupItemDefinition as s, ToggleGroup as t };
+export { ToggleGroupProps as a, SingleToggleGroupProps as i, ToggleGroupBase as n, MultiToggleGroupProps as r, ToggleGroup as t };

package/dist/{ToggleGroup-Dmddbrxt.js → ToggleGroup-joWyKjsH.js}

@@ -3,10 +3,11 @@ import { t as UIOverrides } from "./uiOverrides.context-DNEQlTx0.js";
 import { t as IconSlot } from "./IconSlot-CqNuZl0E.js";
 import { n as $bc25b811ec97a172$export$40258cc1d95ff477, t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "./ToggleButton-DUQ8nwKY.js";
 import { t as Typography } from "./Typography-DCLnPa3P.js";
+import { t as UIConfig } from "./uiConfig.context-AfW-dfpz.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FormField } from "./FormField-CwY4zDju.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
-import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-B-ghhpHa.js";
+import { n as toggleGroupItemDefinition, t as toggleGroupDefinition } from "./toggleGroup.cva-CJ-3Ps7j.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -37,15 +38,16 @@ function $3d8ad31c4c1725e9$export$8deac67f4addf270(props) {
 //#endregion
 //#region src/components/ToggleGroup/ToggleGroupItem.tsx
 const ToggleGroupItem = (t0) => {
-	const $ = c(22);
+	const $ = c(24);
 	let className;
 	let icon;
 	let id;
 	let isDisabled;
 	let label;
 	let props;
+	let size;
 	if ($[0] !== t0) {
-		({label, icon, id, isDisabled, className, ...props} = t0);
+		({label, icon, id, isDisabled, className, size, ...props} = t0);
 		$[0] = t0;
 		$[1] = className;
 		$[2] = icon;
@@ -53,6 +55,7 @@ const ToggleGroupItem = (t0) => {
 		$[4] = isDisabled;
 		$[5] = label;
 		$[6] = props;
+		$[7] = size;
 	} else {
 		className = $[1];
 		icon = $[2];
@@ -60,39 +63,42 @@ const ToggleGroupItem = (t0) => {
 		isDisabled = $[4];
 		label = $[5];
 		props = $[6];
+		size = $[7];
 	}
 	const iconOnly = !!(icon && !label);
 	const toggleGroupItemCva = UIOverrides.useCva("toggleGroup.itemCva", toggleGroupItemDefinition);
 	let t1;
-	if ($[7] !== className || $[8] !== iconOnly || $[9] !== toggleGroupItemCva) {
+	if ($[8] !== className || $[9] !== iconOnly || $[10] !== size || $[11] !== toggleGroupItemCva) {
 		t1 = toggleGroupItemCva({
 			iconOnly,
+			size,
 			className
 		});
-		$[7] = className;
-		$[8] = iconOnly;
-		$[9] = toggleGroupItemCva;
-		$[10] = t1;
-	} else t1 = $[10];
+		$[8] = className;
+		$[9] = iconOnly;
+		$[10] = size;
+		$[11] = toggleGroupItemCva;
+		$[12] = t1;
+	} else t1 = $[12];
 	let t2;
-	if ($[11] !== icon) {
+	if ($[13] !== icon) {
 		t2 = icon && /* @__PURE__ */ jsx(IconSlot, { icon });
-		$[11] = icon;
-		$[12] = t2;
-	} else t2 = $[12];
+		$[13] = icon;
+		$[14] = t2;
+	} else t2 = $[14];
 	let t3;
-	if ($[13] !== label) {
+	if ($[15] !== label) {
 		t3 = label && /* @__PURE__ */ jsx(Typography, {
 			size: "body",
 			as: "span",
 			className: "overflow-hidden text-ellipsis text-center",
 			children: label
 		});
-		$[13] = label;
-		$[14] = t3;
-	} else t3 = $[14];
+		$[15] = label;
+		$[16] = t3;
+	} else t3 = $[16];
 	let t4;
-	if ($[15] !== id || $[16] !== isDisabled || $[17] !== props || $[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
+	if ($[17] !== id || $[18] !== isDisabled || $[19] !== props || $[20] !== t1 || $[21] !== t2 || $[22] !== t3) {
 		t4 = /* @__PURE__ */ jsxs($75afe627ae0cc0fa$export$d2b052e7b4be1756, {
 			...props,
 			id,
@@ -100,20 +106,20 @@ const ToggleGroupItem = (t0) => {
 			isDisabled,
 			children: [t2, t3]
 		});
-		$[15] = id;
-		$[16] = isDisabled;
-		$[17] = props;
-		$[18] = t1;
-		$[19] = t2;
-		$[20] = t3;
-		$[21] = t4;
-	} else t4 = $[21];
+		$[17] = id;
+		$[18] = isDisabled;
+		$[19] = props;
+		$[20] = t1;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t4;
+	} else t4 = $[23];
 	return t4;
 };
 //#endregion
 //#region src/components/ToggleGroup/ToggleGroup.tsx
 const ToggleGroupBase = (t0) => {
-	const $ = c(57);
+	const $ = c(59);
 	let className;
 	let defaultValue;
 	let error;
@@ -122,10 +128,11 @@ const ToggleGroupBase = (t0) => {
 	let onChange;
 	let ref;
 	let rest;
+	let sizeProp;
 	let toggleGroupItemClassName;
 	let value;
 	if ($[0] !== t0) {
-		({className, ref, onBlur, items, error, onChange, value, defaultValue, toggleGroupItemClassName, ...rest} = t0);
+		({className, ref, onBlur, items, error, onChange, value, defaultValue, toggleGroupItemClassName, size: sizeProp, ...rest} = t0);
 		$[0] = t0;
 		$[1] = className;
 		$[2] = defaultValue;
@@ -135,8 +142,9 @@ const ToggleGroupBase = (t0) => {
 		$[6] = onChange;
 		$[7] = ref;
 		$[8] = rest;
-		$[9] = toggleGroupItemClassName;
-		$[10] = value;
+		$[9] = sizeProp;
+		$[10] = toggleGroupItemClassName;
+		$[11] = value;
 	} else {
 		className = $[1];
 		defaultValue = $[2];
@@ -146,111 +154,115 @@ const ToggleGroupBase = (t0) => {
 		onChange = $[6];
 		ref = $[7];
 		rest = $[8];
-		toggleGroupItemClassName = $[9];
-		value = $[10];
+		sizeProp = $[9];
+		toggleGroupItemClassName = $[10];
+		value = $[11];
 	}
+	const ui = UIConfig.useConfig();
+	const size = sizeProp ?? ui.toggleGroup.size ?? ui.input.size;
 	let t1;
-	if ($[11] !== defaultValue) {
+	if ($[12] !== defaultValue) {
 		t1 = defaultValue === void 0 ? void 0 : defaultValue === null ? [] : Array.isArray(defaultValue) ? defaultValue : [defaultValue];
-		$[11] = defaultValue;
-		$[12] = t1;
-	} else t1 = $[12];
+		$[12] = defaultValue;
+		$[13] = t1;
+	} else t1 = $[13];
 	let t2;
-	if ($[13] !== value) {
+	if ($[14] !== value) {
 		t2 = value === void 0 ? void 0 : value === null ? [] : Array.isArray(value) ? value : [value];
-		$[13] = value;
-		$[14] = t2;
-	} else t2 = $[14];
+		$[14] = value;
+		$[15] = t2;
+	} else t2 = $[15];
 	let t3;
-	if ($[15] !== rest || $[16] !== t1 || $[17] !== t2) {
+	if ($[16] !== rest || $[17] !== t1 || $[18] !== t2) {
 		t3 = {
 			...rest,
 			defaultSelectedKeys: t1,
 			selectedKeys: t2
 		};
-		$[15] = rest;
-		$[16] = t1;
-		$[17] = t2;
-		$[18] = t3;
-	} else t3 = $[18];
+		$[16] = rest;
+		$[17] = t1;
+		$[18] = t2;
+		$[19] = t3;
+	} else t3 = $[19];
 	const props = t3;
 	const buttonGroupRef = useRef(null);
 	const state = $3d8ad31c4c1725e9$export$8deac67f4addf270(props);
 	const { groupProps } = useToggleButtonGroup(props, state, buttonGroupRef);
 	const toggleGroupCva = UIOverrides.useCva("toggleGroup.cva", toggleGroupDefinition);
 	let t4;
-	if ($[19] !== error || $[20] !== props.isDisabled) {
+	if ($[20] !== error || $[21] !== props.isDisabled) {
 		t4 = {
 			error,
 			label: "",
 			hideLabel: true,
 			isDisabled: props.isDisabled
 		};
-		$[19] = error;
-		$[20] = props.isDisabled;
-		$[21] = t4;
-	} else t4 = $[21];
+		$[20] = error;
+		$[21] = props.isDisabled;
+		$[22] = t4;
+	} else t4 = $[22];
 	const formFieldProps = t4;
 	let t5;
-	if ($[22] !== onChange || $[23] !== props.selectionMode) {
+	if ($[23] !== onChange || $[24] !== props.selectionMode) {
 		t5 = (keys) => {
 			if (props.selectionMode === "multiple") onChange?.(Array.from(keys.values()));
 			else onChange?.(Array.from(keys.values())[0] ?? null);
 		};
-		$[22] = onChange;
-		$[23] = props.selectionMode;
-		$[24] = t5;
-	} else t5 = $[24];
+		$[23] = onChange;
+		$[24] = props.selectionMode;
+		$[25] = t5;
+	} else t5 = $[25];
 	const onSelectionChange = t5;
 	let t6;
-	if ($[25] !== items.length) {
+	if ($[26] !== items.length) {
 		t6 = items.length > 2 ? Array.from({ length: items.length * 2 - 1 }, _temp).join(" ") : `repeat(${items.length}, 1fr)`;
-		$[25] = items.length;
-		$[26] = t6;
-	} else t6 = $[26];
+		$[26] = items.length;
+		$[27] = t6;
+	} else t6 = $[27];
 	const gridTemplateColumns = t6;
 	let t7;
-	if ($[27] !== onBlur) {
+	if ($[28] !== onBlur) {
 		t7 = (event) => {
 			if (!event.currentTarget.contains(event.relatedTarget)) onBlur?.(event);
 		};
-		$[27] = onBlur;
-		$[28] = t7;
-	} else t7 = $[28];
+		$[28] = onBlur;
+		$[29] = t7;
+	} else t7 = $[29];
 	let t8;
-	if ($[29] !== className) {
+	if ($[30] !== className) {
 		t8 = clsx("relative w-full", className);
-		$[29] = className;
-		$[30] = t8;
-	} else t8 = $[30];
+		$[30] = className;
+		$[31] = t8;
+	} else t8 = $[31];
 	const t9 = ref;
 	let t10;
-	if ($[31] !== t9) {
+	if ($[32] !== t9) {
 		t10 = $a8ea2faf2ebe4d2f$re_export$mergeRefs(t9, buttonGroupRef);
-		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
+		$[32] = t9;
+		$[33] = t10;
+	} else t10 = $[33];
 	let t11;
-	if ($[33] !== className || $[34] !== props || $[35] !== toggleGroupCva) {
+	if ($[34] !== className || $[35] !== props || $[36] !== toggleGroupCva) {
 		t11 = toggleGroupCva({
 			...props,
 			className
 		});
-		$[33] = className;
-		$[34] = props;
-		$[35] = toggleGroupCva;
-		$[36] = t11;
-	} else t11 = $[36];
+		$[34] = className;
+		$[35] = props;
+		$[36] = toggleGroupCva;
+		$[37] = t11;
+	} else t11 = $[37];
 	let t12;
-	if ($[37] !== gridTemplateColumns) {
+	if ($[38] !== gridTemplateColumns) {
 		t12 = { gridTemplateColumns };
-		$[37] = gridTemplateColumns;
-		$[38] = t12;
-	} else t12 = $[38];
+		$[38] = gridTemplateColumns;
+		$[39] = t12;
+	} else t12 = $[39];
 	let t13;
-	if ($[39] !== items || $[40] !== props.isDisabled || $[41] !== state || $[42] !== toggleGroupItemClassName) {
+	if ($[40] !== items || $[41] !== props.isDisabled || $[42] !== size || $[43] !== state || $[44] !== toggleGroupItemClassName) {
 		t13 = items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ToggleGroupItem, {
 			...item,
+			size,
 			className: clsx(item.className, toggleGroupItemClassName),
 			isDisabled: item.isDisabled || props.isDisabled,
 			isSelected: state.selectedKeys.has(item.id),
@@ -261,14 +273,15 @@ const ToggleGroupBase = (t0) => {
 			className: clsx("h-5 w-px rounded-2xl", !state.selectedKeys.has(item.id) && !state.selectedKeys.has(items[index + 1].id) && "bg-border"),
 			children: /* @__PURE__ */ jsx("span", { className: "flex h-full w-px" })
 		})] }, item.id));
-		$[39] = items;
-		$[40] = props.isDisabled;
-		$[41] = state;
-		$[42] = toggleGroupItemClassName;
-		$[43] = t13;
-	} else t13 = $[43];
+		$[40] = items;
+		$[41] = props.isDisabled;
+		$[42] = size;
+		$[43] = state;
+		$[44] = toggleGroupItemClassName;
+		$[45] = t13;
+	} else t13 = $[45];
 	let t14;
-	if ($[44] !== groupProps || $[45] !== onSelectionChange || $[46] !== props || $[47] !== t10 || $[48] !== t11 || $[49] !== t12 || $[50] !== t13) {
+	if ($[46] !== groupProps || $[47] !== onSelectionChange || $[48] !== props || $[49] !== t10 || $[50] !== t11 || $[51] !== t12 || $[52] !== t13) {
 		t14 = /* @__PURE__ */ jsx($bc25b811ec97a172$export$40258cc1d95ff477, {
 			...props,
 			...groupProps,
@@ -278,29 +291,29 @@ const ToggleGroupBase = (t0) => {
 			style: t12,
 			children: t13
 		});
-		$[44] = groupProps;
-		$[45] = onSelectionChange;
-		$[46] = props;
-		$[47] = t10;
-		$[48] = t11;
-		$[49] = t12;
-		$[50] = t13;
-		$[51] = t14;
-	} else t14 = $[51];
+		$[46] = groupProps;
+		$[47] = onSelectionChange;
+		$[48] = props;
+		$[49] = t10;
+		$[50] = t11;
+		$[51] = t12;
+		$[52] = t13;
+		$[53] = t14;
+	} else t14 = $[53];
 	let t15;
-	if ($[52] !== formFieldProps || $[53] !== t14 || $[54] !== t7 || $[55] !== t8) {
+	if ($[54] !== formFieldProps || $[55] !== t14 || $[56] !== t7 || $[57] !== t8) {
 		t15 = /* @__PURE__ */ jsx(FormField, {
 			onBlurCapture: t7,
 			...formFieldProps,
 			className: t8,
 			children: t14
 		});
-		$[52] = formFieldProps;
-		$[53] = t14;
-		$[54] = t7;
-		$[55] = t8;
-		$[56] = t15;
-	} else t15 = $[56];
+		$[54] = formFieldProps;
+		$[55] = t14;
+		$[56] = t7;
+		$[57] = t8;
+		$[58] = t15;
+	} else t15 = $[58];
 	return t15;
 };
 function ToggleGroup(props) {

package/dist/{ToggleGroup.bound-CmWK8BSN.js → ToggleGroup.bound-B21ZsULG.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-DOR5gIQf.js";
-import { n as ToggleGroupBase } from "./ToggleGroup-Dmddbrxt.js";
+import { n as ToggleGroupBase } from "./ToggleGroup-joWyKjsH.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ToggleGroup/ToggleGroup.bound.tsx

package/dist/{ToggleGroup.bound-BEtnF-L-.d.ts → ToggleGroup.bound-CbFZ7HbT.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
-import { a as ToggleGroupProps$1, i as SingleToggleGroupProps, r as MultiToggleGroupProps } from "./ToggleGroup-BTqYh6FH.js";
+import { a as ToggleGroupProps$1, i as SingleToggleGroupProps, r as MultiToggleGroupProps } from "./ToggleGroup-h3fbz_DK.js";
 import { Key } from "react-aria-components";
 //#region src/components/ToggleGroup/ToggleGroup.bound.d.ts
 type ControlledToggleGroupProps<TFieldValues extends FieldValues, TKey extends Key = Key> = FormControlProps<ToggleGroupProps$1<TKey> & SingleToggleGroupProps<TKey>, TFieldValues> | FormControlProps<ToggleGroupProps$1<TKey> & MultiToggleGroupProps<TKey>, TFieldValues>;

package/dist/{Tooltip-DP5RDkXs.d.ts → Tooltip-Ygelytda.d.ts}

@@ -1,4 +1,4 @@
-import { i as TooltipVariantProps } from "./style-definitions-DzsmGccZ.js";
+import { i as TooltipVariantProps } from "./style-definitions-lMkbC-5y.js";
 import { PropsWithChildren, ReactNode } from "react";
 import { TooltipProps } from "react-aria-components";
 //#region src/components/overlays/Tooltip/Tooltip.d.ts

package/dist/{TooltipWrapper-Iaeu168d.js → TooltipWrapper-L4tSiJ5B.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-DNEQlTx0.js";
-import { t as UIConfig } from "./uiConfig.context-BVacoemZ.js";
+import { t as UIConfig } from "./uiConfig.context-AfW-dfpz.js";
 import { n as inputClearClassDefinition } from "./input.cva-DZii82eS.js";
 import "./i18n-BjNKHh_D.js";
 import { X } from "lucide-react";

package/dist/{Typography-BD-MSuTp.d.ts → Typography-D2VQ9OMS.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-CKCCpIMj.js";
+import { t as TypographyVariantProps } from "./typography.cva-BNGnMopd.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

package/dist/{badgeButton.cva-Cj5AWgfv.d.ts → badgeButton.cva-DDXFEPmk.d.ts}

@@ -1,6 +1,6 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-DzsmGccZ.js";
-import "./typography.cva-CKCCpIMj.js";
+import "./style-definitions-lMkbC-5y.js";
+import "./typography.cva-BNGnMopd.js";
 //#region src/components/buttons/BadgeButton/badgeButton.cva.d.ts
 declare const badgeButtonDefinition: {
   base: string[];

package/dist/{button.cva-YpNNY6C-.d.ts → button.cva-BSs1YBa8.d.ts}

@@ -1,6 +1,6 @@
 import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-DzsmGccZ.js";
-import "./typography.cva-CKCCpIMj.js";
+import "./style-definitions-lMkbC-5y.js";
+import "./typography.cva-BNGnMopd.js";
 //#region src/components/buttons/Button/button.cva.d.ts
 declare const buttonDefinition: {
   base: string[];

package/dist/{buttonContent.cva-CxgT-rxJ.d.ts → buttonContent.cva-CwBicvSs.d.ts}

@@ -1,5 +1,5 @@
 import { t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import { t as ButtonContentConfig } from "./button.cva-YpNNY6C-.js";
+import { t as ButtonContentConfig } from "./button.cva-BSs1YBa8.js";
 //#region src/components/buttons/shared/buttonContent.cva.d.ts
 interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {}
 //#endregion