@hhgtech/hhg-components 1.28.60 → 1.28.62

package/build/esm/{index.styles-d0394c83.js → index.styles-9931a6ae.js}

@@ -1,4 +1,4 @@
-import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.js";import{M as a}from"./utils-fe6d1c2a.js";import{_ as t}from"./tslib.es6-8314c624.js";import i,{useState as n,forwardRef as s,createContext as l,useEffect as d,Fragment as p}from"react";import{T as c}from"./Plus-b8d1c834.js";import{L as g}from"./constants-08ac43d9.js";import{s as x,e as h,b as u,f as b,c as m,g as f,a as v,d as w}from"./animation-afdebd15.js";import{createStyles as y,rem as $}from"@mantine/core";import k from"react-keyed-flatten-children";const z=e.div`
+import e,{css as o}from"styled-components";import{t as r}from"./theme-75976adf.js";import{M as a}from"./utils-f9f05267.js";import{_ as t}from"./tslib.es6-d2e63c2c.js";import i,{useState as n,forwardRef as s,createContext as l,useEffect as d,Fragment as p}from"react";import{useMantineTheme as c,createStyles as g,rem as x}from"@mantine/core";import{T as h}from"./Plus-de7131f8.js";import{L as u}from"./constants-901cc927.js";import{s as b,e as m,b as f,f as v,c as w,g as y,a as $,d as k}from"./animation-ca214256.js";import z from"react-keyed-flatten-children";const C=e.div`
   background-color: var(--background-color, transparent);
   color: white;
   cursor: pointer;
@@ -54,7 +54,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       object-fit: cover;
     }
   }
-`,C=e.div`
+`,E=e.div`
   position: relative;
 
   > div {
@@ -72,7 +72,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   }
 
   ${e=>e.hasIcon&&"\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  "}
-`,E=e.h4`
+`,j=e.h4`
   position: relative;
   line-height: 18px;
 
@@ -117,11 +117,11 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       font-size: 16px;
     }
   }
-`,j=e.hr`
+`,B=e.hr`
   border-width: 1px;
   border-color: ${r.colors.neutral200};
   border-style: ${e=>e.dividerType};
-`,B=e.div`
+`,R=e.div`
   position: relative;
   box-sizing: border-box;
   border: 1px solid ${r.colors.gray200};
@@ -171,7 +171,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   &:hover {
     box-shadow: 0 0 2px 2px ${r.colors.primary200};
   }
-`,R=e.div`
+`,I=e.div`
   padding: 12px 18px 12px 16px;
   cursor: pointer;
   &[data-dropdown-open] {
@@ -185,7 +185,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     height: 16px;
     width: 16px;
   }
-`,I=e.ul`
+`,S=e.ul`
   position: absolute;
   top: 100%;
   right: 0;
@@ -204,7 +204,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     border: 1px solid ${r.colors.gray200};
     filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
   }
-`,S=e.li`
+`,L=e.li`
   margin: 8px;
   padding: 12px 18px 12px 16px;
   border-radius: ${r.borderRadius};
@@ -213,7 +213,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   :active {
     background: ${r.colors.gray100};
   }
-`,L=e.div`
+`,N=e.div`
   display: flex;
   align-items: center;
   margin-right: 8px;
@@ -222,7 +222,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     height: 16px;
     width: 16px;
   }
-`,N=e.div`
+`,A=e.div`
   --columns: var(--grid-template-columns, repeat(var(--columns-count), 1fr));
   --columns-desktop: var(
     --grid-template-columns-desktop,
@@ -240,7 +240,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   > * {
     justify-self: var(--justify-children);
   }
-`,A=e=>{var{as:o,tag:r,color:a,fontWeight:n,dataEventCategory:s,dataEventAction:l,dataEventLabel:d}=e,p=t(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const g=o||r;return i.createElement(c,Object.assign({as:g,color:a,"data-event-category":s,"data-event-action":l,"data-event-label":d,weight:"semibold"===n?"semiBold":"bold",size:r},p))},M=e.div`
+`,M=e=>{var{as:o,tag:r,color:a,fontWeight:n,dataEventCategory:s,dataEventAction:l,dataEventLabel:d}=e,p=t(e,["as","tag","color","fontWeight","dataEventCategory","dataEventAction","dataEventLabel"]);const g=o||r,x=c();return i.createElement(h,Object.assign({as:g,color:a||x.colors.gray[8],"data-event-category":s,"data-event-action":l,"data-event-label":d,weight:"semibold"===n?"semiBold":"bold",size:r},p))},D=e.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -256,7 +256,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       color: ${r.colors.white};
     }
   }
