@nextui-org/react 1.0.0-beta.8 → 1.0.0-beta.9

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.
@@ -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=q(t);if(r&&r.has(e))return r.get(e);var i={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=s?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(i,o,u):i[o]=e[o]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=require("@react-aria/button"),s=require("@react-aria/interactions"),o=require("@react-aria/utils"),u=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),h=require("../utils/dom"),g=require("../utils/assertion"),x=require("react/jsx-runtime");function q(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(q=function(e){return e?r:t})(e)}const m=t.default.forwardRef((({onClick:e,onPress:b,as:q,css:m,iconLeftCss:v,iconRightCss:y,...j},P)=>{const _=(0,l.useButtonGroupContext)(),C=(0,a.filterPropsWithGroup)(j,_),w=(0,a.getCssColors)(C),{flat:O,children:B,disabled:D,animated:F,light:M,ripple:R,bordered:k,auto:N,borderWeight:W,icon:G,iconRight:V,ghost:H,autoFocus:S,className:T,...A}=C,E=e=>{F&&R&&L.current&&X(e)},L=(0,h.useDOMRef)(P),{buttonProps:U,isPressed:I}=(0,i.useButton)({...j,onClick:t=>{E(t),null==e||e(t)},isDisabled:D,elementType:q,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(E(t),null==e||e(t)),null==b||b(t)}},L),{hoverProps:$,isHovered:z}=(0,s.useHover)({isDisabled:D}),{isFocused:J,isFocusVisible:K,focusProps:Q}=(0,r.useFocusRing)({autoFocus:S}),{onClick:X,...Y}=(0,f.default)(!1,L);g.__DEV__&&"gradient"===C.color&&(O||M)&&(0,u.default)("Using the gradient color on flat and light buttons will have no effect.");const Z=G||V,ee=0===t.default.Children.count(B),te=Boolean(V),re=(0,t.useMemo)((()=>I?"pressed":z?"hovered":D?"disabled":"ready"),[D,z,I]),ie=(0,t.useMemo)((()=>te?y:v),[te,y,v]);return(0,x.jsxs)(p.default,{as:q,ref:L,borderWeight:W,auto:N,flat:O,light:M,ghost:H,bordered:k||H,"data-state":re,animated:F,isChildLess:ee,isPressed:I,isHovered:z||H&&J,isFocusVisible:K&&!D,className:(0,c.default)("nextui-button",`nextui-button--${re}`,T),css:{...m,...w},...(0,o.mergeProps)(U,Q,$,A),children:[0===t.default.Children.count(B)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}):Z?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":te,"nextui-button-text-left":!te}),children:B})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:B}),(0,x.jsx)(n.default,{color:"white",...Y})]})}));g.__DEV__&&(m.displayName="NextUI.Button"),m.toString=()=>".nextui-button";var v=(0,b.default)(m,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=v,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=P(t);if(r&&r.has(e))return r.get(e);var s={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}s.default=e,r&&r.set(e,s);return s}(require("react")),r=require("@react-aria/focus"),s=require("@react-aria/button"),i=require("@react-aria/interactions"),o=require("@react-aria/utils"),u=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),h=require("../utils/dom"),g=require("../utils/assertion"),x=require("react/jsx-runtime");function P(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(P=function(e){return e?r:t})(e)}const q=t.default.forwardRef((({as:e,css:b,iconLeftCss:P,iconRightCss:q,onClick:m,onPress:v,onPressStart:y,onPressEnd:j,onPressChange:C,onPressUp:_,...w},O)=>{const B=(0,l.useButtonGroupContext)(),D=(0,a.filterPropsWithGroup)(w,B),F=(0,a.getCssColors)(D),{flat:M,children:R,disabled:k,animated:N,light:W,ripple:S,bordered:E,auto:G,borderWeight:U,icon:V,iconRight:H,ghost:T,autoFocus:A,className:L,...I}=D,$=e=>{N&&S&&z.current&&te(e)},z=(0,h.useDOMRef)(O),{buttonProps:J,isPressed:K}=(0,s.useButton)({...w,onClick:e=>{$(e),null==m||m(e)},isDisabled:k,elementType:e,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||($(e),null==m||m(e)),null==v||v(e)},onPressStart:y,onPressEnd:j,onPressChange:C,onPressUp:_},z),{hoverProps:Q,isHovered:X}=(0,i.useHover)({isDisabled:k}),{isFocused:Y,isFocusVisible:Z,focusProps:ee}=(0,r.useFocusRing)({autoFocus:A}),{onClick:te,...re}=(0,f.default)(!1,z);g.__DEV__&&"gradient"===D.color&&(M||W)&&(0,u.default)("Using the gradient color on flat and light buttons will have no effect.");const se=V||H,ie=0===t.default.Children.count(R),oe=Boolean(H),ue=(0,t.useMemo)((()=>K?"pressed":X?"hovered":k?"disabled":"ready"),[k,X,K]),ne=(0,t.useMemo)((()=>oe?q:P),[oe,q,P]);return(0,x.jsxs)(p.default,{as:e,ref:z,borderWeight:U,auto:G,flat:M,light:W,ghost:T,bordered:E||T,"data-state":ue,animated:N,isChildLess:ie,isPressed:K,isHovered:X||T&&Y,isFocusVisible:Z&&!k,className:(0,c.default)("nextui-button",`nextui-button--${ue}`,L),css:{...b,...F},...(0,o.mergeProps)(J,ee,Q,I),children:[0===t.default.Children.count(R)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:G,isRight:oe,css:ne,isGradientButtonBorder:"gradient"===I.color&&(E||T),children:se}):se?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:G,isRight:oe,css:ne,isGradientButtonBorder:"gradient"===I.color&&(E||T),children:se}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":oe,"nextui-button-text-left":!oe}),children:R})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:R}),(0,x.jsx)(n.default,{color:"white",...re})]})}));g.__DEV__&&(q.displayName="NextUI.Button"),q.toString=()=>".nextui-button";var m=(0,b.default)(q,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=m,module.exports=exports.default;
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=require("@react-aria/utils"),i=e(require("../utils/drip")),a=require("./use-card"),t=require("./card.styles"),d=require("../utils/assertion"),o=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:d,css:u,children:l,...n}=e,{cardRef:c,variant:p,isFocusVisible:b,isPressable:f,isPressed:x,disableAnimation:q,disableRipple:v,borderWeight:P,isHovered:m,pressProps:h,focusProps:_,hoverProps:g,dripBindings:R}=(0,a.useCard)({...n,ref:r});return(0,o.jsxs)(t.StyledCard,{ref:c,as:d,css:u,variant:p,role:f?"button":"section",borderWeight:P,disableAnimation:q,isPressable:f,isPressed:x,isHovered:m,tabIndex:f?0:-1,isFocusVisible:b,...(0,s.mergeProps)(h,_,g,n),children:[f&&!q&&!v&&(0,o.jsx)(i.default,{...R}),l]})}));d.__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("./use-card"),t=require("./card.styles"),a=require("../utils/assertion"),d=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:a,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,i.useCard)({...o,ref:r});return(0,d.jsxs)(t.StyledCard,{ref:n,as:a,css:u,variant:c,role:p?"button":"section",borderWeight:v,disableAnimation:x,isPressable:p,isPressed:f,isHovered:m,tabIndex:p?0:-1,isFocusVisible:b,..._(),children:[p&&!x&&!q&&(0,d.jsx)(s.default,{...g}),l]})}));a.__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.useCard=void 0;var s=require("@react-aria/focus"),r=require("@react-aria/interactions"),i=e(require("../use-drip")),o=require("../utils/dom");exports.useCard=e=>{const{ref:a,disableAnimation:u=!1,disableRipple:l=!1,variant:n="shadow",isHoverable:t=!1,borderWeight:d="light",isPressable:p=!1,onClick:c,onPress:b,autoFocus:P,...v}=e,f=(0,o.useDOMRef)(a),{onClick:h,...q}=(0,i.default)(!1,f),C=e=>{u||l||!f.current||h(e)},{isPressed:R,pressProps:g}=(0,r.usePress)({isDisabled:!p,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||(C(e),null==c||c(e)),null==b||b(e)},...v}),{hoverProps:k,isHovered:D}=(0,r.useHover)({isDisabled:!t,...v}),{isFocusVisible:F,focusProps:H}=(0,s.useFocusRing)({autoFocus:P});return g.onClick=e=>{p&&(C(e),null==c||c(e))},{cardRef:f,variant:n,borderWeight:d,isPressable:p,isHovered:D,isPressed:R,disableAnimation:u,disableRipple:l,pressProps:g,hoverProps:k,dripBindings:q,focusProps:H,onDripClickHandler:h,isFocusVisible:F,...v}};
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCard=void 0;var r=require("react"),s=require("@react-aria/focus"),i=require("@react-aria/utils"),o=require("@react-aria/interactions"),a=e(require("../use-drip")),l=require("../utils/dom");exports.useCard=e=>{const{ref:u,disableAnimation:t=!1,disableRipple:n=!1,variant:d="shadow",isHoverable:c=!1,borderWeight:p="light",isPressable:b=!1,onClick:P,onPress:v,autoFocus:q,allowTextSelectionOnPress:C=!0,...f}=e,g=(0,l.useDOMRef)(u),{onClick:h,...k}=(0,a.default)(!1,g),R=e=>{t||n||!g.current||h(e)},{isPressed:m,pressProps:x}=(0,o.usePress)({isDisabled:!b,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||(R(e),null==P||P(e)),null==v||v(e)},allowTextSelectionOnPress:C,...f}),{hoverProps:D,isHovered:F}=(0,o.useHover)({isDisabled:!c,...f}),{isFocusVisible:H,focusProps:T}=(0,s.useFocusRing)({autoFocus:q});x.onClick=e=>{b&&(R(e),null==P||P(e))};const w=(0,r.useCallback)(((e={})=>({...(0,i.mergeProps)(b?{...x,...T}:{},c?D:{},f,e)})),[b,c,x,T,D,f]);return{cardRef:g,variant:d,borderWeight:p,isPressable:b,isHovered:F,isPressed:m,disableAnimation:t,disableRipple:n,dripBindings:k,onDripClickHandler:h,isFocusVisible:H,getCardProps:w}};
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"));var r=e(require("../popover")),t=require("./dropdown-context"),o=require("../utils/assertion"),i=require("react/jsx-runtime");const u=e=>{const{children:o,...u}=e,{getMenuTriggerProps:n}=(0,t.useDropdownContext)();return(0,i.jsx)(r.default.Trigger,{...n(u),children:o})};o.__DEV__&&(u.displayName="NextUI.DropdownTrigger"),u.toString=()=>".nextui-dropdown-trigger";var n=u;exports.default=n,module.exports=exports.default;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("../popover")),o=require("./dropdown-context"),i=require("../utils/assertion"),u=require("react/jsx-runtime");const d=r.default.forwardRef(((e,r)=>{const{children:i,...d}=e,{getMenuTriggerProps:n}=(0,o.useDropdownContext)();return(0,u.jsx)(t.default.Trigger,{...n(d),children:i})}));i.__DEV__&&(d.displayName="NextUI.DropdownTrigger"),d.toString=()=>".nextui-dropdown-trigger";var n=d;exports.default=n,module.exports=exports.default;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledPopover=void 0;var r=e(require("./popover")),o=require("./popover-content"),t=require("./popover-trigger"),p=require("./popover.styles");exports.StyledPopover=p.StyledPopoverContent,r.default.Content=o.PopoverContent,r.default.Trigger=t.PopoverTrigger;var u=r.default;exports.default=u;
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledPopoverContent=void 0;var r=e(require("./popover")),t=e(require("./popover-trigger")),o=e(require("./popover-content")),p=require("./popover.styles");exports.StyledPopoverContent=p.StyledPopoverContent,r.default.Content=o.default,r.default.Trigger=t.default;var u=r.default;exports.default=u;
@@ -1 +1 @@
1
- var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.PopoverContent=void 0;var s=e(require("react")),r=require("@react-aria/overlays"),o=require("@react-aria/dialog"),i=require("@react-aria/focus"),t=require("@react-aria/utils"),n=e(require("../utils/css-transition")),a=require("../utils/assertion"),l=require("../utils/refs"),u=require("./popover.styles"),d=require("./popover-context"),c=require("./utils"),p=e(require("../utils/clsx")),m=require("react/jsx-runtime");const v=s.default.forwardRef(((e,s)=>{const{children:a,as:v,css:x,className:b,...g}=e,{state:h,placement:q,overlayRef:f,disableAnimation:D,disableShadow:O,shouldCloseOnBlur:P,isDismissable:C,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j,getPopoverProps:F,isBordered:S,borderWeight:B,onClose:_,onEntered:E,onExited:N}=(0,d.usePopoverContext)(),R=(0,c.getTransformOrigin)(q),{modalProps:T}=(0,r.useModal)({isDisabled:!0}),{dialogProps:w}=(0,o.useDialog)({role:"dialog"},f),{overlayProps:I}=(0,r.useOverlay)({onClose:_,isOpen:h.isOpen,isDismissable:C&&h.isOpen,shouldCloseOnBlur:P,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j},f),V=(0,t.mergeProps)({isBordered:S,disableShadow:O,borderWeight:B},g),{isFocusVisible:K,focusProps:M}=(0,i.useFocusRing)(),W=(0,m.jsxs)(u.StyledPopoverContentContainer,{ref:(0,l.mergeRefs)(f,s),...F((0,t.mergeProps)(I,T,w,M,V)),className:(0,p.default)("nextui-popover-content-container",b),isFocusVisible:K,as:v,css:{transformOrigin:R,...x},children:[(0,m.jsx)(r.DismissButton,{onDismiss:_}),(0,m.jsx)(u.StyledPopoverContent,{className:"nextui-popover-content",children:a}),(0,m.jsx)(r.DismissButton,{onDismiss:_})]});return(0,m.jsx)(m.Fragment,{children:D?h.isOpen?(0,m.jsx)(i.FocusScope,{restoreFocus:!0,children:W}):null:(0,m.jsx)(i.FocusScope,{restoreFocus:!0,children:(0,m.jsx)(n.default,{visible:h.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:N,onEntered:E,children:W})})})}));exports.PopoverContent=v,a.__DEV__&&(v.displayName="NextUI.PopoverContent"),v.toString=()=>".nextui-popover-content";
1
+ var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var s=e(require("react")),r=require("@react-aria/overlays"),i=require("@react-aria/dialog"),o=require("@react-aria/focus"),t=require("@react-aria/utils"),n=e(require("../utils/css-transition")),a=require("../utils/assertion"),l=require("../utils/refs"),u=require("./popover.styles"),d=require("./popover-context"),c=require("./utils"),p=e(require("../utils/clsx")),m=require("react/jsx-runtime");const x=s.default.forwardRef(((e,s)=>{const{children:a,as:x,css:v,className:b,...f}=e,{state:g,placement:h,overlayRef:q,disableAnimation:D,disableShadow:O,shouldCloseOnBlur:P,isDismissable:C,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j,getPopoverProps:F,isBordered:S,borderWeight:B,onClose:_,onEntered:E,onExited:N}=(0,d.usePopoverContext)(),R=(0,c.getTransformOrigin)(h),{modalProps:T}=(0,r.useModal)({isDisabled:!0}),{dialogProps:w}=(0,i.useDialog)({role:"dialog"},q),{overlayProps:I}=(0,r.useOverlay)({onClose:_,isOpen:g.isOpen,isDismissable:C&&g.isOpen,shouldCloseOnBlur:P,isKeyboardDismissDisabled:y,shouldCloseOnInteractOutside:j},q),V=(0,t.mergeProps)({isBordered:S,disableShadow:O,borderWeight:B},f),{isFocusVisible:K,focusProps:M}=(0,o.useFocusRing)(),W=(0,m.jsxs)(u.StyledPopoverContentContainer,{ref:(0,l.mergeRefs)(q,s),...F((0,t.mergeProps)(I,T,w,M,V)),className:(0,p.default)("nextui-popover-content-container",b),isFocusVisible:K,as:x,css:{transformOrigin:R,...v},children:[(0,m.jsx)(r.DismissButton,{onDismiss:_}),(0,m.jsx)(u.StyledPopoverContent,{className:"nextui-popover-content",children:a}),(0,m.jsx)(r.DismissButton,{onDismiss:_})]});return(0,m.jsx)(m.Fragment,{children:D?g.isOpen?(0,m.jsx)(o.FocusScope,{restoreFocus:!0,children:W}):null:(0,m.jsx)(o.FocusScope,{restoreFocus:!0,children:(0,m.jsx)(n.default,{visible:g.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:N,onEntered:E,children:W})})})}));a.__DEV__&&(x.displayName="NextUI.PopoverContent"),x.toString=()=>".nextui-popover-content";var v=x;exports.default=v,module.exports=exports.default;
@@ -1 +1 @@
1
- exports.__esModule=!0,exports.PopoverTrigger=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=p(r);if(t&&t.has(e))return t.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,t&&t.set(e,o);return o}(require("react")),r=require("@react-aria/button"),t=require("@react-aria/utils"),o=require("./popover-context"),n=require("../utils/collections"),i=require("../index"),u=require("../utils/assertion");function p(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(p=function(e){return e?t:r})(e)}const s=u=>{const{state:p,triggerRef:s,getTriggerProps:a}=(0,o.usePopoverContext)(),{children:l,...c}=u,f=()=>p.open(),{buttonProps:g}=(0,r.useButton)({onPress:f,...c},s),d=e.Children.only(l),[,v]=(0,n.pickChild)(u.children,i.Button),P=void 0!==(null==v?void 0:v[0]);return e.cloneElement(d,a((0,t.mergeProps)(d.props,P?{onPress:f,...c}:g),d.ref))};exports.PopoverTrigger=s,u.__DEV__&&(s.displayName="NextUI.PopoverTrigger"),s.toString=()=>".nextui-popover-trigger";
1
+ exports.__esModule=!0,exports.default=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=a(r);if(t&&t.has(e))return t.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,t&&t.set(e,o);return o}(require("react")),r=require("@react-aria/button"),t=require("@react-aria/utils"),o=require("./popover-context"),n=require("../utils/collections"),i=require("../index"),u=require("../utils/assertion");function a(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(a=function(e){return e?t:r})(e)}const p=e.forwardRef(((u,a)=>{const{state:p,triggerRef:s,getTriggerProps:l}=(0,o.usePopoverContext)(),{children:c,...f}=u,d=()=>p.open(),{buttonProps:g}=(0,r.useButton)({onPress:d,...f},s),v=e.Children.only(c),[,P]=(0,n.pickChild)(u.children,i.Button),y=void 0!==(null==P?void 0:P[0]);return e.cloneElement(v,l((0,t.mergeProps)(v.props,y?{onPress:d,...f}:g),v.ref))}));u.__DEV__&&(p.displayName="NextUI.PopoverTrigger"),p.toString=()=>".nextui-popover-trigger";var s=p;exports.default=s,module.exports=exports.default;
@@ -1 +1 @@
1
- import t,{useMemo as o}from"react";import{useFocusRing as i}from"@react-aria/focus";import{useButton as r}from"@react-aria/button";import{useHover as e}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import c from"./button-icon";import m from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import h from"../utils/with-defaults";import{useDOMRef as b}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as y}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const v=t.forwardRef((({onClick:h,onPress:v,as:F,css:N,iconLeftCss:P,iconRightCss:B,...j},w)=>{const R=d(),k=l(j,R),S=u(k),{flat:T,children:A,disabled:D,animated:G,light:H,ripple:L,bordered:U,auto:V,borderWeight:W,icon:I,iconRight:$,ghost:q,autoFocus:z,className:E,...J}=k,K=t=>{G&&L&&M.current&&ot(t)},M=b(w),{buttonProps:O,isPressed:Q}=r({...j,onClick:t=>{K(t),null==h||h(t)},isDisabled:D,elementType:F,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(K(t),null==h||h(t)),null==v||v(t)}},M),{hoverProps:X,isHovered:Y}=e({isDisabled:D}),{isFocused:Z,isFocusVisible:_,focusProps:tt}=i({autoFocus:z}),{onClick:ot,...it}=p(!1,M);g&&"gradient"===k.color&&(T||H)&&n("Using the gradient color on flat and light buttons will have no effect.");const rt=I||$,et=0===t.Children.count(A),st=Boolean($),nt=o((()=>Q?"pressed":Y?"hovered":D?"disabled":"ready"),[D,Y,Q]),at=o((()=>st?B:P),[st,B,P]);return C(f,{as:F,ref:M,borderWeight:W,auto:V,flat:T,light:H,ghost:q,bordered:U||q,"data-state":nt,animated:G,isChildLess:et,isPressed:Q,isHovered:Y||q&&Z,isFocusVisible:_&&!D,className:m("nextui-button",`nextui-button--${nt}`,E),css:{...N,...S},...s(O,tt,X,J),children:[0===t.Children.count(A)?x(c,{isSingle:!0,isAuto:V,isRight:st,css:at,isGradientButtonBorder:"gradient"===J.color&&(U||q),children:rt}):rt?C(y,{children:[x(c,{isSingle:!1,isAuto:V,isRight:st,css:at,isGradientButtonBorder:"gradient"===J.color&&(U||q),children:rt}),x("div",{className:m("nextui-button-text",{"nextui-button-text-right":st,"nextui-button-text-left":!st}),children:A})]}):x("span",{className:"nextui-button-text",children:A}),x(a,{color:"white",...it})]})}));g&&(v.displayName="NextUI.Button"),v.toString=()=>".nextui-button";export default h(v,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
1
+ import t,{useMemo as o}from"react";import{useFocusRing as r}from"@react-aria/focus";import{useButton as e}from"@react-aria/button";import{useHover as i}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import c from"./button-icon";import m from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import h from"../utils/with-defaults";import{useDOMRef as b}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as P}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const y=t.forwardRef((({as:h,css:y,iconLeftCss:v,iconRightCss:F,onClick:N,onPress:B,onPressStart:j,onPressEnd:w,onPressChange:R,onPressUp:S,...k},U)=>{const T=d(),A=l(k,T),D=u(A),{flat:E,children:G,disabled:H,animated:L,light:V,ripple:W,bordered:I,auto:$,borderWeight:q,icon:z,iconRight:J,ghost:K,autoFocus:M,className:O,...Q}=A,X=t=>{L&&W&&Y.current&&st(t)},Y=b(U),{buttonProps:Z,isPressed:_}=e({...k,onClick:t=>{X(t),null==N||N(t)},isDisabled:H,elementType:h,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(X(t),null==N||N(t)),null==B||B(t)},onPressStart:j,onPressEnd:w,onPressChange:R,onPressUp:S},Y),{hoverProps:tt,isHovered:ot}=i({isDisabled:H}),{isFocused:rt,isFocusVisible:et,focusProps:it}=r({autoFocus:M}),{onClick:st,...nt}=p(!1,Y);g&&"gradient"===A.color&&(E||V)&&n("Using the gradient color on flat and light buttons will have no effect.");const at=z||J,lt=0===t.Children.count(G),ut=Boolean(J),dt=o((()=>_?"pressed":ot?"hovered":H?"disabled":"ready"),[H,ot,_]),ct=o((()=>ut?F:v),[ut,F,v]);return C(f,{as:h,ref:Y,borderWeight:q,auto:$,flat:E,light:V,ghost:K,bordered:I||K,"data-state":dt,animated:L,isChildLess:lt,isPressed:_,isHovered:ot||K&&rt,isFocusVisible:et&&!H,className:m("nextui-button",`nextui-button--${dt}`,O),css:{...y,...D},...s(Z,it,tt,Q),children:[0===t.Children.count(G)?x(c,{isSingle:!0,isAuto:$,isRight:ut,css:ct,isGradientButtonBorder:"gradient"===Q.color&&(I||K),children:at}):at?C(P,{children:[x(c,{isSingle:!1,isAuto:$,isRight:ut,css:ct,isGradientButtonBorder:"gradient"===Q.color&&(I||K),children:at}),x("div",{className:m("nextui-button-text",{"nextui-button-text-right":ut,"nextui-button-text-left":!ut}),children:G})]}):x("span",{className:"nextui-button-text",children:G}),x(a,{color:"white",...nt})]})}));g&&(y.displayName="NextUI.Button"),y.toString=()=>".nextui-button";export default h(y,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
package/esm/card/card.js CHANGED
@@ -1 +1 @@
1
- import r from"react";import{mergeProps as s}from"@react-aria/utils";import i from"../utils/drip";import{useCard as e}from"./use-card";import{StyledCard as o}from"./card.styles";import{__DEV__ as t}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";const m=r.forwardRef((({...r},t)=>{const{as:m,css:n,children:c,...p}=r,{cardRef:l,variant:f,isFocusVisible:u,isPressable:b,isPressed:x,disableAnimation:P,disableRipple:h,borderWeight:v,isHovered:g,pressProps:j,focusProps:R,hoverProps:y,dripBindings:A}=e({...p,ref:t});return d(o,{ref:l,as:m,css:n,variant:f,role:b?"button":"section",borderWeight:v,disableAnimation:P,isPressable:b,isPressed:x,isHovered:g,tabIndex:b?0:-1,isFocusVisible:u,...s(j,R,y,p),children:[b&&!P&&!h&&a(i,{...A}),c]})}));t&&(m.displayName="NextUI.Card"),m.toString=()=>".nextui-card";export default m;
1
+ import r from"react";import s from"../utils/drip";import{useCard as e}from"./use-card";import{StyledCard as i}from"./card.styles";import{__DEV__ as t}from"../utils/assertion";import{jsx as o}from"react/jsx-runtime";import{jsxs as a}from"react/jsx-runtime";const d=r.forwardRef((({...r},t)=>{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}=e({...c,ref:t});return a(i,{ref:l,as:d,css:n,variant:p,role:b?"button":"section",borderWeight:P,disableAnimation:x,isPressable:b,isPressed:u,isHovered:h,tabIndex:b?0:-1,isFocusVisible:f,...j(),children:[b&&!x&&!g&&o(s,{...v}),m]})}));t&&(d.displayName="NextUI.Card"),d.toString=()=>".nextui-card";export default d;
@@ -1 +1 @@
1
- import{useFocusRing as r}from"@react-aria/focus";import{usePress as i}from"@react-aria/interactions";import{useHover as s}from"@react-aria/interactions";import e from"../use-drip";import{useDOMRef as o}from"../utils/dom";export const useCard=a=>{const{ref:t,disableAnimation:n=!1,disableRipple:l=!1,variant:p="shadow",isHoverable:d=!1,borderWeight:c="light",isPressable:u=!1,onClick:b,onPress:m,autoFocus:P,...f}=a,v=o(t),{onClick:h,...k}=e(!1,v),C=r=>{n||l||!v.current||h(r)},{isPressed:g,pressProps:F}=i({isDisabled:!u,onPress:r=>{"keyboard"!==r.pointerType&&"virtual"!==r.pointerType||(C(r),null==b||b(r)),null==m||m(r)},...f}),{hoverProps:H,isHovered:y}=s({isDisabled:!d,...f}),{isFocusVisible:D,focusProps:R}=r({autoFocus:P});return F.onClick=r=>{u&&(C(r),null==b||b(r))},{cardRef:v,variant:p,borderWeight:c,isPressable:u,isHovered:y,isPressed:g,disableAnimation:n,disableRipple:l,pressProps:F,hoverProps:H,dripBindings:k,focusProps:R,onDripClickHandler:h,isFocusVisible:D,...f}};
1
+ import{useCallback as r}from"react";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as e}from"@react-aria/utils";import{usePress as s}from"@react-aria/interactions";import{useHover as o}from"@react-aria/interactions";import a from"../use-drip";import{useDOMRef as t}from"../utils/dom";export const useCard=l=>{const{ref:n,disableAnimation:c=!1,disableRipple:p=!1,variant:d="shadow",isHoverable:u=!1,borderWeight:m="light",isPressable:b=!1,onClick:P,onPress:f,autoFocus:v,allowTextSelectionOnPress:C=!0,...g}=l,h=t(n),{onClick:k,...F}=a(!1,h),H=r=>{c||p||!h.current||k(r)},{isPressed:T,pressProps:w}=s({isDisabled:!b,onPress:r=>{"keyboard"!==r.pointerType&&"virtual"!==r.pointerType||(H(r),null==P||P(r)),null==f||f(r)},allowTextSelectionOnPress:C,...g}),{hoverProps:x,isHovered:y}=o({isDisabled:!u,...g}),{isFocusVisible:D,focusProps:R}=i({autoFocus:v});w.onClick=r=>{b&&(H(r),null==P||P(r))};const A=r(((r={})=>({...e(b?{...w,...R}:{},u?x:{},g,r)})),[b,u,w,R,x,g]);return{cardRef:h,variant:d,borderWeight:m,isPressable:b,isHovered:y,isPressed:T,disableAnimation:c,disableRipple:p,dripBindings:F,onDripClickHandler:k,isFocusVisible:D,getCardProps:A}};
@@ -1 +1 @@
1
- import r from"react";import o from"../popover";import{useDropdownContext as t}from"./dropdown-context";import{__DEV__ as e}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const n=r=>{const{children:e,...n}=r,{getMenuTriggerProps:p}=t();return i(o.Trigger,{...p(n),children:e})};e&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;
1
+ import r from"react";import o from"../popover";import{useDropdownContext as t}from"./dropdown-context";import{__DEV__ as e}from"../utils/assertion";import{jsx as i}from"react/jsx-runtime";const n=r.forwardRef(((r,e)=>{const{children:n,...p}=r,{getMenuTriggerProps:m}=t();return i(o.Trigger,{...m(p),children:n})}));e&&(n.displayName="NextUI.DropdownTrigger"),n.toString=()=>".nextui-dropdown-trigger";export default n;
@@ -1 +1 @@
1
- import o from"./popover";import{PopoverContent as r}from"./popover-content";import{PopoverTrigger as e}from"./popover-trigger";export{StyledPopoverContent as StyledPopover}from"./popover.styles";o.Content=r,o.Trigger=e;export default o;
1
+ import o from"./popover";import r from"./popover-trigger";import e from"./popover-content";export{StyledPopoverContent}from"./popover.styles";o.Content=e,o.Trigger=r;export default o;
@@ -1 +1 @@
1
- import e from"react";import{useModal as o,useOverlay as r,DismissButton as s}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import v from"../utils/clsx";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";import{Fragment as x}from"react/jsx-runtime";export const PopoverContent=e.forwardRef(((e,m)=>{const{children:O,as:C,css:P,className:g,...D}=e,{state:y,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=u(),U=f(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=r({onClose:V,isOpen:y.isOpen,isDismissable:w&&y.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},D),{isFocusVisible:H,focusProps:J}=n(),L=h(c,{ref:p(F,m),...T(a(z,k,q,J,G)),className:v("nextui-popover-content-container",g),isFocusVisible:H,as:C,css:{transformOrigin:U,...P},children:[b(s,{onDismiss:V}),b(d,{className:"nextui-popover-content",children:O}),b(s,{onDismiss:V})]});return b(x,{children:N?y.isOpen?b(t,{restoreFocus:!0,children:L}):null:b(t,{restoreFocus:!0,children:b(l,{visible:y.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:A,onEntered:W,children:L})})})}));m&&(PopoverContent.displayName="NextUI.PopoverContent"),PopoverContent.toString=()=>".nextui-popover-content";
1
+ import e from"react";import{useModal as o,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import b from"../utils/clsx";import{jsx as h}from"react/jsx-runtime";import{jsxs as x}from"react/jsx-runtime";import{Fragment as v}from"react/jsx-runtime";const O=e.forwardRef(((e,m)=>{const{children:O,as:g,css:D,className:y,...C}=e,{state:P,placement:j,overlayRef:F,disableAnimation:N,disableShadow:B,shouldCloseOnBlur:E,isDismissable:w,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S,getPopoverProps:T,isBordered:K,borderWeight:R,onClose:V,onEntered:W,onExited:A}=u(),U=f(j),{modalProps:k}=o({isDisabled:!0}),{dialogProps:q}=i({role:"dialog"},F),{overlayProps:z}=s({onClose:V,isOpen:P.isOpen,isDismissable:w&&P.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:I,shouldCloseOnInteractOutside:S},F),G=a({isBordered:K,disableShadow:B,borderWeight:R},C),{isFocusVisible:H,focusProps:J}=n(),L=x(c,{ref:p(F,m),...T(a(z,k,q,J,G)),className:b("nextui-popover-content-container",y),isFocusVisible:H,as:g,css:{transformOrigin:U,...D},children:[h(r,{onDismiss:V}),h(d,{className:"nextui-popover-content",children:O}),h(r,{onDismiss:V})]});return h(v,{children:N?P.isOpen?h(t,{restoreFocus:!0,children:L}):null:h(t,{restoreFocus:!0,children:h(l,{visible:P.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:A,onEntered:W,children:L})})})}));m&&(O.displayName="NextUI.PopoverContent"),O.toString=()=>".nextui-popover-content";export default O;
@@ -1 +1 @@
1
- import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as e}from"@react-aria/utils";import{usePopoverContext as t}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as p}from"../index";import{__DEV__ as n}from"../utils/assertion";export const PopoverTrigger=n=>{const{state:s,triggerRef:g,getTriggerProps:m}=t(),{children:l,...a}=n,c=()=>s.open(),{buttonProps:f}=o({onPress:c,...a},g),u=r.Children.only(l),[,v]=i(n.children,p),P=void 0!==(null==v?void 0:v[0]);return r.cloneElement(u,m(e(u.props,P?{onPress:c,...a}:f),u.ref))};n&&(PopoverTrigger.displayName="NextUI.PopoverTrigger"),PopoverTrigger.toString=()=>".nextui-popover-trigger";
1
+ import*as r from"react";import{useButton as o}from"@react-aria/button";import{mergeProps as t}from"@react-aria/utils";import{usePopoverContext as e}from"./popover-context";import{pickChild as i}from"../utils/collections";import{Button as n}from"../index";import{__DEV__ as p}from"../utils/assertion";const s=r.forwardRef(((p,s)=>{const{state:m,triggerRef:l,getTriggerProps:a}=e(),{children:f,...c}=p,g=()=>m.open(),{buttonProps:d}=o({onPress:g,...c},l),u=r.Children.only(f),[,v]=i(p.children,n),x=void 0!==(null==v?void 0:v[0]);return r.cloneElement(u,a(t(u.props,x?{onPress:g,...c}:d),u.ref))}));p&&(s.displayName="NextUI.PopoverTrigger"),s.toString=()=>".nextui-popover-trigger";export default s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextui-org/react",
3
- "version": "1.0.0-beta.8",
3
+ "version": "1.0.0-beta.9",
4
4
  "license": "MIT",
