@nextui-org/react 1.0.0-beta.10

package/esm/button/button-group.styles.js

@@ -0,0 +1 @@
+import{styled as t}from"../theme/stitches.config";import r from"./button.styles";export const StyledButtonGroup=t("div",{display:"inline-flex",margin:"$3",backgroundColor:"transparent",height:"min-content",[`& ${r}`]:{".nextui-button-text":{top:0}},variants:{vertical:{true:{fd:"column",[`& ${r}`]:{"&:not(:first-child)":{btlr:0,btrr:0},"&:not(:last-child)":{bblr:0,bbrr:0}}},false:{fd:"row",[`& ${r}`]:{"&:not(:first-child)":{btlr:0,bblr:0},"&:not(:last-child)":{btrr:0,bbrr:0}}}},size:{xs:{br:"$xs"},sm:{br:"$sm"},md:{br:"$md"},lg:{br:"$base"},xl:{br:"$xl"}},rounded:{true:{br:"$pill"}},bordered:{true:{bg:"transparent"}},gradient:{true:{pl:0}}},defaultVariants:{vertical:!1},compoundVariants:[{bordered:!0,vertical:!0,css:{[`& ${r}`]:{"&:not(:last-child)":{borderBottom:"none",paddingBottom:"0"}}}},{bordered:!0,vertical:!1,css:{[`& ${r}`]:{"&:not(:first-child)":{borderLeft:"none"}}}},{bordered:!0,vertical:!1,gradient:!0,css:{[`& ${r}`]:{"&:not(:last-child)&:not(:first-child)":{pl:0},"&:last-child":{pl:0}}}}]});export default StyledButtonGroup;

package/esm/button/button-icon.js

@@ -0,0 +1 @@
+import t from"react";import{styled as i}from"../theme/stitches.config";import n from"../utils/with-defaults";import s from"../utils/clsx";import{jsx as o}from"react/jsx-runtime";export const StyledButtonIcon=i("span",{dflex:"center",position:"absolute",left:"$$buttonPadding",right:"auto",top:"50%",transform:"translateY(-50%)",color:"inherit",zIndex:"$1","& svg":{background:"transparent"},variants:{isAuto:{true:{position:"relative",transform:"none",top:"0%"}},isRight:{true:{right:"$$buttonPadding",left:"auto"}},isSingle:{true:{position:"static",transform:"none"}},isGradientButtonBorder:{true:{}}},compoundVariants:[{isAuto:!0,isRight:!0,isSingle:!1,css:{order:2,ml:"calc($$buttonPadding / 2)",right:"0%",left:"0%"}},{isAuto:!0,isRight:!1,isSingle:!1,css:{order:0,mr:"calc($$buttonPadding / 2)",right:"0%",left:"0%"}},{isSingle:!0,isRight:!1,css:{ml:0}},{isSingle:!0,isRight:!0,css:{mr:0}},{isSingle:!0,isRight:!1,isGradientButtonBorder:!0,css:{mr:"calc($$buttonPadding / 2)"}}]});const e=({children:t,className:i,css:n,...e})=>o(StyledButtonIcon,{className:s("nextui-button-icon",{"nextui-button-icon-right":e.isRight,"nextui-button-icon-single":e.isSingle},i),css:{...n},...e,children:t});e.toString=()=>".nextui-button-icon";const r=t.memo(e);export default n(r,{className:""});

package/esm/button/button.js

@@ -0,0 +1 @@
+import t,{useMemo as e}from"react";import{useFocusRing as o}from"@react-aria/focus";import{useButton as r}from"@react-aria/button";import{useHover as s}from"@react-aria/interactions";import{mergeProps as i}from"@react-aria/utils";import{warn as n}from"../utils/console";import a from"../utils/drip";import l from"../utils/clsx";import u from"../use-drip";import d from"../utils/with-defaults";import{useDOMRef as c}from"../utils/dom";import{__DEV__ as m}from"../utils/assertion";import{forwardRef as p}from"../utils/system";import{filterPropsWithGroup as f,getCssColors as h}from"./utils";import{useButtonGroupContext as b}from"./button-group-context";import g from"./button-icon";import x from"./button.styles";import{jsx as P}from"react/jsx-runtime";import{Fragment as w}from"react/jsx-runtime";import{jsxs as y}from"react/jsx-runtime";const C=p(((d,p)=>{const{as:C,css:v,iconLeftCss:N,iconRightCss:F,onClick:B,onPress:j,onPressStart:S,onPressEnd:k,onPressChange:R,onPressUp:U,...T}=d,A=b(),D=f(T,A),E=h(D),{flat:G,children:H,disabled:L,animated:V,light:W,ripple:I,bordered:$,auto:q,borderWeight:z,icon:J,iconRight:K,ghost:M,autoFocus:O,className:Q,...X}=D,Y=t=>{V&&I&&Z.current&&nt(t)},Z=c(p),{buttonProps:_,isPressed:tt}=r({...T,isDisabled:L,elementType:C,onPress:t=>{"keyboard"===t.pointerType||"virtual"===t.pointerType?Y(t):"undefined"!=typeof window&&window.event&&Y(window.event),B&&(B(t),console.warn("onClick is deprecated, please use onPress")),null==j||j(t)},onPressStart:S,onPressEnd:k,onPressChange:R,onPressUp:U},Z),{hoverProps:et,isHovered:ot}=s({isDisabled:L}),{isFocused:rt,isFocusVisible:st,focusProps:it}=o({autoFocus:O}),{onClick:nt,...at}=u(!1,Z);m&&"gradient"===D.color&&(G||W)&&n("Using the gradient color on flat and light buttons will have no effect.");const lt=J||K,ut=0===t.Children.count(H),dt=Boolean(K),ct=e((()=>tt?"pressed":ot?"hovered":L?"disabled":"ready"),[L,ot,tt]),mt=e((()=>dt?F:N),[dt,F,N]);return y(x,{ref:Z,animated:V,as:C,auto:q,borderWeight:z,bordered:$||M,className:l("nextui-button",`nextui-button--${ct}`,Q),css:{...v,...E},"data-state":ct,flat:G,ghost:M,isChildLess:ut,isFocusVisible:st&&!L,isHovered:ot||M&&rt,isPressed:tt,light:W,...i(_,it,et,X),children:[0===t.Children.count(H)?P(g,{isSingle:!0,css:mt,isAuto:q,isGradientButtonBorder:"gradient"===d.color&&($||M),isRight:dt,children:lt}):lt?y(w,{children:[P(g,{css:mt,isAuto:q,isGradientButtonBorder:"gradient"===d.color&&($||M),isRight:dt,isSingle:!1,children:lt}),P("div",{className:l("nextui-button-text",{"nextui-button-text-right":dt,"nextui-button-text-left":!dt}),children:H})]}):P("span",{className:"nextui-button-text",children:H}),P(a,{className:"nextui-button-drip",color:"white",...at})]})}));m&&(C.displayName="NextUI.Button"),C.toString=()=>".nextui-button";export default d(C,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});

package/esm/button/button.styles.js

@@ -0,0 +1 @@
+import{styled as r}from"../theme/stitches.config";import{cssFocusVisible as o}from"../theme/shared-css";import{StyledDrip as t}from"../utils/drip";export const StyledButton=r("button",{$$buttonBorderRadius:"$radii$md",$$buttonPressedScale:.97,dflex:"center",appearance:"none",boxSizing:"border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${t}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{}},color:{default:{bg:"$primary",color:"$primarySolidContrast"},primary:{bg:"$primary",color:"$primarySolidContrast"},secondary:{bg:"$secondary",color:"$secondarySolidContrast"},success:{bg:"$success",color:"$successSolidContrast"},warning:{bg:"$warning",color:"$warningSolidContrast"},error:{bg:"$error",color:"$errorSolidContrast"},gradient:{bg:"$gradient",color:"$primarySolidContrast"}},size:{xs:{$$buttonPadding:"$space$3",$$buttonBorderRadius:"$radii$xs",$$buttonHeight:"$space$10",px:"$3",height:"$$buttonHeight",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$xs"},sm:{$$buttonPadding:"$space$5",$$buttonBorderRadius:"$radii$sm",$$buttonHeight:"$space$12",px:"$5",height:"$$buttonHeight",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$sm"},md:{$$buttonPadding:"$space$7",$$buttonBorderRadius:"$radii$md",$$buttonHeight:"$space$14",px:"$7",height:"$$buttonHeight",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$sm"},lg:{$$buttonPadding:"$space$9",$$buttonBorderRadius:"$radii$base",$$buttonHeight:"$space$16",px:"$9",height:"$$buttonHeight",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$md"},xl:{$$buttonPadding:"$space$10",$$buttonBorderRadius:"$radii$xl",$$buttonHeight:"$space$18",px:"$10",height:"$$buttonHeight",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$lg"}},borderWeight:{light:{bw:"$light",$$buttonBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$buttonBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$buttonBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$buttonBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$buttonBorderWeight:"$borderWeights$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},animated:{false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{$$buttonBorderRadius:"$radii$pill"}},isPressed:{true:{}},isHovered:{true:{}},isChildLess:{true:{p:0,width:"$$buttonHeight",height:"$$buttonHeight"}}},compoundVariants:[{isPressed:!0,animated:!0,css:{transform:"scale($$buttonPressedScale)"}},{auto:!0,isChildLess:!1,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"xl",css:{px:"$11",minWidth:"min-content"}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$secondaryLightActive"}}}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$warningLightActive"}}}},{light:!0,color:"success",css:{bg:"transparent",color:"$success",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$successLightActive"}}}},{light:!0,color:"error",css:{bg:"transparent",color:"$error",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$errorLightActive"}}}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${t}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${t}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${t}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$$buttonBorderWeight",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${t}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary",color:"$secondarySolidContrast"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success",color:"$successSolidContrast"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning",color:"$warningSolidContrast"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error",color:"$errorSolidContrast"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient",color:"$white"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$successLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warningLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$errorLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{flat:!0,isHovered:!0,color:"default",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"primary",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"secondary",css:{bg:"$secondaryLightHover"}},{flat:!0,isHovered:!0,color:"success",css:{bg:"$successLightHover"}},{flat:!0,isHovered:!0,color:"warning",css:{bg:"$warningLightHover"}},{flat:!0,isHovered:!0,color:"error",css:{bg:"$errorLightHover"}},{flat:!0,isPressed:!0,color:"default",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"primary",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"secondary",css:{bg:"$secondaryLightActive"}},{flat:!0,isPressed:!0,color:"success",css:{bg:"$successLightActive"}},{flat:!0,isPressed:!0,color:"warning",css:{bg:"$warningLightActive"}},{flat:!0,isPressed:!0,color:"error",css:{bg:"$errorLightActive"}},{auto:!0,color:"gradient",bordered:!0,css:{".nextui-button-text":{px:"$$buttonPadding"},".nextui-button-icon":{ml:"$$buttonPadding"},".nextui-button-icon-right":{mr:"$$buttonPadding"},".nextui-button-text-left":{pl:0},".nextui-button-text-right":{pr:0}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},o);export default StyledButton;

package/esm/button/index.js

@@ -0,0 +1 @@
+import t from"./button";import o from"./button-group";export{StyledButton}from"./button.styles";export{StyledButtonGroup}from"./button-group.styles";export{StyledButtonIcon}from"./button-icon";t.Group=o;export default t;

package/esm/button/utils.js

@@ -0,0 +1 @@
+export const filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,i,s,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(i=o.rounded)?i:e.rounded,light:null!=(s=o.light)?s:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};export const getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$accents1",color:"$accents7",transform:"none",boxShadow:"none",pe:"none"};return e.bordered||e.flat||e.ghost||e.light?"gradient"===e.color&&(e.bordered||e.ghost)?{color:"$accents4",backgroundImage:"linear-gradient($background, $background), linear-gradient($accents2, $accents2)",transform:"none",boxShadow:"none",pe:"none",pl:"$$buttonBorderWeight",pr:"$$buttonBorderWeight"}:e.bordered||e.ghost||e.light?{...o,bg:"transparent",borderColor:"$accents4"}:e.flat?{...o,bg:"$accents1"}:{}:o};

package/esm/card/card.js

@@ -0,0 +1 @@
+import r from"react";import s from"../utils/drip";import{__DEV__ as e}from"../utils/assertion";import{useCard as i}from"./use-card";import{StyledCard as t}from"./card.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},e)=>{const{as:d,css:n,children:m,...c}=r,{cardRef:l,variant:p,isFocusVisible:f,isPressable:b,isPressed:u,disableAnimation:x,disableRipple:g,borderWeight:P,isHovered:h,getCardProps:j,dripBindings:v}=i({...c,ref:e});return a(t,{ref:l,as:d,borderWeight:P,css:n,disableAnimation:x,isFocusVisible:f,isHovered:h,isPressable:b,isPressed:u,role:b?"button":"section",tabIndex:b?0:-1,variant:p,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));e&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;

package/esm/card/card.styles.js

@@ -0,0 +1 @@
+import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";import{cssNoBlurriness as e,cssFocusVisible as t}from"../theme/shared-css";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",py:"$lg",px:"$sm",oy:"auto",position:"relative",ta:"left"});export const StyledCard=o("div",{$$cardColor:"$colors$backgroundContrast",$$cardTextColor:"$colors$text",m:0,p:0,br:"$lg",bg:"$$cardColor",color:"$$cardTextColor",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{variant:{flat:{bg:"$accents0"},shadow:{dropShadow:"$lg","@safari":{boxShadow:"$lg",dropShadow:"none"}},bordered:{borderStyle:"solid",borderColor:"$border"}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}},disableAnimation:{true:{transition:"none"},false:{transition:"$card"}},isPressable:{true:{cursor:"pointer",us:"none",WebkitTapHighlightColor:"transparent"}},isPressed:{true:{}},isHovered:{true:{dropShadow:"$lg","@safari":{boxShadow:"$lg",dropShadow:"none"}}}},compoundVariants:[{isPressed:!0,disableAnimation:!1,css:{transform:"scale(0.97)"}},{isHovered:!0,disableAnimation:!1,css:{transform:"translateY(-2px)"}},{isHovered:!0,variant:"shadow",css:{dropShadow:"$xl","@safari":{boxShadow:"$xl",dropShadow:"none"}}}]},e,t);export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",p:"$sm"});export const StyledCardFooter=o("div",{w:"100%",h:"auto",p:"$sm",d:"flex",ai:"center",overflow:"hidden",color:"inherit",bblr:"$lg",bbrr:"$lg",variants:{isBlurred:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});

