@maxio-com/react-ui-components 9.22.1 → 9.24.0

package/dist/skills/maxio-react/SKILL.md

@@ -29,6 +29,7 @@ Use this skill to build React components using `@maxio-com/react-ui-components`.
 - [Components / Breadcrumbs](references/components-breadcrumbs.md)
 - [Components / Buttons / Button](references/components-buttons-button.md)
 - [Components / Buttons / IconButton](references/components-buttons-iconbutton.md)
+- [Components / Calendar](references/components-calendar.md)
 - [Components / Card](references/components-card.md)
 - [Components / Chip](references/components-chip.md)
 - [Components / Copy To Clipboard](references/components-copy-to-clipboard.md)
@@ -54,6 +55,7 @@ Use this skill to build React components using `@maxio-com/react-ui-components`.
 - [Components / Pagination](references/components-pagination.md)
 - [Components / Popover](references/components-popover.md)
 - [Components / ProgressBar](references/components-progressbar.md)
+- [Components / RangeCalendar](references/components-rangecalendar.md)
 - [Components / SegmentedControl](references/components-segmentedcontrol.md)
 - [Components / Tabs](references/components-tabs.md)
 - [Components / Tag](references/components-tag.md)

package/dist/skills/maxio-react/references/components-calendar.md

@@ -0,0 +1,193 @@
+# Calendar
+
+## Usage Guidelines
+
+### Overview
+
+Calendar displays a localized month grid for selecting a single date.
+
+#### When to Use
+
+- Use Calendar to select a single billing, scheduling, or reporting date.
+- Use it when users benefit from seeing neighboring dates in a month grid.
+
+#### When Not to Use
+
+- Do not use Calendar for selecting a date range or multiple dates.
+- Do not use Calendar as an event agenda or scheduling timeline.
+
+### Variants
+
+| Variant           | Purpose                       | Usage notes                                                        |
+| :---------------- | :---------------------------- | :----------------------------------------------------------------- |
+| Default           | Select one date               | Displays one month at a time.                                      |
+| Date restrictions | Limit available dates         | Use minimum and maximum dates and mark specific dates unavailable. |
+| Disabled          | Prevent interaction           | Use when the calendar cannot be used in the current context.       |
+| Read only         | Display an existing selection | Users can browse without changing the selected date.               |
+| Invalid           | Explain a validation problem  | Pair the invalid state with a specific error message.              |
+
+### Behavior
+
+- **Mouse and touch**: select an available date or use the previous and next buttons to browse months.
+- **Keyboard**: arrow keys move between dates; Enter or Space selects the focused date. Page Up and Page Down browse months.
+- **Focus management**: the date grid uses one tab stop. Moving focus does not select a date until the user activates it.
+- **Localization**: the locale determines date labels, weekday order, and reading direction.
+
+### Accessibility
+
+- Provide `aria-label` or `aria-labelledby` to identify the calendar's purpose.
+- Keep unavailable dates distinguishable from the selected date and keyboard focus.
+- Use `isInvalid` with `errorMessage` to explain how to correct the selection.
+- React Aria supplies grid semantics, keyboard interaction, and selection announcements.
+
+### Content
+
+- Use a specific label such as "Billing date" or "Report date".
+- Explain date restrictions in nearby text when users need that context before selecting.
+- Keep validation messages actionable, such as "Choose a date within the billing period."
+
+### Related
+
+- **[Popover](components-popover.md)**: use a popover when the calendar should open from a trigger.
+- **[Button](components-buttons-button.md)**: use a labelled button to trigger a calendar popover.
+
+## React
+
+```tsx
+import { Calendar } from '@maxio-com/react-ui-components';
+import { parseDate } from '@internationalized/date';
+```
+
+### State Management
+
+Install `@internationalized/date` in the consuming application to create date values.
+
+#### Controlled
+
+Use `value` and `onChange` when application state owns the selected date.
+
+```tsx
+const [value, setValue] = React.useState(parseDate('2026-09-09'));
+
+<Calendar aria-label="Billing date" value={value} onChange={setValue} />;
+```
+
+#### Uncontrolled
+
+Use `defaultValue` for a calendar that manages its own selection.
+
+```tsx
+<Calendar aria-label="Billing date" defaultValue={parseDate('2026-09-09')} />
+```
+
+### Date Restrictions and Validation
+
+Use `minValue`, `maxValue`, and `isDateUnavailable` to constrain selection.
+`isReadOnly` allows browsing without changing the value; `isDisabled` disables
+interaction. Pair `isInvalid` with `errorMessage` for validation feedback.
+
+### Localization
+
+Wrap Calendar in React Aria's `I18nProvider` to set the locale, week start,
+and reading direction. Calendar displays one month at a time.
+
+```tsx
+import { I18nProvider } from 'react-aria-components/I18nProvider';
+import { parseDate } from '@internationalized/date';
+
+<I18nProvider locale="ar-EG">
+  <Calendar
+    aria-label="تاريخ الفاتورة"
+    defaultValue={parseDate('2026-09-09')}
+  />
+</I18nProvider>;
+```
+
+## Imports
+
+```tsx
+import { Calendar, I18nProvider } from "@maxio-com/react-ui-components";
+```
+
+## Prop Types
+
+### Calendar
+
+| Prop | Type | Required | Default | Description | Source |
+| --- | --- | --- | --- | --- | --- |
+| `errorMessage` | `string` | no | - | Message announced when the selected date is invalid. | CalendarProps |
+
+## Stories
+
+### Default
+
+Use Default when users need to select one date from a visible month grid.
+
+```tsx
+const Default = () => <Calendar aria-label="Billing date" defaultValue={currentDate} />;
+```
+
+### Controlled
+
+Use Controlled when application state owns the selected date.
+
+```tsx
+const Controlled = function ControlledCalendar() {
+  const [value, setValue] = useState(currentDate);
+  return (
+    <Calendar aria-label="Billing date" value={value} onChange={setValue} />
+  );
+};
+```
+
+### Date Restrictions
+
+Use Date Restrictions to limit selection to a billing period and exclude specific dates.
+
+```tsx
+const DateRestrictions = () => <Calendar
+    aria-label="Billing date"
+    defaultValue={currentDate}
+    minValue={currentDate.subtract({ days: 7 })}
+    maxValue={currentDate.add({ days: 14 })}
+    isDateUnavailable={(date) =>
+      date.compare(currentDate.add({ days: 5 })) === 0} />;
+```
+
+### Disabled
+
+Use Disabled when calendar interaction is unavailable.
+
+```tsx
+const Disabled = () => <Calendar aria-label="Billing date" defaultValue={currentDate} isDisabled />;
+```
+
+### Read Only
+
+Use Read Only to allow browsing without changing the selected date.
+
+```tsx
+const ReadOnly = () => <Calendar aria-label="Billing date" defaultValue={currentDate} isReadOnly />;
+```
+
+### Invalid
+
+Use Invalid with an actionable error message when the selected date fails validation.
+
+```tsx
+const Invalid = () => <Calendar
+    aria-label="Billing date"
+    defaultValue={currentDate}
+    isInvalid
+    errorMessage="Choose a date within the billing period." />;
+```
+
+### International
+
+Use I18nProvider to localize labels, weekday order, and navigation direction.
+
+```tsx
+const International = () => <I18nProvider locale="pl-PL">
+    <Calendar aria-label="Billing date" defaultValue={currentDate} />
+</I18nProvider>;
+```

