refactor(root): new eslint config implemented on react package

.editorconfig

@@ -1,28 +1,9 @@
 root = true
 
-[*.js]
-[*.jsx]
-[*.ts]
-[*.tsx]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
+[*]
 insert_final_newline = true
-
-[*.json]
+charset = utf-8
 indent_style = space
 indent_size = 2
-end_of_line = lf
-charset = utf-8
 trim_trailing_whitespace = true
-insert_final_newline = false
-
-[*.md]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = false
-insert_final_newline = false
+max_line_length = 80

.eslintrc.json

@@ -29,6 +29,7 @@
     "react/prop-types": "off",
     "react/jsx-uses-react": "off",
     "react/react-in-jsx-scope": "off",
+    "react-hooks/exhaustive-deps": "off",
     "prettier/prettier": [
       "warn",
       {
@@ -39,7 +40,7 @@
         "singleQuote": false,
         "bracketSpacing": false,
         "arrowParens": "always",
-        "endOfLine":"auto"
+        "endOfLine": "auto"
       }
     ],
     "@typescript-eslint/no-unused-vars": [
@@ -50,15 +51,29 @@
         "argsIgnorePattern": "^_.*?$"
       }
     ],
-    "import/order": ["warn", {
-      "groups": ["type", "builtin", "object", "external", "internal", "parent", "sibling", "index"],
-      "pathGroups": [{
-        "pattern": "~/**",
-        "group": "external",
-        "position": "after"
-      }],
-      "newlines-between": "always"
-    }],
+    "import/order": [
+      "warn",
+      {
+        "groups": [
+          "type",
+          "builtin",
+          "object",
+          "external",
+          "internal",
+          "parent",
+          "sibling",
+          "index"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "~/**",
+            "group": "external",
+            "position": "after"
+          }
+        ],
+        "newlines-between": "always"
+      }
+    ],
     "react/self-closing-comp": "warn",
     "react/jsx-sort-props": [
       "warn",
@@ -71,9 +86,13 @@
     ],
     "padding-line-between-statements": [
       "warn",
-      {"blankLine": "always", "prev": "*", "next": "return"},
-      {"blankLine": "always", "prev": ["const", "let", "var"], "next": "*"},
-      {"blankLine": "any", "prev": ["const", "let", "var"], "next": ["const", "let", "var"]}
+      { "blankLine": "always", "prev": "*", "next": "return" },
+      { "blankLine": "always", "prev": ["const", "let", "var"], "next": "*" },
+      {
+        "blankLine": "any",
+        "prev": ["const", "let", "var"],
+        "next": ["const", "let", "var"]
+      }
     ]
   }
 }

.prettierignore

@@ -1,12 +0,0 @@
-.github
-.next
-.now
-.circleci
-dist
-coverage
-public
-esm
-*.json
-*.d.ts
-*.yml
-*.snap

.prettierrc

@@ -1,10 +0,0 @@
-{
-  "printWidth": 100,
-  "trailingComma": "all",
-  "tabWidth": 2,
-  "semi": true,
-  "singleQuote": false,
-  "bracketSpacing": false,
-  "arrowParens": "always",
-  "endOfLine": "auto"
-}

.vscode/settings.json

@@ -1,6 +1,14 @@
 {
-  "eslint.workingDirectories": ["./apps/docs", "./packages/react", "./packages/storybook"],
+  "eslint.workingDirectories": [
+    "./apps/docs",
+    "./packages/react",
+    "./packages/storybook"
+  ],
   "editor.tabSize": 2,
   "editor.insertSpaces": true,
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.formatOnSave": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  }
 }

packages/react/.eslintrc.json

@@ -1,27 +1,26 @@
 {
-    "extends": ["../../.eslintrc.json"],
-    "ignorePatterns": ["!**/*"],
-    "overrides": [
-      {
-        "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-        "parserOptions": {
-          "project": ["./tsconfig.json"],
-          "ecmaFeatures": {
-            "jsx": true
-          }
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "parserOptions": {
+        "project": ["./tsconfig.json"],
+        "ecmaFeatures": {
+          "jsx": true
         }
-      },
-      {
-        "files": ["*.ts", "*.tsx"],
-        "rules": {
-            "react/jsx-uses-react": "off",
-            "react/react-in-jsx-scope": "off"
-        }
-      },
-      {
-        "files": ["*.js", "*.jsx"],
-        "rules": {}
       }
-    ]
-  }
-  
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off"
+      }
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

packages/react/src/avatar/__tests__/__snapshots__/index.test.tsx.snap

@@ -136,7 +136,9 @@ LoadedCheerio {
 }
 `;
 
-exports[`Avatar should render correctly with an icon 1`] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span><span class=\\"nextui-avatar-icon\\"><svg class=\\"\\"></svg></span></span>"`;
+exports[
+  `Avatar should render correctly with an icon 1`
+] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span><span class=\\"nextui-avatar-icon\\"><svg class=\\"\\"></svg></span></span>"`;
 
 exports[`Avatar should render text element 1`] = `
 LoadedCheerio {
@@ -478,12 +480,22 @@ LoadedCheerio {
 }
 `;
 
-exports[`Avatar should work correctly with different sizes 1`] = `"<div><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-jROyhw-size-xs nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-bHlgBq-size-sm nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-lmZTtQ-size-lg nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-dVCMrw-size-xl nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span></div>"`;
+exports[
+  `Avatar should work correctly with different sizes 1`
+] = `"<div><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-jROyhw-size-xs nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-bHlgBq-size-sm nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-lmZTtQ-size-lg nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-dVCMrw-size-xl nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span></div>"`;
 
-exports[`Avatar should work with a gradient color 1`] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-lcNuyd-color-gradient nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;
+exports[
+  `Avatar should work with a gradient color 1`
+] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-lcNuyd-color-gradient nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;
 
-exports[`Avatar should work with different colors 1`] = `"<div><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-eeabkr-color-primary nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-jzyGMN-color-secondary nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-fJMMFA-color-success nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-eCIbjl-color-warning nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-gYTGZH-color-error nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span></div>"`;
+exports[
+  `Avatar should work with different colors 1`
+] = `"<div><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-eeabkr-color-primary nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-jzyGMN-color-secondary nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-fJMMFA-color-success nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-eCIbjl-color-warning nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span><span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-gYTGZH-color-error nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span></div>"`;
 
-exports[`Avatar should work with pointer 1`] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-gsmDXe-pointer-true nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;
+exports[
+  `Avatar should work with pointer 1`
+] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-gsmDXe-pointer-true nextui-c-fFabR-bAEoQm-rounded-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;
 
