@aic-kits/react 0.4.0 → 0.4.4

package/dist/components/Header/HeaderNav.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { NavItem } from './types';
+import { NavItemProps } from './types';
 interface HeaderNavProps {
-    navItems?: NavItem[];
-    onNavItemClick?: (item: NavItem) => void;
+    navItems?: NavItemProps[];
+    onNavItemClick?: (item: NavItemProps) => void;
 }
 export declare const HeaderNav: React.FC<HeaderNavProps>;
 export {};

package/dist/components/Header/NavItem.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NavItemProps } from './types';
+export declare const NavItem: React.FC<NavItemProps>;

package/dist/components/Header/types.d.ts

@@ -1,18 +1,18 @@
 import { Color } from '../../theme';
 import { BoxProps } from '../Box';
-export interface NavItem {
+export interface NavItemProps {
     /**
      * Label for the navigation item
      */
     label: string;
-    /**
-     * URL or path for the navigation item
-     */
-    path: string;
     /**
      * Whether this navigation item is currently active
      */
     isActive?: boolean;
+    /**
+     * Called when the navigation item is clicked
+     */
+    onClick?: () => void;
 }
 export interface HeaderProps extends BoxProps {
     /**
@@ -22,7 +22,7 @@ export interface HeaderProps extends BoxProps {
     /**
      * Navigation items to display in the center of the header
      */
-    navItems?: NavItem[];
+    navItems?: NavItemProps[];
     /**
      * Whether to show the user is signed in
      */
@@ -41,7 +41,7 @@ export interface HeaderProps extends BoxProps {
     /**
      * Called when a navigation item is clicked
      */
-    onNavItemClick?: (item: NavItem) => void;
+    onNavItemClick?: (item: NavItemProps) => void;
     /**
      * Called when the sign in button is clicked
      */

package/dist/index.cjs

@@ -163,7 +163,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
       // Outlined: text becomes white
       ${r==="outlined"?`color: ${s.colors.white};`:""}
       // Text: opacity changes
-      ${r==="text"?"opacity: 0.8;":""}
+      ${r==="text"?`color: ${s.colors.primary};`:""}
     `}
   }
 `,bc=ge(re)`
@@ -179,7 +179,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
   &:hover {
     color: ${({theme:r})=>r.colors.primary};
   }
-`,$l=({navItems:r=[],onNavItemClick:s})=>{const i=l=>{s==null||s(l)};return A.jsx(re,{display:"flex",flexDirection:"row",justifyContent:"center",flex:1,mx:"xl",children:r.map((l,f)=>A.jsx(re,{mr:f<r.length-1?"lg":void 0,children:A.jsx(dr,{onClick:()=>i(l),children:A.jsx(T_,{$isActive:l.isActive,children:l.label})})},`nav-item-${f}`))})},Ml=({backgroundColor:r="white",navItems:s=[],isSignedIn:i=!1,userProfile:l,onLogoClick:f,onNavItemClick:_,onSignInClick:p,onRegisterClick:w,onProfileClick:x,...T})=>A.jsxs(re,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",p:"md",bgColor:r,...T,children:[A.jsx(Dl,{onLogoClick:f}),A.jsx($l,{navItems:s,onNavItemClick:_}),A.jsx(Wl,{isSignedIn:i,userProfile:l,onSignInClick:p,onRegisterClick:w,onProfileClick:x})]}),R_=({children:r,backgroundColor:s="white",header:i,...l})=>A.jsxs(re,{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",bgColor:s,...l,children:[i&&A.jsx(Ml,{...i}),A.jsx(re,{flex:1,overflow:"auto",position:"relative",children:r})]}),I_=ge(re)`
+`,R_=({label:r,isActive:s,onClick:i})=>A.jsx(dr,{onClick:i,children:A.jsx(T_,{$isActive:s,children:r})}),$l=({navItems:r=[]})=>A.jsx(re,{display:"flex",flexDirection:"row",justifyContent:"center",flex:1,mx:"xl",gap:"lg",children:r.map((s,i)=>A.jsx(R_,{...s},`nav-item-${i}`))}),Ml=({backgroundColor:r="white",navItems:s=[],isSignedIn:i=!1,userProfile:l,onLogoClick:f,onNavItemClick:_,onSignInClick:p,onRegisterClick:w,onProfileClick:x,...T})=>A.jsxs(re,{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",p:"md",bgColor:r,...T,children:[A.jsx(Dl,{onLogoClick:f}),A.jsx($l,{navItems:s,onNavItemClick:_}),A.jsx(Wl,{isSignedIn:i,userProfile:l,onSignInClick:p,onRegisterClick:w,onProfileClick:x})]}),I_=({children:r,backgroundColor:s="white",header:i,...l})=>A.jsxs(re,{display:"flex",flexDirection:"column",width:"100%",height:"100%",position:"relative",bgColor:s,...l,children:[i&&A.jsx(Ml,{...i}),A.jsx(re,{flex:1,overflow:"auto",position:"relative",children:r})]}),O_=ge(re)`
   background-color: ${({theme:r,$color:s})=>r.colors[s]};
   ${({$orientation:r,$thickness:s})=>r==="horizontal"?`
           height: ${s}px;
@@ -188,7 +188,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
           width: ${s}px;
           height: 100%;
         `}
-`,O_=({orientation:r="horizontal",color:s,thickness:i,...l})=>{var T,I,E,F;const f=We(),_=(I=(T=f.components)==null?void 0:T.divider)==null?void 0:I.defaultColor,p=(F=(E=f.components)==null?void 0:E.divider)==null?void 0:F.defaultThickness,w=s||_||"grey300",x=i||p||1;return A.jsx(I_,{$orientation:r,$color:w,$thickness:x,...l})},L_=ge.div`
+`,L_=({orientation:r="horizontal",color:s,thickness:i,...l})=>{var T,I,E,F;const f=We(),_=(I=(T=f.components)==null?void 0:T.divider)==null?void 0:I.defaultColor,p=(F=(E=f.components)==null?void 0:E.divider)==null?void 0:F.defaultThickness,w=s||_||"grey300",x=i||p||1;return A.jsx(O_,{$orientation:r,$color:w,$thickness:x,...l})},P_=ge.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -199,7 +199,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
       background-color: ${F};
       opacity: ${i?.7:1};
     `}}
-`,P_=ge.input`
+`,B_=ge.input`
   flex: 1;
   border: none;
   background: transparent;
@@ -214,20 +214,20 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
   &:disabled {
     cursor: not-allowed;
   }
-`,Nl=k.forwardRef(({value:r="",onChange:s,placeholder:i="",disabled:l=!1,error:f,label:_,helperText:p,leftIcon:w,rightIcon:x,borderColor:T,bgColor:I,...E},F)=>{const[D,H]=k.useState(!1),J=k.useRef(null),[U,j]=k.useState(r);k.useEffect(()=>{j(r)},[r]),k.useImperativeHandle(F,()=>({focus:()=>{var W;return(W=J.current)==null?void 0:W.focus()},blur:()=>{var W;return(W=J.current)==null?void 0:W.blur()},get value(){return U}}));const K=W=>{var B;H(!0),(B=E.onFocus)==null||B.call(E,W)},z=W=>{var B;H(!1),(B=E.onBlur)==null||B.call(E,W)},G=W=>{const B=W.target.value;j(B),s==null||s(B)};return A.jsxs(re,{fw:!0,children:[_&&A.jsx(re,{mb:"xs",children:A.jsx($n,{fontWeight:"medium",children:_})}),A.jsxs(L_,{$isFocused:D,$isDisabled:l,$error:!!f,$borderColor:T,$bgColor:I,children:[w&&A.jsx(re,{mr:"sm",children:w}),A.jsx(P_,{ref:J,value:U,onChange:G,onFocus:K,onBlur:z,placeholder:i,disabled:l,...E}),x&&A.jsx(re,{ml:"sm",children:x})]}),(f||p)&&A.jsx(re,{mt:"xs",children:A.jsx($n,{fontSize:"xs",color:f?"danger":"grey600",children:f||p})})]})});Nl.displayName="Input";const B_=ge(re)`
+`,Nl=k.forwardRef(({value:r="",onChange:s,placeholder:i="",disabled:l=!1,error:f,label:_,helperText:p,leftIcon:w,rightIcon:x,borderColor:T,bgColor:I,...E},F)=>{const[D,H]=k.useState(!1),J=k.useRef(null),[U,j]=k.useState(r);k.useEffect(()=>{j(r)},[r]),k.useImperativeHandle(F,()=>({focus:()=>{var W;return(W=J.current)==null?void 0:W.focus()},blur:()=>{var W;return(W=J.current)==null?void 0:W.blur()},get value(){return U}}));const K=W=>{var B;H(!0),(B=E.onFocus)==null||B.call(E,W)},z=W=>{var B;H(!1),(B=E.onBlur)==null||B.call(E,W)},G=W=>{const B=W.target.value;j(B),s==null||s(B)};return A.jsxs(re,{fw:!0,children:[_&&A.jsx(re,{mb:"xs",children:A.jsx($n,{fontWeight:"medium",children:_})}),A.jsxs(P_,{$isFocused:D,$isDisabled:l,$error:!!f,$borderColor:T,$bgColor:I,children:[w&&A.jsx(re,{mr:"sm",children:w}),A.jsx(B_,{ref:J,value:U,onChange:G,onFocus:K,onBlur:z,placeholder:i,disabled:l,...E}),x&&A.jsx(re,{ml:"sm",children:x})]}),(f||p)&&A.jsx(re,{mt:"xs",children:A.jsx($n,{fontSize:"xs",color:f?"danger":"grey600",children:f||p})})]})});Nl.displayName="Input";const F_=ge(re)`
   overflow: auto;
   width: 100%;
-`,F_=ge(re)`
+`,W_=ge(re)`
   display: flex;
   flex-direction: column;
-`;function W_({data:r=[],renderItem:s,keyExtractor:i,ListEmptyComponent:l,ListHeaderComponent:f,ListFooterComponent:_,ItemSeparatorComponent:p,itemGap:w,...x},T){var U,j,K,z;const I=We(),E=((j=(U=I.components)==null?void 0:U.list)==null?void 0:j.defaultGap)||"xs",F=w||E,D=((z=(K=I.components)==null?void 0:K.list)==null?void 0:z.defaultPadding)||"0px",H=x.p||x.padding||D,J=()=>r.length===0&&l?l:r.map((G,W)=>{const B=i?i(G,W):String(W),L=s?s(G,W):null;return L?A.jsxs(k.Fragment,{children:[L,p&&W<r.length-1?p:null]},B):null});return A.jsx(B_,{ref:T,p:H,...x,children:A.jsxs(F_,{gap:F,children:[f,J(),_]})})}const D_=k.forwardRef(W_),$_=Mm`
+`;function D_({data:r=[],renderItem:s,keyExtractor:i,ListEmptyComponent:l,ListHeaderComponent:f,ListFooterComponent:_,ItemSeparatorComponent:p,itemGap:w,...x},T){var U,j,K,z;const I=We(),E=((j=(U=I.components)==null?void 0:U.list)==null?void 0:j.defaultGap)||"xs",F=w||E,D=((z=(K=I.components)==null?void 0:K.list)==null?void 0:z.defaultPadding)||"0px",H=x.p||x.padding||D,J=()=>r.length===0&&l?l:r.map((G,W)=>{const B=i?i(G,W):String(W),L=s?s(G,W):null;return L?A.jsxs(k.Fragment,{children:[L,p&&W<r.length-1?p:null]},B):null});return A.jsx(F_,{ref:T,p:H,...x,children:A.jsxs(W_,{gap:F,children:[f,J(),_]})})}const $_=k.forwardRef(D_),M_=Mm`
   0% {
     background-position: -468px 0;
   }
   100% {
     background-position: 468px 0;
   }
-`,M_=ge.div`
+`,N_=ge.div`
   width: 100%;
   height: 100%;
   border-radius: ${({theme:r,$variant:s})=>{var l,f;const i=(f=(l=r.components)==null?void 0:l.skeleton)==null?void 0:f.borderRadius;if(i)switch(s){case"circle":return i.circle;case"rounded":return i.rounded;default:return i.rectangle}switch(s){case"circle":return"50%";case"rounded":return"8px";default:return"0"}}};
@@ -238,28 +238,28 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
       ${f} 33%
     )`}};
   background-size: 800px 100px;
-  animation: ${$_} ${({theme:r,$duration:s})=>{var l,f,_;const i=(_=(f=(l=r.components)==null?void 0:l.skeleton)==null?void 0:f.animation)==null?void 0:_.duration;return i||s}}ms linear infinite;
+  animation: ${M_} ${({theme:r,$duration:s})=>{var l,f,_;const i=(_=(f=(l=r.components)==null?void 0:l.skeleton)==null?void 0:f.animation)==null?void 0:_.duration;return i||s}}ms linear infinite;
   will-change: background-position;
   transform: translateZ(0); /* Force hardware acceleration */
-`,N_=({variant:r,duration:s=1500})=>{var _,p,w;const f=((w=(p=(_=We().components)==null?void 0:_.skeleton)==null?void 0:p.animation)==null?void 0:w.duration)||s||1500;return A.jsx(M_,{$variant:r,$duration:f})},k_=ge.div`
+`,k_=({variant:r,duration:s=1500})=>{var _,p,w;const f=((w=(p=(_=We().components)==null?void 0:_.skeleton)==null?void 0:p.animation)==null?void 0:w.duration)||s||1500;return A.jsx(N_,{$variant:r,$duration:f})},z_=ge.div`
   position: relative;
   overflow: hidden;
-`,z_=ge.div`
+`,H_=ge.div`
   position: relative;
   width: 100%;
   height: 100%;
-`,H_=ge.div`
+`,U_=ge.div`
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-`,U_=({visible:r,variant:s,animationDuration:i,children:l,style:f,className:_,width:p,height:w})=>{var z,G,W,B,L,he,Se,Ct,At,Et,mt,be;const x=We(),[T,I]=k.useState(r),[E,F]=k.useState(r?1:0),[D,H]=k.useState(r?0:1),J=((B=(W=(G=(z=x.components)==null?void 0:z.skeleton)==null?void 0:G.animation)==null?void 0:W.transition)==null?void 0:B.fadeInDuration)||250,U=((Ct=(Se=(he=(L=x.components)==null?void 0:L.skeleton)==null?void 0:he.animation)==null?void 0:Se.transition)==null?void 0:Ct.fadeOutDuration)||250,j=((be=(mt=(Et=(At=x.components)==null?void 0:At.skeleton)==null?void 0:Et.animation)==null?void 0:mt.transition)==null?void 0:be.contentFadeDuration)||300;k.useEffect(()=>{let Xt;return r?(I(!0),F(1),H(0)):(F(0),H(1),Xt=setTimeout(()=>{I(!1)},U)),()=>{Xt&&clearTimeout(Xt)}},[r,U]);const K={...f,width:p!==void 0?typeof p=="number"?`${p}px`:p:void 0,height:w!==void 0?typeof w=="number"?`${w}px`:w:void 0};return A.jsxs(k_,{style:K,className:_,children:[A.jsx(z_,{style:{opacity:D,transition:`opacity ${j}ms ease-in-out`},children:l}),T&&A.jsx(H_,{style:{opacity:E,transition:`opacity ${r?J:U}ms ease-in-out`},children:A.jsx(N_,{variant:s,duration:i})})]})},G_=({visible:r=!0,variant:s="rectangle",children:i,animationDuration:l=1500,width:f,height:_,...p})=>A.jsx(re,{width:f,height:_,...p,children:A.jsx(U_,{visible:r,variant:s,animationDuration:l,width:"100%",height:"100%",children:i})}),kl={color:"#00adef",autoplay:!1,muted:!1,loop:!1,title:!1,byline:!1,portrait:!1,dnt:!0,playsinline:!0,background:!1,controls:!0,pip:!1,responsive:!0,width:"100%"},Es="https://player.vimeo.com";function q_(r,s){const i={...kl,...s},l=new URL(`${Es}/video/${r}`);return Object.entries(i).forEach(([f,_])=>{if(f!=="width"&&f!=="responsive"){const p=typeof _=="boolean"?_?"1":"0":_;l.searchParams.append(f,String(p))}}),l.toString()}function j_(r,s){if(!r)return()=>{};const i=l=>{if(!(l.origin!==Es&&!l.origin.includes("vimeo.com")))try{const f=typeof l.data=="string"?JSON.parse(l.data):l.data;f&&typeof f=="object"&&f.player_id===r.id&&s(l)}catch(f){console.error("Error handling Vimeo message:",f)}};return window.addEventListener("message",i),()=>{window.removeEventListener("message",i)}}const Y_=ge.div`
+`,G_=({visible:r,variant:s,animationDuration:i,children:l,style:f,className:_,width:p,height:w})=>{var z,G,W,B,L,he,Se,Ct,At,Et,mt,be;const x=We(),[T,I]=k.useState(r),[E,F]=k.useState(r?1:0),[D,H]=k.useState(r?0:1),J=((B=(W=(G=(z=x.components)==null?void 0:z.skeleton)==null?void 0:G.animation)==null?void 0:W.transition)==null?void 0:B.fadeInDuration)||250,U=((Ct=(Se=(he=(L=x.components)==null?void 0:L.skeleton)==null?void 0:he.animation)==null?void 0:Se.transition)==null?void 0:Ct.fadeOutDuration)||250,j=((be=(mt=(Et=(At=x.components)==null?void 0:At.skeleton)==null?void 0:Et.animation)==null?void 0:mt.transition)==null?void 0:be.contentFadeDuration)||300;k.useEffect(()=>{let Xt;return r?(I(!0),F(1),H(0)):(F(0),H(1),Xt=setTimeout(()=>{I(!1)},U)),()=>{Xt&&clearTimeout(Xt)}},[r,U]);const K={...f,width:p!==void 0?typeof p=="number"?`${p}px`:p:void 0,height:w!==void 0?typeof w=="number"?`${w}px`:w:void 0};return A.jsxs(z_,{style:K,className:_,children:[A.jsx(H_,{style:{opacity:D,transition:`opacity ${j}ms ease-in-out`},children:l}),T&&A.jsx(U_,{style:{opacity:E,transition:`opacity ${r?J:U}ms ease-in-out`},children:A.jsx(k_,{variant:s,duration:i})})]})},q_=({visible:r=!0,variant:s="rectangle",children:i,animationDuration:l=1500,width:f,height:_,...p})=>A.jsx(re,{width:f,height:_,...p,children:A.jsx(G_,{visible:r,variant:s,animationDuration:l,width:"100%",height:"100%",children:i})}),kl={color:"#00adef",autoplay:!1,muted:!1,loop:!1,title:!1,byline:!1,portrait:!1,dnt:!0,playsinline:!0,background:!1,controls:!0,pip:!1,responsive:!0,width:"100%"},Es="https://player.vimeo.com";function j_(r,s){const i={...kl,...s},l=new URL(`${Es}/video/${r}`);return Object.entries(i).forEach(([f,_])=>{if(f!=="width"&&f!=="responsive"){const p=typeof _=="boolean"?_?"1":"0":_;l.searchParams.append(f,String(p))}}),l.toString()}function Y_(r,s){if(!r)return()=>{};const i=l=>{if(!(l.origin!==Es&&!l.origin.includes("vimeo.com")))try{const f=typeof l.data=="string"?JSON.parse(l.data):l.data;f&&typeof f=="object"&&f.player_id===r.id&&s(l)}catch(f){console.error("Error handling Vimeo message:",f)}};return window.addEventListener("message",i),()=>{window.removeEventListener("message",i)}}const K_=ge.div`
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
-`,K_=ge.div`
+`,V_=ge.div`
   position: relative;
   padding-bottom: ${({$aspectRatio:r})=>`${r}%`};
   height: 0;
@@ -271,4 +271,4 @@ See https://s-c.sh/2BAXzed for more info.`),window[si]+=1);const ms=r=>({none:0,
   width: 100%;
   height: 100%;
   border: 0;
-`,V_=({videoId:r,width:s="100%",height:i="auto",config:l,callbacks:f})=>{var D,H,J,U,j,K;const _=We(),p=k.useRef(null),[w]=k.useState(`vimeo-player-${Math.random().toString(36).substr(2,9)}`),x=i==="auto",T=((H=(D=_.components)==null?void 0:D.vimeo)==null?void 0:H.aspectRatio)||56.25,E={...(U=(J=_.components)==null?void 0:J.vimeo)==null?void 0:U.playerSettings,...l,color:(l==null?void 0:l.color)||((K=(j=_.components)==null?void 0:j.vimeo)==null?void 0:K.defaultAccentColor)||"#00adef"};k.useEffect(()=>!p.current||!f?void 0:j_(p.current,G=>{var W,B,L,he,Se,Ct,At,Et,mt;try{const be=typeof G.data=="string"?JSON.parse(G.data):G.data;switch(be.event){case"ready":(W=f.onReady)==null||W.call(f);break;case"play":(B=f.onPlay)==null||B.call(f);break;case"pause":(L=f.onPlayerPause)==null||L.call(f);break;case"ended":(he=f.onEnd)==null||he.call(f);break;case"seeked":(Se=f.onSeeked)==null||Se.call(f);break;case"seeking":(Ct=f.onSeeking)==null||Ct.call(f);break;case"timeupdate":be.data&&typeof be.data.seconds=="number"&&((At=f.onTimeUpdate)==null||At.call(f,be.data.seconds));break;case"progress":be.data&&typeof be.data.percent=="number"&&((Et=f.onProgress)==null||Et.call(f,be.data.percent));break;case"error":(mt=f.onPlayerError)==null||mt.call(f,be.data);break;default:break}}catch(be){console.error("Error handling Vimeo event:",be)}}),[f,w]);const F=q_(r,E);return x?A.jsx(K_,{$aspectRatio:T,children:A.jsx(Cc,{ref:p,id:w,src:F,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:`Vimeo Player ${r}`})}):A.jsx(Y_,{style:{width:s,height:i},children:A.jsx(Cc,{ref:p,id:w,src:F,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:`Vimeo Player ${r}`})})},Z_=({videoId:r,playerWidth:s,playerHeight:i,config:l,callbacks:f,..._})=>A.jsx(re,{overflow:"hidden",..._,children:A.jsx(V_,{videoId:r,width:s,height:i,config:l,callbacks:f})});exports.Art=Cs;exports.Base=R_;exports.Box=re;exports.Brand=Tl;exports.Button=cs;exports.DEFAULT_VIMEO_CONFIG=kl;exports.Divider=O_;exports.Emoji=Rl;exports.Header=Ml;exports.HeaderAuth=Wl;exports.HeaderLogo=Dl;exports.HeaderNav=$l;exports.Icon=Il;exports.Image=Ol;exports.Input=Nl;exports.List=D_;exports.Loading=Pl;exports.SUPPORTED_RICH_TEXT_TAGS=Bl;exports.Skeleton=G_;exports.StyledBox=Sl;exports.Svg=Ll;exports.Text=$n;exports.ThemeProvider=c_;exports.Touchable=dr;exports.VIMEO_HOST=Es;exports.Vimeo=Z_;exports.artTheme=tl;exports.baseTheme=nl;exports.buttonTheme=rl;exports.configKeys=xl;exports.customBoxPropsConfig=_l;exports.customBoxPropsKey=bs;exports.defaultColorPalette=Si;exports.defaultGradientColorPalette=Xc;exports.defaultScale=Jc;exports.defaultTheme=di;exports.dividerTheme=il;exports.flexPropsKey=ml;exports.genBoxStyle=wl;exports.getBorderWidths=ms;exports.getComponentsTheme=dl;exports.getFontSizes=bi;exports.getFontWeights=Ss;exports.getFonts=xs;exports.getGlobalTheme=Qm;exports.getLineHeights=ws;exports.getRadii=_s;exports.getShadows=Qc;exports.getSizeValue=ot;exports.getSizes=vs;exports.getSpaces=ys;exports.getTextColor=As;exports.getTheme=hl;exports.getThemeValue=vl;exports.headerTheme=ol;exports.inputTheme=sl;exports.isBorderWidth=Nm;exports.isColor=zm;exports.isEmoji=bl;exports.isFontSize=Xm;exports.isFontWeight=Jm;exports.isGradientColor=Hm;exports.isIcon=Cl;exports.isImage=Al;exports.isRadius=km;exports.isShadow=Vm;exports.isSize=el;exports.isSpace=Zm;exports.isSvg=El;exports.listTheme=al;exports.loadingTheme=ul;exports.mapStylePropToThemeValue=yl;exports.shouldForwardProp=pl;exports.skeletonTheme=cl;exports.styled=ge;exports.touchableTheme=ll;exports.useTheme=We;exports.vimeoTheme=fl;
+`,Z_=({videoId:r,width:s="100%",height:i="auto",config:l,callbacks:f})=>{var D,H,J,U,j,K;const _=We(),p=k.useRef(null),[w]=k.useState(`vimeo-player-${Math.random().toString(36).substr(2,9)}`),x=i==="auto",T=((H=(D=_.components)==null?void 0:D.vimeo)==null?void 0:H.aspectRatio)||56.25,E={...(U=(J=_.components)==null?void 0:J.vimeo)==null?void 0:U.playerSettings,...l,color:(l==null?void 0:l.color)||((K=(j=_.components)==null?void 0:j.vimeo)==null?void 0:K.defaultAccentColor)||"#00adef"};k.useEffect(()=>!p.current||!f?void 0:Y_(p.current,G=>{var W,B,L,he,Se,Ct,At,Et,mt;try{const be=typeof G.data=="string"?JSON.parse(G.data):G.data;switch(be.event){case"ready":(W=f.onReady)==null||W.call(f);break;case"play":(B=f.onPlay)==null||B.call(f);break;case"pause":(L=f.onPlayerPause)==null||L.call(f);break;case"ended":(he=f.onEnd)==null||he.call(f);break;case"seeked":(Se=f.onSeeked)==null||Se.call(f);break;case"seeking":(Ct=f.onSeeking)==null||Ct.call(f);break;case"timeupdate":be.data&&typeof be.data.seconds=="number"&&((At=f.onTimeUpdate)==null||At.call(f,be.data.seconds));break;case"progress":be.data&&typeof be.data.percent=="number"&&((Et=f.onProgress)==null||Et.call(f,be.data.percent));break;case"error":(mt=f.onPlayerError)==null||mt.call(f,be.data);break;default:break}}catch(be){console.error("Error handling Vimeo event:",be)}}),[f,w]);const F=j_(r,E);return x?A.jsx(V_,{$aspectRatio:T,children:A.jsx(Cc,{ref:p,id:w,src:F,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:`Vimeo Player ${r}`})}):A.jsx(K_,{style:{width:s,height:i},children:A.jsx(Cc,{ref:p,id:w,src:F,allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,title:`Vimeo Player ${r}`})})},X_=({videoId:r,playerWidth:s,playerHeight:i,config:l,callbacks:f,..._})=>A.jsx(re,{overflow:"hidden",..._,children:A.jsx(Z_,{videoId:r,width:s,height:i,config:l,callbacks:f})});exports.Art=Cs;exports.Base=I_;exports.Box=re;exports.Brand=Tl;exports.Button=cs;exports.DEFAULT_VIMEO_CONFIG=kl;exports.Divider=L_;exports.Emoji=Rl;exports.Header=Ml;exports.HeaderAuth=Wl;exports.HeaderLogo=Dl;exports.HeaderNav=$l;exports.Icon=Il;exports.Image=Ol;exports.Input=Nl;exports.List=$_;exports.Loading=Pl;exports.SUPPORTED_RICH_TEXT_TAGS=Bl;exports.Skeleton=q_;exports.StyledBox=Sl;exports.Svg=Ll;exports.Text=$n;exports.ThemeProvider=c_;exports.Touchable=dr;exports.VIMEO_HOST=Es;exports.Vimeo=X_;exports.artTheme=tl;exports.baseTheme=nl;exports.buttonTheme=rl;exports.configKeys=xl;exports.customBoxPropsConfig=_l;exports.customBoxPropsKey=bs;exports.defaultColorPalette=Si;exports.defaultGradientColorPalette=Xc;exports.defaultScale=Jc;exports.defaultTheme=di;exports.dividerTheme=il;exports.flexPropsKey=ml;exports.genBoxStyle=wl;exports.getBorderWidths=ms;exports.getComponentsTheme=dl;exports.getFontSizes=bi;exports.getFontWeights=Ss;exports.getFonts=xs;exports.getGlobalTheme=Qm;exports.getLineHeights=ws;exports.getRadii=_s;exports.getShadows=Qc;exports.getSizeValue=ot;exports.getSizes=vs;exports.getSpaces=ys;exports.getTextColor=As;exports.getTheme=hl;exports.getThemeValue=vl;exports.headerTheme=ol;exports.inputTheme=sl;exports.isBorderWidth=Nm;exports.isColor=zm;exports.isEmoji=bl;exports.isFontSize=Xm;exports.isFontWeight=Jm;exports.isGradientColor=Hm;exports.isIcon=Cl;exports.isImage=Al;exports.isRadius=km;exports.isShadow=Vm;exports.isSize=el;exports.isSpace=Zm;exports.isSvg=El;exports.listTheme=al;exports.loadingTheme=ul;exports.mapStylePropToThemeValue=yl;exports.shouldForwardProp=pl;exports.skeletonTheme=cl;exports.styled=ge;exports.touchableTheme=ll;exports.useTheme=We;exports.vimeoTheme=fl;

package/dist/index.js

@@ -4915,7 +4915,7 @@ const Jc = (r) => ({
   xl: r * 4,
   // 16
   full: 9999
-}), X_ = (r) => ["none", "hairline", "thin", "thick", "heavy"].includes(r), J_ = (r) => ["none", "xs", "sm", "md", "lg", "xl", "full"].includes(r), ws = {
+}), J_ = (r) => ["none", "hairline", "thin", "thick", "heavy"].includes(r), Q_ = (r) => ["none", "xs", "sm", "md", "lg", "xl", "full"].includes(r), ws = {
   // Base colors
   transparent: "#FFFFFF00",
   // transparent in RGBA
@@ -4996,14 +4996,14 @@ const Jc = (r) => ({
   pink700: "#D81B60",
   pink800: "#C2185B",
   pink900: "#880E4F"
-}, Q_ = (r) => r in ws, cm = {
+}, j_ = (r) => r in ws, cm = {
   primary: ["#543ACC", "#6949FF"],
   secondary: ["#E0A800", "#FFC107"],
   success: ["#0FB57A", "#12D18E"],
   danger: ["#E64545", "#F75555"],
   warning: ["#E1B70D", "#FACC15"],
   info: ["#543ACC", "#6949FF"]
-}, j_ = (r) => ["primary", "secondary", "success", "danger", "warning", "info"].includes(r), lm = 1, fm = 8, dm = 8, hm = "Inter", pm = 10, gm = 4, mm = {
+}, ev = (r) => ["primary", "secondary", "success", "danger", "warning", "info"].includes(r), lm = 1, fm = 8, dm = 8, hm = "Inter", pm = 10, gm = 4, mm = {
   borderWidth: lm,
   space: fm,
   size: dm,
@@ -5017,7 +5017,7 @@ const Jc = (r) => ({
   sm: `0 1px 2px 0 ${r.grey400}40`,
   md: `0 4px 6px -1px ${r.grey500}40, 0 2px 4px -1px ${r.grey400}40`,
   lg: `0 10px 15px -3px ${r.grey600}40, 0 4px 6px -2px ${r.grey500}40`
-}), ev = (r) => ["none", "sm", "md", "lg"].includes(r), jc = (r) => ({
+}), nv = (r) => ["none", "sm", "md", "lg"].includes(r), jc = (r) => ({
   "2xs": r * 0.5,
   // 4
   xs: r,
@@ -5056,7 +5056,7 @@ const Jc = (r) => ({
   // 48
   "4xl": r * 8
   // 64
-}), nv = (r) => [
+}), tv = (r) => [
   "none",
   "xxs",
   "xs",
@@ -5116,7 +5116,7 @@ const Jc = (r) => ({
   bold: 700,
   extrabold: 800,
   black: 900
-}), tv = (r) => ["xs", "small", "medium", "large", "xl", "2xl", "3xl"].includes(r), rv = (r) => ["extra-light", "thin", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"].includes(r), iv = (r = mm, s = ws, i = cm) => {
+}), rv = (r) => ["xs", "small", "medium", "large", "xl", "2xl", "3xl"].includes(r), iv = (r) => ["extra-light", "thin", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"].includes(r), ov = (r = mm, s = ws, i = cm) => {
   const l = nl(r.font), f = xs(r.fontSize), _ = tl(r.fontSize), p = rl(), x = Jc(r.borderWidth), w = el(r.space), E = jc(r.size), I = Qc(r.radius), A = _m(s);
   return {
     colors: s,
@@ -5417,7 +5417,7 @@ const ns = Mm(), ge = Xc, km = (r, s) => ![
   "fullHeight",
   "fw",
   "fh"
-].includes(r), zm = (r) => typeof r == "function" ? r(ns) : r ? { ...ns, ...r } : ns, ov = ({
+].includes(r), zm = (r) => typeof r == "function" ? r(ns) : r ? { ...ns, ...r } : ns, sv = ({
   theme: r,
   children: s
 }) => {
@@ -6147,7 +6147,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
       // Outlined: text becomes white
       ${r === "outlined" ? `color: ${s.colors.white};` : ""}
       // Text: opacity changes
-      ${r === "text" ? "opacity: 0.8;" : ""}
+      ${r === "text" ? `color: ${s.colors.primary};` : ""}
     `}
   }
 `, yc = ge(te)`
@@ -6306,31 +6306,29 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
     color: ${({ theme: r }) => r.colors.primary};
   }
 `, E_ = ({
-  navItems: r = [],
-  onNavItemClick: s
-}) => {
-  const i = (l) => {
-    s == null || s(l);
-  };
-  return /* @__PURE__ */ T(
-    te,
-    {
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "center",
-      flex: 1,
-      mx: "xl",
-      children: r.map((l, f) => /* @__PURE__ */ T(
-        te,
-        {
-          mr: f < r.length - 1 ? "lg" : void 0,
-          children: /* @__PURE__ */ T(Ai, { onClick: () => i(l), children: /* @__PURE__ */ T(A_, { $isActive: l.isActive, children: l.label }) })
-        },
-        `nav-item-${f}`
-      ))
-    }
-  );
-}, R_ = ({
+  label: r,
+  isActive: s,
+  onClick: i
+}) => /* @__PURE__ */ T(Ai, { onClick: i, children: /* @__PURE__ */ T(A_, { $isActive: s, children: r }) }), R_ = ({
+  navItems: r = []
+}) => /* @__PURE__ */ T(
+  te,
+  {
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    flex: 1,
+    mx: "xl",
+    gap: "lg",
+    children: r.map((s, i) => /* @__PURE__ */ T(
+      E_,
+      {
+        ...s
+      },
+      `nav-item-${i}`
+    ))
+  }
+), T_ = ({
   backgroundColor: r = "white",
   navItems: s = [],
   isSignedIn: i = !1,
@@ -6354,7 +6352,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
     ...E,
     children: [
       /* @__PURE__ */ T(C_, { onLogoClick: f }),
-      /* @__PURE__ */ T(E_, { navItems: s, onNavItemClick: _ }),
+      /* @__PURE__ */ T(R_, { navItems: s, onNavItemClick: _ }),
       /* @__PURE__ */ T(
         b_,
         {
@@ -6367,7 +6365,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
       )
     ]
   }
-), sv = ({
+), av = ({
   children: r,
   backgroundColor: s = "white",
   header: i,
@@ -6383,7 +6381,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
     bgColor: s,
     ...l,
     children: [
-      i && /* @__PURE__ */ T(R_, { ...i }),
+      i && /* @__PURE__ */ T(T_, { ...i }),
       /* @__PURE__ */ T(
         te,
         {
@@ -6395,7 +6393,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
       )
     ]
   }
-), T_ = ge(te)`
+), I_ = ge(te)`
   background-color: ${({ theme: r, $color: s }) => r.colors[s]};
   ${({ $orientation: r, $thickness: s }) => r === "horizontal" ? `
           height: ${s}px;
@@ -6404,7 +6402,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
           width: ${s}px;
           height: 100%;
         `}
-`, av = ({
+`, uv = ({
   orientation: r = "horizontal",
   color: s,
   thickness: i,
@@ -6413,7 +6411,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
   var E, I, A, B;
   const f = Me(), _ = (I = (E = f.components) == null ? void 0 : E.divider) == null ? void 0 : I.defaultColor, p = (B = (A = f.components) == null ? void 0 : A.divider) == null ? void 0 : B.defaultThickness;
   return /* @__PURE__ */ T(
-    T_,
+    I_,
     {
       $orientation: r,
       $color: s || _ || "grey300",
@@ -6421,7 +6419,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
       ...l
     }
   );
-}, I_ = ge.div`
+}, O_ = ge.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -6438,7 +6436,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
       opacity: ${i ? 0.7 : 1};
     `;
 }}
-`, O_ = ge.input`
+`, L_ = ge.input`
   flex: 1;
   border: none;
   background: transparent;
@@ -6453,7 +6451,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
   &:disabled {
     cursor: not-allowed;
   }
-`, L_ = vi(({
+`, P_ = vi(({
   value: r = "",
   onChange: s,
   placeholder: i = "",
@@ -6485,7 +6483,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
   })), /* @__PURE__ */ mn(te, { fw: !0, children: [
     _ && /* @__PURE__ */ T(te, { mb: "xs", children: /* @__PURE__ */ T(pr, { fontWeight: "medium", children: _ }) }),
     /* @__PURE__ */ mn(
-      I_,
+      O_,
       {
         $isFocused: D,
         $isDisabled: l,
@@ -6495,7 +6493,7 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
         children: [
           x && /* @__PURE__ */ T(te, { mr: "sm", children: x }),
           /* @__PURE__ */ T(
-            O_,
+            L_,
             {
               ref: Q,
               value: z,
@@ -6530,15 +6528,15 @@ const w_ = vi(y_), pr = v_(w_), al = (r, s, i, l = "solid", f) => {
     ) })
   ] });
 });
-L_.displayName = "Input";
-const P_ = ge(te)`
+P_.displayName = "Input";
+const W_ = ge(te)`
   overflow: auto;
   width: 100%;
-`, W_ = ge(te)`
+`, B_ = ge(te)`
   display: flex;
   flex-direction: column;
 `;
-function B_({
+function F_({
   data: r = [],
   renderItem: s,
   keyExtractor: i,
@@ -6551,7 +6549,7 @@ function B_({
 }, E) {
   var z, G, K, U;
   const I = Me(), A = ((G = (z = I.components) == null ? void 0 : z.list) == null ? void 0 : G.defaultGap) || "xs", B = x || A, D = ((U = (K = I.components) == null ? void 0 : K.list) == null ? void 0 : U.defaultPadding) || "0px", k = w.p || w.padding || D;
-  return /* @__PURE__ */ T(P_, { ref: E, p: k, ...w, children: /* @__PURE__ */ mn(W_, { gap: B, children: [
+  return /* @__PURE__ */ T(W_, { ref: E, p: k, ...w, children: /* @__PURE__ */ mn(B_, { gap: B, children: [
     f,
     r.length === 0 && l ? l : r.map((q, F) => {
       const W = i ? i(q, F) : String(F), L = s ? s(q, F) : null;
@@ -6563,14 +6561,14 @@ function B_({
     _
   ] }) });
 }
-const uv = vi(B_), F_ = um`
+const cv = vi(F_), D_ = um`
   0% {
     background-position: -468px 0;
   }
   100% {
     background-position: 468px 0;
   }
-`, D_ = ge.div`
+`, $_ = ge.div`
   width: 100%;
   height: 100%;
   border-radius: ${({ theme: r, $variant: s }) => {
@@ -6605,37 +6603,37 @@ const uv = vi(B_), F_ = um`
     )`;
 }};
   background-size: 800px 100px;
-  animation: ${F_} ${({ theme: r, $duration: s }) => {
+  animation: ${D_} ${({ theme: r, $duration: s }) => {
   var l, f, _;
   const i = (_ = (f = (l = r.components) == null ? void 0 : l.skeleton) == null ? void 0 : f.animation) == null ? void 0 : _.duration;
   return i || s;
 }}ms linear infinite;
   will-change: background-position;
   transform: translateZ(0); /* Force hardware acceleration */
-`, $_ = ({ variant: r, duration: s = 1500 }) => {
+`, N_ = ({ variant: r, duration: s = 1500 }) => {
   var _, p, x;
   const f = ((x = (p = (_ = Me().components) == null ? void 0 : _.skeleton) == null ? void 0 : p.animation) == null ? void 0 : x.duration) || s || 1500;
   return /* @__PURE__ */ T(
-    D_,
+    $_,
     {
       $variant: r,
       $duration: f
     }
   );
-}, N_ = ge.div`
+}, M_ = ge.div`
   position: relative;
   overflow: hidden;
-`, M_ = ge.div`
+`, k_ = ge.div`
   position: relative;
   width: 100%;
   height: 100%;
-`, k_ = ge.div`
+`, z_ = ge.div`
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-`, z_ = ({
+`, U_ = ({
   visible: r,
   variant: s,
   animationDuration: i,
@@ -6660,9 +6658,9 @@ const uv = vi(B_), F_ = um`
     width: p !== void 0 ? typeof p == "number" ? `${p}px` : p : void 0,
     height: x !== void 0 ? typeof x == "number" ? `${x}px` : x : void 0
   };
-  return /* @__PURE__ */ mn(N_, { style: K, className: _, children: [
+  return /* @__PURE__ */ mn(M_, { style: K, className: _, children: [
     /* @__PURE__ */ T(
-      M_,
+      k_,
       {
         style: {
           opacity: D,
@@ -6672,14 +6670,14 @@ const uv = vi(B_), F_ = um`
       }
     ),
     E && /* @__PURE__ */ T(
-      k_,
+      z_,
       {
         style: {
           opacity: A,
           transition: `opacity ${r ? Q : z}ms ease-in-out`
         },
         children: /* @__PURE__ */ T(
-          $_,
+          N_,
           {
             variant: s,
             duration: i
@@ -6688,7 +6686,7 @@ const uv = vi(B_), F_ = um`
       }
     )
   ] });
-}, cv = ({
+}, lv = ({
   visible: r = !0,
   variant: s = "rectangle",
   children: i,
@@ -6697,7 +6695,7 @@ const uv = vi(B_), F_ = um`
   height: _,
   ...p
 }) => /* @__PURE__ */ T(te, { width: f, height: _, ...p, children: /* @__PURE__ */ T(
-  z_,
+  U_,
   {
     visible: r,
     variant: s,
@@ -6706,7 +6704,7 @@ const uv = vi(B_), F_ = um`
     height: "100%",
     children: i
   }
-) }), U_ = {
+) }), H_ = {
   color: "#00adef",
   autoplay: !1,
   muted: !1,
@@ -6722,9 +6720,9 @@ const uv = vi(B_), F_ = um`
   responsive: !0,
   width: "100%"
 }, cl = "https://player.vimeo.com";
-function H_(r, s) {
+function G_(r, s) {
   const i = {
-    ...U_,
+    ...H_,
     ...s
   }, l = new URL(`${cl}/video/${r}`);
   return Object.entries(i).forEach(([f, _]) => {
@@ -6734,7 +6732,7 @@ function H_(r, s) {
     }
   }), l.toString();
 }
-function G_(r, s) {
+function q_(r, s) {
   if (!r)
     return () => {
     };
@@ -6751,12 +6749,12 @@ function G_(r, s) {
     window.removeEventListener("message", i);
   };
 }
-const q_ = ge.div`
+const Y_ = ge.div`
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
-`, Y_ = ge.div`
+`, K_ = ge.div`
   position: relative;
   padding-bottom: ${({ $aspectRatio: r }) => `${r}%`};
   height: 0;
@@ -6768,7 +6766,7 @@ const q_ = ge.div`
   width: 100%;
   height: 100%;
   border: 0;
-`, K_ = ({
+`, V_ = ({
   videoId: r,
   width: s = "100%",
   height: i = "auto",
@@ -6781,7 +6779,7 @@ const q_ = ge.div`
     ...l,
     color: (l == null ? void 0 : l.color) || ((K = (G = _.components) == null ? void 0 : G.vimeo) == null ? void 0 : K.defaultAccentColor) || "#00adef"
   };
-  _i(() => !p.current || !f ? void 0 : G_(
+  _i(() => !p.current || !f ? void 0 : q_(
     p.current,
     (q) => {
       var F, W, L, de, xe, Rn, Tn, In, yn;
@@ -6823,8 +6821,8 @@ const q_ = ge.div`
       }
     }
   ), [f, x]);
-  const B = H_(r, A);
-  return w ? /* @__PURE__ */ T(Y_, { $aspectRatio: E, children: /* @__PURE__ */ T(
+  const B = G_(r, A);
+  return w ? /* @__PURE__ */ T(K_, { $aspectRatio: E, children: /* @__PURE__ */ T(
     xc,
     {
       ref: p,
@@ -6834,7 +6832,7 @@ const q_ = ge.div`
       allowFullScreen: !0,
       title: `Vimeo Player ${r}`
     }
-  ) }) : /* @__PURE__ */ T(q_, { style: { width: s, height: i }, children: /* @__PURE__ */ T(
+  ) }) : /* @__PURE__ */ T(Y_, { style: { width: s, height: i }, children: /* @__PURE__ */ T(
     xc,
     {
       ref: p,
@@ -6845,7 +6843,7 @@ const q_ = ge.div`
       title: `Vimeo Player ${r}`
     }
   ) });
-}, lv = ({
+}, fv = ({
   videoId: r,
   playerWidth: s,
   playerHeight: i,
@@ -6853,7 +6851,7 @@ const q_ = ge.div`
   callbacks: f,
   ..._
 }) => /* @__PURE__ */ T(te, { overflow: "hidden", ..._, children: /* @__PURE__ */ T(
-  K_,
+  V_,
   {
     videoId: r,
     width: s,
@@ -6864,31 +6862,31 @@ const q_ = ge.div`
 ) });
 export {
   sl as Art,
-  sv as Base,
+  av as Base,
   te as Box,
   o_ as Brand,
   wc as Button,
-  U_ as DEFAULT_VIMEO_CONFIG,
-  av as Divider,
+  H_ as DEFAULT_VIMEO_CONFIG,
+  uv as Divider,
   s_ as Emoji,
-  R_ as Header,
+  T_ as Header,
   b_ as HeaderAuth,
   C_ as HeaderLogo,
-  E_ as HeaderNav,
+  R_ as HeaderNav,
   a_ as Icon,
   c_ as Image,
-  L_ as Input,
-  uv as List,
+  P_ as Input,
+  cv as List,
   h_ as Loading,
   m_ as SUPPORTED_RICH_TEXT_TAGS,
-  cv as Skeleton,
+  lv as Skeleton,
   jm as StyledBox,
   l_ as Svg,
   pr as Text,
-  ov as ThemeProvider,
+  sv as ThemeProvider,
   Ai as Touchable,
   cl as VIMEO_HOST,
-  lv as Vimeo,
+  fv as Vimeo,
   ym as artTheme,
   wm as baseTheme,
   xm as buttonTheme,
@@ -6907,7 +6905,7 @@ export {
   xs as getFontSizes,
   rl as getFontWeights,
   nl as getFonts,
-  iv as getGlobalTheme,
+  ov as getGlobalTheme,
   tl as getLineHeights,
   Qc as getRadii,
   _m as getShadows,
@@ -6919,18 +6917,18 @@ export {
   Vm as getThemeValue,
   Sm as headerTheme,
   Cm as inputTheme,
-  X_ as isBorderWidth,
-  Q_ as isColor,
+  J_ as isBorderWidth,
+  j_ as isColor,
   n_ as isEmoji,
-  tv as isFontSize,
-  rv as isFontWeight,
-  j_ as isGradientColor,
+  rv as isFontSize,
+  iv as isFontWeight,
+  ev as isGradientColor,
   t_ as isIcon,
   r_ as isImage,
-  J_ as isRadius,
-  ev as isShadow,
+  Q_ as isRadius,
+  nv as isShadow,
   vm as isSize,
-  nv as isSpace,
+  tv as isSpace,
   i_ as isSvg,
   Am as listTheme,
   Em as loadingTheme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.4.0",
+  "version": "0.4.4",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "b579eb24795331f64da96f0d67eef5c93d0c23ca"
+  "gitHead": "79c0fde072b65036d6b6917f2259fd11ba7604f4"
 }