@hopper-ui/components 1.13.1 → 1.15.0

package/dist/chunk-BZNLIUJV.js

@@ -0,0 +1,64 @@
+import { _Header } from './chunk-XLJODMSX.js';
+import { _Heading } from './chunk-OVYWTX4O.js';
+import { HeaderContext } from './chunk-FOQ7KN4V.js';
+import { HeadingContext } from './chunk-WJRMD4JP.js';
+import { _Button } from './chunk-DONUBZNH.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { AngleLeftIcon, AngleRightIcon } from '@hopper-ui/icons';
+import clsx from 'clsx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// css-module:./CalendarHeader.module.css#css-module
+var CalendarHeader_module_default = { "hop-CalendarHeader": "CalendarHeader-module__hop-CalendarHeader___THfEk", "hop-CalendarHeader-button": "CalendarHeader-module__hop-CalendarHeader-button___Zpapb", "hop-CalendarHeader-heading": "CalendarHeader-module__hop-CalendarHeader-heading___hBvPU" };
+var GlobalCalendarHeaderCssSelector = "hop-CalendarHeader";
+var CalendarHeader = (props) => {
+  const stringFormatter = useLocalizedString();
+  const {
+    className,
+    ...otherProps
+  } = props;
+  const classNames = clsx(
+    GlobalCalendarHeaderCssSelector,
+    cssModule(
+      CalendarHeader_module_default,
+      GlobalCalendarHeaderCssSelector
+    ),
+    className
+  );
+  return /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [HeaderContext, null],
+        [HeadingContext, null]
+      ],
+      children: /* @__PURE__ */ jsxs(_Header, { className: classNames, ...otherProps, children: [
+        /* @__PURE__ */ jsx(
+          _Button,
+          {
+            "aria-label": stringFormatter.format("Calendar.previousButtonAriaLabel"),
+            className: CalendarHeader_module_default["hop-CalendarHeader-button"],
+            slot: "previous",
+            variant: "ghost-secondary",
+            children: /* @__PURE__ */ jsx(AngleLeftIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(_Heading, { className: CalendarHeader_module_default["hop-CalendarHeader-heading"] }),
+        /* @__PURE__ */ jsx(
+          _Button,
+          {
+            "aria-label": stringFormatter.format("Calendar.nextButtonAriaLabel"),
+            className: CalendarHeader_module_default["hop-CalendarHeader-button"],
+            slot: "next",
+            variant: "ghost-secondary",
+            children: /* @__PURE__ */ jsx(AngleRightIcon, {})
+          }
+        )
+      ] })
+    }
+  );
+};
+
+export { CalendarHeader, GlobalCalendarHeaderCssSelector };

package/dist/{chunk-DLRG7NRG.js → chunk-C5RNBIC5.js}

@@ -1,8 +1,8 @@
-import { _Tooltip } from './chunk-ZKMYFUFY.js';
 import { TooltipTrigger } from './chunk-QGFIYZVC.js';
+import { _Tooltip } from './chunk-4372AEHL.js';
 import { AvatarGroupContext } from './chunk-G7F2YUBR.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -12,7 +12,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // css-module:./AvatarGroup.module.css#css-module
-var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___D3cFc", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___mdqXR", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___TEWib", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___ISai2", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___Jlo7P", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___XpcL-", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___YDmyU", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___I7Ar0", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___tZGq2", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___tYawc", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___Zw9UF", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___wShXD", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___PiHfQ", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___24BvH" };
+var AvatarGroup_module_default = { "hop-AvatarGroup": "AvatarGroup-module__hop-AvatarGroup___6szMV", "hop-AvatarGroup--wrap": "AvatarGroup-module__hop-AvatarGroup--wrap___r9UJg", "hop-AvatarGroup--xs": "AvatarGroup-module__hop-AvatarGroup--xs___dnfzZ", "hop-AvatarGroup--sm": "AvatarGroup-module__hop-AvatarGroup--sm___WIyMY", "hop-AvatarGroup--md": "AvatarGroup-module__hop-AvatarGroup--md___evZ2l", "hop-AvatarGroup--lg": "AvatarGroup-module__hop-AvatarGroup--lg___ahKoO", "hop-AvatarGroup--xl": "AvatarGroup-module__hop-AvatarGroup--xl___AAU5u", "hop-AvatarGroup--2xl": "AvatarGroup-module__hop-AvatarGroup--2xl___A3w1s", "hop-AvatarGroup__avatar": "AvatarGroup-module__hop-AvatarGroup__avatar___AxmQZ", "hop-AvatarGroup__label": "AvatarGroup-module__hop-AvatarGroup__label___EdXOK", "hop-AvatarGroup__hiddenAvatar": "AvatarGroup-module__hop-AvatarGroup__hiddenAvatar___1jNbd", "hop-AvatarGroup--start": "AvatarGroup-module__hop-AvatarGroup--start___GGz-z", "hop-AvatarGroup--end": "AvatarGroup-module__hop-AvatarGroup--end___fMs18", "hop-AvatarGroup--center": "AvatarGroup-module__hop-AvatarGroup--center___tan2n" };
 var GlobalAvatarGroupCssSelector = "hop-AvatarGroup";
 function AvatarGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-AUITTQKV.js → chunk-CPGP7ETX.js}