-`,D=e.div`
+`,K=e.div`
   display: flex;
   width: 32px;
   height: 32px;
@@ -283,7 +283,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       }
     }
   }
-`,K=e.li`
+`,O=e.li`
   display: flex;
   width: 32px;
   height: 32px;
@@ -305,7 +305,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     line-height: 32px;
     text-align: center;
   }
-`,O=e.div`
+`,P=e.div`
   position: relative;
   width: 100%;
 
@@ -399,24 +399,24 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   margin-bottom: 4px;
   color: ${r.colors.gray600};
   font-weight: ${r.sizes.fwBold};
-`;const P=e.label`
+`;const T=e.label`
   color: ${r.colors.red700};
   font-weight: ${r.sizes.fwRegular};
-`,T=e.div`
+`,F=e.div`
   position: absolute;
   top: 50%;
   right: 16px;
   display: inline-flex;
   cursor: pointer;
   transform: translateY(-50%);
-`,F=e.div`
+`,H=e.div`
   position: absolute;
   top: 50%;
   left: 16px;
   display: inline-flex;
   cursor: default;
   transform: translateY(-50%);
-`,H=i.forwardRef(((e,o)=>{var{name:r,errorMessage:a,autoComplete:s="off",defaultValue:l,actionIcon:d,displayIcon:p,isDeleteAction:c,onActionClick:x,label:h,placeholder:u,className:b,onChange:m,onKeyPress:f,isDisabled:v,CustomInput:w,size:y,style:$,autoFocus:k,type:z="text",isNumerousKeyboard:C=!1,onFocus:E,enterKeyHint:j,nativeOnChange:B}=e,R=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[I,S]=n(l);return i.createElement(O,{"data-size":y,className:b,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":a&&a.length>0||void 0,style:$},h&&i.createElement(g,{size:"label2",htmlFor:r,className:"inputLabel"},h),i.createElement("div",{style:{position:"relative"}},w||i.createElement("input",Object.assign({id:r,name:r,placeholder:u,onChange:null!=B?B:e=>{return o=e.target.value,S(o),void m(o);var o},onKeyPress:f,type:z,"aria-label":z,disabled:v,value:I,autoComplete:s,ref:o,autoFocus:k,inputMode:C||"number"===z?"numeric":z,pattern:C?"[0-9]*":".*",onFocus:E,enterKeyHint:j},R)),p&&i.createElement(F,{className:"displayIcon"},p),d&&i.createElement(T,{className:"actionIcon",onClick:()=>{var e;c&&(S(""),null===(e=o.current)||void 0===e||e.focus()),x&&x()}},d)),a&&a.length>0&&i.createElement(P,{className:"errorLabel"},a))}));H.displayName="PureInput";const U=e.div`
+`,U=i.forwardRef(((e,o)=>{var{name:r,errorMessage:a,autoComplete:s="off",defaultValue:l,actionIcon:d,displayIcon:p,isDeleteAction:c,onActionClick:g,label:x,placeholder:h,className:b,onChange:m,onKeyPress:f,isDisabled:v,CustomInput:w,size:y,style:$,autoFocus:k,type:z="text",isNumerousKeyboard:C=!1,onFocus:E,enterKeyHint:j,nativeOnChange:B}=e,R=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[I,S]=n(l);return i.createElement(P,{"data-size":y,className:b,"data-has-action-icon":!!d||void 0,"data-has-display-icon":!!p||void 0,"data-has-error":a&&a.length>0||void 0,style:$},x&&i.createElement(u,{size:"label2",htmlFor:r,className:"inputLabel"},x),i.createElement("div",{style:{position:"relative"}},w||i.createElement("input",Object.assign({id:r,name:r,placeholder:h,onChange:null!=B?B:e=>{return o=e.target.value,S(o),void m(o);var o},onKeyPress:f,type:z,"aria-label":z,disabled:v,value:I,autoComplete:s,ref:o,autoFocus:k,inputMode:C||"number"===z?"numeric":z,pattern:C?"[0-9]*":".*",onFocus:E,enterKeyHint:j},R)),p&&i.createElement(H,{className:"displayIcon"},p),d&&i.createElement(F,{className:"actionIcon",onClick:()=>{var e;c&&(S(""),null===(e=o.current)||void 0===e||e.focus()),g&&g()}},d)),a&&a.length>0&&i.createElement(T,{className:"errorLabel"},a))}));U.displayName="PureInput";const q=e.div`
   --padding-horizontal: 8px;
   --pading-vertical: 2px;
   display: flex;