package/dist/skills/maxio-react/references/components-copy-to-clipboard.md

@@ -45,6 +45,7 @@ Use `variant` to increase its emphasis when needed:
 | `variant`   | When to use                                                    |
 | :---------- | :------------------------------------------------------------- |
 | `ghost`     | Default. Suits inline use beside the value being copied.       |
+| `subtle`    | Ghost with a gray icon. Only when it must be discreet.         |
 | `tertiary`  | Use when the copy control needs slightly more emphasis.        |
 | `secondary` | Copying is one of the main actions on the surface.             |
 | `primary`   | Rare. Only when copying is _the_ action users came to perform. |
@@ -66,8 +67,9 @@ Use `variant` to increase its emphasis when needed:
   that did not happen.
 - **Async values**: keep the button `disabled` until `value` is populated so
   users cannot copy a placeholder.
-- **Sizing**: `size` uses the shared IconButton sizing. Target areas are 28px,
-  32px, and 40px; the glyph remains 16px, consistent with
+- **Sizing**: `size` uses the shared IconButton sizing. Target areas are 24px,
+  28px, 32px, and 40px; the glyph remains 16px except at `xs`, which drops it to
+  14px and removes the padding for dense inline use. Otherwise consistent with
   other icon buttons in the system.
 
 ### Accessibility
