@nextui-org/react 1.0.6-beta.5 → 1.0.7-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/avatar/avatar.styles.js +1 -1
- package/cjs/card/card.styles.js +1 -1
- package/cjs/checkbox/checkbox-context.js +1 -1
- package/cjs/checkbox/checkbox-group.js +1 -1
- package/cjs/checkbox/checkbox.js +1 -1
- package/cjs/checkbox/checkbox.styles.js +1 -1
- package/cjs/checkbox/index.js +1 -1
- package/cjs/checkbox/utils.js +1 -0
- package/cjs/link/link.styles.js +1 -1
- package/cjs/table/table-checkbox-cell.js +1 -1
- package/cjs/table/table-select-all-checkbox.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/table/utils.js +1 -1
- package/cjs/theme/common.js +1 -1
- package/cjs/utils/dom.js +1 -1
- package/esm/avatar/avatar.styles.js +1 -1
- package/esm/card/card.styles.js +1 -1
- package/esm/checkbox/checkbox-context.js +1 -1
- package/esm/checkbox/checkbox-group.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/checkbox/checkbox.styles.js +1 -1
- package/esm/checkbox/index.js +1 -1
- package/esm/checkbox/utils.js +1 -0
- package/esm/link/link.styles.js +1 -1
- package/esm/table/table-checkbox-cell.js +1 -1
- package/esm/table/table-select-all-checkbox.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/table/utils.js +1 -1
- package/esm/theme/common.js +1 -1
- package/esm/utils/dom.js +1 -1
- package/package.json +2 -1
- package/types/avatar/avatar-group.styles.d.ts +6 -0
- package/types/avatar/avatar.styles.d.ts +4 -1
- package/types/backdrop/backdrop.styles.d.ts +9 -0
- package/types/button/button-group.styles.d.ts +3 -0
- package/types/button/button-icon.d.ts +3 -0
- package/types/button/button.styles.d.ts +6 -0
- package/types/card/card.styles.d.ts +12 -0
- package/types/checkbox/checkbox-context.d.ts +4 -6
- package/types/checkbox/checkbox-group.d.ts +13 -12
- package/types/checkbox/checkbox.d.ts +13 -20
- package/types/checkbox/checkbox.styles.d.ts +1080 -86
- package/types/checkbox/index.d.ts +2 -2
- package/types/checkbox/utils.d.ts +288 -0
- package/types/code/code.styles.d.ts +6 -0
- package/types/col/col.styles.d.ts +3 -0
- package/types/collapse/collapse.styles.d.ts +18 -0
- package/types/container/container.styles.d.ts +3 -0
- package/types/divider/divider.styles.d.ts +6 -0
- package/types/grid/grid.styles.d.ts +6 -0
- package/types/image/image.styles.d.ts +9 -0
- package/types/input/input.styles.d.ts +33 -0
- package/types/link/link.styles.d.ts +6 -0
- package/types/loading/loading.styles.d.ts +18 -0
- package/types/modal/modal.styles.d.ts +18 -0
- package/types/pagination/pagination.styles.d.ts +18 -0
- package/types/progress/progress.styles.d.ts +6 -0
- package/types/radio/radio.styles.d.ts +18 -0
- package/types/row/row.styles.d.ts +3 -0
- package/types/snippet/snippet.styles.d.ts +12 -0
- package/types/spacer/spacer.styles.d.ts +3 -0
- package/types/switch/switch.styles.d.ts +12 -0
- package/types/table/table-column-header.d.ts +3 -1
- package/types/table/table-sort-icon.d.ts +3 -0
- package/types/table/table.styles.d.ts +51 -3
- package/types/table/utils.d.ts +29 -0
- package/types/text/text.styles.d.ts +3 -0
- package/types/theme/common.d.ts +6 -0
- package/types/theme/stitches.config.d.ts +39 -0
- package/types/tooltip/tooltip.styles.d.ts +12 -0
- package/types/user/user.styles.d.ts +15 -0
- package/types/utils/drip.d.ts +3 -0
- package/umd/nextui.js +718 -691
- package/umd/nextui.min.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.StyledAvatar=void 0;const a=(0,require("../theme/stitches.config").styled)("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",transition:"$
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.StyledAvatar=void 0;const a=(0,require("../theme/stitches.config").styled)("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",".nextui-avatar-bg":{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:"$2",transition:"$avatar",size:"100%"},"&:hover .nextui-avatar-bg":{boxShadow:" inset 0 0 40px 0 rgb(0 0 0 / 14%)"},".nextui-avatar-img":{opacity:0,zIndex:"$3",display:"flex",bg:"$background",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms",width:"100%",height:"100%",objectFit:"cover"},'&[data-state="ready"] .nextui-avatar-img':{opacity:1},".nextui-avatar-icon":{display:"flex",position:"absolute",left:"50%",top:"50%",ta:"center",zIndex:"$2",transform:"translate(-50%, -50%)",whiteSpace:"nowrap",us:"none"},".nextui-avatar-text":{position:"absolute",zIndex:"$2",left:"50%",top:"50%",ta:"center",color:"$text",fontWeight:"$medium",transform:"translate(-50%, -50%) scale(0.65)",whiteSpace:"nowrap",us:"none"},"@motion":{".nextui-avatar-bg, .nextui-avatar-img":{transition:"none"}},variants:{color:{default:{".nextui-avatar-bg":{bg:"$accents2"}},primary:{".nextui-avatar-bg":{bg:"$primary"}},secondary:{".nextui-avatar-bg":{bg:"$secondary"}},success:{".nextui-avatar-bg":{bg:"$success"}},warning:{".nextui-avatar-bg":{bg:"$warning"}},error:{".nextui-avatar-bg":{bg:"$error"}},gradient:{".nextui-avatar-bg":{bg:"$gradient"}}},textColor:{default:{".nextui-avatar-text":{color:"$text"}},white:{".nextui-avatar-text":{color:"$white"}},primary:{".nextui-avatar-text":{color:"$primary"}},secondary:{".nextui-avatar-text":{color:"$secondary"}},success:{".nextui-avatar-text":{color:"$success"}},warning:{".nextui-avatar-text":{color:"$warning"}},error:{".nextui-avatar-text":{color:"$error"}}},size:{xs:{$$avatarXs:"$space$9",sizeMin:"$$avatarXs",".nextui-avatar-text":{fontSize:"$xs"}},sm:{$$avatarSm:"$space$11",sizeMin:"$$avatarSm",".nextui-avatar-text":{fontSize:"$base"}},md:{$$avatarMd:"$space$14",sizeMin:"$$avatarMd",".nextui-avatar-text":{fontSize:"$sm"}},lg:{$$avatarLg:"$space$16",sizeMin:"$$avatarLg",".nextui-avatar-text":{fontSize:"$sm"}},xl:{$$avatarXl:"$space$18",sizeMin:"$$avatarXl",".nextui-avatar-text":{fontSize:"$md"}}},borderWeight:{light:{".nextui-avatar-img":{borderWidth:"$light"}},normal:{".nextui-avatar-img":{borderWidth:"$normal"}},bold:{".nextui-avatar-img":{borderWidth:"$normal"}},extrabold:{".nextui-avatar-img":{borderWidth:"$normal"}},black:{".nextui-avatar-img":{borderWidth:"$normal"}}},bordered:{true:{"&:hover:not(.only-text-avatar) .nextui-avatar-bg":{opacity:"0.6"},".nextui-avatar-img":{borderStyle:"solid",borderColor:"$background"}}},stacked:{true:{ml:"-$5"}},pointer:{true:{cursor:"pointer"}},rounded:{true:{borderRadius:"$rounded",".nextui-avatar-img":{borderRadius:"$rounded"}}},squared:{true:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}},zoomed:{true:{"&:hover .nextui-avatar-img":{transform:"scale(1.125)"}}}},compoundVariants:[{bordered:!0,borderWeight:"light",css:{padding:"calc($1/2)"}},{bordered:!0,borderWeight:"normal",css:{padding:"$1"}},{bordered:!0,borderWeight:"bold",css:{padding:"calc($2/1.5)"}},{bordered:!0,borderWeight:"extrabold",css:{padding:"$2"}},{bordered:!0,borderWeight:"black",css:{padding:"calc($3/1.5)"}},{rounded:!0,squared:!0,css:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}}],defaultVariants:{size:"md",rounded:!0,color:"default",textColor:"default",borderWeight:"normal"}});exports.StyledAvatar=a;var t=a;exports.default=t;
|
package/cjs/card/card.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var o=require("../theme/stitches.config"),r=require("../utils/drip");const e=(0,o.styled)("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCardBody=e;const t=(0,o.styled)("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$background",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$
|
|
1
|
+
exports.__esModule=!0,exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var o=require("../theme/stitches.config"),r=require("../utils/drip");const e=(0,o.styled)("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCardBody=e;const t=(0,o.styled)("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$background",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$card"},false:{transition:"none"}},clickable:{true:{cursor:"pointer",us:"none",WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}}},hoverable:{true:{"&:hover":{transform:"translateY(-2px)",boxShadow:"$lg"}}},cover:{true:{".nextui-image":{objectFit:"cover !important"},[`& ${e}`]:{p:0}},false:{".nextui-image, .nextui-image-container":{bblr:"0 !important",bbrr:"0 !important"}}},isDark:{true:{}}},compoundVariants:[{color:"default",isDark:!0,css:{$$cardColor:"$colors$accents1"}},{color:"default",shadow:!0,isDark:!1,css:{$$cardColor:"$colors$background",bg:"$$cardColor"}},{color:"default",shadow:!0,isDark:!0,css:{$$cardColor:"$colors$accents1",bg:"$$cardColor"}},{clickable:!0,animated:!0,css:{"&:active":{scale:.97}}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,bordered:!1,shadow:!0}});exports.StyledCard=t;const a=(0,o.styled)("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",p:"$sm","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCardHeader=a;const l=(0,o.styled)("div",{w:"100%",h:"auto",p:"$sm $lg",d:"flex",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",bblr:"$lg",bbrr:"$lg","*":{mt:0,mb:0},variants:{blur:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});exports.StyledCardFooter=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCheckbox=exports.CheckboxContext=void 0;var t=e(require("react"));const o=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCheckbox=exports.CheckboxContext=void 0;var t=e(require("react"));const o=t.default.createContext(null);exports.CheckboxContext=o;exports.useCheckbox=()=>t.default.useContext(o);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n(r);if(t&&t.has(e))return t.get(e);var o={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=l?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(o,a,i):o[a]=e[a]}o.default=e,t&&t.set(e,o);return o}(require("react")),r=require("@react-stately/checkbox"),t=require("@react-aria/checkbox"),o=require("@react-aria/utils"),l=require("./checkbox-context"),a=require("./checkbox.styles"),i=require("../utils/dom"),u=require("react/jsx-runtime");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=function(e){return e?t:r})(e)}const s=e.default.forwardRef((({color:n,labelColor:s,disabled:c,size:d,label:p,children:f,readOnly:b,row:x,...y},h)=>{const k=(0,i.useDOMRef)(h),O=(0,r.useCheckboxGroupState)({...y,isDisabled:c,isReadOnly:b}),{groupProps:C}=(0,t.useCheckboxGroup)({...y,"aria-label":y["aria-label"]||("string"==typeof p?p:void 0),isDisabled:c,isReadOnly:b},O),j=(0,e.useMemo)((()=>({...O,color:n,size:d,labelColor:s,inGroup:!0})),[O,n,d,s]);return(0,u.jsxs)(a.StyledCheckboxGroup,{ref:k,size:d,...(0,o.mergeProps)(y,C),children:[p&&(0,u.jsx)(a.StyledCheckboxGroupLabel,{disabled:c,children:p}),(0,u.jsx)(a.StyledCheckboxGroupContainer,{role:"presentation",row:x,children:(0,u.jsx)(l.CheckboxContext.Provider,{value:j,children:f})})]})}));s.defaultProps={color:"default",labelColor:"default",disabled:!1,readOnly:!1,row:!1,size:"md"},s.displayName="NextUI - CheckboxGroup",s.toString=()=>".nextui-checkbox-group";var c=s;exports.default=c,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
|
|
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=x(r);if(t&&t.has(e))return t.get(e);var i={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=c?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(i,a,o):i[a]=e[a]}i.default=e,t&&t.set(e,i);return i}(require("react")),t=require("@react-aria/focus"),i=require("@react-aria/interactions"),c=require("@react-stately/toggle"),a=require("@react-aria/checkbox"),o=require("@react-aria/utils"),n=require("./checkbox-context"),s=require("../utils/dom"),l=require("./checkbox.styles"),d=require("./utils"),u=e(require("../utils/clsx")),h=require("react/jsx-runtime");function x(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(x=function(e){return e?t:r})(e)}const k=r.default.forwardRef(((e,x)=>{const k=(0,d.mapPropsToReactAriaAttr)(e),{line:b,rounded:m,indeterminate:f,disabled:p,size:y,className:v,children:C,label:j,color:q,labelColor:g,animated:N,autoFocus:P,...S}=e,O=(0,n.useCheckbox)(),F=(0,r.useRef)(null),M=(0,s.useFocusableRef)(x,F),{inputProps:w}=null!=O&&O.inGroup?(0,a.useCheckboxGroupItem)(k,O,F):(0,a.useCheckbox)(k,(0,c.useToggleState)(k),F),{hoverProps:R,isHovered:z}=(0,i.useHover)({isDisabled:p}),{isFocusVisible:I,focusProps:D}=(0,t.useFocusRing)({autoFocus:P}),H=(null==O?void 0:O.color)||q,_=(null==O?void 0:O.size)||y,L=(null==O?void 0:O.labelColor)||g,T=(0,r.useMemo)((()=>z?"hovered":w.checked&&f?"mixed":w.checked?"checked":"uncheked"),[z,w.checked,f]);return(0,h.jsxs)(l.StyledCheckboxLabel,{...(0,o.mergeProps)(R,S),ref:M,className:(0,u.default)("nextui-checkbox-label",`nextui-checkbox--${T}`,v),size:_,animated:N,isHovered:z,disabled:w.disabled,children:[(0,h.jsxs)(l.StyledCheckboxContainer,{className:"nextui-checkbox-container",color:H,rounded:m,animated:N,isFocusVisible:I,isHovered:z,disabled:w.disabled,...D,children:[(0,h.jsx)("input",{ref:F,className:"nextui-checkbox-input",...(0,o.mergeProps)(w,D)}),(0,h.jsx)(l.StyledCheckboxMask,{className:"nextui-checkbox-mask",animated:N,indeterminate:f,checked:w.checked,children:(0,h.jsxs)(l.StyledIconCheck,{className:"nextui-icon-check",size:_,indeterminate:f,animated:N,checked:w.checked,children:[(0,h.jsx)(l.StyledIconCheckFirstLine,{className:"nextui-icon-check-line1",indeterminate:f,animated:N,checked:w.checked}),(0,h.jsx)(l.StyledIconCheckSecondLine,{className:"nextui-icon-check-line2",indeterminate:f,animated:N,checked:w.checked})]})})]}),(C||j)&&(0,h.jsx)(l.StyledCheckboxText,{className:"nextui-checkbox-text",color:L,line:b,animated:N,checked:w.checked,disabled:w.disabled,children:C||j})]})}));k.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,initialChecked:!1,indeterminate:!1,readOnly:!1,required:!1,rounded:!1,autoFocus:!1,line:!1,animated:!0,className:""},k.displayName="NextUI - Checkbox",k.toString=()=>".nextui-checkbox";var b=k;exports.default=b,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledIconCheckSecondLine=exports.StyledIconCheckFirstLine=exports.StyledIconCheck=exports.StyledCheckboxText=exports.StyledCheckboxMask=exports.StyledCheckboxLabel=exports.
|
|
1
|
+
exports.__esModule=!0,exports.StyledIconCheckSecondLine=exports.StyledIconCheckFirstLine=exports.StyledIconCheck=exports.StyledCheckboxText=exports.StyledCheckboxMask=exports.StyledCheckboxLabel=exports.StyledCheckboxGroupLabel=exports.StyledCheckboxGroupContainer=exports.StyledCheckboxGroup=exports.StyledCheckboxContainer=void 0;var e=require("../theme/stitches.config");const o=(0,e.styled)("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},disabled:{true:{opacity:.75,cursor:"not-allowed"}},isHovered:{true:{opacity:.8}},animated:{false:{transition:"none"}}},defaultVariants:{size:"md"}});exports.StyledCheckboxLabel=o;const t=(0,e.styled)("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});exports.StyledIconCheckFirstLine=t;const r=(0,e.styled)("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});exports.StyledIconCheckSecondLine=r;const n=(0,e.styled)("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{indeterminate:{true:{opacity:1,transform:"rotate(0deg)",width:"auto",height:"auto",margin:"0px","&:after":{opacity:1}},false:{width:"8px",height:"14px",display:"block",position:"relative",marginTop:"-4px"}},size:{xs:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},sm:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},md:{transform:"rotate(45deg) scale(0.8)"},lg:{transform:"rotate(45deg)"},xl:{transform:"rotate(45deg)"}},checked:{true:{opacity:1}},animated:{false:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{indeterminate:!0,size:"xs",css:{scale:"0.5"}},{indeterminate:!0,size:"sm",css:{scale:"0.5"}},{indeterminate:!0,size:"md",css:{scale:"0.8"}},{indeterminate:!0,size:"lg",css:{transform:"none"}},{indeterminate:!0,size:"lg",css:{transform:"none"}}]});exports.StyledIconCheck=n;const i=(0,e.styled)("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{checked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},indeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},animated:{false:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});exports.StyledCheckboxMask=i;const a=(0,e.styled)("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},line:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},checked:{true:{"&:before":{opacity:.8}}},disabled:{true:{color:"$accents4"}},animated:{false:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{line:!0,checked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});exports.StyledCheckboxText=a;const s=(0,e.styled)("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondaryDark"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successDark"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningDark"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorDark"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},rounded:{true:{br:"$pill"}},disabled:{true:{opacity:.4,cursor:"not-allowed"}},animated:{false:{transition:"none"}},isHovered:{true:{[`& ${i}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${i}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},e.cssFocusVisible);exports.StyledCheckboxContainer=s;const c=(0,e.styled)("div",{display:"flex",flexDirection:"column",variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}}}});exports.StyledCheckboxGroup=c;const l=(0,e.styled)("div",{display:"flex",flexDirection:"column",variants:{row:{true:{flexDirection:"row",mt:0,[`& ${o}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${o}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{row:!1}});exports.StyledCheckboxGroupContainer=l;const d=(0,e.styled)("label",{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents6",mb:"$3",variants:{disabled:{true:{opacity:.75}}}});exports.StyledCheckboxGroupLabel=d;
|
package/cjs/checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledIconCheckSecondLine=exports.StyledIconCheckFirstLine=exports.StyledIconCheck=exports.StyledCheckboxText=exports.StyledCheckboxMask=exports.StyledCheckboxLabel=exports.
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledIconCheckSecondLine=exports.StyledIconCheckFirstLine=exports.StyledIconCheck=exports.StyledCheckboxText=exports.StyledCheckboxMask=exports.StyledCheckboxLabel=exports.StyledCheckboxGroup=exports.StyledCheckboxContainer=void 0;var t=e(require("./checkbox")),o=e(require("./checkbox-group")),r=require("./checkbox.styles");exports.StyledCheckboxLabel=r.StyledCheckboxLabel,exports.StyledCheckboxContainer=r.StyledCheckboxContainer,exports.StyledIconCheckFirstLine=r.StyledIconCheckFirstLine,exports.StyledIconCheckSecondLine=r.StyledIconCheckSecondLine,exports.StyledIconCheck=r.StyledIconCheck,exports.StyledCheckboxMask=r.StyledCheckboxMask,exports.StyledCheckboxText=r.StyledCheckboxText,exports.StyledCheckboxGroup=r.StyledCheckboxGroup,t.default.Group=o.default;var c=t.default;exports.default=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.mapPropsToReactAriaAttr=void 0;exports.mapPropsToReactAriaAttr=e=>({...e,isIndeterminate:e.indeterminate,isDisabled:e.disabled,isReadOnly:e.readOnly,isRequired:e.required,isSelected:e.checked,defaultSelected:e.initialChecked});
|
package/cjs/link/link.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.StyledLinkIcon=exports.StyledLink=void 0;var o,r,e=require("../theme/stitches.config"),l=require("../utils/color");const
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.StyledLinkIcon=exports.StyledLink=void 0;var o,r,e=require("../theme/stitches.config"),l=require("../utils/color");const n=(0,e.styled)("svg",{ml:"$1",as:"center",display:"inline-flex",color:"currentColor"});exports.StyledLinkIcon=n;const t=(0,e.styled)("a",{display:"inline-flex",alignItems:"baseline",lineHeight:"inherit",textDecoration:"none",width:"fitContent","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{default:{color:"$link"},text:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base"}},animated:{true:{transition:"$link"}}},compoundVariants:[{color:"default",block:!0,css:{"&:hover":{backgroundColor:(0,l.addColorAlpha)(null==(o=e.theme.colors)||null==(r=o.link)?void 0:r.value,.2)}}},{color:"primary",block:!0,css:{"&:hover":{backgroundColor:"$primaryLight"}}},{color:"secondary",block:!0,css:{"&:hover":{backgroundColor:"$secondaryLight"}}},{color:"success",block:!0,css:{"&:hover":{backgroundColor:"$successLight"}}},{color:"warning",block:!0,css:{"&:hover":{backgroundColor:"$warningLight"}}},{color:"error",block:!0,css:{"&:hover":{backgroundColor:"$errorLight"}}}],defaultVariants:{color:"default",animated:!0}});exports.StyledLink=t;var c=t;exports.default=c;
|
|
@@ -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=
|
|
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=c(r);if(t&&t.has(e))return t.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var o=a?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(l,u,o):l[u]=e[u]}l.default=e,t&&t.set(e,l);return l}(require("react")),t=require("@react-aria/table"),l=require("@react-aria/focus"),a=require("@react-aria/utils"),u=e(require("../checkbox")),o=require("./table.styles"),i=require("./utils"),s=e(require("../utils/clsx")),n=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:r})(e)}const f=r.default.forwardRef((({cell:e,state:c,color:f,animated:p,...d},b)=>{const x=(0,r.useRef)(null);(0,r.useImperativeHandle)(b,(()=>null==x?void 0:x.current));const{gridCellProps:y}=(0,t.useTableCell)({node:e},c,x),{checkboxProps:h}=(0,t.useTableSelectionCheckbox)({key:(null==e?void 0:e.parentKey)||e.key},c),{isFocusVisible:k,focusProps:v}=(0,l.useFocusRing)(),m=(0,i.mapPropsToCheckboxAttr)(h);return(0,n.jsx)(o.StyledTableCell,{ref:x,isFocusVisible:k,className:(0,s.default)("nextui-table-checkbox-cell",d.className),...(0,a.mergeProps)(y,v,d),children:(0,n.jsx)(u.default,{...m,color:f,animated:p,css:{display:"inherit"}})})}));f.displayName="NextUI - TableCheckboxCell",f.toString=()=>".nextui-table-checkbox-cell";var p=f;exports.default=p,module.exports=exports.default;
|
|
@@ -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=
|
|
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=d(r);if(t&&t.has(e))return t.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=e[o]}l.default=e,t&&t.set(e,l);return l}(require("react")),t=require("@react-aria/table"),l=require("@react-aria/visually-hidden"),a=require("@react-aria/focus"),o=require("@react-aria/utils"),i=e(require("../checkbox")),u=require("./table.styles"),s=require("./utils"),c=e(require("../utils/clsx")),n=require("react/jsx-runtime");function d(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(d=function(e){return e?t:r})(e)}const f=r.default.forwardRef((({column:e,state:d,color:f,animated:p,...b},x)=>{const h=(0,r.useRef)(null);(0,r.useImperativeHandle)(x,(()=>null==h?void 0:h.current));const y="single"===d.selectionManager.selectionMode,{columnHeaderProps:m}=(0,t.useTableColumnHeader)({node:e},d,h),{checkboxProps:q}=(0,t.useTableSelectAllCheckbox)(d),{isFocusVisible:v,focusProps:k}=(0,a.useFocusRing)(),j=(0,s.mapPropsToCheckboxAttr)(q);return(0,n.jsx)(u.StyledTableHeaderCell,{ref:h,isFocusVisible:v,className:(0,c.default)("nextui-table-select-all-checkbox",b.className),...(0,o.mergeProps)(m,k,b),children:y?(0,n.jsx)(l.VisuallyHidden,{children:q["aria-label"]}):(0,n.jsx)(i.default,{...j,color:f,animated:p,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));f.displayName="NextUI - TableSelectAllCheckbox",f.toString=()=>".nextui-table-select-all-checkbox";var p=f;exports.default=p,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",
|
|
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",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:"background 0.25s ease 0s, color 0.25s ease 0s",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 r=(0,e.styled)("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});exports.StyledTableFooter=r;const i=(0,e.styled)("td",{});exports.StyledBaseTableCell=i;const s=(0,e.styled)(i,{position:"relative",userSelect:"none",py:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",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 d=(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=d;const $=(0,e.styled)("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${s}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${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=$;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;
|
package/cjs/table/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.isInfinityScroll=void 0;exports.isInfinityScroll=
|
|
1
|
+
exports.__esModule=!0,exports.mapPropsToCheckboxAttr=exports.isInfinityScroll=void 0;exports.isInfinityScroll=e=>{var o;const t=null==(o=e.body)?void 0:o.props;return void 0!==(null==t?void 0:t.loadingState)&&"function"==typeof(null==t?void 0:t.onLoadMore)};exports.mapPropsToCheckboxAttr=e=>{const{isSelected:o,defaultSelected:t,isIndeterminate:i,isReadOnly:r,isRequired:n,...d}=e;return{checked:o,initialChecked:t,indeterminate:i,readOnly:r,required:n,...d}};
|
package/cjs/theme/common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.defaultUtils=exports.defaultTokens=exports.defaultThemeMap=exports.defaultMedia=exports.defaultColors=exports.default=void 0;var e=require("@stitches/react");const r={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};exports.defaultTokens=r;const a={white:"#ffffff",black:"#000000",blue100:"#bfd8fc",blue200:"#98D5FD",blue300:"#64B8FB",blue400:"#3D9CF7",blue500:"#0070F3",blue600:"#0056D0",blue700:"#0040AE",blue800:"#002D8C",blue900:"#002074",purple100:"#dbc8f0",purple200:"#DDA9F9",purple300:"#C17CEF",purple400:"#A258DF",purple500:"#7928ca",purple600:"#5E1DAD",purple700:"#461491",purple800:"#310C75",purple900:"#220760",green100:"#dafee8",green200:"#A1F9AC",green300:"#6FEE8D",green400:"#4ADE7B",green500:"#17c964",green600:"#10AC63",green700:"#0B905F",green800:"#077457",green900:"#046050",yellow100:"#fce6c7",yellow200:"#FEE7A6",yellow300:"#FCD57A",yellow400:"#F9C258",yellow500:"#f5a623",yellow600:"#D28519",yellow700:"#B06811",yellow800:"#8E4D0B",yellow900:"#753A06",red100:"#fbc4d5",red200:"#FDA0A5",red300:"#FB7085",red400:"#F74C77",red500:"#f21361",red600:"#D00D65",red700:"#AE0963",red800:"#8C065C",red900:"#740357",cyan100:"#EEFFF4",cyan200:"#DDFFED",cyan300:"#CCFFE9",cyan400:"#BFFFEA",cyan500:"#AAFFEC",cyan600:"#7CDBCF",cyan700:"#55B7B4",cyan800:"#368D93",cyan900:"#206C7A",pink100:"#FFDBE7",pink200:"#FFB8D6",pink300:"#FF94CC",pink400:"#FF7ACC",pink500:"#ff4ecd",pink600:"#DB39BD",pink700:"#B727AA",pink800:"#921893",pink900:"#6E0E7A",gray100:"#F4F4F4",gray200:"#EAEAEA",gray300:"#C1C1C1",gray400:"#999999",gray500:"#888888",gray600:"#666666",gray700:"#444444",gray800:"#333333",gray900:"#111111",primaryLight:"$blue100",primary:"$blue500",primaryDark:"$blue600",primaryShadow:"$blue100",secondaryLight:"$purple100",secondary:"$purple500",secondaryDark:"$purple600",secondaryShadow:"$purple100",successLight:"$green100",success:"$green500",successDark:"$green600",successShadow:"$green100",warningLight:"$yellow100",warning:"$yellow500",warningDark:"$yellow600",warningShadow:"$yellow100",errorLight:"$red100",error:"$red500",errorDark:"$red600",errorShadow:"$red100",gradient:"linear-gradient(112deg, $cyan500 -63.59%, $pink500 -20.3%, $blue500 70.46%)",link:"$blue500"};exports.defaultColors=a;const i={xs:`(min-width: ${r.breakpoints.xs})`,sm:`(min-width: ${r.breakpoints.sm})`,md:`(min-width: ${r.breakpoints.md})`,lg:`(min-width: ${r.breakpoints.lg})`,xl:`(min-width: ${r.breakpoints.xl})`,xsMax:`(max-width: ${r.breakpoints.xs})`,smMax:`(max-width: ${r.breakpoints.sm})`,mdMax:`(max-width: ${r.breakpoints.md})`,lgMax:`(max-width: ${r.breakpoints.lg})`,xlMax:`(max-width: ${r.breakpoints.xl})`,motion:"(prefers-reduced-motion)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};exports.defaultMedia=i;const t={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};exports.defaultUtils=t;const o={...e.defaultThemeMap,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};exports.defaultThemeMap=o;var
|
|
1
|
+
exports.__esModule=!0,exports.defaultUtils=exports.defaultTokens=exports.defaultThemeMap=exports.defaultMedia=exports.defaultColors=exports.default=void 0;var e=require("@stitches/react");const r={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s",avatar:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",link:"opacity 0.25s ease 0s, background 0.25s ease 0s",card:"transform 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};exports.defaultTokens=r;const a={white:"#ffffff",black:"#000000",blue100:"#bfd8fc",blue200:"#98D5FD",blue300:"#64B8FB",blue400:"#3D9CF7",blue500:"#0070F3",blue600:"#0056D0",blue700:"#0040AE",blue800:"#002D8C",blue900:"#002074",purple100:"#dbc8f0",purple200:"#DDA9F9",purple300:"#C17CEF",purple400:"#A258DF",purple500:"#7928ca",purple600:"#5E1DAD",purple700:"#461491",purple800:"#310C75",purple900:"#220760",green100:"#dafee8",green200:"#A1F9AC",green300:"#6FEE8D",green400:"#4ADE7B",green500:"#17c964",green600:"#10AC63",green700:"#0B905F",green800:"#077457",green900:"#046050",yellow100:"#fce6c7",yellow200:"#FEE7A6",yellow300:"#FCD57A",yellow400:"#F9C258",yellow500:"#f5a623",yellow600:"#D28519",yellow700:"#B06811",yellow800:"#8E4D0B",yellow900:"#753A06",red100:"#fbc4d5",red200:"#FDA0A5",red300:"#FB7085",red400:"#F74C77",red500:"#f21361",red600:"#D00D65",red700:"#AE0963",red800:"#8C065C",red900:"#740357",cyan100:"#EEFFF4",cyan200:"#DDFFED",cyan300:"#CCFFE9",cyan400:"#BFFFEA",cyan500:"#AAFFEC",cyan600:"#7CDBCF",cyan700:"#55B7B4",cyan800:"#368D93",cyan900:"#206C7A",pink100:"#FFDBE7",pink200:"#FFB8D6",pink300:"#FF94CC",pink400:"#FF7ACC",pink500:"#ff4ecd",pink600:"#DB39BD",pink700:"#B727AA",pink800:"#921893",pink900:"#6E0E7A",gray100:"#F4F4F4",gray200:"#EAEAEA",gray300:"#C1C1C1",gray400:"#999999",gray500:"#888888",gray600:"#666666",gray700:"#444444",gray800:"#333333",gray900:"#111111",primaryLight:"$blue100",primary:"$blue500",primaryDark:"$blue600",primaryShadow:"$blue100",secondaryLight:"$purple100",secondary:"$purple500",secondaryDark:"$purple600",secondaryShadow:"$purple100",successLight:"$green100",success:"$green500",successDark:"$green600",successShadow:"$green100",warningLight:"$yellow100",warning:"$yellow500",warningDark:"$yellow600",warningShadow:"$yellow100",errorLight:"$red100",error:"$red500",errorDark:"$red600",errorShadow:"$red100",gradient:"linear-gradient(112deg, $cyan500 -63.59%, $pink500 -20.3%, $blue500 70.46%)",link:"$blue500"};exports.defaultColors=a;const i={xs:`(min-width: ${r.breakpoints.xs})`,sm:`(min-width: ${r.breakpoints.sm})`,md:`(min-width: ${r.breakpoints.md})`,lg:`(min-width: ${r.breakpoints.lg})`,xl:`(min-width: ${r.breakpoints.xl})`,xsMax:`(max-width: ${r.breakpoints.xs})`,smMax:`(max-width: ${r.breakpoints.sm})`,mdMax:`(max-width: ${r.breakpoints.md})`,lgMax:`(max-width: ${r.breakpoints.lg})`,xlMax:`(max-width: ${r.breakpoints.xl})`,motion:"(prefers-reduced-motion)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};exports.defaultMedia=i;const t={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};exports.defaultUtils=t;const o={...e.defaultThemeMap,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};exports.defaultThemeMap=o;var s={prefix:"nextui",theme:{...r,colors:a,shadows:{}},media:i,utils:t,themeMap:o};exports.default=s;
|
package/cjs/utils/dom.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.canUseDOM=t,exports.createDOMRef=n,exports.createFocusableRef=o,exports.detectBrowser=function(e){return!!r&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e},exports.detectDeviceType=function(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"},exports.detectOS=function(e){return!!r&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e},exports.detectTouch=function(){return!!r&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)},exports.isBrowser=void 0,exports.useDOMRef=function(t){
|
|
1
|
+
exports.__esModule=!0,exports.canUseDOM=t,exports.createDOMRef=n,exports.createFocusableRef=o,exports.detectBrowser=function(e){return!!r&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e},exports.detectDeviceType=function(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"},exports.detectOS=function(e){return!!r&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e},exports.detectTouch=function(){return!!r&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)},exports.isBrowser=void 0,exports.useDOMRef=function(t){const r=(0,e.useRef)(null);return(0,e.useImperativeHandle)(t,(()=>n(r))),r},exports.useFocusableRef=function(t,r){const n=(0,e.useRef)(null);return(0,e.useImperativeHandle)(t,(()=>o(n,r))),n};var e=require("react");function t(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}const r=t();function n(e){return{UNSAFE_getDOMNode:()=>e.current}}function o(e,t=e){return{...n(e),focus(){t.current&&t.current.focus()}}}exports.isBrowser=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as a}from"../theme/stitches.config";export const StyledAvatar=a("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",transition:"$
|
|
1
|
+
import{styled as a}from"../theme/stitches.config";export const StyledAvatar=a("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",".nextui-avatar-bg":{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:"$2",transition:"$avatar",size:"100%"},"&:hover .nextui-avatar-bg":{boxShadow:" inset 0 0 40px 0 rgb(0 0 0 / 14%)"},".nextui-avatar-img":{opacity:0,zIndex:"$3",display:"flex",bg:"$background",transition:"transform 250ms ease 0ms, opacity 200ms ease-in 0ms",width:"100%",height:"100%",objectFit:"cover"},'&[data-state="ready"] .nextui-avatar-img':{opacity:1},".nextui-avatar-icon":{display:"flex",position:"absolute",left:"50%",top:"50%",ta:"center",zIndex:"$2",transform:"translate(-50%, -50%)",whiteSpace:"nowrap",us:"none"},".nextui-avatar-text":{position:"absolute",zIndex:"$2",left:"50%",top:"50%",ta:"center",color:"$text",fontWeight:"$medium",transform:"translate(-50%, -50%) scale(0.65)",whiteSpace:"nowrap",us:"none"},"@motion":{".nextui-avatar-bg, .nextui-avatar-img":{transition:"none"}},variants:{color:{default:{".nextui-avatar-bg":{bg:"$accents2"}},primary:{".nextui-avatar-bg":{bg:"$primary"}},secondary:{".nextui-avatar-bg":{bg:"$secondary"}},success:{".nextui-avatar-bg":{bg:"$success"}},warning:{".nextui-avatar-bg":{bg:"$warning"}},error:{".nextui-avatar-bg":{bg:"$error"}},gradient:{".nextui-avatar-bg":{bg:"$gradient"}}},textColor:{default:{".nextui-avatar-text":{color:"$text"}},white:{".nextui-avatar-text":{color:"$white"}},primary:{".nextui-avatar-text":{color:"$primary"}},secondary:{".nextui-avatar-text":{color:"$secondary"}},success:{".nextui-avatar-text":{color:"$success"}},warning:{".nextui-avatar-text":{color:"$warning"}},error:{".nextui-avatar-text":{color:"$error"}}},size:{xs:{$$avatarXs:"$space$9",sizeMin:"$$avatarXs",".nextui-avatar-text":{fontSize:"$xs"}},sm:{$$avatarSm:"$space$11",sizeMin:"$$avatarSm",".nextui-avatar-text":{fontSize:"$base"}},md:{$$avatarMd:"$space$14",sizeMin:"$$avatarMd",".nextui-avatar-text":{fontSize:"$sm"}},lg:{$$avatarLg:"$space$16",sizeMin:"$$avatarLg",".nextui-avatar-text":{fontSize:"$sm"}},xl:{$$avatarXl:"$space$18",sizeMin:"$$avatarXl",".nextui-avatar-text":{fontSize:"$md"}}},borderWeight:{light:{".nextui-avatar-img":{borderWidth:"$light"}},normal:{".nextui-avatar-img":{borderWidth:"$normal"}},bold:{".nextui-avatar-img":{borderWidth:"$normal"}},extrabold:{".nextui-avatar-img":{borderWidth:"$normal"}},black:{".nextui-avatar-img":{borderWidth:"$normal"}}},bordered:{true:{"&:hover:not(.only-text-avatar) .nextui-avatar-bg":{opacity:"0.6"},".nextui-avatar-img":{borderStyle:"solid",borderColor:"$background"}}},stacked:{true:{ml:"-$5"}},pointer:{true:{cursor:"pointer"}},rounded:{true:{borderRadius:"$rounded",".nextui-avatar-img":{borderRadius:"$rounded"}}},squared:{true:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}},zoomed:{true:{"&:hover .nextui-avatar-img":{transform:"scale(1.125)"}}}},compoundVariants:[{bordered:!0,borderWeight:"light",css:{padding:"calc($1/2)"}},{bordered:!0,borderWeight:"normal",css:{padding:"$1"}},{bordered:!0,borderWeight:"bold",css:{padding:"calc($2/1.5)"}},{bordered:!0,borderWeight:"extrabold",css:{padding:"$2"}},{bordered:!0,borderWeight:"black",css:{padding:"calc($3/1.5)"}},{rounded:!0,squared:!0,css:{borderRadius:"$squared",".nextui-avatar-img":{borderRadius:"$squared"}}}],defaultVariants:{size:"md",rounded:!0,color:"default",textColor:"default",borderWeight:"normal"}});export default StyledAvatar;
|
package/esm/card/card.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCard=o("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$background",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCard=o("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$background",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$card"},false:{transition:"none"}},clickable:{true:{cursor:"pointer",us:"none",WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}}},hoverable:{true:{"&:hover":{transform:"translateY(-2px)",boxShadow:"$lg"}}},cover:{true:{".nextui-image":{objectFit:"cover !important"},[`& ${StyledCardBody}`]:{p:0}},false:{".nextui-image, .nextui-image-container":{bblr:"0 !important",bbrr:"0 !important"}}},isDark:{true:{}}},compoundVariants:[{color:"default",isDark:!0,css:{$$cardColor:"$colors$accents1"}},{color:"default",shadow:!0,isDark:!1,css:{$$cardColor:"$colors$background",bg:"$$cardColor"}},{color:"default",shadow:!0,isDark:!0,css:{$$cardColor:"$colors$accents1",bg:"$$cardColor"}},{clickable:!0,animated:!0,css:{"&:active":{scale:.97}}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,bordered:!1,shadow:!0}});export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",p:"$sm","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCardFooter=o("div",{w:"100%",h:"auto",p:"$sm $lg",d:"flex",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",bblr:"$lg",bbrr:"$lg","*":{mt:0,mb:0},variants:{blur:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t from"react";export const CheckboxContext=t.createContext(null);export const useCheckbox=()=>t.useContext(CheckboxContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import r,{useMemo as e}from"react";import{useCheckboxGroupState as o}from"@react-stately/checkbox";import{useCheckboxGroup as i}from"@react-aria/checkbox";import{mergeProps as l}from"@react-aria/utils";import{CheckboxContext as a}from"./checkbox-context";import{StyledCheckboxGroup as t,StyledCheckboxGroupLabel as s,StyledCheckboxGroupContainer as c}from"./checkbox.styles";import{useDOMRef as d}from"../utils/dom";import{jsx as m}from"react/jsx-runtime";import{jsxs as n}from"react/jsx-runtime";const p=r.forwardRef((({color:r,labelColor:p,disabled:b,size:f,label:u,children:x,readOnly:h,row:y,...k},g)=>{const j=d(g),w=o({...k,isDisabled:b,isReadOnly:h}),{groupProps:z}=i({...k,"aria-label":k["aria-label"]||("string"==typeof u?u:void 0),isDisabled:b,isReadOnly:h},w),C=e((()=>({...w,color:r,size:f,labelColor:p,inGroup:!0})),[w,r,f,p]);return n(t,{ref:j,size:f,...l(k,z),children:[u&&m(s,{disabled:b,children:u}),m(c,{role:"presentation",row:y,children:m(a.Provider,{value:C,children:x})})]})}));p.defaultProps={color:"default",labelColor:"default",disabled:!1,readOnly:!1,row:!1,size:"md"},p.displayName="NextUI - CheckboxGroup",p.toString=()=>".nextui-checkbox-group";export default p;
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{
|
|
1
|
+
import e,{useMemo as i,useRef as c}from"react";import{useFocusRing as a}from"@react-aria/focus";import{useHover as o}from"@react-aria/interactions";import{useToggleState as t}from"@react-stately/toggle";import{useCheckbox as r,useCheckboxGroupItem as d}from"@react-aria/checkbox";import{mergeProps as l}from"@react-aria/utils";import{useCheckbox as s}from"./checkbox-context";import{useFocusableRef as n}from"../utils/dom";import{StyledCheckboxLabel as m,StyledCheckboxContainer as u,StyledCheckboxMask as h,StyledIconCheck as k,StyledIconCheckFirstLine as x,StyledIconCheckSecondLine as b,StyledCheckboxText as f}from"./checkbox.styles";import{mapPropsToReactAriaAttr as p}from"./utils";import N from"../utils/clsx";import{jsx as v}from"react/jsx-runtime";import{jsxs as C}from"react/jsx-runtime";const z=e.forwardRef(((e,z)=>{const F=p(e),{line:j,rounded:y,indeterminate:P,disabled:g,size:H,className:V,children:q,label:w,color:D,labelColor:G,animated:I,autoFocus:O,...R}=e,S=s(),U=c(null),$=n(z,U),{inputProps:A}=null!=S&&S.inGroup?d(F,S,U):r(F,t(F),U),{hoverProps:B,isHovered:E}=o({isDisabled:g}),{isFocusVisible:J,focusProps:K}=a({autoFocus:O}),L=(null==S?void 0:S.color)||D,M=(null==S?void 0:S.size)||H,Q=(null==S?void 0:S.labelColor)||G,T=i((()=>E?"hovered":A.checked&&P?"mixed":A.checked?"checked":"uncheked"),[E,A.checked,P]);return C(m,{...l(B,R),ref:$,className:N("nextui-checkbox-label",`nextui-checkbox--${T}`,V),size:M,animated:I,isHovered:E,disabled:A.disabled,children:[C(u,{className:"nextui-checkbox-container",color:L,rounded:y,animated:I,isFocusVisible:J,isHovered:E,disabled:A.disabled,...K,children:[v("input",{ref:U,className:"nextui-checkbox-input",...l(A,K)}),v(h,{className:"nextui-checkbox-mask",animated:I,indeterminate:P,checked:A.checked,children:C(k,{className:"nextui-icon-check",size:M,indeterminate:P,animated:I,checked:A.checked,children:[v(x,{className:"nextui-icon-check-line1",indeterminate:P,animated:I,checked:A.checked}),v(b,{className:"nextui-icon-check-line2",indeterminate:P,animated:I,checked:A.checked})]})})]}),(q||w)&&v(f,{className:"nextui-checkbox-text",color:Q,line:j,animated:I,checked:A.checked,disabled:A.disabled,children:q||w})]})}));z.defaultProps={value:"",size:"md",color:"default",labelColor:"default",disabled:!1,initialChecked:!1,indeterminate:!1,readOnly:!1,required:!1,rounded:!1,autoFocus:!1,line:!1,animated:!0,className:""},z.displayName="NextUI - Checkbox",z.toString=()=>".nextui-checkbox";export default z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",
|
|
1
|
+
import{styled as e,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},disabled:{true:{opacity:.75,cursor:"not-allowed"}},isHovered:{true:{opacity:.8}},animated:{false:{transition:"none"}}},defaultVariants:{size:"md"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{indeterminate:{true:{display:"none"}},checked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},animated:{false:{"&:after":{transition:"none"}}}},compoundVariants:[{checked:!0,animated:!1,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{indeterminate:{true:{opacity:1,transform:"rotate(0deg)",width:"auto",height:"auto",margin:"0px","&:after":{opacity:1}},false:{width:"8px",height:"14px",display:"block",position:"relative",marginTop:"-4px"}},size:{xs:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},sm:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},md:{transform:"rotate(45deg) scale(0.8)"},lg:{transform:"rotate(45deg)"},xl:{transform:"rotate(45deg)"}},checked:{true:{opacity:1}},animated:{false:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{indeterminate:!0,size:"xs",css:{scale:"0.5"}},{indeterminate:!0,size:"sm",css:{scale:"0.5"}},{indeterminate:!0,size:"md",css:{scale:"0.8"}},{indeterminate:!0,size:"lg",css:{transform:"none"}},{indeterminate:!0,size:"lg",css:{transform:"none"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{checked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},indeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},animated:{false:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},line:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},checked:{true:{"&:before":{opacity:.8}}},disabled:{true:{color:"$accents4"}},animated:{false:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{line:!0,checked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primaryDark"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondaryDark"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successDark"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningDark"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorDark"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},rounded:{true:{br:"$pill"}},disabled:{true:{opacity:.4,cursor:"not-allowed"}},animated:{false:{transition:"none"}},isHovered:{true:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column",variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{row:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{row:!1}});export const StyledCheckboxGroupLabel=e("label",{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents6",mb:"$3",variants:{disabled:{true:{opacity:.75}}}});
|
package/esm/checkbox/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"./checkbox";import o from"./checkbox-group";e.Group=o;export{StyledCheckboxLabel,StyledCheckboxContainer,StyledIconCheckFirstLine,StyledIconCheckSecondLine,StyledIconCheck,StyledCheckboxMask,StyledCheckboxText,
|
|
1
|
+
import e from"./checkbox";import o from"./checkbox-group";e.Group=o;export{StyledCheckboxLabel,StyledCheckboxContainer,StyledIconCheckFirstLine,StyledIconCheckSecondLine,StyledIconCheck,StyledCheckboxMask,StyledCheckboxText,StyledCheckboxGroup}from"./checkbox.styles";export default e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const mapPropsToReactAriaAttr=e=>({...e,isIndeterminate:e.indeterminate,isDisabled:e.disabled,isReadOnly:e.readOnly,isRequired:e.required,isSelected:e.checked,defaultSelected:e.initialChecked});
|
package/esm/link/link.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as c}from"../utils/color";export const StyledLinkIcon=n("svg",{ml:"$1",as:"center",display:"inline-flex",color:"currentColor"});export const StyledLink=n("a",{display:"inline-flex",alignItems:"baseline",lineHeight:"inherit",textDecoration:"none",width:"fitContent","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{default:{color:"$link"},text:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base"}},animated:{true:{transition:"$
|
|
1
|
+
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as c}from"../utils/color";export const StyledLinkIcon=n("svg",{ml:"$1",as:"center",display:"inline-flex",color:"currentColor"});export const StyledLink=n("a",{display:"inline-flex",alignItems:"baseline",lineHeight:"inherit",textDecoration:"none",width:"fitContent","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{default:{color:"$link"},text:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base"}},animated:{true:{transition:"$link"}}},compoundVariants:[{color:"default",block:!0,css:{"&:hover":{backgroundColor:c(null==(o=e.colors)||null==(r=o.link)?void 0:r.value,.2)}}},{color:"primary",block:!0,css:{"&:hover":{backgroundColor:"$primaryLight"}}},{color:"secondary",block:!0,css:{"&:hover":{backgroundColor:"$secondaryLight"}}},{color:"success",block:!0,css:{"&:hover":{backgroundColor:"$successLight"}}},{color:"warning",block:!0,css:{"&:hover":{backgroundColor:"$warningLight"}}},{color:"error",block:!0,css:{"&:hover":{backgroundColor:"$errorLight"}}}],defaultVariants:{color:"default",animated:!0}});export default StyledLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{
|
|
1
|
+
import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import c from"../checkbox";import{StyledTableCell as s}from"./table.styles";import{mapPropsToCheckboxAttr as m}from"./utils";import n from"../utils/clsx";import{jsx as p}from"react/jsx-runtime";const u=e.forwardRef((({cell:e,state:u,color:f,animated:b,...x},d)=>{const h=r(null);o(d,(()=>null==h?void 0:h.current));const{gridCellProps:k}=t({node:e},u,h),{checkboxProps:y}=l({key:(null==e?void 0:e.parentKey)||e.key},u),{isFocusVisible:N,focusProps:C}=i(),P=m(y);return p(s,{ref:h,isFocusVisible:N,className:n("nextui-table-checkbox-cell",x.className),...a(k,C,x),children:p(c,{...P,color:f,animated:b,css:{display:"inherit"}})})}));u.displayName="NextUI - TableCheckboxCell",u.toString=()=>".nextui-table-checkbox-cell";export default u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as
|
|
1
|
+
import e,{useRef as o,useImperativeHandle as r}from"react";import{useTableColumnHeader as t,useTableSelectAllCheckbox as l}from"@react-aria/table";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as i}from"@react-aria/utils";import s from"../checkbox";import{StyledTableHeaderCell as m}from"./table.styles";import{mapPropsToCheckboxAttr as n}from"./utils";import u from"../utils/clsx";import{jsx as f}from"react/jsx-runtime";const p=e.forwardRef((({column:e,state:p,color:d,animated:b,...x},h)=>{const k=o(null);r(h,(()=>null==k?void 0:k.current));const y="single"===p.selectionManager.selectionMode,{columnHeaderProps:N}=t({node:e},p,k),{checkboxProps:$}=l(p),{isFocusVisible:g,focusProps:P}=c(),j=n($);return f(m,{ref:k,isFocusVisible:g,className:u("nextui-table-select-all-checkbox",x.className),...i(N,P,x),children:y?f(a,{children:$["aria-label"]}):f(s,{...j,color:d,animated:b,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));p.displayName="NextUI - TableSelectAllCheckbox",p.toString=()=>".nextui-table-select-all-checkbox";export default p;
|
|
@@ -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",
|
|
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",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:"background 0.25s ease 0s, color 0.25s ease 0s",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",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",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}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${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"}});
|
package/esm/table/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const isInfinityScroll=
|
|
1
|
+
export const isInfinityScroll=e=>{var t;const n=null==(t=e.body)?void 0:t.props;return void 0!==(null==n?void 0:n.loadingState)&&"function"==typeof(null==n?void 0:n.onLoadMore)};export const mapPropsToCheckboxAttr=e=>{const{isSelected:t,defaultSelected:n,isIndeterminate:o,isReadOnly:i,isRequired:d,...r}=e;return{checked:t,initialChecked:n,indeterminate:o,readOnly:i,required:d,...r}};
|