@vkzstudio/muza-ui 1.0.23 → 1.0.25

package/dist/components/Calendar/Calendar.d.ts

@@ -67,6 +67,10 @@ export type CalendarBaseProps = {
     startMonth?: Date;
     /** Latest month for navigation. Navigation arrows are disabled after this month. */
     endMonth?: Date;
+    /** Minimum number of days in a range selection. Passed directly to react-day-picker. */
+    min?: number;
+    /** When true, a selection is always required and the calendar cannot be deselected. @default true */
+    required?: boolean;
 };
 /** Props for date range selection mode. */
 export type CalendarRangeProps = {
@@ -74,8 +78,8 @@ export type CalendarRangeProps = {
     mode: 'range';
     /** Currently selected date range. */
     selected?: DateRange | undefined;
-    /** Fires when the selected range changes. */
-    onSelect?: (range: DateRange) => void;
+    /** Fires when the selected range changes, or `undefined` when deselected (requires `required={false}`). */
+    onSelect?: (range: DateRange | undefined) => void;
 };
 /** Props for single date selection mode. */
 export type CalendarSingleProps = {
@@ -83,10 +87,10 @@ export type CalendarSingleProps = {
     mode: 'single';
     /** Currently selected date. */
     selected?: Date | undefined;
-    /** Fires when a single date is selected. */
-    onSelect?: (date: Date) => void;
+    /** Fires when a single date is selected, or `undefined` when deselected (requires `required={false}`). */
+    onSelect?: (date: Date | undefined) => void;
 };
-declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText: resetButtonTextProp, confirmButtonText: confirmButtonTextProp, renderResetButton, renderConfirmButton, bottomTextDefault: bottomTextDefaultProp, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, hideNavigation, hideCaption, formatters, hideWeekdays, showOutsideDays, hideBottomText, hideResetButton, startMonth, endMonth, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ leftPanelChildren, defaultMonth, numberOfMonths, mode, selected, onSelect, onReset, onConfirm, resetButtonText: resetButtonTextProp, confirmButtonText: confirmButtonTextProp, renderResetButton, renderConfirmButton, bottomTextDefault: bottomTextDefaultProp, dateFormatter, dateRangeFormatter, disabledDates, weekStartsOn, excludeDisabled, hideNavigation, hideCaption, formatters, hideWeekdays, showOutsideDays, hideBottomText, hideResetButton, startMonth, endMonth, min, required, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 declare const CalendarBase: ({ className, classNames, showOutsideDays, captionLayout, formatters, components, locale, hideCaption, hideWeekdays, ...props }: React.ComponentProps<typeof DayPicker> & {
     hideCaption?: boolean;
     hideWeekdays?: boolean;

package/dist/components/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calendar/Calendar.js

@@ -1,20 +1,20 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import * as S from "react";
-import { formatDate as V } from "./utils/formatDate.js";
-import { formatDateRange as H } from "./utils/formatDateRange.js";
-import { useMuzaTranslationContext as I } from "../../translations/TranslationContext.js";
-import { Button as q } from "../Button/Button.js";
-import { getDefaultClassNames as W } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as J } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import * as R from "react";
+import { formatDate as I } from "./utils/formatDate.js";
+import { formatDateRange as J } from "./utils/formatDateRange.js";
+import { useMuzaTranslationContext as K } from "../../translations/TranslationContext.js";
+import { Button as W } from "../Button/Button.js";
+import { getDefaultClassNames as E } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as P } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
 import { cn as e } from "../../utils/cn.js";
 import { Typography as x, typographyVariants as v } from "../Typography/Typography.js";
-import { AltArrowLeftOutline as K, AltArrowRightOutline as P, AltArrowDownOutline as Q } from "@solar-icons/react-perf";
-const oe = ({
+import { AltArrowLeftOutline as Q, AltArrowRightOutline as U, AltArrowDownOutline as X } from "@solar-icons/react-perf";
+const se = ({
   leftPanelChildren: m,
   defaultMonth: f,
   numberOfMonths: n,
   mode: i,
-  selected: o,
+  selected: d,
   onSelect: g,
   onReset: l,
   onConfirm: c,
@@ -23,11 +23,11 @@ const oe = ({
   renderResetButton: t,
   renderConfirmButton: b,
   bottomTextDefault: a,
-  dateFormatter: d = V,
-  dateRangeFormatter: s = H,
+  dateFormatter: o = I,
+  dateRangeFormatter: s = J,
   disabledDates: h,
   weekStartsOn: _ = 1,
-  excludeDisabled: Y,
+  excludeDisabled: F,
   hideNavigation: k,
   hideCaption: N,
   formatters: z,
@@ -36,45 +36,48 @@ const oe = ({
   hideBottomText: C,
   hideResetButton: T,
   startMonth: A,
-  endMonth: B
+  endMonth: B,
+  min: G,
+  required: L = !0
 }) => {
-  const { translations: w, dateFnsLocale: L } = I(), E = u ?? w.calendar.resetButton, F = y ?? w.calendar.confirmButton, G = a ?? w.calendar.bottomTextDefault;
+  const { translations: w, dateFnsLocale: S } = K(), V = u ?? w.calendar.resetButton, q = y ?? w.calendar.confirmButton, H = a ?? w.calendar.bottomTextDefault;
   return /* @__PURE__ */ p("div", { className: "flex", children: [
     m && /* @__PURE__ */ r("div", { className: "flex flex-col border-r border-stroke-base-primary py-sm", children: m }),
     /* @__PURE__ */ p("div", { className: "mt-2xl flex flex-col justify-between", children: [
       i === "range" ? /* @__PURE__ */ r(
-        R,
+        Y,
         {
           numberOfMonths: n,
           defaultMonth: f,
           mode: "range",
-          selected: o,
+          selected: d,
           onSelect: g,
-          required: !0,
+          required: L,
           weekStartsOn: _,
           disabled: h,
-          excludeDisabled: Y,
-          locale: L,
+          excludeDisabled: F,
+          locale: S,
           hideNavigation: k,
           hideCaption: N,
           hideWeekdays: j,
           showOutsideDays: D,
           formatters: z,
           startMonth: A,
-          endMonth: B
+          endMonth: B,
+          min: G
         }
       ) : /* @__PURE__ */ r(
-        R,
+        Y,
         {
           numberOfMonths: n,
           defaultMonth: f,
           mode: "single",
-          selected: o,
+          selected: d,
           onSelect: g,
-          required: !0,
+          required: L,
           weekStartsOn: _,
           disabled: h,
-          locale: L,
+          locale: S,
           hideNavigation: k,
           hideCaption: N,
           hideWeekdays: j,
@@ -104,7 +107,7 @@ const oe = ({
                 variant: "body",
                 weight: "medium",
                 size: "base",
-                children: i === "range" && (o != null && o.from) && (o != null && o.to) ? s(o) : i === "single" && o ? d(o) : G
+                children: i === "range" && (d != null && d.from) ? s(d) : i === "single" && d ? o(d) : H
               }
             ),
             /* @__PURE__ */ p(
@@ -117,8 +120,8 @@ const oe = ({
                   "justify-end": T
                 }),
                 children: [
-                  !T && (t ? t() : /* @__PURE__ */ r(q, { variant: "link", onClick: l, children: E })),
-                  b ? b() : /* @__PURE__ */ r(q, { variant: "primary", size: "sm", onClick: c, children: F })
+                  !T && (t ? t() : /* @__PURE__ */ r(W, { variant: "link", onClick: l, children: V })),
+                  b ? b() : /* @__PURE__ */ r(W, { variant: "primary", size: "sm", onClick: c, children: q })
                 ]
               }
             )
@@ -127,21 +130,21 @@ const oe = ({
       )
     ] })
   ] });
-}, R = ({
+}, Y = ({
   className: m,
   classNames: f,
   showOutsideDays: n = !0,
   captionLayout: i = "label",
-  formatters: o,
+  formatters: d,
   components: g,
   locale: l,
   hideCaption: c,
   hideWeekdays: u,
   ...y
 }) => {
-  const t = W(), b = (l == null ? void 0 : l.code) ?? "default";
+  const t = E(), b = (l == null ? void 0 : l.code) ?? "default";
   return /* @__PURE__ */ r(
-    J,
+    P,
     {
       showOutsideDays: n,
       locale: l,
@@ -156,7 +159,7 @@ const oe = ({
         formatMonthDropdown: (a) => a.toLocaleString(b, { month: "short" }),
         formatWeekdayName: (a) => a.toLocaleString(b, { weekday: "short" }),
         formatCaption: (a) => a.toLocaleString(b, { month: "long", year: "numeric" }),
-        ...o
+        ...d
       },
       classNames: {
         root: e("w-fit", t.root),
@@ -267,22 +270,22 @@ const oe = ({
       components: {
         Root: ({
           className: a,
-          rootRef: d,
+          rootRef: o,
           ...s
         }) => /* @__PURE__ */ r(
           "div",
           {
             "data-slot": "calendar",
-            ref: d,
+            ref: o,
             className: a,
             ...s
           }
         ),
         Chevron: ({
           className: a,
-          orientation: d,
+          orientation: o,
           ...s
-        }) => d === "left" ? /* @__PURE__ */ r(
+        }) => o === "left" ? /* @__PURE__ */ r(
           x,
           {
             component: "span",
@@ -290,7 +293,7 @@ const oe = ({
             weight: "medium",
             size: "md",
             children: /* @__PURE__ */ r(
-              K,
+              Q,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
@@ -300,7 +303,7 @@ const oe = ({
               }
             )
           }
-        ) : d === "right" ? /* @__PURE__ */ r(
+        ) : o === "right" ? /* @__PURE__ */ r(
           x,
           {
             component: "span",
@@ -308,7 +311,7 @@ const oe = ({
             weight: "medium",
             size: "md",
             children: /* @__PURE__ */ r(
-              P,
+              U,
               {
                 className: e(
                   "inline size-comp-calendar-ico-size text-comp-select-icon-brand-def",
@@ -319,14 +322,14 @@ const oe = ({
             )
           }
         ) : /* @__PURE__ */ r(
-          Q,
+          X,
           {
             className: e("size-comp-calendar-ico-size", a),
             ...s
           }
         ),
-        DayButton: U,
-        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ r("td", { ...d, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-center", children: a }) }),
+        DayButton: Z,
+        WeekNumber: ({ children: a, ...o }) => /* @__PURE__ */ r("td", { ...o, children: /* @__PURE__ */ r("div", { className: "flex items-center justify-center text-center", children: a }) }),
         ...g,
         // When weekdays are hidden, replace the table-based layout (table > tbody > tr > td)
         // with a CSS Grid to create a continuous day flow. Without this, months starting
@@ -339,20 +342,20 @@ const oe = ({
         ...u && {
           MonthGrid: ({
             className: a,
-            ...d
-          }) => /* @__PURE__ */ r("div", { className: a, role: "grid", ...d }),
+            ...o
+          }) => /* @__PURE__ */ r("div", { className: a, role: "grid", ...o }),
           Weeks: ({
             className: a,
-            ...d
-          }) => /* @__PURE__ */ r("div", { className: "grid grid-cols-7", ...d }),
+            ...o
+          }) => /* @__PURE__ */ r("div", { className: "grid grid-cols-7", ...o }),
           Week: ({
             week: a,
-            className: d,
+            className: o,
             ...s
           }) => /* @__PURE__ */ r("div", { className: "contents", ...s }),
           Day: ({
             day: a,
-            modifiers: d,
+            modifiers: o,
             ...s
           }) => a.outside ? /* @__PURE__ */ r("div", { className: "hidden" }) : /* @__PURE__ */ r("div", { ...s })
         }
@@ -360,16 +363,16 @@ const oe = ({
       ...y
     }
   );
-}, U = ({
+}, Z = ({
   className: m,
   day: f,
   modifiers: n,
   children: i,
-  disabled: o,
+  disabled: d,
   ...g
 }) => {
-  const l = W(), c = S.useRef(null);
-  return S.useEffect(() => {
+  const l = E(), c = R.useRef(null);
+  return R.useEffect(() => {
     var u;
     n.focused && ((u = c.current) == null || u.focus());
   }, [n.focused]), /* @__PURE__ */ r(
@@ -381,7 +384,7 @@ const oe = ({
       "data-range-start": n.range_start,
       "data-range-end": n.range_end,
       "data-range-middle": n.range_middle,
-      disabled: o,
+      disabled: d,
       className: e(
         "relative size-full",
         'before:absolute before:inset-0 before:rounded-full before:transition-colors before:content-[""]',
@@ -393,7 +396,7 @@ const oe = ({
         "group-data-[focused=true]/day:z-10",
         "outline-0",
         {
-          "hover:text-text-brand-def hover:before:bg-surface-brand-brand-tertiary focus-visible:text-text-brand-def focus-visible:focus-default focus-visible:before:bg-surface-brand-brand-tertiary": !o
+          "hover:text-text-brand-def hover:before:bg-surface-brand-brand-tertiary focus-visible:text-text-brand-def focus-visible:focus-default focus-visible:before:bg-surface-brand-brand-tertiary": !d
         },
         l.day,
         m
@@ -415,7 +418,7 @@ const oe = ({
   );
 };
 export {
-  oe as Calendar,
-  R as CalendarBase,
-  U as CalendarDayButton
+  se as Calendar,
+  Y as CalendarBase,
+  Z as CalendarDayButton
 };

package/dist/components/Calendar/utils/formatDateRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/formatDateRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,WAE/C,CAAA"}
+{"version":3,"file":"formatDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/formatDateRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,SAAS,WAI/C,CAAA"}

package/dist/components/Calendar/utils/formatDateRange.js

@@ -1,8 +1,5 @@
-import { format as y } from "date-fns";
-const e = (t) => {
-  var o, r;
-  return `${y(t.from ?? "", ((o = t.from) == null ? void 0 : o.getFullYear()) === ((r = t.to) == null ? void 0 : r.getFullYear()) ? "d. M." : "d. M. yyyy")} - ${y(t.to ?? "", "d. M. yyyy")}`;
-};
+import { format as o } from "date-fns";
+const r = (t) => t.from ? t.to ? `${o(t.from, t.from.getFullYear() === t.to.getFullYear() ? "d. M." : "d. M. yyyy")} - ${o(t.to, "d. M. yyyy")}` : o(t.from, "d. M. yyyy") : "";
 export {
-  e as formatDateRange
+  r as formatDateRange
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -71,13 +71,17 @@ export type DatePickerProps = {
      * When false or omitted, reset reverts to the last confirmed value.
      */
     shouldResetToDefaultValue?: boolean;
-    /** Marks the field as required, displaying an asterisk on the label. */
+    /** When true, every calendar click calls onChange immediately. Buttons remain visible. Reset reverts to value when popover opened. */
+    immediateCommit?: boolean;
+    /** Range mode only. Replicates react-day-picker v8 range behavior (no longer natively supported in v9): first click sets start, second click sets end (same-day allowed). Clicking the same day again cycles back — when `required` is false the cycle is: selected → one-day range → cleared → selected; otherwise: selected → one-day range → selected. */
+    allowOneDayRange?: boolean;
+    /** Marks the field as required, displaying an asterisk on the label. Also passed to the underlying Calendar — when explicitly set to `false`, allows deselecting dates by clicking the selected date again. */
     required?: boolean;
     /** Hides the required asterisk even when `required` is true. @default false */
     disableRequiredAsterisk?: boolean;
     /** Number of months to display side by side. @default 2 on desktop, 1 on mobile */
     numberOfMonths?: 1 | 2;
-} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter'> & (DatePickerRangeProps | DatePickerSingleProps);
+} & Omit<CalendarBaseProps, 'numberOfMonths' | 'onConfirm' | 'onReset' | 'isExpanded' | 'leftPanelChildren' | 'bottomTextDefault' | 'dateFormatter' | 'dateRangeFormatter' | 'required'> & (DatePickerRangeProps | DatePickerSingleProps);
 /** Props for date range selection mode. */
 export type DatePickerRangeProps = {
     /** Enables date range selection with start and end dates. */
@@ -86,8 +90,8 @@ export type DatePickerRangeProps = {
     value?: DateRange | undefined;
     /** Initial date range for uncontrolled usage. */
     defaultValue?: DateRange | undefined;
-    /** Fires when a date range selection is confirmed. */
-    onChange?: (date: DateRange) => void;
+    /** Fires when a date range selection is confirmed, or `undefined` when deselected (`required={false}`). */
+    onChange?: (date: DateRange | undefined) => void;
     /** Custom function to format the displayed date range string. */
     dateFormatter?: (date: DateRange) => string;
 };
@@ -99,8 +103,8 @@ export type DatePickerSingleProps = {
     value?: Date | undefined;
     /** Initial date for uncontrolled usage. */
     defaultValue?: Date | undefined;
-    /** Fires when a single date selection is confirmed. */
-    onChange?: (date: Date) => void;
+    /** Fires when a single date selection is confirmed, or `undefined` when deselected (`required={false}`). */
+    onChange?: (date: Date | undefined) => void;
     /** Custom function to format the displayed date string. */
     dateFormatter?: (date: Date) => string;
 };

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,59 +1,68 @@
-import { jsx as e, jsxs as V } from "react/jsx-runtime";
-import { forwardRef as a, useState as l, useEffect as s } from "react";
-import { useIsDesktop as O } from "../../hooks/use-is-desktop.js";
-import { useIsMobile as C } from "../../hooks/use-is-mobile.js";
-import { Popover as N, PopoverTrigger as h, PopoverContent as tt } from "../Popover/Popover.js";
-import { getDateRange as rt } from "./utils/getDateRange.js";
-import { Input as ot } from "../Input/Input.js";
-import { formatDate as it } from "../Calendar/utils/formatDate.js";
-import { formatDateRange as et } from "../Calendar/utils/formatDateRange.js";
-import { Calendar as q } from "../Calendar/Calendar.js";
-import { cn as u } from "../../utils/cn.js";
-import { typographyVariants as ft } from "../Typography/Typography.js";
-import { CalendarBold as mt } from "@solar-icons/react-perf";
-const pt = a(
+import { jsx as n, jsxs as tt } from "react/jsx-runtime";
+import { forwardRef as rt, useState as k, useRef as E, useEffect as ot } from "react";
+import { useIsDesktop as et } from "../../hooks/use-is-desktop.js";
+import { useIsMobile as it } from "../../hooks/use-is-mobile.js";
+import { Popover as ft, PopoverTrigger as pt, PopoverContent as ct } from "../Popover/Popover.js";
+import { getDateRange as nt } from "./utils/getDateRange.js";
+import { resolveOneDayRange as dt } from "./utils/resolveOneDayRange.js";
+import { Input as ut } from "../Input/Input.js";
+import { formatDate as bt } from "../Calendar/utils/formatDate.js";
+import { formatDateRange as st } from "../Calendar/utils/formatDateRange.js";
+import { Calendar as Y } from "../Calendar/Calendar.js";
+import { cn as l } from "../../utils/cn.js";
+import { typographyVariants as xt } from "../Typography/Typography.js";
+import { CalendarBold as lt } from "@solar-icons/react-perf";
+const mt = rt(
   ({
-    alignCalendar: B,
-    mode: v,
-    allowedPresets: x,
-    dateFormatter: G,
-    value: p,
-    defaultValue: c,
-    open: n,
-    onOpenChange: r,
-    onChange: f,
-    classNames: t,
-    error: H,
-    disabled: S,
-    hint: J,
-    label: K,
-    placeholder: L,
-    avoidCollisions: Q = !0,
+    alignCalendar: G,
+    mode: m,
+    allowedPresets: y,
+    dateFormatter: H,
+    value: e,
+    defaultValue: b,
+    open: s,
+    onOpenChange: d,
+    onChange: r,
+    classNames: o,
+    error: J,
+    disabled: R,
+    hint: K,
+    label: L,
+    placeholder: Q,
+    avoidCollisions: T = !0,
     side: U = "bottom",
-    renderCustomTrigger: I,
-    shouldResetToDefaultValue: d,
-    required: X,
-    disableRequiredAsterisk: Z,
-    numberOfMonths: F,
-    hideNavigation: M,
-    hideCaption: j,
-    hideWeekdays: z,
-    showOutsideDays: R,
-    hideBottomText: A,
-    hideResetButton: E,
-    ...P
-  }, _) => {
-    const Y = O(), $ = C(), [g, y] = l(!1), W = typeof n == "boolean" ? n : g, [b, k] = l(
-      p ?? c
-    ), [o, m] = l(p ?? c);
-    s(() => {
-      k(p), m(p);
-    }, [p]);
-    const w = x == null ? void 0 : x.map((i) => /* @__PURE__ */ e(
+    renderCustomTrigger: S,
+    immediateCommit: f,
+    allowOneDayRange: I,
+    shouldResetToDefaultValue: M,
+    required: x,
+    disableRequiredAsterisk: W,
+    numberOfMonths: X,
+    hideNavigation: Z,
+    hideCaption: _,
+    hideWeekdays: $,
+    showOutsideDays: V,
+    hideBottomText: q,
+    hideResetButton: w,
+    ...O
+  }, g) => {
+    const a = et(), N = it(), [h, P] = k(!1), F = typeof s == "boolean" ? s : h, [j, p] = k(
+      e ?? b
+    ), [i, u] = k(e ?? b), z = E(!1), v = E(
+      e ?? b
+    );
+    ot(() => {
+      if (!z.current) {
+        z.current = !0;
+        return;
+      }
+      p(e), u(e), F || (v.current = e);
+    }, [e]);
+    const C = y == null ? void 0 : y.map((t) => /* @__PURE__ */ n(
       "button",
       {
-        className: u(
-          ft({
+        className: l(
+          xt({
             variant: "cta",
             weight: "medium",
             size: "sm",
@@ -63,106 +72,107 @@ const pt = a(
           "hover:bg-surface-brand-brand-tertiary hover:text-comp-button-tertiary-text-def",
           "outline-none focus-visible:bg-surface-brand-brand-tertiary focus-visible:text-comp-button-tertiary-text-def",
           "cursor-pointer",
-          t == null ? void 0 : t.leftPanelButton
+          o == null ? void 0 : o.leftPanelButton
         ),
         onClick: () => {
-          const T = rt(i.type);
-          m(T);
+          const c = nt(t.type);
+          u(c), f && (p(c), r == null || r(c));
         },
-        children: i.name
+        children: t.name
       },
-      i.type
-    )), D = G ?? (v === "single" ? it : et);
-    return /* @__PURE__ */ V(
-      N,
+      t.type
+    )), D = H ?? (m === "single" ? bt : st), B = f ? e !== void 0 ? e : i : j, A = {
+      ...O,
+      numberOfMonths: X ?? (a ? 2 : 1),
+      hideNavigation: Z,
+      hideCaption: _,
+      hideWeekdays: $,
+      showOutsideDays: V,
+      hideBottomText: q,
+      hideResetButton: w,
+      required: x,
+      onReset: () => {
+        const t = M ? b : f ? v.current : j;
+        u(t), f && (p(t), r == null || r(t));
+      },
+      onConfirm: () => {
+        f ? p(i) : (i !== void 0 || M || x === !1) && (p(i), r == null || r(i)), s === void 0 && P(!1), d == null || d(!1);
+      }
+    };
+    return /* @__PURE__ */ tt(
+      ft,
       {
-        open: W,
-        onOpenChange: (i) => {
-          n === void 0 && y(i), r == null || r(i);
+        open: F,
+        onOpenChange: (t) => {
+          t && (v.current = e ?? i), s === void 0 && P(t), d == null || d(t);
         },
         children: [
-          /* @__PURE__ */ e(
-            h,
+          /* @__PURE__ */ n(
+            pt,
             {
-              className: u(
+              className: l(
                 "group cursor-pointer rounded-full text-left outline-0",
-                t == null ? void 0 : t.popoverTrigger
+                o == null ? void 0 : o.popoverTrigger
               ),
-              disabled: S,
-              children: I ? I() : /* @__PURE__ */ e(
-                ot,
+              disabled: R,
+              children: S ? S() : /* @__PURE__ */ n(
+                ut,
                 {
-                  ref: _,
-                  value: b ? D(b) : "",
-                  placeholder: L,
-                  error: H,
-                  disabled: S,
-                  label: K,
-                  hint: J,
+                  ref: g,
+                  value: B ? D(B) : "",
+                  placeholder: Q,
+                  error: J,
+                  disabled: R,
+                  label: L,
+                  hint: K,
                   tabIndex: -1,
-                  required: X,
-                  disableRequiredAsterisk: Z,
-                  className: u(
+                  required: x,
+                  disableRequiredAsterisk: W,
+                  className: l(
                     "pointer-events-none",
-                    t == null ? void 0 : t.input,
+                    o == null ? void 0 : o.input,
                     "group-hover:border-comp-input-stroke-hover group-focus-visible:border-comp-input-stroke-focused"
                   ),
-                  suffix: /* @__PURE__ */ e(mt, { className: "size-icon-medium text-icon-dark-secondary-def" })
+                  suffix: /* @__PURE__ */ n(lt, { className: "size-icon-medium text-icon-dark-secondary-def" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ e(
-            tt,
+          /* @__PURE__ */ n(
+            ct,
             {
-              className: u("flex w-auto p-0", t == null ? void 0 : t.popoverContent),
-              align: B,
+              className: l("flex w-auto p-0", o == null ? void 0 : o.popoverContent),
+              align: G,
               side: U,
-              avoidCollisions: Q,
-              onOpenAutoFocus: (i) => i.preventDefault(),
-              children: v === "single" ? /* @__PURE__ */ e(
-                q,
+              avoidCollisions: T,
+              onOpenAutoFocus: (t) => t.preventDefault(),
+              children: m === "single" ? /* @__PURE__ */ n(
+                Y,
                 {
-                  ...P,
+                  ...A,
                   mode: "single",
-                  selected: o,
-                  onReset: () => m(
-                    d ? c : b
-                  ),
-                  onSelect: m,
-                  onConfirm: () => {
-                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
-                  },
-                  numberOfMonths: F ?? (Y ? 2 : 1),
-                  hideNavigation: M,
-                  hideCaption: j,
-                  hideWeekdays: z,
-                  showOutsideDays: R,
-                  hideBottomText: A,
-                  hideResetButton: E,
+                  selected: i,
+                  onSelect: f ? (t) => {
+                    u(t), p(t), r == null || r(t);
+                  } : u,
                   dateFormatter: D
                 }
-              ) : /* @__PURE__ */ e(
-                q,
+              ) : /* @__PURE__ */ n(
+                Y,
                 {
-                  ...P,
+                  ...A,
                   mode: "range",
-                  selected: o,
-                  onReset: () => m(
-                    d ? c : b
-                  ),
-                  onSelect: m,
-                  onConfirm: () => {
-                    (o !== void 0 || d) && (k(o), f == null || f(o)), n === void 0 && y(!1), r == null || r(!1);
+                  min: I ? 1 : void 0,
+                  selected: i,
+                  onSelect: (t) => {
+                    const c = I ? dt(
+                      i,
+                      t,
+                      x
+                    ) : t;
+                    u(c), f && (p(c), r == null || r(c));
                   },
-                  numberOfMonths: F ?? (Y ? 2 : 1),
-                  hideNavigation: M,
-                  hideCaption: j,
-                  hideWeekdays: z,
-                  showOutsideDays: R,
-                  hideBottomText: A,
-                  hideResetButton: E,
-                  leftPanelChildren: v === "range" && !$ && w,
+                  leftPanelChildren: m === "range" && !N && C,
                   dateRangeFormatter: D
                 }
               )
@@ -173,7 +183,7 @@ const pt = a(
     );
   }
 );
-pt.displayName = "DatePicker";
+mt.displayName = "DatePicker";
 export {
-  pt as DatePicker
+  mt as DatePicker
 };

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -16,6 +16,9 @@ export declare const ResetButtonResetsToUndefined: Story;
 export declare const ResetButtonResetsToStoryDate: Story;
 export declare const Required: Story;
 export declare const SingleMonth: Story;
+export declare const ImmediateCommitRange: Story;
+export declare const AllowOneDayRange: Story;
+export declare const NotRequired: Story;
 export declare const MonthlyView: Story;
 export declare const YearlyView: Story;
 //# sourceMappingURL=DatePicker.stories.d.ts.map

package/dist/components/DatePicker/DatePicker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8CxB,CAAA"}
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAKzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2LjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAwBnB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAyBxC,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmCzC,CAAA;AAED,eAAO,MAAM,qCAAqC,EAAE,KA8CnD,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,KAyB1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAkClC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoCzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA6CxB,CAAA"}

package/dist/components/DatePicker/utils/resolveOneDayRange.d.ts

@@ -0,0 +1,13 @@
+import { DateRange } from 'react-day-picker';
+/**
+ * Resolves same-day range selection cycling for `allowOneDayRange` mode.
+ *
+ * Replicates react-day-picker v8 behavior where same-day ranges are allowed.
+ * In v9, `min={1}` prevents same-day completion, so this function intercepts
+ * the raw rdp output and forces the correct result.
+ *
+ * Cycle with `required`:     `{from}` → `{from,to=from}` → `{from}` → …
+ * Cycle with `!required`:    `{from}` → `{from,to=from}` → `undefined` → …
+ */
+export declare const resolveOneDayRange: (prev: DateRange | undefined, newRange: DateRange | undefined, required: boolean | undefined) => DateRange | undefined;
+//# sourceMappingURL=resolveOneDayRange.d.ts.map

package/dist/components/DatePicker/utils/resolveOneDayRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveOneDayRange.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils/resolveOneDayRange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAEjD;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAC7B,MAAM,SAAS,GAAG,SAAS,EAC3B,UAAU,SAAS,GAAG,SAAS,EAC/B,UAAU,OAAO,GAAG,SAAS,KAC5B,SAAS,GAAG,SAqCd,CAAA"}

package/dist/components/DatePicker/utils/resolveOneDayRange.js

@@ -0,0 +1,5 @@
+import { isSameDay as m } from "date-fns";
+const u = (o, f, t) => o != null && o.from && !(o != null && o.to) && !f ? { from: o.from, to: o.from } : o != null && o.from && !(o != null && o.to) && (f != null && f.from) && !(f != null && f.to) && m(o.from, f.from) ? { from: o.from, to: o.from } : o != null && o.from && (o != null && o.to) && m(o.from, o.to) && (f != null && f.from) && m(o.from, f.from) && (!(f != null && f.to) || m(o.from, f.to)) ? t === !1 ? void 0 : { from: o.from, to: void 0 } : f;
+export {
+  u as resolveOneDayRange
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkzstudio/muza-ui",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",