@nextui-org/react 1.0.0-beta.10 → 1.0.0-beta.11-dbg1

package/cjs/table/table-cell.js

@@ -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=n(r);if(t&&t.has(e))return t.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var s=a?Object.getOwnPropertyDescriptor(e,u):null;s&&(s.get||s.set)?Object.defineProperty(l,u,s):l[u]=e[u]}l.default=e,t&&t.set(e,l);return l}(require("react")),t=require("@react-aria/table"),l=require("@react-aria/focus"),a=require("@react-aria/utils"),u=e(require("../utils/clsx")),s=require("./table.styles"),i=require("react/jsx-runtime");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=function(e){return e?t:r})(e)}const o=r.default.forwardRef((({cell:e,state:n,...o},c)=>{const f=(0,r.useRef)(null);(0,r.useImperativeHandle)(c,(()=>null==f?void 0:f.current));const{gridCellProps:p}=(0,t.useTableCell)({node:e},n,f),{isFocusVisible:d,focusProps:b}=(0,l.useFocusRing)();return(0,i.jsx)(s.StyledTableCell,{ref:f,className:(0,u.default)("nextui-table-cell",o.className),css:e.props.css,isFocusVisible:d,...(0,a.mergeProps)(p,b,o),children:e.rendered})}));o.displayName="NextUI.TableCell",o.toString=()=>".nextui-table-cell";var c=o;exports.default=c,module.exports=exports.default;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("react")),s=require("@react-aria/table"),t=require("@react-aria/focus"),l=require("@react-aria/utils"),a=e(require("../utils/clsx")),i=require("../utils/dom"),o=require("./table.styles"),u=require("react/jsx-runtime");const c=r.default.forwardRef((({cell:e,state:r,isStatic:c,...n},d)=>{const p=(0,i.useDOMRef)(d),{gridCellProps:f}=(0,s.useTableCell)({node:e},r,p),{isFocusVisible:b,focusProps:x}=(0,t.useFocusRing)(),q=c?{...f,onMouseDown:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation()}:f;return(0,u.jsx)(o.StyledTableCell,{ref:p,className:(0,a.default)("nextui-table-cell",n.className),css:e.props.css,isFocusVisible:b,isStatic:c,...(0,l.mergeProps)(q,x,n),children:e.rendered})}));c.displayName="NextUI.TableCell",c.toString=()=>".nextui-table-cell";var n=c;exports.default=n,module.exports=exports.default;

package/cjs/table/table.js