package/esm/card/index.js

@@ -0,0 +1 @@
+import r from"../image";import d from"../divider";import e from"./card";import{StyledCardHeader as o,StyledCardFooter as a,StyledCardBody as t}from"./card.styles";export{StyledCard,StyledCardHeader,StyledCardFooter,StyledCardBody}from"./card.styles";e.Header=o,e.Body=t,e.Footer=a,e.Image=r,e.Divider=d;export default e;

package/esm/card/use-card.js

@@ -0,0 +1 @@
+import{useCallback as r}from"react";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as e}from"@react-aria/utils";import{usePress as s}from"@react-aria/interactions";import{useHover as o}from"@react-aria/interactions";import a from"../use-drip";import{useDOMRef as t}from"../utils/dom";export const useCard=l=>{const{ref:n,disableAnimation:c=!1,disableRipple:p=!1,variant:d="shadow",isHoverable:u=!1,borderWeight:m="light",isPressable:b=!1,onClick:P,onPress:f,autoFocus:v,allowTextSelectionOnPress:C=!0,...g}=l,h=t(n),{onClick:k,...F}=a(!1,h),H=r=>{c||p||!h.current||k(r)},{isPressed:T,pressProps:w}=s({isDisabled:!b,onPress:r=>{"keyboard"!==r.pointerType&&"virtual"!==r.pointerType||(H(r),null==P||P(r)),null==f||f(r)},allowTextSelectionOnPress:C,...g}),{hoverProps:x,isHovered:y}=o({isDisabled:!u,...g}),{isFocusVisible:D,focusProps:R}=i({autoFocus:v});w.onClick=r=>{b&&(H(r),null==P||P(r))};const A=r(((r={})=>({...e(b?{...w,...R}:{},u?x:{},g,r)})),[b,u,w,R,x,g]);return{cardRef:h,variant:d,borderWeight:m,isPressable:b,isHovered:y,isPressed:T,disableAnimation:c,disableRipple:p,dripBindings:F,onDripClickHandler:k,isFocusVisible:D,getCardProps:A}};

package/esm/checkbox/checkbox-context.js

@@ -0,0 +1 @@
+import{createContext as o}from"../utils/context";export const[CheckboxGroupProvider,useCheckboxGroupContext]=o({name:"CheckboxGroupContext",strict:!1});

package/esm/checkbox/checkbox-group.js

@@ -0,0 +1 @@
+import e from"react";import o from"../utils/clsx";import{useDOMRef as r}from"../utils/dom";import{__DEV__ as s}from"../utils/assertion";import{CheckboxGroupProvider as t}from"./checkbox-context";import{useCheckboxGroup as i}from"./use-checkbox-group";import{StyledCheckboxGroup as c,StyledCheckboxGroupContainer as a}from"./checkbox.styles";import{jsx as l}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const n=e.forwardRef(((e,s)=>{const{children:n,className:p,as:u,label:x,...b}=e,{css:h,...f}=i({...b,label:x}),d=r(s);return m(c,{ref:d,...f.groupProps,as:u,className:o("nextui-checkbox-group",p),css:h,isDisabled:f.groupState.isDisabled,size:f.size,children:[x&&l("label",{className:"nextui-checkbox-group-label",...f.labelProps,children:x}),l(a,{className:"nextui-checkbox-group-items",isRow:"horizontal"===f.orientation,role:"presentation",children:l(t,{value:f,children:n})})]})}));s&&(n.displayName="NextUI.CheckboxGroup"),n.toString=()=>".nextui-checkbox-group";export default n;

package/esm/checkbox/checkbox.js