5
5
  "description": "🚀 Beautiful and modern React UI library.",
6
6
  "homepage": "https://nextui.org",
@@ -32,33 +32,33 @@
32
32
  "scripts": {},
33
33
  "dependencies": {
34
34
  "@babel/runtime": "7.9.6",
35
- "@react-aria/button": "3.4.4",
36
- "@react-aria/checkbox": "3.3.4",
37
- "@react-aria/dialog": "3.1.9",
38
- "@react-aria/focus": "3.5.5",
39
- "@react-aria/i18n": "3.3.9",
40
- "@react-aria/interactions": "3.8.4",
41
- "@react-aria/label": "3.2.5",
42
- "@react-aria/menu": "3.4.4",
43
- "@react-aria/overlays": "3.8.2",
44
- "@react-aria/radio": "3.1.11",
45
- "@react-aria/ssr": "3.1.2",
46
- "@react-aria/table": "3.2.4",
47
- "@react-aria/utils": "3.12.0",
48
- "@react-aria/visually-hidden": "3.2.8",
49
- "@react-stately/checkbox": "3.0.7",
50
- "@react-stately/data": "3.4.7",
51
- "@react-stately/overlays": "3.2.0",
52
- "@react-stately/radio": "3.3.6",
53
- "@react-stately/table": "3.1.3",
54
- "@react-stately/toggle": "3.2.7",
55
- "@react-stately/tree": "3.2.4",
56
- "@react-types/button": "^3.4.5",
57
- "@react-types/checkbox": "3.2.7",
58
- "@react-types/grid": "3.0.4",
59
- "@react-types/menu": "3.5.3",
60
- "@react-types/overlays": "3.5.5",
61
- "@react-types/shared": "3.12.0",
35
+ "@react-aria/button": "3.5.0",
36
+ "@react-aria/checkbox": "3.4.0",
37
+ "@react-aria/dialog": "3.2.0",
38
+ "@react-aria/focus": "3.6.0",
39
+ "@react-aria/i18n": "3.4.0",
40
+ "@react-aria/interactions": "3.9.0",
41
+ "@react-aria/label": "3.3.0",
42
+ "@react-aria/menu": "3.5.0",
43
+ "@react-aria/overlays": "3.9.0",
44
+ "@react-aria/radio": "3.2.0",
45
+ "@react-aria/ssr": "3.2.0",
46
+ "@react-aria/table": "3.3.0",
47
+ "@react-aria/utils": "3.13.0",
48
+ "@react-aria/visually-hidden": "3.3.0",
49
+ "@react-stately/checkbox": "3.1.0",
50
+ "@react-stately/data": "3.5.0",
51
+ "@react-stately/overlays": "3.3.0",
52
+ "@react-stately/radio": "3.4.0",
53
+ "@react-stately/table": "3.2.0",
54
+ "@react-stately/toggle": "3.3.0",
55
+ "@react-stately/tree": "3.3.0",
56
+ "@react-types/button": "^3.5.0",
57
+ "@react-types/checkbox": "3.3.0",
58
+ "@react-types/grid": "3.1.0",
59
+ "@react-types/menu": "3.6.0",
60
+ "@react-types/overlays": "3.6.0",
61
+ "@react-types/shared": "3.13.0",
62
62
  "@stitches/react": "1.2.8"
63
63
  },
