@matbea-ui/matbea-ui 0.1.7 → 0.2.0

package/dist/matbea-ui.cjs33.js

@@ -1,44 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),e={regular:400,semibold:600,bold:700},g={h1:{mobile:{fontSize:"26px",lineHeight:"32px",fontWeight:e.semibold},tablet:{fontSize:"34px",lineHeight:"42px",fontWeight:e.semibold},desktop:{fontSize:"44px",lineHeight:"54px",fontWeight:e.semibold,textTransform:"uppercase"}},h2:{mobile:{fontSize:"22px",lineHeight:"28px",fontWeight:e.semibold},tablet:{fontSize:"30px",lineHeight:"37px",fontWeight:e.semibold},desktop:{fontSize:"32px",lineHeight:"40px",fontWeight:e.semibold}},h3:{mobile:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold},tablet:{fontSize:"28px",lineHeight:"34px",fontWeight:e.semibold},desktop:{fontSize:"30px",lineHeight:"38px",fontWeight:e.semibold}},h4:{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},tablet:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold}},h5:{mobile:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold},tablet:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold},desktop:{fontSize:"20px",lineHeight:"24px",fontWeight:e.semibold}},"body-xl-semibold":{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},tablet:{fontSize:"22px",lineHeight:"28px",fontWeight:e.semibold},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.semibold}},"body-xl":{mobile:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular},tablet:{fontSize:"22px",lineHeight:"28px",fontWeight:e.regular},desktop:{fontSize:"24px",lineHeight:"30px",fontWeight:e.regular}},"body-l-semibold":{mobile:{fontSize:"16px",lineHeight:"19px",fontWeight:e.semibold},tablet:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold},desktop:{fontSize:"18px",lineHeight:"22px",fontWeight:e.semibold}},"body-l":{mobile:{fontSize:"16px",lineHeight:"19px",fontWeight:e.regular},tablet:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular},desktop:{fontSize:"18px",lineHeight:"22px",fontWeight:e.regular}},"body-m-bold":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.bold},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.bold},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.bold}},"body-m-semibold":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.semibold}},"body-m":{mobile:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular},tablet:{fontSize:"16px",lineHeight:"20px",fontWeight:e.regular},desktop:{fontSize:"16px",lineHeight:"20px",fontWeight:e.regular}},"body-s-semibold":{mobile:{fontSize:"12px",lineHeight:"15px",fontWeight:e.semibold},tablet:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold},desktop:{fontSize:"14px",lineHeight:"17px",fontWeight:e.semibold}},"body-s":{mobile:{fontSize:"12px",lineHeight:"15px",fontWeight:e.regular},tablet:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular},desktop:{fontSize:"14px",lineHeight:"17px",fontWeight:e.regular}},button:{desktop:{fontSize:"15px",lineHeight:"18px",fontWeight:e.semibold}},"form-input":{desktop:{fontSize:"15px",lineHeight:"18px",fontWeight:e.regular}},"avatar-basic":{desktop:{fontSize:"16px",lineHeight:"18px",fontWeight:e.semibold}},"avatar-m":{desktop:{fontSize:"14px",lineHeight:"16px",fontWeight:e.semibold}},"avatar-s":{desktop:{fontSize:"12px",lineHeight:"14px",fontWeight:e.semibold}}},h=t=>{const{mobile:o,tablet:n,desktop:l}=g[t];return i.css`
-    ${({theme:p})=>i.css`
-      ${i.css`
-        font-size: ${l.fontSize};
-        font-weight: ${l.fontWeight};
-        line-height: ${l.lineHeight};
-      `}
-
-      ${n&&i.css`
-        ${p.media.maxWidth.tablet} {
-          font-size: ${n.fontSize};
-          font-weight: ${n.fontWeight};
-          line-height: ${n.lineHeight};
-        }
-      `}
-
-    ${o&&i.css`
-        ${p.media.maxWidth.mobile} {
-          font-size: ${o.fontSize};
-          font-weight: ${o.fontWeight};
-          line-height: ${o.lineHeight};
-        }
-      `}
-    `}
-  `},f=i.styled.span`
-  margin: 0;
-  color: ${({$color:t})=>t??"inherit"};
-  ${({$variant:t})=>h(t)};
-  text-align: ${({$align:t})=>t??"inherit"};
-  ${({$inline:t})=>t?i.css`
-          display: inline;
-        `:i.css`
-          display: block;
-        `};
-  ${({$uppercase:t})=>t&&i.css`
-      text-transform: uppercase;
-      letter-spacing: 0.04em;
-    `}
-  ${({$truncate:t})=>t&&i.css`
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `}
-`;exports.StyledTypography=f;