@@ -0,0 +1 @@
+import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a}from"@react-aria/interactions";import{usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V}=l({...j,children:null!=v?v:D}),w=d(n,T),{hoverProps:S,isHovered:U}=a({isDisabled:V.disabled}),{pressProps:$}=o({isDisabled:V.disabled}),{focusProps:q,isFocusVisible:B}=c({autoFocus:V.autoFocus}),E=i((()=>U?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[U,H,V.checked]);return N(m,{ref:w,...s(S,$),as:C,className:t("nextui-checkbox-label",`nextui-checkbox--${E}`,A),css:I,disableAnimation:z,isDisabled:V.disabled,size:F,children:[N(h,{className:"nextui-checkbox-container",color:P,disableAnimation:z,isDisabled:V.disabled,isFocusVisible:B,isHovered:U,isRounded:g,...q,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,q)})}),f(u,{className:"nextui-checkbox-mask",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,children:N(b,{className:"nextui-icon-check",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,size:F,children:[f(k,{className:"nextui-icon-check-line1",disableAnimation:z,isChecked:V.checked,isIndeterminate:H}),f(x,{className:"nextui-icon-check-line2",disableAnimation:z,isChecked:V.checked,isIndeterminate:H})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,disableAnimation:z,isChecked:V.checked,isDisabled:V.disabled,lineThrough:y,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;

package/esm/checkbox/checkbox.styles.js

@@ -0,0 +1 @@
+import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as o}from"../theme/shared-css";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{opacity:.75,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}}},defaultVariants:{size:"md"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{isIndeterminate:{true:{opacity:1,transform:"rotate(0deg)",width:"auto",height:"auto",margin:"0px","&:after":{opacity:1}},false:{width:"8px",height:"14px",display:"block",position:"relative",marginTop:"-4px"}},size:{xs:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},sm:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},md:{transform:"rotate(45deg) scale(0.8)"},lg:{transform:"rotate(45deg)"},xl:{transform:"rotate(45deg)"}},isChecked:{true:{opacity:1}},disableAnimation:{true:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{isIndeterminate:!0,size:"xs",css:{scale:"0.5"}},{isIndeterminate:!0,size:"sm",css:{scale:"0.5"}},{isIndeterminate:!0,size:"md",css:{scale:"0.8"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{isChecked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},isIndeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},disableAnimation:{true:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},lineThrough:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},isChecked:{true:{"&:before":{opacity:.8}}},isDisabled:{true:{color:"$accents5"}},disableAnimation:{true:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{lineThrough:!0,isChecked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondarySolidHover"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successSolidHover"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningSolidHover"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorSolidHover"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},isRounded:{true:{br:"$pill"}},isDisabled:{true:{opacity:.4,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}},isHovered:{true:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column","& .nextui-checkbox-group-label":{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents7",mb:"$3"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{"& .nextui-checkbox-group-label":{color:"$accents5"}}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});

package/esm/checkbox/index.js

@@ -0,0 +1 @@
+import e from"./checkbox";import o from"./checkbox-group";e.Group=o;export{StyledCheckboxLabel,StyledCheckboxContainer,StyledIconCheckFirstLine,StyledIconCheckSecondLine,StyledIconCheck,StyledCheckboxMask,StyledCheckboxText,StyledCheckboxGroup}from"./checkbox.styles";export default e;

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

@@ -0,0 +1 @@
+import{useCheckboxGroup as o}from"@react-aria/checkbox";import{useCheckboxGroupState as r}from"@react-stately/checkbox";export const useCheckboxGroup=(e={})=>{const{size:t="md",color:a="default",labelColor:l="default",orientation:s="vertical",css:c,...p}=e,i=r(p),{labelProps:u,groupProps:b}=o(p,i);return{css:c,size:t,orientation:s,color:a,labelColor:l,groupState:i,labelProps:u,groupProps:b}};

package/esm/checkbox/use-checkbox.js

@@ -0,0 +1 @@
+import{useMemo as e,useRef as o}from"react";import{useToggleState as l}from"@react-stately/toggle";import{useCheckbox as t,useCheckboxGroupItem as i}from"@react-aria/checkbox";import{__DEV__ as n}from"../utils/assertion";import{useCheckboxGroupContext as r}from"./checkbox-context";export const useCheckbox=a=>{var u,s,d;const c=r(),{size:m=(null!=(u=null==c?void 0:c.size)?u:"md"),color:p=(null!=(s=null==c?void 0:c.color)?s:"default"),labelColor:b=(null!=(d=null==c?void 0:c.labelColor)?d:"default"),lineThrough:h,isRounded:f=!1,disableAnimation:v=!1,isIndeterminate:x=!1,...C}=a;if(c&&n){const e="The Checkbox.Group is being used, `%s` will be ignored. Use the `%s` of the Checkbox.Group instead.";"isSelected"in C&&console.warn(e,"isSelected","value"),"defaultSelected"in C&&console.warn(e,"defaultSelected","defaultValue")}const g=o(null),k=e((()=>{var e,o;return{...C,isIndeterminate:x,value:null!=(e=C.value)?e:"",isRequired:null!=(o=C.isRequired)&&o}}),[x,C]),{inputProps:S}=c?i({...k,validationState:C.validationState},c.groupState,g):t(k,l(k),g);return{size:m,color:p,labelColor:b,isRounded:f,lineThrough:h,disableAnimation:v,isIndeterminate:x,inputRef:g,inputProps:S}};

package/esm/code/code.js

@@ -0,0 +1 @@
+import t from"react";import o from"../utils/with-defaults";import{StyledCode as r,StyledPre as e}from"./code.styles";import{jsx as i}from"react/jsx-runtime";const c=({block:t,children:o,...c})=>t?i(e,{...c,children:i(r,{children:o})}):i(r,{...c,children:o});c.toString=()=>".nextui-code";const m=t.memo(c);export default o(m,{block:!1});

package/esm/code/code.styles.js

@@ -0,0 +1 @@
+import{styled as t}from"../theme/stitches.config";export const StyledCode=t("code",{});export const StyledPre=t("pre",{width:"initial",mw:"100"});

package/esm/code/index.js

@@ -0,0 +1 @@
+import e from"./code";export{StyledPre,StyledCode}from"./code.styles";export default e;

package/esm/col/col.js

@@ -0,0 +1 @@
+import t from"react";import o from"../utils/with-defaults";import s from"./col.styles";import{jsx as r}from"react/jsx-runtime";const e=({children:t,span:o,offset:e,css:i,...m})=>r(s,{css:{width:100/12*o+"%",marginLeft:100/12*e+"%",...i},...m,children:t});e.toString=()=>".nextui-column";const i=t.memo(e);export default o(i,{span:12,offset:0});

package/esm/col/col.styles.js

@@ -0,0 +1 @@
+import{styled as o}from"../theme/stitches.config";export const StyledCol=o("div",{float:"left",boxSizing:"border-box",pl:"calc($$rowGap / 2)",pr:"calc($$rowGap / 2)"});export default StyledCol;

package/esm/col/index.js

@@ -0,0 +1 @@
+import o from"./col";export{StyledCol}from"./col.styles";export default o;

package/esm/collapse/collapse-context.js

@@ -0,0 +1 @@
+import t from"react";const e={values:[]};export const CollapseContext=t.createContext(e);export const useCollapseContext=()=>t.useContext(CollapseContext);

package/esm/collapse/collapse-group.js

@@ -0,0 +1 @@
+import r,{useMemo as t}from"react";import e from"../utils/with-defaults";import o from"../use-current-state";import{setChildrenIndex as i}from"../utils/collections";import{CollapseContext as n}from"./collapse-context";import{StyledCollapseGroup as c}from"./collapse.styles";import l from"./collapse";import{jsx as a}from"react/jsx-runtime";const s=({children:r,accordion:e,animated:s,divider:u,onChange:m,...d})=>{const[f,p,h]=o([]),v=(r,t)=>{const o=h.current.find((t=>t===r));if(m&&m(r,t),e)return p(t?[r]:[]);if(t){if(o)return;return p([...h.current,r])}p(h.current.filter((t=>t!==r)))},x=t((()=>({values:f,updateValues:v,divider:u,animated:s})),[f.join(",")]),g=t((()=>i(r,[l])),[r]);return a(n.Provider,{value:x,children:a(c,{...d,children:g})})};s.toString=()=>".nextui-collapse-group";export default e(s,{accordion:!0});

package/esm/collapse/collapse-icon.js

@@ -0,0 +1 @@
+import o from"react";import{StyledCollapseIcon as e}from"./collapse.styles";import{jsx as t}from"react/jsx-runtime";const r=({...o})=>t(e,{className:"nextui-collapse-icon",fill:"none",focusable:"false",height:"20",role:"presentation",viewBox:"0 0 24 24",width:"20",xmlns:"http://www.w3.org/2000/svg",...o,children:t("path",{d:"M15.5 19l-7-7 7-7",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})});r.toString=()=>".nextui-collapse-icon";const s=o.memo(r);export default s;

package/esm/collapse/collapse.js

@@ -0,0 +1 @@
+import e,{useEffect as t,useMemo as i}from"react";import{useFocusRing as r}from"@react-aria/focus";import{useId as a}from"@react-aria/utils";import{warn as o}from"../utils/console";import s from"../use-current-state";import l from"../utils/expand";import d,{KeyCode as n}from"../use-keyboard";import c from"../utils/clsx";import m from"../utils/with-defaults";import{useCollapseContext as p}from"./collapse-context";import{StyledCollapse as u,StyledCollapseView as f,StyledCollapseContent as b}from"./collapse.styles";import h from"./collapse-icon";import{jsx as v}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";const w="nextui-collapse",N=({children:m,title:N,subtitle:$,expanded:g,shadow:j,className:E,divider:I,arrowIcon:V,showArrow:y,disabled:C,onChange:D,bordered:k,contentLeft:A,preventDefault:F,animated:S,borderWeight:W,index:q,...G})=>{const[L,P,z]=s(g),{values:B,divider:H,animated:J,updateValues:K}=p(),{isFocusVisible:M,focusProps:O}=r();N||o('"title" is required.',"Collapse"),t((()=>{L!==g&&P(g)}),[g]),t((()=>{if(!B.length)return;const e=!!B.find((e=>e===q));P(e)}),[B.join(",")]);const Q=a(),R=a(),T=i((()=>y?V||v(h,{}):null),[V,y]),U=void 0===H?I:H,X=i((()=>void 0===J?S:J),[J,S]),Y=e=>{if(C)return;const t=!z.current;P(t),K&&K(q,t),D&&D(e,q,t)},{bindings:Z}=d((e=>{Y(e)}),[n.Enter,n.Space],{disableGlobalEvent:!0,preventDefault:F}),_=i((()=>L?"open":"closed"),[L]);return x(u,{animated:X,borderWeight:W,bordered:k,className:c(E,w,`${w}--${_}`),"data-state":_,divider:U,shadow:j,tabIndex:-1,visible:L,...G,children:[v(f,{"aria-controls":R,"aria-disabled":C,"aria-expanded":L,className:`${w}-view`,"data-state":_,disabled:C,id:Q,isFocusVisible:M,role:"button",tabIndex:C?-1:0,onClick:Y,...O,...Z,children:x("div",{className:c(`${w}-title-container`),children:[A&&v("div",{className:`${w}-title-content-left`,children:A}),x("div",{className:`${w}-title-content`,children:[e.isValidElement(N)?N:v("h3",{className:`${w}-title`,children:N}),$&&v("div",{className:`${w}-subtitle`,children:$})]}),v("div",{className:`${w}-title-content-right`,children:T})]})}),v(l,{animated:X,isExpanded:L,children:v(b,{"aria-labelledby":Q,className:`${w}-content`,id:R,role:"region",tabIndex:-1,children:m})})]})};N.toString=()=>".nextui-collapse";export default m(N,{shadow:!1,divider:!0,bordered:!1,showArrow:!0,animated:!0,disabled:!1,preventDefault:!0,expanded:!1});

package/esm/collapse/collapse.styles.js

@@ -0,0 +1 @@
+import{styled as e}from"../theme/stitches.config";import{sharedFocus as t,cssFocusVisible as o}from"../theme/shared-css";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents7",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$backgroundContrast"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}}},defaultVariants:{borderWeight:"light"}},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}},o);export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents7"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$backgroundContrast"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$backgroundContrast",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1}});

package/esm/collapse/index.js

@@ -0,0 +1 @@
+import l from"./collapse";import o from"./collapse-group";l.Group=o;export{StyledCollapse,StyledCollapseView,StyledCollapseContent,StyledCollapseIcon,StyledCollapseGroup}from"./collapse.styles";export default l;

package/esm/container/container.js

@@ -0,0 +1 @@
+import s,{useMemo as e}from"react";import{useDOMRef as i}from"../utils/dom";import t from"./container.styles";import{jsx as r}from"react/jsx-runtime";const a=s.forwardRef(((s,a)=>{const{xs:n,sm:o,md:l,lg:p,xl:m,wrap:d,gap:c,as:f,display:x,justify:$,direction:u,alignItems:g,alignContent:y,children:b,responsive:k,fluid:j,css:v,...w}=s,C=i(a),h=e((()=>`calc(${c} * $space$sm)`),[c]);return r(t,{ref:C,as:f,css:{px:h,maxWidth:n?"$breakpoints$xs":o?"$breakpoints$sm":l?"$breakpoints$md":p?"$breakpoints$lg":m?"$breakpoints$xl":"",alignItems:g,alignContent:y,flexWrap:d,display:x,justifyContent:$,flexDirection:u,...v},fluid:j,responsive:k,...w,children:b})}));a.displayName="NextUI.Container",a.toString=()=>".nextui-container",a.defaultProps={gap:2,xs:!1,sm:!1,md:!1,lg:!1,xl:!1,responsive:!0,fluid:!1,wrap:"wrap",as:"div",display:"block"};export default s.memo(a);

package/esm/container/container.styles.js

@@ -0,0 +1 @@
+import{styled as t}from"../theme/stitches.config";export const StyledContainer=t("div",{w:"100%",mr:"auto",ml:"auto",variants:{fluid:{true:{maxWidth:"100%"}},responsive:{true:{"@xs":{maxWidth:"$breakpoints$xs"},"@sm":{maxWidth:"$breakpoints$sm"},"@md":{maxWidth:"$breakpoints$md"},"@lg":{maxWidth:"$breakpoints$lg"},"@xl":{maxWidth:"$breakpoints$xl"}}}},defaultVariants:{fluid:!1,responsive:!0}});export default StyledContainer;

package/esm/container/index.js

@@ -0,0 +1 @@
+import t from"./container";export{StyledContainer}from"./container.styles";export default t;

package/esm/css-baseline/css-baseline.js

