@nextui-org/react 1.0.2-beta.5-dbg2 → 1.0.2-beta.5
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/button/button.js +1 -1
- package/cjs/checkbox/checkbox.js +1 -1
- package/cjs/collapse/collapse.js +1 -1
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/grid/grid-container.js +1 -1
- package/cjs/grid/grid-item.js +1 -1
- package/cjs/grid/grid.js +1 -1
- package/cjs/image/image.js +1 -1
- package/cjs/image/image.styles.js +1 -1
- package/cjs/snippet/snippet.js +1 -1
- package/cjs/spacer/spacer.js +1 -1
- package/cjs/table/table.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/theme/theme-provider.js +1 -1
- package/cjs/user/user.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/collapse/collapse.js +1 -1
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/grid/grid-container.js +1 -1
- package/esm/grid/grid-item.js +1 -1
- package/esm/grid/grid.js +1 -1
- package/esm/image/image.js +1 -1
- package/esm/image/image.styles.js +1 -1
- package/esm/snippet/snippet.js +1 -1
- package/esm/spacer/spacer.js +1 -1
- package/esm/table/table.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/theme/theme-provider.js +1 -1
- package/esm/user/user.js +1 -1
- package/package.json +1 -1
- package/types/backdrop/backdrop.styles.d.ts +1 -1
- package/types/button/button-group.styles.d.ts +1 -1
- package/types/button/button.d.ts +1 -0
- package/types/button/button.styles.d.ts +1 -1
- package/types/card/card.styles.d.ts +3 -3
- package/types/checkbox/checkbox.styles.d.ts +3 -3
- package/types/collapse/collapse.styles.d.ts +954 -4
- package/types/grid/grid-container.d.ts +7 -10
- package/types/grid/grid-item.d.ts +3 -9
- package/types/grid/grid.d.ts +3 -3
- package/types/image/image.styles.d.ts +1 -1
- package/types/input/input-props.d.ts +1 -1
- package/types/input/input.styles.d.ts +5 -5
- package/types/modal/modal.styles.d.ts +1 -1
- package/types/pagination/pagination.styles.d.ts +5 -5
- package/types/radio/radio.styles.d.ts +3 -3
- package/types/snippet/snippet.styles.d.ts +1 -1
- package/types/spacer/spacer.d.ts +1 -1
- package/types/spacer/spacer.styles.d.ts +1 -1
- package/types/switch/switch.styles.d.ts +1 -1
- package/types/table/table-column-header.d.ts +12 -1
- package/types/table/table.d.ts +3 -2
- package/types/table/table.styles.d.ts +966 -12
- package/types/theme/stitches.config.d.ts +1 -1
- package/types/tooltip/tooltip.styles.d.ts +1 -1
- package/umd/nextui.js +13264 -11734
- package/umd/nextui.min.js +1 -1
- package/types/table/table-cell-old.d.ts +0 -22
- package/types/table/table-column.d.ts +0 -17
- package/types/table/table-old.d.ts +0 -49
- package/types/table/table-types.d.ts +0 -30
- package/types/theme/ssr-provider.d.ts +0 -7
package/cjs/button/button.js
CHANGED
|
@@ -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=b(t);if(r&&r.has(e))return r.get(e);var i={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var o=u?Object.getOwnPropertyDescriptor(e,n):null;o&&(o.get||o.set)?Object.defineProperty(i,n,o):i[n]=e[n]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=e(require("../use-warning")),u=e(require("../utils/drip")),n=require("./utils"),o=require("./button-group-context"),a=e(require("./button-icon")),l=e(require("../utils/clsx")),s=e(require("../use-drip")),d=e(require("./button.styles")),c=e(require("../utils/with-defaults")),f=require("../utils/assertion"),p=require("react/jsx-runtime");function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}const h=t.default.forwardRef((({...e},c)=>{const b=(0,t.useRef)(null);(0,t.useImperativeHandle)(c,(()=>b.current));const h=(0,o.useButtonGroupContext)(),x=(0,n.filterPropsWithGroup)(e,h),{flat:g,children:m,disabled:q,animated:j,light:
|
|
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=b(t);if(r&&r.has(e))return r.get(e);var i={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var o=u?Object.getOwnPropertyDescriptor(e,n):null;o&&(o.get||o.set)?Object.defineProperty(i,n,o):i[n]=e[n]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=e(require("../use-warning")),u=e(require("../utils/drip")),n=require("./utils"),o=require("./button-group-context"),a=e(require("./button-icon")),l=e(require("../utils/clsx")),s=e(require("../use-drip")),d=e(require("./button.styles")),c=e(require("../utils/with-defaults")),f=require("../utils/assertion"),p=require("react/jsx-runtime");function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(b=function(e){return e?r:t})(e)}const h=t.default.forwardRef((({...e},c)=>{const b=(0,t.useRef)(null);(0,t.useImperativeHandle)(c,(()=>b.current));const h=(0,o.useButtonGroupContext)(),x=(0,n.filterPropsWithGroup)(e,h),{flat:g,children:m,disabled:q,animated:j,light:y,ripple:v,bordered:_,auto:w,borderWeight:k,onClick:O,icon:N,iconRight:P,ghost:R,clickable:M,className:W,...C}=x;f.__DEV__&&"gradient"===x.color&&(g||y)&&(0,i.default)("Using the gradient color on flat and light buttons will have no effect.");const D=N||P,F=Boolean(P),{isFocusVisible:V,focusProps:B}=(0,r.useFocusRing)(),{onClick:A,...E}=(0,s.default)(!1,b),G=(0,t.useMemo)((()=>q?"disabled":"ready"),[q]);return(0,p.jsxs)(d.default,{ref:b,borderWeight:k,auto:w,flat:g,light:y,ghost:R,bordered:_||R,clickable:M,"data-state":G,disabled:q,animated:j,onClick:e=>{!q&&M&&(j&&v&&b.current&&A(e),O&&O(e))},isFocusVisible:V,className:(0,l.default)("nextui-button",`nextui-button--${G}`,W),...B,...C,children:[0===t.default.Children.count(m)?(0,p.jsx)(a.default,{isAuto:w,isRight:F,isSingle:!0,children:D}):D?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a.default,{isAuto:w,isRight:F,children:D}),(0,p.jsx)("div",{className:(0,l.default)("nextui-button-text",{"nextui-button-text-right":F,"nextui-button-text-left":!F}),children:m})]}):(0,p.jsx)("span",{className:"nextui-button-text",children:m}),(0,p.jsx)(u.default,{color:"white",...E})]})}));f.__DEV__&&(h.displayName="NextUI - Button"),h.toString=()=>".nextui-button";var x=(0,c.default)(h,{clickable:!0,ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,auto:!1,className:"",type:"button"});exports.default=x,module.exports=exports.default;
|
package/cjs/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=
|
|
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=l(t);if(a&&a.has(e))return a.get(e);var c={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var r=n?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(c,i,r):c[i]=e[i]}c.default=e,a&&a.set(e,c);return c}(require("react")),a=require("@react-aria/focus"),c=require("./checkbox-context"),n=e(require("../use-warning")),i=require("./checkbox.styles"),r=e(require("../utils/clsx")),o=require("../utils/assertion"),s=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(l=function(e){return e?a:t})(e)}const d=t.default.forwardRef((({checked:e,initialChecked:l,line:d,rounded:u,indeterminate:h,disabled:x,onChange:f,size:b,className:k,children:p,label:m,color:v,labelColor:C,animated:y,value:j,preventDefault:g,...S},N)=>{const[_,q]=(0,t.useState)(l),[D,P]=(0,t.useState)(h),w=(0,t.useRef)(null);(0,t.useImperativeHandle)(N,(()=>null==w?void 0:w.current));const{color:I,labelColor:O,size:M,updateState:E,inGroup:z,disabledAll:R,values:F}=(0,c.useCheckbox)(),{isFocusVisible:V,focusProps:L}=(0,a.useFocusRing)(),W=z&&R||x,A="default"!==v?v:I,G="md"!==b?b:M,H="default"!==C?C:O;o.__DEV__&&z&&e&&(0,n.default)('Remove props "checked" when [Checkbox] component is in the group.',"Checkbox"),z&&(0,t.useEffect)((()=>{const e=F.includes(j);e!==_&&q(e)}),[F.join(",")]),(0,t.useEffect)((()=>{P(h)}),[h]);const T=(0,t.useCallback)((e=>{if(W)return;const t={target:{checked:!_},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};z&&E&&E&&E(j,!_),D?(P(!1),q(!0)):q(!_),f&&f(t)}),[E,f,W,_,D]);(0,t.useEffect)((()=>{void 0!==e&&q(e)}),[e]);const U=(0,t.useMemo)((()=>_&&D?"mixed":_?"checked":"uncheked"),[_,D]);return(0,s.jsxs)(i.StyledCheckboxLabel,{size:G,disabled:W,animated:y,className:(0,r.default)("nextui-checkbox-label",`nextui-checkbox--${U}`,k),css:S.css,children:[(0,s.jsxs)(i.StyledCheckboxContainer,{className:"nextui-checkbox-container",tabIndex:W?-1:0,color:A,rounded:u,disabled:W,animated:y,isFocusVisible:V,...L,children:[(0,s.jsx)(i.StyledCheckboxInput,{ref:w,type:"checkbox",className:"nextui-checkbox-input",tabIndex:-1,"data-state":U,disabled:W,checked:_,"aria-checked":_&&D?"mixed":_,"aria-disabled":W,onChange:T,...S}),(0,s.jsx)(i.StyledCheckboxMask,{checked:_,animated:y,className:"nextui-checkbox-mask",children:(0,s.jsxs)(i.StyledIconCheck,{size:G,indeterminate:D,checked:_,animated:y,className:"nextui-icon-check",children:[(0,s.jsx)(i.StyledIconCheckFirstLine,{indeterminate:D,checked:_,animated:y,className:"nextui-icon-check-line1"}),(0,s.jsx)(i.StyledIconCheckSecondLine,{indeterminate:D,checked:_,animated:y,className:"nextui-icon-check-line2"})]})})]}),(p||m)&&(0,s.jsx)(i.StyledCheckboxText,{className:"nextui-checkbox-text",color:H,line:d,checked:_,disabled:W,animated:y,children:p||m})]})}));d.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,preventDefault:!0,initialChecked:!1,indeterminate:!1,rounded:!1,line:!1,animated:!0,className:""},d.toString=()=>".nextui-checkbox",o.__DEV__&&(d.displayName="NextUI - Checkbox");var u=d;exports.default=u,module.exports=exports.default;
|
package/cjs/collapse/collapse.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=h(require("react")),r=require("@react-aria/focus"),a=e(require("./collapse-icon")),i=e(require("../utils/expand")),s=require("./collapse-context"),l=e(require("../use-current-state")),n=e(require("../use-warning")),d=e(require("../use-theme")),o=require("@react-aria/utils"),u=h(require("../use-keyboard")),c=require("./collapse.styles"),f=e(require("../utils/clsx")),p=e(require("../utils/with-defaults")),b=require("react/jsx-runtime");function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var l=i?Object.getOwnPropertyDescriptor(e,s):null;l&&(l.get||l.set)?Object.defineProperty(a,s,l):a[s]=e[s]}return a.default=e,r&&r.set(e,a),a}const v="nextui-collapse",m=({children:e,title:p,subtitle:x,expanded:h,shadow:m,className:j,divider:q,arrowIcon:w,showArrow:y,disabled:g,onChange:C,bordered:N,contentLeft:$,preventDefault:D,animated:M,borderWeight:O,index:k,...E})=>{const[I,P,S]=(0,l.default)(h),{isDark:V}=(0,d.default)(),{values:W,divider:_,animated:F,updateValues:A}=(0,s.useCollapseContext)(),{isFocusVisible:K,focusProps:R}=(0,r.useFocusRing)();p||(0,n.default)('"title" is required.',"Collapse"),(0,t.useEffect)((()=>{I!==h&&P(h)}),[h]),(0,t.useEffect)((()=>{if(!W.length)return;const e=!!W.find((e=>e===k));P(e)}),[W.join(",")]);const G=(0,o.useId)(),L=(0,o.useId)(),z=(0,t.useMemo)((()=>y?w||(0,b.jsx)(a.default,{}):null),[w,y]),B=void 0===_?q:_,H=(0,t.useMemo)((()=>void 0===F?M:F),[F,M]),J=e=>{if(g)return;const t=!S.current;P(t),A&&A(k,t),C&&C(e,k,t)},{bindings:Q}=(0,u.default)((e=>{J(e)}),[u.KeyCode.Enter,u.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:D}),T=(0,t.useMemo)((()=>I?"open":"closed"),[I]);return(0,b.jsxs)(c.StyledCollapse,{tabIndex:-1,shadow:m,bordered:N,animated:H,divider:B,borderWeight:O,visible:I,"data-state":T,className:(0,f.default)(j,v,`${v}--${T}`),isDark:V,...E,children:[(0,b.jsx)(c.StyledCollapseView,{role:"button",tabIndex:g?-1:0,id:G,className:`${v}-view`,"data-state":T,disabled:g,"aria-disabled":g,"aria-expanded":I,"aria-controls":L,isFocusVisible:K,onClick:J,...R,...Q,children:(0,b.jsxs)("div",{className:(0,f.default)(`${v}-title-container`),children:[$&&(0,b.jsx)("div",{className:`${v}-title-content-left`,children:$}),(0,b.jsxs)("div",{className:`${v}-title-content`,children:[t.default.isValidElement(p)?p:(0,b.jsx)("h3",{className:`${v}-title`,children:p}),x&&(0,b.jsx)("div",{className:`${v}-subtitle`,children:x})]}),(0,b.jsx)("div",{className:`${v}-title-content-right`,children:z})]})}),(0,b.jsx)(i.default,{isExpanded:I,animated:H,children:(0,b.jsx)(c.StyledCollapseContent,{role:"region",tabIndex:-1,id:L,"aria-labelledby":G,className:`${v}-content`,children:e})})]})};m.toString=()=>".nextui-collapse";var j=(0,p.default)(m,{shadow:!1,divider:!0,bordered:!1,showArrow:!0,animated:!0,disabled:!1,preventDefault:!0,expanded:!1});exports.default=j,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledCollapseView=exports.StyledCollapseIcon=exports.StyledCollapseGroup=exports.StyledCollapseContent=exports.StyledCollapse=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$background"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light"},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}}]},e.sharedFocus);exports.StyledCollapse=t;const o=(0,e.styled)("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}});exports.StyledCollapseView=o;const r=(0,e.styled)("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCollapseContent=r;const l=(0,e.styled)("svg",{path:{stroke:"$accents5"}});exports.StyledCollapseIcon=l;const
|
|
1
|
+
exports.__esModule=!0,exports.StyledCollapseView=exports.StyledCollapseIcon=exports.StyledCollapseGroup=exports.StyledCollapseContent=exports.StyledCollapse=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$background"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light"},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}}]},e.sharedFocus);exports.StyledCollapse=t;const o=(0,e.styled)("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}},e.cssFocusVisible);exports.StyledCollapseView=o;const r=(0,e.styled)("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCollapseContent=r;const l=(0,e.styled)("svg",{path:{stroke:"$accents5"}});exports.StyledCollapseIcon=l;const s=(0,e.styled)("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${t}:first-child`]:{borderTop:"none"},[`& ${t}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$background"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${t}`]:{br:"$lg",border:"none",bg:"$background",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}},{isDark:!0,splitted:!0,css:{[`& ${t}`]:{bg:"$accents1"}}}]});exports.StyledCollapseGroup=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=i?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(a,n,l):a[n]=e[n]}a.default=e,t&&t.set(e,a);return a}(require("react")),t=e(require("./grid-item")),a=e(require("../utils/clsx")),i=e(require("../utils/with-defaults")),n=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const l=({gap:e,wrap:i,css:u,children:l,className:o,...c
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=i?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(a,n,l):a[n]=e[n]}a.default=e,t&&t.set(e,a);return a}(require("react")),t=e(require("./grid-item")),a=e(require("../utils/clsx")),i=e(require("../utils/with-defaults")),n=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const l=r.default.forwardRef((({gap:e,wrap:i,css:u,children:l,className:o,...s},c)=>{const p=(0,r.useMemo)((()=>`calc(${e} * $space$3)`),[e]);return(0,n.jsx)(t.default,{ref:c,className:(0,a.default)("nextui-grid-container",o),css:{$$gridGapUnit:p,display:"flex",flexWrap:i,boxZizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...u},...s,children:l})}));l.displayName="NextUI - GridContainer",l.toString=()=>".nextui-grid-container";var o=(0,i.default)(l,{gap:0,wrap:"wrap",className:""});exports.default=o,module.exports=exports.default;
|
package/cjs/grid/grid-item.js
CHANGED
|
@@ -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=l(t);if(r&&r.has(e))return r.get(e);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var
|
|
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=l(t);if(r&&r.has(e))return r.get(e);var i={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=n?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(i,s,a):i[s]=e[s]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("./grid.styles"),i=e(require("../utils/clsx")),n=e(require("../utils/with-defaults")),s=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const a=e=>{const t=0===e?"none":"inherit";if("number"==typeof e){const r=100/12*e,i=r>100?"100%":r<0?"0":`${r}%`;return{flexGrow:0,display:t,maxWidth:i,flexBasis:i}}return{flexGrow:1,display:t,maxWidth:"100%",flexBasis:"0"}},u=t.default.forwardRef((({xs:e,sm:n,md:l,lg:u,xl:o,css:f,justify:d,direction:c,alignItems:x,alignContent:m,children:p,className:y,...g},j)=>{const b=(0,t.useMemo)((()=>{const t={xs:e,sm:n,md:l,lg:u,xl:o};return Object.keys(t).reduce(((e,r)=>void 0!==t[r]&&!1!==t[r]?`${e} ${r}`:e),"").trim()}),[e,n,l,u,o]);return(0,s.jsx)(r.StyledGridItem,{ref:j,className:(0,i.default)("nextui-grid-item",b,y),css:{alignItems:x,alignContent:m,justifyContent:d,flexDirection:c,"&.xs":{...a(e)},"@xsMax":{"&.xs":{...a(e)}},"@sm":{"&.sm":{...a(n)}},"@md":{"&.md":{...a(l)}},"@lg":{"&.lg":{...a(u)}},"@xl":{"&.xl":{...a(o)}},...f},...g,children:p})}));u.displayName="NextUI - Grid Item",u.toString=()=>".nextui-grid-item";var o=(0,n.default)(u,{xs:!1,sm:!1,md:!1,lg:!1,xl:!1,className:""});exports.default=o,module.exports=exports.default;
|
package/cjs/grid/grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"))
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("./grid-item")),i=require("react/jsx-runtime");const u=r.default.forwardRef((({children:e,css:r,...u},a)=>(0,i.jsx)(t.default,{ref:a,css:{...r},...u,children:e})));u.displayName="NextUI - Grid",u.toString=()=>".nextui-grid";var a=u;exports.default=a,module.exports=exports.default;
|
package/cjs/image/image.js
CHANGED
|
@@ -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=l(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var o=u?Object.getOwnPropertyDescriptor(e,s):null;o&&(o.get||o.set)?Object.defineProperty(a,s,o):a[s]=e[s]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=e(require("./image.skeleton")),a=e(require("../use-real-shape")),u=e(require("../use-current-state")),s=e(require("../use-resize")),o=require("./image.styles"),i=e(require("../utils/clsx")),n=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const c=({src:e,width:l,height:c,showSkeleton:f,className:d,maxDelay:p,autoResize:m,objectFit:h,containerCss:y,css:x,...g})=>{const[w,b]=(0,t.useState)(!0),[j,q]=(0,t.useState)(f),{w:v,h:O}=(0,t.useMemo)((()=>({w:l?"number"==typeof l?`${l}px`:l:"auto",h:c?"number"==typeof c?`${c}px`:c:"auto"})),[l,c]),[M,S,k]=(0,u.default)(O),P=(0,t.useRef)(null),[D,N]=(0,a.default)(P),R=f&&!!l&&!!c;(0,t.useEffect)((()=>{
|
|
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=l(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var o=u?Object.getOwnPropertyDescriptor(e,s):null;o&&(o.get||o.set)?Object.defineProperty(a,s,o):a[s]=e[s]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=e(require("./image.skeleton")),a=e(require("../use-real-shape")),u=e(require("../use-current-state")),s=e(require("../use-resize")),o=require("./image.styles"),i=e(require("../utils/clsx")),n=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const c=({src:e,width:l,height:c,showSkeleton:f,className:d,maxDelay:p,autoResize:m,objectFit:h,containerCss:y,css:x,...g})=>{const[w,b]=(0,t.useState)(!0),[j,q]=(0,t.useState)(f),{w:v,h:O}=(0,t.useMemo)((()=>({w:l?"number"==typeof l?`${l}px`:l:"auto",h:c?"number"==typeof c?`${c}px`:c:"auto"})),[l,c]),[M,S,k]=(0,u.default)(O),P=(0,t.useRef)(null),[D,N]=(0,a.default)(P),R=f&&!!l&&!!c;(0,t.useEffect)((()=>{P.current&&P.current.complete&&(b(!1),q(!1))})),(0,t.useEffect)((()=>{const e=setTimeout((()=>{R&&q(!1),clearTimeout(e)}),p);return()=>clearTimeout(e)}),[w]),(0,t.useEffect)((()=>{if(!m)return;const e=0===D.width,t="auto"===k.current;!e&&l&&c&&(D.width<l?!t&&S("auto"):t&&S(O))}),[D,l]),(0,s.default)((()=>{m&&N()}));const _=(0,t.useMemo)((()=>w?"loading":"ready"),[w]);return(0,n.jsxs)(o.StyledImageContainer,{className:(0,i.default)("nextui-image-container",`nextui-image--${_}`,d),"data-state":_,ready:!w||j,css:{...y,width:v,height:M},children:[j&&(0,n.jsx)(r.default,{opacity:1}),(0,n.jsx)(o.StyledImage,{ref:P,className:"nextui-image",width:l,height:c,onLoad:()=>{b(!1)},src:e,"data-state":_,alt:g.alt||"",css:{objectFit:h,...x},...g})]})};c.toString=()=>".nextui-image",c.defaultProps={showSkeleton:!0,autoResize:!1,objectFit:"scale-down",maxDelay:3e3,className:""};var f=t.default.memo(c);exports.default=f,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledImageSkeleton=exports.StyledImageContainer=exports.StyledImage=void 0;var e=require("../theme/stitches.config");const t=(0,e.keyframes)({"0%":{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}}),o=(0,e.styled)("div",{opacity:0,margin:"0 auto",position:"relative",br:"$lg",overflow:"hidden",maxWidth:"100%",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms","@motion":{transition:"none"},variants:{ready:{true:{opacity:1},false:{opacity:0}}}});exports.StyledImageContainer=o;const i=(0,e.styled)("img",{size:"100%",display:"block"});exports.StyledImage=i;const
|
|
1
|
+
exports.__esModule=!0,exports.StyledImageSkeleton=exports.StyledImageContainer=exports.StyledImage=void 0;var e=require("../theme/stitches.config");const t=(0,e.keyframes)({"0%":{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}}),o=(0,e.styled)("div",{opacity:0,margin:"0 auto",position:"relative",br:"$lg",overflow:"hidden",maxWidth:"100%",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms","@motion":{transition:"none"},variants:{ready:{true:{opacity:1},false:{opacity:0}}}});exports.StyledImageContainer=o;const i=(0,e.styled)("img",{size:"100%",display:"block"});exports.StyledImage=i;const s=(0,e.styled)("div",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",borderRadius:"inherit",backgroundImage:"linear-gradient(270deg, $colors$accents1, $colors$accents2, $colors$accents2, $colors$accents1)",backgroundSize:"400% 100%",animation:`${t} 5s ease-in-out infinite`,transition:"opacity 300ms ease-out"});exports.StyledImageSkeleton=s;
|
package/cjs/snippet/snippet.js
CHANGED
|
@@ -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=l(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var p=n?Object.getOwnPropertyDescriptor(e,i):null;p&&(p.get||p.set)?Object.defineProperty(o,i,p):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../tooltip")),o=e(require("../utils/with-defaults")),n=e(require("./snippet-icon")),i=e(require("../use-clipboard")),p=require("./snippet.styles"),u=require("../utils/assertion"),s=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const a=({bordered:e,children:o,symbol:u,showTooltip:l,text:a,tooltipCopyText:c,tooltipCopiedText:d,tooltipColor:f,copy:y,...x})=>{const[m,b]=(0,t.useState)(!1),{copy:h}=(0,i.default)(),j=(0,t.useRef)(null),C=a&&Array.isArray(a),S=(0,t.useMemo)((()=>"prevent"!==y),[y]),v=(0,t.useMemo)((()=>C?(e=>e.reduce(((e,t)=>t?e?`${e}\n${t}`:t:e),""))(a):o?j.current?j.current.textContent:"":a),[j.current,o,a]),q=(0,t.useMemo)((()=>{const e=u.trim();return e?`${e} `:""}),[u]),w=()=>{v&&S&&(h(v),"slient"!==y&&b(!0))};return(0,s.jsxs)(p.StyledSnippet,{...x,children:[C?a.map(((e,t)=>(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",children:e},`${t}-${e}`))):(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",ref:j,children:o||a}),S&&"slient"!==y?(0,s.jsx)(r.default,{hideArrow:!0,rounded:!0,color:f,content:m?d:c,onVisibleChange:()=>{setTimeout((()=>{b(!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=l(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var p=n?Object.getOwnPropertyDescriptor(e,i):null;p&&(p.get||p.set)?Object.defineProperty(o,i,p):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../tooltip")),o=e(require("../utils/with-defaults")),n=e(require("./snippet-icon")),i=e(require("../use-clipboard")),p=require("./snippet.styles"),u=require("../utils/assertion"),s=require("react/jsx-runtime");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(l=function(e){return e?r:t})(e)}const a=({bordered:e,children:o,symbol:u,showTooltip:l,text:a,tooltipCopyText:c,tooltipCopiedText:d,tooltipColor:f,copy:y,...x})=>{const[m,b]=(0,t.useState)(!1),{copy:h}=(0,i.default)(),j=(0,t.useRef)(null),C=a&&Array.isArray(a),S=(0,t.useMemo)((()=>"prevent"!==y),[y]),v=(0,t.useMemo)((()=>C?(e=>e.reduce(((e,t)=>t?e?`${e}\n${t}`:t:e),""))(a):o?j.current?j.current.textContent:"":a),[j.current,o,a]),q=(0,t.useMemo)((()=>{const e=u.trim();return e?`${e} `:""}),[u]),w=()=>{v&&S&&(h(v),"slient"!==y&&b(!0))};return(0,s.jsxs)(p.StyledSnippet,{...x,children:[C?a.map(((e,t)=>(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",children:e},`${t}-${e}`))):(0,s.jsx)(p.StyledSnippetPre,{css:{"&:before":{content:q,us:"none"}},className:"nextui-snippet-pre",ref:j,children:o||a}),S&&"slient"!==y?(0,s.jsx)(r.default,{hideArrow:!0,rounded:!0,color:f,content:m?d:c,onVisibleChange:()=>{setTimeout((()=>{m&&b(!1)}),400)},children:(0,s.jsx)(p.StyledSnippetCopyButton,{className:"nextui-snippet-copy-button",onClick:w,children:(0,s.jsx)(n.default,{})})}):"prevent"!==y&&(0,s.jsx)(p.StyledSnippetCopyButton,{className:"nextui-snippet-copy-button",onClick:w,children:(0,s.jsx)(n.default,{})})]})};u.__DEV__&&(a.displayName="NextUI - Snippet"),a.toString=()=>".nextui-snippet";const c=t.default.memo(a);var d=(0,o.default)(c,{symbol:"$",showTooltip:!0,copy:"default",tooltipColor:"default",tooltipCopyText:"Copy",tooltipCopiedText:"Copied"});exports.default=d,module.exports=exports.default;
|
package/cjs/spacer/spacer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("../utils/with-defaults")),i=require("../utils/dimensions"),s=require("./spacer.styles"),
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=e(require("../utils/with-defaults")),i=require("../utils/dimensions"),s=require("./spacer.styles"),a=require("react/jsx-runtime");const u=({x:e,y:r,inline:t,css:u,...n})=>{const o=(0,i.getMargin)(e),l=(0,i.getMargin)(r);return(0,a.jsx)(s.StyledSpacer,{css:{marginLeft:`${o} !important`,marginTop:`${l} !important`,...u},"aria-hidden":"true",...n})};u.toString=()=>".nextui-spacer";const n=r.default.memo(u);var o=(0,t.default)(n,{x:1,y:1});exports.default=o,module.exports=exports.default;
|
package/cjs/table/table.js
CHANGED
|
@@ -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=
|
|
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 l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(l,i,o):l[i]=e[i]}l.default=e,r&&r.set(e,l);return l}(require("react")),r=require("@react-aria/table"),l=require("@react-stately/table"),a=require("../index"),i=e(require("./table-row-group")),o=e(require("./table-column-header")),n=e(require("./table-header-row")),s=e(require("./table-select-all-checkbox")),u=e(require("./table-pagination")),d=e(require("./table-footer")),c=e(require("./table-body")),h=require("../utils/collections"),f=require("./table.styles"),b=e(require("./table-context")),p=require("../utils/prop-types"),x=require("./utils"),m=e(require("../utils/with-defaults")),y=e(require("../utils/clsx")),j=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 v=t.default.forwardRef(((e,m)=>{const{selectionMode:q,selectionBehavior:v,hideLoading:w,children:g,shadow:k,borderWeight:S,bordered:O,...P}=e,[C,M]=(0,h.pickSingleChild)(g,u.default),N=(0,h.hasChild)(g,u.default),T=(0,l.useTableState)({...e,children:C,showSelectionCheckboxes:void 0!==e.showSelectionCheckboxes?e.showSelectionCheckboxes:"multiple"===q&&"replace"!==v});Object.keys(P).forEach((e=>{p.excludedTableProps.indexOf(e)>-1&&delete P[e]}));const W=(0,t.useRef)(null);(0,t.useImperativeHandle)(m,(()=>null==W?void 0:W.current));const{collection:I}=T,{gridProps:R}=(0,r.useTable)(e,T,W),_=t.default.useMemo((()=>({collection:I,color:P.color,animated:P.animated})),[I,P.animated,P.color]);return(0,j.jsx)(b.default.Provider,{defaultValues:_,children:(0,j.jsx)(f.StyledTableContainer,{shadow:k,borderWeight:S,bordered:O,className:"nextui-table-container",css:{...P.containerCss},children:(0,j.jsxs)(f.StyledTable,{ref:W,shadow:k,hoverable:"none"!==q||P.hoverable,isMultiple:"multiple"===q,hasPagination:N,className:(0,y.default)("nextui-table",P.className),...R,...P,children:[(0,j.jsxs)(i.default,{as:"thead",isFixed:(0,x.isInfinityScroll)(I),children:[I.headerRows.map((e=>(0,j.jsx)(n.default,{item:e,state:T,children:[...e.childNodes].map((e=>{var t;return null!=e&&null!=(t=e.props)&&t.isSelectionCell?(0,j.jsx)(s.default,{column:e,state:T,color:P.color,animated:P.animated},null==e?void 0:e.key):(0,j.jsx)(o.default,{column:e,state:T,animated:P.animated},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!P.sticked&&(0,j.jsx)(a.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),(0,j.jsx)(c.default,{state:T,color:P.color,collection:I,animated:P.animated,hasPagination:N,hideLoading:w}),N&&(0,j.jsxs)(d.default,{children:[(0,j.jsx)(a.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.6}),(0,j.jsx)("tr",{role:"row",children:(0,j.jsx)("th",{tabIndex:-1,role:"columnheader",colSpan:I.columnCount,children:M})})]})]})})})}));v.displayName="NextUI - Table",v.toString=()=>".nextui-table";var w=(0,m.default)(v,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});exports.default=w,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=t;const l=(0,e.styled)("th",{height:"$14",cursor:"default",bg:"$accents1",color:"$accents6",fontSize:"$tiny",textAlign:"left",transition:"$default",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{cursor:"pointer","&:hover":{color:"$accents7",bg:"$accents2"}}}},defaultVariants:{align:"left",animated:!0}},e.cssFocusVisible);exports.StyledTableColumnHeader=l;const o=(0,e.styled)(l,e.cssFocusVisible);exports.StyledTableHeaderCell=o;const
|
|
1
|
+
exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableContainer=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=t;const l=(0,e.styled)("th",{height:"$14",cursor:"default",bg:"$accents1",color:"$accents6",fontSize:"$tiny",textAlign:"left",transition:"$default",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"$default",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents7",bg:"$accents2"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},e.cssFocusVisible);exports.StyledTableColumnHeader=l;const o=(0,e.styled)(l,e.cssFocusVisible);exports.StyledTableHeaderCell=o;const i=(0,e.styled)("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});exports.StyledTableFooter=i;const r=(0,e.styled)("td",{});exports.StyledBaseTableCell=r;const s=(0,e.styled)(r,{position:"relative",userSelect:"none",py:"$5",zIndex:"$2",transition:"$default",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"$default",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},e.cssFocusVisible);exports.StyledTableCell=s;const a=(0,e.styled)("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${s}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},e.cssFocusVisible);exports.StyledTableRow=a;const n=(0,e.styled)("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${a}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});exports.StyledTableRowGroup=n;const $=(0,e.styled)("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});exports.StyledTableLoadingRow=$;const d=(0,e.styled)("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${s}`]:{transition:"none"},[`& ${s}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${s}`]:{transition:"none"},[`& ${s}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primary"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondary"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$success"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warning"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$error"}},striped:{true:{[`& ${a}[aria-selected=false]:nth-child(even)`]:{[`& ${s}`]:{bg:"$accents1"}},[`& ${a}:nth-child(even)`]:{[`& ${s}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${s}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${l}:first-child`]:{br:"$lg 0 0 0"},[`& ${l}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${l}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents2"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${a}:not(:last-child)`]:{position:"relative",[`& ${s}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${s}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${s}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${a}[aria-selected=true]:not(last-child)`]:{[`& ${s}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${s}:first-child`]:{br:"$md 0 0 $md"},[`& ${s}:last-child`]:{br:"0 $md $md 0"},[`& ${a}`]:{cursor:"pointer"},[`& ${a}[aria-selected=false]`]:{"&:hover":{[`& ${s}:before`]:{opacity:1,bg:"$accents1"}}},[`& ${a}[aria-selected=true]`]:{"&:hover":{[`& ${s}:before`]:{opacity:.8}}}},false:{[`& ${s}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${s}`]:{py:"$1"},[`& ${l}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${a}:not(:first-child):not(:last-child)`]:{[`& ${s}:first-child`]:{br:0},[`& ${s}:last-child`]:{br:0}},[`& ${a}:first-child`]:{[`& ${s}:first-child`]:{br:"$md 0 0 0"},[`& ${s}:last-child`]:{br:"0 $md 0 0"}},[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0 0 0 $md"},[`& ${s}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${a}:first-child`]:{[`& ${s}:first-child`]:{br:"0"},[`& ${s}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${a}:not(:last-child)`]:{[`& ${s}`]:{br:"0"}},[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0 0 0 $md"},[`& ${s}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${a}`]:{[`& ${s}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0"},[`& ${s}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});exports.StyledTable=d;const c=(0,e.styled)("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"scroll",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});exports.StyledTableContainer=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=f(require("react")),r=require("@react-aria/ssr"),u=e(require("../css-baseline")),n=f(require("./theme-context")),a=e(require("../utils/with-defaults")),l=e(require("../utils/deep-merge")),o=require("../utils/object"),s=require("./utils"),i=e(require("../use-ssr")),d=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(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 l=n?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(u,a,l):u[a]=e[a]}return u.default=e,r&&r.set(e,u),u}var m=(0,a.default)((({theme:e,disableBaseline:a,children:c})=>{const{isBrowser:f}=(0,i.default)(),[m,p]=(0,t.useState)(n.defaultContext.type),v=e=>{p((t=>t!==e?e:t))},b=e=>{const t=(0,s.getDocumentTheme)(e);t&&v(t)},h=(0,t.useMemo)((()=>{const e=f?(0,s.getDocumentCSSTokens)():{},t=(0,l.default)((0,o.copyObject)(n.defaultContext.theme),e),r=(0,s.getThemeName)(m);return{theme:t,type:r,isDark:"dark"===r}}),[m,f]);return(0,t.useEffect)((()=>{var e,t,r;b(null==(e=document)?void 0:e.documentElement);const u=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,u,n;const e=null==(r=document)||null==(u=r.body)||null==(n=u.dataset)?void 0:n.theme;e&&v(e)}else{var a;b(null==(a=document)?void 0:a.documentElement)}}));return u.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),u.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>u.disconnect()}),[]),(0,t.useEffect)((()=>{f&&e&&null!=e&&e.className&&((0,s.changeTheme)(e.className),v((0,s.getThemeName)(e.className)))}),[f,e]),(0,d.jsx)(
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=f(require("react")),r=require("@react-aria/ssr"),u=e(require("../css-baseline")),n=f(require("./theme-context")),a=e(require("../utils/with-defaults")),l=e(require("../utils/deep-merge")),o=require("../utils/object"),s=require("./utils"),i=e(require("../use-ssr")),d=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(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 l=n?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(u,a,l):u[a]=e[a]}return u.default=e,r&&r.set(e,u),u}var m=(0,a.default)((({theme:e,disableBaseline:a,children:c})=>{const{isBrowser:f}=(0,i.default)(),[m,p]=(0,t.useState)(n.defaultContext.type),v=e=>{p((t=>t!==e?e:t))},b=e=>{const t=(0,s.getDocumentTheme)(e);t&&v(t)},h=(0,t.useMemo)((()=>{const e=f?(0,s.getDocumentCSSTokens)():{},t=(0,l.default)((0,o.copyObject)(n.defaultContext.theme),e),r=(0,s.getThemeName)(m);return{theme:t,type:r,isDark:"dark"===r}}),[m,f]);return(0,t.useEffect)((()=>{var e,t,r;b(null==(e=document)?void 0:e.documentElement);const u=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,u,n;const e=null==(r=document)||null==(u=r.body)||null==(n=u.dataset)?void 0:n.theme;e&&v(e)}else{var a;b(null==(a=document)?void 0:a.documentElement)}}));return u.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),u.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>u.disconnect()}),[]),(0,t.useEffect)((()=>{f&&e&&null!=e&&e.className&&((0,s.changeTheme)(e.className),v((0,s.getThemeName)(e.className)))}),[f,e]),(0,d.jsx)(r.SSRProvider,{children:(0,d.jsxs)(n.default.Provider,{value:h,children:[!a&&(0,d.jsx)(u.default,{}),c]})})}),{disableBaseline:!1});exports.default=m,module.exports=exports.default;
|
package/cjs/user/user.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("../index"),t=require("./user.styles"),a=require("react/jsx-runtime");const
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=require("../index"),t=require("./user.styles"),a=require("react/jsx-runtime");const i=({src:e,text:r,name:i,children:u,altText:d,color:l,squared:o,bordered:n,size:x,description:c,...m})=>(0,a.jsxs)(t.StyledUser,{...m,children:[(0,a.jsx)(s.Avatar,{className:"nextui-user-avatar",src:e,color:l,squared:o,zoomed:m.zoomed,pointer:m.pointer,bordered:n,text:r,size:x,alt:d}),(0,a.jsxs)(t.StyledUserInfo,{className:"nextui-user-info",children:[(0,a.jsx)(t.StyledUserName,{className:"nextui-user-name",children:i}),(0,a.jsx)(t.StyledUserDesc,{className:"nextui-user-desc",children:c||u})]})]});i.toString=()=>".nextui-user";var u=r.default.memo(i);exports.default=u,module.exports=exports.default;
|
package/esm/button/button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useRef as i,useMemo as o,useImperativeHandle as e}from"react";import{useFocusRing as r}from"@react-aria/focus";import n from"../use-warning";import s from"../utils/drip";import{filterPropsWithGroup as a}from"./utils";import{useButtonGroupContext as l}from"./button-group-context";import
|
|
1
|
+
import t,{useRef as i,useMemo as o,useImperativeHandle as e}from"react";import{useFocusRing as r}from"@react-aria/focus";import n from"../use-warning";import s from"../utils/drip";import{filterPropsWithGroup as a}from"./utils";import{useButtonGroupContext as l}from"./button-group-context";import u from"./button-icon";import c from"../utils/clsx";import m from"../use-drip";import d from"./button.styles";import f from"../utils/with-defaults";import{__DEV__ as p}from"../utils/assertion";import{jsx as b}from"react/jsx-runtime";import{Fragment as h}from"react/jsx-runtime";import{jsxs as g}from"react/jsx-runtime";const x=t.forwardRef((({...f},x)=>{const N=i(null);e(x,(()=>N.current));const k=l(),j=a(f,k),{flat:w,children:y,disabled:C,animated:R,light:F,ripple:v,bordered:A,auto:B,borderWeight:S,onClick:U,icon:V,iconRight:W,ghost:I,clickable:P,className:$,...q}=j;p&&"gradient"===j.color&&(w||F)&&n("Using the gradient color on flat and light buttons will have no effect.");const z=V||W,D=Boolean(W),{isFocusVisible:E,focusProps:G}=r(),{onClick:H,...J}=m(!1,N),K=o((()=>C?"disabled":"ready"),[C]);return g(d,{ref:N,borderWeight:S,auto:B,flat:w,light:F,ghost:I,bordered:A||I,clickable:P,"data-state":K,disabled:C,animated:R,onClick:t=>{!C&&P&&(R&&v&&N.current&&H(t),U&&U(t))},isFocusVisible:E,className:c("nextui-button",`nextui-button--${K}`,$),...G,...q,children:[0===t.Children.count(y)?b(u,{isAuto:B,isRight:D,isSingle:!0,children:z}):z?g(h,{children:[b(u,{isAuto:B,isRight:D,children:z}),b("div",{className:c("nextui-button-text",{"nextui-button-text-right":D,"nextui-button-text-left":!D}),children:y})]}):b("span",{className:"nextui-button-text",children:y}),b(s,{color:"white",...J})]})}));p&&(x.displayName="NextUI - Button"),x.toString=()=>".nextui-button";export default f(x,{clickable:!0,ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,auto:!1,className:"",type:"button"});
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useCallback as a,useEffect as
|
|
1
|
+
import e,{useCallback as a,useEffect as i,useMemo as t,useState as c,useRef as n,useImperativeHandle as o}from"react";import{useFocusRing as s}from"@react-aria/focus";import{useCheckbox as l}from"./checkbox-context";import d from"../use-warning";import{StyledCheckboxLabel as r,StyledCheckboxContainer as m,StyledCheckboxInput as u,StyledCheckboxMask as h,StyledIconCheck as x,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as b,StyledCheckboxText as p}from"./checkbox.styles";import f from"../utils/clsx";import{__DEV__ as v}from"../utils/assertion";import{jsx as N}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const g=e.forwardRef((({checked:e,initialChecked:g,line:j,rounded:z,indeterminate:D,disabled:P,onChange:w,size:y,className:I,children:F,label:R,color:S,labelColor:V,animated:A,value:E,preventDefault:G,...U},$)=>{const[q,B]=c(g),[H,J]=c(D),K=n(null);o($,(()=>null==K?void 0:K.current));const{color:L,labelColor:M,size:O,updateState:Q,inGroup:T,disabledAll:W,values:X}=l(),{isFocusVisible:Y,focusProps:Z}=s(),_=T&&W||P,ee="default"!==S?S:L,ae="md"!==y?y:O,ie="default"!==V?V:M;v&&T&&e&&d('Remove props "checked" when [Checkbox] component is in the group.',"Checkbox"),T&&i((()=>{const e=X.includes(E);e!==q&&B(e)}),[X.join(",")]),i((()=>{J(D)}),[D]);const te=a((e=>{if(_)return;const a={target:{checked:!q},stopPropagation:e.stopPropagation,preventDefault:e.preventDefault,nativeEvent:e};T&&Q&&Q&&Q(E,!q),H?(J(!1),B(!0)):B(!q),w&&w(a)}),[Q,w,_,q,H]);i((()=>{void 0!==e&&B(e)}),[e]);const ce=t((()=>q&&H?"mixed":q?"checked":"uncheked"),[q,H]);return C(r,{size:ae,disabled:_,animated:A,className:f("nextui-checkbox-label",`nextui-checkbox--${ce}`,I),css:U.css,children:[C(m,{className:"nextui-checkbox-container",tabIndex:_?-1:0,color:ee,rounded:z,disabled:_,animated:A,isFocusVisible:Y,...Z,children:[N(u,{ref:K,type:"checkbox",className:"nextui-checkbox-input",tabIndex:-1,"data-state":ce,disabled:_,checked:q,"aria-checked":q&&H?"mixed":q,"aria-disabled":_,onChange:te,...U}),N(h,{checked:q,animated:A,className:"nextui-checkbox-mask",children:C(x,{size:ae,indeterminate:H,checked:q,animated:A,className:"nextui-icon-check",children:[N(k,{indeterminate:H,checked:q,animated:A,className:"nextui-icon-check-line1"}),N(b,{indeterminate:H,checked:q,animated:A,className:"nextui-icon-check-line2"})]})})]}),(F||R)&&N(p,{className:"nextui-checkbox-text",color:ie,line:j,checked:q,disabled:_,animated:A,children:F||R})]})}));g.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,preventDefault:!0,initialChecked:!1,indeterminate:!1,rounded:!1,line:!1,animated:!0,className:""},g.toString=()=>".nextui-checkbox",v&&(g.displayName="NextUI - Checkbox");export default g;
|
package/esm/collapse/collapse.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useEffect as t,useMemo as i}from"react";import r from"./collapse-icon";import
|
|
1
|
+
import e,{useEffect as t,useMemo as i}from"react";import{useFocusRing as r}from"@react-aria/focus";import a from"./collapse-icon";import o from"../utils/expand";import{useCollapseContext as s}from"./collapse-context";import l from"../use-current-state";import d from"../use-warning";import n from"../use-theme";import{useId as c}from"@react-aria/utils";import m,{KeyCode as p}from"../use-keyboard";import{StyledCollapse as u,StyledCollapseView as f,StyledCollapseContent as b}from"./collapse.styles";import h from"../utils/clsx";import v from"../utils/with-defaults";import{jsx as x}from"react/jsx-runtime";import{jsxs as w}from"react/jsx-runtime";const N="nextui-collapse",$=({children:v,title:$,subtitle:g,expanded:j,shadow:D,className:k,divider:E,arrowIcon:I,showArrow:V,disabled:y,onChange:C,bordered:A,contentLeft:F,preventDefault:S,animated:W,borderWeight:q,index:G,...L})=>{const[P,z,B]=l(j),{isDark:H}=n(),{values:J,divider:K,animated:M,updateValues:O}=s(),{isFocusVisible:Q,focusProps:R}=r();$||d('"title" is required.',"Collapse"),t((()=>{P!==j&&z(j)}),[j]),t((()=>{if(!J.length)return;const e=!!J.find((e=>e===G));z(e)}),[J.join(",")]);const T=c(),U=c(),X=i((()=>V?I||x(a,{}):null),[I,V]),Y=void 0===K?E:K,Z=i((()=>void 0===M?W:M),[M,W]),_=e=>{if(y)return;const t=!B.current;z(t),O&&O(G,t),C&&C(e,G,t)},{bindings:ee}=m((e=>{_(e)}),[p.Enter,p.Space],{disableGlobalEvent:!0,preventDefault:S}),te=i((()=>P?"open":"closed"),[P]);return w(u,{tabIndex:-1,shadow:D,bordered:A,animated:Z,divider:Y,borderWeight:q,visible:P,"data-state":te,className:h(k,N,`${N}--${te}`),isDark:H,...L,children:[x(f,{role:"button",tabIndex:y?-1:0,id:T,className:`${N}-view`,"data-state":te,disabled:y,"aria-disabled":y,"aria-expanded":P,"aria-controls":U,isFocusVisible:Q,onClick:_,...R,...ee,children:w("div",{className:h(`${N}-title-container`),children:[F&&x("div",{className:`${N}-title-content-left`,children:F}),w("div",{className:`${N}-title-content`,children:[e.isValidElement($)?$:x("h3",{className:`${N}-title`,children:$}),g&&x("div",{className:`${N}-subtitle`,children:g})]}),x("div",{className:`${N}-title-content-right`,children:X})]})}),x(o,{isExpanded:P,animated:Z,children:x(b,{role:"region",tabIndex:-1,id:U,"aria-labelledby":T,className:`${N}-content`,children:v})})]})};$.toString=()=>".nextui-collapse";export default v($,{shadow:!1,divider:!0,bordered:!1,showArrow:!0,animated:!0,disabled:!1,preventDefault:!0,expanded:!1});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,sharedFocus as t}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$background"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light"},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}}]},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}});export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents5"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$background"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$background",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}},{isDark:!0,splitted:!0,css:{[`& ${StyledCollapse}`]:{bg:"$accents1"}}}]});
|
|
1
|
+
import{styled as e,sharedFocus as t,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents5",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$background"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light"},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}}]},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}},o);export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents5"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$background"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$background",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}},isDark:{true:{}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1},compoundVariants:[{isDark:!0,shadow:!0,css:{bg:"$accents1"}},{isDark:!0,splitted:!0,css:{[`& ${StyledCollapse}`]:{bg:"$accents1"}}}]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{useMemo as i}from"react";import a from"./grid-item";import t from"../utils/clsx";import
|
|
1
|
+
import r,{useMemo as i}from"react";import a from"./grid-item";import t from"../utils/clsx";import e from"../utils/with-defaults";import{jsx as s}from"react/jsx-runtime";const c=r.forwardRef((({gap:r,wrap:e,css:c,children:o,className:n,...p},l)=>{const m=i((()=>`calc(${r} * $space$3)`),[r]);return s(a,{ref:l,className:t("nextui-grid-container",n),css:{$$gridGapUnit:m,display:"flex",flexWrap:e,boxZizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...c},...p,children:o})}));c.displayName="NextUI - GridContainer",c.toString=()=>".nextui-grid-container";export default e(c,{gap:0,wrap:"wrap",className:""});
|
package/esm/grid/grid-item.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useMemo as s}from"react";import{StyledGridItem as e}from"./grid.styles";import i from"../utils/clsx";import r from"../utils/with-defaults";import{jsx as
|
|
1
|
+
import t,{useMemo as s}from"react";import{StyledGridItem as e}from"./grid.styles";import i from"../utils/clsx";import r from"../utils/with-defaults";import{jsx as m}from"react/jsx-runtime";const l=t=>{const s=0===t?"none":"inherit";if("number"==typeof t){const e=100/12*t,i=e>100?"100%":e<0?"0":`${e}%`;return{flexGrow:0,display:s,maxWidth:i,flexBasis:i}}return{flexGrow:1,display:s,maxWidth:"100%",flexBasis:"0"}},n=t.forwardRef((({xs:t,sm:r,md:n,lg:o,xl:x,css:a,justify:d,direction:c,alignItems:f,alignContent:u,children:g,className:p,...y},h)=>{const j=s((()=>{const s={xs:t,sm:r,md:n,lg:o,xl:x};return Object.keys(s).reduce(((t,e)=>void 0!==s[e]&&!1!==s[e]?`${t} ${e}`:t),"").trim()}),[t,r,n,o,x]);return m(e,{ref:h,className:i("nextui-grid-item",j,p),css:{alignItems:f,alignContent:u,justifyContent:d,flexDirection:c,"&.xs":{...l(t)},"@xsMax":{"&.xs":{...l(t)}},"@sm":{"&.sm":{...l(r)}},"@md":{"&.md":{...l(n)}},"@lg":{"&.lg":{...l(o)}},"@xl":{"&.xl":{...l(x)}},...a},...y,children:g})}));n.displayName="NextUI - Grid Item",n.toString=()=>".nextui-grid-item";export default r(n,{xs:!1,sm:!1,md:!1,lg:!1,xl:!1,className:""});
|
package/esm/grid/grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";
|
|
1
|
+
import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";const i=r.forwardRef((({children:r,css:i,...o},m)=>e(t,{ref:m,css:{...i},...o,children:r})));i.displayName="NextUI - Grid",i.toString=()=>".nextui-grid";export default i;
|
package/esm/image/image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useEffect as e,useRef as o,useMemo as r,useState as a}from"react";import s from"./image.skeleton";import i from"../use-real-shape";import m from"../use-current-state";import c from"../use-resize";import{StyledImage as n,StyledImageContainer as u}from"./image.styles";import l from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const d=({src:t,width:d,height:f,showSkeleton:x,className:g,maxDelay:w,autoResize:y,objectFit:j,containerCss:b,css:N,...k})=>{const[z,F]=a(!0),[S,T]=a(x),{w:$,h:D}=r((()=>({w:d?"number"==typeof d?`${d}px`:d:"auto",h:f?"number"==typeof f?`${f}px`:f:"auto"})),[d,f]),[R,C,L]=m(D),P=o(null),[q,v]=i(P),A=x&&!!d&&!!f;e((()=>{
|
|
1
|
+
import t,{useEffect as e,useRef as o,useMemo as r,useState as a}from"react";import s from"./image.skeleton";import i from"../use-real-shape";import m from"../use-current-state";import c from"../use-resize";import{StyledImage as n,StyledImageContainer as u}from"./image.styles";import l from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";const d=({src:t,width:d,height:f,showSkeleton:x,className:g,maxDelay:w,autoResize:y,objectFit:j,containerCss:b,css:N,...k})=>{const[z,F]=a(!0),[S,T]=a(x),{w:$,h:D}=r((()=>({w:d?"number"==typeof d?`${d}px`:d:"auto",h:f?"number"==typeof f?`${f}px`:f:"auto"})),[d,f]),[R,C,L]=m(D),P=o(null),[q,v]=i(P),A=x&&!!d&&!!f;e((()=>{P.current&&P.current.complete&&(F(!1),T(!1))})),e((()=>{const t=setTimeout((()=>{A&&T(!1),clearTimeout(t)}),w);return()=>clearTimeout(t)}),[z]),e((()=>{if(!y)return;const t=0===q.width,e="auto"===L.current;!t&&d&&f&&(q.width<d?!e&&C("auto"):e&&C(D))}),[q,d]),c((()=>{y&&v()}));const B=r((()=>z?"loading":"ready"),[z]);return h(u,{className:l("nextui-image-container",`nextui-image--${B}`,g),"data-state":B,ready:!z||S,css:{...b,width:$,height:R},children:[S&&p(s,{opacity:1}),p(n,{ref:P,className:"nextui-image",width:d,height:f,onLoad:()=>{F(!1)},src:t,"data-state":B,alt:k.alt||"",css:{objectFit:j,...N},...k})]})};d.toString=()=>".nextui-image",d.defaultProps={showSkeleton:!0,autoResize:!1,objectFit:"scale-down",maxDelay:3e3,className:""};export default t.memo(d);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{keyframes as
|
|
1
|
+
import{keyframes as o,styled as t}from"../theme/stitches.config";const i=o({"0%":{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}});export const StyledImageContainer=t("div",{opacity:0,margin:"0 auto",position:"relative",br:"$lg",overflow:"hidden",maxWidth:"100%",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms","@motion":{transition:"none"},variants:{ready:{true:{opacity:1},false:{opacity:0}}}});export const StyledImage=t("img",{size:"100%",display:"block"});export const StyledImageSkeleton=t("div",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",borderRadius:"inherit",backgroundImage:"linear-gradient(270deg, $colors$accents1, $colors$accents2, $colors$accents2, $colors$accents1)",backgroundSize:"400% 100%",animation:`${i} 5s ease-in-out infinite`,transition:"opacity 300ms ease-out"});
|
package/esm/snippet/snippet.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{useMemo as o,useState as e,useRef as r}from"react";import i from"../tooltip";import n from"../utils/with-defaults";import p from"./snippet-icon";import s from"../use-clipboard";import{StyledSnippet as l,StyledSnippetPre as c,StyledSnippetCopyButton as m}from"./snippet.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";const x=({bordered:t,children:n,symbol:u,showTooltip:x,text:f,tooltipCopyText:y,tooltipCopiedText:h,tooltipColor:C,copy:b,...T})=>{const[N,$]=e(!1),{copy:j}=s(),w=r(null),A=f&&Array.isArray(f),g=o((()=>"prevent"!==b),[b]),k=o((()=>A?(t=>t.reduce(((t,o)=>o?t?`${t}\n${o}`:o:t),""))(f):n?w.current?w.current.textContent:"":f),[w.current,n,f]),v=o((()=>{const t=u.trim();return t?`${t} `:""}),[u]),S=()=>{k&&g&&(j(k),"slient"!==b&&$(!0))};return d(l,{...T,children:[A?f.map(((t,o)=>a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",children:t},`${o}-${t}`))):a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",ref:w,children:n||f}),g&&"slient"!==b?a(i,{hideArrow:!0,rounded:!0,color:C,content:N?h:y,onVisibleChange:()=>{setTimeout((()=>{
|
|
1
|
+
import t,{useMemo as o,useState as e,useRef as r}from"react";import i from"../tooltip";import n from"../utils/with-defaults";import p from"./snippet-icon";import s from"../use-clipboard";import{StyledSnippet as l,StyledSnippetPre as c,StyledSnippetCopyButton as m}from"./snippet.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as a}from"react/jsx-runtime";import{jsxs as d}from"react/jsx-runtime";const x=({bordered:t,children:n,symbol:u,showTooltip:x,text:f,tooltipCopyText:y,tooltipCopiedText:h,tooltipColor:C,copy:b,...T})=>{const[N,$]=e(!1),{copy:j}=s(),w=r(null),A=f&&Array.isArray(f),g=o((()=>"prevent"!==b),[b]),k=o((()=>A?(t=>t.reduce(((t,o)=>o?t?`${t}\n${o}`:o:t),""))(f):n?w.current?w.current.textContent:"":f),[w.current,n,f]),v=o((()=>{const t=u.trim();return t?`${t} `:""}),[u]),S=()=>{k&&g&&(j(k),"slient"!==b&&$(!0))};return d(l,{...T,children:[A?f.map(((t,o)=>a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",children:t},`${o}-${t}`))):a(c,{css:{"&:before":{content:v,us:"none"}},className:"nextui-snippet-pre",ref:w,children:n||f}),g&&"slient"!==b?a(i,{hideArrow:!0,rounded:!0,color:C,content:N?h:y,onVisibleChange:()=>{setTimeout((()=>{N&&$(!1)}),400)},children:a(m,{className:"nextui-snippet-copy-button",onClick:S,children:a(p,{})})}):"prevent"!==b&&a(m,{className:"nextui-snippet-copy-button",onClick:S,children:a(p,{})})]})};u&&(x.displayName="NextUI - Snippet"),x.toString=()=>".nextui-snippet";const f=t.memo(x);export default n(f,{symbol:"$",showTooltip:!0,copy:"default",tooltipColor:"default",tooltipCopyText:"Copy",tooltipCopiedText:"Copied"});
|
package/esm/spacer/spacer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"react";import r from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledSpacer as
|
|
1
|
+
import t from"react";import r from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledSpacer as o}from"./spacer.styles";import{jsx as s}from"react/jsx-runtime";const m=({x:t,y:r,inline:m,css:e,...n})=>{const a=i(t),p=i(r);return s(o,{css:{marginLeft:`${a} !important`,marginTop:`${p} !important`,...e},"aria-hidden":"true",...n})};m.toString=()=>".nextui-spacer";const e=t.memo(m);export default r(e,{x:1,y:1});
|
package/esm/table/table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as
|
|
1
|
+
import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as r}from"@react-aria/table";import{useTableState as i}from"@react-stately/table";import{Spacer as l}from"../index";import a from"./table-row-group";import n from"./table-column-header";import s from"./table-header-row";import c from"./table-select-all-checkbox";import m from"./table-pagination";import d from"./table-footer";import h from"./table-body";import{hasChild as p,pickSingleChild as u}from"../utils/collections";import{StyledTable as b,StyledTableContainer as f}from"./table.styles";import x from"./table-context";import{excludedTableProps as w}from"../utils/prop-types";import{isInfinityScroll as g}from"./utils";import v from"../utils/with-defaults";import y from"../utils/clsx";import{jsx as k}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const C=e.forwardRef(((v,C)=>{const{selectionMode:S,selectionBehavior:j,hideLoading:M,children:P,shadow:L,borderWeight:B,bordered:I,...O}=v,[R,W]=u(P,m),E=p(P,m),F=i({...v,children:R,showSelectionCheckboxes:void 0!==v.showSelectionCheckboxes?v.showSelectionCheckboxes:"multiple"===S&&"replace"!==j});Object.keys(O).forEach((e=>{w.indexOf(e)>-1&&delete O[e]}));const T=t(null);o(C,(()=>null==T?void 0:T.current));const{collection:U}=F,{gridProps:V}=r(v,F,T),q=e.useMemo((()=>({collection:U,color:O.color,animated:O.animated})),[U,O.animated,O.color]);return k(x.Provider,{defaultValues:q,children:k(f,{shadow:L,borderWeight:B,bordered:I,className:"nextui-table-container",css:{...O.containerCss},children:N(b,{ref:T,shadow:L,hoverable:"none"!==S||O.hoverable,isMultiple:"multiple"===S,hasPagination:E,className:y("nextui-table",O.className),...V,...O,children:[N(a,{as:"thead",isFixed:g(U),children:[U.headerRows.map((e=>k(s,{item:e,state:F,children:[...e.childNodes].map((e=>{var o;return null!=e&&null!=(o=e.props)&&o.isSelectionCell?k(c,{column:e,state:F,color:O.color,animated:O.animated},null==e?void 0:e.key):k(n,{column:e,state:F,animated:O.animated},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!O.sticked&&k(l,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),k(h,{state:F,color:O.color,collection:U,animated:O.animated,hasPagination:E,hideLoading:M}),E&&N(d,{children:[k(l,{as:"tr",className:"nextui-table-hidden-row",y:.6}),k("tr",{role:"row",children:k("th",{tabIndex:-1,role:"columnheader",colSpan:U.columnCount,children:W})})]})]})})})}));C.displayName="NextUI - Table",C.toString=()=>".nextui-table";export default v(C,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,cssFocusVisible as l}from"../theme/stitches.config";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents1",color:"$accents6",fontSize:"$tiny",textAlign:"left",transition:"$default",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{cursor:"pointer","&:hover":{color:"$accents7",bg:"$accents2"}}}},defaultVariants:{align:"left",animated:!0}},l);export const StyledTableHeaderCell=e(StyledTableColumnHeader,l);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",py:"$5",zIndex:"$2",transition:"
|
|
1
|
+
import{styled as e,cssFocusVisible as l}from"../theme/stitches.config";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents1",color:"$accents6",fontSize:"$tiny",textAlign:"left",transition:"$default",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"$default",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents7",bg:"$accents2"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},l);export const StyledTableHeaderCell=e(StyledTableColumnHeader,l);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",py:"$5",zIndex:"$2",transition:"$default",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"$default",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},l);export const StyledTableRow=e("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},l);export const StyledTableRowGroup=e("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${StyledTableRow}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});export const StyledTableLoadingRow=e("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});export const StyledTable=e("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${StyledTableCell}`]:{transition:"none"},[`& ${StyledTableCell}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${StyledTableCell}`]:{transition:"none"},[`& ${StyledTableCell}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primary"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondary"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$success"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warning"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$error"}},striped:{true:{[`& ${StyledTableRow}[aria-selected=false]:nth-child(even)`]:{[`& ${StyledTableCell}`]:{bg:"$accents1"}},[`& ${StyledTableRow}:nth-child(even)`]:{[`& ${StyledTableCell}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${StyledTableCell}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${StyledTableColumnHeader}:first-child`]:{br:"$lg 0 0 0"},[`& ${StyledTableColumnHeader}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${StyledTableColumnHeader}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents2"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${StyledTableRow}:not(:last-child)`]:{position:"relative",[`& ${StyledTableCell}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${StyledTableCell}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${StyledTableCell}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${StyledTableRow}[aria-selected=true]:not(last-child)`]:{[`& ${StyledTableCell}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md $md 0"},[`& ${StyledTableRow}`]:{cursor:"pointer"},[`& ${StyledTableRow}[aria-selected=false]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$accents1"}}},[`& ${StyledTableRow}[aria-selected=true]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:.8}}}},false:{[`& ${StyledTableCell}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${StyledTableCell}`]:{py:"$1"},[`& ${StyledTableColumnHeader}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:not(:first-child):not(:last-child)`]:{[`& ${StyledTableCell}:first-child`]:{br:0},[`& ${StyledTableCell}:last-child`]:{br:0}},[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 0"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md 0 0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${StyledTableRow}:not(:last-child)`]:{[`& ${StyledTableCell}`]:{br:"0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${StyledTableRow}`]:{[`& ${StyledTableCell}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});export const StyledTableContainer=e("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"scroll",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as t,useMemo as r,useEffect as o}from"react";import{SSRProvider as s}from"@react-aria/ssr";import m from"../css-baseline";import i,{defaultContext as l}from"./theme-context";import n from"../utils/with-defaults";import a from"../utils/deep-merge";import{copyObject as u}from"../utils/object";import{changeTheme as d,getThemeName as c,getDocumentCSSTokens as p,getDocumentTheme as v}from"./utils";import f from"../use-ssr";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export default n((({theme:e,disableBaseline:n,children:x})=>{const{isBrowser:y}=f(),[j,B]=t(l.type),N=e=>{B((t=>t!==e?e:t))},g=e=>{const t=v(e);t&&N(t)},w=r((()=>{const e=y?p():{},t=a(u(l.theme),e),r=c(j);return{theme:t,type:r,isDark:"dark"===r}}),[j,y]);return o((()=>{var e,t,r;g(null==(e=document)?void 0:e.documentElement);const o=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,o,s;const e=null==(r=document)||null==(o=r.body)||null==(s=o.dataset)?void 0:s.theme;e&&N(e)}else{var m;g(null==(m=document)?void 0:m.documentElement)}}));return o.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),o.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>o.disconnect()}),[]),o((()=>{y&&e&&null!=e&&e.className&&(d(e.className),N(c(e.className)))}),[y,e]),b(i.Provider,{value:w,children:
|
|
1
|
+
import e,{useState as t,useMemo as r,useEffect as o}from"react";import{SSRProvider as s}from"@react-aria/ssr";import m from"../css-baseline";import i,{defaultContext as l}from"./theme-context";import n from"../utils/with-defaults";import a from"../utils/deep-merge";import{copyObject as u}from"../utils/object";import{changeTheme as d,getThemeName as c,getDocumentCSSTokens as p,getDocumentTheme as v}from"./utils";import f from"../use-ssr";import{jsx as b}from"react/jsx-runtime";import{jsxs as h}from"react/jsx-runtime";export default n((({theme:e,disableBaseline:n,children:x})=>{const{isBrowser:y}=f(),[j,B]=t(l.type),N=e=>{B((t=>t!==e?e:t))},g=e=>{const t=v(e);t&&N(t)},w=r((()=>{const e=y?p():{},t=a(u(l.theme),e),r=c(j);return{theme:t,type:r,isDark:"dark"===r}}),[j,y]);return o((()=>{var e,t,r;g(null==(e=document)?void 0:e.documentElement);const o=new MutationObserver((e=>{var t;if(e&&e.length>0&&"BODY"===(null==(t=e[0])?void 0:t.target.nodeName)){var r,o,s;const e=null==(r=document)||null==(o=r.body)||null==(s=o.dataset)?void 0:s.theme;e&&N(e)}else{var m;g(null==(m=document)?void 0:m.documentElement)}}));return o.observe(null==(t=document)?void 0:t.documentElement,{attributes:!0,attributeFilter:["data-theme","style"]}),o.observe(null==(r=document)?void 0:r.body,{attributes:!0,attributeFilter:["data-theme","style"]}),()=>o.disconnect()}),[]),o((()=>{y&&e&&null!=e&&e.className&&(d(e.className),N(c(e.className)))}),[y,e]),b(s,{children:h(i.Provider,{value:w,children:[!n&&b(m,{}),x]})})}),{disableBaseline:!1});
|
package/esm/user/user.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{Avatar as r}from"../index";import{StyledUser as s,StyledUserInfo as t,StyledUserName as
|
|
1
|
+
import e from"react";import{Avatar as r}from"../index";import{StyledUser as s,StyledUserInfo as t,StyledUserName as o,StyledUserDesc as i}from"./user.styles";import{jsx as a}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const n=({src:e,text:n,name:c,children:d,altText:u,color:l,squared:x,bordered:p,size:f,description:h,...j})=>m(s,{...j,children:[a(r,{className:"nextui-user-avatar",src:e,color:l,squared:x,zoomed:j.zoomed,pointer:j.pointer,bordered:p,text:n,size:f,alt:u}),m(t,{className:"nextui-user-info",children:[a(o,{className:"nextui-user-name",children:c}),a(i,{className:"nextui-user-desc",children:h||d})]})]});n.toString=()=>".nextui-user";export default e.memo(n);
|
package/package.json
CHANGED
|
@@ -931,7 +931,7 @@ export declare const StyledBackdropContent: import("@stitches/react/types/styled
|
|
|
931
931
|
};
|
|
932
932
|
}>>;
|
|
933
933
|
export declare const StyledBackdropLayer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
934
|
-
blur?: boolean | "
|
|
934
|
+
blur?: boolean | "true" | "false" | undefined;
|
|
935
935
|
animated?: boolean | "false" | undefined;
|
|
936
936
|
}, {
|
|
937
937
|
xs: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from '../theme/stitches.config';
|
|
2
2
|
export declare const StyledButtonGroup: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
3
|
-
vertical?: boolean | "
|
|
3
|
+
vertical?: boolean | "true" | "false" | undefined;
|
|
4
4
|
size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
|
|
5
5
|
rounded?: boolean | "true" | undefined;
|
|
6
6
|
bordered?: boolean | "true" | undefined;
|
package/types/button/button.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ export interface Props {
|
|
|
19
19
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
20
20
|
as?: keyof JSX.IntrinsicElements;
|
|
21
21
|
className?: string;
|
|
22
|
+
type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
22
23
|
}
|
|
23
24
|
declare type NativeAttrs = Omit<React.ButtonHTMLAttributes<unknown>, keyof Props>;
|
|
24
25
|
export declare type ButtonProps = Props & NativeAttrs & ButtonVariantsProps & {
|
|
@@ -1200,7 +1200,7 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
|
|
|
1200
1200
|
};
|
|
1201
1201
|
}, import("@stitches/react/types/styled-component").CssComponent<never, {
|
|
1202
1202
|
animated?: boolean | "false" | undefined;
|
|
1203
|
-
isFocusVisible?: boolean | "
|
|
1203
|
+
isFocusVisible?: boolean | "true" | "false" | undefined;
|
|
1204
1204
|
}, {
|
|
1205
1205
|
xs: string;
|
|
1206
1206
|
sm: string;
|