64
64
  "peerDependencies": {
@@ -10,6 +10,8 @@ interface Props extends PressEvents, FocusableProps {
10
10
  isHoverable?: boolean;
11
11
  disableRipple?: boolean;
12
12
  disableAnimation?: boolean;
13
+ /** Whether text selection should be enabled on the pressable element. */
14
+ allowTextSelectionOnPress?: boolean;
13
15
  }
14
16
  declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
15
17
  export declare type UseCardProps = Props & NativeAttrs;
@@ -17,266 +19,6 @@ export declare type UseCardProps = Props & NativeAttrs;
17
19
  * @internal
18
20
  */
19
21
  export declare const useCard: (props: UseCardProps) => {
20
- onPressStart?: ((e: PressEvent) => void) | undefined;
21
- onPressEnd?: ((e: PressEvent) => void) | undefined;
22
- onPressChange?: ((isPressed: boolean) => void) | undefined;
23
- onPressUp?: ((e: PressEvent) => void) | undefined;
24
- onFocus?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
25
- onBlur?: ((e: React.FocusEvent<Element, Element>) => void) | undefined;
26
- onFocusChange?: ((isFocused: boolean) => void) | undefined;
27
- onKeyDown?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
28
- onKeyUp?: ((e: import("@react-types/shared").KeyboardEvent) => void) | undefined;
29
- slot?: string | undefined;
30
- style?: React.CSSProperties | undefined;
31
- title?: string | undefined;
32
- color?: string | undefined;
33
- translate?: "yes" | "no" | undefined;
34
- hidden?: boolean | undefined;
35
- className?: string | undefined;
36
- children?: React.ReactNode;
37
- dir?: string | undefined;
38
- id?: string | undefined;
39
- onChange?: React.FormEventHandler<unknown> | undefined;
40
- defaultChecked?: boolean | undefined;
41
- defaultValue?: string | number | readonly string[] | undefined;
42
- suppressContentEditableWarning?: boolean | undefined;
43
- suppressHydrationWarning?: boolean | undefined;
44
- accessKey?: string | undefined;
45
- contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
46
- contextMenu?: string | undefined;
47
- draggable?: (boolean | "true" | "false") | undefined;
48
- lang?: string | undefined;
49
- placeholder?: string | undefined;
50
- spellCheck?: (boolean | "true" | "false") | undefined;
51
- tabIndex?: number | undefined;
52
- radioGroup?: string | undefined;
53
- role?: React.AriaRole | undefined;
54
- about?: string | undefined;
55
- datatype?: string | undefined;
56
- inlist?: any;
57
- prefix?: string | undefined;
58
- property?: string | undefined;
59
- resource?: string | undefined;
60
- typeof?: string | undefined;
61
- vocab?: string | undefined;
62
- autoCapitalize?: string | undefined;
63
- autoCorrect?: string | undefined;
64
- autoSave?: string | undefined;
65
- itemProp?: string | undefined;
66
- itemScope?: boolean | undefined;
67
- itemType?: string | undefined;
68
- itemID?: string | undefined;
69
- itemRef?: string | undefined;
70
- results?: number | undefined;
71
- security?: string | undefined;
72
- unselectable?: "on" | "off" | undefined;
73
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
74
- is?: string | undefined;
75
- 'aria-activedescendant'?: string | undefined;
76
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
77
- 'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
78
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
79
- 'aria-checked'?: boolean | "mixed" | "true" | "false" | undefined;
80
- 'aria-colcount'?: number | undefined;
81
- 'aria-colindex'?: number | undefined;
82
- 'aria-colspan'?: number | undefined;
83
- 'aria-controls'?: string | undefined;
84
- 'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
85
- 'aria-describedby'?: string | undefined;
86
- 'aria-details'?: string | undefined;
87
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
88
- 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
89
- 'aria-errormessage'?: string | undefined;
90
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
91
- 'aria-flowto'?: string | undefined;
92
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
93
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "true" | "false" | "tree" | undefined;
94
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
95
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
96
- 'aria-keyshortcuts'?: string | undefined;
97
- 'aria-label'?: string | undefined;
98
- 'aria-labelledby'?: string | undefined;
99
- 'aria-level'?: number | undefined;
100
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
101
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
102
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
103
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
104
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
105
- 'aria-owns'?: string | undefined;
106
- 'aria-placeholder'?: string | undefined;
107
- 'aria-posinset'?: number | undefined;
108
- 'aria-pressed'?: boolean | "mixed" | "true" | "false" | undefined;
109
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
110
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
111
- 'aria-required'?: (boolean | "true" | "false") | undefined;
112
- 'aria-roledescription'?: string | undefined;
113
- 'aria-rowcount'?: number | undefined;
114
- 'aria-rowindex'?: number | undefined;
115
- 'aria-rowspan'?: number | undefined;
116
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
117
- 'aria-setsize'?: number | undefined;
118
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
119
- 'aria-valuemax'?: number | undefined;
120
- 'aria-valuemin'?: number | undefined;
121
- 'aria-valuenow'?: number | undefined;
122
- 'aria-valuetext'?: string | undefined;
123
- dangerouslySetInnerHTML?: {
124
- __html: string;
125
- } | undefined;
126
- onCopy?: React.ClipboardEventHandler<unknown> | undefined;
127
- onCopyCapture?: React.ClipboardEventHandler<unknown> | undefined;
128
- onCut?: React.ClipboardEventHandler<unknown> | undefined;
129
- onCutCapture?: React.ClipboardEventHandler<unknown> | undefined;
130
- onPaste?: React.ClipboardEventHandler<unknown> | undefined;
131
- onPasteCapture?: React.ClipboardEventHandler<unknown> | undefined;
132
- onCompositionEnd?: React.CompositionEventHandler<unknown> | undefined;
133
- onCompositionEndCapture?: React.CompositionEventHandler<unknown> | undefined;
134
- onCompositionStart?: React.CompositionEventHandler<unknown> | undefined;
135
- onCompositionStartCapture?: React.CompositionEventHandler<unknown> | undefined;
136
- onCompositionUpdate?: React.CompositionEventHandler<unknown> | undefined;
137
- onCompositionUpdateCapture?: React.CompositionEventHandler<unknown> | undefined;
138
- onFocusCapture?: React.FocusEventHandler<unknown> | undefined;
139
- onBlurCapture?: React.FocusEventHandler<unknown> | undefined;
140
- onChangeCapture?: React.FormEventHandler<unknown> | undefined;
141
- onBeforeInput?: React.FormEventHandler<unknown> | undefined;
142
- onBeforeInputCapture?: React.FormEventHandler<unknown> | undefined;
143
- onInput?: React.FormEventHandler<unknown> | undefined;
144
- onInputCapture?: React.FormEventHandler<unknown> | undefined;
145
- onReset?: React.FormEventHandler<unknown> | undefined;
146
- onResetCapture?: React.FormEventHandler<unknown> | undefined;
147
- onSubmit?: React.FormEventHandler<unknown> | undefined;
148
- onSubmitCapture?: React.FormEventHandler<unknown> | undefined;
149
- onInvalid?: React.FormEventHandler<unknown> | undefined;
150
- onInvalidCapture?: React.FormEventHandler<unknown> | undefined;
151
- onLoad?: React.ReactEventHandler<unknown> | undefined;
152
- onLoadCapture?: React.ReactEventHandler<unknown> | undefined;
153
- onError?: React.ReactEventHandler<unknown> | undefined;
154
- onErrorCapture?: React.ReactEventHandler<unknown> | undefined;
155
- onKeyDownCapture?: React.KeyboardEventHandler<unknown> | undefined;
156
- onKeyPress?: React.KeyboardEventHandler<unknown> | undefined;
157
- onKeyPressCapture?: React.KeyboardEventHandler<unknown> | undefined;
158
- onKeyUpCapture?: React.KeyboardEventHandler<unknown> | undefined;
159
- onAbort?: React.ReactEventHandler<unknown> | undefined;
160
- onAbortCapture?: React.ReactEventHandler<unknown> | undefined;
161
- onCanPlay?: React.ReactEventHandler<unknown> | undefined;
162
- onCanPlayCapture?: React.ReactEventHandler<unknown> | undefined;
163
- onCanPlayThrough?: React.ReactEventHandler<unknown> | undefined;
164
- onCanPlayThroughCapture?: React.ReactEventHandler<unknown> | undefined;
165
- onDurationChange?: React.ReactEventHandler<unknown> | undefined;
166
- onDurationChangeCapture?: React.ReactEventHandler<unknown> | undefined;
167
- onEmptied?: React.ReactEventHandler<unknown> | undefined;
168
- onEmptiedCapture?: React.ReactEventHandler<unknown> | undefined;
169
- onEncrypted?: React.ReactEventHandler<unknown> | undefined;
170
- onEncryptedCapture?: React.ReactEventHandler<unknown> | undefined;
171
- onEnded?: React.ReactEventHandler<unknown> | undefined;
172
- onEndedCapture?: React.ReactEventHandler<unknown> | undefined;
173
- onLoadedData?: React.ReactEventHandler<unknown> | undefined;
174
- onLoadedDataCapture?: React.ReactEventHandler<unknown> | undefined;
175
- onLoadedMetadata?: React.ReactEventHandler<unknown> | undefined;
176
- onLoadedMetadataCapture?: React.ReactEventHandler<unknown> | undefined;
177
- onLoadStart?: React.ReactEventHandler<unknown> | undefined;
178
- onLoadStartCapture?: React.ReactEventHandler<unknown> | undefined;
179
- onPause?: React.ReactEventHandler<unknown> | undefined;
180
- onPauseCapture?: React.ReactEventHandler<unknown> | undefined;
181
- onPlay?: React.ReactEventHandler<unknown> | undefined;
182
- onPlayCapture?: React.ReactEventHandler<unknown> | undefined;
183
- onPlaying?: React.ReactEventHandler<unknown> | undefined;
184
- onPlayingCapture?: React.ReactEventHandler<unknown> | undefined;
185
- onProgress?: React.ReactEventHandler<unknown> | undefined;
186
- onProgressCapture?: React.ReactEventHandler<unknown> | undefined;
187
- onRateChange?: React.ReactEventHandler<unknown> | undefined;
188
- onRateChangeCapture?: React.ReactEventHandler<unknown> | undefined;
189
- onSeeked?: React.ReactEventHandler<unknown> | undefined;
190
- onSeekedCapture?: React.ReactEventHandler<unknown> | undefined;
191
- onSeeking?: React.ReactEventHandler<unknown> | undefined;
192
- onSeekingCapture?: React.ReactEventHandler<unknown> | undefined;
193
- onStalled?: React.ReactEventHandler<unknown> | undefined;
194
- onStalledCapture?: React.ReactEventHandler<unknown> | undefined;
195
- onSuspend?: React.ReactEventHandler<unknown> | undefined;
196
- onSuspendCapture?: React.ReactEventHandler<unknown> | undefined;
197
- onTimeUpdate?: React.ReactEventHandler<unknown> | undefined;
198
- onTimeUpdateCapture?: React.ReactEventHandler<unknown> | undefined;
199
- onVolumeChange?: React.ReactEventHandler<unknown> | undefined;
200
- onVolumeChangeCapture?: React.ReactEventHandler<unknown> | undefined;
201
- onWaiting?: React.ReactEventHandler<unknown> | undefined;
202
- onWaitingCapture?: React.ReactEventHandler<unknown> | undefined;
203
- onAuxClick?: React.MouseEventHandler<unknown> | undefined;
204
- onAuxClickCapture?: React.MouseEventHandler<unknown> | undefined;
205
- onClickCapture?: React.MouseEventHandler<unknown> | undefined;
206
- onContextMenu?: React.MouseEventHandler<unknown> | undefined;
207
- onContextMenuCapture?: React.MouseEventHandler<unknown> | undefined;
208
- onDoubleClick?: React.MouseEventHandler<unknown> | undefined;
209
- onDoubleClickCapture?: React.MouseEventHandler<unknown> | undefined;
210
- onDrag?: React.DragEventHandler<unknown> | undefined;
211
- onDragCapture?: React.DragEventHandler<unknown> | undefined;
212
- onDragEnd?: React.DragEventHandler<unknown> | undefined;
213
- onDragEndCapture?: React.DragEventHandler<unknown> | undefined;
214
- onDragEnter?: React.DragEventHandler<unknown> | undefined;
215
- onDragEnterCapture?: React.DragEventHandler<unknown> | undefined;
216
- onDragExit?: React.DragEventHandler<unknown> | undefined;
217
- onDragExitCapture?: React.DragEventHandler<unknown> | undefined;
218
- onDragLeave?: React.DragEventHandler<unknown> | undefined;
219
- onDragLeaveCapture?: React.DragEventHandler<unknown> | undefined;
220
- onDragOver?: React.DragEventHandler<unknown> | undefined;
221
- onDragOverCapture?: React.DragEventHandler<unknown> | undefined;
222
- onDragStart?: React.DragEventHandler<unknown> | undefined;
223
- onDragStartCapture?: React.DragEventHandler<unknown> | undefined;
224
- onDrop?: React.DragEventHandler<unknown> | undefined;
225
- onDropCapture?: React.DragEventHandler<unknown> | undefined;
226
- onMouseDown?: React.MouseEventHandler<unknown> | undefined;
227
- onMouseDownCapture?: React.MouseEventHandler<unknown> | undefined;
228
- onMouseEnter?: React.MouseEventHandler<unknown> | undefined;
229
- onMouseLeave?: React.MouseEventHandler<unknown> | undefined;
230
- onMouseMove?: React.MouseEventHandler<unknown> | undefined;
231
- onMouseMoveCapture?: React.MouseEventHandler<unknown> | undefined;
232
- onMouseOut?: React.MouseEventHandler<unknown> | undefined;
233
- onMouseOutCapture?: React.MouseEventHandler<unknown> | undefined;
234
- onMouseOver?: React.MouseEventHandler<unknown> | undefined;
235
- onMouseOverCapture?: React.MouseEventHandler<unknown> | undefined;
236
- onMouseUp?: React.MouseEventHandler<unknown> | undefined;
237
- onMouseUpCapture?: React.MouseEventHandler<unknown> | undefined;
238
- onSelect?: React.ReactEventHandler<unknown> | undefined;
239
- onSelectCapture?: React.ReactEventHandler<unknown> | undefined;
240
- onTouchCancel?: React.TouchEventHandler<unknown> | undefined;
241
- onTouchCancelCapture?: React.TouchEventHandler<unknown> | undefined;
242
- onTouchEnd?: React.TouchEventHandler<unknown> | undefined;
243
- onTouchEndCapture?: React.TouchEventHandler<unknown> | undefined;
244
- onTouchMove?: React.TouchEventHandler<unknown> | undefined;
245
- onTouchMoveCapture?: React.TouchEventHandler<unknown> | undefined;
246
- onTouchStart?: React.TouchEventHandler<unknown> | undefined;
247
- onTouchStartCapture?: React.TouchEventHandler<unknown> | undefined;
248
- onPointerDown?: React.PointerEventHandler<unknown> | undefined;
249
- onPointerDownCapture?: React.PointerEventHandler<unknown> | undefined;
250
- onPointerMove?: React.PointerEventHandler<unknown> | undefined;
251
- onPointerMoveCapture?: React.PointerEventHandler<unknown> | undefined;
252
- onPointerUp?: React.PointerEventHandler<unknown> | undefined;
253
- onPointerUpCapture?: React.PointerEventHandler<unknown> | undefined;
254
- onPointerCancel?: React.PointerEventHandler<unknown> | undefined;
255
- onPointerCancelCapture?: React.PointerEventHandler<unknown> | undefined;
256
- onPointerEnter?: React.PointerEventHandler<unknown> | undefined;
257
- onPointerEnterCapture?: React.PointerEventHandler<unknown> | undefined;
258
- onPointerLeave?: React.PointerEventHandler<unknown> | undefined;
259
- onPointerLeaveCapture?: React.PointerEventHandler<unknown> | undefined;
260
- onPointerOver?: React.PointerEventHandler<unknown> | undefined;
261
- onPointerOverCapture?: React.PointerEventHandler<unknown> | undefined;
262
- onPointerOut?: React.PointerEventHandler<unknown> | undefined;
263
- onPointerOutCapture?: React.PointerEventHandler<unknown> | undefined;
264
- onGotPointerCapture?: React.PointerEventHandler<unknown> | undefined;
265
- onGotPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
266
- onLostPointerCapture?: React.PointerEventHandler<unknown> | undefined;
267
- onLostPointerCaptureCapture?: React.PointerEventHandler<unknown> | undefined;
268
- onScroll?: React.UIEventHandler<unknown> | undefined;
269
- onScrollCapture?: React.UIEventHandler<unknown> | undefined;
270
- onWheel?: React.WheelEventHandler<unknown> | undefined;
271
- onWheelCapture?: React.WheelEventHandler<unknown> | undefined;
272
- onAnimationStart?: React.AnimationEventHandler<unknown> | undefined;
273
- onAnimationStartCapture?: React.AnimationEventHandler<unknown> | undefined;
274
- onAnimationEnd?: React.AnimationEventHandler<unknown> | undefined;
275
- onAnimationEndCapture?: React.AnimationEventHandler<unknown> | undefined;
276
- onAnimationIteration?: React.AnimationEventHandler<unknown> | undefined;
277
- onAnimationIterationCapture?: React.AnimationEventHandler<unknown> | undefined;
278
- onTransitionEnd?: React.TransitionEventHandler<unknown> | undefined;
279
- onTransitionEndCapture?: React.TransitionEventHandler<unknown> | undefined;
280
22
  cardRef: React.RefObject<HTMLDivElement>;
281
23
  variant: "flat" | "shadow" | "bordered";
282
24
  borderWeight: "light" | "normal" | "bold" | "extrabold" | "black";
@@ -285,17 +27,15 @@ export declare const useCard: (props: UseCardProps) => {
285
27
  isPressed: boolean;
286
28
  disableAnimation: boolean;
287
29
  disableRipple: boolean;
288
- pressProps: React.HTMLAttributes<HTMLElement>;
289
- hoverProps: React.HTMLAttributes<HTMLElement>;
290
30
  dripBindings: {
291
31
  visible: boolean;
292
32
  x: number;
293
33
  y: number;
294
34
  onCompleted: () => void;
295
35
  };
296
- focusProps: Omit<React.HTMLAttributes<HTMLElement>, "css">;
297
36
  onDripClickHandler: (event: React.MouseEvent<HTMLElement, MouseEvent> | PressEvent) => void;
298
37
  isFocusVisible: boolean;
38
+ getCardProps: (props?: any) => any;
299
39
  };
300
40
  export declare type UseCardReturn = ReturnType<typeof useCard>;
301
41
  export {};
@@ -1,11 +1,6 @@
1
1
  import React from 'react';
2
- /**
3
- * DropdownTrigger opens the popover's content. It must be an interactive element
4
- * such as `button` or `a`.
5
- */
6
- declare const DropdownTrigger: {
7
- (props: React.PropsWithChildren<{}>): JSX.Element;
8
- displayName: string;
9
- toString(): string;
10
- };
11
- export default DropdownTrigger;
2
+ declare type DropdownTriggerComponent<T, P = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
3
+ declare const _default: DropdownTriggerComponent<HTMLElement, {
4
+ children?: React.ReactNode;
5
+ }>;
6
+ export default _default;
@@ -1,5 +1,5 @@
1
1
  import Popover from './popover';
2
2
  export type { PopoverProps } from './popover';
3
3
  export type { PopoverPlacement } from './utils';
4
- export { StyledPopoverContent as StyledPopover } from './popover.styles';
4
+ export { StyledPopoverContent as StyledPopoverContent } from './popover.styles';
5
5
  export default Popover;