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

package/dist/{ButtonContent-B2_dZ6vA.js → ButtonContent-c7lJayVQ.js}

@@ -1,10 +1,10 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-CJZZSGXW.js";
-import { t as Spinner } from "./Spinner-BEYBu85B.js";
-import { isValidElement } from "react";
+import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { c } from "react/compiler-runtime";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/buttons/shared/buttonContent.cva.ts
 const buttonContentLabel = cva("hyphens-auto md:truncate", {
 	variants: {
@@ -43,8 +43,10 @@ const ButtonContent = (t0) => {
 	if ($[0] !== iconClassName) {
 		t2 = (icon) => {
 			if (!icon) return null;
-			if (isValidElement(icon)) return icon;
-			return /* @__PURE__ */ jsx(icon, { className: clsx("shrink-0", iconClassName) });
+			return /* @__PURE__ */ jsx(IconSlot, {
+				icon,
+				className: iconClassName
+			});
 		};
 		$[0] = iconClassName;
 		$[1] = t2;
@@ -120,7 +122,7 @@ const ButtonContent = (t0) => {
 	} else t5 = $[19];
 	let t6;
 	if ($[20] !== endIconElement || $[21] !== t4 || $[22] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		t6 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t4,
 			t5,
 			endIconElement

package/dist/{Calendar-DzQApBCy.js → Calendar-BTjajO6i.js}

@@ -2,153 +2,24 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
-import { a as CalendarGrid, i as $1697a7ad3db7b79f$re_export$useDateFormatter, o as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6 } from "./DatePickerInput-UBZcTmdv.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-BLBcySA2.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-B7DW1S7n.js";
+import { i as $928221da08ecbc62$export$a11e76429ed99b4, t as $928221da08ecbc62$export$41f133550aa26f48 } from "./ListBox-CL8Ar4Q_.js";
 import { n as $bc25b811ec97a172$export$40258cc1d95ff477 } from "./ToggleButton-BW1ensey.js";
-import { n as $23f2114a1b82827e$export$4282f70798064fe0 } from "./useLayoutEffect-B2-1tbPJ.js";
-import { a as $390e54f620492c70$export$f680877a34711e37, r as $bbaa08b3cd72f041$export$9d1611c77c2fe928 } from "./useSyncRef-RGMv0rXK.js";
-import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, m as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, r as $fd2148440a13ec26$export$fc1a364ae1f3ff10, s as $2c9edc598a03d523$export$420e68273165f4ec } from "./useFormValidationState-D3z-gafz.js";
-import { n as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, r as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-DQxX6LMN.js";
-import { C as $0014db39426443c5$exports, S as $6a440d0e2d99dd46$export$4a931266a3838b86, f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, v as $7541913c0284d84b$export$300019f83c56d282, w as $121970af65029459$export$f8aeda7b10753fa1 } from "./staticDateTimeSegments-DR8bJw-F.js";
-import { n as $535772f9d2c1f38d$export$c5251b9e124bf29 } from "./FocusScope-CO9oJ1sc.js";
-import { t as Typography } from "./Typography-B0Gp1lpc.js";
-import { PillButton } from "./components/pill-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-BOA-MyoT.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-CFCY-fRJ.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { BadgeButton } from "./components/badge-button.js";
+import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
+import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
+import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-DtU63_dw.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-DCgoSrP3.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
-import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
-import { privateValidationStateProp } from "react-stately/private/form/useFormValidationState";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CalendarDateTime, DateFormatter, Time, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
 import { useCalendar } from "@react-aria/calendar";
-//#region ../../node_modules/.bun/react-aria@3.52.1+67f6792bdf102c28/node_modules/react-aria/dist/private/datepicker/useDatePicker.mjs
-function $parcel$interopDefault(a) {
-	return a && a.__esModule ? a.default : a;
-}
-function $6902a2bb26917a07$export$42df105a73306d51(props, state, ref) {
-	let buttonId = $390e54f620492c70$export$f680877a34711e37();
-	let dialogId = $390e54f620492c70$export$f680877a34711e37();
-	let fieldId = $390e54f620492c70$export$f680877a34711e37();
-	let stringFormatter = $cf2482eff2eeeec2$export$f12b703ca79dfbb1($parcel$interopDefault($0014db39426443c5$exports), "@react-aria/datepicker");
-	let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
-	let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $191c9b6d48a0a4e2$export$294aa081a6c6f55d({
-		...props,
-		labelElementType: "span",
-		isInvalid,
-		errorMessage: props.errorMessage || validationErrors
-	});
-	let groupProps = $6a440d0e2d99dd46$export$4a931266a3838b86(state, ref);
-	let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
-	let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
-	let date = state.formatValue(locale, { month: "long" });
-	let description = date ? stringFormatter.format("selectedDateDescription", { date }) : "";
-	let descProps = $121970af65029459$export$f8aeda7b10753fa1(description);
-	let ariaDescribedBy = [descProps["aria-describedby"], fieldProps["aria-describedby"]].filter(Boolean).join(" ") || void 0;
-	let domProps = $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props);
-	let focusManager = useMemo(() => $535772f9d2c1f38d$export$c5251b9e124bf29(ref), [ref]);
-	let isFocused = useRef(false);
-	let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-		...props,
-		isDisabled: state.isOpen,
-		onBlurWithin: (e) => {
-			let dialog = document.getElementById(dialogId);
-			if (!$23f2114a1b82827e$export$4282f70798064fe0(dialog, e.relatedTarget)) {
-				isFocused.current = false;
-				props.onBlur?.(e);
-				props.onFocusChange?.(false);
-			}
-		},
-		onFocusWithin: (e) => {
-			if (!isFocused.current) {
-				isFocused.current = true;
-				props.onFocus?.(e);
-				props.onFocusChange?.(true);
-			}
-		}
-	});
-	return {
-		groupProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
-			role: "group",
-			"aria-disabled": props.isDisabled || null,
-			"aria-labelledby": labelledBy,
-			"aria-describedby": ariaDescribedBy,
-			onKeyDown(e) {
-				if (state.isOpen) return;
-				if (props.onKeyDown) props.onKeyDown(e);
-			},
-			onKeyUp(e) {
-				if (state.isOpen) return;
-				if (props.onKeyUp) props.onKeyUp(e);
-			}
-		}),
-		labelProps: {
-			...labelProps,
-			onClick: () => {
-				focusManager.focusFirst();
-			}
-		},
-		fieldProps: {
-			...fieldProps,
-			id: fieldId,
-			[$7541913c0284d84b$export$300019f83c56d282]: "presentation",
-			"aria-describedby": ariaDescribedBy,
-			value: state.value,
-			defaultValue: state.defaultValue,
-			onChange: state.setValue,
-			placeholderValue: props.placeholderValue,
-			hideTimeZone: props.hideTimeZone,
-			hourCycle: props.hourCycle,
-			shouldForceLeadingZeros: props.shouldForceLeadingZeros,
-			granularity: props.granularity,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isRequired: props.isRequired,
-			validationBehavior: props.validationBehavior,
-			[privateValidationStateProp]: state,
-			autoFocus: props.autoFocus,
-			name: props.name,
-			form: props.form
-		},
-		descriptionProps,
-		errorMessageProps,
-		buttonProps: {
-			...descProps,
-			id: buttonId,
-			"aria-haspopup": "dialog",
-			"aria-label": stringFormatter.format("calendar"),
-			"aria-labelledby": `${buttonId} ${labelledBy}`,
-			"aria-describedby": ariaDescribedBy,
-			"aria-expanded": state.isOpen,
-			isDisabled: props.isDisabled || props.isReadOnly,
-			onPress: () => state.setOpen(true)
-		},
-		dialogProps: {
-			id: dialogId,
-			"aria-labelledby": `${buttonId} ${labelledBy}`
-		},
-		calendarProps: {
-			autoFocus: true,
-			value: state.dateValue,
-			onChange: state.setDateValue,
-			minValue: props.minValue,
-			maxValue: props.maxValue,
-			isDisabled: props.isDisabled,
-			isReadOnly: props.isReadOnly,
-			isDateUnavailable: props.isDateUnavailable,
-			defaultFocusedValue: state.dateValue ? void 0 : props.placeholderValue,
-			isInvalid: state.isInvalid,
-			errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" "),
-			firstDayOfWeek: props.firstDayOfWeek,
-			pageBehavior: props.pageBehavior
-		},
-		isInvalid,
-		validationErrors,
-		validationDetails
-	};
-}
-//#endregion
 //#region ../../node_modules/.bun/react-stately@3.50.0+83d5fd7b249dbeef/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
 function $28aae683a942e141$export$87194bb378cc3ac2(props) {
 	let overlayState = $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props);
