@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{Checkbox-CCvC7OVT.d.ts → Checkbox-BjZVQ-6_.d.ts}

@@ -1,5 +1,5 @@
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
 import { ComponentType, ReactNode, Ref, SVGProps } from "react";
 import { CheckboxProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/Checkbox.d.ts

package/dist/{Checkbox-BI3DQPLa.js → Checkbox-Bo03jrPX.js}

@@ -1,14 +1,14 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { t as CheckboxCheckmark } from "./CheckboxCheckmark-BzT6MwH5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { t as CheckboxCheckmark } from "./CheckboxCheckmark-C4yFclkZ.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-BkLF-JA3.js";
 import { t as $43a3b93638fe5db9$export$75b6ee27786ba447 } from "./Label-BGvF9vWx.js";
 import { t as $efe09c6d1c304b50$export$9afb8bc826b033ea } from "./Text-D72yc4S6.js";
 import { n as $1f3c3b1a70cec653$export$ff05c3ac10437e03, t as $cdaed739b1139372$export$c24727297075ec6a } from "./Form-CqF1SaVw.js";
-import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-D-D9Qgaf.js";
-import { t as FormFieldError } from "./FormFieldError-Bqjg9cMb.js";
-import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
+import { c as checkboxTypography, s as checkboxIndicatorClass, t as checkboxContentClassName } from "./checkbox.cva-DCVi4-4z.js";
+import { t as FormFieldError } from "./FormFieldError-BaVgIKrv.js";
+import { t as CheckContent } from "./CheckContent-DHKG_FY6.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{Checkbox.bound-CMZnF2_d.js → Checkbox.bound-DN4OVaMs.js}

@@ -1,4 +1,4 @@
-import { n as CheckboxBase } from "./Checkbox-BI3DQPLa.js";
+import { n as CheckboxBase } from "./Checkbox-Bo03jrPX.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
 import { memo } from "react";

package/dist/{Checkbox.bound-DBt33Inx.d.ts → Checkbox.bound-DTO008Tl.d.ts}

@@ -1,4 +1,4 @@
-import { a as CheckboxProps$1 } from "./Checkbox-CCvC7OVT.js";
+import { a as CheckboxProps$1 } from "./Checkbox-BjZVQ-6_.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Checkbox/Checkbox.bound.d.ts
 type ControlledCheckboxProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxProps$1, TFieldValues, "isSelected">;

package/dist/{CheckboxCheckmark-BzT6MwH5.js → CheckboxCheckmark-C4yFclkZ.js}

@@ -1,7 +1,7 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
 import { t as Check } from "./check-DYMBkp_Z.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-D-D9Qgaf.js";
+import { i as checkboxDefinition, o as checkboxIconDefinition } from "./checkbox.cva-DCVi4-4z.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/minus.mjs
 /**
@@ -31,13 +31,10 @@ const CheckboxCheckmark = ({ variant, className, selectedIcon: SelectedIcon = Ch
 			...props,
 			className
 		}),
-		children: [/* @__PURE__ */ jsx(SelectedIcon, {
-			className: checkboxIconCva({
-				...props,
-				iconVariant: "selected"
-			}),
-			strokeWidth: 3
-		}), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
+		children: [/* @__PURE__ */ jsx(SelectedIcon, { className: checkboxIconCva({
+			...props,
+			iconVariant: "selected"
+		}) }), /* @__PURE__ */ jsx(IndeterminateIcon, { className: checkboxIconCva({
 			...props,
 			iconVariant: "indeterminate"
 		}) })]

package/dist/{CheckboxGroup-MJ6crCZk.d.ts → CheckboxGroup-B_rzZgta.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-CJy87xUo.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-CZnnBl8g.js";
 import { ReactElement, Ref } from "react";
 import { CheckboxGroupProps } from "react-aria-components";
 //#region src/components/inputs/Checkbox/CheckboxGroup.d.ts

package/dist/{CheckboxGroup-DQw4hsFa.js → CheckboxGroup-D3LxgocB.js}

@@ -1,10 +1,10 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-BI3DQPLa.js";
-import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-D-D9Qgaf.js";
-import { n as FormFieldLabel, t as FormField } from "./FormField-D7KKJ6kG.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "./Checkbox-Bo03jrPX.js";
+import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "./checkbox.cva-DCVi4-4z.js";
+import { n as FormFieldLabel, t as FormField } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "@react-aria/label";

package/dist/{CheckboxGroup.bound-CTCdezUN.js → CheckboxGroup.bound-8hjoP-xP.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as CheckboxGroupBase } from "./CheckboxGroup-DQw4hsFa.js";
+import { n as CheckboxGroupBase } from "./CheckboxGroup-D3LxgocB.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Checkbox/CheckboxGroup.bound.tsx

package/dist/{CheckboxGroup.bound-j2Sc8QtU.d.ts → CheckboxGroup.bound-CiA60XsD.d.ts}

@@ -1,4 +1,4 @@
-import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-MJ6crCZk.js";
+import { i as CheckboxGroupProps$1 } from "./CheckboxGroup-B_rzZgta.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/Checkbox/CheckboxGroup.bound.d.ts
 type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = FormControlProps<CheckboxGroupProps$1, TFieldValues>;

package/dist/{DatePicker-umTISfvn.d.ts → DatePicker-B_caFHFY.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { CalendarDate, DateValue } from "@internationalized/date";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{DatePicker-CSm9c37c.js → DatePicker-Bc_E4UZ1.js}

@@ -1,17 +1,17 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-TND0rEMc.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
-import { t as FormField } from "./FormField-D7KKJ6kG.js";
-import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-Bt5wCZvg.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { i as getStaticDateTimeFocusTarget, o as DateTimeDialogFooter, s as DateTimeDialog, t as getStaticCalendarDateSegments } from "./staticDateTimeSegments-CA_lwN-O.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-ChmIflXX.js";
 import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
 import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -370,7 +370,7 @@ const DatePickerInner = ({ defaultValue: _defaultValue, fullIso = true, granular
 			},
 			isDisabled,
 			className: clsx("group relative flex w-full flex-col text-left", props.className),
-			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
+			inputClassName: clsx("min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",

package/dist/{DatePicker.bound-KLyoWNcX.d.ts → DatePicker.bound-C5-DL4SJ.d.ts}

@@ -1,4 +1,4 @@
-import { i as DatePickerProps$1 } from "./DatePicker-umTISfvn.js";
+import { i as DatePickerProps$1 } from "./DatePicker-B_caFHFY.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.d.ts
 type ControlledDatePickerProps<TFieldValues extends FieldValues> = FormControlProps<DatePickerProps$1, TFieldValues>;

package/dist/{DatePicker.bound-Yqckg7Mk.js → DatePicker.bound-CtBL5w-8.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as DatePickerInner } from "./DatePicker-CSm9c37c.js";
+import { n as DatePickerInner } from "./DatePicker-Bc_E4UZ1.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DatePicker/DatePicker.bound.tsx

package/dist/{DatePickerInput-DwHQvLzi.d.ts → DatePickerInput-8gKhZdGY.d.ts}

@@ -1,6 +1,6 @@
-import { n as IconButtonProps } from "./IconButton-BM2DUNtN.js";
-import "./FormField-BIRMlgu4.js";
-import "./input.cva-L7jKDv6q.js";
+import { n as IconButtonProps } from "./IconButton-DdvODpP7.js";
+import "./FormField-BsR2Cjxm.js";
+import "./input.cva-CEFEpKml.js";
 import { ReactNode, Ref } from "react";
 import "react-aria";
 //#region src/components/inputs/DateTime/shared/datePicker.types.d.ts

package/dist/{DatePickerInput-Cs9RwZfy.js → DatePickerInput-TND0rEMc.js}

@@ -1,24 +1,24 @@
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.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-C1YB5dOw.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { IconButton } from "./components/icon-button.js";
 import { n as $a8ea2faf2ebe4d2f$re_export$mergeProps } from "./import-D_3dPATF.js";
-import { n as FormFieldLabel } from "./FormField-D7KKJ6kG.js";
-import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-w7ZEVQAM.js";
+import { n as FormFieldLabel } from "./FormField-DyqEbqx3.js";
+import { a as inputSizeDefinition, t as inputBaseDefinition } from "./input.cva-AHLI_M3K.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
-import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { c as useFirefoxDateSegmentSelectionGuard, d as $8e7461aabf74661f$export$60e84778edff6d26, l as DateSegmentItem } from "./staticDateTimeSegments-CA_lwN-O.js";
 import "./i18n-BjNKHh_D.js";
 import { r as $32daac5f69beb98a$re_export$useFocusRing } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
 import { t as DateUtils } from "./date.utils-B8_QF9y6.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { n as InputClear } from "./TooltipWrapper-D7HUZLsP.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { n as InputClear } from "./TooltipWrapper-BrftXInI.js";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { CalendarDate, CalendarDateTime, DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, getDayOfWeek, getLocalTimeZone, getWeeksInMonth, isEqualCalendar, isSameDay, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, today } from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, DateFormatter, GregorianCalendar, createCalendar, endOfMonth, endOfWeek, getDayOfWeek, getLocalTimeZone, getWeeksInMonth, isEqualCalendar, isSameDay, isToday, maxDate, minDate, startOfMonth, startOfWeek, startOfYear, toCalendar, toCalendarDate, today } from "@internationalized/date";
 import "react-aria/I18nProvider";
 import "react-aria/useNumberFormatter";
 import "react-aria/useCollator";
@@ -410,7 +410,7 @@ const isRange = (state) => {
 };
 const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSelection = true, shouldCloseOnSelect = true, onDateSelection, onDateHover, rangeSelection, hoverDate, onKeyboardNavigation, ...props }) => {
 	const ref = useRef(null);
-	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange, isFocused } = useCalendarCell(props, state, ref);
+	const { cellProps, buttonProps, formattedDate, isSelected, isDisabled, isOutsideVisibleRange } = useCalendarCell(props, state, ref);
 	const { focusProps } = $32daac5f69beb98a$re_export$useFocusRing();
 	const onClick = useCallback((event) => {
 		buttonProps.onClick?.(event);
@@ -508,18 +508,25 @@ const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 	const onMouseLeave = useCallback(() => {
 		if (onDateHover && selectionState.isSelectingMode) onDateHover(null);
 	}, [onDateHover, selectionState.isSelectingMode]);
+	const isTodayCell = isToday(props.date, getLocalTimeZone());
 	const cellClassName = useMemo(() => {
 		const { isSelectedCell, isInRange, isHoverRange, isSelectingMode, isSelectionStart, isSelectionEnd } = selectionState;
-		return clsx("mx-auto flex h-10 w-full max-w-10 items-center justify-center rounded-button-rounding-default p-2", "focus:outline-none focus-visible:outline-1 focus-visible:outline-interactive-ring focus-visible:outline-offset-1", "border border-transparent border-solid", !isSelectedCell && !isOutsideVisibleRange && "bg-surface-default-card text-content-primary", isOutsideVisibleRange && "bg-surface-default-card text-content-muted", isSelectedCell && !isOutsideVisibleRange && "bg-interactive-primary-background text-interactive-primary-foreground", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd && "rounded-r-none", isSelectedCell && !isOutsideVisibleRange && rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart && "rounded-l-none", isDisabled && !isOutsideVisibleRange && "cursor-default", isDisabled && !isOutsideVisibleRange && !isSelectedCell && "text-state-content-primary/disabled", isDisabled && !isOutsideVisibleRange && isSelectedCell && "bg-state-interactive-primary-background/disabled text-state-interactive-primary-foreground/disabled", !isSelectedCell && !isInRange && !isHoverRange && !isSelectingMode && !isDisabled && !isOutsideVisibleRange && "[@media(pointer:fine)]:hover:border-border-default-subtle [@media(pointer:fine)]:hover:bg-state-surface-default-card/hover [@media(pointer:fine)]:hover:text-state-content-primary/hover", isInRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", isHoverRange && !isOutsideVisibleRange && "!rounded-none !bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", !isInRange && !isSelectedCell && isSelectingMode && !isDisabled && !isOutsideVisibleRange && "hover:bg-state-interactive-primary-background/hover hover:text-interactive-primary-foreground", isSelectingMode && !isSelectedCell && !isInRange && !isHoverRange && !isDisabled && !isOutsideVisibleRange && "transition-all duration-75 hover:border-border-default-subtle", isFocused && !isSelectedCell && !isDisabled && !isOutsideVisibleRange && "ring-2 ring-inset ring-interactive-ring");
+		const isVisibleSelected = isSelectedCell && !isOutsideVisibleRange;
+		const isVisibleRangeMiddle = (isInRange || isHoverRange) && !isOutsideVisibleRange && !isVisibleSelected;
+		const isRangeStart = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionStart && !isSelectionEnd;
+		const isRangeEnd = isVisibleSelected && !!rangeSelection && !rangeSelection.isSelecting && isSelectionEnd && !isSelectionStart;
+		const isRangeEdge = isRangeStart || isRangeEnd;
+		return clsx("mx-auto flex items-center justify-center p-0 text-sm font-normal transition-[color,box-shadow]", "outline-none focus-visible:relative focus-visible:z-10 focus-visible:ring-[3px] focus-visible:ring-ring/50", isVisibleRangeMiddle || isRangeEdge ? "h-8 w-full" : "size-8", isVisibleRangeMiddle && "rounded-none", isRangeStart && "rounded-l-md", isRangeEnd && "rounded-r-md", !isVisibleRangeMiddle && !isRangeEdge && "rounded-md", isOutsideVisibleRange && "text-muted-foreground opacity-50", isVisibleSelected && "bg-primary text-primary-foreground", isVisibleSelected && isDisabled && "opacity-50", isVisibleRangeMiddle && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && isDisabled && "text-muted-foreground opacity-50", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && isTodayCell && "bg-accent text-accent-foreground", !isOutsideVisibleRange && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && !isTodayCell && "text-foreground [@media(pointer:fine)]:hover:bg-accent [@media(pointer:fine)]:hover:text-accent-foreground", isDisabled && !isOutsideVisibleRange && "cursor-default", isSelectingMode && !isVisibleSelected && !isVisibleRangeMiddle && !isDisabled && "duration-75");
 	}, [
 		selectionState,
 		isOutsideVisibleRange,
 		rangeSelection,
 		isDisabled,
-		isFocused
+		isTodayCell
 	]);
 	return /* @__PURE__ */ jsx("td", {
 		...cellProps,
+		className: "p-0 py-0.5",
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			...$a8ea2faf2ebe4d2f$re_export$mergeProps(buttonProps, focusProps),
@@ -532,8 +539,8 @@ const CalendarCell = ({ state, onApply, onDoubleClickApply, shouldApplyOnDateSel
 			onKeyDown: (e) => handleEvent(e, () => onKeyboardNavigation?.(e, props.date)),
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "small",
-				className: "block w-6 overflow-hidden text-ellipsis text-center",
+				size: "body",
+				className: "block overflow-hidden text-ellipsis text-center",
 				children: formattedDate
 			})
 		})
@@ -562,7 +569,7 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 		onDateSelection?.(date, calendarSide);
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("h-72 w-full px-3 py-1", showWeekNumbers ? "md:w-[352px]" : "md:w-80", className),
+		className: clsx("h-72 w-full px-3 pb-3", showWeekNumbers ? "md:w-[352px]" : "md:w-80", className),
 		inert: isSelectionDisabled || void 0,
 		"aria-disabled": isSelectionDisabled || void 0,
 		children: /* @__PURE__ */ jsxs("table", {
@@ -573,32 +580,33 @@ const CalendarGrid = ({ state, showWeekNumbers = false, onApply, onDoubleClickAp
 				...headerProps,
 				children: /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
 					scope: "col",
-					className: "w-8 border-border-default-subtle border-r",
+					className: "w-8 border-r border-border font-normal",
 					"aria-label": t(($) => $.ui.datePicker.weekNumberLabel, { ns: "ui" }),
-					children: /* @__PURE__ */ jsx(Typography, {
-						size: "small",
-						className: "py-2 text-content-secondary",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
 						children: t(($) => $.ui.datePicker.weekNumberHeading, { ns: "ui" })
 					})
-				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-					size: "small",
-					className: "bg-surface-default-card py-2 text-content-secondary",
-					children: day.substring(0, 2)
-				}) }, day))] })
+				}), weekDays.map((day) => /* @__PURE__ */ jsx("th", {
+					className: "font-normal",
+					children: /* @__PURE__ */ jsx("span", {
+						className: "block py-2 text-[0.8rem] font-normal text-muted-foreground",
+						children: day.substring(0, 2)
+					})
+				}, day))] })
 			}), /* @__PURE__ */ jsx("tbody", { children: WEEK_INDICES.map((weekIndex) => {
 				const dates = state.getDatesInWeek(weekIndex, startDate);
 				const firstDate = dates.find((date) => date !== null);
 				const week = firstDate ? getISOWeekNumber(firstDate) : null;
 				return /* @__PURE__ */ jsxs("tr", { children: [showWeekNumbers && /* @__PURE__ */ jsx("th", {
 					scope: "row",
-					className: "w-8 border-border-default-subtle border-r",
+					className: "w-8 border-r border-border font-normal",
 					"aria-label": week === null ? void 0 : t(($) => $.ui.datePicker.weekNumber, {
 						ns: "ui",
 						week
 					}),
 					children: /* @__PURE__ */ jsx(Typography, {
 						size: "small",
-						className: "text-content-secondary tabular-nums",
+						className: "text-muted-foreground tabular-nums",
 						children: week
 					})
 				}), dates.map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
@@ -886,7 +894,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 		...groupProps,
 		...focusWithinProps,
 		...hoverProps,
-		className: clsx("group group/date-picker-content relative flex items-center justify-between gap-2", shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", groupProps.className, inputBaseCva({
+		className: clsx("group group/date-picker-content relative flex items-center justify-between gap-2", shouldShrinkInput ? "min-w-0" : "min-w-51", groupProps.className, inputBaseCva({
 			variant,
 			as,
 			...props
@@ -906,7 +914,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 		"data-is-required": isRequired || void 0,
 		"data-is-filled": hasDisplayedValue || void 0,
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center gap-input-gap-input-text-to-elements pr-0!", shouldShrinkInput ? "min-w-0 flex-1 w-full" : "w-full", inputSizeCva({
+			className: clsx("flex items-center gap-2 pr-0!", shouldShrinkInput ? "min-w-0 flex-1 w-full" : "w-full", inputSizeCva({
 				size,
 				as
 			})),
@@ -930,7 +938,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 						!shouldRenderTodayIconWithFieldLabel && todayIconButton,
 						displayContent ? displayContent : disableManualEntry && placeholder && !fieldProps.value ? /* @__PURE__ */ jsx(Typography, {
 							size: "large",
-							className: "text-content-muted",
+							className: "text-muted-foreground",
 							children: placeholder
 						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DateField, {
 							ref: dateFieldRef,
@@ -947,7 +955,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 							timeZone: effectiveTimeZone,
 							segmentGroup: normalizedEndFieldProps ? "start" : void 0
 						}), normalizedEndFieldProps && /* @__PURE__ */ jsxs(Fragment$1, { children: [!((as === "floating" || as === "filter") && hidePlaceholder) && /* @__PURE__ */ jsx("span", {
-							className: clsx("pointer-events-none select-none", !hasDisplayedValue && "text-content-muted"),
+							className: clsx("pointer-events-none select-none", !hasDisplayedValue && "text-muted-foreground"),
 							children: "–"
 						}), /* @__PURE__ */ jsx(DateField, {
 							ref: endDateFieldRef,
@@ -969,7 +977,7 @@ const DatePickerInput = ({ ref, as, groupProps, fieldProps, endFieldProps, field
 			className: clsx(inputSizeCva({
 				size,
 				as
-			}), "flex items-center gap-input-gap-trailing-elements py-0! pl-0!"),
+			}), "flex items-center gap-1 py-0! pl-0!"),
 			children: [isClearable && /* @__PURE__ */ jsx(InputClear, {
 				onClear: clearInput,
 				show: showClear

package/dist/{DateRangePicker-s_4n-F_P.js → DateRangePicker-BNMTOQ2N.js}

@@ -1,28 +1,28 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { r as ChevronLeft } from "./Tooltip-CMigoyri.js";
+import { r as ChevronLeft } from "./Tooltip-CqbyoJhl.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-DJPPn2fD.js";
-import { t as Select } from "./Select-Br_3eecr.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, c as $dd602d3c757202f2$export$a1d3911297b952d7, i as CalendarGrid, l as $dd602d3c757202f2$export$eac50920cf2fd59a, n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, r as $1697a7ad3db7b79f$re_export$useDateFormatter, s as $dd602d3c757202f2$export$4f5203c0d889109e, t as DatePickerInput, u as $dd602d3c757202f2$export$f4a51ff076cc9a09 } from "./DatePickerInput-Cs9RwZfy.js";
+import { t as Select } from "./Select-BAlYMh4h.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, c as $dd602d3c757202f2$export$a1d3911297b952d7, i as CalendarGrid, l as $dd602d3c757202f2$export$eac50920cf2fd59a, n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, r as $1697a7ad3db7b79f$re_export$useDateFormatter, s as $dd602d3c757202f2$export$4f5203c0d889109e, t as DatePickerInput, u as $dd602d3c757202f2$export$f4a51ff076cc9a09 } from "./DatePickerInput-TND0rEMc.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-C1YB5dOw.js";
-import { t as Switch } from "./Switch-R0kAicgM.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
+import { t as Switch } from "./Switch-Ck_zSDuw.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
 import { IconButton } from "./components/icon-button.js";
 import { BadgeButton } from "./components/badge-button.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
-import { t as FormField } from "./FormField-D7KKJ6kG.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CuU1VIh1.js";
 import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-DYarfm5F.js";
-import { f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, i as getStaticDateTimeFocusTarget, m as $8b141f2f71e88f85$export$80ff8fc0ae339c13, o as DateTimeDialogFooter, p as $8b141f2f71e88f85$export$7e319ea407e63bc0, r as getStaticDateRangeSegments, s as DateTimeDialog } from "./staticDateTimeSegments-CA_lwN-O.js";
 import "./i18n-BjNKHh_D.js";
 import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
 import { InputFrame } from "./components/input-frame.js";
 import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -460,7 +460,7 @@ const CalendarSelectHeader = ({ state, isPrevMonthDisabled, isPrevYearDisabled,
 		onNavigate?.(newDate);
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-3 border-border-default-subtle border-b border-solid px-3 py-2.5",
+		className: "flex w-full items-center justify-between gap-3 p-3",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center",
@@ -592,7 +592,7 @@ const RangeCalendar = ({ showWeekNumbers, className, leftCalendarState, rightCal
 		return rightPrevDate.year < leftDate.year || rightPrevDate.year === leftDate.year && rightPrevDate.month === leftDate.month;
 	}, [leftDate, rightDate]);
 	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex flex-col items-center bg-surface-default-card", showWeekNumbers ? "w-full max-w-[336px] md:w-fit md:max-w-none" : "w-fit", className),
+		className: clsx("flex flex-col items-center bg-popover text-popover-foreground", showWeekNumbers ? "w-full max-w-[336px] md:w-fit md:max-w-none" : "w-fit", className),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: clsx("flex", showWeekNumbers && "w-full"),
 			children: [/* @__PURE__ */ jsxs("div", {
@@ -1417,16 +1417,16 @@ const DateRangePickerBase = (props) => {
 			}), /* @__PURE__ */ jsx(DateTimeDialog, {
 				hideSidebar,
 				sidebar: /* @__PURE__ */ jsxs("div", {
-					className: "flex w-full flex-row overflow-auto border-border-default-subtle border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
+					className: "flex w-full flex-row overflow-auto border-border border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
 					children: [enableRelativeMode && /* @__PURE__ */ jsx(Switch, {
 						isSelected: mode === "relative",
 						onChange: onModeChange,
-						className: "shrink-0 px-2 py-2 md:px-list-side-item-left",
+						className: "shrink-0 px-2 py-2 md:px-2",
 						children: t(($) => $.ui.datePicker.relativeMode, { ns: "ui" })
 					}), presets.map((preset) => /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
 						isDisabled: preset.isDisabled,
 						onClick: () => selectPreset(preset),
-						className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-state-content-secondary/disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-content-secondary hover:text-state-content-secondary/hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-primary-background text-interactive-primary-foreground"),
+						className: clsx("w-full px-2 py-1 text-left md:px-2 md:py-1.5 disabled:text-foreground!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-foreground hover:text-foreground", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-primary text-primary-foreground"),
 						children: /* @__PURE__ */ jsx(Typography, {
 							size: "small",
 							sizeMobile: "small",
@@ -1622,7 +1622,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
 			},
 			isDisabled,
 			className: clsx("group relative flex w-full flex-col text-left", props.className),
-			inputClassName: clsx("min-w-input-width-min-width", props.inputClassName),
+			inputClassName: clsx("min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",

package/dist/{DateRangePicker-hV_U1IK0.d.ts → DateRangePicker-CzWwO5bA.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { CalendarDate } from "@internationalized/date";

package/dist/{DateRangePicker.bound-D-GPENNe.d.ts → DateRangePicker.bound-C4mHtr-b.d.ts}

@@ -1,4 +1,4 @@
-import { a as DateRangePickerProps$1 } from "./DateRangePicker-hV_U1IK0.js";
+import { a as DateRangePickerProps$1 } from "./DateRangePicker-CzWwO5bA.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.d.ts
 type ControlledDateRangePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateRangePickerProps$1, TFieldValues>;

package/dist/{DateRangePicker.bound-C1klxYW0.js → DateRangePicker.bound-GeRw9Iuj.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as DateRangePickerInner } from "./DateRangePicker-s_4n-F_P.js";
+import { n as DateRangePickerInner } from "./DateRangePicker-BNMTOQ2N.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DateRangePicker/DateRangePicker.bound.tsx

package/dist/{DateTimePicker-411pU7VF.js → DateTimePicker-B3YjV4uj.js}

@@ -1,17 +1,17 @@
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
-import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-Cs9RwZfy.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
+import { n as renderDatePickerTodayIcon, o as $ea0ea6e62ae0d7ca$export$6d095e787d2b5e1f, t as DatePickerInput } from "./DatePickerInput-TND0rEMc.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as useFieldAccessibility } from "./useFieldAccessibility-eZIMECmG.js";
-import { t as FormField } from "./FormField-D7KKJ6kG.js";
-import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-Bt5wCZvg.js";
-import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-DRQ536wk.js";
+import { t as FormField } from "./FormField-DyqEbqx3.js";
+import { i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, s as DateTimeDialog } from "./staticDateTimeSegments-CA_lwN-O.js";
+import { r as $28aae683a942e141$export$87194bb378cc3ac2, t as Calendar } from "./Calendar-ChmIflXX.js";
 import { n as useStaticInputHandoff } from "./useStaticInputHandoff-DyYxfwv6.js";
-import { t as normalizeDatePickerValue } from "./datePickerValue.utils-OAQBDk1R.js";
+import { t as normalizeDatePickerValue } from "./datePickerValue.utils-BxHR_BQZ.js";
 import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
-import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva-Cd7UUN61.js";
-import { t as TooltipWrapper } from "./TooltipWrapper-D7HUZLsP.js";
+import { t as datePickerInputContentRowDefinition } from "./datePickerInput.cva--gCeAsRx.js";
+import { t as TooltipWrapper } from "./TooltipWrapper-BrftXInI.js";
 import { InputFrame } from "./components/input-frame.js";
 import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -331,7 +331,7 @@ const DateTimePickerInner = ({ defaultValue: _defaultValue, renderStaticInput, i
 			},
 			isDisabled,
 			className: clsx("group relative flex w-full flex-col text-left", props.className),
-			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-input-width-min-width", props.inputClassName),
+			inputClassName: clsx(props.shouldShrinkInput ? "min-w-0" : "min-w-51", props.inputClassName),
 			contentClassName: "pr-0!",
 			contentWrapperClassName: datePickerInputContentRowCva({ size }),
 			contentGroup: "date-picker",

package/dist/{DateTimePicker-wgV0SUeZ.d.ts → DateTimePicker-CzGdmamp.d.ts}

@@ -1,6 +1,6 @@
-import { n as FormFieldProps } from "./FormField-BIRMlgu4.js";
-import { n as InputVariantProps } from "./input.cva-L7jKDv6q.js";
-import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-DwHQvLzi.js";
+import { n as FormFieldProps } from "./FormField-BsR2Cjxm.js";
+import { n as InputVariantProps } from "./input.cva-CEFEpKml.js";
+import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-8gKhZdGY.js";
 import { FocusEvent, Ref } from "react";
 import { DateValue } from "react-aria";
 import { DatePickerStateOptions } from "react-stately";

package/dist/{DateTimePicker.bound-BDyUzidV.js → DateTimePicker.bound-ByjHsAnf.js}

@@ -1,6 +1,6 @@
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-D_3dPATF.js";
 import { t as FieldController } from "./form.binding-B-2id68q.js";
-import { n as DateTimePickerInner } from "./DateTimePicker-411pU7VF.js";
+import { n as DateTimePickerInner } from "./DateTimePicker-B3YjV4uj.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.tsx

package/dist/{DateTimePicker.bound-cF2X_ncj.d.ts → DateTimePicker.bound-DwClL-pe.d.ts}

@@ -1,4 +1,4 @@
-import { i as DateTimePickerProps$1 } from "./DateTimePicker-wgV0SUeZ.js";
+import { i as DateTimePickerProps$1 } from "./DateTimePicker-CzGdmamp.js";
 import { n as FieldValues, t as FormControlProps } from "./form.types-C8P4sznq.js";
 //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.bound.d.ts
 type ControlledDateTimePickerProps<TFieldValues extends FieldValues> = FormControlProps<DateTimePickerProps$1, TFieldValues>;

package/dist/{Dialog-V-2cgGk1.d.ts → Dialog-2XpWsphI.d.ts}

@@ -1,4 +1,4 @@
-import { l as DialogVariantProps } from "./style-definitions-_RXJdSk-.js";
+import { l as DialogVariantProps } from "./style-definitions-DzsmGccZ.js";
 import { PropsWithChildren, RefObject } from "react";
 import { DialogProps } from "react-aria-components";
 //#region src/components/overlays/Dialog/Dialog.d.ts

package/dist/{Dialog-DSl1Fkqi.js → Dialog-COvYzwNU.js}

@@ -5,7 +5,7 @@ import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153 } from "./Dialog-lFYX-7A
 import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-B4p1zFqi.js";
 import { IconButton } from "./components/icon-button.js";
 import "./i18n-BjNKHh_D.js";
-import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-sioU_5R7.js";
+import { i as dialogOverlayDefinition, n as dialogMainDefinition, t as dialogContentDefinition } from "./dialog.cva-DzJlaK5a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/overlays/Dialog/Dialog.tsx
@@ -48,12 +48,12 @@ const Dialog = ({ isOpen, portalContainerRef, onClose, onOpenChange, aside, chil
 					color: "secondary",
 					onPress: () => handleOpenChange(false),
 					icon: X,
-					className: clsx("absolute top-0 right-0 p-modal-gap-desktop-modal-close-icon-top-right", closeIconClassName),
+					className: clsx("absolute top-4 right-4 size-4 rounded-xs opacity-70 hover:opacity-100", closeIconClassName),
 					label: t(($) => $.ui.modal.closeBtn),
-					variant: "text",
+					variant: "ghost",
 					width: "hug",
 					disableTooltip: true,
-					size: "sm"
+					size: "none"
 				}), children]
 			})
 		})