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

package/esm/progress/progress.js

@@ -1 +1 @@
-import e,{useMemo as r}from"react";import t from"../utils/css-transition";import i from"../utils/with-defaults";import{valueToPercent as a}from"../utils/numbers";import s from"../utils/clsx";import{__DEV__ as m}from"../utils/assertion";import{StyledProgress as o,StyledProgressBar as n}from"./progress.styles";import{jsx as p}from"react/jsx-runtime";const d="nextui-progress",l=({value:e,max:i,min:m,striped:l,animated:u,shadow:c,indeterminated:x,css:f,...w})=>{const g=r((()=>e>i?i:e<m?m:e),[e,m,i]),v=r((()=>a(g,m,i)),[g,m,i]);return p(o,{css:{"nextui-progress-wrapper-enter":{opacity:0},".nextui-progress-wrapper-enter-active":{opacity:1,width:`${v}%`},...f},indeterminated:x,role:"progressbar",...w,children:p(t,{visible:!0,clearTime:300,enterTime:10,leaveTime:20,name:`${d}-wrapper`,children:p(n,{animated:u,"aria-valuemax":i,"aria-valuemin":m,"aria-valuenow":g,className:s(`${d}-bar`,{[`${d}-striped`]:l,[`${d}-indeterminated`]:x}),indeterminated:x,shadow:c,striped:l,...w})})})};m&&(l.displayName="NextUI.Progress"),l.toString=()=>".nextui-progress";const u=e.memo(l);export default i(u,{striped:!1,animated:!0,shadow:!1,indeterminated:!1,value:0,min:0,max:100});
+import e,{useMemo as r}from"react";import i from"../utils/css-transition";import t from"../utils/with-defaults";import{valueToPercent as a}from"../utils/numbers";import s from"../utils/clsx";import{__DEV__ as m}from"../utils/assertion";import{StyledProgress as o,StyledProgressBar as n}from"./progress.styles";import{jsx as p}from"react/jsx-runtime";const d="nextui-progress",l=({value:e,max:t,min:m,striped:l,animated:u,shadow:c,indeterminated:x,css:f,...g})=>{const w=r((()=>e>t?t:e<m?m:e),[e,m,t]),v=r((()=>a(w,m,t)),[w,m,t]);return p(o,{"aria-label":"progress","aria-valuemax":t,"aria-valuemin":m,"aria-valuenow":w,css:{"nextui-progress-wrapper-enter":{opacity:0},".nextui-progress-wrapper-enter-active":{opacity:1,width:`${v}%`},...f},indeterminated:x,role:"progressbar",...g,children:p(i,{visible:!0,clearTime:300,enterTime:10,leaveTime:20,name:`${d}-wrapper`,children:p(n,{animated:u,className:s(`${d}-bar`,{[`${d}-striped`]:l,[`${d}-indeterminated`]:x}),indeterminated:x,shadow:c,striped:l,...g})})})};m&&(l.displayName="NextUI.Progress"),l.toString=()=>".nextui-progress";const u=e.memo(l);export default t(u,{striped:!1,animated:!0,shadow:!1,indeterminated:!1,value:0,min:0,max:100});

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:"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}`}}}});
+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:"hidden",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/radio/radio.js

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

package/esm/textarea/textarea.js

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

package/esm/tooltip/tooltip.js

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

package/esm/use-pagination/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "license": "MIT",
   "description": "🚀 Beautiful and modern React UI library.",
   "homepage": "https://nextui.org",

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

@@ -26,6 +26,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -59,6 +60,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         animated?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -68,6 +70,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         rounded?: undefined;
     } | {
         shadow: true;
+        isFocusVisible: false;
         color: string;
         css: {
             normalShadow: string;
@@ -133,6 +136,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         bordered?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -171,6 +175,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -209,6 +214,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -243,6 +249,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         flat?: undefined;
@@ -281,6 +288,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -315,6 +323,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -347,6 +356,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -390,6 +400,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -422,6 +433,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         auto?: undefined;
         isChildLess?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -448,6 +460,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         isHovered?: undefined;
         isChildLess?: undefined;
+        isFocusVisible?: undefined;
     } | {
         dflex: string;
         zIndex: string;
@@ -470,6 +483,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         isHovered?: undefined;
         isChildLess?: undefined;
+        isFocusVisible?: undefined;
     } | {
         zIndex: string;
         ".nextui-drip-filler": {
@@ -493,6 +507,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         isHovered?: undefined;
         isChildLess?: undefined;
+        isFocusVisible?: undefined;
     } | {
         bordered: {
             true: {
@@ -663,6 +678,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 height: string;
             };
         };
+        isFocusVisible: {
+            true: {};
+            false: {};
+        };
         transition?: undefined;
         dflex?: undefined;
         zIndex?: undefined;
@@ -688,6 +707,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         isHovered?: undefined;
         isChildLess?: undefined;
+        isFocusVisible?: undefined;
     };
     $$buttonBorderRadius: string;
     $$buttonPressedScale: number;
@@ -887,6 +907,10 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
                 height: string;
             };
         };
