@sikka/hawa 0.48.1-next → 0.49.0-next

package/dist/glow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/glow/index.ts","../../elements/glow/Glow.tsx"],"sourcesContent":["export * from \"./Glow\";\n","import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const move = (e: PointerEvent) => {\n      if (e.pointerType === \"mouse\") {\n        requestAnimationFrame(() => {\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n        });\n      }\n    };\n\n    const leave = () => {\n      element.current?.style.removeProperty(\"--glow-x\");\n      element.current?.style.removeProperty(\"--glow-y\");\n    };\n\n    element.current?.addEventListener(\"pointermove\", move, { passive: true });\n    element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n    return () => {\n      element.current?.removeEventListener(\"pointermove\", move);\n      element.current?.removeEventListener(\"pointerleave\", leave);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={element}\n      className={`hawa-glow-capture ${className}`}\n      style={\n        {\n          position: \"relative\",\n          \"--glow-size\": `${size}px`,\n        } as CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n  className = \"\",\n  style = {},\n\n  color = \"#f50057\",\n  debug = false,\n  ...rest\n}) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    element.current?.style.setProperty(\n      \"--glow-top\",\n      `${element.current?.offsetTop}px`,\n    );\n    element.current?.style.setProperty(\n      \"--glow-left\",\n      `${element.current?.offsetLeft}px`,\n    );\n  });\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      requestAnimationFrame(() => {\n        element.current?.style.setProperty(\n          \"--glow-top\",\n          `${element.current?.offsetTop}px`,\n        );\n        element.current?.style.setProperty(\n          \"--glow-left\",\n          `${element.current?.offsetLeft}px`,\n        );\n      });\n    });\n\n    const capture = element.current?.closest(\".glow-capture\");\n    if (capture) observer.observe(capture);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n      <div\n        className={className}\n        style={{\n          ...style,\n          gridArea: \"1/1/1/1\",\n        }}\n        {...rest}\n      >\n        {rest.children}\n      </div>\n      <div\n        className={`glow-mask ${className}`}\n        // @ts-ignore\n        glow=\"true\"\n        style={\n          {\n            ...style,\n            \"--glow-color\": color,\n            gridArea: \"1/1/1/1\",\n            pointerEvents: \"none\",\n            mask: debug ? undefined : mask,\n            WebkitMask: debug ? undefined : mask,\n          } as CSSProperties\n        }\n        {...rest}\n      >\n        {rest.children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a","_b","React"]}
+{"version":3,"sources":["../../elements/glow/index.ts","../../elements/glow/Glow.tsx"],"sourcesContent":["export * from \"./Glow\";\n","import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const move = (e: PointerEvent) => {\n      if (e.pointerType === \"mouse\") {\n        requestAnimationFrame(() => {\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n        });\n      }\n    };\n\n    const leave = () => {\n      element.current?.style.removeProperty(\"--glow-x\");\n      element.current?.style.removeProperty(\"--glow-y\");\n    };\n\n    element.current?.addEventListener(\"pointermove\", move, { passive: true });\n    element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n    return () => {\n      element.current?.removeEventListener(\"pointermove\", move);\n      element.current?.removeEventListener(\"pointerleave\", leave);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={element}\n      className={`hawa-glow-capture ${className}`}\n      style={\n        {\n          position: \"relative\",\n          \"--glow-size\": `${size}px`,\n        } as CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n  className = \"\",\n  style = {},\n\n  color = \"#f50057\",\n  debug = false,\n  ...rest\n}) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    element.current?.style.setProperty(\"--glow-top\", `${element.current?.offsetTop}px`);\n    element.current?.style.setProperty(\"--glow-left\", `${element.current?.offsetLeft}px`);\n  });\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      requestAnimationFrame(() => {\n        element.current?.style.setProperty(\"--glow-top\", `${element.current?.offsetTop}px`);\n        element.current?.style.setProperty(\"--glow-left\", `${element.current?.offsetLeft}px`);\n      });\n    });\n\n    const capture = element.current?.closest(\".glow-capture\");\n    if (capture) observer.observe(capture);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n      <div\n        className={className}\n        style={{\n          ...style,\n          gridArea: \"1/1/1/1\",\n        }}\n        {...rest}\n      >\n        {rest.children}\n      </div>\n      <div\n        className={`glow-mask ${className}`}\n        // @ts-ignore\n        glow=\"true\"\n        style={\n          {\n            ...style,\n            \"--glow-color\": color,\n            gridArea: \"1/1/1/1\",\n            pointerEvents: \"none\",\n            mask: debug ? undefined : mask,\n            WebkitMask: debug ? undefined : mask,\n          } as CSSProperties\n        }\n        {...rest}\n      >\n        {rest.children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a","_b","React"]}