@@ -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=v(t);if(r&&r.has(e))return r.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=require("@react-aria/table"),a=require("@react-stately/table"),l=require("../index"),i=require("../utils/collections"),o=e(require("../utils/with-defaults")),n=e(require("../utils/clsx")),s=e(require("./table-row-group")),u=e(require("./table-column-header")),d=e(require("./table-header-row")),c=e(require("./table-select-all-checkbox")),h=e(require("./table-pagination")),f=e(require("./table-footer")),b=e(require("./table-body")),p=require("./table.styles"),x=e(require("./table-context")),m=require("./utils"),g=require("react/jsx-runtime");function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(v=function(e){return e?r:t})(e)}const w=t.default.forwardRef(((e,o)=>{const{css:v,selectionMode:w,selectionBehavior:y,hideLoading:j,children:q,shadow:P,color:S,animated:k,borderWeight:C,bordered:M,hoverable:N,sticked:O,containerCss:T,className:W}=e,[I,R]=(0,i.pickSingleChild)(q,h.default),{hasPagination:_,rowsPerPage:D}=(0,m.hasPaginationChild)(q,h.default),L=(0,a.useTableState)({...e,children:I,showSelectionCheckboxes:void 0!==e.showSelectionCheckboxes?e.showSelectionCheckboxes:"multiple"===w&&"replace"!==y}),B=(0,t.useRef)(null);(0,t.useImperativeHandle)(o,(()=>null==B?void 0:B.current));const{collection:F}=L,{gridProps:H}=(0,r.useTable)(e,L,B),U=t.default.useMemo((()=>({collection:F,color:S,animated:k,rowsPerPage:D})),[F,k,S,D]);return(0,g.jsx)(x.default.Provider,{defaultValues:U,children:(0,g.jsx)(p.StyledTableContainer,{borderWeight:C,bordered:M,className:"nextui-table-container",css:{...T},shadow:P,children:(0,g.jsxs)(p.StyledTable,{ref:B,animated:k,className:(0,n.default)("nextui-table",W),color:S,css:v,hasPagination:_,hoverable:"none"!==w||N,isMultiple:"multiple"===w,shadow:P,...H,children:[(0,g.jsxs)(s.default,{as:"thead",isFixed:(0,m.isInfinityScroll)(F),children:[F.headerRows.map((e=>(0,g.jsx)(d.default,{item:e,state:L,children:[...e.childNodes].map((e=>{var t;return null!=e&&null!=(t=e.props)&&t.isSelectionCell?(0,g.jsx)(c.default,{animated:k,color:S,column:e,state:L},null==e?void 0:e.key):(0,g.jsx)(u.default,{animated:k,column:e,state:L},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!O&&(0,g.jsx)(l.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),(0,g.jsx)(b.default,{animated:k,collection:F,color:S,hasPagination:_,hideLoading:j,state:L}),_&&(0,g.jsxs)(f.default,{children:[(0,g.jsx)(l.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.6}),(0,g.jsx)("tr",{role:"row",children:(0,g.jsx)("th",{colSpan:F.columnCount,role:"columnheader",tabIndex:-1,children:R})})]})]})})})}));w.displayName="NextUI.Table",w.toString=()=>".nextui-table";var y=(0,o.default)(w,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});exports.default=y,module.exports=exports.default;
+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=y(t);if(r&&r.has(e))return r.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=require("@react-aria/table"),a=require("@react-stately/table"),l=require("@react-aria/utils"),i=require("../index"),o=require("../utils/collections"),n=e(require("../utils/with-defaults")),s=e(require("../utils/clsx")),u=require("../utils/dom"),d=e(require("./table-row-group")),c=e(require("./table-column-header")),h=e(require("./table-header-row")),f=e(require("./table-select-all-checkbox")),b=e(require("./table-pagination")),p=e(require("./table-footer")),x=e(require("./table-body")),m=require("./table.styles"),g=e(require("./table-context")),q=require("./utils"),w=require("react/jsx-runtime");function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(y=function(e){return e?r:t})(e)}const j=t.default.forwardRef(((e,n)=>{const{css:y,selectionMode:j,selectionBehavior:v,hideLoading:P,children:S,shadow:k,color:M,animated:C,borderWeight:O,bordered:N,hoverable:T,sticked:W,containerCss:D,className:R,..._}=e,[I,L]=(0,o.pickSingleChild)(S,b.default),{hasPagination:B,rowsPerPage:F}=(0,q.hasPaginationChild)(S,b.default),U=(0,a.useTableState)({...e,children:I,showSelectionCheckboxes:void 0!==e.showSelectionCheckboxes?e.showSelectionCheckboxes:"multiple"===j&&"replace"!==v}),V=(0,u.useDOMRef)(n),{collection:z}=U,{gridProps:A}=(0,r.useTable)(e,U,V),E=t.default.useMemo((()=>({collection:z,color:M,animated:C,rowsPerPage:F})),[z,C,M,F]),G=(0,t.useMemo)((()=>!("none"===j&&!T)),[j,T]);return(0,w.jsx)(g.default.Provider,{defaultValues:E,children:(0,w.jsx)(m.StyledTableContainer,{borderWeight:O,bordered:N,className:"nextui-table-container",css:D,shadow:k,children:(0,w.jsxs)(m.StyledTable,{ref:V,animated:C,className:(0,s.default)("nextui-table",R),color:M,css:y,hasPagination:B,hoverable:G,isMultiple:"multiple"===j,shadow:k,...(0,l.mergeProps)(A,_),children:[(0,w.jsxs)(d.default,{as:"thead",isFixed:(0,q.isInfinityScroll)(z),children:[z.headerRows.map((e=>(0,w.jsx)(h.default,{item:e,state:U,children:[...e.childNodes].map((e=>{var t;return null!=e&&null!=(t=e.props)&&t.isSelectionCell?(0,w.jsx)(f.default,{animated:C,color:M,column:e,state:U},null==e?void 0:e.key):(0,w.jsx)(c.default,{animated:C,column:e,state:U},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!W&&(0,w.jsx)(i.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),(0,w.jsx)(x.default,{animated:C,collection:z,color:M,hasPagination:B,hideLoading:P,isStatic:!G,state:U}),B&&(0,w.jsxs)(p.default,{children:[(0,w.jsx)(i.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.6}),(0,w.jsx)("tr",{role:"row",children:(0,w.jsx)("th",{colSpan:z.columnCount,role:"columnheader",tabIndex:-1,children:L})})]})]})})})}));j.displayName="NextUI.Table",j.toString=()=>".nextui-table";var v=(0,n.default)(j,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});exports.default=v,module.exports=exports.default;

package/cjs/table/table.styles.js

@@ -1 +1 @@
-exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableContainer=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var e=require("../theme/stitches.config"),t=require("../theme/shared-css");const l=(0,e.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=l;const r=(0,e.styled)("th",{height:"$14",cursor:"default",bg:"$accents0",color:"$accents7",fontSize:"$xs",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",btlr:"$md",bblr:"$md"},"&:last-child":{pr:"$8",btrr:"$md",bbrr:"$md"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents8",bg:"$accents1"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},t.cssFocusVisible);exports.StyledTableColumnHeader=r;const o=(0,e.styled)(r,t.cssFocusVisible);exports.StyledTableHeaderCell=o;const i=(0,e.styled)("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});exports.StyledTableFooter=i;const s=(0,e.styled)("td",{});exports.StyledBaseTableCell=s;const a=(0,e.styled)(s,{position:"relative",userSelect:"none",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0,transform:"translateZ(0)",backfaceVisibility:"hidden"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},t.cssFocusVisible);exports.StyledTableCell=a;const n=(0,e.styled)("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${a}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},t.cssFocusVisible);exports.StyledTableRow=n;const d=(0,e.styled)("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${n}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});exports.StyledTableRowGroup=d;const $=(0,e.styled)("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});exports.StyledTableLoadingRow=$;const c=(0,e.styled)("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${a}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${a}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primaryLightContrast"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondaryLightContrast"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$successLightContrast"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warningLightContrast"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$errorLightContrast"}},striped:{true:{[`& ${n}[aria-selected=false]:nth-child(even)`]:{[`& ${a}`]:{bg:"$accents0"}},[`& ${n}:nth-child(even)`]:{[`& ${a}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${a}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${r}:first-child`]:{br:"$lg 0 0 0"},[`& ${r}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${r}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents1"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${n}:not(:last-child)`]:{position:"relative",[`& ${a}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${a}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${a}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${n}[aria-selected=true]:not(last-child)`]:{[`& ${a}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${a}:first-child`]:{br:"$md 0 0 $md"},[`& ${a}:last-child`]:{br:"0 $md $md 0"},[`& ${n}`]:{cursor:"pointer"},[`& ${n}[aria-selected=false]`]:{"&:hover":{[`& ${a}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${n}[aria-selected=true]`]:{"&:hover":{[`& ${a}:before`]:{opacity:.8}}}},false:{[`& ${a}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${a}`]:{py:"$1"},[`& ${r}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${n}:not(:first-child):not(:last-child)`]:{[`& ${a}:first-child`]:{br:0},[`& ${a}:last-child`]:{br:0}},[`& ${n}:first-child`]:{[`& ${a}:first-child`]:{br:"$md 0 0 0"},[`& ${a}:last-child`]:{br:"0 $md 0 0"}},[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0 0 0 $md"},[`& ${a}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${n}:first-child`]:{[`& ${a}:first-child`]:{br:"0"},[`& ${a}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${n}:not(:last-child)`]:{[`& ${a}`]:{br:"0"}},[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0 0 0 $md"},[`& ${a}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${n}`]:{[`& ${a}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0"},[`& ${a}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});exports.StyledTable=c;const b=(0,e.styled)("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});exports.StyledTableContainer=b;
+exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableContainer=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var t=require("../theme/stitches.config"),e=require("../theme/shared-css");const l=(0,t.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=l;const r=(0,t.styled)("th",{height:"$14",cursor:"default",bg:"$accents0",color:"$accents7",fontSize:"$xs",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",btlr:"$md",bblr:"$md"},"&:last-child":{pr:"$8",btrr:"$md",bbrr:"$md"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents8",bg:"$accents1"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},e.cssFocusVisible);exports.StyledTableColumnHeader=r;const o=(0,t.styled)(r,e.cssFocusVisible);exports.StyledTableHeaderCell=o;const i=(0,t.styled)("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});exports.StyledTableFooter=i;const s=(0,t.styled)("td",{});exports.StyledBaseTableCell=s;const a=(0,t.styled)(s,{position:"relative",userSelect:"none",cursor:"default",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0,transform:"translateZ(0)",backfaceVisibility:"hidden"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},isStatic:{true:{cursor:"text",userSelect:"text"}}}},e.cssFocusVisible);exports.StyledTableCell=a;const n=(0,t.styled)("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${a}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},e.cssFocusVisible);exports.StyledTableRow=n;const d=(0,t.styled)("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",pb:"$10",[`& ${n}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});exports.StyledTableRowGroup=d;const $=(0,t.styled)("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});exports.StyledTableLoadingRow=$;const c=(0,t.styled)("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${a}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${a}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primaryLightContrast"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondaryLightContrast"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$successLightContrast"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warningLightContrast"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$errorLightContrast"}},striped:{true:{[`& ${n}[aria-selected=false]:nth-child(even)`]:{[`& ${a}`]:{bg:"$accents0"}},[`& ${n}:nth-child(even)`]:{[`& ${a}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${a}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${r}:first-child`]:{br:"$lg 0 0 0"},[`& ${r}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${r}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents1"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${n}:not(:last-child)`]:{position:"relative",[`& ${a}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${a}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${a}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${n}[aria-selected=true]:not(last-child)`]:{[`& ${a}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${a}:first-child`]:{br:"$md 0 0 $md"},[`& ${a}:last-child`]:{br:"0 $md $md 0"},[`& ${n}`]:{cursor:"pointer"},[`& ${n}[aria-selected=false]`]:{"&:hover":{[`& ${a}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${n}[aria-selected=true]`]:{"&:hover":{[`& ${a}:before`]:{opacity:.8}}}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${a}`]:{py:"$1"},[`& ${r}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${n}:not(:first-child):not(:last-child)`]:{[`& ${a}:first-child`]:{br:0},[`& ${a}:last-child`]:{br:0}},[`& ${n}:first-child`]:{[`& ${a}:first-child`]:{br:"$md 0 0 0"},[`& ${a}:last-child`]:{br:"0 $md 0 0"}},[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0 0 0 $md"},[`& ${a}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${n}:first-child`]:{[`& ${a}:first-child`]:{br:"0"},[`& ${a}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${n}:not(:last-child)`]:{[`& ${a}`]:{br:"0"}},[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0 0 0 $md"},[`& ${a}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${n}`]:{[`& ${a}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${n}:last-child`]:{[`& ${a}:first-child`]:{br:"0"},[`& ${a}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});exports.StyledTable=c;const b=(0,t.styled)("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});exports.StyledTableContainer=b;

package/cjs/textarea/textarea.js

@@ -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=f(t);if(r&&r.has(e))return r.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=n?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(u,a,s):u[a]=e[a]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=e(require("../utils/with-defaults")),u=e(require("../input")),n=e(require("../use-resize")),a=require("../utils/console"),s=require("../utils/prop-types"),i=require("../utils/assertion"),o=require("./utils"),l=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 c=t.default.forwardRef(((e,r)=>{const f=(0,t.useRef)(null),c=t.default.useRef(0),p=t.default.useRef(),{cacheMeasurements:d,rows:x,maxRows:y,minRows:g,onChange:h,onHeightChange:m,css:w,...v}=e;Object.keys(v).forEach((e=>{s.excludedInputPropsForTextarea.indexOf(e)>-1&&delete v[e]}));const _=void 0!==v.value;i.__DEV__&&v.style&&("maxHeight"in v.style&&(0,a.warn)("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in v.style&&(0,a.warn)("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),(0,t.useImperativeHandle)(r,(()=>f.current));const q=()=>{const e=f.current,t=d&&p.current?p.current:(0,o.getSizingData)(e);if(!t)return;p.current=t;const[r,u]=(0,o.calculateNodeHeight)(t,e.value||e.placeholder||"x",x||g,x||y);c.current!==r&&(c.current=r,e.style.setProperty("height",`${r}px`,"important"),m&&m(r,{rowHeight:u}))};return"undefined"!=typeof document&&((0,t.useLayoutEffect)(q),(0,n.default)(q)),(0,l.jsx)(u.default,{ref:f,as:"textarea",css:{...w},onChange:e=>{_||q(),h&&h(e)},...v})}));i.__DEV__&&(c.displayName="NextUI.Textarea"),c.toString=()=>".nextui-textarea";var p=(0,r.default)(c,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});exports.default=p,module.exports=exports.default;
+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=f(t);if(r&&r.has(e))return r.get(e);var u={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=n?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(u,a,s):u[a]=e[a]}u.default=e,r&&r.set(e,u);return u}(require("react")),r=e(require("../utils/with-defaults")),u=e(require("../input")),n=e(require("../use-resize")),a=require("../utils/console"),s=require("../utils/prop-types"),i=require("../utils/assertion"),o=require("./utils"),l=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 c=t.default.forwardRef(((e,r)=>{const f=(0,t.useRef)(null),c=t.default.useRef(0),p=t.default.useRef(),{cacheMeasurements:d,rows:x,maxRows:y,minRows:g,onChange:h,onHeightChange:m,css:w,...v}=e;Object.keys(v).forEach((e=>{s.excludedInputPropsForTextarea.indexOf(e)>-1&&delete v[e]}));const _=void 0!==v.value;i.__DEV__&&v.style&&("maxHeight"in v.style&&(0,a.warn)("Using `style.maxHeight` for <Textarea/> is not supported. Please use `maxRows`."),"minHeight"in v.style&&(0,a.warn)("Using `style.minHeight` for <Textarea/> is not supported. Please use `minRows`.")),(0,t.useImperativeHandle)(r,(()=>f.current));const q=()=>{const e=f.current,t=d&&p.current?p.current:(0,o.getSizingData)(e);if(!t)return;p.current=t;const[r,u]=(0,o.calculateNodeHeight)(t,e.value||e.placeholder||"x",x||g,x||y);c.current!==r&&(c.current=r,e.style.setProperty("height",`${r}px`,"important"),m&&m(r,{rowHeight:u}))};return"undefined"!=typeof document&&((0,t.useLayoutEffect)(q),(0,n.default)(q)),(0,l.jsx)(u.default,{ref:f,as:"textarea",css:w,onChange:e=>{_||q(),h&&h(e)},...v})}));i.__DEV__&&(c.displayName="NextUI.Textarea"),c.toString=()=>".nextui-textarea";var p=(0,r.default)(c,{minRows:3,maxRows:6,cacheMeasurements:!0,initialValue:""});exports.default=p,module.exports=exports.default;

package/cjs/theme/utils.js

@@ -1 +1 @@
-var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.getTokenValue=exports.getThemeName=exports.getDocumentTheme=exports.getDocumentCSSTokens=exports.changeTheme=void 0;var t=e(require("../utils/clsx")),l=require("../utils/color"),r=e(require("./common")),o=e(require("./light-theme"));const u=(e,t,o=1)=>{if("undefined"==typeof document||!e)return"";let s=getComputedStyle(document.documentElement);const n=`--${r.default.prefix}-${e}-${t}`,c=s.getPropertyValue(n);if(c&&c.includes("var")&&u(e,c),c&&1!==o){if(c.includes("rgb"))return(0,l.rgbToRgba)(c,o);if(c.includes("#"))return(0,l.hexToRGBA)(c,o)}return c};exports.getTokenValue=u;exports.getDocumentCSSTokens=()=>{const e=[...Object.keys(r.default.theme.colors),...Object.keys(o.default.colors)],t=Object.keys(o.default.shadows);return{colors:e.reduce(((e,t)=>{const l=u("colors",t);return l&&(e[t]={prefix:r.default.prefix,scale:"colors",token:t,value:l}),e}),{}),shadows:t.reduce(((e,t)=>{const l=u("shadows",t);return l&&(e[t]={prefix:r.default.prefix,scale:"shadows",token:t,value:l}),e}),{})}};exports.getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],r=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||r};const s=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;exports.getThemeName=s;exports.changeTheme=e=>{var l,r;if(!document)return;const o=document.documentElement,u=(null==o||null==(l=o.getAttribute("class"))?void 0:l.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],n=(null==o||null==(r=o.getAttribute("style"))?void 0:r.split(";").filter((e=>!e.includes("color-scheme")&&e.length)).map((e=>`${e};`)))||[];null==o||o.setAttribute("class",(0,t.default)(u,`${s(e)}-theme`)),null==o||o.setAttribute("style",(0,t.default)(n,`color-scheme: ${e};`))};
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.getTokenValue=exports.getThemeName=exports.getDocumentTheme=exports.getDocumentCSSTokens=exports.changeTheme=void 0;var t=e(require("../utils/clsx")),l=require("../utils/color"),r=e(require("./common")),o=e(require("./light-theme"));const u=(e,t,o=1)=>{if("undefined"==typeof document||!e)return"";let s=getComputedStyle(document.documentElement);const n=`--${r.default.prefix}-${e}-${t}`,c=s.getPropertyValue(n);if(c&&c.includes("var")&&u(e,c),c&&1!==o){if(c.includes("rgb"))return(0,l.rgbToRgba)(c,o);if(c.includes("#"))return(0,l.hexToRGBA)(c,o)}return c};exports.getTokenValue=u;exports.getDocumentCSSTokens=()=>{const e=[...Object.keys(r.default.theme.colors),...Object.keys(o.default.colors)],t=Object.keys(o.default.shadows);return{colors:e.reduce(((e,t)=>{const l=u("colors",t);return l&&(e[t]={prefix:r.default.prefix,scale:"colors",token:t,value:l}),e}),{}),shadows:t.reduce(((e,t)=>{const l=u("shadows",t);return l&&(e[t]={prefix:r.default.prefix,scale:"shadows",token:t,value:l}),e}),{})}};exports.getDocumentTheme=e=>{var t;const l=(null==e||null==(t=e.getAttribute("style"))?void 0:t.split(";").map((e=>e.trim())).filter((e=>e.includes("color-scheme"))))||[],r=l.length>0?l[0].replace("color-scheme: ","").replace(";",""):"";return(null==e?void 0:e.getAttribute("data-theme"))||r};const s=e=>"string"==typeof e&&null!=e&&e.includes("-theme")?null==e?void 0:e.replace("-theme",""):e;exports.getThemeName=s;exports.changeTheme=e=>{var l,r;if(!document)return;const o=document.documentElement,u=(null==o||null==(l=o.getAttribute("class"))?void 0:l.split(" ").filter((e=>!e.includes("theme")&&!e.includes("light")&&!e.includes("dark"))))||[],n=(null==o||null==(r=o.getAttribute("style"))?void 0:r.split(";").filter((e=>!e.includes("color-scheme")&&e.length)).map((e=>`${e};`)))||[],c=s(e);null==o||o.setAttribute("class",(0,t.default)(u,`${c}-theme`)),null==o||o.setAttribute("style",(0,t.default)(n,`color-scheme: ${c};`))};

package/cjs/tooltip/tooltip.js

@@ -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=a(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 l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../utils/with-defaults")),o=e(require("../use-click-away")),n=e(require("./tooltip-content")),i=require("./tooltip.styles"),l=require("react/jsx-runtime");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}const u=({children:e,initialVisible:r,content:a,offset:u,placement:s,portalClassName:c,enterDelay:d,leaveDelay:f,trigger:p,rounded:v,animated:b,shadow:h,className:m,color:w,contentColor:y,onVisibleChange:g,hideArrow:x,css:k,triggerCss:j,onClick:C,keepMounted:M,visible:q,...O})=>{const D=(0,t.useRef)(),N=(0,t.useRef)(null),[P,T]=(0,t.useState)(r),V={animated:b,visible:P,css:k,shadow:h,offset:u,placement:s,rounded:v,color:w,contentColor:y,hideArrow:x,parent:N,className:c},_=e=>{const t=()=>{clearTimeout(D.current),D.current=void 0},r=e=>{T(e),g(e),t()};t(),D.current=e?window.setTimeout((()=>r(!0)),d):window.setTimeout((()=>r(!1)),f)},A=e=>{"hover"===p&&_(e)};return(0,o.default)(N,(()=>"click"===p&&!M&&_(!1))),(0,t.useEffect)((()=>{void 0!==q&&_(q)}),[q]),(0,l.jsxs)(i.StyledTooltipTrigger,{ref:N,className:`nextui-tooltip-button ${m}`,css:{...j},role:"button",tabIndex:-1,onBlur:()=>A(!1),onClick:()=>{"click"===p&&_(!P),null==C||C()},onFocus:()=>A(!0),onKeyUp:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),...O,children:[e,a&&(0,l.jsx)(n.default,{...V,children:a})]})};u.toString=()=>".nextui-tooltip";var s=(0,r.default)(u,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});exports.default=s,module.exports=exports.default;
+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=a(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 l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../utils/with-defaults")),o=e(require("../use-click-away")),n=e(require("./tooltip-content")),i=require("./tooltip.styles"),l=require("react/jsx-runtime");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}const s=({children:e,initialVisible:r,content:a,offset:s,placement:u,portalClassName:c,enterDelay:d,leaveDelay:f,trigger:p,rounded:b,animated:v,shadow:h,className:m,color:w,contentColor:y,onVisibleChange:g,hideArrow:x,css:k,triggerCss:j,onClick:C,keepMounted:D,visible:M,isDisabled:q,...O})=>{const N=(0,t.useRef)(),P=(0,t.useRef)(null),[T,V]=(0,t.useState)(r),_={animated:v,visible:T,css:k,shadow:h,offset:s,placement:u,rounded:b,color:w,contentColor:y,hideArrow:x,parent:P,className:c},A=e=>{const t=()=>{clearTimeout(N.current),N.current=void 0},r=e=>{V(e),g(e),t()};t(),N.current=e?window.setTimeout((()=>r(!0)),d):window.setTimeout((()=>r(!1)),f)},R=e=>{"hover"===p&&A(e)};return(0,o.default)(P,(()=>"click"===p&&!D&&A(!1))),(0,t.useEffect)((()=>{void 0!==M&&A(M)}),[M]),(0,l.jsxs)(i.StyledTooltipTrigger,{ref:P,className:`nextui-tooltip-button ${m}`,css:j,role:"button",tabIndex:-1,onBlur:()=>R(!1),onClick:()=>{"click"===p&&A(!T),null==C||C()},onFocus:()=>R(!0),onKeyUp:()=>R(!0),onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),...O,children:[e,a&&!q?(0,l.jsx)(n.default,{..._,children:a}):null]})};s.toString=()=>".nextui-tooltip";var u=(0,r.default)(s,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,isDisabled:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});exports.default=u,module.exports=exports.default;

package/cjs/use-pagination/index.js

@@ -1 +1 @@
-exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o),d=e=>{g(e),u&&u(e)};(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r]);const l=(0,e.useCallback)((e=>{d(e<=0?1:e>a?a:e)}),[a]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,t.range)(1,a);const e=Math.max(i-s,n),r=Math.min(i+s,a-n),o=e>n+2,u=r<a-(n+1);if(!o&&u){const e=2*s+n+2;return[...(0,t.range)(1,e),"dots",...(0,t.range)(a-(n-1),a)]}if(o&&!u){const e=n+1+2*s;return[...(0,t.range)(1,n),"dots",...(0,t.range)(a-e,a)]}return[...(0,t.range)(1,n),"dots",...(0,t.range)(e,r),"dots",...(0,t.range)(a-n+1,a)]}),[a,s,i]),active:i,setPage:l,next:()=>l(i+1),previous:()=>l(i-1),first:()=>l(1),last:()=>l(a)}};exports.default=r;
+exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),t=require("../utils/numbers");exports.DOTS="dots";var r=({page:r,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:u})=>{const[i,g]=(0,e.useState)(r||o),d=e=>{g(e),u&&u(e)};(0,e.useEffect)((()=>{r&&r!==i&&g(r)}),[r]);const l=(0,e.useCallback)((e=>{d(e<=0?1:e>a?a:e)}),[a,i]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,t.range)(1,a);const e=Math.max(i-s,n),r=Math.min(i+s,a-n),o=e>n+2,u=r<a-(n+1);if(!o&&u){const e=2*s+n+2;return[...(0,t.range)(1,e),"dots",...(0,t.range)(a-(n-1),a)]}if(o&&!u){const e=n+1+2*s;return[...(0,t.range)(1,n),"dots",...(0,t.range)(a-e,a)]}return[...(0,t.range)(1,n),"dots",...(0,t.range)(e,r),"dots",...(0,t.range)(a-n+1,a)]}),[a,s,i]),active:i,setPage:l,next:()=>l(i+1),previous:()=>l(i-1),first:()=>l(1),last:()=>l(a)}};exports.default=r;

package/cjs/user/user.js

@@ -1 +1 @@
-var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=exports.User=void 0;var r=require("@react-aria/focus"),s=e(require("react")),t=require("@react-aria/utils"),i=require("../index"),o=require("../utils/dom"),a=require("../utils/assertion"),u=require("./user.styles"),n=require("react/jsx-runtime");const c=s.default.forwardRef(((e,s)=>{const{as:a,css:c,src:d,text:l,name:x,children:p,altText:m,color:f,squared:q,bordered:b,size:U,description:N,zoomed:h,pointer:j,...v}=e,y=(0,o.useDOMRef)(s),{isFocusVisible:_,focusProps:g}=(0,r.useFocusRing)();return(0,n.jsxs)(u.StyledUser,{ref:y,as:a,...(0,t.mergeProps)(v,g),css:(0,t.mergeProps)("button"===a?{borderRadius:"$xs",background:"none",appearance:"none",p:0,m:0,outline:"none",border:"none",cursor:"pointer"}:{},c),isFocusVisible:_,children:[(0,n.jsx)(i.Avatar,{alt:m,bordered:b,className:"nextui-user-avatar",color:f,pointer:j,size:U,squared:q,src:d,text:l,zoomed:h}),(0,n.jsxs)(u.StyledUserInfo,{className:"nextui-user-info",children:[(0,n.jsx)(u.StyledUserName,{className:"nextui-user-name",children:x}),(0,n.jsx)(u.StyledUserDesc,{className:"nextui-user-desc",children:N||p})]})]})}));exports.User=c,a.__DEV__&&(c.displayName="NextUI.User"),c.toString=()=>".nextui-user";var d=c;exports.default=d;
+exports.__esModule=!0,exports.default=exports.User=void 0;var e=require("@react-aria/focus"),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=a(r);if(t&&t.has(e))return t.get(e);var s={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(s,o,u):s[o]=e[o]}s.default=e,t&&t.set(e,s);return s}(require("react")),t=require("@react-aria/utils"),s=require("../index"),n=require("../utils/dom"),o=require("../utils/assertion"),u=require("./user.styles"),i=require("react/jsx-runtime");function a(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(a=function(e){return e?t:r})(e)}const c=r.default.forwardRef(((o,a)=>{const{as:c,css:l,src:d,text:f,name:p,children:x,altText:m,color:y,squared:b,bordered:j,size:q,description:v,zoomed:O,pointer:g,...U}=o,_=(0,n.useDOMRef)(a),{isFocusVisible:h,focusProps:M}=(0,e.useFocusRing)(),N=(0,r.useMemo)((()=>{if("button"===c)return{borderRadius:"$xs",background:"none",appearance:"none",p:0,m:0,outline:"none",border:"none",cursor:"pointer"}}),[c]);return(0,i.jsxs)(u.StyledUser,{ref:_,as:c,...(0,t.mergeProps)(U,M),css:{...N,...l},isFocusVisible:h,children:[(0,i.jsx)(s.Avatar,{alt:m,bordered:j,className:"nextui-user-avatar",color:y,pointer:g,size:q,squared:b,src:d,text:f,zoomed:O}),(0,i.jsxs)(u.StyledUserInfo,{className:"nextui-user-info",children:[(0,i.jsx)(u.StyledUserName,{className:"nextui-user-name",children:p}),(0,i.jsx)(u.StyledUserDesc,{className:"nextui-user-desc",children:v||x})]})]})}));exports.User=c,o.__DEV__&&(c.displayName="NextUI.User"),c.toString=()=>".nextui-user";var l=c;exports.default=l;

package/cjs/user/user.styles.js

@@ -1 +1 @@
-exports.__esModule=!0,exports.StyledUserName=exports.StyledUserInfo=exports.StyledUserDesc=exports.StyledUser=void 0;var e=require("../theme/stitches.config"),s=require("../theme/shared-css");const t=(0,e.styled)("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%",transition:"transform 250ms ease 0ms, box-shadow 0.25s ease 0s","@motion":{transition:"none"}},s.cssFocusVisible);exports.StyledUser=t;const o=(0,e.styled)("div",{ml:"$sm",d:"inline-flex",fd:"column",alignItems:"flex-start",whiteSpace:"nowrap"});exports.StyledUserInfo=o;const i=(0,e.styled)("span",{fontSize:"$sm",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});exports.StyledUserName=i;const r=(0,e.styled)("span",{fontSize:"$xs",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledUserDesc=r;
+exports.__esModule=!0,exports.StyledUserName=exports.StyledUserInfo=exports.StyledUserDesc=exports.StyledUser=void 0;var e=require("../theme/stitches.config"),s=require("../theme/shared-css");const t=(0,e.styled)("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%",transition:"transform 250ms ease 0ms, box-shadow 0.25s ease 0s","@motion":{transition:"none"}},s.cssFocusVisible);exports.StyledUser=t;const o=(0,e.styled)("div",{ml:"$sm",d:"inline-flex",fd:"column",alignItems:"flex-start",whiteSpace:"nowrap"});exports.StyledUserInfo=o;const r=(0,e.styled)("span",{fontSize:"$sm",color:"$text",lh:"$sm",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});exports.StyledUserName=r;const n=(0,e.styled)("span",{fontSize:"$xs",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledUserDesc=n;

package/cjs/utils/checkmark.js

@@ -1 +1 @@
-var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.stroke=exports.default=void 0;e(require("react"));var r=require("../theme/stitches.config"),t=e(require("./clsx")),s=require("./assertion"),i=require("react/jsx-runtime");const o=(0,r.keyframes)({"100%":{strokeDashoffset:0}});exports.stroke=o;const a=(0,r.styled)("svg",{d:"block",path:{transformOrigin:"50% 50%",strokeDasharray:48,strokeDashoffset:48,animation:`${o} .25s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards`}}),c=e=>{const{width:r=24,height:s=24,size:o,strokeWidth:c=3,fill:l="currentColor",css:h,className:n}=e;return(0,i.jsx)(a,{className:(0,t.default)("nextui-checkmark",n),css:{...h},height:o||s,role:"img",viewBox:"0 0 52 52",width:o||r,xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M14.1 27.2l7.1 7.2 16.7-16.8",fill:"none",stroke:l,strokeWidth:c})})};s.__DEV__&&(c.displayName="NextUI.Checkmark"),c.toString=()=>".nextui-checkmark";var l=c;exports.default=l;
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.stroke=exports.default=void 0;e(require("react"));var r=require("../theme/stitches.config"),t=e(require("./clsx")),s=require("./assertion"),i=require("react/jsx-runtime");const o=(0,r.keyframes)({"100%":{strokeDashoffset:0}});exports.stroke=o;const a=(0,r.styled)("svg",{d:"block",path:{transformOrigin:"50% 50%",strokeDasharray:48,strokeDashoffset:48,animation:`${o} .25s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards`}}),c=e=>{const{width:r=24,height:s=24,size:o,strokeWidth:c=3,fill:l="currentColor",css:h,className:n}=e;return(0,i.jsx)(a,{className:(0,t.default)("nextui-checkmark",n),css:h,height:o||s,role:"img",viewBox:"0 0 52 52",width:o||r,xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M14.1 27.2l7.1 7.2 16.7-16.8",fill:"none",stroke:l,strokeWidth:c})})};s.__DEV__&&(c.displayName="NextUI.Checkmark"),c.toString=()=>".nextui-checkmark";var l=c;exports.default=l;

package/cjs/utils/css-transition.js

@@ -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=n(t);if(r&&r.has(e))return r.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(l,u,i):l[u]=e[u]}l.default=e,r&&r.set(e,l);return l}(require("react")),r=e(require("./with-defaults")),l=e(require("./clsx"));function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}var a=(0,r.default)((({children:e,childrenRef:r,className:n,visible:a,enterTime:u,leaveTime:i,clearTime:s,name:o,onExited:c,onEntered:f,...p})=>{const[d,m]=(0,t.useState)(""),[v,T]=(0,t.useState)(a);return(0,t.useEffect)((()=>{const e=a?"enter":"leave",t=a?u:i;a&&!v&&T(!0),m(`${o}-${e}`);const r=setTimeout((()=>{m(`${o}-${e} ${o}-${e}-active`),"leave"===e?null==c||c():null==f||f(),clearTimeout(r)}),t),l=setTimeout((()=>{a||(m(""),T(!1)),clearTimeout(l)}),t+s);return()=>{clearTimeout(r),clearTimeout(l)}}),[a,v]),(0,t.useEffect)((()=>{if(null==r||!r.current)return;const e=d.split(" "),t=r.current.className.split(" ").filter((e=>!e.includes(o)));r.current.className=(0,l.default)(t,e)}),[r,d]),t.default.isValidElement(e)&&v?t.default.cloneElement(e,{...p,className:(0,l.default)(e.props.className,n,null!=r&&r.current?"":d)}):null}),{visible:!1,enterTime:60,leaveTime:60,clearTime:60,className:"",name:"transition"});exports.default=a,module.exports=exports.default;
+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 n={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=u?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(require("react")),r=require("react-dom"),n=e(require("./clsx"));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 u=e=>{const{children:l,onExited:u,onEntered:a,className:i,childrenRef:o,enterTime:c=60,leaveTime:s=60,clearTime:f=60,visible:p=!1,name:d="transition",...m}=e,[v,y]=(0,t.useState)(""),[b,T]=(0,t.useState)(p);return(0,t.useEffect)((()=>{const e=p?"enter":"leave",t=p?c:s;p&&!b&&T(!0),(0,r.flushSync)((()=>y(`${d}-${e}`)));const n=setTimeout((()=>{y(`${d}-${e} ${d}-${e}-active`),"leave"===e?null==u||u():null==a||a(),clearTimeout(n)}),t),l=setTimeout((()=>{p||(y(""),T(!1)),clearTimeout(l)}),t+f);return()=>{clearTimeout(n),clearTimeout(l)}}),[p,b]),(0,t.useEffect)((()=>{if(null==o||!o.current)return;const e=v.split(" "),t=o.current.className.split(" ").filter((e=>!e.includes(d)));o.current.className=(0,n.default)(t,e)}),[o,v]),(0,t.isValidElement)(l)&&b?(0,t.cloneElement)(l,{...m,className:(0,n.default)(l.props.className,i,!(null!=o&&o.current)&&v)}):null};var a=t.default.memo(u);exports.default=a,module.exports=exports.default;

package/esm/avatar/avatar.js

@@ -1 +1 @@
-import{useFocusRing as a}from"@react-aria/focus";import t,{useMemo as r,useState as s,useRef as e,useEffect as o}from"react";import{mergeProps as i}from"@react-aria/utils";import{useDOMRef as n}from"../utils/dom";import{__DEV__ as l}from"../utils/assertion";import c from"../utils/clsx";import m from"./avatar.styles";import{jsx as u}from"react/jsx-runtime";import{jsxs as p}from"react/jsx-runtime";const v=a=>(null==a?void 0:a.length)<=4?a:null==a?void 0:a.slice(0,3);export const Avatar=t.forwardRef(((t,l)=>{const{as:x,src:d,css:f,text:N,icon:g,alt:b,className:y,...A}=t,h=n(l),j=!d,[F,V]=s(!1),w=e(null),{isFocusVisible:I,focusProps:L}=a();o((()=>{var a;(null==w||null==(a=w.current)?void 0:a.complete)&&V(!0)}),[]);const P=r((()=>!F&&d?"loading":"ready"),[d,F]);return p(m,{ref:h,as:x,...i(A,L),className:c({"only-text-avatar":j},y),css:"button"===x?{appearance:"none",outline:"none",border:"none",cursor:"pointer",...f}:f,"data-state":P,isFocusVisible:I,children:[u("span",{className:"nextui-avatar-bg"}),!j&&u("img",{ref:w,alt:b,className:c("nextui-avatar-img",`nextui-avatar--${P}`,{"nextui-avatar-ready":F}),"data-state":P,src:d,onLoad:()=>V(!0)}),j&&!g&&N&&u("span",{className:"nextui-avatar-text",children:v(N)}),g&&u("span",{className:"nextui-avatar-icon",children:g})]})}));l&&(Avatar.displayName="NextUI.Avatar"),Avatar.toString=()=>".nextui-avatar";export default Avatar;
+import{useFocusRing as a}from"@react-aria/focus";import t,{useMemo as r,useState as e,useEffect as s}from"react";import{mergeProps as o}from"@react-aria/utils";import{useDOMRef as i}from"../utils/dom";import{__DEV__ as n}from"../utils/assertion";import l from"../utils/clsx";import c from"./avatar.styles";import{jsx as m}from"react/jsx-runtime";import{jsxs as u}from"react/jsx-runtime";const p=a=>(null==a?void 0:a.length)<=4?a:null==a?void 0:a.slice(0,3);export const Avatar=t.forwardRef(((t,n)=>{const{as:f,src:v,css:x,text:d,icon:N,alt:g,className:b,imgRef:y,...A}=t,h=i(n),j=!v,[F,R]=e(!1),V=i(y),{isFocusVisible:w,focusProps:I}=a();s((()=>{var a;(null==V||null==(a=V.current)?void 0:a.complete)&&R(!0)}),[]);const L=r((()=>!F&&v?"loading":"ready"),[v,F]),P=r((()=>{if("button"===f)return{appearance:"none",outline:"none",border:"none",cursor:"pointer"}}),[f]);return u(c,{ref:h,as:f,...o(A,I),className:l({"only-text-avatar":j},b),css:{...P,...x},"data-state":L,isFocusVisible:w,children:[m("span",{className:"nextui-avatar-bg"}),!j&&m("img",{ref:V,alt:g,className:l("nextui-avatar-img",`nextui-avatar--${L}`,{"nextui-avatar-ready":F}),"data-state":L,src:v,onLoad:()=>R(!0)}),j&&!N&&d&&m("span",{className:"nextui-avatar-text",children:p(d)}),N&&m("span",{className:"nextui-avatar-icon",children:N})]})}));n&&(Avatar.displayName="NextUI.Avatar"),Avatar.toString=()=>".nextui-avatar";export default Avatar;

package/esm/backdrop/backdrop.styles.js

@@ -1 +1 @@
-import{styled as e,keyframes as t}from"../theme/stitches.config";const a=t({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}});export const StyledBackdropContent=e("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:a,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});export const StyledBackdropLayer=e("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"}}}});export const StyledBackdrop=e("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",[`& ${StyledBackdropContent}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${StyledBackdropLayer}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});
+import{styled as a,keyframes as e}from"../theme/stitches.config";const i=e({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}}),t=e({"0%":{opacity:0}}),n=e({"0%":{backdropFilter:"saturate(0%) blur(0)"}});export const StyledBackdropContent=a("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:i,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});export const StyledBackdropLayer=a("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","@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{opacity:1,backdropFilter:"saturate(180%) blur(20px)",animationName:`${n}, ${t}`,bg:"rgba(0, 0, 0, 0.1)"}},false:{bg:"$black",opacity:"$$backdropOpacity",animationName:`${t}`,animationDuration:"0.2s",animationTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{true:{animationName:`${t}`,animationDuration:"0.2s",animationTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)"},false:{transition:"none"}}}});export const StyledBackdrop=a("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",[`& ${StyledBackdropContent}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${StyledBackdropLayer}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});

package/esm/button/button-icon.js

@@ -1 +1 @@
-import t from"react";import{styled as i}from"../theme/stitches.config";import n from"../utils/with-defaults";import s from"../utils/clsx";import{jsx as o}from"react/jsx-runtime";export const StyledButtonIcon=i("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)"}}]});const e=({children:t,className:i,css:n,...e})=>o(StyledButtonIcon,{className:s("nextui-button-icon",{"nextui-button-icon-right":e.isRight,"nextui-button-icon-single":e.isSingle},i),css:{...n},...e,children:t});e.toString=()=>".nextui-button-icon";const r=t.memo(e);export default n(r,{className:""});
+import t from"react";import{styled as i}from"../theme/stitches.config";import n from"../utils/with-defaults";import s from"../utils/clsx";import{jsx as o}from"react/jsx-runtime";export const StyledButtonIcon=i("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)"}}]});const e=({children:t,className:i,css:n,...e})=>o(StyledButtonIcon,{className:s("nextui-button-icon",{"nextui-button-icon-right":e.isRight,"nextui-button-icon-single":e.isSingle},i),css:n,...e,children:t});e.toString=()=>".nextui-button-icon";const r=t.memo(e);export default n(r,{className:""});

package/esm/button/utils.js

@@ -1 +1 @@
-export const filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,i,s,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!=(i=o.rounded)?i:e.rounded,light:null!=(s=o.light)?s: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};export const 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};
+export const filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,i,s,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!=(i=o.rounded)?i:e.rounded,light:null!=(s=o.light)?s: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};export const 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"}:void 0:o};

package/esm/card/card.styles.js

@@ -1 +1 @@
-import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";import{cssNoBlurriness as e,cssFocusVisible as t}from"../theme/shared-css";export const StyledCardBody=o("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"});export const StyledCard=o("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}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{variant:{flat:{bg:"$accents0"},shadow:{dropShadow:"$lg","@safari":{boxShadow:"$lg",dropShadow:"none"}},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","@safari":{boxShadow:"$lg",dropShadow:"none"}}}},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","@safari":{boxShadow:"$xl",dropShadow:"none"}}}]},e,t);export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",p:"$sm"});export const StyledCardFooter=o("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"}}}});
+import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";import{cssNoBlurriness as e,cssFocusVisible as t}from"../theme/shared-css";export const StyledCardBody=o("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"});export const StyledCard=o("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}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{variant:{flat:{bg:"$accents0"},shadow:{dropShadow:"$lg","@safari":{boxShadow:"$lg",dropShadow:"none"},"@-moz-document url-prefix()":{boxShadow:"$lg",dropShadow:"none"}},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","@safari":{boxShadow:"$lg",dropShadow:"none"},"@-moz-document url-prefix()":{boxShadow:"$lg",dropShadow:"none"}}}},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","@safari":{boxShadow:"$xl",dropShadow:"none"},"@-moz-document url-prefix()":{boxShadow:"$xl",dropShadow:"none"}}}]},e,t);export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",p:"$sm"});export const StyledCardFooter=o("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"}}}});

