@nextui-org/react 1.0.2-beta.5-dbg4 → 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/collapse/collapse.js +1 -1
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/image/image.js +1 -1
- package/cjs/image/image.styles.js +1 -1
- package/cjs/spacer/spacer.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/theme/theme-provider.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/collapse/collapse.js +1 -1
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/image/image.js +1 -1
- package/esm/image/image.styles.js +1 -1
- package/esm/spacer/spacer.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/theme/theme-provider.js +1 -1
- package/package.json +1 -1
- package/types/button/button.d.ts +1 -0
- package/types/collapse/collapse.styles.d.ts +952 -2
- package/types/input/input-props.d.ts +1 -1
- package/types/table/table.d.ts +1 -1
- package/umd/nextui.js +113 -107
- 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/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;
|
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/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;
|
|
@@ -1 +1 @@
|
|
|
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:{
|
|
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/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/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"}}}]});
|
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/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});
|
|
@@ -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:{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:{
|
|
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/package.json
CHANGED
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 & {
|