@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.9-dbg1
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.js +1 -1
- package/cjs/avatar/avatar.styles.js +1 -1
- package/cjs/backdrop/backdrop.styles.js +1 -1
- package/cjs/button/button-icon.js +1 -1
- package/cjs/button/button.js +1 -1
- package/cjs/button/button.styles.js +1 -1
- package/cjs/button/utils.js +1 -1
- package/cjs/card/card.js +1 -1
- package/cjs/card/card.styles.js +1 -1
- package/cjs/card/index.js +1 -1
- package/cjs/card/use-card.js +1 -0
- 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/use-checkbox-group.js +1 -0
- package/cjs/checkbox/use-checkbox.js +1 -0
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/css-baseline/css-baseline.js +1 -1
- package/cjs/dropdown/base/dropdown-item-base.js +1 -0
- package/cjs/dropdown/dropdown-button.js +1 -0
- package/cjs/dropdown/dropdown-context.js +1 -0
- package/cjs/dropdown/dropdown-icon.js +1 -0
- package/cjs/dropdown/dropdown-item.js +1 -0
- package/cjs/dropdown/dropdown-menu.js +1 -0
- package/cjs/dropdown/dropdown-section.js +1 -0
- package/cjs/dropdown/dropdown-trigger.js +1 -0
- package/cjs/dropdown/dropdown-types.js +1 -0
- package/cjs/dropdown/dropdown.js +1 -0
- package/cjs/dropdown/dropdown.styles.js +1 -0
- package/cjs/dropdown/index.js +1 -0
- package/cjs/dropdown/use-dropdown.js +1 -0
- package/cjs/grid/grid-container.js +1 -1
- package/cjs/image/image.js +1 -1
- package/cjs/image/image.styles.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/input/input.styles.js +1 -1
- package/cjs/link/link.js +1 -1
- package/cjs/link/link.styles.js +1 -1
- package/cjs/modal/modal.styles.js +1 -1
- package/cjs/pagination/pagination.styles.js +1 -1
- package/cjs/popover/popover-content.js +1 -1
- package/cjs/popover/popover-trigger.js +1 -1
- package/cjs/popover/popover.js +1 -1
- package/cjs/popover/popover.styles.js +1 -1
- package/cjs/popover/use-popover.js +1 -1
- package/cjs/popover/utils.js +1 -1
- package/cjs/radio/index.js +1 -1
- package/cjs/radio/radio-context.js +1 -1
- package/cjs/radio/radio-group.js +1 -1
- package/cjs/radio/radio.js +1 -1
- package/cjs/radio/radio.styles.js +1 -1
- package/cjs/radio/use-radio-group.js +1 -0
- package/cjs/radio/use-radio.js +1 -0
- package/cjs/snippet/snippet.styles.js +1 -1
- package/cjs/switch/switch.styles.js +1 -1
- package/cjs/table/table-checkbox-cell.js +1 -1
- package/cjs/table/table-context.js +1 -1
- package/cjs/table/table-select-all-checkbox.js +1 -1
- package/cjs/table/table.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/table/utils.js +1 -1
- package/cjs/theme/colors/blue.js +1 -0
- package/cjs/theme/colors/cyan.js +1 -0
- package/cjs/theme/colors/gray.js +1 -0
- package/cjs/theme/colors/green.js +1 -0
- package/cjs/theme/colors/index.js +1 -0
- package/cjs/theme/colors/pink.js +1 -0
- package/cjs/theme/colors/purple.js +1 -0
- package/cjs/theme/colors/red.js +1 -0
- package/cjs/theme/colors/yellow.js +1 -0
- package/cjs/theme/common.js +1 -1
- package/cjs/theme/dark-theme.js +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/light-theme.js +1 -1
- package/cjs/theme/shared-css.js +1 -0
- package/cjs/theme/stitches.config.js +1 -1
- package/cjs/tooltip/tooltip.styles.js +1 -1
- package/cjs/user/index.js +1 -1
- package/cjs/user/user-link.js +1 -1
- package/cjs/user/user.js +1 -1
- package/cjs/user/user.styles.js +1 -1
- package/cjs/utils/checkmark.js +1 -0
- package/cjs/utils/color.js +1 -1
- package/cjs/utils/dom.js +1 -1
- package/cjs/utils/icons.js +1 -1
- package/cjs/utils/prop-types.js +1 -1
- package/dropdown/package.json +6 -0
- package/esm/avatar/avatar.js +1 -1
- package/esm/avatar/avatar.styles.js +1 -1
- package/esm/backdrop/backdrop.styles.js +1 -1
- package/esm/button/button-icon.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/button/button.styles.js +1 -1
- package/esm/button/utils.js +1 -1
- package/esm/card/card.js +1 -1
- package/esm/card/card.styles.js +1 -1
- package/esm/card/index.js +1 -1
- package/esm/card/use-card.js +1 -0
- 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/use-checkbox-group.js +1 -0
- package/esm/checkbox/use-checkbox.js +1 -0
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/css-baseline/css-baseline.js +1 -1
- package/esm/dropdown/base/dropdown-item-base.js +1 -0
- package/esm/dropdown/dropdown-button.js +1 -0
- package/esm/dropdown/dropdown-context.js +1 -0
- package/esm/dropdown/dropdown-icon.js +1 -0
- package/esm/dropdown/dropdown-item.js +1 -0
- package/esm/dropdown/dropdown-menu.js +1 -0
- package/esm/dropdown/dropdown-section.js +1 -0
- package/esm/dropdown/dropdown-trigger.js +1 -0
- package/esm/dropdown/dropdown-types.js +1 -0
- package/esm/dropdown/dropdown.js +1 -0
- package/esm/dropdown/dropdown.styles.js +1 -0
- package/esm/dropdown/index.js +1 -0
- package/esm/dropdown/use-dropdown.js +1 -0
- package/esm/grid/grid-container.js +1 -1
- package/esm/image/image.js +1 -1
- package/esm/image/image.styles.js +1 -1
- package/esm/index.js +1 -1
- package/esm/input/input.styles.js +1 -1
- package/esm/link/link.js +1 -1
- package/esm/link/link.styles.js +1 -1
- package/esm/modal/modal.styles.js +1 -1
- package/esm/pagination/pagination.styles.js +1 -1
- package/esm/popover/popover-content.js +1 -1
- package/esm/popover/popover-trigger.js +1 -1
- package/esm/popover/popover.js +1 -1
- package/esm/popover/popover.styles.js +1 -1
- package/esm/popover/use-popover.js +1 -1
- package/esm/popover/utils.js +1 -1
- package/esm/radio/index.js +1 -1
- package/esm/radio/radio-context.js +1 -1
- package/esm/radio/radio-group.js +1 -1
- package/esm/radio/radio.js +1 -1
- package/esm/radio/radio.styles.js +1 -1
- package/esm/radio/use-radio-group.js +1 -0
- package/esm/radio/use-radio.js +1 -0
- package/esm/snippet/snippet.styles.js +1 -1
- package/esm/switch/switch.styles.js +1 -1
- package/esm/table/table-checkbox-cell.js +1 -1
- package/esm/table/table-context.js +1 -1
- package/esm/table/table-select-all-checkbox.js +1 -1
- package/esm/table/table.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/table/utils.js +1 -1
- package/esm/theme/colors/blue.js +1 -0
- package/esm/theme/colors/cyan.js +1 -0
- package/esm/theme/colors/gray.js +1 -0
- package/esm/theme/colors/green.js +1 -0
- package/esm/theme/colors/index.js +1 -0
- package/esm/theme/colors/pink.js +1 -0
- package/esm/theme/colors/purple.js +1 -0
- package/esm/theme/colors/red.js +1 -0
- package/esm/theme/colors/yellow.js +1 -0
- package/esm/theme/common.js +1 -1
- package/esm/theme/dark-theme.js +1 -1
- package/esm/theme/index.js +1 -1
- package/esm/theme/light-theme.js +1 -1
- package/esm/theme/shared-css.js +1 -0
- package/esm/theme/stitches.config.js +1 -1
- package/esm/tooltip/tooltip.styles.js +1 -1
- package/esm/user/index.js +1 -1
- package/esm/user/user-link.js +1 -1
- package/esm/user/user.js +1 -1
- package/esm/user/user.styles.js +1 -1
- package/esm/utils/checkmark.js +1 -0
- package/esm/utils/color.js +1 -1
- package/esm/utils/dom.js +1 -1
- package/esm/utils/icons.js +1 -1
- package/esm/utils/prop-types.js +1 -1
- package/package.json +29 -24
- package/types/avatar/avatar-group.styles.d.ts +396 -174
- package/types/avatar/avatar.d.ts +2372 -11
- package/types/avatar/avatar.styles.d.ts +2570 -98
- package/types/backdrop/backdrop.styles.d.ts +594 -261
- package/types/button/button-group.styles.d.ts +198 -87
- package/types/button/button-icon.d.ts +202 -89
- package/types/button/button.d.ts +5 -3
- package/types/button/button.styles.d.ts +1636 -189
- package/types/card/card.d.ts +8 -9
- package/types/card/card.styles.d.ts +3103 -350
- package/types/card/use-card.d.ts +301 -0
- package/types/checkbox/checkbox-context.d.ts +3 -11
- package/types/checkbox/checkbox-group.d.ts +9 -28
- package/types/checkbox/checkbox.d.ts +8 -40
- package/types/checkbox/checkbox.styles.d.ts +2193 -2021
- package/types/checkbox/use-checkbox-group.d.ts +30 -0
- package/types/checkbox/use-checkbox.d.ts +26 -0
- package/types/code/code.styles.d.ts +396 -174
- package/types/col/col.styles.d.ts +198 -87
- package/types/collapse/collapse.styles.d.ts +1199 -533
- package/types/container/container.styles.d.ts +198 -87
- package/types/divider/divider.styles.d.ts +396 -174
- package/types/dropdown/base/dropdown-item-base.d.ts +19 -0
- package/types/dropdown/dropdown-button.d.ts +3689 -0
- package/types/dropdown/dropdown-context.d.ts +728 -0
- package/types/dropdown/dropdown-icon.d.ts +9 -0
- package/types/dropdown/dropdown-item.d.ts +31 -0
- package/types/dropdown/dropdown-menu.d.ts +30 -0
- package/types/dropdown/dropdown-section.d.ts +29 -0
- package/types/dropdown/dropdown-trigger.d.ts +11 -0
- package/types/dropdown/dropdown-types.d.ts +24 -0
- package/types/dropdown/dropdown.d.ts +24 -0
- package/types/dropdown/dropdown.styles.d.ts +11869 -0
- package/types/dropdown/index.d.ts +9 -0
- package/types/dropdown/use-dropdown.d.ts +389 -0
- package/types/grid/grid.styles.d.ts +396 -174
- package/types/image/image.d.ts +5 -18
- package/types/image/image.styles.d.ts +594 -261
- package/types/index.d.ts +5 -1
- package/types/input/input-password.d.ts +1 -1
- package/types/input/input-props.d.ts +2 -2
- package/types/input/input.styles.d.ts +2367 -1146
- package/types/link/link.styles.d.ts +396 -174
- package/types/loading/loading.styles.d.ts +1199 -533
- package/types/modal/modal.styles.d.ts +1199 -533
- package/types/pagination/pagination.styles.d.ts +1199 -533
- package/types/popover/popover-content.d.ts +1147 -2
- package/types/popover/popover-context.d.ts +120 -0
- package/types/popover/popover.d.ts +4 -4
- package/types/popover/popover.styles.d.ts +2374 -88
- package/types/popover/use-popover.d.ts +83 -4
- package/types/popover/utils.d.ts +3 -1
- package/types/progress/progress.d.ts +1 -1
- package/types/progress/progress.styles.d.ts +396 -174
- package/types/radio/index.d.ts +2 -2
- package/types/radio/radio-context.d.ts +22 -13
- package/types/radio/radio-group.d.ts +9 -78
- package/types/radio/radio.d.ts +10 -66
- package/types/radio/radio.styles.d.ts +3335 -562
- package/types/radio/use-radio-group.d.ts +26 -0
- package/types/radio/use-radio.d.ts +31 -0
- package/types/row/row.styles.d.ts +198 -87
- package/types/snippet/snippet.styles.d.ts +803 -359
- package/types/spacer/spacer.styles.d.ts +198 -87
- package/types/switch/switch.d.ts +1 -1
- package/types/switch/switch.styles.d.ts +803 -359
- package/types/table/table-column-header.d.ts +198 -87
- package/types/table/table-sort-icon.d.ts +198 -87
- package/types/table/table.styles.d.ts +3745 -1856
- package/types/table/utils.d.ts +5 -29
- package/types/text/text.styles.d.ts +198 -87
- package/types/textarea/textarea.d.ts +1 -1
- package/types/theme/colors/blue.d.ts +24 -0
- package/types/theme/colors/cyan.d.ts +24 -0
- package/types/theme/colors/gray.d.ts +24 -0
- package/types/theme/colors/green.d.ts +24 -0
- package/types/theme/colors/index.d.ts +8 -0
- package/types/theme/colors/pink.d.ts +24 -0
- package/types/theme/colors/purple.d.ts +24 -0
- package/types/theme/colors/red.d.ts +24 -0
- package/types/theme/colors/yellow.d.ts +24 -0
- package/types/theme/common.d.ts +449 -392
- package/types/theme/dark-theme.d.ts +112 -22
- package/types/theme/light-theme.d.ts +91 -13
- package/types/theme/shared-css.d.ts +5237 -0
- package/types/theme/stitches.config.d.ts +3120 -4934
- package/types/theme/types.d.ts +3 -0
- package/types/tooltip/tooltip.d.ts +1 -1
- package/types/tooltip/tooltip.styles.d.ts +803 -359
- package/types/user/index.d.ts +1 -1
- package/types/user/user-link.d.ts +4 -11
- package/types/user/user.styles.d.ts +787 -1277
- package/types/utils/checkmark.d.ts +19 -0
- package/types/utils/color.d.ts +1 -0
- package/types/utils/dom.d.ts +5 -2
- package/types/utils/drip.d.ts +199 -88
- package/types/utils/prop-types.d.ts +4 -0
- package/umd/nextui.js +14191 -17827
- package/umd/nextui.min.js +1 -1
- package/cjs/checkbox/utils.js +0 -1
- package/esm/checkbox/utils.js +0 -1
- package/types/checkbox/utils.d.ts +0 -288
package/cjs/avatar/avatar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Avatar=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
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Avatar=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={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var u=s?Object.getOwnPropertyDescriptor(e,n):null;u&&(u.get||u.set)?Object.defineProperty(a,n,u):a[n]=e[n]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=require("@react-aria/focus"),a=require("@react-aria/utils"),s=require("../utils/dom"),n=require("../utils/assertion"),u=e(require("./avatar.styles")),i=e(require("../utils/clsx")),o=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=e=>(null==e?void 0:e.length)<=4?e:null==e?void 0:e.slice(0,3),f=t.default.forwardRef(((e,n)=>{const{as:l,src:f,css:p,text:d,icon:v,alt:x,className:m,...y}=e,b=(0,s.useDOMRef)(n),g=!f,[j,q]=(0,t.useState)(!1),O=(0,t.useRef)(null),{isFocusVisible:N,focusProps:P}=(0,r.useFocusRing)();(0,t.useEffect)((()=>{var e;(null==O||null==(e=O.current)?void 0:e.complete)&&q(!0)}),[]);const _=(0,t.useMemo)((()=>!j&&f?"loading":"ready"),[f,j]);return(0,o.jsxs)(u.default,{ref:b,as:l,...(0,a.mergeProps)(y,P),className:(0,i.default)({"only-text-avatar":g},m),"data-state":_,isFocusVisible:N,css:(0,a.mergeProps)("button"===l?{appearance:"none",outline:"none",border:"none",cursor:"pointer"}:{},p),children:[(0,o.jsx)("span",{className:"nextui-avatar-bg"}),!g&&(0,o.jsx)("img",{ref:O,className:(0,i.default)("nextui-avatar-img",`nextui-avatar--${_}`,{"nextui-avatar-ready":j}),src:f,alt:x,"data-state":_,onLoad:()=>q(!0)}),g&&!v&&d&&(0,o.jsx)("span",{className:"nextui-avatar-text",children:c(d)}),v&&(0,o.jsx)("span",{className:"nextui-avatar-icon",children:v})]})}));exports.Avatar=f,n.__DEV__&&(f.displayName="NextUI.Avatar"),f.toString=()=>".nextui-avatar";var p=f;exports.default=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.StyledAvatar=void 0;
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.StyledAvatar=void 0;var a=require("../theme/stitches.config"),t=require("../theme/shared-css");const e=(0,a.styled)("span",{dflex:"center",position:"relative",zIndex:"$1",boxSizing:"border-box",overflow:"hidden",verticalAlign:"top",cursor:"auto",transition:"transform 250ms ease 0ms, box-shadow 0.25s ease 0s",".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":{transition:"none",".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:"$sm"}},sm:{$$avatarSm:"$space$11",sizeMin:"$$avatarSm",".nextui-avatar-text":{fontSize:"$md"}},md:{$$avatarMd:"$space$14",sizeMin:"$$avatarMd",".nextui-avatar-text":{fontSize:"$lg"}},lg:{$$avatarLg:"$space$16",sizeMin:"$$avatarLg",".nextui-avatar-text":{fontSize:"$xl"}},xl:{$$avatarXl:"$space$18",sizeMin:"$$avatarXl",".nextui-avatar-text":{fontSize:"$xl2"}}},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"}},t.cssFocusVisible,t.sharedDialogPopup);exports.StyledAvatar=e;var r=e;exports.default=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var e=require("../theme/stitches.config");const t=(0,e.keyframes)({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}}),a=(0,e.styled)("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"},variants:{animated:{true:{"&":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});exports.StyledBackdropContent=a;const i=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});exports.StyledBackdropLayer=i;const r=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${a}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${i}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});exports.StyledBackdrop=r;
|
|
1
|
+
exports.__esModule=!0,exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var e=require("../theme/stitches.config");const t=(0,e.keyframes)({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}}),a=(0,e.styled)("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"},variants:{animated:{true:{"&":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});exports.StyledBackdropContent=a;const i=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)","@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"}},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});exports.StyledBackdropLayer=i;const r=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${a}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${i}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});exports.StyledBackdrop=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledButtonIcon=void 0;var e=t(require("react")),i=require("../theme/stitches.config"),
|
|
1
|
+
var t=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledButtonIcon=void 0;var e=t(require("react")),i=require("../theme/stitches.config"),s=t(require("../utils/with-defaults")),n=t(require("../utils/clsx")),r=require("react/jsx-runtime");const o=(0,i.styled)("span",{dflex:"center",position:"absolute",left:"$$buttonPadding",right:"auto",top:"50%",transform:"translateY(-50%)",color:"inherit",zIndex:"$1","& svg":{background:"transparent"},variants:{isAuto:{true:{position:"relative",transform:"none",top:"0%"}},isRight:{true:{right:"$$buttonPadding",left:"auto"}},isSingle:{true:{position:"static",transform:"none"}},isGradientButtonBorder:{true:{}}},compoundVariants:[{isAuto:!0,isRight:!0,isSingle:!1,css:{order:2,ml:"calc($$buttonPadding / 2)",right:"0%",left:"0%"}},{isAuto:!0,isRight:!1,isSingle:!1,css:{order:0,mr:"calc($$buttonPadding / 2)",right:"0%",left:"0%"}},{isSingle:!0,isRight:!1,css:{ml:0}},{isSingle:!0,isRight:!0,css:{mr:0}},{isSingle:!0,isRight:!1,isGradientButtonBorder:!0,css:{mr:"calc($$buttonPadding / 2)"}}]});exports.StyledButtonIcon=o;const u=({children:t,className:e,css:i,...s})=>(0,r.jsx)(o,{className:(0,n.default)("nextui-button-icon",{"nextui-button-icon-right":s.isRight,"nextui-button-icon-single":s.isSingle},e),css:{...i},...s,children:t});u.toString=()=>".nextui-button-icon";const a=e.default.memo(u);var l=(0,s.default)(a,{className:""});exports.default=l;
|
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=q(t);if(r&&r.has(e))return r.get(e);var i={},
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=q(t);if(r&&r.has(e))return r.get(e);var i={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=s?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(i,o,u):i[o]=e[o]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=require("@react-aria/button"),s=require("@react-aria/interactions"),o=require("@react-aria/utils"),u=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),h=require("../utils/dom"),g=require("../utils/assertion"),x=require("react/jsx-runtime");function q(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(q=function(e){return e?r:t})(e)}const m=t.default.forwardRef((({onClick:e,onPress:b,as:q,css:m,iconLeftCss:v,iconRightCss:y,...j},P)=>{const _=(0,l.useButtonGroupContext)(),C=(0,a.filterPropsWithGroup)(j,_),w=(0,a.getCssColors)(C),{flat:O,children:B,disabled:D,animated:F,light:M,ripple:R,bordered:k,auto:N,borderWeight:W,icon:G,iconRight:V,ghost:H,autoFocus:S,className:T,...A}=C,E=e=>{F&&R&&L.current&&X(e)},L=(0,h.useDOMRef)(P),{buttonProps:U,isPressed:I}=(0,i.useButton)({...j,onClick:t=>{E(t),null==e||e(t)},isDisabled:D,elementType:q,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(E(t),null==e||e(t)),null==b||b(t)}},L),{hoverProps:$,isHovered:z}=(0,s.useHover)({isDisabled:D}),{isFocused:J,isFocusVisible:K,focusProps:Q}=(0,r.useFocusRing)({autoFocus:S}),{onClick:X,...Y}=(0,f.default)(!1,L);g.__DEV__&&"gradient"===C.color&&(O||M)&&(0,u.default)("Using the gradient color on flat and light buttons will have no effect.");const Z=G||V,ee=0===t.default.Children.count(B),te=Boolean(V),re=(0,t.useMemo)((()=>I?"pressed":z?"hovered":D?"disabled":"ready"),[D,z,I]),ie=(0,t.useMemo)((()=>te?y:v),[te,y,v]);return(0,x.jsxs)(p.default,{as:q,ref:L,borderWeight:W,auto:N,flat:O,light:M,ghost:H,bordered:k||H,"data-state":re,animated:F,isChildLess:ee,isPressed:I,isHovered:z||H&&J,isFocusVisible:K&&!D,className:(0,c.default)("nextui-button",`nextui-button--${re}`,T),css:{...m,...w},...(0,o.mergeProps)(U,Q,$,A),children:[0===t.default.Children.count(B)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}):Z?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:N,isRight:te,css:ie,isGradientButtonBorder:"gradient"===A.color&&(k||H),children:Z}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":te,"nextui-button-text-left":!te}),children:B})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:B}),(0,x.jsx)(n.default,{color:"white",...Y})]})}));g.__DEV__&&(m.displayName="NextUI.Button"),m.toString=()=>".nextui-button";var v=(0,b.default)(m,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=v,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.StyledButton=void 0;var r=require("../theme/stitches.config"),o=require("../utils/drip");const e=(0,r.styled)("button",{$$buttonBorderRadius:"$radii$md",$$
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.StyledButton=void 0;var r=require("../theme/stitches.config"),o=require("../theme/shared-css"),t=require("../utils/drip");const e=(0,r.styled)("button",{$$buttonBorderRadius:"$radii$md",$$buttonPressedScale:.97,dflex:"center",appearance:"none",boxSizing:"border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${t.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{}},color:{default:{bg:"$primary",color:"$primarySolidContrast"},primary:{bg:"$primary",color:"$primarySolidContrast"},secondary:{bg:"$secondary",color:"$secondarySolidContrast"},success:{bg:"$success",color:"$successSolidContrast"},warning:{bg:"$warning",color:"$warningSolidContrast"},error:{bg:"$error",color:"$errorSolidContrast"},gradient:{bg:"$gradient",color:"$primarySolidContrast"}},size:{xs:{$$buttonPadding:"$space$3",$$buttonBorderRadius:"$radii$xs",$$buttonHeight:"$space$10",px:"$3",height:"$$buttonHeight",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$xs"},sm:{$$buttonPadding:"$space$5",$$buttonBorderRadius:"$radii$sm",$$buttonHeight:"$space$12",px:"$5",height:"$$buttonHeight",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$sm"},md:{$$buttonPadding:"$space$7",$$buttonBorderRadius:"$radii$md",$$buttonHeight:"$space$14",px:"$7",height:"$$buttonHeight",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$sm"},lg:{$$buttonPadding:"$space$9",$$buttonBorderRadius:"$radii$base",$$buttonHeight:"$space$16",px:"$9",height:"$$buttonHeight",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$md"},xl:{$$buttonPadding:"$space$10",$$buttonBorderRadius:"$radii$xl",$$buttonHeight:"$space$18",px:"$10",height:"$$buttonHeight",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$lg"}},borderWeight:{light:{bw:"$light",$$buttonBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$buttonBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$buttonBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$buttonBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$buttonBorderWeight:"$borderWeights$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},animated:{false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{$$buttonBorderRadius:"$radii$pill"}},isPressed:{true:{}},isHovered:{true:{}},isChildLess:{true:{p:0,width:"$$buttonHeight",height:"$$buttonHeight"}}},compoundVariants:[{isPressed:!0,animated:!0,css:{transform:"scale($$buttonPressedScale)"}},{auto:!0,isChildLess:!1,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,isChildLess:!1,size:"xl",css:{px:"$11",minWidth:"min-content"}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$secondaryLightActive"}}}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$warningLightActive"}}}},{light:!0,color:"success",css:{bg:"transparent",color:"$success",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$successLightActive"}}}},{light:!0,color:"error",css:{bg:"transparent",color:"$error",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$errorLightActive"}}}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$$buttonBorderWeight",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary",color:"$secondarySolidContrast"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success",color:"$successSolidContrast"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning",color:"$warningSolidContrast"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error",color:"$errorSolidContrast"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient",color:"$white"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondaryLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$successLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warningLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$errorLightContrast",[`& ${t.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{flat:!0,isHovered:!0,color:"default",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"primary",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"secondary",css:{bg:"$secondaryLightHover"}},{flat:!0,isHovered:!0,color:"success",css:{bg:"$successLightHover"}},{flat:!0,isHovered:!0,color:"warning",css:{bg:"$warningLightHover"}},{flat:!0,isHovered:!0,color:"error",css:{bg:"$errorLightHover"}},{flat:!0,isPressed:!0,color:"default",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"primary",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"secondary",css:{bg:"$secondaryLightActive"}},{flat:!0,isPressed:!0,color:"success",css:{bg:"$successLightActive"}},{flat:!0,isPressed:!0,color:"warning",css:{bg:"$warningLightActive"}},{flat:!0,isPressed:!0,color:"error",css:{bg:"$errorLightActive"}},{auto:!0,color:"gradient",bordered:!0,css:{".nextui-button-text":{px:"$$buttonPadding"},".nextui-button-icon":{ml:"$$buttonPadding"},".nextui-button-icon-right":{mr:"$$buttonPadding"},".nextui-button-text-left":{pl:0},".nextui-button-text-right":{pr:0}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},o.cssFocusVisible,o.sharedDialogPopup);exports.StyledButton=e;var i=e;exports.default=i;
|
package/cjs/button/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.getCssColors=exports.filterPropsWithGroup=void 0;exports.filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,s,i,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(s=o.rounded)?s:e.rounded,light:null!=(i=o.light)?i:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};exports.getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$
|
|
1
|
+
exports.__esModule=!0,exports.getCssColors=exports.filterPropsWithGroup=void 0;exports.filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,s,i,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(s=o.rounded)?s:e.rounded,light:null!=(i=o.light)?i:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};exports.getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$accents1",color:"$accents7",transform:"none",boxShadow:"none",pe:"none"};return e.bordered||e.flat||e.ghost||e.light?"gradient"===e.color&&(e.bordered||e.ghost)?{color:"$accents4",backgroundImage:"linear-gradient($background, $background), linear-gradient($accents2, $accents2)",transform:"none",boxShadow:"none",pe:"none",pl:"$$buttonBorderWeight",pr:"$$buttonBorderWeight"}:e.bordered||e.ghost||e.light?{...o,bg:"transparent",borderColor:"$accents4"}:e.flat?{...o,bg:"$accents1"}:{}:o};
|
package/cjs/card/card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=require("@react-aria/utils"),i=e(require("../utils/drip")),a=require("./use-card"),t=require("./card.styles"),d=require("../utils/assertion"),o=require("react/jsx-runtime");const u=r.default.forwardRef((({...e},r)=>{const{as:d,css:u,children:l,...n}=e,{cardRef:p,variant:c,isFocusVisible:b,isPressable:f,isPressed:x,disableAnimation:q,disableRipple:v,borderWeight:P,isHovered:m,pressProps:g,focusProps:h,hoverProps:_,dripBindings:R}=(0,a.useCard)({...n,ref:r});return(0,o.jsxs)(t.StyledCard,{ref:p,as:d,css:u,variant:c,role:f?"button":"section",borderWeight:P,disableAnimation:q,isPressable:f,isPressed:x,isHovered:m,tabIndex:f?0:-1,isFocusVisible:b,...f?(0,s.mergeProps)(g,h,_,n):(0,s.mergeProps)(h,_,n),children:[f&&!q&&!v&&(0,o.jsx)(i.default,{...R}),l]})}));d.__DEV__&&(u.displayName="NextUI.Card"),u.toString=()=>".nextui-card";var l=u;exports.default=l,module.exports=exports.default;
|
package/cjs/card/card.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var
|
|
1
|
+
exports.__esModule=!0,exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var e=require("../theme/stitches.config"),r=require("../utils/drip"),o=require("../theme/shared-css");const t=(0,e.styled)("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",py:"$lg",px:"$sm",oy:"auto",position:"relative",ta:"left"});exports.StyledCardBody=t;const i=(0,e.styled)("div",{$$cardColor:"$colors$backgroundContrast",$$cardTextColor:"$colors$text",m:0,p:0,br:"$lg",bg:"$$cardColor",color:"$$cardTextColor",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:{variant:{flat:{bg:"$accents0"},shadow:{dropShadow:"$lg"},bordered:{borderStyle:"solid",borderColor:"$border"}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}},disableAnimation:{true:{transition:"none"},false:{transition:"$card"}},isPressable:{true:{cursor:"pointer",us:"none",WebkitTapHighlightColor:"transparent"}},isPressed:{true:{}},isHovered:{true:{dropShadow:"$lg"}}},compoundVariants:[{isPressed:!0,disableAnimation:!1,css:{transform:"scale(0.97)"}},{isHovered:!0,disableAnimation:!1,css:{transform:"translateY(-2px)"}},{isHovered:!0,variant:"shadow",css:{dropShadow:"$xl"}}]},o.cssNoBlurriness,o.cssFocusVisible);exports.StyledCard=i;const d=(0,e.styled)("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",p:"$sm"});exports.StyledCardHeader=d;const s=(0,e.styled)("div",{w:"100%",h:"auto",p:"$sm",d:"flex",ai:"center",overflow:"hidden",color:"inherit",bblr:"$lg",bbrr:"$lg",variants:{isBlurred:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});exports.StyledCardFooter=s;
|
package/cjs/card/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var r=e(require("./card")),d=require("./card.styles");exports.StyledCard=d.StyledCard,exports.StyledCardHeader=d.StyledCardHeader,exports.StyledCardFooter=d.StyledCardFooter,exports.StyledCardBody=d.StyledCardBody;var t=e(require("../image"));r.default.Header=d.StyledCardHeader,r.default.Body=d.StyledCardBody,r.default.Footer=d.StyledCardFooter,r.default.Image=t.default;var
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledCardHeader=exports.StyledCardFooter=exports.StyledCardBody=exports.StyledCard=void 0;var r=e(require("./card")),d=require("./card.styles");exports.StyledCard=d.StyledCard,exports.StyledCardHeader=d.StyledCardHeader,exports.StyledCardFooter=d.StyledCardFooter,exports.StyledCardBody=d.StyledCardBody;var t=e(require("../image")),a=e(require("../divider"));r.default.Header=d.StyledCardHeader,r.default.Body=d.StyledCardBody,r.default.Footer=d.StyledCardFooter,r.default.Image=t.default,r.default.Divider=a.default;var l=r.default;exports.default=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useCard=void 0;var s=require("@react-aria/focus"),r=require("@react-aria/interactions"),i=e(require("../use-drip")),o=require("../utils/dom");exports.useCard=e=>{const{ref:a,disableAnimation:u=!1,disableRipple:l=!1,variant:n="shadow",isHoverable:t=!1,borderWeight:d="light",isPressable:p=!1,onClick:c,onPress:b,autoFocus:P,...v}=e,f=(0,o.useDOMRef)(a),{onClick:h,...q}=(0,i.default)(!1,f),C=e=>{u||l||!f.current||h(e)},{isPressed:R,pressProps:g}=(0,r.usePress)({isDisabled:!p,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||(C(e),null==c||c(e)),null==b||b(e)},...v}),{hoverProps:k,isHovered:D}=(0,r.useHover)({isDisabled:!t,...v}),{isFocusVisible:F,focusProps:H}=(0,s.useFocusRing)({autoFocus:P});return g.onClick=e=>{p&&(C(e),null==c||c(e))},{cardRef:f,variant:n,borderWeight:d,isPressable:p,isHovered:D,isPressed:R,disableAnimation:u,disableRipple:l,pressProps:g,hoverProps:k,dripBindings:q,focusProps:H,onDripClickHandler:h,isFocusVisible:F,...v}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
exports.__esModule=!0,exports.useCheckboxGroupContext=exports.CheckboxGroupProvider=void 0;var e=require("../utils/context");const[o,t]=(0,e.createContext)({name:"CheckboxGroupContext",strict:!1});exports.useCheckboxGroupContext=t,exports.CheckboxGroupProvider=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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=e(require("react")),s=e(require("../utils/clsx")),o=require("../utils/dom"),t=require("../utils/assertion"),u=require("./checkbox-context"),i=require("./use-checkbox-group"),l=require("./checkbox.styles"),a=require("react/jsx-runtime");const c=r.default.forwardRef(((e,r)=>{const{children:t,className:c,as:x,label:n,...p}=e,{css:b,...d}=(0,i.useCheckboxGroup)({...p,label:n}),h=(0,o.useDOMRef)(r);return(0,a.jsxs)(l.StyledCheckboxGroup,{ref:h,...d.groupProps,className:(0,s.default)("nextui-checkbox-group",c),size:d.size,isDisabled:d.groupState.isDisabled,as:x,css:b,children:[n&&(0,a.jsx)("label",{className:"nextui-checkbox-group-label",...d.labelProps,children:n}),(0,a.jsx)(l.StyledCheckboxGroupContainer,{className:"nextui-checkbox-group-items",role:"presentation",isRow:"horizontal"===d.orientation,children:(0,a.jsx)(u.CheckboxGroupProvider,{value:d,children:t})})]})}));t.__DEV__&&(c.displayName="NextUI.CheckboxGroup"),c.toString=()=>".nextui-checkbox-group";var x=c;exports.default=x,module.exports=exports.default;
|
package/cjs/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var i=function(e,i){if(!i&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=h(i);if(s&&s.has(e))return s.get(e);var r={},t=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var a=t?Object.getOwnPropertyDescriptor(e,c):null;a&&(a.get||a.set)?Object.defineProperty(r,c,a):r[c]=e[c]}r.default=e,s&&s.set(e,r);return r}(require("react")),s=require("@react-aria/utils"),r=require("@react-aria/focus"),t=require("@react-aria/interactions"),c=require("@react-aria/visually-hidden"),a=e(require("../utils/clsx")),n=require("../utils/assertion"),o=require("../utils/dom"),l=require("./use-checkbox"),d=require("./checkbox.styles"),u=require("react/jsx-runtime");function h(e){if("function"!=typeof WeakMap)return null;var i=new WeakMap,s=new WeakMap;return(h=function(e){return e?s:i})(e)}const b=i.default.forwardRef(((e,n)=>{const{className:h,as:b,css:x,children:k,label:p,...f}=e,{size:m,color:y,labelColor:j,isRounded:C,lineThrough:v,disableAnimation:q,isIndeterminate:P,inputRef:N,inputProps:g}=(0,l.useCheckbox)({...f,children:null!=k?k:p}),D=(0,o.useFocusableRef)(n,N),{hoverProps:I,isHovered:S}=(0,t.useHover)({isDisabled:g.disabled}),{pressProps:A}=(0,t.usePress)({isDisabled:g.disabled}),{focusProps:O,isFocusVisible:_}=(0,r.useFocusRing)({autoFocus:g.autoFocus}),F=(0,i.useMemo)((()=>S?"hovered":P&&g.checked?"mixed":g.checked?"checked":"uncheked"),[S,P,g.checked]);return(0,u.jsxs)(d.StyledCheckboxLabel,{ref:D,...(0,s.mergeProps)(I,A),className:(0,a.default)("nextui-checkbox-label",`nextui-checkbox--${F}`,h),as:b,css:x,size:m,isDisabled:g.disabled,disableAnimation:q,children:[(0,u.jsxs)(d.StyledCheckboxContainer,{className:"nextui-checkbox-container",color:y,isRounded:C,isHovered:S,isDisabled:g.disabled,isFocusVisible:_,disableAnimation:q,...O,children:[(0,u.jsx)(c.VisuallyHidden,{children:(0,u.jsx)("input",{ref:N,className:"nextui-checkbox-input",...(0,s.mergeProps)(g,O)})}),(0,u.jsx)(d.StyledCheckboxMask,{className:"nextui-checkbox-mask",isChecked:g.checked,isIndeterminate:P,disableAnimation:q,children:(0,u.jsxs)(d.StyledIconCheck,{className:"nextui-icon-check",size:m,isChecked:g.checked,isIndeterminate:P,disableAnimation:q,children:[(0,u.jsx)(d.StyledIconCheckFirstLine,{className:"nextui-icon-check-line1",isChecked:g.checked,isIndeterminate:P,disableAnimation:q}),(0,u.jsx)(d.StyledIconCheckSecondLine,{className:"nextui-icon-check-line2",isChecked:g.checked,isIndeterminate:P,disableAnimation:q})]})})]}),(k||p)&&(0,u.jsx)(d.StyledCheckboxText,{className:"nextui-checkbox-text",color:j,lineThrough:v,isChecked:g.checked,isDisabled:g.disabled,disableAnimation:q,children:k||p})]})}));n.__DEV__&&(b.displayName="NextUI.Checkbox"),b.toString=()=>".nextui-checkbox";var x=b;exports.default=x,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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.StyledCheckboxGroupContainer=exports.StyledCheckboxGroup=exports.StyledCheckboxContainer=void 0;var e=require("../theme/stitches.config"),o=require("../theme/shared-css");const t=(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"}},isDisabled:{true:{opacity:.75,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}}},defaultVariants:{size:"md"}});exports.StyledCheckboxLabel=t;const r=(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:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});exports.StyledIconCheckFirstLine=r;const i=(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:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});exports.StyledIconCheckSecondLine=i;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:{isIndeterminate:{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)"}},isChecked:{true:{opacity:1}},disableAnimation:{true:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{isIndeterminate:!0,size:"xs",css:{scale:"0.5"}},{isIndeterminate:!0,size:"sm",css:{scale:"0.5"}},{isIndeterminate:!0,size:"md",css:{scale:"0.8"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}}]});exports.StyledIconCheck=n;const s=(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:{isChecked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},isIndeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},disableAnimation:{true:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});exports.StyledCheckboxMask=s;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"}},lineThrough:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},isChecked:{true:{"&:before":{opacity:.8}}},isDisabled:{true:{color:"$accents5"}},disableAnimation:{true:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{lineThrough:!0,isChecked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});exports.StyledCheckboxText=a;const c=(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$primarySolidHover"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondarySolidHover"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successSolidHover"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningSolidHover"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorSolidHover"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},isRounded:{true:{br:"$pill"}},isDisabled:{true:{opacity:.4,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}},isHovered:{true:{[`& ${s}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${s}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o.cssFocusVisible);exports.StyledCheckboxContainer=c;const l=(0,e.styled)("div",{display:"flex",flexDirection:"column","& .nextui-checkbox-group-label":{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents7",mb:"$3"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{"& .nextui-checkbox-group-label":{color:"$accents5"}}}}});exports.StyledCheckboxGroup=l;const d=(0,e.styled)("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${t}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${t}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});exports.StyledCheckboxGroupContainer=d;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.useCheckboxGroup=void 0;var e=require("@react-stately/checkbox"),o=require("@react-aria/checkbox");exports.useCheckboxGroup=(r={})=>{const{size:s="md",color:t="default",labelColor:a="default",orientation:l="vertical",css:u,...c}=r,p=(0,e.useCheckboxGroupState)(c),{labelProps:i,groupProps:b}=(0,o.useCheckboxGroup)(c,p);return{css:u,size:s,orientation:l,color:t,labelColor:a,groupState:p,labelProps:i,groupProps:b}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.useCheckbox=void 0;var e=require("react"),o=require("@react-stately/toggle"),l=require("@react-aria/checkbox"),t=require("../utils/assertion"),i=require("./checkbox-context");exports.useCheckbox=u=>{var r,n,s;const a=(0,i.useCheckboxGroupContext)(),{size:d=(null!=(r=null==a?void 0:a.size)?r:"md"),color:c=(null!=(n=null==a?void 0:a.color)?n:"default"),labelColor:b=(null!=(s=null==a?void 0:a.labelColor)?s:"default"),lineThrough:h,isRounded:x=!1,disableAnimation:p=!1,isIndeterminate:v=!1,...C}=u;if(a&&t.__DEV__){const e="The Checkbox.Group is being used, `%s` will be ignored. Use the `%s` of the Checkbox.Group instead.";"isSelected"in C&&console.warn(e,"isSelected","value"),"defaultSelected"in C&&console.warn(e,"defaultSelected","defaultValue")}const f=(0,e.useRef)(null),g=(0,e.useMemo)((()=>{var e,o;return{...C,isIndeterminate:v,value:null!=(e=C.value)?e:"",isRequired:null!=(o=C.isRequired)&&o}}),[v,C]),{inputProps:k}=a?(0,l.useCheckboxGroupItem)({...g,validationState:C.validationState},a.groupState,f):(0,l.useCheckbox)(g,(0,o.useToggleState)(g),f);return{size:d,color:c,labelColor:b,isRounded:x,lineThrough:h,disableAnimation:p,isIndeterminate:v,inputRef:f,inputProps:k}};
|
|
@@ -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
|
|
1
|
+
exports.__esModule=!0,exports.StyledCollapseView=exports.StyledCollapseIcon=exports.StyledCollapseGroup=exports.StyledCollapseContent=exports.StyledCollapse=void 0;var e=require("../theme/stitches.config"),t=require("../theme/shared-css");const o=(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:"$accents7",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:"$backgroundContrast"}},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)"}}}}},defaultVariants:{borderWeight:"light"}},t.sharedFocus);exports.StyledCollapse=o;const r=(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}}}}},t.cssFocusVisible);exports.StyledCollapseView=r;const l=(0,e.styled)("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledCollapseContent=l;const d=(0,e.styled)("svg",{path:{stroke:"$accents7"}});exports.StyledCollapseIcon=d;const s=(0,e.styled)("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${o}:first-child`]:{borderTop:"none"},[`& ${o}: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:"$backgroundContrast"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${o}`]:{br:"$lg",border:"none",bg:"$backgroundContrast",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1}});exports.StyledCollapseGroup=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=e(require("react")),
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=e(require("react")),o=require("../theme/stitches.config"),i=require("react/jsx-runtime");const n=(0,o.globalCss)({"*, *:before, *:after":{boxSizing:"border-box",textRendering:"geometricPrecision",WebkitTapHighlightColor:"transparent"},html:{fontSize:"$base"},body:{margin:0,padding:0,minHeight:"100%",position:"relative",overflowX:"hidden",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility",fontSize:"$base",lineHeight:"$md",fontFamily:"$sans"},"html, body":{backgroundColor:"$background",color:"$text"},"p, small":{color:"inherit",letterSpacing:"$tighter",fontWeight:"$normal",fontFamily:"$sans"},p:{fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$xs",fontSize:"$xs"},b:{fontWeight:"$semibold"},span:{fontSize:"inherit",color:"inherit",fontWeight:"inherit"},img:{maxWidth:"100%"},a:{cursor:"pointer",fontSize:"inherit",WebkitTouchCallout:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitBoxAlign:"center",alignItems:"center",color:"$link",textDecoration:"none"},"a:hover":{textDecoration:"none"},"ul,ol":{padding:0,listStyleType:"none",margin:"$sm $sm $sm $lg",color:"$foreground"},ol:{listStyleType:"decimal"},li:{marginBottom:"$5",fontSize:"$base",lineHeight:"$lg"},"h1,h2,h3,h4,h5,h6":{color:"inherit",margin:"0 0 $5 0"},h1:{letterSpacing:"$tighter",fontSize:"$xl5",lineHeight:"$md",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$xl4",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$xl2",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$xl",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$md",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$sm",fontWeight:"$semibold"},"button, input, select,textarea":{fontFamily:"inherit",fontSize:"inherit",lineHeight:"inherit",color:"inherit",margin:0},"button:focus, input:focus, select:focus, textarea:focus":{outline:"none"},code:{color:"$code",padding:"$1 $2",borderRadius:"$xs",bg:"$codeLight",fontFamily:"$mono",fontSize:"$sm",whiteSpace:"pre-wrap",transition:"opacity 0.25s ease 0s"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$sm",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0 ",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$sm",lineHeight:"$sm",whiteSpace:"pre"},"pre code:before,pre code:after":{display:"none"},"pre p":{margin:0},"pre::-webkit-scrollbar":{display:"none",width:0,height:0,background:"transparent"},hr:{background:"$border",borderColor:"transparent",borderWidth:"0px",borderStyle:"none",height:"1px"},details:{backgroundColor:"$accents1",border:"none"},"details:focus, details:hover, details:active":{outline:"none"},summary:{cursor:"pointer",userSelect:"none",listStyle:"none",outline:"none"},"summary::-webkit-details-marker, summary::before":{display:"none"},"summary::-moz-list-bullet":{fontSize:0},"summary:focus, summary:hover, summary:active":{outline:"none",listStyle:"none"},"::selection":{backgroundColor:"$selection"},blockquote:{padding:"$md $lg",color:"$accents7",backgroundColor:"$accents0",borderRadius:"$lg",margin:"$10 0"},"blockquote *:first-child":{marginTop:0},"blockquote *:last-child":{marginBottom:0},kbd:{width:"fit-content",textAlign:"center",display:"inline-block",color:"$accents8",bg:"$accents0",border:"1px solid $border",boxShadow:"0 0 1px 0 rgb(0 0 0 / 14%)",fontFamily:"$sans",borderRadius:"5px",padding:"$1 $3",mx:"$1",lineHeight:"$sm",fontSize:"$sm"},"kbd + kbd":{ml:"$2"}}),r=({children:e})=>(n(),(0,i.jsx)(t.default.Fragment,{children:e})),l=t.default.memo(r);l.flush=()=>(0,i.jsx)("style",{id:"stitches",dangerouslySetInnerHTML:{__html:(0,o.getCssText)()}});var a=l;exports.default=a,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("@react-stately/collections").Item;exports.default=e,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=l(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=require("../index"),o=e(require("./dropdown-trigger")),n=require("./dropdown-context"),i=e(require("./dropdown-icon")),u=require("../utils/dom"),a=require("../utils/assertion"),s=e(require("../utils/clsx")),d=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 f=t.default.forwardRef(((e,a)=>{const{children:l,className:f,iconRight:c,iconRightCss:p,auto:x=!0,animated:m,...w}=e,{disableAnimation:b}=(0,n.useDropdownContext)(),g=(0,u.useDOMRef)(a),q=(0,t.useMemo)((()=>c||(0,d.jsx)(i.default,{size:14,fill:"currentColor"})),[c]),h=(0,t.useMemo)((()=>m||!b),[m,b]);return(0,d.jsx)(o.default,{children:(0,d.jsx)(r.Button,{ref:g,auto:x,className:(0,s.default)("nextui-dropdown-button",f),iconRight:q,animated:h,iconRightCss:{mt:"$1",...p},...w,children:l})})}));a.__DEV__&&(f.displayName="NextUI.DropdownButton"),f.toString=()=>".nextui-dropdown-button";var c=f;exports.default=c,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.useDropdownContext=exports.DropdownProvider=void 0;var o=require("../utils/context");const[e,r]=(0,o.createContext)({name:"DropdownContext",errorMessage:"useDropdownContext: `context` is undefined. Seems you forgot to wrap all popover components within `<Dropdown />`"});exports.useDropdownContext=r,exports.DropdownProvider=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"));var r=require("../utils/assertion"),t=require("react/jsx-runtime");const i=({fill:e,size:r,height:i,width:o,...s})=>(0,t.jsx)("svg",{width:r||o||24,height:r||i||24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s,children:(0,t.jsx)("path",{d:"M17.9188 8.17969H11.6888H6.07877C5.11877 8.17969 4.63877 9.33969 5.31877 10.0197L10.4988 15.1997C11.3288 16.0297 12.6788 16.0297 13.5088 15.1997L15.4788 13.2297L18.6888 10.0197C19.3588 9.33969 18.8788 8.17969 17.9188 8.17969Z",fill:e})});r.__DEV__&&(i.displayName="NextUI.DropdownIcon"),i.toString=()=>".nextui-dropdown-icon";var o=i;exports.default=o,module.exports=exports.default;
|
|
@@ -0,0 +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 o=u(r);if(o&&o.has(e))return o.get(e);var s={},t=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var n=t?Object.getOwnPropertyDescriptor(e,i):null;n&&(n.get||n.set)?Object.defineProperty(s,i,n):s[i]=e[i]}s.default=e,o&&o.set(e,s);return s}(require("react")),o=require("@react-aria/utils"),s=require("@react-aria/focus"),t=require("@react-aria/interactions"),i=require("@react-aria/menu"),n=e(require("../utils/checkmark")),a=require("./dropdown-context"),d=require("./dropdown.styles"),l=e(require("../utils/clsx")),p=require("../utils/assertion"),c=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,o=new WeakMap;return(u=function(e){return e?o:r})(e)}const m=({as:e,css:p,item:u,state:m,color:f,icon:w,command:x,description:h,textColor:b,variant:y,autoFocus:v,isVirtualized:D,withDivider:P,dividerWeight:S,onAction:g,className:j})=>{const{onClose:M,closeOnSelect:q,disableAnimation:I,borderWeight:C}=(0,a.useDropdownContext)(),{rendered:O,key:N}=u,k=m.selectionManager.isSelected(N),W=m.selectionManager.focusedKey===u.key,_=m.disabledKeys.has(N),F=(0,r.useRef)(null),{pressProps:V,isPressed:A}=(0,t.usePress)({ref:F,isDisabled:_}),{isFocusVisible:H,focusProps:K}=(0,s.useFocusRing)({autoFocus:v}),{hoverProps:R,isHovered:z}=(0,t.useHover)({isDisabled:_}),E="none"!==m.selectionManager.selectionMode&&!_,{menuItemProps:U,labelProps:$,descriptionProps:B,keyboardShortcutProps:G}=(0,i.useMenuItem)({key:N,onClose:M,isSelected:k,isDisabled:_,"aria-label":u["aria-label"],closeOnSelect:q,isVirtualized:D,onAction:g},m,F),J=(0,r.useMemo)((()=>z?"hovered":k?"selected":A?"pressed":_?"disabled":"ready"),[k,_,z,A]),L=(0,r.useMemo)((()=>u.props.textColor?u.props.textColor:u.props.color&&"default"===b?u.props.color:b),[b,u.props.color,u.props.textColor]),Q=(0,r.useMemo)((()=>h||u.props.description),[h,u.props.description]),T=(0,r.useMemo)((()=>x||u.props.command),[x,u.props.command]),X=(0,r.useMemo)((()=>w||u.props.icon),[w,u.props.icon]);return(0,c.jsxs)(d.StyledDropdownItem,{ref:F,...(0,o.mergeProps)(U,R,V,K),as:u.props.as||e,css:{...(0,o.mergeProps)(p,u.props.css)},"data-state":J,color:u.props.color||f,variant:u.props.variant||y,textColor:L,isFocused:W,isFocusVisible:H,shouldShowOutline:H&&"shadow"===y,isHovered:z,isSelected:k,isDisabled:_,isPressed:A,isSelectable:E,withDivider:P||u.props.withDivider,withDescription:!!Q,dividerWeight:S||u.props.dividerWeight||C,disableAnimation:I,className:(0,l.default)("nextui-dropdown-item",{"is-disabled":_,"is-selected":k,"is-selectable":E,"is-hovered":z,"is-focused":W,"is-pressed":A},j,u.props.className),children:[X&&(0,c.jsx)(d.StyledDropdownItemIconWrapper,{className:"nextui-dropdown-item-icon-wrapper",children:X}),Q?(0,c.jsxs)(d.StyledDropdownItemContentWrapper,{children:[(0,c.jsx)(d.StyledDropdownItemContent,{className:"nextui-dropdown-item-content",...$,children:O}),(0,c.jsx)(d.StyledDropdownItemDescription,{className:"nextui-dropdown-item-description",hasIcon:!!X,hasCommand:!!T,...B,children:Q})]}):(0,c.jsx)(d.StyledDropdownItemContent,{className:"nextui-dropdown-item-content",...$,children:O}),T&&(0,c.jsx)(d.StyledDropdownItemKbd,{className:"nextui-dropdown-item-command",...G,children:T}),k&&(0,c.jsx)(n.default,{css:{ml:"$4"}})]})};p.__DEV__&&(m.displayName="NextUI.DropdownItem"),m.toString=()=>".nextui-dropdown-item";var f=m;exports.default=f,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),t=require("@react-aria/menu"),o=require("@react-stately/tree"),u=require("@react-aria/utils"),a=require("../utils/dom"),n=require("./dropdown-context"),s=e(require("./dropdown-section")),i=e(require("./dropdown-item")),l=require("./dropdown.styles"),d=e(require("../utils/clsx")),c=require("../utils/assertion"),p=require("react/jsx-runtime");const x=r.default.forwardRef(((e,r)=>{const{css:c={},as:x,color:f="default",textColor:m="default",variant:q="flat",...w}=e,y=(0,n.useDropdownContext)(),v={...(0,u.mergeProps)(y,w)},D=(0,a.useDOMRef)(r),_=(0,o.useTreeState)(v),{menuProps:M}=(0,t.useMenu)(v,_,D);return(0,a.useSyncRef)(y,D),(0,p.jsx)(l.StyledDropdownMenu,{ref:D,as:x,css:{...c},className:(0,d.default)("nextui-dropdown-menu",e.className),...M,children:[..._.collection].map((e=>{if("section"===e.type)return(0,p.jsx)(s.default,{item:e,state:_,onAction:v.onAction,color:f,textColor:m,variant:q},e.key);let r=(0,p.jsx)(i.default,{item:e,state:_,onAction:v.onAction,color:f,textColor:m,variant:q},e.key);return e.wrapper&&(r=e.wrapper(r)),r}))})}));c.__DEV__&&(x.displayName="NextUI.DropdownMenu"),x.toString=()=>".nextui-dropdown-menu";var f=x;exports.default=f,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var a=i?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(o,n,a):o[n]=e[n]}o.default=e,t&&t.set(e,o);return o}(require("react")),t=require("@react-aria/utils"),o=require("@react-aria/menu"),i=e(require("./dropdown-item")),n=e(require("../divider")),a=e(require("../utils/clsx")),s=require("./dropdown.styles"),l=require("../utils/assertion"),d=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const p=e=>{var l,u;const{item:p,state:c,css:f,as:x,color:w,textColor:m,variant:y,withDivider:v=!0,className:j,onAction:g}=e,{itemProps:h,headingProps:q,groupProps:b}=(0,o.useMenuSection)({heading:p.rendered,"aria-label":p["aria-label"]});return(0,d.jsxs)(r.Fragment,{children:[p.key!==c.collection.getFirstKey()&&v&&(0,d.jsx)(n.default,{as:"li",className:"nextui-dropdown-section-divider",css:{my:"$2"}}),(0,d.jsxs)(s.StyledDropdownSectionWrapper,{...h,className:"nextui-dropdown-section-wrapper",children:[p.rendered&&(0,d.jsx)(s.StyledDropdownSectionTitle,{...q,className:"nextui-dropdown-section-title",children:p.rendered}),(0,d.jsx)(s.StyledDropdownSection,{...b,as:(null==(l=p.props)?void 0:l.as)||x,css:{...(0,t.mergeProps)(f,null==(u=p.props)?void 0:u.css)},className:(0,a.default)("nextui-dropdown-section",j),children:[...p.childNodes].map((e=>{let r=(0,d.jsx)(i.default,{item:e,state:c,onAction:g,color:w,textColor:m,variant:y},e.key);return e.wrapper&&(r=e.wrapper(r)),r}))})]})]})};l.__DEV__&&(p.displayName="NextUI.DropdownSection"),p.toString=()=>".nextui-dropdown-section";var c=p;exports.default=c,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;e(require("react"));var r=e(require("../popover")),t=require("./dropdown-context"),o=require("../utils/assertion"),i=require("react/jsx-runtime");const u=e=>{const{children:o,...u}=e,{getMenuTriggerProps:n}=(0,t.useDropdownContext)();return(0,i.jsx)(r.default.Trigger,{...n(u),children:o})};o.__DEV__&&(u.displayName="NextUI.DropdownTrigger"),u.toString=()=>".nextui-dropdown-trigger";var n=u;exports.default=n,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),o=e(require("../popover")),t=require("./dropdown-context"),i=require("./use-dropdown"),n=require("../utils/assertion"),s=require("react/jsx-runtime");const d=e=>{const{children:n,...d}=e,u=(0,i.useDropdown)(d),[l,a]=r.default.Children.toArray(n);return(0,s.jsx)(t.DropdownProvider,{value:u,children:(0,s.jsxs)(o.default,{ref:u.menuPopoverRef,...u.popoverProps,triggerRef:u.menuTriggerRef,scrollRef:u.menuRef,isOpen:u.state.isOpen,onClose:u.state.close,borderWeight:u.borderWeight,disableAnimation:u.disableAnimation,children:[l,(0,s.jsx)(o.default.Content,{children:a})]})})};n.__DEV__&&(d.displayName="NextUI.Dropdown"),d.toString=()=>".nextui-dropdown";var u=d;exports.default=u,module.exports=exports.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.StyledDropdownSectionWrapper=exports.StyledDropdownSectionTitle=exports.StyledDropdownSection=exports.StyledDropdownMenu=exports.StyledDropdownItemKbd=exports.StyledDropdownItemIconWrapper=exports.StyledDropdownItemDescription=exports.StyledDropdownItemContentWrapper=exports.StyledDropdownItemContent=exports.StyledDropdownItem=void 0;var o=require("../theme/stitches.config"),r=require("../theme/shared-css");const e=(0,o.styled)("ul",{$$dropdownItemHeight:"$space$13",$$dropdownMenuPadding:"$space$4",$$dropdownMenuWidth:"250px",listStyle:"none",position:"relative",width:"$$dropdownMenuWidth",p:"$$dropdownMenuPadding",m:0,outline:"none"});exports.StyledDropdownMenu=e;const t=(0,o.styled)("span",{dflex:"center",flexShrink:0,mr:"$4"});exports.StyledDropdownItemIconWrapper=t;const d=(0,o.styled)("kbd",{opacity:.8,ml:"$4",mr:0,dflex:"center",color:"$$dropdownItemKeyboardColor",fontSize:"$xs",fontFamily:"$sans",boxShadow:"none",bg:"transparent",transition:"border 0.26s ease 0s"});exports.StyledDropdownItemKbd=d;const n=(0,o.styled)("div",{d:"flex",flex:"1 1 0%",flexDirection:"column",alignItems:"flex-start",lineHeight:1.2});exports.StyledDropdownItemContentWrapper=n;const $=(0,o.styled)("span",{flex:"1 1 0%"});exports.StyledDropdownItemContent=$;const s=(0,o.styled)("span",{fontSize:"$xs",color:"$$dropdownItemDescriptionColor",truncateText:"calc($$dropdownMenuWidth * 0.9)",transition:"color 0.26s ease 0s",variants:{hasIcon:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}},hasCommand:{true:{truncateText:"calc($$dropdownMenuWidth * 0.7)"}}},compoundVariants:[{hasIcon:!0,hasCommand:!0,css:{truncateText:"calc($$dropdownMenuWidth * 0.6)"}}]});exports.StyledDropdownItemDescription=s;const l=(0,o.styled)("li",{$$dropdownItemPressedScale:.97,$$dropdownItemTextColor:"$colors$text",$$dropdownItemBorderRadius:"$radii$sm",$$dropdownItemKeyboardColor:"$colors$accents8",$$dropdownItemDescriptionColor:"$colors$accents8",dflex:"center",outline:"none",cursor:"pointer",justifyContent:"space-between",bg:"transparent",position:"relative",height:"$$dropdownItemHeight",px:"$6",br:"$$dropdownItemBorderRadius",color:"$$dropdownItemTextColor",mb:0,transition:"$dropdownItem",transform:"translateZ(0)",backfaceVisibility:"hidden",$$dropdownItemShadow:"$colors$primaryShadow","@motion":{transition:"none",[`& ${d}`]:{transition:"none"},[`& ${s}`]:{transition:"none"}},variants:{color:{default:{$$dropdownItemHoverBackground:"$colors$neutralLight",$$dropdownItemHoverTextColor:"$colors$neutralLightContrast",$$dropdownItemActiveBackground:"$colors$neutralLightActive",$$dropdownItemSolidHoverBackground:"$colors$neutral",$$dropdownItemSolidHoverTextColor:"$colors$neutralSolidContrast",$$dropdownItemShadow:"$colors$neutralShadow",$$dropdownItemHoverBorderColor:"$colors$neutralBorder"},primary:{$$dropdownItemHoverBackground:"$colors$primaryLight",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast",$$dropdownItemActiveBackground:"$colors$primaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$primary",$$dropdownItemSolidHoverTextColor:"$colors$primarySolidContrast",$$dropdownItemShadow:"$colors$primaryShadow",$$dropdownItemHoverBorderColor:"$colors$primaryBorder"},secondary:{$$dropdownItemHoverBackground:"$colors$secondaryLight",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast",$$dropdownItemActiveBackground:"$colors$secondaryLightActive",$$dropdownItemSolidHoverBackground:"$colors$secondary",$$dropdownItemSolidHoverTextColor:"$colors$secondarySolidContrast",$$dropdownItemShadow:"$colors$secondaryShadow",$$dropdownItemHoverBorderColor:"$colors$secondaryBorder"},success:{$$dropdownItemHoverBackground:"$colors$successLight",$$dropdownItemHoverTextColor:"$colors$successLightContrast",$$dropdownItemActiveBackground:"$colors$successLightActive",$$dropdownItemSolidHoverBackground:"$colors$success",$$dropdownItemSolidHoverTextColor:"$colors$successSolidContrast",$$dropdownItemShadow:"$colors$successShadow",$$dropdownItemHoverBorderColor:"$colors$successBorder"},warning:{$$dropdownItemHoverBackground:"$colors$warningLight",$$dropdownItemHoverTextColor:"$colors$warningLightContrast",$$dropdownItemActiveBackground:"$colors$warningLightActive",$$dropdownItemSolidHoverBackground:"$colors$warning",$$dropdownItemSolidHoverTextColor:"$colors$warningSolidContrast",$$dropdownItemShadow:"$colors$warningShadow",$$dropdownItemHoverBorderColor:"$colors$warningBorder"},error:{$$dropdownItemHoverBackground:"$colors$errorLight",$$dropdownItemHoverTextColor:"$colors$errorLightContrast",$$dropdownItemActiveBackground:"$colors$errorLightActive",$$dropdownItemSolidHoverBackground:"$colors$error",$$dropdownItemSolidHoverTextColor:"$colors$errorSolidContrast",$$dropdownItemShadow:"$colors$errorShadow",$$dropdownItemHoverBorderColor:"$colors$errorBorder"}},textColor:{default:{},primary:{$$dropdownItemTextColor:"$colors$primaryLightContrast",$$dropdownItemHoverTextColor:"$colors$primaryLightContrast"},secondary:{$$dropdownItemTextColor:"$colors$secondaryLightContrast",$$dropdownItemHoverTextColor:"$colors$secondaryLightContrast"},success:{$$dropdownItemTextColor:"$colors$successLightContrast",$$dropdownItemHoverTextColor:"$colors$successLightContrast"},warning:{$$dropdownItemTextColor:"$colors$warningLightContrast",$$dropdownItemHoverTextColor:"$colors$warningLightContrast"},error:{$$dropdownItemTextColor:"$colors$errorLightContrast",$$dropdownItemHoverTextColor:"$colors$errorLightContrast"}},variant:{flat:{true:{}},light:{true:{}},solid:{true:{}},shadow:{true:{}}},isPressed:{true:{bg:"$$dropdownItemActiveBackground"}},isFocused:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",[`& ${d}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${s}`]:{color:"currentColor"}}},isHovered:{true:{bg:"$$dropdownItemHoverBackground",color:"$$dropdownItemHoverTextColor",[`& ${d}`]:{color:"$$dropdownItemHoverTextColor",borderColor:"$$dropdownItemHoverBorderColor"},[`& ${s}`]:{color:"currentColor"}}},shouldShowOutline:{true:{outline:"solid 2px $$dropdownItemActiveBackground"}},isSelected:{true:{}},isSelectable:{true:{}},isDisabled:{true:{color:"$accents5",cursor:"default"}},withDescription:{true:{height:"calc($$dropdownItemHeight * 1.2)"}},withDivider:{true:{mt:"$6","&:before":{content:'""',position:"absolute",top:"-$3",left:"-$$dropdownMenuPadding",right:"-$$dropdownMenuPadding",height:"$$dropdownItemBorderWeight",bg:"$border"}}},dividerWeight:{light:{$$dropdownItemBorderWeight:"$borderWeights$light"},normal:{$$dropdownItemBorderWeight:"$borderWeights$normal"},bold:{$$dropdownItemBorderWeight:"$borderWeights$bold"},extrabold:{$$dropdownItemBorderWeight:"$borderWeights$extrabold"},black:{$$dropdownItemBorderWeight:"$borderWeights$black"}},disableAnimation:{true:{transition:"none",[`& ${d}`]:{transition:"none"},[`& ${s}`]:{transition:"none"}}}},compoundVariants:[{isPressed:!0,disableAnimation:!1,css:{transform:"scale($$dropdownItemPressedScale)"}},{isHovered:!0,variant:"light",css:{bg:"transparent"}},{isFocused:!0,variant:"light",css:{bg:"transparent"}},{isHovered:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${d}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"solid",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",[`& ${d}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isHovered:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${d}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{isFocused:!0,variant:"shadow",css:{bg:"$$dropdownItemSolidHoverBackground",color:"$$dropdownItemSolidHoverTextColor",boxShadow:"0 3px 10px 0 $$dropdownItemShadow",[`& ${d}`]:{color:"$$dropdownItemSolidHoverTextColor"}}},{variant:"flat",color:"default",css:{$$dropdownItemHoverTextColor:"$colors$foreground"}}],defaultVariants:{color:"default",textColor:"default",dividerWeight:"light",variant:"flat"}},r.cssFocusVisible);exports.StyledDropdownItem=l;const i=(0,o.styled)("li",{mb:0});exports.StyledDropdownSectionWrapper=i;const c=(0,o.styled)("ul",{m:0,p:0,listStyle:"none"});exports.StyledDropdownSection=c;const a=(0,o.styled)("span",{fontWeight:"$medium",fontSize:"$xs",padding:"0 $4",color:"$accents8"});exports.StyledDropdownSectionTitle=a;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.StyledDropdownSectionWrapper=exports.StyledDropdownSectionTitle=exports.StyledDropdownSection=exports.StyledDropdownMenu=exports.StyledDropdownItemKbd=exports.StyledDropdownItemIconWrapper=exports.StyledDropdownItemDescription=exports.StyledDropdownItemContentWrapper=exports.StyledDropdownItemContent=exports.StyledDropdownItem=void 0;var t=require("@react-stately/collections"),o=e(require("./base/dropdown-item-base")),r=e(require("./dropdown-trigger")),d=e(require("./dropdown-menu")),p=e(require("./dropdown-button")),n=e(require("./dropdown")),l=require("./dropdown.styles");exports.StyledDropdownMenu=l.StyledDropdownMenu,exports.StyledDropdownItem=l.StyledDropdownItem,exports.StyledDropdownItemIconWrapper=l.StyledDropdownItemIconWrapper,exports.StyledDropdownItemKbd=l.StyledDropdownItemKbd,exports.StyledDropdownItemContentWrapper=l.StyledDropdownItemContentWrapper,exports.StyledDropdownItemContent=l.StyledDropdownItemContent,exports.StyledDropdownItemDescription=l.StyledDropdownItemDescription,exports.StyledDropdownSectionWrapper=l.StyledDropdownSectionWrapper,exports.StyledDropdownSection=l.StyledDropdownSection,exports.StyledDropdownSectionTitle=l.StyledDropdownSectionTitle,n.default.Trigger=r.default,n.default.Button=p.default,n.default.Menu=d.default,n.default.Section=t.Section,n.default.Item=o.default;var S=n.default;exports.default=S;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.useDropdown=function(i={}){const{triggerRef:n,type:o="menu",trigger:l="press",isDisabled:g=!1,borderWeight:a,closeOnSelect:c,disableAnimation:p=!1,...f}=i,m=(0,e.useRef)(null),d=n||m,R=(0,e.useRef)(null),b=(0,e.useRef)(null),P=(0,u.useMenuTriggerState)(i),{menuTriggerProps:q,menuProps:T}=(0,s.useMenuTrigger)({type:o,trigger:l,isDisabled:g},P,d),y=(0,e.useCallback)(((e={},s=null)=>({...null!=n&&n.current?(0,r.mergeProps)(q,e):(0,r.mergeProps)(e,q),ref:(0,t.mergeRefs)(m,s)})),[m,n,q]);return{...T,popoverProps:f,state:P,ref:R,onClose:P.close,autoFocus:P.focusStrategy||!0,disableAnimation:p,menuRef:R,borderWeight:a,menuPopoverRef:b,menuTriggerRef:d,closeOnSelect:c,getMenuTriggerProps:y}};var e=require("react"),r=require("@react-aria/utils"),s=require("@react-aria/menu"),u=require("@react-stately/menu"),t=require("../utils/refs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=i?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(a,n,l):a[n]=e[n]}a.default=e,t&&t.set(e,a);return a}(require("react")),t=e(require("./grid-item")),a=e(require("../utils/clsx")),i=e(require("../utils/with-defaults")),n=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const l=r.default.forwardRef((({gap:e,wrap:i,css:u,children:l,className:o,...s},c)=>{const p=(0,r.useMemo)((()=>`calc(${e} * $space$3)`),[e]);return(0,n.jsx)(t.default,{ref:c,className:(0,a.default)("nextui-grid-container",o),css:{$$gridGapUnit:p,display:"flex",flexWrap:i,
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=i?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(a,n,l):a[n]=e[n]}a.default=e,t&&t.set(e,a);return a}(require("react")),t=e(require("./grid-item")),a=e(require("../utils/clsx")),i=e(require("../utils/with-defaults")),n=require("react/jsx-runtime");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}const l=r.default.forwardRef((({gap:e,wrap:i,css:u,children:l,className:o,...s},c)=>{const p=(0,r.useMemo)((()=>`calc(${e} * $space$3)`),[e]);return(0,n.jsx)(t.default,{ref:c,className:(0,a.default)("nextui-grid-container",o),css:{$$gridGapUnit:p,display:"flex",flexWrap:i,boxSizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...u},...s,children:l})}));l.displayName="NextUI.GridContainer",l.toString=()=>".nextui-grid-container";var o=(0,i.default)(l,{gap:0,wrap:"wrap",className:""});exports.default=o,module.exports=exports.default;
|
package/cjs/image/image.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Image=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=u?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):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")),i=require("../utils/dom"),o=require("../utils/assertion"),n=require("./image.styles"),l=e(require("../utils/clsx")),c=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const d=t.default.forwardRef(((e,o)=>{const{src:f,width:d,height:
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.Image=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=u?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(a,s,i):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")),i=require("../utils/dom"),o=require("../utils/assertion"),n=require("./image.styles"),l=e(require("../utils/clsx")),c=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const d=t.default.forwardRef(((e,o)=>{const{src:f,width:d,height:p,showSkeleton:m=!0,className:g,maxDelay:h=3e3,autoResize:y=!1,objectFit:x="scale-down",containerCss:w,css:b,...j}=e,q=(0,i.useDOMRef)(o),[v,O]=(0,t.useState)(!0),[M,_]=(0,t.useState)(m),{w:D,h:I}=(0,t.useMemo)((()=>({w:d?"number"==typeof d?`${d}px`:d:"auto",h:p?"number"==typeof p?`${p}px`:p:"auto"})),[d,p]),[S,k,N]=(0,u.default)(I),[P,E]=(0,a.default)(q),R=m&&!!d&&!!p;(0,t.useEffect)((()=>{q.current&&q.current.complete&&(O(!1),_(!1))})),(0,t.useEffect)((()=>{const e=setTimeout((()=>{R&&_(!1),clearTimeout(e)}),h);return()=>clearTimeout(e)}),[v]),(0,t.useEffect)((()=>{if(!y)return;const e=0===P.width,t="auto"===N.current;!e&&d&&p&&(P.width<d?!t&&k("auto"):t&&k(I))}),[P,d]),(0,s.default)((()=>{y&&E()}));const T=(0,t.useMemo)((()=>v?"loading":"ready"),[v]);return(0,c.jsxs)(n.StyledImageContainer,{className:(0,l.default)("nextui-image-container",`nextui-image--${T}`,g),"data-state":T,ready:!v||M,css:{width:D,height:S,...w},children:[M&&(0,c.jsx)(r.default,{opacity:1}),(0,c.jsx)(n.StyledImage,{ref:q,className:"nextui-image",width:d,height:p,onLoad:()=>{O(!1)},src:f,"data-state":T,alt:e.alt||"",css:{objectFit:x,...b},...j})]})}));exports.Image=d,o.__DEV__&&(d.displayName="NextUI.Image"),d.toString=()=>".nextui-image";var p=t.default.memo(d);exports.default=p;
|
|
@@ -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",
|
|
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",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;
|