@@ -153,10 +155,10 @@ import { Body, CopyToClipboard, Flex } from "@maxio-com/react-ui-components";
 | `onCopy` | `((value: string) => void)` | no | - | Called with the copied value once the clipboard write succeeds. | TypeLiteral |
 | `onCopyError` | `((error: unknown) => void)` | no | - | Called when the clipboard write fails, such as in an insecure context or when permission is denied. The copied state is not entered. | TypeLiteral |
 | `resetAfterMs` | `number` | no | `2000` | How long the copied state lasts before reverting, in milliseconds. | TypeLiteral |
-| `size` | `"sm" \| "md" \| "lg"` | no | `md` | Changes the size of the button. | TypeLiteral |
+| `size` | `"sm" \| "md" \| "lg" \| "xs"` | no | `md` | Changes the size of the button. | TypeLiteral |
 | `tooltipPlacement` | `"top" \| "right" \| "bottom" \| "left" \| "top-start" \| "top-end" \| "right-start" \| "right-end" \| "bottom-start" \| "bottom-end" \| "left-start" \| "left-end"` | no | `top` | Where the tooltip is positioned relative to the button. | TypeLiteral |
 | `value` | `string` | yes | - | Text written to the clipboard when the button is pressed. | TypeLiteral |
-| `variant` | `"primary" \| "secondary" \| "tertiary" \| "ghost"` | no | `ghost` | Button variant. | TypeLiteral |
+| `variant` | `"primary" \| "secondary" \| "tertiary" \| "ghost" \| "subtle"` | no | `ghost` | Button variant. | TypeLiteral |
 
 ## Stories
 

package/dist/skills/maxio-react/references/components-flex.md

@@ -61,7 +61,7 @@ import { Flex } from "@maxio-com/react-ui-components";
 
 | Prop | Type | Required | Default | Description | Source |
 | --- | --- | --- | --- | --- | --- |
-| `alignItems` | `"center" \| "start" \| "end" \| "baseline" \| "stretch"` | no | - | Controls how flex items are positioned along the main axis (defined by `FlexDirection`). Items will stretch by default if no value is set. | TypeLiteral |
+| `alignItems` | `"start" \| "center" \| "end" \| "baseline" \| "stretch"` | no | - | Controls how flex items are positioned along the main axis (defined by `FlexDirection`). Items will stretch by default if no value is set. | TypeLiteral |
 | `basis` | `"auto" \| "1/2" \| "1/3" \| "2/3" \| "1/4" \| "2/4" \| "3/4" \| "1/5" \| "2/5" \| "3/5" \| "4/5" \| "1/6" \| "2/6" \| "3/6" \| "4/6" \| "5/6" \| "1/12" \| "2/12" \| "3/12" \| "4/12" \| "5/12" \| "6/12" \| "7/12" \| "8/12" \| "9/12" \| "10/12" \| "11/12" \| "full"` | no | - | Defines the initial size of flex items. | TypeLiteral |
 | `children` | `ReactNode` | no | - | The content of the flex container. Can be any valid `ReactNode`. | TypeLiteral, DOMAttributes |
 | `className` | `string` | no | - | Additional class names for custom styling. | TypeLiteral, HTMLAttributes |
