@helpwave/hightide 0.1.21 → 0.1.22

package/dist/css/uncompiled/utitlity/shadow.css

@@ -1,29 +1,58 @@
+@import "tailwindcss";
+
+@utility shadow-side {
+  box-shadow: var(--shadow-right, 0 0 0 transparent),
+    var(--shadow-left, 0 0 0 transparent),
+    var(--shadow-top, 0 0 0 transparent),
+    var(--shadow-bottom, 0 0 0 transparent);
+}
+
+@utility shadow-r-* {
+  --shadow-right: calc(--value(number) * 1px) 0 calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+}
+
+@utility shadow-l-* {
+  --shadow-left: calc(--value(number) * -1px) 0 calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+}
+
+@utility shadow-t-* {
+  --shadow-top: 0 calc(--value(number) * -1px) calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+}
+
+@utility shadow-b-* {
+  --shadow-bottom: 0 calc(--value(number) * 1px) calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+}
+
+@utility shadow-around-* {
+  --shadow-right: calc(--value(number) * 1px) 0 calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+  --shadow-left: calc(--value(number) * -1px) 0 calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+  --shadow-top: 0 calc(--value(number) * -1px) calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+  --shadow-bottom: 0 calc(--value(number) * 1px) calc(--value(number) * 1px) 0 var(--tw-shadow-color, rgb(0 0 0 / 2%));
+  @apply shadow-side;
+}
+
+@utility shadow-strong {
+  --tw-shadow-color: rgba(0, 0, 0, 0.06);
+}
+
+@utility shadow-hard {
+  --tw-shadow-color: rgba(0, 0, 0, 0.10);
+}
+
 @layer utilities {
   .shadow-around {
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02),
-    0 -2px 2px 0 rgba(0, 0, 0, 0.02),
-    2px 0 2px 0 rgba(0, 0, 0, 0.02),
-    -2px 0 2px 0 rgba(0, 0, 0, 0.02);
+    @apply shadow-around-2;
   }
 
   .shadow-around-md {
-    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.02),
-    0 -5px 5px 0 rgba(0, 0, 0, 0.02),
-    5px 0 5px 0 rgba(0, 0, 0, 0.02),
-    -5px 0 5px 0 rgba(0, 0, 0, 0.02);
+    @apply shadow-around-5;
   }
 
   .shadow-around-lg {
-    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.02),
-    0 -10px 10px 0 rgba(0, 0, 0, 0.02),
-    10px 0 10px 0 rgba(0, 0, 0, 0.02),
-    -10px 0 10px 0 rgba(0, 0, 0, 0.02);
+    @apply shadow-around-10;
   }
 
   .shadow-around-xl {
-    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.02),
-    0 -20px 20px 0 rgba(0, 0, 0, 0.02),
-    20px 0 20px 0 rgba(0, 0, 0, 0.02),
-    -20px 0 20px 0 rgba(0, 0, 0, 0.02);
+    @apply shadow-around-20;
   }
 }

package/dist/hooks/useLocalStorage.js

@@ -53,6 +53,11 @@ var LocalStorageService = class extends StorageService {
   }
 };
 
