hans-ui-design-lib 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +4 -4
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +38 -40
  4. package/dist/index.es.js +4 -4
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -38,7 +38,7 @@
38
38
  hans-icon
39
39
  hans-icon-${t}
40
40
  ${n}
41
- `,...i})});ft.displayName="HansIcon";const cE=({spaceBelow:r,spaceAbove:e,panelHeight:t})=>r<t&&e>t?"up":"down",fE=({disabled:r,onOpenChange:e})=>t=>{r||e&&e(t)},hE=({isOpen:r,setOpen:e})=>({open:()=>e(!0),close:()=>e(!1),toggle:()=>e(!r)}),vE=({container:r,target:e,close:t})=>{if(!r||!e)return;const a=r.getRootNode(),n=a instanceof ShadowRoot&&a.host===e;!r.contains(e)&&!n&&t()},dE=({containerRef:r,close:e})=>t=>{vE({container:r.current,target:t.target,close:e})},pE=({container:r,panel:e,viewportHeight:t})=>{if(!r||!e)return null;const a=r.getBoundingClientRect(),n=e.getBoundingClientRect();return cE({spaceBelow:t-a.bottom,spaceAbove:a.top,panelHeight:n.height})},gE=({containerRef:r,panelRef:e,setDirection:t,onDirectionChange:a})=>()=>{if(typeof window>"u")return;const n=pE({container:r.current,panel:e.current,viewportHeight:window.innerHeight});n&&(t(n),a&&a(n))},yE=r=>W.Children.toArray(r).some(e=>typeof e=="string"?e.trim().length>0:!0),mE=({popupBackgroundColor:r})=>({"--hans-popup-bg":r}),_E=(r,e)=>r.length>0?`${r}.${e}`:`${e}`,bE=(r="",e)=>typeof r=="function"?r(e):r,_u=W.memo(r=>{const{isOpen:e=!1,disabled:t=!1,popupBackgroundColor:a="var(--white)",noContentText:n="No content",popupClassName:i="",panelClassName:o="",customClasses:s="",onOpenChange:l,onDirectionChange:u,renderTrigger:c,children:f,...h}=r,v=W.useRef(null),d=W.useRef(null),[p,g]=W.useState("down"),y=yE(f),m=fE({disabled:t,onOpenChange:l}),{open:_,close:b,toggle:x}=W.useMemo(()=>hE({isOpen:e,setOpen:m}),[e,m]),S=W.useMemo(()=>dE({containerRef:v,close:b}),[b]),w=W.useMemo(()=>gE({containerRef:v,panelRef:d,setDirection:g,onDirectionChange:u}),[u]);return W.useEffect(()=>(document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)),[S]),W.useEffect(()=>{if(!e)return;const T=requestAnimationFrame(w);return()=>cancelAnimationFrame(T)},[f,e,w]),N.jsxs("div",{className:`hans-popup ${s}`,ref:v,...h,children:[c({isOpen:e,open:_,close:b,toggle:x}),e&&!t?N.jsx("div",{ref:d,className:`hans-popup-panel ${i}`,"data-direction":p,style:mE({popupBackgroundColor:a}),children:N.jsx("div",{className:`hans-popup-panel-content ${o}`,children:y?f:N.jsx("div",{className:"hans-popup-empty",children:N.jsx("span",{children:n})})})}):null]})});_u.displayName="HansPopup";const Ih=W.memo(r=>{const{src:e="",alt:t="Avatar",avatarSize:a="medium",loading:n=!1,customClasses:i="",fallbackIconName:o="LuCircleUserRound",...s}=r,[l,u]=W.useState(!1);W.useEffect(()=>{u(!1)},[e]);const c=!e||l;return N.jsx("div",{className:`
41
+ `,...i})});ft.displayName="HansIcon";const cE=({spaceBelow:r,spaceAbove:e,panelHeight:t})=>r<t&&e>t?"up":"down",fE=({disabled:r,onOpenChange:e})=>t=>{r||e&&e(t)},hE=({isOpen:r,setOpen:e})=>({open:()=>e(!0),close:()=>e(!1),toggle:()=>e(!r)}),vE=({container:r,target:e,close:t})=>{if(!r||!e)return;const a=r.getRootNode(),n=a instanceof ShadowRoot&&a.host===e;!r.contains(e)&&!n&&t()},dE=({containerRef:r,close:e})=>t=>{vE({container:r.current,target:t.target,close:e})},pE=({container:r,panel:e,viewportHeight:t})=>{if(!r||!e)return null;const a=r.getBoundingClientRect(),n=e.getBoundingClientRect();return cE({spaceBelow:t-a.bottom,spaceAbove:a.top,panelHeight:n.height})},gE=({containerRef:r,panelRef:e,setDirection:t,onDirectionChange:a})=>()=>{if(typeof window>"u")return;const n=pE({container:r.current,panel:e.current,viewportHeight:window.innerHeight});n&&(t(n),a&&a(n))},yE=r=>W.Children.toArray(r).some(e=>typeof e=="string"?e.trim().length>0:!0),mE=({popupBackgroundColor:r})=>({"--hans-popup-bg":r}),_E=(r,e)=>r.length>0?`${r}.${e}`:`${e}`,bE=(r="",e)=>typeof r=="function"?r(e):r,_u=W.memo(r=>{const{isOpen:e=!1,disabled:t=!1,popupBackgroundColor:a="var(--background-color, var(--white))",noContentText:n="No content",popupClassName:i="",panelClassName:o="",customClasses:s="",onOpenChange:l,onDirectionChange:u,renderTrigger:c,children:f,...h}=r,v=W.useRef(null),d=W.useRef(null),[p,g]=W.useState("down"),y=yE(f),m=fE({disabled:t,onOpenChange:l}),{open:_,close:b,toggle:x}=W.useMemo(()=>hE({isOpen:e,setOpen:m}),[e,m]),S=W.useMemo(()=>dE({containerRef:v,close:b}),[b]),w=W.useMemo(()=>gE({containerRef:v,panelRef:d,setDirection:g,onDirectionChange:u}),[u]);return W.useEffect(()=>(document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)),[S]),W.useEffect(()=>{if(!e)return;const T=requestAnimationFrame(w);return()=>cancelAnimationFrame(T)},[f,e,w]),N.jsxs("div",{className:`hans-popup ${s}`,ref:v,...h,children:[c({isOpen:e,open:_,close:b,toggle:x}),e&&!t?N.jsx("div",{ref:d,className:`hans-popup-panel ${i}`,"data-direction":p,style:mE({popupBackgroundColor:a}),children:N.jsx("div",{className:`hans-popup-panel-content ${o}`,children:y?f:N.jsx("div",{className:"hans-popup-empty",children:N.jsx("span",{children:n})})})}):null]})});_u.displayName="HansPopup";const Ih=W.memo(r=>{const{src:e="",alt:t="Avatar",avatarSize:a="medium",loading:n=!1,customClasses:i="",fallbackIconName:o="LuCircleUserRound",...s}=r,[l,u]=W.useState(!1);W.useEffect(()=>{u(!1)},[e]);const c=!e||l;return N.jsx("div",{className:`
42
42
  hans-avatar
43
43
  hans-avatar-${a}
44
44
  ${i}
@@ -47,7 +47,7 @@
47
47
  ${r.isDisabled?"hans-dropdown-option-disabled":""}
48
48
  ${r.hasChildren?"hans-dropdown-option-parent":""}
49
49
  ${r.hasChildren?`hans-dropdown-option-parent-${e}`:""}
50
- `,DE=(r,e)=>{r.disabled||(r.action&&r.action(r),e&&e(r))},LE=({setIsOpen:r,onOpenChange:e})=>t=>{r(t),e&&e(t)},IE=({closeOnSelect:r,setOpen:e,onSelect:t})=>a=>{xE(a)||(DE(a,t),r&&!a.disabled&&e(!1))},PE=({setHoveredPath:r,setSubmenuDirection:e,submenuWidth:t=240})=>(a,n)=>{if(r(a),typeof window>"u")return;const i=n.getBoundingClientRect(),s=window.innerWidth-i.right<t?"left":"right";e(a,s)},kE=({listLeaveTimeoutRef:r})=>()=>{r.current&&(clearTimeout(r.current),r.current=null)},RE=r=>()=>{r()},EE=({clearListLeaveTimeout:r,listLeaveTimeoutRef:e,setHoveredPath:t,closeDelay:a=240})=>(n,i)=>{if(n.length===0)return;const o=i.relatedTarget;if(o instanceof Element&&o.closest(".hans-dropdown-list")){r();return}r(),e.current=setTimeout(()=>{t(TE(n))},a)},gm=W.memo(r=>{const{items:e,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:i="",nested:o=!1,popupId:s,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f}=r;return N.jsx(pm,{id:o?void 0:s,className:`hans-dropdown-list ${o?"hans-dropdown-list-nested":""}`,role:"menu",itemRole:"menuitem",items:e,parentPath:i,nested:o,emptyText:t,itemClassName:h=>{const v=n[h.itemPath]??"right";return ME(h,v)},onItemEnter:(h,v)=>l(h.itemPath,v),onListMouseEnter:u,onListMouseLeave:c,onItemClick:h=>f(h),renderTrailing:h=>{if(!h.hasChildren)return null;const v=n[h.itemPath]??"right";return N.jsx(ft,{name:AE(v),iconSize:"small",customClasses:"hans-dropdown-option-arrow"})},renderChildren:h=>!h.hasChildren||!wE(a,h.itemPath)?null:N.jsx(gm,{items:h.item.children,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:h.itemPath,nested:!0,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f})})});gm.displayName="HansDropdownItemList";const nM=W.memo(r=>{const{triggerLabel:e="Dropdown",triggerColor:t="base",triggerVariant:a="outline",triggerShape:n="square",triggerSize:i="medium",popupId:o="hans-dropdown",popupBackgroundColor:s="var(--white)",closeOnSelect:l=!0,disabled:u=!1,loading:c=!1,loadingColor:f="base",options:h=[],customClasses:v="",noOptionsText:d="No options",children:p,onSelect:g,onOpenChange:y,...m}=r,[_,b]=W.useState(!1),[x,S]=W.useState(null),[w,T]=W.useState({}),A=SE(p),C=LE({setIsOpen:b,onOpenChange:y}),D=IE({closeOnSelect:l,setOpen:C,onSelect:g}),I=W.useRef(null),L=W.useMemo(()=>kE({listLeaveTimeoutRef:I}),[]),P=W.useCallback((E,B)=>{T(V=>CE(V,E,B))},[]),k=W.useMemo(()=>RE(L),[L]),R=W.useMemo(()=>EE({clearListLeaveTimeout:L,listLeaveTimeoutRef:I,setHoveredPath:S}),[L]);W.useEffect(()=>{_||(L(),S(null),T({}))},[L,_]),W.useEffect(()=>()=>{L()},[L]);const O=W.useMemo(()=>{const E=PE({setHoveredPath:S,setSubmenuDirection:P,submenuWidth:240});return(B,V)=>{L(),E(B,V)}},[L,P]);return N.jsx("div",{className:`hans-dropdown ${v}`,...m,children:N.jsx(_u,{isOpen:_,onOpenChange:C,disabled:u,popupBackgroundColor:s,customClasses:"hans-dropdown-popup-wrapper",popupClassName:"hans-dropdown-popup",panelClassName:"hans-dropdown-popup-content",renderTrigger:({toggle:E})=>N.jsxs(Cr,{buttonColor:t,buttonVariant:a,buttonShape:n,buttonSize:i,disabled:u,customClasses:"hans-dropdown-trigger",onClick:E,children:[N.jsx("span",{children:e}),c?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",loadingColor:f,ariaLabel:"Loading dropdown"}):N.jsx(ft,{name:_?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"})]}),children:c?N.jsx("div",{className:"hans-dropdown-loading",children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:f,skeletonWidth:"100%",skeletonHeight:"120px",ariaLabel:"Loading dropdown content"})}):A?N.jsx("div",{id:o,className:"hans-dropdown-custom-content",children:p}):N.jsx(gm,{popupId:o,items:h,noOptionsText:d,hoveredPath:x,submenuDirections:w,onItemEnter:O,onListEnter:k,onListLeave:R,onSelect:D})})})});nM.displayName="HansDropdown";const ym=W.memo(r=>{const{label:e="",tagSize:t="small",tagColor:a="base",actionIcon:n="",customClasses:i="",disabled:o=!1,onAction:s,...l}=r,u=!!(s&&n);return N.jsxs("span",{className:`
50
+ `,DE=(r,e)=>{r.disabled||(r.action&&r.action(r),e&&e(r))},LE=({setIsOpen:r,onOpenChange:e})=>t=>{r(t),e&&e(t)},IE=({closeOnSelect:r,setOpen:e,onSelect:t})=>a=>{xE(a)||(DE(a,t),r&&!a.disabled&&e(!1))},PE=({setHoveredPath:r,setSubmenuDirection:e,submenuWidth:t=240})=>(a,n)=>{if(r(a),typeof window>"u")return;const i=n.getBoundingClientRect(),s=window.innerWidth-i.right<t?"left":"right";e(a,s)},kE=({listLeaveTimeoutRef:r})=>()=>{r.current&&(clearTimeout(r.current),r.current=null)},RE=r=>()=>{r()},EE=({clearListLeaveTimeout:r,listLeaveTimeoutRef:e,setHoveredPath:t,closeDelay:a=240})=>(n,i)=>{if(n.length===0)return;const o=i.relatedTarget;if(o instanceof Element&&o.closest(".hans-dropdown-list")){r();return}r(),e.current=setTimeout(()=>{t(TE(n))},a)},gm=W.memo(r=>{const{items:e,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:i="",nested:o=!1,popupId:s,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f}=r;return N.jsx(pm,{id:o?void 0:s,className:`hans-dropdown-list ${o?"hans-dropdown-list-nested":""}`,role:"menu",itemRole:"menuitem",items:e,parentPath:i,nested:o,emptyText:t,itemClassName:h=>{const v=n[h.itemPath]??"right";return ME(h,v)},onItemEnter:(h,v)=>l(h.itemPath,v),onListMouseEnter:u,onListMouseLeave:c,onItemClick:h=>f(h),renderTrailing:h=>{if(!h.hasChildren)return null;const v=n[h.itemPath]??"right";return N.jsx(ft,{name:AE(v),iconSize:"small",customClasses:"hans-dropdown-option-arrow"})},renderChildren:h=>!h.hasChildren||!wE(a,h.itemPath)?null:N.jsx(gm,{items:h.item.children,noOptionsText:t,hoveredPath:a,submenuDirections:n,parentPath:h.itemPath,nested:!0,onItemEnter:l,onListEnter:u,onListLeave:c,onSelect:f})})});gm.displayName="HansDropdownItemList";const nM=W.memo(r=>{const{triggerLabel:e="Dropdown",triggerColor:t="base",triggerVariant:a="outline",triggerShape:n="square",triggerSize:i="medium",popupId:o="hans-dropdown",popupBackgroundColor:s="var(--background-color, var(--white))",closeOnSelect:l=!0,disabled:u=!1,loading:c=!1,loadingColor:f="base",options:h=[],customClasses:v="",noOptionsText:d="No options",children:p,onSelect:g,onOpenChange:y,...m}=r,[_,b]=W.useState(!1),[x,S]=W.useState(null),[w,T]=W.useState({}),A=SE(p),C=LE({setIsOpen:b,onOpenChange:y}),D=IE({closeOnSelect:l,setOpen:C,onSelect:g}),I=W.useRef(null),L=W.useMemo(()=>kE({listLeaveTimeoutRef:I}),[]),P=W.useCallback((E,B)=>{T(V=>CE(V,E,B))},[]),k=W.useMemo(()=>RE(L),[L]),R=W.useMemo(()=>EE({clearListLeaveTimeout:L,listLeaveTimeoutRef:I,setHoveredPath:S}),[L]);W.useEffect(()=>{_||(L(),S(null),T({}))},[L,_]),W.useEffect(()=>()=>{L()},[L]);const O=W.useMemo(()=>{const E=PE({setHoveredPath:S,setSubmenuDirection:P,submenuWidth:240});return(B,V)=>{L(),E(B,V)}},[L,P]);return N.jsx("div",{className:`hans-dropdown ${v}`,...m,children:N.jsx(_u,{isOpen:_,onOpenChange:C,disabled:u,popupBackgroundColor:s,customClasses:"hans-dropdown-popup-wrapper",popupClassName:"hans-dropdown-popup",panelClassName:"hans-dropdown-popup-content",renderTrigger:({toggle:E})=>N.jsxs(Cr,{buttonColor:t,buttonVariant:a,buttonShape:n,buttonSize:i,disabled:u,customClasses:"hans-dropdown-trigger",onClick:E,children:[N.jsx("span",{children:e}),c?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",loadingColor:f,ariaLabel:"Loading dropdown"}):N.jsx(ft,{name:_?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"})]}),children:c?N.jsx("div",{className:"hans-dropdown-loading",children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:f,skeletonWidth:"100%",skeletonHeight:"120px",ariaLabel:"Loading dropdown content"})}):A?N.jsx("div",{id:o,className:"hans-dropdown-custom-content",children:p}):N.jsx(gm,{popupId:o,items:h,noOptionsText:d,hoveredPath:x,submenuDirections:w,onItemEnter:O,onListEnter:k,onListLeave:R,onSelect:D})})})});nM.displayName="HansDropdown";const ym=W.memo(r=>{const{label:e="",tagSize:t="small",tagColor:a="base",actionIcon:n="",customClasses:i="",disabled:o=!1,onAction:s,...l}=r,u=!!(s&&n);return N.jsxs("span",{className:`
51
51
  hans-tag
52
52
  hans-tag-${t}
53
53
  hans-tag-${a}
@@ -56,7 +56,7 @@
56
56
  hans-select-option-option
57
57
  ${r.isSelected?"hans-select-option-option-selected":""}
58
58
  ${r.isDisabled?"hans-select-option-option-disabled":""}