package/dist/glow/index.mjs

@@ -55,28 +55,16 @@ var Glow = ({
   const element = useRef(null);
   useEffect(() => {
     var _a, _b, _c, _d;
-    (_b = element.current) == null ? void 0 : _b.style.setProperty(
-      "--glow-top",
-      `${(_a = element.current) == null ? void 0 : _a.offsetTop}px`
-    );
-    (_d = element.current) == null ? void 0 : _d.style.setProperty(
-      "--glow-left",
-      `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
-    );
+    (_b = element.current) == null ? void 0 : _b.style.setProperty("--glow-top", `${(_a = element.current) == null ? void 0 : _a.offsetTop}px`);
+    (_d = element.current) == null ? void 0 : _d.style.setProperty("--glow-left", `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`);
   });
   useEffect(() => {
     var _a;
     const observer = new ResizeObserver(() => {
       requestAnimationFrame(() => {
         var _a2, _b, _c, _d;
-        (_b = element.current) == null ? void 0 : _b.style.setProperty(
-          "--glow-top",
-          `${(_a2 = element.current) == null ? void 0 : _a2.offsetTop}px`
-        );
-        (_d = element.current) == null ? void 0 : _d.style.setProperty(
-          "--glow-left",
-          `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`
-        );
+        (_b = element.current) == null ? void 0 : _b.style.setProperty("--glow-top", `${(_a2 = element.current) == null ? void 0 : _a2.offsetTop}px`);
+        (_d = element.current) == null ? void 0 : _d.style.setProperty("--glow-left", `${(_c = element.current) == null ? void 0 : _c.offsetLeft}px`);
       });
     });
     const capture = (_a = element.current) == null ? void 0 : _a.closest(".glow-capture");

package/dist/glow/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/glow/Glow.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const move = (e: PointerEvent) => {\n      if (e.pointerType === \"mouse\") {\n        requestAnimationFrame(() => {\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n        });\n      }\n    };\n\n    const leave = () => {\n      element.current?.style.removeProperty(\"--glow-x\");\n      element.current?.style.removeProperty(\"--glow-y\");\n    };\n\n    element.current?.addEventListener(\"pointermove\", move, { passive: true });\n    element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n    return () => {\n      element.current?.removeEventListener(\"pointermove\", move);\n      element.current?.removeEventListener(\"pointerleave\", leave);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={element}\n      className={`hawa-glow-capture ${className}`}\n      style={\n        {\n          position: \"relative\",\n          \"--glow-size\": `${size}px`,\n        } as CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n  className = \"\",\n  style = {},\n\n  color = \"#f50057\",\n  debug = false,\n  ...rest\n}) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    element.current?.style.setProperty(\n      \"--glow-top\",\n      `${element.current?.offsetTop}px`,\n    );\n    element.current?.style.setProperty(\n      \"--glow-left\",\n      `${element.current?.offsetLeft}px`,\n    );\n  });\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      requestAnimationFrame(() => {\n        element.current?.style.setProperty(\n          \"--glow-top\",\n          `${element.current?.offsetTop}px`,\n        );\n        element.current?.style.setProperty(\n          \"--glow-left\",\n          `${element.current?.offsetLeft}px`,\n        );\n      });\n    });\n\n    const capture = element.current?.closest(\".glow-capture\");\n    if (capture) observer.observe(capture);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n      <div\n        className={className}\n        style={{\n          ...style,\n          gridArea: \"1/1/1/1\",\n        }}\n        {...rest}\n      >\n        {rest.children}\n      </div>\n      <div\n        className={`glow-mask ${className}`}\n        // @ts-ignore\n        glow=\"true\"\n        style={\n          {\n            ...style,\n            \"--glow-color\": color,\n            gridArea: \"1/1/1/1\",\n            pointerEvents: \"none\",\n            mask: debug ? undefined : mask,\n            WebkitMask: debug ? undefined : mask,\n          } as CSSProperties\n        }\n        {...rest}\n      >\n        {rest.children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a","_b"]}
+{"version":3,"sources":["../../elements/glow/Glow.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef } from \"react\";\n\nexport const GlowCapture = ({ className = \"\", size = 400, ...rest }) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const move = (e: PointerEvent) => {\n      if (e.pointerType === \"mouse\") {\n        requestAnimationFrame(() => {\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-x\", `${e.layerX}px`);\n          // @ts-ignore\n          element.current?.style.setProperty(\"--glow-y\", `${e.layerY}px`);\n        });\n      }\n    };\n\n    const leave = () => {\n      element.current?.style.removeProperty(\"--glow-x\");\n      element.current?.style.removeProperty(\"--glow-y\");\n    };\n\n    element.current?.addEventListener(\"pointermove\", move, { passive: true });\n    element.current?.addEventListener(\"pointerleave\", leave, { passive: true });\n    return () => {\n      element.current?.removeEventListener(\"pointermove\", move);\n      element.current?.removeEventListener(\"pointerleave\", leave);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={element}\n      className={`hawa-glow-capture ${className}`}\n      style={\n        {\n          position: \"relative\",\n          \"--glow-size\": `${size}px`,\n        } as CSSProperties\n      }\n      {...rest}\n    />\n  );\n};\n\nconst mask = `\nradial-gradient(var(--glow-size) var(--glow-size) at calc(var(--glow-x, -99999px) - var(--glow-left, 0px))\ncalc(var(--glow-y, -99999px) - var(--glow-top, 0px)), #000000 1%, transparent 50%)\n`;\n\nexport const Glow = ({\n  className = \"\",\n  style = {},\n\n  color = \"#f50057\",\n  debug = false,\n  ...rest\n}) => {\n  const element = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    element.current?.style.setProperty(\"--glow-top\", `${element.current?.offsetTop}px`);\n    element.current?.style.setProperty(\"--glow-left\", `${element.current?.offsetLeft}px`);\n  });\n\n  useEffect(() => {\n    const observer = new ResizeObserver(() => {\n      requestAnimationFrame(() => {\n        element.current?.style.setProperty(\"--glow-top\", `${element.current?.offsetTop}px`);\n        element.current?.style.setProperty(\"--glow-left\", `${element.current?.offsetLeft}px`);\n      });\n    });\n\n    const capture = element.current?.closest(\".glow-capture\");\n    if (capture) observer.observe(capture);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div ref={element} className=\"hawa-glow\" style={{ display: \"grid\" }}>\n      <div\n        className={className}\n        style={{\n          ...style,\n          gridArea: \"1/1/1/1\",\n        }}\n        {...rest}\n      >\n        {rest.children}\n      </div>\n      <div\n        className={`glow-mask ${className}`}\n        // @ts-ignore\n        glow=\"true\"\n        style={\n          {\n            ...style,\n            \"--glow-color\": color,\n            gridArea: \"1/1/1/1\",\n            pointerEvents: \"none\",\n            mask: debug ? undefined : mask,\n            WebkitMask: debug ? undefined : mask,\n          } as CSSProperties\n        }\n        {...rest}\n      >\n        {rest.children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a","_b"]}

package/dist/hooks/index.d.mts

@@ -126,11 +126,7 @@ interface HotkeyItemOptions {
     preventDefault?: boolean;
 }
 declare function getHotkeyHandler(hotkeys: HotkeyItem[]): (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-type HotkeyItem = [
-    string,
-    (event: KeyboardEvent) => void,
-    HotkeyItemOptions?
-];
+type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
 declare function useWindowEvent<K extends string>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;

package/dist/hooks/index.d.ts

@@ -126,11 +126,7 @@ interface HotkeyItemOptions {
     preventDefault?: boolean;
 }
 declare function getHotkeyHandler(hotkeys: HotkeyItem[]): (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-type HotkeyItem = [
-    string,
-    (event: KeyboardEvent) => void,
-    HotkeyItemOptions?
-];
+type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
 declare function useWindowEvent<K extends string>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;

package/dist/hooks/index.js

@@ -94,9 +94,7 @@ var reducer = (state, action) => {
     case "UPDATE_TOAST":
       return {
         ...state,
-        toasts: state.toasts.map(
-          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
-        )
+        toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t)
       };
     case "DISMISS_TOAST": {
       const { toastId } = action;
@@ -392,10 +390,7 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
       setMatches(queryRef.current.matches);
-      return attachMediaListener(
-        queryRef.current,
-        (event) => setMatches(event.matches)
-      );
+      return attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
     }
     return void 0;
   }, [query]);
@@ -477,21 +472,15 @@ function useClickOutside(handler, events, nodes) {
       const { target } = event != null ? event : {};
       if (Array.isArray(nodes)) {
         const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
-        const shouldTrigger = nodes.every(
-          (node) => !!node && !event.composedPath().includes(node)
-        );
+        const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));
         shouldTrigger && !shouldIgnore && handler();
       } else if (ref.current && !ref.current.contains(target)) {
         handler();
       }
     };
-    (events || DEFAULT_EVENTS).forEach(
-      (fn) => document.addEventListener(fn, listener)
-    );
+    (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));
     return () => {
-      (events || DEFAULT_EVENTS).forEach(
-        (fn) => document.removeEventListener(fn, listener)
-      );
+      (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));
     };
   }, [ref, handler, nodes]);
   return ref;
