init commit

1 files changed, 12 insertions, 0 deletions

diff --git a/shared/components/src/stores/sidebar-hidden.ts b/shared/components/src/stores/sidebar-hidden.ts
new file mode 100644
index 0000000..2de14d1
--- /dev/null
+++ b/shared/components/src/stores/sidebar-hidden.ts
@@ -0,0 +1,12 @@
+import { derived } from 'svelte/store';
+import { buildMediaQueryStore } from '@amp/web-app-components/src/stores/media-query';
+
+export const sidebarHiddenQuery = buildMediaQueryStore('visible', {
+    hidden: '(max-width: 483px)',
+    visible: '(min-width: 484px)',
+});
+
+export const sidebarIsHidden = derived(
+    sidebarHiddenQuery,
+    ($sidebarHiddenQuery) => $sidebarHiddenQuery === 'hidden',
+);