@@ -0,0 +1 @@
+import e from"react";import{globalCss as t,getCssText as o}from"../theme/stitches.config";import{jsx as i}from"react/jsx-runtime";const n=t({"*, *:before, *:after":{boxSizing:"border-box",textRendering:"geometricPrecision",WebkitTapHighlightColor:"transparent"},html:{fontSize:"$base"},body:{margin:0,padding:0,minHeight:"100%",position:"relative",overflowX:"hidden",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility",fontSize:"$base",lineHeight:"$md",fontFamily:"$sans"},"html, body":{backgroundColor:"$background",color:"$text"},"p, small":{color:"inherit",letterSpacing:"$tighter",fontWeight:"$normal",fontFamily:"$sans"},p:{fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$xs",fontSize:"$xs"},b:{fontWeight:"$semibold"},span:{fontSize:"inherit",color:"inherit",fontWeight:"inherit"},img:{maxWidth:"100%"},a:{cursor:"pointer",fontSize:"inherit",WebkitTouchCallout:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitBoxAlign:"center",alignItems:"center",color:"$link",textDecoration:"none"},"a:hover":{textDecoration:"none"},"ul,ol":{padding:0,listStyleType:"none",margin:"$sm $sm $sm $lg",color:"$foreground"},ol:{listStyleType:"decimal"},li:{marginBottom:"$5",fontSize:"$base",lineHeight:"$lg"},"h1,h2,h3,h4,h5,h6":{color:"inherit",margin:"0 0 $5 0"},h1:{letterSpacing:"$tighter",fontSize:"$5xl",lineHeight:"$md",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$4xl",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$2xl",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$xl",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$md",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$sm",fontWeight:"$semibold"},"button, input, select,textarea":{fontFamily:"inherit",fontSize:"inherit",lineHeight:"inherit",color:"inherit",margin:0},"button:focus, input:focus, select:focus, textarea:focus":{outline:"none"},code:{color:"$code",padding:"$1 $2",borderRadius:"$xs",bg:"$codeLight",fontFamily:"$mono",fontSize:"$sm",whiteSpace:"pre-wrap",transition:"opacity 0.25s ease 0s"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$sm",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$sm",lineHeight:"$sm",whiteSpace:"pre"},"pre code:before,pre code:after":{display:"none"},"pre p":{margin:0},"pre::-webkit-scrollbar":{display:"none",width:0,height:0,background:"transparent"},hr:{background:"$border",borderColor:"transparent",borderWidth:"0px",borderStyle:"none",height:"1px"},details:{backgroundColor:"$accents1",border:"none"},"details:focus, details:hover, details:active":{outline:"none"},summary:{cursor:"pointer",userSelect:"none",listStyle:"none",outline:"none"},"summary::-webkit-details-marker, summary::before":{display:"none"},"summary::-moz-list-bullet":{fontSize:0},"summary:focus, summary:hover, summary:active":{outline:"none",listStyle:"none"},"::selection":{backgroundColor:"$selection"},blockquote:{padding:"$md $lg",color:"$accents7",backgroundColor:"$accents0",borderRadius:"$lg",margin:"$10 0"},"blockquote *:first-child":{marginTop:0},"blockquote *:last-child":{marginBottom:0},kbd:{width:"fit-content",textAlign:"center",display:"inline-block",color:"$accents8",bg:"$accents0",border:"1px solid $border",boxShadow:"0 0 1px 0 rgb(0 0 0 / 14%)",fontFamily:"$sans",borderRadius:"5px",padding:"$1 $3",mx:"$1",lineHeight:"$sm",fontSize:"$sm"},"kbd + kbd":{ml:"$2"},"dl, dd, hr, figure, p":{margin:0}}),r=({children:t})=>(n(),i(e.Fragment,{children:t})),l=e.memo(r);l.flush=()=>i("style",{dangerouslySetInnerHTML:{__html:o()},id:"stitches"});export default l;

package/esm/css-baseline/index.js

@@ -0,0 +1 @@
+export{default}from"./css-baseline";

package/esm/divider/divider.js

@@ -0,0 +1 @@
+import t,{useMemo as r}from"react";import e from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledDivider as s,StyledDividerText as o}from"./divider.styles";import{jsx as n}from"react/jsx-runtime";const a=({height:t,x:e,y:a,align:l,children:m,textColor:c,css:d,...f})=>{const h=r((()=>l&&"center"!==l?"left"===l||"start"===l?{transform:"translateY(-50%)",left:"7%"}:{transform:"translateY(-50%)",left:"auto",right:"7%"}:""),[l]),x=a?i(a/2):0,u=e?i(e/2):0;return n(s,{css:{margin:`${x} ${u}`,height:`calc(${t} * 1px)`,...d},role:"separator",...f,children:m&&n(o,{className:"nextui-divider-text",color:c,css:{...h},children:m})})};a.toString=()=>".nextui-divider";const l=t.memo(a);export default e(l,{x:0,y:0,height:1,align:"center"});

package/esm/divider/divider.styles.js

@@ -0,0 +1 @@
+import{styled as r}from"../theme/stitches.config";export const StyledDivider=r("div",{width:"100%",maxWidth:"100%",position:"relative",variants:{color:{default:{bg:"$border"},primary:{bg:"$primary"},secondary:{bg:"$secondary"},success:{bg:"$success"},warning:{bg:"$warning"},error:{bg:"$error"}}},defaultVariants:{color:"default"}});export const StyledDividerText=r("span",{position:"absolute",left:"50%",top:"50%",minHeight:"100%",display:"inline-flex",jc:"center",ai:"center",transform:"translate(-50%, -50%)",padding:"0 $lg",fontSize:"$base",fontWeight:"bold",textTransform:"capitalize",backgroundColor:"$background",zIndex:"$1",variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}}}});

package/esm/divider/index.js

@@ -0,0 +1 @@
+import e from"./divider";export{StyledDivider,StyledDividerText}from"./divider.styles";export default e;

package/esm/dropdown/base/dropdown-item-base.js

@@ -0,0 +1 @@
+import{Item as t}from"@react-stately/collections";const o=t;o.toString=()=>".nextui-dropdown-item-base";export default o;

package/esm/dropdown/dropdown-button.js

@@ -0,0 +1 @@
+import t,{useMemo as o}from"react";import{Button as r}from"../index";import{useDOMRef as i}from"../utils/dom";import{__DEV__ as n}from"../utils/assertion";import e from"../utils/clsx";import m from"./dropdown-trigger";import{useDropdownContext as s}from"./dropdown-context";import d from"./dropdown-icon";import{jsx as a}from"react/jsx-runtime";const c=t.forwardRef(((t,n)=>{const{css:c,children:p,className:u,iconRight:l,iconRightCss:f,auto:x=!0,animated:g,...h}=t,{disableAnimation:w}=s(),b=i(n),R=o((()=>l||a(d,{fill:"currentColor",size:14})),[l]),N=o((()=>g||!w),[g,w]);return a(m,{css:{"& .nextui-button-icon-right, & .nextui-button-text-right":{pointerEvents:"none"},...c},children:a(r,{ref:b,animated:N,auto:x,className:e("nextui-dropdown-button",u),iconRight:R,iconRightCss:{mt:"$1",...f},...h,children:p})})}));n&&(c.displayName="NextUI.DropdownButton"),c.toString=()=>".nextui-dropdown-button";export default c;

package/esm/dropdown/dropdown-context.js

@@ -0,0 +1 @@
+import{createContext as o}from"../utils/context";export const[DropdownProvider,useDropdownContext]=o({name:"DropdownContext",errorMessage:"useDropdownContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Dropdown />`"});

package/esm/dropdown/dropdown-icon.js

@@ -0,0 +1 @@
+import t from"react";import{__DEV__ as i}from"../utils/assertion";import{jsx as o}from"react/jsx-runtime";const r=({fill:t,size:i,height:r,width:e,...n})=>o("svg",{fill:"none",height:i||r||24,viewBox:"0 0 24 24",width:i||e||24,xmlns:"http://www.w3.org/2000/svg",...n,children:o("path",{d:"M17.9188 8.17969H11.6888H6.07877C5.11877 8.17969 4.63877 9.33969 5.31877 10.0197L10.4988 15.1997C11.3288 16.0297 12.6788 16.0297 13.5088 15.1997L15.4788 13.2297L18.6888 10.0197C19.3588 9.33969 18.8788 8.17969 17.9188 8.17969Z",fill:t})});i&&(r.displayName="NextUI.DropdownIcon"),r.toString=()=>".nextui-dropdown-icon";export default r;

package/esm/dropdown/dropdown-item.js

@@ -0,0 +1 @@
+import e,{useRef as o,useMemo as s}from"react";import{mergeProps as i}from"@react-aria/utils";import{useFocusRing as r}from"@react-aria/focus";import{useHover as t,usePress as a}from"@react-aria/interactions";import{useMenuItem as d}from"@react-aria/menu";import c from"../utils/checkmark";import n from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{useDropdownContext as l}from"./dropdown-context";import{StyledDropdownItem as m,StyledDropdownItemKbd as u,StyledDropdownItemContent as h,StyledDropdownItemIconWrapper as f,StyledDropdownItemContentWrapper as w,StyledDropdownItemDescription as x}from"./dropdown.styles";import{jsx as b}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";const D=({as:e,css:p,item:D,state:N,color:y,icon:P,command:S,description:g,textColor:C,variant:F,autoFocus:k,isVirtualized:j,withDivider:A,dividerWeight:I,showFullDescription:M,className:V,onAction:W})=>{const{onClose:O,closeOnSelect:z,disableAnimation:H,borderWeight:K}=l(),{rendered:U,key:$}=D,q=N.selectionManager.isSelected($),B=N.selectionManager.focusedKey===D.key,E=N.disabledKeys.has($),G=o(null),{pressProps:J,isPressed:L}=a({ref:G,isDisabled:E}),{isFocusVisible:Q,focusProps:R}=r({autoFocus:k}),{hoverProps:T,isHovered:X}=t({isDisabled:E}),Y="none"!==N.selectionManager.selectionMode&&!E,{menuItemProps:Z,labelProps:_,descriptionProps:ee,keyboardShortcutProps:oe}=d({key:$,onClose:O,isSelected:q,isDisabled:E,"aria-label":D["aria-label"],closeOnSelect:z,isVirtualized:j,onAction:W},N,G),se=s((()=>X?"hovered":q?"selected":L?"pressed":E?"disabled":"ready"),[q,E,X,L]),ie=s((()=>D.props.textColor?D.props.textColor:D.props.color&&"default"===C?D.props.color:C),[C,D.props.color,D.props.textColor]),re=s((()=>g||D.props.description),[g,D.props.description]),te=s((()=>S||D.props.command),[S,D.props.command]),ae=s((()=>P||D.props.icon),[P,D.props.icon]);return v(m,{ref:G,...i(Z,T,J,R),as:D.props.as||e,className:n("nextui-dropdown-item",{"is-disabled":E,"is-selected":q,"is-selectable":Y,"is-hovered":X,"is-focused":B,"is-pressed":L},V,D.props.className),color:D.props.color||y,css:{...i(p,D.props.css)},"data-state":se,disableAnimation:H,dividerWeight:I||D.props.dividerWeight||K,isDisabled:E,isFocusVisible:Q,isFocused:B,isHovered:X,isPressed:L,isSelectable:Y,isSelected:q,shouldShowOutline:Q&&"shadow"===F,showFullDescription:M||D.props.showFullDescription,textColor:ie,variant:D.props.variant||F,withDescription:!!re,withDivider:A||D.props.withDivider,children:[ae&&b(f,{className:"nextui-dropdown-item-icon-wrapper",children:ae}),re?v(w,{children:[b(h,{className:"nextui-dropdown-item-content",..._,children:U}),b(x,{className:"nextui-dropdown-item-description",hasCommand:!!te,hasIcon:!!ae,...ee,children:re})]}):b(h,{className:"nextui-dropdown-item-content",..._,children:U}),te&&b(u,{className:"nextui-dropdown-item-command",...oe,children:te}),q&&b(c,{css:{ml:"$4"}})]})};p&&(D.displayName="NextUI.DropdownItem"),D.toString=()=>".nextui-dropdown-item";export default D;