@@ -71,7 +71,7 @@ import { Flex } from "@maxio-com/react-ui-components";
 | `gapX` | `0 \| 1 \| "px" \| 0.5 \| 1.5 \| 2 \| 2.5 \| 3 \| 3.5 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 14 \| 16 \| 20 \| 24 \| 28 \| 32 \| 36 \| 40 \| 44 \| 48 \| 52 \| 56 \| 60 \| 64 \| 72 \| 80 \| 96` | no | - | Controls the horizontal space between flex items. | TypeLiteral |
 | `gapY` | `0 \| 1 \| "px" \| 0.5 \| 1.5 \| 2 \| 2.5 \| 3 \| 3.5 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 14 \| 16 \| 20 \| 24 \| 28 \| 32 \| 36 \| 40 \| 44 \| 48 \| 52 \| 56 \| 60 \| 64 \| 72 \| 80 \| 96` | no | - | Controls the vertical space between flex items. | TypeLiteral |
 | `grow` | `boolean` | no | - | Allows or restricts growing. | TypeLiteral |
-| `justifyContent` | `"center" \| "start" \| "end" \| "stretch" \| "normal" \| "between" \| "around" \| "evenly"` | no | - | Controls how flex items are positioned along the main axis (defined by `FlexDirection`). | TypeLiteral |
+| `justifyContent` | `"start" \| "center" \| "end" \| "stretch" \| "normal" \| "between" \| "around" \| "evenly"` | no | - | Controls how flex items are positioned along the main axis (defined by `FlexDirection`). | TypeLiteral |
 | `shrink` | `boolean` | no | - | Allows or restricts shrinking. | TypeLiteral |
 | `wrap` | `"wrap" \| "nowrap" \| "wrap-reverse"` | no | - | Controls whether the flex items are forced onto one line or can wrap onto multiple lines. | TypeLiteral |
 

package/dist/skills/maxio-react/references/components-grid.md

@@ -64,7 +64,7 @@ import { Grid } from "@maxio-com/react-ui-components";
 
 | Prop | Type | Required | Default | Description | Source |
 | --- | --- | --- | --- | --- | --- |
-| `alignItems` | `"center" \| "start" \| "end" \| "baseline" \| "stretch"` | no | - | Apply to child Grid components. Controls how item is positioned vertically. | TypeLiteral |
+| `alignItems` | `"start" \| "center" \| "end" \| "baseline" \| "stretch"` | no | - | Apply to child Grid components. Controls how item is positioned vertically. | TypeLiteral |
 | `autoColumns` | `"auto" \| "max" \| "min" \| "fr"` | no | - | Sets the size of columns that do not have a specified size. | TypeLiteral |
 | `autoRows` | `"auto" \| "max" \| "min" \| "fr"` | no | - | Sets the size of rows that do not have a specified size. | TypeLiteral |
 | `column` | `"auto" \| "full" \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13` | no | - | Apply to child Grid components. Sets the number of columns the item spans. Values can be overridden by `columnStart` and `columnEnd`. | TypeLiteral |
@@ -74,7 +74,7 @@ import { Grid } from "@maxio-com/react-ui-components";
 | `gapX` | `0 \| 1 \| "px" \| 0.5 \| 1.5 \| 2 \| 2.5 \| 3 \| 3.5 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 14 \| 16 \| 20 \| 24 \| 28 \| 32 \| 36 \| 40 \| 44 \| 48 \| 52 \| 56 \| 60 \| 64 \| 72 \| 80 \| 96` | no | - | Controls the horizontal space between grid items. | TypeLiteral |
 | `gapY` | `0 \| 1 \| "px" \| 0.5 \| 1.5 \| 2 \| 2.5 \| 3 \| 3.5 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 14 \| 16 \| 20 \| 24 \| 28 \| 32 \| 36 \| 40 \| 44 \| 48 \| 52 \| 56 \| 60 \| 64 \| 72 \| 80 \| 96` | no | - | Controls the vertical space between grid items. | TypeLiteral |
 | `inline` | `boolean` | no | - | Changes grid from block element to inline element. | TypeLiteral |
-| `justifyContent` | `"center" \| "start" \| "end" \| "stretch" \| "normal" \| "between" \| "around" \| "evenly"` | no | - | Apply to child Grid components. Controls how grid item is positioned horizontally. | TypeLiteral |
+| `justifyContent` | `"start" \| "center" \| "end" \| "stretch" \| "normal" \| "between" \| "around" \| "evenly"` | no | - | Apply to child Grid components. Controls how grid item is positioned horizontally. | TypeLiteral |
 | `row` | `"auto" \| "full" \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13` | no | - | Apply to child Grid components. Sets the number of rows the item spans. Values can be overridden by `rowStart` and `rowEnd`. | TypeLiteral |
 | `rowEnd` | `"auto" \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13` | no | - | Apply to child Grid components. Sets the item's ending row. Needs `rowStart` to span multiple columns. | TypeLiteral |
 | `rowStart` | `"auto" \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12 \| 13` | no | - | Apply to child Grid components. Sets the item's starting row. | TypeLiteral |