59
- `,HE=(r,e)=>r.includes(e)?r.filter(t=>t!==e):[...r,e],GE=(r,e)=>r.filter(t=>t!==e),FE=r=>{if(!r)return{up:0,down:0};const e=r.querySelector(".hans-input-label"),t=r.querySelector(".hans-input-message");return{up:ab(e),down:ab(t)}},WE=(r,e)=>r.filter(t=>e.includes(Gl(t))),$E=r=>({"--hans-select-option-up-offset":`${r.up}px`,"--hans-select-option-down-offset":`${r.down}px`}),UE=({value:r,setInternalValue:e})=>()=>{typeof r<"u"&&e(r)},YE=({enableAutocomplete:r,isMulti:e,selectedLabel:t,setSearchTerm:a})=>()=>{!r||e||a(t)},ZE=({selectOptionRef:r,setPopupOffsets:e})=>()=>{e(FE(r.current))},XE=r=>e=>{const{enableAutocomplete:t,isOpen:a,setSearchTerm:n,setIsOpen:i,onSearch:o,onInputChange:s}=r;if(!t)return;const l=e.target.value;n(l),a||i(!0),o&&o(l),s&&s(e)},jE=r=>e=>{const{disabled:t,isMulti:a,selectedValues:n,value:i,enableAutocomplete:o,setInternalValue:s,onChange:l,setSearchTerm:u,setIsOpen:c}=r;if(e.disabled||t)return;e.action&&e.action(e);const f=Gl(e);if(a){const h=HE(n,f);typeof i>"u"&&s(h),l&&l(h),o&&u("");return}typeof i>"u"&&s(f),l&&l(f),o&&u(e.label),c(!1)},qE=r=>e=>{const{selectedValues:t,value:a,setInternalValue:n,onChange:i}=r,o=GE(t,e);typeof a>"u"&&n(o),i&&i(o)},KE=r=>(e,t)=>{const{disabled:a,ignoreFocusRef:n,setIsOpen:i}=r;if(!a){if(t==="focus"&&n.current){n.current=!1;return}t==="toggle"&&!e&&(n.current=!0),i(e)}},JE=r=>()=>{r(!0,"focus")},QE=(r,e)=>()=>{r(!e(),"toggle")},iM=W.memo(r=>{const{items:e,selectedValues:t,isMulti:a,openDirection:n,dropdownHoverColor:i,noOptionsText:o,isLoadingOptions:s,loadingOptionsText:l,onSelectItem:u,listId:c}=r;return s?N.jsx("ul",{id:c,className:"hans-select-option-list",role:"listbox","aria-multiselectable":a,"data-direction":n,style:{"--hans-select-option-hover":i},children:N.jsxs("li",{className:"hans-select-option-loading",children:[N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",customClasses:"hans-select-option-loading-spinner",ariaLabel:l}),N.jsx("span",{children:l})]})}):N.jsx(pm,{id:c,className:"hans-select-option-list",role:"listbox",itemRole:"option",ariaMultiselectable:a,dataDirection:n,style:{"--hans-select-option-hover":i},items:e,emptyText:o,emptyClassName:"hans-select-option-empty",itemClassName:zE,itemLabelClassName:"hans-select-option-option-label",selectedItemIds:t,resolveItemId:f=>Gl(f),onItemClick:f=>u(f)})});iM.displayName="HansSelectOptionItemList";const mm=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="Select an option",inputId:n="hans-select-option",inputColor:i="base",inputSize:o="medium",message:s="",messageColor:l="base",customClasses:u="",disabled:c=!1,options:f=[],selectionType:h="single",enableAutocomplete:v=!0,value:d,defaultValue:p,noOptionsText:g="No options",dropdownBackgroundColor:y="var(--white)",dropdownHoverColor:m="var(--gray-100)",isLoadingOptions:_=!1,loadingOptionsText:b="Loading options...",onSearch:x,onChange:S,onInputChange:w,...T}=r,A=h==="multi",[C,D]=W.useState(!1),[I,L]=W.useState("down"),[P,k]=W.useState({up:0,down:0}),[R,O]=W.useState(""),[E,B]=W.useState(()=>OE(d,p,A)),V=W.useRef(!1),G=W.useRef(null);W.useEffect(()=>{UE({value:d,setInternalValue:B})()},[d]);const H=NE(typeof d<"u"?d:E),Z=W.useMemo(()=>WE(f,H),[f,H]),X=BE(A,Z);W.useEffect(()=>{YE({enableAutocomplete:v,isMulti:A,selectedLabel:X,setSearchTerm:O})()},[v,A,X]);const ne=W.useMemo(()=>VE(f,v,R),[v,f,R]),Se=XE({enableAutocomplete:v,isOpen:C,setSearchTerm:O,setIsOpen:D,onSearch:x,onInputChange:w}),ke=jE({disabled:c,isMulti:A,selectedValues:H,value:d,enableAutocomplete:v,setInternalValue:B,onChange:S,setSearchTerm:O,setIsOpen:D}),se=qE({selectedValues:H,value:d,setInternalValue:B,onChange:S}),J=KE({disabled:c,ignoreFocusRef:V,setIsOpen:D}),te=JE(J),ee=QE(J,()=>C),de=v?R:X;W.useEffect(()=>{ZE({selectOptionRef:G,setPopupOffsets:k})()},[e,s,o,t,l]);const Oe=W.useMemo(()=>$E(P),[P]);return N.jsxs("div",{className:"hans-select-option",ref:G,children:[N.jsx(_u,{isOpen:C,disabled:c,onOpenChange:D,popupBackgroundColor:y,customClasses:"hans-select-option-field",popupClassName:"hans-select-option-popup",panelClassName:"hans-select-option-popup-content",style:Oe,onDirectionChange:L,renderTrigger:()=>N.jsx(ys,{label:e,labelColor:t,message:s,messageColor:l,inputId:n,inputColor:i,inputSize:o,placeholder:a,customClasses:`hans-select-option-input ${u}`,disabled:c,value:de,onChange:Se,onFocus:te,onMouseDown:ee,readOnly:!v,leftIcon:v?N.jsx(ft,{name:"FaSearch",iconSize:"small"}):void 0,rightIcon:_?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",customClasses:"hans-select-option-loading-icon",ariaLabel:"Loading select options"}):N.jsx(ft,{name:C?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"}),...T}),children:N.jsx(iM,{listId:`${n}-list`,items:ne,selectedValues:H,isMulti:A,openDirection:I,dropdownHoverColor:m,noOptionsText:g,isLoadingOptions:_,loadingOptionsText:b,onSelectItem:ke})}),A&&Z.length>0?N.jsx("div",{className:"hans-select-option-selected",children:Z.map(we=>N.jsx(ym,{label:we.label,tagSize:"small",tagColor:"base",actionIcon:"IoIosCloseCircle",onAction:()=>se(Gl(we)),disabled:c},Gl(we)))}):null]})});mm.displayName="HansSelectOption";const eN={small:{base:42,max:88,perChar:7},medium:{base:52,max:112,perChar:8},large:{base:66,max:140,perChar:9}},oM=r=>r==="base"?"primary":r,tN=(r,e,t)=>!r&&!e?"hans-toggle-off":!r&&e?"hans-toggle-off-disabled":r&&e?"hans-toggle-on-disabled":`hans-toggle-on-${t}`,sM=r=>r==="small"?"small":r==="large"?"large":"medium",rN=r=>r==="small"?"32px":r==="large"?"52px":"40px",Sf=r=>typeof r=="string"?r.length:typeof r=="number"?r.toString().length:r?2:0,aN=(r,e,t)=>{const a=Math.max(Sf(e),Sf(t));if(a===0)return;const n=Math.min(a,10),i=eN[r];return Math.min(i.base+n*i.perChar,i.max)},nN=(r,e)=>({...r||{},...e?{width:`${e}px`}:{}}),iN=({disabled:r,isChecked:e,isControlled:t,setInternalChecked:a,onChange:n})=>{if(r)return;const i=!e;t||a(i),n&&n(i)},oN=({disabled:r,optionDisabled:e,nextValue:t,isControlled:a,setInternalValue:n,onValueChange:i})=>{r||e||(a||n(t),i&&i(t))},lM=W.memo(r=>{const{label:e="",labelColor:t="base",loading:a=!1,disabled:n=!1,toggleColor:i="primary",toggleSize:o="medium",value:s,defaultValue:l="",options:u=[],customClasses:c="",inputId:f="hans-toggle",onValueChange:h}=r,v=oM(i),[d,p]=W.useState(l||u[0]?.value||""),g=typeof s<"u",y=g?s:d,m=sM(o),_=rN(o);return N.jsxs("div",{className:`hans-toggle-wrapper ${c}`,children:[e?N.jsx("span",{className:`hans-toggle-label hans-toggle-label-${t}`,children:e}):null,a?N.jsx(Ye,{loadingType:"skeleton",loadingSize:m,skeletonWidth:"100%",skeletonHeight:_,customClasses:"hans-toggle-loading-segmented",ariaLabel:"Loading segmented toggle"}):N.jsx("div",{role:"tablist","aria-disabled":n,className:`
59
+ `,HE=(r,e)=>r.includes(e)?r.filter(t=>t!==e):[...r,e],GE=(r,e)=>r.filter(t=>t!==e),FE=r=>{if(!r)return{up:0,down:0};const e=r.querySelector(".hans-input-label"),t=r.querySelector(".hans-input-message");return{up:ab(e),down:ab(t)}},WE=(r,e)=>r.filter(t=>e.includes(Gl(t))),$E=r=>({"--hans-select-option-up-offset":`${r.up}px`,"--hans-select-option-down-offset":`${r.down}px`}),UE=({value:r,setInternalValue:e})=>()=>{typeof r<"u"&&e(r)},YE=({enableAutocomplete:r,isMulti:e,selectedLabel:t,setSearchTerm:a})=>()=>{!r||e||a(t)},ZE=({selectOptionRef:r,setPopupOffsets:e})=>()=>{e(FE(r.current))},XE=r=>e=>{const{enableAutocomplete:t,isOpen:a,setSearchTerm:n,setIsOpen:i,onSearch:o,onInputChange:s}=r;if(!t)return;const l=e.target.value;n(l),a||i(!0),o&&o(l),s&&s(e)},jE=r=>e=>{const{disabled:t,isMulti:a,selectedValues:n,value:i,enableAutocomplete:o,setInternalValue:s,onChange:l,setSearchTerm:u,setIsOpen:c}=r;if(e.disabled||t)return;e.action&&e.action(e);const f=Gl(e);if(a){const h=HE(n,f);typeof i>"u"&&s(h),l&&l(h),o&&u("");return}typeof i>"u"&&s(f),l&&l(f),o&&u(e.label),c(!1)},qE=r=>e=>{const{selectedValues:t,value:a,setInternalValue:n,onChange:i}=r,o=GE(t,e);typeof a>"u"&&n(o),i&&i(o)},KE=r=>(e,t)=>{const{disabled:a,ignoreFocusRef:n,setIsOpen:i}=r;if(!a){if(t==="focus"&&n.current){n.current=!1;return}t==="toggle"&&!e&&(n.current=!0),i(e)}},JE=r=>()=>{r(!0,"focus")},QE=(r,e)=>()=>{r(!e(),"toggle")},iM=W.memo(r=>{const{items:e,selectedValues:t,isMulti:a,openDirection:n,dropdownHoverColor:i,noOptionsText:o,isLoadingOptions:s,loadingOptionsText:l,onSelectItem:u,listId:c}=r;return s?N.jsx("ul",{id:c,className:"hans-select-option-list",role:"listbox","aria-multiselectable":a,"data-direction":n,style:{"--hans-select-option-hover":i},children:N.jsxs("li",{className:"hans-select-option-loading",children:[N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",customClasses:"hans-select-option-loading-spinner",ariaLabel:l}),N.jsx("span",{children:l})]})}):N.jsx(pm,{id:c,className:"hans-select-option-list",role:"listbox",itemRole:"option",ariaMultiselectable:a,dataDirection:n,style:{"--hans-select-option-hover":i},items:e,emptyText:o,emptyClassName:"hans-select-option-empty",itemClassName:zE,itemLabelClassName:"hans-select-option-option-label",selectedItemIds:t,resolveItemId:f=>Gl(f),onItemClick:f=>u(f)})});iM.displayName="HansSelectOptionItemList";const mm=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="Select an option",inputId:n="hans-select-option",inputColor:i="base",inputSize:o="medium",message:s="",messageColor:l="base",customClasses:u="",disabled:c=!1,options:f=[],selectionType:h="single",enableAutocomplete:v=!0,value:d,defaultValue:p,noOptionsText:g="No options",dropdownBackgroundColor:y="var(--background-color, var(--white))",dropdownHoverColor:m="var(--gray-100)",isLoadingOptions:_=!1,loadingOptionsText:b="Loading options...",onSearch:x,onChange:S,onInputChange:w,...T}=r,A=h==="multi",[C,D]=W.useState(!1),[I,L]=W.useState("down"),[P,k]=W.useState({up:0,down:0}),[R,O]=W.useState(""),[E,B]=W.useState(()=>OE(d,p,A)),V=W.useRef(!1),G=W.useRef(null);W.useEffect(()=>{UE({value:d,setInternalValue:B})()},[d]);const H=NE(typeof d<"u"?d:E),Z=W.useMemo(()=>WE(f,H),[f,H]),X=BE(A,Z);W.useEffect(()=>{YE({enableAutocomplete:v,isMulti:A,selectedLabel:X,setSearchTerm:O})()},[v,A,X]);const ne=W.useMemo(()=>VE(f,v,R),[v,f,R]),Se=XE({enableAutocomplete:v,isOpen:C,setSearchTerm:O,setIsOpen:D,onSearch:x,onInputChange:w}),ke=jE({disabled:c,isMulti:A,selectedValues:H,value:d,enableAutocomplete:v,setInternalValue:B,onChange:S,setSearchTerm:O,setIsOpen:D}),se=qE({selectedValues:H,value:d,setInternalValue:B,onChange:S}),J=KE({disabled:c,ignoreFocusRef:V,setIsOpen:D}),te=JE(J),ee=QE(J,()=>C),de=v?R:X;W.useEffect(()=>{ZE({selectOptionRef:G,setPopupOffsets:k})()},[e,s,o,t,l]);const Oe=W.useMemo(()=>$E(P),[P]);return N.jsxs("div",{className:"hans-select-option",ref:G,children:[N.jsx(_u,{isOpen:C,disabled:c,onOpenChange:D,popupBackgroundColor:y,customClasses:"hans-select-option-field",popupClassName:"hans-select-option-popup",panelClassName:"hans-select-option-popup-content",style:Oe,onDirectionChange:L,renderTrigger:()=>N.jsx(ys,{label:e,labelColor:t,message:s,messageColor:l,inputId:n,inputColor:i,inputSize:o,placeholder:a,customClasses:`hans-select-option-input ${u}`,disabled:c,value:de,onChange:Se,onFocus:te,onMouseDown:ee,readOnly:!v,leftIcon:v?N.jsx(ft,{name:"FaSearch",iconSize:"small"}):void 0,rightIcon:_?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",customClasses:"hans-select-option-loading-icon",ariaLabel:"Loading select options"}):N.jsx(ft,{name:C?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"}),...T}),children:N.jsx(iM,{listId:`${n}-list`,items:ne,selectedValues:H,isMulti:A,openDirection:I,dropdownHoverColor:m,noOptionsText:g,isLoadingOptions:_,loadingOptionsText:b,onSelectItem:ke})}),A&&Z.length>0?N.jsx("div",{className:"hans-select-option-selected",children:Z.map(we=>N.jsx(ym,{label:we.label,tagSize:"small",tagColor:"base",actionIcon:"IoIosCloseCircle",onAction:()=>se(Gl(we)),disabled:c},Gl(we)))}):null]})});mm.displayName="HansSelectOption";const eN={small:{base:42,max:88,perChar:7},medium:{base:52,max:112,perChar:8},large:{base:66,max:140,perChar:9}},oM=r=>r==="base"?"primary":r,tN=(r,e,t)=>!r&&!e?"hans-toggle-off":!r&&e?"hans-toggle-off-disabled":r&&e?"hans-toggle-on-disabled":`hans-toggle-on-${t}`,sM=r=>r==="small"?"small":r==="large"?"large":"medium",rN=r=>r==="small"?"32px":r==="large"?"52px":"40px",Sf=r=>typeof r=="string"?r.length:typeof r=="number"?r.toString().length:r?2:0,aN=(r,e,t)=>{const a=Math.max(Sf(e),Sf(t));if(a===0)return;const n=Math.min(a,10),i=eN[r];return Math.min(i.base+n*i.perChar,i.max)},nN=(r,e)=>({...r||{},...e?{width:`${e}px`}:{}}),iN=({disabled:r,isChecked:e,isControlled:t,setInternalChecked:a,onChange:n})=>{if(r)return;const i=!e;t||a(i),n&&n(i)},oN=({disabled:r,optionDisabled:e,nextValue:t,isControlled:a,setInternalValue:n,onValueChange:i})=>{r||e||(a||n(t),i&&i(t))},lM=W.memo(r=>{const{label:e="",labelColor:t="base",loading:a=!1,disabled:n=!1,toggleColor:i="primary",toggleSize:o="medium",value:s,defaultValue:l="",options:u=[],customClasses:c="",inputId:f="hans-toggle",onValueChange:h}=r,v=oM(i),[d,p]=W.useState(l||u[0]?.value||""),g=typeof s<"u",y=g?s:d,m=sM(o),_=rN(o);return N.jsxs("div",{className:`hans-toggle-wrapper ${c}`,children:[e?N.jsx("span",{className:`hans-toggle-label hans-toggle-label-${t}`,children:e}):null,a?N.jsx(Ye,{loadingType:"skeleton",loadingSize:m,skeletonWidth:"100%",skeletonHeight:_,customClasses:"hans-toggle-loading-segmented",ariaLabel:"Loading segmented toggle"}):N.jsx("div",{role:"tablist","aria-disabled":n,className:`
60
60
  hans-toggle-segmented
61
61
  hans-toggle-segmented-${o}
62
62
  hans-toggle-segmented-${v}
@@ -79,7 +79,7 @@
79
79
  ${x.isCurrentMonth?"":"hans-date-picker-day-outside"}
80
80
  ${x.isSelected?"hans-date-picker-day-selected":""}
81
81
  ${x.isToday?"hans-date-picker-day-today":""}
