@veeqo/ui 9.0.0-beta-3 → 9.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":[null],"names":["styled","getTextStyles","theme"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1CC,mBAAa,CAACC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQfA,WAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}

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

@@ -1,2 +1 @@
 export declare const SubCalendarOption: import("styled-components").StyledComponent<"button", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

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

@@ -1,33 +1,8 @@
-import o from"styled-components";import{getTextStyles as e}from"../../../../../../theme/utils.js";import{theme as r}from"../../../../../../theme/index.js";const t=o.button`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+import styled from 'styled-components';
+import { getTextStyles } from '../../../../../../theme/utils.js';
+import { theme } from '../../../../../../theme/index.js';
 
-  ${e(r.text.body)};
+const SubCalendarOption = styled.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--140wlkz" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${getTextStyles(theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${theme.colors.secondary.blue.light};}}`;
 
-  width: 60px;
-  height: 32px;
-  padding: 0;
-
-  border: none;
-  outline: none;
-  border-radius: ${r.radius.md};
-  background-color: white;
-
-  &:hover {
-    cursor: pointer;
-    background-color: ${r.colors.neutral.grey.base};
-  }
-
-  &:focus-visible,
-  &:active {
-    color: white;
-    background-color: ${r.colors.secondary.blue.base};
-
-    &:not([data-selected]) {
-      outline: 2px solid ${r.colors.secondary.blue.light};
-    }
-  }
-`;export{t as SubCalendarOption};
+export { SubCalendarOption };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1C,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQf,KAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}

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

@@ -1,2 +1,11 @@
-"use strict";exports.getYearsAround=r=>Array.from({length:12},((e,t)=>r-5+t));
+'use strict';
+
+/**
+ * Gets a range of years around a given year.
+ * @param year The year to get the range around.
+ * @returns An array of years around the given year.
+ */
+const getYearsAround = (year) => Array.from({ length: 12 }, (_, i) => year - 5 + i);
+
+exports.getYearsAround = getYearsAround;
 //# sourceMappingURL=utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/utils.ts"],"sourcesContent":[null],"names":["year","Array","length","_","i"],"mappings":"oCAK2BA,GAAAC,WAAmB,CAAAC,OAAM,KACC,CAAAC,EAAAC,IAAAJ,EAAA,EAAAI"}
+{"version":3,"file":"utils.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,IAAY,KACzC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC;;;;"}

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

@@ -4,4 +4,3 @@
  * @returns An array of years around the given year.
  */
 export declare const getYearsAround: (year: number) => number[];
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1,2 +1,9 @@
-const r=r=>Array.from({length:12},((o,t)=>r-5+t));export{r as getYearsAround};
+/**
+ * Gets a range of years around a given year.
+ * @param year The year to get the range around.
+ * @returns An array of years around the given year.
+ */
+const getYearsAround = (year) => Array.from({ length: 12 }, (_, i) => year - 5 + i);
+
+export { getYearsAround };
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/utils.ts"],"sourcesContent":[null],"names":["getYearsAround","year","Array","length","_","i"],"mappings":"AAKA,MAAAA,EAA2BC,GAAAC,WAAmB,CAAAC,OAAM,KACC,CAAAC,EAAAC,IAAAJ,EAAA,EAAAI"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;AAIG;AACI,MAAM,cAAc,GAAG,CAAC,IAAY,KACzC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC;;;;"}

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

@@ -1,2 +1,29 @@
-"use strict";var e=require("react"),t=require("react-aria-components"),r=require("../../../Button/Button.cjs"),a=require("../../../../tempIcons/RightArrowIcon.cjs"),n=require("../../../../tempIcons/LeftArrowIcon.cjs"),l=require("../../../Stack/Stack.cjs"),c=require("../../../../tempIcons/UpArrowIcon.cjs"),o=require("../../../../tempIcons/DownArrowIcon.cjs"),i=require("../../types.cjs"),s=require("../../data/constants.cjs"),u=require("./CalendarHeading.cjs");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(e);exports.CalendarHeader=({level:e,currentYear:d,handleSwitchLevel:f,isDisabled:p})=>m.default.createElement(l.Stack,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},m.default.createElement(t.Button,{slot:"previous",isDisabled:p},m.default.createElement(n.LeftArrowIcon,null)),m.default.createElement(l.Stack,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},m.default.createElement(u.CalendarHeading,{level:e,currentYear:d}),m.default.createElement(r.Button,{"aria-label":s.levelMoveLabelMap[e],variant:"flat",iconSlot:e===i.CalendarLevel.DODECADE?m.default.createElement(c.UpArrowIcon,null):m.default.createElement(o.DownArrowIcon,null),size:"sm",onClick:f,disabled:p})),m.default.createElement(t.Button,{slot:"next",isDisabled:p},m.default.createElement(a.RightArrowIcon,null)));
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var Button = require('../../../Button/Button.cjs');
+var RightArrowIcon = require('../../../../tempIcons/RightArrowIcon.cjs');
+var LeftArrowIcon = require('../../../../tempIcons/LeftArrowIcon.cjs');
+var Stack = require('../../../Stack/Stack.cjs');
+var UpArrowIcon = require('../../../../tempIcons/UpArrowIcon.cjs');
+var DownArrowIcon = require('../../../../tempIcons/DownArrowIcon.cjs');
+var types = require('../../types.cjs');
+var constants = require('../../data/constants.cjs');
+var CalendarHeading = require('./CalendarHeading.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const CalendarHeader = ({ level, currentYear, handleSwitchLevel, isDisabled, }) => (React__default.default.createElement(Stack.Stack, { as: "header", direction: "horizontal", alignX: "between", alignY: "center", spacing: "0" },
+    React__default.default.createElement(reactAriaComponents.Button, { slot: "previous", isDisabled: isDisabled, type: "button" },
+        React__default.default.createElement(LeftArrowIcon.LeftArrowIcon, null)),
+    React__default.default.createElement(Stack.Stack, { direction: "horizontal", alignY: "center", alignX: "stretch", spacing: "xs", style: { margin: '0 4px' } },
+        React__default.default.createElement(CalendarHeading.CalendarHeading, { level: level, currentYear: currentYear }),
+        React__default.default.createElement(Button.Button, { type: "button", "aria-label": constants.levelMoveLabelMap[level], variant: "flat", iconSlot: level === types.CalendarLevel.DODECADE ? React__default.default.createElement(UpArrowIcon.UpArrowIcon, null) : React__default.default.createElement(DownArrowIcon.DownArrowIcon, null), size: "sm", onClick: handleSwitchLevel, disabled: isDisabled })),
+    React__default.default.createElement(reactAriaComponents.Button, { slot: "next", isDisabled: isDisabled, type: "button" },
+        React__default.default.createElement(RightArrowIcon.RightArrowIcon, null))));
+
+exports.CalendarHeader = CalendarHeader;
 //# sourceMappingURL=CalendarHeader.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CalendarHeader.cjs","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":[null],"names":["React","Stack","Button","LeftArrowIcon","CalendarHeading","VQBtn","levelMoveLabelMap","CalendarLevel","UpArrowIcon","DownArrowIcon","RightArrowIcon"],"mappings":";;;;;;;;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpBA,sBAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAAD,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3DF,sBAAC,CAAA,aAAA,CAAAG,2BAAa,OAAG,CACV;IACTH,sBAAC,CAAA,aAAA,CAAAC,WAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1BD,sBAAC,CAAA,aAAA,CAAAI,+BAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3DJ,sBAAC,CAAA,aAAA,CAAAK,aAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAAC,2BAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAKC,mBAAa,CAAC,QAAQ,GAAGP,sBAAA,CAAA,aAAA,CAACQ,uBAAW,EAAG,IAAA,CAAA,GAAGR,sBAAA,CAAA,aAAA,CAACS,2BAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAAT,sBAAA,CAAA,aAAA,CAACE,0BAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAAF,sBAAA,CAAA,aAAA,CAACU,6BAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}

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

@@ -8,4 +8,3 @@ type CalendarHeaderProps = {
 };
 export declare const CalendarHeader: ({ level, currentYear, handleSwitchLevel, isDisabled, }: CalendarHeaderProps) => React.JSX.Element;
 export {};
-//# sourceMappingURL=CalendarHeader.d.ts.map

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

@@ -1,2 +1,23 @@
-import e from"react";import{Button as t}from"react-aria-components";import{Button as r}from"../../../Button/Button.js";import{RightArrowIcon as o}from"../../../../tempIcons/RightArrowIcon.js";import{LeftArrowIcon as n}from"../../../../tempIcons/LeftArrowIcon.js";import{Stack as a}from"../../../Stack/Stack.js";import{UpArrowIcon as l}from"../../../../tempIcons/UpArrowIcon.js";import{DownArrowIcon as i}from"../../../../tempIcons/DownArrowIcon.js";import{CalendarLevel as m}from"../../types.js";import{levelMoveLabelMap as c}from"../../data/constants.js";import{CalendarHeading as s}from"./CalendarHeading.js";const p=({level:p,currentYear:f,handleSwitchLevel:d,isDisabled:E})=>e.createElement(a,{as:"header",direction:"horizontal",alignX:"between",alignY:"center",spacing:"0"},e.createElement(t,{slot:"previous",isDisabled:E},e.createElement(n,null)),e.createElement(a,{direction:"horizontal",alignY:"center",alignX:"stretch",spacing:"xs",style:{margin:"0 4px"}},e.createElement(s,{level:p,currentYear:f}),e.createElement(r,{"aria-label":c[p],variant:"flat",iconSlot:p===m.DODECADE?e.createElement(l,null):e.createElement(i,null),size:"sm",onClick:d,disabled:E})),e.createElement(t,{slot:"next",isDisabled:E},e.createElement(o,null)));export{p as CalendarHeader};
+import React from 'react';
+import { Button } from 'react-aria-components';
+import { Button as Button$1 } from '../../../Button/Button.js';
+import { RightArrowIcon } from '../../../../tempIcons/RightArrowIcon.js';
+import { LeftArrowIcon } from '../../../../tempIcons/LeftArrowIcon.js';
+import { Stack } from '../../../Stack/Stack.js';
+import { UpArrowIcon } from '../../../../tempIcons/UpArrowIcon.js';
+import { DownArrowIcon } from '../../../../tempIcons/DownArrowIcon.js';
+import { CalendarLevel } from '../../types.js';
+import { levelMoveLabelMap } from '../../data/constants.js';
+import { CalendarHeading } from './CalendarHeading.js';
+
+const CalendarHeader = ({ level, currentYear, handleSwitchLevel, isDisabled, }) => (React.createElement(Stack, { as: "header", direction: "horizontal", alignX: "between", alignY: "center", spacing: "0" },
+    React.createElement(Button, { slot: "previous", isDisabled: isDisabled, type: "button" },
+        React.createElement(LeftArrowIcon, null)),
+    React.createElement(Stack, { direction: "horizontal", alignY: "center", alignX: "stretch", spacing: "xs", style: { margin: '0 4px' } },
+        React.createElement(CalendarHeading, { level: level, currentYear: currentYear }),
+        React.createElement(Button$1, { type: "button", "aria-label": levelMoveLabelMap[level], variant: "flat", iconSlot: level === CalendarLevel.DODECADE ? React.createElement(UpArrowIcon, null) : React.createElement(DownArrowIcon, null), size: "sm", onClick: handleSwitchLevel, disabled: isDisabled })),
+    React.createElement(Button, { slot: "next", isDisabled: isDisabled, type: "button" },
+        React.createElement(RightArrowIcon, null))));
+
+export { CalendarHeader };
 //# sourceMappingURL=CalendarHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeader.tsx"],"sourcesContent":[null],"names":["VQBtn"],"mappings":";;;;;;;;;;;;AAoBa,MAAA,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,UAAU,GACU,MACpB,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAA;AACpF,IAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,UAAU,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;QAC3D,KAAC,CAAA,aAAA,CAAA,aAAa,OAAG,CACV;IACT,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAC,SAAS,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAA;QAE1B,KAAC,CAAA,aAAA,CAAA,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAI,CAAA;QAC3D,KAAC,CAAA,aAAA,CAAAA,QAAK,IACJ,IAAI,EAAC,QAAQ,EACD,YAAA,EAAA,iBAAiB,CAAC,KAAK,CAAC,EACpC,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,KAAK,KAAK,aAAa,CAAC,QAAQ,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAG,IAAA,CAAA,GAAG,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA,CAAG,EAChF,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,UAAU,EAAA,CACpB,CACI;AACR,IAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAA;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,CAAG,CACX,CACH;;;;"}

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

@@ -1,2 +1,27 @@
-"use strict";var e=require("react"),r=require("react-aria-components"),t=require("../../../Text/Text.cjs"),a=require("../../types.cjs"),n=require("./utils.cjs");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const l=e.forwardRef(((i,l)=>{const[u,o]=r.useContextProps(i,l,r.HeadingContext),{children:c,level:d,currentYear:f,...p}=u,v=e.useMemo((()=>d===a.CalendarLevel.DODECADE?`${f-5} - ${f+6}`:d===a.CalendarLevel.YEAR?f.toString():n.trimMonths(c)),[d,f,c]);return s.default.createElement(t.Text,{variant:"headingSmall",...p,ref:o,style:{whiteSpace:"nowrap"}},v)}));exports.CalendarHeading=l;
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var Text = require('../../../Text/Text.cjs');
+var types = require('../../types.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 CalendarHeading = React.forwardRef((props, ref) => {
+    const [updatedProps, refUpdated] = reactAriaComponents.useContextProps(props, ref, reactAriaComponents.HeadingContext);
+    const { children: generatedTitle, level, currentYear, ...rest } = updatedProps;
+    const text = React.useMemo(() => {
+        if (level === types.CalendarLevel.DODECADE)
+            return `${currentYear - 5} - ${currentYear + 6}`;
+        if (level === types.CalendarLevel.YEAR)
+            return currentYear.toString();
+        return utils.trimMonths(generatedTitle);
+    }, [level, currentYear, generatedTitle]);
+    return (React__default.default.createElement(Text.Text, { variant: "headingSmall", ...rest, ref: refUpdated, style: { whiteSpace: 'nowrap' } }, text));
+});
+
+exports.CalendarHeading = CalendarHeading;
 //# sourceMappingURL=CalendarHeading.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeading.cjs","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":[null],"names":["forwardRef","props","ref","useContextProps","HeadingContext"],"mappings":"uOAQqFA,EAAAA,YAAA,CAAAC,EAAAC,kBAmBnFC,gBAAAF,EAAAC,EAAAE,EAAAA"}
+{"version":3,"file":"CalendarHeading.cjs","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":[null],"names":["forwardRef","useContextProps","HeadingContext","useMemo","CalendarLevel","trimMonths","React","Text"],"mappings":";;;;;;;;;;;;AAUa,MAAA,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAA0B,EAAE,GAA2C,KAAI;AAC1E,IAAA,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,GAAGC,mCAAe,CAAC,KAAK,EAAE,GAAG,EAAEC,kCAAc,CAAC;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,YAAY;AAE9E,IAAA,MAAM,IAAI,GAAGC,aAAO,CAAC,MAAK;AACxB,QAAA,IAAI,KAAK,KAAKC,mBAAa,CAAC,QAAQ;YAAE,OAAO,CAAA,EAAG,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,CAAC,CAAA,CAAE;AACtF,QAAA,IAAI,KAAK,KAAKA,mBAAa,CAAC,IAAI;AAAE,YAAA,OAAO,WAAW,CAAC,QAAQ,EAAE;AAC/D,QAAA,OAAOC,gBAAU,CAAC,cAAwB,CAAC;KAC5C,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAExC,QACEC,sBAAC,CAAA,aAAA,CAAAC,SAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpF,EAAA,IAAI,CACA;AAEX,CAAC;;;;"}

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

@@ -5,4 +5,3 @@ export declare const CalendarHeading: React.ForwardRefExoticComponent<HeadingPro
     level: CalendarLevel;
     currentYear: number;
 } & React.RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=CalendarHeading.d.ts.map

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

@@ -1,2 +1,21 @@
-import r,{forwardRef as t,useMemo as e}from"react";import{useContextProps as o,HeadingContext as m}from"react-aria-components";import{Text as a}from"../../../Text/Text.js";import{CalendarLevel as i}from"../../types.js";import{trimMonths as n}from"./utils.js";const p=t(((t,p)=>{const[c,s]=o(t,p,m),{children:l,level:f,currentYear:E,...h}=c,j=e((()=>f===i.DODECADE?`${E-5} - ${E+6}`:f===i.YEAR?E.toString():n(l)),[f,E,l]);return r.createElement(a,{variant:"headingSmall",...h,ref:s,style:{whiteSpace:"nowrap"}},j)}));export{p as CalendarHeading};
+import React, { forwardRef, useMemo } from 'react';
+import { useContextProps, HeadingContext } from 'react-aria-components';
+import { Text } from '../../../Text/Text.js';
+import { CalendarLevel } from '../../types.js';
+import { trimMonths } from './utils.js';
+
+const CalendarHeading = forwardRef((props, ref) => {
+    const [updatedProps, refUpdated] = useContextProps(props, ref, HeadingContext);
+    const { children: generatedTitle, level, currentYear, ...rest } = updatedProps;
+    const text = useMemo(() => {
+        if (level === CalendarLevel.DODECADE)
+            return `${currentYear - 5} - ${currentYear + 6}`;
+        if (level === CalendarLevel.YEAR)
+            return currentYear.toString();
+        return trimMonths(generatedTitle);
+    }, [level, currentYear, generatedTitle]);
+    return (React.createElement(Text, { variant: "headingSmall", ...rest, ref: refUpdated, style: { whiteSpace: 'nowrap' } }, text));
+});
+
+export { CalendarHeading };
 //# sourceMappingURL=CalendarHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeading.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":[null],"names":["forwardRef","props","ref","HeadingContext"],"mappings":"2QAQqFA,GAAA,CAAAC,EAAAC,kBAmBnFD,EAAAC,EAAAC"}
+{"version":3,"file":"CalendarHeading.js","sources":["../../../../../src/components/Calendars/components/subcomponents/CalendarHeading.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUa,MAAA,eAAe,GAAG,UAAU,CACvC,CAAC,KAA0B,EAAE,GAA2C,KAAI;AAC1E,IAAA,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,YAAY;AAE9E,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;AACxB,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,QAAQ;YAAE,OAAO,CAAA,EAAG,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,CAAC,CAAA,CAAE;AACtF,QAAA,IAAI,KAAK,KAAK,aAAa,CAAC,IAAI;AAAE,YAAA,OAAO,WAAW,CAAC,QAAQ,EAAE;AAC/D,QAAA,OAAO,UAAU,CAAC,cAAwB,CAAC;KAC5C,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAExC,QACE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EACpF,EAAA,IAAI,CACA;AAEX,CAAC;;;;"}

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

@@ -1,56 +1,12 @@
-"use strict";var e=require("styled-components"),t=require("../../../../../theme/index.cjs"),r=require("./buttonStyles.cjs"),a=require("./calendarCellStyles.cjs"),d=require("./headerStyles.cjs");const s=e.css`
-  width: fit-content;
-  max-width: 100%;
-  min-width: 225px;
+'use strict';
 
