@fluidattacks/design 3.1.7 → 3.1.8

package/dist/styles-C2CoGJl7.js

@@ -0,0 +1,33 @@
+"use strict";const e=require("styled-components"),o=require("./components/colors/index.js"),t=["padding","px","py","pl","pr","pt","pb","margin","mx","my","ml","mr","mt","mb","zIndex","position","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","scroll","visibility","display","height","width","maxHeight","maxWidth","minHeight","minWidth","shadow","bgColor","bgGradient","gap","flexDirection","flexGrow","justify","justifySelf","alignItems","alignSelf","wrap","color","fontFamily","fontSize","fontWeight","textAlign","whiteSpace","letterSpacing","lineSpacing","textDecoration","textOverflow","whiteSpace","wordBreak","wordWrap","cursor","transition","borderColorHover","bgColorHover","shadowHover"],n=(e,o)=>void 0===o?"":`${e}: ${o};`,r=e=>{const t=e.py??e.pt??0,n=e.px??e.pr??0,r=e.py??e.pb??0,i=e.px??e.pl??0;if(e.padding){const[t,n,r,i]=e.padding;return`padding: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`}return`padding: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`},i=e=>{const t=e.my??e.mt??0,n=e.mx??e.mr??0,r=e.my??e.mb??0,i=e.mx??e.ml??0;if(e.margin){const[t,n,r,i]=e.margin;return`margin: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`}return`margin: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`},s=e=>`\n    ${n("position",e.position)}\n    ${n("top",e.top)}\n    ${n("right",e.right)}\n    ${n("bottom",e.bottom)}\n    ${n("left",e.left)}\n    ${n("z-index",e.zIndex)}\n  `,a=e=>`\n    ${n("border",e.border)}\n    ${n("border-top",e.borderTop)}\n    ${n("border-right",e.borderRight)}\n    ${n("border-bottom",e.borderBottom)}\n    ${n("border-left",e.borderLeft)}\n    ${n("border-color",e.borderColor)}\n    ${n("border-radius",e.borderRadius)}\n  `,d=e=>{const t=e.scroll?`\n      ${m=e.scroll,m.includes("x")?"overflow-x: auto;":""}\n      ${(e=>e.includes("y")?"overflow-y: auto;":"")(e.scroll)}\n    `:"",r=n("visibility",e.visibility),i=n("display",e.display),s=n("height",e.height),a=n("width",e.width),d=n("max-height",e.maxHeight),$=n("max-width",e.maxWidth),p=n("min-height",e.minHeight),l=n("min-width",e.minWidth),g=n("box-shadow",e.shadow?o.theme.shadows[e.shadow]:void 0),h=n("gap",void 0===e.gap?void 0:o.theme.spacing[e.gap]);var m;return`\n    ${t}\n    ${r}\n    ${i}\n    ${s}\n    ${a}\n    ${d}\n    ${$}\n    ${p}\n    ${l}\n    ${g}\n    ${n("background-color",e.bgColor)}\n    ${n("background",e.bgGradient)}\n    ${h}\n    ${n("flex-direction",e.flexDirection)}\n    ${n("flex-grow",e.flexGrow)}\n    ${n("justify-content",e.justify)}\n    ${n("justify-self",e.justifySelf)}\n    ${n("align-items",e.alignItems)}\n    ${n("align-self",e.alignSelf)}\n    ${n("flex-wrap",e.wrap)}\n  `},$=e=>`\n    ${n("color",e.color)}\n    ${n("font-family",e.fontFamily)}\n    ${n("font-size",e.fontSize)}\n    ${n("font-weight",e.fontWeight)}\n    ${n("line-spacing",e.letterSpacing)}\n    ${n("line-height",e.lineSpacing)}\n    ${n("text-align",e.textAlign)}\n    ${n("text-decoration",e.textDecoration)}\n    ${n("text-overflow",e.textOverflow)}\n    ${n("white-space",e.whiteSpace)}\n    ${n("word-break",e.wordBreak)}\n    ${n("word-wrap",e.wordWrap)}\n  `,p=e=>{const t=n("cursor",e.cursor),r=n("border-color",e.borderColorHover),i=n("background-color",e.bgColorHover),s=n("box-shadow",void 0===e.shadowHover?void 0:o.theme.shadows[e.shadowHover]);return`\n    ${t}\n\n    &:hover {\n      ${n("transition",e.transition)||"transition: all 0.2s;"}\n      ${r}\n      ${i}\n      ${s}\n    }\n  `},l=()=>({shouldForwardProp:e=>!t.includes(e)}),g=e.styled.div.withConfig(l())`
+  ${r}
+  ${i}
+  ${s}
+  ${d}
+  ${$}
+  ${a}
+  ${p}
+`,h=e.styled.button.withConfig(l())`
+  ${r}
+  ${i}
+  ${s}
+  ${d}
+  ${$}
+  ${a}
+  ${p}
+`,m=e.styled.p.withConfig(l())`
+  ${r}
+  ${i}
+  ${s}
+  ${d}
+  ${$}
+  ${a}
+  ${p}
+`,c=e.styled.span.withConfig(l())`
+  ${r}
+  ${i}
+  ${s}
+  ${d}
+  ${$}
+  ${a}
+  ${p}
+`;exports.BaseButtonComponent=h,exports.BaseComponent=g,exports.BaseSpanComponent=c,exports.BaseTextComponent=m,exports.getStyledConfig=l,exports.hiddenProps=t,exports.setBorder=a,exports.setDisplay=d,exports.setInteraction=p,exports.setMargin=i,exports.setPadding=r,exports.setPosition=s,exports.setText=$;