@@ -569,16 +558,14 @@ function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = false)
 function useShortcuts(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = false) {
   (0, import_react17.useEffect)(() => {
     const keydownListener = (event) => {
-      hotkeys.forEach(
-        ([hotkey, handler, options = { preventDefault: true }]) => {
-          if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
-            if (options.preventDefault) {
-              event.preventDefault();
-            }
-            handler(event);
+      hotkeys.forEach(([hotkey, handler, options = { preventDefault: true }]) => {
+        if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable)) {
+          if (options.preventDefault) {
+            event.preventDefault();
           }
+          handler(event);
         }
-      );
+      });
     };
     document.documentElement.addEventListener("keydown", keydownListener);
     return () => document.documentElement.removeEventListener("keydown", keydownListener);

package/dist/hooks/index.mjs

@@ -18,11 +18,11 @@ import {
   useViewportSize,
   useWindowEvent,
   useWindowSize
-} from "../chunk-WL7C2A5D.mjs";
+} from "../chunk-WQR4XZGL.mjs";
 import {
   useBreakpoint,
   useClickOutside
-} from "../chunk-2LUXOXAL.mjs";
+} from "../chunk-5SQBJRWE.mjs";
 export {
   getHotkeyHandler,
   getHotkeyMatcher,

package/dist/{index-B0aJcA6d.d.ts → index-BgNycocQ.d.mts}

@@ -54,12 +54,12 @@ type FullCommandProps = {
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick }: FullCommandProps) => React.JSX.Element;
 type AppCommandProps = {
     commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
     onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick }: AppCommandProps) => React.JSX.Element;
 
 export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i, type FullCommandItem as j };

