@nextui-org/react 1.0.1-alpha.53 → 1.0.1-alpha.54

package/umd/nextui.js

@@ -971,6 +971,7 @@ __webpack_require__.d(__webpack_exports__, {
   "Checkbox": () => (/* reexport */ src_checkbox),
   "Code": () => (/* reexport */ src_code),
   "Col": () => (/* reexport */ src_col),
+  "Collapse": () => (/* reexport */ src_collapse),
   "Container": () => (/* reexport */ src_container),
   "CssBaseline": () => (/* reexport */ css_baseline),
   "Divider": () => (/* reexport */ src_divider),
@@ -1101,7 +1102,8 @@ const palette = { ...common,
   background: '#fff',
   foreground: '#000',
   code: '#f81ce5',
-  border: '#eaeaea'
+  border: '#eaeaea',
+  selection: '#0070f3'
 };
 const expressiveness = {
   linkStyle: 'none',
@@ -1224,7 +1226,8 @@ const dark_palette = { ...common,
   background: '#000',
   foreground: '#fff',
   code: '#77C8E6',
-  border: '#333'
+  border: '#333',
+  selection: '#ff4ecd'
 };
 const dark_expressiveness = {
   linkStyle: 'none',
@@ -1480,6 +1483,27 @@ const isMac = () => {
   if (!collections_isBrowser()) return false;
   return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
 };
+const setChildrenIndex = (children, targetComponents = []) => {
+  if (external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.count(children) === 0) return [];
+  const allowAll = targetComponents.length === 0;
+
+  const clone = (child, props = {}) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(child, props);
+
+  let index = 0;
+  return external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(children, item => {
+    if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(item)) return item;
+    index = index + 1;
+    if (allowAll) return clone(item, {
+      index
+    });
+    const isAllowed = targetComponents.find(child => child === item.type);
+    if (isAllowed) return clone(item, {
+      index
+    });
+    index = index - 1;
+    return item;
+  });
+};
 ;// CONCATENATED MODULE: ./src/use-portal/use-portal.ts
 
 
@@ -2326,9 +2350,9 @@ const CssBaseline = ({
   const theme = src_use_theme();
   return /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
     children: [children, /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(styled_jsx_style["default"], {
-      id: "3069620932",
-      dynamic: [theme.palette.background, theme.palette.text, theme.palette.background, theme.font.sans, theme.font.sans, theme.palette.link, theme.expressiveness.linkStyle, theme.expressiveness.linkHoverStyle, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gap, theme.palette.foreground, theme.palette.code, theme.layout.gapQuarter, theme.layout.gapQuarter, addColorAlpha(theme.palette.code, 0.2), theme.font.mono, addColorAlpha(theme.palette.code, 0.3), theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.font.mono, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_1, theme.layout.gap, theme.layout.gap, theme.palette.accents_5, theme.palette.accents_1, theme.layout.radius, theme.palette.selection, theme.palette.foreground],
-      children: `html,body{background-color:${theme.palette.background};color:${theme.palette.text};}html{font-size:16px;--nextui-icons-background:${theme.palette.background};}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:hidden;font-family:${theme.font.sans};}*,*:before,*:after{box-sizing:border-box;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625rem;-moz-letter-spacing:-0.005625rem;-ms-letter-spacing:-0.005625rem;letter-spacing:-0.005625rem;font-family:${theme.font.sans};}p{margin:1rem 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875rem;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.link};-webkit-text-decoration:${theme.expressiveness.linkStyle};text-decoration:${theme.expressiveness.linkStyle};}a:hover{-webkit-text-decoration:${theme.expressiveness.linkHoverStyle};text-decoration:${theme.expressiveness.linkHoverStyle};}ul,ol{padding:0;list-style-type:none;margin:${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gap};color:${theme.palette.foreground};}ol{list-style-type:decimal;}li{margin-bottom:0.625rem;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.625rem 0;}h1{font-size:3rem;-webkit-letter-spacing:-0.066875rem;-moz-letter-spacing:-0.066875rem;-ms-letter-spacing:-0.066875rem;letter-spacing:-0.066875rem;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.020625rem;-moz-letter-spacing:-0.020625rem;-ms-letter-spacing:-0.020625rem;letter-spacing:-0.020625rem;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.029375rem;-moz-letter-spacing:-0.029375rem;-ms-letter-spacing:-0.029375rem;letter-spacing:-0.029375rem;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.020625rem;-moz-letter-spacing:-0.020625rem;-ms-letter-spacing:-0.020625rem;letter-spacing:-0.020625rem;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01125rem;-moz-letter-spacing:-0.01125rem;-ms-letter-spacing:-0.01125rem;letter-spacing:-0.01125rem;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005625rem;-moz-letter-spacing:-0.005625rem;-ms-letter-spacing:-0.005625rem;letter-spacing:-0.005625rem;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:${theme.palette.code};padding:calc(${theme.layout.gapQuarter} * 0.5) ${theme.layout.gapQuarter};border-radius:0.375rem;background-color:${addColorAlpha(theme.palette.code, 0.2)};font-family:${theme.font.mono};font-size:0.8rem;white-space:pre-wrap;-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;}code:hover{background-color:${addColorAlpha(theme.palette.code, 0.3)};}pre{border-radius:${theme.layout.radius};padding:calc(${theme.layout.gap} * 0.75) ${theme.layout.gap};margin:${theme.layout.gap} 0;font-family:${theme.font.mono};white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:0.875rem;-webkit-overflow-scrolling:touch;}pre code{color:${theme.palette.foreground};font-size:0.8125rem;line-height:1.25rem;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:${theme.palette.accents_2};}details{background-color:${theme.palette.accents_1};border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::-webkit-details-marker,summary::before{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ${theme.layout.gap}) ${theme.layout.gap};color:${theme.palette.accents_5};background-color:${theme.palette.accents_1};border-radius:${theme.layout.radius};margin:1.5rem 0;}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:${theme.palette.selection};color:${theme.palette.foreground};}`
+      id: "2908832453",
+      dynamic: [theme.palette.background, theme.palette.text, theme.palette.background, theme.font.sans, theme.font.sans, theme.palette.link, theme.expressiveness.linkStyle, theme.expressiveness.linkHoverStyle, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gap, theme.palette.foreground, theme.palette.code, theme.layout.gapQuarter, theme.layout.gapQuarter, addColorAlpha(theme.palette.code, 0.2), theme.font.mono, addColorAlpha(theme.palette.code, 0.3), theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.font.mono, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_1, theme.layout.gap, theme.layout.gap, theme.palette.accents_5, theme.palette.accents_1, theme.layout.radius, theme.palette.selection, theme.palette.background],
+      children: `html,body{background-color:${theme.palette.background};color:${theme.palette.text};}html{font-size:16px;--nextui-icons-background:${theme.palette.background};}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:hidden;font-family:${theme.font.sans};}*,*:before,*:after{box-sizing:border-box;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625rem;-moz-letter-spacing:-0.005625rem;-ms-letter-spacing:-0.005625rem;letter-spacing:-0.005625rem;font-family:${theme.font.sans};}p{margin:1rem 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875rem;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.link};-webkit-text-decoration:${theme.expressiveness.linkStyle};text-decoration:${theme.expressiveness.linkStyle};}a:hover{-webkit-text-decoration:${theme.expressiveness.linkHoverStyle};text-decoration:${theme.expressiveness.linkHoverStyle};}ul,ol{padding:0;list-style-type:none;margin:${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gap};color:${theme.palette.foreground};}ol{list-style-type:decimal;}li{margin-bottom:0.625rem;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.625rem 0;}h1{font-size:3rem;-webkit-letter-spacing:-0.066875rem;-moz-letter-spacing:-0.066875rem;-ms-letter-spacing:-0.066875rem;letter-spacing:-0.066875rem;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.020625rem;-moz-letter-spacing:-0.020625rem;-ms-letter-spacing:-0.020625rem;letter-spacing:-0.020625rem;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.029375rem;-moz-letter-spacing:-0.029375rem;-ms-letter-spacing:-0.029375rem;letter-spacing:-0.029375rem;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.020625rem;-moz-letter-spacing:-0.020625rem;-ms-letter-spacing:-0.020625rem;letter-spacing:-0.020625rem;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01125rem;-moz-letter-spacing:-0.01125rem;-ms-letter-spacing:-0.01125rem;letter-spacing:-0.01125rem;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005625rem;-moz-letter-spacing:-0.005625rem;-ms-letter-spacing:-0.005625rem;letter-spacing:-0.005625rem;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:${theme.palette.code};padding:calc(${theme.layout.gapQuarter} * 0.5) ${theme.layout.gapQuarter};border-radius:0.375rem;background-color:${addColorAlpha(theme.palette.code, 0.2)};font-family:${theme.font.mono};font-size:0.8rem;white-space:pre-wrap;-webkit-transition:background-color 0.25s ease;transition:background-color 0.25s ease;}code:hover{background-color:${addColorAlpha(theme.palette.code, 0.3)};}pre{border-radius:${theme.layout.radius};padding:calc(${theme.layout.gap} * 0.75) ${theme.layout.gap};margin:${theme.layout.gap} 0;font-family:${theme.font.mono};white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:0.875rem;-webkit-overflow-scrolling:touch;}pre code{color:${theme.palette.foreground};font-size:0.8125rem;line-height:1.25rem;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:${theme.palette.accents_2};}details{background-color:${theme.palette.accents_1};border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::-webkit-details-marker,summary::before{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ${theme.layout.gap}) ${theme.layout.gap};color:${theme.palette.accents_5};background-color:${theme.palette.accents_1};border-radius:${theme.layout.radius};margin:1.5rem 0;}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:${theme.palette.selection};color:${theme.palette.background};}`
     }, void 0, false, void 0, undefined)]
   }, void 0, true, {
     fileName: css_baseline_jsxFileName,
@@ -2751,7 +2775,6 @@ const text_defaultProps = {
   b: false,
   small: false,
   transform: 'none',
-  upperCase: false,
   i: false,
   span: false,
   del: false,
@@ -2772,7 +2795,7 @@ const getModifierChild = (tags, children, size, transform) => {
     children: getModifierChild(nextTag, children, size)
   }, void 0, false, {
     fileName: text_jsxFileName,
-    lineNumber: 67,
+    lineNumber: 66,
     columnNumber: 5
   }, undefined);
 };
@@ -2851,7 +2874,7 @@ const Text = ({
     children: modifers
   }, void 0, false, {
     fileName: text_jsxFileName,
-    lineNumber: 130,
+    lineNumber: 129,
     columnNumber: 5
   }, undefined);
 };
@@ -3903,8 +3926,8 @@ const MemoLoading = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_re
 ;// CONCATENATED MODULE: ./src/loading/index.ts
 
 /* harmony default export */ const src_loading = (loading);
-;// CONCATENATED MODULE: ./src/shared/drip.tsx
-var drip_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/shared/drip.tsx";
+;// CONCATENATED MODULE: ./src/utils/drip.tsx
+var drip_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/utils/drip.tsx";
 
 
 
@@ -6767,8 +6790,8 @@ const InputContent = ({
 
 const MemoContentIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(InputContent);
 /* harmony default export */ const input_content = (MemoContentIcon);
-;// CONCATENATED MODULE: ./src/shared/clear-icon.tsx
-var clear_icon_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/shared/clear-icon.tsx";
+;// CONCATENATED MODULE: ./src/utils/clear-icon.tsx
+var clear_icon_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/utils/clear-icon.tsx";
 
 
 
@@ -7978,7 +8001,7 @@ const Backdrop = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react
         className: styled_jsx_style["default"].dynamic([["903909204", [width, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.breakpoints.sm.max]]]) + " " + (clsx('layer', blur ? 'layer-blur' : 'layer-default') || "")
       }, void 0, false, {
         fileName: backdrop_jsxFileName,
-        lineNumber: 72,
+        lineNumber: 71,
         columnNumber: 11
       }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
         onClick: childrenClickHandler,
@@ -7987,7 +8010,7 @@ const Backdrop = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react
         children: children
       }, void 0, false, {
         fileName: backdrop_jsxFileName,
-        lineNumber: 75,
+        lineNumber: 74,
         columnNumber: 11
       }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(styled_jsx_style["default"], {
         id: "903909204",
@@ -7996,7 +8019,7 @@ const Backdrop = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react
       }, void 0, false, void 0, undefined)]
     }, void 0, true, {
       fileName: backdrop_jsxFileName,
-      lineNumber: 64,
+      lineNumber: 63,
       columnNumber: 9
     }, undefined);
   }, [children]);