+// src/util/resolveSetState.ts
+function resolveSetState(action, prev) {
+  return typeof action === "function" ? action(prev) : action;
+}
+
 // src/hooks/useLocalStorage.ts
 var useLocalStorage = (key, initValue) => {
   const get = (0, import_react.useCallback)(() => {
@@ -64,10 +69,10 @@ var useLocalStorage = (key, initValue) => {
     return value || initValue;
   }, [initValue, key]);
   const [storedValue, setStoredValue] = (0, import_react.useState)(get);
-  const setValue = (0, import_react.useCallback)((value) => {
-    const newValue = value instanceof Function ? value(storedValue) : value;
+  const setValue = (0, import_react.useCallback)((action) => {
+    const newValue = resolveSetState(action, storedValue);
     const storageService = new LocalStorageService();
-    storageService.set(key, value);
+    storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
   (0, import_react.useEffect)(() => {

package/dist/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\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(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\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"],"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;;;AD1BO,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,WAAS;AACjD,UAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAClE,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,KAAK;AAE7B,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":["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":[]}

package/dist/hooks/useLocalStorage.mjs

@@ -30,6 +30,11 @@ var LocalStorageService = class extends StorageService {
   }
 };
 
+// src/util/resolveSetState.ts
+function resolveSetState(action, prev) {
+  return typeof action === "function" ? action(prev) : action;
+}
+
 // src/hooks/useLocalStorage.ts
 var useLocalStorage = (key, initValue) => {
   const get = useCallback(() => {
@@ -41,10 +46,10 @@ var useLocalStorage = (key, initValue) => {
     return value || initValue;
   }, [initValue, key]);
   const [storedValue, setStoredValue] = useState(get);
-  const setValue = useCallback((value) => {
-    const newValue = value instanceof Function ? value(storedValue) : value;
+  const setValue = useCallback((action) => {
+    const newValue = resolveSetState(action, storedValue);
     const storageService = new LocalStorageService();
-    storageService.set(key, value);
+    storageService.set(key, newValue);
     setStoredValue(newValue);
   }, [storedValue, setStoredValue, key]);
   useEffect(() => {

package/dist/hooks/useLocalStorage.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useLocalStorage.ts","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\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(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\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"],"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;;;AD1BO,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,WAAS;AACjD,UAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAClE,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,KAAK;AAE7B,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":["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":[]}

package/dist/hooks/useLogOnce.d.mts

@@ -0,0 +1,8 @@
+type Options = {
+    message: string;
+    condition: boolean;
+    type?: 'info' | 'error' | 'warning';
+};
+declare const useLogOnce: ({ message, condition, type, }: Options) => void;
+
+export { useLogOnce };

package/dist/hooks/useLogOnce.d.ts

@@ -0,0 +1,8 @@
+type Options = {
+    message: string;
+    condition: boolean;
+    type?: 'info' | 'error' | 'warning';
+};
+declare const useLogOnce: ({ message, condition, type, }: Options) => void;
+
+export { useLogOnce };

package/dist/hooks/useLogOnce.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useLogOnce.ts
+var useLogOnce_exports = {};
+__export(useLogOnce_exports, {
+  useLogOnce: () => useLogOnce
+});
+module.exports = __toCommonJS(useLogOnce_exports);
+var import_react = require("react");
+var useLogOnce = ({
+  message,
+  condition,
+  type = "warning"
+}) => {
+  const [hasLogged, setHasLogged] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!hasLogged && condition) {
+      switch (type) {
+        case "info":
+          console.info(message);
+          break;
+        case "error":
+          console.error(message);
+          break;
+        case "warning":
+          console.warn(message);
+          break;
+      }
+      setHasLogged(true);
+    }
+  }, [condition]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLogOnce
+});
+//# sourceMappingURL=useLogOnce.js.map

package/dist/hooks/useLogOnce.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLogOnce.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\ntype Options = {\n  message: string,\n  condition: boolean,\n  type?: 'info' | 'error' | 'warning',\n}\n\nexport const useLogOnce = ({\n  message,\n  condition,\n  type = 'warning',\n                           }: Options) => {\n  const [hasLogged,setHasLogged] = useState<boolean>(false)\n\n  useEffect(() => {\n    if(!hasLogged && condition) {\n      switch (type) {\n        case 'info': console.info(message)\n          break\n        case 'error': console.error(message)\n          break\n        case 'warning': console.warn(message)\n          break\n      }\n      setHasLogged(true)\n    }\n  }, [condition]) // eslint-disable-line react-hooks/exhaustive-deps\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAQ7B,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AACkB,MAAe;AACxC,QAAM,CAAC,WAAU,YAAY,QAAI,uBAAkB,KAAK;AAExD,8BAAU,MAAM;AACd,QAAG,CAAC,aAAa,WAAW;AAC1B,cAAQ,MAAM;AAAA,QACZ,KAAK;AAAQ,kBAAQ,KAAK,OAAO;AAC/B;AAAA,QACF,KAAK;AAAS,kBAAQ,MAAM,OAAO;AACjC;AAAA,QACF,KAAK;AAAW,kBAAQ,KAAK,OAAO;AAClC;AAAA,MACJ;AACA,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":[]}

package/dist/hooks/useLogOnce.mjs

@@ -0,0 +1,29 @@
+// src/hooks/useLogOnce.ts
+import { useEffect, useState } from "react";
+var useLogOnce = ({
+  message,
+  condition,
+  type = "warning"
+}) => {
+  const [hasLogged, setHasLogged] = useState(false);
+  useEffect(() => {
+    if (!hasLogged && condition) {
+      switch (type) {
+        case "info":
+          console.info(message);
+          break;
+        case "error":
+          console.error(message);
+          break;
+        case "warning":
+          console.warn(message);
+          break;
+      }
+      setHasLogged(true);
+    }
+  }, [condition]);
+};
+export {
+  useLogOnce
+};
+//# sourceMappingURL=useLogOnce.mjs.map

package/dist/hooks/useLogOnce.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLogOnce.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\ntype Options = {\n  message: string,\n  condition: boolean,\n  type?: 'info' | 'error' | 'warning',\n}\n\nexport const useLogOnce = ({\n  message,\n  condition,\n  type = 'warning',\n                           }: Options) => {\n  const [hasLogged,setHasLogged] = useState<boolean>(false)\n\n  useEffect(() => {\n    if(!hasLogged && condition) {\n      switch (type) {\n        case 'info': console.info(message)\n          break\n        case 'error': console.error(message)\n          break\n        case 'warning': console.warn(message)\n          break\n      }\n      setHasLogged(true)\n    }\n  }, [condition]) // eslint-disable-line react-hooks/exhaustive-deps\n}"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAQ7B,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AACkB,MAAe;AACxC,QAAM,CAAC,WAAU,YAAY,IAAI,SAAkB,KAAK;AAExD,YAAU,MAAM;AACd,QAAG,CAAC,aAAa,WAAW;AAC1B,cAAQ,MAAM;AAAA,QACZ,KAAK;AAAQ,kBAAQ,KAAK,OAAO;AAC/B;AAAA,QACF,KAAK;AAAS,kBAAQ,MAAM,OAAO;AACjC;AAAA,QACF,KAAK;AAAW,kBAAQ,KAAK,OAAO;AAClC;AAAA,MACJ;AACA,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":[]}

package/dist/index.d.mts

@@ -7,14 +7,14 @@ export { TimeDisplay } from './components/date/TimeDisplay.mjs';
 export { TimePicker, TimePickerProps, TimePickerUncontrolled } from './components/date/TimePicker.mjs';
 export { YearMonthPicker, YearMonthPickerProps, YearMonthPickerUncontrolled } from './components/date/YearMonthPicker.mjs';
 export { ConfirmDialog, ConfirmDialogProps, ConfirmDialogType } from './components/dialogs/ConfirmDialog.mjs';
-export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, avatarSizeMapping, avtarSizeList } from './components/icons-and-geometry/Avatar.mjs';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, AvatarUtil } from './components/icons-and-geometry/Avatar.mjs';
 export { Circle, CircleProps } from './components/icons-and-geometry/Circle.mjs';
 export { Helpwave, HelpwaveProps } from './components/icons-and-geometry/Helpwave.mjs';
 export { AnimatedRing, AnimatedRingProps, RadialRings, RadialRingsProps, Ring, RingProps, RingWave, RingWaveProps } from './components/icons-and-geometry/Ring.mjs';
 export { TagIcon, TagProps } from './components/icons-and-geometry/Tag.mjs';
 export { BreadCrumb, Crumb } from './components/layout-and-navigation/BreadCrumb.mjs';
 export { Carousel, CarouselProps } from './components/layout-and-navigation/Carousel.mjs';
-export { Chip, ChipColor, ChipList, ChipListProps, ChipProps } from './components/layout-and-navigation/Chip.mjs';
+export { Chip, ChipColor, ChipList, ChipListProps, ChipProps, ChipUtil } from './components/layout-and-navigation/Chip.mjs';
 export { DividerInserter, DividerInserterProps } from './components/layout-and-navigation/DividerInserter.mjs';
 export { Expandable, ExpandableProps, ExpandableUncontrolled, ExpansionIcon, ExpansionIconProps } from './components/layout-and-navigation/Expandable.mjs';
 export { FAQItem, FAQSection, FAQSectionProps } from './components/layout-and-navigation/FAQSection.mjs';
@@ -69,6 +69,7 @@ export { useFocusManagement } from './hooks/useFocusManagement.mjs';
 export { useFocusOnceVisible } from './hooks/useFocusOnceVisible.mjs';
 export { useHoverState } from './hooks/useHoverState.mjs';
 export { useLocalStorage } from './hooks/useLocalStorage.mjs';
+export { useLogOnce } from './hooks/useLogOnce.mjs';
 export { useOutsideClick } from './hooks/useOutsideClick.mjs';
 export { PopoverHorizontalAlignment, PopoverVerticalAlignment, usePopoverPosition } from './hooks/usePopoverPosition.mjs';
 export { useRerender } from './hooks/useRerender.mjs';

package/dist/index.d.ts

@@ -7,14 +7,14 @@ export { TimeDisplay } from './components/date/TimeDisplay.js';
 export { TimePicker, TimePickerProps, TimePickerUncontrolled } from './components/date/TimePicker.js';
 export { YearMonthPicker, YearMonthPickerProps, YearMonthPickerUncontrolled } from './components/date/YearMonthPicker.js';
 export { ConfirmDialog, ConfirmDialogProps, ConfirmDialogType } from './components/dialogs/ConfirmDialog.js';
-export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, avatarSizeMapping, avtarSizeList } from './components/icons-and-geometry/Avatar.js';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, AvatarUtil } from './components/icons-and-geometry/Avatar.js';
 export { Circle, CircleProps } from './components/icons-and-geometry/Circle.js';
 export { Helpwave, HelpwaveProps } from './components/icons-and-geometry/Helpwave.js';
 export { AnimatedRing, AnimatedRingProps, RadialRings, RadialRingsProps, Ring, RingProps, RingWave, RingWaveProps } from './components/icons-and-geometry/Ring.js';
 export { TagIcon, TagProps } from './components/icons-and-geometry/Tag.js';
 export { BreadCrumb, Crumb } from './components/layout-and-navigation/BreadCrumb.js';
 export { Carousel, CarouselProps } from './components/layout-and-navigation/Carousel.js';
-export { Chip, ChipColor, ChipList, ChipListProps, ChipProps } from './components/layout-and-navigation/Chip.js';
+export { Chip, ChipColor, ChipList, ChipListProps, ChipProps, ChipUtil } from './components/layout-and-navigation/Chip.js';
 export { DividerInserter, DividerInserterProps } from './components/layout-and-navigation/DividerInserter.js';
 export { Expandable, ExpandableProps, ExpandableUncontrolled, ExpansionIcon, ExpansionIconProps } from './components/layout-and-navigation/Expandable.js';
 export { FAQItem, FAQSection, FAQSectionProps } from './components/layout-and-navigation/FAQSection.js';
@@ -69,6 +69,7 @@ export { useFocusManagement } from './hooks/useFocusManagement.js';
 export { useFocusOnceVisible } from './hooks/useFocusOnceVisible.js';
 export { useHoverState } from './hooks/useHoverState.js';
 export { useLocalStorage } from './hooks/useLocalStorage.js';
+export { useLogOnce } from './hooks/useLogOnce.js';
 export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { PopoverHorizontalAlignment, PopoverVerticalAlignment, usePopoverPosition } from './hooks/usePopoverPosition.js';
 export { useRerender } from './hooks/useRerender.js';