@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/Button/components/styled.js

@@ -1,2 +1,58 @@
-import o from"styled-components";import{theme as r}from"../../../theme/index.js";import{sizes as e}from"../../../theme/modules/sizes.js";const n=o.span.withConfig({displayName:"vui--MainContent",componentId:"vui--3juln2"})`display:inline-flex;align-items:center;gap:${({hasText:o})=>o?"8px":"4px"};${({$loading:o})=>o?"opacity: 0;":null};svg{width:${({size:o})=>e[o]};height:${({size:o})=>e[o]};}`,t=o.button.withConfig({displayName:"vui--BaseButton",componentId:"vui--1xsghtl"})`position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${r.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${o=>{let r="40px",e="24px",n="24px",t="8px",i="16px",l="4px";return o.hasIcon&&(e="16px"),o.hasDropdown&&(n="16px"),"sm"===o.size&&(r="32px",e="16px",n="16px",t="4px",i="14px",l="2px",o.hasIcon&&(e="8px"),o.hasDropdown&&(n="8px")),o.hasText||(e="8px",n="8px"),`\n      --outline-width: ${l};\n\n      height: ${r};\n      padding-left: ${e};\n      padding-right: ${n};\n      border-radius: ${t};\n      font-size: ${i};\n      line-height: ${i};\n    `}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`,i=o(t).withConfig({displayName:"vui--DefaultButton",componentId:"vui--1mceh7z"})`border-color:${r.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({hasText:o})=>o?r.colors.neutral.ink.base:r.colors.secondary.blue.base};&:hover{background-color:${r.colors.neutral.grey.lightest};}&:active{background-color:${r.colors.neutral.grey.lightest};border-color:${r.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${r.colors.neutral.grey.base} !important;border-color:${r.colors.neutral.grey.base} !important;color:${r.colors.neutral.ink.light} !important;}`,l=o(i).withConfig({displayName:"vui--DefaultDestructiveButton",componentId:"vui--1vhc5dm"})`color:${r.colors.secondary.red.base};&:hover{color:${r.colors.secondary.red.dark};}&:active{border-color:${r.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};color:${r.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}`,a=o(i).withConfig({displayName:"vui--PrimaryButton",componentId:"vui--lamrqo"})`background-color:${r.colors.secondary.blue.base};border-color:${r.colors.secondary.blue.base};color:white;&:hover{background-color:${r.colors.secondary.blue.dark};border-color:${r.colors.secondary.blue.dark};}&:active{background-color:${r.colors.secondary.blue.dark};border-color:${r.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}`,s=o(a).withConfig({displayName:"vui--PrimaryDestructiveButton",componentId:"vui--14zrdl"})`background-color:${r.colors.secondary.red.base};border-color:${r.colors.secondary.red.base};color:white;&:hover{background-color:${r.colors.secondary.red.dark};border-color:${r.colors.secondary.red.dark};}&:active{background-color:${r.colors.secondary.red.dark};border-color:${r.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.red.light};}`,c=o(t).withConfig({displayName:"vui--FlatButton",componentId:"vui--1w880uc"})`border-color:transparent;box-shadow:none;color:${r.colors.neutral.ink.base};&:hover{background-color:${r.colors.neutral.grey.light};}&:active{background-color:${r.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`,d=o.button.withConfig({displayName:"vui--UnstyledButton",componentId:"vui--kyccjz"})`appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`,u=o(d).withConfig({displayName:"vui--LinkButton",componentId:"vui--eh2yja"})`display:inline-flex;flex-direction:row;align-items:center;font-family:${r.text.link.fontFamily};font-size:${r.text.link.fontSize};line-height:${r.text.link.fontSize};font-weight:${r.text.link.fontWeight};line-height:${r.text.link.lineHeight};text-decoration:${r.text.link.textDecoration};color:${r.colors.secondary.blue.base};&:hover{color:${r.colors.secondary.blue.dark};}& > * + *{margin-left:${r.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${r.colors.secondary.blue.light};border-radius:4px;}`,h=o.div.withConfig({displayName:"vui--LoadingWrapper",componentId:"vui--cvu4hf"})`position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;export{i as DefaultButton,l as DefaultDestructiveButton,c as FlatButton,u as LinkButton,h as LoadingWrapper,n as MainContent,a as PrimaryButton,s as PrimaryDestructiveButton,d as UnstyledButton};
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
+import { sizes } from '../../../theme/modules/sizes.js';
+
+const MainContent = styled.span.withConfig({ displayName: "vui--MainContent", componentId: "vui--3juln2" }) `display:inline-flex;align-items:center;gap:${({ hasText }) => (hasText ? '8px' : '4px')};${({ $loading }) => ($loading ? 'opacity: 0;' : null)};svg{width:${({ size }) => sizes[size]};height:${({ size }) => sizes[size]};}`;
+const BaseButton = styled.button.withConfig({ displayName: "vui--BaseButton", componentId: "vui--1xsghtl" }) `position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${theme.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${(props) => {
+    let height = '40px';
+    let paddingLeft = '24px';
+    let paddingRight = '24px';
+    let borderRadius = '8px';
+    let fontSize = '16px';
+    let outlineWidth = '4px';
+    if (props.hasIcon) {
+        paddingLeft = '16px';
+    }
+    if (props.hasDropdown) {
+        paddingRight = '16px';
+    }
+    if (props.size === 'sm') {
+        height = '32px';
+        paddingLeft = '16px';
+        paddingRight = '16px';
+        borderRadius = '4px';
+        fontSize = '14px';
+        outlineWidth = '2px';
+        if (props.hasIcon) {
+            paddingLeft = '8px';
+        }
+        if (props.hasDropdown) {
+            paddingRight = '8px';
+        }
+    }
+    if (!props.hasText) {
+        paddingLeft = '8px';
+        paddingRight = '8px';
+    }
+    return `
+      --outline-width: ${outlineWidth};
+
+      height: ${height};
+      padding-left: ${paddingLeft};
+      padding-right: ${paddingRight};
+      border-radius: ${borderRadius};
+      font-size: ${fontSize};
+      line-height: ${fontSize};
+    `;
+}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`;
+const DefaultButton = styled(BaseButton).withConfig({ displayName: "vui--DefaultButton", componentId: "vui--1mceh7z" }) `border-color:${theme.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({ hasText }) => hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};&:hover{background-color:${theme.colors.neutral.grey.lightest};}&:active{background-color:${theme.colors.neutral.grey.lightest};border-color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${theme.colors.neutral.grey.base} !important;border-color:${theme.colors.neutral.grey.base} !important;color:${theme.colors.neutral.ink.light} !important;}`;
+const DefaultDestructiveButton = styled(DefaultButton).withConfig({ displayName: "vui--DefaultDestructiveButton", componentId: "vui--1vhc5dm" }) `color:${theme.colors.secondary.red.base};&:hover{color:${theme.colors.secondary.red.dark};}&:active{border-color:${theme.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};color:${theme.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
+const PrimaryButton = styled(DefaultButton).withConfig({ displayName: "vui--PrimaryButton", componentId: "vui--lamrqo" }) `background-color:${theme.colors.secondary.blue.base};border-color:${theme.colors.secondary.blue.base};color:white;&:hover{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};}&:active{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}`;
+const PrimaryDestructiveButton = styled(PrimaryButton).withConfig({ displayName: "vui--PrimaryDestructiveButton", componentId: "vui--14zrdl" }) `background-color:${theme.colors.secondary.red.base};border-color:${theme.colors.secondary.red.base};color:white;&:hover{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};}&:active{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
+const FlatButton = styled(BaseButton).withConfig({ displayName: "vui--FlatButton", componentId: "vui--1w880uc" }) `border-color:transparent;box-shadow:none;color:${theme.colors.neutral.ink.base};&:hover{background-color:${theme.colors.neutral.grey.light};}&:active{background-color:${theme.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`;
+const UnstyledButton = styled.button.withConfig({ displayName: "vui--UnstyledButton", componentId: "vui--kyccjz" }) `appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`;
+const LinkButton = styled(UnstyledButton).withConfig({ displayName: "vui--LinkButton", componentId: "vui--eh2yja" }) `display:inline-flex;flex-direction:row;align-items:center;font-family:${theme.text.link.fontFamily};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.fontSize};font-weight:${theme.text.link.fontWeight};line-height:${theme.text.link.lineHeight};text-decoration:${theme.text.link.textDecoration};color:${theme.colors.secondary.blue.base};&:hover{color:${theme.colors.secondary.blue.dark};}& > * + *{margin-left:${theme.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${theme.colors.secondary.blue.light};border-radius:4px;}`;
+const LoadingWrapper = styled.div.withConfig({ displayName: "vui--LoadingWrapper", componentId: "vui--cvu4hf" }) `position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;
+
+export { DefaultButton, DefaultDestructiveButton, FlatButton, LinkButton, LoadingWrapper, MainContent, PrimaryButton, PrimaryDestructiveButton, UnstyledButton };
 //# sourceMappingURL=styled.js.map

package/dist/components/Button/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","withConfig","displayName","componentId","hasText","$loading","size","sizes","BaseButton","button","theme","fontFamily","props","height","paddingLeft","fontSize","hasIcon","hasDropdown","paddingRight"],"mappings":"yIAOS,MAAEA,EAAQC,EAAAC,KAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,8CAAA,EAAAC,aAAAA,EAAA,MAAA,SAAA,EAAAC,cAAAA,EAAA,cAAA,kBAAA,EAAAC,UAAAC,EAAAD,aAAA,EAAAA,UAAAC,EAAAD,OACNE,IAAUC,OAAAR,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAA,4IAAAO,EAAAC,+FAAAC,IACtB,IAAAC,EAAA,OAEDC,EAAwB,kBAEN,MACVC,EAAS,SAYf,aA4EKH,EAAAI,UA8BAF,EAA8B,QAuC9BF,EAAAK,cAqBAC,EAAgB,QAqCA,OAAhBN,EAAAN,OA8BAO,EAAA"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,2 +1 @@
 export { Button } from './Button';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,4 @@
-import { ReactNode, ButtonHTMLAttributes, ReactElement } from 'react';
+import { ReactNode, ButtonHTMLAttributes, ReactElement, CSSProperties } from 'react';
 export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
 /**
  * Button properties.
@@ -15,5 +15,6 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     dropdown?: boolean;
     /** Renders a loading indicator inside the button */
     loading?: boolean;
+    /** Additional styles for mainContent */
+    contentStyles?: CSSProperties;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Calendars/components/Calendar/Calendar.cjs

@@ -1,2 +1,29 @@
-"use strict";var e=require("react"),a=require("./styled.cjs"),r=require("../subcomponents/CalendarGrid/CalendarGrid.cjs"),l=require("../../data/constants.cjs"),s=require("../subcomponents/CalendarHeader.cjs"),n=require("../../data/useCalendar.cjs"),t=require("../../data/useIsDateUnavailable.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(e);exports.Calendar=({disabledRanges:e=[],disallowWeekends:d=!1,value:i,onChange:o,isDisabled:c,...v})=>{const{level:b,focusedDate:C,setFocusedDate:D,currentYear:h,onFocusMonth:f,onFocusYear:q,handleSwitchLevel:j}=n.useCalendarState(i),{isDateUnavailable:F}=t.useIsDateUnavailable({disabledRanges:e,disallowWeekends:d});return u.default.createElement(a.StyledCalendar,{focusedValue:C,onFocusChange:D,isDateUnavailable:F,visibleDuration:l.visibleDurationMap[b],value:i,onChange:o,isDisabled:c,...v},u.default.createElement(s.CalendarHeader,{currentYear:h,level:b,handleSwitchLevel:j,isDisabled:c}),u.default.createElement(r.CalendarGrid,{level:b,currentYear:h,onFocusMonth:f,onFocusYear:q}))};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var CalendarGrid = require('../subcomponents/CalendarGrid/CalendarGrid.cjs');
+var constants = require('../../data/constants.cjs');
+var CalendarHeader = require('../subcomponents/CalendarHeader.cjs');
+var useCalendar = require('../../data/useCalendar.cjs');
+var useIsDateUnavailable = require('../../data/useIsDateUnavailable.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Calendar = ({ value, onChange, isDisabled, ...props }) => {
+    const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useCalendar.useCalendarState(value);
+    const { isDateUnavailable } = useIsDateUnavailable.useIsDateUnavailable({
+        disabledRanges: props.disabledRanges,
+        disallowWeekends: props.disallowWeekends,
+        maxValue: props.maxValue,
+        minValue: props.minValue,
+    });
+    return (React__default.default.createElement(styled.StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React__default.default.createElement(CalendarHeader.CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React__default.default.createElement(CalendarGrid.CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+};
+
+exports.Calendar = Calendar;
 //# sourceMappingURL=Calendar.cjs.map

package/dist/components/Calendars/components/Calendar/Calendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":[null],"names":["disabledRanges","disallowWeekends","value","onChange","isDisabled","props","level","focusedDate","setFocusedDate","currentYear","onFocusMonth","onFocusYear","handleSwitchLevel","useCalendarState","isDateUnavailable","useIsDateUnavailable","React","default","createElement","StyledCalendar","focusedValue","onFocusChange","visibleDuration","visibleDurationMap","CalendarHeader"],"mappings":"yXAgBwB,EAACA,iBAAA,GAAAC,oBAAA,EAAAC,QAAAC,WAAAC,gBAAAC,MACrB,MAAAC,MAAAA,EAAAC,YAAeA,EAAcC,eAAAA,EAAKC,YAAAA,EAAAC,aAAAA,EAAAC,YAAAA,EAAAC,kBAAAA,GAAAC,EAAAA,iBAAAX,IAClBY,kBAAAA,GAAWC,EAAAA,qBAAA,CAAAf,iBAAAC,qBAC3B,OAAAe,EAAAC,QAAAC,cAAAC,EAAAA,eAAA,CAAAC,aAAAb,EAAAc,cAAAb,EAAAM,kBAAAA,EAAAQ,gBAAAC,qBAAAjB,GAAAJ,MAAAA,EAAAC,SAAAA,EAAAC,WAAAA,KAAAC,GAEJW,EAAAA,QAAAE,cAAaM,iBAOV,CAAAf,YAAAA,EAAAH,MAAAA,EAAAM,kBAAAA"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":[null],"names":["useCalendarState","useIsDateUnavailable","React","StyledCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,4BAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,qBAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFH,sBAAC,CAAA,aAAA,CAAAI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}

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

@@ -1,13 +1,10 @@
 import React from 'react';
 import type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';
-import { CalendarDate } from '@internationalized/date';
+import { DateValidationProps } from 'src/components/DateInputField/types';
 export type CalendarProps = RACalProps<DateValue> & {
     value: DateValue | null | undefined;
     onChange?: RACalProps<DateValue>['onChange'];
 } & React.RefAttributes<HTMLDivElement> & {
     'aria-label': string;
-    disabledRanges?: CalendarDate[][];
-    disallowWeekends?: boolean;
-};
-export declare const Calendar: ({ disabledRanges, disallowWeekends, value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;
-//# sourceMappingURL=Calendar.d.ts.map
+} & DateValidationProps;
+export declare const Calendar: ({ value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;

package/dist/components/Calendars/components/Calendar/Calendar.js

@@ -1,2 +1,23 @@
-import e from"react";import{StyledCalendar as a}from"./styled.js";import{CalendarGrid as s}from"../subcomponents/CalendarGrid/CalendarGrid.js";import{visibleDurationMap as o}from"../../data/constants.js";import{CalendarHeader as n}from"../subcomponents/CalendarHeader.js";import{useCalendarState as r}from"../../data/useCalendar.js";import{useIsDateUnavailable as t}from"../../data/useIsDateUnavailable.js";const l=({disabledRanges:l=[],disallowWeekends:i=!1,value:d,onChange:c,isDisabled:u,...m})=>{const{level:b,focusedDate:v,setFocusedDate:p,currentYear:f,onFocusMonth:h,onFocusYear:D,handleSwitchLevel:C}=r(d),{isDateUnavailable:j}=t({disabledRanges:l,disallowWeekends:i});return e.createElement(a,{focusedValue:v,onFocusChange:p,isDateUnavailable:j,visibleDuration:o[b],value:d,onChange:c,isDisabled:u,...m},e.createElement(n,{currentYear:f,level:b,handleSwitchLevel:C,isDisabled:u}),e.createElement(s,{level:b,currentYear:f,onFocusMonth:h,onFocusYear:D}))};export{l as Calendar};
+import React from 'react';
+import { StyledCalendar } from './styled.js';
+import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
+import { visibleDurationMap } from '../../data/constants.js';
+import { CalendarHeader } from '../subcomponents/CalendarHeader.js';
+import { useCalendarState } from '../../data/useCalendar.js';
+import { useIsDateUnavailable } from '../../data/useIsDateUnavailable.js';
+
+const Calendar = ({ value, onChange, isDisabled, ...props }) => {
+    const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useCalendarState(value);
+    const { isDateUnavailable } = useIsDateUnavailable({
+        disabledRanges: props.disabledRanges,
+        disallowWeekends: props.disallowWeekends,
+        maxValue: props.maxValue,
+        minValue: props.minValue,
+    });
+    return (React.createElement(StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+};
+
+export { Calendar };
 //# sourceMappingURL=Calendar.js.map

package/dist/components/Calendars/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":[null],"names":["Calendar","disabledRanges","disallowWeekends","value","onChange","isDisabled","props","level","focusedDate","setFocusedDate","currentYear","onFocusMonth","onFocusYear","handleSwitchLevel","useCalendarState","isDateUnavailable","useIsDateUnavailable","React","createElement","StyledCalendar","focusedValue","onFocusChange","visibleDuration","visibleDurationMap","CalendarHeader"],"mappings":"uZAgBgB,MAAAA,EAAQ,EAACC,iBAAA,GAAAC,oBAAA,EAAAC,QAAAC,WAAAC,gBAAAC,MACrB,MAAAC,MAAAA,EAAAC,YAAeA,EAAcC,eAAAA,EAAKC,YAAAA,EAAAC,aAAAA,EAAAC,YAAAA,EAAAC,kBAAAA,GAAAC,EAAAX,IAClBY,kBAAAA,GAAWC,EAAA,CAAAf,iBAAAC,qBAC3B,OAAAe,EAAAC,cAAAC,EAAA,CAAAC,aAAAZ,EAAAa,cAAAZ,EAAAM,kBAAAA,EAAAO,gBAAAC,EAAAhB,GAAAJ,MAAAA,EAAAC,SAAAA,EAAAC,WAAAA,KAAAC,GAEJW,EAAAC,cAAaM,EAOV,CAAAd,YAAAA,EAAAH,MAAAA,EAAAM,kBAAAA"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAmBa,MAAA,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACnF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,gBAAgB,CAAC,KAAK,CAAC;AAE3B,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACa;AAErB;;;;"}

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

@@ -1,2 +1 @@
 export { Calendar } from './Calendar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendars/components/Calendar/styled.cjs

@@ -1,2 +1,14 @@
-"use strict";var e=require("react-aria-components"),a=require("styled-components"),r=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const d=t(a).default(e.Calendar).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--yu4kj1"})`${r.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;exports.StyledCalendar=d;
+'use strict';
+
+var reactAriaComponents = require('react-aria-components');
+var styled = require('styled-components');
+var CalendarStyles = require('../subcomponents/CalendarStyles/CalendarStyles.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const StyledCalendar = styled__default.default(reactAriaComponents.Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--yu4kj1" }) `${CalendarStyles.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
+
+exports.StyledCalendar = StyledCalendar;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/Calendar/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":[null],"names":["styled","Calendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIa,MAAA,cAAc,GAAGA,uBAAM,CAACC,4BAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1CC,mCAAoB,CAAA,yEAAA;;;;"}

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

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-export declare const StyledCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").CalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null), any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map
+export declare const StyledCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").CalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/Calendars/components/Calendar/styled.js

@@ -1,2 +1,8 @@
-import{Calendar as e}from"react-aria-components";import a from"styled-components";import{SharedCalendarStyles as t}from"../subcomponents/CalendarStyles/CalendarStyles.js";const o=a(e).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--yu4kj1"})`${t};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;export{o as StyledCalendar};
+import { Calendar } from 'react-aria-components';
+import styled from 'styled-components';
+import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
+
+const StyledCalendar = styled(Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--yu4kj1" }) `${SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
+
+export { StyledCalendar };
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/Calendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC1C,oBAAoB,CAAA,yEAAA;;;;"}

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs

@@ -1,2 +1,29 @@
-"use strict";var e=require("react"),a=require("./styled.cjs"),n=require("../subcomponents/CalendarGrid/CalendarGrid.cjs"),r=require("../../data/constants.cjs"),l=require("../../data/useRangeCalendar.cjs"),s=require("../subcomponents/CalendarHeader.cjs"),t=require("../../data/useIsDateUnavailable.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(e);exports.RangeCalendar=({disabledRanges:e=[],disallowWeekends:d=!1,value:i,onChange:o,isDisabled:c,...v})=>{const{level:b,focusedDate:C,setFocusedDate:D,currentYear:g,onFocusMonth:h,onFocusYear:f,handleSwitchLevel:q}=l.useRangeCalendarState(i),{isDateUnavailable:j}=t.useIsDateUnavailable({disabledRanges:e,disallowWeekends:d});return u.default.createElement(a.StyledRangeCalendar,{focusedValue:C,onFocusChange:D,isDateUnavailable:j,visibleDuration:r.visibleDurationMap[b],value:i,onChange:o,isDisabled:c,...v},u.default.createElement(s.CalendarHeader,{currentYear:g,level:b,handleSwitchLevel:q,isDisabled:c}),u.default.createElement(n.CalendarGrid,{level:b,currentYear:g,onFocusMonth:h,onFocusYear:f}))};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var CalendarGrid = require('../subcomponents/CalendarGrid/CalendarGrid.cjs');
+var constants = require('../../data/constants.cjs');
+var useRangeCalendar = require('../../data/useRangeCalendar.cjs');
+var CalendarHeader = require('../subcomponents/CalendarHeader.cjs');
+var useIsDateUnavailable = require('../../data/useIsDateUnavailable.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
+    const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useRangeCalendar.useRangeCalendarState(value);
+    const { isDateUnavailable } = useIsDateUnavailable.useIsDateUnavailable({
+        disabledRanges: props.disabledRanges,
+        disallowWeekends: props.disallowWeekends,
+        maxValue: props.maxValue,
+        minValue: props.minValue,
+    });
+    return (React__default.default.createElement(styled.StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React__default.default.createElement(CalendarHeader.CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React__default.default.createElement(CalendarGrid.CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+};
+
+exports.RangeCalendar = RangeCalendar;
 //# sourceMappingURL=RangeCalendar.cjs.map

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":[null],"names":["disabledRanges","disallowWeekends","value","onChange","isDisabled","props","level","focusedDate","setFocusedDate","currentYear","onFocusMonth","onFocusYear","handleSwitchLevel","useRangeCalendarState","isDateUnavailable","useIsDateUnavailable","React","default","createElement","StyledRangeCalendar","focusedValue","onFocusChange","visibleDuration","visibleDurationMap","CalendarHeader"],"mappings":"mYAgByB,EAAAA,iBAAA,GAAAC,oBAAA,EAAAC,QAAAC,WAAAC,gBAAAC,MACrB,MAAAC,MAAAA,EAAAC,YAAeA,EAAcC,eAAAA,EAAKC,YAAAA,EAAAC,aAAAA,EAAAC,YAAAA,EAAAC,kBAAAA,GAAAC,EAAAA,sBAAAX,IAClBY,kBAAAA,GAAWC,EAAAA,qBAAA,CAAAf,iBAAAC,qBAC3B,OAAAe,EAAAC,QAAAC,cAAAC,EAAAA,oBAAA,CAAAC,aAAAb,EAAAc,cAAAb,EAAAM,kBAAAA,EAAAQ,gBAAAC,qBAAAjB,GAAAJ,MAAAA,EAAAC,SAAAA,EAAAC,WAAAA,KAAAC,GAEJW,EAAAA,QAAAE,cAAaM,iBAOV,CAAAf,YAAAA,EAAAH,MAAAA,EAAAM,kBAAAA,EAAAR"}
+{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":[null],"names":["useRangeCalendarState","useIsDateUnavailable","React","StyledRangeCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAGA,sCAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAGC,yCAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,0BAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAEC,4BAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAAF,sBAAA,CAAA,aAAA,CAACG,6BAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEFH,sBAAC,CAAA,aAAA,CAAAI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACkB;AAE1B;;;;"}

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
 import type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';
-import { CalendarDate } from '@internationalized/date';
+import { DateValidationProps } from 'src/components/DateInputField/types';
 export type CalendarProps = RangeCalendarProps<DateValue> & {
     value: DateRange | null | undefined;
     onChange?: RangeCalendarProps<DateValue>['onChange'];
 } & React.RefAttributes<HTMLDivElement> & {
     'aria-label': string;
-    disabledRanges?: CalendarDate[][];
-    disallowWeekends?: boolean;
-};
-export declare const RangeCalendar: ({ disabledRanges, disallowWeekends, value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;
-//# sourceMappingURL=RangeCalendar.d.ts.map
+} & DateValidationProps;
+export declare const RangeCalendar: ({ value, onChange, isDisabled, ...props }: CalendarProps) => React.JSX.Element;

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js

@@ -1,2 +1,23 @@
-import e from"react";import{StyledRangeCalendar as a}from"./styled.js";import{CalendarGrid as s}from"../subcomponents/CalendarGrid/CalendarGrid.js";import{visibleDurationMap as n}from"../../data/constants.js";import{useRangeCalendarState as o}from"../../data/useRangeCalendar.js";import{CalendarHeader as r}from"../subcomponents/CalendarHeader.js";import{useIsDateUnavailable as t}from"../../data/useIsDateUnavailable.js";const l=({disabledRanges:l=[],disallowWeekends:i=!1,value:d,onChange:c,isDisabled:u,...m})=>{const{level:b,focusedDate:v,setFocusedDate:p,currentYear:f,onFocusMonth:h,onFocusYear:D,handleSwitchLevel:C}=o(d),{isDateUnavailable:g}=t({disabledRanges:l,disallowWeekends:i});return e.createElement(a,{focusedValue:v,onFocusChange:p,isDateUnavailable:g,visibleDuration:n[b],value:d,onChange:c,isDisabled:u,...m},e.createElement(r,{currentYear:f,level:b,handleSwitchLevel:C,isDisabled:u}),e.createElement(s,{level:b,currentYear:f,onFocusMonth:h,onFocusYear:D}))};export{l as RangeCalendar};
+import React from 'react';
+import { StyledRangeCalendar } from './styled.js';
+import { CalendarGrid } from '../subcomponents/CalendarGrid/CalendarGrid.js';
+import { visibleDurationMap } from '../../data/constants.js';
+import { useRangeCalendarState } from '../../data/useRangeCalendar.js';
+import { CalendarHeader } from '../subcomponents/CalendarHeader.js';
+import { useIsDateUnavailable } from '../../data/useIsDateUnavailable.js';
+
+const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
+    const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useRangeCalendarState(value);
+    const { isDateUnavailable } = useIsDateUnavailable({
+        disabledRanges: props.disabledRanges,
+        disallowWeekends: props.disallowWeekends,
+        maxValue: props.maxValue,
+        minValue: props.minValue,
+    });
+    return (React.createElement(StyledRangeCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+        React.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
+        React.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
+};
+
+export { RangeCalendar };
 //# sourceMappingURL=RangeCalendar.js.map

package/dist/components/Calendars/components/RangeCalendar/RangeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":[null],"names":["RangeCalendar","disabledRanges","disallowWeekends","value","onChange","isDisabled","props","level","focusedDate","setFocusedDate","currentYear","onFocusMonth","onFocusYear","handleSwitchLevel","useRangeCalendarState","isDateUnavailable","useIsDateUnavailable","React","createElement","StyledRangeCalendar","focusedValue","onFocusChange","visibleDuration","visibleDurationMap","CalendarHeader"],"mappings":"saAgBgB,MAAAA,EAAS,EAAAC,iBAAA,GAAAC,oBAAA,EAAAC,QAAAC,WAAAC,gBAAAC,MACrB,MAAAC,MAAAA,EAAAC,YAAeA,EAAcC,eAAAA,EAAKC,YAAAA,EAAAC,aAAAA,EAAAC,YAAAA,EAAAC,kBAAAA,GAAAC,EAAAX,IAClBY,kBAAAA,GAAWC,EAAA,CAAAf,iBAAAC,qBAC3B,OAAAe,EAAAC,cAAAC,EAAA,CAAAC,aAAAZ,EAAAa,cAAAZ,EAAAM,kBAAAA,EAAAO,gBAAAC,EAAAhB,GAAAJ,MAAAA,EAAAC,SAAAA,EAAAC,WAAAA,KAAAC,GAEJW,EAAAC,cAAaM,EAOV,CAAAd,YAAAA,EAAAH,MAAAA,EAAAM,kBAAAA,EAAAR"}
+{"version":3,"file":"RangeCalendar.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAmBa,MAAA,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAiB,KAAI;IACxF,MAAM,EACJ,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,GAAG,qBAAqB,CAAC,KAAK,CAAC;AAEhC,IAAA,MAAM,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC;QACjD,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAA,EAClB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,cAAc,EAC7B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,KAClB,KAAK,EAAA;AAET,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EACb,EAAA,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,CAAA;QAEF,KAAC,CAAA,aAAA,CAAA,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,CAAA,CACkB;AAE1B;;;;"}

package/dist/components/Calendars/components/RangeCalendar/index.d.ts

@@ -1,2 +1 @@
 export { RangeCalendar } from './RangeCalendar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendars/components/RangeCalendar/styled.cjs

@@ -1,2 +1,14 @@
-"use strict";var e=require("react-aria-components"),a=require("styled-components"),n=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(a).default(e.RangeCalendar).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1ykb9sq"})`${n.SharedCalendarStyles};`;exports.StyledRangeCalendar=t;
+'use strict';
+
+var reactAriaComponents = require('react-aria-components');
+var styled = require('styled-components');
+var CalendarStyles = require('../subcomponents/CalendarStyles/CalendarStyles.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const StyledRangeCalendar = styled__default.default(reactAriaComponents.RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1ykb9sq" }) `${CalendarStyles.SharedCalendarStyles};`;
+
+exports.StyledRangeCalendar = StyledRangeCalendar;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/RangeCalendar/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/styled.ts"],"sourcesContent":[null],"names":["styled","RangeCalendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIa,MAAA,mBAAmB,GAAGA,uBAAM,CAACC,iCAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACpDC,mCAAoB,CAAA,CAAA;;;;"}

package/dist/components/Calendars/components/RangeCalendar/styled.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-export declare const StyledRangeCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").RangeCalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null), any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map
+export declare const StyledRangeCalendar: import("styled-components").StyledComponent<(<T extends import("react-aria-components").DateValue>(props: import("react-aria-components").RangeCalendarProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>), any, {}, never>;

package/dist/components/Calendars/components/RangeCalendar/styled.js

@@ -1,2 +1,8 @@
-import{RangeCalendar as o}from"react-aria-components";import e from"styled-components";import{SharedCalendarStyles as t}from"../subcomponents/CalendarStyles/CalendarStyles.js";const n=e(o).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1ykb9sq"})`${t};`;export{n as StyledRangeCalendar};
+import { RangeCalendar } from 'react-aria-components';
+import styled from 'styled-components';
+import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
+
+const StyledRangeCalendar = styled(RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1ykb9sq" }) `${SharedCalendarStyles};`;
+
+export { StyledRangeCalendar };
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/RangeCalendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/RangeCalendar/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,0BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EACpD,oBAAoB,CAAA,CAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.cjs

@@ -1,2 +1,24 @@
-"use strict";var e=require("react"),r=require("./subCalendars/DodecadeCalendar.cjs"),a=require("./subCalendars/YearCalendar.cjs"),n=require("./subCalendars/MonthCalendar.cjs"),l=require("../../../types.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var u=t(e);exports.CalendarGrid=({level:e,currentYear:t,onFocusMonth:d,onFocusYear:s})=>e===l.CalendarLevel.YEAR?u.default.createElement(a.YearCalendar,{onFocusMonth:d}):e===l.CalendarLevel.DODECADE?u.default.createElement(r.DodecadeCalendar,{currentYear:t,onFocusYear:s}):u.default.createElement(n.MonthCalendar,null);
+'use strict';
+
+var React = require('react');
+var DodecadeCalendar = require('./subCalendars/DodecadeCalendar.cjs');
+var YearCalendar = require('./subCalendars/YearCalendar.cjs');
+var MonthCalendar = require('./subCalendars/MonthCalendar.cjs');
+var types = require('../../../types.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const CalendarGrid = ({ level, currentYear, onFocusMonth, onFocusYear, }) => {
+    if (level === types.CalendarLevel.YEAR) {
+        return React__default.default.createElement(YearCalendar.YearCalendar, { onFocusMonth: onFocusMonth });
+    }
+    if (level === types.CalendarLevel.DODECADE) {
+        return React__default.default.createElement(DodecadeCalendar.DodecadeCalendar, { currentYear: currentYear, onFocusYear: onFocusYear });
+    }
+    return React__default.default.createElement(MonthCalendar.MonthCalendar, null);
+};
+
+exports.CalendarGrid = CalendarGrid;
 //# sourceMappingURL=CalendarGrid.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.cjs","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":[null],"names":["level","currentYear","onFocusMonth","onFocusYear","CalendarLevel","YEAR","React","createElement","YearCalendar","DODECADE","default","DodecadeCalendar"],"mappings":"mSAKuB,EAAAA,QAAAC,cAAAC,eAAAC,iBACVH,MAASI,cAAAC,KACTC,EAAAA,QAAOC,cAAaC,EAAAA,aAAW,CAAAN,aAAAA,IAE1CF,IAAAI,EAAAA,cAAAK,SAEKH,EAAMI,QAAAH,cAKVI,mBAAA,CAAAV,YAAAA,EAAAE,YAAAA"}
+{"version":3,"file":"CalendarGrid.cjs","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":[null],"names":["CalendarLevel","React","YearCalendar","DodecadeCalendar","MonthCalendar"],"mappings":";;;;;;;;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GACO,KAAI;AACtB,IAAA,IAAI,KAAK,KAAKA,mBAAa,CAAC,IAAI,EAAE;AAChC,QAAA,OAAOC,qCAACC,yBAAY,EAAA,EAAC,YAAY,EAAE,YAAY,GAAI;AACpD;AAED,IAAA,IAAI,KAAK,KAAKF,mBAAa,CAAC,QAAQ,EAAE;QACpC,OAAOC,sBAAA,CAAA,aAAA,CAACE,iCAAgB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI;AAChF;IAED,OAAOF,sBAAA,CAAA,aAAA,CAACG,2BAAa,EAAA,IAAA,CAAG;AAC1B;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.d.ts

@@ -8,4 +8,3 @@ type CalendarGridProps = {
 };
 export declare const CalendarGrid: ({ level, currentYear, onFocusMonth, onFocusYear, }: CalendarGridProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=CalendarGrid.d.ts.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js

@@ -1,2 +1,18 @@
-import e from"react";import{DodecadeCalendar as r}from"./subCalendars/DodecadeCalendar.js";import{YearCalendar as o}from"./subCalendars/YearCalendar.js";import{MonthCalendar as a}from"./subCalendars/MonthCalendar.js";import{CalendarLevel as n}from"../../../types.js";const t=({level:t,currentYear:s,onFocusMonth:l,onFocusYear:m})=>t===n.YEAR?e.createElement(o,{onFocusMonth:l}):t===n.DODECADE?e.createElement(r,{currentYear:s,onFocusYear:m}):e.createElement(a,null);export{t as CalendarGrid};
+import React from 'react';
+import { DodecadeCalendar } from './subCalendars/DodecadeCalendar.js';
+import { YearCalendar } from './subCalendars/YearCalendar.js';
+import { MonthCalendar } from './subCalendars/MonthCalendar.js';
+import { CalendarLevel } from '../../../types.js';
+
+const CalendarGrid = ({ level, currentYear, onFocusMonth, onFocusYear, }) => {
+    if (level === CalendarLevel.YEAR) {
+        return React.createElement(YearCalendar, { onFocusMonth: onFocusMonth });
+    }
+    if (level === CalendarLevel.DODECADE) {
+        return React.createElement(DodecadeCalendar, { currentYear: currentYear, onFocusYear: onFocusYear });
+    }
+    return React.createElement(MonthCalendar, null);
+};
+
+export { CalendarGrid };
 //# sourceMappingURL=CalendarGrid.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":[null],"names":["level","currentYear","onFocusMonth","onFocusYear","YEAR","React","createElement","YearCalendar","CalendarLevel","DODECADE","DodecadeCalendar"],"mappings":"mRAKuB,EAAAA,QAAAC,cAAAC,eAAAC,iBACVH,MAASI,KACTC,EAAOC,cAAaC,EAAW,CAAAL,aAAAA,IAE1CF,IAAAQ,EAAAC,SAEKJ,EAAMC,cAKVI,EAAA,CAAAT,YAAAA,EAAAE,YAAAA"}
+{"version":3,"file":"CalendarGrid.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/CalendarGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAWO,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,GACO,KAAI;AACtB,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI,EAAE;AAChC,QAAA,OAAO,oBAAC,YAAY,EAAA,EAAC,YAAY,EAAE,YAAY,GAAI;AACpD;AAED,IAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ,EAAE;QACpC,OAAO,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI;AAChF;IAED,OAAO,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG;AAC1B;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/index.d.ts

@@ -1,2 +1 @@
 export { CalendarGrid } from './CalendarGrid';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("react"),r=require("../../../../../Grid/index.cjs"),a=require("./styled.cjs"),t=require("./utils.cjs");function u(e){return e&&e.__esModule?e:{default:e}}var i=u(e);exports.DodecadeCalendar=({currentYear:e,onFocusYear:u})=>i.default.createElement(r.Grid,{columns:3,spacing:"sm",role:"grid"},t.getYearsAround(e).map((e=>i.default.createElement(a.SubCalendarOption,{key:`year-option-${e}`,"aria-label":`Go to ${e}`,onClick:u(e)},e))));
+'use strict';
+
+var React = require('react');
+var index = require('../../../../../Grid/index.cjs');
+var styled = require('./styled.cjs');
+var utils = require('./utils.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React__default.default.createElement(index.Grid, { columns: 3, spacing: "sm", role: "grid" }, utils.getYearsAround(currentYear).map((year) => (React__default.default.createElement(styled.SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
+
+exports.DodecadeCalendar = DodecadeCalendar;
 //# sourceMappingURL=DodecadeCalendar.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DodecadeCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":[null],"names":["currentYear","onFocusYear","React","createElement","Grid","columns","spacing","role","getYearsAround","map","year","SubCalendarOption","key","onClick"],"mappings":"yNAQE,EAAAA,cAAAC,iBAAAC,EAAAA,QAAAC,cAAAC,EAAAA,KAAA,CAAAC,QAAA,EAAAC,QAAA,KAAAC,KAAA,QAAAC,EAAAA,eAAAR,GAAAS,KAAAC,GAAAR,EAAAA,QAAAC,cAAAQ,EAAAA,kBAAA,CAAAC,IAAA,eAAAF,IAAA,aAAA,SAAAA,IAAAG,QAAAZ,EAAAS,IAAAA"}
+{"version":3,"file":"DodecadeCalendar.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":[null],"names":["React","Grid","getYearsAround","SubCalendarOption"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClFA,sBAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvCC,oBAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpCF,sBAAA,CAAA,aAAA,CAACG,wBAAiB,EAAA,EAChB,GAAG,EAAE,CAAe,YAAA,EAAA,IAAI,EAAE,EACd,YAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAEzB,EAAA,IAAI,CACa,CACrB,CAAC,CACG;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.d.ts

@@ -5,4 +5,3 @@ type DodecadeCalendarProps = {
 };
 export declare const DodecadeCalendar: ({ currentYear, onFocusYear }: DodecadeCalendarProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=DodecadeCalendar.d.ts.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js

@@ -1,2 +1,9 @@
-import r from"react";import{Grid as e}from"../../../../../Grid/index.js";import{SubCalendarOption as o}from"./styled.js";import{getYearsAround as t}from"./utils.js";const m=({currentYear:m,onFocusYear:i})=>r.createElement(e,{columns:3,spacing:"sm",role:"grid"},t(m).map((e=>r.createElement(o,{key:`year-option-${e}`,"aria-label":`Go to ${e}`,onClick:i(e)},e))));export{m as DodecadeCalendar};
+import React from 'react';
+import { Grid } from '../../../../../Grid/index.js';
+import { SubCalendarOption } from './styled.js';
+import { getYearsAround } from './utils.js';
+
+const DodecadeCalendar = ({ currentYear, onFocusYear }) => (React.createElement(Grid, { columns: 3, spacing: "sm", role: "grid" }, getYearsAround(currentYear).map((year) => (React.createElement(SubCalendarOption, { key: `year-option-${year}`, "aria-label": `Go to ${year}`, onClick: onFocusYear(year) }, year)))));
+
+export { DodecadeCalendar };
 //# sourceMappingURL=DodecadeCalendar.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"DodecadeCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":[null],"names":["DodecadeCalendar","currentYear","onFocusYear","React","createElement","Grid","columns","spacing","role","getYearsAround","map","year","SubCalendarOption","key","onClick"],"mappings":"qKAQE,MAAAA,EAAA,EAAAC,cAAAC,iBAAAC,EAAAC,cAAAC,EAAA,CAAAC,QAAA,EAAAC,QAAA,KAAAC,KAAA,QAAAC,EAAAR,GAAAS,KAAAC,GAAAR,EAAAC,cAAAQ,EAAA,CAAAC,IAAA,eAAAF,IAAA,aAAA,SAAAA,IAAAG,QAAAZ,EAAAS,IAAAA"}
+{"version":3,"file":"DodecadeCalendar.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUO,MAAM,gBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAyB,MAClF,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAA,EACvC,cAAc,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MACpC,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,GAAG,EAAE,CAAe,YAAA,EAAA,IAAI,EAAE,EACd,YAAA,EAAA,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,EAC3B,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,EAEzB,EAAA,IAAI,CACa,CACrB,CAAC,CACG;;;;"}