@@ -19,7 +19,8 @@ var require_en_US = __commonJS({
       "Select.placeholder": `Select an item`,
       "Calendar.previousButtonAriaLabel": `Previous month`,
       "Calendar.nextButtonAriaLabel": `Next month`,
-      "Calendar.invalidSelection": `Invalid date selection`
+      "Calendar.invalidSelection": `Invalid date selection`,
+      "DatePicker.openCalendarButtonAriaLabel": `Open calendar`
     };
   }
 });
@@ -42,7 +43,8 @@ var require_fr_CA = __commonJS({
       "Select.placeholder": `S\xE9lectionner un \xE9l\xE9ment`,
       "Calendar.previousButtonAriaLabel": `Mois pr\xE9c\xE9dent`,
       "Calendar.nextButtonAriaLabel": `Mois suivant`,
-      "Calendar.invalidSelection": `S\xE9lection de date invalide`
+      "Calendar.invalidSelection": `S\xE9lection de date invalide`,
+      "DatePicker.openCalendarButtonAriaLabel": `Ouvrir le calendrier`
     };
   }
 });

package/dist/{chunk-HDK6WAUM.js → chunk-CSMLY37T.js}

@@ -1,4 +1,4 @@
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Paragraph.module.css#css-module
-var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___tB1zx", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___KMcBG", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___cReu6", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___EZpr3", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___qw8Od", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___wKW8l", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___rZE1I", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___zTzVc" };
+var Paragraph_module_default = { "hop-Paragraph": "Paragraph-module__hop-Paragraph___y-4O8", "hop-Paragraph--xs": "Paragraph-module__hop-Paragraph--xs___ZaH4f", "hop-Paragraph--sm": "Paragraph-module__hop-Paragraph--sm___1P066", "hop-Paragraph--md": "Paragraph-module__hop-Paragraph--md___6kKS3", "hop-Paragraph--lg": "Paragraph-module__hop-Paragraph--lg___KcBJs", "hop-Paragraph--xl": "Paragraph-module__hop-Paragraph--xl___O6zNl", "hop-Paragraph--2xl": "Paragraph-module__hop-Paragraph--2xl___cIzvg", "hop-Paragraph--inherit": "Paragraph-module__hop-Paragraph--inherit___bNGwU" };
 var GlobalParagraphCssSelector = "hop-Paragraph";
 function Paragraph(props, ref) {
   const { size: sizeProp, className, children, ...otherProps } = props;

package/dist/{chunk-7X6VGI5C.js → chunk-D4TK5GXL.js}

@@ -5,7 +5,7 @@ import { MenuSection as MenuSection$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./MenuSection.module.css#css-module
-var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___--v2K" };
+var MenuSection_module_default = { "hop-MenuSection": "MenuSection-module__hop-MenuSection___k8GoO" };
 var GlobalMenuSectionCssSelector = "hop-MenuSection";
 function MenuSection(props) {
   const { stylingProps, ...ownProps } = useStyledSystem(props);

package/dist/{chunk-UBYJI4SN.js → chunk-DB4U2BXX.js}

@@ -7,7 +7,7 @@ import { useContextProps, TabPanel as TabPanel$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./TabPanel.module.css#css-module
-var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___Te-Zu" };
+var TabPanel_module_default = { "hop-TabPanel": "TabPanel-module__hop-TabPanel___ir8Vg" };
 var GlobalTabPanelCssSelector = "hop-TabPanel";
 function TabPanel(props, ref) {
   [props, ref] = useContextProps(props, ref, TabPanelContext);

package/dist/{chunk-GZH4BLFB.js → chunk-DCMIOFJS.js}

@@ -1,10 +1,10 @@
-import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioGroupContext } from './chunk-5MBJWRZD.js';
+import { RadioFieldContext } from './chunk-DGLAGYBD.js';
 import { RadioContext } from './chunk-FU5CCPLP.js';
-import { FieldLabel } from './chunk-UW6L5XIN.js';
-import { _HelperMessage } from './chunk-TPQNT6OK.js';
-import { _ErrorMessage } from './chunk-OMWIVLGM.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
+import { FieldLabel } from './chunk-5KK7RTEA.js';
+import { _HelperMessage } from './chunk-RPULORS7.js';
+import { _ErrorMessage } from './chunk-E6IA2QFO.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, RadioGroup as RadioGroup$1 } from
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./RadioGroup.module.css#css-module
-var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___PvpP8", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___LFAsr", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___6agx-", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___iO5Pi", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___DapTf", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___WLIRM", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___kX2VG", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___avvUD", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___nT-1v", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___p9t1i" };
+var RadioGroup_module_default = { "hop-RadioGroup": "RadioGroup-module__hop-RadioGroup___ycgxl", "hop-RadioGroup--bordered": "RadioGroup-module__hop-RadioGroup--bordered___PiMjy", "hop-RadioGroup--fluid": "RadioGroup-module__hop-RadioGroup--fluid___C3iDq", "hop-RadioGroup--sm": "RadioGroup-module__hop-RadioGroup--sm___RQBVC", "hop-RadioGroup--md": "RadioGroup-module__hop-RadioGroup--md___6mZkD", "hop-RadioGroup__label": "RadioGroup-module__hop-RadioGroup__label___sfdKy", "hop-RadioGroup__list": "RadioGroup-module__hop-RadioGroup__list___Led32", "hop-RadioGroup__radio": "RadioGroup-module__hop-RadioGroup__radio___V4Y2q", "hop-RadioGroup__error-message": "RadioGroup-module__hop-RadioGroup__error-message___Vz1pV", "hop-RadioGroup__helper-message": "RadioGroup-module__hop-RadioGroup__helper-message___Uvk0H" };
 var GlobalRadioGroupCssSelector = "hop-RadioGroup";
 function RadioGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/{chunk-BO7KZ4UI.js → chunk-DGH2NL67.js}

@@ -1,7 +1,7 @@
 import { MenuItemContext } from './chunk-OGC6BUEX.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -13,7 +13,7 @@ import { useContextProps, MenuItem as MenuItem$1, DEFAULT_SLOT } from 'react-ari
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 // css-module:./MenuItem.module.css#css-module
-var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___cY0qU", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___mxOgM", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___G-nld", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___AD7hO", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___Mmmlm", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___sfdyg", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___8cb3z", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___Bpc56", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___qLC0g", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___ddlYI", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___kF6FG", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___GgjO6", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___rLCnq" };
+var MenuItem_module_default = { "hop-MenuItem": "MenuItem-module__hop-MenuItem___0xUKF", "hop-MenuItem__text": "MenuItem-module__hop-MenuItem__text___L0tXp", "hop-MenuItem--invalid": "MenuItem-module__hop-MenuItem--invalid___YFGuX", "hop-MenuItem__avatar": "MenuItem-module__hop-MenuItem__avatar___rupgi", "hop-MenuItem__icon": "MenuItem-module__hop-MenuItem__icon___Y9VDN", "hop-MenuItem__checkmark": "MenuItem-module__hop-MenuItem__checkmark___0m2fl", "hop-MenuItem__description": "MenuItem-module__hop-MenuItem__description___Vbz4E", "hop-MenuItem__end-icon": "MenuItem-module__hop-MenuItem__end-icon___xysPH", "hop-MenuItem__arrow": "MenuItem-module__hop-MenuItem__arrow___unCoR", "hop-MenuItem--xs": "MenuItem-module__hop-MenuItem--xs___eu84N", "hop-MenuItem--sm": "MenuItem-module__hop-MenuItem--sm___2ocDO", "hop-MenuItem--md": "MenuItem-module__hop-MenuItem--md___JVChW", "hop-MenuItem--lg": "MenuItem-module__hop-MenuItem--lg___pud0r" };
 var GlobalMenuItemCssSelector = "hop-MenuItem";
 var MenuItem = (props, ref) => {
   [props, ref] = useContextProps(props, ref, MenuItemContext);

package/dist/{chunk-LHSVZUUD.js → chunk-DNJV3GYR.js}

@@ -7,7 +7,7 @@ import { useContextProps, Label as Label$1 } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Label.module.css#css-module
-var Label_module_default = { "hop-Label": "Label-module__hop-Label___bRw2-" };
+var Label_module_default = { "hop-Label": "Label-module__hop-Label___fmxT3" };
 var GlobalLabelCssSelector = "hop-Label";
 function Label(props, ref) {
   [props, ref] = useContextProps(props, ref, LabelContext);

package/dist/{chunk-UFUP5YLT.js → chunk-DONUBZNH.js}

@@ -1,10 +1,10 @@
-import { useButtonProps } from './chunk-27UPNFUF.js';
-import { _Spinner } from './chunk-SQJDYFM5.js';
+import { useButtonProps } from './chunk-YBJI4QLB.js';
+import { _Spinner } from './chunk-P6UZVUF7.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
-import { useLocalizedString } from './chunk-AUITTQKV.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
-import { ensureTextWrapper } from './chunk-3P4A2K5N.js';
+import { ensureTextWrapper } from './chunk-4WJKLLPU.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -18,7 +18,7 @@ import { useContextProps, composeRenderProps, Button as Button$1, DEFAULT_SLOT }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "hop-Button": "Button-module__hop-Button___RZiMm", "hop-Button--fluid": "Button-module__hop-Button--fluid___UhHx8", "hop-Button--xs": "Button-module__hop-Button--xs___x7yq1", "hop-Button--sm": "Button-module__hop-Button--sm___s12TG", "hop-Button--md": "Button-module__hop-Button--md___zae1H", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___GGN6K", "hop-Button--primary": "Button-module__hop-Button--primary___dZciP", "hop-Button--secondary": "Button-module__hop-Button--secondary___a-NIk", "hop-Button--upsell": "Button-module__hop-Button--upsell___yqEee", "hop-Button--danger": "Button-module__hop-Button--danger___YuDvq", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___Jskhz", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___EIyK4", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___crJl6", "hop-Button--loading": "Button-module__hop-Button--loading___vw-CG", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___Oo2tv", "hop-Button__icon": "Button-module__hop-Button__icon___ndt6M", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___KLvtV", "hop-Button__text": "Button-module__hop-Button__text___U2zkG", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___cdcSM", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___crxix" };
+var Button_module_default = { "hop-Button": "Button-module__hop-Button___B42ry", "hop-Button--fluid": "Button-module__hop-Button--fluid___6gF6C", "hop-Button--xs": "Button-module__hop-Button--xs___vXmG6", "hop-Button--sm": "Button-module__hop-Button--sm___iF1oJ", "hop-Button--md": "Button-module__hop-Button--md___o5Km1", "hop-Button--icon-only": "Button-module__hop-Button--icon-only___C22Pk", "hop-Button--primary": "Button-module__hop-Button--primary___YPfcV", "hop-Button--secondary": "Button-module__hop-Button--secondary___RsIda", "hop-Button--upsell": "Button-module__hop-Button--upsell___jNjLN", "hop-Button--danger": "Button-module__hop-Button--danger___xlPw3", "hop-Button--ghost-primary": "Button-module__hop-Button--ghost-primary___ssCSV", "hop-Button--ghost-secondary": "Button-module__hop-Button--ghost-secondary___Mt0GJ", "hop-Button--ghost-danger": "Button-module__hop-Button--ghost-danger___QuwLo", "hop-Button--loading": "Button-module__hop-Button--loading___-JJIc", "hop-Button__Spinner": "Button-module__hop-Button__Spinner___2Ob1s", "hop-Button__icon": "Button-module__hop-Button__icon___mmyYT", "hop-Button__icon-list": "Button-module__hop-Button__icon-list___Z8l7S", "hop-Button__text": "Button-module__hop-Button__text___C09mc", "hop-Button__end-icon": "Button-module__hop-Button__end-icon___F9Iej", "hop-Button__end-icon-list": "Button-module__hop-Button__end-icon-list___jFFbD" };
 var GlobalButtonCssSelector = "hop-Button";
 var ButtonToIconSizeAdapter = {
   xs: "sm",

package/dist/{chunk-TRTLWF3N.js → chunk-E3QEKVUY.js}

@@ -1,7 +1,7 @@
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { ensureTextWrapper } from './chunk-3P4A2K5N.js';
+import { ensureTextWrapper } from './chunk-4WJKLLPU.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Checkbox as Checkbox$1 } from 'rea
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Checkbox.module.css#css-module
-var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___W5xJb", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___m8PAU", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___3xhVR", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___lZGzX", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___Gt2wR", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___yvcp4", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___ji3aJ", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___S9j5b" };
+var Checkbox_module_default = { "hop-Checkbox": "Checkbox-module__hop-Checkbox___w0zeR", "hop-Checkbox--sm": "Checkbox-module__hop-Checkbox--sm___htvhJ", "hop-Checkbox--md": "Checkbox-module__hop-Checkbox--md___sq5zW", "hop-Checkbox__icon": "Checkbox-module__hop-Checkbox__icon___huJLb", "hop-Checkbox__icon-list": "Checkbox-module__hop-Checkbox__icon-list___4NIVN", "hop-Checkbox__box": "Checkbox-module__hop-Checkbox__box___65OmF", "hop-Checkbox__check": "Checkbox-module__hop-Checkbox__check___bfbwT", "hop-Checkbox__text": "Checkbox-module__hop-Checkbox__text___9P0iX" };
 var GlobalCheckboxCssSelector = "hop-Checkbox";
 function Checkbox(props, ref) {
   var _a;

package/dist/{chunk-OMWIVLGM.js → chunk-E6IA2QFO.js}

@@ -1,6 +1,6 @@
 import { ErrorMessageContext } from './chunk-FV74YT2D.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { WarningIcon } from '@hopper-ui/icons';
@@ -10,7 +10,7 @@ import { FieldErrorContext, useContextProps, composeRenderProps } from 'react-ar
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./ErrorMessage.module.css#css-module
-var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___65yx-", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___x1bfD" };
+var ErrorMessage_module_default = { "hop-ErrorMessage": "ErrorMessage-module__hop-ErrorMessage___2idTy", "hop-ErrorMessage__icon": "ErrorMessage-module__hop-ErrorMessage__icon___99z-W" };
 var GlobalErrorMessageCssSelector = "hop-ErrorMessage";
 function ErrorMessage(props, ref) {
   const validation = useContext(FieldErrorContext);

package/dist/{chunk-7K74WFLW.js → chunk-G626JPDA.js}

@@ -1,8 +1,8 @@
-import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxContext } from './chunk-2EAZPH3M.js';
+import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./CheckboxField.module.css#css-module
-var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___ZFCjI", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___PVy9E", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___uf5B2", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___B2Eej", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___yzooE" };
+var CheckboxField_module_default = { "hop-CheckboxField": "CheckboxField-module__hop-CheckboxField___A-2Pu", "hop-CheckboxField--sm": "CheckboxField-module__hop-CheckboxField--sm___Des5s", "hop-CheckboxField--md": "CheckboxField-module__hop-CheckboxField--md___5pPRe", "hop-CheckboxField__description": "CheckboxField-module__hop-CheckboxField__description___oYWru", "hop-CheckboxField__checkbox": "CheckboxField-module__hop-CheckboxField__checkbox___Bqk5M" };
 var GlobalCheckboxFieldCssSelector = "hop-CheckboxField";
 var CheckboxToDescriptionSizeAdapter = {
   sm: "xs",

package/dist/{chunk-X3N5Z3TG.js → chunk-HA55RNAD.js}

@@ -7,7 +7,7 @@ import { useContextProps, Separator } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Divider.module.css#css-module
-var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___xbpXS", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___FVO78" };
+var Divider_module_default = { "hop-Divider": "Divider-module__hop-Divider___E4vwP", "hop-Divider--vertical": "Divider-module__hop-Divider--vertical___iq-4l" };
 var GlobalDividerCssSelector = "hop-Divider";
 function Divider(props, ref) {
   [props, ref] = useContextProps(props, ref, DividerContext);

package/dist/{chunk-FTWU7YCU.js → chunk-HSPMMCBQ.js}

@@ -1,5 +1,5 @@
 import { AvatarContext } from './chunk-FA26RZSE.js';
-import { _RichIconAvatarImage } from './chunk-7UVOGKXP.js';
+import { _RichIconAvatarImage } from './chunk-ADJPNO63.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { AnonymousRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-5MX4UHYL.js → chunk-HYZZYXSL.js}

@@ -1,6 +1,6 @@
 import { CloseButtonContext } from './chunk-RBWFFWIG.js';
-import { _Button } from './chunk-UFUP5YLT.js';
-import { useLocalizedString } from './chunk-AUITTQKV.js';
+import { _Button } from './chunk-DONUBZNH.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { DismissIcon } from '@hopper-ui/icons';
 import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CloseButton.module.css#css-module
-var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___cVwzp" };
+var CloseButton_module_default = { "hop-CloseButton": "CloseButton-module__hop-CloseButton___b5-J2" };
 var GlobalCloseButtonCssSelector = "hop-CloseButton";
 function CloseButton(props, ref) {
   [props, ref] = useContextProps(props, ref, CloseButtonContext);

package/dist/{chunk-P3OSQKIP.js → chunk-IHHHAYKH.js}

@@ -1,7 +1,7 @@
 import { TagContext } from './chunk-EWMWQ2MC.js';
 import { TabContext, InternalTabsContext } from './chunk-K2FJKV3T.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { IconContext } from '@hopper-ui/icons';
@@ -12,7 +12,7 @@ import { useContextProps, Tab as Tab$1, Provider } from 'react-aria-components';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tab.module.css#css-module
-var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___Xs8gm", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___RsiKW", "hop-Tab--md": "Tab-module__hop-Tab--md___VQCAx", "hop-Tab__icon": "Tab-module__hop-Tab__icon___KIlxX", "hop-Tab__text": "Tab-module__hop-Tab__text___0abt3", "hop-Tab__badge": "Tab-module__hop-Tab__badge___-7f8b", "hop-Tab__tag": "Tab-module__hop-Tab__tag___a4Uiw", "hop-Tab__selector": "Tab-module__hop-Tab__selector___l0jXp", "hop-Tab__selector--inner": "Tab-module__hop-Tab__selector--inner___XuAQA", "hop-Tab__selector--disabled": "Tab-module__hop-Tab__selector--disabled___MxJcJ" };
+var Tab_module_default = { "hop-Tab": "Tab-module__hop-Tab___lKmLL", "hop-Tab--fluid": "Tab-module__hop-Tab--fluid___TEGn0", "hop-Tab--md": "Tab-module__hop-Tab--md___-km-z", "hop-Tab__icon": "Tab-module__hop-Tab__icon___eVLjs", "hop-Tab__text": "Tab-module__hop-Tab__text___-6dgt", "hop-Tab__badge": "Tab-module__hop-Tab__badge___AIgDx", "hop-Tab__tag": "Tab-module__hop-Tab__tag___VfPxP", "hop-Tab__selector": "Tab-module__hop-Tab__selector___-jYRP", "hop-Tab__selector--inner": "Tab-module__hop-Tab__selector--inner___IptF6", "hop-Tab__selector--disabled": "Tab-module__hop-Tab__selector--disabled___43y2j" };
 var GlobalTabCssSelector = "hop-Tab";
 function Tab(props, ref) {
   var _a;

package/dist/{chunk-Q2TQXPCI.js → chunk-INJECWV6.js}

@@ -7,7 +7,7 @@ import { useContextProps, composeRenderProps, Popover } from 'react-aria-compone
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./PopoverBase.module.css#css-module
-var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___wmh-o" };
+var PopoverBase_module_default = { "hop-PopoverBase": "PopoverBase-module__hop-PopoverBase___xIgGr" };
 var GlobalPopoverBaseCssSelector = "hop-PopoverBase";
 function PopoverBase(props, ref) {
   var _a;

package/dist/{chunk-DCHIZ3E2.js → chunk-JZ2KRSAX.js}

@@ -7,7 +7,7 @@ import { useContextProps, Text } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./OverlineText.module.css#css-module
-var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___ghrD8", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___DsmL7" };
+var OverlineText_module_default = { "hop-OverlineText": "OverlineText-module__hop-OverlineText___UfCYK", "hop-OverlineText__text": "OverlineText-module__hop-OverlineText__text___wKbnc" };
 var GlobalOverlineTextCssSelector = "hop-OverlineText";
 function OverlineText(props, ref) {
   [props, ref] = useContextProps(props, ref, OverlineTextContext);

package/dist/chunk-K63PXNYW.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+// src/date-picker/src/DatePickerContext.ts
+var DatePickerContext = createContext({});
+DatePickerContext.displayName = "DatePickerContext";
+
+export { DatePickerContext };

package/dist/{chunk-GM3ODGT3.js → chunk-K7M2AMPU.js}

@@ -1,10 +1,10 @@
+import { FieldLabel } from './chunk-5KK7RTEA.js';
+import { _HelperMessage } from './chunk-RPULORS7.js';
+import { CheckboxContext } from './chunk-2EAZPH3M.js';
 import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
 import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
-import { FieldLabel } from './chunk-UW6L5XIN.js';
-import { _HelperMessage } from './chunk-TPQNT6OK.js';
-import { CheckboxContext } from './chunk-2EAZPH3M.js';
-import { _ErrorMessage } from './chunk-OMWIVLGM.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
+import { _ErrorMessage } from './chunk-E6IA2QFO.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
@@ -15,7 +15,7 @@ import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 }
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./CheckboxGroup.module.css#css-module
-var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___BmI1e", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___6uhv4", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___cSsB-", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___GQ3EB", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___u-6om", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___aKeRI", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___qQpSa", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___g6lra", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___hhEvf", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___PEq4J" };
+var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Yvg4w", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___sHc4h", "hop-CheckboxGroup--fluid": "CheckboxGroup-module__hop-CheckboxGroup--fluid___mH-db", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___hFT63", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___ihCF9", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___iICNX", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___JwjfR", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___Zyzg-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___Lk0Fl", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___FkMMq" };
 var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
 function CheckboxGroup(props, ref) {
   var _a, _b, _c, _d;

package/dist/chunk-KC5RDV27.js

@@ -0,0 +1,27 @@
+import { cssModule } from './chunk-KVDXQMWI.js';
+import clsx from 'clsx';
+import { CalendarCell } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./RangeCalendarCell.module.css#css-module
+var RangeCalendarCell_module_default = { "hop-RangeCalendarCell": "RangeCalendarCell-module__hop-RangeCalendarCell___zD7vg CalendarCell-module__hop-CalendarCell___2BNSF" };
+var GlobalRangeCalendarCellCssSelector = "hop-RangeCalendarCell";
+var RangeCalendarCell = (props) => {
+  const classNames = clsx(
+    GlobalRangeCalendarCellCssSelector,
+    cssModule(
+      RangeCalendarCell_module_default,
+      GlobalRangeCalendarCellCssSelector
+    )
+  );
+  return /* @__PURE__ */ jsx(
+    CalendarCell,
+    {
+      className: classNames,
+      ...props,
+      children: ({ formattedDate }) => /* @__PURE__ */ jsx("span", { children: formattedDate })
+    }
+  );
+};
+
+export { GlobalRangeCalendarCellCssSelector, RangeCalendarCell };

package/dist/{chunk-AUIVLKYF.js → chunk-KCTCOWKE.js}

@@ -1,5 +1,5 @@
-import { IllustrationContext } from './chunk-OL24RVDF.js';
 import { ImageContext } from './chunk-JAR7CXVS.js';
+import { IllustrationContext } from './chunk-OL24RVDF.js';
 import { ClearProviders } from './chunk-PQSMCDAM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, Provider } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Illustration.module.css#css-module
-var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___YbTnJ", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___8-aAO", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___Zz0Om", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___fj8ws", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___-D3Gc" };
+var Illustration_module_default = { "hop-Illustration": "Illustration-module__hop-Illustration___SUReV", "hop-Illustration__image": "Illustration-module__hop-Illustration__image___eIhnO", "hop-Illustration--horizontal": "Illustration-module__hop-Illustration--horizontal___oMowS", "hop-Illustration--vertical": "Illustration-module__hop-Illustration--vertical___T5vUb", "hop-Illustration--rounded": "Illustration-module__hop-Illustration--rounded___mi4vu" };
 var GlobalIllustrationCssSelector = "hop-Illustration";
 function Illustration(props, ref) {
   [props, ref] = useContextProps(props, ref, IllustrationContext);

package/dist/{chunk-CZKR35JP.js → chunk-KNGBD6AR.js}

@@ -1,6 +1,6 @@
-import { CustomModalContext } from './chunk-AJKN2ALX.js';
 import { ModalTrigger } from './chunk-YVZGV7LZ.js';
-import { _BaseModal } from './chunk-BJ6NDVNZ.js';
+import { CustomModalContext } from './chunk-AJKN2ALX.js';
+import { _BaseModal } from './chunk-OQGUY2WF.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
@@ -9,7 +9,7 @@ import { useContextProps, composeRenderProps, Dialog, OverlayTriggerStateContext
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./CustomModal.module.css#css-module
-var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___BXvgF" };
+var CustomModal_module_default = { "hop-CustomModal": "CustomModal-module__hop-CustomModal___CAtS-" };
 var GlobalCustomModalCssSelector = "hop-CustomModal";
 var CustomModal = (props, ref) => {
   var _a;

package/dist/chunk-LRGXSUVU.js

@@ -0,0 +1,67 @@
+import { CalendarCell } from './chunk-ZJN4N4I6.js';
+import { RangeCalendarCell } from './chunk-KC5RDV27.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { filterDOMProps } from '@react-aria/utils';
+import clsx from 'clsx';
+import { useContext, useCallback, cloneElement } from 'react';
+import { CalendarStateContext, RangeCalendarStateContext, CalendarGrid as CalendarGrid$1, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody as CalendarGridBody$1 } from 'react-aria-components';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// css-module:./CalendarGrid.module.css#css-module
+var CalendarGrid_module_default = { "hop-CalendarGrid": "CalendarGrid-module__hop-CalendarGrid___WkTgX", "hop-CalendarGrid__body": "CalendarGrid-module__hop-CalendarGrid__body___x3Rp-", "hop-CalendarGrid__header-cell": "CalendarGrid-module__hop-CalendarGrid__header-cell___aaIhf" };
+var GlobalCalendarGridCssSelector = "hop-CalendarGrid";
+var CalendarGrid = (props) => {
+  const { weekdayStyle = "short", isFixedWeeks } = props;
+  const calendarState = useContext(CalendarStateContext);
+  const rangeCalendarState = useContext(RangeCalendarStateContext);
+  const state = calendarState != null ? calendarState : rangeCalendarState;
+  let startDate = state.visibleRange.start;
+  if (props.offset) {
+    startDate = startDate.add(props.offset);
+  }
+  const isRangeCalendar = !!rangeCalendarState;
+  const classNames = clsx(
+    GlobalCalendarGridCssSelector,
+    cssModule(
+      CalendarGrid_module_default,
+      GlobalCalendarGridCssSelector
+    )
+  );
+  const formatMonthName = useCallback((day) => {
+    if (weekdayStyle === "short") {
+      return day.slice(0, -1);
+    }
+    return day;
+  }, [weekdayStyle]);
+  const renderDate = (date) => isRangeCalendar ? /* @__PURE__ */ jsx(RangeCalendarCell, { date }) : /* @__PURE__ */ jsx(CalendarCell, { date });
+  return /* @__PURE__ */ jsxs(
+    CalendarGrid$1,
+    {
+      weekdayStyle,
+      className: classNames,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx(CalendarHeaderCell, { className: CalendarGrid_module_default["hop-CalendarGrid__header-cell"], children: formatMonthName(day) }) }),
+        isFixedWeeks ? /* @__PURE__ */ jsx(CalendarGridBody, { startDate, className: CalendarGrid_module_default["hop-CalendarGrid__body"], children: renderDate }) : /* @__PURE__ */ jsx(CalendarGridBody$1, { className: CalendarGrid_module_default["hop-CalendarGrid__body"], children: renderDate })
+      ]
+    }
+  );
+};
+var FIXED_WEEKS_IN_MONTH = 6;
+function CalendarGridBody(props) {
+  const { children, style, className, startDate } = props;
+  const calendarState = useContext(CalendarStateContext);
+  const rangeCalendarState = useContext(RangeCalendarStateContext);
+  const state = calendarState != null ? calendarState : rangeCalendarState;
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      ...filterDOMProps(props),
+      style,
+      className,
+      children: [...new Array(FIXED_WEEKS_IN_MONTH).keys()].map((weekIndex) => /* @__PURE__ */ jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date, i) => date ? cloneElement(children(date), { key: i }) : /* @__PURE__ */ jsx("td", {}, i)) }, weekIndex))
+    }
+  );
+}
+
+export { CalendarGrid, GlobalCalendarGridCssSelector };