package/esm/checkbox/checkbox.js

@@ -1 +1 @@
-import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a}from"@react-aria/interactions";import{usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V}=l({...j,children:null!=v?v:D}),w=d(n,T),{hoverProps:S,isHovered:U}=a({isDisabled:V.disabled}),{pressProps:$}=o({isDisabled:V.disabled}),{focusProps:q,isFocusVisible:B}=c({autoFocus:V.autoFocus}),E=i((()=>U?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[U,H,V.checked]);return N(m,{ref:w,...s(S,$),as:C,className:t("nextui-checkbox-label",`nextui-checkbox--${E}`,A),css:I,disableAnimation:z,isDisabled:V.disabled,size:F,children:[N(h,{className:"nextui-checkbox-container",color:P,disableAnimation:z,isDisabled:V.disabled,isFocusVisible:B,isHovered:U,isRounded:g,...q,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,q)})}),f(u,{className:"nextui-checkbox-mask",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,children:N(b,{className:"nextui-icon-check",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,size:F,children:[f(k,{className:"nextui-icon-check-line1",disableAnimation:z,isChecked:V.checked,isIndeterminate:H}),f(x,{className:"nextui-icon-check-line2",disableAnimation:z,isChecked:V.checked,isIndeterminate:H})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,disableAnimation:z,isChecked:V.checked,isDisabled:V.disabled,lineThrough:y,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;
+import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a}from"@react-aria/interactions";import{usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V,containerCss:w}=l({...j,children:null!=v?v:D}),S=d(n,T),{hoverProps:U,isHovered:$}=a({isDisabled:V.disabled}),{pressProps:q}=o({isDisabled:V.disabled}),{focusProps:B,isFocusVisible:E}=c({autoFocus:V.autoFocus}),G=i((()=>$?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[$,H,V.checked]);return N(m,{ref:S,...s(U,q,j),as:C,className:t("nextui-checkbox-label",`nextui-checkbox--${G}`,A),css:I,disableAnimation:z,isDisabled:V.disabled,size:F,children:[N(h,{className:"nextui-checkbox-container",color:P,css:w,disableAnimation:z,isDisabled:V.disabled,isFocusVisible:E,isHovered:$,isRounded:g,...B,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,B)})}),f(u,{className:"nextui-checkbox-mask",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,children:N(b,{className:"nextui-icon-check",disableAnimation:z,isChecked:V.checked,isIndeterminate:H,size:F,children:[f(k,{className:"nextui-icon-check-line1",disableAnimation:z,isChecked:V.checked,isIndeterminate:H}),f(x,{className:"nextui-icon-check-line2",disableAnimation:z,isChecked:V.checked,isIndeterminate:H})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,disableAnimation:z,isChecked:V.checked,isDisabled:V.disabled,lineThrough:y,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;

package/esm/checkbox/checkbox.styles.js

@@ -1 +1 @@
-import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as o}from"../theme/shared-css";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{opacity:.75,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}}},defaultVariants:{size:"md"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{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"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{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"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{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"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{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"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},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)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$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:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column","& .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"}}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});
+import{styled as e}from"../theme/stitches.config";import{cssFocusVisible as o}from"../theme/shared-css";export const StyledCheckboxLabel=e("label",{$$checkboxBorderColor:"$colors$border",$$checkboxBorderRadius:"$radii$squared",d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease","@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"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{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"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{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"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{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"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{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"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},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)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$$checkboxBorderRadius",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:{$$checkboxBorderRadius:"$radii$pill"}},isDisabled:{true:{opacity:.4,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}},isHovered:{true:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column","& .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"}}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});

package/esm/checkbox/use-checkbox.js

@@ -1 +1 @@
-import{useMemo as e,useRef as o}from"react";import{useToggleState as l}from"@react-stately/toggle";import{useCheckbox as t,useCheckboxGroupItem as i}from"@react-aria/checkbox";import{__DEV__ as n}from"../utils/assertion";import{useCheckboxGroupContext as r}from"./checkbox-context";export const useCheckbox=a=>{var u,s,d;const c=r(),{size:m=(null!=(u=null==c?void 0:c.size)?u:"md"),color:p=(null!=(s=null==c?void 0:c.color)?s:"default"),labelColor:b=(null!=(d=null==c?void 0:c.labelColor)?d:"default"),lineThrough:h,isRounded:f=!1,disableAnimation:v=!1,isIndeterminate:x=!1,...C}=a;if(c&&n){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 g=o(null),k=e((()=>{var e,o;return{...C,isIndeterminate:x,value:null!=(e=C.value)?e:"",isRequired:null!=(o=C.isRequired)&&o}}),[x,C]),{inputProps:S}=c?i({...k,validationState:C.validationState},c.groupState,g):t(k,l(k),g);return{size:m,color:p,labelColor:b,isRounded:f,lineThrough:h,disableAnimation:v,isIndeterminate:x,inputRef:g,inputProps:S}};
+import{useMemo as e,useRef as o}from"react";import{useToggleState as l}from"@react-stately/toggle";import{useCheckbox as t,useCheckboxGroupItem as i}from"@react-aria/checkbox";import{__DEV__ as n}from"../utils/assertion";import{useCheckboxGroupContext as r}from"./checkbox-context";export const useCheckbox=a=>{var s,u,d;const c=r(),{size:m=(null!=(s=null==c?void 0:c.size)?s:"md"),color:p=(null!=(u=null==c?void 0:c.color)?u:"default"),labelColor:b=(null!=(d=null==c?void 0:c.labelColor)?d:"default"),lineThrough:h,isRounded:f=!1,disableAnimation:v=!1,isIndeterminate:C=!1,containerCss:x,...g}=a;if(c&&n){const e="The Checkbox.Group is being used, `%s` will be ignored. Use the `%s` of the Checkbox.Group instead.";"isSelected"in g&&console.warn(e,"isSelected","value"),"defaultSelected"in g&&console.warn(e,"defaultSelected","defaultValue")}const k=o(null),S=e((()=>{var e,o;return{...g,isIndeterminate:C,value:null!=(e=g.value)?e:"",isRequired:null!=(o=g.isRequired)&&o}}),[C,g]),{inputProps:R}=c?i({...S,validationState:g.validationState},c.groupState,k):t(S,l(S),k);return{size:m,color:p,labelColor:b,isRounded:f,lineThrough:h,disableAnimation:v,isIndeterminate:C,inputRef:k,inputProps:R,containerCss:x}};

package/esm/divider/divider.js

@@ -1 +1 @@
-import t,{useMemo as r}from"react";import e from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledDivider as s,StyledDividerText as o}from"./divider.styles";import{jsx as n}from"react/jsx-runtime";const a=({height:t,x:e,y:a,align:l,children:m,textColor:c,css:d,...f})=>{const h=r((()=>l&&"center"!==l?"left"===l||"start"===l?{transform:"translateY(-50%)",left:"7%"}:{transform:"translateY(-50%)",left:"auto",right:"7%"}:""),[l]),x=a?i(a/2):0,u=e?i(e/2):0;return n(s,{css:{margin:`${x} ${u}`,height:`calc(${t} * 1px)`,...d},role:"separator",...f,children:m&&n(o,{className:"nextui-divider-text",color:c,css:{...h},children:m})})};a.toString=()=>".nextui-divider";const l=t.memo(a);export default e(l,{x:0,y:0,height:1,align:"center"});
+import t,{useMemo as r}from"react";import e from"../utils/with-defaults";import{getMargin as i}from"../utils/dimensions";import{StyledDivider as s,StyledDividerText as o}from"./divider.styles";import{jsx as n}from"react/jsx-runtime";const a=({height:t,x:e,y:a,align:l,children:m,textColor:c,css:f,...d})=>{const h=r((()=>{if(l&&"center"!==l)return"left"===l||"start"===l?{transform:"translateY(-50%)",left:"7%"}:{transform:"translateY(-50%)",left:"auto",right:"7%"}}),[l]),u=a?i(a/2):0,x=e?i(e/2):0;return n(s,{css:{margin:`${u} ${x}`,height:`calc(${t} * 1px)`,...f},role:"separator",...d,children:m&&n(o,{className:"nextui-divider-text",color:c,css:{...h},children:m})})};a.toString=()=>".nextui-divider";const l=t.memo(a);export default e(l,{x:0,y:0,height:1,align:"center"});

package/esm/dropdown/dropdown-menu.js

@@ -1 +1 @@
-import o from"react";import{useMenu as t}from"@react-aria/menu";import{useTreeState as r}from"@react-stately/tree";import{mergeProps as e}from"@react-aria/utils";import{useDOMRef as i,useSyncRef as n}from"../utils/dom";import m from"../utils/clsx";import{__DEV__ as a}from"../utils/assertion";import{useDropdownContext as s}from"./dropdown-context";import p from"./dropdown-section";import c from"./dropdown-item";import{StyledDropdownMenu as l}from"./dropdown.styles";import{jsx as d}from"react/jsx-runtime";const f=o.forwardRef(((o,a)=>{const{css:f={},as:u,color:x="default",textColor:w="default",variant:y="flat",...A}=o,N=s(),v={...e(N,A)},C=i(a),j=r(v),{menuProps:k}=t(v,j,C);return n(N,C),d(l,{ref:C,as:u,className:m("nextui-dropdown-menu",o.className),css:{...f},...k,children:[...j.collection].map((o=>{if("section"===o.type)return d(p,{color:x,item:o,state:j,textColor:w,variant:y,onAction:v.onAction},o.key);let t=d(c,{color:x,item:o,state:j,textColor:w,variant:y,onAction:v.onAction},o.key);return o.wrapper&&(t=o.wrapper(t)),t}))})}));a&&(f.displayName="NextUI.DropdownMenu"),f.toString=()=>".nextui-dropdown-menu";export default f;
+import o from"react";import{useMenu as t}from"@react-aria/menu";import{useTreeState as r}from"@react-stately/tree";import{mergeProps as e}from"@react-aria/utils";import n from"../popover";import{useDOMRef as i,useSyncRef as m}from"../utils/dom";import a from"../utils/clsx";import{__DEV__ as s}from"../utils/assertion";import{useDropdownContext as p}from"./dropdown-context";import c from"./dropdown-section";import l from"./dropdown-item";import{StyledDropdownMenu as d}from"./dropdown.styles";import{jsx as f}from"react/jsx-runtime";const u=o.forwardRef(((o,s)=>{const{as:u,css:x,color:w="default",textColor:y="default",variant:C="flat",containerCss:v,...A}=o,N=p(),h={...e(N,A)},j=i(s),k=r(h),{menuProps:g}=t(h,k,j);return m(N,j),f(n.Content,{css:v,children:f(d,{ref:j,as:u,className:a("nextui-dropdown-menu",o.className),css:x,...g,children:[...k.collection].map((o=>{if("section"===o.type)return f(c,{color:w,item:o,state:k,textColor:y,variant:C,onAction:h.onAction},o.key);let t=f(l,{color:w,item:o,state:k,textColor:y,variant:C,onAction:h.onAction},o.key);return o.wrapper&&(t=o.wrapper(t)),t}))})})}));s&&(u.displayName="NextUI.DropdownMenu"),u.toString=()=>".nextui-dropdown-menu";export default u;

package/esm/dropdown/dropdown.js

@@ -1 +1 @@
-import r from"react";import e from"../popover";import{__DEV__ as o}from"../utils/assertion";import{DropdownProvider as t}from"./dropdown-context";import{useDropdown as i}from"./use-dropdown";import{jsx as n}from"react/jsx-runtime";import{jsxs as s}from"react/jsx-runtime";const m=o=>{const{children:m,...p}=o,d=i(p),[a,l]=r.Children.toArray(m);return n(t,{value:d,children:s(e,{ref:d.menuPopoverRef,...d.popoverProps,borderWeight:d.borderWeight,disableAnimation:d.disableAnimation,isOpen:d.state.isOpen,scrollRef:d.menuRef,triggerRef:d.menuTriggerRef,onClose:d.state.close,children:[a,n(e.Content,{children:l})]})})};o&&(m.displayName="NextUI.Dropdown"),m.toString=()=>".nextui-dropdown";export default m;
+import r from"react";import e from"../popover";import{__DEV__ as o}from"../utils/assertion";import{DropdownProvider as t}from"./dropdown-context";import{useDropdown as i}from"./use-dropdown";import{jsxs as n}from"react/jsx-runtime";import{jsx as s}from"react/jsx-runtime";const m=o=>{const{children:m,...p}=o,a=i(p),[d,f]=r.Children.toArray(m);return s(t,{value:a,children:n(e,{ref:a.menuPopoverRef,...a.popoverProps,borderWeight:a.borderWeight,disableAnimation:a.disableAnimation,isOpen:a.state.isOpen,scrollRef:a.menuRef,triggerRef:a.menuTriggerRef,onClose:a.state.close,children:[d,f]})})};o&&(m.displayName="NextUI.Dropdown"),m.toString=()=>".nextui-dropdown";export default m;

package/esm/grid/grid.js

@@ -1 +1 @@
-import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";const i=r.forwardRef((({children:r,css:i,...o},m)=>e(t,{ref:m,css:{...i},...o,children:r})));i.displayName="NextUI.Grid",i.toString=()=>".nextui-grid";export default i;
+import r from"react";import t from"./grid-item";import{jsx as e}from"react/jsx-runtime";const i=r.forwardRef((({children:r,css:i,...o},m)=>e(t,{ref:m,css:i,...o,children:r})));i.displayName="NextUI.Grid",i.toString=()=>".nextui-grid";export default i;

package/esm/input/index.js

@@ -1 +1 @@
-import t from"../textarea";import e from"./input";import n from"./input-password";export{StyledInputMainContainer,StyledInputContainer,StyledInputWrapper,StyledHelperTextContainer,StyledHelperText,StyledInputPlaceholder,StyledInputBlockLabel,StyledInputLabel,StyledInputContent,StyledInputClearButton,StyledInput}from"./input.styles";e.Textarea=t,e.Password=n;export default e;
+import t from"./input";import e from"./input-password";export{StyledInputMainContainer,StyledInputContainer,StyledInputWrapper,StyledHelperTextContainer,StyledHelperText,StyledInputPlaceholder,StyledInputBlockLabel,StyledInputLabel,StyledInputContent,StyledInputClearButton,StyledInput}from"./input.styles";t.Password=e;export default t;

package/esm/input/input.js

@@ -1 +1 @@
-import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import o from"../use-theme";import{warn as d}from"../utils/console";import s from"../utils/clear-icon";import c from"../utils/clsx";import{__DEV__ as u}from"../utils/assertion";import{StyledInput as p,StyledInputMainContainer as m,StyledInputContainer as h,StyledHelperTextContainer as f,StyledHelperText as b,StyledInputWrapper as $,StyledInputPlaceholder as g,StyledInputClearButton as y,StyledInputBlockLabel as C,StyledInputLabel as x,StyledInputContent as w}from"./input.styles";import{defaultProps as N}from"./input-props";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:N,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:F,contentLeft:j,contentRight:O,contentClickable:V,contentLeftStyling:q,contentRightStyling:U,onContentClick:W,initialValue:z,onChange:E,readOnly:A,value:G,onClearClick:H,clearable:J,shadow:K,animated:M,required:Q,width:X,className:Y,onBlur:Z,onFocus:_,autoComplete:ee,placeholder:te,fullWidth:ae,borderWeight:re,disabled:le,bordered:ne,underlined:ie,rounded:oe,css:de,...se},ce)=>{const ue=l(null);a(ce,(()=>ue.current));const[pe,me]=n(z),[he,fe]=n(!1),{isDark:be}=o(),$e=r((()=>void 0!==G),[G]),ge=r((()=>N||R),[N,R]),ye=r((()=>R?"":te),[te,R]),Ce=r((()=>ae?"100%":X||"initial"),[ae,X]);ie&&u&&(ne&&d("Using underlined and bordered at the same time will have no effect."),oe&&d("Using underlined and rounded at the same time will have no effect."));const xe=(e,t)=>{le||W&&W(e,t)};t((()=>{$e&&me(G)}),[$e,G]);const we=r((()=>"textarea"===e),[e]),Ne={...se,...$e?{value:pe}:{defaultValue:z}},{labelProps:ve,fieldProps:ke}=i({...Ne,label:ge}),Se=r((()=>he?"hover":le?"disabled":A?"read-only":pe?"with-value":"normal"),[he,le,A,pe]);return k(m,{borderWeight:re,className:c(`${S}-main-container`,`${S}-main-container--${Se}`),color:T,css:{width:Ce,...de},"data-state":Se,disabled:le,helperColor:B,rounded:oe,size:P,status:F,children:[ge&&v(C,{animated:M,asPlaceholder:!!R,bordered:ne,className:`${S}-block-label`,focused:he,hasContentLeft:!!j,htmlFor:"htmlFor"in ve?ve.htmlFor:"",id:ve.id,isTextarea:we,rounded:oe,underlined:ie,withValue:!!pe,children:ge}),v(h,{animated:M,className:c(`${S}-container`,`${S}-container--${Se}`,{[`${S}-container--input`]:!we,[`${S}-container--textarea`]:we,[`${S}-container--read-only`]:A},Y),focused:he,isReadOnly:A,isTextarea:we,underlined:ie,children:k($,{animated:M,as:ge?"div":"label",bordered:ne,className:c(`${S}-wrapper`,`${S}-wrapper--${Se}`,{[`${S}-wrapper--bordered`]:ne,[`${S}-wrapper--underlined`]:ie,[`${S}-wrapper--shadow`]:K}),disabled:le,focused:he,isReadOnly:A,isTextarea:we,shadow:K,underlined:ie,children:[!ge&&te&&v(g,{className:`${S}-placeholder`,children:te}),I&&v(x,{bordered:ne,className:`${S}-label--left`,isDark:be,isDefaultStatus:"default"===F,underlined:ie,children:I}),j&&v(w,{applyStyles:q,className:c(`${S}-content`,`${S}-content--left`),clickable:V,onClick:e=>xe("left",e),children:j}),v(p,{ref:ue,"aria-multiline":we,"aria-placeholder":ye,"aria-readonly":A,"aria-required":Q,as:e,autoComplete:ee,bordered:ne,className:c({[`${S}`]:!we,[`${S}-textarea`]:we,[`${S}-disabled`]:le,[`${S}-rounded`]:oe,[`${S}-${S}-right-content`]:O,[`${S}-left-content`]:j}),"data-state":Se,disabled:le,focused:he,hasLeftContent:!!j,hasRightContent:!!O,isTextarea:we,placeholder:ye,readOnly:A,required:Q,type:"text",onBlur:e=>{fe(!1),Z&&Z(e)},onChange:e=>{le||A||(me(e.target.value),E&&E(e))},onFocus:e=>{fe(!0),_&&_(e)},...Ne,...ke}),J&&v(y,{animated:M,className:`${S}-clear-button`,disabled:le||A,hasContentRight:!!O,type:"button",underlined:ie,visible:Boolean(pe),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),me(""),H&&H(e),!ue.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(ue.current,e);t.target.value="",E&&E(t),ue.current.focus()},children:v(s,{fill:"currentColor"})}),O&&v(w,{applyStyles:U,className:c(`${S}-content`,`${S}-content--right`),clickable:V,onClick:e=>xe("right",e),children:O}),L&&v(x,{bordered:ne,className:`${S}-label--right`,isDark:be,isDefaultStatus:"default"===F,isRight:!0,underlined:ie,children:L})]})}),v(f,{className:`${S}-helper-text-container`,withValue:!!D,children:D&&v(b,{className:`${S}-helper-text`,children:D})})]})}));R.displayName="NextUI.Input",R.defaultProps=N,R.toString=()=>".nextui-input";export default R;
+import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import o from"../use-theme";import{warn as d}from"../utils/console";import s from"../utils/clear-icon";import c from"../utils/clsx";import{__DEV__ as u}from"../utils/assertion";import{StyledInput as p,StyledInputMainContainer as m,StyledInputContainer as h,StyledHelperTextContainer as f,StyledHelperText as b,StyledInputWrapper as $,StyledInputPlaceholder as g,StyledInputClearButton as y,StyledInputBlockLabel as C,StyledInputLabel as x,StyledInputContent as w}from"./input.styles";import{defaultProps as N}from"./input-props";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:N,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:F,contentLeft:j,contentRight:O,contentClickable:V,contentLeftStyling:q,contentRightStyling:U,onContentClick:W,initialValue:z,onChange:E,readOnly:A,value:G,onClearClick:H,clearable:J,shadow:K,animated:M,required:Q,width:X,className:Y,onBlur:Z,onFocus:_,autoComplete:ee,placeholder:te,fullWidth:ae,borderWeight:re,disabled:le,bordered:ne,underlined:ie,rounded:oe,css:de,...se},ce)=>{const ue=l(null);a(ce,(()=>ue.current));const[pe,me]=n(z),[he,fe]=n(!1),{isDark:be}=o(),$e=r((()=>void 0!==G),[G]),ge=r((()=>N||R),[N,R]),ye=r((()=>R?"":te),[te,R]),Ce=r((()=>ae?"100%":X||"initial"),[ae,X]);ie&&u&&(ne&&d("Using underlined and bordered at the same time will have no effect."),oe&&d("Using underlined and rounded at the same time will have no effect."));const xe=(e,t)=>{le||W&&W(e,t)};t((()=>{$e&&me(G)}),[$e,G]);const we=r((()=>"textarea"===e),[e]),Ne={...se,...$e?{value:pe}:{defaultValue:z}},{labelProps:ve,fieldProps:ke}=i({...Ne,label:ge}),Se=r((()=>he?"hover":le?"disabled":A?"read-only":pe?"with-value":"normal"),[he,le,A,pe]);return k(m,{borderWeight:re,className:c(`${S}-main-container`,`${S}-main-container--${Se}`),color:T,css:{width:Ce,...de},"data-state":Se,disabled:le,helperColor:B,rounded:oe,size:P,status:F,children:[ge&&v(C,{animated:M,asPlaceholder:!!R,bordered:ne,className:`${S}-block-label`,focused:he,hasContentLeft:!!j,htmlFor:"htmlFor"in ve?ve.htmlFor:"",id:ve.id,isTextarea:we,rounded:oe,underlined:ie,withValue:!!pe,children:ge}),v(h,{animated:M,className:c(`${S}-container`,`${S}-container--${Se}`,{[`${S}-container--input`]:!we,[`${S}-container--textarea`]:we,[`${S}-container--read-only`]:A},Y),focused:he,isReadOnly:A,isTextarea:we,underlined:ie,children:k($,{animated:M,as:ge?"div":"label",bordered:ne,className:c(`${S}-wrapper`,`${S}-wrapper--${Se}`,{[`${S}-wrapper--bordered`]:ne,[`${S}-wrapper--underlined`]:ie,[`${S}-wrapper--shadow`]:K}),disabled:le,focused:he,isReadOnly:A,isTextarea:we,shadow:K,underlined:ie,children:[!ge&&te&&v(g,{className:`${S}-placeholder`,children:te}),I&&v(x,{bordered:ne,className:`${S}-label--left`,isDark:be,isDefaultStatus:"default"===F,underlined:ie,children:I}),j&&v(w,{applyStyles:q,className:c(`${S}-content`,`${S}-content--left`),clickable:V,onClick:e=>xe("left",e),children:j}),v(p,{ref:ue,"aria-multiline":we,"aria-placeholder":ye,"aria-readonly":A,"aria-required":Q,as:e,autoComplete:ee,bordered:ne,className:c({[`${S}`]:!we,[`${S}-textarea`]:we,[`${S}-disabled`]:le,[`${S}-rounded`]:oe,[`${S}-${S}-right-content`]:O,[`${S}-left-content`]:j}),"data-state":Se,disabled:le,focused:he,hasLeftContent:!!j,hasRightContent:!!O,isTextarea:we,placeholder:ye,readOnly:A,required:Q,type:"text",onBlur:e=>{fe(!1),Z&&Z(e)},onChange:e=>{le||A||($e||me(e.target.value),E&&E(e))},onFocus:e=>{fe(!0),_&&_(e)},...Ne,...ke}),J&&v(y,{animated:M,className:`${S}-clear-button`,disabled:le||A,hasContentRight:!!O,type:"button",underlined:ie,visible:Boolean(pe),onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),$e||me(""),H&&H(e),!ue.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(ue.current,e);t.target.value="",E&&E(t),ue.current.focus()},children:v(s,{fill:"currentColor"})}),O&&v(w,{applyStyles:U,className:c(`${S}-content`,`${S}-content--right`),clickable:V,onClick:e=>xe("right",e),children:O}),L&&v(x,{bordered:ne,className:`${S}-label--right`,isDark:be,isDefaultStatus:"default"===F,isRight:!0,underlined:ie,children:L})]})}),v(f,{className:`${S}-helper-text-container`,withValue:!!D,children:D&&v(b,{className:`${S}-helper-text`,children:D})})]})}));R.displayName="NextUI.Input",R.defaultProps=N,R.toString=()=>".nextui-input";export default R;

package/esm/input/input.styles.js

@@ -1 +1 @@
-import{styled as e}from"../theme/stitches.config";import{sharedVisuallyHidden as o}from"../theme/shared-css";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$md",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$lg",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$inputShadow:"$shadows$sm"}}}});export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius","@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});
+import{styled as e}from"../theme/stitches.config";import{sharedVisuallyHidden as o}from"../theme/shared-css";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$md",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$lg",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$inputShadow:"$shadows$sm"}}}});const r={WebkitTextFillColor:"$$inputTextColor",WebkitBackgroundClip:"text !important",caretColor:"$$inputTextColor"};export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius",input:{"&:-webkit-autofill":{...r,"&:hover":r,"&:focus":r,"&:active":r}},"@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});

