hans-ui-design-lib 1.0.10 โ†’ 1.0.12

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 (6) hide show
  1. package/README.md +4 -1
  2. package/dist/index.cjs.js +13 -9
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +56 -42
  5. package/dist/index.es.js +106 -92
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -13,7 +13,10 @@ This library provides reusable, styled and documented UI components with a consi
13
13
  - ๐Ÿงน **ESLint + Prettier** for code quality and formatting
14
14
  - โšก **Vite** as the bundler for fast builds and DX
15
15
  - ๐ŸŒ Ready to be published and consumed via **npm**
16
- - ๐Ÿ“– Documentation ready to be used (deployed by **Vercel**) at https://hans-ui-design-lib-doc.vercel.app/
16
+ - ๐Ÿšข Deployed by **Vercel**
17
+ - ๐Ÿ“– Documentation ready for consultation at https://hans-ui-design-lib-doc.vercel.app/
18
+ - ๐Ÿ“ฆ Package available at https://www.npmjs.com/package/hans-ui-design-lib
19
+ - ๐Ÿ› ๏ธ CDN ready to be used at https://hans-ui-design-lib-cdn.vercel.app/
17
20
  - **Node Version to build this project: 24.14.1 and npm 11.11.0**
18
21
 
19
22
  ## ๐Ÿ“ฆ Installation
