@nextui-org/react 1.0.0-beta.10 → 1.0.0-beta.11

package/esm/input/input.styles.js

@@ -1 +1 @@
-import{styled as e}from"../theme/stitches.config";import{sharedVisuallyHidden as o}from"../theme/shared-css";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$md",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$lg",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$inputShadow:"$shadows$sm"}}}});export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius","@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});
+import{styled as e}from"../theme/stitches.config";import{sharedVisuallyHidden as o}from"../theme/shared-css";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$md",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$lg",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$inputShadow:"$shadows$sm"}}}});const r={WebkitTextFillColor:"$$inputTextColor",WebkitBackgroundClip:"text !important",caretColor:"$$inputTextColor"};export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius",input:{"&:-webkit-autofill":{...r,"&:hover":r,"&:focus":r,"&:active":r}},"@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});

package/esm/link/link.js

@@ -1 +1 @@
-import r,{useMemo as t}from"react";import{useLink as o}from"@react-aria/link";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as i}from"@react-aria/focus";import{forwardRef as e}from"../utils/system";import{useDOMRef as m}from"../utils/dom";import a from"../utils/clsx";import l from"../use-theme";import{getTokenValue as c}from"../theme/utils";import{__DEV__ as n}from"../utils/assertion";import u from"./icon";import f from"./link.styles";import{jsx as p}from"react/jsx-runtime";import{Fragment as x}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const d=e(((r,e)=>{const{children:n,isExternal:d=!1,as:h,css:j,color:F="default",autoFocus:$,className:g,...y}=r,{isDark:N}=l(),b=m(e),{linkProps:L}=o({...y,elementType:h},b),{isFocusVisible:P,focusProps:V}=i({autoFocus:$}),w=t((()=>{let r=`$colors$${F}Light`;switch(F){case"inherit":case"text":r=c("colors","text",.2);break;case"default":r=c("colors","link",.2)}return{...j,$$linkBackgroundColor:r}}),[j,F,N]);return p(f,{ref:b,as:h,className:a("nextui-link",g),color:F,css:w,isFocusVisible:P,...s(L,V,y),children:k(x,{children:[n,d&&p(u,{})]})})}));n&&(d.displayName="NextUI.Link"),d.toString=()=>".nextui-link";export default d;
+import r,{useMemo as t}from"react";import{useLink as o}from"@react-aria/link";import{mergeProps as i}from"@react-aria/utils";import{useFocusRing as s}from"@react-aria/focus";import{forwardRef as e}from"../utils/system";import{useDOMRef as a}from"../utils/dom";import m from"../utils/clsx";import{__DEV__ as c}from"../utils/assertion";import l from"./icon";import n from"./link.styles";import{jsx as u}from"react/jsx-runtime";import{Fragment as f}from"react/jsx-runtime";import{jsxs as p}from"react/jsx-runtime";const x=e(((r,e)=>{const{children:c,isExternal:x=!1,as:k,css:d,color:$="default",autoFocus:h,className:g,...j}=r,F=a(e),{linkProps:y}=o({...j,elementType:k},F),{isFocusVisible:L,focusProps:N}=s({autoFocus:h}),b=t((()=>{let r=`$colors$${$}Light`;switch($){case"inherit":case"text":r="$colors$textLight";break;case"default":r="$colors$linkLight"}return{...d,$$linkBackgroundColor:r}}),[d,$]);return u(n,{ref:F,as:k,className:m("nextui-link",g),color:$,css:b,isFocusVisible:L,...i(y,N,j),children:p(f,{children:[c,x&&u(l,{})]})})}));c&&(x.displayName="NextUI.Link"),x.toString=()=>".nextui-link";export default x;

package/esm/link/link.styles.js

@@ -1 +1 @@
-import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledLinkIcon=o("svg",{ml:"$1",as:"center",display:"flex",color:"currentColor"});export const StyledLink=o("a",{$$linkColor:"$colors$link",display:"flex",alignItems:"center",lineHeight:"inherit",textDecoration:"none",width:"fitContent",backgroundColor:"transparent",backgroundImage:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit",color:"$$linkColor",outline:"none",maxW:"max-content","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{inherit:{$$linkColor:"inherit"},default:{$$linkColor:"$colors$link"},text:{$$linkColor:"$colors$text"},primary:{$$linkColor:"$colors$primary"},secondary:{$$linkColor:"$colors$secondary"},success:{$$linkColor:"$colors$success"},warning:{$$linkColor:"$colors$warning"},error:{$$linkColor:"$colors$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base","&:hover":{backgroundColor:"$$linkBackgroundColor"}}},animated:{true:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s"}}},compoundVariants:[{block:!0,animated:!0,css:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s, background 0.25s ease 0s","@motion":{transition:"none"}}}],defaultVariants:{color:"default",animated:!0}},r);export default StyledLink;
+import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledLinkIcon=o("svg",{ml:"$1",as:"center",display:"flex",color:"currentColor"});export const StyledLink=o("a",{$$linkColor:"$colors$link",display:"inline-flex",alignItems:"center",lineHeight:"inherit",textDecoration:"none",width:"$fit",backgroundColor:"transparent",backgroundImage:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit",color:"$$linkColor",outline:"none",maxW:"$max","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{inherit:{$$linkColor:"inherit"},default:{$$linkColor:"$colors$link"},text:{$$linkColor:"$colors$text"},primary:{$$linkColor:"$colors$primary"},secondary:{$$linkColor:"$colors$secondary"},success:{$$linkColor:"$colors$success"},warning:{$$linkColor:"$colors$warning"},error:{$$linkColor:"$colors$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base","&:hover":{backgroundColor:"$$linkBackgroundColor"}}},animated:{true:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s"}}},compoundVariants:[{block:!0,animated:!0,css:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s, background 0.25s ease 0s","@motion":{transition:"none"}}}],defaultVariants:{color:"default",animated:!0}},r);export default StyledLink;

package/esm/loading/loading.js

