@fluidattacks/design 3.1.11 → 3.1.12

package/dist/styles-D4R-eerv.mjs

@@ -1,77 +0,0 @@
-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

@@ -1,144 +0,0 @@
-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

@@ -1,131 +0,0 @@
-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

@@ -1,42 +0,0 @@
-"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

@@ -1,7 +0,0 @@
-"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;

package/dist/styles-be8gOdgy.mjs

@@ -1,106 +0,0 @@
-import { styled as n } from "styled-components";
-import { v as a } from "./utils-Da0qL35u.mjs";
-import { a as t } from "./styles-DV8yOaqV.mjs";
-import "react/jsx-runtime";
-const { getVariant: r } = a((n2) => ({ ghost: `
-      background: transparent;
-      border: none;
-      color: ${n2.palette.gray[800]};
-      --btn-padding-x: ${n2.spacing[0.5]};
-      --btn-padding-y: ${n2.spacing[0.625]};
-      --btn-spacing: ${n2.spacing[0.25]};
-
-      &:disabled {
-        color: ${n2.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n2.palette.gray[100]};
-        color: ${n2.palette.gray[800]};
-      }
-    `, link: `
-      --btn-padding-x: 0;
-      --btn-padding-y: 0;
-      color: ${n2.palette.gray[800]};
-
-      &:hover {
-        color: ${n2.palette.gray[500]};
-      }
-    `, primary: `
-      background: ${n2.palette.primary[500]};
-      border: none;
-      color: ${n2.palette.white};
-      --btn-spacing: ${n2.spacing[0.25]};
-
-      &:disabled {
-        background: ${n2.palette.gray[200]};
-        color: ${n2.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n2.palette.primary[700]};
-        color: ${n2.palette.white};
-      }
-    `, secondary: `
-      background: ${n2.palette.gray[800]};
-      border: none;
-      color: ${n2.palette.white};
-      --btn-spacing: ${n2.spacing[0.25]};
-
-      &:disabled {
-        background: ${n2.palette.gray[200]};
-        color: ${n2.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n2.palette.gray[600]};
-        color: ${n2.palette.white};
-      }
-    `, tertiary: `
-      background: transparent;
-      border: 1px solid ${n2.palette.primary[500]};
-      color: ${n2.palette.primary[500]};
-      --btn-spacing: ${n2.spacing[0.25]};
-
-      &:disabled {
-        background: transparent;
-        border: 1px solid ${n2.palette.gray[200]};
-        color: ${n2.palette.gray[300]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n2.palette.primary[500]};
-        color: ${n2.palette.white};
-      }
-    ` })), e = n(t)`
-  ${({ theme: n2, $variant: a2 }) => `
-    align-items: center;
-    border-radius: var(--btn-spacing);
-    cursor: pointer;
-    display: inline-flex;
-    font-family: ${n2.typography.type.primary};
-    font-size: ${n2.typography.text.sm};
-    font-weight: ${n2.typography.weight.regular};
-    gap: var(--btn-spacing);
-    justify-content: center;
-    line-height: ${n2.spacing[1.25]};
-    padding: var(--btn-padding-y) var(--btn-padding-x);
-    position: relative;
-    text-align: start;
-    transition: all 0.5s ease;
-    white-space: nowrap;
-
-    @media screen and (max-width: ${n2.breakpoints.mobile}) {
-      ${"link" !== a2 ? `--btn-padding-y: ${n2.spacing[1]}` : ""};
-    }
-
-    ${r(n2, a2 ?? "primary")}
-  `}
-`;
-export {
-  e as S
-};

package/dist/use-carousel-64dKFW4E.js

@@ -1 +0,0 @@
-"use strict";const e=require("react");exports.useCarousel=(t,s)=>{const[r,c]=e.useState(0),[u,a]=e.useState(0);return e.useEffect((()=>{100===u&&c((e=>e===s-1?0:e+1))}),[u,s]),e.useEffect((()=>{const e=setInterval((()=>{a((e=>100===e?0:e+1))}),t);return()=>{clearInterval(e)}}),[t]),{cycle:r,progress:u,setCycle:c,setProgress:a}};

package/dist/use-carousel-D7xeL3YZ.mjs

@@ -1,17 +0,0 @@
-import { useState as r, useEffect as e } from "react";
-const t = (t2, s) => {
-  const [c, o] = r(0), [n, a] = r(0);
-  return e(() => {
-    100 === n && o((r2) => r2 === s - 1 ? 0 : r2 + 1);
-  }, [n, s]), e(() => {
-    const r2 = setInterval(() => {
-      a((r3) => 100 === r3 ? 0 : r3 + 1);
-    }, t2);
-    return () => {
-      clearInterval(r2);
-    };
-  }, [t2]), { cycle: c, progress: n, setCycle: o, setProgress: a };
-};
-export {
-  t as u
-};

package/dist/use-click-outside-BqkLISED.js

@@ -1 +0,0 @@
-"use strict";const e=require("react");exports.useClickOutside=(t,n,c=!1)=>{e.useEffect((()=>{var e;const r=e=>{t&&!t.contains(e.target)&&n()};return c?(document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}):(null==(e=document.getElementById("root"))||e.addEventListener("click",r,!0),()=>{var e;null==(e=document.getElementById("root"))||e.removeEventListener("click",r,!0)})}),[c,t,n])};

package/dist/use-click-outside-C4Z4pdiW.mjs

@@ -1,18 +0,0 @@
-import { useEffect as e } from "react";
-const t = (t2, n, c = false) => {
-  e(() => {
-    var _a;
-    const e2 = (e3) => {
-      t2 && !t2.contains(e3.target) && n();
-    };
-    return c ? (document.addEventListener("click", e2, true), () => {
-      document.removeEventListener("click", e2, true);
-    }) : ((_a = document.getElementById("root")) == null ? void 0 : _a.addEventListener("click", e2, true), () => {
-      var _a2;
-      (_a2 = document.getElementById("root")) == null ? void 0 : _a2.removeEventListener("click", e2, true);
-    });
-  }, [c, t2, n]);
-};
-export {
-  t as u
-};