-exports[`Avatar should work with zoomed 1`] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-fFabR-OUZAS-zoomed-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;
+exports[
+  `Avatar should work with zoomed 1`
+] = `"<span class=\\"nextui-c-fFabR nextui-c-PJLV nextui-c-ldmKBv nextui-c-fFabR-qXFXw-color-default nextui-c-fFabR-duCSmO-textColor-default nextui-c-fFabR-iHugVF-size-md nextui-c-fFabR-krOtXB-borderWeight-normal nextui-c-fFabR-bAEoQm-rounded-true nextui-c-fFabR-OUZAS-zoomed-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-fFabR-iPJLV-css only-text-avatar\\" data-state=\\"ready\\"><span class=\\"nextui-avatar-bg\\"></span></span>"`;

packages/react/src/backdrop/backdrop.tsx

@@ -130,7 +130,6 @@ const Backdrop: React.FC<React.PropsWithChildren<BackdropProps>> = React.memo(
           </StyledBackdropContent>
         </StyledBackdrop>
       );
-      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [children]);
 
     return (

packages/react/src/button/__tests__/__snapshots__/group.test.tsx.snap

@@ -1,12 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ButtonGroup buttons should be displayed vertically 1`] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-gwxfIo-vertical-true nextui-c-UqICV-gimGqK-size-md\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action1</span></button><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action2</span></button></div>"`;
+exports[
+  `ButtonGroup buttons should be displayed vertically 1`
+] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-gwxfIo-vertical-true nextui-c-UqICV-gimGqK-size-md\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action1</span></button><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action2</span></button></div>"`;
 
-exports[`ButtonGroup props should be passed to each button 1`] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-iAoIqM-size-xs\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hfnhFm-color-success nextui-c-iWjDFM-imrJwH-size-xs nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gNZcsS-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
+exports[
+  `ButtonGroup props should be passed to each button 1`
+] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-iAoIqM-size-xs\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hfnhFm-color-success nextui-c-iWjDFM-imrJwH-size-xs nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gNZcsS-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
 
-exports[`ButtonGroup props should be passed to each button 2`] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-iAoIqM-size-xs\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hfnhFm-color-success nextui-c-iWjDFM-imrJwH-size-xs nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-cyFBRX-flat-true nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gNZcsS-cv nextui-c-iWjDFM-gmvfdi-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
+exports[
+  `ButtonGroup props should be passed to each button 2`
+] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-iAoIqM-size-xs\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hfnhFm-color-success nextui-c-iWjDFM-imrJwH-size-xs nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-cyFBRX-flat-true nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gNZcsS-cv nextui-c-iWjDFM-gmvfdi-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
 
-exports[`ButtonGroup should render correctly 1`] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-gimGqK-size-md\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
+exports[
+  `ButtonGroup should render correctly 1`
+] = `"<div class=\\"nextui-c-UqICV nextui-c-UqICV-kulhLg-vertical-false nextui-c-UqICV-gimGqK-size-md\\"><button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-exaRme-auto-true nextui-c-iWjDFM-gglxka-cv nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-button-text\\">action</span></button></div>"`;
 
 exports[`ButtonGroup should render different variants 1`] = `ReactWrapper {}`;
 

packages/react/src/button/__tests__/__snapshots__/icon.test.tsx.snap

@@ -1,7 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ButtonIcon should render correctly 1`] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-iPJLV-css nextui-button-icon\\"><svg></svg></span><div class=\\"nextui-button-text nextui-button-text-left\\">action</div></button>"`;
+exports[
+  `ButtonIcon should render correctly 1`
+] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-iPJLV-css nextui-button-icon\\"><svg></svg></span><div class=\\"nextui-button-text nextui-button-text-left\\">action</div></button>"`;
 
-exports[`ButtonIcon should work with right 1`] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-jeNDWm-isRight-true nextui-c-bDGMeb-iPJLV-css nextui-button-icon nextui-button-icon-right\\"><svg></svg></span><div class=\\"nextui-button-text nextui-button-text-right\\">action</div></button>"`;
+exports[
+  `ButtonIcon should work with right 1`
+] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-jeNDWm-isRight-true nextui-c-bDGMeb-iPJLV-css nextui-button-icon nextui-button-icon-right\\"><svg></svg></span><div class=\\"nextui-button-text nextui-button-text-right\\">action</div></button>"`;
 
-exports[`ButtonIcon should work without text 1`] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-bQrkqa-isChildLess-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-jeNDWm-isRight-true nextui-c-bDGMeb-iyYGWO-isSingle-true nextui-c-bDGMeb-bVsTEo-cv nextui-c-bDGMeb-iPJLV-css nextui-button-icon nextui-button-icon-right nextui-button-icon-single\\"><svg></svg></span></button>"`;
+exports[
+  `ButtonIcon should work without text 1`
+] = `"<button data-state=\\"ready\\" class=\\"nextui-c-iWjDFM nextui-c-PJLV nextui-c-ldmKBv nextui-c-iWjDFM-hkKLfu-color-default nextui-c-iWjDFM-gkIlwi-size-md nextui-c-iWjDFM-cwXrJp-borderWeight-normal nextui-c-iWjDFM-bQrkqa-isChildLess-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-c-iWjDFM-iPJLV-css nextui-button nextui-button--ready\\" type=\\"button\\"><span class=\\"nextui-c-bDGMeb nextui-c-bDGMeb-jeNDWm-isRight-true nextui-c-bDGMeb-iyYGWO-isSingle-true nextui-c-bDGMeb-bVsTEo-cv nextui-c-bDGMeb-iPJLV-css nextui-button-icon nextui-button-icon-right nextui-button-icon-single\\"><svg></svg></span></button>"`;

packages/react/src/button/button-group.tsx

@@ -72,7 +72,6 @@ const ButtonGroup: React.FC<React.PropsWithChildren<ButtonGroupProps>> = (groupP
       ripple,
       isButtonGroup: true,
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [disabled, animated, size, ripple, color, bordered, light, ghost, flat, borderWeight],
   );
 

packages/react/src/collapse/collapse-group.tsx

@@ -62,7 +62,6 @@ const CollapseGroup: React.FC<React.PropsWithChildren<CollapseGroupProps>> = ({
       divider,
       animated,
     }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [state.join(",")],
   );
 

packages/react/src/collapse/collapse.tsx

@@ -107,7 +107,6 @@ const Collapse: React.FC<React.PropsWithChildren<CollapseProps>> = ({
     if (visible !== expanded) {
       setVisible(expanded);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [expanded]);
 
   useEffect(() => {
@@ -115,7 +114,6 @@ const Collapse: React.FC<React.PropsWithChildren<CollapseProps>> = ({
     const isActive = !!values.find((item) => item === index);
 
     setVisible(isActive);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [values.join(",")]);
 
   const ariaLabelledById = useId();

packages/react/src/grid/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,13 +1,25 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Grid all breakpoint values should be supported 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-icgwmtB-css nextui-grid-item xs sm md lg xl nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-iddATLy-css nextui-grid-item xs sm md lg xl\\">test</div></div>"`;
+exports[
+  `Grid all breakpoint values should be supported 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-icgwmtB-css nextui-grid-item xs sm md lg xl nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-iddATLy-css nextui-grid-item xs sm md lg xl\\">test</div></div>"`;
 
-exports[`Grid css value should be passed through 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ibomLZK-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-idTBjfx-css nextui-grid-item\\">test</div></div>"`;
+exports[
+  `Grid css value should be passed through 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ibomLZK-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-idTBjfx-css nextui-grid-item\\">test</div></div>"`;
 
-exports[`Grid decimal spacing should be supported 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ikiOHGz-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>"`;
+exports[
+  `Grid decimal spacing should be supported 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ikiOHGz-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>"`;
 
-exports[`Grid nested components should be supported 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>,</div>,</div>,</div>"`;
+exports[
+  `Grid nested components should be supported 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>,</div>,</div>,</div>"`;
 
-exports[`Grid should render correctly 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>"`;
+exports[
+  `Grid should render correctly 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-igNCIse-css nextui-grid-item\\">test</div></div>"`;
 
-exports[`Grid should work correctly when size exceeds 1`] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-icxokNG-css nextui-grid-item xs\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ieSqvQu-css nextui-grid-item xs\\">test</div></div>"`;
+exports[
+  `Grid should work correctly when size exceeds 1`
+] = `"<div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ijDEIix-css nextui-grid-item nextui-grid-container\\"><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-icxokNG-css nextui-grid-item xs\\">test</div><div class=\\"nextui-c-kRHeuF nextui-c-kRHeuF-ieSqvQu-css nextui-grid-item xs\\">test</div></div>"`;

packages/react/src/input/__tests__/__snapshots__/password.test.tsx.snap

@@ -1,3 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`InputPassword should render correctly 1`] = `"<div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-fjttfO-isTextarea-false nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--input nextui-input-password\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-lkBNdM-isTextarea-false nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><input type=\\"password\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-bVsTEo-hasRightContent-true nextui-input nextui-input-nextui-input-right-content\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"false\\" id=\\"react-aria2967626641-1\\" value=\\"\\"><span class=\\"nextui-c-PJLV nextui-c-PJLV-dBGXHd-applyStyles-true nextui-c-PJLV-hUwVy-clickable-true nextui-input-content nextui-input-content--right\\"><svg viewBox=\\"0 0 24 24\\" width=\\"16\\" height=\\"16\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" class=\\"nextui-input-password-icon\\" shape-rendering=\\"geometricPrecision\\" style=\\"color: currentColor;\\"><path d=\\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\\"></path><circle cx=\\"12\\" cy=\\"12\\" r=\\"3\\"></circle></svg></span></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div>"`;
+exports[
+  `InputPassword should render correctly 1`
+] = `"<div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-fjttfO-isTextarea-false nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--input nextui-input-password\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-lkBNdM-isTextarea-false nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><input type=\\"password\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-bVsTEo-hasRightContent-true nextui-input nextui-input-nextui-input-right-content\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"false\\" id=\\"react-aria2967626641-1\\" value=\\"\\"><span class=\\"nextui-c-PJLV nextui-c-PJLV-dBGXHd-applyStyles-true nextui-c-PJLV-hUwVy-clickable-true nextui-input-content nextui-input-content--right\\"><svg viewBox=\\"0 0 24 24\\" width=\\"16\\" height=\\"16\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" class=\\"nextui-input-password-icon\\" shape-rendering=\\"geometricPrecision\\" style=\\"color: currentColor;\\"><path d=\\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\\"></path><circle cx=\\"12\\" cy=\\"12\\" r=\\"3\\"></circle></svg></span></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div>"`;

packages/react/src/link/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,3 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Link should render correctly 1`] = `"<div><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-krgohU-color-secondary nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-byQUqd-color-success nextui-c-gUrcXm-iFdQKc-animated-true\\">link<svg viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" shape-rendering=\\"geometricPrecision\\" class=\\"nextui-c-hdKjck nextui-link-icon\\"><path d=\\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\\"></path><path d=\\"M15 3h6v6\\"></path><path d=\\"M10 14L21 3\\"></path></svg></a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-cSuHME-underline-true nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-eIcaMf-block-true nextui-c-gUrcXm-iFdQKc-animated-true nextui-c-gUrcXm-bhXeQK-cv\\">link</a></div>"`;
+exports[
+  `Link should render correctly 1`
+] = `"<div><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-krgohU-color-secondary nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-byQUqd-color-success nextui-c-gUrcXm-iFdQKc-animated-true\\">link<svg viewBox=\\"0 0 24 24\\" width=\\"1em\\" height=\\"1em\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" fill=\\"none\\" shape-rendering=\\"geometricPrecision\\" class=\\"nextui-c-hdKjck nextui-link-icon\\"><path d=\\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\\"></path><path d=\\"M15 3h6v6\\"></path><path d=\\"M10 14L21 3\\"></path></svg></a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-cSuHME-underline-true nextui-c-gUrcXm-iFdQKc-animated-true\\">link</a><a href=\\"https://nextui.org\\" class=\\"nextui-c-gUrcXm nextui-c-gUrcXm-eAdznm-color-default nextui-c-gUrcXm-eIcaMf-block-true nextui-c-gUrcXm-iFdQKc-animated-true nextui-c-gUrcXm-bhXeQK-cv\\">link</a></div>"`;

packages/react/src/loading/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,21 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Loading should render correctly 1`] = `"<div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div>"`;
+exports[
+  `Loading should render correctly 1`
+] = `"<div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div>"`;
 
 exports[`Loading should render correctly 2`] = `[Function]`;
 
-exports[`Loading should work with different colors 1`] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-primary nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-bdkpVZ-color-success nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-erOfwU-color-secondary nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-eVEedQ-color-warning nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-dGjLsC-color-error nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
+exports[
+  `Loading should work with different colors 1`
+] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-primary nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-bdkpVZ-color-success nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-erOfwU-color-secondary nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-eVEedQ-color-warning nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-dGjLsC-color-error nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
 
 exports[`Loading should work with different colors 2`] = `[Function]`;
 
-exports[`Loading should work with different sizes 1`] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-bboDzR-size-xs nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-eWttbs-size-sm nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-eWTJwO-size-lg nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-fYAaIu-size-xl nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
+exports[
+  `Loading should work with different sizes 1`
+] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-bboDzR-size-xs nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-eWttbs-size-sm nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-eWTJwO-size-lg nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-fYAaIu-size-xl nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
 
 exports[`Loading should work with different sizes 2`] = `[Function]`;
 
-exports[`Loading should work with different text colors 1`] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-jjYXKD-textColor-primary\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-lgCEhg-textColor-success\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-iQizOB-textColor-secondary\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fgUECR-textColor-warning\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-jYiaFD-textColor-error\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
+exports[
+  `Loading should work with different text colors 1`
+] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-jjYXKD-textColor-primary\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-lgCEhg-textColor-success\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-iQizOB-textColor-secondary\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fgUECR-textColor-warning\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-jYiaFD-textColor-error\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
 
 exports[`Loading should work with different text colors 2`] = `[Function]`;
 
-exports[`Loading should work with different types 1`] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><div class=\\"nextui-c-fpphdg nextui-c-fpphdg-fPWnWX-size-md nextui-spinner\\"><div class=\\"nextui-c-jTKaZN nextui-spinner-container\\" aria-label=\\"Loading\\"><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span></div></div></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-cGhcKQ-type-points nextui-c-chTLhx-dhbJvz-cv nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-points\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-heRREU-type-points-opacity nextui-c-chTLhx-dhbJvz-cv nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-points-opacity\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-mBJPy-type-gradient nextui-c-chTLhx-icvvata-css nextui-loading nextui-loading-gradient\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
+exports[
+  `Loading should work with different types 1`
+] = `"<div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-jJwoeB-type-default nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-default\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><div class=\\"nextui-c-fpphdg nextui-c-fpphdg-fPWnWX-size-md nextui-spinner\\"><div class=\\"nextui-c-jTKaZN nextui-spinner-container\\" aria-label=\\"Loading\\"><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span><span class=\\"nextui-c-jdsqRm\\"></span></div></div></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-cGhcKQ-type-points nextui-c-chTLhx-dhbJvz-cv nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-points\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-heRREU-type-points-opacity nextui-c-chTLhx-dhbJvz-cv nextui-c-chTLhx-iPJLV-css nextui-loading nextui-loading-points-opacity\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div><div class=\\"nextui-c-bOoPrE nextui-c-bOoPrE-iWdsRK-color-default nextui-c-bOoPrE-fQoxSm-textColor-default\\"><span class=\\"nextui-c-chTLhx nextui-c-chTLhx-cPGQpm-size-md nextui-c-chTLhx-mBJPy-type-gradient nextui-c-chTLhx-icvvata-css nextui-loading nextui-loading-gradient\\" aria-label=\\"Loading\\"><i class=\\"_1\\"></i><i class=\\"_2\\"></i><i class=\\"_3\\"></i></span></div></div>"`;
 
 exports[`Loading should work with different types 2`] = `[Function]`;

packages/react/src/pagination/__tests__/__snapshots__/pagination.test.tsx.snap

@@ -1,3 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Pagination should render correctly 1`] = `"<nav class=\\"nextui-c-eKVPvf nextui-c-eKVPvf-iBFhCV-color-default nextui-c-eKVPvf-UECOZ-size-md nextui-c-eKVPvf-iTJsWG-borderWeight-normal nextui-c-eKVPvf-ibzOHM-onlyDots-false nextui-c-eKVPvf-bNGYLg-rounded-false nextui-c-eKVPvf-QbeIJ-noMargin-false nextui-pagination\\"><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-gZRAkC-disabled-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-animated nextui-pagination-item-disabled nextui-pagination-item-preserve-content\\" aria-label=\\"previous page button\\" tabindex=\\"-1\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\"><svg role=\\"presentation\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"nextui-c-eKuzCY nextui-c-eKuzCY-xROYZ-isPrev-true nextui-pagination-icon\\"><path d=\\"M15.5 19l-7-7 7-7\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"></path></svg></span></button><div aria-hidden=\\"true\\" class=\\"nextui-c-cAbbLF nextui-c-cAbbLF-QIzBs-animated-true nextui-c-cAbbLF-ikgtVxo-css nextui-pagination-highlight nextui-pagination-highlight--active\\" style=\\"--nextui--paginationLeft: calc(var(--nextui--paginationSize) * 1 + 6px);\\"></div><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-dZWCtT-active-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-active nextui-pagination-item-animated\\" aria-label=\\"1 item active\\" tabindex=\\"0\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\">1</span></button><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-gZRAkC-disabled-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-animated nextui-pagination-item-disabled nextui-pagination-item-preserve-content\\" aria-label=\\"next page button\\" tabindex=\\"-1\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\"><svg role=\\"presentation\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"nextui-c-eKuzCY nextui-pagination-icon\\"><path d=\\"M15.5 19l-7-7 7-7\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"></path></svg></span></button></nav>"`;
+exports[
+  `Pagination should render correctly 1`
+] = `"<nav class=\\"nextui-c-eKVPvf nextui-c-eKVPvf-iBFhCV-color-default nextui-c-eKVPvf-UECOZ-size-md nextui-c-eKVPvf-iTJsWG-borderWeight-normal nextui-c-eKVPvf-ibzOHM-onlyDots-false nextui-c-eKVPvf-bNGYLg-rounded-false nextui-c-eKVPvf-QbeIJ-noMargin-false nextui-pagination\\"><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-gZRAkC-disabled-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-animated nextui-pagination-item-disabled nextui-pagination-item-preserve-content\\" aria-label=\\"previous page button\\" tabindex=\\"-1\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\"><svg role=\\"presentation\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"nextui-c-eKuzCY nextui-c-eKuzCY-xROYZ-isPrev-true nextui-pagination-icon\\"><path d=\\"M15.5 19l-7-7 7-7\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"></path></svg></span></button><div aria-hidden=\\"true\\" class=\\"nextui-c-cAbbLF nextui-c-cAbbLF-QIzBs-animated-true nextui-c-cAbbLF-ikgtVxo-css nextui-pagination-highlight nextui-pagination-highlight--active\\" style=\\"--nextui--paginationLeft: calc(var(--nextui--paginationSize) * 1 + 6px);\\"></div><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-dZWCtT-active-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-active nextui-pagination-item-animated\\" aria-label=\\"1 item active\\" tabindex=\\"0\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\">1</span></button><button class=\\"nextui-c-cUthvm nextui-c-huiNHE nextui-c-cUthvm-gZRAkC-disabled-true nextui-c-cUthvm-SWDEj-animated-true nextui-pagination-item nextui-pagination-item-animated nextui-pagination-item-disabled nextui-pagination-item-preserve-content\\" aria-label=\\"next page button\\" tabindex=\\"-1\\"><span class=\\"nextui-c-fItrmj nextui-pagination-item-content\\"><svg role=\\"presentation\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"nextui-c-eKuzCY nextui-pagination-icon\\"><path d=\\"M15.5 19l-7-7 7-7\\" stroke=\\"currentColor\\" stroke-width=\\"1.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"></path></svg></span></button></nav>"`;

packages/react/src/row/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,9 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Row should render correctly 1`] = `"<div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\">row</div>"`;
+exports[
+  `Row should render correctly 1`
+] = `"<div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\">row</div>"`;
 
-exports[`Row should work with nested 1`] = `"<div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\">row</div></div></div></div></div>"`;
+exports[
+  `Row should work with nested 1`
+] = `"<div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\">row</div></div></div></div></div>"`;
 
-exports[`Row the children should be aligned correctly 1`] = `"<div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-iipPaye-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-iiPCojg-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-icEZgMd-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-igmUkpg-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ilailYI-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ibEUQES-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div></div>"`;
+exports[
+  `Row the children should be aligned correctly 1`
+] = `"<div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-iipPaye-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-iiPCojg-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-icEZgMd-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-igmUkpg-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-idIWWzx-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ilailYI-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ibEUQES-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div></div>"`;
 
-exports[`Row the children should have the correct spacing 1`] = `"<div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ieLOVho-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-igSdzKj-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ifliOBE-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div></div>"`;
+exports[
+  `Row the children should have the correct spacing 1`
+] = `"<div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ieLOVho-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-igSdzKj-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div><div class=\\"nextui-c-dfbgCO nextui-c-dfbgCO-fGHEql-fluid-true nextui-c-dfbgCO-ifliOBE-css\\"><div class=\\"nextui-c-cMTZRp nextui-c-cMTZRp-ijmTDtb-css\\"></div></div></div>"`;

packages/react/src/snippet/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,11 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Snippet should render correctly 1`] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
+exports[
+  `Snippet should render correctly 1`
+] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
 
-exports[`Snippet should work with custom symbol 1`] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-iglrZwL-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
+exports[
+  `Snippet should work with custom symbol 1`
+] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-iglrZwL-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
 
-exports[`Snippet should work with custom symbol 2`] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-idPaJqJ-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
+exports[
+  `Snippet should work with custom symbol 2`
+] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-idPaJqJ-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
 
-exports[`Snippet should work with different styles 1`] = `"<div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal nextui-c-eaXwRa-kyNZHt-filled-true\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-fFVmgV-color-secondary nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-ifKsbt-color-success nextui-c-eaXwRa-csvrTU-borderWeight-normal nextui-c-eaXwRa-kyNZHt-filled-true\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div></div>"`;
+exports[
+  `Snippet should work with different styles 1`
+] = `"<div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal nextui-c-eaXwRa-kyNZHt-filled-true\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-fFVmgV-color-secondary nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div><div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-ifKsbt-color-success nextui-c-eaXwRa-csvrTU-borderWeight-normal nextui-c-eaXwRa-kyNZHt-filled-true\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">yarn add @nextui-org/react</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div></div>"`;
 
-exports[`Snippet should work with multi-line 1`] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">cd project</pre><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">now</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;
+exports[
+  `Snippet should work with multi-line 1`
+] = `"<div class=\\"nextui-c-eaXwRa nextui-c-eaXwRa-kPoUFQ-color-default nextui-c-eaXwRa-csvrTU-borderWeight-normal\\"><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">cd project</pre><pre class=\\"nextui-c-eVaCKy nextui-c-eVaCKy-ijvHxtl-css nextui-snippet-pre\\">now</pre><div role=\\"button\\" tabindex=\\"-1\\" class=\\"nextui-c-ftJsHY nextui-c-ftJsHY-iPJLV-css nextui-tooltip-button\\"><button class=\\"nextui-c-iYtvzS nextui-c-huiNHE nextui-snippet-copy-button\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" class=\\"nextui-c-PJLV\\"><path d=\\"M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z\\"></path></svg></button></div></div>"`;

packages/react/src/spacer/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,9 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Spacer should render correctly 1`] = `"<span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igvLppd-css\\"></span>"`;
+exports[
+  `Spacer should render correctly 1`
+] = `"<span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igvLppd-css\\"></span>"`;
 
-exports[`Spacer should support x and y 1`] = `"<div><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igcelEw-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ikIxlN-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ikrYZet-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iijuxSl-css\\"></span></div>"`;
+exports[
+  `Spacer should support x and y 1`
+] = `"<div><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igcelEw-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ikIxlN-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ikrYZet-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iijuxSl-css\\"></span></div>"`;
 
-exports[`Spacer should work with float 1`] = `"<div><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iiYlDcV-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ijmOPbz-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iclhgNO-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ihWKbA-css\\"></span></div>"`;
+exports[
+  `Spacer should work with float 1`
+] = `"<div><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iiYlDcV-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ijmOPbz-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-iclhgNO-css\\"></span><span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-ihWKbA-css\\"></span></div>"`;
 
-exports[`Spacer should work with inline mode 1`] = `"<span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igvLppd-css\\"></span>"`;
+exports[
+  `Spacer should work with inline mode 1`
+] = `"<span aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-igvLppd-css\\"></span>"`;

packages/react/src/switch/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,15 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Switch should render correctly 1`] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label>"`;
+exports[
+  `Switch should render correctly 1`
+] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label>"`;
 
-exports[`Switch should render correctly with an icon 1`] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
+exports[
+  `Switch should render correctly with an icon 1`
+] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
 
-exports[`Switch should render correctly with an iconOff 1`] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
+exports[
+  `Switch should render correctly with an iconOff 1`
+] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
 
-exports[`Switch should render correctly with an iconOn 1`] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
+exports[
+  `Switch should render correctly with an iconOn 1`
+] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
 
-exports[`Switch should render correctly with both icons on/off 1`] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
+exports[
+  `Switch should render correctly with both icons on/off 1`
+] = `"<label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"><svg class=\\"\\"></svg></span></div></label>"`;
 
-exports[`Switch should work with different colors 1`] = `"<div><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-primary nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-cMYjfR-color-secondary nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-eTwznY-color-success nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-jTdYRZ-color-warning nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-dlOPhH-color-error nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label></div>"`;
+exports[
+  `Switch should work with different colors 1`
+] = `"<div><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-primary nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-cMYjfR-color-secondary nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-eTwznY-color-success nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-jTdYRZ-color-warning nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-dlOPhH-color-error nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label></div>"`;
 
-exports[`Switch should work with different sizes 1`] = `"<div><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-dAsftq-size-xs nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-gPEQiI-size-sm nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-lcjiCZ-size-lg nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-elYIjz-size-xl nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label></div>"`;
+exports[
+  `Switch should work with different sizes 1`
+] = `"<div><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-dAsftq-size-xs nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-gPEQiI-size-sm nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-JJjKI-size-md nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-lcjiCZ-size-lg nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label><label data-state=\\"unchecked\\" class=\\"nextui-c-STltJ nextui-c-STltJ-bwQcWP-color-default nextui-c-STltJ-elYIjz-size-xl nextui-c-STltJ-bgIFDi-borderWeight-normal\\"><input tabindex=\\"-1\\" type=\\"checkbox\\" class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-switch-input\\" data-state=\\"unchecked\\"><div role=\\"switch\\" tabindex=\\"0\\" aria-checked=\\"false\\" aria-disabled=\\"false\\" data-state=\\"unchecked\\" class=\\"nextui-c-itiWTf nextui-c-huiNHE nextui-c-itiWTf-ehImnT-animated-true nextui-c-itiWTf-azaXX-cv nextui-switch nextui-switch--unchecked\\"><span class=\\"nextui-c-ijDFoR nextui-switch-circle\\"></span></div></label></div>"`;

packages/react/src/table/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Table should render a static table correctly with sorting 1`] = `"<div class=\\"nextui-c-hWZRae nextui-c-hWZRae-gikTHb-shadow-true nextui-c-hWZRae-bzEnZV-borderWeight-normal nextui-c-hWZRae-iPJLV-css nextui-table-container\\"><table class=\\"nextui-c-fcXuxO nextui-c-fcXuxO-fyxmJu-color-primary nextui-c-fcXuxO-fPgLZC-lineWeight-light nextui-table\\" aria-label=\\"Test sorting table\\" id=\\"react-aria3340202833-14\\" role=\\"grid\\" tabindex=\\"0\\" aria-describedby=\\"\\"><thead class=\\"nextui-c-PJLV nextui-table-row-group\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-fRbcxI nextui-table-header-row\\" role=\\"row\\"><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.0\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.0\\">NAME</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-jhJWUH-hHqiAG-allowsSorting-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.1\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.1\\" aria-sort=\\"none\\" aria-describedby=\\"react-aria-description-0\\">TYPE<svg role=\\"presentation\\" aria-hidden=\\"true\\" focusable=\\"false\\" class=\\"nextui-c-cqpNQI nextui-c-cqpNQI-ihOkgrg-css nextui-table-sort-icon\\" width=\\"22\\" height=\\"22\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z\\"></path></svg></th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-jhJWUH-hHqiAG-allowsSorting-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.2\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.2\\" aria-sort=\\"none\\" aria-describedby=\\"react-aria-description-0\\">DATE MODIFIED<svg role=\\"presentation\\" aria-hidden=\\"true\\" focusable=\\"false\\" class=\\"nextui-c-cqpNQI nextui-c-cqpNQI-ihOkgrg-css nextui-table-sort-icon\\" width=\\"22\\" height=\\"22\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z\\"></path></svg></th></tr><tr aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-icCJVMZ-css nextui-table-hidden-row\\"></tr></thead><tbody class=\\"nextui-c-PJLV nextui-c-PJLV-iccTTUn-css nextui-table-body\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-bUbfzy nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-row\\" role=\\"row\\" tabindex=\\"-1\\" data-key=\\"1\\" aria-labelledby=\\"react-aria3340202833-14-1-.0.0\\" aria-hidden=\\"false\\"><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.0\\" role=\\"rowheader\\" id=\\"react-aria3340202833-14-1-.0.0\\">Games</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.1\\" role=\\"gridcell\\">File folder</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.2\\" role=\\"gridcell\\">6/7/2020</td></tr></tbody></table></div>"`;
+exports[
+  `Table should render a static table correctly with sorting 1`
+] = `"<div class=\\"nextui-c-hWZRae nextui-c-hWZRae-gikTHb-shadow-true nextui-c-hWZRae-bzEnZV-borderWeight-normal nextui-c-hWZRae-iPJLV-css nextui-table-container\\"><table class=\\"nextui-c-fcXuxO nextui-c-fcXuxO-fyxmJu-color-primary nextui-c-fcXuxO-fPgLZC-lineWeight-light nextui-table\\" aria-label=\\"Test sorting table\\" id=\\"react-aria3340202833-14\\" role=\\"grid\\" tabindex=\\"0\\" aria-describedby=\\"\\"><thead class=\\"nextui-c-PJLV nextui-table-row-group\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-fRbcxI nextui-table-header-row\\" role=\\"row\\"><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.0\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.0\\">NAME</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-jhJWUH-hHqiAG-allowsSorting-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.1\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.1\\" aria-sort=\\"none\\" aria-describedby=\\"react-aria-description-0\\">TYPE<svg role=\\"presentation\\" aria-hidden=\\"true\\" focusable=\\"false\\" class=\\"nextui-c-cqpNQI nextui-c-cqpNQI-ihOkgrg-css nextui-table-sort-icon\\" width=\\"22\\" height=\\"22\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z\\"></path></svg></th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-jhJWUH-hHqiAG-allowsSorting-true nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.2\\" role=\\"columnheader\\" id=\\"react-aria3340202833-14-.0.2\\" aria-sort=\\"none\\" aria-describedby=\\"react-aria-description-0\\">DATE MODIFIED<svg role=\\"presentation\\" aria-hidden=\\"true\\" focusable=\\"false\\" class=\\"nextui-c-cqpNQI nextui-c-cqpNQI-ihOkgrg-css nextui-table-sort-icon\\" width=\\"22\\" height=\\"22\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z\\"></path></svg></th></tr><tr aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-icCJVMZ-css nextui-table-hidden-row\\"></tr></thead><tbody class=\\"nextui-c-PJLV nextui-c-PJLV-iccTTUn-css nextui-table-body\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-bUbfzy nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-row\\" role=\\"row\\" tabindex=\\"-1\\" data-key=\\"1\\" aria-labelledby=\\"react-aria3340202833-14-1-.0.0\\" aria-hidden=\\"false\\"><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.0\\" role=\\"rowheader\\" id=\\"react-aria3340202833-14-1-.0.0\\">Games</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.1\\" role=\\"gridcell\\">File folder</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.2\\" role=\\"gridcell\\">6/7/2020</td></tr></tbody></table></div>"`;
 
-exports[`Table should render correctly 1`] = `"<div class=\\"nextui-c-hWZRae nextui-c-hWZRae-gikTHb-shadow-true nextui-c-hWZRae-bzEnZV-borderWeight-normal nextui-c-hWZRae-iPJLV-css nextui-table-container\\"><table class=\\"nextui-c-fcXuxO nextui-c-fcXuxO-fyxmJu-color-primary nextui-c-fcXuxO-fPgLZC-lineWeight-light nextui-table\\" aria-label=\\"Test example table\\" id=\\"react-aria3340202833-1\\" role=\\"grid\\" tabindex=\\"0\\" aria-describedby=\\"\\"><thead class=\\"nextui-c-PJLV nextui-table-row-group\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-fRbcxI nextui-table-header-row\\" role=\\"row\\"><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.0\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.0\\">NAME</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.1\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.1\\">TYPE</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.2\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.2\\">DATE MODIFIED</th></tr><tr aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-icCJVMZ-css nextui-table-hidden-row\\"></tr></thead><tbody class=\\"nextui-c-PJLV nextui-c-PJLV-iccTTUn-css nextui-table-body\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-bUbfzy nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-row\\" role=\\"row\\" tabindex=\\"-1\\" data-key=\\"1\\" aria-labelledby=\\"react-aria3340202833-1-1-.0.0\\" aria-hidden=\\"false\\"><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.0\\" role=\\"rowheader\\" id=\\"react-aria3340202833-1-1-.0.0\\">Games</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.1\\" role=\\"gridcell\\">File folder</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.2\\" role=\\"gridcell\\">6/7/2020</td></tr></tbody></table></div>"`;
+exports[
+  `Table should render correctly 1`
+] = `"<div class=\\"nextui-c-hWZRae nextui-c-hWZRae-gikTHb-shadow-true nextui-c-hWZRae-bzEnZV-borderWeight-normal nextui-c-hWZRae-iPJLV-css nextui-table-container\\"><table class=\\"nextui-c-fcXuxO nextui-c-fcXuxO-fyxmJu-color-primary nextui-c-fcXuxO-fPgLZC-lineWeight-light nextui-table\\" aria-label=\\"Test example table\\" id=\\"react-aria3340202833-1\\" role=\\"grid\\" tabindex=\\"0\\" aria-describedby=\\"\\"><thead class=\\"nextui-c-PJLV nextui-table-row-group\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-fRbcxI nextui-table-header-row\\" role=\\"row\\"><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.0\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.0\\">NAME</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.1\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.1\\">TYPE</th><th class=\\"nextui-c-jhJWUH nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-column-header\\" tabindex=\\"-1\\" data-key=\\".0.2\\" role=\\"columnheader\\" id=\\"react-aria3340202833-1-.0.2\\">DATE MODIFIED</th></tr><tr aria-hidden=\\"true\\" class=\\"nextui-c-gNVTSf nextui-c-gNVTSf-hakyQ-inline-false nextui-c-gNVTSf-icCJVMZ-css nextui-table-hidden-row\\"></tr></thead><tbody class=\\"nextui-c-PJLV nextui-c-PJLV-iccTTUn-css nextui-table-body\\" role=\\"rowgroup\\"><tr class=\\"nextui-c-bUbfzy nextui-c-PJLV nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-row\\" role=\\"row\\" tabindex=\\"-1\\" data-key=\\"1\\" aria-labelledby=\\"react-aria3340202833-1-1-.0.0\\" aria-hidden=\\"false\\"><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.0\\" role=\\"rowheader\\" id=\\"react-aria3340202833-1-1-.0.0\\">Games</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.1\\" role=\\"gridcell\\">File folder</td><td class=\\"nextui-c-PJLV nextui-c-czOCAM nextui-c-PJLV-gulvcB-isFocusVisible-false nextui-table-cell\\" tabindex=\\"-1\\" data-key=\\"1.2\\" role=\\"gridcell\\">6/7/2020</td></tr></tbody></table></div>"`;

packages/react/src/table/table.stories.tsx

@@ -360,7 +360,7 @@ export const Pagination = () => {
         shadow
         align="center"
         rowsPerPage={3}
-        onPageChange={(page) => console.log({page})}
+        onPageChange={(page) => console.log({page})} // eslint-disable-line no-console
       />
     </Table>
   );
@@ -548,14 +548,24 @@ export const CustomCells = () => {
           <Row align="center" justify="center">
             <Col css={{d: "flex"}}>
               <Tooltip content="Details">
-                <IconButton onClick={() => console.log(`View user ${user?.id}`)}>
+                <IconButton
+                  onClick={() => {
+                    // eslint-disable-next-line no-console
+                    console.log(`View user ${user?.id}`);
+                  }}
+                >
                   <Eye fill="#979797" size={20} />
                 </IconButton>
               </Tooltip>
             </Col>
             <Col css={{d: "flex"}}>
               <Tooltip content="Edit user">
-                <IconButton onClick={() => console.log(`edit user ${user?.id}`)}>
+                <IconButton
+                  onClick={() => {
+                    // eslint-disable-next-line no-console
+                    console.log(`edit user ${user?.id}`);
+                  }}
+                >
                   <Edit fill="#979797" size={20} />
                 </IconButton>
               </Tooltip>
@@ -564,7 +574,7 @@ export const CustomCells = () => {
               <Tooltip
                 color="error"
                 content="Delete user"
-                onClick={() => console.log(`Delete user ${user?.id}`)}
+                onClick={() => console.log(`Delete user ${user?.id}`)} // eslint-disable-line no-console
               >
                 <IconButton>
                   <Delete fill="#FF0080" size={20} />

packages/react/src/text/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,15 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Text should be able to specify the size of text 1`] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-iketldG-css\\">test-value</p>"`;
+exports[
+  `Text should be able to specify the size of text 1`
+] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-iketldG-css\\">test-value</p>"`;
 
-exports[`Text should be able to specify the size of text 2`] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-ihhCyyy-css\\">test-value</p>"`;
+exports[
+  `Text should be able to specify the size of text 2`
+] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-ihhCyyy-css\\">test-value</p>"`;
 
-exports[`Text should render P element in the default 1`] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p>"`;
+exports[
+  `Text should render P element in the default 1`
+] = `"<p class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p>"`;
 
-exports[`Text should render default color when type missing 1`] = `"<p type=\\"unknow\\" class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p>"`;
+exports[
+  `Text should render default color when type missing 1`
+] = `"<p type=\\"unknow\\" class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p>"`;
 
-exports[`Text should work with different styles 1`] = `"<div><p class=\\"nextui-c-PJLV nextui-c-PJLV-ifLlHwE-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-igwcrxd-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-ikQkqxQ-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-ibKSEie-css\\">test-value</p></div>"`;
+exports[
+  `Text should work with different styles 1`
+] = `"<div><p class=\\"nextui-c-PJLV nextui-c-PJLV-ifLlHwE-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-igwcrxd-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-ikQkqxQ-css\\">test-value</p><p class=\\"nextui-c-PJLV nextui-c-PJLV-ibKSEie-css\\">test-value</p></div>"`;
 
-exports[`Text the combined style should be rendered 1`] = `"<b class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\"><del class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</del></b>"`;
+exports[
+  `Text the combined style should be rendered 1`
+] = `"<b class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\"><del class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</del></b>"`;
 
-exports[`Text the specified element should be rendered 1`] = `"<div><h1 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h1><h2 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h2><h3 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h3><h4 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h4><h5 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h5><h6 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h6><p class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p><small class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</small><span class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</span><del class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</del><i class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</i><em class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</em><b class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</b></div>"`;
+exports[
+  `Text the specified element should be rendered 1`
+] = `"<div><h1 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h1><h2 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h2><h3 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h3><h4 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h4><h5 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h5><h6 class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</h6><p class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</p><small class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</small><span class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</span><del class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</del><i class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</i><em class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</em><b class=\\"nextui-c-PJLV nextui-c-PJLV-ihNwWiH-css\\">test-value</b></div>"`;

packages/react/src/textarea/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Textarea should render correctly 1`] = `"<div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><span class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-input-placeholder\\">placeholder</span><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"placeholder\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"placeholder\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-1\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div>"`;
+exports[
+  `Textarea should render correctly 1`
+] = `"<div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><span class=\\"nextui-c-PJLV nextui-c-iFHsrU nextui-input-placeholder\\">placeholder</span><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"placeholder\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"placeholder\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-1\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div>"`;
 
-exports[`Textarea should work with different styles 1`] = `"<div><div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-kWLfoB-color-secondary nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-3\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div><div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-ikPZLca-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-5\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div></div>"`;
+exports[
+  `Textarea should work with different styles 1`
+] = `"<div><div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-kWLfoB-color-secondary nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-iiIdOsz-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-3\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div><div data-state=\\"normal\\" class=\\"nextui-c-iwmZdB nextui-c-iwmZdB-jTfqsF-helperColor-default nextui-c-iwmZdB-dpkacN-borderWeight-normal nextui-c-iwmZdB-gOvjVW-size-md nextui-c-iwmZdB-ikPZLca-css nextui-input-main-container nextui-input-main-container--normal\\"><div class=\\"nextui-c-ghxhhI nextui-c-ghxhhI-iNKybL-animated-true nextui-input-container nextui-input-container--normal nextui-input-container--textarea\\"><label class=\\"nextui-c-eXOOPO nextui-c-eXOOPO-iNKybL-shadow-true nextui-c-eXOOPO-ccrOPm-underlined-false nextui-c-eXOOPO-iLMmYc-isTextarea-true nextui-c-eXOOPO-dpaosk-cv nextui-input-wrapper nextui-input-wrapper--normal nextui-input-wrapper--shadow\\"><textarea type=\\"text\\" class=\\"nextui-c-jeuecp nextui-c-jeuecp-dYLnuG-isTextarea-true nextui-input-textarea\\" placeholder=\\"\\" autocomplete=\\"off\\" data-state=\\"normal\\" aria-placeholder=\\"\\" aria-readonly=\\"false\\" aria-required=\\"false\\" aria-multiline=\\"true\\" id=\\"react-aria433601529-5\\"></textarea></label></div><div class=\\"nextui-c-gJvMas nextui-input-helper-text-container\\"></div></div></div>"`;

packages/react/src/textarea/textarea.stories.tsx

@@ -133,6 +133,7 @@ export const WithHelperText = () => {
 export const WithUseInput = () => {
   const {value, setValue, reset, bindings} = useInput("NextUI");
 
+  // eslint-disable-next-line no-console
   useEffect(() => console.log(value), [value]);
 
   return (
@@ -173,7 +174,7 @@ export const Uncontrolled = () => {
         <Textarea
           ref={textareaRef}
           initialValue="Hello"
-          onChange={(e) => console.log(e.target.value)}
+          onChange={(e) => console.log(e.target.value)} // eslint-disable-line no-console
         />
         <Spacer y={0.5} />
         <Grid>

packages/react/src/tooltip/tooltip-content.tsx

@@ -83,7 +83,6 @@ const TooltipContent: React.FC<React.PropsWithChildren<TooltipContentProps>> = (
   // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
     updateRect();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible]);
 
   const preventHandler = (event: React.MouseEvent<HTMLDivElement>) => {

packages/react/src/use-body-scroll/use-body-scroll.ts

@@ -81,7 +81,6 @@ const useBodyScroll = (
       document.removeEventListener("touchmove", touchHandler);
     }
     elementStack.delete(elRef.current);
-    //  eslint-disable-next-line react-hooks/exhaustive-deps
   }, [hidden, elRef]);
 
   return [hidden, setHidden];

packages/react/src/use-clipboard/use-clipboard.ts

@@ -49,7 +49,6 @@ const useClipboard = (options: UseClipboardOptions = defaultOptions): UseClipboa
     (text: string) => {
       copyText(el, text);
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [el],
   );
 

packages/react/src/use-input/__tests__/use-input.test.tsx

@@ -15,7 +15,6 @@ describe("UseInput", () => {
 
       useEffect(() => {
         if (propValue) setValue(propValue);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
       }, [propValue]);
 
       useEffect(() => {

packages/react/src/utils/drip.tsx

@@ -62,12 +62,14 @@ const Drip: React.FC<DripProps> = ({visible, x, y, color, onCompleted, className
   const left = Number.isNaN(+x) ? 0 : x - 10;
 
   useEffect(() => {
-    if (!dripRef.current) return;
-    dripRef.current.addEventListener("animationend", onCompleted);
+    let drip = dripRef.current;
+
+    if (!drip) return;
+    drip.addEventListener("animationend", onCompleted);
 
     return () => {
-      if (!dripRef.current) return;
-      dripRef.current.removeEventListener("animationend", onCompleted);
+      if (!drip) return;
+      drip.removeEventListener("animationend", onCompleted);
     };
   });
 

packages/react/src/utils/types.d.ts

@@ -1,5 +1,3 @@
 export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends 
-    Record<string, unknown> ? DeepPartial<T[P]> : T[P]
-}
-  
+  [P in keyof T]?: T[P] extends Record<string, unknown> ? DeepPartial<T[P]> : T[P];
+};