@@ -1 +1 @@
-import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as s,StyledLoading as t,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:g,...p})=>{const u=e?"":"Loading",f=i((()=>"gradient"===g?{"._2":{bg:c}}:{}),[g]);return o(s,{...p,children:"spinner"===g?o(n,{size:r,children:e}):l(m,{children:[l(t,{"aria-label":u,className:`nextui-loading nextui-loading-${g}`,css:{...d,...f},size:r,type:g,children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{className:"nextui-loading-label",size:r,children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});
+import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as t,StyledLoading as s,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:u,...g})=>{const p=e?"":"Loading",f=i((()=>{if("gradient"===u)return{"._2":{bg:c}}}),[u]);return o(t,{...g,children:"spinner"===u?o(n,{size:r,children:e}):l(m,{children:[l(s,{"aria-label":p,className:`nextui-loading nextui-loading-${u}`,css:{...d,...f},size:r,type:u,children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{className:"nextui-loading-label",size:r,children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});

package/esm/navbar/navbar-link.js

@@ -1 +1 @@
-import i,{useMemo as r}from"react";import{forwardRef as e}from"../utils/system";import{useDOMRef as t}from"../utils/dom";import s from"../utils/clsx";import{__DEV__ as o}from"../utils/assertion";import{Link as a}from"../index";import n from"./navbar-item";import{jsx as l}from"react/jsx-runtime";const m=e(((i,e)=>{const o=t(e),{css:m,children:c,isActive:d,color:h,activeColor:u,underlineHeight:f,itemCss:p,itemClassName:v,isDisabled:x,hideIn:N,showIn:b,variant:C,className:I,...g}=i,k=r((()=>h||null!=m&&m.$$linkColor?{...m}:{color:"inherit",height:"100%",...m}),[h,m]);return l(n,{activeColor:u,className:v,css:p,hideIn:N,isActive:d,isDisabled:x,showIn:b,underlineHeight:f,variant:C,children:l(a,{ref:o,className:s("nextui-navbar-link",I),color:h,css:k,...g,children:c})})}));o&&(m.displayName="NextUI.NavbarLink"),m.toString=()=>".nextui-navbar-link";export default m;
+import i,{useMemo as t}from"react";import{forwardRef as r}from"../utils/system";import{useDOMRef as e}from"../utils/dom";import s from"../utils/clsx";import{__DEV__ as o}from"../utils/assertion";import{Link as n}from"../index";import a from"./navbar-item";import{jsx as l}from"react/jsx-runtime";const m=r(((i,r)=>{const o=e(r),{css:m,children:c,isActive:d,color:h,activeColor:u,underlineHeight:f,itemCss:p,itemClassName:v,isDisabled:x,hideIn:N,showIn:b,variant:C,className:I,...g}=i,k=t((()=>h||null!=m&&m.$$linkColor?{...m}:{color:"inherit",height:"100%",width:"fit-content",...m}),[h,m]);return l(a,{activeColor:u,className:v,css:p,hideIn:N,isActive:d,isDisabled:x,showIn:b,underlineHeight:f,variant:C,children:l(n,{ref:o,className:s("nextui-navbar-link",I),color:h,css:k,...g,children:c})})}));o&&(m.displayName="NextUI.NavbarLink"),m.toString=()=>".nextui-navbar-link";export default m;

package/esm/navbar/navbar.styles.js

@@ -1 +1 @@
-import{styled as r}from"../theme/stitches.config";import{cssFocusVisible as a,cssHideShowIn as t}from"../theme/shared-css";const o={default:{$$navbarItemActiveColor:"$colors$link",$$navbarItemHighlightBackgroundColor:"$colors$primaryLight",$$navbarItemHighlightTextColor:"$colors$primaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$primary",$$navbarItemHighlightSolidTextColor:"$colors$primarySolidContrast"},neutral:{$$navbarItemActiveColor:"$colors$neutral",$$navbarItemHighlightBackgroundColor:"$colors$neutralLight",$$navbarItemHighlightTextColor:"$colors$text",$$navbarItemHighlightSolidBackgroundColor:"$colors$neutral",$$navbarItemHighlightSolidTextColor:"$colors$neutralSolidContrast"},primary:{$$navbarItemActiveColor:"$colors$primary",$$navbarItemHighlightBackgroundColor:"$colors$primaryLight",$$navbarItemHighlightTextColor:"$colors$primaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$primary",$$navbarItemHighlightSolidTextColor:"$colors$primarySolidContrast"},secondary:{$$navbarItemActiveColor:"$colors$secondary",$$navbarItemHighlightBackgroundColor:"$colors$secondaryLight",$$navbarItemHighlightTextColor:"$colors$secondaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$secondary",$$navbarItemHighlightSolidTextColor:"$colors$secondarySolidContrast"},success:{$$navbarItemActiveColor:"$colors$success",$$navbarItemHighlightBackgroundColor:"$colors$successLight",$$navbarItemHighlightTextColor:"$colors$successLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$success",$$navbarItemHighlightSolidTextColor:"$colors$successSolidContrast"},warning:{$$navbarItemActiveColor:"$colors$warning",$$navbarItemHighlightBackgroundColor:"$colors$warningLight",$$navbarItemHighlightTextColor:"$colors$warningLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$warning",$$navbarItemHighlightSolidTextColor:"$colors$warningSolidContrast"},error:{$$navbarItemActiveColor:"$colors$error",$$navbarItemHighlightBackgroundColor:"$colors$errorLight",$$navbarItemHighlightTextColor:"$colors$errorLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$error",$$navbarItemHighlightSolidTextColor:"$colors$errorSolidContrast"}};export const StyledBaseNavbarItem=r("li",{mb:0,display:"flex",alignItems:"center",listStyleType:"none",lineHeight:"inherit"});export const StyledBaseNavbarList=r("ul",{m:0,listStyle:"none",lineHeight:"$xs",li:{mb:0}});export const StyledNavbarCollapseItem=r(StyledBaseNavbarItem,{opacity:0,paddingBottom:"$6",fontSize:"$lg",lineHeight:"$lg",fontWeight:"$normal",transformOrigin:"top",variants:{activeColor:o,isActive:{true:{color:"$$navbarItemActiveColor",fontWeight:"$semibold"}},disableAnimation:{true:{transition:"none"}}},defaultVariants:{activeColor:"default"}});export const StyledNavbarCollapseWrapper=r(StyledBaseNavbarList,{py:"$8",px:"$$navbarPadding",overflowY:"scroll",maxHeight:"100%"});export const StyledNavbarCollapse=r("div",{$$navbarListColor:"$colors$text",$$navbarListBackgroundColor:"$colors$background",$$navbarListBlurBackgroundColor:"$colors$backgroundAlpha",$$navbarListBlur:"16px",position:"absolute",top:0,left:0,right:0,background:"$$navbarListBackgroundColor",width:"100%",height:"0px",zIndex:"$4",boxSizing:"border-box",overflow:"hidden",variants:{isOpen:{true:{top:"$$navbarHeight",pb:"$$navbarHeight",height:"100vh"}},disableBlur:{false:{"@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{bg:"$$navbarListBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarListBlur)","@safari":{[`& ${StyledNavbarCollapseWrapper}`]:{bg:"$$navbarListBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarListBlur)"}}}}},disableAnimation:{true:{[`& ${StyledNavbarCollapseItem}`]:{transition:"none"}}}},defaultVariants:{disableBlur:"false"}},t);export const StyledNavbarToggleIconContainer=r("div",{dflex:"center",flexDirection:"column",pointerEvents:"none",size:"22px","& .line":{height:"1px",width:"100%",backgroundColor:"$$navbarTextColor",transition:"transform 0.3s ease","&.top":{transform:"translateY(-4px) rotate(0deg)"},"&.bottom":{transform:"translateY(4px) rotate(0deg)"}},variants:{isExpanded:{true:{"& .line":{"&.top":{transform:"translateY(1px) rotate(45deg)"},"&.bottom":{transform:"translateY(0px) rotate(-45deg)"}}}}}});export const StyledNavbarToggle=r("button",{appearance:"none",background:"transparent",border:"none",cursor:"pointer",p:"$2",transition:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",variants:{isPressed:{true:{opacity:.7}}}},t,a);export const StyledNavbarBrand=r("span",{display:"flex",flexWrap:"nowrap",flexDirection:"row",justifyContent:"flex-start",bg:"transparent",alignItems:"center",textDecoration:"none",fontSize:"$base",whiteSpace:"nowrap",boxSizing:"border-box"},t);export const StyledNavbarItem=r(StyledBaseNavbarItem,{$$navbarItemFontSize:"inherit",$$navbarItemFontWeight:"$fontWeights$normal",fontSize:"$$navbarItemFontSize",fontWeight:"$$navbarItemFontWeight",position:"relative","> *":{zIndex:"$2",fontSize:"inherit !important",fontWeight:"inherit !important"},"&:before":{opacity:0,zIndex:"$1",content:'""',display:"block",position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"$sm"},"&:after":{opacity:0,zIndex:"$1",content:'""',display:"block",position:"absolute",left:"0",right:"0",bottom:"0",height:"$$navbarItemUnderlineHeight",borderRadius:"0px",background:"$$navbarItemActiveColor"},variants:{activeColor:o,isActive:{true:{color:"$$navbarItemActiveColor",$$navbarItemFontWeight:"$fontWeights$semibold"}},variant:{default:{},underline:{color:"inherit",height:"100%"},"underline-rounded":{color:"inherit",height:"100%"},highlight:{},"highlight-solid":{},"highlight-rounded":{},"highlight-solid-rounded":{}},underlineHeight:{light:{$$navbarItemUnderlineHeight:"2px"},normal:{$$navbarItemUnderlineHeight:"4px"},bold:{$$navbarItemUnderlineHeight:"6px"},extrabold:{$$navbarItemUnderlineHeight:"8px"},black:{$$navbarItemUnderlineHeight:"10px"}},isDisabled:{true:{opacity:.5,cursor:"not-allowed"}}},compoundVariants:[{isActive:!0,variant:"underline",css:{color:"inherit","&:after":{opacity:1}}},{isActive:!0,variant:"underline-rounded",css:{color:"inherit","&:after":{opacity:1,borderRadius:"calc($$navbarItemUnderlineHeight / 2)"}}},{isActive:!0,variant:"highlight",css:{color:"$$navbarItemHighlightTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightBackgroundColor"}}},{isActive:!0,variant:"highlight-solid",css:{color:"$$navbarItemHighlightSolidTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightSolidBackgroundColor"}}},{isActive:!0,variant:"highlight-rounded",css:{color:"$$navbarItemHighlightTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightBackgroundColor"}}},{isActive:!0,variant:"highlight-solid-rounded",css:{color:"$$navbarItemHighlightSolidTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightSolidBackgroundColor"}}}],defaultVariants:{variant:"default",activeColor:"default",underlineHeight:"normal"}},t);export const StyledCursorHighlight=r(StyledBaseNavbarItem,{position:"absolute",top:"calc(50% - $$navbarItemMaxHeight * 0.5)",height:"$$navbarItemMaxHeight",background:"$neutralLight",borderRadius:"$sm",transition:"width 0.2s ease 0s, transform 0.2s ease 0s, opacity 0.2s ease 0s",variants:{color:o,isHighlightVariant:{true:{background:"$$navbarItemHighlightBackgroundColor"}},isHighlightSolidVariant:{true:{background:"$$navbarItemHighlightSolidBackgroundColor"}},isRounded:{true:{borderRadius:"$pill"}}}});export const StyledNavbarContent=r(StyledBaseNavbarList,{$$navbarContentItemGap:"$space$10",$$navbarContentItemHorizontalPadding:"$space$10",d:"flex",height:"100%",flexWrap:"nowrap",alignItems:"center",gap:"$$navbarContentItemGap",color:"inherit",variants:{enableCursorHighlight:{true:{zIndex:"$2",position:"relative"}}}},t);export const StyledNavbarContainer=r("div",{width:"100%",height:"$$navbarHeight",minHeight:"$$navbarHeight",display:"flex",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",position:"relative",boxSizing:"border-box",color:"inherit",px:"$$navbarPadding",bg:"$$navbarBackgroundColor",maxW:"$$navbarContainerMaxWidth",zIndex:"$5","@xsMax":{$$navbarPadding:"$space$6",$$navbarFloatingMargin:"$space$6"}});export const StyledNavbar=r("nav",{width:"100%",dflex:"center",position:"relative",height:"auto",color:"$$navbarTextColor",zIndex:"$2",variants:{variant:{static:{position:"static"},sticky:{top:0,right:0,left:0,position:"sticky"},floating:{top:0,right:0,left:0,position:"sticky","@safari":{top:"-5px"},[`& ${StyledNavbarContainer}`]:{mt:"calc($$navbarFloatingMargin * 0.5)",mx:"$$navbarFloatingMargin",borderRadius:"$$navbarBorderRadius"},[`& ${StyledNavbarCollapseWrapper}`]:{px:"calc($$navbarFloatingMargin + $space$4)"}}},maxWidth:{xs:{$$navbarContainerMaxWidth:"$breakpoints$xs"},sm:{$$navbarContainerMaxWidth:"$breakpoints$sm"},md:{$$navbarContainerMaxWidth:"$breakpoints$md"},lg:{$$navbarContainerMaxWidth:"$breakpoints$lg"},xl:{$$navbarContainerMaxWidth:"$breakpoints$xl"},fluid:{$$navbarContainerMaxWidth:"100%"}},isBordered:{true:{[`& ${StyledNavbarContainer}`]:{borderBottom:"$$navbarBorderWeight solid $$navbarBorderColor"}}},isCompact:{true:{$$navbarHeight:"$$navbarCompactHeight",$$navbarItemMaxHeight:"$$navbarCompactItemMaxHeight",$$navbarBorderRadius:"$radii$md"}},disableShadow:{false:{boxShadow:"$$navbarShadow"}},disableBlur:{false:{"@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{[`& ${StyledNavbarContainer}`]:{bg:"$$navbarBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarBlur)"}}}}},compoundVariants:[{isBordered:!0,variant:"floating",css:{[`& ${StyledNavbarContainer}`]:{border:"$$navbarBorderWeight solid $$navbarBorderColor"}}},{variant:"floating",disableShadow:!1,css:{boxShadow:"none",[`& ${StyledNavbarContainer}`]:{boxShadow:"$$navbarShadow"}}}],defaultVariants:{variant:"static",maxWidth:"lg",isBordered:!1,disableShadow:!1,disableBlur:!1}});
+import{styled as r}from"../theme/stitches.config";import{cssFocusVisible as a,cssHideShowIn as t}from"../theme/shared-css";const o={default:{$$navbarItemActiveColor:"$colors$link",$$navbarItemHighlightBackgroundColor:"$colors$primaryLight",$$navbarItemHighlightTextColor:"$colors$primaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$primary",$$navbarItemHighlightSolidTextColor:"$colors$primarySolidContrast"},neutral:{$$navbarItemActiveColor:"$colors$neutral",$$navbarItemHighlightBackgroundColor:"$colors$neutralLight",$$navbarItemHighlightTextColor:"$colors$text",$$navbarItemHighlightSolidBackgroundColor:"$colors$neutral",$$navbarItemHighlightSolidTextColor:"$colors$neutralSolidContrast"},primary:{$$navbarItemActiveColor:"$colors$primary",$$navbarItemHighlightBackgroundColor:"$colors$primaryLight",$$navbarItemHighlightTextColor:"$colors$primaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$primary",$$navbarItemHighlightSolidTextColor:"$colors$primarySolidContrast"},secondary:{$$navbarItemActiveColor:"$colors$secondary",$$navbarItemHighlightBackgroundColor:"$colors$secondaryLight",$$navbarItemHighlightTextColor:"$colors$secondaryLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$secondary",$$navbarItemHighlightSolidTextColor:"$colors$secondarySolidContrast"},success:{$$navbarItemActiveColor:"$colors$success",$$navbarItemHighlightBackgroundColor:"$colors$successLight",$$navbarItemHighlightTextColor:"$colors$successLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$success",$$navbarItemHighlightSolidTextColor:"$colors$successSolidContrast"},warning:{$$navbarItemActiveColor:"$colors$warning",$$navbarItemHighlightBackgroundColor:"$colors$warningLight",$$navbarItemHighlightTextColor:"$colors$warningLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$warning",$$navbarItemHighlightSolidTextColor:"$colors$warningSolidContrast"},error:{$$navbarItemActiveColor:"$colors$error",$$navbarItemHighlightBackgroundColor:"$colors$errorLight",$$navbarItemHighlightTextColor:"$colors$errorLightContrast",$$navbarItemHighlightSolidBackgroundColor:"$colors$error",$$navbarItemHighlightSolidTextColor:"$colors$errorSolidContrast"}};export const StyledBaseNavbarItem=r("li",{mb:0,display:"flex",alignItems:"center",listStyleType:"none",lineHeight:"inherit"});export const StyledBaseNavbarList=r("ul",{m:0,listStyle:"none",lineHeight:"$xs",li:{mb:0}});export const StyledNavbarCollapseItem=r(StyledBaseNavbarItem,{opacity:0,paddingBottom:"$6",fontSize:"$lg",lineHeight:"$lg",fontWeight:"$normal",transformOrigin:"top",variants:{activeColor:o,isActive:{true:{color:"$$navbarItemActiveColor",fontWeight:"$semibold"}},disableAnimation:{true:{transition:"none"}}},defaultVariants:{activeColor:"default"}});export const StyledNavbarCollapseWrapper=r(StyledBaseNavbarList,{py:"$8",px:"$$navbarPadding",overflowY:"scroll",maxHeight:"100%"});export const StyledNavbarCollapse=r("div",{$$navbarListColor:"$colors$text",$$navbarListBackgroundColor:"$colors$background",$$navbarListBlurBackgroundColor:"$colors$backgroundAlpha",$$navbarListBlur:"16px",position:"absolute",top:0,left:0,right:0,background:"$$navbarListBackgroundColor",width:"100%",height:"0px",zIndex:"$4",boxSizing:"border-box",overflow:"hidden",variants:{isOpen:{true:{top:"$$navbarHeight",pb:"$$navbarHeight",height:"100vh"}},disableBlur:{false:{"@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{bg:"$$navbarListBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarListBlur)","@media screen and (-webkit-min-device-pixel-ratio:0)":{[`& ${StyledNavbarCollapseWrapper}`]:{bg:"$$navbarListBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarListBlur)"}}}}},disableAnimation:{true:{[`& ${StyledNavbarCollapseItem}`]:{transition:"none"}}}},defaultVariants:{disableBlur:"false"}},t);export const StyledNavbarToggleIconContainer=r("div",{dflex:"center",flexDirection:"column",pointerEvents:"none",size:"22px","& .line":{height:"1px",width:"100%",backgroundColor:"$$navbarTextColor",transition:"transform 0.3s ease","&.top":{transform:"translateY(-4px) rotate(0deg)"},"&.bottom":{transform:"translateY(4px) rotate(0deg)"}},variants:{isExpanded:{true:{"& .line":{"&.top":{transform:"translateY(1px) rotate(45deg)"},"&.bottom":{transform:"translateY(0px) rotate(-45deg)"}}}}}});export const StyledNavbarToggle=r("button",{appearance:"none",background:"transparent",border:"none",cursor:"pointer",p:"$2",transition:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",variants:{isPressed:{true:{opacity:.7}}}},t,a);export const StyledNavbarBrand=r("span",{display:"flex",flexWrap:"nowrap",flexDirection:"row",justifyContent:"flex-start",bg:"transparent",alignItems:"center",textDecoration:"none",fontSize:"$base",whiteSpace:"nowrap",boxSizing:"border-box"},t);export const StyledNavbarItem=r(StyledBaseNavbarItem,{$$navbarItemFontSize:"inherit",$$navbarItemFontWeight:"$fontWeights$normal",fontSize:"$$navbarItemFontSize",fontWeight:"$$navbarItemFontWeight",position:"relative","> *":{zIndex:"$2",fontSize:"inherit !important",fontWeight:"inherit !important"},":first-child":{boxSizing:"content-box"},"&:before":{opacity:0,zIndex:"$1",content:'""',display:"block",position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"$sm"},"&:after":{opacity:0,zIndex:"$1",content:'""',display:"block",position:"absolute",left:"0",right:"0",bottom:"0",height:"$$navbarItemUnderlineHeight",borderRadius:"0px",background:"$$navbarItemActiveColor"},variants:{activeColor:o,isActive:{true:{color:"$$navbarItemActiveColor",$$navbarItemFontWeight:"$fontWeights$semibold"}},variant:{default:{},underline:{color:"inherit",height:"100%"},"underline-rounded":{color:"inherit",height:"100%"},highlight:{},"highlight-solid":{},"highlight-rounded":{},"highlight-solid-rounded":{}},underlineHeight:{light:{$$navbarItemUnderlineHeight:"2px"},normal:{$$navbarItemUnderlineHeight:"4px"},bold:{$$navbarItemUnderlineHeight:"6px"},extrabold:{$$navbarItemUnderlineHeight:"8px"},black:{$$navbarItemUnderlineHeight:"10px"}},isDisabled:{true:{opacity:.5,cursor:"not-allowed"}}},compoundVariants:[{isActive:!0,variant:"underline",css:{color:"inherit","&:after":{opacity:1}}},{isActive:!0,variant:"underline-rounded",css:{color:"inherit","&:after":{opacity:1,borderRadius:"calc($$navbarItemUnderlineHeight / 2)"}}},{isActive:!0,variant:"highlight",css:{color:"$$navbarItemHighlightTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightBackgroundColor"}}},{isActive:!0,variant:"highlight-solid",css:{color:"$$navbarItemHighlightSolidTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightSolidBackgroundColor"}}},{isActive:!0,variant:"highlight-rounded",css:{color:"$$navbarItemHighlightTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightBackgroundColor"}}},{isActive:!0,variant:"highlight-solid-rounded",css:{color:"$$navbarItemHighlightSolidTextColor","*:first-child":{color:"inherit"},"&:before":{opacity:1,background:"$$navbarItemHighlightSolidBackgroundColor"}}}],defaultVariants:{variant:"default",activeColor:"default",underlineHeight:"normal"}},t);export const StyledCursorHighlight=r(StyledBaseNavbarItem,{position:"absolute",top:"calc(50% - $$navbarItemMaxHeight * 0.5)",height:"$$navbarItemMaxHeight",background:"$neutralLight",borderRadius:"$sm",transition:"width 0.2s ease 0s, transform 0.2s ease 0s, opacity 0.2s ease 0s",variants:{color:o,isHighlightVariant:{true:{background:"$$navbarItemHighlightBackgroundColor"}},isHighlightSolidVariant:{true:{background:"$$navbarItemHighlightSolidBackgroundColor"}},isRounded:{true:{borderRadius:"$pill"}}}});export const StyledNavbarContent=r(StyledBaseNavbarList,{$$navbarContentItemGap:"$space$10",$$navbarContentItemHorizontalPadding:"$space$10",d:"flex",height:"100%",flexWrap:"nowrap",alignItems:"center",gap:"$$navbarContentItemGap",color:"inherit",variants:{enableCursorHighlight:{true:{zIndex:"$2",position:"relative"}}}},t);export const StyledNavbarContainer=r("div",{width:"100%",height:"$$navbarHeight",minHeight:"$$navbarHeight",display:"flex",flexWrap:"nowrap",justifyContent:"space-between",alignItems:"center",position:"relative",boxSizing:"border-box",color:"inherit",px:"$$navbarPadding",bg:"$$navbarBackgroundColor",maxW:"$$navbarContainerMaxWidth",zIndex:"$5","@xsMax":{$$navbarPadding:"$space$6",$$navbarFloatingMargin:"$space$6"}});export const StyledNavbar=r("nav",{width:"100%",dflex:"center",position:"relative",height:"auto",color:"$$navbarTextColor",zIndex:"$2",variants:{variant:{static:{position:"static"},sticky:{top:0,right:0,left:0,position:"sticky"},floating:{top:0,right:0,left:0,position:"sticky","@safari":{top:"-5px"},[`& ${StyledNavbarContainer}`]:{mt:"calc($$navbarFloatingMargin * 0.5)",mx:"$$navbarFloatingMargin",borderRadius:"$$navbarBorderRadius"},[`& ${StyledNavbarCollapseWrapper}`]:{px:"calc($$navbarFloatingMargin + $space$4)"}}},maxWidth:{xs:{$$navbarContainerMaxWidth:"$breakpoints$xs"},sm:{$$navbarContainerMaxWidth:"$breakpoints$sm"},md:{$$navbarContainerMaxWidth:"$breakpoints$md"},lg:{$$navbarContainerMaxWidth:"$breakpoints$lg"},xl:{$$navbarContainerMaxWidth:"$breakpoints$xl"},fluid:{$$navbarContainerMaxWidth:"100%"}},isBordered:{true:{[`& ${StyledNavbarContainer}`]:{borderBottom:"$$navbarBorderWeight solid $$navbarBorderColor"}}},isCompact:{true:{$$navbarHeight:"$$navbarCompactHeight",$$navbarItemMaxHeight:"$$navbarCompactItemMaxHeight",$$navbarBorderRadius:"$radii$md"}},disableShadow:{false:{boxShadow:"$$navbarShadow"}},disableBlur:{false:{"@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{[`& ${StyledNavbarContainer}`]:{bg:"$$navbarBlurBackgroundColor",backdropFilter:"saturate(180%) blur($$navbarBlur)"}}}}},compoundVariants:[{isBordered:!0,variant:"floating",css:{[`& ${StyledNavbarContainer}`]:{border:"$$navbarBorderWeight solid $$navbarBorderColor"}}},{variant:"floating",disableShadow:!1,css:{boxShadow:"none",[`& ${StyledNavbarContainer}`]:{boxShadow:"$$navbarShadow"}}}],defaultVariants:{variant:"static",maxWidth:"lg",isBordered:!1,disableShadow:!1,disableBlur:!1}});

package/esm/pagination/pagination.js

@@ -1 +1 @@
-import o,{useCallback as i}from"react";import n,{DOTS as e}from"../use-pagination";import{__DEV__ as t}from"../utils/assertion";import a from"../utils/clsx";import r from"./pagination-item";import s from"./pagination-ellipsis";import d from"./pagination-icon";import l from"./pagination-highlight";import{StyledPagination as m}from"./pagination.styles";import{jsx as p}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const u="nextui-pagination",c=({page:o,initialPage:t,onlyDots:c,total:f,loop:b,siblings:x,boundaries:h,shadow:$,animated:y,bordered:v,dotsJump:D,controls:P,noMargin:C,onChange:j,rounded:k,...w})=>{const{range:M,active:N,setPage:O,previous:J,next:B,first:I,last:S}=n({page:o,initialPage:t,siblings:c?10:x,boundaries:c?10:h,total:f,onChange:j}),U=i(((o,i)=>{if(o===e){const n=i<M.indexOf(N);return p(s,{animated:y,bordered:v,isBefore:n,onlyDots:c,value:o,onClick:()=>O(n?N-D>=1?N-D:1:N+D<=f?N+D:f)},`${u}-item-${o}-${i}`)}return p(r,{active:o===N,animated:y,bordered:v,onlyDots:c,value:o,onClick:()=>o!==N&&O(o),children:o},`${u}-item-${o}-${i}`)}),[f,c,N,v,y]);return g(m,{bordered:v,className:a(u,{[`${u}--no-margin`]:C,[`${u}--bordered`]:v,[`${u}--shadow`]:$,[`${u}--rounded`]:k}),noMargin:C,onlyDots:c,rounded:k,...w,children:[P&&p(d,{isPrev:!0,animated:y,bordered:v,disabled:!b&&1===N,onlyDots:c,onClick:()=>b&&1===N?S():J()}),p(l,{active:P?M.indexOf(N)+1:M.indexOf(N),animated:y,noMargin:C,rounded:k,shadow:$}),M.map(U),P&&p(d,{animated:y,bordered:v,disabled:!b&&N===f,onlyDots:c,onClick:()=>b&&N===f?I():B()})]})};c.defaultProps={shadow:!1,controls:!0,bordered:!1,initialPage:1,siblings:1,boundaries:1,dotsJump:5,total:1,loop:!1,animated:!0,onlyDots:!1,noMargin:!1,rounded:!1},t&&(c.displayName="NextUI.Pagination"),c.toString=()=>".nextui-pagination";export default o.memo(c);
+import o,{useCallback as i}from"react";import n,{DOTS as e}from"../use-pagination";import{__DEV__ as t}from"../utils/assertion";import a from"../utils/clsx";import r from"./pagination-item";import s from"./pagination-ellipsis";import d from"./pagination-icon";import l from"./pagination-highlight";import{StyledPagination as m}from"./pagination.styles";import{jsx as p}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const u="nextui-pagination",c=({page:o,initialPage:t,onlyDots:c,total:f,loop:b,siblings:x,boundaries:h,shadow:$,animated:y,bordered:v,dotsJump:D,controls:P,noMargin:C,onChange:j,rounded:k,...w})=>{const{range:M,active:N,setPage:O,previous:J,next:B,first:I,last:S}=n({page:o,initialPage:t,siblings:c?10:x,boundaries:c?10:h,total:f,onChange:j}),U=i(((o,i)=>{if(o===e){const n=i<M.indexOf(N);return p(s,{animated:y,bordered:v,isBefore:n,onlyDots:c,value:o,onClick:()=>O(n?N-D>=1?N-D:1:N+D<=f?N+D:f)},`${u}-item-${o}-${i}`)}return p(r,{active:o===N,animated:y,bordered:v,onlyDots:c,value:o,onClick:()=>o!==N&&O(o),children:o},`${u}-item-${o}-${i}`)}),[f,c,N,v,y,O]);return g(m,{bordered:v,className:a(u,{[`${u}--no-margin`]:C,[`${u}--bordered`]:v,[`${u}--shadow`]:$,[`${u}--rounded`]:k}),noMargin:C,onlyDots:c,rounded:k,...w,children:[P&&p(d,{isPrev:!0,animated:y,bordered:v,disabled:!b&&1===N,onlyDots:c,onClick:()=>b&&1===N?S():J()}),p(l,{active:P?M.indexOf(N)+1:M.indexOf(N),animated:y,noMargin:C,rounded:k,shadow:$}),M.map(U),P&&p(d,{animated:y,bordered:v,disabled:!b&&N===f,onlyDots:c,onClick:()=>b&&N===f?I():B()})]})};c.defaultProps={shadow:!1,controls:!0,bordered:!1,initialPage:1,siblings:1,boundaries:1,dotsJump:5,total:1,loop:!1,animated:!0,onlyDots:!1,noMargin:!1,rounded:!1},t&&(c.displayName="NextUI.Pagination"),c.toString=()=>".nextui-pagination";export default o.memo(c);

package/esm/popover/popover-content.js

@@ -1 +1 @@
-import e from"react";import{useModal as o,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import c from"../utils/clsx";import{StyledPopoverContentContainer as d,StyledPopoverContent as u}from"./popover.styles";import{usePopoverContext as f}from"./popover-context";import{getTransformOrigin as b}from"./utils";import{jsx as h}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";import{Fragment as v}from"react/jsx-runtime";const O=e.forwardRef(((e,m)=>{const{children:O,as:g,css:D,className:y,...C}=e,{state:P,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=f(),U=b(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=s({onClose:V,isOpen:P.isOpen,isDismissable:w&&P.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},C),{isFocusVisible:H,focusProps:J}=n(),L=x(d,{ref:p(F,m),...T(a(z,k,q,J,G)),as:g,className:c("nextui-popover-content-container",y),css:{transformOrigin:U,...D},isFocusVisible:H,children:[h(r,{onDismiss:V}),h(u,{className:"nextui-popover-content",children:O}),h(r,{onDismiss:V})]});return h(v,{children:N?P.isOpen?h(t,{restoreFocus:!0,children:L}):null:h(t,{restoreFocus:!0,children:h(l,{clearTime:300,enterTime:20,leaveTime:60,name:"nextui-popover-content",visible:P.isOpen,onEntered:W,onExited:A,children:L})})})}));m&&(O.displayName="NextUI.PopoverContent"),O.toString=()=>".nextui-popover-content";export default O;
+import e,{useMemo as o}from"react";import{useModal as s,useOverlay as i,DismissButton as r}from"@react-aria/overlays";import{useDialog as t}from"@react-aria/dialog";import{FocusScope as n,useFocusRing as a}from"@react-aria/focus";import{mergeProps as l}from"@react-aria/utils";import m from"../utils/css-transition";import{__DEV__ as d}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import c from"../utils/clsx";import{StyledPopoverContentContainer as u,StyledPopoverContent as f}from"./popover.styles";import{usePopoverContext as b}from"./popover-context";import{getTransformOrigin as x}from"./utils";import{jsx as h}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";import{Fragment as O}from"react/jsx-runtime";const g=e.forwardRef(((e,d)=>{const{children:g,as:D,css:P,className:y,...C}=e,{state:j,placement:N,overlayRef:B,disableAnimation:E,disableShadow:F,shouldCloseOnBlur:w,isDismissable:I,isKeyboardDismissDisabled:S,shouldCloseOnInteractOutside:T,getPopoverProps:A,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:U,isPositioned:k}=b(),q=x(N),z=o((()=>({transformOrigin:q,...P})),[q,P]),{modalProps:G}=s({isDisabled:!0}),{dialogProps:H}=t({role:"dialog"},B),{overlayProps:J}=i({onClose:V,isOpen:j.isOpen,isDismissable:I&&j.isOpen,shouldCloseOnBlur:w,isKeyboardDismissDisabled:S,shouldCloseOnInteractOutside:T},B),L=l({isBordered:K,disableShadow:F,borderWeight:R},C),{isFocusVisible:M,focusProps:Q}=a(),X=o((()=>({clearTime:E?0:300,enterTime:E?0:20,leaveTime:E?0:60,name:"nextui-popover-content",visible:j.isOpen,onEntered:W,onExited:U})),[E,j.isOpen]),Y=v(u,{ref:p(B,d),...A(l(J,G,H,Q,L),z),as:D,className:c("nextui-popover-content-container",y),disableAnimation:E,isFocusVisible:M,isPositioned:k,children:[h(r,{onDismiss:V}),h(f,{className:"nextui-popover-content",children:g}),h(r,{onDismiss:V})]});return h(O,{children:h(n,{restoreFocus:!0,children:h(m,{...X,children:Y})})})}));d&&(g.displayName="NextUI.PopoverContent"),g.toString=()=>".nextui-popover-content";export default g;

package/esm/popover/popover-trigger.js

@@ -1 +1 @@
-import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as t}from"@react-aria/utils";import{Button as e,Text as i}from"../index";import{pickChild as n}from"../utils/collections";import{__DEV__ as s}from"../utils/assertion";import{usePopoverContext as p}from"./popover-context";import{jsx as m}from"react/jsx-runtime";const a=r.forwardRef(((s,a)=>{const{state:l,triggerRef:f,getTriggerProps:c}=p(),{children:g,...d}=s,u=()=>l.open(),{buttonProps:x}=o({onPress:u,...d},f),v="string"==typeof g?m(i,{children:g}):r.Children.only(g),[,P]=n(s.children,e),h=void 0!==(null==P?void 0:P[0]);return r.cloneElement(v,c(t(v.props,h?{onPress:u}:x,d),v.ref))}));s&&(a.displayName="NextUI.PopoverTrigger"),a.toString=()=>".nextui-popover-trigger";export default a;
+import r,{Children as o,cloneElement as t,useMemo as e}from"react";import{useButton as i}from"@react-aria/button";import{mergeProps as s}from"@react-aria/utils";import{Button as n,Text as p}from"../index";import{pickChild as a}from"../utils/collections";import{__DEV__ as m}from"../utils/assertion";import{usePopoverContext as f}from"./popover-context";import{jsx as l}from"react/jsx-runtime";const c=r.forwardRef(((r,m)=>{const{state:c,triggerRef:g,getTriggerProps:u}=f(),{children:d,...P}=r,x=e((()=>"string"==typeof d?l(p,{children:d}):o.only(d)),[d]),{onPress:v,onPressStart:S,...h}=e((()=>u(s(x.props,P),x.ref)),[u,x.props,P,x.ref]),{buttonProps:y}=i({onPress:v,onPressStart:S,...h},g),[,b]=a(r.children,n),j=e((()=>void 0!==(null==b?void 0:b[0])),[b]),N=e((()=>({...h,onPressStart:S,onPress:()=>c.open()})),[h,S,c.open]);return t(x,s(h,j?N:y))}));m&&(c.displayName="NextUI.PopoverTrigger"),c.toString=()=>".nextui-popover-trigger";export default c;

package/esm/popover/popover.styles.js

@@ -1 +1 @@
-import{styled as o,keyframes as e}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const appearanceIn=e({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,backfaceVisibility:"hidden",webkitFontSmoothing:"antialiased",transform:"translateZ(0) scale(1.05)"},"100%":{opacity:1}});export const appearanceOut=e({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}});export const StyledPopoverContentContainer=o("div",{$$popoverMinWidth:"$space$13",$$popoverMinHeight:"$space$13",$$popoverBorderRadius:"$radii$lg",$$popoverBackground:"$colors$backgroundContrast",$$popoverBoxShadow:"$shadows$md",$$popoverBorderColor:"$colors$border",boxShadow:"$$popoverBoxShadow",outline:"none",overflow:"hidden auto",bg:"$$popoverBackground",display:"inline-flex",flexDirection:"column",boxSizing:"border-box",minWidth:"$$popoverMinWidth",minHeight:"$$popoverMinHeight",maxWidth:"calc(100% - $$popoverMinWidth)",maxHeight:"calc(100% - $$popoverMinWidth)",borderRadius:"$$popoverBorderRadius",animationFillMode:"forwards",willChange:"transform, opacity","@motion":{transition:"none"},"&.nextui-popover-content-enter":{animationName:appearanceIn,animationTimingFunction:"ease-out",animationDirection:"normal",animationDuration:"250ms"},"&.nextui-popover-content-leave":{animationName:appearanceOut,animationTimingFunction:"ease-in",animationDuration:"60ms"},variants:{disableShadow:{true:{boxShadow:"none"}},isBordered:{true:{borderStyle:"solid",borderColor:"$$popoverBorderColor"}},borderWeight:{light:{bw:"$light",$$popoverBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$popoverBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$popoverBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$popoverBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$popoverBorderWeight:"$borderWeights$black"}}},defaultVariants:{isBordered:!1,borderWeight:"light"}},r);export const StyledPopoverContent=o("div",{});
+import{styled as o,keyframes as e}from"../theme/stitches.config";import{cssFocusVisible as i}from"../theme/shared-css";export const appearanceIn=e({"0%":{opacity:0,transform:"translateZ(0)  scale(0.95)"},"60%":{opacity:.75,backfaceVisibility:"hidden",webkitFontSmoothing:"antialiased",transform:"translateZ(0) scale(1.05)"},"100%":{opacity:1,transform:"translateZ(0) scale(1)"}});export const appearanceOut=e({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}});export const StyledPopoverContentContainer=o("div",{$$popoverMinWidth:"$space$fit",$$popoverMinHeight:"$space$fit",$$popoverBorderRadius:"$radii$lg",$$popoverBackground:"$colors$backgroundContrast",$$popoverBoxShadow:"$shadows$md",$$popoverBorderColor:"$colors$border",boxShadow:"$$popoverBoxShadow",outline:"none",overflow:"hidden auto",bg:"$$popoverBackground",display:"inline-flex",flexDirection:"column",boxSizing:"border-box",minWidth:"$$popoverMinWidth",minHeight:"$$popoverMinHeight",maxWidth:"calc(100% - $$popoverMinWidth)",maxHeight:"calc(100% - $$popoverMinWidth)",borderRadius:"$$popoverBorderRadius",animationFillMode:"forwards",willChange:"transform, opacity","@motion":{transition:"none"},"&.nextui-popover-content-enter":{animationName:appearanceIn,animationTimingFunction:"ease-out",animationDirection:"normal",animationDuration:"300ms",animationFillMode:"both"},"&.nextui-popover-content-leave":{animationName:appearanceOut,animationTimingFunction:"ease-in",animationDuration:"60ms",animationFillMode:"both"},variants:{disableShadow:{true:{boxShadow:"none"}},isBordered:{true:{borderStyle:"solid",borderColor:"$$popoverBorderColor"}},borderWeight:{light:{bw:"$light",$$popoverBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$popoverBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$popoverBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$popoverBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$popoverBorderWeight:"$borderWeights$black"}},isPositioned:{true:{visibility:"visible"},false:{visibility:"hidden"}},disableAnimation:{true:{transition:"none","&.nextui-popover-content-enter":{animation:"none"},"&.nextui-popover-content-leave":{animation:"none"}}}},defaultVariants:{isBordered:!1,borderWeight:"light"}},i);export const StyledPopoverContent=o("div",{});

package/esm/popover/use-popover.js

@@ -1 +1 @@
-import{useRef as e,useMemo as o,useState as r,useCallback as s}from"react";import{mergeProps as i}from"@react-aria/utils";import{useOverlayPosition as t,useOverlayTrigger as l}from"@react-aria/overlays";import{useOverlayTriggerState as a}from"@react-stately/overlays";import{mergeRefs as n}from"../utils/refs";import{getAriaPlacement as p}from"./utils";export function usePopover(d={}){const{ref:u,triggerRef:f,scrollRef:m,isOpen:g,defaultOpen:O,onOpenChange:c,isBordered:b,borderWeight:h,disableShadow:y,shouldFlip:P=!0,offset:v=12,placement:C="bottom",onClose:R,triggerType:D="dialog",isDismissable:B=!0,shouldCloseOnBlur:x=!1,isKeyboardDismissDisabled:w=!1,disableAnimation:A=!1,shouldCloseOnInteractOutside:E}=d,F=e(null),I=e(null),K=u||F,S=f||I,T=a({isOpen:g,defaultOpen:O,onOpenChange:c}),[W,j]=r(!T.isOpen),k=o((()=>T.isOpen?"open":"closed"),[T.isOpen]),q=s((()=>{null==R||R(),T.close()}),[T,R]),z=s((()=>{j(!1)}),[]),G=s((()=>{j(!0)}),[]),{triggerProps:H,overlayProps:J}=l({type:D},T,S),L=o((()=>p(C)),[C]),{overlayProps:M}=t({isOpen:T.isOpen,targetRef:S,scrollRef:m,placement:L,overlayRef:K,shouldFlip:P,offset:v}),N=s(((e={},o=null)=>({...null!=f&&f.current?i(H,e):i(e,H),ref:n(S,o)})),[S,f,H]),Q=s(((e={})=>({...e,...J,...M,"data-state":k,"data-placement":C})),[k,M,J,C]);return{state:T,exited:W,overlayRef:K,triggerRef:S,placement:C,disableShadow:y,disableAnimation:A,shouldCloseOnBlur:x,isDismissable:B,isBordered:b,borderWeight:h,isKeyboardDismissDisabled:w,shouldCloseOnInteractOutside:E,isOpen:T.isOpen,onClose:q,onExited:G,onEntered:z,triggerProps:H,overlayProps:J,positionProps:M,getTriggerProps:N,getPopoverProps:Q}}
+import{useRef as e,useMemo as s,useState as o,useCallback as r}from"react";import{mergeProps as t}from"@react-aria/utils";import{useOverlayPosition as l,useOverlayTrigger as i}from"@react-aria/overlays";import{useOverlayTriggerState as n}from"@react-stately/overlays";import{mergeRefs as a}from"../utils/refs";import{isObject as p}from"../utils/object";import{getAriaPlacement as d}from"./utils";export function usePopover(u={}){const{ref:m,triggerRef:c,scrollRef:f,isOpen:g,defaultOpen:O,onOpenChange:y,isBordered:b,borderWeight:h,disableShadow:P,shouldFlip:v=!0,offset:C=12,placement:R="bottom",onClose:D,triggerType:x="dialog",isDismissable:B=!0,shouldCloseOnBlur:j=!1,isKeyboardDismissDisabled:E=!1,disableAnimation:k=!1,shouldCloseOnInteractOutside:w}=u,A=e(null),F=e(null),I=m||A,K=c||F,S=n({isOpen:g,defaultOpen:O,onOpenChange:y}),[T,W]=o(!S.isOpen),H=s((()=>S.isOpen?"open":"closed"),[S.isOpen]),q=r((()=>{null==D||D(),S.close()}),[S,D]),z=r((()=>{W(!1)}),[]),G=r((()=>{W(!0)}),[]),{triggerProps:J,overlayProps:L}=i({type:x},S,K),M=s((()=>d(R)),[R]),{overlayProps:N}=l({isOpen:S.isOpen,targetRef:K,scrollRef:f,placement:M,overlayRef:I,shouldFlip:v,offset:C}),Q=s((()=>{var e;return!(null==(e=N.style)||!e.maxHeight)}),[N.style]),U=r(((e={},s=null)=>({...null!=c&&c.current?t(J,e):t(e,J),ref:a(K,s)})),[K,c,J]),V=r(((e={},s={})=>{const o=N.style?Object.keys(N.style):[];let r={};o.forEach((e=>{const o=p(s)&&s[e];o&&(r={...r,[e]:o})}));const t=Object.keys(r).length>0?{...N,style:{...N.style,...r}}:N;return{css:s,...e,...L,...t,"data-state":H,"data-placement":R}}),[H,N,L,R]);return{state:S,exited:T,overlayRef:I,triggerRef:K,placement:R,disableShadow:P,disableAnimation:k,shouldCloseOnBlur:j,isDismissable:B,isBordered:b,borderWeight:h,isKeyboardDismissDisabled:E,shouldCloseOnInteractOutside:w,isOpen:S.isOpen,onClose:q,onExited:G,onEntered:z,triggerProps:J,overlayProps:L,positionProps:N,getTriggerProps:U,getPopoverProps:V,isPositioned:Q}}

package/esm/radio/radio.js

@@ -1 +1 @@
-import i,{useMemo as e}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import o from"../utils/clsx";import{__DEV__ as t}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useRadio as l}from"./use-radio";import{StyledRadioText as c,StyledRadioPoint as n,StyledRadioLabel as m,StyledRadioDescription as u,StyledRadioContainer as p}from"./radio.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export const Radio=i.forwardRef(((i,t)=>{const{className:x,as:b,css:v,children:N,label:R,description:k,...I}=i,{size:j,color:D,inputRef:F,labelColor:y,isHovered:P,isSquared:S,isInvalid:q,isDisabled:z,autoFocus:A,disableAnimation:C,hoverProps:H,inputProps:V}=l({...I,children:null!=N?N:R}),g=d(t,F),{focusProps:w,isFocusVisible:U}=r({autoFocus:A}),$=e((()=>P?"is-hovered":z?"is-disabled":V.checked?"checked":"uncheked"),[z,V.checked,P]);return h(m,{ref:g,...H,as:b,className:o("nextui-radio-label",`nextui-radio--${$}`,x),color:D,css:v,"data-state":$,disableAnimation:C,isChecked:V.checked,isDisabled:z,isHovered:P,isInvalid:q,isSquared:S,size:j,children:[h(p,{className:"nextui-radio-container",children:[f(n,{className:"nextui-radio-point",isFocusVisible:U,...w,children:f(a,{children:f("input",{ref:F,className:"nextui-radio-input",...s(V,w)})})}),f(c,{className:"nextui-radio-label",color:y,isDisabled:z,isInvalid:q,children:N})]}),k&&f(u,{className:"nextui-radio-description",isDisabled:z,isInvalid:q,children:k})]})}));t&&(Radio.displayName="NextUI.Radio"),Radio.toString=()=>".nextui-radio";export default Radio;
+import i,{useMemo as e}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import o from"../utils/clsx";import{__DEV__ as t}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useRadio as l}from"./use-radio";import{StyledRadioText as c,StyledRadioPoint as n,StyledRadioLabel as u,StyledRadioDescription as m,StyledRadioContainer as p}from"./radio.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export const Radio=i.forwardRef(((i,t)=>{const{className:x,as:b,css:v,children:N,label:R,description:k,...I}=i,{size:j,color:q,inputRef:D,labelColor:F,isHovered:y,isSquared:P,isInvalid:S,isDisabled:z,autoFocus:A,disableAnimation:C,hoverProps:H,inputProps:V,isRequired:g}=l({...I,children:null!=N?N:R}),w=d(t,D),{focusProps:U,isFocusVisible:$}=r({autoFocus:A}),B=e((()=>y?"is-hovered":z?"is-disabled":V.checked?"checked":"uncheked"),[z,V.checked,y]);return h(u,{ref:w,...H,as:b,className:o("nextui-radio-label",`nextui-radio--${B}`,x),color:q,css:v,"data-state":B,disableAnimation:C,isChecked:V.checked,isDisabled:z,isHovered:y,isInvalid:S,isSquared:P,size:j,children:[h(p,{className:"nextui-radio-container",children:[f(n,{className:"nextui-radio-point",isFocusVisible:$,...U,children:f(a,{children:f("input",{ref:D,className:"nextui-radio-input",required:g,...s(V,U)})})}),f(c,{className:"nextui-radio-text",color:F,isDisabled:z,isInvalid:S,children:N})]}),k&&f(m,{className:"nextui-radio-description",isDisabled:z,isInvalid:S,children:k})]})}));t&&(Radio.displayName="NextUI.Radio"),Radio.toString=()=>".nextui-radio";export default Radio;

package/esm/radio/use-radio-group.js

@@ -1 +1 @@
-import{useMemo as o}from"react";import{useRadioGroupState as r}from"@react-stately/radio";import{useRadioGroup as a}from"@react-aria/radio";export const useRadioGroup=t=>{const{size:i="md",color:e="default",labelColor:l="default",orientation:d="vertical",isRequired:s,validationState:p,...u}=t,n=o((()=>({...u,orientation:d})),[u]),c=r(n),{radioGroupProps:m,labelProps:f}=a(n,c);return{size:i,color:e,orientation:d,labelColor:l,isRequired:s,validationState:p,radioGroupState:c,radioGroupProps:m,labelProps:f}};
+import{useMemo as o}from"react";import{useRadioGroupState as r}from"@react-stately/radio";import{useRadioGroup as a}from"@react-aria/radio";export const useRadioGroup=i=>{const{size:e="md",color:t="default",labelColor:l="default",orientation:d="vertical",isRequired:s,validationState:p,...u}=i,n=o((()=>({...u,isRequired:s,orientation:d})),[u]),c=r(n),{radioGroupProps:m,labelProps:f}=a(n,c);return{size:e,color:t,orientation:d,labelColor:l,isRequired:s,validationState:p,radioGroupState:c,radioGroupProps:m,labelProps:f}};

package/esm/radio/use-radio.js

@@ -1 +1 @@
-import{useRef as o,useMemo as i}from"react";import{useRadio as e}from"@react-aria/radio";import{useHover as r}from"@react-aria/interactions";import{warn as a}from"../utils/console";import{__DEV__ as t}from"../utils/assertion";import{useRadioGroupContext as l}from"./radio-context";export const useRadio=s=>{var d,n,u;const p=l(),{size:c=(null!=(d=p.size)?d:"md"),color:m=(null!=(n=p.color)?n:"default"),labelColor:v=(null!=(u=p.labelColor)?u:"default"),autoFocus:f,isSquared:b=!1,disableAnimation:R=!1,...h}=s;p&&t&&(void 0!==h.checked&&a('Remove props "checked" if in the Radio.Group.',"Radio"),void 0===h.value&&a('Props "value" must be defined if in the Radio.Group.',"Radio"));const P=o(null),{inputProps:S}=e(h,p.radioGroupState,P),z=i((()=>{var o;return null!=(o=S.disabled)&&o}),[S.disabled]),{hoverProps:C,isHovered:G}=r({isDisabled:z});return{size:c,color:m,inputRef:P,autoFocus:f,isDisabled:z,labelColor:v,isInvalid:i((()=>"invalid"===p.validationState),[p.validationState]),isHovered:G,isSquared:b,disableAnimation:R,inputProps:S,hoverProps:C}};
+import{useRef as i,useMemo as o}from"react";import{useRadio as e}from"@react-aria/radio";import{useHover as r}from"@react-aria/interactions";import{warn as a}from"../utils/console";import{__DEV__ as s}from"../utils/assertion";import{useRadioGroupContext as l}from"./radio-context";export const useRadio=t=>{var d,u,n;const p=l(),{size:c=(null!=(d=p.size)?d:"md"),color:m=(null!=(u=p.color)?u:"default"),labelColor:v=(null!=(n=p.labelColor)?n:"default"),autoFocus:b,isSquared:f=!1,isDisabled:R=!1,disableAnimation:h=!1,...q}=t;p&&s&&(void 0!==q.checked&&a('Remove props "checked" if in the Radio.Group.',"Radio"),void 0===q.value&&a('Props "value" must be defined if in the Radio.Group.',"Radio"));const P=i(null),{inputProps:S}=e({...q,...p,isDisabled:R},p.radioGroupState,P),D=o((()=>{var i;return null!=(i=S.disabled)&&i}),[S.disabled]),{hoverProps:z,isHovered:C}=r({isDisabled:D});return{size:c,color:m,inputRef:P,autoFocus:b,isDisabled:D,labelColor:v,isInvalid:o((()=>"invalid"===p.validationState),[p.validationState]),isHovered:C,isSquared:f,isRequired:o((()=>{var i;return null!=(i=p.isRequired)&&i}),[p.isRequired]),disableAnimation:h,inputProps:S,hoverProps:z}};

package/esm/spacer/spacer.js

@@ -1 +1 @@
-import t from"react";import r from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledSpacer as o}from"./spacer.styles";import{jsx as s}from"react/jsx-runtime";const m=({x:t,y:r,inline:m,css:e,...n})=>{const a=i(t),p=i(r);return s(o,{"aria-hidden":"true",css:{marginLeft:`${a} !important`,marginTop:`${p} !important`,...e},...n})};m.toString=()=>".nextui-spacer";const e=t.memo(m);export default r(e,{x:1,y:1});
+import t from"react";import r from"../utils/with-defaults";import{getMargin as o}from"../utils/dimensions";import{StyledSpacer as i}from"./spacer.styles";import{jsx as s}from"react/jsx-runtime";const m=({x:t,y:r,css:m,...e})=>{const n=o(t),a=o(r);return s(i,{"aria-hidden":"true",css:{marginLeft:`${n} !important`,marginTop:`${a} !important`,...m},...e})};m.toString=()=>".nextui-spacer";const e=t.memo(m);export default r(e,{x:1,y:1});

package/esm/switch/switch.js

@@ -1 +1 @@
-import e,{useCallback as t,useEffect as a,useMemo as i,useState as o}from"react";import r from"../utils/with-defaults";import{warn as n}from"../utils/console";import s,{KeyCode as d}from"../use-keyboard";import c from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{StyledSwitch as m,StyledSwitchContainer as h,StyledSwitchInput as u,StyledSwitchCircle as p}from"./switch.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as b}from"react/jsx-runtime";const k="nextui-switch",x=({initialChecked:e,checked:r,disabled:x,onChange:v,squared:w,bordered:g,shadow:$,icon:D,iconOn:j,iconOff:C,animated:O,preventDefault:q,...y})=>{const[E,N]=o(e);D&&l&&(j||C)&&n('Remove props "icon" if iconOn or iconOff exists.',"Switch");const S=t((e=>{if(x)return;const t={target:{checked:!E},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};N(!E),v&&v(t)}),[x,E,v]),{bindings:B}=s((e=>{S(e)}),[d.Enter,d.Space],{disableGlobalEvent:!0,preventDefault:q}),I=i((()=>{const e=D||j||C,t=Boolean(j),a=Boolean(C);return e?t&&E?j:a&&!E?C:e:null}),[E,D,j,C]);a((()=>{void 0!==r&&N(r)}),[r]);const P=i((()=>E?"checked":"unchecked"),[E]);return b(h,{animated:O,"data-state":P,disabled:x,...y,children:[f(u,{animated:O,bordered:g,checked:E,className:c(`${k}-input`),"data-state":P,disabled:x,tabIndex:-1,type:"checkbox",onChange:S}),f(m,{animated:O,"aria-checked":E,"aria-disabled":x,bordered:g,checked:E,className:c(k,`${k}--${P}`,{[`${k}-checked`]:E,[`${k}-disabled`]:x}),"data-state":P,disabled:x,role:"switch",shadow:$,squared:w,tabIndex:x?-1:0,...B,children:f(p,{className:`${k}-circle`,children:I})})]})};x.toString=()=>".nextui-switch";const v=e.memo(x);export default r(v,{disabled:!1,bordered:!1,shadow:!1,squared:!1,animated:!0,preventDefault:!0,initialChecked:!1});
+import e,{useCallback as t,useEffect as a,useMemo as i,useState as o}from"react";import r from"../utils/with-defaults";import{warn as n}from"../utils/console";import s,{KeyCode as d}from"../use-keyboard";import c from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{StyledSwitch as m,StyledSwitchContainer as h,StyledSwitchInput as u,StyledSwitchCircle as p}from"./switch.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as b}from"react/jsx-runtime";const k="nextui-switch",x=({initialChecked:e,checked:r,disabled:x,onChange:v,squared:w,bordered:g,shadow:$,icon:D,iconOn:j,iconOff:C,animated:O,preventDefault:q,name:y,...E})=>{const[N,S]=o(e);D&&l&&(j||C)&&n('Remove props "icon" if iconOn or iconOff exists.',"Switch");const B=t((e=>{if(x)return;const t={target:{checked:!N},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};S(!N),v&&v(t)}),[x,N,v]),{bindings:I}=s((e=>{B(e)}),[d.Enter,d.Space],{disableGlobalEvent:!0,preventDefault:q}),P=i((()=>{const e=D||j||C,t=Boolean(j),a=Boolean(C);return e?t&&N?j:a&&!N?C:e:null}),[N,D,j,C]);a((()=>{void 0!==r&&S(r)}),[r]);const G=i((()=>N?"checked":"unchecked"),[N]);return b(h,{animated:O,"data-state":G,disabled:x,...E,children:[f(u,{animated:O,bordered:g,checked:N,className:c(`${k}-input`),"data-state":G,disabled:x,tabIndex:-1,type:"checkbox",onChange:B,name:y}),f(m,{animated:O,"aria-checked":N,"aria-disabled":x,bordered:g,checked:N,className:c(k,`${k}--${G}`,{[`${k}-checked`]:N,[`${k}-disabled`]:x}),"data-state":G,disabled:x,role:"switch",shadow:$,squared:w,tabIndex:x?-1:0,...I,children:f(p,{className:`${k}-circle`,children:P})})]})};x.toString=()=>".nextui-switch";const v=e.memo(x);export default r(v,{disabled:!1,bordered:!1,shadow:!1,squared:!1,animated:!0,preventDefault:!0,initialChecked:!1});

package/esm/table/table-body.js

@@ -1 +1 @@
-import l,{useMemo as e}from"react";import{mergeProps as o}from"@react-aria/utils";import{Loading as t}from"../index";import r from"../utils/clsx";import{StyledBaseTableCell as i,StyledTableLoadingRow as n}from"./table.styles";import a from"./table-row-group";import s from"./table-row";import d from"./table-cell";import c from"./table-checkbox-cell";import{useTableContext as u}from"./table-context";import{isInfinityScroll as m}from"./utils";import{jsx as p}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const b=({children:l,collection:b,state:y,animated:g,color:x,hasPagination:f,hideLoading:v,...S})=>{var N,w,C,j,k,H;const{currentPage:P,rowsPerPage:B}=u(),E=e((()=>m(b)),[b.body.props]),L="loading"===(null==(N=b.body)||null==(w=N.props)?void 0:w.loadingState)||"loadingMore"===(null==(C=b.body)||null==(j=C.props)?void 0:j.loadingState),M=e((()=>{const l=[...b.body.childNodes];return f?null==l?void 0:l.slice((P-1)*B,P*B):l}),[f,b,P,B]),A=e((()=>{const l=M.length;return l>=B&&!E?null:p("tr",{"aria-hidden":"true",className:"nextui-table-hidden-row",role:"row",children:p(i,{"aria-hidden":"true",colSpan:b.columnCount,css:{height:"var(--nextui--tableBodyEmptySpaceHeight)"},style:o({"--nextui--tableBodyEmptySpaceHeight":E?"var(--nextui-space-10)":`calc(${B-l} * var(--nextui-space-14))`},(null==S?void 0:S.style)||{})})})}),[b.columnCount,M,B,E]);return h(a,{as:"tbody",className:r("nextui-table-body",S.className),css:{pb:"$10",position:"relative",...S.css,...null==(k=b.body)||null==(H=k.props)?void 0:H.css},isInfinityScroll:E,onScroll:l=>{if(!E)return;const e=l.target;var o,t;e.scrollHeight-(e.scrollTop+40)<=e.clientHeight&&!L&&(null==(o=b.body)||null==(t=o.props)||null==t.onLoadMore||t.onLoadMore())},...S,children:[l,null==M?void 0:M.map((l=>l.hasChildNodes?p(s,{"aria-hidden":"false",item:l,state:y,children:[...l.childNodes].map((l=>{var e;return null!=l&&null!=(e=l.props)&&e.isSelectionCell?p(c,{animated:g,cell:l,color:x,state:y},null==l?void 0:l.key):p(d,{cell:l,state:y},null==l?void 0:l.key)}))},null==l?void 0:l.key):null)),!v&&L&&p(n,{"aria-hidden":"true",className:"nextui-table-hidden-row",isAbsolute:!E,isAtEnd:M.length>0,role:"row",children:p(i,{"aria-hidden":"true",colSpan:b.columnCount,children:p(t,{color:x})})}),A]})};b.displayName="NextUI.TableBody",b.toString=()=>".nextui-table-body";export default b;
+import l,{useMemo as e}from"react";import{mergeProps as o}from"@react-aria/utils";import{Loading as t}from"../index";import r from"../utils/clsx";import{StyledBaseTableCell as i,StyledTableLoadingRow as n}from"./table.styles";import a from"./table-row-group";import s from"./table-row";import c from"./table-cell";import d from"./table-checkbox-cell";import{useTableContext as u}from"./table-context";import{isInfinityScroll as m}from"./utils";import{jsx as p}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const b=({children:b,collection:y,state:f,animated:g,color:x,hasPagination:v,hideLoading:S,isStatic:N,...w})=>{var C,j,k,E,H,P;const{currentPage:B,rowsPerPage:L,collection:M,setCollection:A}=u(),I=e((()=>m(y)),[y.body.props]);l.useEffect((()=>{y!==M&&(null==A||A(y))}),[y,M]);const T="loading"===(null==(C=y.body)||null==(j=C.props)?void 0:j.loadingState)||"loadingMore"===(null==(k=y.body)||null==(E=k.props)?void 0:E.loadingState),U=e((()=>{const l=[...y.body.childNodes];return v?null==l?void 0:l.slice((B-1)*L,B*L):l}),[v,y,B,L]),$=e((()=>{const l=U.length;return l>=L&&!I?null:p("tr",{"aria-hidden":"true",className:"nextui-table-hidden-row",role:"row",children:p(i,{"aria-hidden":"true",colSpan:y.columnCount,css:{height:"var(--nextui--tableBodyEmptySpaceHeight)"},style:o({"--nextui--tableBodyEmptySpaceHeight":I?"var(--nextui-space-10)":`calc(${L-l} * var(--nextui-space-15))`},(null==w?void 0:w.style)||{})})})}),[y.columnCount,U,L,I]);return h(a,{as:"tbody",className:r("nextui-table-body",w.className),css:{position:"relative",...w.css,...null==(H=y.body)||null==(P=H.props)?void 0:P.css},isInfinityScroll:I,onScroll:l=>{if(!I)return;const e=l.target;var o,t;e.scrollHeight-(e.scrollTop+40)<=e.clientHeight&&!T&&(null==(o=y.body)||null==(t=o.props)||null==t.onLoadMore||t.onLoadMore())},...w,children:[b,null==U?void 0:U.map((l=>l.hasChildNodes?p(s,{"aria-hidden":"false",item:l,state:f,children:[...l.childNodes].map((l=>{var e;return null!=l&&null!=(e=l.props)&&e.isSelectionCell?p(d,{animated:g,cell:l,color:x,state:f},null==l?void 0:l.key):p(c,{cell:l,isStatic:N,state:f},null==l?void 0:l.key)}))},null==l?void 0:l.key):null)),!S&&T&&p(n,{"aria-hidden":"true",className:"nextui-table-hidden-row",isAbsolute:!I,isAtEnd:U.length>0,role:"row",children:p(i,{"aria-hidden":"true",colSpan:y.columnCount,children:p(t,{color:x})})}),$]})};b.displayName="NextUI.TableBody",b.toString=()=>".nextui-table-body";export default b;

package/esm/table/table-cell.js

@@ -1 +1 @@
-import r,{useRef as e,useImperativeHandle as t}from"react";import{useTableCell as s}from"@react-aria/table";import{useFocusRing as l}from"@react-aria/focus";import{mergeProps as o}from"@react-aria/utils";import a from"../utils/clsx";import{StyledTableCell as i}from"./table.styles";import{jsx as c}from"react/jsx-runtime";const m=r.forwardRef((({cell:r,state:m,...n},u)=>{const f=e(null);t(u,(()=>null==f?void 0:f.current));const{gridCellProps:p}=s({node:r},m,f),{isFocusVisible:d,focusProps:b}=l();return c(i,{ref:f,className:a("nextui-table-cell",n.className),css:r.props.css,isFocusVisible:d,...o(p,b,n),children:r.rendered})}));m.displayName="NextUI.TableCell",m.toString=()=>".nextui-table-cell";export default m;
+import t from"react";import{useTableCell as o}from"@react-aria/table";import{useFocusRing as r}from"@react-aria/focus";import{mergeProps as e}from"@react-aria/utils";import s from"../utils/clsx";import{useDOMRef as i}from"../utils/dom";import{StyledTableCell as a}from"./table.styles";import{jsx as l}from"react/jsx-runtime";const c=t.forwardRef((({cell:t,state:c,isStatic:m,...p},n)=>{const f=i(n),{gridCellProps:u}=o({node:t},c,f),{isFocusVisible:d,focusProps:b}=r(),x=m?{...u,onMouseDown:t=>t.stopPropagation(),onPointerDown:t=>t.stopPropagation()}:u;return l(a,{ref:f,className:s("nextui-table-cell",p.className),css:t.props.css,isFocusVisible:d,isStatic:m,...e(x,b,p),children:t.rendered})}));c.displayName="NextUI.TableCell",c.toString=()=>".nextui-table-cell";export default c;

package/esm/table/table.js

@@ -1 +1 @@
-import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as r}from"@react-aria/table";import{useTableState as i}from"@react-stately/table";import{Spacer as l}from"../index";import{pickSingleChild as a}from"../utils/collections";import n from"../utils/with-defaults";import s from"../utils/clsx";import c from"./table-row-group";import m from"./table-column-header";import d from"./table-header-row";import h from"./table-select-all-checkbox";import u from"./table-pagination";import p from"./table-footer";import b from"./table-body";import{StyledTable as f,StyledTableContainer as x}from"./table.styles";import g from"./table-context";import{isInfinityScroll as w,hasPaginationChild as v}from"./utils";import{jsx as y}from"react/jsx-runtime";import{jsxs as P}from"react/jsx-runtime";const k=e.forwardRef(((n,k)=>{const{css:N,selectionMode:C,selectionBehavior:S,hideLoading:j,children:M,shadow:L,color:B,animated:I,borderWeight:R,bordered:W,hoverable:F,sticked:T,containerCss:U,className:V}=n,[q,z]=a(M,u),{hasPagination:A,rowsPerPage:D}=v(M,u),E=i({...n,children:q,showSelectionCheckboxes:void 0!==n.showSelectionCheckboxes?n.showSelectionCheckboxes:"multiple"===C&&"replace"!==S}),G=t(null);o(k,(()=>null==G?void 0:G.current));const{collection:H}=E,{gridProps:J}=r(n,E,G),K=e.useMemo((()=>({collection:H,color:B,animated:I,rowsPerPage:D})),[H,I,B,D]);return y(g.Provider,{defaultValues:K,children:y(x,{borderWeight:R,bordered:W,className:"nextui-table-container",css:{...U},shadow:L,children:P(f,{ref:G,animated:I,className:s("nextui-table",V),color:B,css:N,hasPagination:A,hoverable:"none"!==C||F,isMultiple:"multiple"===C,shadow:L,...J,children:[P(c,{as:"thead",isFixed:w(H),children:[H.headerRows.map((e=>y(d,{item:e,state:E,children:[...e.childNodes].map((e=>{var o;return null!=e&&null!=(o=e.props)&&o.isSelectionCell?y(h,{animated:I,color:B,column:e,state:E},null==e?void 0:e.key):y(m,{animated:I,column:e,state:E},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!T&&y(l,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),y(b,{animated:I,collection:H,color:B,hasPagination:A,hideLoading:j,state:E}),A&&P(p,{children:[y(l,{as:"tr",className:"nextui-table-hidden-row",y:.6}),y("tr",{role:"row",children:y("th",{colSpan:H.columnCount,role:"columnheader",tabIndex:-1,children:z})})]})]})})})}));k.displayName="NextUI.Table",k.toString=()=>".nextui-table";export default n(k,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});
+import e,{useMemo as o}from"react";import{useTable as t}from"@react-aria/table";import{useTableState as r}from"@react-stately/table";import{mergeProps as i}from"@react-aria/utils";import{Spacer as a}from"../index";import{pickSingleChild as l}from"../utils/collections";import n from"../utils/with-defaults";import s from"../utils/clsx";import{useDOMRef as m}from"../utils/dom";import c from"./table-row-group";import d from"./table-column-header";import h from"./table-header-row";import p from"./table-select-all-checkbox";import u from"./table-pagination";import b from"./table-footer";import f from"./table-body";import{StyledTable as x,StyledTableContainer as g}from"./table.styles";import w from"./table-context";import{isInfinityScroll as v,hasPaginationChild as y}from"./utils";import{jsx as P}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const N=e.forwardRef(((n,N)=>{const{css:S,selectionMode:C,selectionBehavior:j,hideLoading:M,children:L,shadow:B,color:I,animated:R,borderWeight:W,bordered:F,hoverable:T,sticked:U,containerCss:V,className:q,...z}=n,[A,D]=l(L,u),{hasPagination:E,rowsPerPage:G}=y(L,u),H=r({...n,children:A,showSelectionCheckboxes:void 0!==n.showSelectionCheckboxes?n.showSelectionCheckboxes:"multiple"===C&&"replace"!==j}),J=m(N),{collection:K}=H,{gridProps:O}=t(n,H,J),Q=e.useMemo((()=>({collection:K,color:I,animated:R,rowsPerPage:G})),[K,R,I,G]),X=o((()=>!("none"===C&&!T)),[C,T]);return P(w.Provider,{defaultValues:Q,children:P(g,{borderWeight:W,bordered:F,className:"nextui-table-container",css:V,shadow:B,children:k(x,{ref:J,animated:R,className:s("nextui-table",q),color:I,css:S,hasPagination:E,hoverable:X,isMultiple:"multiple"===C,shadow:B,...i(O,z),children:[k(c,{as:"thead",isFixed:v(K),children:[K.headerRows.map((e=>P(h,{item:e,state:H,children:[...e.childNodes].map((e=>{var o;return null!=e&&null!=(o=e.props)&&o.isSelectionCell?P(p,{animated:R,color:I,column:e,state:H},null==e?void 0:e.key):P(d,{animated:R,column:e,state:H},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!U&&P(a,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),P(f,{animated:R,collection:K,color:I,hasPagination:E,hideLoading:M,isStatic:!X,state:H}),E&&k(b,{children:[P(a,{as:"tr",className:"nextui-table-hidden-row",y:.6}),P("tr",{role:"row",children:P("th",{colSpan:K.columnCount,role:"columnheader",tabIndex:-1,children:D})})]})]})})})}));N.displayName="NextUI.Table",N.toString=()=>".nextui-table";export default n(N,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});

package/esm/table/table.styles.js

@@ -1 +1 @@
-import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as t}from"../theme/shared-css";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents0",color:"$accents7",fontSize:"$xs",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",btlr:"$md",bblr:"$md"},"&:last-child":{pr:"$8",btrr:"$md",bbrr:"$md"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents8",bg:"$accents1"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},t);export const StyledTableHeaderCell=e(StyledTableColumnHeader,t);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0,transform:"translateZ(0)",backfaceVisibility:"hidden"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},t);export const StyledTableRow=e("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},t);export const StyledTableRowGroup=e("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${StyledTableRow}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});export const StyledTableLoadingRow=e("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});export const StyledTable=e("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${StyledTableCell}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${StyledTableCell}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primaryLightContrast"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondaryLightContrast"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$successLightContrast"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warningLightContrast"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$errorLightContrast"}},striped:{true:{[`& ${StyledTableRow}[aria-selected=false]:nth-child(even)`]:{[`& ${StyledTableCell}`]:{bg:"$accents0"}},[`& ${StyledTableRow}:nth-child(even)`]:{[`& ${StyledTableCell}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${StyledTableCell}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${StyledTableColumnHeader}:first-child`]:{br:"$lg 0 0 0"},[`& ${StyledTableColumnHeader}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${StyledTableColumnHeader}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents1"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${StyledTableRow}:not(:last-child)`]:{position:"relative",[`& ${StyledTableCell}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${StyledTableCell}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${StyledTableCell}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${StyledTableRow}[aria-selected=true]:not(last-child)`]:{[`& ${StyledTableCell}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md $md 0"},[`& ${StyledTableRow}`]:{cursor:"pointer"},[`& ${StyledTableRow}[aria-selected=false]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${StyledTableRow}[aria-selected=true]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:.8}}}},false:{[`& ${StyledTableCell}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${StyledTableCell}`]:{py:"$1"},[`& ${StyledTableColumnHeader}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:not(:first-child):not(:last-child)`]:{[`& ${StyledTableCell}:first-child`]:{br:0},[`& ${StyledTableCell}:last-child`]:{br:0}},[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 0"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md 0 0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${StyledTableRow}:not(:last-child)`]:{[`& ${StyledTableCell}`]:{br:"0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${StyledTableRow}`]:{[`& ${StyledTableCell}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});export const StyledTableContainer=e("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});
+import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as t}from"../theme/shared-css";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents0",color:"$accents7",fontSize:"$xs",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",btlr:"$md",bblr:"$md"},"&:last-child":{pr:"$8",btrr:"$md",bbrr:"$md"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents8",bg:"$accents1"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},t);export const StyledTableHeaderCell=e(StyledTableColumnHeader,t);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",cursor:"default",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0,transform:"translateZ(0)",backfaceVisibility:"hidden"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},isStatic:{true:{cursor:"text",userSelect:"text"}}}},t);export const StyledTableRow=e("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},t);export const StyledTableRowGroup=e("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",pb:"$10",[`& ${StyledTableRow}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});export const StyledTableLoadingRow=e("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});export const StyledTable=e("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${StyledTableCell}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${StyledTableCell}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primaryLightContrast"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondaryLightContrast"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$successLightContrast"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warningLightContrast"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$errorLightContrast"}},striped:{true:{[`& ${StyledTableRow}[aria-selected=false]:nth-child(even)`]:{[`& ${StyledTableCell}`]:{bg:"$accents0"}},[`& ${StyledTableRow}:nth-child(even)`]:{[`& ${StyledTableCell}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${StyledTableCell}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${StyledTableColumnHeader}:first-child`]:{br:"$lg 0 0 0"},[`& ${StyledTableColumnHeader}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${StyledTableColumnHeader}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents1"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${StyledTableRow}:not(:last-child)`]:{position:"relative",[`& ${StyledTableCell}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${StyledTableCell}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${StyledTableCell}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${StyledTableRow}[aria-selected=true]:not(last-child)`]:{[`& ${StyledTableCell}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md $md 0"},[`& ${StyledTableRow}`]:{cursor:"pointer"},[`& ${StyledTableRow}[aria-selected=false]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${StyledTableRow}[aria-selected=true]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:.8}}}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${StyledTableCell}`]:{py:"$1"},[`& ${StyledTableColumnHeader}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:not(:first-child):not(:last-child)`]:{[`& ${StyledTableCell}:first-child`]:{br:0},[`& ${StyledTableCell}:last-child`]:{br:0}},[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 0"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md 0 0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${StyledTableRow}:not(:last-child)`]:{[`& ${StyledTableCell}`]:{br:"0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${StyledTableRow}`]:{[`& ${StyledTableCell}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});export const StyledTableContainer=e("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});

package/esm/textarea/textarea.js

@@ -1 +1 @@
-import e,{useRef as t,useImperativeHandle as r,useLayoutEffect as s}from"react";import o from"../utils/with-defaults";import i from"../input";import n from"../use-resize";import{warn as a}from"../utils/console";import{excludedInputPropsForTextarea as m}from"../utils/prop-types";import{__DEV__ as u}from"../utils/assertion";import{calculateNodeHeight as c,getSizingData as l}from"./utils";import{jsx as p}from"react/jsx-runtime";const f=e.forwardRef(((o,f)=>{const x=t(null),h=e.useRef(0),d=e.useRef(),{cacheMeasurements:g,rows:y,maxRows:w,minRows:R,onChange:H,onHeightChange:j,css:v,...C}=o;Object.keys(C).forEach((e=>{m.indexOf(e)>-1&&delete C[e]}));const P=void 0!==C.value;u&&C.style&&("maxHeight"in C.style&&a("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in C.style&&a("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),r(f,(()=>x.current));const T=()=>{const e=x.current,t=g&&d.current?d.current:l(e);if(!t)return;d.current=t;const[r,s]=c(t,e.value||e.placeholder||"x",y||R,y||w);h.current!==r&&(h.current=r,e.style.setProperty("height",`${r}px`,"important"),j&&j(r,{rowHeight:s}))};return"undefined"!=typeof document&&(s(T),n(T)),p(i,{ref:x,as:"textarea",css:{...v},onChange:e=>{P||T(),H&&H(e)},...C})}));u&&(f.displayName="NextUI.Textarea"),f.toString=()=>".nextui-textarea";export default o(f,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});
+import e,{useRef as t,useImperativeHandle as r,useLayoutEffect as s}from"react";import o from"../utils/with-defaults";import i from"../input";import n from"../use-resize";import{warn as a}from"../utils/console";import{excludedInputPropsForTextarea as m}from"../utils/prop-types";import{__DEV__ as u}from"../utils/assertion";import{calculateNodeHeight as c,getSizingData as l}from"./utils";import{jsx as p}from"react/jsx-runtime";const f=e.forwardRef(((o,f)=>{const x=t(null),h=e.useRef(0),d=e.useRef(),{cacheMeasurements:g,rows:y,maxRows:w,minRows:R,onChange:H,onHeightChange:j,css:v,...C}=o;Object.keys(C).forEach((e=>{m.indexOf(e)>-1&&delete C[e]}));const P=void 0!==C.value;u&&C.style&&("maxHeight"in C.style&&a("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in C.style&&a("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),r(f,(()=>x.current));const T=()=>{const e=x.current,t=g&&d.current?d.current:l(e);if(!t)return;d.current=t;const[r,s]=c(t,e.value||e.placeholder||"x",y||R,y||w);h.current!==r&&(h.current=r,e.style.setProperty("height",`${r}px`,"important"),j&&j(r,{rowHeight:s}))};return"undefined"!=typeof document&&(s(T),n(T)),p(i,{ref:x,as:"textarea",css:v,onChange:e=>{P||T(),H&&H(e)},...C})}));u&&(f.displayName="NextUI.Textarea"),f.toString=()=>".nextui-textarea";export default o(f,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});

package/esm/theme/dark-theme.js

@@ -1 +1 @@
-import{blueDark as r,greenDark as e,purpleDark as p,yellowDark as o,redDark as g,cyanDark as a,pinkDark as t,grayDark as d}from"./colors";export default{colors:{background:"$black",backgroundAlpha:"rgba(0, 0, 0, 0.6)",foreground:"$white",backgroundContrast:"$accents0",...r,...p,...e,...o,...g,...a,...t,...d,primaryLight:"$blue50",primaryLightHover:"$blue100",primaryLightActive:"$blue200",primaryLightContrast:"$blue600",secondaryLight:"$purple50",secondaryLightHover:"$purple100",secondaryLightActive:"$purple200",secondaryLightContrast:"$purple800",secondary:"$purple700",secondaryBorder:"$purple500",secondaryBorderHover:"$purple600",secondarySolidHover:"$purple700",secondaryShadow:"$purple500",successLight:"$green50",successLightHover:"$green100",successLightActive:"$green200",warningLight:"$yellow50",warningLightHover:"$yellow100",warningLightActive:"$yellow200",errorLight:"$red50",errorLightHover:"$red100",errorLightActive:"$red200",errorLightContrast:"$red700",neutralLight:"$gray200",neutralLightHover:"$gray300",neutralLightActive:"$gray400",neutralSolidContrast:"$white",text:"$gray900",link:"$blue700",codeLight:"$cyan50",code:"$cyan600",selection:"$pink800",border:"rgba(255, 255, 255, 0.15)"},shadows:{xs:"0 2px 8px 1px rgb(0 0 0 / 0.07), 0 1px 1px -1px rgb(0 0 0 / 0.04)",sm:"0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)",md:"0 12px 20px 6px rgb(0 0 0 / 0.08)",lg:"0 12px 34px 6px rgb(0 0 0 / 0.18)",xl:"0 25px 65px 0px rgb(0 0 0 / 0.35)"},dropShadows:{xs:"drop-shadow(0 2px 4px rgb(0 0 0 / 0.07)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.04))",sm:"drop-shadow(0 2px 8px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.04))",md:"drop-shadow(0 4px 12px rgb(0 0 0 / 0.08)) drop-shadow(0 20px 8px rgb(0 0 0 / 0.04))",lg:"drop-shadow(0 12px 24px rgb(0 0 0 / 0.15)) drop-shadow(0 12px 14px rgb(0 0 0 / 0.1))",xl:"drop-shadow(0 25px 34px rgb(0 0 0 / 0.35))"}};
+import{addColorAlpha as r}from"../utils/color";import{blueDark as e,greenDark as p,purpleDark as o,yellowDark as g,redDark as t,cyanDark as a,pinkDark as d,grayDark as i}from"./colors";export default{colors:{background:"$black",backgroundAlpha:"rgba(0, 0, 0, 0.6)",foreground:"$white",backgroundContrast:"$accents0",...e,...o,...p,...g,...t,...a,...d,...i,primaryLight:"$blue50",primaryLightHover:"$blue100",primaryLightActive:"$blue200",primaryLightContrast:"$blue600",secondaryLight:"$purple50",secondaryLightHover:"$purple100",secondaryLightActive:"$purple200",secondaryLightContrast:"$purple800",secondary:"$purple700",secondaryBorder:"$purple500",secondaryBorderHover:"$purple600",secondarySolidHover:"$purple700",secondaryShadow:"$purple500",successLight:"$green50",successLightHover:"$green100",successLightActive:"$green200",warningLight:"$yellow50",warningLightHover:"$yellow100",warningLightActive:"$yellow200",errorLight:"$red50",errorLightHover:"$red100",errorLightActive:"$red200",errorLightContrast:"$red700",neutralLight:"$gray200",neutralLightHover:"$gray300",neutralLightActive:"$gray400",neutralSolidContrast:"$white",textLight:r(i.gray900,.2),text:"$gray900",linkLight:r(e.blue600,.2),link:"$blue700",codeLight:"$cyan50",code:"$cyan600",selection:"$pink800",border:"rgba(255, 255, 255, 0.15)"},shadows:{xs:"0 2px 8px 1px rgb(0 0 0 / 0.07), 0 1px 1px -1px rgb(0 0 0 / 0.04)",sm:"0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)",md:"0 12px 20px 6px rgb(0 0 0 / 0.08)",lg:"0 12px 34px 6px rgb(0 0 0 / 0.18)",xl:"0 25px 65px 0px rgb(0 0 0 / 0.35)"},dropShadows:{xs:"drop-shadow(0 2px 4px rgb(0 0 0 / 0.07)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.04))",sm:"drop-shadow(0 2px 8px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 4px rgb(0 0 0 / 0.04))",md:"drop-shadow(0 4px 12px rgb(0 0 0 / 0.08)) drop-shadow(0 20px 8px rgb(0 0 0 / 0.04))",lg:"drop-shadow(0 12px 24px rgb(0 0 0 / 0.15)) drop-shadow(0 12px 14px rgb(0 0 0 / 0.1))",xl:"drop-shadow(0 25px 34px rgb(0 0 0 / 0.35))"}};

package/esm/theme/light-theme.js

@@ -1 +1 @@
-import{blue as p,purple as x,green as r,yellow as o,red as d,cyan as g,pink as b,gray as a}from"./colors";export default{colors:{background:"$white",backgroundAlpha:"rgba(255, 255, 255, 0.8)",foreground:"$black",backgroundContrast:"$white",...p,...x,...r,...o,...d,...g,...b,...a,text:"$gray900",link:"$blue600",codeLight:"$pink100",code:"$pink600",selection:"$blue200",border:"rgba(0, 0, 0, 0.15)"},shadows:{xs:"0 2px 8px 1px rgb(104 112 118 / 0.07), 0 1px 1px -1px rgb(104 112 118 / 0.04)",sm:"0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)",md:"0 12px 20px 6px rgb(104 112 118 / 0.08)",lg:"0 12px 34px 6px rgb(104 112 118 / 0.18)",xl:"0 25px 65px 0px rgb(104 112 118 / 0.35)"},dropShadows:{xs:"drop-shadow(0 2px 4px rgb(104 112 118 / 0.07)) drop-shadow(0 1px 1px rgb(104 112 118 / 0.04))",sm:"drop-shadow(0 2px 8px rgb(104 112 118 / 0.07)) drop-shadow(0 2px 4px rgb(104 112 118 / 0.04))",md:"drop-shadow(0 4px 12px rgb(104 112 118 / 0.08)) drop-shadow(0 20px 8px rgb(104 112 118 / 0.04))",lg:"drop-shadow(0 12px 24px rgb(104 112 118 / 0.15)) drop-shadow(0 12px 14px rgb(104 112 118 / 0.1))",xl:"drop-shadow(0 25px 34px rgb(104 112 118 / 0.35))"}};
+import{addColorAlpha as p}from"../utils/color";import{blue as r,purple as x,green as o,yellow as d,red as g,cyan as b,pink as a,gray as s}from"./colors";export default{colors:{background:"$white",backgroundAlpha:"rgba(255, 255, 255, 0.8)",foreground:"$black",backgroundContrast:"$white",...r,...x,...o,...d,...g,...b,...a,...s,textLight:p(s.gray900,.2),text:"$gray900",linkLight:p(r.blue600,.2),link:"$blue600",codeLight:"$pink100",code:"$pink600",selection:"$blue200",border:"rgba(0, 0, 0, 0.15)"},shadows:{xs:"0 2px 8px 1px rgb(104 112 118 / 0.07), 0 1px 1px -1px rgb(104 112 118 / 0.04)",sm:"0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)",md:"0 12px 20px 6px rgb(104 112 118 / 0.08)",lg:"0 12px 34px 6px rgb(104 112 118 / 0.18)",xl:"0 25px 65px 0px rgb(104 112 118 / 0.35)"},dropShadows:{xs:"drop-shadow(0 2px 4px rgb(104 112 118 / 0.07)) drop-shadow(0 1px 1px rgb(104 112 118 / 0.04))",sm:"drop-shadow(0 2px 8px rgb(104 112 118 / 0.07)) drop-shadow(0 2px 4px rgb(104 112 118 / 0.04))",md:"drop-shadow(0 4px 12px rgb(104 112 118 / 0.08)) drop-shadow(0 20px 8px rgb(104 112 118 / 0.04))",lg:"drop-shadow(0 12px 24px rgb(104 112 118 / 0.15)) drop-shadow(0 12px 14px rgb(104 112 118 / 0.1))",xl:"drop-shadow(0 25px 34px rgb(104 112 118 / 0.35))"}};

package/esm/theme/shared-css.js

@@ -1 +1 @@
-import{css as o}from"./stitches.config";export const sharedFocus=o({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=o({variants:{isFocusVisible:{true:{outline:"transparent solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const cssNoBlurriness=o({transform:"translateZ(0)",backfaceVisibility:"hidden"});export const sharedVisuallyHidden=o({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const cssHideIn=o({variants:{hideIn:{xs:{"@xsMax":{display:"none"}},sm:{"@smMax":{display:"none"}},md:{"@mdMax":{display:"none"}},lg:{"@lgMax":{display:"none"}},xl:{"@xlMax":{display:"none"}}}}});export const cssShowIn=o({variants:{showIn:{xs:{"@xs":{display:"none"}},sm:{"@sm":{display:"none"}},md:{"@md":{display:"none"}},lg:{"@lg":{display:"none"}},xl:{"@xl":{display:"none"}}}}});export const cssHideShowIn=o(cssHideIn,cssShowIn);
+import{css as o}from"./stitches.config";export const sharedFocus=o({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=o({outline:"none",variants:{isFocusVisible:{true:{boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{}}}});export const cssNoBlurriness=o({transform:"translateZ(0)",backfaceVisibility:"hidden"});export const sharedVisuallyHidden=o({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const cssHideIn=o({variants:{hideIn:{xs:{"@xsMax":{display:"none"}},sm:{"@smMax":{display:"none"}},md:{"@mdMax":{display:"none"}},lg:{"@lgMax":{display:"none"}},xl:{"@xlMax":{display:"none"}}}}});export const cssShowIn=o({variants:{showIn:{xs:{"@xs":{display:"none"}},sm:{"@sm":{display:"none"}},md:{"@md":{display:"none"}},lg:{"@lg":{display:"none"}},xl:{"@xl":{display:"none"}}}}});export const cssHideShowIn=o(cssHideIn,cssShowIn);

package/esm/theme/utils.js

@@ -1 +1 @@
-import e from"../utils/clsx";import{rgbToRgba as t,hexToRGBA as l}from"../utils/color";import o from"./common";import r from"./light-theme";export const getTokenValue=(e,r,n=1)=>{if("undefined"==typeof document||!e)return"";let s=getComputedStyle(document.documentElement);const c=`--${o.prefix}-${e}-${r}`,u=s.getPropertyValue(c);if(u&&u.includes("var")&&getTokenValue(e,u),u&&1!==n){if(u.includes("rgb"))return t(u,n);if(u.includes("#"))return l(u,n)}return u};export const getDocumentCSSTokens=()=>{const e=[...Object.keys(o.theme.colors),...Object.keys(r.colors)],t=Object.keys(r.shadows);return{colors:e.reduce(((e,t)=>{const l=getTokenValue("colors",t);return l&&(e[t]={prefix:o.prefix,scale:"colors",token:t,value:l}),e}),{}),shadows:t.reduce(((e,t)=>{const l=getTokenValue("shadows",t);return l&&(e[t]={prefix:o.prefix,scale:"shadows",token:t,value:l}),e}),{})}};export const getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],o=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||o};export const getThemeName=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;export const changeTheme=t=>{var l,o;if(!document)return;const r=document.documentElement,n=(null==r||null==(l=r.getAttribute("class"))?void 0:l.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],s=(null==r||null==(o=r.getAttribute("style"))?void 0:o.split(";").filter((e=>!e.includes("color-scheme")&&e.length)).map((e=>`${e};`)))||[];null==r||r.setAttribute("class",e(n,`${getThemeName(t)}-theme`)),null==r||r.setAttribute("style",e(s,`color-scheme: ${t};`))};
+import e from"../utils/clsx";import{rgbToRgba as t,hexToRGBA as l}from"../utils/color";import o from"./common";import r from"./light-theme";export const getTokenValue=(e,r,n=1)=>{if("undefined"==typeof document||!e)return"";let s=getComputedStyle(document.documentElement);const c=`--${o.prefix}-${e}-${r}`,u=s.getPropertyValue(c);if(u&&u.includes("var")&&getTokenValue(e,u),u&&1!==n){if(u.includes("rgb"))return t(u,n);if(u.includes("#"))return l(u,n)}return u};export const getDocumentCSSTokens=()=>{const e=[...Object.keys(o.theme.colors),...Object.keys(r.colors)],t=Object.keys(r.shadows);return{colors:e.reduce(((e,t)=>{const l=getTokenValue("colors",t);return l&&(e[t]={prefix:o.prefix,scale:"colors",token:t,value:l}),e}),{}),shadows:t.reduce(((e,t)=>{const l=getTokenValue("shadows",t);return l&&(e[t]={prefix:o.prefix,scale:"shadows",token:t,value:l}),e}),{})}};export const getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],o=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||o};export const getThemeName=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;export const changeTheme=t=>{var l,o;if(!document)return;const r=document.documentElement,n=(null==r||null==(l=r.getAttribute("class"))?void 0:l.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],s=(null==r||null==(o=r.getAttribute("style"))?void 0:o.split(";").filter((e=>!e.includes("color-scheme")&&e.length)).map((e=>`${e};`)))||[],c=getThemeName(t);null==r||r.setAttribute("class",e(n,`${c}-theme`)),null==r||r.setAttribute("style",e(s,`color-scheme: ${c};`))};

package/esm/tooltip/tooltip.js

@@ -1 +1 @@
-import e,{useEffect as o,useRef as t,useState as r}from"react";import i from"../utils/with-defaults";import n from"../use-click-away";import l from"./tooltip-content";import{StyledTooltipTrigger as s}from"./tooltip.styles";import{jsx as a}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";const m=({children:e,initialVisible:i,content:m,offset:u,placement:d,portalClassName:p,enterDelay:f,leaveDelay:h,trigger:w,rounded:b,animated:g,shadow:v,className:C,color:x,contentColor:k,onVisibleChange:y,hideArrow:N,css:j,triggerCss:D,onClick:M,keepMounted:V,visible:A,...T})=>{const B=t(),E=t(null),[F,I]=r(i),K={animated:g,visible:F,css:j,shadow:v,offset:u,placement:d,rounded:b,color:x,contentColor:k,hideArrow:N,parent:E,className:p},L=e=>{const o=()=>{clearTimeout(B.current),B.current=void 0},t=e=>{I(e),y(e),o()};o(),B.current=e?window.setTimeout((()=>t(!0)),f):window.setTimeout((()=>t(!1)),h)},S=e=>{"hover"===w&&L(e)};return n(E,(()=>"click"===w&&!V&&L(!1))),o((()=>{void 0!==A&&L(A)}),[A]),c(s,{ref:E,className:`nextui-tooltip-button ${C}`,css:{...D},role:"button",tabIndex:-1,onBlur:()=>S(!1),onClick:()=>{"click"===w&&L(!F),null==M||M()},onFocus:()=>S(!0),onKeyUp:()=>S(!0),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!1),...T,children:[e,m&&a(l,{...K,children:m})]})};m.toString=()=>".nextui-tooltip";export default i(m,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});
+import e,{useEffect as o,useRef as t,useState as i}from"react";import r from"../utils/with-defaults";import n from"../use-click-away";import l from"./tooltip-content";import{StyledTooltipTrigger as s}from"./tooltip.styles";import{jsx as a}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";const m=({children:e,initialVisible:r,content:m,offset:d,placement:u,portalClassName:p,enterDelay:f,leaveDelay:h,trigger:w,rounded:b,animated:g,shadow:v,className:C,color:x,contentColor:k,onVisibleChange:y,hideArrow:D,css:N,triggerCss:j,onClick:M,keepMounted:V,visible:A,isDisabled:T,...B})=>{const E=t(),F=t(null),[I,K]=i(r),L={animated:g,visible:I,css:N,shadow:v,offset:d,placement:u,rounded:b,color:x,contentColor:k,hideArrow:D,parent:F,className:p},S=e=>{const o=()=>{clearTimeout(E.current),E.current=void 0},t=e=>{K(e),y(e),o()};o(),E.current=e?window.setTimeout((()=>t(!0)),f):window.setTimeout((()=>t(!1)),h)},U=e=>{"hover"===w&&S(e)};return n(F,(()=>"click"===w&&!V&&S(!1))),o((()=>{void 0!==A&&S(A)}),[A]),c(s,{ref:F,className:`nextui-tooltip-button ${C}`,css:j,role:"button",tabIndex:-1,onBlur:()=>U(!1),onClick:()=>{"click"===w&&S(!I),null==M||M()},onFocus:()=>U(!0),onKeyUp:()=>U(!0),onMouseEnter:()=>U(!0),onMouseLeave:()=>U(!1),...B,children:[e,m&&!T?a(l,{...L,children:m}):null]})};m.toString=()=>".nextui-tooltip";export default r(m,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,isDisabled:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});

package/esm/use-pagination/index.js

@@ -1 +1 @@
-import{useMemo as t,useCallback as r,useState as e,useEffect as n}from"react";import{range as i}from"../utils/numbers";export const DOTS="dots";export default({page:o,total:a,siblings:s=1,boundaries:u=1,initialPage:c=1,onChange:f})=>{const[m,g]=e(o||c),l=t=>{g(t),f&&f(t)};n((()=>{o&&o!==m&&g(o)}),[o]);const p=r((t=>{l(t<=0?1:t>a?a:t)}),[a]);return{range:t((()=>{if(2*s+3+2*u>=a)return i(1,a);const t=Math.max(m-s,u),r=Math.min(m+s,a-u),e=t>u+2,n=r<a-(u+1);if(!e&&n){return[...i(1,2*s+u+2),DOTS,...i(a-(u-1),a)]}if(e&&!n){const t=u+1+2*s;return[...i(1,u),DOTS,...i(a-t,a)]}return[...i(1,u),DOTS,...i(t,r),DOTS,...i(a-u+1,a)]}),[a,s,m]),active:m,setPage:p,next:()=>p(m+1),previous:()=>p(m-1),first:()=>p(1),last:()=>p(a)}};
+import{useMemo as t,useCallback as r,useState as e,useEffect as n}from"react";import{range as i}from"../utils/numbers";export const DOTS="dots";export default({page:o,total:a,siblings:s=1,boundaries:u=1,initialPage:l=1,onChange:c})=>{const[f,m]=e(o||l);n((()=>{o&&o!==f&&m(o)}),[o]);const g=r((t=>{m(t),null==c||c(t)}),[m,c]),p=r((t=>{g(t<=0?1:t>a?a:t)}),[g,a]);return{range:t((()=>{if(2*s+3+2*u>=a)return i(1,a);const t=Math.max(f-s,u),r=Math.min(f+s,a-u),e=t>u+2,n=r<a-(u+1);if(!e&&n){return[...i(1,2*s+u+2),DOTS,...i(a-(u-1),a)]}if(e&&!n){const t=u+1+2*s;return[...i(1,u),DOTS,...i(a-t,a)]}return[...i(1,u),DOTS,...i(t,r),DOTS,...i(a-u+1,a)]}),[a,s,f]),active:f,setPage:p,next:()=>p(f+1),previous:()=>p(f-1),first:()=>p(1),last:()=>p(a)}};

package/esm/user/user.js

@@ -1 +1 @@
-import{useFocusRing as r}from"@react-aria/focus";import e from"react";import{mergeProps as s}from"@react-aria/utils";import{Avatar as o}from"../index";import{useDOMRef as t}from"../utils/dom";import{__DEV__ as i}from"../utils/assertion";import{StyledUser as a,StyledUserInfo as n,StyledUserName as c,StyledUserDesc as m}from"./user.styles";import{jsx as u}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";export const User=e.forwardRef(((e,i)=>{const{as:l,css:p,src:x,text:f,name:b,children:N,altText:U,color:h,squared:j,bordered:z,size:g,description:q,zoomed:y,pointer:F,...R}=e,V=t(i),{isFocusVisible:k,focusProps:v}=r();return d(a,{ref:V,as:l,...s(R,v),css:s("button"===l?{borderRadius:"$xs",background:"none",appearance:"none",p:0,m:0,outline:"none",border:"none",cursor:"pointer"}:{},p),isFocusVisible:k,children:[u(o,{alt:U,bordered:z,className:"nextui-user-avatar",color:h,pointer:F,size:g,squared:j,src:x,text:f,zoomed:y}),d(n,{className:"nextui-user-info",children:[u(c,{className:"nextui-user-name",children:b}),u(m,{className:"nextui-user-desc",children:q||N})]})]})}));i&&(User.displayName="NextUI.User"),User.toString=()=>".nextui-user";export default User;
+import{useFocusRing as r}from"@react-aria/focus";import e,{useMemo as s}from"react";import{mergeProps as o}from"@react-aria/utils";import{Avatar as t}from"../index";import{useDOMRef as i}from"../utils/dom";import{__DEV__ as a}from"../utils/assertion";import{StyledUser as n,StyledUserInfo as c,StyledUserName as m,StyledUserDesc as u}from"./user.styles";import{jsx as d}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";export const User=e.forwardRef(((e,a)=>{const{as:p,css:f,src:x,text:b,name:N,children:U,altText:h,color:j,squared:z,bordered:g,size:q,description:y,zoomed:F,pointer:R,...V}=e,k=i(a),{isFocusVisible:v,focusProps:w}=r(),I=s((()=>{if("button"===p)return{borderRadius:"$xs",background:"none",appearance:"none",p:0,m:0,outline:"none",border:"none",cursor:"pointer"}}),[p]);return l(n,{ref:k,as:p,...o(V,w),css:{...I,...f},isFocusVisible:v,children:[d(t,{alt:h,bordered:g,className:"nextui-user-avatar",color:j,pointer:R,size:q,squared:z,src:x,text:b,zoomed:F}),l(c,{className:"nextui-user-info",children:[d(m,{className:"nextui-user-name",children:N}),d(u,{className:"nextui-user-desc",children:y||U})]})]})}));a&&(User.displayName="NextUI.User"),User.toString=()=>".nextui-user";export default User;

package/esm/user/user.styles.js

@@ -1 +1 @@
-import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as t}from"../theme/shared-css";export const StyledUser=e("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%",transition:"transform 250ms ease 0ms, box-shadow 0.25s ease 0s","@motion":{transition:"none"}},t);export const StyledUserInfo=e("div",{ml:"$sm",d:"inline-flex",fd:"column",alignItems:"flex-start",whiteSpace:"nowrap"});export const StyledUserName=e("span",{fontSize:"$sm",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});export const StyledUserDesc=e("span",{fontSize:"$xs",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});
+import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as t}from"../theme/shared-css";export const StyledUser=e("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%",transition:"transform 250ms ease 0ms, box-shadow 0.25s ease 0s","@motion":{transition:"none"}},t);export const StyledUserInfo=e("div",{ml:"$sm",d:"inline-flex",fd:"column",alignItems:"flex-start",whiteSpace:"nowrap"});export const StyledUserName=e("span",{fontSize:"$sm",color:"$text",lh:"$sm",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});export const StyledUserDesc=e("span",{fontSize:"$xs",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});

package/esm/utils/checkmark.js

@@ -1 +1 @@
-import t from"react";import{styled as r,keyframes as e}from"../theme/stitches.config";import s from"./clsx";import{__DEV__ as o}from"./assertion";import{jsx as i}from"react/jsx-runtime";export const stroke=e({"100%":{strokeDashoffset:0}});const a=r("svg",{d:"block",path:{transformOrigin:"50% 50%",strokeDasharray:48,strokeDashoffset:48,animation:`${stroke} .25s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards`}}),c=t=>{const{width:r=24,height:e=24,size:o,strokeWidth:c=3,fill:m="currentColor",css:h,className:n}=t;return i(a,{className:s("nextui-checkmark",n),css:{...h},height:o||e,role:"img",viewBox:"0 0 52 52",width:o||r,xmlns:"http://www.w3.org/2000/svg",children:i("path",{d:"M14.1 27.2l7.1 7.2 16.7-16.8",fill:"none",stroke:m,strokeWidth:c})})};o&&(c.displayName="NextUI.Checkmark"),c.toString=()=>".nextui-checkmark";export default c;
+import t from"react";import{styled as r,keyframes as e}from"../theme/stitches.config";import s from"./clsx";import{__DEV__ as o}from"./assertion";import{jsx as i}from"react/jsx-runtime";export const stroke=e({"100%":{strokeDashoffset:0}});const a=r("svg",{d:"block",path:{transformOrigin:"50% 50%",strokeDasharray:48,strokeDashoffset:48,animation:`${stroke} .25s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards`}}),c=t=>{const{width:r=24,height:e=24,size:o,strokeWidth:c=3,fill:m="currentColor",css:h,className:n}=t;return i(a,{className:s("nextui-checkmark",n),css:h,height:o||e,role:"img",viewBox:"0 0 52 52",width:o||r,xmlns:"http://www.w3.org/2000/svg",children:i("path",{d:"M14.1 27.2l7.1 7.2 16.7-16.8",fill:"none",stroke:m,strokeWidth:c})})};o&&(c.displayName="NextUI.Checkmark"),c.toString=()=>".nextui-checkmark";export default c;

package/esm/utils/css-transition.js

@@ -1 +1 @@
-import e,{useEffect as l,useState as t}from"react";import r from"./with-defaults";import i from"./clsx";export default r((({children:r,childrenRef:n,className:a,visible:m,enterTime:s,leaveTime:c,clearTime:o,name:u,onExited:T,onEntered:d,...f})=>{const[p,v]=t(""),[N,$]=t(m);return l((()=>{const e=m?"enter":"leave",l=m?s:c;m&&!N&&$(!0),v(`${u}-${e}`);const t=setTimeout((()=>{v(`${u}-${e} ${u}-${e}-active`),"leave"===e?null==T||T():null==d||d(),clearTimeout(t)}),l),r=setTimeout((()=>{m||(v(""),$(!1)),clearTimeout(r)}),l+o);return()=>{clearTimeout(t),clearTimeout(r)}}),[m,N]),l((()=>{if(null==n||!n.current)return;const e=p.split(" "),l=n.current.className.split(" ").filter((e=>!e.includes(u)));n.current.className=i(l,e)}),[n,p]),e.isValidElement(r)&&N?e.cloneElement(r,{...f,className:i(r.props.className,a,null!=n&&n.current?"":p)}):null}),{visible:!1,enterTime:60,leaveTime:60,clearTime:60,className:"",name:"transition"});
+import e,{useEffect as t,useLayoutEffect as l,useState as r}from"react";import n from"./clsx";const c=({children:c,onExited:i,onEntered:s,className:a,childrenRef:m,enterTime:o=60,leaveTime:u=60,clearTime:T=60,visible:d=!1,name:p="transition",...f})=>{const[$,v]=r(""),[N,E]=r(d);return l((()=>{const e=d?"enter":"leave";d&&!N&&E(!0),v(`${p}-${e}`);const t=d?o:u,l=setTimeout((()=>{v(`${p}-${e} ${p}-${e}-active`),"leave"===e?null==i||i():null==s||s(),clearTimeout(l)}),t),r=setTimeout((()=>{d||(v(""),E(!1)),clearTimeout(r)}),t+T);return()=>{clearTimeout(l),clearTimeout(r)}}),[d,N]),t((()=>{if(null==m||!m.current)return;const e=$.split(" "),t=m.current.className.split(" ").filter((e=>!e.includes(p)));m.current.className=n(t,e)}),[m,$]),e.isValidElement(c)&&N?e.cloneElement(c,{...f,className:n(c.props.className,a,!(null!=m&&m.current)&&$)}):null};export default e.memo(c);