@sikka/hawa 0.48.1-next → 0.49.3-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.
@@ -1675,7 +1677,7 @@ type LoginFormTypes = {
     /** Description text of error alert.   */
     errorText?: string;
     /** Login identifier type user will use to log in.   */
-    loginType?: "email" | "username" | "phone" | "link";
+    loginType?: "email" | "username" | "phone" | "email_link" | "email_code";
     /** If true, the reset password option is hidden.   */
     withResetPassword?: boolean;
     /** If true, the register option is hidden.   */
@@ -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.
@@ -1675,7 +1677,7 @@ type LoginFormTypes = {
     /** Description text of error alert.   */
     errorText?: string;
     /** Login identifier type user will use to log in.   */
-    loginType?: "email" | "username" | "phone" | "link";
+    loginType?: "email" | "username" | "phone" | "email_link" | "email_code";
     /** If true, the reset password option is hidden.   */
     withResetPassword?: boolean;
     /** If true, the register option is hidden.   */
@@ -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;