package/dist/styles-CNzziAXG.js

@@ -0,0 +1,5 @@
+"use strict";const n=require("styled-components"),t=n.styled.div`
+  ${({theme:n})=>`\n    background-color: ${n.palette.gray[100]};\n    border-radius: ${n.spacing[.25]};\n    display: inline-flex;\n    padding: ${n.spacing[1]};\n    position: relative;\n    width: fit-content;\n\n    .line-highlight.language-none {\n      background: ${n.palette.gray[100]};\n    }\n\n    .line-highlight {\n      background: hsl(354deg 88% 93% / 50%);\n      font-family: ${n.typography.type.mono};\n      font-size: ${n.typography.text.xs};\n      line-height: ${n.spacing[1]};\n    }\n\n    .line-highlight::before,\n    .line-highlight[data-end]::after {\n      background: ${n.palette.primary[300]};\n      background-color: hsl(355deg 89% 36%);\n      color: ${n.palette.white};\n    }\n\n    pre code {\n      color: #161616;\n      font-family: ${n.typography.type.mono};\n      font-size: ${n.typography.text.xs};\n      line-height: ${n.spacing[1]};\n    }\n\n    pre:not(.line-highlight) {\n      margin-top: unset;\n      margin-bottom: unset;\n      padding: unset;\n      width: 100%;\n    }\n\n    span:hover {\n      background-color: ${n.palette.gray[200]};\n    }\n\n    .no-data,\n    pre.line-highlight {\n      background-color: ${n.palette.gray[100]};\n      padding-top: unset;\n      padding-bottom: unset;\n    }\n  `}
+`,e=n.styled.div`
+  ${({theme:n})=>`\n    align-items: end;\n    background-color: ${n.palette.gray[100]};\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    min-width: 103px;\n    margin-right: ${n.spacing[1]};\n    padding-top: ${n.spacing[1]};\n    padding-bottom: ${n.spacing[1]};\n    position: relative;\n    padding-left: unset;\n\n    button:hover:not([disabled]) {\n      background-color: ${n.palette.gray[200]};\n    }\n  `}
+`;exports.ButtonsContainer=e,exports.CodeContainer=t;

package/dist/styles-CdD9waPD.js

@@ -0,0 +1,29 @@
+"use strict";const n=require("styled-components"),e=require("./utils-C2whpEd3.js");require("./styles-C2CoGJl7.js"),require("react/jsx-runtime");const{getVariant:t}=e.variantBuilder((n=>({lg:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 72%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 80%;\n      }\n    `,md:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 48%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 60%;\n      }\n    `,sm:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 32%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 40%;\n      }\n    `}))),i=n.styled.div.attrs({className:"comp-modal fixed inset-0 overflow-auto"})`
+  align-items: center;
+  background-color: rgb(52 64 84 / 70%);
+  display: flex;
+  justify-content: center;
+  z-index: 99999;
+`,a=n.styled.div`
+  ${({theme:n,$size:e})=>`\n    background-color: ${n.palette.white};\n    border: 1px solid ${n.palette.gray[200]};\n    border-radius: ${n.spacing[.25]};\n    color: ${n.palette.gray[800]};\n    display: flex;\n    flex-direction: column;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    max-height: 80%;\n    min-height: minmax(max-content, 32%);\n    overflow: hidden auto;\n    padding: ${n.spacing[1.5]};\n    box-shadow: ${n.shadows.lg};\n    margin: auto;\n    white-space: pre-line;\n\n    > *:not(img) {\n      margin-bottom: ${n.spacing[1.5]};\n    }\n\n    > *:last-child {\n      margin-bottom: 0;\n    }\n\n    &#table-column-toggle {\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 24%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 32%;\n      }\n    }\n\n    ${t(n,e)}\n  `}
+`,r=n.styled.div`
+  display: block;
+  overflow: unset;
+  height: max-content;
+  max-height: 100%;
+  max-width: 100%;
+  position: static;
+`,s=n.styled.div.attrs({className:"flex items-center justify-between mb-1.5"})``,d=n.styled.div`
+  ${({theme:n})=>`\n    display: flex;\n    flex-direction: row;\n    gap: ${n.spacing[.75]};\n    justify-content: space-between;\n    margin: 0;\n    max-width: 392px;\n\n    > label {\n      margin: 0;\n      flex: 1 1 auto;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: row;\n      flex: 1 1 auto;\n      gap: ${n.spacing[.75]};\n      margin-right: ${n.spacing[.75]};\n\n      > button {\n        justify-content: center;\n        max-width: 190px;\n      }\n    }\n\n    > div:last-child {\n      margin-right: 0;\n    }\n  `}
+`,o=n.styled.div`
+  img {
+    margin: 0 calc(-${({theme:n})=>n.spacing[1.5]} - 1px)
+      ${({theme:n})=>n.spacing[1.5]};
+
+    min-width: calc(100% + 2px + ${({theme:n})=>n.spacing[3]});
+    height: 185px;
+    object-fit: cover;
+
+    ${({$framed:n=!1})=>n?"\n            border-radius: 8px;\n            min-width: 100%;\n            margin-left: 0;\n            margin-right: 0;\n          ":""}
+  }
+`;exports.Footer=d,exports.Header=r,exports.ImageContainer=o,exports.ModalContainer=a,exports.ModalWrapper=i,exports.Title=s;

package/dist/styles-CnKTwnFk.mjs

@@ -0,0 +1,110 @@
+import { styled as n, css as e } from "styled-components";
+import { a as t } from "./styles-DV8yOaqV.mjs";
+import "react/jsx-runtime";
+const i = n(t)`
+  align-items: center;
+  background-color: inherit;
+  border-color: inherit;
+  display: flex;
+  height: 38px;
+  justify-content: center;
+  width: 40px;
+  margin: ${({ $margin: n2 = "0" }) => e`
+    ${n2}
+  `};
+
+  &:hover:not(:disabled) {
+    background-color: ${({ theme: n2 }) => n2.palette.gray[100]};
+    cursor: pointer;
+  }
+`, r = n.div`
+  ${({ theme: n2 }) => `
+    align-items: flex-start;
+    background: ${n2.palette.white};
+    border: 1px solid ${n2.palette.gray[200]};
+    border-radius: ${n2.spacing[0.5]};
+    box-shadow: ${n2.shadows.md};
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${n2.spacing[0.25]};
+    height: auto;
+    padding: ${n2.spacing[0.25]};
+    width: 292px;
+  `}
+`, a = n.button`
+  ${({ theme: n2, $disabled: e2, $focus: t2, $header: i2 }) => {
+  const r2 = t2 ? "34px" : "40px";
+  return `
+      align-items: center;
+      border-radius: ${i2 ? `0 ${n2.spacing[0.5]} ${n2.spacing[0.5]} 0` : "4px"};
+      border-left: inherit;
+      display: flex;
+      height: ${i2 ? "38px" : r2};
+      justify-content: center;
+      outline: none;
+      width: ${i2 ? "38px" : "40px"};
+
+      &:hover {
+        background-color: ${n2.palette.gray[e2 ? 500 : 100]};
+      }
+    `;
+}}
+`, o = n.div`
+  ${({ theme: n2 }) => `
+    align-items: center;
+    background: transparent;
+    border-radius: ${n2.spacing[0.5]} 0 0 ${n2.spacing[0.5]};
+    border-color: inherit;
+    display: flex;
+    height: 100%;
+    justify-content: space-between;
+    width: calc(100% - 40px);
+  `}
+`, s = n.div`
+  align-items: center;
+  display: flex;
+  justify-content: flex-end;
+  gap: ${({ theme: n2 }) => n2.spacing[0.5]};
+  flex: 1 0 0;
+`, p = n.div`
+  ${({ theme: n2 }) => `
+    align-items: center;
+    align-self: stretch;
+    background-color: ${n2.palette.gray[200]};
+    border-radius: ${n2.spacing[0.25]};
+    display: flex;
+    font-family: ${n2.typography.type.primary};
+    gap: ${n2.spacing[0.25]};
+    line-height: ${n2.spacing[1.5]};
+    padding: 2px ${n2.spacing[0.25]};
+  `}
+`, d = n.button`
+  ${({ theme: n2 }) => `
+    align-items: center;
+    background-color: inherit;
+    border: 0.5px solid ${n2.palette.gray[200]};
+    border-radius: 7px;
+    color: ${n2.palette.gray[800]};
+    cursor: pointer;
+    display: flex;
+    font-weight: ${n2.typography.weight.regular};
+    justify-content: center;
+    gap: 10px;
+    padding: 2px 10px;
+
+    &#active {
+      background-color: ${n2.palette.white};
+      box-shadow: ${n2.shadows.md};
+      font-weight: ${n2.typography.weight.bold};
+    }
+  `}
+`;
+export {
+  a as C,
+  r as D,
+  o as I,
+  i as S,
+  s as T,
+  p as a,
+  d as b
+};

package/dist/styles-D4R-eerv.mjs

@@ -0,0 +1,77 @@
+import { styled as n } from "styled-components";
+import { b as t } from "./styles-DV8yOaqV.mjs";
+import "react/jsx-runtime";
+const e = n(t)`
+  ${({ theme: n2, $bgGradient: t2 = "unset", $color: e2 = n2.palette.gray[800], $display: i2 = "block", $fontFamily: a2 = n2.typography.type.primary, $fontWeight: o = "bold", $letterSpacing: $ = 0, $lineSpacing: r = 1.5, $lineSpacingSm: p, $size: l, $sizeMd: g, $sizeSm: s, $textFill: y = "unset", $wordBreak: h = "normal" }) => `
+    background: ${t2};
+    color: ${e2};
+    display: ${i2};
+    font-family: ${a2};
+    font-size: ${n2.typography.heading[l]};
+    font-weight: ${n2.typography.weight[o]};
+    letter-spacing: ${$};
+    line-height: ${n2.spacing[r]};
+    width: ${"block" === i2 ? "100%" : "auto"};
+    word-break: ${h};
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: ${y};
+
+    @media screen
+      and (min-width: ${n2.breakpoints.mobile})
+      and (max-width: ${n2.breakpoints.tablet})
+    {
+      font-size: ${n2.typography.heading[g ?? l]};
+    }
+
+    @media screen and (max-width: ${n2.breakpoints.mobile}) {
+      font-size: ${n2.typography.heading[s ?? l]};
+      line-height: ${n2.spacing[p ?? r]};
+    }
+  `}
+`, i = n(t)`
+  ${({ theme: n2, $bgGradient: t2 = "unset", $color: e2 = n2.palette.gray[600], $display: i2 = "block", $fontFamily: a2 = n2.typography.type.primary, $fontWeight: o = "regular", $letterSpacing: $ = 0, $lineSpacing: r = 1.25, $lineSpacingSm: p, $size: l, $sizeMd: g, $sizeSm: s, $textFill: y = "unset", $wordBreak: h = "normal" }) => `
+    background: ${t2};
+    color: ${e2};
+    display: ${i2};
+    font-family: ${a2};
+    font-size: ${n2.typography.text[l]};
+    font-weight: ${n2.typography.weight[o]};
+    letter-spacing: ${$};
+    line-height: ${n2.spacing[r]};
+    width: ${"block" === i2 ? "100%" : "auto"};
+    word-break: ${h};
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: ${y};
+
+    @media screen
+      and (min-width: ${n2.breakpoints.mobile})
+      and (max-width: ${n2.breakpoints.tablet})
+    {
+      font-size: ${n2.typography.text[g ?? l]};
+    }
+
+    @media screen and (max-width: ${n2.breakpoints.mobile}) {
+      font-size: ${n2.typography.text[s ?? l]};
+      line-height: ${n2.spacing[p ?? r]};
+    }
+  `}
+`, a = n.span`
+  ${({ theme: n2, $color: t2 = n2.palette.gray[600], $content: e2, $display: i2 = "inline", $fontWeight: a2 = "regular", $size: o, $lineSpacing: $ = 1.25 }) => `
+    color: ${t2};
+    display: ${i2};
+    font-family: ${n2.typography.type.primary};
+    font-size: ${n2.typography.text[o]};
+    font-weight: ${n2.typography.weight[a2]};
+    line-height: ${n2.spacing[$]};
+    width: ${"block" === i2 ? "100%" : "auto"};
+
+    ${void 0 === e2 ? "" : `&::after { content: "${e2}"; }`}
+  `}
+`;
+export {
+  e as S,
+  a,
+  i as b
+};

package/dist/styles-DNIIhyRC.mjs

@@ -0,0 +1,144 @@
+import { styled as n, css as t } from "styled-components";
+const e = n.div`
+  ${({ theme: n2 }) => `
+    align-items: center;
+    color: ${n2.palette.gray[800]};
+    display: flex;
+    font-family: ${n2.typography.type.primary};
+    font-size: ${n2.typography.text.sm};
+    font-weight: ${n2.typography.weight.bold};
+    gap: ${n2.spacing[0.5]};
+    height: 40px;
+    justify-content: center;
+    line-height: ${n2.spacing[1.25]};
+    text-align: center;
+    padding: ${n2.spacing[0.5]} 0;
+    width: 200px;
+    word-spacing: ${n2.spacing[0.25]};
+
+    &:not(:hover) .year-selection {
+      display: none;
+    }
+  `}
+`, i = n.div.attrs({ className: "year-selection" })`
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  height: 14px;
+  justify-content: center;
+  margin-bottom: 10px;
+  padding: 0 0.5px;
+  position: relative;
+  width: 8px;
+`, a = n.tr`
+  align-items: flex-start;
+  display: flex;
+  padding: ${({ theme: n2 }) => n2.spacing[0.25]} 0;
+  width: 100%;
+`, o = t`
+  ${({ theme: n2 }) => `
+    align-items: center;
+    color: ${n2.palette.gray[800]};
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    font-family: ${n2.typography.type.primary};
+    font-size: ${n2.typography.text.sm};
+    font-weight: ${n2.typography.weight.regular};
+    height: ${n2.spacing[2.5]};
+    justify-content: center;
+    line-height: ${n2.spacing[1.25]};
+    text-align: center;
+    width: ${n2.spacing[2.5]};
+  `}
+`, p = n.th`
+  ${o}
+`, r = n.td`
+  ${({ theme: n2 }) => `
+    ${o}
+    height: ${n2.spacing[2.5]};
+    width: ${n2.spacing[2.5]};
+
+    &#range {
+      background: ${n2.palette.primary[25]};
+    }
+
+    div:not(.dot) {
+      align-items: center;
+      display: flex;
+      flex-direction: column;
+      font-size: ${n2.typography.text.sm};
+      justify-content: center;
+      height: ${n2.spacing[2.5]};
+      line-height: ${n2.spacing[1.25]};
+      position: relative;
+      text-align: center;
+      width: ${n2.spacing[2.5]};
+
+      &:focus-visible {
+        outline: none;
+      }
+
+      &:hover:not(.disabled, .selected, .range) {
+        background: ${n2.palette.gray[100]};
+      }
+
+      &.disabled {
+        color: ${n2.palette.gray[400]};
+        cursor: auto;
+      }
+
+      &.selected {
+        background: ${n2.palette.primary[500]};
+        color: ${n2.palette.white};
+      }
+
+      &.focused {
+        border: 2px solid ${n2.palette.primary[500]};
+      }
+
+      &.today:not(.selected) {
+        color: ${n2.palette.primary[500]};
+        font-weight: ${n2.typography.weight.bold};
+      }
+    }
+  `}
+`, s = n.div.attrs({ className: "dot" })`
+  position: absolute;
+  top: 48%;
+
+  > span {
+    font-size: 4px;
+  }
+`, l = n.button`
+  cursor: pointer;
+  display: flex;
+
+  > span {
+    height: 3.5px;
+    width: 7px;
+  }
+`, g = n.div`
+  ${({ theme: n2 }) => `
+    align-items: end;
+    border-top: 1px solid ${n2.palette.gray[200]};
+    display: flex;
+    flex-direction: row-reverse;
+    gap: ${n2.spacing[0.5]};
+    height: 44px;
+    margin-bottom: ${n2.spacing[0.25]};
+    padding: 0 ${n2.spacing[0.25]};
+    width: 100%;
+  `}
+`;
+export {
+  l as C,
+  p as D,
+  g as F,
+  e as T,
+  a as W,
+  i as Y,
+  r as a,
+  s as b
+};

package/dist/styles-DV8yOaqV.mjs

@@ -0,0 +1,131 @@
+import { styled as o } from "styled-components";
+import { theme as n } from "./components/colors/index.js";
+const i = ["padding", "px", "py", "pl", "pr", "pt", "pb", "margin", "mx", "my", "ml", "mr", "mt", "mb", "zIndex", "position", "top", "right", "bottom", "left", "border", "borderTop", "borderRight", "borderBottom", "borderLeft", "borderColor", "borderRadius", "scroll", "visibility", "display", "height", "width", "maxHeight", "maxWidth", "minHeight", "minWidth", "shadow", "bgColor", "bgGradient", "gap", "flexDirection", "flexGrow", "justify", "justifySelf", "alignItems", "alignSelf", "wrap", "color", "fontFamily", "fontSize", "fontWeight", "textAlign", "whiteSpace", "letterSpacing", "lineSpacing", "textDecoration", "textOverflow", "whiteSpace", "wordBreak", "wordWrap", "cursor", "transition", "borderColorHover", "bgColorHover", "shadowHover"], r = (o2, n2) => void 0 === n2 ? "" : `${o2}: ${n2};`, t = (o2) => {
+  const i2 = o2.py ?? o2.pt ?? 0, r2 = o2.px ?? o2.pr ?? 0, t2 = o2.py ?? o2.pb ?? 0, e2 = o2.px ?? o2.pl ?? 0;
+  if (o2.padding) {
+    const [i3, r3, t3, e3] = o2.padding;
+    return `padding: ${n.spacing[i3]} ${n.spacing[r3]} ${n.spacing[t3]} ${n.spacing[e3]};`;
+  }
+  return `padding: ${n.spacing[i2]} ${n.spacing[r2]} ${n.spacing[t2]} ${n.spacing[e2]};`;
+}, e = (o2) => {
+  const i2 = o2.my ?? o2.mt ?? 0, r2 = o2.mx ?? o2.mr ?? 0, t2 = o2.my ?? o2.mb ?? 0, e2 = o2.mx ?? o2.ml ?? 0;
+  if (o2.margin) {
+    const [i3, r3, t3, e3] = o2.margin;
+    return `margin: ${n.spacing[i3]} ${n.spacing[r3]} ${n.spacing[t3]} ${n.spacing[e3]};`;
+  }
+  return `margin: ${n.spacing[i2]} ${n.spacing[r2]} ${n.spacing[t2]} ${n.spacing[e2]};`;
+}, a = (o2) => `
+    ${r("position", o2.position)}
+    ${r("top", o2.top)}
+    ${r("right", o2.right)}
+    ${r("bottom", o2.bottom)}
+    ${r("left", o2.left)}
+    ${r("z-index", o2.zIndex)}
+  `, s = (o2) => `
+    ${r("border", o2.border)}
+    ${r("border-top", o2.borderTop)}
+    ${r("border-right", o2.borderRight)}
+    ${r("border-bottom", o2.borderBottom)}
+    ${r("border-left", o2.borderLeft)}
+    ${r("border-color", o2.borderColor)}
+    ${r("border-radius", o2.borderRadius)}
+  `, $ = (o2) => {
+  const i2 = o2.scroll ? `
+      ${((o3) => o3.includes("x") ? "overflow-x: auto;" : "")(o2.scroll)}
+      ${((o3) => o3.includes("y") ? "overflow-y: auto;" : "")(o2.scroll)}
+    ` : "", t2 = r("visibility", o2.visibility), e2 = r("display", o2.display), a2 = r("height", o2.height), s2 = r("width", o2.width), $2 = r("max-height", o2.maxHeight), d2 = r("max-width", o2.maxWidth), l2 = r("min-height", o2.minHeight), g2 = r("min-width", o2.minWidth), p2 = r("box-shadow", o2.shadow ? n.shadows[o2.shadow] : void 0), c2 = r("gap", void 0 === o2.gap ? void 0 : n.spacing[o2.gap]);
+  return `
+    ${i2}
+    ${t2}
+    ${e2}
+    ${a2}
+    ${s2}
+    ${$2}
+    ${d2}
+    ${l2}
+    ${g2}
+    ${p2}
+    ${r("background-color", o2.bgColor)}
+    ${r("background", o2.bgGradient)}
+    ${c2}
+    ${r("flex-direction", o2.flexDirection)}
+    ${r("flex-grow", o2.flexGrow)}
+    ${r("justify-content", o2.justify)}
+    ${r("justify-self", o2.justifySelf)}
+    ${r("align-items", o2.alignItems)}
+    ${r("align-self", o2.alignSelf)}
+    ${r("flex-wrap", o2.wrap)}
+  `;
+}, d = (o2) => `
+    ${r("color", o2.color)}
+    ${r("font-family", o2.fontFamily)}
+    ${r("font-size", o2.fontSize)}
+    ${r("font-weight", o2.fontWeight)}
+    ${r("line-spacing", o2.letterSpacing)}
+    ${r("line-height", o2.lineSpacing)}
+    ${r("text-align", o2.textAlign)}
+    ${r("text-decoration", o2.textDecoration)}
+    ${r("text-overflow", o2.textOverflow)}
+    ${r("white-space", o2.whiteSpace)}
+    ${r("word-break", o2.wordBreak)}
+    ${r("word-wrap", o2.wordWrap)}
+  `, l = (o2) => {
+  const i2 = r("cursor", o2.cursor), t2 = r("border-color", o2.borderColorHover), e2 = r("background-color", o2.bgColorHover), a2 = r("box-shadow", void 0 === o2.shadowHover ? void 0 : n.shadows[o2.shadowHover]);
+  return `
+    ${i2}
+
+    &:hover {
+      ${r("transition", o2.transition) || "transition: all 0.2s;"}
+      ${t2}
+      ${e2}
+      ${a2}
+    }
+  `;
+}, g = () => ({ shouldForwardProp: (o2) => !i.includes(o2) }), p = o.div.withConfig(g())`
+  ${t}
+  ${e}
+  ${a}
+  ${$}
+  ${d}
+  ${s}
+  ${l}
+`, c = o.button.withConfig(g())`
+  ${t}
+  ${e}
+  ${a}
+  ${$}
+  ${d}
+  ${s}
+  ${l}
+`, h = o.p.withConfig(g())`
+  ${t}
+  ${e}
+  ${a}
+  ${$}
+  ${d}
+  ${s}
+  ${l}
+`, b = o.span.withConfig(g())`
+  ${t}
+  ${e}
+  ${a}
+  ${$}
+  ${d}
+  ${s}
+  ${l}
+`;
+export {
+  p as B,
+  c as a,
+  h as b,
+  b as c,
+  d,
+  e,
+  l as f,
+  a as g,
+  i as h,
+  $ as i,
+  s as j,
+  g as k,
+  t as s
+};

package/dist/styles-DYoftbd3.js

@@ -0,0 +1,42 @@
+"use strict";const n=require("styled-components"),t=n.styled.div`
+  ${({theme:n})=>`\n    align-items: center;\n    color: ${n.palette.gray[800]};\n    display: flex;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.bold};\n    gap: ${n.spacing[.5]};\n    height: 40px;\n    justify-content: center;\n    line-height: ${n.spacing[1.25]};\n    text-align: center;\n    padding: ${n.spacing[.5]} 0;\n    width: 200px;\n    word-spacing: ${n.spacing[.25]};\n\n    &:not(:hover) .year-selection {\n      display: none;\n    }\n  `}
+`,e=n.styled.div.attrs({className:"year-selection"})`
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  height: 14px;
+  justify-content: center;
+  margin-bottom: 10px;
+  padding: 0 0.5px;
+  position: relative;
+  width: 8px;
+`,i=n.styled.tr`
+  align-items: flex-start;
+  display: flex;
+  padding: ${({theme:n})=>n.spacing[.25]} 0;
+  width: 100%;
+`,a=n.css`
+  ${({theme:n})=>`\n    align-items: center;\n    color: ${n.palette.gray[800]};\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.regular};\n    height: ${n.spacing[2.5]};\n    justify-content: center;\n    line-height: ${n.spacing[1.25]};\n    text-align: center;\n    width: ${n.spacing[2.5]};\n  `}
+`,o=n.styled.th`
+  ${a}
+`,r=n.styled.td`
+  ${({theme:n})=>`\n    ${a}\n    height: ${n.spacing[2.5]};\n    width: ${n.spacing[2.5]};\n\n    &#range {\n      background: ${n.palette.primary[25]};\n    }\n\n    div:not(.dot) {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      font-size: ${n.typography.text.sm};\n      justify-content: center;\n      height: ${n.spacing[2.5]};\n      line-height: ${n.spacing[1.25]};\n      position: relative;\n      text-align: center;\n      width: ${n.spacing[2.5]};\n\n      &:focus-visible {\n        outline: none;\n      }\n\n      &:hover:not(.disabled, .selected, .range) {\n        background: ${n.palette.gray[100]};\n      }\n\n      &.disabled {\n        color: ${n.palette.gray[400]};\n        cursor: auto;\n      }\n\n      &.selected {\n        background: ${n.palette.primary[500]};\n        color: ${n.palette.white};\n      }\n\n      &.focused {\n        border: 2px solid ${n.palette.primary[500]};\n      }\n\n      &.today:not(.selected) {\n        color: ${n.palette.primary[500]};\n        font-weight: ${n.typography.weight.bold};\n      }\n    }\n  `}
+`,p=n.styled.div.attrs({className:"dot"})`
+  position: absolute;
+  top: 48%;
+
+  > span {
+    font-size: 4px;
+  }
+`,s=n.styled.button`
+  cursor: pointer;
+  display: flex;
+
+  > span {
+    height: 3.5px;
+    width: 7px;
+  }
+`,l=n.styled.div`
+  ${({theme:n})=>`\n    align-items: end;\n    border-top: 1px solid ${n.palette.gray[200]};\n    display: flex;\n    flex-direction: row-reverse;\n    gap: ${n.spacing[.5]};\n    height: 44px;\n    margin-bottom: ${n.spacing[.25]};\n    padding: 0 ${n.spacing[.25]};\n    width: 100%;\n  `}
+`;exports.CaretButton=s,exports.DayHeaderTh=o,exports.DayItemTd=r,exports.DotIconContainer=p,exports.FooterContainer=l,exports.TitleContainer=t,exports.WeekDaysTr=i,exports.YearSwitch=e;

package/dist/styles-DlmKLhPh.js

@@ -0,0 +1,7 @@
+"use strict";const n=require("styled-components"),e=require("./styles-C2CoGJl7.js");require("react/jsx-runtime");const t=n.styled(e.BaseTextComponent)`
+  ${({theme:n,$bgGradient:e="unset",$color:t=n.palette.gray[800],$display:i="block",$fontFamily:a=n.typography.type.primary,$fontWeight:o="bold",$letterSpacing:r=0,$lineSpacing:$=1.5,$lineSpacingSm:l,$size:p,$sizeMd:s,$sizeSm:g,$textFill:y="unset",$wordBreak:d="normal"})=>`\n    background: ${e};\n    color: ${t};\n    display: ${i};\n    font-family: ${a};\n    font-size: ${n.typography.heading[p]};\n    font-weight: ${n.typography.weight[o]};\n    letter-spacing: ${r};\n    line-height: ${n.spacing[$]};\n    width: ${"block"===i?"100%":"auto"};\n    word-break: ${d};\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: ${y};\n\n    @media screen\n      and (min-width: ${n.breakpoints.mobile})\n      and (max-width: ${n.breakpoints.tablet})\n    {\n      font-size: ${n.typography.heading[s??p]};\n    }\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      font-size: ${n.typography.heading[g??p]};\n      line-height: ${n.spacing[l??$]};\n    }\n  `}
+`,i=n.styled(e.BaseTextComponent)`
+  ${({theme:n,$bgGradient:e="unset",$color:t=n.palette.gray[600],$display:i="block",$fontFamily:a=n.typography.type.primary,$fontWeight:o="regular",$letterSpacing:r=0,$lineSpacing:$=1.25,$lineSpacingSm:l,$size:p,$sizeMd:s,$sizeSm:g,$textFill:y="unset",$wordBreak:d="normal"})=>`\n    background: ${e};\n    color: ${t};\n    display: ${i};\n    font-family: ${a};\n    font-size: ${n.typography.text[p]};\n    font-weight: ${n.typography.weight[o]};\n    letter-spacing: ${r};\n    line-height: ${n.spacing[$]};\n    width: ${"block"===i?"100%":"auto"};\n    word-break: ${d};\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: ${y};\n\n    @media screen\n      and (min-width: ${n.breakpoints.mobile})\n      and (max-width: ${n.breakpoints.tablet})\n    {\n      font-size: ${n.typography.text[s??p]};\n    }\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      font-size: ${n.typography.text[g??p]};\n      line-height: ${n.spacing[l??$]};\n    }\n  `}
+`,a=n.styled.span`
+  ${({theme:n,$color:e=n.palette.gray[600],$content:t,$display:i="inline",$fontWeight:a="regular",$size:o,$lineSpacing:r=1.25})=>`\n    color: ${e};\n    display: ${i};\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text[o]};\n    font-weight: ${n.typography.weight[a]};\n    line-height: ${n.spacing[r]};\n    width: ${"block"===i?"100%":"auto"};\n\n    ${void 0===t?"":`&::after { content: "${t}"; }`}\n  `}
+`;exports.StyledHeading=t,exports.StyledSpan=a,exports.StyledText=i;