@@ -445,11 +445,11 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   &:active {
     background: ${r.colors.primary50};
   }
-`,q=(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))})),W="24px",V="hhgcomp-toggle-icon",Y=q(e.span`
+`,W=(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))})),V="24px",Y="hhgcomp-toggle-icon",G=W(e.span`
   position: relative;
   display: block;
   width: 40px;
-  height: ${W};
+  height: ${V};
   background: #c3cbd4;
   border-radius: 100px;
   cursor: pointer;
@@ -465,10 +465,10 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     content: '';
     transition: 0.3s;
   }
-`,V),G=e.span`
+`,Y),X=e.span`
   padding-left: 15px;
-`,X=e.div`
-  height: ${W};
+`,_=e.div`
+  height: ${V};
 
   input[type='checkbox'] {
     width: 0;
@@ -482,14 +482,14 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     color: ${r.colors.gray600};
   }
 
-  input:checked + label .${V} {
+  input:checked + label .${Y} {
     background: ${r.colors.primaryBase};
     &:after {
       left: calc(100% - 2px);
       transform: translateX(-100%);
     }
   }
-`,_=e.div`
+`,J=e.div`
   textarea {
     width: 100%;
     height: var(--textarea-height, 116px);
@@ -513,7 +513,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       cursor: not-allowed;
     }
   }
-`,J=i.forwardRef((({height:e,placeholder:o,labelText:r,labelColor:a,id:t,name:n,onChange:s,value:l,className:d,onKeyPress:p,disabled:c=!1},x)=>i.createElement(_,{className:d,style:{"--textarea-height":e||"116px"}},r&&i.createElement(g,{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:c})))),Q=e.div`
+`,Q=i.forwardRef((({height:e,placeholder:o,labelText:r,labelColor:a,id:t,name:n,onChange:s,value:l,className:d,onKeyPress:p,disabled:c=!1},g)=>i.createElement(J,{className:d,style:{"--textarea-height":e||"116px"}},r&&i.createElement(u,{size:"label2",style:{color:a||"#595959"},htmlFor:t},r),i.createElement("textarea",{name:n,ref:g,placeholder:o,id:t,onChange:e=>s&&s(e.target.value),onKeyPress:e=>p&&p(e),value:l,disabled:c})))),Z=e.div`
   display: flex;
   cursor: pointer;
 
@@ -637,7 +637,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       }
     }
   }
-`,Z=e.div`
+`,ee=e.div`
   display: inline-flex;
 
   gap: calc(var(--gap) * 1px);
@@ -651,12 +651,12 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       cursor: pointer;
     }
   }
-`,ee="600ms",oe=e.div`
+`,oe="600ms",re=e.div`
   position: fixed;
   inset: 0;
   z-index: ${r.zIndexes.drawer};
   pointer-events: ${e=>e.open?"auto":"none"};
-`,re=e.div`
+`,ae=e.div`
   position: fixed;
   z-index: 300;
   background: #ffffff;
