@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Button/components/styled.cjs

@@ -1,189 +1,72 @@
-"use strict";var e=require("styled-components"),o=require("../../../theme/index.cjs"),r=require("../../../theme/modules/sizes.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var l=t(e);const n=l.default.span`
-  display: inline-flex;
-  align-items: center;
-
-  gap: ${({hasText:e})=>e?"8px":"4px"};
-  ${({$loading:e})=>e?"opacity: 0;":null};
-
-  svg {
-    width: ${({size:e})=>r.sizes[e]};
-    height: ${({size:e})=>r.sizes[e]};
-  }
-`,a=l.default.button`
-  position: relative;
-  box-sizing: border-box;
-  appearance: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  font-family: ${o.theme.fontFamily};
-  font-weight: 400;
-  border: 1px solid;
-  background-color: transparent;
-  white-space: nowrap;
-
-  ${e=>{let o="40px",r="24px",t="24px",l="8px",n="16px",a="4px";return e.hasIcon&&(r="16px"),e.hasDropdown&&(t="16px"),"sm"===e.size&&(o="32px",r="16px",t="16px",l="4px",n="14px",a="2px",e.hasIcon&&(r="8px"),e.hasDropdown&&(t="8px")),e.hasText||(r="8px",t="8px"),`\n      --outline-width: ${a};\n\n      height: ${o};\n      padding-left: ${r};\n      padding-right: ${t};\n      border-radius: ${l};\n      font-size: ${n};\n      line-height: ${n};\n    `}}
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  &:disabled {
-    pointer-events: none;
-    cursor: unset !important;
-  }
-`,s=l.default(a)`
-  border-color: ${o.theme.colors.neutral.grey.dark};
-  background-color: white;
-  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);
-  color: ${({hasText:e})=>e?o.theme.colors.neutral.ink.base:o.theme.colors.secondary.blue.base};
-
-  &:hover {
-    background-color: ${o.theme.colors.neutral.grey.lightest};
-  }
-
-  &:active {
-    background-color: ${o.theme.colors.neutral.grey.lightest};
-    border-color: ${o.theme.colors.secondary.blue.base};
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-  }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-    outline: 0;
-  }
-
-  &:disabled {
-    box-shadow: none !important;
-    background-color: ${o.theme.colors.neutral.grey.base} !important;
-    border-color: ${o.theme.colors.neutral.grey.base} !important;
-    color: ${o.theme.colors.neutral.ink.light} !important;
-  }
-`,i=l.default(s)`
-  color: ${o.theme.colors.secondary.red.base};
-
-  &:hover {
-    color: ${o.theme.colors.secondary.red.dark};
-  }
-
-  &:active {
-    border-color: ${o.theme.colors.secondary.red.base};
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
-    color: ${o.theme.colors.secondary.red.dark};
-  }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
-  }
-`,c=l.default(s)`
-  background-color: ${o.theme.colors.secondary.blue.base};
-  border-color: ${o.theme.colors.secondary.blue.base};
-  color: white;
-
-  &:hover {
-    background-color: ${o.theme.colors.secondary.blue.dark};
-    border-color: ${o.theme.colors.secondary.blue.dark};
-  }
-
-  &:active {
-    background-color: ${o.theme.colors.secondary.blue.dark};
-    border-color: ${o.theme.colors.secondary.blue.dark};
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-  }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-  }
-`,d=l.default(c)`
-  background-color: ${o.theme.colors.secondary.red.base};
-  border-color: ${o.theme.colors.secondary.red.base};
-  color: white;
-
-  &:hover {
-    background-color: ${o.theme.colors.secondary.red.dark};
-    border-color: ${o.theme.colors.secondary.red.dark};
-  }
-
-  &:active {
-    background-color: ${o.theme.colors.secondary.red.dark};
-    border-color: ${o.theme.colors.secondary.red.dark};
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
-  }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.red.light};
-  }
-`,h=l.default(a)`
-  border-color: transparent;
-  box-shadow: none;
-  color: ${o.theme.colors.neutral.ink.base};
-
-  &:hover {
-    background-color: ${o.theme.colors.neutral.grey.light};
-  }
-
-  &:active {
-    background-color: ${o.theme.colors.neutral.grey.light};
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-  }
-
-  &:focus-visible {
-    box-shadow: 0 0 0 var(--outline-width) ${o.theme.colors.secondary.blue.light};
-    outline: 0;
-  }
-
-  &:disabled {
-    background-color: transparent;
-    border-color: transparent;
-  }
-`,u=l.default.button`
-  appearance: none;
-  border: 0;
-  background-color: transparent;
-  padding: 0;
-  font: inherit;
-
-  &:hover {
-    cursor: pointer;
-  }
-`,b=l.default(u)`
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-
-  font-family: ${o.theme.text.link.fontFamily};
-  font-size: ${o.theme.text.link.fontSize};
-  line-height: ${o.theme.text.link.fontSize};
-  font-weight: ${o.theme.text.link.fontWeight};
-  line-height: ${o.theme.text.link.lineHeight};
-  text-decoration: ${o.theme.text.link.textDecoration};
-  color: ${o.theme.colors.secondary.blue.base};
-
-  &:hover {
-    color: ${o.theme.colors.secondary.blue.dark};
-  }
-
-  & > * + * {
-    margin-left: ${o.theme.sizes.xs};
-  }
-
-  &:focus-visible {
-    outline: 0;
-    box-shadow:
-      0 0 0 4px white,
-      0 0 0 8px ${o.theme.colors.secondary.blue.light};
-    border-radius: 4px;
-  }
-`,m=l.default.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: 0;
-`;exports.DefaultButton=s,exports.DefaultDestructiveButton=i,exports.FlatButton=h,exports.LinkButton=b,exports.LoadingWrapper=m,exports.MainContent=n,exports.PrimaryButton=c,exports.PrimaryDestructiveButton=d,exports.UnstyledButton=u;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var sizes = require('../../../theme/modules/sizes.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const MainContent = styled__default.default.span.withConfig({ displayName: "vui--MainContent", componentId: "vui--exbqdz" }) `display:inline-flex;align-items:center;gap:${({ hasText }) => (hasText ? '8px' : '4px')};${({ $loading }) => ($loading ? 'opacity: 0;' : null)};svg{width:${({ size }) => sizes.sizes[size]};height:${({ size }) => sizes.sizes[size]};}`;
+const BaseButton = styled__default.default.button.withConfig({ displayName: "vui--BaseButton", componentId: "vui--nvz516" }) `position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${index.theme.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${(props) => {
+    let height = '40px';
+    let paddingLeft = '24px';
+    let paddingRight = '24px';
+    let borderRadius = '8px';
+    let fontSize = '16px';
+    let outlineWidth = '4px';
+    if (props.hasIcon) {
+        paddingLeft = '16px';
+    }
+    if (props.hasDropdown) {
+        paddingRight = '16px';
+    }
+    if (props.size === 'sm') {
+        height = '32px';
+        paddingLeft = '16px';
+        paddingRight = '16px';
+        borderRadius = '4px';
+        fontSize = '14px';
+        outlineWidth = '2px';
+        if (props.hasIcon) {
+            paddingLeft = '8px';
+        }
+        if (props.hasDropdown) {
+            paddingRight = '8px';
+        }
+    }
+    if (!props.hasText) {
+        paddingLeft = '8px';
+        paddingRight = '8px';
+    }
+    return `
+      --outline-width: ${outlineWidth};
+
+      height: ${height};
+      padding-left: ${paddingLeft};
+      padding-right: ${paddingRight};
+      border-radius: ${borderRadius};
+      font-size: ${fontSize};
+      line-height: ${fontSize};
+    `;
+}} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`;
+const DefaultButton = styled__default.default(BaseButton).withConfig({ displayName: "vui--DefaultButton", componentId: "vui--1xzjfje" }) `border-color:${index.theme.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({ hasText }) => hasText ? index.theme.colors.neutral.ink.base : index.theme.colors.secondary.blue.base};&:hover{background-color:${index.theme.colors.neutral.grey.lightest};}&:active{background-color:${index.theme.colors.neutral.grey.lightest};border-color:${index.theme.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${index.theme.colors.neutral.grey.base} !important;border-color:${index.theme.colors.neutral.grey.base} !important;color:${index.theme.colors.neutral.ink.light} !important;}`;
+const DefaultDestructiveButton = styled__default.default(DefaultButton).withConfig({ displayName: "vui--DefaultDestructiveButton", componentId: "vui--1ixaf03" }) `color:${index.theme.colors.secondary.red.base};&:hover{color:${index.theme.colors.secondary.red.dark};}&:active{border-color:${index.theme.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.red.light};color:${index.theme.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.red.light};}`;
+const PrimaryButton = styled__default.default(DefaultButton).withConfig({ displayName: "vui--PrimaryButton", componentId: "vui--16w0ufk" }) `background-color:${index.theme.colors.secondary.blue.base};border-color:${index.theme.colors.secondary.blue.base};color:white;&:hover{background-color:${index.theme.colors.secondary.blue.dark};border-color:${index.theme.colors.secondary.blue.dark};}&:active{background-color:${index.theme.colors.secondary.blue.dark};border-color:${index.theme.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};}`;
+const PrimaryDestructiveButton = styled__default.default(PrimaryButton).withConfig({ displayName: "vui--PrimaryDestructiveButton", componentId: "vui--1w3lv3r" }) `background-color:${index.theme.colors.secondary.red.base};border-color:${index.theme.colors.secondary.red.base};color:white;&:hover{background-color:${index.theme.colors.secondary.red.dark};border-color:${index.theme.colors.secondary.red.dark};}&:active{background-color:${index.theme.colors.secondary.red.dark};border-color:${index.theme.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.red.light};}`;
+const FlatButton = styled__default.default(BaseButton).withConfig({ displayName: "vui--FlatButton", componentId: "vui--fqczse" }) `border-color:transparent;box-shadow:none;color:${index.theme.colors.neutral.ink.base};&:hover{background-color:${index.theme.colors.neutral.grey.light};}&:active{background-color:${index.theme.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${index.theme.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`;
+const UnstyledButton = styled__default.default.button.withConfig({ displayName: "vui--UnstyledButton", componentId: "vui--1fxilc" }) `appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`;
+const LinkButton = styled__default.default(UnstyledButton).withConfig({ displayName: "vui--LinkButton", componentId: "vui--z932nb" }) `display:inline-flex;flex-direction:row;align-items:center;font-family:${index.theme.text.link.fontFamily};font-size:${index.theme.text.link.fontSize};line-height:${index.theme.text.link.fontSize};font-weight:${index.theme.text.link.fontWeight};line-height:${index.theme.text.link.lineHeight};text-decoration:${index.theme.text.link.textDecoration};color:${index.theme.colors.secondary.blue.base};&:hover{color:${index.theme.colors.secondary.blue.dark};}& > * + *{margin-left:${index.theme.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${index.theme.colors.secondary.blue.light};border-radius:4px;}`;
+const LoadingWrapper = styled__default.default.div.withConfig({ displayName: "vui--LoadingWrapper", componentId: "vui--1qt232p" }) `position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;
+
+exports.DefaultButton = DefaultButton;
+exports.DefaultDestructiveButton = DefaultDestructiveButton;
+exports.FlatButton = FlatButton;
+exports.LinkButton = LinkButton;
+exports.LoadingWrapper = LoadingWrapper;
+exports.MainContent = MainContent;
+exports.PrimaryButton = PrimaryButton;
+exports.PrimaryDestructiveButton = PrimaryDestructiveButton;
+exports.UnstyledButton = UnstyledButton;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","$loading","size","sizes","BaseButton","button"],"mappings":"kMAOS,MAAEA,EAAQC,EAAAA,QAAAC,IAAA;;;;;oBAMDC,EAAA,cAAA;;;aAyFX,EAAAC,UAAmBC,EAAAA,MAAAD;cA8BnB,EAAAA,UAA8BC,EAAAA,MAAAD;;EA4D9BE,EAAAL,EAAAA,QAAgBM,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["styled","sizes","theme"],"mappings":";;;;;;;;;;AAWO,MAAM,WAAW,GAAGA,uBAAM,CAAC,IAAI,CAQ7B,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2CAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,CAAA,CAAA,EAC/C,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,aAAa,GAAG,IAAI,CAAC,CAAA,WAAA,EAG1C,CAAC,EAAE,IAAI,EAAE,KAAKC,WAAK,CAAC,IAAI,CAAC,CACxB,QAAA,EAAA,CAAC,EAAE,IAAI,EAAE,KAAKA,WAAK,CAAC,IAAI,CAAC;AAIvC,MAAM,UAAU,GAAGD,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,yIAAA,EAQfE,WAAK,CAAC,UAAU,CAAA,kFAAA,EAM7B,CAAC,KAAK,KAAI;IACV,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,WAAW,GAAG,MAAM;IACxB,IAAI,YAAY,GAAG,MAAM;IACzB,IAAI,YAAY,GAAG,KAAK;IACxB,IAAI,QAAQ,GAAG,MAAM;IACrB,IAAI,YAAY,GAAG,KAAK;IAExB,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,WAAW,GAAG,MAAM;AACrB;IAED,IAAI,KAAK,CAAC,WAAW,EAAE;QACrB,YAAY,GAAG,MAAM;AACtB;AAED,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;QACvB,MAAM,GAAG,MAAM;QACf,WAAW,GAAG,MAAM;QACpB,YAAY,GAAG,MAAM;QACrB,YAAY,GAAG,KAAK;QACpB,QAAQ,GAAG,MAAM;QACjB,YAAY,GAAG,KAAK;QAEpB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,WAAW,GAAG,KAAK;AACpB;QAED,IAAI,KAAK,CAAC,WAAW,EAAE;YACrB,YAAY,GAAG,KAAK;AACrB;AACF;AAED,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,WAAW,GAAG,KAAK;QACnB,YAAY,GAAG,KAAK;AACrB;IAED,OAAO;yBACc,YAAY,CAAA;;gBAErB,MAAM,CAAA;sBACA,WAAW,CAAA;uBACV,YAAY,CAAA;uBACZ,YAAY,CAAA;mBAChB,QAAQ,CAAA;qBACN,QAAQ,CAAA;KACxB;AACH,CAAC,mFAUF;AAEM,MAAM,aAAa,GAAGF,uBAAM,CAAC,UAAiB,CAAC,CACpC,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAAAE,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,0EAAA,EAGrC,CAAC,EAAE,OAAO,EAAE,KACnB,OAAO,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAGA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAGtD,0BAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAIlC,4BAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAA,cAAA,EACtCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACP,sCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAIjC,uDAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,mEAAA,EAMtDA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,yBAAA,EAClCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACrC,kBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;AAIpC,MAAM,wBAAwB,GAAGF,uBAAM,CAAC,aAAoB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACzDE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAG7B,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,wBAAA,EAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CACN,sCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,OAAA,EAChEA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,0DAICA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK;AAIhE,MAAA,aAAa,GAAGF,uBAAM,CAAC,aAAoB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACnCE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iBACpCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sCAAA,EAI1BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iBACpCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,4BAAA,EAI5BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iBACpCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CACP,sCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAIjE,MAAA,wBAAwB,GAAGF,uBAAM,CAAC,aAAoB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EAC9CE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,iBACnCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,sCAAA,EAIzBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,iBACnCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,4BAAA,EAI3BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,iBACnCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CACN,sCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,uDAAA,EAIhCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK;AAIhE,MAAA,UAAU,GAAGF,uBAAM,CAAC,UAAiB,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,+CAAA,EAGxCE,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,0BAAA,EAGhBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,4BAAA,EAI/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,sCAAA,EACVA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,uDAAA,EAIjCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,8EAAA;MAUjE,cAAc,GAAGF,uBAAM,CAAC,MAAM;MAY9B,UAAU,GAAGA,uBAAM,CAAC,cAAc,CAAC,CAK/B,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sEAAA,EAAAE,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,cAC5BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAA,aAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CACxB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,gBAC1BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,iBAAA,EACtBA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CACxC,OAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,eAAA,EAG9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,2BAI1BA,WAAK,CAAC,KAAK,CAAC,EAAE,oEAOfA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,oBAAA;MAKtC,cAAc,GAAGF,uBAAM,CAAC,GAAG;;;;;;;;;;;;"}

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

@@ -18,4 +18,3 @@ export declare const UnstyledButton: import("styled-components").StyledComponent
 export declare const LinkButton: import("styled-components").StyledComponent<"button", any, ButtonDisplayProps, never>;
 export declare const LoadingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};
-//# sourceMappingURL=styled.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","$loading","size","sizes","BaseButton","button"],"mappings":"yIAOS,MAAEA,EAAQC,EAAAC,IAAA;;;;;oBAMDC,EAAA,cAAA;;;aAyFX,EAAAC,UAAmBC,EAAAD;cA8BnB,EAAAA,UAA8BC,EAAAD;;EA4D9BE,EAAAL,EAAgBM,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

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