diff --git a/package.json b/package.json
index 92ea7ea..5af18ce 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/vishnu",
   "filename": "vishnu.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A simple and minimalist toolkit with modern css",
   "main": "./packages/vishnucss/dist/vishnu.min.css",
   "workspaces": [
diff --git a/packages/vishnucss-alert/.turbo/turbo-build.log b/packages/vishnucss-alert/.turbo/turbo-build.log
index ae1378b..d148343 100755
--- a/packages/vishnucss-alert/.turbo/turbo-build.log
+++ b/packages/vishnucss-alert/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/alert:build: cache hit, replaying output 8283b7ad4c8103d9
-@vishnucss/alert:build: $ gulp
-@vishnucss/alert:build: [21:55:14] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-alert/gulpfile.js
-@vishnucss/alert:build: [21:55:14] Starting 'build'...
-@vishnucss/alert:build: [21:55:14] all files 5.15 kB
-@vishnucss/alert:build: [21:55:14] Finished 'build' after 116 ms
-@vishnucss/alert:build: [21:55:14] Starting 'minify'...
-@vishnucss/alert:build: [21:55:14] all files 3.8 kB
-@vishnucss/alert:build: [21:55:14] all files 1.25 kB (gzipped)
-@vishnucss/alert:build: [21:55:14] Finished 'minify' after 140 ms
-@vishnucss/alert:build: [21:55:14] Starting 'default'...
-@vishnucss/alert:build: [21:55:14] Finished 'default' after 24 μs
+@vishnucss/alert:build: cache hit, replaying output ff3a3d1d8e46e5f7
+@vishnucss/alert:build: $ gulp
+@vishnucss/alert:build: [22:16:55] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-alert/gulpfile.js
+@vishnucss/alert:build: [22:16:55] Starting 'build'...
+@vishnucss/alert:build: [22:16:55] all files 5.15 kB
+@vishnucss/alert:build: [22:16:55] Finished 'build' after 141 ms
+@vishnucss/alert:build: [22:16:55] Starting 'minify'...
+@vishnucss/alert:build: [22:16:55] all files 3.8 kB
+@vishnucss/alert:build: [22:16:55] all files 1.25 kB (gzipped)
+@vishnucss/alert:build: [22:16:55] Finished 'minify' after 113 ms
+@vishnucss/alert:build: [22:16:55] Starting 'default'...
+@vishnucss/alert:build: [22:16:55] Finished 'default' after 27 μs
diff --git a/packages/vishnucss-alert/dist/vishnu.alert.css b/packages/vishnucss-alert/dist/vishnu.alert.css
index 70b321f..5fabba6 100644
--- a/packages/vishnucss-alert/dist/vishnu.alert.css
+++ b/packages/vishnucss-alert/dist/vishnu.alert.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss alert - v1.3.2
+* vishnucss alert - v1.3.3
 * https://vishnucss.github.io/vishnu#alert
 */
 
diff --git a/packages/vishnucss-alert/dist/vishnu.alert.min.css b/packages/vishnucss-alert/dist/vishnu.alert.min.css
index 345ea65..c034016 100644
--- a/packages/vishnucss-alert/dist/vishnu.alert.min.css
+++ b/packages/vishnucss-alert/dist/vishnu.alert.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss alert - v1.3.2
+* vishnucss alert - v1.3.3
 * https://vishnucss.github.io/vishnu#alert
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:var(--base-text-color);border-radius:var(--base-radius);transition:var(--transition);border:1px solid var(--base-border-color);display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px;font-weight:500}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:var(--base-rounded-radius);color:var(--base-dark-color)}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:var(--base-text-color)}.alert .close .icon circle{stroke:var(--base-text-color);stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:var(--base-info-color)}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:var(--primary-color)}.alert.info .close .icon circle{stroke:var(--primary-color);stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5)}.alert.warning,.alert.warning:before{color:var(--base-warning-color)}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:var(--base-error-color)}.alert.error .close .icon path{fill:var(--base-error-color)}.alert.error .close .icon circle{stroke:var(--base-error-color);stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:var(--base-success-color)}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:var(--base-success-color)}.alert.success .close .icon circle{stroke:var(--base-success-color);stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed var(--base-light-color);background:hsla(0,0%,100%,.15)}
diff --git a/packages/vishnucss-alert/package.json b/packages/vishnucss-alert/package.json
index 8c803f0..dd1a4e4 100644
--- a/packages/vishnucss-alert/package.json
+++ b/packages/vishnucss-alert/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/alert",
   "filename": "vishnu.alert.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Alert package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.alert.min.css",
   "keywords": [
diff --git a/packages/vishnucss-avatar/.turbo/turbo-build.log b/packages/vishnucss-avatar/.turbo/turbo-build.log
index 921894d..9dafc5f 100755
--- a/packages/vishnucss-avatar/.turbo/turbo-build.log
+++ b/packages/vishnucss-avatar/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/avatar:build: cache hit, replaying output b07a809b9c4ace2b
-@vishnucss/avatar:build: $ gulp
-@vishnucss/avatar:build: [21:55:11] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-avatar/gulpfile.js
-@vishnucss/avatar:build: [21:55:11] Starting 'build'...
-@vishnucss/avatar:build: [21:55:12] all files 3.03 kB
-@vishnucss/avatar:build: [21:55:12] Finished 'build' after 341 ms
-@vishnucss/avatar:build: [21:55:12] Starting 'minify'...
-@vishnucss/avatar:build: [21:55:12] all files 2.18 kB
-@vishnucss/avatar:build: [21:55:12] all files 872 B (gzipped)
-@vishnucss/avatar:build: [21:55:12] Finished 'minify' after 451 ms
-@vishnucss/avatar:build: [21:55:12] Starting 'default'...
-@vishnucss/avatar:build: [21:55:12] Finished 'default' after 23 μs
+@vishnucss/avatar:build: cache hit, replaying output 37dd6c47ff787d00
+@vishnucss/avatar:build: $ gulp
+@vishnucss/avatar:build: [22:16:55] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-avatar/gulpfile.js
+@vishnucss/avatar:build: [22:16:55] Starting 'build'...
+@vishnucss/avatar:build: [22:16:55] all files 3.03 kB
+@vishnucss/avatar:build: [22:16:55] Finished 'build' after 103 ms
+@vishnucss/avatar:build: [22:16:55] Starting 'minify'...
+@vishnucss/avatar:build: [22:16:55] all files 2.18 kB
+@vishnucss/avatar:build: [22:16:55] all files 872 B (gzipped)
+@vishnucss/avatar:build: [22:16:55] Finished 'minify' after 107 ms
+@vishnucss/avatar:build: [22:16:55] Starting 'default'...
+@vishnucss/avatar:build: [22:16:55] Finished 'default' after 22 μs
diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.css b/packages/vishnucss-avatar/dist/vishnu.avatar.css
index e44753c..47b6e2f 100644
--- a/packages/vishnucss-avatar/dist/vishnu.avatar.css
+++ b/packages/vishnucss-avatar/dist/vishnu.avatar.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss avatar - v1.3.2
+* vishnucss avatar - v1.3.3
 * https://vishnucss.github.io/vishnu#avatar
 */
 
diff --git a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
index c508735..51b3a30 100644
--- a/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
+++ b/packages/vishnucss-avatar/dist/vishnu.avatar.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss avatar - v1.3.2
+* vishnucss avatar - v1.3.3
 * https://vishnucss.github.io/vishnu#avatar
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--base-dark-color)}.avatar.primary{background:var(--primary-color);color:#fff}.avatar.primary.outline{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.avatar.outline{background:transparent;border:1px solid var(--base-dark-color)}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}
diff --git a/packages/vishnucss-avatar/package.json b/packages/vishnucss-avatar/package.json
index 4b2cb7f..6237632 100644
--- a/packages/vishnucss-avatar/package.json
+++ b/packages/vishnucss-avatar/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/avatar",
   "filename": "vishnu.avatar.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Avatar package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.avatar.min.css",
   "keywords": [
diff --git a/packages/vishnucss-base/.turbo/turbo-build.log b/packages/vishnucss-base/.turbo/turbo-build.log
index 98ce273..d17f144 100644
--- a/packages/vishnucss-base/.turbo/turbo-build.log
+++ b/packages/vishnucss-base/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/base:build: cache hit, replaying output de8721bc5e00cb4e
-@vishnucss/base:build: $ gulp
-@vishnucss/base:build: [21:55:12] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-base/gulpfile.js
-@vishnucss/base:build: [21:55:12] Starting 'build'...
-@vishnucss/base:build: [21:55:13] all files 16.79 kB
-@vishnucss/base:build: [21:55:13] Finished 'build' after 478 ms
-@vishnucss/base:build: [21:55:13] Starting 'minify'...
-@vishnucss/base:build: [21:55:13] all files 12.02 kB
-@vishnucss/base:build: [21:55:13] all files 2.75 kB (gzipped)
-@vishnucss/base:build: [21:55:13] Finished 'minify' after 555 ms
-@vishnucss/base:build: [21:55:13] Starting 'default'...
-@vishnucss/base:build: [21:55:13] Finished 'default' after 23 μs
+@vishnucss/base:build: cache hit, replaying output 6aedf883ad07362b
+@vishnucss/base:build: $ gulp
+@vishnucss/base:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-base/gulpfile.js
+@vishnucss/base:build: [22:16:53] Starting 'build'...
+@vishnucss/base:build: [22:16:53] all files 16.79 kB
+@vishnucss/base:build: [22:16:53] Finished 'build' after 424 ms
+@vishnucss/base:build: [22:16:53] Starting 'minify'...
+@vishnucss/base:build: [22:16:54] all files 12.02 kB
+@vishnucss/base:build: [22:16:54] all files 2.75 kB (gzipped)
+@vishnucss/base:build: [22:16:54] Finished 'minify' after 559 ms
+@vishnucss/base:build: [22:16:54] Starting 'default'...
+@vishnucss/base:build: [22:16:54] Finished 'default' after 83 μs
diff --git a/packages/vishnucss-base/dist/vishnu.base.css b/packages/vishnucss-base/dist/vishnu.base.css
index ce5bb8a..c51da7d 100644
--- a/packages/vishnucss-base/dist/vishnu.base.css
+++ b/packages/vishnucss-base/dist/vishnu.base.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss base - v1.3.2
+* vishnucss base - v1.3.3
 * https://vishnucss.github.io/vishnu
 */
 
diff --git a/packages/vishnucss-base/dist/vishnu.base.min.css b/packages/vishnucss-base/dist/vishnu.base.min.css
index 5764f2f..4a89276 100644
--- a/packages/vishnucss-base/dist/vishnu.base.min.css
+++ b/packages/vishnucss-base/dist/vishnu.base.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss base - v1.3.2
+* vishnucss base - v1.3.3
 * https://vishnucss.github.io/vishnu
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}::selection{color:var(--primary-color);background:var(--base-color)}body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;letter-spacing:-.04em}body{line-height:var(--base-line-height);font-size:var(--base-font-size);font-family:var(--base-font-family);font-weight:500;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:400}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:1rem;font-size:var(--base-font-size)}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}.button,[type=submit],button{padding:0 1.5rem;font-size:var(--base-font-size);min-height:52px;font-weight:600;color:var(--base-text-color);background:var(--base-light-color);border-radius:var(--base-radius);transition:var(--transition);border:1px solid transparent;line-height:1.8rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.button .icon,[type=submit] .icon,button .icon{margin:0 5px;stroke:var(--base-text-color)}.button:hover,[type=submit]:hover,button:hover{color:rgba(76,76,76,.7);background:hsla(0,0%,94%,.7)}.button:hover .icon,[type=submit]:hover .icon,button:hover .icon{stroke:rgba(76,76,76,.7)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:hsla(0,0%,94%,.8)}.button:focus .icon,[type=submit]:focus .icon,button:focus .icon{stroke:rgba(76,76,76,.7)}.button.small,[type=submit].small,button.small{font-size:1.4rem;min-height:36px;font-weight:700;line-height:1.2rem}.button.large,[type=submit].large,button.large{font-size:2rem;min-height:58px;padding:1.4rem 3.2rem;line-height:1.4rem}.button.outline,[type=submit].outline,button.outline{color:var(--base-text-color);background:none;border:1px solid var(--base-text-color)}.button.outline.primary,[type=submit].outline.primary,button.outline.primary{color:var(--primary-color);background:none;border:1px solid var(--primary-color)}.button.outline.primary:hover,[type=submit].outline.primary:hover,button.outline.primary:hover{background:none;border:1px solid rgba(133,73,185,.7);color:rgba(133,73,185,.7)}.button.outline.primary:active,.button.outline.primary:focus,[type=submit].outline.primary:active,[type=submit].outline.primary:focus,button.outline.primary:active,button.outline.primary:focus{background:none;border-color:rgba(133,73,185,.8);color:rgba(133,73,185,.8)}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1px solid rgba(76,76,76,.7);color:rgba(76,76,76,.7)}.button.outline:focus,[type=submit].outline:focus,button.outline:focus{border-color:rgba(76,76,76,.8);color:rgba(76,76,76,.8)}.button.flat,[type=submit].flat,button.flat{color:var(--base-text-color);background:none;border:1px solid transparent}.button.flat.primary,[type=submit].flat.primary,button.flat.primary{color:var(--primary-color)}.button.flat.primary:hover,[type=submit].flat.primary:hover,button.flat.primary:hover{color:rgba(133,73,185,.8)}.button.flat.primary:active,.button.flat.primary:focus,[type=submit].flat.primary:active,[type=submit].flat.primary:focus,button.flat.primary:active,button.flat.primary:focus{color:rgba(133,73,185,.9)}.button.flat.primary .icon,[type=submit].flat.primary .icon,button.flat.primary .icon{stroke:var(--primary-color)}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(76,76,76,.8)}.button.flat:focus,[type=submit].flat:focus,button.flat:focus{color:rgba(76,76,76,.9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:var(--primary-color);border:1px solid transparent}.button.primary .icon,[type=submit].primary .icon,button.primary .icon{stroke:#fff}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(133,73,185,.8);color:#fff}.button.primary:focus,[type=submit].primary:focus,button.primary:focus{background:rgba(133,73,185,.9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:50px}.button.success,[type=submit].success,button.success{color:#fff;background:var(--base-success-color);border:1px solid transparent}.button.success .icon,[type=submit].success .icon,button.success .icon{stroke:#fff}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13,194,34,.8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13,194,34,.9)}.button.error,[type=submit].error,button.error{color:#fff;background:var(--base-error-color);border:1px solid transparent}.button.error .icon,[type=submit].error .icon,button.error .icon{stroke:#fff}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249,56,56,.8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249,56,56,.9)}.button.warning,[type=submit].warning,button.warning{color:#fff;background:var(--base-warning-color);border:1px solid transparent}.button.warning .icon,[type=submit].warning .icon,button.warning .icon{stroke:#fff}.button.warning:hover,[type=submit].warning:hover,button.warning:hover{background:rgba(242,173,0,.8);color:#fff}.button.warning:focus,[type=submit].warning:focus,button.warning:focus{background:rgba(242,173,0,.9)}.button.info,[type=submit].info,button.info{color:#fff;background:var(--base-info-color);border:1px solid transparent}.button.info .icon,[type=submit].info .icon,button.info .icon{stroke:#fff}.button.info:hover,[type=submit].info:hover,button.info:hover{background:rgba(44,128,255,.8);color:#fff}.button.info:focus,[type=submit].info:focus,button.info:focus{background:rgba(44,128,255,.9)}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;box-sizing:border-box;background:#fff;border:1px solid var(--base-border-color);border-radius:var(--base-radius);transition:var(--transition)}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover,textarea[type=text]:hover{border-color:rgba(133,73,185,.8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(133,73,185,.2)}textarea,textarea[type=text]{min-height:7rem}.checkbox,select{cursor:pointer}.checkbox{display:flex;position:relative;padding-left:30px;min-height:20px;font-size:var(--base-font-size);line-height:var(--base-line-height);user-select:none;align-items:center;border-radius:var(--base-radius)}.checkbox .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid var(--base-border-color);transition:var(--transition);border-radius:var(--base-radius)}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio{display:flex;position:relative;padding-left:30px;cursor:pointer;font-size:var(--base-font-size);line-height:var(--base-line-height);user-select:none}.radio .radiomark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid var(--base-border-color);border-radius:var(--base-rounded-radius);transition:var(--transition)}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:6px;left:6px;width:6px;height:6px;border-radius:var(--base-rounded-radius);background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{border-color:rgba(133,73,185,.8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(133,73,185,.2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}ol,ul{padding-left:0;margin-top:0;margin-bottom:1rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid var(--base-border-color)}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid var(--base-border-color)}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}hr{height:0;margin:20px 0;border:0;border-top:1px solid var(--base-border-color)}pre{margin-top:0;margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:var(--base-color);border:1px solid var(--base-border-color);border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}@media only screen and (max-width:25em){.hide-sm{display:none}}@media only screen and (max-width:48em){.hide-md{display:none}}@media only screen and (max-width:62em){.hide-lg{display:none}}@media only screen and (max-width:75em){.hide-xl{display:none}}
diff --git a/packages/vishnucss-base/package.json b/packages/vishnucss-base/package.json
index e04c914..a339013 100644
--- a/packages/vishnucss-base/package.json
+++ b/packages/vishnucss-base/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/base",
   "filename": "vishnu.base.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A simple and minimalist toolkit with modern css",
   "main": "./dist/vishnu.base.min.css",
   "keywords": [
diff --git a/packages/vishnucss-card/.turbo/turbo-build.log b/packages/vishnucss-card/.turbo/turbo-build.log
index b0ba5d7..3cc7bc0 100755
--- a/packages/vishnucss-card/.turbo/turbo-build.log
+++ b/packages/vishnucss-card/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/card:build: cache hit, replaying output 1e07ec6ed8244905
-@vishnucss/card:build: $ gulp
-@vishnucss/card:build: [21:55:12] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-card/gulpfile.js
-@vishnucss/card:build: [21:55:12] Starting 'build'...
-@vishnucss/card:build: [21:55:12] all files 2.67 kB
-@vishnucss/card:build: [21:55:12] Finished 'build' after 498 ms
-@vishnucss/card:build: [21:55:12] Starting 'minify'...
-@vishnucss/card:build: [21:55:12] all files 1.92 kB
-@vishnucss/card:build: [21:55:12] all files 801 B (gzipped)
-@vishnucss/card:build: [21:55:12] Finished 'minify' after 282 ms
-@vishnucss/card:build: [21:55:12] Starting 'default'...
-@vishnucss/card:build: [21:55:12] Finished 'default' after 24 μs
+@vishnucss/card:build: cache hit, replaying output 49388e53627589e7
+@vishnucss/card:build: $ gulp
+@vishnucss/card:build: [22:16:52] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-card/gulpfile.js
+@vishnucss/card:build: [22:16:52] Starting 'build'...
+@vishnucss/card:build: [22:16:52] all files 2.67 kB
+@vishnucss/card:build: [22:16:52] Finished 'build' after 261 ms
+@vishnucss/card:build: [22:16:52] Starting 'minify'...
+@vishnucss/card:build: [22:16:53] all files 1.92 kB
+@vishnucss/card:build: [22:16:53] all files 801 B (gzipped)
+@vishnucss/card:build: [22:16:53] Finished 'minify' after 248 ms
+@vishnucss/card:build: [22:16:53] Starting 'default'...
+@vishnucss/card:build: [22:16:53] Finished 'default' after 17 μs
diff --git a/packages/vishnucss-card/dist/vishnu.card.css b/packages/vishnucss-card/dist/vishnu.card.css
index 77e73ca..598084c 100644
--- a/packages/vishnucss-card/dist/vishnu.card.css
+++ b/packages/vishnucss-card/dist/vishnu.card.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss card - v1.3.2
+* vishnucss card - v1.3.3
 * https://vishnucss.github.io/vishnu#card
 */
 
diff --git a/packages/vishnucss-card/dist/vishnu.card.min.css b/packages/vishnucss-card/dist/vishnu.card.min.css
index 61e350b..8848aa3 100644
--- a/packages/vishnucss-card/dist/vishnu.card.min.css
+++ b/packages/vishnucss-card/dist/vishnu.card.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss card - v1.3.2
+* vishnucss card - v1.3.3
 * https://vishnucss.github.io/vishnu#card
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.card{border:1px solid var(--base-light-color);background:#fff;border-radius:var(--base-radius)}.card .card-footer,.card .card-header{position:relative;background:hsla(0,0%,100%,.3);padding:10px;display:flex}.card .card-header{border-bottom:1px solid var(--base-light-color)}.card .card-footer{border-top:1px solid var(--base-light-color)}.card .card-title{margin:0}.card .card-content{padding:15px 10px}
diff --git a/packages/vishnucss-card/package.json b/packages/vishnucss-card/package.json
index ed1f8dc..955caa4 100644
--- a/packages/vishnucss-card/package.json
+++ b/packages/vishnucss-card/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/card",
   "filename": "vishnu.card.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Card toolkit with modern css",
   "main": "./dist/vishnu.card.min.css",
   "keywords": [
diff --git a/packages/vishnucss-chips/.turbo/turbo-build.log b/packages/vishnucss-chips/.turbo/turbo-build.log
index 2ba869c..e8f004c 100755
--- a/packages/vishnucss-chips/.turbo/turbo-build.log
+++ b/packages/vishnucss-chips/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/chips:build: cache hit, replaying output 99c26781f8201b7b
-@vishnucss/chips:build: $ gulp
-@vishnucss/chips:build: [21:55:12] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-chips/gulpfile.js
-@vishnucss/chips:build: [21:55:12] Starting 'build'...
-@vishnucss/chips:build: [21:55:12] all files 5.23 kB
-@vishnucss/chips:build: [21:55:12] Finished 'build' after 337 ms
-@vishnucss/chips:build: [21:55:12] Starting 'minify'...
-@vishnucss/chips:build: [21:55:13] all files 3.79 kB
-@vishnucss/chips:build: [21:55:13] all files 1.09 kB (gzipped)
-@vishnucss/chips:build: [21:55:13] Finished 'minify' after 374 ms
-@vishnucss/chips:build: [21:55:13] Starting 'default'...
-@vishnucss/chips:build: [21:55:13] Finished 'default' after 38 μs
+@vishnucss/chips:build: cache hit, replaying output e94d1179abf1dc33
+@vishnucss/chips:build: $ gulp
+@vishnucss/chips:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-chips/gulpfile.js
+@vishnucss/chips:build: [22:16:53] Starting 'build'...
+@vishnucss/chips:build: [22:16:54] all files 5.23 kB
+@vishnucss/chips:build: [22:16:54] Finished 'build' after 299 ms
+@vishnucss/chips:build: [22:16:54] Starting 'minify'...
+@vishnucss/chips:build: [22:16:54] all files 3.79 kB
+@vishnucss/chips:build: [22:16:54] all files 1.09 kB (gzipped)
+@vishnucss/chips:build: [22:16:54] Finished 'minify' after 260 ms
+@vishnucss/chips:build: [22:16:54] Starting 'default'...
+@vishnucss/chips:build: [22:16:54] Finished 'default' after 34 μs
diff --git a/packages/vishnucss-chips/dist/vishnu.chips.css b/packages/vishnucss-chips/dist/vishnu.chips.css
index 12c5812..0dc81ef 100644
--- a/packages/vishnucss-chips/dist/vishnu.chips.css
+++ b/packages/vishnucss-chips/dist/vishnu.chips.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss chips - v1.3.2
+* vishnucss chips - v1.3.3
 * https://vishnucss.github.io/vishnu#chips
 */
 
diff --git a/packages/vishnucss-chips/dist/vishnu.chips.min.css b/packages/vishnucss-chips/dist/vishnu.chips.min.css
index ae25e72..a9fa527 100644
--- a/packages/vishnucss-chips/dist/vishnu.chips.min.css
+++ b/packages/vishnucss-chips/dist/vishnu.chips.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss chips - v1.3.2
+* vishnucss chips - v1.3.3
 * https://vishnucss.github.io/vishnu#chips
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:var(--primary-color)}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:var(--base-error-color)}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:var(--base-success-color)}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:var(--base-info-color)}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:var(--base-warning-color)}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px var(--base-border-color)}.chips.outline.icon{stroke:var(--base-text-color)}.chips.outline.primary{box-shadow:0 0 0 1px var(--primary-color)}.chips.outline.primary .icon{stroke:var(--primary-color)}.chips.outline.primary .label{color:var(--primary-color)}.chips.outline.error{box-shadow:0 0 0 1px var(--base-error-color)}.chips.outline.error .icon{stroke:var(--base-error-color)}.chips.outline.error .label{color:var(--base-error-color)}.chips.outline.success{box-shadow:0 0 0 1px var(--base-success-color)}.chips.outline.success .icon{stroke:var(--base-success-color)}.chips.outline.success .label{color:var(--base-success-color)}.chips.outline.info{box-shadow:0 0 0 1px var(--base-info-color)}.chips.outline.info .icon{stroke:var(--base-info-color)}.chips.outline.info .label{color:var(--base-info-color)}.chips.outline.warning{box-shadow:0 0 0 1px var(--base-warning-color)}.chips.outline.warning .icon{stroke:var(--base-warning-color)}.chips.outline.warning .label{color:var(--base-warning-color)}
diff --git a/packages/vishnucss-chips/package.json b/packages/vishnucss-chips/package.json
index c1826b2..bb913e7 100644
--- a/packages/vishnucss-chips/package.json
+++ b/packages/vishnucss-chips/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/chips",
   "filename": "vishnu.chips.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Chips toolkit with modern css",
   "main": "./dist/vishnu.chips.min.css",
   "keywords": [
diff --git a/packages/vishnucss-collapse/.turbo/turbo-build.log b/packages/vishnucss-collapse/.turbo/turbo-build.log
index 34f6a05..afe781b 100755
--- a/packages/vishnucss-collapse/.turbo/turbo-build.log
+++ b/packages/vishnucss-collapse/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/collapse:build: cache hit, replaying output 93fd2913c35dadad
-@vishnucss/collapse:build: $ gulp
-@vishnucss/collapse:build: [21:55:14] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-collapse/gulpfile.js
-@vishnucss/collapse:build: [21:55:14] Starting 'build'...
-@vishnucss/collapse:build: [21:55:14] all files 3.61 kB
-@vishnucss/collapse:build: [21:55:14] Finished 'build' after 124 ms
-@vishnucss/collapse:build: [21:55:14] Starting 'minify'...
-@vishnucss/collapse:build: [21:55:15] all files 2.5 kB
-@vishnucss/collapse:build: [21:55:15] all files 1 kB (gzipped)
-@vishnucss/collapse:build: [21:55:15] Finished 'minify' after 112 ms
-@vishnucss/collapse:build: [21:55:15] Starting 'default'...
-@vishnucss/collapse:build: [21:55:15] Finished 'default' after 20 μs
+@vishnucss/collapse:build: cache hit, replaying output 88e787719378b02e
+@vishnucss/collapse:build: $ gulp
+@vishnucss/collapse:build: [22:16:55] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-collapse/gulpfile.js
+@vishnucss/collapse:build: [22:16:55] Starting 'build'...
+@vishnucss/collapse:build: [22:16:55] all files 3.61 kB
+@vishnucss/collapse:build: [22:16:55] Finished 'build' after 112 ms
+@vishnucss/collapse:build: [22:16:55] Starting 'minify'...
+@vishnucss/collapse:build: [22:16:55] all files 2.5 kB
+@vishnucss/collapse:build: [22:16:55] all files 1 kB (gzipped)
+@vishnucss/collapse:build: [22:16:55] Finished 'minify' after 123 ms
+@vishnucss/collapse:build: [22:16:55] Starting 'default'...
+@vishnucss/collapse:build: [22:16:55] Finished 'default' after 23 μs
diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.css b/packages/vishnucss-collapse/dist/vishnu.collapse.css
index f372bed..527a2b4 100644
--- a/packages/vishnucss-collapse/dist/vishnu.collapse.css
+++ b/packages/vishnucss-collapse/dist/vishnu.collapse.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss collapse - v1.3.2
+* vishnucss collapse - v1.3.3
 * https://vishnucss.github.io/vishnu#collapse
 */
 
diff --git a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
index a5256ea..d3e456b 100644
--- a/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
+++ b/packages/vishnucss-collapse/dist/vishnu.collapse.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss collapse - v1.3.2
+* vishnucss collapse - v1.3.3
 * https://vishnucss.github.io/vishnu#collapse
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:var(--base-dark-color);overflow:hidden;border:1px solid var(--base-light-color);transition:var(--transition)}.collapse .collapse-item:hover{border-color:var(--primary-color)}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:var(--base-dark-color);transition:var(--transition)}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}
diff --git a/packages/vishnucss-collapse/package.json b/packages/vishnucss-collapse/package.json
index 76ff48b..1c1ea42 100644
--- a/packages/vishnucss-collapse/package.json
+++ b/packages/vishnucss-collapse/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/collapse",
   "filename": "vishnu.collapse.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Collapse package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.collapse.min.css",
   "keywords": [
diff --git a/packages/vishnucss-dialog/.turbo/turbo-build.log b/packages/vishnucss-dialog/.turbo/turbo-build.log
index fb1b077..1c3b0b4 100755
--- a/packages/vishnucss-dialog/.turbo/turbo-build.log
+++ b/packages/vishnucss-dialog/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/dialog:build: cache hit, replaying output b6467b3b476775fc
-@vishnucss/dialog:build: $ gulp
-@vishnucss/dialog:build: [21:55:13] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-dialog/gulpfile.js
-@vishnucss/dialog:build: [21:55:13] Starting 'build'...
-@vishnucss/dialog:build: [21:55:13] all files 3.09 kB
-@vishnucss/dialog:build: [21:55:13] Finished 'build' after 255 ms
-@vishnucss/dialog:build: [21:55:13] Starting 'minify'...
-@vishnucss/dialog:build: [21:55:14] all files 2.24 kB
-@vishnucss/dialog:build: [21:55:14] all files 948 B (gzipped)
-@vishnucss/dialog:build: [21:55:14] Finished 'minify' after 275 ms
-@vishnucss/dialog:build: [21:55:14] Starting 'default'...
-@vishnucss/dialog:build: [21:55:14] Finished 'default' after 22 μs
+@vishnucss/dialog:build: cache hit, replaying output 98b80905f0820f5e
+@vishnucss/dialog:build: $ gulp
+@vishnucss/dialog:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-dialog/gulpfile.js
+@vishnucss/dialog:build: [22:16:53] Starting 'build'...
+@vishnucss/dialog:build: [22:16:54] all files 3.09 kB
+@vishnucss/dialog:build: [22:16:54] Finished 'build' after 331 ms
+@vishnucss/dialog:build: [22:16:54] Starting 'minify'...
+@vishnucss/dialog:build: [22:16:54] all files 2.24 kB
+@vishnucss/dialog:build: [22:16:54] all files 948 B (gzipped)
+@vishnucss/dialog:build: [22:16:54] Finished 'minify' after 235 ms
+@vishnucss/dialog:build: [22:16:54] Starting 'default'...
+@vishnucss/dialog:build: [22:16:54] Finished 'default' after 43 μs
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.css b/packages/vishnucss-dialog/dist/vishnu.dialog.css
index 8831e99..5c1263d 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.css
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss dialog - v1.3.2
+* vishnucss dialog - v1.3.3
 * https://vishnucss.github.io/vishnu#dialog
 */
 
diff --git a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
index 8532341..e23379c 100644
--- a/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
+++ b/packages/vishnucss-dialog/dist/vishnu.dialog.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss dialog - v1.3.2
+* vishnucss dialog - v1.3.3
 * https://vishnucss.github.io/vishnu#dialog
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid var(--base-border-color);width:480px;height:320px;z-index:2;position:relative;border-radius:var(--base-radius)}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:var(--base-text-color)}.overlay{position:fixed;z-index:1;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}
diff --git a/packages/vishnucss-dialog/package.json b/packages/vishnucss-dialog/package.json
index 45a873d..aadd0ff 100644
--- a/packages/vishnucss-dialog/package.json
+++ b/packages/vishnucss-dialog/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/dialog",
   "filename": "vishnu.dialog.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Dialog package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.dialog.min.css",
   "keywords": [
diff --git a/packages/vishnucss-extensions/.turbo/turbo-build.log b/packages/vishnucss-extensions/.turbo/turbo-build.log
index 72270ea..3088cc3 100755
--- a/packages/vishnucss-extensions/.turbo/turbo-build.log
+++ b/packages/vishnucss-extensions/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/extensions:build: cache hit, replaying output aebc94d48fe86e95
+@vishnucss/extensions:build: cache hit, replaying output e99663bda5e4a0d5
 @vishnucss/extensions:build: $ gulp
-@vishnucss/extensions:build: [21:55:13] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-extensions/gulpfile.js
-@vishnucss/extensions:build: [21:55:13] Starting 'build'...
-@vishnucss/extensions:build: [21:55:13] all files 30.53 kB
-@vishnucss/extensions:build: [21:55:13] Finished 'build' after 558 ms
-@vishnucss/extensions:build: [21:55:13] Starting 'minify'...
-@vishnucss/extensions:build: [21:55:14] all files 21.31 kB
-@vishnucss/extensions:build: [21:55:14] all files 4.4 kB (gzipped)
-@vishnucss/extensions:build: [21:55:14] Finished 'minify' after 460 ms
-@vishnucss/extensions:build: [21:55:14] Starting 'default'...
-@vishnucss/extensions:build: [21:55:14] Finished 'default' after 20 μs
+@vishnucss/extensions:build: [22:16:52] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-extensions/gulpfile.js
+@vishnucss/extensions:build: [22:16:52] Starting 'build'...
+@vishnucss/extensions:build: [22:16:53] all files 30.53 kB
+@vishnucss/extensions:build: [22:16:53] Finished 'build' after 479 ms
+@vishnucss/extensions:build: [22:16:53] Starting 'minify'...
+@vishnucss/extensions:build: [22:16:53] all files 21.31 kB
+@vishnucss/extensions:build: [22:16:53] all files 4.4 kB (gzipped)
+@vishnucss/extensions:build: [22:16:53] Finished 'minify' after 677 ms
+@vishnucss/extensions:build: [22:16:53] Starting 'default'...
+@vishnucss/extensions:build: [22:16:53] Finished 'default' after 58 μs
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.css b/packages/vishnucss-extensions/dist/vishnu.extensions.css
index 4adf93d..708e7c8 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.css
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss extensions - v1.3.2
+* vishnucss extensions - v1.3.3
 * Extensions packages for Vishnucss toolkit with modern css
 * https://vishnucss.github.io/vishnu#extensions
 */
diff --git a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
index e343b60..11aa40a 100644
--- a/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
+++ b/packages/vishnucss-extensions/dist/vishnu.extensions.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss extensions - v1.3.2
+* vishnucss extensions - v1.3.3
 * Extensions packages for Vishnucss toolkit with modern css
 * https://vishnucss.github.io/vishnu#extensions
 */
diff --git a/packages/vishnucss-extensions/package.json b/packages/vishnucss-extensions/package.json
index f361519..c363f9d 100644
--- a/packages/vishnucss-extensions/package.json
+++ b/packages/vishnucss-extensions/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/extensions",
   "filename": "vishnu.extensions.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Extensions packages for Vishnucss toolkit with modern css",
   "main": "./dist/vishnu.extensions.min.css",
   "keywords": [
diff --git a/packages/vishnucss-grid/.turbo/turbo-build.log b/packages/vishnucss-grid/.turbo/turbo-build.log
index db628e7..7add773 100755
--- a/packages/vishnucss-grid/.turbo/turbo-build.log
+++ b/packages/vishnucss-grid/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/grid:build: cache hit, replaying output ff125d127f7c71c5
-@vishnucss/grid:build: $ gulp
-@vishnucss/grid:build: [21:55:13] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-grid/gulpfile.js
-@vishnucss/grid:build: [21:55:13] Starting 'build'...
-@vishnucss/grid:build: [21:55:13] all files 9.88 kB
-@vishnucss/grid:build: [21:55:13] Finished 'build' after 381 ms
-@vishnucss/grid:build: [21:55:13] Starting 'minify'...
-@vishnucss/grid:build: [21:55:14] all files 6.73 kB
-@vishnucss/grid:build: [21:55:14] all files 1.2 kB (gzipped)
-@vishnucss/grid:build: [21:55:14] Finished 'minify' after 290 ms
-@vishnucss/grid:build: [21:55:14] Starting 'default'...
-@vishnucss/grid:build: [21:55:14] Finished 'default' after 24 μs
+@vishnucss/grid:build: cache hit, replaying output 06336d512c06cd50
+@vishnucss/grid:build: $ gulp
+@vishnucss/grid:build: [22:16:55] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-grid/gulpfile.js
+@vishnucss/grid:build: [22:16:55] Starting 'build'...
+@vishnucss/grid:build: [22:16:55] all files 9.88 kB
+@vishnucss/grid:build: [22:16:55] Finished 'build' after 140 ms
+@vishnucss/grid:build: [22:16:55] Starting 'minify'...
+@vishnucss/grid:build: [22:16:55] all files 6.73 kB
+@vishnucss/grid:build: [22:16:55] all files 1.2 kB (gzipped)
+@vishnucss/grid:build: [22:16:55] Finished 'minify' after 153 ms
+@vishnucss/grid:build: [22:16:55] Starting 'default'...
+@vishnucss/grid:build: [22:16:55] Finished 'default' after 73 μs
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.css b/packages/vishnucss-grid/dist/vishnu.grid.css
index bc08fe8..3002795 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.css
+++ b/packages/vishnucss-grid/dist/vishnu.grid.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss grid - v1.3.2
+* vishnucss grid - v1.3.3
 * https://vishnucss.github.io/vishnu#grid
 */
 
diff --git a/packages/vishnucss-grid/dist/vishnu.grid.min.css b/packages/vishnucss-grid/dist/vishnu.grid.min.css
index fdc712b..028525a 100644
--- a/packages/vishnucss-grid/dist/vishnu.grid.min.css
+++ b/packages/vishnucss-grid/dist/vishnu.grid.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss grid - v1.3.2
+* vishnucss grid - v1.3.3
 * https://vishnucss.github.io/vishnu#grid
 */
 .flex{display:flex;flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}
diff --git a/packages/vishnucss-grid/package.json b/packages/vishnucss-grid/package.json
index 4eeebc0..abe86f7 100644
--- a/packages/vishnucss-grid/package.json
+++ b/packages/vishnucss-grid/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/grid",
   "filename": "vishnu.grid.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Grid system toolkit with modern css",
   "main": "./dist/vishnu.grid.min.css",
   "keywords": [
diff --git a/packages/vishnucss-icons/.turbo/turbo-build.log b/packages/vishnucss-icons/.turbo/turbo-build.log
index 7933807..85771a2 100755
--- a/packages/vishnucss-icons/.turbo/turbo-build.log
+++ b/packages/vishnucss-icons/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/icons:build: cache hit, replaying output f1ff38900ec50d4f
-@vishnucss/icons:build: $ gulp
-@vishnucss/icons:build: [21:55:11] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-icons/gulpfile.js
-@vishnucss/icons:build: [21:55:11] Starting 'build'...
-@vishnucss/icons:build: [21:55:11] all files 2.5 kB
-@vishnucss/icons:build: [21:55:11] Finished 'build' after 385 ms
-@vishnucss/icons:build: [21:55:11] Starting 'minify'...
-@vishnucss/icons:build: [21:55:11] all files 1.9 kB
-@vishnucss/icons:build: [21:55:11] all files 762 B (gzipped)
-@vishnucss/icons:build: [21:55:11] Finished 'minify' after 254 ms
-@vishnucss/icons:build: [21:55:11] Starting 'default'...
-@vishnucss/icons:build: [21:55:11] Finished 'default' after 826 μs
+@vishnucss/icons:build: cache hit, replaying output 4f1a8302f3ce8072
+@vishnucss/icons:build: $ gulp
+@vishnucss/icons:build: [22:16:52] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-icons/gulpfile.js
+@vishnucss/icons:build: [22:16:52] Starting 'build'...
+@vishnucss/icons:build: [22:16:52] all files 2.5 kB
+@vishnucss/icons:build: [22:16:52] Finished 'build' after 261 ms
+@vishnucss/icons:build: [22:16:52] Starting 'minify'...
+@vishnucss/icons:build: [22:16:53] all files 1.9 kB
+@vishnucss/icons:build: [22:16:53] all files 763 B (gzipped)
+@vishnucss/icons:build: [22:16:53] Finished 'minify' after 203 ms
+@vishnucss/icons:build: [22:16:53] Starting 'default'...
+@vishnucss/icons:build: [22:16:53] Finished 'default' after 175 μs
diff --git a/packages/vishnucss-icons/dist/vishnu.icons.css b/packages/vishnucss-icons/dist/vishnu.icons.css
index c4b254e..04f06d6 100644
--- a/packages/vishnucss-icons/dist/vishnu.icons.css
+++ b/packages/vishnucss-icons/dist/vishnu.icons.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss icons - v1.3.2
+* vishnucss icons - v1.3.3
 * https://vishnucss.github.io/vishnu#icons
 */
 
diff --git a/packages/vishnucss-icons/dist/vishnu.icons.min.css b/packages/vishnucss-icons/dist/vishnu.icons.min.css
index 017c4e5..7d7f8a2 100644
--- a/packages/vishnucss-icons/dist/vishnu.icons.min.css
+++ b/packages/vishnucss-icons/dist/vishnu.icons.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss icons - v1.3.2
+* vishnucss icons - v1.3.3
 * https://vishnucss.github.io/vishnu#icons
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:var(--base-space-size/6);--spacing-xs:var(--base-space-size/4);--spacing-sm:var(--base-space-size/2);--spacing-md:var(--base-space-size);--spacing-lg:var(--base-space-size + 4);--spacing-xl:var(--base-space-size + 6);--spacing-xxl:var(--base-space-size * 2);--spacing-xxxl:var(--base-space-size * 2 + 8);--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.icon{width:32px;height:32px;stroke:var(--primary-color);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:var(--primary-color)}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}
diff --git a/packages/vishnucss-icons/package.json b/packages/vishnucss-icons/package.json
index b597113..8ed92ea 100644
--- a/packages/vishnucss-icons/package.json
+++ b/packages/vishnucss-icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/icons",
   "filename": "vishnu.icons.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Icons package for Vishnucss toolkit with modern css.",
   "main": "./dist/vishnu.icons.min.css",
   "keywords": [
diff --git a/packages/vishnucss-spacing/.turbo/turbo-build.log b/packages/vishnucss-spacing/.turbo/turbo-build.log
index 408578b..70d6807 100755
--- a/packages/vishnucss-spacing/.turbo/turbo-build.log
+++ b/packages/vishnucss-spacing/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/spacing:build: cache hit, replaying output c7beb8eda919ebf7
-@vishnucss/spacing:build: $ gulp
-@vishnucss/spacing:build: [21:55:14] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-spacing/gulpfile.js
-@vishnucss/spacing:build: [21:55:14] Starting 'build'...
-@vishnucss/spacing:build: [21:55:14] all files 5.58 kB
-@vishnucss/spacing:build: [21:55:14] Finished 'build' after 128 ms
-@vishnucss/spacing:build: [21:55:14] Starting 'minify'...
-@vishnucss/spacing:build: [21:55:14] all files 4.37 kB
-@vishnucss/spacing:build: [21:55:14] all files 1.2 kB (gzipped)
-@vishnucss/spacing:build: [21:55:14] Finished 'minify' after 128 ms
-@vishnucss/spacing:build: [21:55:14] Starting 'default'...
-@vishnucss/spacing:build: [21:55:14] Finished 'default' after 31 μs
+@vishnucss/spacing:build: cache hit, replaying output 3e47ebcaeddd7857
+@vishnucss/spacing:build: $ gulp
+@vishnucss/spacing:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-spacing/gulpfile.js
+@vishnucss/spacing:build: [22:16:53] Starting 'build'...
+@vishnucss/spacing:build: [22:16:53] all files 5.58 kB
+@vishnucss/spacing:build: [22:16:53] Finished 'build' after 252 ms
+@vishnucss/spacing:build: [22:16:53] Starting 'minify'...
+@vishnucss/spacing:build: [22:16:54] all files 4.37 kB
+@vishnucss/spacing:build: [22:16:54] all files 1.2 kB (gzipped)
+@vishnucss/spacing:build: [22:16:54] Finished 'minify' after 361 ms
+@vishnucss/spacing:build: [22:16:54] Starting 'default'...
+@vishnucss/spacing:build: [22:16:54] Finished 'default' after 46 μs
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.css b/packages/vishnucss-spacing/dist/vishnu.spacing.css
index 7832521..6f833da 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.css
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss spacing - v1.3.2
+* vishnucss spacing - v1.3.3
 * https://vishnucss.github.io/vishnu#spacing
 */
 
diff --git a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
index 444b1e1..9a48922 100644
--- a/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
+++ b/packages/vishnucss-spacing/dist/vishnu.spacing.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss spacing - v1.3.2
+* vishnucss spacing - v1.3.3
 * https://vishnucss.github.io/vishnu#spacing
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:var(--spacing-xxs)}.mr-2{margin-right:var(--spacing-xs)}.mr-3{margin-right:var(--spacing-sm)}.mr-4{margin-right:var(--spacing-md)}.mr-5{margin-right:var(--spacing-lg)}.mr-6{margin-right:var(--spacing-xl)}.mr-7{margin-right:var(--spacing-xxl)}.mr-8{margin-right:var(--spacing-xxxl)}.ml-1{margin-left:var(--spacing-xxs)}.ml-2{margin-left:var(--spacing-xs)}.ml-3{margin-left:var(--spacing-sm)}.ml-4{margin-left:var(--spacing-md)}.ml-5{margin-left:var(--spacing-lg)}.ml-6{margin-left:var(--spacing-xl)}.ml-7{margin-left:var(--spacing-xxl)}.ml-8{margin-left:var(--spacing-xxxl)}.mt-1{margin-top:var(--spacing-xxs)}.mt-2{margin-top:var(--spacing-xs)}.mt-3{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-5{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mt-7{margin-top:var(--spacing-xxl)}.mt-8{margin-top:var(--spacing-xxxl)}.mb-1{margin-bottom:var(--spacing-xxs)}.mb-2{margin-bottom:var(--spacing-xs)}.mb-3{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-5{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-7{margin-bottom:var(--spacing-xxl)}.mb-8{margin-bottom:var(--spacing-xxxl)}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:var(--spacing-xxs)}.pr-2{padding-right:var(--spacing-xs)}.pr-3{padding-right:var(--spacing-sm)}.pr-4{padding-right:var(--spacing-md)}.pr-5{padding-right:var(--spacing-lg)}.pr-6{padding-right:var(--spacing-xl)}.pr-7{padding-right:var(--spacing-xxl)}.pr-8{padding-right:var(--spacing-xxxl)}.pl-1{padding-left:var(--spacing-xxs)}.pl-2{padding-left:var(--spacing-xs)}.pl-3{padding-left:var(--spacing-sm)}.pl-4{padding-left:var(--spacing-md)}.pl-5{padding-left:var(--spacing-lg)}.pl-6{padding-left:var(--spacing-xl)}.pl-7{padding-left:var(--spacing-xxl)}.pl-8{padding-left:var(--spacing-xxxl)}.pt-1{padding-top:var(--spacing-xxs)}.pt-2{padding-top:var(--spacing-xs)}.pt-3{padding-top:var(--spacing-sm)}.pt-4{padding-top:var(--spacing-md)}.pt-5{padding-top:var(--spacing-lg)}.pt-6{padding-top:var(--spacing-xl)}.pt-7{padding-top:var(--spacing-xxl)}.pt-8{padding-top:var(--spacing-xxxl)}.pb-1{padding-bottom:var(--spacing-xxs)}.pb-2{padding-bottom:var(--spacing-xs)}.pb-3{padding-bottom:var(--spacing-sm)}.pb-4{padding-bottom:var(--spacing-md)}.pb-5{padding-bottom:var(--spacing-lg)}.pb-6{padding-bottom:var(--spacing-xl)}.pb-7{padding-bottom:var(--spacing-xxl)}.pb-8{padding-bottom:var(--spacing-xxxl)}.left-0{left:0}.left-50{left:50%}.left-50-offset{left:-50%}.right-0{right:0}.right-50{right:50%}.right-50-offset{right:-50%}.top-0{top:0}.top-50{top:50%}.top-50-offset{top:-50%}.bottom-0{bottom:0}.bottom-50{bottom:50%}.bottom-50-offset{bottom:-50%}
diff --git a/packages/vishnucss-spacing/package.json b/packages/vishnucss-spacing/package.json
index dcd7caa..05fc6e4 100644
--- a/packages/vishnucss-spacing/package.json
+++ b/packages/vishnucss-spacing/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/spacing",
   "filename": "vishnu.spacing.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Spacing toolkit with modern css",
   "main": "./dist/vishnu.spacing.min.css",
   "keywords": [
diff --git a/packages/vishnucss-toggle/.turbo/turbo-build.log b/packages/vishnucss-toggle/.turbo/turbo-build.log
index e1f6856..9d38069 100644
--- a/packages/vishnucss-toggle/.turbo/turbo-build.log
+++ b/packages/vishnucss-toggle/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/toggle:build: cache hit, replaying output 91a1f6641dfa0655
+@vishnucss/toggle:build: cache hit, replaying output b1c46fe0787f986e
 @vishnucss/toggle:build: $ gulp
-@vishnucss/toggle:build: [21:55:10] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-toggle/gulpfile.js
-@vishnucss/toggle:build: [21:55:10] Starting 'build'...
-@vishnucss/toggle:build: [21:55:11] all files 4.9 kB
-@vishnucss/toggle:build: [21:55:11] Finished 'build' after 432 ms
-@vishnucss/toggle:build: [21:55:11] Starting 'minify'...
-@vishnucss/toggle:build: [21:55:11] all files 3.56 kB
-@vishnucss/toggle:build: [21:55:11] all files 1.04 kB (gzipped)
-@vishnucss/toggle:build: [21:55:11] Finished 'minify' after 365 ms
-@vishnucss/toggle:build: [21:55:11] Starting 'default'...
-@vishnucss/toggle:build: [21:55:11] Finished 'default' after 28 μs
+@vishnucss/toggle:build: [22:16:52] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-toggle/gulpfile.js
+@vishnucss/toggle:build: [22:16:52] Starting 'build'...
+@vishnucss/toggle:build: [22:16:52] all files 4.9 kB
+@vishnucss/toggle:build: [22:16:53] Finished 'build' after 264 ms
+@vishnucss/toggle:build: [22:16:53] Starting 'minify'...
+@vishnucss/toggle:build: [22:16:53] all files 3.56 kB
+@vishnucss/toggle:build: [22:16:53] all files 1.04 kB (gzipped)
+@vishnucss/toggle:build: [22:16:53] Finished 'minify' after 275 ms
+@vishnucss/toggle:build: [22:16:53] Starting 'default'...
+@vishnucss/toggle:build: [22:16:53] Finished 'default' after 31 μs
diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.css b/packages/vishnucss-toggle/dist/vishnu.toggle.css
index b5473fb..0f95a45 100644
--- a/packages/vishnucss-toggle/dist/vishnu.toggle.css
+++ b/packages/vishnucss-toggle/dist/vishnu.toggle.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss toggleeee - v1.3.2
+* vishnucss toggleeee - v1.3.3
 * https://vishnucss.github.io/vishnu#toggle
 */
 
diff --git a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
index 867b912..10fe68c 100644
--- a/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
+++ b/packages/vishnucss-toggle/dist/vishnu.toggle.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss toggleeee - v1.3.2
+* vishnucss toggleeee - v1.3.3
 * https://vishnucss.github.io/vishnu#toggle
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:var(--toggle-label-width);height:var(--toggle-label-height);text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:var(--toggle-rail-width);height:var(--toggle-rail-height);background-color:var(--toggle-rail-background-color);border-radius:var(--toggle-rail-border-radius);transition:background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function)}.toggle-label:after{top:0;left:0;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-border-radius);background-color:var(--toggle-background-color);transition:left var(--toggle-transition-duration) var(--toggle-transition-timing-function);box-shadow:var(--toggle-box-shadow)}.toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-checked-background-color)}.toggle-input:checked+.toggle-label:after{left:var(--toggle-checked-left)}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:var(--base-success-color)}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-background-color)}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-background-color)}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:var(--toggle-checked-left)}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:var(--toggle-rail-background-color);cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:var(--toggle-box-shadow)}
diff --git a/packages/vishnucss-toggle/package.json b/packages/vishnucss-toggle/package.json
index 509baf8..184305c 100644
--- a/packages/vishnucss-toggle/package.json
+++ b/packages/vishnucss-toggle/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/toggle",
   "filename": "vishnu.toggle.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Toggle toolkit with modern css",
   "main": "./dist/vishnu.toggle.min.css",
   "keywords": [
diff --git a/packages/vishnucss-utils/.turbo/turbo-build.log b/packages/vishnucss-utils/.turbo/turbo-build.log
index cd61733..2169227 100755
--- a/packages/vishnucss-utils/.turbo/turbo-build.log
+++ b/packages/vishnucss-utils/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/utils:build: cache hit, replaying output b7b79e0f5d1cadd4
-@vishnucss/utils:build: $ gulp
-@vishnucss/utils:build: [21:55:13] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-utils/gulpfile.js
-@vishnucss/utils:build: [21:55:13] Starting 'build'...
-@vishnucss/utils:build: [21:55:13] all files 1.09 kB
-@vishnucss/utils:build: [21:55:13] Finished 'build' after 291 ms
-@vishnucss/utils:build: [21:55:13] Starting 'minify'...
-@vishnucss/utils:build: [21:55:13] all files 792 B
-@vishnucss/utils:build: [21:55:13] all files 369 B (gzipped)
-@vishnucss/utils:build: [21:55:13] Finished 'minify' after 231 ms
-@vishnucss/utils:build: [21:55:13] Starting 'default'...
-@vishnucss/utils:build: [21:55:13] Finished 'default' after 43 μs
+@vishnucss/utils:build: cache hit, replaying output 6fb09db3d3f1bc7f
+@vishnucss/utils:build: $ gulp
+@vishnucss/utils:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss-utils/gulpfile.js
+@vishnucss/utils:build: [22:16:53] Starting 'build'...
+@vishnucss/utils:build: [22:16:53] all files 1.09 kB
+@vishnucss/utils:build: [22:16:53] Finished 'build' after 224 ms
+@vishnucss/utils:build: [22:16:53] Starting 'minify'...
+@vishnucss/utils:build: [22:16:54] all files 792 B
+@vishnucss/utils:build: [22:16:54] all files 369 B (gzipped)
+@vishnucss/utils:build: [22:16:54] Finished 'minify' after 262 ms
+@vishnucss/utils:build: [22:16:54] Starting 'default'...
+@vishnucss/utils:build: [22:16:54] Finished 'default' after 27 μs
diff --git a/packages/vishnucss-utils/dist/vishnu.utils.css b/packages/vishnucss-utils/dist/vishnu.utils.css
index c9f8bc2..f3524cc 100644
--- a/packages/vishnucss-utils/dist/vishnu.utils.css
+++ b/packages/vishnucss-utils/dist/vishnu.utils.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss utils - v1.3.2
+* vishnucss utils - v1.3.3
 * https://vishnucss.github.io/vishnu#utilities
 */
 
diff --git a/packages/vishnucss-utils/dist/vishnu.utils.min.css b/packages/vishnucss-utils/dist/vishnu.utils.min.css
index 8194ed4..6cb1268 100644
--- a/packages/vishnucss-utils/dist/vishnu.utils.min.css
+++ b/packages/vishnucss-utils/dist/vishnu.utils.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss utils - v1.3.2
+* vishnucss utils - v1.3.3
 * https://vishnucss.github.io/vishnu#utilities
 */
 .pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center;flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none}