package/esm/dropdown/dropdown-menu.js

@@ -0,0 +1 @@
+import o from"react";import{useMenu as t}from"@react-aria/menu";import{useTreeState as r}from"@react-stately/tree";import{mergeProps as e}from"@react-aria/utils";import{useDOMRef as i,useSyncRef as n}from"../utils/dom";import m from"../utils/clsx";import{__DEV__ as a}from"../utils/assertion";import{useDropdownContext as s}from"./dropdown-context";import p from"./dropdown-section";import c from"./dropdown-item";import{StyledDropdownMenu as l}from"./dropdown.styles";import{jsx as d}from"react/jsx-runtime";const f=o.forwardRef(((o,a)=>{const{css:f={},as:u,color:x="default",textColor:w="default",variant:y="flat",...A}=o,N=s(),v={...e(N,A)},C=i(a),j=r(v),{menuProps:k}=t(v,j,C);return n(N,C),d(l,{ref:C,as:u,className:m("nextui-dropdown-menu",o.className),css:{...f},...k,children:[...j.collection].map((o=>{if("section"===o.type)return d(p,{color:x,item:o,state:j,textColor:w,variant:y,onAction:v.onAction},o.key);let t=d(c,{color:x,item:o,state:j,textColor:w,variant:y,onAction:v.onAction},o.key);return o.wrapper&&(t=o.wrapper(t)),t}))})}));a&&(f.displayName="NextUI.DropdownMenu"),f.toString=()=>".nextui-dropdown-menu";export default f;

package/esm/dropdown/dropdown-section.js

@@ -0,0 +1 @@
+import{useMenuSection as r}from"@react-aria/menu";import{mergeProps as e}from"@react-aria/utils";import o,{Fragment as t}from"react";import i from"../utils/clsx";import s from"../divider";import{__DEV__ as a}from"../utils/assertion";import{StyledDropdownSection as n,StyledDropdownSectionWrapper as d,StyledDropdownSectionTitle as m}from"./dropdown.styles";import p from"./dropdown-item";import{jsx as c}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";const u=o=>{var a,u;const{item:x,state:w,css:f,as:h,color:v,textColor:N,variant:y,withDivider:g=!0,className:j,onAction:P}=o,{itemProps:b,headingProps:k,groupProps:A}=r({heading:x.rendered,"aria-label":x["aria-label"]});return l(t,{children:[x.key!==w.collection.getFirstKey()&&g&&c(s,{as:"li",className:"nextui-dropdown-section-divider",css:{my:"$2"}}),l(d,{...b,className:"nextui-dropdown-section-wrapper",children:[x.rendered&&c(m,{...k,className:"nextui-dropdown-section-title",children:x.rendered}),c(n,{...A,as:(null==(a=x.props)?void 0:a.as)||h,className:i("nextui-dropdown-section",j),css:{...e(f,null==(u=x.props)?void 0:u.css)},children:[...x.childNodes].map((r=>{let e=c(p,{color:v,item:r,state:w,textColor:N,variant:y,onAction:P},r.key);return r.wrapper&&(e=r.wrapper(e)),e}))})]})]})};a&&(u.displayName="NextUI.DropdownSection"),u.toString=()=>".nextui-dropdown-section";export default u;

package/esm/dropdown/dropdown-trigger.js

@@ -0,0 +1 @@
+import r from"react";import o from"../popover";import{__DEV__ as t}from"../utils/assertion";import{useDropdownContext as e}from"./dropdown-context";import{jsx as i}from"react/jsx-runtime";const n=r.forwardRef(((r,t)=>{const{children:n,...p}=r,{getMenuTriggerProps:m}=e();return i(o.Trigger,{...m(p),children:n})}));t&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;

package/esm/dropdown/dropdown-types.js

@@ -0,0 +1 @@
+export{};

package/esm/dropdown/dropdown.js

@@ -0,0 +1 @@
+import r from"react";import e from"../popover";import{__DEV__ as o}from"../utils/assertion";import{DropdownProvider as t}from"./dropdown-context";import{useDropdown as i}from"./use-dropdown";import{jsx as n}from"react/jsx-runtime";import{jsxs as s}from"react/jsx-runtime";const m=o=>{const{children:m,...p}=o,d=i(p),[a,l]=r.Children.toArray(m);return n(t,{value:d,children:s(e,{ref:d.menuPopoverRef,...d.popoverProps,borderWeight:d.borderWeight,disableAnimation:d.disableAnimation,isOpen:d.state.isOpen,scrollRef:d.menuRef,triggerRef:d.menuTriggerRef,onClose:d.state.close,children:[a,n(e.Content,{children:l})]})})};o&&(m.displayName="NextUI.Dropdown"),m.toString=()=>".nextui-dropdown";export default m;

package/esm/dropdown/dropdown.styles.js

