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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/card/card.js CHANGED
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=e(require("../utils/drip")),i=require("../utils/assertion"),t=require("./use-card"),a=require("./card.styles"),d=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:i,css:u,children:l,...o}=e,{cardRef:n,variant:c,isFocusVisible:b,isPressable:p,isPressed:f,disableAnimation:x,disableRipple:q,borderWeight:v,isHovered:m,getCardProps:_,dripBindings:g}=(0,t.useCard)({...o,ref:r});return(0,d.jsxs)(a.StyledCard,{ref:n,as:i,borderWeight:v,css:u,disableAnimation:x,isFocusVisible:b,isHovered:m,isPressable:p,isPressed:f,role:p?"button":"section",tabIndex:p?0:-1,variant:c,..._(),children:[p&&!x&&!q&&(0,d.jsx)(s.default,{...g}),l]})}));i.__DEV__&&(u.displayName="NextUI.Card"),u.toString=()=>".nextui-card";var l=u;exports.default=l,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=e(require("../utils/drip")),i=require("../utils/assertion"),a=require("./use-card"),t=require("./card.styles"),d=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:i,css:u,children:l,...o}=e,{cardRef:n,variant:c,isFocusVisible:b,isPressable:p,isPressed:f,disableAnimation:x,disableRipple:q,borderWeight:v,isHovered:g,getCardProps:m,dripBindings:_}=(0,a.useCard)({...o,ref:r});return(0,d.jsxs)(t.StyledCard,{ref:n,as:i,borderWeight:v,css:u,disableAnimation:x,isFocusVisible:b,isHovered:g,isPressable:p,isPressed:f,role:p?"button":"region",tabIndex:p?0:-1,variant:c,...m(),children:[p&&!x&&!q&&(0,d.jsx)(s.default,{..._}),l]})}));i.__DEV__&&(u.displayName="NextUI.Card"),u.toString=()=>".nextui-card";var l=u;exports.default=l,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=h(i);if(s&&s.has(e))return s.get(e);var r={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var n=c?Object.getOwnPropertyDescriptor(e,t):null;n&&(n.get||n.set)?Object.defineProperty(r,t,n):r[t]=e[t]}r.default=e,s&&s.set(e,r);return r}(require("react")),s=require("@react-aria/utils"),r=require("@react-aria/focus"),c=require("@react-aria/interactions"),t=require("@react-aria/visually-hidden"),n=e(require("../utils/clsx")),a=require("../utils/assertion"),o=require("../utils/dom"),l=require("./use-checkbox"),d=require("./checkbox.styles"),u=require("react/jsx-runtime");function h(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,s=new WeakMap;return(h=function(e){return e?s:i})(e)}const b=i.default.forwardRef(((e,a)=>{const{className:h,as:b,css:x,children:k,label:p,...f}=e,{size:m,color:y,labelColor:C,isRounded:j,lineThrough:v,disableAnimation:q,isIndeterminate:P,inputRef:N,inputProps:g,containerCss:D}=(0,l.useCheckbox)({...f,children:null!=k?k:p}),I=(0,o.useFocusableRef)(a,N),{hoverProps:S,isHovered:A}=(0,c.useHover)({isDisabled:g.disabled}),{pressProps:O}=(0,c.usePress)({isDisabled:g.disabled}),{focusProps:_,isFocusVisible:F}=(0,r.useFocusRing)({autoFocus:g.autoFocus}),M=(0,i.useMemo)((()=>A?"hovered":P&&g.checked?"mixed":g.checked?"checked":"uncheked"),[A,P,g.checked]);return(0,u.jsxs)(d.StyledCheckboxLabel,{ref:I,...(0,s.mergeProps)(S,O,f),as:b,className:(0,n.default)("nextui-checkbox-label",`nextui-checkbox--${M}`,h),css:x,disableAnimation:q,isDisabled:g.disabled,size:m,children:[(0,u.jsxs)(d.StyledCheckboxContainer,{className:"nextui-checkbox-container",color:y,css:D,disableAnimation:q,isDisabled:g.disabled,isFocusVisible:F,isHovered:A,isRounded:j,..._,children:[(0,u.jsx)(t.VisuallyHidden,{children:(0,u.jsx)("input",{ref:N,className:"nextui-checkbox-input",...(0,s.mergeProps)(g,_)})}),(0,u.jsx)(d.StyledCheckboxMask,{className:"nextui-checkbox-mask",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,children:(0,u.jsxs)(d.StyledIconCheck,{className:"nextui-icon-check",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,size:m,children:[(0,u.jsx)(d.StyledIconCheckFirstLine,{className:"nextui-icon-check-line1",disableAnimation:q,isChecked:g.checked,isIndeterminate:P}),(0,u.jsx)(d.StyledIconCheckSecondLine,{className:"nextui-icon-check-line2",disableAnimation:q,isChecked:g.checked,isIndeterminate:P})]})})]}),(k||p)&&(0,u.jsx)(d.StyledCheckboxText,{className:"nextui-checkbox-text",color:C,disableAnimation:q,isChecked:g.checked,isDisabled:g.disabled,lineThrough:v,children:k||p})]})}));a.__DEV__&&(b.displayName="NextUI.Checkbox"),b.toString=()=>".nextui-checkbox";var x=b;exports.default=x,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=h(i);if(s&&s.has(e))return s.get(e);var r={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var a=c?Object.getOwnPropertyDescriptor(e,t):null;a&&(a.get||a.set)?Object.defineProperty(r,t,a):r[t]=e[t]}r.default=e,s&&s.set(e,r);return r}(require("react")),s=require("@react-aria/utils"),r=require("@react-aria/focus"),c=require("@react-aria/interactions"),t=require("@react-aria/visually-hidden"),a=e(require("../utils/clsx")),n=require("../utils/assertion"),o=require("../utils/dom"),l=require("./use-checkbox"),d=require("./checkbox.styles"),u=require("react/jsx-runtime");function h(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,s=new WeakMap;return(h=function(e){return e?s:i})(e)}const b=i.default.forwardRef(((e,n)=>{const{className:h,as:b,css:x,children:k,label:p,...f}=e,{size:m,color:y,labelColor:C,isRounded:j,lineThrough:v,disableAnimation:q,isIndeterminate:P,inputRef:N,inputProps:g,containerCss:D}=(0,l.useCheckbox)({...f,children:null!=k?k:p}),I=(0,o.useFocusableRef)(n,N),{hoverProps:O,isHovered:S}=(0,c.useHover)({isDisabled:g.disabled}),{pressProps:A}=(0,c.usePress)({isDisabled:g.disabled}),{focusProps:M,isFocusVisible:_}=(0,r.useFocusRing)({autoFocus:g.autoFocus}),F=(0,i.useMemo)((()=>S?"hovered":P&&g.checked?"mixed":g.checked?"checked":"unchecked"),[S,P,g.checked]);return(0,u.jsxs)(d.StyledCheckboxLabel,{ref:I,...(0,s.mergeProps)(O,A,(0,s.filterDOMProps)(f,{labelable:!0})),as:b,className:(0,a.default)("nextui-checkbox-label",`nextui-checkbox--${F}`,h),css:x,disableAnimation:q,isDisabled:g.disabled,size:m,children:[(0,u.jsxs)(d.StyledCheckboxContainer,{className:"nextui-checkbox-container",color:y,css:D,disableAnimation:q,isDisabled:g.disabled,isFocusVisible:_,isHovered:S,isRounded:j,...M,children:[(0,u.jsx)(t.VisuallyHidden,{children:(0,u.jsx)("input",{ref:N,className:"nextui-checkbox-input",...(0,s.mergeProps)(g,M)})}),(0,u.jsx)(d.StyledCheckboxMask,{className:"nextui-checkbox-mask",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,children:(0,u.jsxs)(d.StyledIconCheck,{className:"nextui-icon-check",disableAnimation:q,isChecked:g.checked,isIndeterminate:P,size:m,children:[(0,u.jsx)(d.StyledIconCheckFirstLine,{className:"nextui-icon-check-line1",disableAnimation:q,isChecked:g.checked,isIndeterminate:P}),(0,u.jsx)(d.StyledIconCheckSecondLine,{className:"nextui-icon-check-line2",disableAnimation:q,isChecked:g.checked,isIndeterminate:P})]})})]}),(k||p)&&(0,u.jsx)(d.StyledCheckboxText,{className:"nextui-checkbox-text",color:C,disableAnimation:q,isChecked:g.checked,isDisabled:g.disabled,lineThrough:v,children:k||p})]})}));n.__DEV__&&(b.displayName="NextUI.Checkbox"),b.toString=()=>".nextui-checkbox";var x=b;exports.default=x,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=p(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("@react-aria/focus"),l=e(require("../use-theme")),n=require("../utils/console"),i=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),d=require("./input.styles"),u=require("./input-props"),c=require("react/jsx-runtime");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}const f="nextui-input",h=t.default.forwardRef((({as:e="input",label:u,labelPlaceholder:p,labelLeft:h,labelRight:b,size:m,helperText:y,color:x,helperColor:$,status:g,contentLeft:C,contentRight:v,contentClickable:w,contentLeftStyling:S,contentRightStyling:j,onContentClick:I,initialValue:k,onChange:q,readOnly:N,value:P,onClearClick:M,clearable:O,shadow:R,animated:D,required:L,width:F,className:T,onBlur:W,onFocus:_,autoComplete:V,placeholder:B,fullWidth:E,borderWeight:H,disabled:U,bordered:z,underlined:A,rounded:G,css:J,...K},Q)=>{const X=(0,t.useRef)(null);(0,t.useImperativeHandle)(Q,(()=>X.current));const[Y,Z]=(0,t.useState)(k),[ee,te]=(0,t.useState)(!1),{isDark:ae}=(0,l.default)(),re=(0,t.useMemo)((()=>void 0!==P),[P]),le=(0,t.useMemo)((()=>u||p),[u,p]),ne=(0,t.useMemo)((()=>p?"":B),[B,p]),ie=(0,t.useMemo)((()=>E?"100%":F||"initial"),[E,F]);A&&s.__DEV__&&(z&&(0,n.warn)("Using underlined and bordered at the same time will have no effect."),G&&(0,n.warn)("Using underlined and rounded at the same time will have no effect."));const oe=(e,t)=>{U||I&&I(e,t)};(0,t.useEffect)((()=>{re&&Z(P)}),[re,P]);const se=(0,t.useMemo)((()=>"textarea"===e),[e]),de={...K,...re?{value:Y}:{defaultValue:k}},{isFocusVisible:ue,focusProps:ce}=(0,r.useFocusRing)(),{labelProps:pe,fieldProps:fe}=(0,a.useLabel)({...de,label:le}),he=(0,t.useMemo)((()=>ee?"hover":U?"disabled":N?"read-only":Y?"with-value":"normal"),[ee,U,N,Y]);return(0,c.jsxs)(d.StyledInputMainContainer,{borderWeight:H,className:(0,o.default)(`${f}-main-container`,`${f}-main-container--${he}`),color:x,css:{width:ie,...J},"data-state":he,disabled:U,helperColor:$,rounded:G,size:m,status:g,children:[le&&(0,c.jsx)(d.StyledInputBlockLabel,{animated:D,asPlaceholder:!!p,bordered:z,className:`${f}-block-label`,focused:ee,hasContentLeft:!!C,htmlFor:"htmlFor"in pe?pe.htmlFor:"",id:pe.id,isTextarea:se,rounded:G,underlined:A,withValue:!!Y,children:le}),(0,c.jsx)(d.StyledInputContainer,{animated:D,className:(0,o.default)(`${f}-container`,`${f}-container--${he}`,{[`${f}-container--input`]:!se,[`${f}-container--textarea`]:se,[`${f}-container--read-only`]:N},T),focused:ee,isReadOnly:N,isTextarea:se,underlined:A,children:(0,c.jsxs)(d.StyledInputWrapper,{animated:D,as:le?"div":"label",bordered:z,className:(0,o.default)(`${f}-wrapper`,`${f}-wrapper--${he}`,{[`${f}-wrapper--bordered`]:z,[`${f}-wrapper--underlined`]:A,[`${f}-wrapper--shadow`]:R}),disabled:U,focused:ee,isReadOnly:N,isTextarea:se,shadow:R,underlined:A,children:[!le&&B&&(0,c.jsx)(d.StyledInputPlaceholder,{className:`${f}-placeholder`,children:B}),h&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--left`,isDark:ae,isDefaultStatus:"default"===g,underlined:A,children:h}),C&&(0,c.jsx)(d.StyledInputContent,{applyStyles:S,className:(0,o.default)(`${f}-content`,`${f}-content--left`),clickable:w,onClick:e=>oe("left",e),children:C}),(0,c.jsx)(d.StyledInput,{ref:X,"aria-multiline":se,"aria-placeholder":ne,"aria-readonly":N,"aria-required":L,as:e,autoComplete:V,bordered:z,className:(0,o.default)({[`${f}`]:!se,[`${f}-textarea`]:se,[`${f}-disabled`]:U,[`${f}-rounded`]:G,[`${f}-${f}-right-content`]:v,[`${f}-left-content`]:C}),"data-state":he,disabled:U,focused:ee,hasLeftContent:!!C,hasRightContent:!!v,isTextarea:se,placeholder:ne,readOnly:N,required:L,type:"text",onBlur:e=>{te(!1),W&&W(e)},onChange:e=>{U||N||(re||Z(e.target.value),q&&q(e))},onFocus:e=>{te(!0),_&&_(e)},...de,...fe}),O&&(0,c.jsx)(d.StyledInputClearButton,{animated:D,"aria-label":"clear",className:`${f}-clear-button`,disabled:U||N,hasContentRight:!!v,lang:"en",type:"button",underlined:A,visible:Boolean(Y),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),re||Z(""),M&&M(e),!X.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(X.current,e);t.target.value="",q&&q(t),X.current.focus()},...ce,children:(0,c.jsx)(d.StyledInputClearButtonIconWrapper,{isFocusVisible:ue,children:(0,c.jsx)(i.default,{fill:"currentColor"})})}),v&&(0,c.jsx)(d.StyledInputContent,{applyStyles:j,className:(0,o.default)(`${f}-content`,`${f}-content--right`),clickable:w,onClick:e=>oe("right",e),children:v}),b&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--right`,isDark:ae,isDefaultStatus:"default"===g,isRight:!0,underlined:A,children:b})]})}),(0,c.jsx)(d.StyledHelperTextContainer,{className:`${f}-helper-text-container`,withValue:!!y,children:y&&(0,c.jsx)(d.StyledHelperText,{className:`${f}-helper-text`,children:y})})]})}));h.displayName="NextUI.Input",h.defaultProps=u.defaultProps,h.toString=()=>".nextui-input";var b=h;exports.default=b,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=p(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("@react-aria/focus"),l=e(require("../use-theme")),n=require("../utils/console"),i=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),d=require("./input.styles"),u=require("./input-props"),c=require("react/jsx-runtime");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}const f="nextui-input",h=t.default.forwardRef((({as:e="input",label:u,labelPlaceholder:p,labelLeft:h,labelRight:b,size:m,helperText:y,color:x,helperColor:$,status:g,contentLeft:C,contentRight:v,contentClickable:w,contentLeftStyling:S,contentRightStyling:j,onContentClick:I,initialValue:k,onChange:q,readOnly:N,value:P,onClearClick:M,clearable:O,shadow:R,animated:D,required:L,width:F,className:T,onBlur:W,onFocus:_,autoComplete:V,placeholder:B,fullWidth:E,borderWeight:H,disabled:U,bordered:z,underlined:A,rounded:G,css:J,...K},Q)=>{const X=(0,t.useRef)(null);(0,t.useImperativeHandle)(Q,(()=>X.current));const[Y,Z]=(0,t.useState)(k),[ee,te]=(0,t.useState)(!1),{isDark:ae}=(0,l.default)(),re=(0,t.useMemo)((()=>void 0!==P),[P]),le=(0,t.useMemo)((()=>u||p),[u,p]),ne=(0,t.useMemo)((()=>p?"":B),[B,p]),ie=(0,t.useMemo)((()=>E?"100%":F||"initial"),[E,F]);A&&s.__DEV__&&(z&&(0,n.warn)("Using underlined and bordered at the same time will have no effect."),G&&(0,n.warn)("Using underlined and rounded at the same time will have no effect."));const oe=(e,t)=>{U||I&&I(e,t)};(0,t.useEffect)((()=>{re&&Z(P)}),[re,P]);const se=(0,t.useMemo)((()=>"textarea"===e),[e]),de={...K,...re?{value:P}:{defaultValue:k}},{isFocusVisible:ue,focusProps:ce}=(0,r.useFocusRing)(),{labelProps:pe,fieldProps:fe}=(0,a.useLabel)({...de,label:le}),he=(0,t.useMemo)((()=>ee?"hover":U?"disabled":N?"read-only":Y?"with-value":"normal"),[ee,U,N,Y]);return(0,c.jsxs)(d.StyledInputMainContainer,{borderWeight:H,className:(0,o.default)(`${f}-main-container`,`${f}-main-container--${he}`),color:x,css:{width:ie,...J},"data-state":he,disabled:U,helperColor:$,rounded:G,size:m,status:g,children:[le&&(0,c.jsx)(d.StyledInputBlockLabel,{animated:D,asPlaceholder:!!p,bordered:z,className:`${f}-block-label`,focused:ee,hasContentLeft:!!C,htmlFor:"htmlFor"in pe?pe.htmlFor:"",id:pe.id,isTextarea:se,rounded:G,underlined:A,withValue:!!Y,children:le}),(0,c.jsx)(d.StyledInputContainer,{animated:D,className:(0,o.default)(`${f}-container`,`${f}-container--${he}`,{[`${f}-container--input`]:!se,[`${f}-container--textarea`]:se,[`${f}-container--read-only`]:N},T),focused:ee,isReadOnly:N,isTextarea:se,underlined:A,children:(0,c.jsxs)(d.StyledInputWrapper,{animated:D,as:le?"div":"label",bordered:z,className:(0,o.default)(`${f}-wrapper`,`${f}-wrapper--${he}`,{[`${f}-wrapper--bordered`]:z,[`${f}-wrapper--underlined`]:A,[`${f}-wrapper--shadow`]:R}),disabled:U,focused:ee,isReadOnly:N,isTextarea:se,shadow:R,underlined:A,children:[!le&&B&&(0,c.jsx)(d.StyledInputPlaceholder,{className:`${f}-placeholder`,children:B}),h&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--left`,isDark:ae,isDefaultStatus:"default"===g,underlined:A,children:h}),C&&(0,c.jsx)(d.StyledInputContent,{applyStyles:S,className:(0,o.default)(`${f}-content`,`${f}-content--left`),clickable:w,onClick:e=>oe("left",e),children:C}),(0,c.jsx)(d.StyledInput,{ref:X,"aria-multiline":se,"aria-placeholder":ne,"aria-readonly":N,"aria-required":L,as:e,autoComplete:V,bordered:z,className:(0,o.default)({[`${f}`]:!se,[`${f}-textarea`]:se,[`${f}-disabled`]:U,[`${f}-rounded`]:G,[`${f}-${f}-right-content`]:v,[`${f}-left-content`]:C}),"data-state":he,disabled:U,focused:ee,hasLeftContent:!!C,hasRightContent:!!v,isTextarea:se,placeholder:ne,readOnly:N,required:L,type:"text",onBlur:e=>{te(!1),W&&W(e)},onChange:e=>{U||N||(re||Z(e.target.value),q&&q(e))},onFocus:e=>{te(!0),_&&_(e)},...de,...fe}),O&&(0,c.jsx)(d.StyledInputClearButton,{animated:D,"aria-label":"clear",className:`${f}-clear-button`,disabled:U||N,hasContentRight:!!v,lang:"en",type:"button",underlined:A,visible:Boolean(Y),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),re||Z(""),M&&M(e),!X.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(X.current,e);t.target.value="",q&&q(t),X.current.focus()},...ce,children:(0,c.jsx)(d.StyledInputClearButtonIconWrapper,{isFocusVisible:ue,children:(0,c.jsx)(i.default,{fill:"currentColor"})})}),v&&(0,c.jsx)(d.StyledInputContent,{applyStyles:j,className:(0,o.default)(`${f}-content`,`${f}-content--right`),clickable:w,onClick:e=>oe("right",e),children:v}),b&&(0,c.jsx)(d.StyledInputLabel,{bordered:z,className:`${f}-label--right`,isDark:ae,isDefaultStatus:"default"===g,isRight:!0,underlined:A,children:b})]})}),(0,c.jsx)(d.StyledHelperTextContainer,{className:`${f}-helper-text-container`,withValue:!!y,children:y&&(0,c.jsx)(d.StyledHelperText,{className:`${f}-helper-text`,children:y})})]})}));h.displayName="NextUI.Input",h.defaultProps=u.defaultProps,h.toString=()=>".nextui-input";var b=h;exports.default=b,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Radio=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(i);if(r&&r.has(e))return r.get(e);var s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var o=a?Object.getOwnPropertyDescriptor(e,t):null;o&&(o.get||o.set)?Object.defineProperty(s,t,o):s[t]=e[t]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/utils"),s=require("@react-aria/focus"),a=require("@react-aria/visually-hidden"),t=e(require("../utils/clsx")),o=require("../utils/assertion"),d=require("../utils/dom"),u=require("./use-radio"),l=require("./radio.styles"),n=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:i})(e)}const p=i.default.forwardRef(((e,o)=>{const{className:c,as:p,css:f,children:x,label:b,description:h,...v}=e,{size:y,color:q,inputRef:m,labelColor:R,isHovered:j,isSquared:P,isInvalid:k,isDisabled:D,autoFocus:N,disableAnimation:O,hoverProps:S,inputProps:_,isRequired:g}=(0,u.useRadio)({...v,children:null!=x?x:b}),w=(0,d.useFocusableRef)(o,m),{focusProps:F,isFocusVisible:M}=(0,s.useFocusRing)({autoFocus:N}),I=(0,i.useMemo)((()=>j?"is-hovered":D?"is-disabled":_.checked?"checked":"uncheked"),[D,_.checked,j]);return(0,n.jsxs)(l.StyledRadioLabel,{ref:w,...S,as:p,className:(0,t.default)("nextui-radio-label",`nextui-radio--${I}`,c),color:q,css:f,"data-state":I,disableAnimation:O,isChecked:_.checked,isDisabled:D,isHovered:j,isInvalid:k,isSquared:P,size:y,children:[(0,n.jsxs)(l.StyledRadioContainer,{className:"nextui-radio-container",children:[(0,n.jsx)(l.StyledRadioPoint,{className:"nextui-radio-point",isFocusVisible:M,...F,children:(0,n.jsx)(a.VisuallyHidden,{children:(0,n.jsx)("input",{ref:m,className:"nextui-radio-input",required:g,...(0,r.mergeProps)(_,F)})})}),(0,n.jsx)(l.StyledRadioText,{className:"nextui-radio-text",color:R,isDisabled:D,isInvalid:k,children:x})]}),h&&(0,n.jsx)(l.StyledRadioDescription,{className:"nextui-radio-description",isDisabled:D,isInvalid:k,children:h})]})}));exports.Radio=p,o.__DEV__&&(p.displayName="NextUI.Radio"),p.toString=()=>".nextui-radio";var f=p;exports.default=f;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Radio=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(i);if(r&&r.has(e))return r.get(e);var s={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var t in e)if("default"!==t&&Object.prototype.hasOwnProperty.call(e,t)){var o=a?Object.getOwnPropertyDescriptor(e,t):null;o&&(o.get||o.set)?Object.defineProperty(s,t,o):s[t]=e[t]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/utils"),s=require("@react-aria/focus"),a=require("@react-aria/visually-hidden"),t=e(require("../utils/clsx")),o=require("../utils/assertion"),d=require("../utils/dom"),u=require("./use-radio"),l=require("./radio.styles"),n=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:i})(e)}const p=i.default.forwardRef(((e,o)=>{const{className:c,as:p,css:f,children:x,label:b,description:h,...v}=e,{size:y,color:q,inputRef:m,labelColor:R,isHovered:j,isSquared:P,isInvalid:k,isDisabled:D,autoFocus:N,disableAnimation:O,hoverProps:S,inputProps:_,isRequired:g}=(0,u.useRadio)({...v,children:null!=x?x:b}),w=(0,d.useFocusableRef)(o,m),{focusProps:F,isFocusVisible:M}=(0,s.useFocusRing)({autoFocus:N}),I=(0,i.useMemo)((()=>j?"is-hovered":D?"is-disabled":_.checked?"checked":"unchecked"),[D,_.checked,j]);return(0,n.jsxs)(l.StyledRadioLabel,{ref:w,...S,as:p,className:(0,t.default)("nextui-radio-label",`nextui-radio--${I}`,c),color:q,css:f,"data-state":I,disableAnimation:O,isChecked:_.checked,isDisabled:D,isHovered:j,isInvalid:k,isSquared:P,size:y,children:[(0,n.jsxs)(l.StyledRadioContainer,{className:"nextui-radio-container",children:[(0,n.jsx)(l.StyledRadioPoint,{className:"nextui-radio-point",isFocusVisible:M,...F,children:(0,n.jsx)(a.VisuallyHidden,{children:(0,n.jsx)("input",{ref:m,className:"nextui-radio-input",required:g,...(0,r.mergeProps)(_,F)})})}),(0,n.jsx)(l.StyledRadioText,{className:"nextui-radio-text",color:R,isDisabled:D,isInvalid:k,children:x})]}),h&&(0,n.jsx)(l.StyledRadioDescription,{className:"nextui-radio-description",isDisabled:D,isInvalid:k,children:h})]})}));exports.Radio=p,o.__DEV__&&(p.displayName="NextUI.Radio"),p.toString=()=>".nextui-radio";var f=p;exports.default=f;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=n?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(u,a,s):u[a]=e[a]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=e(require("../utils/with-defaults")),u=e(require("../input")),n=e(require("../use-resize")),a=require("../utils/console"),s=require("../utils/prop-types"),i=require("../utils/assertion"),o=require("./utils"),l=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const c=t.default.forwardRef(((e,r)=>{const f=(0,t.useRef)(null),c=t.default.useRef(0),p=t.default.useRef(),{cacheMeasurements:d,rows:x,maxRows:y,minRows:g,onChange:h,onHeightChange:m,css:w,...v}=e;Object.keys(v).forEach((e=>{s.excludedInputPropsForTextarea.indexOf(e)>-1&&delete v[e]}));const _=void 0!==v.value;i.__DEV__&&v.style&&("maxHeight"in v.style&&(0,a.warn)("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in v.style&&(0,a.warn)("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),(0,t.useImperativeHandle)(r,(()=>f.current));const q=()=>{const e=f.current,t=d&&p.current?p.current:(0,o.getSizingData)(e);if(!t)return;p.current=t;const[r,u]=(0,o.calculateNodeHeight)(t,e.value||e.placeholder||"x",x||g,x||y);c.current!==r&&(c.current=r,e.style.setProperty("height",`${r}px`,"important"),m&&m(r,{rowHeight:u}))};return"undefined"!=typeof document&&((0,t.useLayoutEffect)(q),(0,n.default)(q)),(0,l.jsx)(u.default,{ref:f,as:"textarea",css:w,onChange:e=>{_||q(),h&&h(e)},...v})}));i.__DEV__&&(c.displayName="NextUI.Textarea"),c.toString=()=>".nextui-textarea";var p=(0,r.default)(c,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});exports.default=p,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var u={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var s=a?Object.getOwnPropertyDescriptor(e,n):null;s&&(s.get||s.set)?Object.defineProperty(u,n,s):u[n]=e[n]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=e(require("../utils/with-defaults")),u=e(require("../input")),a=e(require("../use-resize")),n=require("../utils/console"),s=require("../utils/prop-types"),i=require("../utils/assertion"),o=require("./utils"),l=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const c=t.default.forwardRef(((e,r)=>{const f=(0,t.useRef)(null),c=t.default.useRef(0),p=t.default.useRef(),{cacheMeasurements:d,rows:x,maxRows:y,minRows:g,onChange:h,onHeightChange:m,css:w,...v}=e;Object.keys(v).forEach((e=>{s.excludedInputPropsForTextarea.indexOf(e)>-1&&delete v[e]}));const _=void 0!==v.value;i.__DEV__&&v.style&&("maxHeight"in v.style&&(0,n.warn)("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in v.style&&(0,n.warn)("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),(0,t.useImperativeHandle)(r,(()=>f.current));const q=()=>{const e=f.current,t=d&&p.current?p.current:(0,o.getSizingData)(e);if(!t)return;p.current=t;const[r,u]=(0,o.calculateNodeHeight)(t,_&&v.value||e.value||e.placeholder||"x",x||g,x||y);c.current!==r&&(c.current=r,e.style.setProperty("height",`${r}px`,"important"),m&&m(r,{rowHeight:u}))};return"undefined"!=typeof document&&((0,t.useLayoutEffect)(q),(0,a.default)(q)),(0,l.jsx)(u.default,{ref:f,as:"textarea",css:w,onChange:e=>{q(),h&&h(e)},...v})}));i.__DEV__&&(c.displayName="NextUI.Textarea"),c.toString=()=>".nextui-textarea";var p=(0,r.default)(c,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});exports.default=p,module.exports=exports.default;
@@ -1 +1 @@
1
- exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o);(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r]);const l=(0,e.useCallback)((e=>{g(e),null==u||u(e)}),[g,u]),c=(0,e.useCallback)((e=>{l(e<=0?1:e>a?a:e)}),[l,a]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,t.range)(1,a);const e=Math.max(i-s,n),r=Math.min(i+s,a-n),o=e>n+2,u=r<a-(n+1);if(!o&&u){const e=2*s+n+2;return[...(0,t.range)(1,e),"dots",...(0,t.range)(a-(n-1),a)]}if(o&&!u){const e=n+1+2*s;return[...(0,t.range)(1,n),"dots",...(0,t.range)(a-e,a)]}return[...(0,t.range)(1,n),"dots",...(0,t.range)(e,r),"dots",...(0,t.range)(a-n+1,a)]}),[a,s,i]),active:i,setPage:c,next:()=>c(i+1),previous:()=>c(i-1),first:()=>c(1),last:()=>c(a)}};exports.default=r;
1
+ exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o),l=(0,e.useMemo)((()=>void 0!==r),[r]);(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r,i]);const d=(0,e.useCallback)((e=>{l||g(e),null==u||u(e)}),[g,u,l]),c=(0,e.useCallback)((e=>{d(e<=0?1:e>a?a:e)}),[d,a]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,t.range)(1,a);const e=Math.max(i-s,n),r=Math.min(i+s,a-n),o=e>n+2,u=r<a-(n+1);if(!o&&u){const e=2*s+n+2;return[...(0,t.range)(1,e),"dots",...(0,t.range)(a-(n-1),a)]}if(o&&!u){const e=n+1+2*s;return[...(0,t.range)(1,n),"dots",...(0,t.range)(a-e,a)]}return[...(0,t.range)(1,n),"dots",...(0,t.range)(e,r),"dots",...(0,t.range)(a-n+1,a)]}),[a,s,i]),active:i,setPage:c,next:()=>c(i+1),previous:()=>c(i-1),first:()=>c(1),last:()=>c(a)}};exports.default=r;
package/esm/card/card.js CHANGED
@@ -1 +1 @@
1
- import r from"react";import s from"../utils/drip";import{__DEV__ as e}from"../utils/assertion";import{useCard as i}from"./use-card";import{StyledCard as t}from"./card.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},e)=>{const{as:d,css:n,children:m,...c}=r,{cardRef:l,variant:p,isFocusVisible:f,isPressable:b,isPressed:u,disableAnimation:x,disableRipple:g,borderWeight:P,isHovered:h,getCardProps:j,dripBindings:v}=i({...c,ref:e});return a(t,{ref:l,as:d,borderWeight:P,css:n,disableAnimation:x,isFocusVisible:f,isHovered:h,isPressable:b,isPressed:u,role:b?"button":"section",tabIndex:b?0:-1,variant:p,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));e&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;
1
+ import r from"react";import s from"../utils/drip";import{__DEV__ as e}from"../utils/assertion";import{useCard as i}from"./use-card";import{StyledCard as t}from"./card.styles";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},e)=>{const{as:d,css:n,children:m,...l}=r,{cardRef:c,variant:p,isFocusVisible:f,isPressable:b,isPressed:u,disableAnimation:x,disableRipple:g,borderWeight:P,isHovered:h,getCardProps:j,dripBindings:v}=i({...l,ref:e});return a(t,{ref:c,as:d,borderWeight:P,css:n,disableAnimation:x,isFocusVisible:f,isHovered:h,isPressable:b,isPressed:u,role:b?"button":"region",tabIndex:b?0:-1,variant:p,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));e&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;
@@ -1 +1 @@
1
- import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a,usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V,containerCss:w}=l({...j,children:null!=v?v:D}),S=d(n,T),{hoverProps:U,isHovered:$}=a({isDisabled:V.disabled}),{pressProps:q}=o({isDisabled:V.disabled}),{focusProps:B,isFocusVisible:E}=c({autoFocus:V.autoFocus}),G=i((()=>$?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[$,H,V.checked]);return N(m,{ref:S,...s(U,q,j),as:C,className:t("nextui-checkbox-label",`nextui-checkbox--${G}`,A),css:I,disableAnimation:z,isDisabled:V.disabled,size:F,children:[N(h,{className:"nextui-checkbox-container",color:P,css:w,disableAnimation:z,isDisabled:V.disabled,isFocusVisible:E,isHovered:$,isRounded:g,...B,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,B)})}),f(u,{className:"nextui-checkbox-mask",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,children:N(b,{className:"nextui-icon-check",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,size:F,children:[f(k,{className:"nextui-icon-check-line1",disableAnimation:z,isChecked:V.checked,isIndeterminate:H}),f(x,{className:"nextui-icon-check-line2",disableAnimation:z,isChecked:V.checked,isIndeterminate:H})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,disableAnimation:z,isChecked:V.checked,isDisabled:V.disabled,lineThrough:y,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;
1
+ import e,{useMemo as i}from"react";import{filterDOMProps as s,mergeProps as c}from"@react-aria/utils";import{useFocusRing as a}from"@react-aria/focus";import{useHover as o,usePress as r}from"@react-aria/interactions";import{VisuallyHidden as t}from"@react-aria/visually-hidden";import n from"../utils/clsx";import{__DEV__ as l}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as m}from"./use-checkbox";import{StyledCheckboxLabel as h,StyledCheckboxContainer as u,StyledCheckboxMask as b,StyledIconCheck as k,StyledIconCheckFirstLine as x,StyledIconCheckSecondLine as p,StyledCheckboxText as f}from"./checkbox.styles";import{jsx as N}from"react/jsx-runtime";import{jsxs as A}from"react/jsx-runtime";const C=e.forwardRef(((e,l)=>{const{className:C,as:I,css:v,children:D,label:j,...F}=e,{size:P,color:R,labelColor:g,isRounded:y,lineThrough:z,disableAnimation:H,isIndeterminate:T,inputRef:V,inputProps:w,containerCss:S}=m({...F,children:null!=D?D:j}),U=d(l,V),{hoverProps:$,isHovered:q}=o({isDisabled:w.disabled}),{pressProps:B}=r({isDisabled:w.disabled}),{focusProps:E,isFocusVisible:G}=a({autoFocus:w.autoFocus}),J=i((()=>q?"hovered":T&&w.checked?"mixed":w.checked?"checked":"unchecked"),[q,T,w.checked]);return A(h,{ref:U,...c($,B,s(F,{labelable:!0})),as:I,className:n("nextui-checkbox-label",`nextui-checkbox--${J}`,C),css:v,disableAnimation:H,isDisabled:w.disabled,size:P,children:[A(u,{className:"nextui-checkbox-container",color:R,css:S,disableAnimation:H,isDisabled:w.disabled,isFocusVisible:G,isHovered:q,isRounded:y,...E,children:[N(t,{children:N("input",{ref:V,className:"nextui-checkbox-input",...c(w,E)})}),N(b,{className:"nextui-checkbox-mask",disableAnimation:H,isChecked:w.checked,isIndeterminate:T,children:A(k,{className:"nextui-icon-check",disableAnimation:H,isChecked:w.checked,isIndeterminate:T,size:P,children:[N(x,{className:"nextui-icon-check-line1",disableAnimation:H,isChecked:w.checked,isIndeterminate:T}),N(p,{className:"nextui-icon-check-line2",disableAnimation:H,isChecked:w.checked,isIndeterminate:T})]})})]}),(D||j)&&N(f,{className:"nextui-checkbox-text",color:g,disableAnimation:H,isChecked:w.checked,isDisabled:w.disabled,lineThrough:z,children:D||j})]})}));l&&(C.displayName="NextUI.Checkbox"),C.toString=()=>".nextui-checkbox";export default C;
@@ -1 +1 @@
1
- import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{useFocusRing as o}from"@react-aria/focus";import s from"../use-theme";import{warn as d}from"../utils/console";import c from"../utils/clear-icon";import u from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{StyledInput as m,StyledInputMainContainer as h,StyledInputContainer as f,StyledHelperTextContainer as b,StyledHelperText as $,StyledInputWrapper as g,StyledInputPlaceholder as y,StyledInputClearButtonIconWrapper as C,StyledInputClearButton as x,StyledInputBlockLabel as w,StyledInputLabel as N,StyledInputContent as v}from"./input.styles";import{defaultProps as k}from"./input-props";import{jsx as S}from"react/jsx-runtime";import{jsxs as I}from"react/jsx-runtime";const R="nextui-input",P=e.forwardRef((({as:e="input",label:k,labelPlaceholder:P,labelLeft:F,labelRight:L,size:B,helperText:D,color:T,helperColor:V,status:j,contentLeft:O,contentRight:W,contentClickable:q,contentLeftStyling:U,contentRightStyling:z,onContentClick:E,initialValue:A,onChange:G,readOnly:H,value:J,onClearClick:K,clearable:M,shadow:Q,animated:X,required:Y,width:Z,className:_,onBlur:ee,onFocus:te,autoComplete:ae,placeholder:re,fullWidth:le,borderWeight:ne,disabled:ie,bordered:oe,underlined:se,rounded:de,css:ce,...ue},pe)=>{const me=l(null);a(pe,(()=>me.current));const[he,fe]=n(A),[be,$e]=n(!1),{isDark:ge}=s(),ye=r((()=>void 0!==J),[J]),Ce=r((()=>k||P),[k,P]),xe=r((()=>P?"":re),[re,P]),we=r((()=>le?"100%":Z||"initial"),[le,Z]);se&&p&&(oe&&d("Using underlined and bordered at the same time will have no effect."),de&&d("Using underlined and rounded at the same time will have no effect."));const Ne=(e,t)=>{ie||E&&E(e,t)};t((()=>{ye&&fe(J)}),[ye,J]);const ve=r((()=>"textarea"===e),[e]),ke={...ue,...ye?{value:he}:{defaultValue:A}},{isFocusVisible:Se,focusProps:Ie}=o(),{labelProps:Re,fieldProps:Pe}=i({...ke,label:Ce}),Fe=r((()=>be?"hover":ie?"disabled":H?"read-only":he?"with-value":"normal"),[be,ie,H,he]);return I(h,{borderWeight:ne,className:u(`${R}-main-container`,`${R}-main-container--${Fe}`),color:T,css:{width:we,...ce},"data-state":Fe,disabled:ie,helperColor:V,rounded:de,size:B,status:j,children:[Ce&&S(w,{animated:X,asPlaceholder:!!P,bordered:oe,className:`${R}-block-label`,focused:be,hasContentLeft:!!O,htmlFor:"htmlFor"in Re?Re.htmlFor:"",id:Re.id,isTextarea:ve,rounded:de,underlined:se,withValue:!!he,children:Ce}),S(f,{animated:X,className:u(`${R}-container`,`${R}-container--${Fe}`,{[`${R}-container--input`]:!ve,[`${R}-container--textarea`]:ve,[`${R}-container--read-only`]:H},_),focused:be,isReadOnly:H,isTextarea:ve,underlined:se,children:I(g,{animated:X,as:Ce?"div":"label",bordered:oe,className:u(`${R}-wrapper`,`${R}-wrapper--${Fe}`,{[`${R}-wrapper--bordered`]:oe,[`${R}-wrapper--underlined`]:se,[`${R}-wrapper--shadow`]:Q}),disabled:ie,focused:be,isReadOnly:H,isTextarea:ve,shadow:Q,underlined:se,children:[!Ce&&re&&S(y,{className:`${R}-placeholder`,children:re}),F&&S(N,{bordered:oe,className:`${R}-label--left`,isDark:ge,isDefaultStatus:"default"===j,underlined:se,children:F}),O&&S(v,{applyStyles:U,className:u(`${R}-content`,`${R}-content--left`),clickable:q,onClick:e=>Ne("left",e),children:O}),S(m,{ref:me,"aria-multiline":ve,"aria-placeholder":xe,"aria-readonly":H,"aria-required":Y,as:e,autoComplete:ae,bordered:oe,className:u({[`${R}`]:!ve,[`${R}-textarea`]:ve,[`${R}-disabled`]:ie,[`${R}-rounded`]:de,[`${R}-${R}-right-content`]:W,[`${R}-left-content`]:O}),"data-state":Fe,disabled:ie,focused:be,hasLeftContent:!!O,hasRightContent:!!W,isTextarea:ve,placeholder:xe,readOnly:H,required:Y,type:"text",onBlur:e=>{$e(!1),ee&&ee(e)},onChange:e=>{ie||H||(ye||fe(e.target.value),G&&G(e))},onFocus:e=>{$e(!0),te&&te(e)},...ke,...Pe}),M&&S(x,{animated:X,"aria-label":"clear",className:`${R}-clear-button`,disabled:ie||H,hasContentRight:!!W,lang:"en",type:"button",underlined:se,visible:Boolean(he),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),ye||fe(""),K&&K(e),!me.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(me.current,e);t.target.value="",G&&G(t),me.current.focus()},...Ie,children:S(C,{isFocusVisible:Se,children:S(c,{fill:"currentColor"})})}),W&&S(v,{applyStyles:z,className:u(`${R}-content`,`${R}-content--right`),clickable:q,onClick:e=>Ne("right",e),children:W}),L&&S(N,{bordered:oe,className:`${R}-label--right`,isDark:ge,isDefaultStatus:"default"===j,isRight:!0,underlined:se,children:L})]})}),S(b,{className:`${R}-helper-text-container`,withValue:!!D,children:D&&S($,{className:`${R}-helper-text`,children:D})})]})}));P.displayName="NextUI.Input",P.defaultProps=k,P.toString=()=>".nextui-input";export default P;
1
+ import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{useFocusRing as o}from"@react-aria/focus";import s from"../use-theme";import{warn as d}from"../utils/console";import c from"../utils/clear-icon";import u from"../utils/clsx";import{__DEV__ as p}from"../utils/assertion";import{StyledInput as m,StyledInputMainContainer as h,StyledInputContainer as f,StyledHelperTextContainer as b,StyledHelperText as $,StyledInputWrapper as g,StyledInputPlaceholder as y,StyledInputClearButtonIconWrapper as C,StyledInputClearButton as x,StyledInputBlockLabel as w,StyledInputLabel as N,StyledInputContent as v}from"./input.styles";import{defaultProps as k}from"./input-props";import{jsx as S}from"react/jsx-runtime";import{jsxs as I}from"react/jsx-runtime";const R="nextui-input",P=e.forwardRef((({as:e="input",label:k,labelPlaceholder:P,labelLeft:F,labelRight:L,size:B,helperText:D,color:T,helperColor:V,status:j,contentLeft:O,contentRight:W,contentClickable:q,contentLeftStyling:U,contentRightStyling:z,onContentClick:E,initialValue:A,onChange:G,readOnly:H,value:J,onClearClick:K,clearable:M,shadow:Q,animated:X,required:Y,width:Z,className:_,onBlur:ee,onFocus:te,autoComplete:ae,placeholder:re,fullWidth:le,borderWeight:ne,disabled:ie,bordered:oe,underlined:se,rounded:de,css:ce,...ue},pe)=>{const me=l(null);a(pe,(()=>me.current));const[he,fe]=n(A),[be,$e]=n(!1),{isDark:ge}=s(),ye=r((()=>void 0!==J),[J]),Ce=r((()=>k||P),[k,P]),xe=r((()=>P?"":re),[re,P]),we=r((()=>le?"100%":Z||"initial"),[le,Z]);se&&p&&(oe&&d("Using underlined and bordered at the same time will have no effect."),de&&d("Using underlined and rounded at the same time will have no effect."));const Ne=(e,t)=>{ie||E&&E(e,t)};t((()=>{ye&&fe(J)}),[ye,J]);const ve=r((()=>"textarea"===e),[e]),ke={...ue,...ye?{value:J}:{defaultValue:A}},{isFocusVisible:Se,focusProps:Ie}=o(),{labelProps:Re,fieldProps:Pe}=i({...ke,label:Ce}),Fe=r((()=>be?"hover":ie?"disabled":H?"read-only":he?"with-value":"normal"),[be,ie,H,he]);return I(h,{borderWeight:ne,className:u(`${R}-main-container`,`${R}-main-container--${Fe}`),color:T,css:{width:we,...ce},"data-state":Fe,disabled:ie,helperColor:V,rounded:de,size:B,status:j,children:[Ce&&S(w,{animated:X,asPlaceholder:!!P,bordered:oe,className:`${R}-block-label`,focused:be,hasContentLeft:!!O,htmlFor:"htmlFor"in Re?Re.htmlFor:"",id:Re.id,isTextarea:ve,rounded:de,underlined:se,withValue:!!he,children:Ce}),S(f,{animated:X,className:u(`${R}-container`,`${R}-container--${Fe}`,{[`${R}-container--input`]:!ve,[`${R}-container--textarea`]:ve,[`${R}-container--read-only`]:H},_),focused:be,isReadOnly:H,isTextarea:ve,underlined:se,children:I(g,{animated:X,as:Ce?"div":"label",bordered:oe,className:u(`${R}-wrapper`,`${R}-wrapper--${Fe}`,{[`${R}-wrapper--bordered`]:oe,[`${R}-wrapper--underlined`]:se,[`${R}-wrapper--shadow`]:Q}),disabled:ie,focused:be,isReadOnly:H,isTextarea:ve,shadow:Q,underlined:se,children:[!Ce&&re&&S(y,{className:`${R}-placeholder`,children:re}),F&&S(N,{bordered:oe,className:`${R}-label--left`,isDark:ge,isDefaultStatus:"default"===j,underlined:se,children:F}),O&&S(v,{applyStyles:U,className:u(`${R}-content`,`${R}-content--left`),clickable:q,onClick:e=>Ne("left",e),children:O}),S(m,{ref:me,"aria-multiline":ve,"aria-placeholder":xe,"aria-readonly":H,"aria-required":Y,as:e,autoComplete:ae,bordered:oe,className:u({[`${R}`]:!ve,[`${R}-textarea`]:ve,[`${R}-disabled`]:ie,[`${R}-rounded`]:de,[`${R}-${R}-right-content`]:W,[`${R}-left-content`]:O}),"data-state":Fe,disabled:ie,focused:be,hasLeftContent:!!O,hasRightContent:!!W,isTextarea:ve,placeholder:xe,readOnly:H,required:Y,type:"text",onBlur:e=>{$e(!1),ee&&ee(e)},onChange:e=>{ie||H||(ye||fe(e.target.value),G&&G(e))},onFocus:e=>{$e(!0),te&&te(e)},...ke,...Pe}),M&&S(x,{animated:X,"aria-label":"clear",className:`${R}-clear-button`,disabled:ie||H,hasContentRight:!!W,lang:"en",type:"button",underlined:se,visible:Boolean(he),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),ye||fe(""),K&&K(e),!me.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(me.current,e);t.target.value="",G&&G(t),me.current.focus()},...Ie,children:S(C,{isFocusVisible:Se,children:S(c,{fill:"currentColor"})})}),W&&S(v,{applyStyles:z,className:u(`${R}-content`,`${R}-content--right`),clickable:q,onClick:e=>Ne("right",e),children:W}),L&&S(N,{bordered:oe,className:`${R}-label--right`,isDark:ge,isDefaultStatus:"default"===j,isRight:!0,underlined:se,children:L})]})}),S(b,{className:`${R}-helper-text-container`,withValue:!!D,children:D&&S($,{className:`${R}-helper-text`,children:D})})]})}));P.displayName="NextUI.Input",P.defaultProps=k,P.toString=()=>".nextui-input";export default P;
@@ -1 +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;
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":"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;
@@ -1 +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:""});
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 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:""});
@@ -1 +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)}};
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),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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/react",
3
- "version": "1.0.0-beta.12",
3
+ "version": "1.0.0-beta.13",
4
4
  "license": "MIT",
5
5
  "description": "🚀 Beautiful and modern React UI library.",
6
6
  "homepage": "https://nextui.org",
@@ -30,6 +30,7 @@ export declare const DropdownProvider: import("react").Provider<{
30
30
  }) | undefined;
31
31
  placement?: import("..").PopoverPlacement | undefined;
32
32
  onClose?: (() => void) | undefined;
33
+ scrollRef?: import("react").RefObject<HTMLElement> | undefined;
33
34
  disableShadow?: boolean | "true" | ({
34
35
  "@xs"?: boolean | "true" | undefined;
35
36
  "@sm"?: boolean | "true" | undefined;
@@ -105,7 +106,6 @@ export declare const DropdownProvider: import("react").Provider<{
105
106
  } & {
106
107
  [x: string]: boolean | "true" | "false" | undefined;
107
108
  }) | undefined;
108
- scrollRef?: import("react").RefObject<HTMLElement> | undefined;
109
109
  shouldFlip?: boolean | undefined;
110
110
  isDismissable?: boolean | undefined;
111
111
  triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
@@ -196,6 +196,7 @@ export declare const DropdownProvider: import("react").Provider<{
196
196
  }) | undefined;
197
197
  placement?: import("..").PopoverPlacement | undefined;
198
198
  onClose?: (() => void) | undefined;
199
+ scrollRef?: import("react").RefObject<HTMLElement> | undefined;
199
200
  disableShadow?: boolean | "true" | ({
200
201
  "@xs"?: boolean | "true" | undefined;
201
202
  "@sm"?: boolean | "true" | undefined;
@@ -271,7 +272,6 @@ export declare const DropdownProvider: import("react").Provider<{
271
272
  } & {
272
273
  [x: string]: boolean | "true" | "false" | undefined;
273
274
  }) | undefined;
274
- scrollRef?: import("react").RefObject<HTMLElement> | undefined;
275
275
  shouldFlip?: boolean | undefined;
276
276
  isDismissable?: boolean | undefined;
277
277
  triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
@@ -58,6 +58,7 @@ export declare function useDropdown(props?: UseDropdownProps): {
58
58
  }) | undefined;
59
59
  placement?: import("../popover").PopoverPlacement | undefined;
60
60
  onClose?: (() => void) | undefined;
61
+ scrollRef?: import("react").RefObject<HTMLElement> | undefined;
61
62
  disableShadow?: boolean | "true" | ({
62
63
  "@xs"?: boolean | "true" | undefined;
63
64
  "@sm"?: boolean | "true" | undefined;
@@ -133,7 +134,6 @@ export declare function useDropdown(props?: UseDropdownProps): {
133
134
  } & {
134
135
  [x: string]: boolean | "true" | "false" | undefined;
135
136
  }) | undefined;
136
- scrollRef?: import("react").RefObject<HTMLElement> | undefined;
137
137
  shouldFlip?: boolean | undefined;
138
138
  isDismissable?: boolean | undefined;
139
139
  triggerType?: "grid" | "dialog" | "menu" | "listbox" | "tree" | undefined;
@@ -1,5 +1,6 @@
1
1
  import type { CSS } from "../theme/stitches.config";
2
2
  import React, { RefAttributes, PropsWithoutRef } from "react";
3
+ import { AriaTableProps } from "@react-aria/table";
3
4
  import { TableStateProps } from "@react-stately/table";
4
5
  import { SelectionMode, SelectionBehavior } from "@react-types/shared";
5
6
  import { TableColumn as TableColumnBase, TableCell as TableCellBase, TableRow as TableRowBase, TableBody as TableBodyBase, TableHeader as TableHeaderBase } from "./base";
@@ -16,7 +17,7 @@ declare type NativeAttrs = Omit<React.TableHTMLAttributes<unknown>, keyof Props<
16
17
  export declare type TableProps<T = object> = Props<T> & NativeAttrs & Omit<TableVariantsProps, "isMultiple" | "shadow" | "hasPagination"> & TableContainerVariantsProps & {
17
18
  css?: CSS;
18
19
  containerCss?: CSS;
19
- };
20
+ } & Pick<AriaTableProps<T>, "onRowAction" | "onCellAction">;
20
21
  declare type TableComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
21
22
  Cell: typeof TableCellBase;
22
23
  Column: typeof TableColumnBase;
@@ -8,6 +8,6 @@ export declare type SizingData = {
8
8
  };
9
9
  export declare const forceHiddenStyles: (node: HTMLElement) => void;
10
10
  export declare const getSizingData: (node: HTMLElement) => SizingData | null;
11
- export declare type CalculatedNodeHeights = number[];
11
+ export declare type CalculatedNodeHeights = [height: number, rowHeight: number];
12
12
  export declare const calculateNodeHeight: (sizingData: SizingData, value: string, minRows?: number, maxRows?: number) => CalculatedNodeHeights;
13
13
  export {};