@hopper-ui/components 1.13.1 → 1.15.0

package/dist/checkbox/src/index.js

@@ -1,26 +1,26 @@
-export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-7K74WFLW.js';
-export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-GM3ODGT3.js';
-export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
-export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
-import '../../chunk-UW6L5XIN.js';
-import '../../chunk-LHSVZUUD.js';
+export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-VZIUXB72.js';
+export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-E3QEKVUY.js';
+export { _CheckboxField as CheckboxField, GlobalCheckboxFieldCssSelector } from '../../chunk-G626JPDA.js';
+export { _CheckboxGroup as CheckboxGroup, GlobalCheckboxGroupCssSelector } from '../../chunk-K7M2AMPU.js';
+import '../../chunk-5KK7RTEA.js';
+import '../../chunk-DNJV3GYR.js';
 import '../../chunk-YVCZUIU3.js';
 import '../../chunk-EVKWFOHB.js';
-import '../../chunk-TPQNT6OK.js';
+import '../../chunk-RPULORS7.js';
 import '../../chunk-PNEJ6JDM.js';
-export { _DecorativeCheckbox as DecorativeCheckbox, GlobalDecorativeCheckboxCssSelector } from '../../chunk-MMAQ5OOS.js';
-export { _Checkbox as Checkbox, GlobalCheckboxCssSelector } from '../../chunk-TRTLWF3N.js';
 export { CheckboxContext } from '../../chunk-2EAZPH3M.js';
-import '../../chunk-OMWIVLGM.js';
+export { CheckboxFieldContext } from '../../chunk-ZGNK4GWA.js';
+export { CheckboxGroupContext } from '../../chunk-N7YDPVZL.js';
+import '../../chunk-E6IA2QFO.js';
 import '../../chunk-FV74YT2D.js';
 import '../../chunk-2NSUMKNH.js';
-import '../../chunk-LYAD5ZOS.js';
+import '../../chunk-TCHK6AN3.js';
 import '../../chunk-UYYHPXUH.js';
 import '../../chunk-GBWXEK6N.js';
-import '../../chunk-AUITTQKV.js';
-import '../../chunk-3P4A2K5N.js';
+import '../../chunk-CPGP7ETX.js';
+import '../../chunk-4WJKLLPU.js';
 import '../../chunk-ZWU6DRRZ.js';