package/dist/{index-B0aJcA6d.d.mts → index-BgNycocQ.d.ts}

@@ -54,12 +54,12 @@ type FullCommandProps = {
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick }: FullCommandProps) => React.JSX.Element;
 type AppCommandProps = {
     commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
     onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick }: AppCommandProps) => React.JSX.Element;
 
 export { AppCommand as A, type CommandInputProps as C, type DirectionType as D, FullCommand as F, type PositionType as P, Command as a, CommandDialog as b, CommandInput as c, CommandList as d, CommandEmpty as e, CommandGroup as f, CommandItem as g, CommandShortcut as h, CommandSeparator as i, type FullCommandItem as j };

package/dist/index.css

@@ -848,8 +848,7 @@ input[type="number"]::-webkit-inner-spin-button,
     animation: orbit var(--uib-speed) linear infinite;
   }
 .orbit-container::after {
-    animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2)
-      infinite;
+    animation: orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite;
   }
 @keyframes orbit {
     0% {

package/dist/index.d.mts

@@ -668,13 +668,13 @@ type FullCommandProps = {
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick }: FullCommandProps) => React$1.JSX.Element;
 type AppCommandProps = {
     commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
     onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick }: AppCommandProps) => React$1.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -967,7 +967,7 @@ type BadgeTypes = {
     className?: string;
 };
 declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, size, text, }: any) => React__default.JSX.Element;
