diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5c8ebab..0b9b40c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,7 +26,7 @@ importers:
devDependencies:
'@chromatic-com/storybook':
specifier: ^1.6.1
- version: 1.7.0(react@18.3.1)
+ version: 1.8.0(react@18.3.1)
'@rushstack/eslint-patch':
specifier: ^1.8.0
version: 1.10.4
@@ -146,8 +146,8 @@ packages:
resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
engines: {node: '>=6.9.0'}
- '@babel/generator@7.25.5':
- resolution: {integrity: sha512-abd43wyLfbWoxC6ahM8xTkqLpGB2iWBVyuKC9/srhFunCd1SDNrV1s72bBpK4hLj8KLzHBBcOblvLQZBNw9r3w==}
+ '@babel/generator@7.25.6':
+ resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
engines: {node: '>=6.9.0'}
'@babel/helper-annotate-as-pure@7.24.7':
@@ -237,16 +237,16 @@ packages:
resolution: {integrity: sha512-s6Q1ebqutSiZnEjaofc/UKDyC4SbzV5n5SrA2Gq8UawLycr3i04f1dX4OzoQVnexm6aOCh37SQNYlJ/8Ku+PMQ==}
engines: {node: '>=6.9.0'}
- '@babel/helpers@7.25.0':
- resolution: {integrity: sha512-MjgLZ42aCm0oGjJj8CtSM3DB8NOOf8h2l7DCTePJs29u+v7yO/RBX9nShlKMgFnRks/Q4tBAe7Hxnov9VkGwLw==}
+ '@babel/helpers@7.25.6':
+ resolution: {integrity: sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==}
engines: {node: '>=6.9.0'}
'@babel/highlight@7.24.7':
resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
engines: {node: '>=6.9.0'}
- '@babel/parser@7.25.4':
- resolution: {integrity: sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==}
+ '@babel/parser@7.25.6':
+ resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
engines: {node: '>=6.0.0'}
hasBin: true
@@ -318,14 +318,14 @@ packages:
peerDependencies:
'@babel/core': ^7.0.0-0
- '@babel/plugin-syntax-import-assertions@7.24.7':
- resolution: {integrity: sha512-Ec3NRUMoi8gskrkBe3fNmEQfxDvY8bgfQpz6jlk/41kX9eUjvpyqWU7PBP/pLAvMaSQjbMNKJmvX57jP+M6bPg==}
+ '@babel/plugin-syntax-import-assertions@7.25.6':
+ resolution: {integrity: sha512-aABl0jHw9bZ2karQ/uUD6XP4u0SG22SJrOHFoL6XB1R7dTovOP4TzTlsxOYC5yQ1pdscVK2JTUnF6QL3ARoAiQ==}
engines: {node: '>=6.9.0'}
peerDependencies:
'@babel/core': ^7.0.0-0
- '@babel/plugin-syntax-import-attributes@7.24.7':
- resolution: {integrity: sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==}
+ '@babel/plugin-syntax-import-attributes@7.25.6':
+ resolution: {integrity: sha512-sXaDXaJN9SNLymBdlWFA+bjzBhFD617ZaFiY13dGt7TVslVvVgA6fkZOP7Ki3IGElC45lwHdOTrCtKZGVAWeLQ==}
engines: {node: '>=6.9.0'}
peerDependencies:
'@babel/core': ^7.0.0-0
@@ -738,24 +738,24 @@ packages:
'@babel/regjsgen@0.8.0':
resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
- '@babel/runtime@7.25.4':
- resolution: {integrity: sha512-DSgLeL/FNcpXuzav5wfYvHCGvynXkJbn3Zvc3823AEe9nPwW9IK4UoCSS5yGymmQzN0pCPvivtgS6/8U2kkm1w==}
+ '@babel/runtime@7.25.6':
+ resolution: {integrity: sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==}
engines: {node: '>=6.9.0'}
'@babel/template@7.25.0':
resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
engines: {node: '>=6.9.0'}
- '@babel/traverse@7.25.4':
- resolution: {integrity: sha512-VJ4XsrD+nOvlXyLzmLzUs/0qjFS4sK30te5yEFlvbbUNEgKaVb2BHZUpAL+ttLPQAHNrsI3zZisbfha5Cvr8vg==}
+ '@babel/traverse@7.25.6':
+ resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
engines: {node: '>=6.9.0'}
- '@babel/types@7.25.4':
- resolution: {integrity: sha512-zQ1ijeeCXVEh+aNL0RlmkPkG8HUiDcU2pzQQFjtbntgAczRASFzj4H+6+bV+dy1ntKR14I/DypeuRG1uma98iQ==}
+ '@babel/types@7.25.6':
+ resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
engines: {node: '>=6.9.0'}
- '@chromatic-com/storybook@1.7.0':
- resolution: {integrity: sha512-0aAkSaNsHaJL37/r+TIbpKjCouIysvoJno61LzUSs1xW4fpxF7gdr8xwIOONQjEsz2Fa0uFHXmzkFYcH6o8kmA==}
+ '@chromatic-com/storybook@1.8.0':
+ resolution: {integrity: sha512-vkB9dPVmM2Yvqc/0DJ4MYwOGY1MOjd/KbB9TXTMGN+qshaEyiZtSOgbz9u0ExFALEgDKLmtUnWyUtoGb0pCzUg==}
engines: {node: '>=16.0.0', yarn: '>=1.22.18'}
'@esbuild/aix-ppc64@0.21.5':
@@ -4120,14 +4120,14 @@ snapshots:
dependencies:
'@ampproject/remapping': 2.3.0
'@babel/code-frame': 7.24.7
- '@babel/generator': 7.25.5
+ '@babel/generator': 7.25.6
'@babel/helper-compilation-targets': 7.25.2
'@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
- '@babel/helpers': 7.25.0
- '@babel/parser': 7.25.4
+ '@babel/helpers': 7.25.6
+ '@babel/parser': 7.25.6
'@babel/template': 7.25.0
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
convert-source-map: 2.0.0
debug: 4.3.6
gensync: 1.0.0-beta.2
@@ -4136,21 +4136,21 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@babel/generator@7.25.5':
+ '@babel/generator@7.25.6':
dependencies:
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@jridgewell/gen-mapping': 0.3.5
'@jridgewell/trace-mapping': 0.3.25
jsesc: 2.5.2
'@babel/helper-annotate-as-pure@7.24.7':
dependencies:
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@babel/helper-builder-binary-assignment-operator-visitor@7.24.7':
dependencies:
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4170,7 +4170,7 @@ snapshots:
'@babel/helper-optimise-call-expression': 7.24.7
'@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
'@babel/helper-skip-transparent-expression-wrappers': 7.24.7
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
semver: 6.3.1
transitivePeerDependencies:
- supports-color
@@ -4195,15 +4195,15 @@ snapshots:
'@babel/helper-member-expression-to-functions@7.24.8':
dependencies:
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
'@babel/helper-module-imports@7.24.7':
dependencies:
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4213,13 +4213,13 @@ snapshots:
'@babel/helper-module-imports': 7.24.7
'@babel/helper-simple-access': 7.24.7
'@babel/helper-validator-identifier': 7.24.7
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
'@babel/helper-optimise-call-expression@7.24.7':
dependencies:
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@babel/helper-plugin-utils@7.24.8': {}
@@ -4228,7 +4228,7 @@ snapshots:
'@babel/core': 7.25.2
'@babel/helper-annotate-as-pure': 7.24.7
'@babel/helper-wrap-function': 7.25.0
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4237,21 +4237,21 @@ snapshots:
'@babel/core': 7.25.2
'@babel/helper-member-expression-to-functions': 7.24.8
'@babel/helper-optimise-call-expression': 7.24.7
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
'@babel/helper-simple-access@7.24.7':
dependencies:
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
'@babel/helper-skip-transparent-expression-wrappers@7.24.7':
dependencies:
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4264,15 +4264,15 @@ snapshots:
'@babel/helper-wrap-function@7.25.0':
dependencies:
'@babel/template': 7.25.0
- '@babel/traverse': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/traverse': 7.25.6
+ '@babel/types': 7.25.6
transitivePeerDependencies:
- supports-color
- '@babel/helpers@7.25.0':
+ '@babel/helpers@7.25.6':
dependencies:
'@babel/template': 7.25.0
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@babel/highlight@7.24.7':
dependencies:
@@ -4281,15 +4281,15 @@ snapshots:
js-tokens: 4.0.0
picocolors: 1.0.1
- '@babel/parser@7.25.4':
+ '@babel/parser@7.25.6':
dependencies:
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.3(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4316,7 +4316,7 @@ snapshots:
dependencies:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4354,12 +4354,12 @@ snapshots:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/plugin-syntax-import-assertions@7.24.7(@babel/core@7.25.2)':
+ '@babel/plugin-syntax-import-assertions@7.25.6(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/plugin-syntax-import-attributes@7.24.7(@babel/core@7.25.2)':
+ '@babel/plugin-syntax-import-attributes@7.25.6(@babel/core@7.25.2)':
dependencies:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
@@ -4441,7 +4441,7 @@ snapshots:
'@babel/helper-plugin-utils': 7.24.8
'@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.25.2)
'@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.2)
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4488,7 +4488,7 @@ snapshots:
'@babel/helper-compilation-targets': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
'@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
globals: 11.12.0
transitivePeerDependencies:
- supports-color
@@ -4560,7 +4560,7 @@ snapshots:
'@babel/core': 7.25.2
'@babel/helper-compilation-targets': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4609,7 +4609,7 @@ snapshots:
'@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
'@babel/helper-plugin-utils': 7.24.8
'@babel/helper-validator-identifier': 7.24.7
- '@babel/traverse': 7.25.4
+ '@babel/traverse': 7.25.6
transitivePeerDependencies:
- supports-color
@@ -4794,8 +4794,8 @@ snapshots:
'@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
'@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.2)
'@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.2)
- '@babel/plugin-syntax-import-assertions': 7.24.7(@babel/core@7.25.2)
- '@babel/plugin-syntax-import-attributes': 7.24.7(@babel/core@7.25.2)
+ '@babel/plugin-syntax-import-assertions': 7.25.6(@babel/core@7.25.2)
+ '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.2)
'@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
'@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
'@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
@@ -4876,7 +4876,7 @@ snapshots:
dependencies:
'@babel/core': 7.25.2
'@babel/helper-plugin-utils': 7.24.8
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
esutils: 2.0.3
'@babel/preset-typescript@7.24.7(@babel/core@7.25.2)':
@@ -4901,35 +4901,35 @@ snapshots:
'@babel/regjsgen@0.8.0': {}
- '@babel/runtime@7.25.4':
+ '@babel/runtime@7.25.6':
dependencies:
regenerator-runtime: 0.14.1
'@babel/template@7.25.0':
dependencies:
'@babel/code-frame': 7.24.7
- '@babel/parser': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/parser': 7.25.6
+ '@babel/types': 7.25.6
- '@babel/traverse@7.25.4':
+ '@babel/traverse@7.25.6':
dependencies:
'@babel/code-frame': 7.24.7
- '@babel/generator': 7.25.5
- '@babel/parser': 7.25.4
+ '@babel/generator': 7.25.6
+ '@babel/parser': 7.25.6
'@babel/template': 7.25.0
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
debug: 4.3.6
globals: 11.12.0
transitivePeerDependencies:
- supports-color
- '@babel/types@7.25.4':
+ '@babel/types@7.25.6':
dependencies:
'@babel/helper-string-parser': 7.24.8
'@babel/helper-validator-identifier': 7.24.7
to-fast-properties: 2.0.0
- '@chromatic-com/storybook@1.7.0(react@18.3.1)':
+ '@chromatic-com/storybook@1.8.0(react@18.3.1)':
dependencies:
chromatic: 11.7.1
filesize: 10.1.4
@@ -5312,7 +5312,7 @@ snapshots:
dependencies:
'@babel/core': 7.25.2
'@babel/preset-env': 7.25.4(@babel/core@7.25.2)
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@storybook/core': 8.2.9
'@storybook/csf': 0.1.11
'@types/cross-spawn': 6.0.6
@@ -5448,7 +5448,7 @@ snapshots:
'@testing-library/dom@10.1.0':
dependencies:
'@babel/code-frame': 7.24.7
- '@babel/runtime': 7.25.4
+ '@babel/runtime': 7.25.6
'@types/aria-query': 5.0.4
aria-query: 5.3.0
chalk: 4.1.2
@@ -5459,7 +5459,7 @@ snapshots:
'@testing-library/jest-dom@6.4.5(vitest@1.6.0(@types/node@20.16.2)(jsdom@24.1.3)(sass@1.77.8))':
dependencies:
'@adobe/css-tools': 4.4.0
- '@babel/runtime': 7.25.4
+ '@babel/runtime': 7.25.6
aria-query: 5.3.0
chalk: 3.0.0
css.escape: 1.5.1
@@ -5754,7 +5754,7 @@ snapshots:
'@vue/compiler-core@3.4.38':
dependencies:
- '@babel/parser': 7.25.4
+ '@babel/parser': 7.25.6
'@vue/shared': 3.4.38
entities: 4.5.0
estree-walker: 2.0.2
@@ -5767,7 +5767,7 @@ snapshots:
'@vue/compiler-sfc@3.4.38':
dependencies:
- '@babel/parser': 7.25.4
+ '@babel/parser': 7.25.6
'@vue/compiler-core': 3.4.38
'@vue/compiler-dom': 3.4.38
'@vue/compiler-ssr': 3.4.38
@@ -5997,7 +5997,7 @@ snapshots:
babel-walk@3.0.0-canary-5:
dependencies:
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
balanced-match@1.0.2: {}
@@ -6192,8 +6192,8 @@ snapshots:
constantinople@4.0.1:
dependencies:
- '@babel/parser': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/parser': 7.25.6
+ '@babel/types': 7.25.6
content-disposition@0.5.4:
dependencies:
@@ -7010,7 +7010,7 @@ snapshots:
jscodeshift@0.15.2(@babel/preset-env@7.25.4(@babel/core@7.25.2)):
dependencies:
'@babel/core': 7.25.2
- '@babel/parser': 7.25.4
+ '@babel/parser': 7.25.6
'@babel/plugin-transform-class-properties': 7.25.4(@babel/core@7.25.2)
'@babel/plugin-transform-modules-commonjs': 7.24.8(@babel/core@7.25.2)
'@babel/plugin-transform-nullish-coalescing-operator': 7.24.7(@babel/core@7.25.2)
@@ -7460,7 +7460,7 @@ snapshots:
polished@4.3.1:
dependencies:
- '@babel/runtime': 7.25.4
+ '@babel/runtime': 7.25.6
possible-typed-array-names@1.0.0: {}
@@ -7728,7 +7728,7 @@ snapshots:
regenerator-transform@0.15.2:
dependencies:
- '@babel/runtime': 7.25.4
+ '@babel/runtime': 7.25.6
regexpu-core@5.3.2:
dependencies:
@@ -7932,7 +7932,7 @@ snapshots:
storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)):
dependencies:
'@babel/core': 7.25.2
- '@babel/types': 7.25.4
+ '@babel/types': 7.25.6
'@storybook/codemod': 8.2.9
'@storybook/core': 8.2.9
'@types/semver': 7.5.8
@@ -8341,8 +8341,8 @@ snapshots:
vue-docgen-api@4.79.2(vue@3.4.38(typescript@5.4.5)):
dependencies:
- '@babel/parser': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/parser': 7.25.6
+ '@babel/types': 7.25.6
'@vue/compiler-dom': 3.4.38
'@vue/compiler-sfc': 3.4.38
ast-types: 0.16.1
@@ -8440,8 +8440,8 @@ snapshots:
with@7.0.2:
dependencies:
- '@babel/parser': 7.25.4
- '@babel/types': 7.25.4
+ '@babel/parser': 7.25.6
+ '@babel/types': 7.25.6
assert-never: 1.3.0
babel-walk: 3.0.0-canary-5
diff --git a/src/assets/svg/empty-state.svg b/src/assets/svg/empty-state.svg
new file mode 100644
index 0000000..e62cc5f
--- /dev/null
+++ b/src/assets/svg/empty-state.svg
@@ -0,0 +1,82 @@
+
diff --git a/src/assets/svg/spinner.svg b/src/assets/svg/spinner.svg
new file mode 100644
index 0000000..0386952
--- /dev/null
+++ b/src/assets/svg/spinner.svg
@@ -0,0 +1,14 @@
+
\ No newline at end of file
diff --git a/src/components/EmptyState/WEmptyState.spec.ts b/src/components/EmptyState/WEmptyState.spec.ts
new file mode 100644
index 0000000..a1105f2
--- /dev/null
+++ b/src/components/EmptyState/WEmptyState.spec.ts
@@ -0,0 +1,15 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import WEmptyState from './WEmptyState.vue'
+
+describe('WEmptyState', () => {
+ it('renders properly', () => {
+ const wrapper = mount(WEmptyState, {
+ props: {
+ text: 'Empty state'
+ }
+ })
+
+ expect(wrapper.element).toMatchSnapshot()
+ })
+})
diff --git a/src/components/EmptyState/WEmptyState.stories.ts b/src/components/EmptyState/WEmptyState.stories.ts
new file mode 100644
index 0000000..93cf9b9
--- /dev/null
+++ b/src/components/EmptyState/WEmptyState.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3'
+import WEmptyState from './WEmptyState.vue'
+
+const meta: any = {
+ title: 'Example/WEmptyState',
+ component: WEmptyState,
+ tags: ['autodocs'],
+ argTypes: {},
+ args: {}
+} satisfies Meta
+
+export default meta
+type Story = StoryObj
+
+export const Default: Story = {
+ render: (args: any) => ({
+ components: { WEmptyState },
+ setup() {
+ return { args }
+ },
+ template: ``
+ }),
+ args: {
+ text: 'Empty state text'
+ }
+}
diff --git a/src/components/EmptyState/WEmptyState.vue b/src/components/EmptyState/WEmptyState.vue
new file mode 100644
index 0000000..d8e5a81
--- /dev/null
+++ b/src/components/EmptyState/WEmptyState.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
diff --git a/src/components/EmptyState/__snapshots__/WEmptyState.spec.ts.snap b/src/components/EmptyState/__snapshots__/WEmptyState.spec.ts.snap
new file mode 100644
index 0000000..6e06c51
--- /dev/null
+++ b/src/components/EmptyState/__snapshots__/WEmptyState.spec.ts.snap
@@ -0,0 +1,164 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`WEmptyState > renders properly 1`] = `
+
+
+
+ Empty state
+
+
+`;
diff --git a/src/components/Footer/WFooter.vue b/src/components/Footer/WFooter.vue
index 3b3a9a0..d0b0f30 100644
--- a/src/components/Footer/WFooter.vue
+++ b/src/components/Footer/WFooter.vue
@@ -44,25 +44,23 @@
+
-