-import '../../chunk-WG6NXSI3.js';
+import '../../chunk-YSBWWOQO.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/{chunk-A3STLYJ2.js → chunk-3JPSTI7U.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./ListBoxItemSkeleton.module.css#css-module
-var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___B8DIM", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___lTxP1", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___EbIQ3", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___iHfwY", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8vjIV", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___1eVdD" };
+var ListBoxItemSkeleton_module_default = { "hop-ListBoxItemSkeleton": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___Qe4IP", "placeholder-shimmer": "ListBoxItemSkeleton-module__placeholder-shimmer___D9vO7", "hop-ListBoxItemSkeleton--xs": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ZJsgs", "hop-ListBoxItemSkeleton--sm": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___-3Qur", "hop-ListBoxItemSkeleton--md": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___46HLq", "hop-ListBoxItemSkeleton--lg": "ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___ZRnod" };
 var GlobalListBoxItemSkeletonCssSelector = "hop-ListBoxItemSkeleton";
 function ListBoxItemSkeleton(props, ref) {
   var _a;

package/dist/{chunk-ZKMYFUFY.js → chunk-4372AEHL.js}

@@ -1,6 +1,6 @@
 import { TooltipContext } from './chunk-77PD5K3M.js';
 import { TooltipTriggerContext } from './chunk-XXEXHHC6.js';
-import { ensureTextWrapper } from './chunk-3P4A2K5N.js';
+import { ensureTextWrapper } from './chunk-4WJKLLPU.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, useColorSchemeContext, getRootCSSClasses } from '@hopper-ui/styled-system';
@@ -10,7 +10,7 @@ import { useContextProps, Provider, Tooltip as Tooltip$1 } from 'react-aria-comp
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Tooltip.module.css#css-module
-var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___9evxm", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___VMlIp", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___--UUe", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___2s6Ld", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___l2Fep", "slide": "Tooltip-module__slide___mF7qa" };
+var Tooltip_module_default = { "hop-Tooltip": "Tooltip-module__hop-Tooltip___Nvmxd", "hop-Tooltip--top": "Tooltip-module__hop-Tooltip--top___T5FeS", "hop-Tooltip--right": "Tooltip-module__hop-Tooltip--right___hKcob", "hop-Tooltip--bottom": "Tooltip-module__hop-Tooltip--bottom___IDb72", "hop-Tooltip--left": "Tooltip-module__hop-Tooltip--left___i-WZX", "slide": "Tooltip-module__slide___HwAcQ" };
 var GlobalTooltipCssSelector = "hop-Tooltip";
 function Tooltip(props, ref) {
   [props, ref] = useContextProps(props, ref, TooltipContext);

package/dist/{chunk-M36OW5VA.js → chunk-4LJNA3BH.js}

@@ -1,9 +1,9 @@
-import { _BaseModal } from './chunk-BJ6NDVNZ.js';
+import { _BaseModal } from './chunk-OQGUY2WF.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-5MX4UHYL.js';
-import { _Button } from './chunk-UFUP5YLT.js';
-import { _ButtonGroup } from './chunk-KQSICX67.js';
+import { _CloseButton } from './chunk-HYZZYXSL.js';
+import { _Button } from './chunk-DONUBZNH.js';
+import { _ButtonGroup } from './chunk-QINXOGGD.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { AlertContext } from './chunk-5DT3S5YY.js';
 import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Dialog, Provider } from 'react-ari
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Alert.module.css#css-module
-var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___V4cz8", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___LObKr", "hop-Alert__heading": "Alert-module__hop-Alert__heading___j9OyJ", "hop-Alert__close": "Alert-module__hop-Alert__close___wRxsx", "hop-Alert__content": "Alert-module__hop-Alert__content___hlatU" };
+var Alert_module_default = { "hop-Alert": "Alert-module__hop-Alert___WjmPa", "hop-Alert__button-group": "Alert-module__hop-Alert__button-group___98mE8", "hop-Alert__heading": "Alert-module__hop-Alert__heading___B3QIp", "hop-Alert__close": "Alert-module__hop-Alert__close___yrSuz", "hop-Alert__content": "Alert-module__hop-Alert__content___0IZTn" };
 var GlobalAlertCssSelector = "hop-Alert";
 function Alert(props, ref) {
   var _a;

package/dist/{chunk-3P4A2K5N.js → chunk-4WJKLLPU.js}

@@ -1,5 +1,5 @@
 import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
-import { _Text } from './chunk-WG6NXSI3.js';
+import { _Text } from './chunk-YSBWWOQO.js';
 import { jsx } from 'react/jsx-runtime';
 
 function ensureTextWrapper(children, elementType) {

package/dist/{chunk-SCBYFDNB.js → chunk-5H6HXBBV.js}

@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___EsmAQ", "fade": "Popover-module__fade___EAW5R", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___qydJE", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___E71gy", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___adPJn", "hop-Popover__title": "Popover-module__hop-Popover__title___bv6PE", "hop-Popover__content": "Popover-module__hop-Popover__content___-7DZh", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___WnofK", "hop-Popover__footer": "Popover-module__hop-Popover__footer___kW0-X", "hop-Popover__actions": "Popover-module__hop-Popover__actions___fGPdj", "hop-Popover__action": "Popover-module__hop-Popover__action___AKhrl" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___nTiex", "fade": "Popover-module__fade___EuFOA", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___xZR5J", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___-naAn", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___ptvjy", "hop-Popover__title": "Popover-module__hop-Popover__title___ETUzi", "hop-Popover__content": "Popover-module__hop-Popover__content___uwWE5", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___n6ISd", "hop-Popover__footer": "Popover-module__hop-Popover__footer___xm8xH", "hop-Popover__actions": "Popover-module__hop-Popover__actions___Cto56", "hop-Popover__action": "Popover-module__hop-Popover__action___GZaP3" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/chunk-5HBNX4TV.js

@@ -0,0 +1,76 @@
+import { RangeCalendarContext } from './chunk-6RDTDHXI.js';
+import { _ErrorMessage } from './chunk-E6IA2QFO.js';
+import { CalendarGrid } from './chunk-LRGXSUVU.js';
+import { CalendarHeader } from './chunk-BZNLIUJV.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, RangeCalendar as RangeCalendar$1, FieldErrorContext } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./RangeCalendar.module.css#css-module
+var RangeCalendar_module_default = { "hop-RangeCalendar": "RangeCalendar-module__hop-RangeCalendar___0Loca Calendar-module__hop-Calendar___xgrEb", "hop-RangeCalendar__grids": "RangeCalendar-module__hop-RangeCalendar__grids___p0ayS Calendar-module__hop-Calendar__grids___He1n7", "hop-RangeCalendar__error-message": "RangeCalendar-module__hop-RangeCalendar__error-message___mujq6 Calendar-module__hop-Calendar__error-message___aSTwI" };
+var GlobalRangeCalendarCssSelector = "hop-RangeCalendar";
+var RangeCalendar = (props, ref) => {
+  [props, ref] = useContextProps(props, ref, RangeCalendarContext);
+  const stringFormatter = useLocalizedString();
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    className,
+    errorMessage,
+    style,
+    visibleMonths = 1,
+    isFixedWeeks = false,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    GlobalRangeCalendarCssSelector,
+    cssModule(
+      RangeCalendar_module_default,
+      GlobalRangeCalendarCssSelector
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    RangeCalendar$1,
+    {
+      ...otherProps,
+      ref,
+      visibleDuration: { months: visibleMonths },
+      style: mergedStyles,
+      className: classNames,
+      children: ({ isInvalid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CalendarHeader, {}),
+        /* @__PURE__ */ jsx("div", { className: RangeCalendar_module_default["hop-RangeCalendar__grids"], children: Array.from({ length: visibleMonths }).map((_, i) => (
+          // eslint-disable-next-line react/no-array-index-key
+          /* @__PURE__ */ jsx(CalendarGrid, { offset: { months: i }, isFixedWeeks }, i)
+        )) }),
+        /* @__PURE__ */ jsx(
+          SlotProvider,
+          {
+            values: [
+              [FieldErrorContext, {
+                isInvalid,
+                validationErrors: [],
+                validationDetails: {}
+              }]
+            ],
+            children: /* @__PURE__ */ jsx(_ErrorMessage, { className: RangeCalendar_module_default["hop-RangeCalendar__error-message"], children: errorMessage || stringFormatter.format("Calendar.invalidSelection") })
+          }
+        )
+      ] })
+    }
+  );
+};
+var _RangeCalendar = forwardRef(RangeCalendar);
+_RangeCalendar.displayName = "RangeCalendar";
+
+export { GlobalRangeCalendarCssSelector, _RangeCalendar };