+declare const BadgedComponent: ({ children, className, hideBadge, position, size, text }: any) => React__default.JSX.Element;
 
 type PhoneCodeValue = {
     label: string;
@@ -1377,6 +1377,8 @@ type AppLayoutTypes$1 = {
     email?: string;
     /** Specifies the image for the avatar. */
     avatarImage?: any;
+    /** Specifies the position of the user information.*/
+    userInfoPosition?: "next_to_avatar" | "in_dropdown" | "hidden";
     /**
      * Specifies the size of the drawer.
      * - 'sm': Small.
@@ -2330,11 +2332,7 @@ interface HotkeyItemOptions {
     preventDefault?: boolean;
 }
 declare function getHotkeyHandler(hotkeys: HotkeyItem[]): (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-type HotkeyItem = [
-    string,
-    (event: KeyboardEvent) => void,
-    HotkeyItemOptions?
-];
+type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
 declare function useWindowEvent<K extends string>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;

package/dist/index.d.ts

@@ -668,13 +668,13 @@ type FullCommandProps = {
         emptyText?: string;
     };
 };
-declare const FullCommand: ({ items, direction, texts, onActionClick, }: FullCommandProps) => React$1.JSX.Element;
+declare const FullCommand: ({ items, direction, texts, onActionClick }: FullCommandProps) => React$1.JSX.Element;
 type AppCommandProps = {
     commandProps: Omit<FullCommandProps, "onActionClick">;
     dialogProps: DialogProps;
     onActionClick?: () => void;
 };
-declare const AppCommand: ({ commandProps, dialogProps, onActionClick, }: AppCommandProps) => React$1.JSX.Element;
+declare const AppCommand: ({ commandProps, dialogProps, onActionClick }: AppCommandProps) => React$1.JSX.Element;
 
 type ComboboxTypes<T> = {
     labelKey?: keyof T | any;
@@ -967,7 +967,7 @@ type BadgeTypes = {
     className?: string;
 };
 declare const Badge: FC<BadgeTypes>;
-declare const BadgedComponent: ({ children, className, hideBadge, position, size, text, }: any) => React__default.JSX.Element;
+declare const BadgedComponent: ({ children, className, hideBadge, position, size, text }: any) => React__default.JSX.Element;
 
 type PhoneCodeValue = {
     label: string;
@@ -1377,6 +1377,8 @@ type AppLayoutTypes$1 = {
     email?: string;
     /** Specifies the image for the avatar. */
     avatarImage?: any;
+    /** Specifies the position of the user information.*/
+    userInfoPosition?: "next_to_avatar" | "in_dropdown" | "hidden";
     /**
      * Specifies the size of the drawer.
      * - 'sm': Small.
@@ -2330,11 +2332,7 @@ interface HotkeyItemOptions {
     preventDefault?: boolean;
 }
 declare function getHotkeyHandler(hotkeys: HotkeyItem[]): (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
-type HotkeyItem = [
-    string,
-    (event: KeyboardEvent) => void,
-    HotkeyItemOptions?
-];
+type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];
 declare function useShortcuts(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
 
 declare function useWindowEvent<K extends string>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;