-  color: ${t.theme.colors.neutral.ink.base};
-  font-size: 14px;
-  font-family: ${t.theme.fontFamily};
+var styled = require('styled-components');
+var index = require('../../../../../theme/index.cjs');
+var buttonStyles = require('./buttonStyles.cjs');
+var calendarCellStyles = require('./calendarCellStyles.cjs');
+var headerStyles = require('./headerStyles.cjs');
 
-  ${d.headerStyles}
+const SharedCalendarStyles = styled.css `width:fit-content;max-width:100%;min-width:225px;color:${index.theme.colors.neutral.ink.base};font-size:14px;font-family:${index.theme.fontFamily};${headerStyles.headerStyles} ${buttonStyles.buttonStyles} ${calendarCellStyles.calenderCellStyles} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${index.theme.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${index.theme.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${index.theme.colors.secondary.blue.base};& > div{border:1px solid ${index.theme.colors.secondary.blue.darkest};border-radius:${index.theme.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`;
 
-  ${r.buttonStyles}
-
-  ${a.calenderCellStyles}
-
-  & table {
-    height: fit-content;
-
-    border-collapse: separate;
-    border-spacing: 0 ${t.theme.sizes.xs};
-
-    & td {
-      padding: 0;
-
-      /*
-       * Selectors for today border (has to apply to wrapping td (cannot be targetted directly
-       * need to go through :has to get data attributes about the cell)).
-       */
-      &:has(div[data-today='true']) {
-        & > div {
-          border: 1px solid ${t.theme.colors.neutral.ink.lightest};
-        }
-
-        &:has(div[data-selected]) {
-          background-color: ${t.theme.colors.secondary.blue.base};
-
-          & > div {
-            border: 1px solid ${t.theme.colors.secondary.blue.darkest};
-            border-radius: ${t.theme.radius.md};
-          }
-
-          &:has(div[data-selection-start]) {
-            border-start-start-radius: 6px;
-            border-end-start-radius: 6px;
-          }
-
-          &:has(div[data-selection-end]) {
-            border-start-end-radius: 6px;
-            border-end-end-radius: 6px;
-          }
-        }
-      }
-    }
-  }
-`;exports.SharedCalendarStyles=s;
+exports.SharedCalendarStyles = SharedCalendarStyles;
 //# sourceMappingURL=CalendarStyles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CalendarStyles.cjs","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.ts"],"sourcesContent":[null],"names":["css","theme","headerStyles","buttonStyles","calenderCellStyles"],"mappings":";;;;;;;;AAOO,MAAM,oBAAoB,GAAGA,UAAG,CAK5B,CAAA,uDAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,4BAAA,EAEvBA,WAAK,CAAC,UAAU,CAAA,CAAA,EAE7BC,yBAAY,CAAA,CAAA,EAEZC,yBAAY,CAEZ,CAAA,EAAAC,qCAAkB,CAME,sEAAA,EAAAH,WAAK,CAAC,KAAK,CAAC,EAAE,0EAWRA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAIjC,6CAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0BAAA,EAG9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CACtC,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,EAAE;;;;"}

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

@@ -1,2 +1 @@
 export declare const SharedCalendarStyles: import("styled-components").FlattenSimpleInterpolation;
-//# sourceMappingURL=CalendarStyles.d.ts.map

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

@@ -1,56 +1,10 @@
-import{css as t}from"styled-components";import{theme as e}from"../../../../../theme/index.js";import{buttonStyles as r}from"./buttonStyles.js";import{calenderCellStyles as o}from"./calendarCellStyles.js";import{headerStyles as d}from"./headerStyles.js";const a=t`
-  width: fit-content;
-  max-width: 100%;
-  min-width: 225px;
+import { css } from 'styled-components';
+import { theme } from '../../../../../theme/index.js';
+import { buttonStyles } from './buttonStyles.js';
+import { calenderCellStyles } from './calendarCellStyles.js';
+import { headerStyles } from './headerStyles.js';
 