@@ -8010,7 +8033,7 @@ const Backdrop = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react
       children: renderChildren
     }, void 0, false, {
       fileName: backdrop_jsxFileName,
-      lineNumber: 180,
+      lineNumber: 179,
       columnNumber: 11
     }, undefined) : visible ? renderChildren : null
   }, void 0, false);
@@ -8346,6 +8369,433 @@ const useModal = (initialVisible = false) => {
 };
 
 /* harmony default export */ const use_modal = (useModal);
+;// CONCATENATED MODULE: ./src/collapse/collapse-icon.tsx
+var collapse_icon_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/collapse/collapse-icon.tsx";
+
+
+
+
+const CollapseIcon = ({ ...props
+}) => {
+  const theme = src_use_theme();
+  return /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "collapse-icon",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    ...props,
+    children: /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("path", {
+      d: "M15.002 19.92L8.479 13.4a1.986 1.986 0 010-2.8l6.523-6.52",
+      fill: "none",
+      stroke: theme.palette.accents_5,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.5
+    }, void 0, false, {
+      fileName: collapse_icon_jsxFileName,
+      lineNumber: 15,
+      columnNumber: 7
+    }, undefined)
+  }, void 0, false, {
+    fileName: collapse_icon_jsxFileName,
+    lineNumber: 7,
+    columnNumber: 5
+  }, undefined);
+};
+
+const MemoCollapseIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().memo(CollapseIcon);
+/* harmony default export */ const collapse_icon = (MemoCollapseIcon);
+;// CONCATENATED MODULE: ./src/utils/expand.tsx
+var expand_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/utils/expand.tsx";
+
+
+
+
+
+
+const expand_defaultProps = {
+  isExpanded: false,
+  animated: true,
+  delay: 200
+};
+
+const Expand = ({
+  isExpanded,
+  delay,
+  animated,
+  children
+}) => {
+  const [height, setHeight] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(isExpanded ? 'auto' : '0');
+  const [selfExpanded, setSelfExpanded] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(isExpanded);
+  const contentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  const entryTimer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  const leaveTimer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  const resetTimer = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();
+  const [state, updateShape] = src_use_real_shape(contentRef);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => setHeight(`${state.height}px`), [state.height]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (isExpanded === selfExpanded) return; // show element or reset height.
+    // force an update once manually, even if the element does not change.
+    // (the height of the element might be "auto")
+
+    if (!isExpanded) {
+      updateShape();
+      setHeight(`${state.height}px`);
+    } // show expand animation
+
+
+    entryTimer.current = window.setTimeout(() => {
+      setSelfExpanded(isExpanded);
+      clearTimeout(entryTimer.current);
+    }, 30); // Reset height after animation
+
+    if (isExpanded) {
+      resetTimer.current = window.setTimeout(() => {
+        setHeight('auto');
+        clearTimeout(resetTimer.current);
+      }, delay);
+    } else {
+      leaveTimer.current = window.setTimeout(() => {
+        clearTimeout(leaveTimer.current);
+      }, delay / 2);
+    }
+
+    return () => {
+      clearTimeout(entryTimer.current);
+      clearTimeout(leaveTimer.current);
+      clearTimeout(resetTimer.current);
+    };
+  }, [isExpanded]);
+  return /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+    className: styled_jsx_style["default"].dynamic([["2028774268", [delay, delay * 1.5, height]]]) + " " + (clsx('container', {
+      expanded: selfExpanded,
+      animated
+    }) || ""),
+    children: [/*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+      ref: contentRef,
+      className: styled_jsx_style["default"].dynamic([["2028774268", [delay, delay * 1.5, height]]]) + " " + "content",
+      children: children
+    }, void 0, false, {
+      fileName: expand_jsxFileName,
+      lineNumber: 72,
+      columnNumber: 7
+    }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(styled_jsx_style["default"], {
+      id: "2028774268",
+      dynamic: [delay, delay * 1.5, height],
+      children: `.container.__jsx-style-dynamic-selector{padding:0;margin:0;height:0;opacity:0;overflow:hidden;}.animated.__jsx-style-dynamic-selector{-webkit-transition:height ${delay}ms ease 0ms, opacity ${delay * 1.5}ms ease 0ms;transition:height ${delay}ms ease 0ms, opacity ${delay * 1.5}ms ease 0ms;}.expanded.__jsx-style-dynamic-selector{height:${height};opacity:1;}`
+    }, void 0, false, void 0, undefined)]
+  }, void 0, true, {
+    fileName: expand_jsxFileName,
+    lineNumber: 71,
+    columnNumber: 5
+  }, undefined);
+};
+
+/* harmony default export */ const expand = (with_defaults(Expand, expand_defaultProps));
+;// CONCATENATED MODULE: ./src/collapse/collapse-context.ts
+
+const collapse_context_defaultContext = {
+  values: []
+};
+const CollapseContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(collapse_context_defaultContext);
+const useCollapseContext = () => external_root_React_commonjs2_react_commonjs_react_amd_react_default().useContext(CollapseContext);
+;// CONCATENATED MODULE: ./src/collapse/collapse.tsx
+var collapse_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/collapse/collapse.tsx";
+
+
+
+
+
+
+
+
+
+
+
+
+const collapse_defaultProps = {
+  className: '',
+  shadow: false,
+  divider: true,
+  bordered: false,
+  showArrow: true,
+  animated: true,
+  disabled: false,
+  borderWeight: 'light',
+  initialExpanded: false
+};
+
+const Collapse = ({
+  children,
+  title,
+  subtitle,
+  initialExpanded,
+  shadow,
+  className,
+  divider,
+  arrowIcon,
+  showArrow,
+  disabled,
+  onChange,
+  bordered,
+  contentLeft,
+  animated: animatedProp,
+  borderWeight: borderWeightProp,
+  index,
+  ...props
+}) => {
+  const theme = src_use_theme();
+  const [visible, setVisible, visibleRef] = src_use_current_state(initialExpanded);
+  const {
+    values,
+    divider: groupDivider,
+    animated: groupAnimated,
+    updateValues
+  } = useCollapseContext();
+
+  if (!title) {
+    src_use_warning('"title" is required.', 'Collapse');
+  }
+
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (!values.length) return;
+    const isActive = !!values.find(item => item === index);
+    setVisible(isActive);
+  }, [values.join(',')]);
+  const arrowComponent = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (!showArrow) return null;
+    return arrowIcon ? arrowIcon : /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(collapse_icon, {}, void 0, false, {
+      fileName: collapse_jsxFileName,
+      lineNumber: 93,
+      columnNumber: 36
+    }, undefined);
+  }, [arrowIcon, showArrow]);
+  const borderWeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    const withDivider = groupDivider === undefined ? divider : groupDivider;
+    return withDivider ? getNormalWeight(borderWeightProp) : '0px';
+  }, [divider, groupDivider, borderWeightProp]);
+  const animated = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return groupAnimated === undefined ? animatedProp : groupAnimated;
+  }, [groupAnimated, animatedProp]);
+  const bgColor = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => theme.type === 'dark' ? theme.palette.accents_1 : theme.palette.background, [theme.type]);
+  const {
+    ariaLabelledById,
+    ariaControlId
+  } = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    const nextuiId = getId();
+    return {
+      ariaLabelledById: `collapse-button-next-ui-${nextuiId}`,
+      ariaControlId: `collapse-next-ui-${nextuiId}`
+    };
+  }, []);
+
+  const clickHandler = event => {
+    if (disabled) return;
+    const next = !visibleRef.current;
+    setVisible(next);
+    updateValues && updateValues(index, next);
+    onChange && onChange(event, index, next);
+  };
+
+  return /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", { ...props,
+    className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || clsx('collapse', {
+      shadow,
+      bordered
+    }, className) || ""),
+    children: [/*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+      role: "button",
+      id: ariaLabelledById,
+      "aria-disabled": disabled,
+      "aria-expanded": visible,
+      "aria-controls": ariaControlId,
+      onClick: clickHandler,
+      className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + (clsx('view', {
+        disabled
+      }) || ""),
+      children: /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+        className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + (clsx('title', {
+          animated
+        }) || ""),
+        children: [contentLeft && /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+          className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + "title-content-left",
+          children: contentLeft
+        }, void 0, false, {
+          fileName: collapse_jsxFileName,
+          lineNumber: 147,
+          columnNumber: 13
+        }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+          className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + "title-content",
+          children: [/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(title) ? title : /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("h3", {
+            className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]),
+            children: title
+          }, void 0, false, {
+            fileName: collapse_jsxFileName,
+            lineNumber: 150,
+            columnNumber: 52
+          }, undefined), subtitle && /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+            className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + "subtitle",
+            children: subtitle
+          }, void 0, false, {
+            fileName: collapse_jsxFileName,
+            lineNumber: 151,
+            columnNumber: 26
+          }, undefined)]
+        }, void 0, true, {
+          fileName: collapse_jsxFileName,
+          lineNumber: 149,
+          columnNumber: 11
+        }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+          className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + "title-content-right",
+          children: arrowComponent
+        }, void 0, false, {
+          fileName: collapse_jsxFileName,
+          lineNumber: 153,
+          columnNumber: 11
+        }, undefined)]
+      }, void 0, true, {
+        fileName: collapse_jsxFileName,
+        lineNumber: 145,
+        columnNumber: 9
+      }, undefined)
+    }, void 0, false, {
+      fileName: collapse_jsxFileName,
+      lineNumber: 136,
+      columnNumber: 7
+    }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(expand, {
+      isExpanded: visible,
+      animated: animated,
+      children: /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", {
+        role: "region",
+        tabIndex: -1,
+        id: ariaControlId,
+        "aria-labelledby": ariaLabelledById,
+        className: styled_jsx_style["default"].dynamic([["1757461102", [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap]]]) + " " + "content",
+        children: children
+      }, void 0, false, {
+        fileName: collapse_jsxFileName,
+        lineNumber: 157,
+        columnNumber: 9
+      }, undefined)
+    }, void 0, false, {
+      fileName: collapse_jsxFileName,
+      lineNumber: 156,
+      columnNumber: 7
+    }, undefined), /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(styled_jsx_style["default"], {
+      id: "1757461102",
+      dynamic: [borderWeight, theme.palette.border, borderWeight, theme.palette.border, bgColor, theme.expressiveness.shadowMedium, theme.layout.radius, theme.layout.gap, theme.layout.gap, theme.layout.radius, borderWeight, theme.palette.border, theme.layout.gap, theme.layout.gapHalf, theme.palette.foreground, visible ? '-90deg' : '0', theme.palette.accents_5, theme.layout.gap],
+      children: `.collapse.__jsx-style-dynamic-selector{border-top:${borderWeight} solid ${theme.palette.border};border-bottom:${borderWeight} solid ${theme.palette.border};}.shadow.__jsx-style-dynamic-selector{border:none;background:${bgColor};box-shadow:${theme.expressiveness.shadowMedium};border-radius:${theme.layout.radius};padding:0 ${theme.layout.gap};}.bordered.__jsx-style-dynamic-selector{padding:0 ${theme.layout.gap};border-radius:${theme.layout.radius};border:${borderWeight} solid ${theme.palette.border};}.view.__jsx-style-dynamic-selector{cursor:pointer;outline:none;padding:${theme.layout.gap} 0;}.view.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.view.disabled.__jsx-style-dynamic-selector .title.__jsx-style-dynamic-selector,.view.disabled.__jsx-style-dynamic-selector .subtitle.__jsx-style-dynamic-selector{opacity:0.5;}.title-content-left.__jsx-style-dynamic-selector,.title-content-right.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.title-content-left.__jsx-style-dynamic-selector{margin-right:${theme.layout.gapHalf};}.title-content.__jsx-style-dynamic-selector{width:100%;}.title.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};}.title-content-right.__jsx-style-dynamic-selector svg{-webkit-transform:rotateZ(${visible ? '-90deg' : '0'});-ms-transform:rotateZ(${visible ? '-90deg' : '0'});transform:rotateZ(${visible ? '-90deg' : '0'});}.animated.__jsx-style-dynamic-selector .title-content-right.__jsx-style-dynamic-selector svg{-webkit-transition:-webkit-transform 200ms ease;-webkit-transition:transform 200ms ease;transition:transform 200ms ease;}.title-content.__jsx-style-dynamic-selector h1,.title-content.__jsx-style-dynamic-selector h2,.title-content.__jsx-style-dynamic-selector h3,.title-content.__jsx-style-dynamic-selector h4,.title-content.__jsx-style-dynamic-selector h5,.title-content.__jsx-style-dynamic-selector h6,.title-content.__jsx-style-dynamic-selector p,.title-content.__jsx-style-dynamic-selector span,.title-content.__jsx-style-dynamic-selector b{margin:0 !important;}.subtitle.__jsx-style-dynamic-selector{color:${theme.palette.accents_5};margin:0;}.subtitle.__jsx-style-dynamic-selector>*{margin:0;}.content.__jsx-style-dynamic-selector{font-size:1rem;line-height:1.625rem;padding-bottom:${theme.layout.gap};}.content.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}`
+    }, void 0, false, void 0, undefined)]
+  }, void 0, true, {
+    fileName: collapse_jsxFileName,
+    lineNumber: 132,
+    columnNumber: 5
+  }, undefined);
+};
+
+Collapse.defaultProps = collapse_defaultProps;
+/* harmony default export */ const collapse = (Collapse);
+;// CONCATENATED MODULE: ./src/collapse/collapse-group.tsx
+var collapse_group_jsxFileName = "/home/runner/work/nextui/nextui/packages/nextui/src/collapse/collapse-group.tsx";
+
+
+
+
+
+
+
+
+
+
+
+const collapse_group_defaultProps = {
+  accordion: true,
+  shadow: false,
+  bordered: false,
+  splitted: false,
+  borderWeight: 'light',
+  className: ''
+};
+
+const CollapseGroup = ({
+  children,
+  accordion,
+  shadow,
+  className,
+  animated,
+  bordered,
+  splitted,
+  divider,
+  borderWeight: borderWeightProp,
+  onChange,
+  ...props
+}) => {
+  const theme = src_use_theme();
+  const [state, setState, stateRef] = src_use_current_state([]);
+
+  const updateValues = (currentIndex, nextState) => {
+    const hasChild = stateRef.current.find(val => val === currentIndex);
+    onChange && onChange(currentIndex, nextState);
+
+    if (accordion) {
+      if (nextState) return setState([currentIndex]);
+      return setState([]);
+    }
+
+    if (nextState) {
+      // In a few cases, the user will set Collapse Component state manually.
+      // If the user incorrectly set the state, Group component should ignore it.
+
+      /* istanbul ignore if */
+      if (hasChild) return;
+      return setState([...stateRef.current, currentIndex]);
+    }
+
+    setState(stateRef.current.filter(item => item !== currentIndex));
+  };
+
+  const bgColor = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => theme.type === 'dark' ? theme.palette.accents_1 : theme.palette.background, [theme.type]);
+  const initialValue = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => ({
+    values: state,
+    updateValues,
+    divider,
+    animated
+  }), [state.join(',')]);
+  const hasIndexChildren = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => setChildrenIndex(children, [collapse]), [children]);
+  const borderWeight = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return bordered ? getNormalWeight(borderWeightProp) : '0px';
+  }, [bordered, borderWeightProp]);
+  return /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(CollapseContext.Provider, {
+    value: initialValue,
+    children: /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)("div", { ...props,
+      className: styled_jsx_style["default"].dynamic([["2642035014", [theme.layout.gapHalf, theme.layout.radius, theme.layout.gap, bgColor, theme.expressiveness.shadowMedium, bgColor, theme.expressiveness.shadowMedium, theme.layout.gapHalf, borderWeight, theme.palette.border]]]) + " " + (props && props.className != null && props.className || clsx('collapse-group', {
+        shadow,
+        bordered,
+        splitted
+      }, className) || ""),
+      children: [hasIndexChildren, /*#__PURE__*/(0,jsx_dev_runtime.jsxDEV)(styled_jsx_style["default"], {
+        id: "2642035014",
+        dynamic: [theme.layout.gapHalf, theme.layout.radius, theme.layout.gap, bgColor, theme.expressiveness.shadowMedium, bgColor, theme.expressiveness.shadowMedium, theme.layout.gapHalf, borderWeight, theme.palette.border],
+        children: `.collapse-group.__jsx-style-dynamic-selector{width:auto;padding:0 ${theme.layout.gapHalf};}.collapse-group.__jsx-style-dynamic-selector>div + div{border-top:none;}.shadow.__jsx-style-dynamic-selector,.bordered.__jsx-style-dynamic-selector,.collapse-group.splitted.__jsx-style-dynamic-selector .collapse{border-radius:${theme.layout.radius};padding:0 ${theme.layout.gap};}.shadow.__jsx-style-dynamic-selector{border:none;background:${bgColor};box-shadow:${theme.expressiveness.shadowMedium};}.collapse-group.splitted.__jsx-style-dynamic-selector .collapse{border:none;background:${bgColor};box-shadow:${theme.expressiveness.shadowMedium};margin:${theme.layout.gapHalf} 0;}.bordered.__jsx-style-dynamic-selector{border:${borderWeight} solid ${theme.palette.border};}.collapse-group.__jsx-style-dynamic-selector .collapse:last-child{border-bottom:none;}.collapse-group.__jsx-style-dynamic-selector .collapse:first-child{border-top:none;}.gradient.vertical.__jsx-style-dynamic-selector .button:not(:last-child):not(:first-child){padding-top:0 !important;}`
+      }, void 0, false, void 0, undefined)]
+    }, void 0, true, {
+      fileName: collapse_group_jsxFileName,
+      lineNumber: 98,
+      columnNumber: 7
+    }, undefined)
+  }, void 0, false, {
+    fileName: collapse_group_jsxFileName,
+    lineNumber: 97,
+    columnNumber: 5
+  }, undefined);
+};
+
+/* harmony default export */ const collapse_group = (with_defaults(CollapseGroup, collapse_group_defaultProps));
+;// CONCATENATED MODULE: ./src/collapse/index.ts
+
+
+collapse.Group = collapse_group;
+/* harmony default export */ const src_collapse = (collapse);
 ;// CONCATENATED MODULE: ./src/index.ts
 /// <reference types="styled-jsx" />
 
@@ -8393,6 +8843,7 @@ const useModal = (initialVisible = false) => {
 
 
 
+
 
 
 })();