@@ -683,11 +683,11 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
         width: 100%;
         border-radius: 0px 0px 6px 6px;
         ${r?o`
-              animation: ${v} ${ee} ease-in-out forwards;
+              animation: ${$} ${oe} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${w} ${ee} ease-in-out forwards;
+          animation: ${k} ${oe} ease-in-out forwards;
         }
       `;case"right":return o`
         right: 0;
@@ -696,22 +696,22 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
         border-radius: 6px 0px 0px 6px;
 
         ${r?o`
-              animation: ${m} ${ee} ease-in-out forwards;
+              animation: ${w} ${oe} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${f} ${ee} ease-in-out forwards;
+          animation: ${y} ${oe} ease-in-out forwards;
         }
       `;case"bottom":return o`
         bottom: 0;
         width: 100%;
         border-radius: 6px 6px 0px 0px;
         ${r?o`
-              animation: ${x} ${ee} ease-in-out forwards;
+              animation: ${b} ${oe} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${h} ${ee} ease-in-out forwards;
+          animation: ${m} ${oe} ease-in-out forwards;
         }
       `;case"left":return o`
         left: 0;
@@ -720,11 +720,11 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
         border-radius: 0px 6px 6px 0px;
 
         ${r?o`
-              animation: ${u} ${ee} ease-in-out forwards;
+              animation: ${f} ${oe} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${b} ${ee} ease-in-out forwards;
+          animation: ${v} ${oe} ease-in-out forwards;
         }
       `;default:return o`
         left: 0;
@@ -733,18 +733,18 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
         border-radius: 0px 6px 6px 0px;
 
         ${r?o`
-              animation: ${x} ${ee} ease-in-out forwards;
+              animation: ${b} ${oe} ease-in-out forwards;
             `:null}
 
         &.slideOut {
-          animation: ${h} ${ee} ease-in-out forwards;
+          animation: ${m} ${oe} ease-in-out forwards;
         }
       `}})(e.placement,e.open)}
-`,ae=e.div`
+`,te=e.div`
   min-height: 200px;
   padding: 16px;
   overflow-y: auto;
-`,te=e.div`
+`,ie=e.div`
   position: fixed;
   inset: 0;
   display: flex;
@@ -765,7 +765,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
     visibility: visible;
     pointer-events: auto;
   }
-`,ie=e.div`
+`,ne=e.div`
   display: flex;
   width: 100%;
 
@@ -776,7 +776,7 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
   &[data-direction='horizontal'] {
     flex-wrap: wrap;
   }
-`,ne=e.div`
+`,se=e.div`
   display: flex;
 
   padding: 8px;
@@ -836,4 +836,4 @@ import e,{css as o}from"styled-components";import{t as r}from"./theme-9d4ebb16.j
       height: 40px;
     }
   }
-`;var se=y((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 le=l({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),de=({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(le.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:s,nextStep:()=>r+1<=t&&a(r+1),prevStep:()=>r-1>=0&&a(r-1)}},k(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 pe=y((e=>({root:{},wrapper:{gap:$(8)},groupErr:{fontSize:$(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:`${$(6)} ${$(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:$(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:$(26)}},itemInner:{display:"none"}})));export{ae as A,ie as B,ne as C,A as H,H as P,de as S,J as T,le as a,z as b,C as c,E as d,B as e,R as f,q as g,I as h,S as i,L as j,N as k,M as l,D as m,K as n,U as o,X as p,Y as q,G as r,Q as s,Z as t,pe as u,j as v,se as w,te as x,oe as y,re as z};
+`;var le=g((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 de=l({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1}),pe=({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(de.Provider,{value:{currentStep:r,setCurrentStep:a,setMaxStep:s,nextStep:()=>r+1<=t&&a(r+1),prevStep:()=>r-1>=0&&a(r-1)}},z(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 ce=g((e=>({root:{},wrapper:{gap:x(8)},groupErr:{fontSize:x(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:`${x(6)} ${x(16)}`,border:`1px solid ${e.colors.gray[2]}`,borderRadius:x(4),cursor:"pointer",'&[data-disabled="true"]':{background:e.colors.gray[1],color:`${e.colors.gray[4]} !important`,img:{opacity:.5}},img:{height:x(26)}},itemInner:{display:"none"}})));export{te as A,ne as B,se as C,M as H,U as P,pe as S,Q as T,de as a,C as b,E as c,j as d,R as e,I as f,W as g,S as h,L as i,N as j,A as k,D as l,K as m,O as n,q as o,_ as p,G as q,X as r,Z as s,ee as t,ce as u,B as v,le as w,ie as x,re as y,ae as z};