@aic-kits/react 0.29.4 → 0.29.5

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.
package/dist/index.cjs CHANGED
@@ -205,7 +205,7 @@ function print() { __p += __j.call(arguments, '') }
205
205
  opacity: 0;
206
206
  `}
207
207
  white-space: nowrap;
208
- `,wa=({label:n,isActive:r,isLoading:i,dropdownItems:s=[],onClick:l,size:u="large",isDropdownOpen:f=!1,isDropdownItem:g=!1,onMouseEnter:v,paddingX:m,paddingY:T})=>{const b=pe().__hd__.header,x=b.navItem,w=r?x.active:x.inactive,_=h.useMemo(()=>g?"transparent":f?w.hoverBackgroundColor:w.backgroundColor,[g,f,w.backgroundColor,w.hoverBackgroundColor]);return S.jsxs(Vc,{onClick:l,onMouseEnter:v,$themeBackgroundColor:_,$themeBoxShadow:!g&&f?w.hoverBoxShadow:"none",$themeHoverBackgroundColor:g?"transparent":w.hoverBackgroundColor,$themeHoverBoxShadow:g?"none":w.hoverBoxShadow,$themeHoverColor:x.active.backgroundColor,$themeRadius:x.radius,$themePaddingX:m??x.paddingX,$themePaddingY:T??x.paddingY,$gap:b.loadingGap,children:[S.jsx(U,{display:"flex",justifyContent:"start",flex:1,children:S.jsx(Su,{$themeFontWeight:w.fontWeight,$themeFontSize:x[u].fontSize,$themeColor:w.color,$themeHoverColor:x.hover.color,$isLoading:i??!1,children:n})}),(s.length>0||f)&&S.jsxs(Su,{$themeFontWeight:w.fontWeight,$themeFontSize:x[u].fontSize,$themeColor:w.color,$themeHoverColor:x.hover.color,$isLoading:i??!1,$isDropdownOpen:f,$isDropdownItem:g,children:[s.length>0&&S.jsx(ga,{size:16,weight:"bold"}),g&&S.jsx(kr,{rotate:45,size:16,weight:"bold"})]}),S.jsx(U,{display:"flex",alignItems:"center",justifyContent:"center",absoluteFill:!0,opacity:i?1:0,transition:"opacity 0.2s ease-in-out",children:S.jsx(va,{size:x[u].loadingSize,color:w.color})})]})};function xv({userProfile:n,dropdownItems:r,maxHeight:i},s){const l=pe(),u=l.__hd__.header.profileDropdown,[f,g]=h.useState(!1),v=h.useRef(null),m=h.useRef(null),T=we.isString(u.minWidth)&&Fn(u.minWidth)?l.sizes[u.minWidth]:u.minWidth,$=we.isString(i)&&Fn(i)?l.sizes[i]:i||u.defaultMaxHeight,b=()=>{v.current&&clearTimeout(v.current),m.current&&clearTimeout(m.current)},x=(_=()=>{})=>{b(),g(!0),v.current=setTimeout(_,u.animationDuration)},w=(_=()=>{})=>{b(),g(!1),m.current=setTimeout(_,u.animationDuration)};return h.useImperativeHandle(s,()=>({showDropdown:x,hideDropdown:w})),S.jsx(U,{position:"absolute",top:u.offset.top,right:u.offset.right,minWidth:T,zIndex:f?l.zIndex.getZIndex("Dropdown"):-1,opacity:f?1:0,transition:`opacity ${u.animationDuration}ms ease-in-out, z-index ${u.animationDuration}ms ease-in-out`,onMouseEnter:()=>x(),onMouseLeave:()=>w(),children:S.jsxs(U,{overflow:"hidden",mt:u.spacingTop,mr:u.containerPaddingRight,padding:u.padding,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:f?$:0,transition:`max-height ${u.animationDuration}ms ease-in-out`,style:{borderRadius:u.borderRadius},display:"flex",flexDirection:"column",children:[n!=null&&n.name?S.jsx(U,{py:u.padding,mx:"md",children:S.jsx(Ve,{textAlign:"left",children:n.name})}):S.jsx(U,{py:u.padding,mx:"md",children:S.jsx(Ve,{textAlign:"left",children:n==null?void 0:n.email})}),S.jsx(U,{p:u.padding,children:S.jsx(Hc,{})}),r==null?void 0:r.map(_=>S.jsx(wa,{label:_.label,onClick:_.onClick,isActive:_.isActive,size:"medium",isDropdownItem:!0},_.label))]})})}const _v=h.forwardRef(xv),Uc=({isSignedIn:n=!1,isDropdownVisible:r,setIsDropdownVisible:i,userProfile:s,dropdownItems:l,profileDropdownMaxHeight:u,onProfileClick:f,onSignInClick:g,onRegisterClick:v})=>{const m=pe(),[T,$]=h.useState(!1),[b,x]=h.useState(!0),w=h.useDeferredValue(T),_=$r(),E=!ut()&&_==="xs";h.useEffect(()=>{ut()||($(!E),setTimeout(()=>{x(!1)},300))},[E]);const N=m.__hd__.header.avatarSize||"md",P=h.useRef(null),R=()=>{var B;i(!0),(B=P.current)==null||B.showDropdown()},I=()=>{var B;(B=P.current)==null||B.hideDropdown(()=>{i(!1)})};return h.useEffect(()=>{r?R():I()},[r]),S.jsx(Oi,{display:"flex",visible:b,maxWidth:w?"100%":"0px",maxHeight:w?"100%":"0px",opacity:w?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",children:[n?S.jsx(jt,{onClick:f,children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",p:"sm",r:"full",bgColor:"grey100",onMouseEnter:R,onMouseLeave:I,children:[S.jsx(Bc,{src:s==null?void 0:s.avatar,name:s==null?void 0:s.name,size:N}),(s==null?void 0:s.name)&&S.jsx(U,{ml:"sm",children:S.jsx(Ve,{fontWeight:"medium",children:s.name})})]})}):S.jsxs(S.Fragment,{children:[S.jsx(U,{mr:"md",children:S.jsx(ta,{text:"Sign in",variant:"text",color:"black",onClick:g})}),S.jsx(ta,{text:"Register",color:"primary",corner:"rounded",onClick:v})]}),n&&S.jsx(_v,{ref:P,userProfile:s,dropdownItems:l,maxHeight:u})]})})},Cv="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cg%3e%3c/g%3e%3c/defs%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(66.308093,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2095.3125%20-19.625%20L%2098.71875%20-19.625%20L%2098.71875%200%20C%2097.832031%200.375%2096.851562%200.71875%2095.78125%201.03125%20C%2094.71875%201.351562%2093.554688%201.515625%2092.296875%201.515625%20C%2087.265625%201.515625%2082.734375%200.351562%2078.703125%20-1.96875%20C%2074.679688%20-4.300781%2071.472656%20-7.421875%2069.078125%20-11.328125%20C%2066.054688%20-7.421875%2062.375%20-4.300781%2058.03125%20-1.96875%20C%2053.695312%200.351562%2048.757812%201.515625%2043.21875%201.515625%20C%2036.300781%201.515625%2030.007812%20-0.242188%2024.34375%20-3.765625%20C%2018.6875%20-7.296875%2014.1875%20-12.015625%2010.84375%20-17.921875%20C%207.507812%20-23.835938%205.84375%20-30.445312%205.84375%20-37.75%20C%205.84375%20-45.050781%207.507812%20-51.65625%2010.84375%20-57.5625%20C%2014.1875%20-63.476562%2018.6875%20-68.195312%2024.34375%20-71.71875%20C%2030.007812%20-75.25%2036.300781%20-77.015625%2043.21875%20-77.015625%20C%2047.625%20-77.015625%2051.617188%20-76.289062%2055.203125%20-74.84375%20C%2058.796875%20-73.394531%2061.972656%20-71.410156%2064.734375%20-68.890625%20L%2064.734375%20-75.5%20L%2088.71875%20-75.5%20L%2088.71875%20-26.984375%20C%2088.71875%20-23.835938%2089.40625%20-21.820312%2090.78125%20-20.9375%20C%2092.164062%20-20.0625%2093.675781%20-19.625%2095.3125%20-19.625%20Z%20M%2047.9375%20-19.8125%20C%2052.84375%20-19.8125%2057.054688%20-21.539062%2060.578125%20-25%20C%2064.109375%20-28.46875%2065.875%20-32.71875%2065.875%20-37.75%20C%2065.875%20-42.78125%2064.109375%20-47.023438%2060.578125%20-50.484375%20C%2057.054688%20-53.953125%2052.84375%20-55.6875%2047.9375%20-55.6875%20C%2042.90625%20-55.6875%2038.660156%20-53.953125%2035.203125%20-50.484375%20C%2031.742188%20-47.023438%2030.015625%20-42.78125%2030.015625%20-37.75%20C%2030.015625%20-32.71875%2031.742188%20-28.46875%2035.203125%20-25%20C%2038.660156%20-21.539062%2042.90625%20-19.8125%2047.9375%20-19.8125%20Z%20M%2047.9375%20-19.8125%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(167.850545,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2023.59375%20-88.140625%20C%2020.070312%20-88.140625%2016.988281%20-89.460938%2014.34375%20-92.109375%20C%2011.695312%20-94.753906%2010.375%20-97.835938%2010.375%20-101.359375%20C%2010.375%20-105.003906%2011.695312%20-108.117188%2014.34375%20-110.703125%20C%2016.988281%20-113.285156%2020.070312%20-114.578125%2023.59375%20-114.578125%20C%2027.238281%20-114.578125%2030.351562%20-113.285156%2032.9375%20-110.703125%20C%2035.519531%20-108.117188%2036.8125%20-105.003906%2036.8125%20-101.359375%20C%2036.8125%20-97.835938%2035.519531%20-94.753906%2032.9375%20-92.109375%20C%2030.351562%20-89.460938%2027.238281%20-88.140625%2023.59375%20-88.140625%20Z%20M%2011.515625%200%20L%2011.515625%20-75.5%20L%2035.484375%20-75.5%20L%2035.484375%200%20Z%20M%2011.515625%200%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(215.035693,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2047.9375%201.515625%20C%2039.507812%201.515625%2032.148438%20-0.179688%2025.859375%20-3.578125%20C%2019.566406%20-6.984375%2014.65625%20-11.640625%2011.125%20-17.546875%20C%207.601562%20-23.460938%205.84375%20-30.195312%205.84375%20-37.75%20C%205.84375%20-45.300781%207.601562%20-52.03125%2011.125%20-57.9375%20C%2014.65625%20-63.851562%2019.566406%20-68.507812%2025.859375%20-71.90625%20C%2032.148438%20-75.3125%2039.507812%20-77.015625%2047.9375%20-77.015625%20C%2059.269531%20-77.015625%2068.582031%20-74.023438%2075.875%20-68.046875%20C%2083.175781%20-62.066406%2087.644531%20-54.359375%2089.28125%20-44.921875%20L%2064.359375%20-44.921875%20C%2063.097656%20-48.191406%2061.019531%20-50.769531%2058.125%20-52.65625%20C%2055.238281%20-54.550781%2051.84375%20-55.5625%2047.9375%20-55.6875%20C%2042.78125%20-55.5625%2038.503906%20-53.828125%2035.109375%20-50.484375%20C%2031.710938%20-47.148438%2030.015625%20-42.90625%2030.015625%20-37.75%20C%2030.015625%20-32.71875%2031.710938%20-28.5%2035.109375%20-25.09375%20C%2038.503906%20-21.695312%2042.78125%20-19.9375%2047.9375%20-19.8125%20C%2051.84375%20-19.9375%2055.238281%20-20.972656%2058.125%20-22.921875%20C%2061.019531%20-24.878906%2063.097656%20-27.429688%2064.359375%20-30.578125%20L%2089.28125%20-30.578125%20C%2087.644531%20-21.140625%2083.175781%20-13.429688%2075.875%20-7.453125%20C%2068.582031%20-1.472656%2059.269531%201.515625%2047.9375%201.515625%20Z%20M%2047.9375%201.515625%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",qc=({onLogoClick:n})=>S.jsx(U,{children:S.jsx(jt,{onClick:n,children:S.jsx(Wt,{art:Cv,type:"svg",width:"lg",height:"lg"})})}),Sv=({dropdownMaxHeight:n,dropdownMinWidth:r,isDropdownOpen:i=!1,dropdownItems:s=[]})=>{const l=pe(),u=l.__hd__.header.navDropdown,f=we.isString(n)&&Fn(n)?l.sizes[n]:n||u.defaultMaxHeight,g=we.isString(r)&&Fn(r)?l.sizes[r]:r||u.minWidth;return S.jsx(U,{position:"absolute",top:"100%",left:0,minWidth:g,zIndex:i?l.zIndex.getZIndex("Dropdown"):-1,opacity:i?1:0,transition:`z-index ${u.animationDuration}ms ease-in, opacity ${u.animationDuration}ms ease-in`,children:S.jsx(U,{overflow:"hidden",display:"flex",flexDirection:"column",mt:u.spacingTop,px:u.paddingX,py:u.paddingY,gap:u.gap,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:i?f:0,transition:`max-height ${u.animationDuration}ms ease-in`,style:{borderRadius:u.borderRadius},children:s.length>0&&s.map((v,m)=>S.jsx(wa,{isDropdownOpen:!0,isDropdownItem:!0,size:"medium",paddingX:"none",paddingY:"none",...v},`nav-dropdown-item-${m}`))})})},Ev=xe.span`
208
+ `,wa=({label:n,isActive:r,isLoading:i,dropdownItems:s=[],onClick:l,size:u="large",isDropdownOpen:f=!1,isDropdownItem:g=!1,onMouseEnter:v,paddingX:m,paddingY:T})=>{const b=pe().__hd__.header,x=b.navItem,w=r?x.active:x.inactive,_=h.useMemo(()=>g?"transparent":f?w.hoverBackgroundColor:w.backgroundColor,[g,f,w.backgroundColor,w.hoverBackgroundColor]);return S.jsxs(Vc,{onClick:l,onMouseEnter:v,$themeBackgroundColor:_,$themeBoxShadow:!g&&f?w.hoverBoxShadow:"none",$themeHoverBackgroundColor:g?"transparent":w.hoverBackgroundColor,$themeHoverBoxShadow:g?"none":w.hoverBoxShadow,$themeHoverColor:x.active.backgroundColor,$themeRadius:x.radius,$themePaddingX:m??x.paddingX,$themePaddingY:T??x.paddingY,$gap:b.loadingGap,children:[S.jsx(U,{display:"flex",justifyContent:"start",flex:1,children:S.jsx(Su,{$themeFontWeight:w.fontWeight,$themeFontSize:x[u].fontSize,$themeColor:w.color,$themeHoverColor:x.hover.color,$isLoading:i??!1,children:n})}),(s.length>0||f)&&S.jsxs(Su,{$themeFontWeight:w.fontWeight,$themeFontSize:x[u].fontSize,$themeColor:w.color,$themeHoverColor:x.hover.color,$isLoading:i??!1,$isDropdownOpen:f,$isDropdownItem:g,children:[s.length>0&&S.jsx(ga,{size:16,weight:"bold"}),g&&S.jsx(kr,{rotate:45,size:16,weight:"bold"})]}),S.jsx(U,{display:"flex",alignItems:"center",justifyContent:"center",absoluteFill:!0,opacity:i?1:0,transition:"opacity 0.2s ease-in-out",children:S.jsx(va,{size:x[u].loadingSize,color:w.color})})]})};function xv({userProfile:n,dropdownItems:r,maxHeight:i},s){const l=pe(),u=l.__hd__.header.profileDropdown,[f,g]=h.useState(!1),v=h.useRef(null),m=h.useRef(null),T=we.isString(u.minWidth)&&Fn(u.minWidth)?l.sizes[u.minWidth]:u.minWidth,$=we.isString(i)&&Fn(i)?l.sizes[i]:i||u.defaultMaxHeight,b=()=>{v.current&&clearTimeout(v.current),m.current&&clearTimeout(m.current)},x=(_=()=>{})=>{b(),g(!0),v.current=setTimeout(_,u.animationDuration)},w=(_=()=>{})=>{b(),g(!1),m.current=setTimeout(_,u.animationDuration)};return h.useImperativeHandle(s,()=>({showDropdown:x,hideDropdown:w})),S.jsx(U,{position:"absolute",top:u.offset.top,right:u.offset.right,minWidth:T,zIndex:f?l.zIndex.getZIndex("AIC_Kits_Dropdown"):-1,opacity:f?1:0,transition:`opacity ${u.animationDuration}ms ease-in-out, z-index ${u.animationDuration}ms ease-in-out`,onMouseEnter:()=>x(),onMouseLeave:()=>w(),children:S.jsxs(U,{overflow:"hidden",mt:u.spacingTop,mr:u.containerPaddingRight,padding:u.padding,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:f?$:0,transition:`max-height ${u.animationDuration}ms ease-in-out`,style:{borderRadius:u.borderRadius},display:"flex",flexDirection:"column",children:[n!=null&&n.name?S.jsx(U,{py:u.padding,mx:"md",children:S.jsx(Ve,{textAlign:"left",children:n.name})}):S.jsx(U,{py:u.padding,mx:"md",children:S.jsx(Ve,{textAlign:"left",children:n==null?void 0:n.email})}),S.jsx(U,{p:u.padding,children:S.jsx(Hc,{})}),r==null?void 0:r.map(_=>S.jsx(wa,{label:_.label,onClick:_.onClick,isActive:_.isActive,size:"medium",isDropdownItem:!0},_.label))]})})}const _v=h.forwardRef(xv),Uc=({isSignedIn:n=!1,isDropdownVisible:r,setIsDropdownVisible:i,userProfile:s,dropdownItems:l,profileDropdownMaxHeight:u,onProfileClick:f,onSignInClick:g,onRegisterClick:v})=>{const m=pe(),[T,$]=h.useState(!1),[b,x]=h.useState(!0),w=h.useDeferredValue(T),_=$r(),E=!ut()&&_==="xs";h.useEffect(()=>{ut()||($(!E),setTimeout(()=>{x(!1)},300))},[E]);const N=m.__hd__.header.avatarSize||"md",P=h.useRef(null),R=()=>{var B;i(!0),(B=P.current)==null||B.showDropdown()},I=()=>{var B;(B=P.current)==null||B.hideDropdown(()=>{i(!1)})};return h.useEffect(()=>{r?R():I()},[r]),S.jsx(Oi,{display:"flex",visible:b,maxWidth:w?"100%":"0px",maxHeight:w?"100%":"0px",opacity:w?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",children:[n?S.jsx(jt,{onClick:f,children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",p:"sm",r:"full",bgColor:"grey100",onMouseEnter:R,onMouseLeave:I,children:[S.jsx(Bc,{src:s==null?void 0:s.avatar,name:s==null?void 0:s.name,size:N}),(s==null?void 0:s.name)&&S.jsx(U,{ml:"sm",children:S.jsx(Ve,{fontWeight:"medium",children:s.name})})]})}):S.jsxs(S.Fragment,{children:[S.jsx(U,{mr:"md",children:S.jsx(ta,{text:"Sign in",variant:"text",color:"black",onClick:g})}),S.jsx(ta,{text:"Register",color:"primary",corner:"rounded",onClick:v})]}),n&&S.jsx(_v,{ref:P,userProfile:s,dropdownItems:l,maxHeight:u})]})})},Cv="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cg%3e%3c/g%3e%3c/defs%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(66.308093,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2095.3125%20-19.625%20L%2098.71875%20-19.625%20L%2098.71875%200%20C%2097.832031%200.375%2096.851562%200.71875%2095.78125%201.03125%20C%2094.71875%201.351562%2093.554688%201.515625%2092.296875%201.515625%20C%2087.265625%201.515625%2082.734375%200.351562%2078.703125%20-1.96875%20C%2074.679688%20-4.300781%2071.472656%20-7.421875%2069.078125%20-11.328125%20C%2066.054688%20-7.421875%2062.375%20-4.300781%2058.03125%20-1.96875%20C%2053.695312%200.351562%2048.757812%201.515625%2043.21875%201.515625%20C%2036.300781%201.515625%2030.007812%20-0.242188%2024.34375%20-3.765625%20C%2018.6875%20-7.296875%2014.1875%20-12.015625%2010.84375%20-17.921875%20C%207.507812%20-23.835938%205.84375%20-30.445312%205.84375%20-37.75%20C%205.84375%20-45.050781%207.507812%20-51.65625%2010.84375%20-57.5625%20C%2014.1875%20-63.476562%2018.6875%20-68.195312%2024.34375%20-71.71875%20C%2030.007812%20-75.25%2036.300781%20-77.015625%2043.21875%20-77.015625%20C%2047.625%20-77.015625%2051.617188%20-76.289062%2055.203125%20-74.84375%20C%2058.796875%20-73.394531%2061.972656%20-71.410156%2064.734375%20-68.890625%20L%2064.734375%20-75.5%20L%2088.71875%20-75.5%20L%2088.71875%20-26.984375%20C%2088.71875%20-23.835938%2089.40625%20-21.820312%2090.78125%20-20.9375%20C%2092.164062%20-20.0625%2093.675781%20-19.625%2095.3125%20-19.625%20Z%20M%2047.9375%20-19.8125%20C%2052.84375%20-19.8125%2057.054688%20-21.539062%2060.578125%20-25%20C%2064.109375%20-28.46875%2065.875%20-32.71875%2065.875%20-37.75%20C%2065.875%20-42.78125%2064.109375%20-47.023438%2060.578125%20-50.484375%20C%2057.054688%20-53.953125%2052.84375%20-55.6875%2047.9375%20-55.6875%20C%2042.90625%20-55.6875%2038.660156%20-53.953125%2035.203125%20-50.484375%20C%2031.742188%20-47.023438%2030.015625%20-42.78125%2030.015625%20-37.75%20C%2030.015625%20-32.71875%2031.742188%20-28.46875%2035.203125%20-25%20C%2038.660156%20-21.539062%2042.90625%20-19.8125%2047.9375%20-19.8125%20Z%20M%2047.9375%20-19.8125%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(167.850545,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2023.59375%20-88.140625%20C%2020.070312%20-88.140625%2016.988281%20-89.460938%2014.34375%20-92.109375%20C%2011.695312%20-94.753906%2010.375%20-97.835938%2010.375%20-101.359375%20C%2010.375%20-105.003906%2011.695312%20-108.117188%2014.34375%20-110.703125%20C%2016.988281%20-113.285156%2020.070312%20-114.578125%2023.59375%20-114.578125%20C%2027.238281%20-114.578125%2030.351562%20-113.285156%2032.9375%20-110.703125%20C%2035.519531%20-108.117188%2036.8125%20-105.003906%2036.8125%20-101.359375%20C%2036.8125%20-97.835938%2035.519531%20-94.753906%2032.9375%20-92.109375%20C%2030.351562%20-89.460938%2027.238281%20-88.140625%2023.59375%20-88.140625%20Z%20M%2011.515625%200%20L%2011.515625%20-75.5%20L%2035.484375%20-75.5%20L%2035.484375%200%20Z%20M%2011.515625%200%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%20fill='%230a1420'%20fill-opacity='1'%3e%3cg%20transform='translate(215.035693,%20231.512278)'%3e%3cg%3e%3cpath%20d='M%2047.9375%201.515625%20C%2039.507812%201.515625%2032.148438%20-0.179688%2025.859375%20-3.578125%20C%2019.566406%20-6.984375%2014.65625%20-11.640625%2011.125%20-17.546875%20C%207.601562%20-23.460938%205.84375%20-30.195312%205.84375%20-37.75%20C%205.84375%20-45.300781%207.601562%20-52.03125%2011.125%20-57.9375%20C%2014.65625%20-63.851562%2019.566406%20-68.507812%2025.859375%20-71.90625%20C%2032.148438%20-75.3125%2039.507812%20-77.015625%2047.9375%20-77.015625%20C%2059.269531%20-77.015625%2068.582031%20-74.023438%2075.875%20-68.046875%20C%2083.175781%20-62.066406%2087.644531%20-54.359375%2089.28125%20-44.921875%20L%2064.359375%20-44.921875%20C%2063.097656%20-48.191406%2061.019531%20-50.769531%2058.125%20-52.65625%20C%2055.238281%20-54.550781%2051.84375%20-55.5625%2047.9375%20-55.6875%20C%2042.78125%20-55.5625%2038.503906%20-53.828125%2035.109375%20-50.484375%20C%2031.710938%20-47.148438%2030.015625%20-42.90625%2030.015625%20-37.75%20C%2030.015625%20-32.71875%2031.710938%20-28.5%2035.109375%20-25.09375%20C%2038.503906%20-21.695312%2042.78125%20-19.9375%2047.9375%20-19.8125%20C%2051.84375%20-19.9375%2055.238281%20-20.972656%2058.125%20-22.921875%20C%2061.019531%20-24.878906%2063.097656%20-27.429688%2064.359375%20-30.578125%20L%2089.28125%20-30.578125%20C%2087.644531%20-21.140625%2083.175781%20-13.429688%2075.875%20-7.453125%20C%2068.582031%20-1.472656%2059.269531%201.515625%2047.9375%201.515625%20Z%20M%2047.9375%201.515625%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",qc=({onLogoClick:n})=>S.jsx(U,{children:S.jsx(jt,{onClick:n,children:S.jsx(Wt,{art:Cv,type:"svg",width:"lg",height:"lg"})})}),Sv=({dropdownMaxHeight:n,dropdownMinWidth:r,isDropdownOpen:i=!1,dropdownItems:s=[]})=>{const l=pe(),u=l.__hd__.header.navDropdown,f=we.isString(n)&&Fn(n)?l.sizes[n]:n||u.defaultMaxHeight,g=we.isString(r)&&Fn(r)?l.sizes[r]:r||u.minWidth;return S.jsx(U,{position:"absolute",top:"100%",left:0,minWidth:g,zIndex:i?l.zIndex.getZIndex("AIC_Kits_Dropdown"):-1,opacity:i?1:0,transition:`z-index ${u.animationDuration}ms ease-in, opacity ${u.animationDuration}ms ease-in`,children:S.jsx(U,{overflow:"hidden",display:"flex",flexDirection:"column",mt:u.spacingTop,px:u.paddingX,py:u.paddingY,gap:u.gap,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:i?f:0,transition:`max-height ${u.animationDuration}ms ease-in`,style:{borderRadius:u.borderRadius},children:s.length>0&&s.map((v,m)=>S.jsx(wa,{isDropdownOpen:!0,isDropdownItem:!0,size:"medium",paddingX:"none",paddingY:"none",...v},`nav-dropdown-item-${m}`))})})},Ev=xe.span`
209
209
  position: relative;
210
210
  `,Av=({item:n,index:r,openItemIndex:i,handleNavItemMouseEnter:s,handleNavItemMouseLeave:l})=>{var v,m;const[u,f]=h.useState(0),g=h.useRef(null);return h.useLayoutEffect(()=>{g.current&&f(g.current.offsetWidth)},[n]),S.jsxs(Ev,{onMouseLeave:l,onMouseEnter:()=>s(n,r),children:[S.jsx(U,{ref:g,display:"inline-block",children:S.jsx(wa,{...n,isActive:i!==r&&(n.isActive||((v=n.dropdownItems)==null?void 0:v.some(T=>T.isActive)))||n.isActive,isLoading:i!==r&&(n.isLoading||((m=n.dropdownItems)==null?void 0:m.some(T=>T.isLoading)))||n.isLoading,isDropdownOpen:i===r})}),n.dropdownItems&&n.dropdownItems.length>0&&S.jsx(Sv,{dropdownItems:n.dropdownItems,isDropdownOpen:i===r,dropdownMinWidth:u})]})},Gc=({navItems:n=[]})=>{const i=pe().__hd__.header,s=h.useRef(null),[l,u]=h.useState(!1),[f,g]=h.useState(!0),v=$r(),m=!ut()&&v==="xs",[T,$]=h.useState(null);h.useEffect(()=>{ut()||(u(!m),setTimeout(()=>{g(!1)},300))},[m]);const b=h.useDeferredValue(l),x=(_,E)=>{_.dropdownItems&&_.dropdownItems.length>0&&$(E)},w=()=>{$(null)};return S.jsx(Oi,{display:"flex",visible:f,maxWidth:b?"100%":"0px",maxHeight:b?"100%":"0px",opacity:b?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",py:"sm",children:S.jsx(U,{ref:s,display:"flex",flexDirection:"row",justifyContent:"center",flex:1,mx:"xl",gap:i.navItem.gap,p:i.padding,r:i.radius,bgColor:i.backgroundColor,children:n.map((_,E)=>S.jsx(Av,{item:_,index:E,openItemIndex:T,handleNavItemMouseEnter:x,handleNavItemMouseLeave:w},`nav-item-wrapper-${E}`))})})};function Tv({backgroundColor:n="white",navItems:r=[],isSignedIn:i=!1,userProfile:s,profileDropdownItems:l,profileDropdownMaxHeight:u,onLogoClick:f,onNavItemClick:g,onSignInClick:v,onRegisterClick:m,onProfileClick:T,...$},b){const[x,w]=h.useState(!1);return h.useImperativeHandle(b,()=>({showDropdown:()=>w(!0),hideDropdown:()=>w(!1)})),S.jsxs(U,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",p:"md",bgColor:n,...$,children:[S.jsx(qc,{onLogoClick:f}),S.jsx(Gc,{navItems:r,onNavItemClick:g}),S.jsx(Uc,{isSignedIn:i,isDropdownVisible:x,setIsDropdownVisible:w,userProfile:s,dropdownItems:l,profileDropdownMaxHeight:u,onSignInClick:v,onRegisterClick:m,onProfileClick:T})]})}const Kc=h.forwardRef(Tv),kv=(n,r,i)=>{let s={};return n?r==="padded"?(s.maxWidth=void 0,s.px=i.desktopPaddingX):(s.maxWidth=i.desktopContentMaxWidth,s.px=i.mobilePaddingX):(s.maxWidth=void 0,s.px=i.mobilePaddingX),s},$v=(n,r)=>{const i={};return n&&r==="maxWidth"&&(i.marginLeft="auto",i.marginRight="auto"),i},Rv=({children:n,backgroundColor:r="white",header:i,contentLayoutMode:s="maxWidth",style:l,...u})=>{const g=pe().__hd__.base,v=$r(),m=ut()||v==="md"||v==="lg"||v==="xl",T=kv(m,s,g),$=$v(m,s);return S.jsxs(U,{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",bgColor:r,style:l,...u,children:[i&&S.jsx(Kc,{...i}),S.jsx(U,{flex:1,overflow:"visible",position:"relative",width:"100%",...T,style:$,children:n})]})},Iv=xe.div`
211
211
  display: flex;
@@ -283,7 +283,7 @@ function print() { __p += __j.call(arguments, '') }
283
283
  `,E3=xe(kr)`
284
284
  transition: color 0.2s ease;
285
285
  color: ${({$color:n,theme:r})=>r.colors[n]};
286
- `;function Iu({isLeft:n,onPrev:r,onNext:i}){const s=h.useRef(null),l=Pi(s),u=pe(),f=u.__hd__.carousel.navigation,g=u.spaces[f.buttonPadding]*2+u.sizes[f.iconSize],v=rt(u,f.iconSize),m=l?f.buttonBackgroundColor:f.buttonColor,T=typeof v=="string"?parseInt(v,10):v;return S.jsx(jt,{onClick:n?r:i,ml:n?{xs:"none",sm:f.marginHorizontal}:void 0,mr:n?void 0:{xs:"none",sm:f.marginHorizontal},ref:s,children:S.jsx(U,{display:"flex",justifyContent:"center",alignItems:"center",width:g,height:g,p:f.buttonPadding,r:f.buttonBorderRadius,bgColor:l?f.buttonColor:f.buttonBackgroundColor,transition:"background-color 0.2s ease",zIndex:u.zIndex.getZIndex("Carousel"),boxShadow:"0 0 16px 0 rgba(0, 0, 0, 0.1)",ref:s,children:n?S.jsx(S3,{size:T,weight:"bold",$color:m}):S.jsx(E3,{size:T,weight:"bold",$color:m})})})}function A3({itemsCount:n,activeIndex:r,onDotClick:i}){const s=pe(),l=s.__hd__.carousel.pagination,u=l.container,f=rt(s,l.dotSize);return S.jsx(U,{display:"flex",justifyContent:"center",alignItems:"center",mt:u.marginTop,p:u.padding,r:u.borderRadius,bgColor:u.backgroundColor,gap:u.gap,children:Array.from({length:n}).map((g,v)=>S.jsx(U,{width:f,height:f,r:l.dotBorderRadius,bgColor:v===r?l.activeColor:l.inactiveColor,cursor:"pointer",transition:"background-color 0.3s ease",onClick:()=>i(v)},`dot-${v}`))})}function T3({items:n,renderItem:r,showPagination:i=!0,showNavigation:s=!0,autoPlay:l=!1,autoScroll:u=!1,initialIndex:f=0,onIndexChange:g,keyExtractor:v,itemSpacing:m,itemsPerView:T=1,itemWidth:$,infiniteLoop:b=!1,...x},w){const _=pe(),{width:E}=Wc(),N=_.__hd__.carousel,P=h.useMemo(()=>{const X=n.length%T;return X===0?n:n.slice(0,n.length-X)},[n,T]),[R,I]=h.useState(f),[B,D]=h.useState(f),Z=h.useRef(null),V=h.useRef(null),de=h.useRef(null),me=h.useRef(!1),[_e,W]=h.useState(!1),[M,H]=h.useState(null),[ee,q]=h.useState(0),G=!!u,J=G?1:Math.max(1,T),Ce=G?void 0:y3(_,$),Se=_.spaces[m||N.container.defaultItemSpacing]||0,Me=G?!1:i,Ue=G?!1:s,Ie=b&&!G&&P.length>1,qe=Math.max(0,P.length-J),Qe=Math.ceil(P.length/J),Ke=typeof l=="object"&&l.delay||3e3,$t=h.useCallback(X=>{if(P.length===0)return 0;for(;X<0;)X+=P.length;return X%P.length},[P.length]),bt=h.useCallback(X=>{if(!Ie)return{virtualIndex:X,realIndex:X,needsSnap:!1};let Ee=X,Oe=X,ae=!1;return X<0||X>qe?(Ee=P.length+X,Oe=$t(X),ae=!0):(Ee=P.length+X,Oe=X,ae=!1),{virtualIndex:Ee,realIndex:Oe,needsSnap:ae}},[Ie,P.length,qe,$t]),Dt=h.useCallback(X=>{if(!Ie||!Z.current)return;const Ee=P.length+X,Oe=Yo(Ee,J,Se,Ce);Z.current.style.transition="none",Z.current.style.transform=`translateX(${Oe})`,D(Ee),requestAnimationFrame(()=>{Z.current&&(Z.current.style.transition="")})},[Ie,P.length,J,Se,Ce]),Jt=h.useCallback(()=>{if(Z.current){const X=window.getComputedStyle(Z.current),Ee=new DOMMatrixReadOnly(X.transform);q(Ee.e)}},[]),ze=h.useCallback(X=>{const Ee=Ie?X:Math.max(0,Math.min(X,qe)),Oe=bt(Ee),ae=Math.max(0,Math.min(Ee,qe));if((ae!==R||_e)&&(I(ae),g==null||g(ae)),Z.current&&!G){const ue=Oe.virtualIndex;D(ue);const te=Yo(ue,J,Se,Ce);Z.current.style.transform=`translateX(${te})`,Z.current.style.transition="",queueMicrotask(()=>{Jt()}),Oe.needsSnap&&(de.current&&clearTimeout(de.current),de.current=setTimeout(()=>{Dt(Oe.realIndex),I(Oe.realIndex),g==null||g(Oe.realIndex)},500))}},[Ie,qe,R,g,G,J,Se,Ce,Jt,_e,bt,Dt]),wt=h.useCallback(()=>{b&&P.length>0?ze(R+J):ze(Math.min(R+J,qe))},[b,R,J,qe,P.length,ze]),yt=h.useCallback(()=>{b&&P.length>0?ze(R-J):ze(Math.max(R-J,0))},[b,R,J,P.length,ze]);h.useImperativeHandle(w,()=>({goToIndex:ze,goToNext:wt,goToPrev:yt}));const Be=h.useCallback(()=>{V.current&&clearTimeout(V.current)},[]),ct=()=>{me.current=!0,l&&!G&&Be(),G&&Z.current&&(Z.current.style.animationPlayState="paused")},or=h.useCallback(()=>{if(me.current=!1,l&&!G&&!_e){Be();const X=(R+1)%P.length,Ee=Math.min(X,qe);V.current=setTimeout(()=>ze(Ee),Ke)}G&&Z.current&&(Z.current.style.animationPlayState="running")},[l,G,_e,Be,R,P.length,qe,Ke,ze]),Je=h.useCallback(X=>{G||n.length<=J||(de.current&&(clearTimeout(de.current),de.current=null),Jt(),Be(),W(!0),H(X),Z.current&&(Z.current.style.transition="none"))},[G,Be,n.length,J,Jt]),Nt=h.useCallback(X=>{if(!_e||M===null||G||!Z.current)return;const Ee=X-M;Z.current.style.transform=`translateX(${ee+Ee}px)`},[_e,M,G,ee]),Gt=h.useCallback(()=>{if(!_e||M===null||G)return;W(!1);let X=Ce;!X&&Z.current&&Z.current.firstChild&&(X=Z.current.firstChild.clientWidth),!X&&Z.current&&(X=Z.current.clientWidth/J);const Ee=(X||0)/3;if(Z.current){const Oe=window.getComputedStyle(Z.current),te=new DOMMatrixReadOnly(Oe.transform).e-ee;Z.current.style.transition="",Math.abs(te)>Ee?te<0?wt():yt():ze(R)}H(null),l&&!me.current&&(V.current=setTimeout(()=>wt(),Ke))},[_e,M,G,Ce,J,wt,yt,R,l,Ke,ee,ze]),en=Math.floor(R/J),et=X=>ze(X*J);h.useEffect(()=>{if(!l||G||me.current||_e){Be();return}const X=(R+1)%P.length,Ee=Math.min(X,qe);return V.current=setTimeout(()=>ze(Ee),Ke),Be},[R,l,Ke,ze,Be,G,P.length,qe,_e]),h.useEffect(()=>{if(!ut()){if(Ie){const X=P.length+f;if(D(X),Z.current){const Ee=Yo(X,J,Se,Ce);Z.current.style.transform=`translateX(${Ee})`,Z.current.style.transition="none",requestAnimationFrame(()=>{Z.current&&(Z.current.style.transition="")})}}ze(f)}},[E,f,Ie,P.length,J,Se,Ce]),h.useEffect(()=>()=>{V.current&&clearTimeout(V.current),de.current&&clearTimeout(de.current)},[]);const Kt=()=>{_e&&Z.current&&Gt(),or()};return S.jsxs(U,{fw:!0,overflow:"hidden",onMouseEnter:ct,onMouseLeave:Kt,onTouchStart:X=>Je(X.touches[0].clientX),onTouchMove:X=>Nt(X.touches[0].clientX),onTouchEnd:Gt,onMouseDown:X=>{X.button===0&&Je(X.clientX)},onMouseMove:X=>{X.buttons===1&&_e&&Nt(X.clientX)},onMouseUp:X=>{X.button===0&&_e&&Gt()},display:"flex",flexDirection:"column",alignItems:"center",...x,children:[S.jsxs(U,{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",fw:!0,children:[S.jsx(C3,{itemsWrapperRef:Z,itemSpacing:m,activeIndex:R,virtualActiveIndex:B,items:P,renderItem:r,keyExtractor:v,autoScroll:u,itemsPerView:J,itemWidth:Ce,infiniteLoop:b}),Ue&&n.length>J&&S.jsx(U,{position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",children:S.jsx(Iu,{isLeft:!0,onPrev:yt,onNext:wt})}),Ue&&n.length>J&&S.jsx(U,{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:S.jsx(Iu,{isLeft:!1,onPrev:yt,onNext:wt})})]}),Me&&Qe>1&&S.jsx(A3,{itemsCount:Qe,activeIndex:en,onDotClick:et})]})}const k3=h.forwardRef(T3);function $3({renderContent:n,isExpanded:r}){const s=pe().__hd__.accordion,l=s.animation,u=h.useRef(null),[f,g]=h.useState(0);return h.useEffect(()=>{r&&u.current&&g(u.current.scrollHeight)},[r,n]),S.jsx(U,{overflow:"hidden",transition:`height ${l.duration}ms ${l.easing},
286
+ `;function Iu({isLeft:n,onPrev:r,onNext:i}){const s=h.useRef(null),l=Pi(s),u=pe(),f=u.__hd__.carousel.navigation,g=u.spaces[f.buttonPadding]*2+u.sizes[f.iconSize],v=rt(u,f.iconSize),m=l?f.buttonBackgroundColor:f.buttonColor,T=typeof v=="string"?parseInt(v,10):v;return S.jsx(jt,{onClick:n?r:i,ml:n?{xs:"none",sm:f.marginHorizontal}:void 0,mr:n?void 0:{xs:"none",sm:f.marginHorizontal},ref:s,children:S.jsx(U,{display:"flex",justifyContent:"center",alignItems:"center",width:g,height:g,p:f.buttonPadding,r:f.buttonBorderRadius,bgColor:l?f.buttonColor:f.buttonBackgroundColor,transition:"background-color 0.2s ease",zIndex:u.zIndex.getZIndex("AIC_Kits_Carousel"),boxShadow:"0 0 16px 0 rgba(0, 0, 0, 0.1)",ref:s,children:n?S.jsx(S3,{size:T,weight:"bold",$color:m}):S.jsx(E3,{size:T,weight:"bold",$color:m})})})}function A3({itemsCount:n,activeIndex:r,onDotClick:i}){const s=pe(),l=s.__hd__.carousel.pagination,u=l.container,f=rt(s,l.dotSize);return S.jsx(U,{display:"flex",justifyContent:"center",alignItems:"center",mt:u.marginTop,p:u.padding,r:u.borderRadius,bgColor:u.backgroundColor,gap:u.gap,children:Array.from({length:n}).map((g,v)=>S.jsx(U,{width:f,height:f,r:l.dotBorderRadius,bgColor:v===r?l.activeColor:l.inactiveColor,cursor:"pointer",transition:"background-color 0.3s ease",onClick:()=>i(v)},`dot-${v}`))})}function T3({items:n,renderItem:r,showPagination:i=!0,showNavigation:s=!0,autoPlay:l=!1,autoScroll:u=!1,initialIndex:f=0,onIndexChange:g,keyExtractor:v,itemSpacing:m,itemsPerView:T=1,itemWidth:$,infiniteLoop:b=!1,...x},w){const _=pe(),{width:E}=Wc(),N=_.__hd__.carousel,P=h.useMemo(()=>{const X=n.length%T;return X===0?n:n.slice(0,n.length-X)},[n,T]),[R,I]=h.useState(f),[B,D]=h.useState(f),Z=h.useRef(null),V=h.useRef(null),de=h.useRef(null),me=h.useRef(!1),[_e,W]=h.useState(!1),[M,H]=h.useState(null),[ee,q]=h.useState(0),G=!!u,J=G?1:Math.max(1,T),Ce=G?void 0:y3(_,$),Se=_.spaces[m||N.container.defaultItemSpacing]||0,Me=G?!1:i,Ue=G?!1:s,Ie=b&&!G&&P.length>1,qe=Math.max(0,P.length-J),Qe=Math.ceil(P.length/J),Ke=typeof l=="object"&&l.delay||3e3,$t=h.useCallback(X=>{if(P.length===0)return 0;for(;X<0;)X+=P.length;return X%P.length},[P.length]),bt=h.useCallback(X=>{if(!Ie)return{virtualIndex:X,realIndex:X,needsSnap:!1};let Ee=X,Oe=X,ae=!1;return X<0||X>qe?(Ee=P.length+X,Oe=$t(X),ae=!0):(Ee=P.length+X,Oe=X,ae=!1),{virtualIndex:Ee,realIndex:Oe,needsSnap:ae}},[Ie,P.length,qe,$t]),Dt=h.useCallback(X=>{if(!Ie||!Z.current)return;const Ee=P.length+X,Oe=Yo(Ee,J,Se,Ce);Z.current.style.transition="none",Z.current.style.transform=`translateX(${Oe})`,D(Ee),requestAnimationFrame(()=>{Z.current&&(Z.current.style.transition="")})},[Ie,P.length,J,Se,Ce]),Jt=h.useCallback(()=>{if(Z.current){const X=window.getComputedStyle(Z.current),Ee=new DOMMatrixReadOnly(X.transform);q(Ee.e)}},[]),ze=h.useCallback(X=>{const Ee=Ie?X:Math.max(0,Math.min(X,qe)),Oe=bt(Ee),ae=Math.max(0,Math.min(Ee,qe));if((ae!==R||_e)&&(I(ae),g==null||g(ae)),Z.current&&!G){const ue=Oe.virtualIndex;D(ue);const te=Yo(ue,J,Se,Ce);Z.current.style.transform=`translateX(${te})`,Z.current.style.transition="",queueMicrotask(()=>{Jt()}),Oe.needsSnap&&(de.current&&clearTimeout(de.current),de.current=setTimeout(()=>{Dt(Oe.realIndex),I(Oe.realIndex),g==null||g(Oe.realIndex)},500))}},[Ie,qe,R,g,G,J,Se,Ce,Jt,_e,bt,Dt]),wt=h.useCallback(()=>{b&&P.length>0?ze(R+J):ze(Math.min(R+J,qe))},[b,R,J,qe,P.length,ze]),yt=h.useCallback(()=>{b&&P.length>0?ze(R-J):ze(Math.max(R-J,0))},[b,R,J,P.length,ze]);h.useImperativeHandle(w,()=>({goToIndex:ze,goToNext:wt,goToPrev:yt}));const Be=h.useCallback(()=>{V.current&&clearTimeout(V.current)},[]),ct=()=>{me.current=!0,l&&!G&&Be(),G&&Z.current&&(Z.current.style.animationPlayState="paused")},or=h.useCallback(()=>{if(me.current=!1,l&&!G&&!_e){Be();const X=(R+1)%P.length,Ee=Math.min(X,qe);V.current=setTimeout(()=>ze(Ee),Ke)}G&&Z.current&&(Z.current.style.animationPlayState="running")},[l,G,_e,Be,R,P.length,qe,Ke,ze]),Je=h.useCallback(X=>{G||n.length<=J||(de.current&&(clearTimeout(de.current),de.current=null),Jt(),Be(),W(!0),H(X),Z.current&&(Z.current.style.transition="none"))},[G,Be,n.length,J,Jt]),Nt=h.useCallback(X=>{if(!_e||M===null||G||!Z.current)return;const Ee=X-M;Z.current.style.transform=`translateX(${ee+Ee}px)`},[_e,M,G,ee]),Gt=h.useCallback(()=>{if(!_e||M===null||G)return;W(!1);let X=Ce;!X&&Z.current&&Z.current.firstChild&&(X=Z.current.firstChild.clientWidth),!X&&Z.current&&(X=Z.current.clientWidth/J);const Ee=(X||0)/3;if(Z.current){const Oe=window.getComputedStyle(Z.current),te=new DOMMatrixReadOnly(Oe.transform).e-ee;Z.current.style.transition="",Math.abs(te)>Ee?te<0?wt():yt():ze(R)}H(null),l&&!me.current&&(V.current=setTimeout(()=>wt(),Ke))},[_e,M,G,Ce,J,wt,yt,R,l,Ke,ee,ze]),en=Math.floor(R/J),et=X=>ze(X*J);h.useEffect(()=>{if(!l||G||me.current||_e){Be();return}const X=(R+1)%P.length,Ee=Math.min(X,qe);return V.current=setTimeout(()=>ze(Ee),Ke),Be},[R,l,Ke,ze,Be,G,P.length,qe,_e]),h.useEffect(()=>{if(!ut()){if(Ie){const X=P.length+f;if(D(X),Z.current){const Ee=Yo(X,J,Se,Ce);Z.current.style.transform=`translateX(${Ee})`,Z.current.style.transition="none",requestAnimationFrame(()=>{Z.current&&(Z.current.style.transition="")})}}ze(f)}},[E,f,Ie,P.length,J,Se,Ce]),h.useEffect(()=>()=>{V.current&&clearTimeout(V.current),de.current&&clearTimeout(de.current)},[]);const Kt=()=>{_e&&Z.current&&Gt(),or()};return S.jsxs(U,{fw:!0,overflow:"hidden",onMouseEnter:ct,onMouseLeave:Kt,onTouchStart:X=>Je(X.touches[0].clientX),onTouchMove:X=>Nt(X.touches[0].clientX),onTouchEnd:Gt,onMouseDown:X=>{X.button===0&&Je(X.clientX)},onMouseMove:X=>{X.buttons===1&&_e&&Nt(X.clientX)},onMouseUp:X=>{X.button===0&&_e&&Gt()},display:"flex",flexDirection:"column",alignItems:"center",...x,children:[S.jsxs(U,{position:"relative",display:"flex",justifyContent:"center",alignItems:"center",fw:!0,children:[S.jsx(C3,{itemsWrapperRef:Z,itemSpacing:m,activeIndex:R,virtualActiveIndex:B,items:P,renderItem:r,keyExtractor:v,autoScroll:u,itemsPerView:J,itemWidth:Ce,infiniteLoop:b}),Ue&&n.length>J&&S.jsx(U,{position:"absolute",left:0,top:"50%",transform:"translateY(-50%)",children:S.jsx(Iu,{isLeft:!0,onPrev:yt,onNext:wt})}),Ue&&n.length>J&&S.jsx(U,{position:"absolute",right:0,top:"50%",transform:"translateY(-50%)",children:S.jsx(Iu,{isLeft:!1,onPrev:yt,onNext:wt})})]}),Me&&Qe>1&&S.jsx(A3,{itemsCount:Qe,activeIndex:en,onDotClick:et})]})}const k3=h.forwardRef(T3);function $3({renderContent:n,isExpanded:r}){const s=pe().__hd__.accordion,l=s.animation,u=h.useRef(null),[f,g]=h.useState(0);return h.useEffect(()=>{r&&u.current&&g(u.current.scrollHeight)},[r,n]),S.jsx(U,{overflow:"hidden",transition:`height ${l.duration}ms ${l.easing},
287
287
  opacity ${l.duration}ms ${l.easing}`,height:r?f:0,opacity:r?1:0,children:S.jsx(U,{ref:u,pt:s.gap,children:n()})})}const R3=xe(kr)`
288
288
  transition: transform ${({$duration:n,$easing:r})=>`${n}ms ${r}`};
289
289
  transform: rotate(${({$isExpanded:n})=>n?"90deg":"0deg"});
@@ -309,7 +309,7 @@ function print() { __p += __j.call(arguments, '') }
309
309
  /* Use medium weight for tags by default, can be customized via theme if needed */
310
310
  font-weight: ${({theme:n})=>n.__hd__.text.fontWeights.medium};
311
311
  line-height: 1; /* Ensure tight line height for tags */
312
- `,M3=({variant:n,color:r,textColor:i,size:s,radius:l,icon:u,rightIcon:f,children:g,style:v,"data-testid":m,...T})=>{const $=pe(),b=$.__hd__.tag,x=n??b.defaultVariant,w=r??b.defaultColor,_=s??b.defaultSize,E=l??b.defaultRadius,N=ad($,w,i,x),P=h.useMemo(()=>b.sizes[_],[b.sizes,_]);return S.jsxs(P3,{$variant:x,$color:w,$textColor:i,$size:_,$radius:E,$paddingVertical:P.paddingVertical,$paddingHorizontal:P.paddingHorizontal,$fontSize:P.fontSize,$gap:P.gap,$iconSize:P.iconSize,style:v,"data-testid":m,...T,children:[u&&S.jsx(Wt,{type:"icon",art:u,size:P.iconSize,color:N,weight:"regular"}),S.jsx(L3,{$color:w,$textColor:i,$variant:x,$fontSize:P.fontSize,as:"span",children:g}),f&&S.jsx(Wt,{type:"icon",art:f,size:P.iconSize,color:N,weight:"regular"})]})},F3=({label:n,checked:r,onChange:i,disabled:s=!1,color:l,size:u,style:f,"data-testid":g})=>{const v=pe(),m=v.__hd__.checkbox,[T,$]=h.useState(r);h.useEffect(()=>{$(r)},[r]);const b=l??m.defaultColor,x=u??m.defaultSize,w=m.sizes[x],_=m.animation,E=rt(v,w.iconSize),N=T?b:"white",P=T?b:m.uncheckedBorderColor,R=s?m.disabledColor:N,I=s?m.disabledColor:P,B=()=>{if(s)return;const D=!T;$(D),i(D)};return S.jsxs(jt,{onClick:s?void 0:B,style:f,"data-testid":g,useScaleAnimation:!1,useOpacityAnimation:!1,display:"inline-flex",alignItems:"center",cursor:s?"not-allowed":"pointer",children:[S.jsx(U,{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:w.borderRadius,borderWidth:w.borderWidth,borderColor:I,backgroundColor:R,filter:s?"opacity(0.5)":"none",transition:`background-color ${_.duration}ms ${_.easing}, border-color ${_.duration}ms ${_.easing}`,children:S.jsx(Wt,{type:"icon",art:Ic,size:E,color:v.colors[m.iconColor],weight:"bold",opacity:T?1:0,transition:`opacity ${_.duration}ms ${_.easing}`,margin:w.iconMargin})}),n&&S.jsx(U,{pl:w.labelPaddingLeft,children:S.jsx(Ve,{fontSize:w.labelFontSize,color:s?m.disabledTextColor:m.textColor,as:"span",children:n})})]})};function sd({value:n,onChange:r,disabled:i=!1}){const[s,l]=h.useState(!1),[u,f]=h.useState(!1),[g,v]=h.useState(n),m=h.useRef(null);h.useEffect(()=>{v(n)},[n]);const T=h.useCallback(()=>{i||l(x=>!x)},[i]),$=h.useCallback(x=>{x.disabled||(v(x.value),r==null||r(x.value),l(!1))},[r]),b=h.useCallback(()=>{l(!1)},[]);return{isOpen:s,setIsOpen:l,isHovering:u,setIsHovering:f,selectedValue:g,selectRef:m,handleToggle:T,handleSelect:$,handleClose:b}}function ld({option:n,isSelected:r,isDisabled:i,onSelect:s,sizeConfig:l,themeSelect:u,animation:f}){const g=h.useRef(null),v=Pi(g),m=u.dropdown;let T=m.backgroundColor;r?T=m.itemSelectedBackgroundColor:v&&!i&&(T=m.itemHoverBackgroundColor);const $=i?u.disabledContentColor:r?m.itemSelectedTextColor:m.itemTextColor;return S.jsx(jt,{ref:g,onClick:()=>!i&&s(n),useScaleAnimation:!1,useOpacityAnimation:!1,cursor:i?"not-allowed":"pointer",fw:!0,children:S.jsx(U,{p:l.dropdownPaddingVertical,px:l.dropdownPaddingHorizontal,bgColor:T,transition:`background-color ${f.duration}ms ${f.easing}`,opacity:i?u.disabledOpacity:1,display:"block",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:S.jsx(Ve,{fontSize:l.fontSize,color:$,fontWeight:r?"semibold":"regular",as:"span",children:n.label})})},n.value)}function z3({anchorElement:n,isOpen:r,options:i,onSelect:s,selectedValue:l,onClose:u,size:f,borderRadius:g}){const v=pe(),m=v.__hd__.select,T=m.dropdown,$=h.useRef(null),b=m.sizes[f],x=m.animation,w=n.getBoundingClientRect(),_=v.spaces[T.offset];return h.useEffect(()=>{const E=N=>{$.current&&!$.current.contains(N.target)&&n&&!n.contains(N.target)&&u()};return r?document.addEventListener("mousedown",E):document.removeEventListener("mousedown",E),()=>{document.removeEventListener("mousedown",E)}},[r,u,n]),ut()?null:K2.createPortal(S.jsx(U,{ref:$,bgColor:T.backgroundColor,b:T.borderColor!=="transparent"?b.borderWidth:"none",borderColor:T.borderColor,boxShadow:T.shadow,position:"absolute",top:`${w.bottom+window.scrollY+_}px`,left:`${w.left+window.scrollX}px`,width:`${w.width}px`,zIndex:v.zIndex.getZIndex("Dropdown"),opacity:r?1:0,maxHeight:r?T.maxHeight:0,overflowY:"auto",transition:`opacity ${x.duration}ms ${x.easing},max-height ${x.duration}ms ${x.easing}`,onClick:E=>E.stopPropagation(),onMouseDown:E=>E.stopPropagation(),style:{borderRadius:g},children:i.length>0?i.map(E=>{const N=E.value===l,P=!!E.disabled;return S.jsx(ld,{option:E,isSelected:N,isDisabled:P,onSelect:s,sizeConfig:b,themeSelect:m,animation:x},E.value)}):S.jsx(U,{p:b.dropdownPaddingVertical,px:b.dropdownPaddingHorizontal,children:S.jsx(Ve,{fontSize:b.fontSize,color:T.emptyTextColor,as:"span",children:"No options available"})})}),document.body)}const ud=({placeholder:n,selectedOptionLabel:r,isOpen:i,isDisabled:s,handleToggle:l,iconSizePx:u,inputBorderRadius:f,sizeConfig:g,animation:v,currentBgColor:m,currentBorderColor:T,baseBorderWidthKey:$,insetBoxShadow:b,textColor:x,iconColor:w,testId:_,setIsHovering:E})=>S.jsx(jt,{onClick:l,cursor:s?"not-allowed":"pointer",useScaleAnimation:!1,useOpacityAnimation:!1,"data-testid":_,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:g.paddingVertical,px:g.paddingHorizontal,b:$,borderColor:T,bgColor:m,opacity:1,transition:`background-color ${v.duration}ms ${v.easing}, border-color ${v.duration}ms ${v.easing}, box-shadow ${v.duration}ms ${v.easing}`,gap:g.gap,style:{borderRadius:f,boxShadow:b},children:[S.jsx(U,{flex:1,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:S.jsx(Ve,{fontSize:g.fontSize,color:x,as:"span",children:r||n})}),S.jsx(Wt,{type:"icon",art:ga,size:u,color:w,weight:"bold",transition:`transform ${v.duration}ms ${v.easing}`,transform:i?"rotate(180deg)":"rotate(0deg)"})]})});function cd({theme:n,themeSelect:r,variant:i,isDisabled:s,isErrored:l,isOpen:u,isHovering:f,focusColor:g}){const v=r.variants[i],m="thin",T=n.borderWidths[m];let $;s?$=v.disabled:l?$=v.errored:u?$={...v.focused,borderColor:g}:f?$=v.hover:$=v.default;let b="none";if(!s&&!l&&u){const x=v.focused.borderWidth,w=n.borderWidths[x],_=Math.max(0,w-T);if(_>0){const E=n.colors[g];b=`inset 0 0 0 ${_}px ${E}`}}return{backgroundColor:$.backgroundColor,borderColor:$.borderColor,borderWidth:m,insetBoxShadow:b}}const B3=({options:n,value:r,onChange:i,placeholder:s="Select an option",label:l,helperText:u,error:f,disabled:g=!1,variant:v="outlined",color:m,size:T,corner:$,style:b,"data-testid":x})=>{var $t;const w=pe(),_=w.__hd__.select,{isOpen:E,isHovering:N,selectedValue:P,selectRef:R,handleToggle:I,handleSelect:B,handleClose:D,setIsHovering:Z}=sd({value:r,onChange:i,disabled:g}),V=m??_.defaultColor,de=T??_.defaultSize,me=$??_.defaultCorner,_e=_.sizes[de],W=_.animation,M=_.squircleBorderRadii[me],H=me==="circle"?_.dropdown.borderRadiusForCircle:_.dropdown.borderRadiusForRounded,ee=w.radii[H],q=!!f,G=g,{backgroundColor:J,borderColor:Ce,borderWidth:Se,insetBoxShadow:Me}=cd({theme:w,themeSelect:_,variant:v,isDisabled:G,isErrored:q,isOpen:E,isHovering:N,focusColor:V}),Ue=G?_.disabledContentColor:_.iconColor,Ie=G?_.disabledContentColor:P!=null?_.valueColor:_.placeholderColor,qe=G?_.disabledLabelColor:_.labelColor,Qe=($t=n.find(bt=>bt.value===P))==null?void 0:$t.label,Ke=rt(w,_e.iconSize);return S.jsxs(U,{fw:!0,style:b,position:"relative",ref:R,children:[l&&S.jsx(U,{mb:"xs",children:S.jsx(Ve,{fontWeight:"medium",color:qe,children:l})}),S.jsx(ud,{placeholder:s,selectedOptionLabel:Qe,isOpen:E,isDisabled:G,handleToggle:I,iconSizePx:Ke,inputBorderRadius:M,sizeConfig:_e,animation:W,currentBgColor:J,currentBorderColor:Ce,baseBorderWidthKey:Se,insetBoxShadow:Me,textColor:Ie,iconColor:Ue,testId:x,setIsHovering:Z}),(f||u)&&S.jsx(U,{children:S.jsx(Ve,{fontSize:"xs",color:f?_.errorColor:_.helperTextColor,as:"span",children:f||u})}),R.current&&S.jsx(z3,{anchorElement:R.current,isOpen:E,options:n,onSelect:B,selectedValue:P,onClose:D,size:de,borderRadius:`${ee}px`})]})},Ou=h.createContext({columns:12}),yi={xs:0,sm:600,md:900,lg:1200,xl:1536},Pu=(n,r)=>we.isNumber(r)?`${r}px`:Wu(r)?`${n.spaces[r]??0}px`:r,rr=(n,r)=>{if(r!==void 0)if(we.isObject(r)){const i={};for(const s in r){const l=s,u=r[l];u!==void 0&&(i[l]=Pu(n,u))}return i}else return Pu(n,r)},W3=(n,r)=>{if(n<1||n>r)return console.warn(`AIC-Kits Grid: Size prop should be between 1 and ${r}. Received ${n}.`),"auto";const i=n/r,s=1-i,l=(i*100).toFixed(6).replace(/\.0+$/,""),u=s.toFixed(6).replace(/\.0+$/,"");return`calc(${l}% - ${u} * var(--grid-column-gap, 0px))`},j3=(n,r)=>{if(n<1||n>r-1)return console.warn(`AIC-Kits Grid: Offset prop should be between 1 and ${r-1}. Received ${n}.`),"0";const i=n/r,s=-i,l=(i*100).toFixed(6).replace(/\.0+$/,""),u=s.toFixed(6).replace(/\.0+$/,"");return`calc(${l}% - ${u} * var(--grid-column-gap, 0px))`},D3=({sizeValue:n,offsetValue:r,currentTotalColumns:i})=>{let s="";if(n==="auto")s+=`
312
+ `,M3=({variant:n,color:r,textColor:i,size:s,radius:l,icon:u,rightIcon:f,children:g,style:v,"data-testid":m,...T})=>{const $=pe(),b=$.__hd__.tag,x=n??b.defaultVariant,w=r??b.defaultColor,_=s??b.defaultSize,E=l??b.defaultRadius,N=ad($,w,i,x),P=h.useMemo(()=>b.sizes[_],[b.sizes,_]);return S.jsxs(P3,{$variant:x,$color:w,$textColor:i,$size:_,$radius:E,$paddingVertical:P.paddingVertical,$paddingHorizontal:P.paddingHorizontal,$fontSize:P.fontSize,$gap:P.gap,$iconSize:P.iconSize,style:v,"data-testid":m,...T,children:[u&&S.jsx(Wt,{type:"icon",art:u,size:P.iconSize,color:N,weight:"regular"}),S.jsx(L3,{$color:w,$textColor:i,$variant:x,$fontSize:P.fontSize,as:"span",children:g}),f&&S.jsx(Wt,{type:"icon",art:f,size:P.iconSize,color:N,weight:"regular"})]})},F3=({label:n,checked:r,onChange:i,disabled:s=!1,color:l,size:u,style:f,"data-testid":g})=>{const v=pe(),m=v.__hd__.checkbox,[T,$]=h.useState(r);h.useEffect(()=>{$(r)},[r]);const b=l??m.defaultColor,x=u??m.defaultSize,w=m.sizes[x],_=m.animation,E=rt(v,w.iconSize),N=T?b:"white",P=T?b:m.uncheckedBorderColor,R=s?m.disabledColor:N,I=s?m.disabledColor:P,B=()=>{if(s)return;const D=!T;$(D),i(D)};return S.jsxs(jt,{onClick:s?void 0:B,style:f,"data-testid":g,useScaleAnimation:!1,useOpacityAnimation:!1,display:"inline-flex",alignItems:"center",cursor:s?"not-allowed":"pointer",children:[S.jsx(U,{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:w.borderRadius,borderWidth:w.borderWidth,borderColor:I,backgroundColor:R,filter:s?"opacity(0.5)":"none",transition:`background-color ${_.duration}ms ${_.easing}, border-color ${_.duration}ms ${_.easing}`,children:S.jsx(Wt,{type:"icon",art:Ic,size:E,color:v.colors[m.iconColor],weight:"bold",opacity:T?1:0,transition:`opacity ${_.duration}ms ${_.easing}`,margin:w.iconMargin})}),n&&S.jsx(U,{pl:w.labelPaddingLeft,children:S.jsx(Ve,{fontSize:w.labelFontSize,color:s?m.disabledTextColor:m.textColor,as:"span",children:n})})]})};function sd({value:n,onChange:r,disabled:i=!1}){const[s,l]=h.useState(!1),[u,f]=h.useState(!1),[g,v]=h.useState(n),m=h.useRef(null);h.useEffect(()=>{v(n)},[n]);const T=h.useCallback(()=>{i||l(x=>!x)},[i]),$=h.useCallback(x=>{x.disabled||(v(x.value),r==null||r(x.value),l(!1))},[r]),b=h.useCallback(()=>{l(!1)},[]);return{isOpen:s,setIsOpen:l,isHovering:u,setIsHovering:f,selectedValue:g,selectRef:m,handleToggle:T,handleSelect:$,handleClose:b}}function ld({option:n,isSelected:r,isDisabled:i,onSelect:s,sizeConfig:l,themeSelect:u,animation:f}){const g=h.useRef(null),v=Pi(g),m=u.dropdown;let T=m.backgroundColor;r?T=m.itemSelectedBackgroundColor:v&&!i&&(T=m.itemHoverBackgroundColor);const $=i?u.disabledContentColor:r?m.itemSelectedTextColor:m.itemTextColor;return S.jsx(jt,{ref:g,onClick:()=>!i&&s(n),useScaleAnimation:!1,useOpacityAnimation:!1,cursor:i?"not-allowed":"pointer",fw:!0,children:S.jsx(U,{p:l.dropdownPaddingVertical,px:l.dropdownPaddingHorizontal,bgColor:T,transition:`background-color ${f.duration}ms ${f.easing}`,opacity:i?u.disabledOpacity:1,display:"block",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:S.jsx(Ve,{fontSize:l.fontSize,color:$,fontWeight:r?"semibold":"regular",as:"span",children:n.label})})},n.value)}function z3({anchorElement:n,isOpen:r,options:i,onSelect:s,selectedValue:l,onClose:u,size:f,borderRadius:g}){const v=pe(),m=v.__hd__.select,T=m.dropdown,$=h.useRef(null),b=m.sizes[f],x=m.animation,w=n.getBoundingClientRect(),_=v.spaces[T.offset];return h.useEffect(()=>{const E=N=>{$.current&&!$.current.contains(N.target)&&n&&!n.contains(N.target)&&u()};return r?document.addEventListener("mousedown",E):document.removeEventListener("mousedown",E),()=>{document.removeEventListener("mousedown",E)}},[r,u,n]),ut()?null:K2.createPortal(S.jsx(U,{ref:$,bgColor:T.backgroundColor,b:T.borderColor!=="transparent"?b.borderWidth:"none",borderColor:T.borderColor,boxShadow:T.shadow,position:"absolute",top:`${w.bottom+window.scrollY+_}px`,left:`${w.left+window.scrollX}px`,width:`${w.width}px`,zIndex:v.zIndex.getZIndex("AIC_Kits_Dropdown"),opacity:r?1:0,maxHeight:r?T.maxHeight:0,overflowY:"auto",transition:`opacity ${x.duration}ms ${x.easing},max-height ${x.duration}ms ${x.easing}`,onClick:E=>E.stopPropagation(),onMouseDown:E=>E.stopPropagation(),style:{borderRadius:g},children:i.length>0?i.map(E=>{const N=E.value===l,P=!!E.disabled;return S.jsx(ld,{option:E,isSelected:N,isDisabled:P,onSelect:s,sizeConfig:b,themeSelect:m,animation:x},E.value)}):S.jsx(U,{p:b.dropdownPaddingVertical,px:b.dropdownPaddingHorizontal,children:S.jsx(Ve,{fontSize:b.fontSize,color:T.emptyTextColor,as:"span",children:"No options available"})})}),document.body)}const ud=({placeholder:n,selectedOptionLabel:r,isOpen:i,isDisabled:s,handleToggle:l,iconSizePx:u,inputBorderRadius:f,sizeConfig:g,animation:v,currentBgColor:m,currentBorderColor:T,baseBorderWidthKey:$,insetBoxShadow:b,textColor:x,iconColor:w,testId:_,setIsHovering:E})=>S.jsx(jt,{onClick:l,cursor:s?"not-allowed":"pointer",useScaleAnimation:!1,useOpacityAnimation:!1,"data-testid":_,onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),children:S.jsxs(U,{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:g.paddingVertical,px:g.paddingHorizontal,b:$,borderColor:T,bgColor:m,opacity:1,transition:`background-color ${v.duration}ms ${v.easing}, border-color ${v.duration}ms ${v.easing}, box-shadow ${v.duration}ms ${v.easing}`,gap:g.gap,style:{borderRadius:f,boxShadow:b},children:[S.jsx(U,{flex:1,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:S.jsx(Ve,{fontSize:g.fontSize,color:x,as:"span",children:r||n})}),S.jsx(Wt,{type:"icon",art:ga,size:u,color:w,weight:"bold",transition:`transform ${v.duration}ms ${v.easing}`,transform:i?"rotate(180deg)":"rotate(0deg)"})]})});function cd({theme:n,themeSelect:r,variant:i,isDisabled:s,isErrored:l,isOpen:u,isHovering:f,focusColor:g}){const v=r.variants[i],m="thin",T=n.borderWidths[m];let $;s?$=v.disabled:l?$=v.errored:u?$={...v.focused,borderColor:g}:f?$=v.hover:$=v.default;let b="none";if(!s&&!l&&u){const x=v.focused.borderWidth,w=n.borderWidths[x],_=Math.max(0,w-T);if(_>0){const E=n.colors[g];b=`inset 0 0 0 ${_}px ${E}`}}return{backgroundColor:$.backgroundColor,borderColor:$.borderColor,borderWidth:m,insetBoxShadow:b}}const B3=({options:n,value:r,onChange:i,placeholder:s="Select an option",label:l,helperText:u,error:f,disabled:g=!1,variant:v="outlined",color:m,size:T,corner:$,style:b,"data-testid":x})=>{var $t;const w=pe(),_=w.__hd__.select,{isOpen:E,isHovering:N,selectedValue:P,selectRef:R,handleToggle:I,handleSelect:B,handleClose:D,setIsHovering:Z}=sd({value:r,onChange:i,disabled:g}),V=m??_.defaultColor,de=T??_.defaultSize,me=$??_.defaultCorner,_e=_.sizes[de],W=_.animation,M=_.squircleBorderRadii[me],H=me==="circle"?_.dropdown.borderRadiusForCircle:_.dropdown.borderRadiusForRounded,ee=w.radii[H],q=!!f,G=g,{backgroundColor:J,borderColor:Ce,borderWidth:Se,insetBoxShadow:Me}=cd({theme:w,themeSelect:_,variant:v,isDisabled:G,isErrored:q,isOpen:E,isHovering:N,focusColor:V}),Ue=G?_.disabledContentColor:_.iconColor,Ie=G?_.disabledContentColor:P!=null?_.valueColor:_.placeholderColor,qe=G?_.disabledLabelColor:_.labelColor,Qe=($t=n.find(bt=>bt.value===P))==null?void 0:$t.label,Ke=rt(w,_e.iconSize);return S.jsxs(U,{fw:!0,style:b,position:"relative",ref:R,children:[l&&S.jsx(U,{mb:"xs",children:S.jsx(Ve,{fontWeight:"medium",color:qe,children:l})}),S.jsx(ud,{placeholder:s,selectedOptionLabel:Qe,isOpen:E,isDisabled:G,handleToggle:I,iconSizePx:Ke,inputBorderRadius:M,sizeConfig:_e,animation:W,currentBgColor:J,currentBorderColor:Ce,baseBorderWidthKey:Se,insetBoxShadow:Me,textColor:Ie,iconColor:Ue,testId:x,setIsHovering:Z}),(f||u)&&S.jsx(U,{children:S.jsx(Ve,{fontSize:"xs",color:f?_.errorColor:_.helperTextColor,as:"span",children:f||u})}),R.current&&S.jsx(z3,{anchorElement:R.current,isOpen:E,options:n,onSelect:B,selectedValue:P,onClose:D,size:de,borderRadius:`${ee}px`})]})},Ou=h.createContext({columns:12}),yi={xs:0,sm:600,md:900,lg:1200,xl:1536},Pu=(n,r)=>we.isNumber(r)?`${r}px`:Wu(r)?`${n.spaces[r]??0}px`:r,rr=(n,r)=>{if(r!==void 0)if(we.isObject(r)){const i={};for(const s in r){const l=s,u=r[l];u!==void 0&&(i[l]=Pu(n,u))}return i}else return Pu(n,r)},W3=(n,r)=>{if(n<1||n>r)return console.warn(`AIC-Kits Grid: Size prop should be between 1 and ${r}. Received ${n}.`),"auto";const i=n/r,s=1-i,l=(i*100).toFixed(6).replace(/\.0+$/,""),u=s.toFixed(6).replace(/\.0+$/,"");return`calc(${l}% - ${u} * var(--grid-column-gap, 0px))`},j3=(n,r)=>{if(n<1||n>r-1)return console.warn(`AIC-Kits Grid: Offset prop should be between 1 and ${r-1}. Received ${n}.`),"0";const i=n/r,s=-i,l=(i*100).toFixed(6).replace(/\.0+$/,""),u=s.toFixed(6).replace(/\.0+$/,"");return`calc(${l}% - ${u} * var(--grid-column-gap, 0px))`},D3=({sizeValue:n,offsetValue:r,currentTotalColumns:i})=>{let s="";if(n==="auto")s+=`
313
313
  flex-basis: auto;
314
314
  flex-grow: 0;
315
315
  flex-shrink: 0; /* Prevent shrinking below content size */
@@ -452,4 +452,4 @@ function print() { __p += __j.call(arguments, '') }
452
452
  display: flex;
453
453
  align-items: center;
454
454
  justify-content: center;
455
- `,J3=({open:n,onClose:r,children:i,"data-testid":s,...l})=>{const u=pe();if(h.useEffect(()=>(n?document.body.style.overflow="hidden":document.body.style.overflow="auto",()=>{document.body.style.overflow="auto"}),[n]),!n)return null;const f=g=>{g.target===g.currentTarget&&(r==null||r())};return S.jsx(Q3,{zIndex:u.zIndex.getZIndex("Modal"),onClick:f,"data-testid":s?`${s}-backdrop`:void 0,children:S.jsx(U,{maxHeight:"100vh",overflowY:"auto",...l,"data-testid":s?`${s}-container`:void 0,children:i})})},eb=({children:n,description:r,placement:i,backgroundColor:s,color:l})=>{const u=pe(),f=u.__hd__.tooltip,g=i??f.defaultPlacement,v=s??f.defaultBackgroundColor,m=l??f.defaultTextColor,T=h.useRef(null),$=Pi(T),b=f.positioning.placements[g];return S.jsxs(U,{display:"inline-block",position:"relative",ref:T,children:[n,$&&S.jsx(U,{position:"absolute",bgColor:v,p:f.container.padding,r:f.container.borderRadius,boxShadow:f.container.shadow,zIndex:u.zIndex.getZIndex("Tooltip"),width:"max-content",maxWidth:f.container.maxWidth,...b,children:S.jsx(Ve,{color:m,fontSize:f.text.fontSize,children:r})})]})};exports.AIC_Kits_StackingLayers=qt;exports.Accordion=O3;exports.Art=Wt;exports.Avatar=Bc;exports.Base=Rv;exports.Box=U;exports.Brand=Sc;exports.Button=ta;exports.Carousel=k3;exports.Checkbox=F3;exports.DEFAULT_VIMEO_CONFIG=m3;exports.Divider=Hc;exports.Emoji=Ec;exports.Grid=dd;exports.Header=Kc;exports.HeaderAuth=Uc;exports.HeaderLogo=qc;exports.HeaderNav=Gc;exports.Icon=pa;exports.Image=Fc;exports.Input=Xc;exports.List=Fv;exports.Loading=va;exports.Modal=J3;exports.NormalizedBrowserName=Nc;exports.NormalizedDeviceType=Dc;exports.NormalizedOSName=Zc;exports.Pagination=U3;exports.PaginationItem=fd;exports.Progress=Y3;exports.RESPONSIVE_BREAKPOINTS=Tr;exports.RESPONSIVE_BREAKPOINT_KEYS=Sr;exports.SUPPORTED_RICH_TEXT_TAGS=Mc;exports.Select=B3;exports.SelectDropdownItem=ld;exports.SelectInputDisplay=ud;exports.Skeleton=Oi;exports.StyledBox=wc;exports.Svg=zc;exports.Tag=M3;exports.Text=Ve;exports.ThemeProvider=xm;exports.Tooltip=eb;exports.Touchable=jt;exports.VIMEO_HOST=v3;exports.Vimeo=b3;exports.accordionTheme=ju;exports.artTheme=Du;exports.avatarTheme=Nu;exports.baseTheme=Zu;exports.buttonTheme=Hu;exports.carouselTheme=Vu;exports.checkboxTheme=Uu;exports.configKeys=vc;exports.css=lt;exports.cssPropsKey=hc;exports.customBoxPropsConfig=pc;exports.customBoxPropsKey=ha;exports.defaultColorPalette=$i;exports.defaultGradientColorPalette=zu;exports.defaultScale=fn;exports.defaultTheme=xi;exports.dividerTheme=qu;exports.genBoxStyle=bc;exports.generateResponsiveStyles=fa;exports.getBorderWidths=ra;exports.getComponentsTheme=ac;exports.getFontSizes=Ri;exports.getFontWeights=ua;exports.getFonts=sa;exports.getGlobalTheme=dm;exports.getLineHeights=la;exports.getPaginationTheme=Qu;exports.getRadii=ia;exports.getResponsiveValue=cc;exports.getSelectStyles=cd;exports.getShadows=Bu;exports.getSizeValue=rt;exports.getSizes=oa;exports.getSpaces=aa;exports.getTextColor=Li;exports.getTheme=sc;exports.getThemeValue=gc;exports.headerTheme=Gu;exports.inferResponsiveValues=uc;exports.inputTheme=Ku;exports.isBorderWidth=Q2;exports.isColor=Fu;exports.isEmoji=yc;exports.isFontSize=lm;exports.isFontWeight=um;exports.isGradientColor=J2;exports.isIcon=xc;exports.isImage=_c;exports.isRadius=Mu;exports.isResponsiveValue=Ii;exports.isSSR=ut;exports.isShadow=sm;exports.isSize=Fn;exports.isSpace=Wu;exports.isSvg=Cc;exports.keyframes=ca;exports.listTheme=Xu;exports.loadingTheme=Yu;exports.mapStylePropToThemeValue=mc;exports.parseUserAgent=ea;exports.populateResponsiveValue=da;exports.progressTheme=Ju;exports.reduceResponsiveValue=dc;exports.selectTheme=ec;exports.shouldForwardProp=lc;exports.skeletonTheme=tc;exports.styled=xe;exports.tagTheme=nc;exports.tooltipTheme=rc;exports.touchableTheme=ic;exports.transformResponsiveValue=kt;exports.transposeObject=Qo;exports.useEventListener=Jo;exports.useHover=Pi;exports.useIsomorphicLayoutEffect=jc;exports.useMediaQuery=av;exports.useResponsiveBreakpoint=$r;exports.useSelectState=sd;exports.useTheme=pe;exports.useUserAgent=pv;exports.useWindowDimensions=Wc;exports.vimeoTheme=oc;exports.zIndexRegistry=Bn;
455
+ `,J3=({open:n,onClose:r,children:i,"data-testid":s,...l})=>{const u=pe();if(h.useEffect(()=>(n?document.body.style.overflow="hidden":document.body.style.overflow="auto",()=>{document.body.style.overflow="auto"}),[n]),!n)return null;const f=g=>{g.target===g.currentTarget&&(r==null||r())};return S.jsx(Q3,{zIndex:u.zIndex.getZIndex("AIC_Kits_Modal"),onClick:f,"data-testid":s?`${s}-backdrop`:void 0,children:S.jsx(U,{maxHeight:"100vh",overflowY:"auto",...l,"data-testid":s?`${s}-container`:void 0,children:i})})},eb=({children:n,description:r,placement:i,backgroundColor:s,color:l})=>{const u=pe(),f=u.__hd__.tooltip,g=i??f.defaultPlacement,v=s??f.defaultBackgroundColor,m=l??f.defaultTextColor,T=h.useRef(null),$=Pi(T),b=f.positioning.placements[g];return S.jsxs(U,{display:"inline-block",position:"relative",ref:T,children:[n,$&&S.jsx(U,{position:"absolute",bgColor:v,p:f.container.padding,r:f.container.borderRadius,boxShadow:f.container.shadow,zIndex:u.zIndex.getZIndex("AIC_Kits_Tooltip"),width:"max-content",maxWidth:f.container.maxWidth,...b,children:S.jsx(Ve,{color:m,fontSize:f.text.fontSize,children:r})})]})};exports.AIC_Kits_StackingLayers=qt;exports.Accordion=O3;exports.Art=Wt;exports.Avatar=Bc;exports.Base=Rv;exports.Box=U;exports.Brand=Sc;exports.Button=ta;exports.Carousel=k3;exports.Checkbox=F3;exports.DEFAULT_VIMEO_CONFIG=m3;exports.Divider=Hc;exports.Emoji=Ec;exports.Grid=dd;exports.Header=Kc;exports.HeaderAuth=Uc;exports.HeaderLogo=qc;exports.HeaderNav=Gc;exports.Icon=pa;exports.Image=Fc;exports.Input=Xc;exports.List=Fv;exports.Loading=va;exports.Modal=J3;exports.NormalizedBrowserName=Nc;exports.NormalizedDeviceType=Dc;exports.NormalizedOSName=Zc;exports.Pagination=U3;exports.PaginationItem=fd;exports.Progress=Y3;exports.RESPONSIVE_BREAKPOINTS=Tr;exports.RESPONSIVE_BREAKPOINT_KEYS=Sr;exports.SUPPORTED_RICH_TEXT_TAGS=Mc;exports.Select=B3;exports.SelectDropdownItem=ld;exports.SelectInputDisplay=ud;exports.Skeleton=Oi;exports.StyledBox=wc;exports.Svg=zc;exports.Tag=M3;exports.Text=Ve;exports.ThemeProvider=xm;exports.Tooltip=eb;exports.Touchable=jt;exports.VIMEO_HOST=v3;exports.Vimeo=b3;exports.accordionTheme=ju;exports.artTheme=Du;exports.avatarTheme=Nu;exports.baseTheme=Zu;exports.buttonTheme=Hu;exports.carouselTheme=Vu;exports.checkboxTheme=Uu;exports.configKeys=vc;exports.css=lt;exports.cssPropsKey=hc;exports.customBoxPropsConfig=pc;exports.customBoxPropsKey=ha;exports.defaultColorPalette=$i;exports.defaultGradientColorPalette=zu;exports.defaultScale=fn;exports.defaultTheme=xi;exports.dividerTheme=qu;exports.genBoxStyle=bc;exports.generateResponsiveStyles=fa;exports.getBorderWidths=ra;exports.getComponentsTheme=ac;exports.getFontSizes=Ri;exports.getFontWeights=ua;exports.getFonts=sa;exports.getGlobalTheme=dm;exports.getLineHeights=la;exports.getPaginationTheme=Qu;exports.getRadii=ia;exports.getResponsiveValue=cc;exports.getSelectStyles=cd;exports.getShadows=Bu;exports.getSizeValue=rt;exports.getSizes=oa;exports.getSpaces=aa;exports.getTextColor=Li;exports.getTheme=sc;exports.getThemeValue=gc;exports.headerTheme=Gu;exports.inferResponsiveValues=uc;exports.inputTheme=Ku;exports.isBorderWidth=Q2;exports.isColor=Fu;exports.isEmoji=yc;exports.isFontSize=lm;exports.isFontWeight=um;exports.isGradientColor=J2;exports.isIcon=xc;exports.isImage=_c;exports.isRadius=Mu;exports.isResponsiveValue=Ii;exports.isSSR=ut;exports.isShadow=sm;exports.isSize=Fn;exports.isSpace=Wu;exports.isSvg=Cc;exports.keyframes=ca;exports.listTheme=Xu;exports.loadingTheme=Yu;exports.mapStylePropToThemeValue=mc;exports.parseUserAgent=ea;exports.populateResponsiveValue=da;exports.progressTheme=Ju;exports.reduceResponsiveValue=dc;exports.selectTheme=ec;exports.shouldForwardProp=lc;exports.skeletonTheme=tc;exports.styled=xe;exports.tagTheme=nc;exports.tooltipTheme=rc;exports.touchableTheme=ic;exports.transformResponsiveValue=kt;exports.transposeObject=Qo;exports.useEventListener=Jo;exports.useHover=Pi;exports.useIsomorphicLayoutEffect=jc;exports.useMediaQuery=av;exports.useResponsiveBreakpoint=$r;exports.useSelectState=sd;exports.useTheme=pe;exports.useUserAgent=pv;exports.useWindowDimensions=Wc;exports.vimeoTheme=oc;exports.zIndexRegistry=Bn;
package/dist/index.js CHANGED
@@ -8257,7 +8257,7 @@ function y3({
8257
8257
  top: u.offset.top,
8258
8258
  right: u.offset.right,
8259
8259
  minWidth: A,
8260
- zIndex: f ? l.zIndex.getZIndex("Dropdown") : -1,
8260
+ zIndex: f ? l.zIndex.getZIndex("AIC_Kits_Dropdown") : -1,
8261
8261
  opacity: f ? 1 : 0,
8262
8262
  transition: `opacity ${u.animationDuration}ms ease-in-out, z-index ${u.animationDuration}ms ease-in-out`,
8263
8263
  onMouseEnter: () => y(),
@@ -8413,7 +8413,7 @@ const _3 = et(y3), x3 = ({
8413
8413
  top: "100%",
8414
8414
  left: 0,
8415
8415
  minWidth: p,
8416
- zIndex: i ? l.zIndex.getZIndex("Dropdown") : -1,
8416
+ zIndex: i ? l.zIndex.getZIndex("AIC_Kits_Dropdown") : -1,
8417
8417
  opacity: i ? 1 : 0,
8418
8418
  transition: `z-index ${u.animationDuration}ms ease-in, opacity ${u.animationDuration}ms ease-in`,
8419
8419
  children: /* @__PURE__ */ $(
@@ -11848,7 +11848,7 @@ function Tu({
11848
11848
  r: f.buttonBorderRadius,
11849
11849
  bgColor: l ? f.buttonColor : f.buttonBackgroundColor,
11850
11850
  transition: "background-color 0.2s ease",
11851
- zIndex: u.zIndex.getZIndex("Carousel"),
11851
+ zIndex: u.zIndex.getZIndex("AIC_Kits_Carousel"),
11852
11852
  boxShadow: "0 0 16px 0 rgba(0, 0, 0, 0.1)",
11853
11853
  ref: s,
11854
11854
  children: n ? /* @__PURE__ */ $(Cv, { size: A, weight: "bold", $color: g }) : /* @__PURE__ */ $(Sv, { size: A, weight: "bold", $color: g })
@@ -12580,7 +12580,7 @@ function Lv({
12580
12580
  top: `${b.bottom + window.scrollY + _}px`,
12581
12581
  left: `${b.left + window.scrollX}px`,
12582
12582
  width: `${b.width}px`,
12583
- zIndex: m.zIndex.getZIndex("Dropdown"),
12583
+ zIndex: m.zIndex.getZIndex("AIC_Kits_Dropdown"),
12584
12584
  opacity: r ? 1 : 0,
12585
12585
  maxHeight: r ? A.maxHeight : 0,
12586
12586
  overflowY: "auto",
@@ -13323,7 +13323,7 @@ const Ri = xe(Jt)`
13323
13323
  const f = (p) => {
13324
13324
  p.target === p.currentTarget && (r == null || r());
13325
13325
  };
13326
- return /* @__PURE__ */ $(Xv, { zIndex: u.zIndex.getZIndex("Modal"), onClick: f, "data-testid": s ? `${s}-backdrop` : void 0, children: /* @__PURE__ */ $(
13326
+ return /* @__PURE__ */ $(Xv, { zIndex: u.zIndex.getZIndex("AIC_Kits_Modal"), onClick: f, "data-testid": s ? `${s}-backdrop` : void 0, children: /* @__PURE__ */ $(
13327
13327
  q,
13328
13328
  {
13329
13329
  maxHeight: "100vh",
@@ -13351,7 +13351,7 @@ const Ri = xe(Jt)`
13351
13351
  p: f.container.padding,
13352
13352
  r: f.container.borderRadius,
13353
13353
  boxShadow: f.container.shadow,
13354
- zIndex: u.zIndex.getZIndex("Tooltip"),
13354
+ zIndex: u.zIndex.getZIndex("AIC_Kits_Tooltip"),
13355
13355
  width: "max-content",
13356
13356
  maxWidth: f.container.maxWidth,
13357
13357
  ...v,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aic-kits/react",
3
- "version": "0.29.4",
3
+ "version": "0.29.5",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "publishConfig": {
@@ -55,5 +55,5 @@
55
55
  "vite-plugin-dts": "^4.3.0",
56
56
  "vitest": "^2.1.8"
57
57
  },
58
- "gitHead": "c0332e723bd3d5c43cb8750e9dea3f3f98595d52"
58
+ "gitHead": "6c2ee3adc1bf42ed51e1bc28f4c88da6caf3e468"
59
59
  }