@aic-kits/react 0.32.1 → 0.33.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/Header/HeaderLogo.d.ts +1 -0
  2. package/dist/components/Header/types.d.ts +4 -0
  3. package/dist/index.cjs +2 -2
  4. package/dist/index.js +33 -29
  5. package/package.json +2 -2
package/dist/components/Header/HeaderLogo.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { default as React } from 'react';
2
2
  interface HeaderLogoProps {
3
+ logo?: string;
3
4
  onLogoClick?: () => void;
4
5
  }
5
6
  export declare const HeaderLogo: React.FC<HeaderLogoProps>;
package/dist/components/Header/types.d.ts CHANGED
@@ -43,6 +43,10 @@ export interface HeaderProps extends BoxProps {
43
43
  * Background color of the header
44
44
  */
45
45
  backgroundColor?: Color;
46
+ /**
47
+ * Logo to display in the header
48
+ */
49
+ logo?: string;
46
50
  /**
47
51
  * Navigation items to display in the center of the header
48
52
  */
package/dist/index.cjs CHANGED
@@ -205,9 +205,9 @@ function print() { __p += __j.call(arguments, '') }
205
205
  opacity: 0;
206
206
  `}
207
207
  white-space: nowrap;
208
- `,Ca=({label:n,isActive:r,isLoading:i,dropdownItems:a=[],onClick:l,size:u="large",isDropdownOpen:f=!1,isDropdownItem:h=!1,onMouseEnter:b,onToggleDropdown:y,paddingX:$,paddingY:T})=>{const x=Ce(),{isTouch:v}=xa(),m=a.length>0,S=()=>{if(v&&m){f?l==null||l():y==null||y();return}l==null||l()},C=x.__hd__.header,M=C.navItem,L=r?M.active:M.inactive,A=d.useMemo(()=>h?"transparent":f?L.hoverBackgroundColor:L.backgroundColor,[h,f,L.backgroundColor,L.hoverBackgroundColor]);return w.jsxs(lf,{onClick:S,onMouseEnter:b,$themeBackgroundColor:A,$themeBoxShadow:!h&&f?L.hoverBoxShadow:"none",$themeHoverBackgroundColor:h?"transparent":L.hoverBackgroundColor,$themeHoverBoxShadow:h?"none":L.hoverBoxShadow,$themeHoverColor:M.active.backgroundColor,$themeRadius:M.radius,$themePaddingX:$??M.paddingX,$themePaddingY:T??M.paddingY,$gap:C.loadingGap,children:[w.jsx(G,{display:"flex",justifyContent:"start",flex:1,children:w.jsx(Tu,{$themeFontWeight:L.fontWeight,$themeFontSize:M[u].fontSize,$themeColor:L.color,$themeHoverColor:M.hover.color,$isLoading:i??!1,children:n})}),(a.length>0||f)&&w.jsxs(Tu,{$themeFontWeight:L.fontWeight,$themeFontSize:M[u].fontSize,$themeColor:L.color,$themeHoverColor:M.hover.color,$isLoading:i??!1,$isDropdownOpen:f,$isDropdownItem:h,children:[a.length>0&&w.jsx(ya,{size:16,weight:"bold"}),h&&w.jsx(Lr,{rotate:45,size:16,weight:"bold"})]}),w.jsx(G,{display:"flex",alignItems:"center",justifyContent:"center",absoluteFill:!0,opacity:i?1:0,transition:"opacity 0.2s ease-in-out",children:w.jsx(wa,{size:M[u].loadingSize,color:L.color})})]})};function jv({userProfile:n,dropdownItems:r,maxHeight:i},a){const l=Ce(),u=l.__hd__.header.profileDropdown,[f,h]=d.useState(!1),b=d.useRef(null),y=d.useRef(null),$=Fe.isString(u.minWidth)&&Bn(u.minWidth)?l.sizes[u.minWidth]:u.minWidth,T=Fe.isString(i)&&Bn(i)?l.sizes[i]:i||u.defaultMaxHeight,x=()=>{b.current&&clearTimeout(b.current),y.current&&clearTimeout(y.current)},v=(S=()=>{})=>{x(),h(!0),b.current=setTimeout(S,u.animationDuration)},m=(S=()=>{})=>{x(),h(!1),y.current=setTimeout(S,u.animationDuration)};return d.useImperativeHandle(a,()=>({showDropdown:v,hideDropdown:m})),w.jsx(G,{position:"absolute",top:u.offset.top,right:u.offset.right,minWidth:$,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:()=>v(),onMouseLeave:()=>m(),children:w.jsxs(G,{overflow:"hidden",mt:u.spacingTop,mr:u.containerPaddingRight,padding:u.padding,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:f?T:0,transition:`max-height ${u.animationDuration}ms ease-in-out`,style:{borderRadius:u.borderRadius},display:"flex",flexDirection:"column",children:[n!=null&&n.name?w.jsx(G,{py:u.padding,mx:"md",children:w.jsx(ct,{textAlign:"left",children:n.name})}):w.jsx(G,{py:u.padding,mx:"md",children:w.jsx(ct,{textAlign:"left",children:n==null?void 0:n.email})}),w.jsx(G,{p:u.padding,children:w.jsx(sf,{})}),r==null?void 0:r.map(S=>w.jsx(Ca,{label:S.label,onClick:S.onClick,isActive:S.isActive,size:"medium",isDropdownItem:!0},S.label))]})})}const Bv=d.forwardRef(jv),uf=({isSignedIn:n=!1,isDropdownVisible:r,setIsDropdownVisible:i,userProfile:a,dropdownItems:l,profileDropdownMaxHeight:u,onProfileClick:f,onSignInClick:h,onRegisterClick:b})=>{const y=Ce(),[$,T]=d.useState(!1),[x,v]=d.useState(!0),m=d.useDeferredValue($),S=Or(),C=!wt()&&S==="xs";d.useEffect(()=>{wt()||(T(!C),setTimeout(()=>{v(!1)},300))},[C]);const M=y.__hd__.header.avatarSize||"md",L=d.useRef(null),A=()=>{var F;i(!0),(F=L.current)==null||F.showDropdown()},O=()=>{var F;(F=L.current)==null||F.hideDropdown(()=>{i(!1)})};return d.useEffect(()=>{r?A():O()},[r]),w.jsx(ji,{display:"flex",visible:x,maxWidth:m?"100%":"0px",maxHeight:m?"100%":"0px",opacity:m?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",children:w.jsxs(G,{display:"flex",flexDirection:"row",alignItems:"center",children:[n?w.jsx(qt,{onClick:f,children:w.jsxs(G,{display:"flex",flexDirection:"row",alignItems:"center",p:"sm",r:"full",bgColor:"grey100",onMouseEnter:A,onMouseLeave:O,children:[w.jsx(tf,{src:a==null?void 0:a.avatar,name:a==null?void 0:a.name,size:M}),(a==null?void 0:a.name)&&w.jsx(G,{ml:"sm",children:w.jsx(ct,{fontWeight:"medium",children:a.name})})]})}):w.jsxs(w.Fragment,{children:[w.jsx(G,{mr:"md",children:w.jsx(aa,{text:"Sign in",variant:"text",color:"black",onClick:h})}),w.jsx(aa,{text:"Register",color:"primary",corner:"rounded",onClick:b})]}),n&&w.jsx(Bv,{ref:L,userProfile:a,dropdownItems:l,maxHeight:u})]})})},Pv="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",cf=({onLogoClick:n})=>w.jsx(G,{children:w.jsx(qt,{onClick:n,children:w.jsx(Ut,{art:Pv,type:"svg",width:"lg",height:"lg"})})}),Wv=({dropdownMaxHeight:n,dropdownMinWidth:r,isDropdownOpen:i=!1,dropdownItems:a=[]})=>{const l=Ce(),u=l.__hd__.header.navDropdown,f=Fe.isString(n)&&Bn(n)?l.sizes[n]:n||u.defaultMaxHeight,h=Fe.isString(r)&&Bn(r)?l.sizes[r]:r||u.minWidth;return w.jsx(G,{position:"absolute",top:"100%",left:0,minWidth:h,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:w.jsx(G,{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:a.length>0&&a.map((b,y)=>w.jsx(Ca,{isDropdownOpen:!0,isDropdownItem:!0,size:"medium",paddingX:"none",paddingY:"none",...b},`nav-dropdown-item-${y}`))})})},Dv=oe.span`
208
+ `,Ca=({label:n,isActive:r,isLoading:i,dropdownItems:a=[],onClick:l,size:u="large",isDropdownOpen:f=!1,isDropdownItem:h=!1,onMouseEnter:b,onToggleDropdown:y,paddingX:$,paddingY:T})=>{const x=Ce(),{isTouch:v}=xa(),m=a.length>0,S=()=>{if(v&&m){f?l==null||l():y==null||y();return}l==null||l()},C=x.__hd__.header,M=C.navItem,L=r?M.active:M.inactive,A=d.useMemo(()=>h?"transparent":f?L.hoverBackgroundColor:L.backgroundColor,[h,f,L.backgroundColor,L.hoverBackgroundColor]);return w.jsxs(lf,{onClick:S,onMouseEnter:b,$themeBackgroundColor:A,$themeBoxShadow:!h&&f?L.hoverBoxShadow:"none",$themeHoverBackgroundColor:h?"transparent":L.hoverBackgroundColor,$themeHoverBoxShadow:h?"none":L.hoverBoxShadow,$themeHoverColor:M.active.backgroundColor,$themeRadius:M.radius,$themePaddingX:$??M.paddingX,$themePaddingY:T??M.paddingY,$gap:C.loadingGap,children:[w.jsx(G,{display:"flex",justifyContent:"start",flex:1,children:w.jsx(Tu,{$themeFontWeight:L.fontWeight,$themeFontSize:M[u].fontSize,$themeColor:L.color,$themeHoverColor:M.hover.color,$isLoading:i??!1,children:n})}),(a.length>0||f)&&w.jsxs(Tu,{$themeFontWeight:L.fontWeight,$themeFontSize:M[u].fontSize,$themeColor:L.color,$themeHoverColor:M.hover.color,$isLoading:i??!1,$isDropdownOpen:f,$isDropdownItem:h,children:[a.length>0&&w.jsx(ya,{size:16,weight:"bold"}),h&&w.jsx(Lr,{rotate:45,size:16,weight:"bold"})]}),w.jsx(G,{display:"flex",alignItems:"center",justifyContent:"center",absoluteFill:!0,opacity:i?1:0,transition:"opacity 0.2s ease-in-out",children:w.jsx(wa,{size:M[u].loadingSize,color:L.color})})]})};function jv({userProfile:n,dropdownItems:r,maxHeight:i},a){const l=Ce(),u=l.__hd__.header.profileDropdown,[f,h]=d.useState(!1),b=d.useRef(null),y=d.useRef(null),$=Fe.isString(u.minWidth)&&Bn(u.minWidth)?l.sizes[u.minWidth]:u.minWidth,T=Fe.isString(i)&&Bn(i)?l.sizes[i]:i||u.defaultMaxHeight,x=()=>{b.current&&clearTimeout(b.current),y.current&&clearTimeout(y.current)},v=(S=()=>{})=>{x(),h(!0),b.current=setTimeout(S,u.animationDuration)},m=(S=()=>{})=>{x(),h(!1),y.current=setTimeout(S,u.animationDuration)};return d.useImperativeHandle(a,()=>({showDropdown:v,hideDropdown:m})),w.jsx(G,{position:"absolute",top:u.offset.top,right:u.offset.right,minWidth:$,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:()=>v(),onMouseLeave:()=>m(),children:w.jsxs(G,{overflow:"hidden",mt:u.spacingTop,mr:u.containerPaddingRight,padding:u.padding,backgroundColor:u.backgroundColor,boxShadow:u.boxShadow,maxHeight:f?T:0,transition:`max-height ${u.animationDuration}ms ease-in-out`,style:{borderRadius:u.borderRadius},display:"flex",flexDirection:"column",children:[n!=null&&n.name?w.jsx(G,{py:u.padding,mx:"md",children:w.jsx(ct,{textAlign:"left",children:n.name})}):w.jsx(G,{py:u.padding,mx:"md",children:w.jsx(ct,{textAlign:"left",children:n==null?void 0:n.email})}),w.jsx(G,{p:u.padding,children:w.jsx(sf,{})}),r==null?void 0:r.map(S=>w.jsx(Ca,{label:S.label,onClick:S.onClick,isActive:S.isActive,size:"medium",isDropdownItem:!0},S.label))]})})}const Bv=d.forwardRef(jv),uf=({isSignedIn:n=!1,isDropdownVisible:r,setIsDropdownVisible:i,userProfile:a,dropdownItems:l,profileDropdownMaxHeight:u,onProfileClick:f,onSignInClick:h,onRegisterClick:b})=>{const y=Ce(),[$,T]=d.useState(!1),[x,v]=d.useState(!0),m=d.useDeferredValue($),S=Or(),C=!wt()&&S==="xs";d.useEffect(()=>{wt()||(T(!C),setTimeout(()=>{v(!1)},300))},[C]);const M=y.__hd__.header.avatarSize||"md",L=d.useRef(null),A=()=>{var F;i(!0),(F=L.current)==null||F.showDropdown()},O=()=>{var F;(F=L.current)==null||F.hideDropdown(()=>{i(!1)})};return d.useEffect(()=>{r?A():O()},[r]),w.jsx(ji,{display:"flex",visible:x,maxWidth:m?"100%":"0px",maxHeight:m?"100%":"0px",opacity:m?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",children:w.jsxs(G,{display:"flex",flexDirection:"row",alignItems:"center",children:[n?w.jsx(qt,{onClick:f,children:w.jsxs(G,{display:"flex",flexDirection:"row",alignItems:"center",p:"sm",r:"full",bgColor:"grey100",onMouseEnter:A,onMouseLeave:O,children:[w.jsx(tf,{src:a==null?void 0:a.avatar,name:a==null?void 0:a.name,size:M}),(a==null?void 0:a.name)&&w.jsx(G,{ml:"sm",children:w.jsx(ct,{fontWeight:"medium",children:a.name})})]})}):w.jsxs(w.Fragment,{children:[w.jsx(G,{mr:"md",children:w.jsx(aa,{text:"Sign in",variant:"text",color:"black",onClick:h})}),w.jsx(aa,{text:"Register",color:"primary",corner:"rounded",onClick:b})]}),n&&w.jsx(Bv,{ref:L,userProfile:a,dropdownItems:l,maxHeight:u})]})})},Pv="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",cf=({logo:n=Pv,onLogoClick:r})=>w.jsx(G,{children:w.jsx(qt,{onClick:r,children:w.jsx(Ut,{art:n,type:"svg",width:"lg",height:"lg"})})}),Wv=({dropdownMaxHeight:n,dropdownMinWidth:r,isDropdownOpen:i=!1,dropdownItems:a=[]})=>{const l=Ce(),u=l.__hd__.header.navDropdown,f=Fe.isString(n)&&Bn(n)?l.sizes[n]:n||u.defaultMaxHeight,h=Fe.isString(r)&&Bn(r)?l.sizes[r]:r||u.minWidth;return w.jsx(G,{position:"absolute",top:"100%",left:0,minWidth:h,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:w.jsx(G,{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:a.length>0&&a.map((b,y)=>w.jsx(Ca,{isDropdownOpen:!0,isDropdownItem:!0,size:"medium",paddingX:"none",paddingY:"none",...b},`nav-dropdown-item-${y}`))})})},Dv=oe.span`
209
209
  position: relative;
210
- `,Nv=({item:n,index:r,openItemIndex:i,handleNavItemMouseEnter:a,handleNavItemMouseLeave:l,handleNavItemToggleDropdown:u})=>{var $,T;const[f,h]=d.useState(0),b=d.useRef(null),{isMouse:y}=xa();return d.useLayoutEffect(()=>{b.current&&h(b.current.offsetWidth)},[n]),w.jsxs(Dv,{onMouseLeave:y?l:void 0,onMouseEnter:y?()=>a(n,r):void 0,children:[w.jsx(G,{ref:b,display:"inline-block",children:w.jsx(Ca,{...n,isActive:i!==r&&(n.isActive||(($=n.dropdownItems)==null?void 0:$.some(x=>x.isActive)))||n.isActive,isLoading:i!==r&&(n.isLoading||((T=n.dropdownItems)==null?void 0:T.some(x=>x.isLoading)))||n.isLoading,isDropdownOpen:i===r,onToggleDropdown:()=>u(r)})}),n.dropdownItems&&n.dropdownItems.length>0&&w.jsx(Wv,{dropdownItems:n.dropdownItems,isDropdownOpen:i===r,dropdownMinWidth:f})]})},ff=({navItems:n=[]})=>{const i=Ce().__hd__.header,a=d.useRef(null),[l,u]=d.useState(!1),[f,h]=d.useState(!0),b=Or(),y=!wt()&&b==="xs",[$,T]=d.useState(null);d.useEffect(()=>{wt()||(u(!y),setTimeout(()=>{h(!1)},300))},[y]),d.useEffect(()=>{const C=M=>{a.current&&!a.current.contains(M.target)&&T(null)};return $!==null&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C)}},[$]);const x=d.useDeferredValue(l),v=(C,M)=>{C.dropdownItems&&C.dropdownItems.length>0&&T(M)},m=()=>{T(null)},S=C=>{T(M=>M===C?null:C)};return w.jsx(ji,{display:"flex",visible:f,maxWidth:x?"100%":"0px",maxHeight:x?"100%":"0px",opacity:x?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",py:"sm",children:w.jsx(G,{ref:a,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((C,M)=>w.jsx(Nv,{item:C,index:M,openItemIndex:$,handleNavItemMouseEnter:v,handleNavItemMouseLeave:m,handleNavItemToggleDropdown:S},`nav-item-wrapper-${M}`))})})};function Zv({backgroundColor:n="white",navItems:r=[],isSignedIn:i=!1,userProfile:a,profileDropdownItems:l,profileDropdownMaxHeight:u,onLogoClick:f,onNavItemClick:h,onSignInClick:b,onRegisterClick:y,onProfileClick:$,...T},x){const[v,m]=d.useState(!1);return d.useImperativeHandle(x,()=>({showDropdown:()=>m(!0),hideDropdown:()=>m(!1)})),w.jsxs(G,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",p:"md",bgColor:n,...T,children:[w.jsx(cf,{onLogoClick:f}),w.jsx(ff,{navItems:r,onNavItemClick:h}),w.jsx(uf,{isSignedIn:i,isDropdownVisible:v,setIsDropdownVisible:m,userProfile:a,dropdownItems:l,profileDropdownMaxHeight:u,onSignInClick:b,onRegisterClick:y,onProfileClick:$})]})}const df=d.forwardRef(Zv),Hv=(n,r,i)=>{let a={};return n?r==="padded"?(a.maxWidth=void 0,a.px=i.desktopPaddingX):(a.maxWidth=i.desktopContentMaxWidth,a.px=i.mobilePaddingX):(a.maxWidth=void 0,a.px=i.mobilePaddingX),a},Vv=(n,r)=>{const i={};return n&&r==="maxWidth"&&(i.marginLeft="auto",i.marginRight="auto"),i},Uv=({children:n,backgroundColor:r="white",header:i,contentLayoutMode:a="maxWidth",style:l,...u})=>{const h=Ce().__hd__.base,b=Or(),y=wt()||b==="md"||b==="lg"||b==="xl",$=Hv(y,a,h),T=Vv(y,a);return w.jsxs(G,{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",bgColor:r,style:l,...u,children:[i&&w.jsx(df,{...i}),w.jsx(G,{flex:1,overflow:"visible",position:"relative",width:"100%",...$,style:T,children:n})]})},qv=oe.div`
210
+ `,Nv=({item:n,index:r,openItemIndex:i,handleNavItemMouseEnter:a,handleNavItemMouseLeave:l,handleNavItemToggleDropdown:u})=>{var $,T;const[f,h]=d.useState(0),b=d.useRef(null),{isMouse:y}=xa();return d.useLayoutEffect(()=>{b.current&&h(b.current.offsetWidth)},[n]),w.jsxs(Dv,{onMouseLeave:y?l:void 0,onMouseEnter:y?()=>a(n,r):void 0,children:[w.jsx(G,{ref:b,display:"inline-block",children:w.jsx(Ca,{...n,isActive:i!==r&&(n.isActive||(($=n.dropdownItems)==null?void 0:$.some(x=>x.isActive)))||n.isActive,isLoading:i!==r&&(n.isLoading||((T=n.dropdownItems)==null?void 0:T.some(x=>x.isLoading)))||n.isLoading,isDropdownOpen:i===r,onToggleDropdown:()=>u(r)})}),n.dropdownItems&&n.dropdownItems.length>0&&w.jsx(Wv,{dropdownItems:n.dropdownItems,isDropdownOpen:i===r,dropdownMinWidth:f})]})},ff=({navItems:n=[]})=>{const i=Ce().__hd__.header,a=d.useRef(null),[l,u]=d.useState(!1),[f,h]=d.useState(!0),b=Or(),y=!wt()&&b==="xs",[$,T]=d.useState(null);d.useEffect(()=>{wt()||(u(!y),setTimeout(()=>{h(!1)},300))},[y]),d.useEffect(()=>{const C=M=>{a.current&&!a.current.contains(M.target)&&T(null)};return $!==null&&document.addEventListener("mousedown",C),()=>{document.removeEventListener("mousedown",C)}},[$]);const x=d.useDeferredValue(l),v=(C,M)=>{C.dropdownItems&&C.dropdownItems.length>0&&T(M)},m=()=>{T(null)},S=C=>{T(M=>M===C?null:C)};return w.jsx(ji,{display:"flex",visible:f,maxWidth:x?"100%":"0px",maxHeight:x?"100%":"0px",opacity:x?1:0,variant:"transparent",transition:"max-width 0.3s ease-in-out, opacity 0.3s ease-in-out",r:"lg",py:"sm",children:w.jsx(G,{ref:a,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((C,M)=>w.jsx(Nv,{item:C,index:M,openItemIndex:$,handleNavItemMouseEnter:v,handleNavItemMouseLeave:m,handleNavItemToggleDropdown:S},`nav-item-wrapper-${M}`))})})};function Zv({backgroundColor:n="white",logo:r,navItems:i=[],isSignedIn:a=!1,userProfile:l,profileDropdownItems:u,profileDropdownMaxHeight:f,onLogoClick:h,onNavItemClick:b,onSignInClick:y,onRegisterClick:$,onProfileClick:T,...x},v){const[m,S]=d.useState(!1);return d.useImperativeHandle(v,()=>({showDropdown:()=>S(!0),hideDropdown:()=>S(!1)})),w.jsxs(G,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",p:"md",bgColor:n,...x,children:[w.jsx(cf,{logo:r,onLogoClick:h}),w.jsx(ff,{navItems:i,onNavItemClick:b}),w.jsx(uf,{isSignedIn:a,isDropdownVisible:m,setIsDropdownVisible:S,userProfile:l,dropdownItems:u,profileDropdownMaxHeight:f,onSignInClick:y,onRegisterClick:$,onProfileClick:T})]})}const df=d.forwardRef(Zv),Hv=(n,r,i)=>{let a={};return n?r==="padded"?(a.maxWidth=void 0,a.px=i.desktopPaddingX):(a.maxWidth=i.desktopContentMaxWidth,a.px=i.mobilePaddingX):(a.maxWidth=void 0,a.px=i.mobilePaddingX),a},Vv=(n,r)=>{const i={};return n&&r==="maxWidth"&&(i.marginLeft="auto",i.marginRight="auto"),i},Uv=({children:n,backgroundColor:r="white",header:i,contentLayoutMode:a="maxWidth",style:l,...u})=>{const h=Ce().__hd__.base,b=Or(),y=wt()||b==="md"||b==="lg"||b==="xl",$=Hv(y,a,h),T=Vv(y,a);return w.jsxs(G,{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",bgColor:r,style:l,...u,children:[i&&w.jsx(df,{...i}),w.jsx(G,{flex:1,overflow:"visible",position:"relative",width:"100%",...$,style:T,children:n})]})},qv=oe.div`
211
211
  display: flex;
212
212
  flex-direction: row;
213
213
  align-items: center;
package/dist/index.js CHANGED
@@ -8606,7 +8606,10 @@ const Wv = vt(Bv), Pv = ({
8606
8606
  ] })
8607
8607
  }
8608
8608
  );
8609
- }, Dv = "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", Zv = ({ onLogoClick: n }) => /* @__PURE__ */ C(G, { children: /* @__PURE__ */ C(on, { onClick: n, children: /* @__PURE__ */ C(rn, { art: Dv, type: "svg", width: "lg", height: "lg" }) }) }), Nv = ({
8609
+ }, Dv = "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", Zv = ({
8610
+ logo: n = Dv,
8611
+ onLogoClick: r
8612
+ }) => /* @__PURE__ */ C(G, { children: /* @__PURE__ */ C(on, { onClick: r, children: /* @__PURE__ */ C(rn, { art: n, type: "svg", width: "lg", height: "lg" }) }) }), Nv = ({
8610
8613
  dropdownMaxHeight: n,
8611
8614
  dropdownMinWidth: r,
8612
8615
  isDropdownOpen: i = !1,
@@ -8771,22 +8774,23 @@ const Wv = vt(Bv), Pv = ({
8771
8774
  };
8772
8775
  function jv({
8773
8776
  backgroundColor: n = "white",
8774
- navItems: r = [],
8775
- isSignedIn: i = !1,
8776
- userProfile: a,
8777
- profileDropdownItems: l,
8778
- profileDropdownMaxHeight: u,
8779
- onLogoClick: d,
8780
- onNavItemClick: f,
8781
- onSignInClick: y,
8782
- onRegisterClick: v,
8783
- onProfileClick: A,
8784
- ...$
8785
- }, b) {
8786
- const [m, g] = _e(!1);
8787
- return Pi(b, () => ({
8788
- showDropdown: () => g(!0),
8789
- hideDropdown: () => g(!1)
8777
+ logo: r,
8778
+ navItems: i = [],
8779
+ isSignedIn: a = !1,
8780
+ userProfile: l,
8781
+ profileDropdownItems: u,
8782
+ profileDropdownMaxHeight: d,
8783
+ onLogoClick: f,
8784
+ onNavItemClick: y,
8785
+ onSignInClick: v,
8786
+ onRegisterClick: A,
8787
+ onProfileClick: $,
8788
+ ...b
8789
+ }, m) {
8790
+ const [g, _] = _e(!1);
8791
+ return Pi(m, () => ({
8792
+ showDropdown: () => _(!0),
8793
+ hideDropdown: () => _(!1)
8790
8794
  })), /* @__PURE__ */ ge(
8791
8795
  G,
8792
8796
  {
@@ -8797,22 +8801,22 @@ function jv({
8797
8801
  width: "100%",
8798
8802
  p: "md",
8799
8803
  bgColor: n,
8800
- ...$,
8804
+ ...b,
8801
8805
  children: [
8802
- /* @__PURE__ */ C(Zv, { onLogoClick: d }),
8803
- /* @__PURE__ */ C(Uv, { navItems: r, onNavItemClick: f }),
8806
+ /* @__PURE__ */ C(Zv, { logo: r, onLogoClick: f }),
8807
+ /* @__PURE__ */ C(Uv, { navItems: i, onNavItemClick: y }),
8804
8808
  /* @__PURE__ */ C(
8805
8809
  Pv,
8806
8810
  {
8807
- isSignedIn: i,
8808
- isDropdownVisible: m,
8809
- setIsDropdownVisible: g,
8810
- userProfile: a,
8811
- dropdownItems: l,
8812
- profileDropdownMaxHeight: u,
8813
- onSignInClick: y,
8814
- onRegisterClick: v,
8815
- onProfileClick: A
8811
+ isSignedIn: a,
8812
+ isDropdownVisible: g,
8813
+ setIsDropdownVisible: _,
8814
+ userProfile: l,
8815
+ dropdownItems: u,
8816
+ profileDropdownMaxHeight: d,
8817
+ onSignInClick: v,
8818
+ onRegisterClick: A,
8819
+ onProfileClick: $
8816
8820
  }
8817
8821
  )
8818
8822
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aic-kits/react",
3
- "version": "0.32.1",
3
+ "version": "0.33.1",
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": "d9de63934a7beef9fb204b93047b8bd7a5edc497"
58
+ "gitHead": "709ae5b5b9d326cc614fe812c4362bccd760b3a0"
59
59
  }