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

package/dist/{Calendar-DzQApBCy.js → Calendar-CVSQH-rC.js}

@@ -2,26 +2,27 @@ 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-CX6NYim4.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 { 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-CsCE9Buo.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 { n as TimePickerForm } from "./datePickerValue.utils-CUzkWie8.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-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 { 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) {
@@ -288,13 +289,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 +318,7 @@ const CalendarHeader = ({ calendarState, datePickerState, prevButtonProps, nextB
 						},
 						children: month
 					}),
-					/* @__PURE__ */ jsx(PillButton, {
+					/* @__PURE__ */ jsx(BadgeButton, {
 						color: "secondary",
 						variant: "subtle",
 						iconPosition: "right",
@@ -338,7 +342,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 +360,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 +442,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 +576,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",

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-BU0d702K.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-usHsolNj.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-usHsolNj.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" }
 	}

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