@hhgtech/hhg-components 1.28.68 → 1.28.69

package/build/esm/index.styles-d0b249c6.js

@@ -1,817 +0,0 @@
-import e,{css as o}from"styled-components";import{t as r}from"./theme-691eca44.js";import{M as a}from"./utils-21a3e198.js";import{_ as t}from"./tslib.es6-1ab8a2bb.js";import i,{useState as n,forwardRef as s,createContext as l,useEffect as d,Fragment as p}from"react";import{L as c,b as g,d as x,e as h}from"./constants-1e65de37.js";import{s as u,e as b,b as m,f,c as v,g as w,a as y,d as $}from"./animation-a158bfd1.js";import{createStyles as k,rem as z}from"@mantine/core";import C from"react-keyed-flatten-children";const E=e.div`
-  background-color: var(--background-color, transparent);
-  color: white;
-  cursor: pointer;
-  img {
-    --width: var(--width-prop, 40px);
-    --height: var(--height-prop, 40px);
-    width: var(--width);
-    height: var(--height);
-  }
-  &[data-has-max='true'] {
-    img {
-      max-width: var(--width);
-      max-height: var(--height);
-    }
-  }
-
-  &[data-avatar-type='square'] {
-    img {
-      --width: var(--width-prop, 72px);
-      --height: var(--height-prop, 72px);
-      border-radius: ${r.borderRadius};
-    }
-  }
-
-  &[data-avatar-type='rounded'] {
-    img {
-      border-radius: 50%;
-    }
-  }
-
-  &[data-custom-size='true'] {
-    display: flex;
-    overflow: hidden;
-    overflow: hidden;
-    width: var(--size);
-    height: var(--size);
-    align-items: center;
-    justify-content: center;
-    background-size: cover;
-    font-size: calc(var(--size) / 2);
-    font-weight: bold;
-    &[data-avatar-type='square'] {
-      border-radius: ${r.borderRadius};
-    }
-    &[data-avatar-type='rounded'] {
-      border-radius: 50%;
-      img {
-        --width: 100%;
-        --height: 100%;
-      }
-    }
-    img {
-      object-fit: cover;
-    }
-  }
-`,j=e.div`
-  position: relative;
-
-  > div {
-    width: max-content;
-    position: relative;
-  }
-
-  span {
-    font-weight: ${r.sizes.fwBold};
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    ${e=>((e,o,a,t)=>{let i="";if("numeric"===e)switch(o){case"medium":i="\n          height: 16px;\n          font-size: 11px;\n          padding: 1px 6px;\n        ";case"large":i="\n          height: 24px;\n          font-size: 13px;\n          padding: 1px 10px;\n        "}let n,s="";a&&(s="\n      position: absolute;\n      top: 0;\n      left: 75%;\n    "),a&&(n=`\n      left: 70%;\n\n      ${"large"===o?"\n        top: -7px;\n      ":"medium"===o?"\n       top: -2px;\n       width: 16px;\n       height: 16px;\n      ":""}\n    `);let l="";switch(t){case"primary":l=`\n      background: ${r.colors.primary50};\n      color: ${r.colors.primary600};  \n    `;break;case"error":l=`\n        background: ${r.colors.error};\n        color: white;\n      `}switch(e){case"dot":return`\n        ${s}\n        width: 8px;\n        height: 8px;\n        font-size: 0px;\n        border-radius: 50%;\n        ${l}\n      `;case"numeric":return`\n        ${s}\n        width: max-content;\n        border-radius: 32px;\n        ${i}\n        ${n}\n        ${l}\n      `}})(e.notificationType,e.notificationSize,e.hasIcon,e.notificationColor)}
-  }
-
-  ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
-`,B=e.h4`
-  position: relative;
-  line-height: 18px;
-
-  &:after {
-    position: absolute;
-    top: 1px;
-    left: 0;
-    width: 4px;
-    height: 18px;
-    background-color: ${r.colors.primaryBase};
-    content: '';
-  }
-
-  &[data-size='lg'] {
-    font-size: 18px;
-    padding-left: 12px;
-  }
-
-  &[data-size='sm'] {
-    font-size: 14px;
-    padding-left: 8px;
-
-    &::after {
-      width: 2px;
-      height: 15px;
-    }
-  }
-
-  &[data-type='bold'] {
-    font-weight: ${r.sizes.fwBold};
-  }
-  &[data-type='semiBold'] {
-    font-weight: ${r.sizes.fwSemiBold};
-  }
-
-  &[data-uppercase] {
-    text-transform: uppercase;
-  }
-
-  ${a.mbDown} {
-    &[data-size='lg'] {
-      font-size: 16px;
-    }
-  }
-`,I=e.hr`
-  border-width: 1px;
-  border-color: ${r.colors.neutral200};
-  border-style: ${e=>e.dividerType};
-`,R=e.div`
-  position: relative;
-  box-sizing: border-box;
-  border: 1px solid ${r.colors.gray200};
-  background: url('../../../public/bgSvg/arrow-down.svg') no-repeat;
-  background-position: right 16px center;
-  border-radius: ${r.borderRadius};
-
-  &[data-has-icons='true'] {
-    border: none;
-    background: ${r.colors.gray100};
-
-    img,
-    svg {
-      display: inline-block;
-      max-width: 16px;
-      margin-right: 6px;
-    }
-
-    span {
-      vertical-align: middle;
-      display: inline-block;
-    }
-
-    &:hover {
-      box-shadow: none;
-    }
-    > div {
-      position: relative;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      box-sizing: border-box;
-    }
-    > div::after {
-      content: '';
-      right: 12px;
-      top: 50%;
-      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
-      width: 10px;
-      height: 8px;
-      position: absolute;
-      background-repeat: no-repeat;
-      transform: translateY(-50%);
-    }
-  }
-
-  &:hover {
-    box-shadow: 0 0 2px 2px ${r.colors.primary200};
-  }
-`,S=e.div`
-  padding: 12px 18px 12px 16px;
-  cursor: pointer;
-  &[data-dropdown-open] {
-    padding: 11px 15px 11px 15px;
-    border: 1px solid ${r.colors.primaryBase};
-    border-radius: ${r.borderRadius};
-    box-shadow: 0 0 2px 2px ${r.colors.primary200};
-  }
-
-  & > svg {
-    height: 16px;
-    width: 16px;
-  }
-`,L=e.ul`
-  position: absolute;
-  top: 100%;
-  right: 0;
-  left: 0;
-  display: block;
-  margin-top: 4px;
-  background: ${r.colors.white};
-  border-radius: ${r.borderRadius};
-  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
-    -2px 2px 5px rgba(67, 86, 100, 0.123689);
-  cursor: pointer;
-
-  &[data-has-icons='true'] {
-    background: white;
-    box-shadow: none;
-    border: 1px solid ${r.colors.gray200};
-    filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
-  }
-`,N=e.li`
-  margin: 8px;
-  padding: 12px 18px 12px 16px;
-  border-radius: ${r.borderRadius};
-  display: flex;
-  &:hover,
-  :active {
-    background: ${r.colors.gray100};
-  }
-`,A=e.div`
-  display: flex;
-  align-items: center;
-  margin-right: 8px;
-
-  & > svg {
-    height: 16px;
-    width: 16px;
-  }
-`,M=e.div`
-  --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));
-  --columns-desktop: var(
-    --grid-template-columns-desktop,
-    repeat(var(--columns-count-desktop), 1fr)
-  );
-  display: grid;
-  grid-template-columns: var(--columns);
-  grid-gap: var(--grid-gap);
-  align-items: var(--align-items);
-
-  ${a.tdUp} {
-    grid-template-columns: var(--columns-desktop);
-  }
-
-  > * {
-    justify-self: var(--justify-children);
-  }
-`,D=e.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  user-select: none;
-  li {
-    transition: all 0.3s ease;
-  }
-  [data-page-active] {
-    background: ${r.colors.primaryBase};
-    color: ${r.colors.white};
-
-    > a {
-      color: ${r.colors.white};
-    }
-  }
-`,K=e.div`
-  display: flex;
-  width: 32px;
-  height: 32px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid ${r.colors.gray200};
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${r.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${r.sizes.fwBold};
-
-  &[data-last-page] {
-    border: none;
-    background-color: ${r.colors.gray100};
-    cursor: not-allowed;
-    pointer-events: none;
-
-    svg {
-      path {
-        stroke: ${r.colors.gray300};
-      }
-    }
-  }
-`,O=e.li`
-  display: flex;
-  width: 32px;
-  height: 32px;
-  align-items: center;
-  justify-content: center;
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${r.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${r.sizes.fwBold};
-
-  > a {
-    color: ${r.colors.gray800};
-    text-decoration: unset;
-    display: block;
-    width: 100%;
-    height: 100%;
-    line-height: 32px;
-    text-align: center;
-  }
-`,P=e.div`
-  position: relative;
-  width: 100%;
-
-  &[data-has-error] {
-    input {
-      border-color: ${r.colors.red700};
-    }
-  }
-
-  input {
-    width: 100%;
-    padding: 12px 16px;
-    border: solid 1px ${r.colors.gray200};
-    border-radius: ${r.borderRadius};
-
-    &:active,
-    &:focus,
-    .focused & {
-      border-color: ${r.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${r.colors.primary200};
-    }
-
-    &:disabled {
-      background-color: ${r.colors.gray100};
-      cursor: not-allowed;
-    }
-  }
-
-  &[data-has-action-icon] {
-    input {
-      padding: 12px 48px 12px 16px;
-    }
-  }
-  &[data-has-display-icon] {
-    input {
-      padding: 12px 16px 12px 48px;
-    }
-  }
-
-  &[data-has-action-icon][data-has-display-icon] {
-    input {
-      padding: 12px 48px;
-    }
-  }
-
-  &[data-size='lg'] {
-    input {
-      font-size: 16px;
-      font-weight: ${r.sizes.fwRegular};
-      ${a.mbDown} {
-        font-size: 22px;
-        line-height: 1.2;
-      }
-
-      ${a.mbUp} {
-        font-size: 26px;
-        line-height: 1.2;
-      }
-    }
-  }
-  &[data-size='md'] {
-    input {
-      font-weight: ${r.sizes.fwRegular};
-      ${a.mbDown} {
-        font-size: 14px;
-        line-height: 1.2;
-      }
-
-      ${a.mbUp} {
-        font-size: 16px;
-        line-height: 1.2;
-      }
-    }
-  }
-  &[data-size='sm'] {
-    input {
-      font-weight: ${r.sizes.fwRegular};
-      ${a.mbDown} {
-        font-size: 13px;
-        line-height: 1.5;
-      }
-
-      ${a.mbUp} {
-        font-size: 13px;
-        line-height: 1.5;
-      }
-    }
-  }
-`,F=i.forwardRef(((e,o)=>{var{name:r,errorMessage:a,autoComplete:s="off",defaultValue:l,actionIcon:d,displayIcon:p,isDeleteAction:u,onActionClick:b,label:m,placeholder:f,className:v,onChange:w,onKeyPress:y,isDisabled:$,CustomInput:k,size:z,style:C,autoFocus:E,type:j="text",isNumerousKeyboard:B=!1,onFocus:I,enterKeyHint:R,nativeOnChange:S}=e,L=t(e,["name","errorMessage","autoComplete","defaultValue","actionIcon","displayIcon","isDeleteAction","onActionClick","label","placeholder","className","onChange","onKeyPress","isDisabled","CustomInput","size","style","autoFocus","type","isNumerousKeyboard","onFocus","enterKeyHint","nativeOnChange"]);const[N,A]=n(l);return i.createElement(P,{"data-size":z,className:v,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":a&&a.length>0||void 0,style:C},m&&i.createElement(c,{size:"label2",htmlFor:r,className:"inputLabel"},m),i.createElement("div",{style:{position:"relative"}},k||i.createElement("input",Object.assign({id:r,name:r,placeholder:f,onChange:null!=S?S:e=>{return o=e.target.value,A(o),void w(o);var o},onKeyPress:y,type:j,"aria-label":j,disabled:$,value:N,autoComplete:s,ref:o,autoFocus:E,inputMode:B||"number"===j?"numeric":j,pattern:B?"[0-9]*":".*",onFocus:I,enterKeyHint:R},L)),p&&i.createElement(g,{className:"displayIcon"},p),d&&i.createElement(x,{className:"actionIcon",onClick:()=>{var e;u&&(A(""),null===(e=o.current)||void 0===e||e.focus()),b&&b()}},d)),a&&a.length>0&&i.createElement(h,{className:"errorLabel"},a))}));F.displayName="PureInput";const T=e.div`
-  --padding-horizontal: 8px;
-  --pading-vertical: 2px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--pading-vertical) var(--padding-horizontal);
-  border-radius: 24px;
-
-  ${e=>"sponsored"===e.tagType&&`\n    --offset-size: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    position: relative;\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);\n    border-radius: 0 4px 18px 0;\n    height: 24px;\n    width: 90px;\n    border-left: var(--offset-size) solid ${r.colors.accentLight};\n    padding: 0;\n    margin-left: calc(var(--offset-size) * -1);\n\n    p {\n      font-weight: ${r.sizes.fwBold};\n      color: var(\n        --text-props-color,\n        ${r.colors.secondaryDark}\n      );\n      font-size: 11px;\n      margin-left: calc(var(--offset-size) * -1);\n    }\n\n    &::after {\n      width: calc(var(--offset-size) * 2);\n      height: var(--offset-size);\n      background: ${r.colors.accentMain};\n      position: absolute;\n      left: calc(var(--offset-size) * -1);\n      bottom: calc(var(--offset-size) * -1);\n      clip-path: polygon(0 1%, 100% 0%, 100% 100%);\n      content: '';\n    }\n  `}
-
-  ${e=>e.isInline&&"\n      display: inline-block;\n  "}
-
-  ${e=>e.tagHasMorePadding&&"\n    &[data-has-more-padding] {\n      padding: calc(var(--pading-vertical) + 5px) var(--padding-horizontal);\n    }\n  "}
-
-  p {
-    ${e=>e.tagIsLight?"\n      color: var(--text-props-color, #000);\n      ":`\n      color: var(--text-props-color, ${r.colors.white});\n        `}
-  }
-
-  ${e=>((e,o)=>{switch(e){case"yellow":return`\n        background: ${o?r.colors.yellow50:r.colors.yellow600};\n        p {\n          color: var(\n            --text-props-color,\n            ${r.colors.gray800}\n          );\n        }\n      `;case"standard":return`\n      background: ${r.colors.white};\n      border: 1px solid ${r.colors.gray200};\n  \n      p {\n        color: var(\n          --text-props-color,\n          ${r.colors.gray800}\n        );\n      }\n  \n      &:hover {\n        background: ${r.colors.gray100};\n      }\n      `;case"red":return`\n         background: ${o?r.colors.red50:r.colors.red500};\n        `;case"green":return`\n         background: ${o?r.colors.green50:r.colors.green500};\n      `;case"blue":return`\n         background: ${o?r.colors.primary50:r.colors.primaryBase};\n      `;case"teal":return`\n         background: ${o?r.colors.teal100:r.colors.teal600};\n      `;case"pink":return`\n         background: ${o?r.colors.pink200:r.colors.pink800};\n      `;case"violet":return`\n          background: ${o?r.colors.violet100:r.colors.violet500};\n      `;case"grey":return`\n          background: ${o?r.colors.gray100:r.colors.gray600};\n      `}})(e.tagType,e.tagIsLight)}
-
-  ${e=>e.tagIsSquared&&"sponsored"!==e.tagType&&"\n    border-radius: 4px;\n  "}
-
-  ${e=>e.tagIsALink&&"\n    cursor: pointer;\n  "} 
-
-  &[data-is-selected],
-  &:active {
-    background: ${r.colors.primary50};
-  }
-`,H=(e,o)=>s(((r,a)=>{var{className:n}=r,s=t(r,["className"]);return i.createElement(e,Object.assign({ref:a,className:`${o} ${n||""}`},s))})),U="24px",q="hhgcomp-toggle-icon",V=H(e.span`
-  position: relative;
-  display: block;
-  width: 40px;
-  height: ${U};
-  background: #c3cbd4;
-  border-radius: 100px;
-  cursor: pointer;
-
-  &:after {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: 20px;
-    height: 20px;
-    background: #fff;
-    border-radius: 90px;
-    content: '';
-    transition: 0.3s;
-  }
-`,q),G=e.span`
-  padding-left: 15px;
-`,W=e.div`
-  height: ${U};
-
-  input[type='checkbox'] {
-    width: 0;
-    height: 0;
-    visibility: hidden;
-  }
-
-  label {
-    cursor: pointer;
-    display: inline-flex;
-    color: ${r.colors.gray600};
-  }
-
-  input:checked + label .${q} {
-    background: ${r.colors.primaryBase};
-    &:after {
-      left: calc(100% - 2px);
-      transform: translateX(-100%);
-    }
-  }
-`,X=e.div`
-  textarea {
-    width: 100%;
-    height: var(--textarea-height, 116px);
-    padding: 1rem;
-    border: 1px solid ${r.colors.gray200};
-    border-radius: 6px;
-    color: ${r.colors.gray800};
-    font-size: 14px;
-    resize: none;
-
-    &:focus {
-      box-shadow: 0px 0px 2px 2px #91caff;
-    }
-
-    &::placeholder {
-      color: ${r.colors.gray500};
-    }
-
-    &:disabled {
-      background-color: ${r.colors.neutral50};
-      cursor: not-allowed;
-    }
-  }
-`,Y=i.forwardRef((({height:e,placeholder:o,labelText:r,labelColor:a,id:t,name:n,onChange:s,value:l,className:d,onKeyPress:p,disabled:g=!1},x)=>i.createElement(X,{className:d,style:{"--textarea-height":e||"116px"}},r&&i.createElement(c,{size:"label2",style:{color:a||"#595959"},htmlFor:t},r),i.createElement("textarea",{name:n,ref:x,placeholder:o,id:t,onChange:e=>s&&s(e.target.value),onKeyPress:e=>p&&p(e),value:l,disabled:g})))),_=e.div`
-  display: flex;
-  cursor: pointer;
-
-  &[data-theme='marryBaby'] {
-    input {
-      width: 20px;
-      height: 20px;
-      border: 1.3px solid ${r.mbColors.midGray};
-      border-radius: 9px;
-
-      cursor: inherit;
-      transition: border-color 0.4s, box-shadow 0.4s;
-
-      &:hover,
-      &:active {
-        border-color: ${r.mbColors.cobalt};
-        box-shadow: 0 0 2px 2px ${r.mbColors.cobalt};
-      }
-
-      &:focus-visible {
-        border: 2px solid ${r.mbColors.cobalt};
-      }
-
-      &:checked {
-        border: 0;
-        background: ${r.mbColors.cobalt}
-          url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
-          no-repeat center center;
-      }
-    }
-
-    label {
-      max-width: 15rem;
-      margin-left: 8px;
-      width: calc(100% - 24px);
-      cursor: inherit;
-      font-weight: 600;
-      font-size: 12px;
-      line-height: 20px;
-      letter-spacing: -0.2px;
-      color: ${r.mbColors.gray};
-    }
-  }
-  input {
-    width: 20px;
-    height: 20px;
-    border: solid 1px ${r.colors.gray500};
-    border-radius: 2px;
-
-    cursor: inherit;
-    transition: border-color 0.4s, box-shadow 0.4s;
-
-    &:hover,
-    &:active {
-      border-color: ${r.colors.primaryBase};
-      box-shadow: 0 0 2px 2px ${r.colors.primary200};
-    }
-
-    &:focus-visible {
-      border: 2px solid ${r.colors.primaryActive};
-    }
-
-    &:checked {
-      border: 0;
-      background: ${r.colors.primaryBase}
-        url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
-        no-repeat center center;
-    }
-  }
-
-  label {
-    max-width: 15rem;
-    margin-left: 8px;
-    font-weight: ${r.sizes.fwRegular};
-    width: calc(100% - 24px);
-    cursor: inherit;
-
-    ${a.mbDown} {
-      font-size: 14px;
-      line-height: 24px;
-    }
-
-    ${a.mbUp} {
-      font-size: 16px;
-      line-height: 22px;
-    }
-  }
-
-  &[data-is-rectangle] > input {
-    position: relative;
-    width: unset;
-    height: unset;
-    padding: 5px 12px;
-    border: 1px solid ${r.colors.neutral100};
-    border-radius: 32px;
-
-    &::after {
-      color: ${r.colors.gray800};
-      content: attr(data-label-text);
-      font-size: 13px;
-    }
-    &:checked {
-      border-color: ${r.colors.primary50};
-      &::after {
-        color: ${r.colors.primaryBase};
-      }
-    }
-    &:checked {
-      background: ${r.colors.primary50};
-    }
-  }
-
-  &[data-disabled] {
-    color: ${r.colors.gray300};
-    cursor: not-allowed;
-    input {
-      border-color: ${r.colors.gray300};
-      &:hover {
-        border-color: ${r.colors.gray300};
-        box-shadow: none;
-      }
-    }
-  }
-`,J=e.div`
-  display: inline-flex;
-
-  gap: calc(var(--gap) * 1px);
-  > svg {
-    width: calc(var(--star-size) * 1px);
-    height: calc(var(--star-size) * 1px);
-  }
-
-  &[data-selectable='true'] {
-    > svg {
-      cursor: pointer;
-    }
-  }
-`,Q="600ms",Z=e.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${r.zIndexes.drawer};
-  pointer-events: ${e=>e.open?"auto":"none"};
-`,ee=e.div`
-  position: fixed;
-  z-index: 300;
-  background: #ffffff;
-  visibility: ${e=>e.open?"visible":"hidden"};
-  max-height: calc(100vh - 100px);
-  display: flex;
-  flex-direction: column;
-  .title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px;
-    ${e=>e.hasTitle?o`
-            border-bottom: 1px solid ${r.colors.neutral100};
-          `:null}
-  }
-
-  .close-button {
-    margin-left: auto;
-  }
-
-  ${e=>((e,r)=>{switch(e){case"top":return o`
-        top: 0;
-        width: 100%;
-        border-radius: 0px 0px 6px 6px;
-        ${r?o`
-              animation: ${y} ${Q} ease-in-out forwards;
-            `:null}
-
-        &.slideOut {
-          animation: ${$} ${Q} ease-in-out forwards;
-        }
-      `;case"right":return o`
-        right: 0;
-        height: 100%;
-        min-width: 300px;
-        border-radius: 6px 0px 0px 6px;
-
-        ${r?o`
-              animation: ${v} ${Q} ease-in-out forwards;
-            `:null}
-
-        &.slideOut {
-          animation: ${w} ${Q} ease-in-out forwards;
-        }
-      `;case"bottom":return o`
-        bottom: 0;
-        width: 100%;
-        border-radius: 6px 6px 0px 0px;
-        ${r?o`
-              animation: ${u} ${Q} ease-in-out forwards;
-            `:null}
-
-        &.slideOut {
-          animation: ${b} ${Q} ease-in-out forwards;
-        }
-      `;case"left":return o`
-        left: 0;
-        height: 100%;
-        min-width: 300px;
-        border-radius: 0px 6px 6px 0px;
-
-        ${r?o`
-              animation: ${m} ${Q} ease-in-out forwards;
-            `:null}
-
-        &.slideOut {
-          animation: ${f} ${Q} ease-in-out forwards;
-        }
-      `;default:return o`
-        left: 0;
-        height: 100%;
-        min-width: 300px;
-        border-radius: 0px 6px 6px 0px;
-
-        ${r?o`
-              animation: ${u} ${Q} ease-in-out forwards;
-            `:null}
-
-        &.slideOut {
-          animation: ${b} ${Q} ease-in-out forwards;
-        }
-      `}})(e.placement,e.open)}
-`,oe=e.div`
-  min-height: 200px;
-  padding: 16px;
-  overflow-y: auto;
-`,re=e.div`
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  background-color: rgba(38, 38, 38, 0.3);
-  z-index: 1;
-  &[data-open='false'] {
-    visibility: hidden;
-    pointer-events: none;
-  }
-  &[data-open='true'] {
-    visibility: visible;
-    pointer-events: auto;
-  }
-`,ae=e.div`
-  display: flex;
-  width: 100%;
-
-  &[data-direction='vertical'] {
-    flex-direction: column;
-  }
-
-  &[data-direction='horizontal'] {
-    flex-wrap: wrap;
-  }
-`,te=e.div`
-  display: flex;
-
-  padding: 8px;
-
-  border-radius: ${r.borderRadius};
-  cursor: pointer;
-
-  & > div {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    flex-direction: column;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
-  &[data-is-mb='false'] {
-    &[data-selected='true'] {
-      border: 1px solid #2d87f3;
-      background: white;
-    }
-    &[data-selected='false'] {
-      border: 1px solid #f2f2f2;
-      box-shadow: 0px 5px 12px rgba(40, 74, 117, 0.08);
-    }
-  }
-
-  &[data-is-mb='true'] {
-    border-radius: 16px;
-    background: white;
-    padding: 16px auto;
-
-    &[data-selected='true'] {
-      border: 1px solid ${r.mbColors.mint};
-      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
-    }
-    &[data-selected='false'] {
-      border: none;
-    }
-  }
-
-  &[data-disabled='true'] {
-    cursor: auto;
-  }
-
-  .radio-group-item-heading {
-    margin-top: 8px;
-    //height: 48px;
-    text-align: center;
-  }
-
-  .gender-image {
-    width: 70px;
-    height: 70px;
-    &[data-is-mobile='true'] {
-      width: 40px;
-      height: 40px;
-    }
-  }
-`;var ie=k((e=>({root:{display:"inline-block",flexShrink:0,padding:"2px 0.5rem",marginLeft:"4px",borderRadius:e.radius.xs,fontSize:"12px",fontWeight:400,lineHeight:"18px",'&[data-label-type="admin"]':{background:e.primaryColor[0],color:e.primaryColor[9]},'&[data-label-type="local admin"]':{background:e.primaryColor[8]},'&[data-label-type="ambassador"]':{background:e.colors.green[4]},'&[data-label-type="expert"]':{background:e.colors.yellow[6]},'&[data-label-type="moderator"]':{background:e.colors.red[0],color:e.colors.red[8]},'&[data-label-type="sponsor"]':{background:e.colors.teal[4]},'&[data-label-type="guide"]':{background:e.colors.teal[4]},'&[data-label-type="influencer"]':{background:e.colors.teal[4]}}})));const ne=l({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),se=({children:e,onStepChange:o})=>{const[r,a]=n(0),[t,s]=n(0),l=i.Children.count(e);d((()=>{s(l-1)}),[l]),d((()=>{null==o||o(r)}),[r]);return i.createElement(ne.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:s,nextStep:()=>r+1<=t&&a(r+1),prevStep:()=>r-1>=0&&a(r-1)}},C(e).map(((e,o)=>{const a=o===r;return i.createElement(p,{key:o},i.isValidElement(e)?e.props.alwaysRender||a?i.cloneElement(e,{isActive:o===r,stepIndex:o}):null:a?e:null)})))};var le=k((e=>({root:{},wrapper:{gap:z(8)},groupErr:{fontSize:z(14)},itemRoot:{flexGrow:1,width:"50%",'&[data-checked="true"]':{".mantine-Radio-label":{borderColor:e.fn.primaryColor()}}},itemLabelWrapper:{padding:0,width:"100%"},itemLabel:{position:"relative",padding:`${z(6)} ${z(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:z(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:z(26)}},itemInner:{display:"none"}})));export{oe as A,ae as B,te as C,F as P,se as S,Y as T,ne as a,E as b,j as c,B as d,R as e,S as f,H as g,L as h,N as i,A as j,M as k,D as l,K as m,O as n,T as o,W as p,V as q,G as r,_ as s,J as t,le as u,I as v,ie as w,re as x,Z as y,ee as z};