package/dist/{chunk-UW6L5XIN.js → chunk-5KK7RTEA.js}

@@ -1,14 +1,14 @@
-import { _Label } from './chunk-LHSVZUUD.js';
+import { _Label } from './chunk-DNJV3GYR.js';
 import { omitProps } from './chunk-EVKWFOHB.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
-import { useLocalizedString } from './chunk-AUITTQKV.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
 import { cssModule } from './chunk-KVDXQMWI.js';
 import { useStyledSystem, Div } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./FieldLabel.module.css#css-module
-var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___fReEK", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___XSrG-" };
+var FieldLabel_module_default = { "hop-FieldLabel__wrapper": "FieldLabel-module__hop-FieldLabel__wrapper___-HyXS", "hop-FieldLabel__indicator": "FieldLabel-module__hop-FieldLabel__indicator___Nlwkx" };
 var GlobalFieldLabelCssSelector = "hop-FieldLabel";
 function FieldLabel(props) {
   props = useFormProps(props);

package/dist/{chunk-4HDSCFU3.js → chunk-6R6IZOFV.js}

@@ -1,7 +1,7 @@
 import { CalloutContext } from './chunk-5CURYPE7.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _CloseButton } from './chunk-5MX4UHYL.js';
+import { _CloseButton } from './chunk-HYZZYXSL.js';
 import { LinkButtonContext } from './chunk-3UQFC2NQ.js';
 import { ButtonContext } from './chunk-WMTWFKKP.js';
 import { useSlot } from './chunk-H5YTU3U7.js';
@@ -15,7 +15,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./Callout.module.css#css-module
-var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___NhXpC", "hop-Callout__icon": "Callout-module__hop-Callout__icon___1a7wo", "hop-Callout__heading": "Callout-module__hop-Callout__heading___6bbJ8", "hop-Callout__content": "Callout-module__hop-Callout__content___EQhXN", "hop-Callout__button": "Callout-module__hop-Callout__button___JjpaU", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___ZRjtJ", "hop-Callout--information": "Callout-module__hop-Callout--information___OtMWV", "hop-Callout--success": "Callout-module__hop-Callout--success___4IV5r", "hop-Callout--warning": "Callout-module__hop-Callout--warning___aqq7g", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___0o99Q", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___xxZxI" };
+var Callout_module_default = { "hop-Callout": "Callout-module__hop-Callout___5gfEn", "hop-Callout__icon": "Callout-module__hop-Callout__icon___lHYeS", "hop-Callout__heading": "Callout-module__hop-Callout__heading___uFsOF", "hop-Callout__content": "Callout-module__hop-Callout__content___blyEi", "hop-Callout__button": "Callout-module__hop-Callout__button___yAcew", "hop-Callout__dismiss": "Callout-module__hop-Callout__dismiss___iaySm", "hop-Callout--information": "Callout-module__hop-Callout--information___npqDW", "hop-Callout--success": "Callout-module__hop-Callout--success___Ripzl", "hop-Callout--warning": "Callout-module__hop-Callout--warning___VZXui", "hop-Callout--upsell": "Callout-module__hop-Callout--upsell___-tY2A", "hop-Callout--subtle-fill": "Callout-module__hop-Callout--subtle-fill___JCfDP" };
 var GlobalCalloutCssSelector = "hop-Callout";
 var Callout = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalloutContext);