@@ -0,0 +1 @@
+import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledDropdownMenu=o("ul",{$$dropdownItemHeight:"$space$13",$$dropdownMenuPadding:"$space$4",$$dropdownMenuWidth:"250px",$$dropdownMenuMinWidth:"250px",listStyle:"none",position:"relative",maxWidth:"$$dropdownMenuWidth",minWidth:"$$dropdownMenuMinWidth",width:"100%",p:"$$dropdownMenuPadding",m:0,outline:"none"});export const StyledDropdownItemIconWrapper=o("span",{dflex:"center",flexShrink:0,mr:"$4"});export const StyledDropdownItemKbd=o("kbd",{opacity:.8,ml:"$4",mr:0,dflex:"center",color:"$$dropdownItemKeyboardColor",fontSize:"$xs",fontFamily:"$sans",boxShadow:"none",bg:"transparent",transition:"border 0.12s ease 0s"});export const StyledDropdownItemContentWrapper=o("div",{d:"flex",flex:"1 1 0%",flexDirection:"column",alignItems:"flex-start",lineHeight:1.2});export const StyledDropdownItemContent=o("span",{flex:"1 1 0%"});export const StyledDropdownItemDescription=o("span",{fontSize:"$xs",color:"$$dropdownItemDescriptionColor",truncateText:"calc($$dropdownMenuWidth * 0.9)",transition:"color 0.12s ease 0s",variants:{hasIcon:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}},hasCommand:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}}},compoundVariants:[{hasIcon:!0,hasCommand:!0,css:{truncateText:"calc($$dropdownMenuWidth * 0.6)"}}]});export const StyledDropdownItem=o("li",{$$dropdownItemPressedScale:.97,$$dropdownItemTextColor:"$colors$text",$$dropdownItemBorderRadius:"$radii$sm",$$dropdownItemKeyboardColor:"$colors$accents8",$$dropdownItemDescriptionColor:"$colors$accents8",dflex:"center",outline:"none",cursor:"pointer",justifyContent:"space-between",bg:"transparent",position:"relative",height:"$$dropdownItemHeight",px:"$6",br:"$$dropdownItemBorderRadius",color:"$$dropdownItemTextColor",mb:0,transition:"$dropdownItem",transform:"translateZ(0)",backfaceVisibility:"hidden",$$dropdownItemShadow:"$colors$primaryShadow","@motion":{transition:"none",[`& ${StyledDropdownItemKbd}`]:{transition:"none"},[`& ${StyledDropdownItemDescription}`]:{transition:"none"}},variants:{color:{default:{$$dropdownItemHoverBackground:"$colors$neutralLight",$$dropdownItemHoverTextColor:"$colors$neutralLightContrast",$$dropdownItemActiveBackground:"$colors$neutralLightActive",$$dropdownItemSolidHoverBackground:"$colors$neutral",$$dropdownItemSolidHoverTextColor:"$colors$neutralSolidContrast",$$dropdownItemShadow:"$colors$neutralShadow",$$dropdownItemHoverBorderColor:"$colors$neutralBorder"},primary:{$$dropdownItemHoverBackground:"$colors$primaryLight",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast",$$dropdownItemActiveBackground:"$colors$primaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$primary",$$dropdownItemSolidHoverTextColor:"$colors$primarySolidContrast",$$dropdownItemShadow:"$colors$primaryShadow",$$dropdownItemHoverBorderColor:"$colors$primaryBorder"},secondary:{$$dropdownItemHoverBackground:"$colors$secondaryLight",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast",$$dropdownItemActiveBackground:"$colors$secondaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$secondary",$$dropdownItemSolidHoverTextColor:"$colors$secondarySolidContrast",$$dropdownItemShadow:"$colors$secondaryShadow",$$dropdownItemHoverBorderColor:"$colors$secondaryBorder"},success:{$$dropdownItemHoverBackground:"$colors$successLight",$$dropdownItemHoverTextColor:"$colors$successLightContrast",$$dropdownItemActiveBackground:"$colors$successLightActive",$$dropdownItemSolidHoverBackground:"$colors$success",$$dropdownItemSolidHoverTextColor:"$colors$successSolidContrast",$$dropdownItemShadow:"$colors$successShadow",$$dropdownItemHoverBorderColor:"$colors$successBorder"},warning:{$$dropdownItemHoverBackground:"$colors$warningLight",$$dropdownItemHoverTextColor:"$colors$warningLightContrast",$$dropdownItemActiveBackground:"$colors$warningLightActive",$$dropdownItemSolidHoverBackground:"$colors$warning",$$dropdownItemSolidHoverTextColor:"$colors$warningSolidContrast",$$dropdownItemShadow:"$colors$warningShadow",$$dropdownItemHoverBorderColor:"$colors$warningBorder"},error:{$$dropdownItemHoverBackground:"$colors$errorLight",$$dropdownItemHoverTextColor:"$colors$errorLightContrast",$$dropdownItemActiveBackground:"$colors$errorLightActive",$$dropdownItemSolidHoverBackground:"$colors$error",$$dropdownItemSolidHoverTextColor:"$colors$errorSolidContrast",$$dropdownItemShadow:"$colors$errorShadow",$$dropdownItemHoverBorderColor:"$colors$errorBorder"}},textColor:{default:{},primary:{$$dropdownItemTextColor:"$colors$primaryLightContrast",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast"},secondary:{$$dropdownItemTextColor:"$colors$secondaryLightContrast",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast"},success:{$$dropdownItemTextColor:"$colors$successLightContrast",$$dropdownItemHoverTextColor:"$colors$successLightContrast"},warning:{$$dropdownItemTextColor:"$colors$warningLightContrast",$$dropdownItemHoverTextColor:"$colors$warningLightContrast"},error:{$$dropdownItemTextColor:"$colors$errorLightContrast",$$dropdownItemHoverTextColor:"$colors$errorLightContrast"}},variant:{flat:{true:{}},light:{true:{}},solid:{true:{}},shadow:{true:{}}},isPressed:{true:{bg:"$$dropdownItemActiveBackground"}},isFocused:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",zIndex:"$1",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${StyledDropdownItemDescription}`]:{color:"currentColor"}}},isHovered:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${StyledDropdownItemDescription}`]:{color:"currentColor"}}},shouldShowOutline:{true:{outline:"solid 2px $$dropdownItemActiveBackground"}},isSelected:{true:{}},isSelectable:{true:{}},isDisabled:{true:{color:"$accents5",cursor:"default"}},withDescription:{true:{height:"calc($$dropdownItemHeight * 1.2)"}},withDivider:{true:{mt:"$6","&:before":{content:'""',position:"absolute",top:"-$3",left:"-$$dropdownMenuPadding",right:"-$$dropdownMenuPadding",height:"$$dropdownItemBorderWeight",bg:"$border"}}},dividerWeight:{light:{$$dropdownItemBorderWeight:"$borderWeights$light"},normal:{$$dropdownItemBorderWeight:"$borderWeights$normal"},bold:{$$dropdownItemBorderWeight:"$borderWeights$bold"},extrabold:{$$dropdownItemBorderWeight:"$borderWeights$extrabold"},black:{$$dropdownItemBorderWeight:"$borderWeights$black"}},showFullDescription:{true:{[`& ${StyledDropdownItemDescription}`]:{mt:"$2",overflow:"visible",textOverflow:"visible",whiteSpace:"normal"}}},disableAnimation:{true:{transition:"none",[`& ${StyledDropdownItemKbd}`]:{transition:"none"},[`& ${StyledDropdownItemDescription}`]:{transition:"none"}}}},compoundVariants:[{isPressed:!0,disableAnimation:!1,css:{transform:"scale($$dropdownItemPressedScale)"}},{isHovered:!0,variant:"light",css:{bg:"transparent"}},{isFocused:!0,variant:"light",css:{bg:"transparent"}},{isHovered:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isHovered:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${StyledDropdownItemKbd}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{variant:"flat",color:"default",css:{$$dropdownItemHoverTextColor:"$colors$foreground"}}],defaultVariants:{color:"default",textColor:"default",dividerWeight:"light",variant:"flat"}},r);export const StyledDropdownSectionWrapper=o("li",{mb:0});export const StyledDropdownSection=o("ul",{m:0,p:0,listStyle:"none"});export const StyledDropdownSectionTitle=o("span",{fontWeight:"$medium",fontSize:"$xs",padding:"0 $4",color:"$accents8"});

package/esm/dropdown/index.js

@@ -0,0 +1 @@
+import{Section as o}from"@react-stately/collections";import t from"./base/dropdown-item-base";import e from"./dropdown-trigger";import r from"./dropdown-menu";import d from"./dropdown-button";import n from"./dropdown";n.Trigger=e,n.Button=d,n.Menu=r,n.Section=o,n.Item=t;export{StyledDropdownMenu,StyledDropdownItem,StyledDropdownItemIconWrapper,StyledDropdownItemKbd,StyledDropdownItemContentWrapper,StyledDropdownItemContent,StyledDropdownItemDescription,StyledDropdownSectionWrapper,StyledDropdownSection,StyledDropdownSectionTitle}from"./dropdown.styles";export default n;

package/esm/dropdown/use-dropdown.js

@@ -0,0 +1 @@
+import{useRef as e,useCallback as r}from"react";import{mergeProps as t}from"@react-aria/utils";import{useMenuTrigger as i}from"@react-aria/menu";import{useMenuTriggerState as o}from"@react-stately/menu";import{mergeRefs as s}from"../utils/refs";export function useDropdown(n={}){const{triggerRef:a,type:l="menu",trigger:u="press",isDisabled:m=!1,borderWeight:p,closeOnSelect:c,disableAnimation:g=!1,disableTriggerPressedAnimation:f=!1,...d}=n,b=e(null),P=a||b,y=e(null),T=e(null),h=o(n),{menuTriggerProps:A,menuProps:R}=i({type:l,trigger:u,isDisabled:m},h,P),D=r(((e={},r=null)=>{const{css:i,...o}=null!=a&&a.current?t(A,e):t(e,A);return{ref:s(b,r),css:f?i:{'&[aria-haspopup="true"]&[aria-expanded="true"]':{opacity:.7,backfaceVisibility:"hidden",transform:"translateZ(0) scale(0.97)"},...i},...o}}),[b,a,A,f]);return{...R,popoverProps:d,state:h,ref:y,onClose:h.close,autoFocus:h.focusStrategy||!0,disableAnimation:g,disableTriggerPressedAnimation:f,menuRef:y,borderWeight:p,menuPopoverRef:T,menuTriggerRef:P,closeOnSelect:c,getMenuTriggerProps:D}}

package/esm/grid/grid-container.js

@@ -0,0 +1 @@
+import r,{useMemo as i}from"react";import a from"../utils/clsx";import t from"../utils/with-defaults";import e from"./grid-item";import{jsx as s}from"react/jsx-runtime";const c=r.forwardRef((({gap:r,wrap:t,css:c,children:o,className:n,...p},l)=>{const m=i((()=>`calc(${r} * $space$3)`),[r]);return s(e,{ref:l,className:a("nextui-grid-container",n),css:{$$gridGapUnit:m,display:"flex",flexWrap:t,boxSizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...c},...p,children:o})}));c.displayName="NextUI.GridContainer",c.toString=()=>".nextui-grid-container";export default t(c,{gap:0,wrap:"wrap",className:""});

package/esm/grid/grid-item.js

@@ -0,0 +1 @@
+import t,{useMemo as s}from"react";import e from"../utils/clsx";import i from"../utils/with-defaults";import{StyledGridItem as r}from"./grid.styles";import{jsx as m}from"react/jsx-runtime";const l=t=>{const s=0===t?"none":"inherit";if("number"==typeof t){const e=100/12*t,i=e>100?"100%":e<0?"0":`${e}%`;return{flexGrow:0,display:s,maxWidth:i,flexBasis:i}}return{flexGrow:1,display:s,maxWidth:"100%",flexBasis:"0"}},n=t.forwardRef((({xs:t,sm:i,md:n,lg:o,xl:x,css:a,justify:d,direction:c,alignItems:f,alignContent:u,children:g,className:p,...y},h)=>{const j=s((()=>{const s={xs:t,sm:i,md:n,lg:o,xl:x};return Object.keys(s).reduce(((t,e)=>void 0!==s[e]&&!1!==s[e]?`${t} ${e}`:t),"").trim()}),[t,i,n,o,x]);return m(r,{ref:h,className:e("nextui-grid-item",j,p),css:{alignItems:f,alignContent:u,justifyContent:d,flexDirection:c,"&.xs":{...l(t)},"@xsMax":{"&.xs":{...l(t)}},"@sm":{"&.sm":{...l(i)}},"@md":{"&.md":{...l(n)}},"@lg":{"&.lg":{...l(o)}},"@xl":{"&.xl":{...l(x)}},...a},...y,children:g})}));n.displayName="NextUI.GridItem",n.toString=()=>".nextui-grid-item";export default i(n,{xs:!1,sm:!1,md:!1,lg:!1,xl:!1,className:""});

package/esm/grid/grid.js

@@ -0,0 +1 @@
+import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";const i=r.forwardRef((({children:r,css:i,...o},m)=>e(t,{ref:m,css:{...i},...o,children:r})));i.displayName="NextUI.Grid",i.toString=()=>".nextui-grid";export default i;

package/esm/grid/grid.styles.js

@@ -0,0 +1 @@
+import{styled as i}from"../theme/stitches.config";export const StyledGridContainer=i("div",{});export const StyledGridItem=i("div",{margin:0,boxSizing:"border-box",padding:"$$gridGapUnit"});

package/esm/grid/index.js

@@ -0,0 +1 @@
+import r from"./grid";import t from"./grid-container";export{StyledGridContainer,StyledGridItem}from"./grid.styles";r.Container=t;export default r;

package/esm/image/image.js

@@ -0,0 +1 @@
+import t,{useEffect as e,useMemo as r,useState as o}from"react";import a from"../use-real-shape";import i from"../use-current-state";import s from"../use-resize";import{useDOMRef as m}from"../utils/dom";import{__DEV__ as n}from"../utils/assertion";import c from"../utils/clsx";import{StyledImage as u,StyledImageContainer as l}from"./image.styles";import p from"./image.skeleton";import{jsx as f}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";export const Image=t.forwardRef(((t,n)=>{const{src:g,width:h,height:x,showSkeleton:w=!0,className:y,maxDelay:j=3e3,autoResize:I=!1,objectFit:N="scale-down",containerCss:b,css:T,...$}=t,k=m(n),[z,F]=o(!0),[R,S]=o(w),{w:C,h:D}=r((()=>({w:h?"number"==typeof h?`${h}px`:h:"auto",h:x?"number"==typeof x?`${x}px`:x:"auto"})),[h,x]),[L,U,q]=i(D),[v,A]=a(k),B=w&&!!h&&!!x;e((()=>{k.current&&k.current.complete&&(F(!1),S(!1))})),e((()=>{const t=setTimeout((()=>{B&&S(!1),clearTimeout(t)}),j);return()=>clearTimeout(t)}),[z]),e((()=>{if(!I)return;const t=0===v.width,e="auto"===q.current;!t&&h&&x&&(v.width<h?!e&&U("auto"):e&&U(D))}),[v,h]),s((()=>{I&&A()}));const E=r((()=>z?"loading":"ready"),[z]);return d(l,{className:c("nextui-image-container",`nextui-image--${E}`,y),css:{width:C,height:L,...b},"data-state":E,ready:!z||R,children:[R&&f(p,{opacity:1}),f(u,{ref:k,alt:t.alt||"",className:"nextui-image",css:{objectFit:N,...T},"data-state":E,height:x,src:g,width:h,onLoad:()=>{F(!1)},...$})]})}));n&&(Image.displayName="NextUI.Image"),Image.toString=()=>".nextui-image";export default t.memo(Image);

package/esm/image/image.skeleton.js

@@ -0,0 +1 @@
+import t from"react";import e from"../utils/with-defaults";import s from"../utils/clsx";import{__DEV__ as m}from"../utils/assertion";import{StyledImageSkeleton as o}from"./image.styles";import{jsx as i}from"react/jsx-runtime";const a=t.memo((({opacity:t,css:e,className:m,...a})=>i(o,{className:s("nextui-image-skeleton",m),css:{opacity:t,...e},...a})));m&&(a.displayName="NextUI.ImageSkeleton"),a.toString=()=>".nextui-image-skeleton";export default e(a,{opacity:.5,className:""});

package/esm/image/image.styles.js

@@ -0,0 +1 @@
+import{keyframes as o,styled as t}from"../theme/stitches.config";const i=o({"0%":{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}});export const StyledImageContainer=t("div",{opacity:0,margin:"0 auto",position:"relative",overflow:"hidden",maxWidth:"100%",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms","@motion":{transition:"none"},variants:{ready:{true:{opacity:1},false:{opacity:0}}}});export const StyledImage=t("img",{size:"100%",display:"block"});export const StyledImageSkeleton=t("div",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",borderRadius:"inherit",backgroundImage:"linear-gradient(270deg, $colors$accents1, $colors$accents2, $colors$accents2, $colors$accents1)",backgroundSize:"400% 100%",animation:`${i} 5s ease-in-out infinite`,transition:"opacity 300ms ease-out"});

package/esm/image/index.js

@@ -0,0 +1 @@
+import e from"./image";export{StyledImageContainer,StyledImage,StyledImageSkeleton}from"./image.styles";export default e;

package/esm/index.js

@@ -0,0 +1 @@
+export*from"./utils/prop-types";export{default as useCurrentState}from"./use-current-state";export{default as useRealShape}from"./use-real-shape";export{default as useResize}from"./use-resize";export{default as useTheme}from"./use-theme";export{default as usePortal}from"./use-portal";export{default as useSSR}from"./use-ssr";export{default as useBodyScroll}from"./use-body-scroll";export{default as useClickAway}from"./use-click-away";export{default as useClipboard}from"./use-clipboard";export{default as useClickAnywhere}from"./use-click-anywhere";export{default as useInput}from"./use-input";export{default as useKeyboard}from"./use-keyboard";export{default as usePagination}from"./use-pagination";export{default as useScrollPosition}from"./use-scroll-position";export{default as useIntersectionObserver}from"./use-intersection-observer";export{default as useDrip}from"./use-drip";export{default as Drip}from"./utils/drip";export{KeyMod,KeyCode}from"./use-keyboard/codes";export{default as CssBaseline}from"./css-baseline";export{useAsyncList}from"@react-stately/data";export{useCollator}from"@react-aria/i18n";export{default as NextUIProvider}from"./theme/theme-provider";export{changeTheme,getDocumentTheme,getTokenValue}from"./theme/utils";export{styled,css,theme,createTheme,getCssText,globalCss,keyframes,config,config as stitchesConfig,theme as defaultTheme}from"./theme/stitches.config";export*from"./theme/shared-css";export*from"./theme/colors";export{default as Avatar}from"./avatar";export*from"./avatar";export{default as Button}from"./button";export*from"./button";export{default as Card}from"./card";export*from"./card";export{default as Checkbox}from"./checkbox";export*from"./checkbox";export{default as Code}from"./code";export*from"./code";export{default as Col}from"./col";export*from"./col";export{default as Collapse}from"./collapse";export*from"./collapse";export{default as Container}from"./container";export*from"./container";export{default as Divider}from"./divider";export*from"./divider";export{default as Grid}from"./grid";export*from"./grid";export{default as Image}from"./image";export*from"./image";export{default as Spacer}from"./spacer";export*from"./spacer";export{default as Snippet}from"./snippet";export*from"./snippet";export{default as Row}from"./row";export*from"./row";export{default as Link}from"./link";export*from"./link";export{default as Loading}from"./loading";export*from"./loading";export{default as Radio}from"./radio";export*from"./radio";export{default as Text}from"./text";export*from"./text";export{default as Switch}from"./switch";export*from"./switch";export{default as Backdrop}from"./backdrop";export*from"./backdrop";export{default as User}from"./user";export*from"./user";export{default as Progress}from"./progress";export*from"./progress";export{default as Modal}from"./modal";export*from"./modal";export{default as useModal}from"./modal/use-modal";export{default as Pagination}from"./pagination";export*from"./pagination";export{default as Tooltip}from"./tooltip";export*from"./tooltip";export{default as Input}from"./input";export*from"./input";export{default as Textarea}from"./textarea";export{default as Table}from"./table";export*from"./table";export{default as Popover}from"./popover";export*from"./popover";export{default as Dropdown}from"./dropdown";export*from"./dropdown";export{default as Badge}from"./badge";export*from"./badge";export{default as Navbar}from"./navbar";export*from"./navbar";

package/esm/input/index.js

@@ -0,0 +1 @@
+import t from"../textarea";import e from"./input";import n from"./input-password";export{StyledInputMainContainer,StyledInputContainer,StyledInputWrapper,StyledHelperTextContainer,StyledHelperText,StyledInputPlaceholder,StyledInputBlockLabel,StyledInputLabel,StyledInputContent,StyledInputClearButton,StyledInput}from"./input.styles";e.Textarea=t,e.Password=n;export default e;

package/esm/input/input-password.js

@@ -0,0 +1 @@
+import t,{useImperativeHandle as i,useMemo as o,useRef as r,useState as e}from"react";import n from"../utils/with-defaults";import s from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{defaultProps as p}from"./input-props";import c from"./password-icon";import m from"./input";import{jsx as a}from"react/jsx-runtime";const d={...p,hideToggle:!1,visibleIcon:a(c,{visible:!0}),hiddenIcon:a(c,{visible:!1})},u=t.forwardRef((({hideToggle:t,visibleIcon:n,hiddenIcon:l,children:p,...c},d)=>{const u=r(null),[f,h]=e(!1);i(d,(()=>u.current));const x=()=>{h((t=>!t))},w=o((()=>({...c,ref:u,className:s("nextui-input-password",c.className),contentClickable:!0,onContentClick:x,type:f?"text":"password"})),[c,x,f,u]),g=o((()=>t?null:f?n:l),[t,f,n,l]);return a(m,{contentRight:g,...w,children:p})}));l&&(u.displayName="NextUI.InputPassword"),u.toString=()=>".nextui-input-password";export default n(u,d);

package/esm/input/input-props.js

@@ -0,0 +1 @@
+export const defaultProps={disabled:!1,bordered:!1,readOnly:!1,clearable:!1,rounded:!1,animated:!0,underlined:!1,shadow:!0,fullWidth:!1,contentClickable:!1,contentRightStyling:!0,contentLeftStyling:!0,required:!1,width:"initial",size:"md",color:"default",helperColor:"default",status:"default",borderWeight:"normal",autoComplete:"off",className:"",placeholder:"",initialValue:""};

package/esm/input/input.js

@@ -0,0 +1 @@
+import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import o from"../use-theme";import{warn as d}from"../utils/console";import s from"../utils/clear-icon";import c from"../utils/clsx";import{__DEV__ as u}from"../utils/assertion";import{StyledInput as p,StyledInputMainContainer as m,StyledInputContainer as h,StyledHelperTextContainer as f,StyledHelperText as b,StyledInputWrapper as $,StyledInputPlaceholder as g,StyledInputClearButton as y,StyledInputBlockLabel as C,StyledInputLabel as x,StyledInputContent as w}from"./input.styles";import{defaultProps as N}from"./input-props";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:N,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:F,contentLeft:j,contentRight:O,contentClickable:V,contentLeftStyling:q,contentRightStyling:U,onContentClick:W,initialValue:z,onChange:E,readOnly:A,value:G,onClearClick:H,clearable:J,shadow:K,animated:M,required:Q,width:X,className:Y,onBlur:Z,onFocus:_,autoComplete:ee,placeholder:te,fullWidth:ae,borderWeight:re,disabled:le,bordered:ne,underlined:ie,rounded:oe,css:de,...se},ce)=>{const ue=l(null);a(ce,(()=>ue.current));const[pe,me]=n(z),[he,fe]=n(!1),{isDark:be}=o(),$e=r((()=>void 0!==G),[G]),ge=r((()=>N||R),[N,R]),ye=r((()=>R?"":te),[te,R]),Ce=r((()=>ae?"100%":X||"initial"),[ae,X]);ie&&u&&(ne&&d("Using underlined and bordered at the same time will have no effect."),oe&&d("Using underlined and rounded at the same time will have no effect."));const xe=(e,t)=>{le||W&&W(e,t)};t((()=>{$e&&me(G)}),[$e,G]);const we=r((()=>"textarea"===e),[e]),Ne={...se,...$e?{value:pe}:{defaultValue:z}},{labelProps:ve,fieldProps:ke}=i({...Ne,label:ge}),Se=r((()=>he?"hover":le?"disabled":A?"read-only":pe?"with-value":"normal"),[he,le,A,pe]);return k(m,{borderWeight:re,className:c(`${S}-main-container`,`${S}-main-container--${Se}`),color:T,css:{width:Ce,...de},"data-state":Se,disabled:le,helperColor:B,rounded:oe,size:P,status:F,children:[ge&&v(C,{animated:M,asPlaceholder:!!R,bordered:ne,className:`${S}-block-label`,focused:he,hasContentLeft:!!j,htmlFor:"htmlFor"in ve?ve.htmlFor:"",id:ve.id,isTextarea:we,rounded:oe,underlined:ie,withValue:!!pe,children:ge}),v(h,{animated:M,className:c(`${S}-container`,`${S}-container--${Se}`,{[`${S}-container--input`]:!we,[`${S}-container--textarea`]:we,[`${S}-container--read-only`]:A},Y),focused:he,isReadOnly:A,isTextarea:we,underlined:ie,children:k($,{animated:M,as:ge?"div":"label",bordered:ne,className:c(`${S}-wrapper`,`${S}-wrapper--${Se}`,{[`${S}-wrapper--bordered`]:ne,[`${S}-wrapper--underlined`]:ie,[`${S}-wrapper--shadow`]:K}),disabled:le,focused:he,isReadOnly:A,isTextarea:we,shadow:K,underlined:ie,children:[!ge&&te&&v(g,{className:`${S}-placeholder`,children:te}),I&&v(x,{bordered:ne,className:`${S}-label--left`,isDark:be,isDefaultStatus:"default"===F,underlined:ie,children:I}),j&&v(w,{applyStyles:q,className:c(`${S}-content`,`${S}-content--left`),clickable:V,onClick:e=>xe("left",e),children:j}),v(p,{ref:ue,"aria-multiline":we,"aria-placeholder":ye,"aria-readonly":A,"aria-required":Q,as:e,autoComplete:ee,bordered:ne,className:c({[`${S}`]:!we,[`${S}-textarea`]:we,[`${S}-disabled`]:le,[`${S}-rounded`]:oe,[`${S}-${S}-right-content`]:O,[`${S}-left-content`]:j}),"data-state":Se,disabled:le,focused:he,hasLeftContent:!!j,hasRightContent:!!O,isTextarea:we,placeholder:ye,readOnly:A,required:Q,type:"text",onBlur:e=>{fe(!1),Z&&Z(e)},onChange:e=>{le||A||(me(e.target.value),E&&E(e))},onFocus:e=>{fe(!0),_&&_(e)},...Ne,...ke}),J&&v(y,{animated:M,className:`${S}-clear-button`,disabled:le||A,hasContentRight:!!O,type:"button",underlined:ie,visible:Boolean(pe),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),me(""),H&&H(e),!ue.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(ue.current,e);t.target.value="",E&&E(t),ue.current.focus()},children:v(s,{fill:"currentColor"})}),O&&v(w,{applyStyles:U,className:c(`${S}-content`,`${S}-content--right`),clickable:V,onClick:e=>xe("right",e),children:O}),L&&v(x,{bordered:ne,className:`${S}-label--right`,isDark:be,isDefaultStatus:"default"===F,isRight:!0,underlined:ie,children:L})]})}),v(f,{className:`${S}-helper-text-container`,withValue:!!D,children:D&&v(b,{className:`${S}-helper-text`,children:D})})]})}));R.displayName="NextUI.Input",R.defaultProps=N,R.toString=()=>".nextui-input";export default R;