@@ -288,13 +159,16 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					...prevButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-6 text-interactive-primary-background" })
+					children: /* @__PURE__ */ jsx(IconSlot, {
+						icon: ChevronLeft,
+						className: "text-interactive-primary-background"
+					})
 				})
 			}),
 			/* @__PURE__ */ jsxs($bc25b811ec97a172$export$40258cc1d95ff477, {
 				className: "flex gap-2",
 				children: [
-					granularity !== "year" && /* @__PURE__ */ jsx(PillButton, {
+					granularity !== "year" && /* @__PURE__ */ jsx(BadgeButton, {
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
@@ -314,7 +188,7 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 						},
 						children: month
 					}),
-					/* @__PURE__ */ jsx(PillButton, {
+					/* @__PURE__ */ jsx(BadgeButton, {
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
@@ -338,7 +212,7 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 						},
 						children: year
 					}),
-					includesTime && /* @__PURE__ */ jsx(PillButton, {
+					includesTime && /* @__PURE__ */ jsx(BadgeButton, {
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
@@ -356,7 +230,10 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 					...nextButtonProps,
 					isDisabled: !!toggleState,
 					className: clsx("shrink-0 focus-visible:outline-interactive-ring", !!toggleState && "opacity-0"),
-					children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-6 text-interactive-primary-background" })
+					children: /* @__PURE__ */ jsx(IconSlot, {
+						icon: ChevronRight,
+						className: "text-interactive-primary-background"
+					})
 				})
 			})
 		]
@@ -435,7 +312,7 @@ const MonthPicker = ({ state, onSelectionChange, onDateChange, onCommit, selecte
 					if (monthNumber !== selectedMonth) return;
 					onCommit?.();
 				},
-				className: clsx("flex items-center justify-center text-surface-default-foreground", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-tint-surface-default-foreground/80", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex items-center justify-center text-surface-default-foreground", "rounded-button-rounding-default border border-border-default-subtle border-solid bg-surface-default-card", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:border-interactive-primary-background selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
 					size: "small",
@@ -569,7 +446,7 @@ const YearPicker = ({ state, onSelectionChange, onDateChange, onCommit, selected
 					if (index !== selectedYearIndex) return;
 					onCommit?.();
 				},
-				className: clsx("flex px-4 py-2 text-surface-default-foreground outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-tint-surface-default-foreground/80", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-tint-interactive-primary-background/60 focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
+				className: clsx("flex px-4 py-2 text-surface-default-foreground outline-none", "border-border-default-subtle border-b border-solid bg-surface-default-card last:border-b-0", "not-selected:not-disabled:hover:text-state-surface-default-foreground/hover", "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground", "focus-visible:bg-state-interactive-primary-background/focus focus-visible:text-interactive-primary-foreground", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
 				children: /* @__PURE__ */ jsx(Typography, {
 					as: "span",
 					size: "small",
@@ -751,4 +628,4 @@ const Calendar = ({ showWeekNumbers, className, includesTime, datePickerState, h
 	});
 };
 //#endregion
-export { $6902a2bb26917a07$export$42df105a73306d51 as i, useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };
+export { useScrollableListBox as n, $28aae683a942e141$export$87194bb378cc3ac2 as r, Calendar as t };

package/dist/{CheckContent-DZ7Gk8GS.js → CheckContent-D7sZPmzx.js}

@@ -1,6 +1,6 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-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 { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/shared/CheckContent.tsx
 const CheckContent = ({ children, className, contentClassName, ...props }) => {

package/dist/{Checkbox-BepzfVfK.js → Checkbox-CV1ILXXO.js}

@@ -1,16 +1,17 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-B3lnOjsU.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
+import { c as checkboxIndicatorClass, l as checkboxTypography, n as checkboxContentClassName, t as CheckboxCheckmark } from "./CheckboxCheckmark-CpC3wlMs.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, i as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-B2-B-uFY.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D2MPZ3sY.js";
 import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-DlQcyN1f.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 { t as FormFieldError } from "./FormFieldError-QRAFHUTt.js";
-import { t as CheckContent } from "./CheckContent-DZ7Gk8GS.js";
+import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
+import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { mergeRefs } from "react-aria/mergeRefs";
 import { useObjectRef } from "react-aria/useObjectRef";
@@ -22,7 +23,6 @@ import { useCheckboxGroup, useCheckboxGroupItem } from "react-aria/useCheckboxGr
 import { useCheckbox } from "react-aria/useCheckbox";
 import { useCheckboxGroupState } from "react-stately/useCheckboxGroupState";
 import { useToggleState } from "react-stately/useToggleState";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Checkbox.mjs
 const $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ createContext(null);
 const $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ createContext(null);

package/dist/{Checkbox-CHpgW3fI.d.ts → Checkbox-DVTWaMKa.d.ts}

@@ -1,5 +1,5 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-gv87kr1W.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-t1Ox50hy.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";

package/dist/{CheckboxCheckmark-B3lnOjsU.js → CheckboxCheckmark-CpC3wlMs.js}

@@ -1,6 +1,6 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as Check } from "./check-DYMBkp_Z.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -35,17 +35,17 @@ const checkboxDefinition = UIOverrides.defineConfig({
 			"text-interactive-primary-foreground",
 			"group-focus-visible:outline-interactive-ring",
 			"group-not-disabled:group-invalid:border-border-destructive-base",
-			"group-disabled:border-tint-interactive-primary-background/50",
-			"group-not-disabled:group-not-invalid:group-hover:border-tint-interactive-primary-background/80",
-			"group-not-disabled:group-not-invalid:group-pressed:border-tint-interactive-primary-background/70",
+			"group-disabled:border-state-interactive-primary-background/disabled",
+			"group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover",
+			"group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed",
 			"group-selected:bg-interactive-primary-background",
-			"group-selected:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
-			"group-selected:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
-			"group-selected:group-disabled:bg-tint-interactive-primary-background/50",
+			"group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
+			"group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
+			"group-selected:group-disabled:bg-state-interactive-primary-background/disabled",
 			"group-indeterminate:bg-interactive-primary-background",
-			"group-indeterminate:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80",
-			"group-indeterminate:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70",
-			"group-indeterminate:group-disabled:bg-tint-interactive-primary-background/50"
+			"group-indeterminate:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
+			"group-indeterminate:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
+			"group-indeterminate:group-disabled:bg-state-interactive-primary-background/disabled"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
@@ -175,4 +175,4 @@ const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Ch
 	});
 };
 //#endregion
-export { checkboxDefinition as a, checkboxIndicatorClass as c, checkboxContentWrapperDefinition as i, checkboxTypography as l, checkboxContentClassName as n, checkboxGroupLabelDefinition as o, checkboxContentRowDefinition as r, checkboxIconDefinition as s, CheckboxCheckmark as t };
+export { checkboxDefinition as a, checkboxIndicatorClass as c, checkboxContentWrapperDefinition as i, checkboxTypography as l, checkboxContentClassName as n, checkboxGroupLabelDefinition as o, checkboxContentRowDefinition as r, checkboxIconDefinition as s, CheckboxCheckmark as t, Minus as u };

package/dist/{CheckboxGroup-CXrR3A-c.d.ts → CheckboxGroup-DGF12cmB.d.ts}

@@ -1,8 +1,8 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-gv87kr1W.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-t1Ox50hy.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 { ReactElement, Ref } from "react";
 import { CheckboxGroupProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts