@helpwave/hightide 0.1.23 → 0.1.25

package/dist/css/globals.css

@@ -952,10 +952,6 @@
     border-top-right-radius: var(--radius-xl);
     border-bottom-right-radius: var(--radius-xl);
   }
-  .rounded-b-lg {
-    border-bottom-right-radius: var(--radius-lg);
-    border-bottom-left-radius: var(--radius-lg);
-  }
   .\!border-0 {
     border-style: var(--tw-border-style) !important;
     border-width: 0px !important;
@@ -996,12 +992,6 @@
     --tw-border-style: none;
     border-style: none;
   }
-  .border-button-outline-primary-text {
-    border-color: var(--color-button-outline-primary-text);
-  }
-  .border-disabled-background {
-    border-color: var(--color-disabled-background);
-  }
   .border-disabled-border {
     border-color: var(--color-disabled-border);
   }
@@ -1068,27 +1058,12 @@
   .\!bg-warning {
     background-color: var(--color-warning) !important;
   }
-  .bg-button-solid-negative-background {
-    background-color: var(--color-button-solid-negative-background);
-  }
   .bg-button-solid-neutral-background {
     background-color: var(--color-button-solid-neutral-background);
   }
-  .bg-button-solid-positive-background {
-    background-color: var(--color-button-solid-positive-background);
-  }
   .bg-button-solid-primary-background {
     background-color: var(--color-button-solid-primary-background);
   }
-  .bg-button-solid-secondary-background {
-    background-color: var(--color-button-solid-secondary-background);
-  }
-  .bg-button-solid-tertiary-background {
-    background-color: var(--color-button-solid-tertiary-background);
-  }
-  .bg-button-solid-warning-background {
-    background-color: var(--color-button-solid-warning-background);
-  }
   .bg-carousel-dot-active {
     background-color: var(--color-carousel-dot-active);
   }
@@ -1437,78 +1412,15 @@
   .text-border {
     color: var(--color-border);
   }
-  .text-button-outline-primary-icon {
-    color: var(--color-button-outline-primary-icon);
-  }
-  .text-button-outline-primary-text {
-    color: var(--color-button-outline-primary-text);
-  }
-  .text-button-solid-negative-icon {
-    color: var(--color-button-solid-negative-icon);
-  }
-  .text-button-solid-negative-text {
-    color: var(--color-button-solid-negative-text);
-  }
-  .text-button-solid-neutral-icon {
-    color: var(--color-button-solid-neutral-icon);
-  }
   .text-button-solid-neutral-text {
     color: var(--color-button-solid-neutral-text);
   }
-  .text-button-solid-positive-icon {
-    color: var(--color-button-solid-positive-icon);
-  }
-  .text-button-solid-positive-text {
-    color: var(--color-button-solid-positive-text);
-  }
-  .text-button-solid-primary-icon {
-    color: var(--color-button-solid-primary-icon);
-  }
   .text-button-solid-primary-text {
     color: var(--color-button-solid-primary-text);
   }
-  .text-button-solid-secondary-icon {
-    color: var(--color-button-solid-secondary-icon);
-  }
-  .text-button-solid-secondary-text {
-    color: var(--color-button-solid-secondary-text);
-  }
-  .text-button-solid-tertiary-icon {
-    color: var(--color-button-solid-tertiary-icon);
-  }
-  .text-button-solid-tertiary-text {
-    color: var(--color-button-solid-tertiary-text);
-  }
-  .text-button-solid-warning-icon {
-    color: var(--color-button-solid-warning-icon);
-  }
-  .text-button-solid-warning-text {
-    color: var(--color-button-solid-warning-text);
-  }
-  .text-button-text-negative-icon {
-    color: var(--color-button-text-negative-icon);
-  }
-  .text-button-text-negative-text {
-    color: var(--color-button-text-negative-text);
-  }
-  .text-button-text-neutral-icon {
-    color: var(--color-button-text-neutral-icon);
-  }
-  .text-button-text-neutral-text {
-    color: var(--color-button-text-neutral-text);
-  }
-  .text-button-text-primary-icon {
-    color: var(--color-button-text-primary-icon);
-  }
-  .text-button-text-primary-text {
-    color: var(--color-button-text-primary-text);
-  }
   .text-description {
     color: var(--color-description);
   }
-  .text-disabled-icon {
-    color: var(--color-disabled-icon);
-  }
   .text-disabled-text {
     color: var(--color-disabled-text);
   }
@@ -1658,9 +1570,6 @@
   .opacity-20 {
     opacity: 20%;
   }
-  .opacity-70 {
-    opacity: 70%;
-  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -1796,6 +1705,171 @@
   .shadow-r-4 {
     --shadow-right: calc(4 * 1px) 0 calc(4 * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
   }
+  .not-group-disabled\:text-button-outline-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-outline-primary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-negative-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-negative-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-neutral-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-neutral-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-positive-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-positive-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-primary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-secondary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-secondary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-tertiary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-tertiary-icon);
+    }
+  }
+  .not-group-disabled\:text-button-solid-warning-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-solid-warning-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-negative-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-negative-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-neutral-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-neutral-icon);
+    }
+  }
+  .not-group-disabled\:text-button-text-primary-icon {
+    &:not(*:is(:where(.group):disabled *)) {
+      color: var(--color-button-text-primary-icon);
+    }
+  }
+  .not-disabled\:border-button-outline-primary-text {
+    &:not(*:disabled) {
+      border-color: var(--color-button-outline-primary-text);
+    }
+  }
+  .not-disabled\:bg-button-solid-negative-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-negative-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-neutral-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-neutral-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-positive-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-positive-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-primary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-primary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-secondary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-secondary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-tertiary-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-tertiary-background);
+    }
+  }
+  .not-disabled\:bg-button-solid-warning-background {
+    &:not(*:disabled) {
+      background-color: var(--color-button-solid-warning-background);
+    }
+  }
+  .not-disabled\:bg-input-background {
+    &:not(*:disabled) {
+      background-color: var(--color-input-background);
+    }
+  }
+  .not-disabled\:bg-transparent {
+    &:not(*:disabled) {
+      background-color: transparent;
+    }
+  }
+  .not-disabled\:text-button-outline-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-outline-primary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-negative-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-negative-text);
+    }
+  }
+  .not-disabled\:text-button-solid-neutral-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-neutral-text);
+    }
+  }
+  .not-disabled\:text-button-solid-positive-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-positive-text);
+    }
+  }
+  .not-disabled\:text-button-solid-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-primary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-secondary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-secondary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-tertiary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-tertiary-text);
+    }
+  }
+  .not-disabled\:text-button-solid-warning-text {
+    &:not(*:disabled) {
+      color: var(--color-button-solid-warning-text);
+    }
+  }
+  .not-disabled\:text-button-text-negative-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-negative-text);
+    }
+  }
+  .not-disabled\:text-button-text-neutral-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-neutral-text);
+    }
+  }
+  .not-disabled\:text-button-text-primary-text {
+    &:not(*:disabled) {
+      color: var(--color-button-text-primary-text);
+    }
+  }
+  .not-disabled\:text-input-text {
+    &:not(*:disabled) {
+      color: var(--color-input-text);
+    }
+  }
   .group-hover\:border-primary {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -1833,6 +1907,11 @@
       }
     }
   }
+  .group-disabled\:text-disabled-icon {
+    &:is(:where(.group):disabled *) {
+      color: var(--color-disabled-icon);
+    }
+  }
   .first\:rounded-t-md {
     &:first-child {
       border-top-left-radius: var(--radius-md);
@@ -1883,43 +1962,6 @@
       }
     }
   }
-  .hover\:bg-button-text-hover-background {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-button-text-hover-background);
-      }
-    }
-  }
-  .hover\:bg-button-text-negative-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #DC576D 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-negative-text) 20%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-button-text-neutral-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #333333 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-neutral-text) 20%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-button-text-primary-text\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #694BB4 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-button-text-primary-text) 20%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-carousel-dot-active {
     &:hover {
       @media (hover: hover) {
@@ -1993,14 +2035,6 @@
       }
     }
   }
-  .hover\:brightness-80 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-brightness: brightness(80%);
-        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-      }
-    }
-  }
   .hover\:brightness-90 {
     &:hover {
       @media (hover: hover) {
@@ -2017,6 +2051,80 @@
       }
     }
   }
+  .not-disabled\:hover\:border-primary {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          border-color: var(--color-primary);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-hover-background {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-button-text-hover-background);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-negative-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #DC576D 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-negative-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-neutral-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #333333 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-neutral-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:bg-button-text-primary-text\/20 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #694BB4 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-button-text-primary-text) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:brightness-80 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          --tw-brightness: brightness(80%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
+  .not-disabled\:hover\:brightness-90 {
+    &:not(*:disabled) {
+      &:hover {
+        @media (hover: hover) {
+          --tw-brightness: brightness(90%);
+          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+        }
+      }
+    }
+  }
   .focus\:border-primary {
     &:focus {
       border-color: var(--color-primary);
@@ -2034,6 +2142,31 @@
       outline-style: none;
     }
   }
+  .disabled\:border-disabled-border {
+    &:disabled {
+      border-color: var(--color-disabled-border);
+    }
+  }
+  .disabled\:border-disabled-outline {
+    &:disabled {
+      border-color: var(--color-disabled-outline);
+    }
+  }
+  .disabled\:bg-disabled-background {
+    &:disabled {
+      background-color: var(--color-disabled-background);
+    }
+  }
+  .disabled\:text-disabled-text {
+    &:disabled {
+      color: var(--color-disabled-text);
+    }
+  }
+  .disabled\:opacity-70 {
+    &:disabled {
+      opacity: 70%;
+    }
+  }
   .desktop\:block {
     @media (width >= 64rem) {
       display: block;

package/dist/css/uncompiled/theme/index.css

@@ -1,5 +1,4 @@
 @import './variants.css';
 @import './colors-basic.css';
 @import './colors-semantic.css';
-@import './colors-component.css';
-@import './theme.css';
+@import './colors-component.css';

package/dist/hooks/useLocalStorage.js

@@ -1,3 +1,4 @@
+"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -75,9 +76,6 @@ var useLocalStorage = (key, initValue) => {
     storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
-  (0, import_react.useEffect)(() => {
-    setStoredValue(get());
-  }, []);
   return [storedValue, setValue];
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts","../../src/util/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\nimport { resolveSetState } from '../util/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;;;ACDjD,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFEO,IAAM,kBAAkB,CAAI,KAAa,cAAmC;AACjF,QAAM,UAAM,0BAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAY,GAAG;AAErD,QAAM,eAAwB,0BAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,8BAAU,MAAM;AACd,mBAAe,IAAI,CAAC;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":[]}
+{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts","../../src/util/resolveSetState.ts"],"sourcesContent":["'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\nimport { resolveSetState } from '../util/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  return [storedValue, setValue]\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAsC;;;ACHtC,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFIO,IAAM,kBAAkB,CAAI,KAAa,cAAmC;AACjF,QAAM,UAAM,0BAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAY,GAAG;AAErD,QAAM,eAAwB,0BAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":[]}

package/dist/hooks/useLocalStorage.mjs

@@ -1,5 +1,7 @@
+"use client";
+
 // src/hooks/useLocalStorage.ts
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 
 // src/util/storage.ts
 var StorageService = class {
@@ -52,9 +54,6 @@ var useLocalStorage = (key, initValue) => {
     storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
-  useEffect(() => {
-    setStoredValue(get());
-  }, []);
   return [storedValue, setValue];
 };
 export {

package/dist/hooks/useLocalStorage.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts","../../src/util/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\nimport { resolveSetState } from '../util/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";AACA,SAAS,aAAa,WAAW,gBAAgB;;;ACDjD,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFEO,IAAM,kBAAkB,CAAI,KAAa,cAAmC;AACjF,QAAM,MAAM,YAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAY,GAAG;AAErD,QAAM,WAAwB,YAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,YAAU,MAAM;AACd,mBAAe,IAAI,CAAC;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":[]}
+{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts","../../src/util/resolveSetState.ts"],"sourcesContent":["'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\nimport { resolveSetState } from '../util/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nexport const useLocalStorage = <T>(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  return [storedValue, setValue]\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";;;AAGA,SAAS,aAAa,gBAAgB;;;ACHtC,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFIO,IAAM,kBAAkB,CAAI,KAAa,cAAmC;AACjF,QAAM,MAAM,YAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAY,GAAG;AAErD,QAAM,WAAwB,YAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":[]}