package/esm/link/link.styles.js

@@ -1 +1 @@
-import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledLinkIcon=o("svg",{ml:"$1",as:"center",display:"flex",color:"currentColor"});export const StyledLink=o("a",{$$linkColor:"$colors$link",display:"flex",alignItems:"center",lineHeight:"inherit",textDecoration:"none",width:"fitContent",backgroundColor:"transparent",backgroundImage:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit",color:"$$linkColor",outline:"none",maxW:"max-content","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{inherit:{$$linkColor:"inherit"},default:{$$linkColor:"$colors$link"},text:{$$linkColor:"$colors$text"},primary:{$$linkColor:"$colors$primary"},secondary:{$$linkColor:"$colors$secondary"},success:{$$linkColor:"$colors$success"},warning:{$$linkColor:"$colors$warning"},error:{$$linkColor:"$colors$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base","&:hover":{backgroundColor:"$$linkBackgroundColor"}}},animated:{true:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s"}}},compoundVariants:[{block:!0,animated:!0,css:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s, background 0.25s ease 0s","@motion":{transition:"none"}}}],defaultVariants:{color:"default",animated:!0}},r);export default StyledLink;
+import{styled as o}from"../theme/stitches.config";import{cssFocusVisible as r}from"../theme/shared-css";export const StyledLinkIcon=o("svg",{ml:"$1",as:"center",display:"flex",color:"currentColor"});export const StyledLink=o("a",{$$linkColor:"$colors$link",display:"inline-flex",alignItems:"center",lineHeight:"inherit",textDecoration:"none",width:"fitContent",backgroundColor:"transparent",backgroundImage:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit",color:"$$linkColor",outline:"none",maxW:"max-content","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{inherit:{$$linkColor:"inherit"},default:{$$linkColor:"$colors$link"},text:{$$linkColor:"$colors$text"},primary:{$$linkColor:"$colors$primary"},secondary:{$$linkColor:"$colors$secondary"},success:{$$linkColor:"$colors$success"},warning:{$$linkColor:"$colors$warning"},error:{$$linkColor:"$colors$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base","&:hover":{backgroundColor:"$$linkBackgroundColor"}}},animated:{true:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s"}}},compoundVariants:[{block:!0,animated:!0,css:{transition:"opacity 0.25s ease 0s, box-shadow 0.25s ease 0s, background 0.25s ease 0s","@motion":{transition:"none"}}}],defaultVariants:{color:"default",animated:!0}},r);export default StyledLink;

package/esm/loading/loading.js

@@ -1 +1 @@
-import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as s,StyledLoading as t,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:g,...p})=>{const u=e?"":"Loading",f=i((()=>"gradient"===g?{"._2":{bg:c}}:{}),[g]);return o(s,{...p,children:"spinner"===g?o(n,{size:r,children:e}):l(m,{children:[l(t,{"aria-label":u,className:`nextui-loading nextui-loading-${g}`,css:{...d,...f},size:r,type:g,children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{className:"nextui-loading-label",size:r,children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});
+import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as t,StyledLoading as s,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:u,...g})=>{const p=e?"":"Loading",f=i((()=>{if("gradient"===u)return{"._2":{bg:c}}}),[u]);return o(t,{...g,children:"spinner"===u?o(n,{size:r,children:e}):l(m,{children:[l(s,{"aria-label":p,className:`nextui-loading nextui-loading-${u}`,css:{...d,...f},size:r,type:u,children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{className:"nextui-loading-label",size:r,children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});

package/esm/navbar/navbar-link.js

@@ -1 +1 @@
-import i,{useMemo as r}from"react";import{forwardRef as e}from"../utils/system";import{useDOMRef as t}from"../utils/dom";import s from"../utils/clsx";import{__DEV__ as o}from"../utils/assertion";import{Link as a}from"../index";import n from"./navbar-item";import{jsx as l}from"react/jsx-runtime";const m=e(((i,e)=>{const o=t(e),{css:m,children:c,isActive:d,color:h,activeColor:u,underlineHeight:f,itemCss:p,itemClassName:v,isDisabled:x,hideIn:N,showIn:b,variant:C,className:I,...g}=i,k=r((()=>h||null!=m&&m.$$linkColor?{...m}:{color:"inherit",height:"100%",...m}),[h,m]);return l(n,{activeColor:u,className:v,css:p,hideIn:N,isActive:d,isDisabled:x,showIn:b,underlineHeight:f,variant:C,children:l(a,{ref:o,className:s("nextui-navbar-link",I),color:h,css:k,...g,children:c})})}));o&&(m.displayName="NextUI.NavbarLink"),m.toString=()=>".nextui-navbar-link";export default m;
+import i,{useMemo as t}from"react";import{forwardRef as r}from"../utils/system";import{useDOMRef as e}from"../utils/dom";import s from"../utils/clsx";import{__DEV__ as o}from"../utils/assertion";import{Link as n}from"../index";import a from"./navbar-item";import{jsx as l}from"react/jsx-runtime";const m=r(((i,r)=>{const o=e(r),{css:m,children:c,isActive:d,color:h,activeColor:u,underlineHeight:f,itemCss:p,itemClassName:v,isDisabled:x,hideIn:N,showIn:b,variant:C,className:I,...g}=i,k=t((()=>h||null!=m&&m.$$linkColor?{...m}:{color:"inherit",height:"100%",width:"fit-content",...m}),[h,m]);return l(a,{activeColor:u,className:v,css:p,hideIn:N,isActive:d,isDisabled:x,showIn:b,underlineHeight:f,variant:C,children:l(n,{ref:o,className:s("nextui-navbar-link",I),color:h,css:k,...g,children:c})})}));o&&(m.displayName="NextUI.NavbarLink"),m.toString=()=>".nextui-navbar-link";export default m;