@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.1

package/cjs/theme/stitches.config.d.ts

@@ -824,6 +824,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -840,6 +856,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -870,6 +896,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1724,6 +1757,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1740,6 +1789,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1770,6 +1829,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2599,6 +2665,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2615,6 +2697,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -2645,6 +2737,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -4226,6 +4325,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -4242,6 +4357,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -4272,6 +4397,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -5100,6 +5232,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5116,6 +5264,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5146,6 +5304,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -5974,6 +6139,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -5990,6 +6171,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6020,6 +6211,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -6856,6 +7054,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6872,6 +7086,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6902,6 +7126,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -7747,6 +7978,22 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7763,6 +8010,16 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7793,6 +8050,13 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -8637,6 +8901,22 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8653,6 +8933,16 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8683,6 +8973,13 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -8691,7 +8988,7 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
         WebkitTextFillColor: string;
     };
 }>>;
-export declare const createTheme: ({ type, theme }: Theme) => string & {
+export declare const createTheme: ({ type, theme, className }: Theme) => string & {
     className: string;
     selector: string;
 } & import("@stitches/react/types/stitches").ThemeTokens<any, string>;

package/cjs/theme/stitches.config.js

@@ -76,13 +76,14 @@ exports.sharedVisuallyHidden = sharedVisuallyHidden;
 
 const createTheme = ({
   type,
-  theme
+  theme,
+  className
 }) => {
   if (!type) {
     throw new Error('Theme type is required');
   }
 
-  return createThemeBase(`${type}-theme`, (0, _deepMerge.default)(type === 'dark' ? _darkTheme.default : _lightTheme.default, theme));
+  return createThemeBase(className || `${type}-theme`, (0, _deepMerge.default)(type === 'dark' ? _darkTheme.default : _lightTheme.default, theme));
 };
 
 exports.createTheme = createTheme;

package/cjs/theme/theme-provider.js

@@ -17,8 +17,6 @@ var _deepMerge = _interopRequireDefault(require("../utils/deep-merge"));
 
 var _object = require("../utils/object");
 
-var _ssrProvider = require("./ssr-provider");
-
 var _utils = require("./utils");
 
 var _useSsr = _interopRequireDefault(require("../use-ssr"));
@@ -101,11 +99,9 @@ const ThemeProvider = ({
       changeCurrentTheme((0, _utils.getThemeName)(userTheme.className));
     }
   }, [isBrowser, userTheme]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ssrProvider.SsrProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_themeContext.default.Provider, {
-      value: providerValue,
-      children: [!disableBaseline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssBaseline.default, {}), children]
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_themeContext.default.Provider, {
+    value: providerValue,
+    children: [!disableBaseline && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssBaseline.default, {}), children]
   });
 };
 

package/cjs/theme/types.d.ts

@@ -65,6 +65,7 @@ export interface TokenValue {
 }
 export declare type Theme = {
     type?: ThemeType | string;
+    className?: string;
     theme?: BaseTheme;
 };
 export declare type NextUIThemeContext = {

package/cjs/tooltip/tooltip.d.ts

@@ -19,6 +19,7 @@ interface Props {
     leaveDelay?: number;
     offset?: number;
     className?: string;
+    keepMounted?: boolean;
     portalClassName?: string;
     onClick?: () => void;
     onVisibleChange?: TooltipOnVisibleChange;
@@ -31,6 +32,7 @@ declare const defaultProps: {
     animated: boolean;
     shadow: boolean;
     rounded: boolean;
+    keepMounted: boolean;
     trigger: "hover" | "click";
     enterDelay: number;
     leaveDelay: number;
@@ -46,11 +48,12 @@ declare const _default: React.ComponentType<Partial<{
     animated: boolean;
     shadow: boolean;
     rounded: boolean;
+    keepMounted: boolean;
     trigger: "hover" | "click";
     enterDelay: number;
     leaveDelay: number;
     className: string;
     portalClassName: string;
     onVisibleChange: TooltipOnVisibleChange;
-}> & Omit<React.PropsWithChildren<TooltipProps>, "rounded" | "className" | "animated" | "shadow" | "hideArrow" | "initialVisible" | "trigger" | "enterDelay" | "leaveDelay" | "portalClassName" | "onVisibleChange">>;
+}> & Omit<React.PropsWithChildren<TooltipProps>, "rounded" | "className" | "animated" | "shadow" | "hideArrow" | "initialVisible" | "trigger" | "enterDelay" | "leaveDelay" | "keepMounted" | "portalClassName" | "onVisibleChange">>;
 export default _default;

package/cjs/tooltip/tooltip.js

@@ -27,6 +27,7 @@ const defaultProps = {
   animated: true,
   shadow: true,
   rounded: false,
+  keepMounted: false,
   trigger: 'hover',
   enterDelay: 0,
   leaveDelay: 0,
@@ -56,6 +57,7 @@ const Tooltip = ({
   css,
   triggerCss,
   onClick,
+  keepMounted,
   visible: customVisible,
   ...props
 }) => {
@@ -63,9 +65,9 @@ const Tooltip = ({
   const ref = (0, _react.useRef)(null);
   const [visible, setVisible] = (0, _react.useState)(initialVisible);
   const contentProps = {
-    css,
     animated,
     visible,
+    css,
     shadow,
     offset,
     placement,
@@ -108,7 +110,7 @@ const Tooltip = ({
     onClick == null ? void 0 : onClick();
   };
 
-  (0, _useClickAway.default)(ref, () => trigger === 'click' && changeVisible(false));
+  (0, _useClickAway.default)(ref, () => trigger === 'click' && !keepMounted && changeVisible(false));
   (0, _react.useEffect)(() => {
     if (customVisible === undefined) return;
     changeVisible(customVisible);