react-day-picker 8.0.0-beta.32 → 8.0.0-beta.33

package/build/contexts/Navigation/NavigationContext.js

@@ -1,11 +1,31 @@
-import * as React from 'react';
+import React from 'react';
+import { useDayPicker } from '../DayPicker/useDayPicker.js';
+import { useNavigationState } from './useNavigationState.js';
+import { getDisplayMonths } from './utils/getDisplayMonths.js';
+import { getNextMonth } from './utils/getNextMonth.js';
+import { getPreviousMonth } from './utils/getPreviousMonth.js';
 
 /**
  * The Navigation context shares details about the months being navigated in DayPicker.
  *
  * Access this context from the [[useNavigation]] hook.
  */
-var NavigationContext = React.createContext(undefined);
+var NavigationContext = React.createContext(undefined);
+/** Provides the values for the [[NavigationContext]]. */
+function NavigationProvider(props) {
+    var context = useDayPicker();
+    var _a = useNavigationState(), month = _a[0], goToMonth = _a[1];
+    var displayMonths = getDisplayMonths(month, context);
+    var nextMonth = getNextMonth(month, context);
+    var previousMonth = getPreviousMonth(month, context);
+    return (React.createElement(NavigationContext.Provider, { value: {
+            month: month,
+            displayMonths: displayMonths,
+            goToMonth: goToMonth,
+            previousMonth: previousMonth,
+            nextMonth: nextMonth
+        } }, props.children));
+}
 
-export { NavigationContext };
+export { NavigationContext, NavigationProvider };
 //# sourceMappingURL=NavigationContext.js.map