package/esm/input/input.styles.js

@@ -0,0 +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"}}}}});

package/esm/input/password-icon.js

@@ -0,0 +1 @@
+import r from"react";import{jsx as e}from"react/jsx-runtime";import{Fragment as t}from"react/jsx-runtime";import{jsxs as o}from"react/jsx-runtime";const i=({visible:r})=>e("svg",{className:"nextui-input-password-icon",fill:"none",height:"16",shapeRendering:"geometricPrecision",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",style:{color:"currentColor"},viewBox:"0 0 24 24",width:"16",children:o(t,r?{children:[e("path",{d:"M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24"}),e("path",{d:"M1 1l22 22"})]}:{children:[e("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),e("circle",{cx:"12",cy:"12",r:"3"})]})}),s=r.memo(i);export default s;

package/esm/link/icon.js

@@ -0,0 +1 @@
+import e from"react";import{StyledLinkIcon as o}from"./link.styles";import{jsx as i}from"react/jsx-runtime";import{jsxs as t}from"react/jsx-runtime";export const LinkIcon=()=>t(o,{className:"nextui-link-icon",fill:"none",height:"1em",shapeRendering:"geometricPrecision",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",viewBox:"0 0 24 24",width:"1em",children:[i("path",{d:"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"}),i("path",{d:"M15 3h6v6"}),i("path",{d:"M10 14L21 3"})]});LinkIcon.toString=()=>".nextui-link-icon";export default e.memo(LinkIcon);

package/esm/link/index.js

@@ -0,0 +1 @@
+import t from"./link";export{StyledLink,StyledLinkIcon}from"./link.styles";export default t;

package/esm/link/link.js

@@ -0,0 +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;

package/esm/link/link.styles.js

@@ -0,0 +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;

package/esm/loading/index.js

@@ -0,0 +1 @@
+import e from"./loading";export{StyledLoadingContainer,StyledSpinnerContainer,StyledSpinner,StyledSpinnerSpan,StyledLoading,StyledLoadingLabel}from"./loading.styles";export{default as Spinner}from"./spinner";export default e;

package/esm/loading/loading.js

@@ -0,0 +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"});

package/esm/loading/loading.styles.js

@@ -0,0 +1 @@
+import{styled as o,keyframes as i}from"../theme/stitches.config";const a=i({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),e=i({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),n=i({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),t=i({"0%":{opacity:1},"100%":{opacity:.15}});export const StyledLoadingContainer=o("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{currentColor:{$$loadingColor:"currentColor"},white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});export const StyledSpinnerContainer=o("div",{size:"100%",position:"relative",left:"50%",top:"50%"});export const StyledSpinner=o("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});export const StyledSpinnerSpan=o("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${t} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});export const StyledLoading=o("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${n} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${a} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${e} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});export const StyledLoadingLabel=o("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});

package/esm/loading/spinner.js

@@ -0,0 +1 @@
+import r from"react";import e from"../utils/clsx";import{StyledSpinner as i,StyledSpinnerContainer as n,StyledSpinnerSpan as o,StyledLoadingLabel as s}from"./loading.styles";import{jsx as t}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const l=({children:r,size:l,color:c,textColor:m,className:p,...x})=>{const d=Array.isArray(r)?(null==r?void 0:r.length)>1&&void 0!==r[0]:void 0!==r,u=r&&d?"":"Loading";return a(i,{className:e("nextui-spinner",p),color:c,size:l,...x,children:[t(n,{"aria-label":u,className:"nextui-spinner-container",children:[...new Array(12)].map(((r,e)=>t(o,{},`nextui-spinner-${e}`)))}),r&&t(s,{color:m,size:l,children:r})]})};l.toString=()=>".nextui-spinner";export default l;

package/esm/modal/index.js

@@ -0,0 +1 @@
+import o from"./modal";import d from"./modal-header";import e from"./modal-body";import l from"./modal-footer";o.Header=d,o.Body=e,o.Footer=l;export{StyledModalHideTab,StyledModalCloseButton,StyledModalHeader,StyledModalBody,StyledModalFooter,StyledModal}from"./modal.styles";export default o;

package/esm/modal/modal-body.js

@@ -0,0 +1 @@
+import o,{useContext as t,useMemo as a}from"react";import r from"../utils/with-defaults";import i from"../utils/clsx";import{ModalContext as m}from"./modal-context";import{StyledModalBody as n}from"./modal.styles";import{jsx as s}from"react/jsx-runtime";const d="nextui-modal-body",e=({className:o,children:r,autoMargin:e,...l})=>{const{autoMargin:u,noPadding:c}=t(m),g=a((()=>void 0!==u?u:e),[e,u]);return s(n,{autoMargin:g,className:i(d,{[`${d}-auto-margin`]:g,[`${d}-no-padding`]:c},o),noPadding:c,...l,children:r})};e.toString=()=>".nextui-modal-body";const l=o.memo(e);export default r(l,{className:"",autoMargin:!0});

package/esm/modal/modal-close-button.js

@@ -0,0 +1 @@
+import o from"react";import t from"../utils/clear-icon";import{StyledModalCloseButton as e}from"./modal.styles";import{jsx as i}from"react/jsx-runtime";const a=({onClick:o,...a})=>i(e,{"aria-label":"Close",className:"nextui-modal-close-icon",type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),t.nativeEvent.stopImmediatePropagation(),o&&o(t)},...a,children:i(t,{plain:!0,"aria-hidden":!0,className:"nextui-modal-close-icon-svg",fill:"currentColor",size:18})});a.toString=()=>".nextui-modal-close-icon";const l=o.memo(a);export default l;

package/esm/modal/modal-context.js

@@ -0,0 +1 @@
+import t from"react";const o={};export const ModalContext=t.createContext(o);export const useModalContext=()=>t.useContext(ModalContext);

package/esm/modal/modal-footer.js

@@ -0,0 +1 @@
+import t,{useMemo as o,useContext as a}from"react";import r from"../utils/with-defaults";import i from"../utils/clsx";import{StyledModalFooter as n}from"./modal.styles";import{ModalContext as s}from"./modal-context";import{jsx as m}from"react/jsx-runtime";const e="nextui-modal-footer",d=({children:t,className:r,justify:d,autoMargin:l,css:u,...c})=>{const{autoMargin:f,noPadding:g}=a(s),p=o((()=>void 0!==f?f:l),[l,f]);return m(n,{autoMargin:p,className:i(e,{[`${e}-auto-margin`]:p,[`${e}-no-padding`]:g},r),css:{justifyContent:d,...u},noPadding:g,...c,children:t})};d.toString=()=>".nextui-modal-footer";const l=t.memo(d);export default r(l,{className:"",justify:"flex-end",autoMargin:!0});

package/esm/modal/modal-header.js

@@ -0,0 +1 @@
+import t,{useContext as o,useMemo as a}from"react";import r from"../utils/with-defaults";import i from"../utils/clsx";import{StyledModalHeader as n}from"./modal.styles";import{ModalContext as s}from"./modal-context";import{jsx as e}from"react/jsx-runtime";const m="nextui-modal-header",d=({children:t,className:r,justify:d,autoMargin:u,css:c,...l})=>{const{autoMargin:f,noPadding:g}=o(s),p=a((()=>void 0!==f?f:u),[u,f]);return e(n,{autoMargin:p,className:i(m,{[`${m}-auto-margin`]:p,[`${m}-no-padding`]:g},r),css:{justifyContent:d,...c},noPadding:g,...l,children:t})};d.toString=()=>".nextui-modal-header";const u=t.memo(d);export default r(u,{className:"",justify:"center",autoMargin:!0});

package/esm/modal/modal-wrapper.js

@@ -0,0 +1 @@
+import e,{useEffect as r,useRef as t,useMemo as o,useState as n}from"react";import l from"../utils/with-defaults";import i from"../utils/css-transition";import{isChildElement as s}from"../utils/collections";import{KeyCode as c}from"../use-keyboard";import a from"../utils/clsx";import u from"./modal-close-button";import{StyledModal as m,StyledModalHideTab as d}from"./modal.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as b}from"react/jsx-runtime";import{Fragment as p}from"react/jsx-runtime";const x="nextui-modal",h=({className:e,children:l,visible:h,fullScreen:$,closeButton:T,rebound:v,animated:j,onCloseButtonClick:w,scroll:y,...N})=>{const k=t(null),C=t(null),g=t(null),[B,I]=n(!1);r((()=>{const e=setTimeout((()=>{I(!0),clearTimeout(e)}),300);return()=>clearTimeout(e)}),[]),r((()=>{if(!h)return;const e=document.activeElement;s(k.current,e)||C.current&&C.current.focus()}),[h]);const S=e=>{const r=e.keyCode===c.Tab;if(!h||!r)return;const t=document.activeElement;e.shiftKey?t===C.current&&g.current&&g.current.focus():t===g.current&&C.current&&C.current.focus()},E=()=>{w&&w()},K=o((()=>h?"open":"closed"),[h]),D=o((()=>b(m,{ref:k,"aria-modal":h,className:a(x,`${x}--${K}`,{[`${x}-fullscreen`]:$,[`${x}-with-close-button`]:T,[`${x}-rebound`]:v,[`${x}-rendered`]:B},e),closeButton:T,"data-state":K,fullScreen:$,role:"dialog",scroll:y,tabIndex:-1,...N,onKeyDown:S,children:[f(d,{ref:C,"aria-hidden":"true",className:`${x}-hide-tab`,role:"button",tabIndex:0}),T&&f(u,{onClick:E}),l,f(d,{ref:g,"aria-hidden":"true",className:`${x}-hide-tab`,role:"button",tabIndex:0})]})),[v,l]);return f(p,{children:j?f(i,{clearTime:300,enterTime:20,leaveTime:20,name:`${x}-wrapper`,visible:h,children:D}):h?D:null})};h.toString=()=>".nextui-modal-wrapper";export default l(h,{className:"",visible:!1,rebound:!1});