package/dist/chunk-6RDTDHXI.js

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

package/dist/{chunk-QIRLBF2D.js → chunk-6RMA7LNR.js}

@@ -1,7 +1,7 @@
 import { DisclosurePanelContext } from './chunk-5XY5L6ZN.js';
 import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { FormContext } from './chunk-UYYHPXUH.js';
-import { ensureTextWrapper } from './chunk-3P4A2K5N.js';
+import { ensureTextWrapper } from './chunk-4WJKLLPU.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -12,7 +12,7 @@ import { useContextProps, useSlottedContext, composeRenderProps, DisclosurePanel
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./DisclosurePanel.module.css#css-module
-var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___hO4T4", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___ZjA6V", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___AISz7", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___6VCr2" };
+var DisclosurePanel_module_default = { "hop-DisclosurePanel": "DisclosurePanel-module__hop-DisclosurePanel___GAF5c", "hop-DisclosurePanel--inline": "DisclosurePanel-module__hop-DisclosurePanel--inline___wQKp6", "hop-DisclosurePanel--disabled": "DisclosurePanel-module__hop-DisclosurePanel--disabled___ijQNW", "hop-DisclosurePanel__text": "DisclosurePanel-module__hop-DisclosurePanel__text___DLED5" };
 var GlobalDisclosurePanelCssSelector = "hop-DisclosurePanel";
 function DisclosurePanel(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosurePanelContext);

package/dist/{chunk-MXMBM3AV.js → chunk-7BWGRDY4.js}

@@ -1,15 +1,15 @@
 import { InternalTagGroupContext } from './chunk-4BWTFR22.js';
 import { TagContext } from './chunk-EWMWQ2MC.js';
-import { _ClearButton } from './chunk-43HUXWXY.js';
-import { mapOrbiterToHopperVariants } from './chunk-PBSQXM3V.js';
+import { _ClearButton } from './chunk-XVM43HG4.js';
+import { mapOrbiterToHopperVariants } from './chunk-RAZOKZRZ.js';
 import { BadgeContext } from './chunk-ZSFJVMJN.js';
 import { AvatarContext } from './chunk-FA26RZSE.js';
 import { useRenderProps } from './chunk-2NSUMKNH.js';
-import { useFormProps } from './chunk-LYAD5ZOS.js';
-import { _Spinner } from './chunk-SQJDYFM5.js';
+import { useFormProps } from './chunk-TCHK6AN3.js';
+import { _Spinner } from './chunk-P6UZVUF7.js';
 import { IconListContext } from './chunk-GBWXEK6N.js';