package/dist/skills/maxio-react/references/components-rangecalendar.md

@@ -0,0 +1,254 @@
+# RangeCalendar
+
+## Usage Guidelines
+
+### Overview
+
+RangeCalendar displays a localized month grid for selecting a date range.
+
+#### When to Use
+
+- Use RangeCalendar to select a billing, scheduling, or reporting date range.
+- Use it when users benefit from seeing neighboring dates in a month grid.
+
+#### When Not to Use
+
+- Do not use RangeCalendar for selecting multiple separate ranges or unrelated dates.
+- Do not use RangeCalendar as an event agenda or scheduling timeline.
+
+### Variants
+
+| Variant           | Purpose                       | Usage notes                                                        |
+| :---------------- | :---------------------------- | :----------------------------------------------------------------- |
+| Default           | Select a date range           | Displays one month at a time.                                      |
+| Date restrictions | Limit available dates         | Use minimum and maximum dates and mark specific dates unavailable. |
+| Disabled          | Prevent interaction           | Use when the calendar cannot be used in the current context.       |
+| Read only         | Display an existing selection | Users can browse without changing the selected range.              |
+| Invalid           | Explain a validation problem  | Pair the invalid state with a specific error message.              |
+
+### Behavior
+
+- **Mouse and touch**: select a start date and an end date or use the previous and next buttons to browse months.
+- **Keyboard**: arrow keys move between dates; Enter or Space sets a range endpoint. Page Up and Page Down browse months.
+- **Focus management**: the date grid uses one tab stop. Activate one date to start the range, then activate another to complete it. The second endpoint may be in another month.
+- **Localization**: the locale determines date labels, weekday order, and reading direction.
+
+RangeCalendar selects contiguous ranges by default. Unavailable dates cannot be endpoints; use `allowsNonContiguousRanges` only when your workflow permits a range to include unavailable dates.
+
+### Accessibility
+
+- Provide `aria-label` or `aria-labelledby` to identify the calendar's purpose.
+- Keep unavailable dates distinguishable from the selected range and keyboard focus.
+- Use `isInvalid` with `errorMessage` to explain how to correct the selection.
+- React Aria supplies grid semantics, keyboard interaction, and selection announcements.
+
+### Content
+
+- Use a specific label such as "Billing period" or "Report period".
+- Explain date restrictions in nearby text when users need that context before selecting.
+- Keep validation messages actionable, such as "Choose a range within the billing period."
+
+### Related
+
+- **[Popover](components-popover.md)**: use a popover when the calendar should open from a trigger.
+- **[Button](components-buttons-button.md)**: use a labelled button to trigger a calendar popover.
+- **[Calendar](components-calendar.md)**: use Calendar when users need to select one date.
+
+## React
+
+```tsx
+import { RangeCalendar } from '@maxio-com/react-ui-components';
+import { parseDate } from '@internationalized/date';
+```
+
+### State Management
+
+Install `@internationalized/date` in the consuming application to create date values.
+
+#### Controlled
+
+Use `value` and `onChange` when application state owns the selected range.
+
+```tsx
+const [value, setValue] = React.useState({
+  start: parseDate('2026-09-09'),
+  end: parseDate('2026-09-16'),
+});
+
+<RangeCalendar aria-label="Billing period" value={value} onChange={setValue} />;
+```
+
+#### Uncontrolled
+
+Use `defaultValue` for a calendar that manages its own selection.
+
+```tsx
+<RangeCalendar
+  aria-label="Billing period"
+  defaultValue={{
+    start: parseDate('2026-09-09'),
+    end: parseDate('2026-09-16'),
+  }}
+/>
+```
+
+The value is an object with `start` and `end` date values. A completed selection calls `onChange` with ordered endpoints.
+
+### Date Restrictions and Validation
+
+Use `minValue`, `maxValue`, and `isDateUnavailable` to constrain selection.
+`isReadOnly` allows browsing without changing the value; `isDisabled` disables
+interaction. Pair `isInvalid` with `errorMessage` for validation feedback.
+
+By default, ranges cannot cross unavailable dates. Set `allowsNonContiguousRanges` to allow unavailable dates inside the range while keeping endpoints selectable.
+
+### Localization
+
+Wrap RangeCalendar in React Aria's `I18nProvider` to set the locale, week start,
+and reading direction. RangeCalendar displays one month at a time.
+
+```tsx
+import { I18nProvider } from 'react-aria-components/I18nProvider';
+import { parseDate } from '@internationalized/date';
+
+<I18nProvider locale="ar-EG">
+  <RangeCalendar
+    aria-label="تاريخ الفاتورة"
+    defaultValue={{
+      start: parseDate('2026-09-09'),
+      end: parseDate('2026-09-16'),
+    }}
+  />
+</I18nProvider>;
+```
+
+## Imports
+
+```tsx
+import { I18nProvider, RangeCalendar } from "@maxio-com/react-ui-components";
+```
+
+## Prop Types
+
+### RangeCalendar
+
+| Prop | Type | Required | Default | Description | Source |
+| --- | --- | --- | --- | --- | --- |
+| `errorMessage` | `string` | no | - | Message announced when the selected range is invalid. | RangeCalendarProps |
+
+## Stories
+
+### Default
+
+Use Default when users need to select a date range from a visible month grid.
+
+```tsx
+const Default = () => <RangeCalendar
+    aria-label="Billing period"
+    defaultFocusedValue={currentDate}
+    defaultValue={{
+      start: currentDate.subtract({ days: 3 }),
+      end: currentDate.add({ days: 3 }),
+    }} />;
+```
+
+### Controlled
+
+Use Controlled when application state owns the selected range.
+
+```tsx
+const Controlled = function ControlledRangeCalendar() {
+  const [value, setValue] = useState({
+    start: currentDate.subtract({ days: 3 }),
+    end: currentDate.add({ days: 3 }),
+  });
+  return (
+    <RangeCalendar
+      aria-label="Billing period"
+      defaultFocusedValue={currentDate}
+      value={value}
+      onChange={setValue}
+    />
+  );
+};
+```
+
+### Date Restrictions
+
+Use Date Restrictions to limit selection to a billing period and exclude specific dates.
+
+```tsx
+const DateRestrictions = () => <RangeCalendar
+    aria-label="Billing period"
+    defaultFocusedValue={currentDate}
+    defaultValue={{
+      start: currentDate.subtract({ days: 3 }),
+      end: currentDate.add({ days: 3 }),
+    }}
+    minValue={currentDate.subtract({ days: 14 })}
+    maxValue={currentDate.add({ days: 14 })}
+    isDateUnavailable={(date) =>
+      date.compare(currentDate.add({ days: 10 })) === 0} />;
+```
+
+### Disabled
+
+Use Disabled when calendar interaction is unavailable.
+
+```tsx
+const Disabled = () => <RangeCalendar
+    aria-label="Billing period"
+    defaultFocusedValue={currentDate}
+    defaultValue={{
+      start: currentDate.subtract({ days: 3 }),
+      end: currentDate.add({ days: 3 }),
+    }}
+    isDisabled />;
+```
+
+### Read Only
+
+Use Read Only to allow browsing without changing the selected range.
+
+```tsx
+const ReadOnly = () => <RangeCalendar
+    aria-label="Billing period"
+    defaultFocusedValue={currentDate}
+    defaultValue={{
+      start: currentDate.subtract({ days: 3 }),
+      end: currentDate.add({ days: 3 }),
+    }}
+    isReadOnly />;
+```
+
+### Invalid
+
+Use Invalid with an actionable error message when the selected range fails validation.
+
+```tsx
+const Invalid = () => <RangeCalendar
+    aria-label="Billing period"
+    defaultFocusedValue={currentDate}
+    defaultValue={{
+      start: currentDate.subtract({ days: 3 }),
+      end: currentDate.add({ days: 3 }),
+    }}
+    isInvalid
+    errorMessage="Choose a range within the billing period." />;
+```
+
+### International
+
+Use I18nProvider to localize labels, weekday order, and navigation direction.
+
+```tsx
+const International = () => <I18nProvider locale="pl-PL">
+    <RangeCalendar
+        aria-label="Billing period"
+        defaultFocusedValue={currentDate}
+        defaultValue={{
+          start: currentDate.subtract({ days: 3 }),
+          end: currentDate.add({ days: 3 }),
+        }} />
+</I18nProvider>;
+```

