@veeqo/ui 14.11.2 → 14.12.0-beta-1

package/dist/components/Breadcrumbs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport styles from './Breadcrumbs.module.scss';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <li className={`${styles.breadcrumb} breadcrumb`}>\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </li>\n    );\n  }\n  return (\n    <li className={`${styles.breadcrumb} breadcrumb`}>\n      {title}\n      {children}\n    </li>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;QACjB,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;AAC9C,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACN;AAER,IAAA;IACD,QACEA,qCAAI,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,CAAA,WAAA,CAAa,EAAA;QAC7C,KAAK;QACL,QAAQ,CACN;AAET;;;;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumbs/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbProps } from '../types';\nimport { BreadcrumbSC } from './styled';\n\nexport const Breadcrumb = ({ children, title, LinkComponent, href }: BreadcrumbProps) => {\n  if (LinkComponent) {\n    return (\n      <BreadcrumbSC className=\"breadcrumb\">\n        <LinkComponent href={href}>{title}</LinkComponent>\n        {children}\n      </BreadcrumbSC>\n    );\n  }\n  return (\n    <BreadcrumbSC className=\"breadcrumb\">\n      {title}\n      {children}\n    </BreadcrumbSC>\n  );\n};\n"],"names":["React"],"mappings":";;;AAIO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAmB,KAAI;AACtF,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;AAClC,YAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,EAAG,KAAK,CAAiB;YACjD,QAAQ,CACI;AAElB,IAAA;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA;QACjC,KAAK;QACL,QAAQ,CACI;AAEnB;;;;"}

package/dist/components/Breadcrumbs/components/styled.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var styled = require('styled-components');
+var text = require('../../../theme/modules/text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const BreadcrumbsSC = styled__default.default.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.text.body.fontFamily};font-weight:${text.text.body.fontWeight};font-size:${text.text.body.fontSize};line-height:${text.text.body.lineHeight};`;
+const BreadcrumbSC = styled__default.default.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
+
+exports.BreadcrumbSC = BreadcrumbSC;
+exports.BreadcrumbsSC = BreadcrumbsSC;
+//# sourceMappingURL=styled.cjs.map

package/dist/components/Breadcrumbs/components/styled.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":["styled","text"],"mappings":";;;;;;;;;AAGO,MAAM,aAAa,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrBC,SAAI,CAAC,IAAI,CAAC,UAAU,gBACpBA,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChBA,SAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAGD,uBAAM,CAAC,EAAE;;;;;"}

package/dist/components/Breadcrumbs/components/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const BreadcrumbsSC: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const BreadcrumbSC: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/Breadcrumbs/components/styled.js

@@ -0,0 +1,8 @@
+import styled from 'styled-components';
+import { text } from '../../../theme/modules/text.js';
+
+const BreadcrumbsSC = styled.ul.withConfig({ displayName: "vui--BreadcrumbsSC", componentId: "vui--1kzms7s" }) `list-style:none;padding:0;margin:0;display:flex;align-items:center;font-family:${text.body.fontFamily};font-weight:${text.body.fontWeight};font-size:${text.body.fontSize};line-height:${text.body.lineHeight};`;
+const BreadcrumbSC = styled.li.withConfig({ displayName: "vui--BreadcrumbSC", componentId: "vui--17agc2w" }) `display:flex;align-items:center;.separator{display:flex;align-items:center;padding:0px 0.4rem;}a{color:inherit;text-decoration:none;text-transform:capitalize;}a:hover{text-decoration:underline;}span{font-weight:600;text-transform:capitalize;}`;
+
+export { BreadcrumbSC, BreadcrumbsSC };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Breadcrumbs/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { text } from '../../../theme/modules/text';\n\nexport const BreadcrumbsSC = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: ${text.body.fontFamily};\n  font-weight: ${text.body.fontWeight};\n  font-size: ${text.body.fontSize};\n  line-height: ${text.body.lineHeight};\n`;\n\nexport const BreadcrumbSC = styled.li`\n  display: flex;\n  align-items: center;\n\n  .separator {\n    display: flex;\n    align-items: center;\n    padding: 0px 0.4rem;\n  }\n\n  a {\n    color: inherit;\n    text-decoration: none;\n    text-transform: capitalize;\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  span {\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+EAAA,EAMrB,IAAI,CAAC,IAAI,CAAC,UAAU,gBACpB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EAChB,IAAI,CAAC,IAAI,CAAC,UAAU;MAGxB,YAAY,GAAG,MAAM,CAAC,EAAE;;;;"}

package/dist/components/Button/Button.cjs

@@ -1,56 +1,52 @@
 'use strict';
 
 var React = require('react');
-var Loader = require('../Loader/Loader.cjs');
 var withTokens = require('../../hoc/withTokens/withTokens.cjs');
+var DropdownIcon = require('../../icons/custom/components/DropdownIcon.cjs');
 var buildClassnames = require('../../utils/buildClassnames.cjs');
 require('uid/secure');
-var assignCssVars = require('../../utils/assignCssVars.cjs');
-var DropdownIcon = require('../../icons/custom/components/DropdownIcon.cjs');
-var Button_module = require('./Button.module.scss.cjs');
+var button_module = require('../Action/styles/button.module.scss.cjs');
+var utils = require('../Action/utils.cjs');
+var Loader = require('../Loader/Loader.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-/* eslint-disable react/button-has-type */
 /**
- * @deprecated Use the `Action` component instead
+ * @deprecated Use the `Action` component instead.
+ * Button triggers actions such as submitting forms, opening dialogs, or deleting records.
  */
-const ButtonBase = React.forwardRef(({ className, children, iconSlot, variant = 'default', size = 'base', dropdown = false, loading = false, contentStyles, as, ...otherProps }, ref) => {
-    const Element = as || 'button';
-    if (variant === 'unstyled') {
-        return (React__default.default.createElement(Element, { ref: ref, className: buildClassnames.buildClassnames([Button_module['unstyled-variant'], className]), ...otherProps }, children));
-    }
-    const hasChildren = children !== undefined;
-    const hasIcon = !!iconSlot;
-    const iconSize = hasChildren || size === 'sm' ? 'var(--sizes-base)' : 'var(--sizes-md)';
-    const mainContentStyle = { ...assignCssVars.assignCssVars({ buttonIconSize: iconSize }), ...contentStyles };
-    if (variant === 'link') {
-        return (React__default.default.createElement(Element, { ref: ref, className: buildClassnames.buildClassnames([Button_module['link-variant'], hasChildren && Button_module.hasText, className]), ...otherProps },
-            (hasChildren || hasIcon) && (React__default.default.createElement("span", { className: buildClassnames.buildClassnames([Button_module.mainContent, loading && Button_module.loading]), style: mainContentStyle },
-                iconSlot && iconSlot,
-                children !== undefined && children,
-                dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null))),
-            loading && (React__default.default.createElement("div", { className: Button_module.loadingWrapper },
-                React__default.default.createElement(Loader.Loader, null)))));
-    }
-    return (React__default.default.createElement(Element, { ref: ref, className: buildClassnames.buildClassnames([
-            Button_module.base,
-            Button_module[`${variant}-variant`],
-            Button_module[`${size}-size`],
-            hasIcon && Button_module.hasIcon,
-            hasChildren && Button_module.hasText,
-            dropdown && Button_module.hasDropdown,
-            className,
-        ]), ...otherProps },
-        (hasChildren || hasIcon) && (React__default.default.createElement("span", { className: buildClassnames.buildClassnames([Button_module.mainContent, loading && Button_module.loading]), style: mainContentStyle },
-            iconSlot && iconSlot,
-            children !== undefined && children,
-            dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null))),
-        loading && (React__default.default.createElement("div", { className: Button_module.loadingWrapper },
-            React__default.default.createElement(Loader.Loader, null)))));
+const ButtonBase = React.forwardRef(({ className, children, iconSlot, variant = 'default', size, dropdown = false, loading = false, disabled, type = 'button', ...otherProps }, ref) => {
+    const isLink = variant === 'link';
+    const appearance = isLink ? 'link' : 'button';
+    const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;
+    const classNames = utils.getAppearanceClasses(appearance, {
+        className,
+        ...(!isLink && { variant: variant }),
+        disabled,
+        size: resolvedSize,
+        dropdown,
+        iconSlot,
+        children,
+    });
+    return (React__default.default.createElement("button", { ...otherProps, ref: ref, 
+        // eslint-disable-next-line react/button-has-type
+        type: type, className: variant === 'unstyled' ? utils.getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink ? (React__default.default.createElement(React__default.default.Fragment, null,
+        iconSlot,
+        children,
+        dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null))) : (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement("span", { className: buildClassnames.buildClassnames([
+                button_module.content,
+                loading && button_module.hideContent,
+            ]) },
+            iconSlot,
+            children,
+            dropdown && React__default.default.createElement(DropdownIcon.DropdownIcon, null)),
+        loading && (React__default.default.createElement("div", { className: button_module.loadingWrapper, "aria-hidden": "true" },
+            React__default.default.createElement(Loader.Loader, { className: button_module.loader })))))));
 });
+ButtonBase.displayName = 'Button';
 const Button = withTokens.withTokens(ButtonBase);
 
 exports.Button = Button;

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\nimport { buildClassnames, assignCssVars } from '../../utils';\nimport { DropdownIcon } from '../../icons';\n\nimport styles from './Button.module.scss';\n\n/* eslint-disable react/button-has-type */\n\n/**\n * @deprecated Use the `Action` component instead\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      as,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    const Element: ElementType = as || 'button';\n\n    if (variant === 'unstyled') {\n      return (\n        <Element\n          ref={ref}\n          className={buildClassnames([styles['unstyled-variant'], className])}\n          {...otherProps}\n        >\n          {children}\n        </Element>\n      );\n    }\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    const iconSize = hasChildren || size === 'sm' ? 'var(--sizes-base)' : 'var(--sizes-md)';\n    const mainContentStyle = { ...assignCssVars({ buttonIconSize: iconSize }), ...contentStyles };\n\n    if (variant === 'link') {\n      return (\n        <Element\n          ref={ref}\n          className={buildClassnames([styles['link-variant'], hasChildren && styles.hasText, className])}\n          {...otherProps}\n        >\n          {(hasChildren || hasIcon) && (\n            <span className={buildClassnames([styles.mainContent, loading && styles.loading])} style={mainContentStyle}>\n              {iconSlot && iconSlot}\n              {children !== undefined && children}\n              {dropdown && <DropdownIcon />}\n            </span>\n          )}\n\n          {loading && (\n            <div className={styles.loadingWrapper}>\n              <Loader />\n            </div>\n          )}\n        </Element>\n      );\n    }\n\n    return (\n      <Element\n        ref={ref}\n        className={buildClassnames([\n          styles.base,\n          styles[`${variant}-variant`],\n          styles[`${size}-size`],\n          hasIcon && styles.hasIcon,\n          hasChildren && styles.hasText,\n          dropdown && styles.hasDropdown,\n          className,\n        ])}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <span className={buildClassnames([styles.mainContent, loading && styles.loading])} style={mainContentStyle}>\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </span>\n        )}\n\n        {loading && (\n          <div className={styles.loadingWrapper}>\n            <Loader />\n          </div>\n        )}\n      </Element>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["forwardRef","React","buildClassnames","styles","assignCssVars","DropdownIcon","Loader","withTokens"],"mappings":"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"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size,\n      dropdown = false,\n      loading = false,\n      disabled,\n      type = 'button',\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isLink = variant === 'link';\n\n    const appearance = isLink ? 'link' : 'button';\n\n    const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n    const classNames = getAppearanceClasses(appearance, {\n      className,\n      ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n      disabled,\n      size: resolvedSize,\n      dropdown,\n      iconSlot,\n      children,\n    });\n\n    return (\n      <button\n        {...otherProps}\n        ref={ref}\n        // eslint-disable-next-line react/button-has-type\n        type={type}\n        className={\n          variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n        }\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n      >\n        {isLink ? (\n          <>\n            {iconSlot}\n            {children}\n            {dropdown && <DropdownIcon />}\n          </>\n        ) : (\n          <>\n            <span\n              className={buildClassnames([\n                buttonStyles.content,\n                loading && buttonStyles.hideContent,\n              ])}\n            >\n              {iconSlot}\n              {children}\n              {dropdown && <DropdownIcon />}\n            </span>\n            {loading && (\n              <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n                <Loader className={buttonStyles.loader} />\n              </div>\n            )}\n          </>\n        )}\n      </button>\n    );\n  },\n);\n\nButtonBase.displayName = 'Button';\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["forwardRef","getAppearanceClasses","React","DropdownIcon","buildClassnames","buttonStyles","Loader","withTokens"],"mappings":";;;;;;;;;;;;;;;AAUA;;;AAGG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACD,EACd,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM;IAEjC,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ;AAE7C,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI;AAElF,IAAA,MAAM,UAAU,GAAGC,0BAAoB,CAAC,UAAU,EAAE;QAClD,SAAS;QACT,IAAI,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAsD,EAAE,CAAC;QACnF,QAAQ;AACR,QAAA,IAAI,EAAE,YAAY;QAClB,QAAQ;QACR,QAAQ;QACR,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,QACEC,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GACM,UAAU,EACd,GAAG,EAAE,GAAG;;AAER,QAAA,IAAI,EAAE,IAAI,EACV,SAAS,EACP,OAAO,KAAK,UAAU,GAAGD,0BAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,UAAU,EAEvF,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAAA,WAAA,EAClB,OAAO,IAAI,SAAS,EAAA,EAE9B,MAAM,IACLC,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,QAAQ;QACR,QAAQ,IAAIA,qCAACC,yBAAY,EAAA,IAAA,CAAG,CAC5B,KAEHD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACEA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEE,+BAAe,CAAC;AACzB,gBAAAC,aAAY,CAAC,OAAO;gBACpB,OAAO,IAAIA,aAAY,CAAC,WAAW;aACpC,CAAC,EAAA;YAED,QAAQ;YACR,QAAQ;AACR,YAAA,QAAQ,IAAIH,sBAAA,CAAA,aAAA,CAACC,yBAAY,EAAA,IAAA,CAAG,CACxB;QACN,OAAO,KACND,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,aAAY,CAAC,cAAc,EAAA,aAAA,EAAc,MAAM,EAAA;AAC7D,YAAAH,sBAAA,CAAA,aAAA,CAACI,aAAM,EAAA,EAAC,SAAS,EAAED,aAAY,CAAC,MAAM,EAAA,CAAI,CACtC,CACP,CACA,CACJ,CACM;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAGE,qBAAU,CAAC,UAAU;;;;;"}

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

@@ -1,30 +1,22 @@
 import React from 'react';
+import { ButtonVariant } from './types';
 /**
- * @deprecated Use the `Action` component instead
+ * @deprecated Use the `Action` component instead.
+ * Button triggers actions such as submitting forms, opening dialogs, or deleting records.
  */
 export declare const ButtonBase: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../hoc/withTokens").WithTokensProps & {
     children?: React.ReactNode;
-    variant?: import("./types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
+    variant?: ButtonVariant | undefined;
+    size?: import("./types").ButtonSize | undefined;
     iconSlot?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
-    contentStyles?: React.CSSProperties | undefined;
-    as?: React.ElementType | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-    rel?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../hoc/withTokens").WithTokensProps & {
     children?: React.ReactNode;
-    variant?: import("./types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
+    variant?: ButtonVariant | undefined;
+    size?: import("./types").ButtonSize | undefined;
     iconSlot?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
-    contentStyles?: React.CSSProperties | undefined;
-    as?: React.ElementType | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-    rel?: string | undefined;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,50 +1,46 @@
 import React__default, { forwardRef } from 'react';
-import { Loader } from '../Loader/Loader.js';
 import { withTokens } from '../../hoc/withTokens/withTokens.js';
+import { DropdownIcon } from '../../icons/custom/components/DropdownIcon.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
 import 'uid/secure';
-import { assignCssVars } from '../../utils/assignCssVars.js';
-import { DropdownIcon } from '../../icons/custom/components/DropdownIcon.js';
-import styles from './Button.module.scss.js';
+import buttonStyles from '../Action/styles/button.module.scss.js';
+import { getAppearanceClasses } from '../Action/utils.js';
+import { Loader } from '../Loader/Loader.js';
 
-/* eslint-disable react/button-has-type */
 /**
- * @deprecated Use the `Action` component instead
+ * @deprecated Use the `Action` component instead.
+ * Button triggers actions such as submitting forms, opening dialogs, or deleting records.
  */
-const ButtonBase = forwardRef(({ className, children, iconSlot, variant = 'default', size = 'base', dropdown = false, loading = false, contentStyles, as, ...otherProps }, ref) => {
-    const Element = as || 'button';
-    if (variant === 'unstyled') {
-        return (React__default.createElement(Element, { ref: ref, className: buildClassnames([styles['unstyled-variant'], className]), ...otherProps }, children));
-    }
-    const hasChildren = children !== undefined;
-    const hasIcon = !!iconSlot;
-    const iconSize = hasChildren || size === 'sm' ? 'var(--sizes-base)' : 'var(--sizes-md)';
-    const mainContentStyle = { ...assignCssVars({ buttonIconSize: iconSize }), ...contentStyles };
-    if (variant === 'link') {
-        return (React__default.createElement(Element, { ref: ref, className: buildClassnames([styles['link-variant'], hasChildren && styles.hasText, className]), ...otherProps },
-            (hasChildren || hasIcon) && (React__default.createElement("span", { className: buildClassnames([styles.mainContent, loading && styles.loading]), style: mainContentStyle },
-                iconSlot && iconSlot,
-                children !== undefined && children,
-                dropdown && React__default.createElement(DropdownIcon, null))),
-            loading && (React__default.createElement("div", { className: styles.loadingWrapper },
-                React__default.createElement(Loader, null)))));
-    }
-    return (React__default.createElement(Element, { ref: ref, className: buildClassnames([
-            styles.base,
-            styles[`${variant}-variant`],
-            styles[`${size}-size`],
-            hasIcon && styles.hasIcon,
-            hasChildren && styles.hasText,
-            dropdown && styles.hasDropdown,
-            className,
-        ]), ...otherProps },
-        (hasChildren || hasIcon) && (React__default.createElement("span", { className: buildClassnames([styles.mainContent, loading && styles.loading]), style: mainContentStyle },
-            iconSlot && iconSlot,
-            children !== undefined && children,
-            dropdown && React__default.createElement(DropdownIcon, null))),
-        loading && (React__default.createElement("div", { className: styles.loadingWrapper },
-            React__default.createElement(Loader, null)))));
+const ButtonBase = forwardRef(({ className, children, iconSlot, variant = 'default', size, dropdown = false, loading = false, disabled, type = 'button', ...otherProps }, ref) => {
+    const isLink = variant === 'link';
+    const appearance = isLink ? 'link' : 'button';
+    const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;
+    const classNames = getAppearanceClasses(appearance, {
+        className,
+        ...(!isLink && { variant: variant }),
+        disabled,
+        size: resolvedSize,
+        dropdown,
+        iconSlot,
+        children,
+    });
+    return (React__default.createElement("button", { ...otherProps, ref: ref, 
+        // eslint-disable-next-line react/button-has-type
+        type: type, className: variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames, disabled: disabled || loading, "aria-busy": loading || undefined }, isLink ? (React__default.createElement(React__default.Fragment, null,
+        iconSlot,
+        children,
+        dropdown && React__default.createElement(DropdownIcon, null))) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("span", { className: buildClassnames([
+                buttonStyles.content,
+                loading && buttonStyles.hideContent,
+            ]) },
+            iconSlot,
+            children,
+            dropdown && React__default.createElement(DropdownIcon, null)),
+        loading && (React__default.createElement("div", { className: buttonStyles.loadingWrapper, "aria-hidden": "true" },
+            React__default.createElement(Loader, { className: buttonStyles.loader })))))));
 });
+ButtonBase.displayName = 'Button';
 const Button = withTokens(ButtonBase);
 
 export { Button, ButtonBase };

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ElementType } from 'react';\n\nimport { ButtonProps } from './types';\nimport { Loader } from '../Loader';\nimport { withTokens } from '../../hoc/withTokens';\nimport { buildClassnames, assignCssVars } from '../../utils';\nimport { DropdownIcon } from '../../icons';\n\nimport styles from './Button.module.scss';\n\n/* eslint-disable react/button-has-type */\n\n/**\n * @deprecated Use the `Action` component instead\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size = 'base',\n      dropdown = false,\n      loading = false,\n      contentStyles,\n      as,\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    const Element: ElementType = as || 'button';\n\n    if (variant === 'unstyled') {\n      return (\n        <Element\n          ref={ref}\n          className={buildClassnames([styles['unstyled-variant'], className])}\n          {...otherProps}\n        >\n          {children}\n        </Element>\n      );\n    }\n\n    const hasChildren = children !== undefined;\n    const hasIcon = !!iconSlot;\n    const iconSize = hasChildren || size === 'sm' ? 'var(--sizes-base)' : 'var(--sizes-md)';\n    const mainContentStyle = { ...assignCssVars({ buttonIconSize: iconSize }), ...contentStyles };\n\n    if (variant === 'link') {\n      return (\n        <Element\n          ref={ref}\n          className={buildClassnames([styles['link-variant'], hasChildren && styles.hasText, className])}\n          {...otherProps}\n        >\n          {(hasChildren || hasIcon) && (\n            <span className={buildClassnames([styles.mainContent, loading && styles.loading])} style={mainContentStyle}>\n              {iconSlot && iconSlot}\n              {children !== undefined && children}\n              {dropdown && <DropdownIcon />}\n            </span>\n          )}\n\n          {loading && (\n            <div className={styles.loadingWrapper}>\n              <Loader />\n            </div>\n          )}\n        </Element>\n      );\n    }\n\n    return (\n      <Element\n        ref={ref}\n        className={buildClassnames([\n          styles.base,\n          styles[`${variant}-variant`],\n          styles[`${size}-size`],\n          hasIcon && styles.hasIcon,\n          hasChildren && styles.hasText,\n          dropdown && styles.hasDropdown,\n          className,\n        ])}\n        {...otherProps}\n      >\n        {(hasChildren || hasIcon) && (\n          <span className={buildClassnames([styles.mainContent, loading && styles.loading])} style={mainContentStyle}>\n            {iconSlot && iconSlot}\n            {children !== undefined && children}\n            {dropdown && <DropdownIcon />}\n          </span>\n        )}\n\n        {loading && (\n          <div className={styles.loadingWrapper}>\n            <Loader />\n          </div>\n        )}\n      </Element>\n    );\n  },\n);\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { withTokens } from '../../hoc/withTokens';\nimport { DropdownIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport buttonStyles from '../Action/styles/button.module.scss';\nimport { getAppearanceClasses } from '../Action/utils';\nimport { Loader } from '../Loader';\nimport { ButtonProps, ButtonVariant } from './types';\n\n/**\n * @deprecated Use the `Action` component instead.\n * Button triggers actions such as submitting forms, opening dialogs, or deleting records.\n */\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      iconSlot,\n      variant = 'default',\n      size,\n      dropdown = false,\n      loading = false,\n      disabled,\n      type = 'button',\n      ...otherProps\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isLink = variant === 'link';\n\n    const appearance = isLink ? 'link' : 'button';\n\n    const resolvedSize = size === undefined && appearance === 'button' ? 'base' : size;\n\n    const classNames = getAppearanceClasses(appearance, {\n      className,\n      ...(!isLink && { variant: variant as Exclude<ButtonVariant, 'link' | 'unstyled'> }),\n      disabled,\n      size: resolvedSize,\n      dropdown,\n      iconSlot,\n      children,\n    });\n\n    return (\n      <button\n        {...otherProps}\n        ref={ref}\n        // eslint-disable-next-line react/button-has-type\n        type={type}\n        className={\n          variant === 'unstyled' ? getAppearanceClasses('unstyled', { className }) : classNames\n        }\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n      >\n        {isLink ? (\n          <>\n            {iconSlot}\n            {children}\n            {dropdown && <DropdownIcon />}\n          </>\n        ) : (\n          <>\n            <span\n              className={buildClassnames([\n                buttonStyles.content,\n                loading && buttonStyles.hideContent,\n              ])}\n            >\n              {iconSlot}\n              {children}\n              {dropdown && <DropdownIcon />}\n            </span>\n            {loading && (\n              <div className={buttonStyles.loadingWrapper} aria-hidden=\"true\">\n                <Loader className={buttonStyles.loader} />\n              </div>\n            )}\n          </>\n        )}\n      </button>\n    );\n  },\n);\n\nButtonBase.displayName = 'Button';\n\nexport const Button = withTokens(ButtonBase);\n"],"names":["React"],"mappings":";;;;;;;;;AAUA;;;AAGG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,UAAU,EACD,EACd,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM;IAEjC,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ;AAE7C,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,UAAU,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI;AAElF,IAAA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE;QAClD,SAAS;QACT,IAAI,CAAC,MAAM,IAAI,EAAE,OAAO,EAAE,OAAsD,EAAE,CAAC;QACnF,QAAQ;AACR,QAAA,IAAI,EAAE,YAAY;QAClB,QAAQ;QACR,QAAQ;QACR,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GACM,UAAU,EACd,GAAG,EAAE,GAAG;;AAER,QAAA,IAAI,EAAE,IAAI,EACV,SAAS,EACP,OAAO,KAAK,UAAU,GAAG,oBAAoB,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,GAAG,UAAU,EAEvF,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAAA,WAAA,EAClB,OAAO,IAAI,SAAS,EAAA,EAE9B,MAAM,IACLA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,QAAQ;QACR,QAAQ,IAAIA,6BAAC,YAAY,EAAA,IAAA,CAAG,CAC5B,KAEHA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC;AACzB,gBAAA,YAAY,CAAC,OAAO;gBACpB,OAAO,IAAI,YAAY,CAAC,WAAW;aACpC,CAAC,EAAA;YAED,QAAQ;YACR,QAAQ;AACR,YAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA,CAAG,CACxB;QACN,OAAO,KACNA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,YAAY,CAAC,cAAc,EAAA,aAAA,EAAc,MAAM,EAAA;AAC7D,YAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,YAAY,CAAC,MAAM,EAAA,CAAI,CACtC,CACP,CACA,CACJ,CACM;AAEb,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,QAAQ;MAEpB,MAAM,GAAG,UAAU,CAAC,UAAU;;;;"}

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

@@ -1,29 +1,20 @@
-import { ReactNode, ButtonHTMLAttributes, ReactElement, CSSProperties, ElementType } from 'react';
+import { ButtonHTMLAttributes, ReactElement, ReactNode } from 'react';
 import { WithTokensProps } from '../../hoc/withTokens/withTokens';
 export type ButtonVariant = 'default' | 'destructive' | 'primary' | 'primaryDestructive' | 'flat' | 'link' | 'unstyled';
+export type ButtonSize = 'xs' | 'sm' | 'base';
 /**
- * Button properties.
+ * @deprecated Use `ActionProps` from the `Action` component instead
  */
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithTokensProps & {
     children?: ReactNode;
     /** Variant styles */
     variant?: ButtonVariant;
     /** Button sizes */
-    size?: 'sm' | 'base';
-    /** Icon */
+    size?: ButtonSize;
+    /** Icon rendered before children */
     iconSlot?: ReactElement;
-    /** Renders a dropdown indicator inside the button */
+    /** Renders a dropdown chevron indicator */
     dropdown?: boolean;
-    /** Renders a loading indicator inside the button */
+    /** Shows a loading spinner */
     loading?: boolean;
-    /** Additional styles for mainContent */
-    contentStyles?: CSSProperties;
-    /** Render as a different element type (e.g. 'a' for links) */
-    as?: ElementType;
-    /** URL when rendered as an anchor (use with as="a") */
-    href?: string;
-    /** Link target (use with as="a") */
-    target?: string;
-    /** Link rel attribute (use with as="a") */
-    rel?: string;
 };

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

@@ -1,13 +1,12 @@
 'use strict';
 
 var React = require('react');
-var reactAriaComponents = require('react-aria-components');
+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');
-var Calendar_module = require('./Calendar.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,7 +20,7 @@ const Calendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.default.createElement(reactAriaComponents.Calendar, { className: Calendar_module.calendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    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 })));
 };

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":["import React from 'react';\n\nimport { Calendar as RACalendar } from 'react-aria-components';\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './Calendar.module.scss';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RACalendar\n      className={styles.calendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RACalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","RACalendar","styles","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,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,4BAAU,IACT,SAAS,EAAEC,eAAM,CAAC,QAAQ,EAC1B,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,QAAAH,sBAAA,CAAA,aAAA,CAACI,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFJ,sBAAA,CAAA,aAAA,CAACK,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACS;AAEjB;;;;"}
+{"version":3,"file":"Calendar.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["useCalendarState","useIsDateUnavailable","React","StyledCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAM,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,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFH,sBAAA,CAAA,aAAA,CAACI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}

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

@@ -1,11 +1,10 @@
 import React__default from 'react';
-import { Calendar as Calendar$1 } from 'react-aria-components';
+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';
-import styles from './Calendar.module.scss.js';
 
 const Calendar = ({ value, onChange, isDisabled, ...props }) => {
     const { level, focusedDate, setFocusedDate, currentYear, onFocusMonth, onFocusYear, handleSwitchLevel, } = useCalendarState(value);
@@ -15,7 +14,7 @@ const Calendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.createElement(Calendar$1, { className: styles.calendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    return (React__default.createElement(StyledCalendar, { focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
         React__default.createElement(CalendarHeader, { currentYear: currentYear, level: level, handleSwitchLevel: handleSwitchLevel, isDisabled: isDisabled }),
         React__default.createElement(CalendarGrid, { level: level, currentYear: currentYear, onFocusMonth: onFocusMonth, onFocusYear: onFocusYear })));
 };

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":["import React from 'react';\n\nimport { Calendar as RACalendar } from 'react-aria-components';\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './Calendar.module.scss';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RACalendar\n      className={styles.calendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RACalendar>\n  );\n};\n"],"names":["React","RACalendar"],"mappings":";;;;;;;;;AAoBO,MAAM,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,QACEA,cAAA,CAAA,aAAA,CAACC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,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,QAAAD,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACS;AAEjB;;;;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/Calendars/components/Calendar/Calendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateValue, CalendarProps as RACalProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useCalendarState } from '../../data/useCalendar';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RACalProps<DateValue> & {\n  value: DateValue | null | undefined;\n  onChange?: RACalProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const Calendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledCalendar>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAmBO,MAAM,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,QACEA,cAAA,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,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFA,cAAA,CAAA,aAAA,CAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACa;AAErB;;;;"}

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

@@ -0,0 +1,14 @@
+'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--6d0gjz" }) `${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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.cjs","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":["styled","Calendar","SharedCalendarStyles"],"mappings":";;;;;;;;;;AAIO,MAAM,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

@@ -0,0 +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>>), any, {}, never>;

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

@@ -0,0 +1,8 @@
+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--6d0gjz" }) `${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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/Calendars/components/Calendar/styled.ts"],"sourcesContent":["import { Calendar } from 'react-aria-components';\nimport styled from 'styled-components';\nimport { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles';\n\nexport const StyledCalendar = styled(Calendar)`\n  ${SharedCalendarStyles};\n\n  & .react-aria-CalendarCell[data-selected],\n  & table td {\n    border-radius: 8px;\n  }\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,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,13 +1,12 @@
 'use strict';
 
 var React = require('react');
-var reactAriaComponents = require('react-aria-components');
+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');
-var RangeCalendar_module = require('./RangeCalendar.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,7 +20,7 @@ const RangeCalendar = ({ value, onChange, isDisabled, ...props }) => {
         maxValue: props.maxValue,
         minValue: props.minValue,
     });
-    return (React__default.default.createElement(reactAriaComponents.RangeCalendar, { className: RangeCalendar_module.rangeCalendar, focusedValue: focusedDate, onFocusChange: setFocusedDate, isDateUnavailable: isDateUnavailable, visibleDuration: constants.visibleDurationMap[level], value: value, onChange: onChange, isDisabled: isDisabled, ...props },
+    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 })));
 };

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":["import React from 'react';\n\nimport { RangeCalendar as RARangeCalendar } from 'react-aria-components';\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\nimport styles from './RangeCalendar.module.scss';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <RARangeCalendar\n      className={styles.rangeCalendar}\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </RARangeCalendar>\n  );\n};\n"],"names":["useRangeCalendarState","useIsDateUnavailable","React","RARangeCalendar","styles","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;;AAoBO,MAAM,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,iCAAe,IACd,SAAS,EAAEC,oBAAM,CAAC,aAAa,EAC/B,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,QAAAH,sBAAA,CAAA,aAAA,CAACI,6BAAc,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFJ,sBAAA,CAAA,aAAA,CAACK,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACc;AAEtB;;;;"}
+{"version":3,"file":"RangeCalendar.cjs","sources":["../../../../../src/components/Calendars/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DateRange, DateValue, RangeCalendarProps } from 'react-aria-components';\n\nimport { DateValidationProps } from '../../../DateInputField/types';\nimport { StyledRangeCalendar } from './styled';\nimport { CalendarGrid } from '../subcomponents/CalendarGrid';\nimport { visibleDurationMap } from '../../data/constants';\nimport { useRangeCalendarState } from '../../data/useRangeCalendar';\nimport { CalendarHeader } from '../subcomponents/CalendarHeader';\nimport { useIsDateUnavailable } from '../../data/useIsDateUnavailable';\n\nexport type CalendarProps = RangeCalendarProps<DateValue> & {\n  value: DateRange | null | undefined;\n  onChange?: RangeCalendarProps<DateValue>['onChange'];\n} & React.RefAttributes<HTMLDivElement> & {\n    'aria-label': string;\n  } & DateValidationProps;\n\nexport const RangeCalendar = ({ value, onChange, isDisabled, ...props }: CalendarProps) => {\n  const {\n    level,\n    focusedDate,\n    setFocusedDate,\n    currentYear,\n    onFocusMonth,\n    onFocusYear,\n    handleSwitchLevel,\n  } = useRangeCalendarState(value);\n\n  const { isDateUnavailable } = useIsDateUnavailable({\n    disabledRanges: props.disabledRanges,\n    disallowWeekends: props.disallowWeekends,\n    maxValue: props.maxValue,\n    minValue: props.minValue,\n  });\n\n  return (\n    <StyledRangeCalendar\n      focusedValue={focusedDate}\n      onFocusChange={setFocusedDate}\n      isDateUnavailable={isDateUnavailable}\n      visibleDuration={visibleDurationMap[level]}\n      value={value}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      {...props}\n    >\n      <CalendarHeader\n        currentYear={currentYear}\n        level={level}\n        handleSwitchLevel={handleSwitchLevel}\n        isDisabled={isDisabled}\n      />\n\n      <CalendarGrid\n        level={level}\n        currentYear={currentYear}\n        onFocusMonth={onFocusMonth}\n        onFocusYear={onFocusYear}\n      />\n    </StyledRangeCalendar>\n  );\n};\n"],"names":["useRangeCalendarState","useIsDateUnavailable","React","StyledRangeCalendar","visibleDurationMap","CalendarHeader","CalendarGrid"],"mappings":";;;;;;;;;;;;;;AAmBO,MAAM,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,EAAA,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EAAA,CACtB;QAEFH,sBAAA,CAAA,aAAA,CAACI,yBAAY,IACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EAAA,CACxB,CACkB;AAE1B;;;;"}