-import { useLocalizedString } from './chunk-AUITTQKV.js';
-import { ensureTextWrapper } from './chunk-3P4A2K5N.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.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';
@@ -25,7 +25,7 @@ import { useContextProps, composeRenderProps, Tag as Tag$1 } from 'react-aria-co
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Tag.module.css#css-module
-var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___-b5Ee", "hop-Tag--sm": "Tag-module__hop-Tag--sm___Ro9ez", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___JJHcW", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___1DxM3", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___lWy0R", "hop-Tag--md": "Tag-module__hop-Tag--md___rX2WF", "hop-Tag--lg": "Tag-module__hop-Tag--lg___p9EIv", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___eJWmF", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___MGYdt", "hop-Tag--progress": "Tag-module__hop-Tag--progress___Ibs1Z", "hop-Tag--positive": "Tag-module__hop-Tag--positive___mm7Nl", "hop-Tag--caution": "Tag-module__hop-Tag--caution___iLuBR", "hop-Tag--negative": "Tag-module__hop-Tag--negative___mNX0W", "hop-Tag--option1": "Tag-module__hop-Tag--option1___3lnAl", "hop-Tag--option2": "Tag-module__hop-Tag--option2___FXCAP", "hop-Tag--option3": "Tag-module__hop-Tag--option3___QesIC", "hop-Tag--option4": "Tag-module__hop-Tag--option4___8VOSE", "hop-Tag--option5": "Tag-module__hop-Tag--option5___nerxZ", "hop-Tag--option6": "Tag-module__hop-Tag--option6___w5law", "hop-Tag__icon": "Tag-module__hop-Tag__icon___GQOor", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___5heeG", "hop-Tag__text": "Tag-module__hop-Tag__text___kb01K", "hop-Tag__badge": "Tag-module__hop-Tag__badge___R23WN", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___rFhna" };
+var Tag_module_default = { "hop-Tag": "Tag-module__hop-Tag___c-MY4", "hop-Tag--sm": "Tag-module__hop-Tag--sm___hGnzZ", "hop-Tag__remove-btn": "Tag-module__hop-Tag__remove-btn___eXWCb", "hop-Tag__Spinner": "Tag-module__hop-Tag__Spinner___pvnCi", "hop-Tag__avatar": "Tag-module__hop-Tag__avatar___9B-Uh", "hop-Tag--md": "Tag-module__hop-Tag--md___m6F8G", "hop-Tag--lg": "Tag-module__hop-Tag--lg___KkYV8", "hop-Tag--neutral": "Tag-module__hop-Tag--neutral___0snAv", "hop-Tag--subdued": "Tag-module__hop-Tag--subdued___8yUr9", "hop-Tag--progress": "Tag-module__hop-Tag--progress___ZD1fM", "hop-Tag--positive": "Tag-module__hop-Tag--positive___eT9eh", "hop-Tag--caution": "Tag-module__hop-Tag--caution___oovdg", "hop-Tag--negative": "Tag-module__hop-Tag--negative___4shBp", "hop-Tag--option1": "Tag-module__hop-Tag--option1___LJkME", "hop-Tag--option2": "Tag-module__hop-Tag--option2___-7QdM", "hop-Tag--option3": "Tag-module__hop-Tag--option3___-ja0G", "hop-Tag--option4": "Tag-module__hop-Tag--option4___5rRvo", "hop-Tag--option5": "Tag-module__hop-Tag--option5___vVlqn", "hop-Tag--option6": "Tag-module__hop-Tag--option6___gfyrh", "hop-Tag__icon": "Tag-module__hop-Tag__icon___7CPA6", "hop-Tag__icon-list": "Tag-module__hop-Tag__icon-list___HlYyE", "hop-Tag__text": "Tag-module__hop-Tag__text___sXyg5", "hop-Tag__badge": "Tag-module__hop-Tag__badge___q-GMp", "hop-Tag__badge--subdued": "Tag-module__hop-Tag__badge--subdued___Ytwq-" };
 var GlobalTagCssSelector = "hop-Tag";
 var TagToTextSizeAdapter = {
   sm: "xs",

package/dist/{chunk-EYBW6LXM.js → chunk-7MOLHUYZ.js}

@@ -1,15 +1,10 @@
-import { _Header } from './chunk-XLJODMSX.js';
-import { _Heading } from './chunk-MFPBMJZK.js';
-import { HeaderContext } from './chunk-FOQ7KN4V.js';
-import { _ErrorMessage } from './chunk-OMWIVLGM.js';
 import { CalendarContext } from './chunk-5XCTED25.js';
-import { CalendarGrid } from './chunk-3QGGW2HP.js';
-import { HeadingContext } from './chunk-WJRMD4JP.js';
-import { _Button } from './chunk-UFUP5YLT.js';
-import { useLocalizedString } from './chunk-AUITTQKV.js';
+import { _ErrorMessage } from './chunk-E6IA2QFO.js';
+import { CalendarGrid } from './chunk-LRGXSUVU.js';
+import { CalendarHeader } from './chunk-BZNLIUJV.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 { useStyledSystem } from '@hopper-ui/styled-system';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -17,7 +12,7 @@ import { useContextProps, Calendar as Calendar$1, FieldErrorContext } from 'reac
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // css-module:./Calendar.module.css#css-module
-var Calendar_module_default = { "hop-Calendar": "Calendar-module__hop-Calendar___xE0Zb", "hop-Calendar__header": "Calendar-module__hop-Calendar__header___dqhjZ", "hop-Calendar__header-button": "Calendar-module__hop-Calendar__header-button___7iEok", "hop-Calendar__header-heading": "Calendar-module__hop-Calendar__header-heading___u4Fnk", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___kOyVj", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___WMWtE" };
+var Calendar_module_default = { "hop-Calendar": "Calendar-module__hop-Calendar___xgrEb", "hop-Calendar__grids": "Calendar-module__hop-Calendar__grids___He1n7", "hop-Calendar__error-message": "Calendar-module__hop-Calendar__error-message___aSTwI" };
 var GlobalCalendarCssSelector = "hop-Calendar";
 var Calendar = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CalendarContext);
