@aic-kits/react 0.10.2 → 0.10.3

package/dist/index.cjs

@@ -81,7 +81,7 @@ Example:
 Perhaps you're looking to import 'styled-components/native'?
 Read more about this at https://www.styled-components.com/docs/basics#react-native`);var ai="__sc-".concat(mn,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[ai]||(window[ai]=0),window[ai]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
-See https://s-c.sh/2BAXzed for more info.`),window[ai]+=1);const xs=r=>({none:0,hairline:r*.5,thin:r,thick:r*2,heavy:r*4}),ws=r=>({none:0,xs:r*.5,sm:r,md:r*2,lg:r*3,xl:r*4,full:9999}),c_=r=>["none","hairline","thin","thick","heavy"].includes(r),l_=r=>["none","xs","sm","md","lg","xl","full"].includes(r),Ci={transparent:"#FFFFFF00",white:"#FFFFFF",black:"#000000",primary:"#6949FF",secondary:"#FFC107",success:"#12D18E",danger:"#F75555",warning:"#FACC15",info:"#6949FF",grey100:"#F5F5F5",grey200:"#EEEEEE",grey300:"#E0E0E0",grey400:"#BDBDBD",grey500:"#9E9E9E",grey600:"#757575",grey700:"#616161",grey800:"#424242",grey900:"#212121",orange100:"#FFF3E0",orange200:"#FFE0B2",orange300:"#FFCC80",orange400:"#FFB74D",orange500:"#FF9800",orange600:"#FB8C00",orange700:"#F57C00",orange800:"#EF6C00",orange900:"#E65100",cyan100:"#E0F7FA",cyan200:"#B2EBF2",cyan300:"#80DEEA",cyan400:"#4DD0E1",cyan500:"#26C6DA",cyan600:"#00BCD4",cyan700:"#00ACC1",cyan800:"#0097A7",cyan900:"#006064",purple100:"#F3E5F5",purple200:"#E1BEE7",purple300:"#CE93D8",purple400:"#BA68C8",purple500:"#AB47BC",purple600:"#9C27B0",purple700:"#8E24AA",purple800:"#7B1FA2",purple900:"#6A1B9A",teal100:"#E0F2F1",teal200:"#B2DFDB",teal300:"#80CBC4",teal400:"#4DB6AC",teal500:"#26A69A",teal600:"#009688",teal700:"#00897B",teal800:"#00796B",teal900:"#004D40",lime100:"#F9FBE7",lime200:"#F0F4C3",lime300:"#E6EE9C",lime400:"#DCE775",lime500:"#CDDC39",lime600:"#C0CA33",lime700:"#AFB42B",lime800:"#9E9D24",lime900:"#827717",pink100:"#FCE4EC",pink200:"#F8BBD0",pink300:"#F48FB1",pink400:"#F06292",pink500:"#EC4899",pink600:"#E91E63",pink700:"#D81B60",pink800:"#C2185B",pink900:"#880E4F"},dl=r=>r in Ci,hl={primary:["#543ACC","#6949FF"],secondary:["#E0A800","#FFC107"],success:["#0FB57A","#12D18E"],danger:["#E64545","#F75555"],warning:["#E1B70D","#FACC15"],info:["#543ACC","#6949FF"]},f_=r=>["primary","secondary","success","danger","warning","info"].includes(r),d_=1,h_=8,p_=8,g_="Inter",m_="Sora",__=12,v_=4,Nt={borderWidth:d_,space:h_,size:p_,font:{neutral:g_,heading:m_},fontSize:__,radius:v_},pl=r=>({none:"none",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`}),y_=r=>["none","sm","md","lg"].includes(r),bs=r=>({"2xs":r*.5,xs:r,sm:r*2,"sm-md":r*2.5,md:r*4,"md-lg":r*6,lg:r*8,xl:r*16,"2xl":r*32,"3xl":r*64,"4xl":r*128}),gl=r=>["2xs","xs","sm","sm-md","md","md-lg","lg","xl","2xl","3xl","4xl"].includes(r),Ss=r=>({none:0,xxs:r*.25,xs:r*.5,sm:r,"sm-md":r*1.5,md:r*2,"md-lg":r*2.5,lg:r*3,xl:r*4,"2xl":r*5,"3xl":r*6,"4xl":r*8,"-xxs":r*-.25,"-xs":r*-.5,"-sm":r*-1,"-sm-md":r*-1.5,"-md":r*-2,"-md-lg":r*-2.5,"-lg":r*-3,"-xl":r*-4,"-2xl":r*-5,"-3xl":r*-6,"-4xl":r*-8}),x_=r=>["none","xxs","xs","sm","sm-md","md","md-lg","lg","xl","2xl","3xl","4xl","-xxs","-xs","-sm","-sm-md","-md","-md-lg","-lg","-xl","-2xl","-3xl","-4xl"].includes(r),Cs=({neutral:r,heading:s})=>({neutral:`"${r}", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif`,heading:`"${s}", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif`}),Ei=r=>({"2xs":r*.75,xs:r,small:r*1.25,medium:r*1.5,large:r*2,xl:r*2.5,"2xl":r*3,"3xl":r*3.5,"4xl":r*4,"5xl":r*5}),Es=r=>{const s=Ei(r),i=1.4;return{"2xs":s["2xs"]*i,xs:s.xs*i,small:s.small*i,medium:s.medium*i,large:s.large*i,xl:s.xl*i,"2xl":s["2xl"]*i,"3xl":s["3xl"]*i,"4xl":s["4xl"]*i,"5xl":s["5xl"]*i}},As=()=>({"extra-light":100,thin:200,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,black:900}),w_=r=>["xs","small","medium","large","xl","2xl","3xl"].includes(r),b_=r=>["extra-light","thin","light","regular","medium","semibold","bold","extrabold","black"].includes(r),S_=(r=Nt,s=Ci,i=hl)=>{const u=Cs(r.font),c=Ei(r.fontSize),h=Es(r.fontSize),g=As(),y=xs(r.borderWidth),v=Ss(r.space),R=bs(r.size),I=ws(r.radius),T=pl(s);return{colors:s,gradientColors:i,fonts:u,fontSizes:c,lineHeights:h,fontWeights:g,borderWidths:y,spaces:v,sizes:R,radii:I,shadows:T}},ml=r=>({paddingVertical:"md",paddingHorizontal:"md",borderRadius:"lg",borderColor:"grey300",borderWidth:"thin",backgroundColor:"white",gap:"md",header:{gap:"sm-md",iconSize:"sm",iconColor:"grey600",disabledOpacity:.5},animation:{duration:300,easing:"ease"}}),_l=r=>({defaultSize:"md",defaultIconSize:"md",defaultEmojiSize:"lg",defaultBrandSize:"md",defaultImageSize:"md",defaultSvgSize:"md"}),vl=r=>({defaultBackgroundColor:"white",defaultHeaderParams:{backgroundColor:"white"},desktopMediaQuery:"(min-width: 768px)",mobilePaddingX:"md",desktopPaddingX:"xl",desktopContentMaxWidth:"1200px"}),yl=r=>({squircleBorderRadii:{circle:"999px",rounded:"16px",square:"0px"},loadingConfig:{size:"24px"},defaultColor:"primary",defaultTextColor:"white",iconSpacing:"xs",sizes:{sm:{paddingHorizontal:"sm",paddingVertical:"xs",fontSize:"xs",iconSize:"sm",borderWidth:"thin",fontWeight:"regular",iconWeight:"regular"},md:{paddingHorizontal:"md",paddingVertical:"sm",fontSize:"medium",iconSize:"sm-md",borderWidth:"thin",fontWeight:"regular",iconWeight:"regular"},lg:{paddingHorizontal:"lg",paddingVertical:"md",fontSize:"large",iconSize:"md",borderWidth:"thick",fontWeight:"semibold",iconWeight:"bold"}},variants:{solid:{},outlined:{bgColor:"transparent"},text:{bgColor:"transparent"}}}),xl=r=>({pagination:{container:{marginTop:"md",padding:"xs",borderRadius:"full",backgroundColor:"grey100",gap:"xs"},dotSize:"2xs",inactiveColor:"grey300",activeColor:"primary",dotBorderRadius:"full"},navigation:{marginHorizontal:"md",buttonColor:"grey500",buttonPadding:"xs",buttonBackgroundColor:"white",buttonBorderRadius:"full",iconSize:"sm"},autoScroll:{defaultSpeed:20},container:{defaultItemSpacing:"md"}}),wl=r=>({defaultColor:"grey300",defaultThickness:1}),bl=r=>({defaultBackgroundColor:"white",avatarSize:"md",navItem:{large:{fontSize:"large"},medium:{fontSize:"medium"},active:{fontWeight:"semibold",color:"black"},inactive:{fontWeight:"regular",color:"grey600"},hover:{color:"primary"}}}),Sl=r=>({defaultBorderColor:"grey300",activeBorderColor:"primary",errorColor:"danger",disabledBgColor:"grey100",defaultBgColor:"white",borderRadius:"md",borderWidth:"thin",padding:{vertical:"sm",horizontal:"md"},fontSize:"medium",placeholderColor:"grey500",iconSpacing:"sm"}),Cl=r=>({defaultGap:"8px",defaultPadding:"0px"}),El=r=>({sizes:{small:"24px",medium:"36px",large:"48px"},strokeWidths:{small:"2px",medium:"3px",large:"4px"},arc:{minAngle:40,maxAngle:290},animation:{loopInterval:800,showingDuration:250,contentShowingDuration:300}}),Al=r=>({animation:{duration:1500,gradient:{start:"rgba(0, 0, 0, 0.05)",middle:"rgba(0, 0, 0, 0.07)",end:"rgba(0, 0, 0, 0.05)"},transition:{fadeInDuration:250,fadeOutDuration:250,contentFadeDuration:300}},borderRadius:{rectangle:"0",rounded:"8px",circle:"50%"}}),Tl=r=>({animation:{minScale:.92,maxScale:1,minOpacity:.7,maxOpacity:1,springConfig:{mass:.5}}}),Rl=r=>({defaultAccentColor:"#00adef",aspectRatio:56.25,playerSettings:{autoplay:!1,muted:!1,loop:!1,title:!1,byline:!1,portrait:!1,controls:!0}}),Il=r=>({art:_l(),base:vl(),button:yl(),divider:wl(),header:bl(),input:Sl(),list:Cl(),loading:El(),skeleton:Al(),touchable:Tl(),vimeo:Rl(),carousel:xl(),accordion:ml()}),C_=Ss(Nt.space),E_=bs(Nt.size),A_=xs(Nt.borderWidth),T_=ws(Nt.radius),R_=Ei(Nt.fontSize),I_=Es(Nt.fontSize),O_=As(),Ec=Cs(Nt.font),$_={spaces:C_,sizes:E_,colors:Ci,radii:T_,borderWidths:A_,fonts:Ec,__hd__:{text:{fontSizes:R_,lineHeights:I_,fontWeights:O_,fonts:Ec}}};function Ol(){const r=$_,s=Il();return{...r,__hd__:{...r.__hd__,...s}}}const hi=Ol(),me=ll,$l=fl,Ll=ys,Pl=(r,s)=>!["theme","themeFontSize","themeFontWeight","themeTypeface","themePosition","color","bg","bgColor","backgroundColor","opacity","margin","m","marginTop","mt","marginRight","mr","marginBottom","mb","marginLeft","ml","marginX","mx","marginY","my","padding","p","paddingTop","pt","paddingRight","pr","paddingBottom","pb","paddingLeft","pl","paddingX","px","paddingY","py","gap","borderRadius","r","radius","borderBottomLeftRadius","bbl","borderBottomRightRadius","bbr","borderTopLeftRadius","btl","borderTopRightRadius","btr","borderWidth","b","borderBottomWidth","bb","borderTopWidth","bt","borderLeftWidth","bl","borderRightWidth","br","borderColor","bc","borderBottomColor","bb","borderTopColor","bt","borderLeftColor","bl","borderRightColor","br","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","fontStyle","textTransform","textDecoration","themeColor","useRichText","width","height","minWidth","maxWidth","minHeight","maxHeight","display","alignItems","alignContent","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","alignSelf","position","top","right","bottom","left","overflow","cursor","transition","transform","animation","willChange","pointerEvents","userSelect","resize","boxShadow","textShadow","filter","backdropFilter","mixBlendMode","isolation","zIndex","marginInline","marginBlock","paddingInline","paddingBlock","fullWidth","fullHeight","fw","fh"].includes(r),L_=r=>typeof r=="function"?r(hi):r?{...hi,...r}:hi,P_=({theme:r,children:s})=>{const i=L_(r);return w.jsx(n_,{shouldForwardProp:Pl,children:w.jsx(a_,{theme:i,children:s})})},B_={bgColor:{property:"backgroundColor",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderTopColor:{property:"borderTopColor",scale:"colors"},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderRightColor:{property:"borderRightColor",scale:"colors"}},F_={m:{property:"margin",scale:"spaces"},mt:{property:"marginTop",scale:"spaces"},mb:{property:"marginBottom",scale:"spaces"},ml:{property:"marginLeft",scale:"spaces"},mr:{property:"marginRight",scale:"spaces"},mx:{property:"marginInline",scale:"spaces"},my:{property:"marginBlock",scale:"spaces"},p:{property:"padding",scale:"spaces"},pt:{property:"paddingTop",scale:"spaces"},pb:{property:"paddingBottom",scale:"spaces"},pl:{property:"paddingLeft",scale:"spaces"},pr:{property:"paddingRight",scale:"spaces"},px:{property:"paddingInline",scale:"spaces"},py:{property:"paddingBlock",scale:"spaces"},margin:{property:"margin",scale:"spaces"},marginBottom:{property:"marginBottom",scale:"spaces"},marginLeft:{property:"marginLeft",scale:"spaces"},marginRight:{property:"marginRight",scale:"spaces"},marginTop:{property:"marginTop",scale:"spaces"},marginX:{property:"marginInline",scale:"spaces"},marginY:{property:"marginBlock",scale:"spaces"},padding:{property:"padding",scale:"spaces"},paddingBottom:{property:"paddingBottom",scale:"spaces"},paddingLeft:{property:"paddingLeft",scale:"spaces"},paddingRight:{property:"paddingRight",scale:"spaces"},paddingTop:{property:"paddingTop",scale:"spaces"},paddingX:{property:"paddingInline",scale:"spaces"},paddingY:{property:"paddingBlock",scale:"spaces"},gap:{property:"gap",scale:"spaces"}},W_={bbl:{property:"borderBottomLeftRadius",scale:"radii"},bbr:{property:"borderBottomRightRadius",scale:"radii"},btl:{property:"borderTopLeftRadius",scale:"radii"},btr:{property:"borderTopRightRadius",scale:"radii"},r:{property:"borderRadius",scale:"radii"},radius:{property:"borderRadius",scale:"radii"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii"},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii"},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii"},borderRadius:{property:"borderRadius",scale:"radii"}},D_={b:{property:"borderWidth",scale:"borderWidths"},bb:{property:"borderBottomWidth",scale:"borderWidths"},bt:{property:"borderTopWidth",scale:"borderWidths"},bl:{property:"borderLeftWidth",scale:"borderWidths"},br:{property:"borderRightWidth",scale:"borderWidths"},borderWidth:{property:"borderWidth",scale:"borderWidths"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths"}},Bl={...B_,...F_,...W_,...D_},Fl=["alignContent","alignItems","alignSelf","display","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","position","top","right","bottom","left","overflow","width","minWidth","maxWidth","height","minHeight","maxHeight","opacity","cursor","transition","transform","animation","willChange","pointerEvents","userSelect","resize","boxShadow","textShadow","filter","backdropFilter","mixBlendMode","isolation","zIndex","marginInline","marginBlock","paddingInline","paddingBlock"],Ts=["absoluteFill","fullWidth","fullHeight","fw","fh"],Wl={absoluteFill:{position:"absolute",top:0,bottom:0,left:0,right:0},fullWidth:{width:"100%"},fullHeight:{height:"100%"},fw:{width:"100%"},fh:{height:"100%"}},Dl=(r,s,i)=>{const u=Bl[s],c=i[s];if(!c)return;const{scale:h,property:g}=u;switch(h){case"colors":return{[g]:r.colors[c]};case"spaces":return{[g]:r.spaces[c]};case"radii":return{[g]:r.radii[c]};case"borderWidths":return{[g]:r.borderWidths[c]}}},Ml=(r,s)=>Object.keys(s).reduce((u,c)=>({...u,...Dl(r,c,s)}),{}),M_=r=>Ts.reduce((s,i)=>r[i]?{...s,...Wl[i]}:s,{}),kl=Object.keys(Bl),zl=(r,s)=>{const i=vt.pick(s,kl),u=vt.pick(s,[...Fl]),c=vt.pick(s,[...Ts]);return{...Ml(r,i),...M_(c),...u}},Nl=me.div(({theme:r,...s})=>zl(r,s));function k_({children:r,style:s,"data-testid":i,...u},c){return w.jsx(Nl,{...u,style:s,ref:c,"data-testid":i,children:r})}const V=S.forwardRef(k_),Qe=(r,s)=>typeof s=="number"?`${s}px`:vt.isString(s)?gl(s)?`${r.sizes[s]}px`:s:"auto",Hl=r=>new RegExp("\\p{Emoji}","u").test(r)&&r.length<=2,jl=r=>vt.isString(r)&&r.includes("icon-"),Ul=r=>{const s=[".jpg",".jpeg",".png",".gif",".webp",".svg"],i=r.toLowerCase();return vt.isString(r)&&(s.some(u=>i.endsWith(u))||r.startsWith("data:image/")||r.startsWith("http"))},Gl=r=>vt.isString(r)&&r.startsWith("<svg"),ql=({art:r,width:s,height:i,style:u,"data-testid":c,...h})=>{const g=he(),y=g.__hd__.art.defaultBrandSize||g.__hd__.art.defaultSize,v=Qe(g,s??y),R=Qe(g,i??y);return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:v,height:R,style:u,"data-testid":c,...h,children:r})},Vl=({art:r,size:s,style:i,"data-testid":u,...c})=>{const h=he(),g=h.__hd__.art.defaultEmojiSize||h.__hd__.art.defaultSize,y=Qe(h,s??g),v=typeof y=="string"&&y.endsWith("px")?parseInt(y,10):h.__hd__.text.fontSizes[g]??24,R=h.__hd__.text.lineHeights[g]?`${h.__hd__.text.lineHeights[g]/v}`:"1";return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:y,height:y,style:{...i,fontSize:y,lineHeight:R},"data-testid":u,...c,children:r})},Zl=({art:r,size:s,color:i="currentColor",weight:u="regular",style:c,"data-testid":h,...g})=>{const y=he(),v=y.__hd__.art.defaultIconSize||y.__hd__.art.defaultSize,R=Qe(y,s??v),I=r;if(!I)return process.env.NODE_ENV!=="production"&&console.warn(`[IconArt] Icon component not found for art="${r}". This should not happen with TypeScript checks.`),null;const T=dl(i)?y.colors[i]:i;return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:R,height:R,style:c,"data-testid":h,...g,children:w.jsx(I,{size:R,color:T,weight:u,style:c})})},z_=me.img`
+See https://s-c.sh/2BAXzed for more info.`),window[ai]+=1);const xs=r=>({none:0,hairline:r*.5,thin:r,thick:r*2,heavy:r*4}),ws=r=>({none:0,xs:r*.5,sm:r,md:r*2,lg:r*3,xl:r*4,full:9999}),c_=r=>["none","hairline","thin","thick","heavy"].includes(r),l_=r=>["none","xs","sm","md","lg","xl","full"].includes(r),Ci={transparent:"#FFFFFF00",white:"#FFFFFF",black:"#000000",primary:"#6949FF",secondary:"#FFC107",success:"#12D18E",danger:"#F75555",warning:"#FACC15",info:"#6949FF",grey100:"#F5F5F5",grey200:"#EEEEEE",grey300:"#E0E0E0",grey400:"#BDBDBD",grey500:"#9E9E9E",grey600:"#757575",grey700:"#616161",grey800:"#424242",grey900:"#212121",orange100:"#FFF3E0",orange200:"#FFE0B2",orange300:"#FFCC80",orange400:"#FFB74D",orange500:"#FF9800",orange600:"#FB8C00",orange700:"#F57C00",orange800:"#EF6C00",orange900:"#E65100",cyan100:"#E0F7FA",cyan200:"#B2EBF2",cyan300:"#80DEEA",cyan400:"#4DD0E1",cyan500:"#26C6DA",cyan600:"#00BCD4",cyan700:"#00ACC1",cyan800:"#0097A7",cyan900:"#006064",purple100:"#F3E5F5",purple200:"#E1BEE7",purple300:"#CE93D8",purple400:"#BA68C8",purple500:"#AB47BC",purple600:"#9C27B0",purple700:"#8E24AA",purple800:"#7B1FA2",purple900:"#6A1B9A",teal100:"#E0F2F1",teal200:"#B2DFDB",teal300:"#80CBC4",teal400:"#4DB6AC",teal500:"#26A69A",teal600:"#009688",teal700:"#00897B",teal800:"#00796B",teal900:"#004D40",lime100:"#F9FBE7",lime200:"#F0F4C3",lime300:"#E6EE9C",lime400:"#DCE775",lime500:"#CDDC39",lime600:"#C0CA33",lime700:"#AFB42B",lime800:"#9E9D24",lime900:"#827717",pink100:"#FCE4EC",pink200:"#F8BBD0",pink300:"#F48FB1",pink400:"#F06292",pink500:"#EC4899",pink600:"#E91E63",pink700:"#D81B60",pink800:"#C2185B",pink900:"#880E4F"},dl=r=>r in Ci,hl={primary:["#543ACC","#6949FF"],secondary:["#E0A800","#FFC107"],success:["#0FB57A","#12D18E"],danger:["#E64545","#F75555"],warning:["#E1B70D","#FACC15"],info:["#543ACC","#6949FF"]},f_=r=>["primary","secondary","success","danger","warning","info"].includes(r),d_=1,h_=8,p_=8,g_="Inter",m_="Sora",__=10,v_=4,Nt={borderWidth:d_,space:h_,size:p_,font:{neutral:g_,heading:m_},fontSize:__,radius:v_},pl=r=>({none:"none",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`}),y_=r=>["none","sm","md","lg"].includes(r),bs=r=>({"2xs":r*.5,xs:r,sm:r*2,"sm-md":r*2.5,md:r*4,"md-lg":r*6,lg:r*8,xl:r*16,"2xl":r*32,"3xl":r*64,"4xl":r*128}),gl=r=>["2xs","xs","sm","sm-md","md","md-lg","lg","xl","2xl","3xl","4xl"].includes(r),Ss=r=>({none:0,xxs:r*.25,xs:r*.5,sm:r,"sm-md":r*1.5,md:r*2,"md-lg":r*2.5,lg:r*3,xl:r*4,"2xl":r*5,"3xl":r*6,"4xl":r*8,"-xxs":r*-.25,"-xs":r*-.5,"-sm":r*-1,"-sm-md":r*-1.5,"-md":r*-2,"-md-lg":r*-2.5,"-lg":r*-3,"-xl":r*-4,"-2xl":r*-5,"-3xl":r*-6,"-4xl":r*-8}),x_=r=>["none","xxs","xs","sm","sm-md","md","md-lg","lg","xl","2xl","3xl","4xl","-xxs","-xs","-sm","-sm-md","-md","-md-lg","-lg","-xl","-2xl","-3xl","-4xl"].includes(r),Cs=({neutral:r,heading:s})=>({neutral:`"${r}", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif`,heading:`"${s}", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif`}),Ei=r=>({"2xs":r*.75,xs:r,small:r*1.25,medium:r*1.5,large:r*2,xl:r*2.5,"2xl":r*3,"3xl":r*3.5,"4xl":r*4,"5xl":r*5}),Es=r=>{const s=Ei(r),i=1.4;return{"2xs":s["2xs"]*i,xs:s.xs*i,small:s.small*i,medium:s.medium*i,large:s.large*i,xl:s.xl*i,"2xl":s["2xl"]*i,"3xl":s["3xl"]*i,"4xl":s["4xl"]*i,"5xl":s["5xl"]*i}},As=()=>({"extra-light":100,thin:200,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,black:900}),w_=r=>["xs","small","medium","large","xl","2xl","3xl"].includes(r),b_=r=>["extra-light","thin","light","regular","medium","semibold","bold","extrabold","black"].includes(r),S_=(r=Nt,s=Ci,i=hl)=>{const u=Cs(r.font),c=Ei(r.fontSize),h=Es(r.fontSize),g=As(),y=xs(r.borderWidth),v=Ss(r.space),R=bs(r.size),I=ws(r.radius),T=pl(s);return{colors:s,gradientColors:i,fonts:u,fontSizes:c,lineHeights:h,fontWeights:g,borderWidths:y,spaces:v,sizes:R,radii:I,shadows:T}},ml=r=>({paddingVertical:"md",paddingHorizontal:"md",borderRadius:"lg",borderColor:"grey300",borderWidth:"thin",backgroundColor:"white",gap:"md",header:{gap:"sm-md",iconSize:"sm",iconColor:"grey600",disabledOpacity:.5},animation:{duration:300,easing:"ease"}}),_l=r=>({defaultSize:"md",defaultIconSize:"md",defaultEmojiSize:"lg",defaultBrandSize:"md",defaultImageSize:"md",defaultSvgSize:"md"}),vl=r=>({defaultBackgroundColor:"white",defaultHeaderParams:{backgroundColor:"white"},desktopMediaQuery:"(min-width: 768px)",mobilePaddingX:"md",desktopPaddingX:"xl",desktopContentMaxWidth:"1200px"}),yl=r=>({squircleBorderRadii:{circle:"999px",rounded:"16px",square:"0px"},loadingConfig:{size:"24px"},defaultColor:"primary",defaultTextColor:"white",iconSpacing:"xs",sizes:{sm:{paddingHorizontal:"sm",paddingVertical:"xs",fontSize:"xs",iconSize:"sm",borderWidth:"thin",fontWeight:"regular",iconWeight:"regular"},md:{paddingHorizontal:"md",paddingVertical:"sm",fontSize:"medium",iconSize:"sm-md",borderWidth:"thin",fontWeight:"regular",iconWeight:"regular"},lg:{paddingHorizontal:"lg",paddingVertical:"md",fontSize:"large",iconSize:"md",borderWidth:"thick",fontWeight:"semibold",iconWeight:"bold"}},variants:{solid:{},outlined:{bgColor:"transparent"},text:{bgColor:"transparent"}}}),xl=r=>({pagination:{container:{marginTop:"md",padding:"xs",borderRadius:"full",backgroundColor:"grey100",gap:"xs"},dotSize:"2xs",inactiveColor:"grey300",activeColor:"primary",dotBorderRadius:"full"},navigation:{marginHorizontal:"md",buttonColor:"grey500",buttonPadding:"xs",buttonBackgroundColor:"white",buttonBorderRadius:"full",iconSize:"sm"},autoScroll:{defaultSpeed:20},container:{defaultItemSpacing:"md"}}),wl=r=>({defaultColor:"grey300",defaultThickness:1}),bl=r=>({defaultBackgroundColor:"white",avatarSize:"md",navItem:{large:{fontSize:"large"},medium:{fontSize:"medium"},active:{fontWeight:"semibold",color:"black"},inactive:{fontWeight:"regular",color:"grey600"},hover:{color:"primary"}}}),Sl=r=>({defaultBorderColor:"grey300",activeBorderColor:"primary",errorColor:"danger",disabledBgColor:"grey100",defaultBgColor:"white",borderRadius:"md",borderWidth:"thin",padding:{vertical:"sm",horizontal:"md"},fontSize:"medium",placeholderColor:"grey500",iconSpacing:"sm"}),Cl=r=>({defaultGap:"8px",defaultPadding:"0px"}),El=r=>({sizes:{small:"24px",medium:"36px",large:"48px"},strokeWidths:{small:"2px",medium:"3px",large:"4px"},arc:{minAngle:40,maxAngle:290},animation:{loopInterval:800,showingDuration:250,contentShowingDuration:300}}),Al=r=>({animation:{duration:1500,gradient:{start:"rgba(0, 0, 0, 0.05)",middle:"rgba(0, 0, 0, 0.07)",end:"rgba(0, 0, 0, 0.05)"},transition:{fadeInDuration:250,fadeOutDuration:250,contentFadeDuration:300}},borderRadius:{rectangle:"0",rounded:"8px",circle:"50%"}}),Tl=r=>({animation:{minScale:.92,maxScale:1,minOpacity:.7,maxOpacity:1,springConfig:{mass:.5}}}),Rl=r=>({defaultAccentColor:"#00adef",aspectRatio:56.25,playerSettings:{autoplay:!1,muted:!1,loop:!1,title:!1,byline:!1,portrait:!1,controls:!0}}),Il=r=>({art:_l(),base:vl(),button:yl(),divider:wl(),header:bl(),input:Sl(),list:Cl(),loading:El(),skeleton:Al(),touchable:Tl(),vimeo:Rl(),carousel:xl(),accordion:ml()}),C_=Ss(Nt.space),E_=bs(Nt.size),A_=xs(Nt.borderWidth),T_=ws(Nt.radius),R_=Ei(Nt.fontSize),I_=Es(Nt.fontSize),O_=As(),Ec=Cs(Nt.font),$_={spaces:C_,sizes:E_,colors:Ci,radii:T_,borderWidths:A_,fonts:Ec,__hd__:{text:{fontSizes:R_,lineHeights:I_,fontWeights:O_,fonts:Ec}}};function Ol(){const r=$_,s=Il();return{...r,__hd__:{...r.__hd__,...s}}}const hi=Ol(),me=ll,$l=fl,Ll=ys,Pl=(r,s)=>!["theme","themeFontSize","themeFontWeight","themeTypeface","themePosition","color","bg","bgColor","backgroundColor","opacity","margin","m","marginTop","mt","marginRight","mr","marginBottom","mb","marginLeft","ml","marginX","mx","marginY","my","padding","p","paddingTop","pt","paddingRight","pr","paddingBottom","pb","paddingLeft","pl","paddingX","px","paddingY","py","gap","borderRadius","r","radius","borderBottomLeftRadius","bbl","borderBottomRightRadius","bbr","borderTopLeftRadius","btl","borderTopRightRadius","btr","borderWidth","b","borderBottomWidth","bb","borderTopWidth","bt","borderLeftWidth","bl","borderRightWidth","br","borderColor","bc","borderBottomColor","bb","borderTopColor","bt","borderLeftColor","bl","borderRightColor","br","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","fontStyle","textTransform","textDecoration","themeColor","useRichText","width","height","minWidth","maxWidth","minHeight","maxHeight","display","alignItems","alignContent","justifyContent","flexWrap","flexDirection","flex","flexGrow","flexShrink","flexBasis","alignSelf","position","top","right","bottom","left","overflow","cursor","transition","transform","animation","willChange","pointerEvents","userSelect","resize","boxShadow","textShadow","filter","backdropFilter","mixBlendMode","isolation","zIndex","marginInline","marginBlock","paddingInline","paddingBlock","fullWidth","fullHeight","fw","fh"].includes(r),L_=r=>typeof r=="function"?r(hi):r?{...hi,...r}:hi,P_=({theme:r,children:s})=>{const i=L_(r);return w.jsx(n_,{shouldForwardProp:Pl,children:w.jsx(a_,{theme:i,children:s})})},B_={bgColor:{property:"backgroundColor",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderTopColor:{property:"borderTopColor",scale:"colors"},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderRightColor:{property:"borderRightColor",scale:"colors"}},F_={m:{property:"margin",scale:"spaces"},mt:{property:"marginTop",scale:"spaces"},mb:{property:"marginBottom",scale:"spaces"},ml:{property:"marginLeft",scale:"spaces"},mr:{property:"marginRight",scale:"spaces"},mx:{property:"marginInline",scale:"spaces"},my:{property:"marginBlock",scale:"spaces"},p:{property:"padding",scale:"spaces"},pt:{property:"paddingTop",scale:"spaces"},pb:{property:"paddingBottom",scale:"spaces"},pl:{property:"paddingLeft",scale:"spaces"},pr:{property:"paddingRight",scale:"spaces"},px:{property:"paddingInline",scale:"spaces"},py:{property:"paddingBlock",scale:"spaces"},margin:{property:"margin",scale:"spaces"},marginBottom:{property:"marginBottom",scale:"spaces"},marginLeft:{property:"marginLeft",scale:"spaces"},marginRight:{property:"marginRight",scale:"spaces"},marginTop:{property:"marginTop",scale:"spaces"},marginX:{property:"marginInline",scale:"spaces"},marginY:{property:"marginBlock",scale:"spaces"},padding:{property:"padding",scale:"spaces"},paddingBottom:{property:"paddingBottom",scale:"spaces"},paddingLeft:{property:"paddingLeft",scale:"spaces"},paddingRight:{property:"paddingRight",scale:"spaces"},paddingTop:{property:"paddingTop",scale:"spaces"},paddingX:{property:"paddingInline",scale:"spaces"},paddingY:{property:"paddingBlock",scale:"spaces"},gap:{property:"gap",scale:"spaces"}},W_={bbl:{property:"borderBottomLeftRadius",scale:"radii"},bbr:{property:"borderBottomRightRadius",scale:"radii"},btl:{property:"borderTopLeftRadius",scale:"radii"},btr:{property:"borderTopRightRadius",scale:"radii"},r:{property:"borderRadius",scale:"radii"},radius:{property:"borderRadius",scale:"radii"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii"},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii"},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii"},borderRadius:{property:"borderRadius",scale:"radii"}},D_={b:{property:"borderWidth",scale:"borderWidths"},bb:{property:"borderBottomWidth",scale:"borderWidths"},bt:{property:"borderTopWidth",scale:"borderWidths"},bl:{property:"borderLeftWidth",scale:"borderWidths"},br:{property:"borderRightWidth",scale:"borderWidths"},borderWidth:{property:"borderWidth",scale:"borderWidths"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths"}},Bl={...B_,...F_,...W_,...D_},Fl=["alignContent","alignItems","alignSelf","display","flex","flexBasis","flexDirection","flexGrow","flexShrink","flexWrap","justifyContent","position","top","right","bottom","left","overflow","width","minWidth","maxWidth","height","minHeight","maxHeight","opacity","cursor","transition","transform","animation","willChange","pointerEvents","userSelect","resize","boxShadow","textShadow","filter","backdropFilter","mixBlendMode","isolation","zIndex","marginInline","marginBlock","paddingInline","paddingBlock"],Ts=["absoluteFill","fullWidth","fullHeight","fw","fh"],Wl={absoluteFill:{position:"absolute",top:0,bottom:0,left:0,right:0},fullWidth:{width:"100%"},fullHeight:{height:"100%"},fw:{width:"100%"},fh:{height:"100%"}},Dl=(r,s,i)=>{const u=Bl[s],c=i[s];if(!c)return;const{scale:h,property:g}=u;switch(h){case"colors":return{[g]:r.colors[c]};case"spaces":return{[g]:r.spaces[c]};case"radii":return{[g]:r.radii[c]};case"borderWidths":return{[g]:r.borderWidths[c]}}},Ml=(r,s)=>Object.keys(s).reduce((u,c)=>({...u,...Dl(r,c,s)}),{}),M_=r=>Ts.reduce((s,i)=>r[i]?{...s,...Wl[i]}:s,{}),kl=Object.keys(Bl),zl=(r,s)=>{const i=vt.pick(s,kl),u=vt.pick(s,[...Fl]),c=vt.pick(s,[...Ts]);return{...Ml(r,i),...M_(c),...u}},Nl=me.div(({theme:r,...s})=>zl(r,s));function k_({children:r,style:s,"data-testid":i,...u},c){return w.jsx(Nl,{...u,style:s,ref:c,"data-testid":i,children:r})}const V=S.forwardRef(k_),Qe=(r,s)=>typeof s=="number"?`${s}px`:vt.isString(s)?gl(s)?`${r.sizes[s]}px`:s:"auto",Hl=r=>new RegExp("\\p{Emoji}","u").test(r)&&r.length<=2,jl=r=>vt.isString(r)&&r.includes("icon-"),Ul=r=>{const s=[".jpg",".jpeg",".png",".gif",".webp",".svg"],i=r.toLowerCase();return vt.isString(r)&&(s.some(u=>i.endsWith(u))||r.startsWith("data:image/")||r.startsWith("http"))},Gl=r=>vt.isString(r)&&r.startsWith("<svg"),ql=({art:r,width:s,height:i,style:u,"data-testid":c,...h})=>{const g=he(),y=g.__hd__.art.defaultBrandSize||g.__hd__.art.defaultSize,v=Qe(g,s??y),R=Qe(g,i??y);return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:v,height:R,style:u,"data-testid":c,...h,children:r})},Vl=({art:r,size:s,style:i,"data-testid":u,...c})=>{const h=he(),g=h.__hd__.art.defaultEmojiSize||h.__hd__.art.defaultSize,y=Qe(h,s??g),v=typeof y=="string"&&y.endsWith("px")?parseInt(y,10):h.__hd__.text.fontSizes[g]??24,R=h.__hd__.text.lineHeights[g]?`${h.__hd__.text.lineHeights[g]/v}`:"1";return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:y,height:y,style:{...i,fontSize:y,lineHeight:R},"data-testid":u,...c,children:r})},Zl=({art:r,size:s,color:i="currentColor",weight:u="regular",style:c,"data-testid":h,...g})=>{const y=he(),v=y.__hd__.art.defaultIconSize||y.__hd__.art.defaultSize,R=Qe(y,s??v),I=r;if(!I)return process.env.NODE_ENV!=="production"&&console.warn(`[IconArt] Icon component not found for art="${r}". This should not happen with TypeScript checks.`),null;const T=dl(i)?y.colors[i]:i;return w.jsx(V,{display:"flex",alignItems:"center",justifyContent:"center",width:R,height:R,style:c,"data-testid":h,...g,children:w.jsx(I,{size:R,color:T,weight:u,style:c})})},z_=me.img`
   width: 100%;
   height: 100%;
   object-fit: cover;

package/dist/index.js

@@ -5003,7 +5003,7 @@ const gl = (r) => ({
   danger: ["#E64545", "#F75555"],
   warning: ["#E1B70D", "#FACC15"],
   info: ["#543ACC", "#6949FF"]
-}, jv = (r) => ["primary", "secondary", "success", "danger", "warning", "info"].includes(r), $2 = 1, L2 = 8, P2 = 8, W2 = "Inter", B2 = "Sora", F2 = 12, D2 = 4, rn = {
+}, jv = (r) => ["primary", "secondary", "success", "danger", "warning", "info"].includes(r), $2 = 1, L2 = 8, P2 = 8, W2 = "Inter", B2 = "Sora", F2 = 10, D2 = 4, rn = {
   borderWidth: $2,
   space: L2,
   size: P2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -46,5 +46,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "f055f82dbb3e15e54555b22f8346b839abcfbf65"
+  "gitHead": "5e0d099ab2bbae362ad062f692318f18230baf71"
 }