package/dist/temporary-typings/src/components/Calendar/Calendar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DateValue } from 'react-aria-components';
+import type { CalendarProps } from './types';
+declare const Calendar: <T extends DateValue>({ className, errorMessage, ...props }: CalendarProps<T>) => React.JSX.Element;
+export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/temporary-typings/src/components/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,QAAQ,GAAI,CAAC,SAAS,SAAS,EAAE,uCAIpC,aAAa,CAAC,CAAC,CAAC,sBA6ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/temporary-typings/src/components/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/temporary-typings/src/components/Calendar/types.d.ts

@@ -0,0 +1,5 @@
+import type { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
+export interface CalendarProps<T extends DateValue = DateValue> extends Omit<AriaCalendarProps<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/temporary-typings/src/components/Calendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACV,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC1E,iBAAiB,CAAC,CAAC,CAAC,EACpB,UAAU,GAAG,iBAAiB,CAC/B;IAEC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAW/D,QAAA,MAAM,eAAe,GAAI,8JAetB,oBAAoB,sBAwCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAc/D,QAAA,MAAM,eAAe,GAAI,8JAetB,oBAAoB,sBA6CtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
 import { Placement } from '../../hooks/useOverlayTrigger/types';
-export type CopyToClipboardSize = 'sm' | 'md' | 'lg';
-export type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+export type CopyToClipboardSize = 'xs' | 'sm' | 'md' | 'lg';
+export type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'subtle';
 export type CopyToClipboardProps = {
     value: string;
     copyLabel?: string;

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,oBAAoB,GAAG;IAIjC,KAAK,EAAE,MAAM,CAAC;IAKd,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAK3B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAIjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAI7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACzC,CAAC"}
+{"version":3,"file":"CopyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,MAAM,oBAAoB,GAAG;IAIjC,KAAK,EAAE,MAAM,CAAC;IAKd,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAK3B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAIjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAI7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACzC,CAAC"}

package/dist/temporary-typings/src/components/RangeCalendar/RangeCalendar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DateValue } from 'react-aria-components';
+import type { RangeCalendarProps } from './types';
+declare const RangeCalendar: <T extends DateValue>({ className, errorMessage, ...props }: RangeCalendarProps<T>) => React.JSX.Element;
+export default RangeCalendar;
+//# sourceMappingURL=RangeCalendar.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/RangeCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,SAAS,EAAE,uCAIzC,kBAAkB,CAAC,CAAC,CAAC,sBAkDvB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/temporary-typings/src/components/RangeCalendar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RangeCalendar } from './RangeCalendar';
+export type { RangeCalendarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/dist/temporary-typings/src/components/RangeCalendar/types.d.ts

@@ -0,0 +1,5 @@
+import type { RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+export interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<AriaRangeCalendarProps<T>, 'children' | 'visibleDuration'> {
+    errorMessage?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/temporary-typings/src/components/RangeCalendar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeCalendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,SAAS,EACV,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC/B,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,iBAAiB,CAAC;IAEvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/temporary-typings/src/components/index.d.ts

@@ -41,4 +41,8 @@ export type { CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant,
 export type { EmptyStateHeadingLevel, EmptyStateProps, } from './EmptyState';
 export type { ComboBoxProps, TextAreaProps, TextFieldProps, TextInputProps, } from './forms';
 export type { SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, } from './SegmentedControl';
+export { Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export { RangeCalendar } from './RangeCalendar';
+export type { RangeCalendarProps } from './RangeCalendar';
 //# sourceMappingURL=index.d.ts.map

package/dist/temporary-typings/src/components/index.d.ts.map

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