package/dist/matbea-ui.cjs34.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),i=require("./matbea-ui.cjs74.js"),s=e=>t.jsxRuntimeExports.jsxs(i.Icon,{...e,viewBox:"0 0 18 18",children:[t.jsxRuntimeExports.jsx("g",{"clip-path":"url(#clip0_309_1899)",children:t.jsxRuntimeExports.jsx("path",{d:"M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4955 13.1403 13.1403 16.4955 9 16.5ZM3 9.129C3.03549 12.4299 5.73083 15.0822 9.0319 15.0645C12.333 15.0467 14.9997 12.3656 14.9997 9.0645C14.9997 5.76338 12.333 3.08233 9.0319 3.0645C5.73083 3.04684 3.03549 5.69907 3 9V9.129ZM10.5 12.75H8.25V9.75H7.5V8.25H9.75V11.25H10.5V12.75ZM9.75 6.75H8.25V5.25H9.75V6.75Z",fill:e.color||"#9296A5"})}),t.jsxRuntimeExports.jsx("defs",{children:t.jsxRuntimeExports.jsx("clipPath",{id:"clip0_309_1899",children:t.jsxRuntimeExports.jsx("rect",{width:"18",height:"18",fill:"white"})})})]});exports.InfoIcon=s;

package/dist/matbea-ui.cjs35.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),o=t.styled.div`
-  display: grid;
-  align-items: center;
-  grid-template-columns: ${({$icon:e})=>e?"auto 1fr":"1fr"};
-  gap: 12px;
-  width: 458px;
-  height: auto;
-  border-radius: 12px;
-  padding: 24px;
-  background-color: ${({$type:e,theme:r})=>{switch(e){case"success":return r.colors.accent.green2Light;case"error":return r.colors.accent.red;case"info":return r.colors.primary.lightBlue2;case"warning":return r.colors.accent.orange}}};
-`;exports.InformerStyled=o;

package/dist/matbea-ui.cjs36.js

@@ -1,71 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("./matbea-ui.cjs4.js"),i=r.styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-`,n=r.styled(t.Typography).attrs({variant:"form-input",forwardedAs:"label"})`
-  color: ${({theme:o})=>o.colors.primary.darkBlue};
-`,l=r.styled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  overflow: hidden;
-  height: 48px;
-  padding-left: 12px;
-  border-radius: 5px;
-  outline: 1px solid ${({theme:o})=>o.colors.gray.lightGray2};
-  outline-offset: -1px;
-  background: ${({theme:o})=>o.colors.primary.white};
-  width: 100%;
-  box-sizing: border-box;
-  transition: border-color 140ms ease;
-
-  ${({$disabled:o})=>o&&r.css`
-      opacity: 0.6;
-      cursor: not-allowed;
-    `}
-
-  ${({$hasError:o,theme:e})=>o&&r.css`
-      outline-color: ${e.colors.accent.red};
-    `}
-
-  &:hover {
-    outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.lightBlue2};
-  }
-
-  &[data-state="active"] {
-    outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.primaryBlue};
-  }
-`,a=r.styled.span`
-  display: inline-flex;
-  width: 24px;
-  height: 24px;
-`,s=r.styled.span`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 48px;
-  & > button {
-    border-radius: 0px;
-  }
-`,c=r.styled.input`
-  flex: 1;
-  border: none;
-  outline: none;
-  background: transparent;
-  font-family: "Proxima Nova", sans-serif;
-  padding-right: 12px;
-  height: 100%;
-  font-size: 15px;
-  line-height: 18px;
-  color: ${({theme:o})=>o.colors.primary.darkBlue};
-
-  &::placeholder {
-    color: ${({theme:o})=>o.colors.gray.darkGray};
-  }
-`,d=r.styled.span`
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 15px;
-  line-height: 18px;
-  color: ${({theme:o})=>o.colors.accent.red};
-`;exports.ActionSlot=s;exports.ErrorText=d;exports.FieldContainer=l;exports.Input=c;exports.Label=n;exports.LeadingIcon=a;exports.Wrapper=i;