-  color: ${e.colors.neutral.ink.base};
-  font-size: 14px;
-  font-family: ${e.fontFamily};
+const SharedCalendarStyles = css `width:fit-content;max-width:100%;min-width:225px;color:${theme.colors.neutral.ink.base};font-size:14px;font-family:${theme.fontFamily};${headerStyles} ${buttonStyles} ${calenderCellStyles} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${theme.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${theme.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${theme.colors.secondary.blue.base};& > div{border:1px solid ${theme.colors.secondary.blue.darkest};border-radius:${theme.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`;
 
-  ${d}
-
-  ${r}
-
-  ${o}
-
-  & table {
-    height: fit-content;
-
-    border-collapse: separate;
-    border-spacing: 0 ${e.sizes.xs};
-
-    & td {
-      padding: 0;
-
-      /*
-       * Selectors for today border (has to apply to wrapping td (cannot be targetted directly
-       * need to go through :has to get data attributes about the cell)).
-       */
-      &:has(div[data-today='true']) {
-        & > div {
-          border: 1px solid ${e.colors.neutral.ink.lightest};
-        }
-
-        &:has(div[data-selected]) {
-          background-color: ${e.colors.secondary.blue.base};
-
-          & > div {
-            border: 1px solid ${e.colors.secondary.blue.darkest};
-            border-radius: ${e.radius.md};
-          }
-
-          &:has(div[data-selection-start]) {
-            border-start-start-radius: 6px;
-            border-end-start-radius: 6px;
-          }
-
-          &:has(div[data-selection-end]) {
-            border-start-end-radius: 6px;
-            border-end-end-radius: 6px;
-          }
-        }
-      }
-    }
-  }
-`;export{a as SharedCalendarStyles};
+export { SharedCalendarStyles };
 //# sourceMappingURL=CalendarStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CalendarStyles.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO,MAAM,oBAAoB,GAAG,GAAG,CAK5B,CAAA,uDAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,4BAAA,EAEvB,KAAK,CAAC,UAAU,CAAA,CAAA,EAE7B,YAAY,CAAA,CAAA,EAEZ,YAAY,CAEZ,CAAA,EAAA,kBAAkB,CAME,sEAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE,0EAWR,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAIjC,6CAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0BAAA,EAG9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CACtC,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,EAAE;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs

@@ -1,44 +1,9 @@
-"use strict";var e=require("styled-components"),r=require("../../../../../theme/index.cjs");const o=e.css`
-  .react-aria-Button {
-    color: ${r.theme.colors.neutral.ink.base};
-    background-color: transparent;
+'use strict';
 
-    border-color: transparent;
-    box-shadow: none;
+var styled = require('styled-components');
+var index = require('../../../../../theme/index.cjs');
 
-    cursor: pointer;
+const buttonStyles = styled.css `.react-aria-Button{color:${index.theme.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${index.theme.sizes.base};height:${index.theme.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};}&:active,&:hover{background-color:${index.theme.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${index.theme.colors.neutral.grey.base};cursor:default;}}`;
 
-    height: 40px;
-    padding: 0 8px;
-    border-radius: 8px;
-    font-size: 16px;
-    line-height: 16px;
-    outline: 0;
-
-    --outline-width: 4px;
-
-    svg {
-      width: ${r.theme.sizes.base};
-      height: ${r.theme.sizes.base};
-    }
-
-    &:active,
-    &:focus-visible {
-      box-shadow: 0 0 0 var(--outline-width) ${r.theme.colors.secondary.blue.light};
-    }
-
-    &:active,
-    &:hover {
-      background-color: ${r.theme.colors.neutral.grey.light};
-    }
-
-    &:disabled {
-      background-color: transparent;
-      border-color: transparent;
-      user-select: none;
-      color: ${r.theme.colors.neutral.grey.base};
-      cursor: default;
-    }
-  }
-`;exports.buttonStyles=o;
+exports.buttonStyles = buttonStyles;
 //# sourceMappingURL=buttonStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"buttonStyles.cjs","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.ts"],"sourcesContent":[null],"names":["css","theme"],"mappings":";;;;;AAGa,MAAA,YAAY,GAAGA,UAAG,CAElB,CAAA,yBAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAkB3B,0MAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI,CACf,QAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI,CAKe,gEAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,oCAAA,EAKtDA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,0FAAA,EAO1CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.d.ts

@@ -1,2 +1 @@
 export declare const buttonStyles: import("styled-components").FlattenSimpleInterpolation;
-//# sourceMappingURL=buttonStyles.d.ts.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js

@@ -1,44 +1,7 @@
-import{css as o}from"styled-components";import{theme as r}from"../../../../../theme/index.js";const e=o`
-  .react-aria-Button {
-    color: ${r.colors.neutral.ink.base};
-    background-color: transparent;
+import { css } from 'styled-components';
+import { theme } from '../../../../../theme/index.js';
 
-    border-color: transparent;
-    box-shadow: none;
+const buttonStyles = css `.react-aria-Button{color:${theme.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${theme.sizes.base};height:${theme.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:active,&:hover{background-color:${theme.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${theme.colors.neutral.grey.base};cursor:default;}}`;
 
-    cursor: pointer;
-
-    height: 40px;
-    padding: 0 8px;
-    border-radius: 8px;
-    font-size: 16px;
-    line-height: 16px;
-    outline: 0;
-
-    --outline-width: 4px;
-
-    svg {
-      width: ${r.sizes.base};
-      height: ${r.sizes.base};
-    }
-
-    &:active,
-    &:focus-visible {
-      box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
-    }
-
-    &:active,
-    &:hover {
-      background-color: ${r.colors.neutral.grey.light};
-    }
-
-    &:disabled {
-      background-color: transparent;
-      border-color: transparent;
-      user-select: none;
-      color: ${r.colors.neutral.grey.base};
-      cursor: default;
-    }
-  }
-`;export{e as buttonStyles};
+export { buttonStyles };
 //# sourceMappingURL=buttonStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"buttonStyles.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGa,MAAA,YAAY,GAAG,GAAG,CAElB,CAAA,yBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAkB3B,0MAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CACf,QAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAKe,gEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,oCAAA,EAKtD,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,0FAAA,EAO1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs

@@ -1,71 +1,9 @@
-"use strict";var e=require("styled-components"),t=require("../../../../../theme/index.cjs");const r=e.css`
-  .react-aria-CalendarCell {
-    width: 30px;
-    line-height: 30px;
-    border-radius: ${t.theme.radius.md};
-    border: 1px solid transparent;
+'use strict';
 
-    cursor: pointer;
-    text-align: center;
+var styled = require('styled-components');
+var index = require('../../../../../theme/index.cjs');
 
-    /**
-     * Data Attribute styling: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html#calendarcell-1
-     */
+const calenderCellStyles = styled.css `.react-aria-CalendarCell{width:30px;line-height:30px;border-radius:${index.theme.radius.md};border:1px solid transparent;cursor:pointer;text-align:center;&[data-hovered]{background-color:${index.theme.colors.neutral.grey.base};}&[data-focus-visible],&[data-focused]{outline:2px solid ${index.theme.colors.secondary.blue.light};}&[data-selected]{background:${index.theme.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${index.theme.colors.secondary.blue.light};}}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{cursor:not-allowed;text-decoration:line-through;color:${index.theme.colors.secondary.red.dark};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${index.theme.colors.neutral.ink.lightest};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`;
 
-    &[data-hovered] {
-      background-color: ${t.theme.colors.neutral.grey.base};
-    }
-
-    &[data-focus-visible],
-    &[data-focused] {
-      outline: 2px solid ${t.theme.colors.secondary.blue.light};
-    }
-
-    /**
-     * Selection Styles
-     */
-
-    &[data-selected] {
-      background: ${t.theme.colors.secondary.blue.base};
-      color: white;
-      border-radius: 0;
-
-      &[data-focus-visible] {
-        outline-color: ${t.theme.colors.secondary.blue.light};
-      }
-    }
-
-    &[data-outside-month],
-    &[data-disabled] {
-      cursor: not-allowed;
-    }
-
-    &[data-unavailable] {
-      cursor: not-allowed;
-      text-decoration: line-through;
-      color: ${t.theme.colors.secondary.red.dark};
-
-      &:hover {
-        background-color: inherit;
-      }
-    }
-
-    &[data-outside-month],
-    &[data-disabled] {
-      color: ${t.theme.colors.neutral.ink.lightest};
-    }
-
-    // First and last selected elements.
-
-    &[data-selection-start] {
-      border-start-start-radius: 6px;
-      border-end-start-radius: 6px;
-    }
-
-    &[data-selection-end] {
-      border-start-end-radius: 6px;
-      border-end-end-radius: 6px;
-    }
-  }
-`;exports.calenderCellStyles=r;
+exports.calenderCellStyles = calenderCellStyles;
 //# sourceMappingURL=calendarCellStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarCellStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"calendarCellStyles.cjs","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.ts"],"sourcesContent":[null],"names":["css","theme"],"mappings":";;;;;AAGO,MAAM,kBAAkB,GAAGA,UAAG,CAIhB,CAAA,mEAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,gGAAA,EAWVA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAK7B,0DAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAQxC,8BAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iEAAA,EAK3BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,wIAAA,EAY3CA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,oFAS/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.d.ts

@@ -1,2 +1 @@
 export declare const calenderCellStyles: import("styled-components").FlattenSimpleInterpolation;
-//# sourceMappingURL=calendarCellStyles.d.ts.map