package/dist/chunk-M4DSD53U.js

@@ -0,0 +1,51 @@
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { DateInput as DateInput$1, DateSegment } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./DateInput.module.css#css-module
+var DateInput_module_default = { "hop-DateInput": "DateInput-module__hop-DateInput___Tuy9h Input-module__hop-Input___MrKjm", "hop-DateInput--sm": "DateInput-module__hop-DateInput--sm___rC1Bq Input-module__hop-Input--sm___r4bfW", "hop-DateSegment": "DateInput-module__hop-DateSegment___4qvXb", "hop-DateInput--disabled": "DateInput-module__hop-DateInput--disabled___Oi4-i" };
+var GlobalDateInputCssSelector = "hop-DateInput";
+var DateInput = (props, ref) => {
+  var _a;
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    size: sizeProp,
+    style,
+    className,
+    isDisabled,
+    ...otherProps
+  } = ownProps;
+  const size = (_a = useResponsiveValue(sizeProp)) != null ? _a : "md";
+  const classNames = clsx(
+    GlobalDateInputCssSelector,
+    cssModule(
+      DateInput_module_default,
+      GlobalDateInputCssSelector,
+      size,
+      isDisabled && "disabled"
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(DateInput$1, { ...otherProps, ref, className: classNames, style: mergedStyles, children: (segment) => /* @__PURE__ */ jsx(
+    DateSegment,
+    {
+      className: cssModule(
+        DateInput_module_default,
+        "hop-DateSegment"
+      ),
+      segment
+    }
+  ) });
+};
+var _DateInput = forwardRef(DateInput);
+_DateInput.displayName = "DateInput";
+
+export { GlobalDateInputCssSelector, _DateInput };