@nextui-org/react 1.0.4-beta.5 → 1.0.7-beta.5

package/esm/pagination/pagination.styles.js

@@ -1 +1 @@
-import{styled as n,sharedFocus as i,keyframes as a}from"../theme/stitches.config";const o=a({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});
+import{styled as n,sharedFocus as i,keyframes as a}from"../theme/stitches.config";const o=a({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}},{rounded:!1,noMargin:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});

package/esm/progress/progress.styles.js

@@ -1 +1 @@
-import{styled as r,keyframes as o}from"../theme/stitches.config";const s=o({"0%":{left:"-40%"},"100%":{left:"100%"}});export const StyledProgress=r("div",{margin:0,padding:0,width:"100%",position:"relative",overflow:"visible",variants:{color:{default:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},primary:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},secondary:{$$progressColor:"$colors$secondary",$$progressShadowColor:"$colors$secondaryShadow"},success:{$$progressColor:"$colors$success",$$progressShadowColor:"$colors$successShadow"},warning:{$$progressColor:"$colors$warning",$$progressShadowColor:"$colors$warningShadow"},error:{$$progressColor:"$colors$error",$$progressShadowColor:"$colors$errorShadow"},gradient:{$$progressColor:"$colors$gradient",$$progressShadowColor:"$colors$primaryShadow"}},status:{default:{bg:"$accents2"},primary:{bg:"$primaryLight"},secondary:{bg:"$secondaryLight"},success:{bg:"$successLight"},warning:{bg:"$warningLight"},error:{bg:"$errorLight"}},size:{xs:{$$progressHeight:"$space$2",height:"$$progressHeight",br:"$$progressHeight"},sm:{$$progressHeight:"$space$4",height:"$$progressHeight",br:"$$progressHeight"},md:{$$progressHeight:"$space$8",height:"$$progressHeight",br:"$$progressHeight"},lg:{$$progressHeight:"$space$10",height:"$$progressHeight",br:"$$progressHeight"},xl:{$$progressHeight:"$space$11",height:"$$progressHeight",br:"$$progressHeight"}},indeterminated:{true:{overflow:"hidden"}},squared:{true:{br:"calc($$progressHeight * 0.25)"}}},defaultVariants:{color:"defuault",status:"default",size:"md"}});export const StyledProgressBar=r("div",{margin:0,padding:0,width:0,opacity:0,height:"100%",minWidth:"inherit",bg:"$$progressColor",br:"inherit",transition:"width 0.5s cubic-bezier(0.4, 0, 0.2, 1)","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},shadow:{true:{normalShadowVar:"$$progressShadowColor"}},striped:{true:{backgroundImage:"linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)",backgroundSize:"$space$lg $space$lg"}},indeterminated:{true:{position:"absolute",width:"0%",transitionProperty:"background-color, width, left, border-color,opacity, shadow, transform",transitionDuration:"300ms",willChange:"left",minWidth:"50%",animation:`1s ease 0s infinite normal none running ${s}`}}}});
+import{styled as r,keyframes as o}from"../theme/stitches.config";const s=o({"0%":{left:"-40%"},"100%":{left:"100%"}});export const StyledProgress=r("div",{margin:0,padding:0,width:"100%",position:"relative",overflow:"visible",variants:{color:{default:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},primary:{$$progressColor:"$colors$primary",$$progressShadowColor:"$colors$primaryShadow"},secondary:{$$progressColor:"$colors$secondary",$$progressShadowColor:"$colors$secondaryShadow"},success:{$$progressColor:"$colors$success",$$progressShadowColor:"$colors$successShadow"},warning:{$$progressColor:"$colors$warning",$$progressShadowColor:"$colors$warningShadow"},error:{$$progressColor:"$colors$error",$$progressShadowColor:"$colors$errorShadow"},gradient:{$$progressColor:"$colors$gradient",$$progressShadowColor:"$colors$primaryShadow"}},status:{default:{bg:"$accents2"},primary:{bg:"$primaryLight"},secondary:{bg:"$secondaryLight"},success:{bg:"$successLight"},warning:{bg:"$warningLight"},error:{bg:"$errorLight"}},size:{xs:{$$progressHeight:"$space$2",height:"$$progressHeight",br:"$$progressHeight"},sm:{$$progressHeight:"$space$4",height:"$$progressHeight",br:"$$progressHeight"},md:{$$progressHeight:"$space$8",height:"$$progressHeight",br:"$$progressHeight"},lg:{$$progressHeight:"$space$10",height:"$$progressHeight",br:"$$progressHeight"},xl:{$$progressHeight:"$space$11",height:"$$progressHeight",br:"$$progressHeight"}},indeterminated:{true:{overflow:"hidden"}},squared:{true:{br:"calc($$progressHeight * 0.25)"}}},defaultVariants:{color:"default",status:"default",size:"md"}});export const StyledProgressBar=r("div",{margin:0,padding:0,width:0,opacity:0,height:"100%",minWidth:"inherit",bg:"$$progressColor",br:"inherit",transition:"width 0.5s cubic-bezier(0.4, 0, 0.2, 1)","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},shadow:{true:{normalShadowVar:"$$progressShadowColor"}},striped:{true:{backgroundImage:"linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)",backgroundSize:"$space$lg $space$lg"}},indeterminated:{true:{position:"absolute",width:"0%",transitionProperty:"background-color, width, left, border-color,opacity, shadow, transform",transitionDuration:"300ms",willChange:"left",minWidth:"50%",animation:`1s ease 0s infinite normal none running ${s}`}}}});

package/esm/table/table-checkbox-cell.js

@@ -1 +1 @@
-import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useToggleState as a}from"@react-stately/toggle";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as c}from"@react-aria/utils";import{useCheckbox as s}from"@react-aria/checkbox";import m from"../checkbox";import{StyledTableCell as n}from"./table.styles";import p from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";const u=e.forwardRef((({cell:e,state:u,color:b,animated:x,...d},h)=>{const k=r(null);o(h,(()=>null==k?void 0:k.current));const{gridCellProps:y}=t({node:e},u,k),{checkboxProps:g}=l({key:(null==e?void 0:e.parentKey)||e.key},u),{isFocusVisible:N,focusProps:P}=i(),C=r(null),{inputProps:j}=s(g,a(g),C);return f(n,{ref:k,isFocusVisible:N,className:p("nextui-table-checkbox-cell",d.className),...c(y,P,d),children:f(m,{...j,ref:C,color:b,animated:x,css:{display:"inherit"}})})}));u.displayName="NextUI - TableCheckboxCell",u.toString=()=>".nextui-table-checkbox-cell";export default u;
+import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import c from"../checkbox";import{StyledTableCell as s}from"./table.styles";import{mapPropsToCheckboxAttr as m}from"./utils";import n from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";const u=e.forwardRef((({cell:e,state:u,color:f,animated:b,...x},d)=>{const h=r(null);o(d,(()=>null==h?void 0:h.current));const{gridCellProps:k}=t({node:e},u,h),{checkboxProps:y}=l({key:(null==e?void 0:e.parentKey)||e.key},u),{isFocusVisible:N,focusProps:C}=i(),P=m(y);return p(s,{ref:h,isFocusVisible:N,className:n("nextui-table-checkbox-cell",x.className),...a(k,C,x),children:p(c,{...P,color:f,animated:b,css:{display:"inherit"}})})}));u.displayName="NextUI - TableCheckboxCell",u.toString=()=>".nextui-table-checkbox-cell";export default u;