package/dist/index.cjs.js CHANGED
@@ -6,14 +6,18 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var Q_;function aE(){if(Q_)return Ns;Q_=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(a,n,i){var o=null;if(i!==void 0&&(o=""+i),n.key!==void 0&&(o=""+n.key),"key"in n){i={};for(var s in n)s!=="key"&&(i[s]=n[s])}else i=n;return n=i.ref,{$$typeof:r,type:a,key:o,ref:n!==void 0?n:null,props:i}}return Ns.Fragment=e,Ns.jsx=t,Ns.jsxs=t,Ns}var eb;function nE(){return eb||(eb=1,xv.exports=aE()),xv.exports}var N=nE();const iE={base:{border:"var(--base-neutral-color)",borderTop:"var(--base-default-color)",skeleton:"var(--base-neutral-color)"},primary:{border:"var(--primary-neutral-color)",borderTop:"var(--primary-default-color)",skeleton:"var(--primary-neutral-color)"},secondary:{border:"var(--secondary-neutral-color)",borderTop:"var(--secondary-default-color)",skeleton:"var(--secondary-neutral-color)"},success:{border:"var(--success-neutral-color)",borderTop:"var(--success-default-color)",skeleton:"var(--success-neutral-color)"},danger:{border:"var(--danger-neutral-color)",borderTop:"var(--danger-default-color)",skeleton:"var(--danger-neutral-color)"},warning:{border:"var(--warning-neutral-color)",borderTop:"var(--warning-default-color)",skeleton:"var(--warning-neutral-color)"},info:{border:"var(--info-neutral-color)",borderTop:"var(--info-default-color)",skeleton:"var(--info-neutral-color)"}},tb=(r,e)=>typeof r=="number"?`${r}px`:typeof r=="string"&&r.trim().length>0?r.trim():e,oE=(r,e,t)=>{const a=r==="spinner"?`hans-loading-${e}`:"";return`hans-loading hans-loading-${r} ${a} ${t}`},Ye=W.memo(r=>{const{loadingType:e="spinner",loadingSize:t="medium",loadingColor:a="base",skeletonWidth:n="100%",skeletonHeight:i="100%",rounded:o=!0,customClasses:s="",ariaLabel:l="Loading",...u}=r,c=iE[a],f=oE(e,t,s);return e==="skeleton"?N.jsx("span",{className:`${f} ${o?"hans-loading-rounded":""}`,style:{"--hans-loading-skeleton-color":c.skeleton,"--hans-loading-width":tb(n,"100%"),"--hans-loading-height":tb(i,"100%")},role:"status","aria-label":l,...u}):N.jsx("span",{className:f,style:{"--hans-loading-spinner-border":c.border,"--hans-loading-spinner-top":c.borderTop},role:"status","aria-label":l,...u})});Ye.displayName="HansLoading";const Cr=W.memo(r=>{const{label:e="",buttonId:t="hans-button",buttonSize:a="medium",buttonColor:n="primary",buttonVariant:i="default",buttonShape:o="rounded",buttonType:s="button",customClasses:l="",disabled:u=!1,loading:c=!1,children:f,...h}=r,v=u||c,d={small:{width:"72px",height:"32px"},medium:{width:"88px",height:"40px"},large:{width:"104px",height:"48px"}};if(c){const p=d[a];return N.jsx(Ye,{id:t,loadingType:"skeleton",loadingSize:a,skeletonWidth:p.width,skeletonHeight:p.height,rounded:o==="rounded",customClasses:`hans-button-loading ${l}`,ariaLabel:"Loading button"})}return N.jsx("button",{id:t,type:s,disabled:v,className:`
9
+ */var Q_;function aE(){if(Q_)return Ns;Q_=1;var r=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function t(a,n,i){var o=null;if(i!==void 0&&(o=""+i),n.key!==void 0&&(o=""+n.key),"key"in n){i={};for(var s in n)s!=="key"&&(i[s]=n[s])}else i=n;return n=i.ref,{$$typeof:r,type:a,key:o,ref:n!==void 0?n:null,props:i}}return Ns.Fragment=e,Ns.jsx=t,Ns.jsxs=t,Ns}var eb;function nE(){return eb||(eb=1,xv.exports=aE()),xv.exports}var N=nE();const iE={base:{border:"var(--base-neutral-color)",borderTop:"var(--base-default-color)",skeleton:"var(--base-neutral-color)"},primary:{border:"var(--primary-neutral-color)",borderTop:"var(--primary-default-color)",skeleton:"var(--primary-neutral-color)"},secondary:{border:"var(--secondary-neutral-color)",borderTop:"var(--secondary-default-color)",skeleton:"var(--secondary-neutral-color)"},success:{border:"var(--success-neutral-color)",borderTop:"var(--success-default-color)",skeleton:"var(--success-neutral-color)"},danger:{border:"var(--danger-neutral-color)",borderTop:"var(--danger-default-color)",skeleton:"var(--danger-neutral-color)"},warning:{border:"var(--warning-neutral-color)",borderTop:"var(--warning-default-color)",skeleton:"var(--warning-neutral-color)"},info:{border:"var(--info-neutral-color)",borderTop:"var(--info-default-color)",skeleton:"var(--info-neutral-color)"}},tb=(r,e)=>typeof r=="number"?`${r}px`:typeof r=="string"&&r.trim().length>0?r.trim():e,oE=(r,e,t)=>{const a=r==="spinner"?`hans-loading-${e}`:"";return`hans-loading hans-loading-${r} ${a} ${t}`},Ye=W.memo(r=>{const{loadingType:e="spinner",loadingSize:t="medium",loadingColor:a="base",skeletonWidth:n="100%",skeletonHeight:i="100%",rounded:o=!0,customClasses:s="",ariaLabel:l="Loading",...u}=r,c=iE[a],f=oE(e,t,s);return e==="skeleton"?N.jsx("span",{className:`${f} ${o?"hans-loading-rounded":""}`,style:{"--hans-loading-skeleton-color":c.skeleton,"--hans-loading-width":tb(n,"100%"),"--hans-loading-height":tb(i,"100%")},role:"status","aria-label":l,...u}):N.jsx("span",{className:f,style:{"--hans-loading-spinner-border":c.border,"--hans-loading-spinner-top":c.borderTop},role:"status","aria-label":l,...u})});Ye.displayName="HansLoading";const Cr=W.memo(r=>{const{label:e="",buttonId:t="hans-button",buttonSize:a="medium",buttonColor:n="primary",buttonVariant:i="default",hoverButtonColor:o,hoverButtonVariant:s,buttonShape:l="rounded",buttonType:u="button",customClasses:c="",disabled:f=!1,loading:h=!1,children:v,...d}=r,p=f||h,g=o??(s?n:void 0),y=s??(o?i:void 0),m=g&&y?`
10
+ hans-button-hover-color-${g}
11
+ hans-button-hover-variant-${y}
12
+ `:"",_={small:{width:"72px",height:"32px"},medium:{width:"88px",height:"40px"},large:{width:"104px",height:"48px"}};if(h){const b=_[a];return N.jsx(Ye,{id:t,loadingType:"skeleton",loadingSize:a,skeletonWidth:b.width,skeletonHeight:b.height,rounded:l==="rounded",customClasses:`hans-button-loading ${c}`,ariaLabel:"Loading button"})}return N.jsx("button",{id:t,type:u,disabled:p,className:`
10
13
  hans-button
11
14
  hans-button-${a}
12
15
  hans-button-${n}
13
16
  hans-button-${i}
14
- hans-button-${o}
15
- ${l}
16
- `,...h,children:N.jsx("slot",{children:f??(e&&N.jsx("span",{children:e}))})})});Cr.displayName="HansButton";const ys=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="",value:n,inputId:i="hans-input",inputColor:o="base",inputSize:s="medium",inputType:l="text",message:u="",messageColor:c="base",customClasses:f="",disabled:h=!1,leftIcon:v,rightIcon:d,children:p,...g}=r,y=typeof n>"u"?{}:{value:n};return N.jsxs("div",{className:"hans-input-div",children:[p,e?N.jsx("label",{htmlFor:i,className:`
17
+ hans-button-${l}
18
+ ${m}
19
+ ${c}
20
+ `,...d,children:N.jsx("slot",{children:v??(e&&N.jsx("span",{children:e}))})})});Cr.displayName="HansButton";const ys=W.memo(r=>{const{label:e="",labelColor:t="base",placeholder:a="",value:n,inputId:i="hans-input",inputColor:o="base",inputSize:s="medium",inputType:l="text",message:u="",messageColor:c="base",customClasses:f="",disabled:h=!1,leftIcon:v,rightIcon:d,children:p,...g}=r,y=typeof n>"u"?{}:{value:n};return N.jsxs("div",{className:"hans-input-div",children:[p,e?N.jsx("label",{htmlFor:i,className:`
17
21
  hans-input-label
18
22
  hans-input-label-${t}
19
23
  `,children:e}):null,N.jsxs("div",{className:"hans-input-field",children:[v?N.jsx("span",{className:`
@@ -38,7 +42,7 @@
38
42
  hans-icon
39
43
  hans-icon-${t}
40
44
  ${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:`
45
+ `,...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
46
  hans-avatar
43
47
  hans-avatar-${a}
44
48
  ${i}
@@ -47,7 +51,7 @@
47
51
  ${r.isDisabled?"hans-dropdown-option-disabled":""}
48
52
  ${r.hasChildren?"hans-dropdown-option-parent":""}
49
53
  ${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:`
54
+ `,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",triggerHoverColor:n,triggerHoverVariant:i,triggerShape:o="square",triggerSize:s="medium",popupId:l="hans-dropdown",popupBackgroundColor:u="var(--background-color, var(--white))",closeOnSelect:c=!0,disabled:f=!1,loading:h=!1,loadingColor:v="base",options:d=[],customClasses:p="",noOptionsText:g="No options",children:y,onSelect:m,onOpenChange:_,...b}=r,[x,S]=W.useState(!1),[w,T]=W.useState(null),[A,C]=W.useState({}),D=SE(y),I=LE({setIsOpen:S,onOpenChange:_}),L=IE({closeOnSelect:c,setOpen:I,onSelect:m}),P=W.useRef(null),k=W.useMemo(()=>kE({listLeaveTimeoutRef:P}),[]),R=W.useCallback((V,G)=>{C(H=>CE(H,V,G))},[]),O=W.useMemo(()=>RE(k),[k]),E=W.useMemo(()=>EE({clearListLeaveTimeout:k,listLeaveTimeoutRef:P,setHoveredPath:T}),[k]);W.useEffect(()=>{x||(k(),T(null),C({}))},[k,x]),W.useEffect(()=>()=>{k()},[k]);const B=W.useMemo(()=>{const V=PE({setHoveredPath:T,setSubmenuDirection:R,submenuWidth:240});return(G,H)=>{k(),V(G,H)}},[k,R]);return N.jsx("div",{className:`hans-dropdown ${p}`,...b,children:N.jsx(_u,{isOpen:x,onOpenChange:I,disabled:f,popupBackgroundColor:u,customClasses:"hans-dropdown-popup-wrapper",popupClassName:"hans-dropdown-popup",panelClassName:"hans-dropdown-popup-content",renderTrigger:({toggle:V})=>N.jsxs(Cr,{buttonColor:t,buttonVariant:a,hoverButtonColor:n,hoverButtonVariant:i,buttonShape:o,buttonSize:s,disabled:f,customClasses:"hans-dropdown-trigger",onClick:V,children:[N.jsx("span",{children:e}),h?N.jsx(Ye,{loadingType:"spinner",loadingSize:"small",loadingColor:v,ariaLabel:"Loading dropdown"}):N.jsx(ft,{name:x?"IoIosArrowUp":"IoIosArrowDown",iconSize:"small"})]}),children:h?N.jsx("div",{className:"hans-dropdown-loading",children:N.jsx(Ye,{loadingType:"skeleton",loadingColor:v,skeletonWidth:"100%",skeletonHeight:"120px",ariaLabel:"Loading dropdown content"})}):D?N.jsx("div",{id:l,className:"hans-dropdown-custom-content",children:y}):N.jsx(gm,{popupId:l,items:d,noOptionsText:g,hoveredPath:w,submenuDirections:A,onItemEnter:B,onListEnter:O,onListLeave:E,onSelect:L})})})});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
55
  hans-tag
52
56
  hans-tag-${t}
53
57
  hans-tag-${a}
@@ -56,7 +60,7 @@
56
60
  hans-select-option-option
57
61
  ${r.isSelected?"hans-select-option-option-selected":""}
58
62
  ${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:`
63
+ `,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
64
  hans-toggle-segmented
61
65
  hans-toggle-segmented-${o}
62
66
  hans-toggle-segmented-${v}
@@ -79,7 +83,7 @@
79
83
  ${x.isCurrentMonth?"":"hans-date-picker-day-outside"}
80
84
  ${x.isSelected?"hans-date-picker-day-selected":""}
81
85
  ${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})=>`
86
+ `.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
87
  hans-card
84
88
  hans-card-${r}
85
89
  hans-card-${e}
@@ -227,4 +231,4 @@ PERFORMANCE OF THIS SOFTWARE.
227
231
  `,onClick:()=>D(L.id),children:[N.jsx("span",{className:"hans-tab-title",children:L.title}),O?N.jsx("span",{className:"hans-tab-close-wrapper",children:N.jsx("span",{role:"button",tabIndex:0,className:"hans-tab-close","aria-label":`Close ${L.title}`,onClick:E=>I(E,L.id),onKeyDown:E=>{(E.key==="Enter"||E.key===" ")&&(E.preventDefault(),E.stopPropagation(),I(E,L.id))},children:N.jsx(ft,{name:"IoIosCloseCircle",iconSize:"medium"})})}):null]},L.id)})}),N.jsx("div",{className:`
228
232
  hans-tabs-content
229
233
  ${C?`hans-tabs-content-${C.color} hans-tabs-content-${C.variant}`:""}
230
- `,role:"tabpanel",children:l?N.jsx(Ye,{loadingType:"skeleton",loadingColor:u,skeletonWidth:"100%",skeletonHeight:"160px",customClasses:"hans-tabs-content-loading",ariaLabel:"Loading tab content"}):w?.content||N.jsx("p",{className:"hans-tabs-empty",children:c})})]})});jR.displayName="HansTabs";const kee={label:"string",buttonId:"string",buttonSize:{type:"custom",ref:{}},buttonColor:{type:"custom",ref:{}},buttonVariant:{type:"custom",ref:{}},buttonShape:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",loading:"boolean"},Ree=dt(kee),Eee={triggerLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerShape:{type:"custom",ref:{}},triggerSize:{type:"custom",ref:{}},popupId:"string",popupBackgroundColor:"string",closeOnSelect:"boolean",disabled:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",noOptionsText:"string"},Nee=dt(Eee),Oee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",options:{type:"custom",ref:{},webComponentType:"property"},selectionType:{type:"custom",ref:{}},enableAutocomplete:"boolean",value:{type:"custom",ref:{},webComponentType:"property"},defaultValue:{type:"custom",ref:{},webComponentType:"property"},noOptionsText:"string",dropdownBackgroundColor:"string",dropdownHoverColor:"string",isLoadingOptions:"boolean",loadingOptionsText:"string"},Bee=dt(Oee),Vee={toggleMode:{type:"custom",ref:{}},label:"string",labelColor:{type:"custom",ref:{}},leftLabel:"string",rightLabel:"string",checked:"boolean",defaultChecked:"boolean",loading:"boolean",disabled:"boolean",toggleColor:{type:"custom",ref:{}},toggleSize:{type:"custom",ref:{}},onContent:"node",offContent:"node",thumbContent:"node",value:"string",defaultValue:"string",options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",inputId:"string"},zee=dt(Vee),Hee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",pickerType:{type:"custom",ref:{}},value:"string",defaultValue:"string",calendarColor:{type:"custom",ref:{}},calendarVariant:{type:"custom",ref:{}},popupBackgroundColor:"string",noDateText:"string",clearLabel:"string",todayLabel:"string",applyLabel:"string",timePrecision:{type:"custom",ref:{}},weekStartsOnSunday:"boolean",allowInputTyping:"boolean"},Gee=dt(Hee),Fee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Wee=dt(Fee),$ee={title:"string",description:"string",imageSrc:"string",imageAlt:"string",avatarSrc:"string",avatarAlt:"string",avatarLoading:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",cardLayout:{type:"custom",ref:{}},cardSize:{type:"custom",ref:{}},cardColor:{type:"custom",ref:{}},cardVariant:{type:"custom",ref:{}},customClasses:"string"},Uee=dt($ee),Yee={items:{type:"custom",ref:{},webComponentType:"property"},activeItemIndex:"number",defaultActiveItemIndex:"number",visibleItemsCount:"number",maxIndicators:"number",removeItemGap:"boolean",infiniteLoop:"boolean",showTextOnTop:"boolean",carouselSize:{type:"custom",ref:{}},carouselColor:{type:"custom",ref:{}},carouselVariant:{type:"custom",ref:{}},showBorder:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",emptyText:"string",customClasses:"string",carouselId:"string"},Zee=dt(Yee),Xee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},jee=dt(Xee),qee={items:{type:"custom",ref:{},webComponentType:"property"},openItemIds:{type:"custom",ref:{},webComponentType:"property"},defaultOpenItemIds:{type:"custom",ref:{},webComponentType:"property"},allowMultipleOpen:"boolean",titleColor:{type:"custom",ref:{}},titleVariant:{type:"custom",ref:{}},descriptionColor:{type:"custom",ref:{}},descriptionVariant:{type:"custom",ref:{}},loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",skeletonItemsCount:"number",emptyText:"string",customClasses:"string",accordionId:"string"},Kee=dt(qee),Jee={loadingType:{type:"custom",ref:{}},loadingSize:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},skeletonWidth:{type:"custom",ref:{}},skeletonHeight:{type:"custom",ref:{}},rounded:"boolean",customClasses:"string",ariaLabel:"string"},Qee=dt(Jee),ete={columns:{type:"custom",ref:{},webComponentType:"property"},items:{type:"custom",ref:{},webComponentType:"property"},defaultItems:{type:"custom",ref:{},webComponentType:"property"},boardLabel:"string",emptyColumnText:"string",customClasses:"string",columnMinWidth:"string",boardMinHeight:"string",showColumnCounts:"boolean",dragAndDrop:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string"},tte=dt(ete),rte={column:{type:"custom",ref:{},webComponentType:"property"},itemCount:"number",emptyColumnText:"string",showColumnCount:"boolean",isDragOver:"boolean",showDropAtEnd:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ate=dt(rte),nte={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ite=dt(nte),ote={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ste=dt(ote),lte={title:"string",message:"node",isVisible:"boolean",defaultVisible:"boolean",duration:"number",toastColor:{type:"custom",ref:{}},toastVariant:{type:"custom",ref:{}},toastSize:{type:"custom",ref:{}},position:{type:"custom",ref:{}},dismissible:"boolean",iconName:"string",stackGap:"number",offset:"number",closeButtonLabel:"string",customClasses:"string",titleClassName:"string",messageClassName:"string"},ute=dt(lte),cte={isOpen:"boolean",defaultOpen:"boolean",modalSize:{type:"custom",ref:{}},modalColor:{type:"custom",ref:{}},modalVariant:{type:"custom",ref:{}},placement:{type:"custom",ref:{}},title:"node",header:"node",footer:"node",dismissible:"boolean",showOverlay:"boolean",closeOnBackdropClick:"boolean",closeOnEscape:"boolean",lockBodyScroll:"boolean",showHeaderDivider:"boolean",showFooterDivider:"boolean",loading:"boolean",confirmLabel:"string",cancelLabel:"string",closeButtonLabel:"string",confirmButtonColor:{type:"custom",ref:{}},cancelButtonColor:{type:"custom",ref:{}},dismissButtonColor:{type:"custom",ref:{}},customClasses:"string",overlayClassName:"string",dialogClassName:"string",headerClassName:"string",bodyClassName:"string",footerClassName:"string",contentClassName:"string",maxBodyHeight:"string"},fte=dt(cte),hte={columns:{type:"custom",ref:{},webComponentType:"property"},rows:{type:"custom",ref:{},webComponentType:"property"},headerColor:{type:"custom",ref:{}},rowColor:{type:"custom",ref:{}},customClasses:"string",emptyText:"string",headerTextColor:{type:"custom",ref:{}},rowTextColor:{type:"custom",ref:{}},borderColor:{type:"custom",ref:{}},dividerColor:{type:"custom",ref:{}},rowHoverColor:{type:"custom",ref:{}},showColumnDividers:"boolean",defaultDropdownFilterClearLabel:"string",isLoading:"boolean",loadingType:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",maxHeight:"string",minWidth:"string",striped:"boolean"},vte=dt(hte),dte={tabs:{type:"custom",ref:{},webComponentType:"property"},activeTabId:"string",defaultActiveTabId:"string",tabsColor:{type:"custom",ref:{}},tabsVariant:{type:"custom",ref:{}},tabsSize:{type:"custom",ref:{}},showCloseButton:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},emptyText:"string",customClasses:"string",inputId:"string"},pte=dt(dte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",gte=["combination1","combination2","combination3","combination4","combination5"],Z_=["primary","secondary","success","danger","warning","info","base"],X_=["strong","default","neutral"],dm={backgroundColor:"--background-color",textColor:"--text-color"},Wi=r=>r?.trim()??"",qR=(r,e)=>`--${r}-${e}-color`,j_=()=>typeof document>"u"?[]:[document.documentElement,document.body].filter(r=>!!r),q_=r=>new Set((r.getAttribute(Lh)??"").split(",").map(e=>e.trim()).filter(Boolean)),K_=(r,e)=>{if(e.size===0){r.removeAttribute(Lh);return}r.setAttribute(Lh,[...e].sort().join(","))},KR=()=>{typeof document>"u"||(document.documentElement.removeAttribute(vm),document.body?.removeAttribute(vm))},JR=r=>{const e=[];return Z_.forEach(t=>{X_.forEach(a=>{Wi(r[t]?.[a])||e.push(`${t}.${a}`)})}),Wi(r.backgroundColor)||e.push("backgroundColor"),Wi(r.textColor)||e.push("textColor"),e},QR=r=>{const e=JR(r);if(e.length!==0)throw new Error(`Hans theme requires all 23 color tokens. Missing: ${e.join(", ")}`)},J_=r=>{QR(r);const e={};return Z_.forEach(t=>{X_.forEach(a=>{e[qR(t,a)]=Wi(r[t][a])})}),e[dm.backgroundColor]=Wi(r.backgroundColor),e[dm.textColor]=Wi(r.textColor),e},eE=(r,e={})=>{e.clearDataTheme&&KR();const t=j_();if(t.length===0)return;const a=Object.entries(J_(r));t.forEach(n=>{const i=q_(n);a.forEach(([o,s])=>{n.style.setProperty(o,s),i.add(o)}),K_(n,i)})},tE=()=>{const r=j_();r.length!==0&&r.forEach(e=>{q_(e).forEach(a=>{e.style.removeProperty(a)}),K_(e,new Set)})},yte=()=>{if(typeof window>"u")return;const r=window[hm]??{};window[hm]={...r,setTheme:eE,resetTheme:tE,getThemeVars:J_}};exports.COLOR_TOKEN_MAP=bv;exports.DEFAULT_COMBINATION_COLORS=kR;exports.DynamicIconImports=aM;exports.HANS_THEME_COMBINATIONS=gte;exports.HANS_THEME_DATA_ATTRIBUTE=vm;exports.HANS_THEME_GLOBAL_VAR_MAP=dm;exports.HANS_THEME_MANAGED_ATTR=Lh;exports.HANS_THEME_SEMANTIC_KEYS=Z_;exports.HANS_THEME_TONE_LEVELS=X_;exports.HANS_THEME_WINDOW_KEY=hm;exports.HansAccordion=BR;exports.HansAccordionPropsList=Kee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Wee;exports.HansButton=Cr;exports.HansButtonPropsList=Ree;exports.HansCard=wm;exports.HansCardPropsList=Uee;exports.HansCarousel=_M;exports.HansCarouselPropsList=Zee;exports.HansChart=OR;exports.HansChartPropsList=eQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Gee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Nee;exports.HansIcon=ft;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ate;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ite;exports.HansKanbanPropsList=tte;exports.HansLoading=Ye;exports.HansLoadingPropsList=Qee;exports.HansModal=$R;exports.HansModalPropsList=fte;exports.HansPopup=_u;exports.HansPopupPropsList=ste;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=Bee;exports.HansTable=ZR;exports.HansTablePropsList=vte;exports.HansTabs=jR;exports.HansTabsPropsList=pte;exports.HansTag=ym;exports.HansTagPropsList=jee;exports.HansToast=FR;exports.HansToastPropsList=ute;exports.HansToggle=cM;exports.HansTogglePropsList=zee;exports.assertCompleteHansTheme=QR;exports.clearThemeAttribute=KR;exports.getHansThemeVars=J_;exports.getManagedThemeVars=q_;exports.getMissingThemeEntries=JR;exports.getThemeCssVarName=qR;exports.getThemeTargets=j_;exports.normalizeThemeValue=Wi;exports.registerHansThemeApi=yte;exports.resetHansTheme=tE;exports.setHansTheme=eE;exports.setManagedThemeVars=K_;
234
+ `,role:"tabpanel",children:l?N.jsx(Ye,{loadingType:"skeleton",loadingColor:u,skeletonWidth:"100%",skeletonHeight:"160px",customClasses:"hans-tabs-content-loading",ariaLabel:"Loading tab content"}):w?.content||N.jsx("p",{className:"hans-tabs-empty",children:c})})]})});jR.displayName="HansTabs";const kee={label:"string",buttonId:"string",buttonSize:{type:"custom",ref:{}},buttonColor:{type:"custom",ref:{}},buttonVariant:{type:"custom",ref:{}},hoverButtonColor:{type:"custom",ref:{}},hoverButtonVariant:{type:"custom",ref:{}},buttonShape:{type:"custom",ref:{}},buttonType:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",loading:"boolean"},Ree=dt(kee),Eee={triggerLabel:"string",triggerColor:{type:"custom",ref:{}},triggerVariant:{type:"custom",ref:{}},triggerHoverColor:{type:"custom",ref:{}},triggerHoverVariant:{type:"custom",ref:{}},triggerShape:{type:"custom",ref:{}},triggerSize:{type:"custom",ref:{}},popupId:"string",popupBackgroundColor:"string",closeOnSelect:"boolean",disabled:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",noOptionsText:"string"},Nee=dt(Eee),Oee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",options:{type:"custom",ref:{},webComponentType:"property"},selectionType:{type:"custom",ref:{}},enableAutocomplete:"boolean",value:{type:"custom",ref:{},webComponentType:"property"},defaultValue:{type:"custom",ref:{},webComponentType:"property"},noOptionsText:"string",dropdownBackgroundColor:"string",dropdownHoverColor:"string",isLoadingOptions:"boolean",loadingOptionsText:"string"},Bee=dt(Oee),Vee={toggleMode:{type:"custom",ref:{}},label:"string",labelColor:{type:"custom",ref:{}},leftLabel:"string",rightLabel:"string",checked:"boolean",defaultChecked:"boolean",loading:"boolean",disabled:"boolean",toggleColor:{type:"custom",ref:{}},toggleSize:{type:"custom",ref:{}},onContent:"node",offContent:"node",thumbContent:"node",value:"string",defaultValue:"string",options:{type:"custom",ref:{},webComponentType:"property"},customClasses:"string",inputId:"string"},zee=dt(Vee),Hee={label:"string",labelColor:{type:"custom",ref:{}},placeholder:"string",inputId:"string",inputColor:{type:"custom",ref:{}},inputSize:{type:"custom",ref:{}},message:"string",messageColor:{type:"custom",ref:{}},customClasses:"string",disabled:"boolean",pickerType:{type:"custom",ref:{}},value:"string",defaultValue:"string",calendarColor:{type:"custom",ref:{}},calendarVariant:{type:"custom",ref:{}},popupBackgroundColor:"string",noDateText:"string",clearLabel:"string",todayLabel:"string",applyLabel:"string",timePrecision:{type:"custom",ref:{}},weekStartsOnSunday:"boolean",allowInputTyping:"boolean"},Gee=dt(Hee),Fee={src:"string",alt:"string",avatarSize:{type:"custom",ref:{}},loading:"boolean",customClasses:"string",fallbackIconName:"string"},Wee=dt(Fee),$ee={title:"string",description:"string",imageSrc:"string",imageAlt:"string",avatarSrc:"string",avatarAlt:"string",avatarLoading:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",cardLayout:{type:"custom",ref:{}},cardSize:{type:"custom",ref:{}},cardColor:{type:"custom",ref:{}},cardVariant:{type:"custom",ref:{}},customClasses:"string"},Uee=dt($ee),Yee={items:{type:"custom",ref:{},webComponentType:"property"},activeItemIndex:"number",defaultActiveItemIndex:"number",visibleItemsCount:"number",maxIndicators:"number",removeItemGap:"boolean",infiniteLoop:"boolean",showTextOnTop:"boolean",carouselSize:{type:"custom",ref:{}},carouselColor:{type:"custom",ref:{}},carouselVariant:{type:"custom",ref:{}},showBorder:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",emptyText:"string",customClasses:"string",carouselId:"string"},Zee=dt(Yee),Xee={label:"string",tagSize:{type:"custom",ref:{}},tagColor:{type:"custom",ref:{}},actionIcon:"string",customClasses:"string",disabled:"boolean"},jee=dt(Xee),qee={items:{type:"custom",ref:{},webComponentType:"property"},openItemIds:{type:"custom",ref:{},webComponentType:"property"},defaultOpenItemIds:{type:"custom",ref:{},webComponentType:"property"},allowMultipleOpen:"boolean",titleColor:{type:"custom",ref:{}},titleVariant:{type:"custom",ref:{}},descriptionColor:{type:"custom",ref:{}},descriptionVariant:{type:"custom",ref:{}},loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",skeletonItemsCount:"number",emptyText:"string",customClasses:"string",accordionId:"string"},Kee=dt(qee),Jee={loadingType:{type:"custom",ref:{}},loadingSize:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},skeletonWidth:{type:"custom",ref:{}},skeletonHeight:{type:"custom",ref:{}},rounded:"boolean",customClasses:"string",ariaLabel:"string"},Qee=dt(Jee),ete={columns:{type:"custom",ref:{},webComponentType:"property"},items:{type:"custom",ref:{},webComponentType:"property"},defaultItems:{type:"custom",ref:{},webComponentType:"property"},boardLabel:"string",emptyColumnText:"string",customClasses:"string",columnMinWidth:"string",boardMinHeight:"string",showColumnCounts:"boolean",dragAndDrop:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string"},tte=dt(ete),rte={column:{type:"custom",ref:{},webComponentType:"property"},itemCount:"number",emptyColumnText:"string",showColumnCount:"boolean",isDragOver:"boolean",showDropAtEnd:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ate=dt(rte),nte={item:{type:"custom",ref:{},webComponentType:"property"},draggable:"boolean",isDragging:"boolean",showDropIndicator:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",customClasses:"string"},ite=dt(nte),ote={isOpen:"boolean",disabled:"boolean",popupBackgroundColor:"string",noContentText:"string",popupClassName:"string",panelClassName:"string",customClasses:"string"},ste=dt(ote),lte={title:"string",message:"node",isVisible:"boolean",defaultVisible:"boolean",duration:"number",toastColor:{type:"custom",ref:{}},toastVariant:{type:"custom",ref:{}},toastSize:{type:"custom",ref:{}},position:{type:"custom",ref:{}},dismissible:"boolean",iconName:"string",stackGap:"number",offset:"number",closeButtonLabel:"string",customClasses:"string",titleClassName:"string",messageClassName:"string"},ute=dt(lte),cte={isOpen:"boolean",defaultOpen:"boolean",modalSize:{type:"custom",ref:{}},modalColor:{type:"custom",ref:{}},modalVariant:{type:"custom",ref:{}},placement:{type:"custom",ref:{}},title:"node",header:"node",footer:"node",dismissible:"boolean",showOverlay:"boolean",closeOnBackdropClick:"boolean",closeOnEscape:"boolean",lockBodyScroll:"boolean",showHeaderDivider:"boolean",showFooterDivider:"boolean",loading:"boolean",confirmLabel:"string",cancelLabel:"string",closeButtonLabel:"string",confirmButtonColor:{type:"custom",ref:{}},cancelButtonColor:{type:"custom",ref:{}},dismissButtonColor:{type:"custom",ref:{}},customClasses:"string",overlayClassName:"string",dialogClassName:"string",headerClassName:"string",bodyClassName:"string",footerClassName:"string",contentClassName:"string",maxBodyHeight:"string"},fte=dt(cte),hte={columns:{type:"custom",ref:{},webComponentType:"property"},rows:{type:"custom",ref:{},webComponentType:"property"},headerColor:{type:"custom",ref:{}},rowColor:{type:"custom",ref:{}},customClasses:"string",emptyText:"string",headerTextColor:{type:"custom",ref:{}},rowTextColor:{type:"custom",ref:{}},borderColor:{type:"custom",ref:{}},dividerColor:{type:"custom",ref:{}},rowHoverColor:{type:"custom",ref:{}},showColumnDividers:"boolean",defaultDropdownFilterClearLabel:"string",isLoading:"boolean",loadingType:{type:"custom",ref:{}},loadingColor:{type:"custom",ref:{}},loadingAriaLabel:"string",maxHeight:"string",minWidth:"string",striped:"boolean"},vte=dt(hte),dte={tabs:{type:"custom",ref:{},webComponentType:"property"},activeTabId:"string",defaultActiveTabId:"string",tabsColor:{type:"custom",ref:{}},tabsVariant:{type:"custom",ref:{}},tabsSize:{type:"custom",ref:{}},showCloseButton:"boolean",loading:"boolean",loadingColor:{type:"custom",ref:{}},emptyText:"string",customClasses:"string",inputId:"string"},pte=dt(dte),Lh="data-hans-theme-vars",hm="HansUI",vm="data-theme",gte=["combination1","combination2","combination3","combination4","combination5"],Z_=["primary","secondary","success","danger","warning","info","base"],X_=["strong","default","neutral"],dm={backgroundColor:"--background-color",textColor:"--text-color"},Wi=r=>r?.trim()??"",qR=(r,e)=>`--${r}-${e}-color`,j_=()=>typeof document>"u"?[]:[document.documentElement,document.body].filter(r=>!!r),q_=r=>new Set((r.getAttribute(Lh)??"").split(",").map(e=>e.trim()).filter(Boolean)),K_=(r,e)=>{if(e.size===0){r.removeAttribute(Lh);return}r.setAttribute(Lh,[...e].sort().join(","))},KR=()=>{typeof document>"u"||(document.documentElement.removeAttribute(vm),document.body?.removeAttribute(vm))},JR=r=>{const e=[];return Z_.forEach(t=>{X_.forEach(a=>{Wi(r[t]?.[a])||e.push(`${t}.${a}`)})}),Wi(r.backgroundColor)||e.push("backgroundColor"),Wi(r.textColor)||e.push("textColor"),e},QR=r=>{const e=JR(r);if(e.length!==0)throw new Error(`Hans theme requires all 23 color tokens. Missing: ${e.join(", ")}`)},J_=r=>{QR(r);const e={};return Z_.forEach(t=>{X_.forEach(a=>{e[qR(t,a)]=Wi(r[t][a])})}),e[dm.backgroundColor]=Wi(r.backgroundColor),e[dm.textColor]=Wi(r.textColor),e},eE=(r,e={})=>{e.clearDataTheme&&KR();const t=j_();if(t.length===0)return;const a=Object.entries(J_(r));t.forEach(n=>{const i=q_(n);a.forEach(([o,s])=>{n.style.setProperty(o,s),i.add(o)}),K_(n,i)})},tE=()=>{const r=j_();r.length!==0&&r.forEach(e=>{q_(e).forEach(a=>{e.style.removeProperty(a)}),K_(e,new Set)})},yte=()=>{if(typeof window>"u")return;const r=window[hm]??{};window[hm]={...r,setTheme:eE,resetTheme:tE,getThemeVars:J_}};exports.COLOR_TOKEN_MAP=bv;exports.DEFAULT_COMBINATION_COLORS=kR;exports.DynamicIconImports=aM;exports.HANS_THEME_COMBINATIONS=gte;exports.HANS_THEME_DATA_ATTRIBUTE=vm;exports.HANS_THEME_GLOBAL_VAR_MAP=dm;exports.HANS_THEME_MANAGED_ATTR=Lh;exports.HANS_THEME_SEMANTIC_KEYS=Z_;exports.HANS_THEME_TONE_LEVELS=X_;exports.HANS_THEME_WINDOW_KEY=hm;exports.HansAccordion=BR;exports.HansAccordionPropsList=Kee;exports.HansAvatar=Ih;exports.HansAvatarPropsList=Wee;exports.HansButton=Cr;exports.HansButtonPropsList=Ree;exports.HansCard=wm;exports.HansCardPropsList=Uee;exports.HansCarousel=_M;exports.HansCarouselPropsList=Zee;exports.HansChart=OR;exports.HansChartPropsList=eQ;exports.HansDatePicker=mM;exports.HansDatePickerPropsList=Gee;exports.HansDropdown=nM;exports.HansDropdownPropsList=Nee;exports.HansIcon=ft;exports.HansIconPropsList=uE;exports.HansInput=ys;exports.HansKanban=HR;exports.HansKanbanColumn=U_;exports.HansKanbanColumnPropsList=ate;exports.HansKanbanItem=Y_;exports.HansKanbanItemPropsList=ite;exports.HansKanbanPropsList=tte;exports.HansLoading=Ye;exports.HansLoadingPropsList=Qee;exports.HansModal=$R;exports.HansModalPropsList=fte;exports.HansPopup=_u;exports.HansPopupPropsList=ste;exports.HansSelectOption=mm;exports.HansSelectOptionPropsList=Bee;exports.HansTable=ZR;exports.HansTablePropsList=vte;exports.HansTabs=jR;exports.HansTabsPropsList=pte;exports.HansTag=ym;exports.HansTagPropsList=jee;exports.HansToast=FR;exports.HansToastPropsList=ute;exports.HansToggle=cM;exports.HansTogglePropsList=zee;exports.assertCompleteHansTheme=QR;exports.clearThemeAttribute=KR;exports.getHansThemeVars=J_;exports.getManagedThemeVars=q_;exports.getMissingThemeEntries=JR;exports.getThemeCssVarName=qR;exports.getThemeTargets=j_;exports.normalizeThemeValue=Wi;exports.registerHansThemeApi=yte;exports.resetHansTheme=tE;exports.setHansTheme=eE;exports.setManagedThemeVars=K_;