@@ -28,6 +23,7 @@ var Calendar = (props, ref) => {
     errorMessage,
     style,
     visibleMonths = 1,
+    isFixedWeeks = false,
     ...otherProps
   } = ownProps;
   const classNames = clsx(
@@ -52,41 +48,10 @@ var Calendar = (props, ref) => {
       style: mergedStyles,
       className: classNames,
       children: ({ isInvalid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          SlotProvider,
-          {
-            values: [
-              [HeaderContext, null],
-              [HeadingContext, null]
-            ],
-            children: /* @__PURE__ */ jsxs(_Header, { className: Calendar_module_default["hop-Calendar__header"], children: [
-              /* @__PURE__ */ jsx(
-                _Button,
-                {
-                  "aria-label": stringFormatter.format("Calendar.previousButtonAriaLabel"),
-                  className: Calendar_module_default["hop-Calendar__header-button"],
-                  slot: "previous",
-                  variant: "ghost-secondary",
-                  children: /* @__PURE__ */ jsx(AngleLeftIcon, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(_Heading, { className: Calendar_module_default["hop-Calendar__header-heading"] }),
-              /* @__PURE__ */ jsx(
-                _Button,
-                {
-                  "aria-label": stringFormatter.format("Calendar.nextButtonAriaLabel"),
-                  className: Calendar_module_default["hop-Calendar__header-button"],
-                  slot: "next",
-                  variant: "ghost-secondary",
-                  children: /* @__PURE__ */ jsx(AngleRightIcon, {})
-                }
-              )
-            ] })
-          }
-        ),
+        /* @__PURE__ */ jsx(CalendarHeader, {}),
         /* @__PURE__ */ jsx("div", { className: Calendar_module_default["hop-Calendar__grids"], children: Array.from({ length: visibleMonths }).map((_, i) => (
           // eslint-disable-next-line react/no-array-index-key
-          /* @__PURE__ */ jsx(CalendarGrid, { months: i }, i)
+          /* @__PURE__ */ jsx(CalendarGrid, { offset: { months: i }, isFixedWeeks }, i)
         )) }),
         /* @__PURE__ */ jsx(
           SlotProvider,

package/dist/{chunk-Y74JC532.js → chunk-7PIBKDKB.js}

@@ -7,7 +7,7 @@ import { useContextProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Card.module.css#css-module
-var Card_module_default = { "hop-Card": "Card-module__hop-Card___ORhCS", "hop-Card--main": "Card-module__hop-Card--main___Am1fG", "hop-Card--second-level": "Card-module__hop-Card--second-level___rizJR" };
+var Card_module_default = { "hop-Card": "Card-module__hop-Card___zyl6i", "hop-Card--main": "Card-module__hop-Card--main___edRfP", "hop-Card--second-level": "Card-module__hop-Card--second-level___eaI5O" };
 var GlobalCardCssSelector = "hop-Card";
 var Card = (props, ref) => {
   [props, ref] = useContextProps(props, ref, CardContext);

package/dist/{chunk-7UVOGKXP.js → chunk-ADJPNO63.js}

@@ -11,7 +11,7 @@ import { useContextProps, composeRenderProps } from 'react-aria-components';
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./RichIconAvatarImage.module.css#css-module
-var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___f47a2", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ivBcA", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___PbJod", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___IuM6y", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___aInG7", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___-Rw-x", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___-HvXb", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___OXTFo", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___XZLB7", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6JyWs" };
+var RichIconAvatarImage_module_default = { "hop-RichIconAvatarImage": "RichIconAvatarImage-module__hop-RichIconAvatarImage___oCZUu", "hop-RichIconAvatarImage--xs": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___E0A3N", "hop-RichIconAvatarImage--sm": "RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___iSKhP", "hop-RichIconAvatarImage--md": "RichIconAvatarImage-module__hop-RichIconAvatarImage--md___3s4JO", "hop-RichIconAvatarImage--lg": "RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___9mNYq", "hop-RichIconAvatarImage--xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___e1MVs", "hop-RichIconAvatarImage--2xl": "RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___uuowf", "hop-RichIconAvatarImage--clickable": "RichIconAvatarImage-module__hop-RichIconAvatarImage--clickable___iCNPn", "hop-RichIconAvatarImage--focus-visible": "RichIconAvatarImage-module__hop-RichIconAvatarImage--focus-visible___E7fMa", "hop-RichIconAvatarImage__icon": "RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___0xVG2" };
 var GlobalRichIconAvatarImageCssSelector = "hop-RichIconAvatarImage";
 var AvatarToIconSizeAdapter = {
   xs: "md",

package/dist/{chunk-HIM4CPT5.js → chunk-ALOG4CGE.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 { DeletedUserRichIcon } from '@hopper-ui/icons';

package/dist/{chunk-IXXOIJE2.js → chunk-BIJPQJCS.js}

@@ -1,7 +1,7 @@
-import { _ToggleArrow } from './chunk-OH3VNYIG.js';
-import { _Heading } from './chunk-MFPBMJZK.js';
-import { DisclosureContext } from './chunk-U4HRZ6DN.js';
+import { _ToggleArrow } from './chunk-O6BQ7CJS.js';
+import { _Heading } from './chunk-OVYWTX4O.js';
 import { DisclosureHeaderContext } from './chunk-CPAFY34U.js';
+import { DisclosureContext } from './chunk-U4HRZ6DN.js';
 import { TextContext } from './chunk-ZNOU2CGM.js';
 import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
 import { SlotProvider } from './chunk-M36KANKC.js';
@@ -14,7 +14,7 @@ import { useContextProps, DisclosureStateContext, useSlottedContext, composeRend
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // css-module:./DisclosureHeader.module.css#css-module
-var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___uagFb", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___0Vw3W", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___JdJPU", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___2acTD", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___wSRpI", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___YWiEd" };
+var DisclosureHeader_module_default = { "hop-DisclosureHeader": "DisclosureHeader-module__hop-DisclosureHeader___X6Cau", "hop-DisclosureHeader__button": "DisclosureHeader-module__hop-DisclosureHeader__button___087oW", "hop-DisclosureHeader__button--inline": "DisclosureHeader-module__hop-DisclosureHeader__button--inline___ALUR4", "hop-DisclosureHeader__icon": "DisclosureHeader-module__hop-DisclosureHeader__icon___PVgKn", "hop-DisclosureHeader__title": "DisclosureHeader-module__hop-DisclosureHeader__title___n2CcA", "hop-DisclosureHeader__toggle-arrow": "DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___vlElT" };
 var GlobalDisclosureHeaderCssSelector = "hop-DisclosureHeader";
 function DisclosureHeader(props, ref) {
   [props, ref] = useContextProps(props, ref, DisclosureHeaderContext);

package/dist/chunk-BLRDCZTZ.js

@@ -0,0 +1,134 @@
+import { _DateInput } from './chunk-M4DSD53U.js';
+import { DatePickerContext } from './chunk-K63PXNYW.js';
+import { _InputGroup } from './chunk-MGUIFTY3.js';
+import { _PopoverBase } from './chunk-INJECWV6.js';
+import { FieldLabel } from './chunk-5KK7RTEA.js';
+import { _HelperMessage } from './chunk-RPULORS7.js';
+import { _Calendar } from './chunk-7MOLHUYZ.js';
+import { _ErrorMessage } from './chunk-E6IA2QFO.js';
+import { _Button } from './chunk-DONUBZNH.js';
+import { useLocalizedString } from './chunk-CPGP7ETX.js';
+import { ClearContainerSlots } from './chunk-PQSMCDAM.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { CalendarIcon } from '@hopper-ui/icons';
+import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
+import { useObjectRef, mergeRefs } from '@react-aria/utils';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useContextProps, DatePicker as DatePicker$1 } from 'react-aria-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// css-module:./DatePicker.module.css#css-module
+var DatePicker_module_default = { "hop-DatePicker": "DatePicker-module__hop-DatePicker___s57K4", "hop-DatePicker--fluid": "DatePicker-module__hop-DatePicker--fluid___mFYTl", "hop-DatePicker__InputGroup": "DatePicker-module__hop-DatePicker__InputGroup___uAYkv", "hop-DatePicker__Button": "DatePicker-module__hop-DatePicker__Button___pe4L4", "hop-DatePicker--sm": "DatePicker-module__hop-DatePicker--sm___lEUba", "hop-DatePicker--md": "DatePicker-module__hop-DatePicker--md___QRH41", "hop-DatePicker__Popover": "DatePicker-module__hop-DatePicker__Popover___1iOuM" };
+var GlobalDatePickerCssSelector = "hop-DatePicker";
+var DatePicker = (props, ref) => {
+  var _a, _b;
+  const {
+    inputRef: userProvidedInputRef = null,
+    ...propsWithoutRef
+  } = props;
+  [props, ref] = useContextProps(propsWithoutRef, ref, DatePickerContext);
+  const stringFormatter = useLocalizedString();
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const {
+    label,
+    contextualHelp,
+    description,
+    errorMessage,
+    isRequired,
+    size: sizeProp,
+    necessityIndicator,
+    style,
+    className,
+    inputGroupProps,
+    isFluid: isFluidProp,
+    maxVisibleMonths = 1,
+    createCalendar,
+    isFixedWeeks = true,
+    popoverProps,
+    calendarProps,
+    ...otherProps
+  } = ownProps;
+  const inputRef = useObjectRef(mergeRefs(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
+  const isFluid = (_a = useResponsiveValue(isFluidProp)) != null ? _a : false;
+  const { className: inputGroupClassName, ...otherInputGroupProps } = inputGroupProps != null ? inputGroupProps : {};
+  const size = (_b = useResponsiveValue(sizeProp)) != null ? _b : "md";
+  const inputGroupClassNames = clsx(DatePicker_module_default["hop-DatePicker__InputGroup"], inputGroupClassName);
+  const classNames = clsx(
+    GlobalDatePickerCssSelector,
+    cssModule(
+      DatePicker_module_default,
+      GlobalDatePickerCssSelector,
+      isFluid && "fluid",
+      size
+    ),
+    stylingProps.className,
+    className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  return /* @__PURE__ */ jsx(
+    DatePicker$1,
+    {
+      ...otherProps,
+      ref,
+      className: classNames,
+      style: mergedStyles,
+      children: ({ isDisabled, isInvalid }) => {
+        const inputMarkup = /* @__PURE__ */ jsx(ClearContainerSlots, { children: /* @__PURE__ */ jsxs(
+          _InputGroup,
+          {
+            isDisabled,
+            isInvalid,
+            isFluid: true,
+            className: inputGroupClassNames,
+            ...otherInputGroupProps,
+            children: [
+              /* @__PURE__ */ jsx(_DateInput, { size, ref: inputRef }),
+              /* @__PURE__ */ jsx(
+                _Button,
+                {
+                  "aria-label": stringFormatter.format("DatePicker.openCalendarButtonAriaLabel"),
+                  variant: "ghost-secondary",
+                  size,
+                  className: DatePicker_module_default["hop-DatePicker__Button"],
+                  children: /* @__PURE__ */ jsx(CalendarIcon, {})
+                }
+              )
+            ]
+          }
+        ) });
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              className: DatePicker_module_default["hop-DatePicker__Label"],
+              contextualHelp,
+              isRequired,
+              necessityIndicator,
+              children: label
+            }
+          ),
+          inputMarkup,
+          description && /* @__PURE__ */ jsx(_HelperMessage, { className: DatePicker_module_default["hop-DatePicker__HelperMessage"], children: description }),
+          /* @__PURE__ */ jsx(_ErrorMessage, { className: DatePicker_module_default["hop-DatePicker__ErrorMessage"], children: errorMessage }),
+          /* @__PURE__ */ jsx(_PopoverBase, { ...popoverProps, className: clsx(DatePicker_module_default["hop-DatePicker__Popover"], popoverProps == null ? void 0 : popoverProps.className), children: /* @__PURE__ */ jsx(
+            _Calendar,
+            {
+              visibleMonths: maxVisibleMonths,
+              createCalendar,
+              isFixedWeeks,
+              ...calendarProps
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+};
+var _DatePicker = forwardRef(DatePicker);
+_DatePicker.displayName = "DatePicker";
+
+export { GlobalDatePickerCssSelector, _DatePicker };