package/esm/table/table-select-all-checkbox.js

@@ -1 +1 @@
-import e,{useRef as r,useImperativeHandle as t}from"react";import{useTableColumnHeader as o,useTableSelectAllCheckbox as a}from"@react-aria/table";import{useToggleState as i}from"@react-stately/toggle";import{VisuallyHidden as l}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as s}from"@react-aria/utils";import{useCheckbox as m}from"@react-aria/checkbox";import n from"../checkbox";import{StyledTableHeaderCell as d}from"./table.styles";import p from"../utils/clsx";import{jsx as u}from"react/jsx-runtime";const f=e.forwardRef((({column:e,state:f,color:b,animated:x,...h},k)=>{const g=r(null);t(k,(()=>null==g?void 0:g.current));const y="single"===f.selectionManager.selectionMode,{columnHeaderProps:N}=o({node:e},f,g),{checkboxProps:P}=a(f),{isFocusVisible:S,focusProps:$}=c(),I=r(null),{inputProps:j}=m(P,i({...P,isSelected:P.isSelected||P.isIndeterminate}),I);return u(d,{ref:g,isFocusVisible:S,className:p("nextui-table-select-all-checkbox",h.className),...s(N,$,h),children:y?u(l,{children:j["aria-label"]}):u(n,{ref:I,...j,indeterminate:P.isIndeterminate,color:b,animated:x,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));f.displayName="NextUI - TableSelectAllCheckbox",f.toString=()=>".nextui-table-select-all-checkbox";export default f;
+import e,{useRef as o,useImperativeHandle as r}from"react";import{useTableColumnHeader as t,useTableSelectAllCheckbox as l}from"@react-aria/table";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as i}from"@react-aria/utils";import s from"../checkbox";import{StyledTableHeaderCell as m}from"./table.styles";import{mapPropsToCheckboxAttr as n}from"./utils";import u from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";const p=e.forwardRef((({column:e,state:p,color:d,animated:b,...x},h)=>{const k=o(null);r(h,(()=>null==k?void 0:k.current));const y="single"===p.selectionManager.selectionMode,{columnHeaderProps:N}=t({node:e},p,k),{checkboxProps:$}=l(p),{isFocusVisible:g,focusProps:P}=c(),j=n($);return f(m,{ref:k,isFocusVisible:g,className:u("nextui-table-select-all-checkbox",x.className),...i(N,P,x),children:y?f(a,{children:$["aria-label"]}):f(s,{...j,color:d,animated:b,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));p.displayName="NextUI - TableSelectAllCheckbox",p.toString=()=>".nextui-table-select-all-checkbox";export default p;

package/esm/table/table.styles.js

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

package/esm/table/utils.js

@@ -1 +1 @@
-export const isInfinityScroll=o=>{var n;const i=null==(n=o.body)?void 0:n.props;return void 0!==(null==i?void 0:i.loadingState)&&"function"==typeof(null==i?void 0:i.onLoadMore)};
+export const isInfinityScroll=e=>{var t;const n=null==(t=e.body)?void 0:t.props;return void 0!==(null==n?void 0:n.loadingState)&&"function"==typeof(null==n?void 0:n.onLoadMore)};export const mapPropsToCheckboxAttr=e=>{const{isSelected:t,defaultSelected:n,isIndeterminate:o,isReadOnly:i,isRequired:d,...r}=e;return{checked:t,initialChecked:n,indeterminate:o,readOnly:i,required:d,...r}};

package/esm/theme/common.js

@@ -1 +1 @@
-import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};export const defaultColors={white:"#ffffff",black:"#000000",blue100:"#bfd8fc",blue200:"#98D5FD",blue300:"#64B8FB",blue400:"#3D9CF7",blue500:"#0070F3",blue600:"#0056D0",blue700:"#0040AE",blue800:"#002D8C",blue900:"#002074",purple100:"#dbc8f0",purple200:"#DDA9F9",purple300:"#C17CEF",purple400:"#A258DF",purple500:"#7928ca",purple600:"#5E1DAD",purple700:"#461491",purple800:"#310C75",purple900:"#220760",green100:"#dafee8",green200:"#A1F9AC",green300:"#6FEE8D",green400:"#4ADE7B",green500:"#17c964",green600:"#10AC63",green700:"#0B905F",green800:"#077457",green900:"#046050",yellow100:"#fce6c7",yellow200:"#FEE7A6",yellow300:"#FCD57A",yellow400:"#F9C258",yellow500:"#f5a623",yellow600:"#D28519",yellow700:"#B06811",yellow800:"#8E4D0B",yellow900:"#753A06",red100:"#fbc4d5",red200:"#FDA0A5",red300:"#FB7085",red400:"#F74C77",red500:"#f21361",red600:"#D00D65",red700:"#AE0963",red800:"#8C065C",red900:"#740357",cyan100:"#EEFFF4",cyan200:"#DDFFED",cyan300:"#CCFFE9",cyan400:"#BFFFEA",cyan500:"#AAFFEC",cyan600:"#7CDBCF",cyan700:"#55B7B4",cyan800:"#368D93",cyan900:"#206C7A",pink100:"#FFDBE7",pink200:"#FFB8D6",pink300:"#FF94CC",pink400:"#FF7ACC",pink500:"#ff4ecd",pink600:"#DB39BD",pink700:"#B727AA",pink800:"#921893",pink900:"#6E0E7A",gray100:"#F4F4F4",gray200:"#EAEAEA",gray300:"#C1C1C1",gray400:"#999999",gray500:"#888888",gray600:"#666666",gray700:"#444444",gray800:"#333333",gray900:"#111111",primaryLight:"$blue100",primary:"$blue500",primaryDark:"$blue600",primaryShadow:"$blue100",secondaryLight:"$purple100",secondary:"$purple500",secondaryDark:"$purple600",secondaryShadow:"$purple100",successLight:"$green100",success:"$green500",successDark:"$green600",successShadow:"$green100",warningLight:"$yellow100",warning:"$yellow500",warningDark:"$yellow600",warningShadow:"$yellow100",errorLight:"$red100",error:"$red500",errorDark:"$red600",errorShadow:"$red100",gradient:"linear-gradient(112deg, $cyan500 -63.59%, $pink500 -20.3%, $blue500 70.46%)",link:"$blue500"};export const defaultMedia={xs:`(min-width: ${defaultTokens.breakpoints.xs})`,sm:`(min-width: ${defaultTokens.breakpoints.sm})`,md:`(min-width: ${defaultTokens.breakpoints.md})`,lg:`(min-width: ${defaultTokens.breakpoints.lg})`,xl:`(min-width: ${defaultTokens.breakpoints.xl})`,xsMax:`(max-width: ${defaultTokens.breakpoints.xs})`,smMax:`(max-width: ${defaultTokens.breakpoints.sm})`,mdMax:`(max-width: ${defaultTokens.breakpoints.md})`,lgMax:`(max-width: ${defaultTokens.breakpoints.lg})`,xlMax:`(max-width: ${defaultTokens.breakpoints.xl})`,motion:"(prefers-reduced-motion)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};export const defaultUtils={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};export const defaultThemeMap={...e,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};export default{prefix:"nextui",theme:{...defaultTokens,colors:defaultColors,shadows:{}},media:defaultMedia,utils:defaultUtils,themeMap:defaultThemeMap};
+import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s",avatar:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",link:"opacity 0.25s ease 0s, background 0.25s ease 0s",card:"transform 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};export const defaultColors={white:"#ffffff",black:"#000000",blue100:"#bfd8fc",blue200:"#98D5FD",blue300:"#64B8FB",blue400:"#3D9CF7",blue500:"#0070F3",blue600:"#0056D0",blue700:"#0040AE",blue800:"#002D8C",blue900:"#002074",purple100:"#dbc8f0",purple200:"#DDA9F9",purple300:"#C17CEF",purple400:"#A258DF",purple500:"#7928ca",purple600:"#5E1DAD",purple700:"#461491",purple800:"#310C75",purple900:"#220760",green100:"#dafee8",green200:"#A1F9AC",green300:"#6FEE8D",green400:"#4ADE7B",green500:"#17c964",green600:"#10AC63",green700:"#0B905F",green800:"#077457",green900:"#046050",yellow100:"#fce6c7",yellow200:"#FEE7A6",yellow300:"#FCD57A",yellow400:"#F9C258",yellow500:"#f5a623",yellow600:"#D28519",yellow700:"#B06811",yellow800:"#8E4D0B",yellow900:"#753A06",red100:"#fbc4d5",red200:"#FDA0A5",red300:"#FB7085",red400:"#F74C77",red500:"#f21361",red600:"#D00D65",red700:"#AE0963",red800:"#8C065C",red900:"#740357",cyan100:"#EEFFF4",cyan200:"#DDFFED",cyan300:"#CCFFE9",cyan400:"#BFFFEA",cyan500:"#AAFFEC",cyan600:"#7CDBCF",cyan700:"#55B7B4",cyan800:"#368D93",cyan900:"#206C7A",pink100:"#FFDBE7",pink200:"#FFB8D6",pink300:"#FF94CC",pink400:"#FF7ACC",pink500:"#ff4ecd",pink600:"#DB39BD",pink700:"#B727AA",pink800:"#921893",pink900:"#6E0E7A",gray100:"#F4F4F4",gray200:"#EAEAEA",gray300:"#C1C1C1",gray400:"#999999",gray500:"#888888",gray600:"#666666",gray700:"#444444",gray800:"#333333",gray900:"#111111",primaryLight:"$blue100",primary:"$blue500",primaryDark:"$blue600",primaryShadow:"$blue100",secondaryLight:"$purple100",secondary:"$purple500",secondaryDark:"$purple600",secondaryShadow:"$purple100",successLight:"$green100",success:"$green500",successDark:"$green600",successShadow:"$green100",warningLight:"$yellow100",warning:"$yellow500",warningDark:"$yellow600",warningShadow:"$yellow100",errorLight:"$red100",error:"$red500",errorDark:"$red600",errorShadow:"$red100",gradient:"linear-gradient(112deg, $cyan500 -63.59%, $pink500 -20.3%, $blue500 70.46%)",link:"$blue500"};export const defaultMedia={xs:`(min-width: ${defaultTokens.breakpoints.xs})`,sm:`(min-width: ${defaultTokens.breakpoints.sm})`,md:`(min-width: ${defaultTokens.breakpoints.md})`,lg:`(min-width: ${defaultTokens.breakpoints.lg})`,xl:`(min-width: ${defaultTokens.breakpoints.xl})`,xsMax:`(max-width: ${defaultTokens.breakpoints.xs})`,smMax:`(max-width: ${defaultTokens.breakpoints.sm})`,mdMax:`(max-width: ${defaultTokens.breakpoints.md})`,lgMax:`(max-width: ${defaultTokens.breakpoints.lg})`,xlMax:`(max-width: ${defaultTokens.breakpoints.xl})`,motion:"(prefers-reduced-motion)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};export const defaultUtils={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};export const defaultThemeMap={...e,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};export default{prefix:"nextui",theme:{...defaultTokens,colors:defaultColors,shadows:{}},media:defaultMedia,utils:defaultUtils,themeMap:defaultThemeMap};

package/esm/theme/stitches.config.js

@@ -1 +1 @@
-import{createStitches as e}from"@stitches/react";import o from"./common";import t from"./light-theme";import s from"./dark-theme";import r from"../utils/deep-merge";export const getStitchesTheme=e=>r(e,o.theme);const c=e({...o,theme:{...o.theme,shadows:{...t.shadows},colors:{...o.theme.colors,...t.colors}}});export const createThemeBase=c.createTheme;export const styled=c.styled;export const css=c.css;export const globalCss=c.globalCss;export const keyframes=c.keyframes;export const getCssText=c.getCssText;export const theme=c.theme;export const config=c.config;export const sharedFocus=css({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=css({variants:{isFocusVisible:{true:{outline:"transparent  solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const sharedVisuallyHidden=css({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const createTheme=({type:e,theme:o,className:c})=>{if(!e)throw new Error("Theme type is required");return createThemeBase(c||`${e}-theme`,r("dark"===e?s:t,o))};
+import{createStitches as e}from"@stitches/react";import o from"./common";import t from"./light-theme";import s from"./dark-theme";import r from"../utils/deep-merge";export const getStitchesTheme=e=>r(e,o.theme);const c=e({...o,theme:{...o.theme,shadows:{...t.shadows},colors:{...o.theme.colors,...t.colors}}});export const createThemeBase=c.createTheme;export const styled=c.styled;export const css=c.css;export const globalCss=c.globalCss;export const keyframes=c.keyframes;export const getCssText=c.getCssText;export const theme=c.theme;export const config=c.config;export const sharedFocus=css({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=css({variants:{isFocusVisible:{true:{outline:"transparent solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const sharedVisuallyHidden=css({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const createTheme=({type:e,theme:o,className:c})=>{if(!e)throw new Error("Theme type is required");return createThemeBase(c||`${e}-theme`,r("dark"===e?s:t,o))};

package/esm/utils/dom.js

@@ -1 +1 @@
-export function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}export const isBrowser=canUseDOM();export function detectDeviceType(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"}export function detectOS(e){return!!isBrowser&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e}export function detectBrowser(e){return!!isBrowser&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e}export function detectTouch(){return!!isBrowser&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)}
+import{useImperativeHandle as e,useRef as t}from"react";export function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}export const isBrowser=canUseDOM();export function detectDeviceType(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"}export function detectOS(e){return!!isBrowser&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e}export function detectBrowser(e){return!!isBrowser&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e}export function detectTouch(){return!!isBrowser&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)}export function createDOMRef(e){return{UNSAFE_getDOMNode:()=>e.current}}export function createFocusableRef(e,t=e){return{...createDOMRef(e),focus(){t.current&&t.current.focus()}}}export function useDOMRef(r){const n=t(null);return e(r,(()=>createDOMRef(n))),n}export function useFocusableRef(r,n){const o=t(null);return e(r,(()=>createFocusableRef(o,n))),o}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "1.0.4-beta.5",
+  "version": "1.0.7-beta.5",
   "license": "MIT",
   "description": "🚀 Beautiful and modern React UI library.",
   "homepage": "https://nextui.org",
@@ -32,7 +32,7 @@
   "scripts": {},
   "dependencies": {
     "@babel/runtime": "7.9.6",
-    "@stitches/react": "1.2.6",
+    "@react-aria/button": "3.4.3",
     "@react-aria/checkbox": "3.3.0",
     "@react-aria/focus": "3.5.1",
     "@react-aria/i18n": "3.3.6",
@@ -45,8 +45,11 @@
     "@react-stately/data": "3.4.5",
     "@react-stately/table": "3.1.1",
     "@react-stately/toggle": "3.2.4",
+    "@react-types/button": "^3.4.4",
+    "@react-types/checkbox": "3.2.6",
     "@react-types/grid": "3.0.1",
-    "@react-types/shared": "3.11.0"
+    "@react-types/shared": "3.11.0",
+    "@stitches/react": "1.2.7"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/types/avatar/avatar-group.styles.d.ts

@@ -263,6 +263,10 @@ export declare const StyledAvatarGroupCount: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -1196,6 +1200,10 @@ export declare const StyledAvatarGroup: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;

package/types/avatar/avatar.styles.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '../theme/stitches.config';
 export declare const StyledAvatar: import("@stitches/react/types/styled-component").StyledComponent<"span", {
     color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient" | undefined;
-    textColor?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | undefined;
+    textColor?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     borderWeight?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
     bordered?: boolean | "true" | undefined;
@@ -274,6 +274,10 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;

package/types/backdrop/backdrop.styles.d.ts

@@ -1,5 +1,7 @@
 import { VariantProps } from '../theme/stitches.config';
-export declare const StyledBackdropContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+export declare const StyledBackdropContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    animated?: boolean | "true" | "false" | undefined;
+}, {
     xs: string;
     sm: string;
     md: string;
@@ -263,6 +265,10 @@ export declare const StyledBackdropContent: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -1197,6 +1203,10 @@ export declare const StyledBackdropLayer: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -2130,6 +2140,10 @@ export declare const StyledBackdrop: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;

package/types/button/button-group.styles.d.ts

@@ -269,6 +269,10 @@ export declare const StyledButtonGroup: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;

package/types/button/button-icon.d.ts

@@ -12,6 +12,7 @@ export declare const StyledButtonIcon: import("@stitches/react/types/styled-comp
     isAuto?: boolean | "true" | undefined;
     isRight?: boolean | "true" | undefined;
     isSingle?: boolean | "true" | undefined;
+    isGradientButtonBorder?: boolean | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -276,6 +277,10 @@ export declare const StyledButtonIcon: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;

package/types/button/button.d.ts

@@ -1,14 +1,15 @@
 import React, { PropsWithoutRef, RefAttributes } from 'react';
+import { PressEvents, FocusableProps } from '@react-types/shared';
+import { AriaButtonProps } from '@react-types/button';
 import { CSS } from '../theme/stitches.config';
 import { NormalColors } from '../utils/prop-types';
 import ButtonGroup from './button-group';
 import { ButtonVariantsProps } from './button.styles';
-export interface Props {
+export interface Props extends PressEvents, FocusableProps, AriaButtonProps {
     light?: boolean;
     color?: NormalColors;
     flat?: boolean;
     animated?: boolean;
-    clickable?: boolean;
     disabled?: boolean;
     ghost?: boolean;
     bordered?: boolean;
@@ -19,14 +20,14 @@ export interface Props {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     as?: keyof JSX.IntrinsicElements;
     className?: string;
-    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    children?: React.ReactNode | undefined;
 }
 declare type NativeAttrs = Omit<React.ButtonHTMLAttributes<unknown>, keyof Props>;
-export declare type ButtonProps = Props & NativeAttrs & ButtonVariantsProps & {
+export declare type ButtonProps = Props & NativeAttrs & Omit<ButtonVariantsProps, 'isPressed' | 'isHovered'> & {
     css?: CSS;
 };
 declare type ButtonComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
     Group: typeof ButtonGroup;
 };
-declare const _default: ButtonComponent<HTMLButtonElement, ButtonProps>;
+declare const _default: ButtonComponent<HTMLElement, ButtonProps>;
 export default _default;