diff --git a/packages/vishnucss-utils/package.json b/packages/vishnucss-utils/package.json
index 7d9dd9b..9653561 100644
--- a/packages/vishnucss-utils/package.json
+++ b/packages/vishnucss-utils/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/utils",
   "filename": "vishnu.utils.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Utils toolkit with modern css",
   "main": "./dist/vishnu.utils.min.css",
   "keywords": [
diff --git a/packages/vishnucss/.turbo/turbo-build.log b/packages/vishnucss/.turbo/turbo-build.log
index 6424c1a..4647d3c 100755
--- a/packages/vishnucss/.turbo/turbo-build.log
+++ b/packages/vishnucss/.turbo/turbo-build.log
@@ -1,12 +1,12 @@
-@vishnucss/vishnu:build: cache hit, replaying output 97d9f5244db7a0a6
+@vishnucss/vishnu:build: cache hit, replaying output c2a4867350cdace4
 @vishnucss/vishnu:build: $ gulp
-@vishnucss/vishnu:build: [21:55:14] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss/gulpfile.js
-@vishnucss/vishnu:build: [21:55:14] Starting 'build'...
-@vishnucss/vishnu:build: [21:55:15] all files 44.92 kB
-@vishnucss/vishnu:build: [21:55:15] Finished 'build' after 311 ms
-@vishnucss/vishnu:build: [21:55:15] Starting 'minify'...
-@vishnucss/vishnu:build: [21:55:15] all files 31.49 kB
-@vishnucss/vishnu:build: [21:55:15] all files 6.06 kB (gzipped)
-@vishnucss/vishnu:build: [21:55:15] Finished 'minify' after 347 ms
-@vishnucss/vishnu:build: [21:55:15] Starting 'default'...
-@vishnucss/vishnu:build: [21:55:15] Finished 'default' after 63 μs
+@vishnucss/vishnu:build: [22:16:53] Using gulpfile ~/Code/personal/vishnu/packages/vishnucss/gulpfile.js
+@vishnucss/vishnu:build: [22:16:53] Starting 'build'...
+@vishnucss/vishnu:build: [22:16:53] all files 44.92 kB
+@vishnucss/vishnu:build: [22:16:53] Finished 'build' after 704 ms
+@vishnucss/vishnu:build: [22:16:53] Starting 'minify'...
+@vishnucss/vishnu:build: [22:16:54] all files 31.49 kB
+@vishnucss/vishnu:build: [22:16:54] all files 6.06 kB (gzipped)
+@vishnucss/vishnu:build: [22:16:54] Finished 'minify' after 800 ms
+@vishnucss/vishnu:build: [22:16:54] Starting 'default'...
+@vishnucss/vishnu:build: [22:16:54] Finished 'default' after 24 μs
diff --git a/packages/vishnucss/dist/vishnu.css b/packages/vishnucss/dist/vishnu.css
index e20bc3d..c310e13 100644
--- a/packages/vishnucss/dist/vishnu.css
+++ b/packages/vishnucss/dist/vishnu.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss - v1.3.2
+* vishnucss - v1.3.3
 * https://vishnucss.github.io/vishnu
 */
 
diff --git a/packages/vishnucss/dist/vishnu.min.css b/packages/vishnucss/dist/vishnu.min.css
index 2ef1dab..151a767 100644
--- a/packages/vishnucss/dist/vishnu.min.css
+++ b/packages/vishnucss/dist/vishnu.min.css
@@ -1,5 +1,5 @@
 /**
-* vishnucss - v1.3.2
+* vishnucss - v1.3.3
 * https://vishnucss.github.io/vishnu
 */
 :root{--base-font-family:-apple-system,BlinkMacSystemFont,Avenir,"Avenir Next","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--base-font-size:1.6rem;--base-line-height:1.5;--base-space-size:16px;--primary-color:#8549b9;--secondary-color:#a460e8;--base-color:#fff;--base-dark-color:#282828;--base-info-color:#2c80ff;--base-error-color:#f93838;--base-success-color:#0dc222;--base-warning-color:#f2ad00;--base-light-color:#f0f0f0;--base-border-color:#cfcfcf;--base-text-color:#4c4c4c;--base-label-color:#6f6f6f;--transition:all 0.2s ease-in-out;--base-box-shadow:0 0 5px 3px rgba(0,0,0,.0325);--base-radius:4px;--base-rounded-radius:50%;--toggle-transition-duration:0.25s;--toggle-transition-timing-function:ease;--toggle-label-width:48px;--toggle-label-height:24px;--toggle-rail-width:100%;--toggle-rail-height:100%;--toggle-rail-background-color:var(--base-light-color);--toggle-rail-border-radius:9999em;--toggle-rail-checked-background-color:var(--base-success-color);--toggle-width:24px;--toggle-height:24px;--toggle-border-radius:50%;--toggle-background-color:#fff;--toggle-box-shadow:1px 1px 4px 2px rgba(0,0,0,.0525);--toggle-checked-left:25px;--spacing-xxs:2.66667px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--spacing-xxxl:64px;--responsive-sm:25em;--responsive-md:48em;--responsive-lg:62em;--responsive-xl:75em}::selection{color:var(--base-color);background:var(--secondary-color)}body,html{margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%;letter-spacing:-.04em}body{line-height:var(--base-line-height);font-size:var(--base-font-size);font-family:var(--base-font-family);font-weight:400;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:400}h1{font-size:5rem;line-height:1.2}h2{font-size:4.2rem;line-height:1.25}h3{font-size:3.6rem;line-height:1.3}h4{font-size:3rem;line-height:1.35}h5{font-size:2.4rem;line-height:1.5}h6{font-size:1.8rem;line-height:1.6}p{margin-top:0;margin-bottom:1rem;font-size:var(--base-font-size)}@media only screen and (max-width:25em){h1{font-size:4rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.6rem}h5{font-size:2.2rem}h6{font-size:1.8rem}}.button,[type=submit],button{padding:0 1.5rem;font-size:var(--base-font-size);min-height:52px;font-weight:600;color:var(--base-text-color);background:var(--base-light-color);border-radius:var(--base-radius);transition:var(--transition);border:1px solid transparent;line-height:1.8rem;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.button .icon,[type=submit] .icon,button .icon{margin:0 5px;stroke:var(--base-text-color)}.button:hover,[type=submit]:hover,button:hover{color:rgba(76,76,76,.7);background:hsla(0,0%,94%,.7)}.button:hover .icon,[type=submit]:hover .icon,button:hover .icon{stroke:rgba(76,76,76,.7)}.button:focus,[type=submit]:focus,button:focus{outline:none;background:hsla(0,0%,94%,.8)}.button:focus .icon,[type=submit]:focus .icon,button:focus .icon{stroke:rgba(76,76,76,.7)}.button.small,[type=submit].small,button.small{font-size:1.4rem;min-height:36px;font-weight:700;line-height:1.2rem}.button.large,[type=submit].large,button.large{font-size:2rem;min-height:58px;padding:1.4rem 3.2rem;line-height:1.4rem}.button.outline,[type=submit].outline,button.outline{color:var(--base-text-color);background:none;border:1px solid var(--base-text-color)}.button.outline.primary,[type=submit].outline.primary,button.outline.primary{color:var(--primary-color);background:none;border:1px solid var(--primary-color)}.button.outline.primary:hover,[type=submit].outline.primary:hover,button.outline.primary:hover{background:none;border:1px solid rgba(133,73,185,.7);color:rgba(133,73,185,.7)}.button.outline.primary:active,.button.outline.primary:focus,[type=submit].outline.primary:active,[type=submit].outline.primary:focus,button.outline.primary:active,button.outline.primary:focus{background:none;border-color:rgba(133,73,185,.8);color:rgba(133,73,185,.8)}.button.outline:hover,[type=submit].outline:hover,button.outline:hover{background:none;border:1px solid rgba(76,76,76,.7);color:rgba(76,76,76,.7)}.button.outline:focus,[type=submit].outline:focus,button.outline:focus{border-color:rgba(76,76,76,.8);color:rgba(76,76,76,.8)}.button.flat,[type=submit].flat,button.flat{color:var(--base-text-color);background:none;border:1px solid transparent}.button.flat.primary,[type=submit].flat.primary,button.flat.primary{color:var(--primary-color)}.button.flat.primary:hover,[type=submit].flat.primary:hover,button.flat.primary:hover{color:rgba(133,73,185,.8)}.button.flat.primary:active,.button.flat.primary:focus,[type=submit].flat.primary:active,[type=submit].flat.primary:focus,button.flat.primary:active,button.flat.primary:focus{color:rgba(133,73,185,.9)}.button.flat.primary .icon,[type=submit].flat.primary .icon,button.flat.primary .icon{stroke:var(--primary-color)}.button.flat:hover,[type=submit].flat:hover,button.flat:hover{background:none;color:rgba(76,76,76,.8)}.button.flat:focus,[type=submit].flat:focus,button.flat:focus{color:rgba(76,76,76,.9)}.button.primary,[type=submit].primary,button.primary{color:#fff;background:var(--primary-color);border:1px solid transparent}.button.primary .icon,[type=submit].primary .icon,button.primary .icon{stroke:#fff}.button.primary:hover,[type=submit].primary:hover,button.primary:hover{background:rgba(133,73,185,.8);color:#fff}.button.primary:focus,[type=submit].primary:focus,button.primary:focus{background:rgba(133,73,185,.9)}.button.rounded,[type=submit].rounded,button.rounded{border-radius:50px}.button.success,[type=submit].success,button.success{color:#fff;background:var(--base-success-color);border:1px solid transparent}.button.success .icon,[type=submit].success .icon,button.success .icon{stroke:#fff}.button.success:hover,[type=submit].success:hover,button.success:hover{background:rgba(13,194,34,.8);color:#fff}.button.success:focus,[type=submit].success:focus,button.success:focus{background:rgba(13,194,34,.9)}.button.error,[type=submit].error,button.error{color:#fff;background:var(--base-error-color);border:1px solid transparent}.button.error .icon,[type=submit].error .icon,button.error .icon{stroke:#fff}.button.error:hover,[type=submit].error:hover,button.error:hover{background:rgba(249,56,56,.8);color:#fff}.button.error:focus,[type=submit].error:focus,button.error:focus{background:rgba(249,56,56,.9)}.button.warning,[type=submit].warning,button.warning{color:#fff;background:var(--base-warning-color);border:1px solid transparent}.button.warning .icon,[type=submit].warning .icon,button.warning .icon{stroke:#fff}.button.warning:hover,[type=submit].warning:hover,button.warning:hover{background:rgba(242,173,0,.8);color:#fff}.button.warning:focus,[type=submit].warning:focus,button.warning:focus{background:rgba(242,173,0,.9)}.button.info,[type=submit].info,button.info{color:#fff;background:var(--base-info-color);border:1px solid transparent}.button.info .icon,[type=submit].info .icon,button.info .icon{stroke:#fff}.button.info:hover,[type=submit].info:hover,button.info:hover{background:rgba(44,128,255,.8);color:#fff}.button.info:focus,[type=submit].info:focus,button.info:focus{background:rgba(44,128,255,.9)}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;height:42px;padding:10px;margin-top:1rem;margin-bottom:1rem;font-size:1.4rem;box-sizing:border-box;background:#fff;border:1px solid var(--base-border-color);border-radius:var(--base-radius);transition:var(--transition)}input[type=email]:hover,input[type=file]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:rgba(133,73,185,.8)}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(133,73,185,.2)}textarea{min-height:7rem}.checkbox,select{cursor:pointer}.checkbox{display:flex;position:relative;padding-left:30px;min-height:20px;font-size:var(--base-font-size);line-height:var(--base-line-height);user-select:none;align-items:center;border-radius:var(--base-radius)}.checkbox .checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid var(--base-border-color);transition:var(--transition);border-radius:var(--base-radius)}.checkbox input{position:absolute;opacity:0;cursor:pointer}.checkbox .checkmark:after{left:6px;top:1px;width:4px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.radio{display:flex;position:relative;padding-left:30px;cursor:pointer;font-size:var(--base-font-size);line-height:var(--base-line-height);user-select:none}.radio .radiomark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid var(--base-border-color);border-radius:var(--base-rounded-radius);transition:var(--transition)}.radio input{position:absolute;opacity:0}.radio .radiomark:after{top:6px;left:6px;width:6px;height:6px;border-radius:var(--base-rounded-radius);background:#fff}.checkbox:hover input~.checkmark,.radio:hover input~.radiomark{border-color:rgba(133,73,185,.8)}.checkbox input:checked~.checkmark,.radio input:checked~.radiomark{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(133,73,185,.2)}.checkbox .checkmark:after,.radio .radiomark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after,.radio input:checked~.radiomark:after{display:block}ol,ul{padding-left:0;margin-top:0;margin-bottom:1rem;list-style-position:inside}ol ol,ol ul,ul ol,ul ul{margin:1rem 0 1rem 2rem;font-size:95%}li{margin-bottom:1rem}.table,table{width:100%;border:none;border-collapse:collapse;border-spacing:0;text-align:left}.table td,.table th,table td,table th{vertical-align:middle;padding:12px 4px}.table thead,table thead{border-bottom:1px solid var(--base-border-color)}@media only screen and (max-width:48em){.table.responsive,table.responsive{position:relative;display:block}.table.responsive td,.table.responsive th,table.responsive td,table.responsive th{margin:0}.table.responsive thead,table.responsive thead{display:block;float:left;border:0}.table.responsive thead tr,table.responsive thead tr{display:block;padding:0 10px 0 0;border-right:1px solid var(--base-border-color)}.table.responsive thead th,table.responsive thead th{text-align:left}.table.responsive th,table.responsive th{display:block;text-align:right}.table.responsive tbody,table.responsive tbody{display:block;overflow-x:auto;white-space:nowrap}.table.responsive tbody tr,table.responsive tbody tr{display:inline-block}.table.responsive td,table.responsive td{display:block;min-height:16px;text-align:left}.table.responsive tr,table.responsive tr{padding:0 10px}}img{max-width:100%}hr{height:0;margin:20px 0;border:0;border-top:1px solid var(--base-border-color)}pre{margin-top:0;margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:var(--base-color);border:1px solid var(--base-border-color);border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.shadow{box-shadow:var(--base-box-shadow)}@media only screen and (max-width:25em){.hide-sm{display:none}}@media only screen and (max-width:48em){.hide-md{display:none}}@media only screen and (max-width:62em){.hide-lg{display:none}}@media only screen and (max-width:75em){.hide-xl{display:none}}.alert{position:relative;padding:8px 20px;margin-bottom:15px;background:transparent;color:var(--base-text-color);border-radius:var(--base-radius);transition:var(--transition);border:1px solid var(--base-border-color);display:flex;justify-content:flex-start;flex-direction:column}.alert .description,.alert .title{margin:0}.alert .title{padding-right:20px;font-weight:500}.alert .close{position:absolute;right:5px;top:5px;display:flex;justify-content:center;align-items:center;padding:0;width:28px;height:28px;min-height:28px;font-size:1.3rem;background:transparent;border-radius:var(--base-rounded-radius);color:var(--base-dark-color)}.alert .close .icon{width:24px;height:24px}.alert .close .icon path{fill:var(--base-text-color)}.alert .close .icon circle{stroke:var(--base-text-color);stroke-width:1}.alert.info{background:rgba(44,128,255,.05);border-color:rgba(44,128,255,.5)}.alert.info,.alert.info:before{color:var(--base-info-color)}.alert.info .description{color:rgba(44,128,255,.6)}.alert.info .close .icon path{fill:var(--primary-color)}.alert.info .close .icon circle{stroke:var(--primary-color);stroke-width:1}.alert.warning{background:rgba(242,173,0,.05);border-color:rgba(242,173,0,.5)}.alert.warning,.alert.warning:before{color:var(--base-warning-color)}.alert.warning .description{color:rgba(242,173,0,.6)}.alert.warning .close{border-color:transparent;background:rgba(242,173,0,.5);color:#fff}.alert.error{background:rgba(249,56,56,.05);border-color:rgba(249,56,56,.5);color:var(--base-error-color)}.alert.error .close .icon path{fill:var(--base-error-color)}.alert.error .close .icon circle{stroke:var(--base-error-color);stroke-width:1}.alert.error .description{color:rgba(249,56,56,.6)}.alert.success{background:rgba(13,194,34,.05);border-color:rgba(13,194,34,.1);color:var(--base-success-color)}.alert.success .close{border-color:transparent}.alert.success .close .icon path{fill:var(--base-success-color)}.alert.success .close .icon circle{stroke:var(--base-success-color);stroke-width:1}.alert.success .description{color:rgba(13,194,34,.6)}.alert.rounded{border-radius:4rem;padding-left:30px;padding-right:30px}.alert.rounded .close{top:50%;margin-top:-16px;right:14px}.placeholder{border:2px dashed var(--base-light-color);background:hsla(0,0%,100%,.15)}.avatar{width:42px;height:42px;max-width:42px;min-width:42px;flex-basis:42px;background:#f1f1f1;border-radius:50%;line-height:normal;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--base-dark-color)}.avatar.primary{background:var(--primary-color);color:#fff}.avatar.primary.outline{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.avatar.outline{background:transparent;border:1px solid var(--base-dark-color)}.avatar.small{width:32px;height:32px;max-width:32px;min-width:32px;flex-basis:32px}.avatar.large{width:62px;height:62px;max-width:62px;min-width:62px;flex-basis:62px}.chips{display:inline-flex;align-items:center;justify-content:center;padding:0;height:28px;border-radius:50px;background:#f2f2f2}.chips .image{border-radius:50%}.chips .icon{width:22px;height:22px;margin-left:8px;margin-right:-8px}.chips .icon.right{margin-right:8px;margin-left:-8px}.chips .label{font-size:13px;font-weight:500;padding:0 12px}.chips.small{height:20px}.chips.small img{max-height:20px}.chips.small .label{font-size:12px}.chips.large{height:42px;padding:0 16px}.chips.large img{max-height:42px}.chips.large .label{font-size:16px}.chips.primary{background:var(--primary-color)}.chips.primary .label{color:#fff}.chips.primary .icon{stroke:#fff}.chips.error{background:var(--base-error-color)}.chips.error .label{color:#fff}.chips.error .icon{stroke:#fff}.chips.success{background:var(--base-success-color)}.chips.success .label{color:#fff}.chips.success .icon{stroke:#fff}.chips.info{background:var(--base-info-color)}.chips.info .label{color:#fff}.chips.info .icon{stroke:#fff}.chips.warning{background:var(--base-warning-color)}.chips.warning .label{color:#fff}.chips.warning .icon{stroke:#fff}.chips.dark{background:rgba(0,0,0,.45)}.chips.dark .label{color:#fff}.chips.dark .icon{stroke:#fff}.chips.outline{background:transparent;box-shadow:0 0 0 1px var(--base-border-color)}.chips.outline.icon{stroke:var(--base-text-color)}.chips.outline.primary{box-shadow:0 0 0 1px var(--primary-color)}.chips.outline.primary .icon{stroke:var(--primary-color)}.chips.outline.primary .label{color:var(--primary-color)}.chips.outline.error{box-shadow:0 0 0 1px var(--base-error-color)}.chips.outline.error .icon{stroke:var(--base-error-color)}.chips.outline.error .label{color:var(--base-error-color)}.chips.outline.success{box-shadow:0 0 0 1px var(--base-success-color)}.chips.outline.success .icon{stroke:var(--base-success-color)}.chips.outline.success .label{color:var(--base-success-color)}.chips.outline.info{box-shadow:0 0 0 1px var(--base-info-color)}.chips.outline.info .icon{stroke:var(--base-info-color)}.chips.outline.info .label{color:var(--base-info-color)}.chips.outline.warning{box-shadow:0 0 0 1px var(--base-warning-color)}.chips.outline.warning .icon{stroke:var(--base-warning-color)}.chips.outline.warning .label{color:var(--base-warning-color)}.card{border:1px solid var(--base-light-color);background:#fff;border-radius:var(--base-radius)}.card .card-footer,.card .card-header{position:relative;background:transparent;padding:15px;display:flex}.card .card-header{border-bottom:1px solid var(--base-light-color)}.card .card-footer{border-top:1px solid var(--base-light-color)}.card .card-title{margin:0}.card .card-content{padding:20px 15px}.collapse{width:100%}.collapse .collapse-item{position:relative;margin-bottom:2px;width:100%;color:var(--base-dark-color);overflow:hidden;border:1px solid var(--base-light-color);transition:var(--transition)}.collapse .collapse-item:hover{border-color:var(--primary-color)}.collapse input{position:absolute;opacity:0;z-index:-1}.collapse input:checked~label .icon.left,.collapse input:checked~label .icon.right{transform:rotate(-180deg)}.icon.left,.icon.right{width:22px;height:22px;stroke:var(--base-dark-color);transition:var(--transition)}.collapse label{position:relative;display:flex;justify-content:space-between;align-items:center;padding:6px 15px;font-weight:500;line-height:3;cursor:pointer}.collapse label:hover{background:transparent}.collapse-content{max-height:0;padding:0 15px;overflow:hidden;background:#fff;transition:max-height .25s}.collapse-content p{font-size:14px;line-height:16px;margin:10px 0}.collapse input:checked~.collapse-content{max-height:10em}.dialog{margin:45px auto;padding:20px;background:#fff;border:1px solid var(--base-border-color);width:480px;height:320px;z-index:100;position:relative;border-radius:var(--base-radius)}.dialog .close{position:absolute;width:20px;height:20px;top:20px;right:20px;opacity:.8;font-size:24px;font-weight:700;text-decoration:none;color:#666}.dialog .close:hover{opacity:1}.dialog .close .icon{width:20px;height:20px;stroke:var(--base-text-color)}.overlay{position:fixed;z-index:90;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.88);visibility:hidden;opacity:0}.overlay.light{background:hsla(0,0%,100%,.92)}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.toggle{position:relative;display:inline-block}.toggle-input{display:none}.toggle-label{display:block;width:var(--toggle-label-width);height:var(--toggle-label-height);text-indent:-9999px;clip:rect(0 0 0 0);color:transparent;user-select:none}.toggle-label:after,.toggle-label:before{content:"";display:block;position:absolute;cursor:pointer}.toggle-label:before{width:var(--toggle-rail-width);height:var(--toggle-rail-height);background-color:var(--toggle-rail-background-color);border-radius:var(--toggle-rail-border-radius);transition:background-color var(--toggle-transition-duration) var(--toggle-transition-timing-function)}.toggle-label:after{top:0;left:0;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-border-radius);background-color:var(--toggle-background-color);transition:left var(--toggle-transition-duration) var(--toggle-transition-timing-function);box-shadow:var(--toggle-box-shadow)}.toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-checked-background-color)}.toggle-input:checked+.toggle-label:after{left:var(--toggle-checked-left)}.toggle.activated .toggle-label{opacity:1}.toggle.activated .toggle-label:before{background-color:var(--base-success-color)}.toggle.activated .toggle-label:after{left:24px}.toggle.activated .toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-background-color)}.toggle.activated .toggle-input:checked+.toggle-label:after{left:0!important}.toggle.disabled{cursor:default}.toggle.disabled .toggle-input:checked+.toggle-label{opacity:.7}.toggle.disabled .toggle-input:checked+.toggle-label:before{background-color:var(--toggle-rail-background-color)}.toggle.disabled .toggle-input:checked+.toggle-label:after{left:var(--toggle-checked-left)}.toggle.disabled .toggle-label{opacity:.7;cursor:default}.toggle.disabled .toggle-label:before{background-color:var(--toggle-rail-background-color);cursor:default}.toggle.disabled .toggle-label:after{top:0;left:0!important;box-shadow:var(--toggle-box-shadow)}.flex{flex-wrap:wrap}.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{flex-direction:row-reverse}.col.reverse{flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{flex-grow:1;flex-basis:0;max-width:100%}.col-xs-1{flex-basis:8.333%;max-width:8.333%}.col-xs-2{flex-basis:16.667%;max-width:16.667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-4{flex-basis:33.333%;max-width:33.333%}.col-xs-5{flex-basis:41.667%;max-width:41.667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-7{flex-basis:58.333%;max-width:58.333%}.col-xs-8{flex-basis:66.667%;max-width:66.667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-10{flex-basis:83.333%;max-width:83.333%}.col-xs-11{flex-basis:91.667%;max-width:91.667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{justify-content:flex-start;text-align:start}.center-xs{justify-content:center;text-align:center}.end-xs{justify-content:flex-end;text-align:end}.top-xs{align-items:flex-start}.middle-xs{align-items:center}.bottom-xs{align-items:flex-end}.around-xs{justify-content:space-around}.between-xs{justify-content:space-between}.first-xs{order:-1}.last-xs{order:1}@media only screen and (max-width:48em){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-1{flex-basis:8.333%;max-width:8.333%}.col-sm-2{flex-basis:16.667%;max-width:16.667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-4{flex-basis:33.333%;max-width:33.333%}.col-sm-5{flex-basis:41.667%;max-width:41.667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-7{flex-basis:58.333%;max-width:58.333%}.col-sm-8{flex-basis:66.667%;max-width:66.667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-10{flex-basis:83.333%;max-width:83.333%}.col-sm-11{flex-basis:91.667%;max-width:91.667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{justify-content:flex-start;text-align:start}.center-sm{justify-content:center;text-align:center}.end-sm{justify-content:flex-end;text-align:end}.top-sm{align-items:flex-start}.middle-sm{align-items:center}.bottom-sm{align-items:flex-end}.around-sm{justify-content:space-around}.between-sm{justify-content:space-between}.first-sm{order:-1}.last-sm{order:1}}@media only screen and (max-width:62em){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{flex-grow:1;flex-basis:0;max-width:100%}.col-md-1{flex-basis:8.333%;max-width:8.333%}.col-md-2{flex-basis:16.667%;max-width:16.667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-4{flex-basis:33.333%;max-width:33.333%}.col-md-5{flex-basis:41.667%;max-width:41.667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-7{flex-basis:58.333%;max-width:58.333%}.col-md-8{flex-basis:66.667%;max-width:66.667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-10{flex-basis:83.333%;max-width:83.333%}.col-md-11{flex-basis:91.667%;max-width:91.667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{justify-content:flex-start;text-align:start}.center-md{justify-content:center;text-align:center}.end-md{justify-content:flex-end;text-align:end}.top-md{align-items:flex-start}.middle-md{align-items:center}.bottom-md{align-items:flex-end}.around-md{justify-content:space-around}.between-md{justify-content:space-between}.first-md{order:-1}.last-md{order:1}}@media only screen and (max-width:75em){.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-1{flex-basis:8.333%;max-width:8.333%}.col-lg-2{flex-basis:16.667%;max-width:16.667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-4{flex-basis:33.333%;max-width:33.333%}.col-lg-5{flex-basis:41.667%;max-width:41.667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-7{flex-basis:58.333%;max-width:58.333%}.col-lg-8{flex-basis:66.667%;max-width:66.667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-10{flex-basis:83.333%;max-width:83.333%}.col-lg-11{flex-basis:91.667%;max-width:91.667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{justify-content:flex-start;text-align:start}.center-lg{justify-content:center;text-align:center}.end-lg{justify-content:flex-end;text-align:end}.top-lg{align-items:flex-start}.middle-lg{align-items:center}.bottom-lg{align-items:flex-end}.around-lg{justify-content:space-around}.between-lg{justify-content:space-between}.first-lg{order:-1}.last-lg{order:1}}.m-0{margin:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mr-1{margin-right:var(--spacing-xxs)}.mr-2{margin-right:var(--spacing-xs)}.mr-3{margin-right:var(--spacing-sm)}.mr-4{margin-right:var(--spacing-md)}.mr-5{margin-right:var(--spacing-lg)}.mr-6{margin-right:var(--spacing-xl)}.mr-7{margin-right:var(--spacing-xxl)}.mr-8{margin-right:var(--spacing-xxxl)}.ml-1{margin-left:var(--spacing-xxs)}.ml-2{margin-left:var(--spacing-xs)}.ml-3{margin-left:var(--spacing-sm)}.ml-4{margin-left:var(--spacing-md)}.ml-5{margin-left:var(--spacing-lg)}.ml-6{margin-left:var(--spacing-xl)}.ml-7{margin-left:var(--spacing-xxl)}.ml-8{margin-left:var(--spacing-xxxl)}.mt-1{margin-top:var(--spacing-xxs)}.mt-2{margin-top:var(--spacing-xs)}.mt-3{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-5{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mt-7{margin-top:var(--spacing-xxl)}.mt-8{margin-top:var(--spacing-xxxl)}.mb-1{margin-bottom:var(--spacing-xxs)}.mb-2{margin-bottom:var(--spacing-xs)}.mb-3{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-5{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-7{margin-bottom:var(--spacing-xxl)}.mb-8{margin-bottom:var(--spacing-xxxl)}.p-0{padding:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pr-1{padding-right:var(--spacing-xxs)}.pr-2{padding-right:var(--spacing-xs)}.pr-3{padding-right:var(--spacing-sm)}.pr-4{padding-right:var(--spacing-md)}.pr-5{padding-right:var(--spacing-lg)}.pr-6{padding-right:var(--spacing-xl)}.pr-7{padding-right:var(--spacing-xxl)}.pr-8{padding-right:var(--spacing-xxxl)}.pl-1{padding-left:var(--spacing-xxs)}.pl-2{padding-left:var(--spacing-xs)}.pl-3{padding-left:var(--spacing-sm)}.pl-4{padding-left:var(--spacing-md)}.pl-5{padding-left:var(--spacing-lg)}.pl-6{padding-left:var(--spacing-xl)}.pl-7{padding-left:var(--spacing-xxl)}.pl-8{padding-left:var(--spacing-xxxl)}.pt-1{padding-top:var(--spacing-xxs)}.pt-2{padding-top:var(--spacing-xs)}.pt-3{padding-top:var(--spacing-sm)}.pt-4{padding-top:var(--spacing-md)}.pt-5{padding-top:var(--spacing-lg)}.pt-6{padding-top:var(--spacing-xl)}.pt-7{padding-top:var(--spacing-xxl)}.pt-8{padding-top:var(--spacing-xxxl)}.pb-1{padding-bottom:var(--spacing-xxs)}.pb-2{padding-bottom:var(--spacing-xs)}.pb-3{padding-bottom:var(--spacing-sm)}.pb-4{padding-bottom:var(--spacing-md)}.pb-5{padding-bottom:var(--spacing-lg)}.pb-6{padding-bottom:var(--spacing-xl)}.pb-7{padding-bottom:var(--spacing-xxl)}.pb-8{padding-bottom:var(--spacing-xxxl)}.icon{width:32px;height:32px;stroke:var(--primary-color);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none;color:var(--primary-color)}.icon.lg{width:52px;height:52px}.icon.sm{width:20px;height:20px}.pull-right{float:right}.pull-left{float:left}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.full-screen{width:100%;min-height:100vh}.full-width{width:100%}.full-height{height:100%;min-height:100%}.vertical-align{display:flex;align-items:center}.center,.horizontal-align{display:flex;justify-content:center}.center{align-items:center}.center,.column{flex-direction:column}.end{justify-content:flex-end}.end,.start{display:flex;align-items:center}.start{justify-content:flex-start}.flex{display:flex}.absolute{position:absolute}.fixed{position:fixed}.wrap{flex-wrap:wrap}.relative{position:relative}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none}
diff --git a/packages/vishnucss/package.json b/packages/vishnucss/package.json
index 6571990..32f1165 100644
--- a/packages/vishnucss/package.json
+++ b/packages/vishnucss/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@vishnucss/vishnu",
   "filename": "vishnu.min.css",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A simple and minimalist toolkit with modern css",
   "main": "./dist/vishnu.min.css",
   "keywords": [