package/build/contexts/Navigation/NavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationContext.js","sources":["../../../src/contexts/Navigation/NavigationContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/** Represents the value of the [[NavigationContext]]. */\nexport interface NavigationContextValue {\n  /** The current month. Note that when `numberOfMonths > 1` represent the first month in the displayed months. */\n  month: Date;\n  /** The months to display, according to `numberOfMonths`. */\n  displayMonths: Date[];\n  /** Navigate to the specified month. */\n  goToMonth: (month: Date) => void;\n  /** The next month to display. `undefined` if no months left */\n  nextMonth?: Date;\n  /** The previous month to display. `undefined` if no months left */\n  previousMonth?: Date;\n}\n\n/**\n * The Navigation context shares details about the months being navigated in DayPicker.\n *\n * Access this context from the [[useNavigation]] hook.\n */\nexport const NavigationContext = React.createContext<\n  NavigationContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAgBA;;;;;IAKa,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS;;;;"}
+{"version":3,"file":"NavigationContext.js","sources":["../../../src/contexts/Navigation/NavigationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useDayPicker } from '../DayPicker';\nimport { useNavigationState } from './useNavigationState';\nimport { getDisplayMonths } from './utils/getDisplayMonths';\nimport { getNextMonth } from './utils/getNextMonth';\nimport { getPreviousMonth } from './utils/getPreviousMonth';\n\n/** Represents the value of the [[NavigationContext]]. */\nexport interface NavigationContextValue {\n  /** The current month. Note that when `numberOfMonths > 1` represent the first month in the displayed months. */\n  month: Date;\n  /** The months to display, according to `numberOfMonths`. */\n  displayMonths: Date[];\n  /** Navigate to the specified month. */\n  goToMonth: (month: Date) => void;\n  /** The next month to display. `undefined` if no months left */\n  nextMonth?: Date;\n  /** The previous month to display. `undefined` if no months left */\n  previousMonth?: Date;\n}\n\n/**\n * The Navigation context shares details about the months being navigated in DayPicker.\n *\n * Access this context from the [[useNavigation]] hook.\n */\nexport const NavigationContext = React.createContext<\n  NavigationContextValue | undefined\n>(undefined);\n\n/** Provides the values for the [[NavigationContext]]. */\nexport function NavigationProvider(props: {\n  children?: React.ReactNode;\n}): JSX.Element {\n  const context = useDayPicker();\n  const [month, goToMonth] = useNavigationState();\n\n  const displayMonths = getDisplayMonths(month, context);\n  const nextMonth = getNextMonth(month, context);\n  const previousMonth = getPreviousMonth(month, context);\n\n  return (\n    <NavigationContext.Provider\n      value={{\n        month,\n        displayMonths,\n        goToMonth,\n        previousMonth,\n        nextMonth\n      }}\n    >\n      {props.children}\n    </NavigationContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAsBA;;;;;IAKa,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAElD,SAAS,EAAE;AAEb;SACgB,kBAAkB,CAAC,KAElC;IACC,IAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IACzB,IAAA,KAAqB,kBAAkB,EAAE,EAAxC,KAAK,QAAA,EAAE,SAAS,QAAwB,CAAC;IAEhD,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/C,IAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEvD,QACE,oBAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,KAAK,OAAA;YACL,aAAa,eAAA;YACb,SAAS,WAAA;YACT,aAAa,eAAA;YACb,SAAS,WAAA;SACV,IAEA,KAAK,CAAC,QAAQ,CACY,EAC7B;AACJ;;;;"}

package/build/contexts/Navigation/index.d.ts

@@ -1,3 +1,2 @@
 export * from './NavigationContext';
-export * from './NavigationProvider';
 export * from './useNavigation';

package/build/contexts/Navigation/useNavigation.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { NavigationContext } from './NavigationContext.js';
 
 /** Hook to access the [[NavigationContext]]. */

package/build/contexts/Navigation/useNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigation.js","sources":["../../../src/contexts/Navigation/useNavigation.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { NavigationContext, NavigationContextValue } from './NavigationContext';\n\n/** Hook to access the [[NavigationContext]]. */\nexport function useNavigation(): NavigationContextValue {\n  const context = React.useContext(NavigationContext);\n  if (!context) {\n    throw new Error('useNavigation must be used within a NavigationProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;SACgB,aAAa;IAC3B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useNavigation.js","sources":["../../../src/contexts/Navigation/useNavigation.ts"],"sourcesContent":["import React from 'react';\n\nimport { NavigationContext, NavigationContextValue } from './NavigationContext';\n\n/** Hook to access the [[NavigationContext]]. */\nexport function useNavigation(): NavigationContextValue {\n  const context = React.useContext(NavigationContext);\n  if (!context) {\n    throw new Error('useNavigation must be used within a NavigationProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAIA;SACgB,aAAa;IAC3B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;KAC3E;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/RootProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DayPickerProps } from '../types';
+/** The props of [[RootProvider]]. */
+export declare type RootContext = DayPickerProps & {
+    children: React.ReactNode;
+};
+/** Provide the value for all the context providers. */
+export declare function RootProvider(props: RootContext): JSX.Element;

package/build/contexts/{ContextProvider.js → RootProvider.js}

@@ -1,19 +1,14 @@
 import { __rest } from '../_virtual/_tslib.js';
-import * as React from 'react';
+import React from 'react';
 import { DayPickerProvider } from './DayPicker/DayPickerProvider.js';
-import './Focus/FocusContext.js';
-import { FocusProvider } from './Focus/FocusProvider.js';
-import './Navigation/NavigationContext.js';
-import { NavigationProvider } from './Navigation/NavigationProvider.js';
-import './SelectMultiple/SelectMultipleContext.js';
-import { SelectMultipleProvider } from './SelectMultiple/SelectMultipleProvider.js';
-import './SelectRange/SelectRangeContext.js';
-import { SelectRangeProvider } from './SelectRange/SelectRangeProvider.js';
-import './SelectSingle/SelectSingleContext.js';
-import { SelectSingleProvider } from './SelectSingle/SelectSingleProvider.js';
+import { FocusProvider } from './Focus/FocusContext.js';
+import { NavigationProvider } from './Navigation/NavigationContext.js';
+import { SelectMultipleProvider } from './SelectMultiple/SelectMultipleContext.js';
+import { SelectRangeProvider } from './SelectRange/SelectRangeContext.js';
+import { SelectSingleProvider } from './SelectSingle/SelectSingleContext.js';
 
 /** Provide the value for all the context providers. */
-function ContextProvider(props) {
+function RootProvider(props) {
     var children = props.children, initialProps = __rest(props, ["children"]);
     return (React.createElement(DayPickerProvider, { initialProps: initialProps },
         React.createElement(NavigationProvider, null,
@@ -23,5 +18,5 @@ function ContextProvider(props) {
                         React.createElement(FocusProvider, null, children)))))));
 }
 
-export { ContextProvider };
-//# sourceMappingURL=ContextProvider.js.map
+export { RootProvider };
+//# sourceMappingURL=RootProvider.js.map

package/build/contexts/RootProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootProvider.js","sources":["../../src/contexts/RootProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DayPickerProps } from '../types';\n\nimport { DayPickerProvider } from './DayPicker/DayPickerProvider';\nimport { FocusProvider } from './Focus';\nimport { NavigationProvider } from './Navigation';\nimport { SelectMultipleProvider } from './SelectMultiple';\nimport { SelectRangeProvider } from './SelectRange';\nimport { SelectSingleProvider } from './SelectSingle';\n\n/** The props of [[RootProvider]]. */\nexport type RootContext = DayPickerProps & {\n  children: React.ReactNode;\n};\n\n/** Provide the value for all the context providers. */\nexport function RootProvider(props: RootContext): JSX.Element {\n  const { children, ...initialProps } = props;\n\n  return (\n    <DayPickerProvider initialProps={initialProps}>\n      <NavigationProvider>\n        <SelectSingleProvider initialProps={initialProps}>\n          <SelectMultipleProvider initialProps={initialProps}>\n            <SelectRangeProvider initialProps={initialProps}>\n              <FocusProvider>{children}</FocusProvider>\n            </SelectRangeProvider>\n          </SelectMultipleProvider>\n        </SelectSingleProvider>\n      </NavigationProvider>\n    </DayPickerProvider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBA;SACgB,YAAY,CAAC,KAAkB;IACrC,IAAA,QAAQ,GAAsB,KAAK,SAA3B,EAAK,YAAY,UAAK,KAAK,EAArC,YAA6B,CAAF,CAAW;IAE5C,QACE,oBAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY;QAC3C,oBAAC,kBAAkB;YACjB,oBAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY;gBAC9C,oBAAC,sBAAsB,IAAC,YAAY,EAAE,YAAY;oBAChD,oBAAC,mBAAmB,IAAC,YAAY,EAAE,YAAY;wBAC7C,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACrB,CACC,CACJ,CACJ,CACH,EACpB;AACJ;;;;"}

package/build/contexts/SelectMultiple/SelectMultipleContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { DayClickEventHandler, Modifiers } from '../../types';
+import React from 'react';
+import { DayClickEventHandler, DayPickerMultipleProps, DayPickerProps, Modifiers } from '../../types';
 /** Represent the modifiers that are changed by the multiple selection. */
 export declare type SelectMultipleModifiers = Pick<Modifiers, 'selected' | 'disabled'>;
 /** Represents the value of a [[SelectMultipleContext]]. */
@@ -18,3 +18,15 @@ export interface SelectMultipleContextValue {
  * Access this context from the [[useSelectMultiple]] hook.
  */
 export declare const SelectMultipleContext: React.Context<SelectMultipleContextValue | undefined>;
+export declare type SelectMultipleProviderProps = {
+    initialProps: DayPickerProps;
+    children: React.ReactNode;
+};
+/** Provides the values for the [[SelectMultipleContext]]. */
+export declare function SelectMultipleProvider(props: SelectMultipleProviderProps): JSX.Element;
+declare type SelectMultipleProviderInternalProps = {
+    initialProps: DayPickerMultipleProps;
+    children: React.ReactNode;
+};
+export declare function SelectMultipleProviderInternal({ initialProps, children }: SelectMultipleProviderInternalProps): JSX.Element;
+export {};

package/build/contexts/SelectMultiple/SelectMultipleContext.js

@@ -1,4 +1,7 @@
-import * as React from 'react';
+import { __spreadArray } from '../../_virtual/_tslib.js';
+import React from 'react';
+import { isSameDay } from 'date-fns';
+import { isDayPickerMultiple } from '../../types/DayPickerMultiple.js';
 
 /**
  * The SelectMultiple context shares details about the selected days when in
@@ -6,7 +9,74 @@ import * as React from 'react';
  *
  * Access this context from the [[useSelectMultiple]] hook.
  */
-var SelectMultipleContext = React.createContext(undefined);
+var SelectMultipleContext = React.createContext(undefined);
+/** Provides the values for the [[SelectMultipleContext]]. */
+function SelectMultipleProvider(props) {
+    if (!isDayPickerMultiple(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: {
+                selected: [],
+                disabled: []
+            }
+        };
+        return (React.createElement(SelectMultipleContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React.createElement(SelectMultipleProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectMultipleProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var selected = initialProps.selected;
+    var handleDayClick = function (day, modifiers, e) {
+        var _a, _b;
+        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
+        var isMinSelected = Boolean(initialProps.min &&
+            modifiers.selected &&
+            selected &&
+            selected.length === initialProps.min);
+        if (isMinSelected) {
+            return;
+        }
+        var isMaxSelected = Boolean(initialProps.max &&
+            !modifiers.selected &&
+            selected &&
+            selected.length === initialProps.max);
+        if (isMaxSelected) {
+            return;
+        }
+        var days = selected ? __spreadArray([], selected, true) : [];
+        if (modifiers.selected) {
+            var index = days.findIndex(function (selectedDay) {
+                return isSameDay(day, selectedDay);
+            });
+            days.splice(index, 1);
+        }
+        else {
+            days.push(day);
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, days, day, modifiers, e);
+    };
+    var modifiers = {
+        selected: [],
+        disabled: []
+    };
+    if (selected) {
+        modifiers.selected = selected;
+        modifiers.disabled = [
+            function disableDay(day) {
+                var isMaxSelected = initialProps.max &&
+                    selected &&
+                    selected.length > initialProps.max - 1;
+                var isSelected = selected === null || selected === void 0 ? void 0 : selected.some(function (selectedDay) {
+                    return isSameDay(selectedDay, day);
+                });
+                return Boolean(isMaxSelected && !isSelected);
+            }
+        ];
+    }
+    var contextValue = { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers };
+    return (React.createElement(SelectMultipleContext.Provider, { value: contextValue }, children));
+}
 
-export { SelectMultipleContext };
+export { SelectMultipleContext, SelectMultipleProvider, SelectMultipleProviderInternal };
 //# sourceMappingURL=SelectMultipleContext.js.map

package/build/contexts/SelectMultiple/SelectMultipleContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultipleContext.js","sources":["../../../src/contexts/SelectMultiple/SelectMultipleContext.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { DayClickEventHandler, Modifiers } from '../../types';\n\n/** Represent the modifiers that are changed by the multiple selection. */\nexport type SelectMultipleModifiers = Pick<Modifiers, 'selected' | 'disabled'>;\n\n/** Represents the value of a [[SelectMultipleContext]]. */\nexport interface SelectMultipleContextValue {\n  /** The days that have been selected. */\n  selected: Date[] | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectMultipleModifiers;\n  /** Event handler to attach to the day button to enable the multiple select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectMultiple context shares details about the selected days when in\n * multiple selection mode.\n *\n * Access this context from the [[useSelectMultiple]] hook.\n */\nexport const SelectMultipleContext = React.createContext<\n  SelectMultipleContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAiBA;;;;;;IAMa,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAEtD,SAAS;;;;"}
+{"version":3,"file":"SelectMultipleContext.js","sources":["../../../src/contexts/SelectMultiple/SelectMultipleContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isSameDay } from 'date-fns';\n\nimport {\n  DayClickEventHandler,\n  DayPickerMultipleProps,\n  DayPickerProps,\n  isDayPickerMultiple,\n  Modifiers\n} from '../../types';\n\n/** Represent the modifiers that are changed by the multiple selection. */\nexport type SelectMultipleModifiers = Pick<Modifiers, 'selected' | 'disabled'>;\n\n/** Represents the value of a [[SelectMultipleContext]]. */\nexport interface SelectMultipleContextValue {\n  /** The days that have been selected. */\n  selected: Date[] | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectMultipleModifiers;\n  /** Event handler to attach to the day button to enable the multiple select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectMultiple context shares details about the selected days when in\n * multiple selection mode.\n *\n * Access this context from the [[useSelectMultiple]] hook.\n */\nexport const SelectMultipleContext = React.createContext<\n  SelectMultipleContextValue | undefined\n>(undefined);\n\nexport type SelectMultipleProviderProps = {\n  initialProps: DayPickerProps;\n  children: React.ReactNode;\n};\n\n/** Provides the values for the [[SelectMultipleContext]]. */\nexport function SelectMultipleProvider(\n  props: SelectMultipleProviderProps\n): JSX.Element {\n  if (!isDayPickerMultiple(props.initialProps)) {\n    const emptyContextValue: SelectMultipleContextValue = {\n      selected: undefined,\n      modifiers: {\n        selected: [],\n        disabled: []\n      }\n    };\n    return (\n      <SelectMultipleContext.Provider value={emptyContextValue}>\n        {props.children}\n      </SelectMultipleContext.Provider>\n    );\n  }\n  return (\n    <SelectMultipleProviderInternal\n      initialProps={props.initialProps}\n      children={props.children}\n    />\n  );\n}\n\ntype SelectMultipleProviderInternalProps = {\n  initialProps: DayPickerMultipleProps;\n  children: React.ReactNode;\n};\n\nexport function SelectMultipleProviderInternal({\n  initialProps,\n  children\n}: SelectMultipleProviderInternalProps): JSX.Element {\n  const { selected } = initialProps;\n  const handleDayClick: DayClickEventHandler = (day, modifiers, e) => {\n    initialProps.onDayClick?.(day, modifiers, e);\n\n    const isMinSelected = Boolean(\n      initialProps.min &&\n        modifiers.selected &&\n        selected &&\n        selected.length === initialProps.min\n    );\n    if (isMinSelected) {\n      return;\n    }\n    const isMaxSelected = Boolean(\n      initialProps.max &&\n        !modifiers.selected &&\n        selected &&\n        selected.length === initialProps.max\n    );\n    if (isMaxSelected) {\n      return;\n    }\n\n    const days = selected ? [...selected] : [];\n    if (modifiers.selected) {\n      const index = days.findIndex((selectedDay) =>\n        isSameDay(day, selectedDay)\n      );\n      days.splice(index, 1);\n    } else {\n      days.push(day);\n    }\n    initialProps.onSelect?.(days, day, modifiers, e);\n  };\n\n  const modifiers: SelectMultipleModifiers = {\n    selected: [],\n    disabled: []\n  };\n\n  if (selected) {\n    modifiers.selected = selected;\n    modifiers.disabled = [\n      function disableDay(day: Date) {\n        const isMaxSelected =\n          initialProps.max &&\n          selected &&\n          selected.length > initialProps.max - 1;\n        const isSelected = selected?.some((selectedDay) =>\n          isSameDay(selectedDay, day)\n        );\n        return Boolean(isMaxSelected && !isSelected);\n      }\n    ];\n  }\n\n  const contextValue = { selected, handleDayClick, modifiers };\n\n  return (\n    <SelectMultipleContext.Provider value={contextValue}>\n      {children}\n    </SelectMultipleContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/contexts/SelectMultiple/index.d.ts

@@ -1,3 +1,2 @@
 export * from './SelectMultipleContext';
-export * from './SelectMultipleProvider';
 export * from './useSelectMultiple';

package/build/contexts/SelectMultiple/useSelectMultiple.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SelectMultipleContext } from './SelectMultipleContext.js';
 
 /** Hook to access the [[SelectMultipleContext]]. */

package/build/contexts/SelectMultiple/useSelectMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectMultiple.js","sources":["../../../src/contexts/SelectMultiple/useSelectMultiple.ts"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  SelectMultipleContext,\n  SelectMultipleContextValue\n} from './SelectMultipleContext';\n\n/** Hook to access the [[SelectMultipleContext]]. */\nexport function useSelectMultiple(): SelectMultipleContextValue {\n  const context = React.useContext(SelectMultipleContext);\n  if (!context) {\n    throw new Error(\n      'useSelectMultiple must be used within a SelectMultipleProvider'\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,iBAAiB;IAC/B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useSelectMultiple.js","sources":["../../../src/contexts/SelectMultiple/useSelectMultiple.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  SelectMultipleContext,\n  SelectMultipleContextValue\n} from './SelectMultipleContext';\n\n/** Hook to access the [[SelectMultipleContext]]. */\nexport function useSelectMultiple(): SelectMultipleContextValue {\n  const context = React.useContext(SelectMultipleContext);\n  if (!context) {\n    throw new Error(\n      'useSelectMultiple must be used within a SelectMultipleProvider'\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,iBAAiB;IAC/B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/SelectRange/SelectRangeContext.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { DateRange, DayClickEventHandler } from '../../types';
-import { Modifiers } from '../../types';
+import React from 'react';
+import { DateRange, DayClickEventHandler, DayPickerProps, DayPickerRangeProps, Modifiers } from '../../types';
 /** Represent the modifiers that are changed by the range selection. */
 export declare type SelectRangeModifiers = Pick<Modifiers, 'selected' | 'range_start' | 'range_end' | 'range_middle' | 'disabled'>;
 /** Represents the value of a [[SelectRangeContext]]. */
@@ -19,3 +18,15 @@ export interface SelectRangeContextValue {
  * Access this context from the [[useSelectRange]] hook.
  */
 export declare const SelectRangeContext: React.Context<SelectRangeContextValue | undefined>;
+declare type SelectRangeProviderProps = {
+    initialProps: DayPickerProps;
+    children: React.ReactNode;
+};
+/** Provides the values for the [[SelectRangeProvider]]. */
+export declare function SelectRangeProvider(props: SelectRangeProviderProps): JSX.Element;
+declare type SelectRangeProviderInternalProps = {
+    initialProps: DayPickerRangeProps;
+    children: React.ReactNode;
+};
+export declare function SelectRangeProviderInternal({ initialProps, children }: SelectRangeProviderInternalProps): JSX.Element;
+export {};

package/build/contexts/SelectRange/SelectRangeContext.js

@@ -1,4 +1,7 @@
-import * as React from 'react';
+import React from 'react';
+import { differenceInCalendarDays, isBefore, isAfter } from 'date-fns';
+import { isDayPickerRange } from '../../types/DayPickerRange.js';
+import { addToRange } from './utils/addToRange.js';
 
 /**
  * The SelectRange context shares details about the selected days when in
@@ -6,7 +9,115 @@ import * as React from 'react';
  *
  * Access this context from the [[useSelectRange]] hook.
  */
-var SelectRangeContext = React.createContext(undefined);
+var SelectRangeContext = React.createContext(undefined);
+/** Provides the values for the [[SelectRangeProvider]]. */
+function SelectRangeProvider(props) {
+    if (!isDayPickerRange(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: {
+                selected: [],
+                range_start: [],
+                range_end: [],
+                range_middle: [],
+                disabled: []
+            }
+        };
+        return (React.createElement(SelectRangeContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React.createElement(SelectRangeProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectRangeProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var selected = initialProps.selected;
+    var min = initialProps.min;
+    var max = initialProps.max;
+    var handleDayClick = function (day, modifiers, e) {
+        var _a, _b;
+        (_a = initialProps.onDayClick) === null || _a === void 0 ? void 0 : _a.call(initialProps, day, modifiers, e);
+        var newValue = addToRange(day, selected);
+        if ((min || max) &&
+            selected &&
+            (newValue === null || newValue === void 0 ? void 0 : newValue.to) &&
+            newValue.from &&
+            newValue.from !== newValue.to) {
+            var diff = Math.abs(differenceInCalendarDays(newValue === null || newValue === void 0 ? void 0 : newValue.to, newValue === null || newValue === void 0 ? void 0 : newValue.from));
+            if (min && diff < min) {
+                return;
+            }
+            if (max && diff >= max) {
+                return;
+            }
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, newValue, day, modifiers, e);
+    };
+    var modifiers = {
+        selected: [],
+        range_start: [],
+        range_end: [],
+        range_middle: [],
+        disabled: []
+    };
+    if (selected) {
+        modifiers.selected = [selected];
+        if (selected.from) {
+            modifiers.range_start = [selected.from];
+            if (selected.to) {
+                modifiers.range_middle = [
+                    {
+                        after: selected.from,
+                        before: selected.to
+                    }
+                ];
+                if (max || min) {
+                    modifiers.disabled = [
+                        function (date) {
+                            if (max &&
+                                selected.to &&
+                                selected.from &&
+                                isBefore(date, selected.from)) {
+                                var diff = differenceInCalendarDays(selected.to, date);
+                                if (diff >= max) {
+                                    return true;
+                                }
+                            }
+                            if (max &&
+                                selected.to &&
+                                selected.from &&
+                                isAfter(date, selected.to)) {
+                                var diff = differenceInCalendarDays(date, selected.from);
+                                if (diff >= max) {
+                                    return true;
+                                }
+                            }
+                            if (min && selected.from && isBefore(date, selected.from)) {
+                                var diff = differenceInCalendarDays(selected.from, date);
+                                if (diff < min) {
+                                    return true;
+                                }
+                            }
+                            if (min &&
+                                selected.to &&
+                                selected.from &&
+                                isAfter(date, selected.to)) {
+                                var diff = differenceInCalendarDays(date, selected.from);
+                                if (diff < min) {
+                                    return true;
+                                }
+                            }
+                            return false;
+                        }
+                    ];
+                }
+                modifiers.range_end = [selected.to];
+            }
+            else {
+                modifiers.range_end = [selected.from];
+            }
+        }
+    }
+    return (React.createElement(SelectRangeContext.Provider, { value: { selected: selected, handleDayClick: handleDayClick, modifiers: modifiers } }, children));
+}
 
-export { SelectRangeContext };
+export { SelectRangeContext, SelectRangeProvider, SelectRangeProviderInternal };
 //# sourceMappingURL=SelectRangeContext.js.map

package/build/contexts/SelectRange/SelectRangeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRangeContext.js","sources":["../../../src/contexts/SelectRange/SelectRangeContext.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { DateRange, DayClickEventHandler } from '../../types';\n\nimport { Modifiers } from '../../types';\n\n/** Represent the modifiers that are changed by the range selection. */\nexport type SelectRangeModifiers = Pick<\n  Modifiers,\n  'selected' | 'range_start' | 'range_end' | 'range_middle' | 'disabled'\n>;\n\n/** Represents the value of a [[SelectRangeContext]]. */\nexport interface SelectRangeContextValue {\n  /** The range of days that has been selected. */\n  selected: DateRange | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectRangeModifiers;\n  /** Event handler to attach to the day button to enable the range select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectRange context shares details about the selected days when in\n * range selection mode.\n *\n * Access this context from the [[useSelectRange]] hook.\n */\nexport const SelectRangeContext = React.createContext<\n  SelectRangeContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAsBA;;;;;;IAMa,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAEnD,SAAS;;;;"}
+{"version":3,"file":"SelectRangeContext.js","sources":["../../../src/contexts/SelectRange/SelectRangeContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { differenceInCalendarDays, isAfter, isBefore } from 'date-fns';\n\nimport {\n  DateRange,\n  DayClickEventHandler,\n  DayPickerProps,\n  DayPickerRangeProps,\n  isDayPickerRange,\n  Modifiers\n} from '../../types';\nimport { addToRange } from './utils/addToRange';\n\n/** Represent the modifiers that are changed by the range selection. */\nexport type SelectRangeModifiers = Pick<\n  Modifiers,\n  'selected' | 'range_start' | 'range_end' | 'range_middle' | 'disabled'\n>;\n\n/** Represents the value of a [[SelectRangeContext]]. */\nexport interface SelectRangeContextValue {\n  /** The range of days that has been selected. */\n  selected: DateRange | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectRangeModifiers;\n  /** Event handler to attach to the day button to enable the range select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectRange context shares details about the selected days when in\n * range selection mode.\n *\n * Access this context from the [[useSelectRange]] hook.\n */\nexport const SelectRangeContext = React.createContext<\n  SelectRangeContextValue | undefined\n>(undefined);\n\ntype SelectRangeProviderProps = {\n  initialProps: DayPickerProps;\n  children: React.ReactNode;\n};\n\n/** Provides the values for the [[SelectRangeProvider]]. */\nexport function SelectRangeProvider(\n  props: SelectRangeProviderProps\n): JSX.Element {\n  if (!isDayPickerRange(props.initialProps)) {\n    const emptyContextValue: SelectRangeContextValue = {\n      selected: undefined,\n      modifiers: {\n        selected: [],\n        range_start: [],\n        range_end: [],\n        range_middle: [],\n        disabled: []\n      }\n    };\n    return (\n      <SelectRangeContext.Provider value={emptyContextValue}>\n        {props.children}\n      </SelectRangeContext.Provider>\n    );\n  }\n  return (\n    <SelectRangeProviderInternal\n      initialProps={props.initialProps}\n      children={props.children}\n    />\n  );\n}\n\ntype SelectRangeProviderInternalProps = {\n  initialProps: DayPickerRangeProps;\n  children: React.ReactNode;\n};\n\nexport function SelectRangeProviderInternal({\n  initialProps,\n  children\n}: SelectRangeProviderInternalProps): JSX.Element {\n  const { selected } = initialProps;\n  const min = initialProps.min;\n  const max = initialProps.max;\n\n  const handleDayClick: DayClickEventHandler = (day, modifiers, e) => {\n    initialProps.onDayClick?.(day, modifiers, e);\n    const newValue = addToRange(day, selected);\n    if (\n      (min || max) &&\n      selected &&\n      newValue?.to &&\n      newValue.from &&\n      newValue.from !== newValue.to\n    ) {\n      const diff = Math.abs(\n        differenceInCalendarDays(newValue?.to, newValue?.from)\n      );\n      if (min && diff < min) {\n        return;\n      }\n      if (max && diff >= max) {\n        return;\n      }\n    }\n    initialProps.onSelect?.(newValue, day, modifiers, e);\n  };\n\n  const modifiers: SelectRangeModifiers = {\n    selected: [],\n    range_start: [],\n    range_end: [],\n    range_middle: [],\n    disabled: []\n  };\n\n  if (selected) {\n    modifiers.selected = [selected];\n    if (selected.from) {\n      modifiers.range_start = [selected.from];\n      if (selected.to) {\n        modifiers.range_middle = [\n          {\n            after: selected.from,\n            before: selected.to\n          }\n        ];\n        if (max || min) {\n          modifiers.disabled = [\n            (date: Date) => {\n              if (\n                max &&\n                selected.to &&\n                selected.from &&\n                isBefore(date, selected.from)\n              ) {\n                const diff = differenceInCalendarDays(selected.to, date);\n                if (diff >= max) {\n                  return true;\n                }\n              }\n              if (\n                max &&\n                selected.to &&\n                selected.from &&\n                isAfter(date, selected.to)\n              ) {\n                const diff = differenceInCalendarDays(date, selected.from);\n                if (diff >= max) {\n                  return true;\n                }\n              }\n              if (min && selected.from && isBefore(date, selected.from)) {\n                const diff = differenceInCalendarDays(selected.from, date);\n                if (diff < min) {\n                  return true;\n                }\n              }\n              if (\n                min &&\n                selected.to &&\n                selected.from &&\n                isAfter(date, selected.to)\n              ) {\n                const diff = differenceInCalendarDays(date, selected.from);\n                if (diff < min) {\n                  return true;\n                }\n              }\n              return false;\n            }\n          ];\n        }\n        modifiers.range_end = [selected.to];\n      } else {\n        modifiers.range_end = [selected.from];\n      }\n    }\n  }\n  return (\n    <SelectRangeContext.Provider\n      value={{ selected, handleDayClick, modifiers }}\n    >\n      {children}\n    </SelectRangeContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/contexts/SelectRange/index.d.ts

@@ -1,3 +1,2 @@
 export * from './SelectRangeContext';
-export * from './SelectRangeProvider';
 export * from './useSelectRange';

package/build/contexts/SelectRange/useSelectRange.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SelectRangeContext } from './SelectRangeContext.js';
 
 /** Hook to access the [[SelectRangeContext]]. */

package/build/contexts/SelectRange/useSelectRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectRange.js","sources":["../../../src/contexts/SelectRange/useSelectRange.ts"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  SelectRangeContext,\n  SelectRangeContextValue\n} from './SelectRangeContext';\n\n/** Hook to access the [[SelectRangeContext]]. */\nexport function useSelectRange(): SelectRangeContextValue {\n  const context = React.useContext(SelectRangeContext);\n  if (!context) {\n    throw new Error('useSelectRange must be used within a SelectRangeProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,cAAc;IAC5B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACrD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;KAC7E;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useSelectRange.js","sources":["../../../src/contexts/SelectRange/useSelectRange.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  SelectRangeContext,\n  SelectRangeContextValue\n} from './SelectRangeContext';\n\n/** Hook to access the [[SelectRangeContext]]. */\nexport function useSelectRange(): SelectRangeContextValue {\n  const context = React.useContext(SelectRangeContext);\n  if (!context) {\n    throw new Error('useSelectRange must be used within a SelectRangeProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,cAAc;IAC5B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACrD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;KAC7E;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/SelectSingle/SelectSingleContext.d.ts

@@ -1,6 +1,8 @@
-import * as React from 'react';
-import { DayClickEventHandler } from '../../types';
-import { Modifiers } from '../../types';
+import React from 'react';
+import { DayPickerProps } from '../../types/DayPicker';
+import { DayPickerSingleProps } from '../../types/DayPickerSingle';
+import { DayClickEventHandler } from '../../types/EventHandlers';
+import { Modifiers } from '../../types/Modifiers';
 /** Represent the modifiers that are changed by the single selection. */
 export declare type SelectSingleModifiers = Pick<Modifiers, 'selected'>;
 /** Represents the value of a [[SelectSingleContext]]. */
@@ -19,3 +21,15 @@ export interface SelectSingleContextValue {
  * Access this context from the [[useSelectSingle]] hook.
  */
 export declare const SelectSingleContext: React.Context<SelectSingleContextValue | undefined>;
+declare type SelectSingleProviderProps = {
+    initialProps: DayPickerProps;
+    children: React.ReactNode;
+};
+/** Provides the values for the [[SelectSingleProvider]]. */
+export declare function SelectSingleProvider(props: SelectSingleProviderProps): JSX.Element;
+declare type SelectSingleProviderInternal = {
+    initialProps: DayPickerSingleProps;
+    children: React.ReactNode;
+};
+export declare function SelectSingleProviderInternal({ initialProps, children }: SelectSingleProviderInternal): JSX.Element;
+export {};

package/build/contexts/SelectSingle/SelectSingleContext.js

@@ -1,4 +1,5 @@
-import * as React from 'react';
+import React from 'react';
+import { isDayPickerSingle } from '../../types/DayPickerSingle.js';
 
 /**
  * The SelectSingle context shares details about the selected days when in
@@ -6,7 +7,39 @@ import * as React from 'react';
  *
  * Access this context from the [[useSelectSingle]] hook.
  */
-var SelectSingleContext = React.createContext(undefined);
+var SelectSingleContext = React.createContext(undefined);
+/** Provides the values for the [[SelectSingleProvider]]. */
+function SelectSingleProvider(props) {
+    if (!isDayPickerSingle(props.initialProps)) {
+        var emptyContextValue = {
+            selected: undefined,
+            modifiers: { selected: [] }
+        };
+        return (React.createElement(SelectSingleContext.Provider, { value: emptyContextValue }, props.children));
+    }
+    return (React.createElement(SelectSingleProviderInternal, { initialProps: props.initialProps, children: props.children }));
+}
+function SelectSingleProviderInternal(_a) {
+    var initialProps = _a.initialProps, children = _a.children;
+    var handleDayClick = function (day, dayModifiers, e) {
+        var _a, _b;
+        if (dayModifiers.selected && !initialProps.required) {
+            (_a = initialProps.onSelect) === null || _a === void 0 ? void 0 : _a.call(initialProps, undefined, day, dayModifiers, e);
+            return;
+        }
+        (_b = initialProps.onSelect) === null || _b === void 0 ? void 0 : _b.call(initialProps, day, day, dayModifiers, e);
+    };
+    var modifiers = { selected: [] };
+    if (initialProps.selected) {
+        modifiers.selected = [initialProps.selected];
+    }
+    var contextValue = {
+        selected: initialProps.selected,
+        handleDayClick: handleDayClick,
+        modifiers: modifiers
+    };
+    return (React.createElement(SelectSingleContext.Provider, { value: contextValue }, children));
+}
 
-export { SelectSingleContext };
+export { SelectSingleContext, SelectSingleProvider, SelectSingleProviderInternal };
 //# sourceMappingURL=SelectSingleContext.js.map

package/build/contexts/SelectSingle/SelectSingleContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSingleContext.js","sources":["../../../src/contexts/SelectSingle/SelectSingleContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { DayClickEventHandler } from '../../types';\n\nimport { Modifiers } from '../../types';\n\n/** Represent the modifiers that are changed by the single selection. */\n\nexport type SelectSingleModifiers = Pick<Modifiers, 'selected'>;\n\n/** Represents the value of a [[SelectSingleContext]]. */\nexport interface SelectSingleContextValue {\n  /** The day that has been selected. */\n  selected: Date | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectSingleModifiers;\n  /** Event handler to attach to the day button to enable the single select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectSingle context shares details about the selected days when in\n * single selection mode.\n *\n * Access this context from the [[useSelectSingle]] hook.\n */\nexport const SelectSingleContext = React.createContext<\n  SelectSingleContextValue | undefined\n>(undefined);\n"],"names":[],"mappings":";;AAoBA;;;;;;IAMa,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAEpD,SAAS;;;;"}
+{"version":3,"file":"SelectSingleContext.js","sources":["../../../src/contexts/SelectSingle/SelectSingleContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DayPickerProps } from '../../types/DayPicker';\nimport {\n  DayPickerSingleProps,\n  isDayPickerSingle\n} from '../../types/DayPickerSingle';\nimport { DayClickEventHandler } from '../../types/EventHandlers';\nimport { Modifiers } from '../../types/Modifiers';\n\n/** Represent the modifiers that are changed by the single selection. */\nexport type SelectSingleModifiers = Pick<Modifiers, 'selected'>;\n\n/** Represents the value of a [[SelectSingleContext]]. */\nexport interface SelectSingleContextValue {\n  /** The day that has been selected. */\n  selected: Date | undefined;\n  /** The modifiers for the corresponding selection. */\n  modifiers: SelectSingleModifiers;\n  /** Event handler to attach to the day button to enable the single select. */\n  handleDayClick?: DayClickEventHandler;\n}\n\n/**\n * The SelectSingle context shares details about the selected days when in\n * single selection mode.\n *\n * Access this context from the [[useSelectSingle]] hook.\n */\nexport const SelectSingleContext = React.createContext<\n  SelectSingleContextValue | undefined\n>(undefined);\n\ntype SelectSingleProviderProps = {\n  initialProps: DayPickerProps;\n  children: React.ReactNode;\n};\n\n/** Provides the values for the [[SelectSingleProvider]]. */\nexport function SelectSingleProvider(\n  props: SelectSingleProviderProps\n): JSX.Element {\n  if (!isDayPickerSingle(props.initialProps)) {\n    const emptyContextValue: SelectSingleContextValue = {\n      selected: undefined,\n      modifiers: { selected: [] }\n    };\n    return (\n      <SelectSingleContext.Provider value={emptyContextValue}>\n        {props.children}\n      </SelectSingleContext.Provider>\n    );\n  }\n  return (\n    <SelectSingleProviderInternal\n      initialProps={props.initialProps}\n      children={props.children}\n    />\n  );\n}\n\ntype SelectSingleProviderInternal = {\n  initialProps: DayPickerSingleProps;\n  children: React.ReactNode;\n};\n\nexport function SelectSingleProviderInternal({\n  initialProps,\n  children\n}: SelectSingleProviderInternal): JSX.Element {\n  const handleDayClick: DayClickEventHandler = (day, dayModifiers, e) => {\n    if (dayModifiers.selected && !initialProps.required) {\n      initialProps.onSelect?.(undefined, day, dayModifiers, e);\n      return;\n    }\n    initialProps.onSelect?.(day, day, dayModifiers, e);\n  };\n\n  const modifiers: SelectSingleModifiers = { selected: [] };\n\n  if (initialProps.selected) {\n    modifiers.selected = [initialProps.selected];\n  }\n\n  const contextValue: SelectSingleContextValue = {\n    selected: initialProps.selected,\n    handleDayClick,\n    modifiers\n  };\n  return (\n    <SelectSingleContext.Provider value={contextValue}>\n      {children}\n    </SelectSingleContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;AAuBA;;;;;;IAMa,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAEpD,SAAS,EAAE;AAOb;SACgB,oBAAoB,CAClC,KAAgC;IAEhC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QAC1C,IAAM,iBAAiB,GAA6B;YAClD,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;SAC5B,CAAC;QACF,QACE,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,IACnD,KAAK,CAAC,QAAQ,CACc,EAC/B;KACH;IACD,QACE,oBAAC,4BAA4B,IAC3B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,EACF;AACJ,CAAC;SAOe,4BAA4B,CAAC,EAGd;QAF7B,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,IAAM,cAAc,GAAyB,UAAC,GAAG,EAAE,YAAY,EAAE,CAAC;;QAChE,IAAI,YAAY,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE;YACnD,MAAA,YAAY,CAAC,QAAQ,+CAArB,YAAY,EAAY,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;YACzD,OAAO;SACR;QACD,MAAA,YAAY,CAAC,QAAQ,+CAArB,YAAY,EAAY,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;KACpD,CAAC;IAEF,IAAM,SAAS,GAA0B,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAE1D,IAAI,YAAY,CAAC,QAAQ,EAAE;QACzB,SAAS,CAAC,QAAQ,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;KAC9C;IAED,IAAM,YAAY,GAA6B;QAC7C,QAAQ,EAAE,YAAY,CAAC,QAAQ;QAC/B,cAAc,gBAAA;QACd,SAAS,WAAA;KACV,CAAC;IACF,QACE,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAC9C,QAAQ,CACoB,EAC/B;AACJ;;;;"}

package/build/contexts/SelectSingle/index.d.ts

@@ -1,3 +1,2 @@
 export * from './SelectSingleContext';
-export * from './SelectSingleProvider';
 export * from './useSelectSingle';

package/build/contexts/SelectSingle/useSelectSingle.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SelectSingleContext } from './SelectSingleContext.js';
 
 /** Hook to access the [[SelectSingleContext]]. */

package/build/contexts/SelectSingle/useSelectSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectSingle.js","sources":["../../../src/contexts/SelectSingle/useSelectSingle.ts"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  SelectSingleContext,\n  SelectSingleContextValue\n} from './SelectSingleContext';\n\n/** Hook to access the [[SelectSingleContext]]. */\nexport function useSelectSingle(): SelectSingleContextValue {\n  const context = React.useContext(SelectSingleContext);\n  if (!context) {\n    throw new Error(\n      'useSelectSingle must be used within a SelectSingleProvider'\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,eAAe;IAC7B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"useSelectSingle.js","sources":["../../../src/contexts/SelectSingle/useSelectSingle.ts"],"sourcesContent":["import React from 'react';\n\nimport {\n  SelectSingleContext,\n  SelectSingleContextValue\n} from './SelectSingleContext';\n\n/** Hook to access the [[SelectSingleContext]]. */\nexport function useSelectSingle(): SelectSingleContextValue {\n  const context = React.useContext(SelectSingleContext);\n  if (!context) {\n    throw new Error(\n      'useSelectSingle must be used within a SelectSingleProvider'\n    );\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;AAOA;SACgB,eAAe;IAC7B,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACtD,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB;;;;"}

package/build/contexts/index.d.ts

@@ -1,4 +1,4 @@
-export * from './ContextProvider';
+export * from './RootProvider';
 export * from './DayPicker';
 export * from './Focus';
 export * from './Navigation';

package/build/hooks/useControlledValue/useControlledValue.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 /**
  * Helper hook for using controlled/uncontrolled values from a component props.
@@ -10,7 +10,7 @@ import React__default from 'react';
  * argument, which will be always returned as `value`.
  */
 function useControlledValue(defaultValue, controlledValue) {
-    var _a = React__default.useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
+    var _a = React.useState(defaultValue), uncontrolledValue = _a[0], setValue = _a[1];
     var value = controlledValue === undefined ? uncontrolledValue : controlledValue;
     return [value, setValue];
 }

package/build/hooks/useControlledValue/useControlledValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledValue.js","sources":["../../../src/hooks/useControlledValue/useControlledValue.ts"],"sourcesContent":["import React from 'react';\n\nexport type DispatchStateAction<T> = React.Dispatch<React.SetStateAction<T>>;\n\n/**\n * Helper hook for using controlled/uncontrolled values from a component props.\n *\n * When the value is not controlled, pass `undefined` as `controlledValue` and\n * use the returned setter to update it.\n *\n * When the value is controlled, pass the controlled value as second\n * argument, which will be always returned as `value`.\n */\nexport function useControlledValue<T>(\n  defaultValue: T,\n  controlledValue: T | undefined\n): [T, DispatchStateAction<T>] {\n  const [uncontrolledValue, setValue] = React.useState(defaultValue);\n\n  const value =\n    controlledValue === undefined ? uncontrolledValue : controlledValue;\n\n  return [value, setValue] as [T, DispatchStateAction<T>];\n}\n"],"names":["React"],"mappings":";;AAIA;;;;;;;;;SASgB,kBAAkB,CAChC,YAAe,EACf,eAA8B;IAExB,IAAA,KAAgCA,cAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA3D,iBAAiB,QAAA,EAAE,QAAQ,QAAgC,CAAC;IAEnE,IAAM,KAAK,GACT,eAAe,KAAK,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAEtE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAgC,CAAC;AAC1D;;;;"}
+{"version":3,"file":"useControlledValue.js","sources":["../../../src/hooks/useControlledValue/useControlledValue.ts"],"sourcesContent":["import React from 'react';\n\nexport type DispatchStateAction<T> = React.Dispatch<React.SetStateAction<T>>;\n\n/**\n * Helper hook for using controlled/uncontrolled values from a component props.\n *\n * When the value is not controlled, pass `undefined` as `controlledValue` and\n * use the returned setter to update it.\n *\n * When the value is controlled, pass the controlled value as second\n * argument, which will be always returned as `value`.\n */\nexport function useControlledValue<T>(\n  defaultValue: T,\n  controlledValue: T | undefined\n): [T, DispatchStateAction<T>] {\n  const [uncontrolledValue, setValue] = React.useState(defaultValue);\n\n  const value =\n    controlledValue === undefined ? uncontrolledValue : controlledValue;\n\n  return [value, setValue] as [T, DispatchStateAction<T>];\n}\n"],"names":[],"mappings":";;AAIA;;;;;;;;;SASgB,kBAAkB,CAChC,YAAe,EACf,eAA8B;IAExB,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA3D,iBAAiB,QAAA,EAAE,QAAQ,QAAgC,CAAC;IAEnE,IAAM,KAAK,GACT,eAAe,KAAK,SAAS,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAEtE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAgC,CAAC;AAC1D;;;;"}