82
- `.trim(),"aria-pressed":x.isSelected,onClick:()=>g(x),children:x.date.getDate()},x.isoValue))}),l==="datetime"?N.jsx("div",{className:"hans-date-picker-time-panel",children:N.jsx(xm,{inputId:"hans-date-picker-calendar-time",pickerType:"time",label:"Time",inputColor:o,inputSize:"small",timePrecision:s,value:u,onChange:y,onMaskedValueChange:y,customClasses:"hans-date-picker-calendar-time-input"})}):null,N.jsxs("div",{className:"hans-date-picker-actions",children:[N.jsx(Cr,{label:c,buttonSize:"small",buttonColor:"base",buttonVariant:"transparent",onClick:m}),N.jsx(Cr,{label:f,buttonSize:"small",buttonColor:n,buttonVariant:"neutral",onClick:_}),l==="datetime"?N.jsx(Cr,{label:h,buttonSize:"small",buttonColor:n,buttonVariant:i,disabled:!v,onClick:b}):null]})]})});gM.displayName="HansDateTimeCalendar";const TN=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],CN=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],AN=r=>r?TN:CN,MN=r=>r.toLocaleDateString("en-US",{month:"long",year:"numeric"}),DN=(r,e)=>{const t=hM(r);return t.setDate(1),t.setMonth(t.getMonth()+e),t},LN=(r,e)=>{const t=new Date(r.getFullYear(),r.getMonth(),1),a=t.getDay(),n=e?a:(a+6)%7;return t.setDate(t.getDate()-n),t},IN=({viewDate:r,selectedDate:e,weekStartsOnSunday:t,today:a=new Date})=>Array.from({length:42},(n,i)=>{const o=LN(r,t);return o.setDate(o.getDate()+i),{date:o,isoValue:Ph({pickerType:"date",date:o,timePrecision:"minute"}),isCurrentMonth:o.getMonth()===r.getMonth(),isSelected:ib(o,e),isToday:ib(o,a)}}),lb=({viewDate:r,months:e,setViewDate:t})=>()=>{t(DN(r,e))},PN=({pickerType:r,timePrecision:e,setDisplayValue:t})=>a=>{const n=a.target.value.replace(/\D/g,"");if(r==="date"){const c=n.slice(0,8).replace(/(\d{0,2})(\d{0,2})(\d{0,4})/,(f,h,v,d)=>[h,v,d].filter(Boolean).join("/"));t(c);return}const i=e==="second"?14:12,o=n.slice(0,i),s=o.slice(0,8).replace(/(\d{0,2})(\d{0,2})(\d{0,4})/,(c,f,h,v)=>[f,h,v].filter(Boolean).join("/")),u=o.slice(8).replace(e==="second"?/(\d{0,2})(\d{0,2})(\d{0,2})/:/(\d{0,2})(\d{0,2})/,(c,f,h,v)=>[f,h,v].filter(Boolean).join(":"));t([s,u].filter(Boolean).join(" "))},kN=({allowInputTyping:r,isOpen:e,handleOpenChange:t})=>a=>{r||(a.preventDefault(),t(!e))},RN=({isOpen:r,handleOpenChange:e})=>t=>{t.preventDefault(),e(!r)},EN=({pickerType:r,timePrecision:e,applyValue:t,setDisplayValue:a,setDraftDate:n,setViewDate:i,handleOpenChange:o})=>s=>{n(s.date),i(s.date),r==="date"&&(t(s.isoValue),a(kh(r,s.isoValue,e)),o(!1))},NN=({setDraftDate:r,setTimeInputValue:e,setDisplayValue:t,applyValue:a,handleOpenChange:n})=>()=>{r(null),e(""),t&&t(""),a(""),n&&n(!1)},ON=({pickerType:r,timePrecision:e,applyValue:t,setDisplayValue:a,setDraftDate:n,setViewDate:i,setTimeInputValue:o,handleOpenChange:s,now:l=new Date})=>()=>{if(n(l),i(l),r==="date"){const u=Ph({pickerType:r,date:l,timePrecision:e});t(u),a(kh(r,u,e)),s(!1);return}o(l.toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit",second:e==="second"?"2-digit":void 0,hour12:!1}))},BN=({pickerType:r,draftDate:e,timeInputValue:t,timePrecision:a,setTimeInputValue:n,setDisplayValue:i,applyValue:o,handleOpenChange:s})=>()=>{if(!e)return;const l=bm(e,t,a);if(!l){n(""),o("");return}const u=Ph({pickerType:r,date:l,timePrecision:a});o(u),i(kh(r,u,a)),s(!1)},VN=(r,e,t,a)=>r==="date"||!!(e&&bm(e,t,a)),zN=({pickerType:r,value:e,timePrecision:t,setDraftDate:a,setViewDate:n,setTimeInputValue:i,setDisplayValue:o})=>{const s=Sm(r,e,t);a(s),n(s??new Date),i(s?es({hours:s.getHours(),minutes:s.getMinutes(),seconds:s.getSeconds()},t):""),o&&r!=="time"&&o(_m(r,e,t))},HN=({pickerType:r,allowInputTyping:e,timePrecision:t,displayValue:a,setDisplayValue:n,setDraftDate:i,setViewDate:o,setTimeInputValue:s,applyValue:l})=>()=>{if(!e)return;if(!a.trim()){n(""),i(null),s(""),l("");return}const u=dN(r,a.trim(),t);if(!u){n(""),i(null),s(""),l("");return}const c=Ph({pickerType:r,date:u,timePrecision:t});i(u),o(u),s(es({hours:u.getHours(),minutes:u.getMinutes(),seconds:u.getSeconds()},t)),n(_m(r,c,t)),l(c)},yM=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a,inputId:n="hans-date-picker",inputColor:i="base",inputSize:o="medium",message:s="",messageColor:l="base",customClasses:u="",disabled:c=!1,pickerType:f="date",value:h,defaultValue:v="",calendarColor:d="primary",calendarVariant:p="default",popupBackgroundColor:g="var(--white)",clearLabel:y="Clear",todayLabel:m="Today",applyLabel:_="Apply",timePrecision:b="minute",weekStartsOnSunday:x=!0,allowInputTyping:S=!1,onChange:w,onOpenChange:T,...A}=r,C=hN(f),D=typeof h<"u",I=D?h??"":v,[L,P]=W.useState(I),[k,R]=W.useState(()=>kh(C,I,b)),[O,E]=W.useState(!1),[B,V]=W.useState({up:0,down:0}),[G,H]=W.useState(()=>Sm(f,I,b)),[Z,X]=W.useState(()=>gN(f,I,b)),[ne,Se]=W.useState(""),ke=W.useRef(null),se=D?h:L;W.useEffect(()=>{zN({pickerType:C,value:se,timePrecision:b,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,setDisplayValue:R})},[C,se,b]),W.useEffect(()=>{_N({datePickerRef:ke,setPopupOffsets:V})()},[o,e,t,s,l]);const J=W.useMemo(()=>pM({disabled:c,isControlled:D,setInternalValue:P,onChange:w}),[c,D,w]),te=W.useMemo(()=>bN({disabled:c,setIsOpen:E,onOpenChange:T}),[c,T]),ee=W.useMemo(()=>PN({pickerType:C,timePrecision:b,setDisplayValue:R}),[C,b]),de=W.useMemo(()=>HN({pickerType:C,allowInputTyping:S,timePrecision:b,displayValue:k,setDisplayValue:R,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,applyValue:J}),[S,J,k,C,b]),Oe=W.useMemo(()=>IN({viewDate:Z,selectedDate:G,weekStartsOnSunday:x}),[G,Z,x]),we=W.useMemo(()=>yN(B),[B]),Re=W.useMemo(()=>kN({allowInputTyping:S,isOpen:O,handleOpenChange:te}),[S,te,O]),ze=W.useMemo(()=>EN({pickerType:C,timePrecision:b,applyValue:J,setDisplayValue:R,setDraftDate:H,setViewDate:X,handleOpenChange:te}),[J,te,C,b]),et=W.useMemo(()=>NN({setDraftDate:H,setTimeInputValue:Se,setDisplayValue:R,applyValue:J,handleOpenChange:te}),[J,te]),At=W.useMemo(()=>ON({pickerType:C,timePrecision:b,applyValue:J,setDisplayValue:R,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,handleOpenChange:te}),[J,te,C,b]),St=W.useMemo(()=>BN({pickerType:"datetime",draftDate:G,timeInputValue:ne,timePrecision:b,setTimeInputValue:Se,setDisplayValue:R,applyValue:J,handleOpenChange:te}),[J,G,te,ne,b]),Ma=W.useMemo(()=>VN(C,G,ne,b),[G,C,ne,b]),tn=W.useMemo(()=>RN({isOpen:O,handleOpenChange:te}),[te,O]),Es=W.useMemo(()=>lb({viewDate:Z,months:-1,setViewDate:X}),[Z]),rE=W.useMemo(()=>lb({viewDate:Z,months:1,setViewDate:X}),[Z]);return N.jsx("div",{className:"hans-date-picker hans-date-picker-date-time-input",ref:ke,children:N.jsx(_u,{isOpen:O,disabled:c,onOpenChange:te,popupBackgroundColor:g,customClasses:"hans-date-picker-field",popupClassName:"hans-date-picker-popup",panelClassName:"hans-date-picker-popup-content",style:we,renderTrigger:()=>N.jsx(ys,{label:e,labelColor:t,message:s,messageColor:l,inputId:n,inputColor:i,inputSize:o,placeholder:a??fM(C,b),customClasses:`hans-date-picker-input ${u}`,disabled:c,value:k,readOnly:!S,onChange:S?ee:void 0,onBlur:de,onMouseDown:Re,rightIcon:N.jsx("button",{type:"button",className:"hans-date-picker-trigger-icon","aria-label":"Toggle date picker",onMouseDown:tn,children:N.jsx(ft,{name:"MdDateRange",iconSize:"small"})}),...A}),children:N.jsx("div",{className:"hans-date-picker-panel",children:N.jsx(gM,{days:Oe,weekdayLabels:AN(x),monthLabel:MN(Z),calendarColor:d,calendarVariant:p,inputColor:i,timePrecision:b,pickerType:C,timeInputValue:ne,clearLabel:y,todayLabel:m,applyLabel:_,allowApply:Ma,onPreviousMonth:Es,onNextMonth:rE,onSelectDay:ze,onTimeInputChange:Se,onClear:et,onToday:At,onApply:St})})})})});yM.displayName="HansDateTimeInput";const mM=W.memo(r=>{const{pickerType:e="date"}=r;return e==="time"?N.jsx(xm,{...r}):N.jsx(yM,{...r})});mM.displayName="HansDatePicker";const GN=(r,e)=>r||(e?"image":"profile"),FN=({cardLayout:r,cardSize:e,customClasses:t})=>`
82
+ `.trim(),"aria-pressed":x.isSelected,onClick:()=>g(x),children:x.date.getDate()},x.isoValue))}),l==="datetime"?N.jsx("div",{className:"hans-date-picker-time-panel",children:N.jsx(xm,{inputId:"hans-date-picker-calendar-time",pickerType:"time",label:"Time",inputColor:o,inputSize:"small",timePrecision:s,value:u,onChange:y,onMaskedValueChange:y,customClasses:"hans-date-picker-calendar-time-input"})}):null,N.jsxs("div",{className:"hans-date-picker-actions",children:[N.jsx(Cr,{label:c,buttonSize:"small",buttonColor:"base",buttonVariant:"transparent",onClick:m}),N.jsx(Cr,{label:f,buttonSize:"small",buttonColor:n,buttonVariant:"neutral",onClick:_}),l==="datetime"?N.jsx(Cr,{label:h,buttonSize:"small",buttonColor:n,buttonVariant:i,disabled:!v,onClick:b}):null]})]})});gM.displayName="HansDateTimeCalendar";const TN=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],CN=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],AN=r=>r?TN:CN,MN=r=>r.toLocaleDateString("en-US",{month:"long",year:"numeric"}),DN=(r,e)=>{const t=hM(r);return t.setDate(1),t.setMonth(t.getMonth()+e),t},LN=(r,e)=>{const t=new Date(r.getFullYear(),r.getMonth(),1),a=t.getDay(),n=e?a:(a+6)%7;return t.setDate(t.getDate()-n),t},IN=({viewDate:r,selectedDate:e,weekStartsOnSunday:t,today:a=new Date})=>Array.from({length:42},(n,i)=>{const o=LN(r,t);return o.setDate(o.getDate()+i),{date:o,isoValue:Ph({pickerType:"date",date:o,timePrecision:"minute"}),isCurrentMonth:o.getMonth()===r.getMonth(),isSelected:ib(o,e),isToday:ib(o,a)}}),lb=({viewDate:r,months:e,setViewDate:t})=>()=>{t(DN(r,e))},PN=({pickerType:r,timePrecision:e,setDisplayValue:t})=>a=>{const n=a.target.value.replace(/\D/g,"");if(r==="date"){const c=n.slice(0,8).replace(/(\d{0,2})(\d{0,2})(\d{0,4})/,(f,h,v,d)=>[h,v,d].filter(Boolean).join("/"));t(c);return}const i=e==="second"?14:12,o=n.slice(0,i),s=o.slice(0,8).replace(/(\d{0,2})(\d{0,2})(\d{0,4})/,(c,f,h,v)=>[f,h,v].filter(Boolean).join("/")),u=o.slice(8).replace(e==="second"?/(\d{0,2})(\d{0,2})(\d{0,2})/:/(\d{0,2})(\d{0,2})/,(c,f,h,v)=>[f,h,v].filter(Boolean).join(":"));t([s,u].filter(Boolean).join(" "))},kN=({allowInputTyping:r,isOpen:e,handleOpenChange:t})=>a=>{r||(a.preventDefault(),t(!e))},RN=({isOpen:r,handleOpenChange:e})=>t=>{t.preventDefault(),e(!r)},EN=({pickerType:r,timePrecision:e,applyValue:t,setDisplayValue:a,setDraftDate:n,setViewDate:i,handleOpenChange:o})=>s=>{n(s.date),i(s.date),r==="date"&&(t(s.isoValue),a(kh(r,s.isoValue,e)),o(!1))},NN=({setDraftDate:r,setTimeInputValue:e,setDisplayValue:t,applyValue:a,handleOpenChange:n})=>()=>{r(null),e(""),t&&t(""),a(""),n&&n(!1)},ON=({pickerType:r,timePrecision:e,applyValue:t,setDisplayValue:a,setDraftDate:n,setViewDate:i,setTimeInputValue:o,handleOpenChange:s,now:l=new Date})=>()=>{if(n(l),i(l),r==="date"){const u=Ph({pickerType:r,date:l,timePrecision:e});t(u),a(kh(r,u,e)),s(!1);return}o(l.toLocaleTimeString("en-GB",{hour:"2-digit",minute:"2-digit",second:e==="second"?"2-digit":void 0,hour12:!1}))},BN=({pickerType:r,draftDate:e,timeInputValue:t,timePrecision:a,setTimeInputValue:n,setDisplayValue:i,applyValue:o,handleOpenChange:s})=>()=>{if(!e)return;const l=bm(e,t,a);if(!l){n(""),o("");return}const u=Ph({pickerType:r,date:l,timePrecision:a});o(u),i(kh(r,u,a)),s(!1)},VN=(r,e,t,a)=>r==="date"||!!(e&&bm(e,t,a)),zN=({pickerType:r,value:e,timePrecision:t,setDraftDate:a,setViewDate:n,setTimeInputValue:i,setDisplayValue:o})=>{const s=Sm(r,e,t);a(s),n(s??new Date),i(s?es({hours:s.getHours(),minutes:s.getMinutes(),seconds:s.getSeconds()},t):""),o&&r!=="time"&&o(_m(r,e,t))},HN=({pickerType:r,allowInputTyping:e,timePrecision:t,displayValue:a,setDisplayValue:n,setDraftDate:i,setViewDate:o,setTimeInputValue:s,applyValue:l})=>()=>{if(!e)return;if(!a.trim()){n(""),i(null),s(""),l("");return}const u=dN(r,a.trim(),t);if(!u){n(""),i(null),s(""),l("");return}const c=Ph({pickerType:r,date:u,timePrecision:t});i(u),o(u),s(es({hours:u.getHours(),minutes:u.getMinutes(),seconds:u.getSeconds()},t)),n(_m(r,c,t)),l(c)},yM=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a,inputId:n="hans-date-picker",inputColor:i="base",inputSize:o="medium",message:s="",messageColor:l="base",customClasses:u="",disabled:c=!1,pickerType:f="date",value:h,defaultValue:v="",calendarColor:d="primary",calendarVariant:p="default",popupBackgroundColor:g="var(--background-color, var(--white))",clearLabel:y="Clear",todayLabel:m="Today",applyLabel:_="Apply",timePrecision:b="minute",weekStartsOnSunday:x=!0,allowInputTyping:S=!1,onChange:w,onOpenChange:T,...A}=r,C=hN(f),D=typeof h<"u",I=D?h??"":v,[L,P]=W.useState(I),[k,R]=W.useState(()=>kh(C,I,b)),[O,E]=W.useState(!1),[B,V]=W.useState({up:0,down:0}),[G,H]=W.useState(()=>Sm(f,I,b)),[Z,X]=W.useState(()=>gN(f,I,b)),[ne,Se]=W.useState(""),ke=W.useRef(null),se=D?h:L;W.useEffect(()=>{zN({pickerType:C,value:se,timePrecision:b,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,setDisplayValue:R})},[C,se,b]),W.useEffect(()=>{_N({datePickerRef:ke,setPopupOffsets:V})()},[o,e,t,s,l]);const J=W.useMemo(()=>pM({disabled:c,isControlled:D,setInternalValue:P,onChange:w}),[c,D,w]),te=W.useMemo(()=>bN({disabled:c,setIsOpen:E,onOpenChange:T}),[c,T]),ee=W.useMemo(()=>PN({pickerType:C,timePrecision:b,setDisplayValue:R}),[C,b]),de=W.useMemo(()=>HN({pickerType:C,allowInputTyping:S,timePrecision:b,displayValue:k,setDisplayValue:R,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,applyValue:J}),[S,J,k,C,b]),Oe=W.useMemo(()=>IN({viewDate:Z,selectedDate:G,weekStartsOnSunday:x}),[G,Z,x]),we=W.useMemo(()=>yN(B),[B]),Re=W.useMemo(()=>kN({allowInputTyping:S,isOpen:O,handleOpenChange:te}),[S,te,O]),ze=W.useMemo(()=>EN({pickerType:C,timePrecision:b,applyValue:J,setDisplayValue:R,setDraftDate:H,setViewDate:X,handleOpenChange:te}),[J,te,C,b]),et=W.useMemo(()=>NN({setDraftDate:H,setTimeInputValue:Se,setDisplayValue:R,applyValue:J,handleOpenChange:te}),[J,te]),At=W.useMemo(()=>ON({pickerType:C,timePrecision:b,applyValue:J,setDisplayValue:R,setDraftDate:H,setViewDate:X,setTimeInputValue:Se,handleOpenChange:te}),[J,te,C,b]),St=W.useMemo(()=>BN({pickerType:"datetime",draftDate:G,timeInputValue:ne,timePrecision:b,setTimeInputValue:Se,setDisplayValue:R,applyValue:J,handleOpenChange:te}),[J,G,te,ne,b]),Ma=W.useMemo(()=>VN(C,G,ne,b),[G,C,ne,b]),tn=W.useMemo(()=>RN({isOpen:O,handleOpenChange:te}),[te,O]),Es=W.useMemo(()=>lb({viewDate:Z,months:-1,setViewDate:X}),[Z]),rE=W.useMemo(()=>lb({viewDate:Z,months:1,setViewDate:X}),[Z]);return N.jsx("div",{className:"hans-date-picker hans-date-picker-date-time-input",ref:ke,children:N.jsx(_u,{isOpen:O,disabled:c,onOpenChange:te,popupBackgroundColor:g,customClasses:"hans-date-picker-field",popupClassName:"hans-date-picker-popup",panelClassName:"hans-date-picker-popup-content",style:we,renderTrigger:()=>N.jsx(ys,{label:e,labelColor:t,message:s,messageColor:l,inputId:n,inputColor:i,inputSize:o,placeholder:a??fM(C,b),customClasses:`hans-date-picker-input ${u}`,disabled:c,value:k,readOnly:!S,onChange:S?ee:void 0,onBlur:de,onMouseDown:Re,rightIcon:N.jsx("button",{type:"button",className:"hans-date-picker-trigger-icon","aria-label":"Toggle date picker",onMouseDown:tn,children:N.jsx(ft,{name:"MdDateRange",iconSize:"small"})}),...A}),children:N.jsx("div",{className:"hans-date-picker-panel",children:N.jsx(gM,{days:Oe,weekdayLabels:AN(x),monthLabel:MN(Z),calendarColor:d,calendarVariant:p,inputColor:i,timePrecision:b,pickerType:C,timeInputValue:ne,clearLabel:y,todayLabel:m,applyLabel:_,allowApply:Ma,onPreviousMonth:Es,onNextMonth:rE,onSelectDay:ze,onTimeInputChange:Se,onClear:et,onToday:At,onApply:St})})})})});yM.displayName="HansDateTimeInput";const mM=W.memo(r=>{const{pickerType:e="date"}=r;return e==="time"?N.jsx(xm,{...r}):N.jsx(yM,{...r})});mM.displayName="HansDatePicker";const GN=(r,e)=>r||(e?"image":"profile"),FN=({cardLayout:r,cardSize:e,customClasses:t})=>`
83
83
  hans-card
84
84
  hans-card-${r}
