reshaped 3.4.1 → 3.4.3

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -39,4 +39,5 @@ const Breadcrumbs = (props) => {
                 return (_jsxs(View, { as: "li", gap: 2, direction: "row", align: "center", children: [index > 0 && (isDisplayed || isCollapseButton) && (_jsx(Text, { color: "neutral-faded", children: separator || _jsx(Icon, { svg: IconChevronRight, size: 3 }) })), _jsx(Text, { variant: "body-3", color: color === "primary" ? "primary" : "neutral-faded", children: itemNode })] }, index));
             }) }) }));
 };
+Breadcrumbs.displayName = "Breadcrumbs";
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Breadcrumbs.types";
-declare const BreadcrumbsItem: (props: T.ItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbsItem: {
+    (props: T.ItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default BreadcrumbsItem;

package/dist/components/Breadcrumbs/BreadcrumbsItem.js

@@ -8,4 +8,5 @@ const BreadcrumbsItem = (props) => {
     }
     return (_jsx(Link, { onClick: onClick, href: href, icon: icon, disabled: disabled, variant: "plain", color: "inherit", children: children }));
 };
+BreadcrumbsItem.displayName = "Breadcrumbs.Item";
 export default BreadcrumbsItem;

package/dist/components/Breadcrumbs/index.d.ts

@@ -2,7 +2,10 @@ import BreadcrumbsItem from "./BreadcrumbsItem";
 type CompoundComponent = typeof Breadcrumbs & {
     Item: typeof BreadcrumbsItem;
 };
-declare const Breadcrumbs: (props: import("./Breadcrumbs.types").Props) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: {
+    (props: import("./Breadcrumbs.types").Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type { Props as BreadcrumbsProps } from "./Breadcrumbs.types";
 declare const _default: CompoundComponent;
 export default _default;

package/dist/components/Breadcrumbs/tests/Breadcrumbs.stories.d.ts

@@ -1,7 +1,13 @@
 declare const _default: {
     title: string;
-    component: ((props: import("./..").BreadcrumbsProps) => import("react").JSX.Element) & {
-        Item: (props: import("../Breadcrumbs.types").ItemProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").BreadcrumbsProps): import("react").JSX.Element;
+        displayName: string;
+    } & {
+        Item: {
+            (props: import("../Breadcrumbs.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
     };
     parameters: {
         iframe: {

package/dist/components/Breadcrumbs/tests/Breadcrumbs.test.stories.d.ts

@@ -2,8 +2,14 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: ((props: import("./..").BreadcrumbsProps) => import("react").JSX.Element) & {
-        Item: (props: import("../Breadcrumbs.types").ItemProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").BreadcrumbsProps): import("react").JSX.Element;
+        displayName: string;
+    } & {
+        Item: {
+            (props: import("../Breadcrumbs.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
     };
     parameters: {
         iframe: {

package/dist/components/Button/Button.js

@@ -34,4 +34,5 @@ const Button = forwardRef((props, ref) => {
 });
 Button.Group = ButtonGroup;
 Button.Aligner = ButtonAligner;
+Button.displayName = "Button";
 export default Button;

package/dist/components/Button/ButtonAligner.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Button.types";
-declare const ButtonAligner: (props: T.AlignerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonAligner: {
+    (props: T.AlignerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ButtonAligner;

package/dist/components/Button/ButtonAligner.js

@@ -4,4 +4,5 @@ import s from "./Button.module.css";
 const ButtonAligner = (props) => {
     return (_jsx(Aligner, { ...props, side: props.side || props.position, className: [s.aligner, props.className] }));
 };
+ButtonAligner.displayName = "Button.Aligner";
 export default ButtonAligner;

package/dist/components/Button/ButtonGroup.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Button.types";
-declare const ButtonGroup: (props: T.GroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonGroup: {
+    (props: T.GroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ButtonGroup;

package/dist/components/Button/ButtonGroup.js

@@ -6,4 +6,5 @@ const ButtonGroup = (props) => {
     const groupClassNames = classNames(s.group, className);
     return (_jsx("div", { ...attributes, className: groupClassNames, role: "group", children: children }));
 };
+ButtonGroup.displayName = "Button.Group";
 export default ButtonGroup;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const Calendar: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Calendar;

package/dist/components/Calendar/Calendar.js

@@ -6,4 +6,5 @@ const Calendar = (props) => {
         return _jsx(CalendarControlled, { ...props });
     return _jsx(CalendarUncontrolled, { ...props });
 };
+Calendar.displayName = "Calendar";
 export default Calendar;

package/dist/components/Calendar/Calendar.module.css

@@ -1 +1 @@
-.selection{table-layout:fixed;width:100%}.weekday{color:var(--rs-color-foreground-neutral-faded);font-weight:var(--rs-font-weight-regular);padding-bottom:var(--rs-unit-x2)}.row{border-top:2px solid transparent}[dir=rtl] .control{transform:scaleX(-1)}.cell-button{padding:var(--rs-unit-x2);text-align:center;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:border-radius,background-color,color}.cell-button[disabled],.cell-button[disabled]:hover{background-color:transparent!important;color:var(--rs-color-foreground-disabled)!important}.cell{padding:0}.cell .cell-button:hover,.cell--in-range .cell-button{background-color:rgba(var(--rs-color-rgb-background-neutral),32%)}.cell--active-end .cell-button,.cell--active-end:hover .cell-button,.cell--active-start .cell-button,.cell--active-start:hover .cell-button{background-color:var(--rs-color-background-primary);color:var(--rs-color-on-background-primary)}.cell--active-start .cell-button,.cell:first-child .cell-button{border-end-start-radius:var(--rs-radius-small);border-start-start-radius:var(--rs-radius-small)}.cell--active-end .cell-button,.cell--active-start+.cell:hover:not(.cell--in-range) .cell-button,.cell--in-range+.cell:hover:not(.cell--in-range) .cell-button,.cell:last-child .cell-button{border-end-end-radius:var(--rs-radius-small);border-start-end-radius:var(--rs-radius-small)}.cell--active-single+.cell:hover .cell-button,.cell:hover:not(.cell--in-range,.cell--in-range+.cell:hover,.cell--active-start+.cell:hover) .cell-button{border-radius:var(--rs-radius-small)}
+.selection{table-layout:fixed;width:100%}.weekday{color:var(--rs-color-foreground-neutral-faded);font-weight:var(--rs-font-weight-regular);padding-bottom:var(--rs-unit-x2)}[dir=rtl] .control{transform:scaleX(-1)}.cell{isolation:isolate;padding:2px}.cell:hover .cell-button{background-color:rgba(var(--rs-color-rgb-background-neutral),32%)}.cell.--active .cell-button{background-color:var(--rs-color-background-primary);color:var(--rs-color-on-background-primary)}.cell.--selection-range .cell-button{background-color:rgba(var(--rs-color-rgb-background-neutral),32%)}.cell.--selection-range:not(:last-child) .cell-button,.cell.--selection-start:not(:last-child) .cell-button{border-end-end-radius:0;border-start-end-radius:0}.cell.--selection-end:not(:first-child) .cell-button,.cell.--selection-range+:hover .cell-button,.cell.--selection-range:not(:first-child) .cell-button,.cell.--selection-start+:hover .cell-button{border-end-start-radius:0;border-start-start-radius:0}.cell.--selection-range+.--selection-end .cell-button:before,.cell.--selection-range+.--selection-range .cell-button:before,.cell.--selection-range+:hover .cell-button:before,.cell.--selection-start+.--selection-range .cell-button:before,.cell.--selection-start+:hover .cell-button:before{background-color:rgba(var(--rs-color-rgb-background-neutral),32%)}.cell-button{border-radius:var(--rs-radius-small);padding:var(--rs-unit-x2);position:relative;text-align:center;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:color,background-color,border-radius}.cell-button:before{content:"";inset-block:0;inset-inline-start:-4px;position:absolute;transition:var(--rs-duration-fast) var(--rs-easing-standard);transition-property:background-color;width:4px}.cell-button[disabled]{background-color:transparent!important;color:var(--rs-color-foreground-disabled)!important}

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

@@ -4,6 +4,7 @@ export type BaseProps = {
     min?: Date;
     max?: Date;
     firstWeekDay?: number;
+    selectedDates?: Date[];
     renderWeekDay?: (args: {
         weekDay: number;
         date: Date;
@@ -74,21 +75,20 @@ export type MonthProps = {
     hoveredDate: Date | null;
     onDateHover: (date: Date) => void;
     onDateHoverEnd: (date: Date) => void;
-} & Pick<BaseProps, "max" | "min" | "firstWeekDay" | "renderMonthLabel" | "renderWeekDay" | "renderSelectedMonthLabel" | "renderDateAriaLabel"> & Pick<ControlledProps, "value" | "onChange" | "range">;
+} & Pick<BaseProps, "max" | "min" | "firstWeekDay" | "selectedDates" | "renderMonthLabel" | "renderWeekDay" | "renderSelectedMonthLabel" | "renderDateAriaLabel"> & Pick<ControlledProps, "value" | "onChange" | "range">;
 export type YearProps = {
     monthDate: Date;
     onMonthClick: (month: number) => void;
 } & Pick<BaseProps, "renderMonthLabel" | "min" | "max" | "renderMonthAriaLabel">;
 export type DateProps = {
     date: Date | null;
+    isoDate: string | null;
     disabled?: boolean;
     focusable?: boolean;
     startValue: Date | null;
     endValue: Date | null;
-    isActiveStart: boolean;
-    isActiveEnd: boolean;
     renderAriaLabel?: MonthProps["renderDateAriaLabel"];
-} & Pick<MonthProps, "hoveredDate" | "onDateHover" | "onDateHoverEnd" | "onChange" | "range" | "min" | "max">;
+} & Pick<MonthProps, "hoveredDate" | "onDateHover" | "onDateHoverEnd" | "onChange" | "range" | "min" | "max" | "selectedDates">;
 export type ControlsProps = {
     selectionMode: SelectionMode;
     onMonthTitleClick: () => void;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarControlled: (props: T.ControlledProps & T.BaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarControlled: {
+    (props: T.ControlledProps & T.BaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarControlled;

package/dist/components/Calendar/CalendarControlled.js

@@ -9,7 +9,7 @@ import CalendarMonth from "./CalendarMonth.js";
 import CalendarYear from "./CalendarYear.js";
 import CalendarControls from "./CalendarControls.js";
 const CalendarControlled = (props) => {
-    const { value, onChange, defaultMonth, min, max, range, firstWeekDay, renderMonthLabel, renderSelectedMonthLabel, renderWeekDay, previousMonthAriaLabel, previousYearAriaLabel, nextMonthAriaLabel, nextYearAriaLabel, monthSelectionAriaLabel, renderMonthAriaLabel, renderDateAriaLabel, } = props;
+    const { value, onChange, defaultMonth, min, max, range, firstWeekDay, selectedDates, renderMonthLabel, renderSelectedMonthLabel, renderWeekDay, previousMonthAriaLabel, previousYearAriaLabel, nextMonthAriaLabel, nextYearAriaLabel, monthSelectionAriaLabel, renderMonthAriaLabel, renderDateAriaLabel, } = props;
     const [selectionMode, setSelectionMode] = React.useState("date");
     const [monthDate, setMonthDate] = React.useState(defaultMonth || new Date());
     const [hoveredDate, setHoveredDate] = React.useState(null);
@@ -63,6 +63,7 @@ const CalendarControlled = (props) => {
         min,
         max,
     });
-    return (_jsxs(View, { gap: 2, children: [_jsx(CalendarControls, { renderSelectedMonthLabel: renderSelectedMonthLabel, monthDate: monthDate, selectionMode: selectionMode, isFirstMonth: bounds.isFirstMonth, isLastMonth: bounds.isLastMonth, monthTitleRef: monthTitleRef, onMonthTitleClick: handleMonthTitleClick, onNextClick: handleNextClick, onPreviousClick: handlePreviousClick, previousMonthAriaLabel: previousMonthAriaLabel, previousYearAriaLabel: previousYearAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, nextYearAriaLabel: nextYearAriaLabel, monthSelectionAriaLabel: monthSelectionAriaLabel }), _jsxs(View.Item, { attributes: { ref: selectionRootRef }, children: [selectionMode === "date" && (_jsx(CalendarMonth, { date: monthDate, value: value, onChange: onChange, min: min, max: max, range: range, firstWeekDay: firstWeekDay, hoveredDate: hoveredDate, onDateHover: handleDateHover, onDateHoverEnd: handleDateHoverEnd, renderWeekDay: renderWeekDay, renderDateAriaLabel: renderDateAriaLabel })), selectionMode === "month" && (_jsx(CalendarYear, { monthDate: monthDate, onMonthClick: handleMonthClick, renderMonthLabel: renderMonthLabel, renderMonthAriaLabel: renderMonthAriaLabel, min: min, max: max }))] })] }));
+    return (_jsxs(View, { gap: 2, children: [_jsx(CalendarControls, { renderSelectedMonthLabel: renderSelectedMonthLabel, monthDate: monthDate, selectionMode: selectionMode, isFirstMonth: bounds.isFirstMonth, isLastMonth: bounds.isLastMonth, monthTitleRef: monthTitleRef, onMonthTitleClick: handleMonthTitleClick, onNextClick: handleNextClick, onPreviousClick: handlePreviousClick, previousMonthAriaLabel: previousMonthAriaLabel, previousYearAriaLabel: previousYearAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, nextYearAriaLabel: nextYearAriaLabel, monthSelectionAriaLabel: monthSelectionAriaLabel }), _jsxs(View.Item, { attributes: { ref: selectionRootRef }, children: [selectionMode === "date" && (_jsx(CalendarMonth, { date: monthDate, value: value, onChange: onChange, min: min, max: max, range: range, firstWeekDay: firstWeekDay, hoveredDate: hoveredDate, selectedDates: selectedDates, onDateHover: handleDateHover, onDateHoverEnd: handleDateHoverEnd, renderWeekDay: renderWeekDay, renderDateAriaLabel: renderDateAriaLabel })), selectionMode === "month" && (_jsx(CalendarYear, { monthDate: monthDate, onMonthClick: handleMonthClick, renderMonthLabel: renderMonthLabel, renderMonthAriaLabel: renderMonthAriaLabel, min: min, max: max }))] })] }));
 };
+CalendarControlled.displayName = "CalendarControlled";
 export default CalendarControlled;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarControls: (props: T.ControlsProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarControls: {
+    (props: T.ControlsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarControls;

package/dist/components/Calendar/CalendarControls.js

@@ -43,4 +43,5 @@ const CalendarControls = (props) => {
                             "aria-label": selectionMode === "date" ? nextMonthAriaLabel : nextYearAriaLabel,
                         } }) }) })] }));
 };
+CalendarControls.displayName = "CalendarControls";
 export default CalendarControls;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarDate: (props: T.DateProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarDate: {
+    (props: T.DateProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarDate;

package/dist/components/Calendar/CalendarDate.js

@@ -5,20 +5,38 @@ import { classNames } from "../../utilities/helpers.js";
 import { getLocalISODate } from "./Calendar.utils.js";
 import s from "./Calendar.module.css";
 const CalendarDate = (props) => {
-    const { date, startValue, endValue, isActiveStart, isActiveEnd, disabled, focusable, onChange, range, hoveredDate, onDateHover, onDateHoverEnd, renderAriaLabel, } = props;
+    const { date, isoDate, startValue, endValue, disabled, focusable, onChange, range, hoveredDate, onDateHover, onDateHoverEnd, renderAriaLabel, selectedDates, } = props;
     if (!date)
         return _jsx("td", { className: s.cell, "aria-hidden": "true" });
-    const inRange = startValue &&
-        startValue < date &&
-        ((endValue && endValue > date) || (hoveredDate && !endValue && hoveredDate > date));
+    const isoStartValue = startValue && getLocalISODate({ date: startValue });
+    const isoEndValue = endValue && getLocalISODate({ date: endValue });
+    const isStartValue = !!isoDate && !!isoStartValue && isoDate === isoStartValue;
+    const isEndValue = !!isoDate && !!isoEndValue && isoDate === isoEndValue;
+    const isAfterStartValue = startValue && date > startValue;
+    const isBeforeEndValue = endValue && date < endValue;
+    const isInHoveredRange = hoveredDate && !endValue && hoveredDate > date;
+    const isInSelectedDates = !!selectedDates?.find((selectedDate) => getLocalISODate({ date: selectedDate }) === isoDate);
+    let selection;
+    switch (true) {
+        case isAfterStartValue && isInHoveredRange:
+        case isAfterStartValue && isBeforeEndValue:
+            selection = "range";
+            break;
+        case isStartValue && (!range || isEndValue):
+        case isInSelectedDates:
+            selection = "standalone";
+            break;
+        case isStartValue:
+            selection = "start";
+            break;
+        case isEndValue:
+            selection = "end";
+            break;
+    }
     const dateClassNames = classNames([
         s.cell,
-        !range && isActiveStart && s["cell--active-single"],
-        isActiveStart && s["cell--active-start"],
-        (isActiveEnd ||
-            (!endValue && isActiveStart && !(hoveredDate && startValue && hoveredDate > startValue))) &&
-            s["cell--active-end"],
-        inRange && s["cell--in-range"],
+        selection && s["--active"],
+        selection && s[`--selection-${selection}`],
     ]);
     const handleClick = () => {
         if (!range) {
@@ -46,7 +64,7 @@ const CalendarDate = (props) => {
                 "aria-label": renderAriaLabel
                     ? renderAriaLabel({ date })
                     : date.toLocaleDateString("en-us", { month: "long", day: "numeric", weekday: "long" }),
-                "aria-checked": isActiveStart || isActiveEnd,
+                "aria-checked": !!selection,
                 "data-rs-date": getLocalISODate({ date }),
                 onMouseEnter: handleMouseEnter,
                 onMouseLeave: handleMouseLeave,
@@ -54,4 +72,5 @@ const CalendarDate = (props) => {
                 onBlur: handleMouseLeave,
             }, children: date.getDate() }) }));
 };
+CalendarDate.displayName = "CalendarDate";
 export default CalendarDate;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarMonth: (props: T.MonthProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarMonth: {
+    (props: T.MonthProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarMonth;

package/dist/components/Calendar/CalendarMonth.js

@@ -4,7 +4,7 @@ import { getMonthWeeks, getWeekdayNames, getLocalISODate } from "./Calendar.util
 import CalendarDate from "./CalendarDate.js";
 import s from "./Calendar.module.css";
 const CalendarMonth = (props) => {
-    const { date, value, onChange, min, max, range, firstWeekDay, hoveredDate, onDateHover, onDateHoverEnd, renderWeekDay, renderDateAriaLabel, } = props;
+    const { date, value, onChange, min, max, range, firstWeekDay, selectedDates, hoveredDate, onDateHover, onDateHoverEnd, renderWeekDay, renderDateAriaLabel, } = props;
     let foundFocusableDate = false;
     const month = date.getMonth();
     const weeks = getMonthWeeks({ date, firstWeekDay });
@@ -19,10 +19,6 @@ const CalendarMonth = (props) => {
                             const startValue = value && "start" in value ? value.start : value;
                             const endValue = value && "end" in value ? value.end : value;
                             const isoDate = date && getLocalISODate({ date });
-                            const isoStartValue = startValue && getLocalISODate({ date: startValue });
-                            const isoEndValue = endValue && getLocalISODate({ date: endValue });
-                            const isActiveStart = !!isoDate && !!isoStartValue && isoDate === isoStartValue;
-                            const isActiveEnd = !!isoDate && !!isoEndValue && isoDate === isoEndValue;
                             /**
                              * Decide if date has to be focusable with Tab (only one date should be)
                              * 1. If there is a selected value - it's focusable
@@ -43,8 +39,9 @@ const CalendarMonth = (props) => {
                             }
                             if (focusable)
                                 foundFocusableDate = true;
-                            return (_jsx(CalendarDate, { date: date, disabled: disabled, range: range, focusable: focusable, startValue: startValue, endValue: endValue, isActiveStart: isActiveStart, isActiveEnd: isActiveEnd, onChange: onChange, hoveredDate: hoveredDate, onDateHover: onDateHover, onDateHoverEnd: onDateHoverEnd, renderAriaLabel: renderDateAriaLabel }, index));
+                            return (_jsx(CalendarDate, { date: date, isoDate: isoDate, disabled: disabled, range: range, focusable: focusable, startValue: startValue, endValue: endValue, onChange: onChange, hoveredDate: hoveredDate, onDateHover: onDateHover, onDateHoverEnd: onDateHoverEnd, renderAriaLabel: renderDateAriaLabel, selectedDates: selectedDates }, index));
                         }) }, key));
                 }) })] }));
 };
+CalendarMonth.displayName = "CalendarMonth";
 export default CalendarMonth;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarUncontrolled: (props: T.UncontrolledProps & T.BaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarUncontrolled: {
+    (props: T.UncontrolledProps & T.BaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarUncontrolled;

package/dist/components/Calendar/CalendarUncontrolled.js

@@ -16,4 +16,5 @@ const CalendarUncontrolled = (props) => {
             onChange?.(args);
         } }));
 };
+CalendarUncontrolled.displayName = "CalendarUncontrolled";
 export default CalendarUncontrolled;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Calendar.types";
-declare const CalendarYear: (props: T.YearProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarYear: {
+    (props: T.YearProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CalendarYear;

package/dist/components/Calendar/CalendarYear.js

@@ -40,4 +40,5 @@ const CalendarYear = (props) => {
                             }, children: name }) }, name));
                 }) }, i))) }) }));
 };
+CalendarYear.displayName = "CalendarYear";
 export default CalendarYear;

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

@@ -1,7 +1,11 @@
-import React from "react";
+import { StoryObj } from "@storybook/react";
+import { type Mock } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: (props: import("./..").CalendarProps) => React.JSX.Element;
+    component: {
+        (props: import("./..").CalendarProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;
@@ -9,7 +13,20 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const base: () => React.JSX.Element;
-export declare const selection: () => React.JSX.Element;
-export declare const boundaries: () => React.JSX.Element;
-export declare const translation: () => React.JSX.Element;
+export declare const defaultMonth: StoryObj;
+export declare const uncontrolled: StoryObj<{
+    handleChange: Mock;
+}>;
+export declare const controlled: StoryObj<{
+    handleChange: Mock;
+}>;
+export declare const selectedDates: StoryObj;
+export declare const minMax: StoryObj;
+export declare const firstWeekDay: StoryObj;
+export declare const translation: {
+    name: string;
+    render: () => import("react").JSX.Element;
+};
+export declare const ariaLabels: StoryObj;
+export declare const monthSelection: StoryObj;
+export declare const keyboardNavigation: StoryObj;