package/dist/matbea-ui.cjs37.js

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("styled-components"),i=d.styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  padding: 24px 28px;
-  background-color: ${({theme:e})=>e.colors.primary.white};
-  border-radius: 10px;
-  ${({theme:e})=>e.media.maxWidth.tablet} {
-    padding: 24px 20px;
-  }
-  ${({theme:e})=>e.media.maxWidth.mobile} {
-    padding: 16px;
-  }
-`;exports.ContainerStyled=i;

package/dist/matbea-ui.cjs38.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("./matbea-ui.cjs4.js"),o=r.styled(t.Typography).attrs({forwardedAs:"div"})`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0px;
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  color: #fff;
-  background-color: ${({theme:e})=>e.colors.primary.primaryBlue};
-`;exports.CounterStyled=o;

package/dist/matbea-ui.cjs39.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./matbea-ui.cjs30.js"),e=require("./matbea-ui.cjs74.js"),i=t=>s.jsxRuntimeExports.jsxs(e.Icon,{...t,children:[s.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_487_8651)",children:[s.jsxRuntimeExports.jsx("path",{d:"M4.99543 4.85076C5.38596 4.46024 6.01912 4.46024 6.40965 4.85076L19.265 17.7061C19.6555 18.0966 19.6555 18.7298 19.265 19.1203L19.0937 19.2916C18.7032 19.6821 18.07 19.6821 17.6795 19.2916L4.82414 6.43627C4.43362 6.04574 4.43362 5.41258 4.82414 5.02206L4.99543 4.85076Z",fill:"#9296A5"}),s.jsxRuntimeExports.jsx("path",{d:"M4.85129 19.1203C4.46077 18.7298 4.46077 18.0966 4.85129 17.7061L17.7066 4.85075C18.0971 4.46023 18.7303 4.46023 19.1208 4.85075L19.2921 5.02205C19.6827 5.41257 19.6827 6.04574 19.2921 6.43626L6.4368 19.2916C6.04627 19.6821 5.41311 19.6821 5.02258 19.2916L4.85129 19.1203Z",fill:"#9296A5"})]}),s.jsxRuntimeExports.jsx("defs",{children:s.jsxRuntimeExports.jsx("clipPath",{id:"clip0_487_8651",children:s.jsxRuntimeExports.jsx("rect",{width:"24",height:"24",fill:"white"})})})]});exports.CloseIcon=i;

package/dist/matbea-ui.cjs4.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./matbea-ui.cjs30.js"),u=require("./matbea-ui.cjs33.js"),c=({as:e="span",forwardedAs:t,variant:r="body-m-semibold",color:s,align:o,uppercase:a=!1,truncate:n=!1,inline:i=!1,children:l,...p})=>y.jsxRuntimeExports.jsx(u.StyledTypography,{as:e,forwardedAs:t,$variant:r,$color:s,$align:o,$uppercase:a,$truncate:n,$inline:i,...p,children:l});exports.Typography=c;

package/dist/matbea-ui.cjs40.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./matbea-ui.cjs30.js"),r=require("./matbea-ui.cjs74.js"),i=e=>t.jsxRuntimeExports.jsxs(r.Icon,{...e,children:[t.jsxRuntimeExports.jsx("rect",{x:"3",y:"5",width:"18",height:"2",rx:"1",fill:"#9296A5"}),t.jsxRuntimeExports.jsx("rect",{x:"3",y:"11",width:"18",height:"2",rx:"1",fill:"#9296A5"}),t.jsxRuntimeExports.jsx("rect",{x:"3",y:"17",width:"18",height:"2",rx:"1",fill:"#9296A5"})]});exports.HamburgerIcon=i;

package/dist/matbea-ui.cjs41.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=t.keyframes`
-  0% {
-    transform: scale(0.5);
-  }
-  25% {
-    transform: scale(1);
-  }
-  75% {
-    transform: scale(0.5);
-  }
-  100% {
-    transform: scale(0.5);
-  }
-`,o=t.styled.div`
-  display: flex;
-`,r=t.styled.div`
-  margin: 2px;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background-color: ${({theme:a})=>a.colors.primary.primaryBlue};
-  transform: scale(0.5);
-  animation: ${e} 1.2s ease-out infinite;
-
-  &:nth-of-type(2) {
-    animation-delay: 0.2s;
-  }
-  &:nth-of-type(3) {
-    animation-delay: 0.3s;
-  }
-  &:nth-of-type(4) {
-    animation-delay: 0.4s;
-  }
-  &:nth-of-type(5) {
-    animation-delay: 0.5s;
-  }
-`;exports.LoaderDot=r;exports.LoaderDots=o;

package/dist/matbea-ui.cjs42.js

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),a=require("./matbea-ui.cjs4.js"),l=e.styled.label`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  cursor: ${({disabled:o})=>o?"not-allowed":"pointer"};
-`,n=e.styled.input`
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-`,s=e.styled.span`
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid ${({theme:o})=>o.colors.gray.darkGray2};
-  background-color: transparent;
-  transition: border-color 160ms ease, background-color 160ms ease;
-  position: relative;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-
-  ${({$checked:o,theme:r})=>o&&e.css`
-      border-color: ${r.colors.primary.primaryBlue};
-      &::after {
-        content: "";
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        background-color: ${r.colors.primary.primaryBlue};
-        transition: background-color 160ms ease;
-      }
-    `}
-
-  ${({$checked:o,theme:r})=>!o&&e.css`
-      &:hover {
-        border-color: ${r.colors.primary.hoverBlue};
-      }
-    `}
-
-  ${({$checked:o,$disabled:r,theme:i})=>!r&&o&&e.css`
-      &:hover {
-        border-color: ${i.colors.primary.hoverBlue};
-        &::after {
-          background-color: ${i.colors.primary.hoverBlue};
-        }
-      }
-    `}
-
-  ${({$disabled:o,theme:r})=>o&&e.css`
-      border-color: ${r.colors.icon.iconSecondary};
-      background-color: ${r.colors.gray.lightGray2};
-      &::after {
-        content: "";
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        background-color: ${r.colors.icon.iconSecondary};
-      }
-    `}
-`,c=e.styled(a.Typography)`
-  color: ${({theme:o})=>o.colors.primary.darkBlue};
-`;exports.HiddenInput=n;exports.LabelText=c;exports.RadioLabel=l;exports.VisualRadio=s;

package/dist/matbea-ui.cjs43.js

@@ -1,102 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),i=require("./matbea-ui.cjs4.js"),t=r.styled.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-`,a=r.styled(i.Typography).attrs({variant:"form-input",forwardedAs:"label"})`
-  color: ${({theme:o})=>o.colors.primary.darkBlue};
-`,l=r.styled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  overflow: hidden;
-  height: 48px;
-  padding: 0 12px;
-  border-radius: 5px;
-  outline: 1px solid ${({theme:o})=>o.colors.gray.lightGray2};
-  outline-offset: -1px;
-  background: ${({theme:o})=>o.colors.primary.white};
-  width: 100%;
-  box-sizing: border-box;
-  transition: outline-color 140ms ease;
-  cursor: pointer;
-
-  ${({$disabled:o})=>o&&r.css`
-      opacity: 0.6;
-      cursor: not-allowed;
-    `}
-
-  ${({$hasError:o,theme:e})=>o&&r.css`
-      outline-color: ${e.colors.accent.red};
-    `}
-
-  &:hover {
-    outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.lightBlue2};
-  }
-
-  &[data-state="active"] {
-    outline-color: ${({theme:o,$hasError:e})=>e?o.colors.accent.red:o.colors.primary.primaryBlue};
-  }
-`,n=r.styled.span`
-  display: inline-flex;
-  width: 24px;
-  height: 24px;
-  color: ${({theme:o})=>o.colors.primary.primaryBlue};
-`,s=r.styled.span`
-  flex: 1;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 15px;
-  line-height: 18px;
-  color: ${({theme:o,$placeholder:e})=>e?o.colors.gray.darkGray:o.colors.primary.darkBlue};
-  user-select: none;
-`,d=r.styled.input`
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-`,p=r.styled.span`
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 13px;
-  line-height: 16px;
-  color: ${({theme:o})=>o.colors.accent.red};
-`,c=r.styled.div`
-  position: fixed;
-  top: ${({$top:o})=>`${o}px`};
-  left: ${({$left:o})=>`${o}px`};
-  width: ${({$width:o})=>`${o}px`};
-  z-index: 999;
-  border-radius: 5px;
-  border: 1px solid ${({theme:o})=>o.colors.gray.lightGray2};
-  background: ${({theme:o})=>o.colors.primary.white};
-  box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.12);
-  display: flex;
-  flex-direction: column;
-  max-height: 260px;
-  overflow-y: auto;
-`,x=r.styled.button`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 0 13px;
-  height: 40px;
-  border: none;
-  background: transparent;
-  width: 100%;
-  text-align: left;
-  color: ${({theme:o})=>o.colors.primary.darkBlue};
-  cursor: pointer;
-  transition: background 140ms ease;
-
-  &[data-hovered="true"],
-  &:hover {
-    background: ${({theme:o})=>o.colors.gray.lightBlueGray};
-  }
-
-  &[data-active="true"] {
-    background: ${({theme:o})=>o.colors.gray.lightGray};
-  }
-`,y=r.styled.span`
-  display: inline-flex;
-  width: 24px;
-  height: 24px;
-`;exports.ErrorText=p;exports.FieldContainer=l;exports.HiddenInput=d;exports.Label=a;exports.LeadingIcon=n;exports.List=c;exports.Option=x;exports.OptionIcon=y;exports.Value=s;exports.Wrapper=t;

package/dist/matbea-ui.cjs44.js

@@ -1,103 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),r=require("./matbea-ui.cjs4.js"),a={top:"translate3d(0, 6px, 0)",bottom:"translate3d(0, -6px, 0)",left:"translate3d(6px, 0, 0)",right:"translate3d(-6px, 0, 0)"},i=o.div`
-  display: inline-flex;
-  position: relative;
-`,n=o.div`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  outline: none;
-
-  &:focus-visible {
-    box-shadow: inset 0 0 0 2px rgba(84, 132, 255, 0.65);
-    border-radius: 6px;
-  }
-
-  &[data-open="true"] {
-    cursor: default;
-  }
-
-  &[data-disabled="true"] {
-    cursor: not-allowed;
-  }
-`,p=o.div`
-  position: fixed;
-  top: -9999px;
-  left: -9999px;
-  padding: 10px 14px;
-  border-radius: 8px;
-  font-size: 13px;
-  line-height: 1.35;
-  max-width: min(320px, calc(100vw - 16px));
-  box-shadow: 0px 8px 24px 0px #0000001f;
-  filter: drop-shadow(0px 8px 24px 0px #0000001f);
-  background: ${({theme:t})=>t.colors.primary.white};
-  z-index: 9999;
-  opacity: ${({$visible:t})=>t?1:0};
-  visibility: ${({$visible:t})=>t?"visible":"hidden"};
-  transform: ${({$visible:t,$placement:e})=>t?"translate3d(0, 0, 0)":a[e]};
-  transition: opacity 0.18s ease, transform 0.18s ease;
-
-  pointer-events: ${({$visible:t,$interactive:e})=>t&&e?"auto":"none"};
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    pointer-events: none;
-  }
-
-  &[data-placement="top"] {
-    --tooltip-arrow-x: 0px;
-  }
-
-  &[data-placement="bottom"] {
-    --tooltip-arrow-x: 0px;
-  }
-
-  &[data-placement="left"] {
-    --tooltip-arrow-y: 0px;
-  }
-
-  &[data-placement="right"] {
-    --tooltip-arrow-y: 0px;
-  }
-`,s=o.span`
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background: inherit;
-  border: inherit;
-  border-radius: 2px;
-  transform: rotate(45deg);
-  pointer-events: none;
-
-  ${({$placement:t})=>{switch(t){case"top":return o.css`
-          bottom: -5px;
-          left: 50%;
-          transform: translateX(-50%) translateX(var(--tooltip-arrow-x, 0px))
-            rotate(45deg);
-        `;case"bottom":return o.css`
-          top: -5px;
-          left: 50%;
-          transform: translateX(-50%) translateX(var(--tooltip-arrow-x, 0px))
-            rotate(45deg);
-        `;case"left":return o.css`
-          right: -5px;
-          top: 50%;
-          transform: translateY(-50%) translateY(var(--tooltip-arrow-y, 0px))
-            rotate(45deg);
-        `;case"right":default:return o.css`
-          left: -5px;
-          top: 50%;
-          transform: translateY(-50%) translateY(var(--tooltip-arrow-y, 0px))
-            rotate(45deg);
-        `}}}
-`,l=o(r.Typography).attrs({variant:"body-s"})`
-  color: ${({theme:t})=>t.colors.primary.darkBlue};
-`;exports.TooltipArrow=s;exports.TooltipBubble=p;exports.TooltipContentText=l;exports.TooltipTrigger=n;exports.TooltipWrapper=i;

package/dist/matbea-ui.cjs45.js

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),r=require("./matbea-ui.cjs4.js"),c=e.styled.div`
-  display: flex;
-  gap: 10px;
-  align-items: center;
-`,o=e.styled(r.Typography)`
-  color: ${({theme:t})=>t.colors.primary.darkBlue};
-`;exports.UserAccountStyled=c;exports.UserAccountText=o;

package/dist/matbea-ui.cjs46.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./matbea-ui.cjs30.js"),n=require("./matbea-ui.cjs74.js"),r=l=>e.jsxRuntimeExports.jsxs(n.Icon,{...l,children:[e.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13ZM12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z",fill:"#202D52"}),e.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 15C8.13401 15 5 18.134 5 22H3C3 17.0294 7.02944 13 12 13C16.9706 13 21 17.0294 21 22H19C19 18.134 15.866 15 12 15Z",fill:"#202D52"})]});exports.UserIcon=r;

package/dist/matbea-ui.cjs47.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./matbea-ui.cjs30.js"),c=require("react"),l=require("./matbea-ui.cjs48.js"),b=({id:t,label:s,active:r=!1,disabled:e=!1,size:u="m",onSelect:n,className:a})=>{const i=c.useCallback(()=>{e||n?.(t)},[e,t,n]);return o.jsxRuntimeExports.jsx(l.TabButton,{type:"button",role:"tab","aria-selected":r,"aria-disabled":e,disabled:e,$size:u,$active:r,className:a,onClick:i,children:s})};exports.Tab=b;

package/dist/matbea-ui.cjs48.js

@@ -1,55 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i={m:{minWidth:55,height:46,fontSize:16,lineHeight:20,paddingX:14},l:{minWidth:58,height:48,fontSize:18,lineHeight:22,paddingX:14},xl:{minWidth:68,height:56,fontSize:24,lineHeight:30,paddingX:14}},r=e.button`
-  ${({$size:o})=>e.css`
-    min-width: ${i[o].minWidth}px;
-    height: ${i[o].height}px;
-    padding: 0 ${i[o].paddingX}px;
-    font-size: ${i[o].fontSize}px;
-    line-height: ${i[o].lineHeight}px;
-  `}
-  position: relative;
-  background: transparent;
-  border: none;
-  display: inline-flex;
-  align-items: flex-end;
-  justify-content: center;
-  font-weight: 700;
-  cursor: pointer;
-  text-transform: none;
-  color: ${({theme:o,$active:t})=>t?o.colors.primary.darkBlue:o.colors.gray.darkGray};
-  transition: color 120ms ease;
-  padding-bottom: 25px;
-  &::after {
-    content: "";
-    position: absolute;
-    inset-inline: 0;
-    bottom: 0;
-    height: ${({$active:o})=>o?2:1}px;
-    background: ${({theme:o,$active:t})=>t?o.colors.primary.primaryBlue:o.colors.gray.lightGray2};
-    transition: height 120ms ease, background 120ms ease;
-  }
-
-  &:hover:not(:disabled) {
-    color: ${({theme:o})=>o.colors.primary.darkBlue2};
-
-    &::after {
-      height: 2px;
-      background: ${({theme:o})=>o.colors.primary.hoverBlue};
-    }
-  }
-
-  &:focus-visible {
-    outline: none;
-    box-shadow: inset 0 -2px 0 ${({theme:o})=>o.colors.primary.hoverBlue};
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    color: ${({theme:o})=>o.colors.gray.darkGray+"80"};
-    &::after {
-      background: ${({theme:o})=>o.colors.gray.lightGray2};
-    }
-  }
-`,n=e.div`
-  display: flex;
-  box-shadow: inset 0 -1px 0 ${({theme:o})=>o.colors.gray.lightGray2};
-`;exports.TabButton=r;exports.TabRow=n;

package/dist/matbea-ui.cjs49.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),l=require("./matbea-ui.cjs4.js"),r=e.table`
-  width: 100%;
-  border-collapse: collapse;
-  overflow: hidden;
-`,d=e.tr`
-  &:nth-child(2n) {
-    background: ${({theme:a})=>a.colors.gray.lightBlueGray};
-  }
-`,o=e(l.Typography).attrs({forwardedAs:"td",variant:"body-m"})`
-  display: table-cell;
-  color: ${({theme:a})=>a.colors.primary.darkBlue};
-  padding: 16px 14px;
-  &:first-child {
-    border-radius: 10px 0 0 10px;
-  }
-  &:last-child {
-    border-radius: 0 10px 10px 0;
-  }
-`,t=e(l.Typography).attrs({forwardedAs:"th",variant:"body-s"})`
-  display: table-cell;
-  color: ${({theme:a})=>a.colors.gray.darkGray2};
-  padding: 16px 14px;
-`,s=e.tbody``,b=e.thead``;exports.TableBody=s;exports.TableCell=o;exports.TableHead=b;exports.TableHeader=t;exports.TableRow=d;exports.TableStyled=r;

package/dist/matbea-ui.cjs5.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./matbea-ui.cjs30.js");require("react");const i=require("./matbea-ui.cjs34.js"),t=require("./matbea-ui.cjs4.js"),x=require("./matbea-ui.cjs35.js"),f=({label:o,description:s,type:n,icon:e})=>r.jsxRuntimeExports.jsxs(x.InformerStyled,{$icon:e,$type:n,children:[e&&r.jsxRuntimeExports.jsx(i.InfoIcon,{size:18,color:"#fff"}),o&&r.jsxRuntimeExports.jsx(t.Typography,{color:"#fff",variant:"body-l-semibold",children:o}),e&&r.jsxRuntimeExports.jsx("div",{}),s&&r.jsxRuntimeExports.jsx(t.Typography,{color:"#fff",variant:"body-m-semibold",children:s})]});exports.Informer=f;

package/dist/matbea-ui.cjs50.js

@@ -1,38 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("styled-components"),e=a.styled.div`
-  display: inline-flex;
-`,s=a.styled.button`
-  position: relative;
-  width: 56px;
-  height: 26px;
-  padding: 4px;
-  border: none;
-  border-radius: 22px;
-  background: ${({$checked:r,theme:o})=>r?o.colors.primary.primaryBlue:o.colors.gray.darkGray2};
-  cursor: pointer;
-  transition: background 150ms ease;
-  outline: none;
-
-  &:focus-visible {
-    box-shadow: 0 0 0 2px rgba(49, 99, 240, 0.4);
-  }
-
-  &:hover {
-    background: ${({$checked:r,theme:o})=>r?o.colors.primary.hoverBlue:o.colors.gray.darkGray};
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    background: ${({theme:r})=>r.colors.gray.darkGray};
-  }
-`,t=a.styled.span`
-  position: absolute;
-  top: 50%;
-  left: 4px;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  background: ${({$disabled:r,theme:o})=>r?o.colors.primary.darkBlue2:"#ffffff"};
-  box-shadow: ${({$disabled:r})=>r?"none":"0 3px 6px rgba(0, 0, 0, 0.25)"};
-  transform: translate(${({$checked:r})=>r?"30px":"0"}, -50%);
-  transition: transform 180ms ease, background 150ms ease, box-shadow 150ms ease;
-`;exports.SwitcherRoot=e;exports.Thumb=t;exports.Track=s;