85
85
  hans-card-${e}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}.hans-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*1);display:flex}.hans-button-rounded{border-radius:3.40282e38px}.hans-button-square{border-radius:var(--radius-md)}.hans-button:disabled,.hans-button[disabled]{cursor:not-allowed;opacity:.5}.hans-button:disabled>*{pointer-events:none}.hans-button-loading{display:inline-flex}.hans-button-small{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1)}.hans-button-medium{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.hans-button-large{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3)}.hans-button-base.hans-button-strong{background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-button-base.hans-button-default{background-color:var(--base-default-color);color:var(--white)}.hans-button-base.hans-button-neutral{background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.hans-input-icon-left{left:calc(var(--spacing)*2)}.hans-input-icon-right{right:calc(var(--spacing)*2)}.hans-input-has-left-icon{padding-left:calc(var(--spacing)*8)}.hans-input-has-right-icon{padding-right:calc(var(--spacing)*8)}.hans-input-icon-base{color:var(--text-color)}.hans-input-icon-primary{color:var(--primary-default-color)}.hans-input-icon-secondary{color:var(--secondary-default-color)}.hans-input-icon-success{color:var(--success-default-color)}.hans-input-icon-danger{color:var(--danger-default-color)}.hans-input-icon-warning{color:var(--warning-default-color)}.hans-input-icon-info{color:var(--info-default-color)}.hans-input-small{height:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-input-medium{height:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-large{height:calc(var(--spacing)*10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-input-message{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-label-base{color:var(--text-color)}.hans-input-label-primary{color:var(--primary-default-color)}.hans-input-label-secondary{color:var(--secondary-default-color)}.hans-input-label-success{color:var(--success-default-color)}.hans-input-label-danger{color:var(--danger-default-color)}.hans-input-label-warning{color:var(--warning-default-color)}.hans-input-label-info{color:var(--info-default-color)}.hans-input-base{border-color:var(--base-default-color)}.hans-input-base:focus{border-color:var(--base-strong-color)}.hans-input-primary{border-color:var(--primary-neutral-color)}.hans-input-primary:focus{border-color:var(--primary-default-color)}.hans-input-secondary{border-color:var(--secondary-neutral-color)}.hans-input-secondary:focus{border-color:var(--secondary-default-color)}.hans-input-success{border-color:var(--success-neutral-color)}.hans-input-success:focus{border-color:var(--success-default-color)}.hans-input-danger{border-color:var(--danger-neutral-color)}.hans-input-danger:focus{border-color:var(--danger-default-color)}.hans-input-warning{border-color:var(--warning-neutral-color)}.hans-input-warning:focus{border-color:var(--warning-default-color)}.hans-input-info{border-color:var(--info-neutral-color)}.hans-input-info:focus{border-color:var(--info-default-color)}.hans-input-message-base{color:var(--base-strong-color)}.hans-input-message-primary{color:var(--primary-default-color)}.hans-input-message-secondary{color:var(--secondary-default-color)}.hans-input-message-success{color:var(--success-default-color)}.hans-input-message-danger{color:var(--danger-default-color)}.hans-input-message-warning{color:var(--warning-default-color)}.hans-input-message-info{color:var(--info-default-color)}.hans-dropdown{width:100%}.hans-dropdown-popup-wrapper.hans-popup{width:auto;display:inline-block}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-popup{width:max-content;min-width:max(100%,220px);max-width:min(420px,100vw - 16px);right:auto}.hans-popup-panel-content.hans-dropdown-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-dropdown-popup-content>.hans-dropdown-list{max-height:none;overflow:visible}.hans-dropdown-custom-content{padding:calc(var(--spacing)*2)}.hans-dropdown-loading{min-width:220px;padding:calc(var(--spacing)*3)}.hans-dropdown-list{padding-block:calc(var(--spacing)*1)}.hans-dropdown-list-nested{top:calc(var(--spacing)*0);z-index:20;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);min-width:220px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:max-content;max-width:min(420px,100vw - 16px);position:absolute}.hans-dropdown-option-parent-right .hans-dropdown-list-nested{left:100%}.hans-dropdown-option-parent-left .hans-dropdown-list-nested{right:100%}.hans-dropdown-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);white-space:nowrap;display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--base-neutral-color)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-select-option-popup-content{padding:calc(var(--spacing)*0)}.hans-select-option-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-select-option-up-offset,0px))}.hans-select-option-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-select-option-down-offset,0px))}.hans-select-option-loading-icon{flex-shrink:0}.hans-select-option-selected{margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-select-option-list{max-height:calc(var(--spacing)*60);border-radius:var(--radius-lg);width:100%;overflow:auto}.hans-select-option-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.hans-select-option-option:hover{background-color:var(--hans-select-option-hover,var(--base-neutral-color))}.hans-select-option-option-selected{background-color:var(--base-neutral-color);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-select-option-option-disabled{cursor:not-allowed;opacity:.5}.hans-select-option-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-select-option-loading{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:flex}.hans-select-option-option-label{flex:1}.hans-toggle-loading-segmented{border-radius:var(--radius-xl);width:100%;display:block}.hans-toggle-segmented{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-toggle-segment-border);display:inline-flex;overflow:hidden}.hans-toggle-segmented-small .hans-toggle-segment{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-toggle-segmented-medium .hans-toggle-segment{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle-segmented-large .hans-toggle-segment{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toggle-segment{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--hans-toggle-segment-text);background-color:#0000;border-width:0;transition-duration:.2s;display:inline-flex}.hans-toggle-segment-selected{color:var(--white);background:var(--hans-toggle-segment-selected-bg)}.hans-toggle-segment+.hans-toggle-segment{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--hans-toggle-segment-border)}.hans-toggle-segmented-disabled{opacity:.6}.hans-toggle-segmented-primary{--hans-toggle-segment-selected-bg:var(--primary-default-color);--hans-toggle-segment-border:var(--primary-default-color);--hans-toggle-segment-text:var(--primary-default-color)}.hans-toggle-segmented-secondary{--hans-toggle-segment-selected-bg:var(--secondary-default-color);--hans-toggle-segment-border:var(--secondary-default-color);--hans-toggle-segment-text:var(--secondary-default-color)}.hans-toggle-segmented-success{--hans-toggle-segment-selected-bg:var(--success-default-color);--hans-toggle-segment-border:var(--success-default-color);--hans-toggle-segment-text:var(--success-default-color)}.hans-toggle-segmented-danger{--hans-toggle-segment-selected-bg:var(--danger-default-color);--hans-toggle-segment-border:var(--danger-default-color);--hans-toggle-segment-text:var(--danger-default-color)}.hans-toggle-segmented-warning{--hans-toggle-segment-selected-bg:var(--warning-default-color);--hans-toggle-segment-border:var(--warning-default-color);--hans-toggle-segment-text:var(--warning-default-color)}.hans-toggle-segmented-info{--hans-toggle-segment-selected-bg:var(--info-default-color);--hans-toggle-segment-border:var(--info-default-color);--hans-toggle-segment-text:var(--info-default-color)}.hans-toggle-loading-switch{justify-content:center;align-items:center;display:inline-flex}.hans-toggle-switch-row{align-items:center;gap:calc(var(--spacing)*2);display:inline-flex}.hans-toggle-side-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle{cursor:pointer;border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex;position:relative}.hans-toggle:focus-visible{--tw-outline-style:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--primary-default-color);outline-style:none}.hans-toggle:disabled{cursor:not-allowed}.hans-toggle-track-content{pointer-events:none;inset:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--white);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.hans-toggle-track-content-on{padding-left:.5rem;padding-right:calc(var(--hans-toggle-thumb-size) + .4rem)}.hans-toggle-track-content-off{padding-left:calc(var(--hans-toggle-thumb-size) + .4rem);padding-right:.5rem}.hans-toggle-thumb{background-color:var(--white);color:var(--base-strong-color);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;top:50%;left:var(--hans-toggle-thumb-x);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;transform:translateY(-50%)}.hans-toggle-small{height:calc(var(--spacing)*5);width:calc(var(--spacing)*9);--hans-toggle-thumb-size:.875rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*11);--hans-toggle-thumb-size:1rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-large{height:calc(var(--spacing)*8);width:calc(var(--spacing)*14);--hans-toggle-thumb-size:1.5rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-has-track-content{min-width:calc((var(--hans-toggle-thumb-size)*2) + 1.5rem)}.hans-toggle-small .hans-toggle-thumb,.hans-toggle-medium .hans-toggle-thumb,.hans-toggle-large .hans-toggle-thumb{width:var(--hans-toggle-thumb-size);height:var(--hans-toggle-thumb-size)}.hans-toggle-on-primary,.hans-toggle-on-secondary,.hans-toggle-on-success,.hans-toggle-on-danger,.hans-toggle-on-warning,.hans-toggle-on-info{--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-off{background-color:var(--base-neutral-color)}.hans-toggle-off .hans-toggle-track-content{color:var(--base-strong-color)}.hans-toggle-off-disabled{background-color:var(--base-neutral-color);opacity:.7}.hans-toggle-off-disabled .hans-toggle-track-content{color:var(--base-default-color)}.hans-toggle-on-disabled{background-color:var(--base-default-color);--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-on-primary{background-color:var(--primary-default-color)}.hans-toggle-on-secondary{background-color:var(--secondary-default-color)}.hans-toggle-on-success{background-color:var(--success-default-color)}.hans-toggle-on-danger{background-color:var(--danger-default-color)}.hans-toggle-on-warning{background-color:var(--warning-default-color)}.hans-toggle-on-info{background-color:var(--info-default-color)}.hans-toggle-wrapper{gap:calc(var(--spacing)*2);flex-direction:column;display:inline-flex}.hans-toggle-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hans-toggle-label-base{color:var(--base-strong-color)}.hans-toggle-label-primary{color:var(--primary-strong-color)}.hans-toggle-label-secondary{color:var(--secondary-strong-color)}.hans-toggle-label-success{color:var(--success-strong-color)}.hans-toggle-label-danger{color:var(--danger-strong-color)}.hans-toggle-label-warning{color:var(--warning-strong-color)}.hans-toggle-label-info{color:var(--info-strong-color)}.hans-date-picker{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-date-picker-time-input,.hans-date-picker-date-time-input{width:100%}.hans-date-picker-calendar{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.hans-date-picker-calendar-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);display:flex}.hans-date-picker-calendar-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color)}.hans-date-picker-calendar-nav{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);cursor:pointer;padding:calc(var(--spacing)*0)}.hans-date-picker-calendar-grid{gap:calc(var(--spacing)*1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hans-date-picker-calendar-weekday{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase}.hans-date-picker-day{height:calc(var(--spacing)*10);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.hans-date-picker-day:hover{background-color:var(--base-neutral-color)}.hans-date-picker-day-outside{opacity:.5}.hans-date-picker-day-today{border-color:var(--text-color);color:var(--text-color)}.hans-date-picker-day-selected{color:var(--white)}.hans-date-picker-day-color-base.hans-date-picker-day-selected{background-color:var(--text-color)}.hans-date-picker-day-color-primary.hans-date-picker-day-selected{background-color:var(--primary-default-color)}.hans-date-picker-day-color-secondary.hans-date-picker-day-selected{background-color:var(--secondary-default-color)}.hans-date-picker-day-color-success.hans-date-picker-day-selected{background-color:var(--success-default-color)}.hans-date-picker-day-color-danger.hans-date-picker-day-selected{background-color:var(--danger-default-color)}.hans-date-picker-day-color-warning.hans-date-picker-day-selected{background-color:var(--warning-default-color)}.hans-date-picker-day-color-info.hans-date-picker-day-selected{background-color:var(--info-default-color)}.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-style:var(--tw-border-style);border-width:1px}.hans-date-picker-day-color-base.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-base.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--text-color);color:var(--text-color);background-color:#0000}.hans-date-picker-day-color-primary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-primary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--primary-default-color);color:var(--primary-default-color);background-color:#0000}.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--secondary-default-color);color:var(--secondary-default-color);background-color:#0000}.hans-date-picker-day-color-success.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-success.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--success-default-color);color:var(--success-default-color);background-color:#0000}.hans-date-picker-day-color-danger.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-danger.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--danger-default-color);color:var(--danger-default-color);background-color:#0000}.hans-date-picker-day-color-warning.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-warning.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--warning-default-color);color:var(--warning-default-color);background-color:#0000}.hans-date-picker-day-color-info.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-info.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--info-default-color);color:var(--info-default-color);background-color:#0000}.hans-date-picker-time-panel .hans-date-picker-time-input{width:100%}.hans-date-picker-field{width:100%;overflow:visible}.hans-date-picker-input{width:100%}.hans-date-picker-popup,.hans-popup-panel.hans-date-picker-popup{width:min(320px,100vw - 24px);min-width:min(320px,100vw - 24px);max-width:min(320px,100vw - 24px)}.hans-date-picker-popup-content{max-height:none;padding:calc(var(--spacing)*0);overflow:visible}.hans-date-picker-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-date-picker-up-offset,0px))}.hans-date-picker-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-date-picker-down-offset,0px))}.hans-date-picker-panel{gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);padding:calc(var(--spacing)*3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex}.hans-date-picker-trigger-icon{margin:calc(var(--spacing)*0);cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;justify-content:center;align-items:center;display:flex}.hans-date-picker-time-panel{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3)}.hans-date-picker-actions{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3);display:flex}.hans-avatar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--gray-100);color:var(--gray-700);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.hans-avatar-img{object-fit:cover;width:100%;height:100%}.hans-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hans-avatar-loading{width:100%;height:100%}.hans-avatar-small{width:22px;height:22px}.hans-avatar-medium{width:40px;height:40px}.hans-avatar-large{width:100px;height:100px}.hans-avatar-icon{--tw-leading:1;width:100%;height:100%;line-height:1}.hans-avatar-small .hans-avatar-icon{font-size:22px}.hans-avatar-medium .hans-avatar-icon{font-size:40px}.hans-avatar-large .hans-avatar-icon{font-size:100px}.hans-card{width:100%;min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-card-bg);border-width:1px;border-color:var(--hans-card-border);color:var(--hans-card-text);display:flex;overflow:hidden}.hans-card-loading{min-height:inherit}.hans-card-small{min-height:calc(var(--spacing)*20);gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3)}.hans-card-medium{min-height:calc(var(--spacing)*24);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}.hans-card-large{min-height:calc(var(--spacing)*32);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5)}.hans-card-profile{flex-direction:column}.hans-card-profile-main{align-items:flex-start;gap:calc(var(--spacing)*3);display:flex}.hans-card-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-card-title{min-width:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--hans-card-text);display:block}.hans-card-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-card-muted);display:block}.hans-card-extra{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-card-image{padding:calc(var(--spacing)*0)}.hans-card-image.hans-card-small{min-height:calc(var(--spacing)*32)}.hans-card-image.hans-card-medium{min-height:calc(var(--spacing)*40)}.hans-card-image.hans-card-large{min-height:calc(var(--spacing)*52)}.hans-card-image-surface{background-color:var(--hans-card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-card-image);align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-card-image-surface{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)6%,transparent),color-mix(in srgb,var(--black)54%,transparent)),var(--hans-card-image)}}.hans-card-image-surface{min-height:inherit}.hans-card-image-overlay{justify-content:flex-end;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);min-height:inherit;flex-direction:column;display:flex}.hans-card-image-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-card-image .hans-card-title,.hans-card-image .hans-card-description{color:var(--color-white)}.hans-card-skeleton{min-height:inherit;display:block}.hans-carousel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing)*4);background:var(--hans-carousel-shell-bg,var(--white));border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200))}.hans-carousel-borderless{padding:calc(var(--spacing)*0);background:0 0;border-color:#0000}.hans-carousel-without-gap .hans-carousel-track{gap:0}.hans-carousel-small{padding:calc(var(--spacing)*3)}.hans-carousel-medium{padding:calc(var(--spacing)*4)}.hans-carousel-large{padding:calc(var(--spacing)*5)}.hans-carousel-frame{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex;position:relative}.hans-carousel-viewport{width:100%;position:relative;overflow:hidden}.hans-carousel-track{gap:calc(var(--spacing)*4);grid-template-columns:repeat(var(--hans-carousel-columns,1),minmax(0,1fr));display:grid}.hans-carousel-slide{min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;min-height:var(--hans-carousel-height,240px);border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200));transition-duration:.2s;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-slide{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-200))40%,transparent)}}.hans-carousel-slide-active{border-color:var(--hans-carousel-accent-border,var(--gray-400))}.hans-carousel-slide-loading{background-color:var(--white)}.hans-carousel-image{width:100%;height:100%;min-height:100%;padding:calc(var(--spacing)*4);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-carousel-slide-image);align-items:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)8%,transparent),color-mix(in srgb,var(--black)58%,transparent)),var(--hans-carousel-slide-image)}}.hans-carousel-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-carousel-image-top-copy{align-items:flex-start}.hans-carousel-copy-top{max-width:calc(100% - 3rem)}.hans-carousel-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.hans-carousel-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-white)}.hans-carousel-nav{z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);background:var(--hans-carousel-accent-bg,var(--white));color:var(--hans-carousel-accent-text,var(--text-color));border-width:1px;border-color:var(--hans-carousel-accent-border,var(--gray-300));box-shadow:0 8px 24px var(--black);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav.hans-button{padding:calc(var(--spacing)*0);--tw-outline-style:none;box-shadow:0 8px 24px var(--black);border-width:1px;outline-style:none;background:var(--hans-carousel-accent-bg,var(--white))!important;color:var(--hans-carousel-accent-text,var(--text-color))!important;border-color:var(--hans-carousel-accent-border,var(--gray-300))!important}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav.hans-button{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav:not(:disabled){cursor:pointer}.hans-carousel-nav:not(:disabled):hover{filter:brightness(.97)}.hans-carousel-nav:disabled{cursor:not-allowed;opacity:.5}.hans-carousel-nav-previous{left:calc(var(--spacing)*3)}.hans-carousel-nav-next{right:calc(var(--spacing)*3)}.hans-carousel-nav .hans-icon,.hans-carousel-nav .hans-loading{color:currentColor}.hans-carousel-nav slot{justify-content:center;align-items:center;display:inline-flex}.hans-carousel-nav .hans-icon{flex-shrink:0}.hans-carousel-nav .hans-loading-spinner{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav .hans-loading-spinner{border-color:color-mix(in srgb,currentColor 28%,transparent)}}.hans-carousel-nav .hans-loading-spinner{border-top-color:currentColor}.hans-carousel-controls{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.hans-carousel-indicators{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);max-width:100%;display:flex;overflow:hidden}.hans-carousel-indicator{height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;cursor:pointer;background:var(--hans-carousel-indicator-inactive,var(--gray-300));border-width:0;border-radius:3.40282e38px;transition-duration:.2s}.hans-carousel-indicator-active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:var(--hans-carousel-indicator-active,var(--gray-700))}.hans-carousel-indicator-faded{opacity:.45}.hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*10);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-carousel-accent-text,var(--text-color));border-style:dashed;border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-300));justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hans-carousel-empty{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-300))60%,transparent)}}.hans-carousel-empty{min-height:var(--hans-carousel-height,240px)}.hans-carousel-borderless .hans-carousel-frame{gap:calc(var(--spacing)*0)}.hans-carousel-borderless .hans-carousel-viewport{border-radius:var(--radius-2xl)}.hans-carousel-borderless .hans-carousel-controls{pointer-events:none;bottom:calc(var(--spacing)*4);z-index:20;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;left:50%}.hans-carousel-borderless .hans-carousel-image{padding-bottom:calc(var(--spacing)*24)}.hans-carousel-borderless .hans-carousel-indicators{pointer-events:auto;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--black);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.hans-carousel-borderless .hans-carousel-indicators{background:color-mix(in srgb,var(--black)24%,transparent)}}.hans-carousel-borderless .hans-carousel-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hans-carousel-borderless .hans-carousel-copy{padding-right:calc(var(--spacing)*4)}.hans-carousel-borderless .hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:0}.hans-tag{align-items:center;gap:calc(var(--spacing)*1);border-radius:3.40282e38px;display:inline-flex}.hans-tag-label{--tw-leading:1;line-height:1}.hans-tag-action{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tag-action:disabled{cursor:not-allowed;opacity:.5}.hans-tag-small{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tag-medium{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tag-large{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tag-base{background-color:var(--base-neutral-color);color:var(--text-color)}.hans-tag-base .hans-tag-icon{color:var(--base-strong-color)}.hans-tag-primary{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tag-primary .hans-tag-icon{color:var(--primary-default-color)}.hans-tag-secondary{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tag-secondary .hans-tag-icon{color:var(--secondary-default-color)}.hans-tag-success{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tag-success .hans-tag-icon{color:var(--success-default-color)}.hans-tag-danger{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tag-danger .hans-tag-icon{color:var(--danger-default-color)}.hans-tag-warning{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tag-warning .hans-tag-icon{color:var(--warning-default-color)}.hans-tag-info{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tag-info .hans-tag-icon{color:var(--info-default-color)}.hans-chart{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--white);width:100%;padding:calc(var(--spacing)*3)}.hans-chart-canvas{width:100%;height:100%;min-height:220px}.hans-chart-empty{justify-content:center;align-items:center;display:flex}.hans-chart-empty-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-chart-loading{overflow:hidden}.hans-accordion{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-200);background-color:var(--white);flex-direction:column;width:100%;display:flex;overflow:hidden}.hans-accordion-item{background-color:var(--white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s;overflow:hidden}.hans-accordion-item+.hans-accordion-item{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.hans-accordion-item-disabled{opacity:.6}.hans-accordion-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--hans-accordion-title-bg,transparent);color:var(--hans-accordion-title-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-title-border,transparent);transition-duration:.2s;display:flex}.hans-accordion-trigger:not(:disabled){cursor:pointer}.hans-accordion-trigger:not(:disabled):hover{filter:brightness(.98)}.hans-accordion-trigger:disabled{cursor:not-allowed}.hans-accordion-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-accordion-icon{color:currentColor;flex-shrink:0}.hans-accordion-panel{gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*4);background:var(--hans-accordion-description-bg,transparent);color:var(--hans-accordion-description-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-description-border,transparent);flex-direction:column;display:flex}.hans-accordion-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.hans-accordion-empty{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600)}.hans-accordion-skeleton-item .hans-accordion-trigger{box-shadow:none;background:0 0;align-items:center}.hans-accordion-skeleton-item .hans-accordion-panel{box-shadow:none}.hans-loading{justify-content:center;align-items:center;display:inline-flex}.hans-loading-spinner{animation:var(--animate-spin);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--hans-loading-spinner-border,var(--base-neutral-color));border-top-color:var(--hans-loading-spinner-top,var(--base-default-color));border-radius:3.40282e38px}.hans-loading-skeleton{animation:var(--animate-pulse);width:var(--hans-loading-width,100%);height:var(--hans-loading-height,100%);background-color:var(--hans-loading-skeleton-color,var(--base-neutral-color));display:block}.hans-loading-rounded{border-radius:var(--radius-md)}.hans-loading-small{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.hans-loading-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-loading-large{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.hans-kanban-column{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-kanban-surface-bg);border-width:1px;border-color:var(--hans-kanban-surface-border);color:var(--hans-kanban-surface-text);flex-direction:column;display:flex}.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--hans-kanban-surface-border))}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--hans-kanban-surface-border)28%,transparent))}}.hans-kanban-column-drag-over{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-column-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);border-bottom-width:1px;border-color:var(--hans-kanban-surface-border);display:flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-header{border-color:color-mix(in srgb,var(--hans-kanban-surface-border)35%,transparent)}}.hans-kanban-column-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-kanban-column-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-kanban-column-description,.hans-kanban-column-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-kanban-surface-muted)}.hans-kanban-column-count{min-width:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-count{background:color-mix(in srgb,var(--hans-kanban-surface-border)22%,transparent)}}.hans-kanban-column-body{gap:calc(var(--spacing)*3);min-height:12rem;padding:calc(var(--spacing)*4);flex-direction:column;flex:1;display:flex}.hans-kanban-column-loading{overflow:hidden}.hans-kanban-column-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-kanban-column-drop-indicator{height:calc(var(--spacing)*2);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;margin-top:auto;display:block}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drop-indicator{background:color-mix(in srgb,var(--hans-kanban-surface-border)55%,transparent)}}.hans-kanban-item{cursor:grab;position:relative}.hans-kanban-item-dragging{opacity:.6}.hans-kanban-item-drop-indicator:before{content:"";top:calc(var(--spacing)*-2);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;height:calc(var(--spacing)*1);background:var(--primary-default-color);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.hans-kanban-item-drop-indicator:before{background:color-mix(in srgb,var(--primary-default-color)72%,transparent)}}.hans-kanban-item-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.hans-kanban-item:hover .hans-kanban-item-card{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-item-loading{min-height:calc(var(--spacing)*24);border-radius:var(--radius-2xl);overflow:hidden}.hans-kanban-item-skeleton{min-height:calc(var(--spacing)*24);display:block}.hans-kanban-wrapper{width:100%;overflow-x:auto}.hans-kanban-board{grid-auto-columns:minmax(var(--hans-kanban-column-min-width),1fr);gap:calc(var(--spacing)*4);min-height:var(--hans-kanban-board-min-height);grid-auto-flow:column;display:grid}.hans-kanban-loading{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);justify-content:center;align-items:center;width:100%;display:flex}.hans-kanban-loading-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-icon{justify-content:center;align-items:center;display:inline-flex}.hans-icon-small{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-icon-medium{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hans-icon-large{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hans-popup{width:100%;position:relative}.hans-popup-panel{left:calc(var(--spacing)*0);z-index:9999;min-width:100%;position:absolute}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl)}.hans-modal-small.hans-modal-placement-left,.hans-modal-small.hans-modal-placement-right{max-width:380px}.hans-modal-medium.hans-modal-placement-left,.hans-modal-medium.hans-modal-placement-right{max-width:520px}.hans-modal-large.hans-modal-placement-left,.hans-modal-large.hans-modal-placement-right{max-width:680px}.hans-modal-content{height:100%;min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-header,.hans-modal-footer{align-items:flex-start;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);display:flex}.hans-modal-header-divider,.hans-modal-footer-divider{border-color:var(--hans-modal-border)}@supports (color:color-mix(in lab,red,red)){.hans-modal-header-divider,.hans-modal-footer-divider{border-color:color-mix(in srgb,var(--hans-modal-border)40%,transparent)}}.hans-modal-header-divider{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hans-modal-footer-divider{border-top-style:var(--tw-border-style);border-top-width:1px}.hans-modal-header-main{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*2);flex-direction:column;flex:1;display:flex}.hans-modal-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-modal-header-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--hans-modal-muted-text)}.hans-modal-dismiss{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;color:var(--hans-modal-dismiss-color);background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-modal-body{min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{flex-direction:column;flex:1;height:100%;min-height:100%;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;margin-top:auto;display:flex}.hans-modal-footer-content{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-modal-muted-text);flex:1;margin-right:auto;display:flex}.hans-table-head th{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-table-header-bg);color:var(--hans-table-header-text);border-bottom-width:1px;border-color:var(--hans-table-divider)}.hans-table-head-content{align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.hans-table-sort-button{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);color:currentColor;background-color:#0000;border-style:none;justify-content:center;align-items:center;display:inline-flex}.hans-table-sort-icon-active{opacity:1}.hans-table-sort-button .hans-icon{opacity:.6}.hans-table-header-loading{display:block}.hans-table-align-left .hans-table-head-content{justify-content:flex-start}.hans-table-align-center .hans-table-head-content{justify-content:center}.hans-table-align-right .hans-table-head-content{justify-content:flex-end}.hans-table tbody td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-table-row-text);border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table tbody tr:hover td{background:var(--hans-table-row-hover)}.hans-table-striped tr:nth-child(2n) td{opacity:.95}.hans-table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.hans-table-empty{padding-block:calc(var(--spacing)*8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-table-loading{padding:calc(var(--spacing)*4);background:var(--hans-table-row-bg)}.hans-table-wrapper{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-table-border);background:var(--hans-table-row-bg);width:100%;max-height:var(--hans-table-max-height);overflow:auto}.hans-table{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);min-width:var(--hans-table-min-width)}.hans-table-filters td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);vertical-align:middle;border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table-filters .hans-input-div,.hans-table-filter-dropdown .hans-input-div{width:100%}.hans-table-align-left{text-align:left}.hans-table-align-center{text-align:center}.hans-table-align-right{text-align:right}.hans-table-with-column-dividers th,.hans-table-with-column-dividers td{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--hans-table-divider)}.hans-table-with-column-dividers th:last-child,.hans-table-with-column-dividers td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.hans-tabs-wrapper{flex-direction:column;width:100%;display:flex}.hans-tabs-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--base-neutral-color);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.hans-tabs-header-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tabs-header-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tabs-header-large{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tab{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);color:var(--base-default-color);border-width:1px;border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-right:-1px;transition-duration:.2s;display:inline-flex;position:relative}.hans-tab-small{min-height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}.hans-tab-medium{min-height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.hans-tab-large{min-height:calc(var(--spacing)*11);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5)}.hans-tab-active{z-index:10;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-bottom-color:#0000;margin-bottom:-1px}.hans-tab-disabled{cursor:not-allowed;opacity:.6}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled){opacity:.8}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled):hover{opacity:1}.hans-tab-close-wrapper{align-items:center;display:inline-flex}.hans-tab-close{cursor:pointer;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tab-close .hans-icon{color:inherit}.hans-tab-title{white-space:nowrap}.hans-tabs-content{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing)*4);border-width:1px}.hans-tabs-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--base-default-color)}.hans-tabs-header-loading{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom-right-radius:0;border-bottom-left-radius:0}.hans-tabs-content-loading{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.hans-tab-base.hans-tab-strong,.hans-tabs-content-base.hans-tabs-content-strong{border-color:var(--base-strong-color);background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-tab-base.hans-tab-default,.hans-tabs-content-base.hans-tabs-content-default{border-color:var(--base-default-color);background-color:var(--base-default-color);color:var(--white)}.hans-tab-base.hans-tab-neutral,.hans-tabs-content-base.hans-tabs-content-neutral{border-color:var(--base-neutral-color);background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-tab-base.hans-tab-outline,.hans-tabs-content-base.hans-tabs-content-outline{border-color:var(--base-default-color);background-color:var(--white);color:var(--text-color)}.hans-tab-base.hans-tab-transparent,.hans-tabs-content-base.hans-tabs-content-transparent{color:var(--text-color);background-color:#0000;border-color:#0000}.hans-tab-primary.hans-tab-strong,.hans-tabs-content-primary.hans-tabs-content-strong{border-color:var(--primary-strong-color);background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-tab-primary.hans-tab-default,.hans-tabs-content-primary.hans-tabs-content-default{border-color:var(--primary-default-color);background-color:var(--primary-default-color);color:var(--white)}.hans-tab-primary.hans-tab-neutral,.hans-tabs-content-primary.hans-tabs-content-neutral{border-color:var(--primary-neutral-color);background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-outline,.hans-tabs-content-primary.hans-tabs-content-outline{border-color:var(--primary-default-color);background-color:var(--white);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-transparent,.hans-tabs-content-primary.hans-tabs-content-transparent{color:var(--primary-default-color);background-color:#0000;border-color:#0000}.hans-tab-secondary.hans-tab-strong,.hans-tabs-content-secondary.hans-tabs-content-strong{border-color:var(--secondary-strong-color);background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-tab-secondary.hans-tab-default,.hans-tabs-content-secondary.hans-tabs-content-default{border-color:var(--secondary-default-color);background-color:var(--secondary-default-color);color:var(--white)}.hans-tab-secondary.hans-tab-neutral,.hans-tabs-content-secondary.hans-tabs-content-neutral{border-color:var(--secondary-neutral-color);background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-outline,.hans-tabs-content-secondary.hans-tabs-content-outline{border-color:var(--secondary-default-color);background-color:var(--white);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-transparent,.hans-tabs-content-secondary.hans-tabs-content-transparent{color:var(--secondary-default-color);background-color:#0000;border-color:#0000}.hans-tab-success.hans-tab-strong,.hans-tabs-content-success.hans-tabs-content-strong{border-color:var(--success-strong-color);background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-tab-success.hans-tab-default,.hans-tabs-content-success.hans-tabs-content-default{border-color:var(--success-default-color);background-color:var(--success-default-color);color:var(--white)}.hans-tab-success.hans-tab-neutral,.hans-tabs-content-success.hans-tabs-content-neutral{border-color:var(--success-neutral-color);background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tab-success.hans-tab-outline,.hans-tabs-content-success.hans-tabs-content-outline{border-color:var(--success-default-color);background-color:var(--white);color:var(--success-strong-color)}.hans-tab-success.hans-tab-transparent,.hans-tabs-content-success.hans-tabs-content-transparent{color:var(--success-default-color);background-color:#0000;border-color:#0000}.hans-tab-danger.hans-tab-strong,.hans-tabs-content-danger.hans-tabs-content-strong{border-color:var(--danger-strong-color);background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-tab-danger.hans-tab-default,.hans-tabs-content-danger.hans-tabs-content-default{border-color:var(--danger-default-color);background-color:var(--danger-default-color);color:var(--white)}.hans-tab-danger.hans-tab-neutral,.hans-tabs-content-danger.hans-tabs-content-neutral{border-color:var(--danger-neutral-color);background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-outline,.hans-tabs-content-danger.hans-tabs-content-outline{border-color:var(--danger-default-color);background-color:var(--white);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-transparent,.hans-tabs-content-danger.hans-tabs-content-transparent{color:var(--danger-default-color);background-color:#0000;border-color:#0000}.hans-tab-warning.hans-tab-strong,.hans-tabs-content-warning.hans-tabs-content-strong{border-color:var(--warning-strong-color);background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-tab-warning.hans-tab-default,.hans-tabs-content-warning.hans-tabs-content-default{border-color:var(--warning-default-color);background-color:var(--warning-default-color);color:var(--white)}.hans-tab-warning.hans-tab-neutral,.hans-tabs-content-warning.hans-tabs-content-neutral{border-color:var(--warning-neutral-color);background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-outline,.hans-tabs-content-warning.hans-tabs-content-outline{border-color:var(--warning-default-color);background-color:var(--white);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-transparent,.hans-tabs-content-warning.hans-tabs-content-transparent{color:var(--warning-default-color);background-color:#0000;border-color:#0000}.hans-tab-info.hans-tab-strong,.hans-tabs-content-info.hans-tabs-content-strong{border-color:var(--info-strong-color);background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-tab-info.hans-tab-default,.hans-tabs-content-info.hans-tabs-content-default{border-color:var(--info-default-color);background-color:var(--info-default-color);color:var(--white)}.hans-tab-info.hans-tab-neutral,.hans-tabs-content-info.hans-tabs-content-neutral{border-color:var(--info-neutral-color);background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tab-info.hans-tab-outline,.hans-tabs-content-info.hans-tabs-content-outline{border-color:var(--info-default-color);background-color:var(--white);color:var(--info-strong-color)}.hans-tab-info.hans-tab-transparent,.hans-tabs-content-info.hans-tabs-content-transparent{color:var(--info-default-color);background-color:#0000;border-color:#0000}:root{--red-900:#9e0018;--red-500:#ff002b;--red-300:#ff5c5c;--green-900:#027a43;--green-500:#04d361;--green-300:#a3f3c4;--blue-900:#1f4ba8;--blue-500:#3b82f6;--blue-300:#93c5fd;--yellow-900:#ca8a04;--yellow-500:#eab308;--yellow-300:#fef08a;--orange-900:#c2410c;--orange-500:#f97316;--orange-300:#fdba74;--pink-900:#c21875;--pink-500:#ff4da6;--pink-300:#ffb3d9;--wine-900:#7a1f3d;--wine-500:#b33963;--wine-300:#e8a3bd;--purple-900:#4b1f8a;--purple-500:#7c3aed;--purple-300:#c4b5fd;--lilac-900:#5f4b8b;--lilac-500:#b39ddb;--lilac-300:#e6dcff;--indigo-900:#312e81;--indigo-500:#6366f1;--indigo-300:#a5b4fc;--cyan-900:#0e7490;--cyan-500:#06b6d4;--cyan-300:#67e8f9;--aqua-900:#008f82;--aqua-500:#00f6db;--aqua-300:#84f3df;--lime-900:#3f7d00;--lime-500:#7cff00;--lime-300:#cfff8f;--beige-900:#8a6b3f;--beige-500:#d4b483;--beige-300:#f2dfc2;--brown-900:#4a2f22;--brown-500:#8b5e3c;--brown-300:#c9a27e;--gray-900:#3a3a44;--gray-700:#7a7a85;--gray-500:#b7b7c3;--gray-300:#e6e6ee;--gray-100:#f4f4fa;--black:#000;--white:#fff;--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination1]{--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination2]{--primary-strong-color:var(--cyan-900);--primary-default-color:var(--cyan-500);--primary-neutral-color:var(--cyan-300);--secondary-strong-color:var(--pink-900);--secondary-default-color:var(--pink-500);--secondary-neutral-color:var(--pink-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--wine-900);--danger-default-color:var(--wine-500);--danger-neutral-color:var(--wine-300);--warning-strong-color:var(--orange-900);--warning-default-color:var(--orange-500);--warning-neutral-color:var(--orange-300);--info-strong-color:var(--indigo-900);--info-default-color:var(--indigo-500);--info-neutral-color:var(--indigo-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}[data-theme=combination3]{--primary-strong-color:var(--beige-900);--primary-default-color:var(--beige-500);--primary-neutral-color:var(--beige-300);--secondary-strong-color:var(--aqua-900);--secondary-default-color:var(--aqua-500);--secondary-neutral-color:var(--aqua-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--lilac-900);--info-default-color:var(--lilac-500);--info-neutral-color:var(--lilac-300);--base-strong-color:var(--brown-900);--base-default-color:var(--brown-500);--base-neutral-color:var(--brown-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination4]{--primary-strong-color:var(--indigo-900);--primary-default-color:var(--indigo-500);--primary-neutral-color:var(--indigo-300);--secondary-strong-color:var(--orange-900);--secondary-default-color:var(--orange-500);--secondary-neutral-color:var(--orange-300);--success-strong-color:var(--aqua-900);--success-default-color:var(--aqua-500);--success-neutral-color:var(--aqua-300);--danger-strong-color:var(--pink-900);--danger-default-color:var(--pink-500);--danger-neutral-color:var(--pink-300);--warning-strong-color:var(--beige-900);--warning-default-color:var(--beige-500);--warning-neutral-color:var(--beige-300);--info-strong-color:var(--blue-900);--info-default-color:var(--blue-500);--info-neutral-color:var(--blue-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination5]{--primary-strong-color:var(--wine-900);--primary-default-color:var(--wine-500);--primary-neutral-color:var(--wine-300);--secondary-strong-color:var(--lilac-900);--secondary-default-color:var(--lilac-500);--secondary-neutral-color:var(--lilac-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--cyan-900);--info-default-color:var(--cyan-500);--info-neutral-color:var(--cyan-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!mx-5{margin-inline:calc(var(--spacing)*5)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-2{margin-block:calc(var(--spacing)*2)!important}.\!my-3{margin-block:calc(var(--spacing)*3)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-\[260px\]{height:260px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[88px\]{min-height:88px}.min-h-\[640px\]{min-height:640px}.min-h-full{min-height:100%}.w-6{width:calc(var(--spacing)*6)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-\[260px\]{width:260px}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:var(--container-md)}.min-w-\[880px\]{min-width:880px}.min-w-\[920px\]{min-width:920px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.auto-rows-\[minmax\(140px\,1fr\)\]{grid-auto-rows:minmax(140px,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--base-default-color\)\]{border-color:var(--base-default-color)}.border-\[var\(--gray-300\)\]{border-color:var(--gray-300)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-left{text-align:left}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[var\(--gray-700\)\]{color:var(--gray-700)}.text-\[var\(--primary-default-color\)\]{color:var(--primary-default-color)}.text-\[var\(--secondary-default-color\)\]{color:var(--secondary-default-color)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
1
+ /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}*,:before,:after{box-sizing:border-box;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}ol,ul{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}.hans-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*1);display:flex}.hans-button-rounded{border-radius:3.40282e38px}.hans-button-square{border-radius:var(--radius-md)}.hans-button:disabled,.hans-button[disabled]{cursor:not-allowed;opacity:.5}.hans-button:disabled>*{pointer-events:none}.hans-button-loading{display:inline-flex}.hans-button-small{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1)}.hans-button-medium{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.hans-button-large{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*3)}.hans-button-base.hans-button-strong{background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-button-base.hans-button-default{background-color:var(--base-default-color);color:var(--white)}.hans-button-base.hans-button-neutral{background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-button-base.hans-button-outline{border-color:var(--base-default-color);color:var(--text-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-base.hans-button-transparent{color:var(--text-color);background-color:#0000}.hans-button-primary.hans-button-strong{background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-button-primary.hans-button-default{background-color:var(--primary-default-color);color:var(--white)}.hans-button-primary.hans-button-neutral{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-button-primary.hans-button-outline{border-color:var(--primary-default-color);color:var(--primary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-primary.hans-button-transparent{color:var(--primary-default-color);background-color:#0000}.hans-button-secondary.hans-button-strong{background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-button-secondary.hans-button-default{background-color:var(--secondary-default-color);color:var(--white)}.hans-button-secondary.hans-button-neutral{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-button-secondary.hans-button-outline{border-color:var(--secondary-default-color);color:var(--secondary-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-secondary.hans-button-transparent{color:var(--secondary-default-color);background-color:#0000}.hans-button-success.hans-button-strong{background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-button-success.hans-button-default{background-color:var(--success-default-color);color:var(--white)}.hans-button-success.hans-button-neutral{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-button-success.hans-button-outline{border-color:var(--success-default-color);color:var(--success-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-success.hans-button-transparent{color:var(--success-default-color);background-color:#0000}.hans-button-danger.hans-button-strong{background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-button-danger.hans-button-default{background-color:var(--danger-default-color);color:var(--white)}.hans-button-danger.hans-button-neutral{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-button-danger.hans-button-outline{border-color:var(--danger-default-color);color:var(--danger-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-danger.hans-button-transparent{color:var(--danger-default-color);background-color:#0000}.hans-button-warning.hans-button-strong{background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-button-warning.hans-button-default{background-color:var(--warning-default-color);color:var(--white)}.hans-button-warning.hans-button-neutral{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-button-warning.hans-button-outline{border-color:var(--warning-default-color);color:var(--warning-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-warning.hans-button-transparent{color:var(--warning-default-color);background-color:#0000}.hans-button-info.hans-button-strong{background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-button-info.hans-button-default{background-color:var(--info-default-color);color:var(--white)}.hans-button-info.hans-button-neutral{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-button-info.hans-button-outline{border-color:var(--info-default-color);color:var(--info-strong-color);outline-style:var(--tw-outline-style);background-color:#0000;outline-width:1px}.hans-button-info.hans-button-transparent{color:var(--info-default-color);background-color:#0000}.hans-input-div{flex-direction:column;display:flex}.hans-input-label{margin-bottom:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-input{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);color:var(--text-color);--tw-outline-style:none;background-color:#0000;border-width:1px;outline-style:none}.hans-input:focus{--tw-outline-style:none;outline-style:none}.hans-input:disabled,.hans-input[disabled]{cursor:not-allowed;opacity:.5}.hans-input-field{align-items:center;width:100%;display:flex;position:relative}.hans-input-icon{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.hans-input-icon-left{left:calc(var(--spacing)*2)}.hans-input-icon-right{right:calc(var(--spacing)*2)}.hans-input-has-left-icon{padding-left:calc(var(--spacing)*8)}.hans-input-has-right-icon{padding-right:calc(var(--spacing)*8)}.hans-input-icon-base{color:var(--text-color)}.hans-input-icon-primary{color:var(--primary-default-color)}.hans-input-icon-secondary{color:var(--secondary-default-color)}.hans-input-icon-success{color:var(--success-default-color)}.hans-input-icon-danger{color:var(--danger-default-color)}.hans-input-icon-warning{color:var(--warning-default-color)}.hans-input-icon-info{color:var(--info-default-color)}.hans-input-small{height:calc(var(--spacing)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-input-medium{height:calc(var(--spacing)*8);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-large{height:calc(var(--spacing)*10);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-input-message{margin-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-input-label-base{color:var(--text-color)}.hans-input-label-primary{color:var(--primary-default-color)}.hans-input-label-secondary{color:var(--secondary-default-color)}.hans-input-label-success{color:var(--success-default-color)}.hans-input-label-danger{color:var(--danger-default-color)}.hans-input-label-warning{color:var(--warning-default-color)}.hans-input-label-info{color:var(--info-default-color)}.hans-input-base{border-color:var(--base-default-color)}.hans-input-base:focus{border-color:var(--base-strong-color)}.hans-input-primary{border-color:var(--primary-neutral-color)}.hans-input-primary:focus{border-color:var(--primary-default-color)}.hans-input-secondary{border-color:var(--secondary-neutral-color)}.hans-input-secondary:focus{border-color:var(--secondary-default-color)}.hans-input-success{border-color:var(--success-neutral-color)}.hans-input-success:focus{border-color:var(--success-default-color)}.hans-input-danger{border-color:var(--danger-neutral-color)}.hans-input-danger:focus{border-color:var(--danger-default-color)}.hans-input-warning{border-color:var(--warning-neutral-color)}.hans-input-warning:focus{border-color:var(--warning-default-color)}.hans-input-info{border-color:var(--info-neutral-color)}.hans-input-info:focus{border-color:var(--info-default-color)}.hans-input-message-base{color:var(--base-strong-color)}.hans-input-message-primary{color:var(--primary-default-color)}.hans-input-message-secondary{color:var(--secondary-default-color)}.hans-input-message-success{color:var(--success-default-color)}.hans-input-message-danger{color:var(--danger-default-color)}.hans-input-message-warning{color:var(--warning-default-color)}.hans-input-message-info{color:var(--info-default-color)}.hans-dropdown{width:100%}.hans-dropdown-popup-wrapper.hans-popup{width:auto;display:inline-block}.hans-dropdown-trigger{justify-content:space-between;min-width:120px}.hans-dropdown-popup{width:max-content;min-width:max(100%,220px);max-width:min(420px,100vw - 16px);right:auto}.hans-popup-panel-content.hans-dropdown-popup-content{padding:calc(var(--spacing)*0);max-height:none;overflow:visible}.hans-dropdown-popup-content>.hans-dropdown-list{max-height:none;overflow:visible}.hans-dropdown-custom-content{padding:calc(var(--spacing)*2)}.hans-dropdown-loading{min-width:220px;padding:calc(var(--spacing)*3)}.hans-dropdown-list{padding-block:calc(var(--spacing)*1)}.hans-dropdown-list-nested{top:calc(var(--spacing)*0);z-index:20;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--background-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);min-width:220px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:max-content;max-width:min(420px,100vw - 16px);position:absolute}.hans-dropdown-option-parent-right .hans-dropdown-list-nested{left:100%}.hans-dropdown-option-parent-left .hans-dropdown-list-nested{right:100%}.hans-dropdown-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);white-space:nowrap;display:flex;position:relative}.hans-dropdown-option:hover{background-color:var(--base-neutral-color)}.hans-dropdown-option-disabled{cursor:not-allowed;opacity:.5}.hans-dropdown-option-parent{padding-right:calc(var(--spacing)*8)}.hans-dropdown-option-arrow{margin-left:auto}.hans-select-option{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-select-option-field{width:100%;overflow:visible}.hans-select-option-input,.hans-select-option-popup{width:100%}.hans-select-option-popup-content{padding:calc(var(--spacing)*0)}.hans-select-option-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-select-option-up-offset,0px))}.hans-select-option-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-select-option-down-offset,0px))}.hans-select-option-loading-icon{flex-shrink:0}.hans-select-option-selected{margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-select-option-list{max-height:calc(var(--spacing)*60);border-radius:var(--radius-lg);width:100%;overflow:auto}.hans-select-option-option{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.hans-select-option-option:hover{background-color:var(--hans-select-option-hover,var(--base-neutral-color))}.hans-select-option-option-selected{background-color:var(--base-neutral-color);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hans-select-option-option-disabled{cursor:not-allowed;opacity:.5}.hans-select-option-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-select-option-loading{align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500);display:flex}.hans-select-option-option-label{flex:1}.hans-toggle-loading-segmented{border-radius:var(--radius-xl);width:100%;display:block}.hans-toggle-segmented{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-toggle-segment-border);display:inline-flex;overflow:hidden}.hans-toggle-segmented-small .hans-toggle-segment{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-toggle-segmented-medium .hans-toggle-segment{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle-segmented-large .hans-toggle-segment{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toggle-segment{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--hans-toggle-segment-text);background-color:#0000;border-width:0;transition-duration:.2s;display:inline-flex}.hans-toggle-segment-selected{color:var(--white);background:var(--hans-toggle-segment-selected-bg)}.hans-toggle-segment+.hans-toggle-segment{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--hans-toggle-segment-border)}.hans-toggle-segmented-disabled{opacity:.6}.hans-toggle-segmented-primary{--hans-toggle-segment-selected-bg:var(--primary-default-color);--hans-toggle-segment-border:var(--primary-default-color);--hans-toggle-segment-text:var(--primary-default-color)}.hans-toggle-segmented-secondary{--hans-toggle-segment-selected-bg:var(--secondary-default-color);--hans-toggle-segment-border:var(--secondary-default-color);--hans-toggle-segment-text:var(--secondary-default-color)}.hans-toggle-segmented-success{--hans-toggle-segment-selected-bg:var(--success-default-color);--hans-toggle-segment-border:var(--success-default-color);--hans-toggle-segment-text:var(--success-default-color)}.hans-toggle-segmented-danger{--hans-toggle-segment-selected-bg:var(--danger-default-color);--hans-toggle-segment-border:var(--danger-default-color);--hans-toggle-segment-text:var(--danger-default-color)}.hans-toggle-segmented-warning{--hans-toggle-segment-selected-bg:var(--warning-default-color);--hans-toggle-segment-border:var(--warning-default-color);--hans-toggle-segment-text:var(--warning-default-color)}.hans-toggle-segmented-info{--hans-toggle-segment-selected-bg:var(--info-default-color);--hans-toggle-segment-border:var(--info-default-color);--hans-toggle-segment-text:var(--info-default-color)}.hans-toggle-loading-switch{justify-content:center;align-items:center;display:inline-flex}.hans-toggle-switch-row{align-items:center;gap:calc(var(--spacing)*2);display:inline-flex}.hans-toggle-side-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toggle{cursor:pointer;border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-width:0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:inline-flex;position:relative}.hans-toggle:focus-visible{--tw-outline-style:none;box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--primary-default-color);outline-style:none}.hans-toggle:disabled{cursor:not-allowed}.hans-toggle-track-content{pointer-events:none;inset:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--white);justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.hans-toggle-track-content-on{padding-left:.5rem;padding-right:calc(var(--hans-toggle-thumb-size) + .4rem)}.hans-toggle-track-content-off{padding-left:calc(var(--hans-toggle-thumb-size) + .4rem);padding-right:.5rem}.hans-toggle-thumb{background-color:var(--white);color:var(--base-strong-color);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;top:50%;left:var(--hans-toggle-thumb-x);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;transform:translateY(-50%)}.hans-toggle-small{height:calc(var(--spacing)*5);width:calc(var(--spacing)*9);--hans-toggle-thumb-size:.875rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*11);--hans-toggle-thumb-size:1rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-large{height:calc(var(--spacing)*8);width:calc(var(--spacing)*14);--hans-toggle-thumb-size:1.5rem;--hans-toggle-thumb-x:.125rem}.hans-toggle-has-track-content{min-width:calc((var(--hans-toggle-thumb-size)*2) + 1.5rem)}.hans-toggle-small .hans-toggle-thumb,.hans-toggle-medium .hans-toggle-thumb,.hans-toggle-large .hans-toggle-thumb{width:var(--hans-toggle-thumb-size);height:var(--hans-toggle-thumb-size)}.hans-toggle-on-primary,.hans-toggle-on-secondary,.hans-toggle-on-success,.hans-toggle-on-danger,.hans-toggle-on-warning,.hans-toggle-on-info{--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-off{background-color:var(--base-neutral-color)}.hans-toggle-off .hans-toggle-track-content{color:var(--base-strong-color)}.hans-toggle-off-disabled{background-color:var(--base-neutral-color);opacity:.7}.hans-toggle-off-disabled .hans-toggle-track-content{color:var(--base-default-color)}.hans-toggle-on-disabled{background-color:var(--base-default-color);--hans-toggle-thumb-x:calc(100% - var(--hans-toggle-thumb-size) - .125rem)}.hans-toggle-on-primary{background-color:var(--primary-default-color)}.hans-toggle-on-secondary{background-color:var(--secondary-default-color)}.hans-toggle-on-success{background-color:var(--success-default-color)}.hans-toggle-on-danger{background-color:var(--danger-default-color)}.hans-toggle-on-warning{background-color:var(--warning-default-color)}.hans-toggle-on-info{background-color:var(--info-default-color)}.hans-toggle-wrapper{gap:calc(var(--spacing)*2);flex-direction:column;display:inline-flex}.hans-toggle-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.hans-toggle-label-base{color:var(--base-strong-color)}.hans-toggle-label-primary{color:var(--primary-strong-color)}.hans-toggle-label-secondary{color:var(--secondary-strong-color)}.hans-toggle-label-success{color:var(--success-strong-color)}.hans-toggle-label-danger{color:var(--danger-strong-color)}.hans-toggle-label-warning{color:var(--warning-strong-color)}.hans-toggle-label-info{color:var(--info-strong-color)}.hans-date-picker{flex-direction:column;width:100%;display:flex;overflow:visible}.hans-date-picker-time-input,.hans-date-picker-date-time-input{width:100%}.hans-date-picker-calendar{gap:calc(var(--spacing)*3);flex-direction:column;display:flex}.hans-date-picker-calendar-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);display:flex}.hans-date-picker-calendar-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--text-color)}.hans-date-picker-calendar-nav{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);cursor:pointer;padding:calc(var(--spacing)*0)}.hans-date-picker-calendar-grid{gap:calc(var(--spacing)*1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hans-date-picker-calendar-weekday{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--gray-700);text-transform:uppercase}.hans-date-picker-day{height:calc(var(--spacing)*10);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#0000;border-width:1px;border-color:#0000;border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.15s;display:flex}.hans-date-picker-day:hover{background-color:var(--base-neutral-color)}.hans-date-picker-day-outside{opacity:.5}.hans-date-picker-day-today{border-color:var(--text-color);color:var(--text-color)}.hans-date-picker-day-selected{color:var(--white)}.hans-date-picker-day-color-base.hans-date-picker-day-selected{background-color:var(--text-color)}.hans-date-picker-day-color-primary.hans-date-picker-day-selected{background-color:var(--primary-default-color)}.hans-date-picker-day-color-secondary.hans-date-picker-day-selected{background-color:var(--secondary-default-color)}.hans-date-picker-day-color-success.hans-date-picker-day-selected{background-color:var(--success-default-color)}.hans-date-picker-day-color-danger.hans-date-picker-day-selected{background-color:var(--danger-default-color)}.hans-date-picker-day-color-warning.hans-date-picker-day-selected{background-color:var(--warning-default-color)}.hans-date-picker-day-color-info.hans-date-picker-day-selected{background-color:var(--info-default-color)}.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-style:var(--tw-border-style);border-width:1px}.hans-date-picker-day-color-base.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-base.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--text-color);color:var(--text-color);background-color:#0000}.hans-date-picker-day-color-primary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-primary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--primary-default-color);color:var(--primary-default-color);background-color:#0000}.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-secondary.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--secondary-default-color);color:var(--secondary-default-color);background-color:#0000}.hans-date-picker-day-color-success.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-success.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--success-default-color);color:var(--success-default-color);background-color:#0000}.hans-date-picker-day-color-danger.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-danger.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--danger-default-color);color:var(--danger-default-color);background-color:#0000}.hans-date-picker-day-color-warning.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-warning.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--warning-default-color);color:var(--warning-default-color);background-color:#0000}.hans-date-picker-day-color-info.hans-date-picker-day-variant-outline.hans-date-picker-day-selected,.hans-date-picker-day-color-info.hans-date-picker-day-variant-transparent.hans-date-picker-day-selected{border-color:var(--info-default-color);color:var(--info-default-color);background-color:#0000}.hans-date-picker-time-panel .hans-date-picker-time-input{width:100%}.hans-date-picker-field{width:100%;overflow:visible}.hans-date-picker-input{width:100%}.hans-date-picker-popup,.hans-popup-panel.hans-date-picker-popup{width:min(320px,100vw - 24px);min-width:min(320px,100vw - 24px);max-width:min(320px,100vw - 24px)}.hans-date-picker-popup-content{max-height:none;padding:calc(var(--spacing)*0);overflow:visible}.hans-date-picker-field .hans-popup-panel[data-direction=up]{bottom:calc(100% - var(--hans-date-picker-up-offset,0px))}.hans-date-picker-field .hans-popup-panel[data-direction=down]{top:calc(100% - var(--hans-date-picker-down-offset,0px))}.hans-date-picker-panel{gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);padding:calc(var(--spacing)*3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex}.hans-date-picker-trigger-icon{margin:calc(var(--spacing)*0);cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;justify-content:center;align-items:center;display:flex}.hans-date-picker-time-panel{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3)}.hans-date-picker-actions{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--base-neutral-color);padding-top:calc(var(--spacing)*3);display:flex}.hans-avatar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--gray-100);color:var(--gray-700);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.hans-avatar-img{object-fit:cover;width:100%;height:100%}.hans-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hans-avatar-loading{width:100%;height:100%}.hans-avatar-small{width:22px;height:22px}.hans-avatar-medium{width:40px;height:40px}.hans-avatar-large{width:100px;height:100px}.hans-avatar-icon{--tw-leading:1;width:100%;height:100%;line-height:1}.hans-avatar-small .hans-avatar-icon{font-size:22px}.hans-avatar-medium .hans-avatar-icon{font-size:40px}.hans-avatar-large .hans-avatar-icon{font-size:100px}.hans-card{width:100%;min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-card-bg);border-width:1px;border-color:var(--hans-card-border);color:var(--hans-card-text);display:flex;overflow:hidden}.hans-card-loading{min-height:inherit}.hans-card-small{min-height:calc(var(--spacing)*20);gap:calc(var(--spacing)*3);padding:calc(var(--spacing)*3)}.hans-card-medium{min-height:calc(var(--spacing)*24);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4)}.hans-card-large{min-height:calc(var(--spacing)*32);gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*5)}.hans-card-profile{flex-direction:column}.hans-card-profile-main{align-items:flex-start;gap:calc(var(--spacing)*3);display:flex}.hans-card-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-card-title{min-width:calc(var(--spacing)*0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--hans-card-text);display:block}.hans-card-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-card-muted);display:block}.hans-card-extra{margin-top:calc(var(--spacing)*2);align-items:center;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.hans-card-image{padding:calc(var(--spacing)*0)}.hans-card-image.hans-card-small{min-height:calc(var(--spacing)*32)}.hans-card-image.hans-card-medium{min-height:calc(var(--spacing)*40)}.hans-card-image.hans-card-large{min-height:calc(var(--spacing)*52)}.hans-card-image-surface{background-color:var(--hans-card-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-card-image);align-items:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-card-image-surface{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)6%,transparent),color-mix(in srgb,var(--black)54%,transparent)),var(--hans-card-image)}}.hans-card-image-surface{min-height:inherit}.hans-card-image-overlay{justify-content:flex-end;gap:calc(var(--spacing)*3);width:100%;padding:calc(var(--spacing)*4);min-height:inherit;flex-direction:column;display:flex}.hans-card-image-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-card-image .hans-card-title,.hans-card-image .hans-card-description{color:var(--color-white)}.hans-card-skeleton{min-height:inherit;display:block}.hans-carousel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing)*4);background:var(--hans-carousel-shell-bg,var(--white));border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200))}.hans-carousel-borderless{padding:calc(var(--spacing)*0);background:0 0;border-color:#0000}.hans-carousel-without-gap .hans-carousel-track{gap:0}.hans-carousel-small{padding:calc(var(--spacing)*3)}.hans-carousel-medium{padding:calc(var(--spacing)*4)}.hans-carousel-large{padding:calc(var(--spacing)*5)}.hans-carousel-frame{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;display:flex;position:relative}.hans-carousel-viewport{width:100%;position:relative;overflow:hidden}.hans-carousel-track{gap:calc(var(--spacing)*4);grid-template-columns:repeat(var(--hans-carousel-columns,1),minmax(0,1fr));display:grid}.hans-carousel-slide{min-width:calc(var(--spacing)*0);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;min-height:var(--hans-carousel-height,240px);border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-200));transition-duration:.2s;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-slide{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-200))40%,transparent)}}.hans-carousel-slide-active{border-color:var(--hans-carousel-accent-border,var(--gray-400))}.hans-carousel-slide-loading{background-color:var(--white)}.hans-carousel-image{width:100%;height:100%;min-height:100%;padding:calc(var(--spacing)*4);background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:linear-gradient(180deg,var(--black)0%,var(--black)100%),var(--hans-carousel-slide-image);align-items:flex-end;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hans-carousel-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--black)8%,transparent),color-mix(in srgb,var(--black)58%,transparent)),var(--hans-carousel-slide-image)}}.hans-carousel-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.hans-carousel-image-top-copy{align-items:flex-start}.hans-carousel-copy-top{max-width:calc(100% - 3rem)}.hans-carousel-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.hans-carousel-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--color-white)}.hans-carousel-nav{z-index:10;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);background:var(--hans-carousel-accent-bg,var(--white));color:var(--hans-carousel-accent-text,var(--text-color));border-width:1px;border-color:var(--hans-carousel-accent-border,var(--gray-300));box-shadow:0 8px 24px var(--black);border-radius:3.40282e38px;justify-content:center;align-items:center;transition-duration:.2s;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav.hans-button{padding:calc(var(--spacing)*0);--tw-outline-style:none;box-shadow:0 8px 24px var(--black);border-width:1px;outline-style:none;background:var(--hans-carousel-accent-bg,var(--white))!important;color:var(--hans-carousel-accent-text,var(--text-color))!important;border-color:var(--hans-carousel-accent-border,var(--gray-300))!important}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav.hans-button{box-shadow:0 8px 24px color-mix(in srgb,var(--black)16%,transparent)}}.hans-carousel-nav:not(:disabled){cursor:pointer}.hans-carousel-nav:not(:disabled):hover{filter:brightness(.97)}.hans-carousel-nav:disabled{cursor:not-allowed;opacity:.5}.hans-carousel-nav-previous{left:calc(var(--spacing)*3)}.hans-carousel-nav-next{right:calc(var(--spacing)*3)}.hans-carousel-nav .hans-icon,.hans-carousel-nav .hans-loading{color:currentColor}.hans-carousel-nav slot{justify-content:center;align-items:center;display:inline-flex}.hans-carousel-nav .hans-icon{flex-shrink:0}.hans-carousel-nav .hans-loading-spinner{border-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hans-carousel-nav .hans-loading-spinner{border-color:color-mix(in srgb,currentColor 28%,transparent)}}.hans-carousel-nav .hans-loading-spinner{border-top-color:currentColor}.hans-carousel-controls{justify-content:center;align-items:center;gap:calc(var(--spacing)*4);display:flex}.hans-carousel-indicators{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);max-width:100%;display:flex;overflow:hidden}.hans-carousel-indicator{height:calc(var(--spacing)*2.5);width:calc(var(--spacing)*2.5);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;cursor:pointer;background:var(--hans-carousel-indicator-inactive,var(--gray-300));border-width:0;border-radius:3.40282e38px;transition-duration:.2s}.hans-carousel-indicator-active{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:var(--hans-carousel-indicator-active,var(--gray-700))}.hans-carousel-indicator-faded{opacity:.45}.hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*10);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-carousel-accent-text,var(--text-color));border-style:dashed;border-width:1px;border-color:var(--hans-carousel-shell-border,var(--gray-300));justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.hans-carousel-empty{border-color:color-mix(in srgb,var(--hans-carousel-shell-border,var(--gray-300))60%,transparent)}}.hans-carousel-empty{min-height:var(--hans-carousel-height,240px)}.hans-carousel-borderless .hans-carousel-frame{gap:calc(var(--spacing)*0)}.hans-carousel-borderless .hans-carousel-viewport{border-radius:var(--radius-2xl)}.hans-carousel-borderless .hans-carousel-controls{pointer-events:none;bottom:calc(var(--spacing)*4);z-index:20;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;left:50%}.hans-carousel-borderless .hans-carousel-image{padding-bottom:calc(var(--spacing)*24)}.hans-carousel-borderless .hans-carousel-indicators{pointer-events:auto;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);background:var(--black);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.hans-carousel-borderless .hans-carousel-indicators{background:color-mix(in srgb,var(--black)24%,transparent)}}.hans-carousel-borderless .hans-carousel-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hans-carousel-borderless .hans-carousel-copy{padding-right:calc(var(--spacing)*4)}.hans-carousel-borderless .hans-carousel-empty{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:0}.hans-tag{align-items:center;gap:calc(var(--spacing)*1);border-radius:3.40282e38px;display:inline-flex}.hans-tag-label{--tw-leading:1;line-height:1}.hans-tag-action{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);background-color:#0000;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tag-action:disabled{cursor:not-allowed;opacity:.5}.hans-tag-small{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tag-medium{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tag-large{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tag-base{background-color:var(--base-neutral-color);color:var(--text-color)}.hans-tag-base .hans-tag-icon{color:var(--base-strong-color)}.hans-tag-primary{background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tag-primary .hans-tag-icon{color:var(--primary-default-color)}.hans-tag-secondary{background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tag-secondary .hans-tag-icon{color:var(--secondary-default-color)}.hans-tag-success{background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tag-success .hans-tag-icon{color:var(--success-default-color)}.hans-tag-danger{background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tag-danger .hans-tag-icon{color:var(--danger-default-color)}.hans-tag-warning{background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tag-warning .hans-tag-icon{color:var(--warning-default-color)}.hans-tag-info{background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tag-info .hans-tag-icon{color:var(--info-default-color)}.hans-chart{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-300);background-color:var(--white);width:100%;padding:calc(var(--spacing)*3)}.hans-chart-canvas{width:100%;height:100%;min-height:220px}.hans-chart-empty{justify-content:center;align-items:center;display:flex}.hans-chart-empty-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-chart-loading{overflow:hidden}.hans-accordion{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--gray-200);background-color:var(--white);flex-direction:column;width:100%;display:flex;overflow:hidden}.hans-accordion-item{background-color:var(--white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s;overflow:hidden}.hans-accordion-item+.hans-accordion-item{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-200)}.hans-accordion-item-disabled{opacity:.6}.hans-accordion-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background:var(--hans-accordion-title-bg,transparent);color:var(--hans-accordion-title-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-title-border,transparent);transition-duration:.2s;display:flex}.hans-accordion-trigger:not(:disabled){cursor:pointer}.hans-accordion-trigger:not(:disabled):hover{filter:brightness(.98)}.hans-accordion-trigger:disabled{cursor:not-allowed}.hans-accordion-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-accordion-icon{color:currentColor;flex-shrink:0}.hans-accordion-panel{gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--gray-100);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*4);background:var(--hans-accordion-description-bg,transparent);color:var(--hans-accordion-description-text,var(--text-color));box-shadow:inset 0 0 0 1px var(--hans-accordion-description-border,transparent);flex-direction:column;display:flex}.hans-accordion-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.hans-accordion-empty{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-600)}.hans-accordion-skeleton-item .hans-accordion-trigger{box-shadow:none;background:0 0;align-items:center}.hans-accordion-skeleton-item .hans-accordion-panel{box-shadow:none}.hans-loading{justify-content:center;align-items:center;display:inline-flex}.hans-loading-spinner{animation:var(--animate-spin);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--hans-loading-spinner-border,var(--base-neutral-color));border-top-color:var(--hans-loading-spinner-top,var(--base-default-color));border-radius:3.40282e38px}.hans-loading-skeleton{animation:var(--animate-pulse);width:var(--hans-loading-width,100%);height:var(--hans-loading-height,100%);background-color:var(--hans-loading-skeleton-color,var(--base-neutral-color));display:block}.hans-loading-rounded{border-radius:var(--radius-md)}.hans-loading-small{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.hans-loading-medium{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hans-loading-large{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.hans-kanban-column{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);background:var(--hans-kanban-surface-bg);border-width:1px;border-color:var(--hans-kanban-surface-border);color:var(--hans-kanban-surface-text);flex-direction:column;display:flex}.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--hans-kanban-surface-border))}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drag-over{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--hans-kanban-surface-border)28%,transparent))}}.hans-kanban-column-drag-over{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-column-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);border-bottom-width:1px;border-color:var(--hans-kanban-surface-border);display:flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-header{border-color:color-mix(in srgb,var(--hans-kanban-surface-border)35%,transparent)}}.hans-kanban-column-copy{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-kanban-column-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-kanban-column-description,.hans-kanban-column-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);color:var(--hans-kanban-surface-muted)}.hans-kanban-column-count{min-width:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-count{background:color-mix(in srgb,var(--hans-kanban-surface-border)22%,transparent)}}.hans-kanban-column-body{gap:calc(var(--spacing)*3);min-height:12rem;padding:calc(var(--spacing)*4);flex-direction:column;flex:1;display:flex}.hans-kanban-column-loading{overflow:hidden}.hans-kanban-column-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-kanban-column-drop-indicator{height:calc(var(--spacing)*2);background:var(--hans-kanban-surface-border);border-radius:3.40282e38px;margin-top:auto;display:block}@supports (color:color-mix(in lab,red,red)){.hans-kanban-column-drop-indicator{background:color-mix(in srgb,var(--hans-kanban-surface-border)55%,transparent)}}.hans-kanban-item{cursor:grab;position:relative}.hans-kanban-item-dragging{opacity:.6}.hans-kanban-item-drop-indicator:before{content:"";top:calc(var(--spacing)*-2);right:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;height:calc(var(--spacing)*1);background:var(--primary-default-color);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.hans-kanban-item-drop-indicator:before{background:color-mix(in srgb,var(--primary-default-color)72%,transparent)}}.hans-kanban-item-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}.hans-kanban-item:hover .hans-kanban-item-card{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hans-kanban-item-loading{min-height:calc(var(--spacing)*24);border-radius:var(--radius-2xl);overflow:hidden}.hans-kanban-item-skeleton{min-height:calc(var(--spacing)*24);display:block}.hans-kanban-wrapper{width:100%;overflow-x:auto}.hans-kanban-board{grid-auto-columns:minmax(var(--hans-kanban-column-min-width),1fr);gap:calc(var(--spacing)*4);min-height:var(--hans-kanban-board-min-height);grid-auto-flow:column;display:grid}.hans-kanban-loading{min-height:var(--hans-kanban-board-min-height);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);background-color:var(--white);justify-content:center;align-items:center;width:100%;display:flex}.hans-kanban-loading-skeleton{height:100%;min-height:var(--hans-kanban-board-min-height);display:block}.hans-icon{justify-content:center;align-items:center;display:inline-flex}.hans-icon-small{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-icon-medium{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.hans-icon-large{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.hans-popup{width:100%;position:relative}.hans-popup-panel{left:calc(var(--spacing)*0);z-index:9999;min-width:100%;position:absolute}.hans-popup-panel[data-direction=down]{margin-top:calc(var(--spacing)*1);top:100%}.hans-popup-panel[data-direction=up]{margin-bottom:calc(var(--spacing)*1);bottom:100%}.hans-popup-panel-content{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-neutral-color);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing)*56);background-color:var(--hans-popup-bg);overflow:auto}.hans-popup-empty,.hans-popup-item-list-empty{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-toast{align-items:flex-start;gap:calc(var(--spacing)*3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);min-width:260px;max-width:420px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--hans-toast-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background:var(--hans-toast-bg);border-width:1px;border-color:var(--hans-toast-border);color:var(--hans-toast-text);display:flex;position:fixed}.hans-toast-small{max-width:300px;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-medium{max-width:360px;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-toast-large{max-width:420px;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-toast-accent{width:calc(var(--spacing)*2);background:var(--hans-toast-accent);border-radius:3.40282e38px;flex-shrink:0;align-self:stretch}.hans-toast-icon{padding-top:calc(var(--spacing)*.5);color:var(--hans-toast-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hans-toast-content{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.hans-toast-title{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-toast-message{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5);opacity:.9}.hans-toast-close{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-toast-close:disabled{cursor:not-allowed;opacity:.5}.hans-modal-portal{inset:calc(var(--spacing)*0);z-index:1200;color:var(--hans-modal-text);display:flex;position:fixed}.hans-modal-overlay{pointer-events:none;inset:calc(var(--spacing)*0);background:var(--hans-modal-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute}.hans-modal-shell{z-index:1;width:100%;height:100%;padding:calc(var(--spacing)*4);display:flex;position:relative}@media(min-width:48rem){.hans-modal-shell{padding:calc(var(--spacing)*6)}}.hans-modal-portal[data-placement=left] .hans-modal-shell,.hans-modal-portal[data-placement=right] .hans-modal-shell{padding:calc(var(--spacing)*0)}.hans-modal-dialog{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-shadow:var(--hans-modal-shadow);width:100%;max-height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background:var(--hans-modal-bg);border-width:1px;border-color:var(--hans-modal-border);color:var(--hans-modal-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hans-modal-placement-center{margin-block:auto;margin-inline:auto}.hans-modal-placement-left{margin-block:calc(var(--spacing)*0);margin-right:auto;margin-left:calc(var(--spacing)*0);border-radius:0;border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);height:100%}.hans-modal-placement-right{margin-block:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*0);border-radius:0;border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl);height:100%;margin-left:auto}.hans-modal-small.hans-modal-placement-center{max-width:var(--container-md)}.hans-modal-medium.hans-modal-placement-center{max-width:var(--container-2xl)}.hans-modal-large.hans-modal-placement-center{max-width:var(--container-5xl)}.hans-modal-small.hans-modal-placement-left,.hans-modal-small.hans-modal-placement-right{max-width:380px}.hans-modal-medium.hans-modal-placement-left,.hans-modal-medium.hans-modal-placement-right{max-width:520px}.hans-modal-large.hans-modal-placement-left,.hans-modal-large.hans-modal-placement-right{max-width:680px}.hans-modal-content{height:100%;min-height:calc(var(--spacing)*0);flex-direction:column;flex:1;display:flex}.hans-modal-header,.hans-modal-footer{align-items:flex-start;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);display:flex}.hans-modal-header-divider,.hans-modal-footer-divider{border-color:var(--hans-modal-border)}@supports (color:color-mix(in lab,red,red)){.hans-modal-header-divider,.hans-modal-footer-divider{border-color:color-mix(in srgb,var(--hans-modal-border)40%,transparent)}}.hans-modal-header-divider{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.hans-modal-footer-divider{border-top-style:var(--tw-border-style);border-top-width:1px}.hans-modal-header-main{min-width:calc(var(--spacing)*0);gap:calc(var(--spacing)*2);flex-direction:column;flex:1;display:flex}.hans-modal-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hans-modal-header-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--hans-modal-muted-text)}.hans-modal-dismiss{cursor:pointer;border-radius:var(--radius-md);--tw-border-style:none;padding:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-leading:1;color:var(--hans-modal-dismiss-color);background-color:#0000;border-style:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.hans-modal-body{min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*4);max-height:var(--hans-modal-body-max-height);flex-direction:column;flex:1;display:flex;overflow:auto}.hans-modal-body-content{flex-direction:column;flex:1;height:100%;min-height:100%;display:flex}.hans-modal-body-loading{justify-content:center;align-items:center;min-height:18rem}.hans-modal-footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;margin-top:auto;display:flex}.hans-modal-footer-content{min-width:calc(var(--spacing)*0);align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-modal-muted-text);flex:1;margin-right:auto;display:flex}.hans-table-head th{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background:var(--hans-table-header-bg);color:var(--hans-table-header-text);border-bottom-width:1px;border-color:var(--hans-table-divider)}.hans-table-head-content{align-items:center;gap:calc(var(--spacing)*2);width:100%;display:flex}.hans-table-sort-button{cursor:pointer;--tw-border-style:none;padding:calc(var(--spacing)*0);color:currentColor;background-color:#0000;border-style:none;justify-content:center;align-items:center;display:inline-flex}.hans-table-sort-icon-active{opacity:1}.hans-table-sort-button .hans-icon{opacity:.6}.hans-table-header-loading{display:block}.hans-table-align-left .hans-table-head-content{justify-content:flex-start}.hans-table-align-center .hans-table-head-content{justify-content:center}.hans-table-align-right .hans-table-head-content{justify-content:flex-end}.hans-table tbody td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--hans-table-row-text);border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table tbody tr:hover td{background:var(--hans-table-row-hover)}.hans-table-striped tr:nth-child(2n) td{opacity:.95}.hans-table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.hans-table-empty{padding-block:calc(var(--spacing)*8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--gray-500)}.hans-table-loading{padding:calc(var(--spacing)*4);background:var(--hans-table-row-bg)}.hans-table-wrapper{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hans-table-border);background:var(--hans-table-row-bg);width:100%;max-height:var(--hans-table-max-height);overflow:auto}.hans-table{border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);min-width:var(--hans-table-min-width)}.hans-table-filters td{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);vertical-align:middle;border-bottom-width:1px;border-color:var(--hans-table-divider);background:var(--hans-table-row-bg)}.hans-table-filters .hans-input-div,.hans-table-filter-dropdown .hans-input-div{width:100%}.hans-table-align-left{text-align:left}.hans-table-align-center{text-align:center}.hans-table-align-right{text-align:right}.hans-table-with-column-dividers th,.hans-table-with-column-dividers td{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--hans-table-divider)}.hans-table-with-column-dividers th:last-child,.hans-table-with-column-dividers td:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.hans-tabs-wrapper{flex-direction:column;width:100%;display:flex}.hans-tabs-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--base-neutral-color);flex-wrap:wrap;align-items:flex-end;width:100%;display:flex}.hans-tabs-header-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.hans-tabs-header-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.hans-tabs-header-large{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.hans-tab{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-style:var(--tw-border-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);color:var(--base-default-color);border-width:1px;border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-right:-1px;transition-duration:.2s;display:inline-flex;position:relative}.hans-tab-small{min-height:calc(var(--spacing)*9);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}.hans-tab-medium{min-height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.hans-tab-large{min-height:calc(var(--spacing)*11);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2.5)}.hans-tab-active{z-index:10;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-bottom-color:#0000;margin-bottom:-1px}.hans-tab-disabled{cursor:not-allowed;opacity:.6}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled){opacity:.8}.hans-tab:not(.hans-tab-active):not(.hans-tab-disabled):hover{opacity:1}.hans-tab-close-wrapper{align-items:center;display:inline-flex}.hans-tab-close{cursor:pointer;height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.hans-tab-close .hans-icon{color:inherit}.hans-tab-title{white-space:nowrap}.hans-tabs-content{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);border-style:var(--tw-border-style);padding:calc(var(--spacing)*4);border-width:1px}.hans-tabs-empty{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--base-default-color)}.hans-tabs-header-loading{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-bottom-right-radius:0;border-bottom-left-radius:0}.hans-tabs-content-loading{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.hans-tab-base.hans-tab-strong,.hans-tabs-content-base.hans-tabs-content-strong{border-color:var(--base-strong-color);background-color:var(--base-strong-color);color:var(--base-neutral-color)}.hans-tab-base.hans-tab-default,.hans-tabs-content-base.hans-tabs-content-default{border-color:var(--base-default-color);background-color:var(--base-default-color);color:var(--white)}.hans-tab-base.hans-tab-neutral,.hans-tabs-content-base.hans-tabs-content-neutral{border-color:var(--base-neutral-color);background-color:var(--base-neutral-color);color:var(--base-strong-color)}.hans-tab-base.hans-tab-outline,.hans-tabs-content-base.hans-tabs-content-outline{border-color:var(--base-default-color);background-color:var(--white);color:var(--text-color)}.hans-tab-base.hans-tab-transparent,.hans-tabs-content-base.hans-tabs-content-transparent{color:var(--text-color);background-color:#0000;border-color:#0000}.hans-tab-primary.hans-tab-strong,.hans-tabs-content-primary.hans-tabs-content-strong{border-color:var(--primary-strong-color);background-color:var(--primary-strong-color);color:var(--primary-neutral-color)}.hans-tab-primary.hans-tab-default,.hans-tabs-content-primary.hans-tabs-content-default{border-color:var(--primary-default-color);background-color:var(--primary-default-color);color:var(--white)}.hans-tab-primary.hans-tab-neutral,.hans-tabs-content-primary.hans-tabs-content-neutral{border-color:var(--primary-neutral-color);background-color:var(--primary-neutral-color);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-outline,.hans-tabs-content-primary.hans-tabs-content-outline{border-color:var(--primary-default-color);background-color:var(--white);color:var(--primary-strong-color)}.hans-tab-primary.hans-tab-transparent,.hans-tabs-content-primary.hans-tabs-content-transparent{color:var(--primary-default-color);background-color:#0000;border-color:#0000}.hans-tab-secondary.hans-tab-strong,.hans-tabs-content-secondary.hans-tabs-content-strong{border-color:var(--secondary-strong-color);background-color:var(--secondary-strong-color);color:var(--secondary-neutral-color)}.hans-tab-secondary.hans-tab-default,.hans-tabs-content-secondary.hans-tabs-content-default{border-color:var(--secondary-default-color);background-color:var(--secondary-default-color);color:var(--white)}.hans-tab-secondary.hans-tab-neutral,.hans-tabs-content-secondary.hans-tabs-content-neutral{border-color:var(--secondary-neutral-color);background-color:var(--secondary-neutral-color);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-outline,.hans-tabs-content-secondary.hans-tabs-content-outline{border-color:var(--secondary-default-color);background-color:var(--white);color:var(--secondary-strong-color)}.hans-tab-secondary.hans-tab-transparent,.hans-tabs-content-secondary.hans-tabs-content-transparent{color:var(--secondary-default-color);background-color:#0000;border-color:#0000}.hans-tab-success.hans-tab-strong,.hans-tabs-content-success.hans-tabs-content-strong{border-color:var(--success-strong-color);background-color:var(--success-strong-color);color:var(--success-neutral-color)}.hans-tab-success.hans-tab-default,.hans-tabs-content-success.hans-tabs-content-default{border-color:var(--success-default-color);background-color:var(--success-default-color);color:var(--white)}.hans-tab-success.hans-tab-neutral,.hans-tabs-content-success.hans-tabs-content-neutral{border-color:var(--success-neutral-color);background-color:var(--success-neutral-color);color:var(--success-strong-color)}.hans-tab-success.hans-tab-outline,.hans-tabs-content-success.hans-tabs-content-outline{border-color:var(--success-default-color);background-color:var(--white);color:var(--success-strong-color)}.hans-tab-success.hans-tab-transparent,.hans-tabs-content-success.hans-tabs-content-transparent{color:var(--success-default-color);background-color:#0000;border-color:#0000}.hans-tab-danger.hans-tab-strong,.hans-tabs-content-danger.hans-tabs-content-strong{border-color:var(--danger-strong-color);background-color:var(--danger-strong-color);color:var(--danger-neutral-color)}.hans-tab-danger.hans-tab-default,.hans-tabs-content-danger.hans-tabs-content-default{border-color:var(--danger-default-color);background-color:var(--danger-default-color);color:var(--white)}.hans-tab-danger.hans-tab-neutral,.hans-tabs-content-danger.hans-tabs-content-neutral{border-color:var(--danger-neutral-color);background-color:var(--danger-neutral-color);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-outline,.hans-tabs-content-danger.hans-tabs-content-outline{border-color:var(--danger-default-color);background-color:var(--white);color:var(--danger-strong-color)}.hans-tab-danger.hans-tab-transparent,.hans-tabs-content-danger.hans-tabs-content-transparent{color:var(--danger-default-color);background-color:#0000;border-color:#0000}.hans-tab-warning.hans-tab-strong,.hans-tabs-content-warning.hans-tabs-content-strong{border-color:var(--warning-strong-color);background-color:var(--warning-strong-color);color:var(--warning-neutral-color)}.hans-tab-warning.hans-tab-default,.hans-tabs-content-warning.hans-tabs-content-default{border-color:var(--warning-default-color);background-color:var(--warning-default-color);color:var(--white)}.hans-tab-warning.hans-tab-neutral,.hans-tabs-content-warning.hans-tabs-content-neutral{border-color:var(--warning-neutral-color);background-color:var(--warning-neutral-color);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-outline,.hans-tabs-content-warning.hans-tabs-content-outline{border-color:var(--warning-default-color);background-color:var(--white);color:var(--warning-strong-color)}.hans-tab-warning.hans-tab-transparent,.hans-tabs-content-warning.hans-tabs-content-transparent{color:var(--warning-default-color);background-color:#0000;border-color:#0000}.hans-tab-info.hans-tab-strong,.hans-tabs-content-info.hans-tabs-content-strong{border-color:var(--info-strong-color);background-color:var(--info-strong-color);color:var(--info-neutral-color)}.hans-tab-info.hans-tab-default,.hans-tabs-content-info.hans-tabs-content-default{border-color:var(--info-default-color);background-color:var(--info-default-color);color:var(--white)}.hans-tab-info.hans-tab-neutral,.hans-tabs-content-info.hans-tabs-content-neutral{border-color:var(--info-neutral-color);background-color:var(--info-neutral-color);color:var(--info-strong-color)}.hans-tab-info.hans-tab-outline,.hans-tabs-content-info.hans-tabs-content-outline{border-color:var(--info-default-color);background-color:var(--white);color:var(--info-strong-color)}.hans-tab-info.hans-tab-transparent,.hans-tabs-content-info.hans-tabs-content-transparent{color:var(--info-default-color);background-color:#0000;border-color:#0000}:root{--red-900:#9e0018;--red-500:#ff002b;--red-300:#ff5c5c;--green-900:#027a43;--green-500:#04d361;--green-300:#a3f3c4;--blue-900:#1f4ba8;--blue-500:#3b82f6;--blue-300:#93c5fd;--yellow-900:#ca8a04;--yellow-500:#eab308;--yellow-300:#fef08a;--orange-900:#c2410c;--orange-500:#f97316;--orange-300:#fdba74;--pink-900:#c21875;--pink-500:#ff4da6;--pink-300:#ffb3d9;--wine-900:#7a1f3d;--wine-500:#b33963;--wine-300:#e8a3bd;--purple-900:#4b1f8a;--purple-500:#7c3aed;--purple-300:#c4b5fd;--lilac-900:#5f4b8b;--lilac-500:#b39ddb;--lilac-300:#e6dcff;--indigo-900:#312e81;--indigo-500:#6366f1;--indigo-300:#a5b4fc;--cyan-900:#0e7490;--cyan-500:#06b6d4;--cyan-300:#67e8f9;--aqua-900:#008f82;--aqua-500:#00f6db;--aqua-300:#84f3df;--lime-900:#3f7d00;--lime-500:#7cff00;--lime-300:#cfff8f;--beige-900:#8a6b3f;--beige-500:#d4b483;--beige-300:#f2dfc2;--brown-900:#4a2f22;--brown-500:#8b5e3c;--brown-300:#c9a27e;--gray-900:#3a3a44;--gray-700:#7a7a85;--gray-500:#b7b7c3;--gray-300:#e6e6ee;--gray-100:#f4f4fa;--black:#000;--white:#fff;--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination1]{--primary-strong-color:var(--purple-900);--primary-default-color:var(--purple-500);--primary-neutral-color:var(--purple-300);--secondary-strong-color:var(--blue-900);--secondary-default-color:var(--blue-500);--secondary-neutral-color:var(--blue-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--aqua-900);--info-default-color:var(--aqua-500);--info-neutral-color:var(--aqua-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination2]{--primary-strong-color:var(--cyan-900);--primary-default-color:var(--cyan-500);--primary-neutral-color:var(--cyan-300);--secondary-strong-color:var(--pink-900);--secondary-default-color:var(--pink-500);--secondary-neutral-color:var(--pink-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--wine-900);--danger-default-color:var(--wine-500);--danger-neutral-color:var(--wine-300);--warning-strong-color:var(--orange-900);--warning-default-color:var(--orange-500);--warning-neutral-color:var(--orange-300);--info-strong-color:var(--indigo-900);--info-default-color:var(--indigo-500);--info-neutral-color:var(--indigo-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}[data-theme=combination3]{--primary-strong-color:var(--beige-900);--primary-default-color:var(--beige-500);--primary-neutral-color:var(--beige-300);--secondary-strong-color:var(--aqua-900);--secondary-default-color:var(--aqua-500);--secondary-neutral-color:var(--aqua-300);--success-strong-color:var(--green-900);--success-default-color:var(--green-500);--success-neutral-color:var(--green-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--lilac-900);--info-default-color:var(--lilac-500);--info-neutral-color:var(--lilac-300);--base-strong-color:var(--brown-900);--base-default-color:var(--brown-500);--base-neutral-color:var(--brown-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination4]{--primary-strong-color:var(--indigo-900);--primary-default-color:var(--indigo-500);--primary-neutral-color:var(--indigo-300);--secondary-strong-color:var(--orange-900);--secondary-default-color:var(--orange-500);--secondary-neutral-color:var(--orange-300);--success-strong-color:var(--aqua-900);--success-default-color:var(--aqua-500);--success-neutral-color:var(--aqua-300);--danger-strong-color:var(--pink-900);--danger-default-color:var(--pink-500);--danger-neutral-color:var(--pink-300);--warning-strong-color:var(--beige-900);--warning-default-color:var(--beige-500);--warning-neutral-color:var(--beige-300);--info-strong-color:var(--blue-900);--info-default-color:var(--blue-500);--info-neutral-color:var(--blue-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-100);--text-color:var(--gray-900)}[data-theme=combination5]{--primary-strong-color:var(--wine-900);--primary-default-color:var(--wine-500);--primary-neutral-color:var(--wine-300);--secondary-strong-color:var(--lilac-900);--secondary-default-color:var(--lilac-500);--secondary-neutral-color:var(--lilac-300);--success-strong-color:var(--lime-900);--success-default-color:var(--lime-500);--success-neutral-color:var(--lime-300);--danger-strong-color:var(--red-900);--danger-default-color:var(--red-500);--danger-neutral-color:var(--red-300);--warning-strong-color:var(--yellow-900);--warning-default-color:var(--yellow-500);--warning-neutral-color:var(--yellow-300);--info-strong-color:var(--cyan-900);--info-default-color:var(--cyan-500);--info-neutral-color:var(--cyan-300);--base-strong-color:var(--gray-700);--base-default-color:var(--gray-500);--base-neutral-color:var(--gray-300);--background-color:var(--gray-900);--text-color:var(--gray-100)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.\!mx-2{margin-inline:calc(var(--spacing)*2)!important}.\!mx-5{margin-inline:calc(var(--spacing)*5)!important}.\!my-1{margin-block:calc(var(--spacing)*1)!important}.\!my-2{margin-block:calc(var(--spacing)*2)!important}.\!my-3{margin-block:calc(var(--spacing)*3)!important}.\!my-4{margin-block:calc(var(--spacing)*4)!important}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-\[260px\]{height:260px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[88px\]{min-height:88px}.min-h-\[640px\]{min-height:640px}.min-h-full{min-height:100%}.w-6{width:calc(var(--spacing)*6)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-\[260px\]{width:260px}.w-\[320px\]{width:320px}.w-full{width:100%}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:var(--container-md)}.min-w-\[880px\]{min-width:880px}.min-w-\[920px\]{min-width:920px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.auto-rows-\[minmax\(140px\,1fr\)\]{grid-auto-rows:minmax(140px,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[var\(--base-default-color\)\]{border-color:var(--base-default-color)}.border-\[var\(--gray-300\)\]{border-color:var(--gray-300)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-left{text-align:left}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[var\(--gray-700\)\]{color:var(--gray-700)}.text-\[var\(--primary-default-color\)\]{color:var(--primary-default-color)}.text-\[var\(--secondary-default-color\)\]{color:var(--secondary-default-color)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
package/dist/index.d.ts CHANGED
@@ -1,6 +1,4 @@
1
- import { default as default_2 } from '../../../../node_modules/react';
2
- import { default as default_3 } from '../../node_modules/react';
3
- import { default as default_4 } from '../../../node_modules/react';
1
+ import { default as default_2 } from 'react';
4
2
  import { JSX } from 'react/jsx-runtime';
5
3
 
6
4
  export declare const assertCompleteHansTheme: (theme: HansThemeCombination) => void;
@@ -51,16 +49,16 @@ export declare const HANS_THEME_TONE_LEVELS: HansThemeToneLevel[];
51
49
 
52
50
  export declare const HANS_THEME_WINDOW_KEY = "HansUI";
53
51
 
54
- export declare const HansAccordion: default_4.MemoExoticComponent<(props: HansAccordionProps) => JSX.Element>;
52
+ export declare const HansAccordion: default_2.MemoExoticComponent<(props: HansAccordionProps) => JSX.Element>;
55
53
 
56
54
  export declare type HansAccordionItem = {
57
55
  id?: string;
58
56
  title: string;
59
- description: default_4.ReactNode;
57
+ description: default_2.ReactNode;
60
58
  disabled?: boolean;
61
59
  };
62
60
 
63
- export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
61
+ export declare type HansAccordionProps = InferPropsFromSchema<typeof HansAccordionSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color'> & {
64
62
  onOpenItemIdsChange?: (openItemIds: string[]) => void;
65
63
  };
66
64
 
@@ -111,11 +109,11 @@ declare const HansAccordionSchema: {
111
109
  readonly accordionId: "string";
112
110
  };
113
111
 
114
- export declare const HansAvatar: default_4.MemoExoticComponent<(props: HansAvatarProps) => JSX.Element>;
112
+ export declare const HansAvatar: default_2.MemoExoticComponent<(props: HansAvatarProps) => JSX.Element>;
115
113
 
116
- export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<default_4.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'size' | 'loading'>;
114
+ export declare type HansAvatarProps = InferPropsFromSchema<typeof HansAvatarSchema> & Omit<default_2.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'size' | 'loading'>;
117
115
 
118
- export declare const HansAvatarPropsList: Partial<Record<"src" | "alt" | "customClasses" | "loading" | "avatarSize" | "fallbackIconName", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
116
+ export declare const HansAvatarPropsList: Partial<Record<"customClasses" | "loading" | "alt" | "src" | "avatarSize" | "fallbackIconName", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
119
117
 
120
118
  declare const HansAvatarSchema: {
121
119
  readonly src: "string";
@@ -163,12 +161,12 @@ declare const HansButtonSchema: {
163
161
  readonly loading: "boolean";
164
162
  };
165
163
 
166
- export declare const HansCard: default_4.MemoExoticComponent<(props: HansCardProps) => JSX.Element>;
164
+ export declare const HansCard: default_2.MemoExoticComponent<(props: HansCardProps) => JSX.Element>;
167
165
 
168
166
  declare type HansCardLayout = 'profile' | 'image';
169
167
 
170
- export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
171
- children?: default_4.ReactNode;
168
+ export declare type HansCardProps = InferPropsFromSchema<typeof HansCardSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
169
+ children?: default_2.ReactNode;
172
170
  };
173
171
 
174
172
  export declare const HansCardPropsList: Partial<Record<"customClasses" | "loading" | "loadingColor" | "title" | "description" | "imageSrc" | "imageAlt" | "avatarSrc" | "avatarAlt" | "avatarLoading" | "loadingAriaLabel" | "cardLayout" | "cardSize" | "cardColor" | "cardVariant", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
@@ -206,7 +204,7 @@ declare const HansCardSchema: {
206
204
  readonly customClasses: "string";
207
205
  };
208
206
 
209
- export declare const HansCarousel: default_4.MemoExoticComponent<(props: HansCarouselProps) => JSX.Element>;
207
+ export declare const HansCarousel: default_2.MemoExoticComponent<(props: HansCarouselProps) => JSX.Element>;
210
208
 
211
209
  export declare type HansCarouselItem = {
212
210
  id?: string;
@@ -216,7 +214,7 @@ export declare type HansCarouselItem = {
216
214
  description?: string;
217
215
  };
218
216
 
219
- export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
217
+ export declare type HansCarouselProps = InferPropsFromSchema<typeof HansCarouselSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color'> & {
220
218
  onActiveItemChange?: (activeItemIndex: number) => void;
221
219
  };
222
220
 
@@ -259,7 +257,7 @@ declare const HansCarouselSchema: {
259
257
  readonly carouselId: "string";
260
258
  };
261
259
 
262
- export declare const HansChart: default_4.MemoExoticComponent<(props: HansChartProps) => JSX.Element>;
260
+ export declare const HansChart: default_2.MemoExoticComponent<(props: HansChartProps) => JSX.Element>;
263
261
 
264
262
  export declare type HansChartColor = Color | string;
265
263
 
@@ -276,7 +274,7 @@ export declare type HansChartPointEvent = {
276
274
  seriesName?: string;
277
275
  };
278
276
 
279
- export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'onClick'> & {
277
+ export declare type HansChartProps = InferPropsFromSchema<typeof HansChartSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color' | 'onClick'> & {
280
278
  onPointClick?: (event: HansChartPointEvent) => void;
281
279
  };
282
280
 
@@ -454,7 +452,7 @@ declare const HansDropdownSchema: {
454
452
  readonly noOptionsText: "string";
455
453
  };
456
454
 
457
- export declare const HansIcon: default_4.FC<HansIconProps>;
455
+ export declare const HansIcon: default_2.FC<HansIconProps>;
458
456
 
459
457
  export declare type HansIconProps = InferPropsFromSchema<typeof HansIconSchema>;
460
458
 
@@ -506,7 +504,7 @@ declare const HansInputSchema: {
506
504
  readonly rightIcon: "node";
507
505
  };
508
506
 
509
- export declare const HansKanban: default_4.MemoExoticComponent<(props: HansKanbanProps) => JSX.Element>;
507
+ export declare const HansKanban: default_2.MemoExoticComponent<(props: HansKanbanProps) => JSX.Element>;
510
508
 
511
509
  export declare const HansKanbanColumn: default_2.MemoExoticComponent<(props: HansKanbanColumnProps) => JSX.Element>;
512
510
 
@@ -591,7 +589,7 @@ export declare type HansKanbanMoveEvent = {
591
589
  nextItems: HansKanbanItemData[];
592
590
  };
593
591
 
594
- export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
592
+ export declare type HansKanbanProps = InferPropsFromSchema<typeof HansKanbanSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
595
593
  onItemsChange?: (items: HansKanbanItemData[]) => void;
596
594
  onMoveItem?: (event: HansKanbanMoveEvent) => void;
597
595
  onItemClick?: (item: HansKanbanItemData) => void;
@@ -630,9 +628,9 @@ declare const HansKanbanSchema: {
630
628
  readonly loadingAriaLabel: "string";
631
629
  };
632
630
 
633
- export declare const HansLoading: default_4.MemoExoticComponent<(props: HansLoadingProps) => JSX.Element>;
631
+ export declare const HansLoading: default_2.MemoExoticComponent<(props: HansLoadingProps) => JSX.Element>;
634
632
 
635
- export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'>;
633
+ export declare type HansLoadingProps = InferPropsFromSchema<typeof HansLoadingSchema> & Omit<default_2.HTMLAttributes<HTMLSpanElement>, 'color'>;
636
634
 
637
635
  export declare const HansLoadingPropsList: Partial<Record<"rounded" | "customClasses" | "loadingType" | "loadingSize" | "loadingColor" | "skeletonWidth" | "skeletonHeight" | "ariaLabel", "string" | "number" | "boolean" | "function" | "json" | "method" | undefined>>;
638
636
 
@@ -662,10 +660,10 @@ declare const HansLoadingSchema: {
662
660
  readonly ariaLabel: "string";
663
661
  };
664
662
 
665
- export declare const HansModal: default_4.MemoExoticComponent<(props: HansModalProps) => JSX.Element | null>;
663
+ export declare const HansModal: default_2.MemoExoticComponent<(props: HansModalProps) => JSX.Element | null>;
666
664
 
667
- export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'title'> & {
668
- children?: default_4.ReactNode;
665
+ export declare type HansModalProps = InferPropsFromSchema<typeof HansModalSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'title'> & {
666
+ children?: default_2.ReactNode;
669
667
  onOpenChange?: (open: boolean) => void;
670
668
  onClose?: (reason: ModalCloseReason) => void;
671
669
  onConfirm?: () => void;
@@ -730,17 +728,17 @@ declare const HansModalSchema: {
730
728
  readonly maxBodyHeight: "string";
731
729
  };
732
730
 
733
- export declare const HansPopup: default_4.MemoExoticComponent<(props: HansPopupProps) => JSX.Element>;
731
+ export declare const HansPopup: default_2.MemoExoticComponent<(props: HansPopupProps) => JSX.Element>;
734
732
 
735
- export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'children'> & {
736
- children: default_4.ReactNode;
733
+ export declare type HansPopupProps = InferPropsFromSchema<typeof HansPopupSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> & {
734
+ children: default_2.ReactNode;
737
735
  onOpenChange?: (open: boolean) => void;
738
736
  renderTrigger: (params: {
739
737
  isOpen: boolean;
740
738
  open: () => void;
741
739
  close: () => void;
742
740
  toggle: () => void;
743
- }) => default_4.ReactNode;
741
+ }) => default_2.ReactNode;
744
742
  onDirectionChange?: (direction: PopupDirection) => void;
745
743
  };
746
744
 
@@ -819,14 +817,14 @@ declare const HansSelectOptionSchema: {
819
817
  export declare type HansTabItem = {
820
818
  id: string;
821
819
  title: string;
822
- content: default_4.ReactNode;
820
+ content: default_2.ReactNode;
823
821
  disabled?: boolean;
824
822
  closable?: boolean;
825
823
  tabColor?: Color;
826
824
  tabVariant?: Variant;
827
825
  };
828
826
 
829
- export declare const HansTable: default_4.MemoExoticComponent<(props: HansTableProps) => JSX.Element>;
827
+ export declare const HansTable: default_2.MemoExoticComponent<(props: HansTableProps) => JSX.Element>;
830
828
 
831
829
  export declare type HansTableColumn = {
832
830
  key: string;
@@ -836,7 +834,7 @@ export declare type HansTableColumn = {
836
834
  width?: string;
837
835
  align?: 'left' | 'center' | 'right';
838
836
  filterAlign?: 'left' | 'center' | 'right';
839
- render?: (value: unknown, row: HansTableRow, rowIndex: number) => default_4.ReactNode;
837
+ render?: (value: unknown, row: HansTableRow, rowIndex: number) => default_2.ReactNode;
840
838
  };
841
839
 
842
840
  export declare type HansTableFilterConfig = {
@@ -850,7 +848,7 @@ export declare type HansTableFilterConfig = {
850
848
  enableAutocomplete?: boolean;
851
849
  };
852
850
 
853
- export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
851
+ export declare type HansTableProps = InferPropsFromSchema<typeof HansTableSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color'> & {
854
852
  initialSort?: HansTableSortState;
855
853
  initialFilters?: Record<string, string>;
856
854
  onSortChange?: (sortState: HansTableSortState) => void;
@@ -926,9 +924,9 @@ export declare type HansTableSortState = {
926
924
  direction: HansTableSortDirection;
927
925
  } | null;
928
926
 
929
- export declare const HansTabs: default_4.MemoExoticComponent<(props: HansTabsProps) => JSX.Element>;
927
+ export declare const HansTabs: default_2.MemoExoticComponent<(props: HansTabsProps) => JSX.Element>;
930
928
 
931
- export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color'> & {
929
+ export declare type HansTabsProps = InferPropsFromSchema<typeof HansTabsSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color'> & {
932
930
  onTabChange?: (tabId: string) => void;
933
931
  onTabClose?: (tabId: string) => void;
934
932
  onTabsChange?: (tabs: HansTabItem[]) => void;
@@ -967,9 +965,9 @@ declare const HansTabsSchema: {
967
965
  readonly inputId: "string";
968
966
  };
969
967
 
970
- export declare const HansTag: default_4.MemoExoticComponent<(props: HansTagProps) => JSX.Element>;
968
+ export declare const HansTag: default_2.MemoExoticComponent<(props: HansTagProps) => JSX.Element>;
971
969
 
972
- export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<default_4.HTMLAttributes<HTMLSpanElement>, 'color'> & {
970
+ export declare type HansTagProps = InferPropsFromSchema<typeof HansTagSchema> & Omit<default_2.HTMLAttributes<HTMLSpanElement>, 'color'> & {
973
971
  onAction?: () => void;
974
972
  };
975
973
 
@@ -1015,9 +1013,9 @@ export declare type HansThemeTone = Record<HansThemeToneLevel, string>;
1015
1013
 
1016
1014
  export declare type HansThemeToneLevel = 'strong' | 'default' | 'neutral';
1017
1015
 
1018
- export declare const HansToast: default_4.MemoExoticComponent<(props: HansToastProps) => JSX.Element | null>;
1016
+ export declare const HansToast: default_2.MemoExoticComponent<(props: HansToastProps) => JSX.Element | null>;
1019
1017
 
1020
- export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<default_4.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
1018
+ export declare type HansToastProps = InferPropsFromSchema<typeof HansToastSchema> & Omit<default_2.HTMLAttributes<HTMLDivElement>, 'color' | 'title'> & {
1021
1019
  onClose?: (reason: ToastCloseReason) => void;
1022
1020
  onVisibilityChange?: (visible: boolean) => void;
1023
1021
  portalTarget?: HTMLElement | null;
@@ -1111,10 +1109,10 @@ declare const HansToggleSchema: {
1111
1109
  readonly inputId: "string";
1112
1110
  };
1113
1111
 
1114
- export declare type IconLibrary = Record<string, default_4.ComponentType<default_4.SVGProps<SVGSVGElement>>>;
1112
+ export declare type IconLibrary = Record<string, default_2.ComponentType<default_2.SVGProps<SVGSVGElement>>>;
1115
1113
 
1116
1114
  declare type InferPropsFromSchema<T extends Record<string, SchemaType>> = Partial<{
1117
- [K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ? default_3.ReactNode : T[K] extends 'json' ? Record<string, unknown> : T[K] extends {
1115
+ [K in keyof T]: T[K] extends 'string' ? string : T[K] extends 'boolean' ? boolean : T[K] extends 'number' ? number : T[K] extends 'node' ? default_2.ReactNode : T[K] extends 'json' ? Record<string, unknown> : T[K] extends {
1118
1116
  type: 'custom';
1119
1117
  ref: infer U;
1120
1118
  } ? U : never;
package/dist/index.es.js CHANGED
@@ -402,7 +402,7 @@ const UR = ({
402
402
  const {
403
403
  isOpen: e = !1,
404
404
  disabled: t = !1,
405
- popupBackgroundColor: a = "var(--white)",
405
+ popupBackgroundColor: a = "var(--background-color, var(--white))",
406
406
  noContentText: n = "No content",
407
407
  popupClassName: i = "",
408
408
  panelClassName: o = "",
@@ -700,7 +700,7 @@ const gE = W.memo((r) => {
700
700
  triggerShape: n = "square",
701
701
  triggerSize: i = "medium",
702
702
  popupId: o = "hans-dropdown",
703
- popupBackgroundColor: s = "var(--white)",
703
+ popupBackgroundColor: s = "var(--background-color, var(--white))",
704
704
  closeOnSelect: l = !0,
705
705
  disabled: u = !1,
706
706
  loading: c = !1,
@@ -1030,7 +1030,7 @@ const XA = W.memo((r) => {
1030
1030
  value: d,
1031
1031
  defaultValue: p,
1032
1032
  noOptionsText: g = "No options",
1033
- dropdownBackgroundColor: y = "var(--white)",
1033
+ dropdownBackgroundColor: y = "var(--background-color, var(--white))",
1034
1034
  dropdownHoverColor: m = "var(--gray-100)",
1035
1035
  isLoadingOptions: _ = !1,
1036
1036
  loadingOptionsText: b = "Loading options...",
@@ -2037,7 +2037,7 @@ const sN = [
2037
2037
  defaultValue: v = "",
2038
2038
  calendarColor: d = "primary",
2039
2039
  calendarVariant: p = "default",
2040
- popupBackgroundColor: g = "var(--white)",
2040
+ popupBackgroundColor: g = "var(--background-color, var(--white))",
2041
2041
  clearLabel: y = "Clear",
2042
2042
  todayLabel: m = "Today",
2043
2043
  applyLabel: _ = "Apply",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "hans-ui-design-lib",
3
3
  "description": "UI Design System Base Lib",
4
4
  "author": "Victor Hanszman",
5
- "version": "1.0.10",
5
+ "version": "1.0.11",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "main": "dist/index.cjs.js",