+        isFocusVisible: {
+            true: {};
+            false: {};
+        };
     };
     compoundVariants: ({
         isPressed: true;
@@ -914,6 +938,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -947,6 +972,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isPressed?: undefined;
         animated?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;
@@ -956,6 +982,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         rounded?: undefined;
     } | {
         shadow: true;
+        isFocusVisible: false;
         color: string;
         css: {
             normalShadow: string;
@@ -1021,6 +1048,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         bordered?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -1059,6 +1087,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -1097,6 +1126,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -1131,6 +1161,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         flat?: undefined;
@@ -1169,6 +1200,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -1203,6 +1235,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -1235,6 +1268,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         bordered?: undefined;
         ghost?: undefined;
@@ -1278,6 +1312,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         isChildLess?: undefined;
         size?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         light?: undefined;
         ghost?: undefined;
         isHovered?: undefined;
@@ -1310,6 +1345,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         auto?: undefined;
         isChildLess?: undefined;
         shadow?: undefined;
+        isFocusVisible?: undefined;
         color?: undefined;
         light?: undefined;
         bordered?: undefined;

package/types/button/index.d.ts

@@ -2,6 +2,7 @@ import Button from "./button";
 export type { ButtonProps } from "./button";
 export type { ButtonGroupProps } from "./button-group";
 export type { ButtonIconProps } from "./button-icon";
+export type { PressEvent, PointerType } from "@react-types/shared";
 export { StyledButton } from "./button.styles";
 export type { ButtonVariantsProps } from "./button.styles";
 export { StyledButtonGroup } from "./button-group.styles";

package/types/dropdown/dropdown-context.d.ts

@@ -30,6 +30,7 @@ export declare const DropdownProvider: import("react").Provider<{
         }) | undefined;
         placement?: import("..").PopoverPlacement | undefined;
         onClose?: (() => void) | undefined;
+        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         disableShadow?: boolean | "true" | ({
             "@xs"?: boolean | "true" | undefined;
             "@sm"?: boolean | "true" | undefined;
@@ -105,7 +106,6 @@ export declare const DropdownProvider: import("react").Provider<{
         } & {
             [x: string]: boolean | "true" | "false" | undefined;
         }) | undefined;
-        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         shouldFlip?: boolean | undefined;
         isDismissable?: boolean | undefined;
         triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
@@ -196,6 +196,7 @@ export declare const DropdownProvider: import("react").Provider<{
         }) | undefined;
         placement?: import("..").PopoverPlacement | undefined;
         onClose?: (() => void) | undefined;
+        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         disableShadow?: boolean | "true" | ({
             "@xs"?: boolean | "true" | undefined;
             "@sm"?: boolean | "true" | undefined;
@@ -271,7 +272,6 @@ export declare const DropdownProvider: import("react").Provider<{
         } & {
             [x: string]: boolean | "true" | "false" | undefined;
         }) | undefined;
-        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         shouldFlip?: boolean | undefined;
         isDismissable?: boolean | undefined;
         triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;

package/types/dropdown/use-dropdown.d.ts

@@ -58,6 +58,7 @@ export declare function useDropdown(props?: UseDropdownProps): {
         }) | undefined;
         placement?: import("../popover").PopoverPlacement | undefined;
         onClose?: (() => void) | undefined;
+        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         disableShadow?: boolean | "true" | ({
             "@xs"?: boolean | "true" | undefined;
             "@sm"?: boolean | "true" | undefined;
@@ -133,7 +134,6 @@ export declare function useDropdown(props?: UseDropdownProps): {
         } & {
             [x: string]: boolean | "true" | "false" | undefined;
         }) | undefined;
-        scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         shouldFlip?: boolean | undefined;
         isDismissable?: boolean | undefined;
         triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;