@sikka/hawa 0.48.1-next → 0.49.3-next

package/dist/{chunk-AWJSHOYU.mjs → chunk-KSJGXQTE.mjs}

@@ -4,7 +4,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-IFWYR5W2.mjs";
+} from "./chunk-VUELRPUL.mjs";
 
 // elements/select/Select.tsx
 import React from "react";

package/dist/{chunk-NMW4GM4G.mjs → chunk-SE2JMXYG.mjs}

@@ -3,26 +3,24 @@ import {
   HelperText,
   Label,
   cn
-} from "./chunk-IFWYR5W2.mjs";
+} from "./chunk-VUELRPUL.mjs";
 
 // elements/popover/Popover.tsx
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
+var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var Popover = ({
   trigger,
@@ -42,15 +40,7 @@ var Popover = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React.createElement(PopoverPrimitive.Trigger, { className: "hawa-w-full", disabled: disableTrigger, ...triggerProps }, trigger), /* @__PURE__ */ React.createElement(
     PopoverContent,
     {
       side,
@@ -106,12 +96,8 @@ var Radio = forwardRef2(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = React2.useState(
-      null
-    );
-    const [selectedOption, setSelectedOption] = useState(
-      props.defaultValue || props.value
-    );
+    const [parentDirection, setParentDirection] = React2.useState(null);
+    const [selectedOption, setSelectedOption] = useState(props.defaultValue || props.value);
     const [openTooltip, setOpenTooltip] = useState(null);
     const parentRef = useRef(null);
     useEffect(() => {
@@ -140,89 +126,78 @@ var Radio = forwardRef2(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ React2.createElement(
-          "div",
+        return /* @__PURE__ */ React2.createElement("div", { className: cn("hawa-gap-2 hawa-flex hawa-flex-col", containerClassNames == null ? void 0 : containerClassNames.tabs) }, props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React2.createElement(Tabs, null, /* @__PURE__ */ React2.createElement(
+          TabsList,
           {
+            role: "tablist",
+            ref: parentRef,
             className: cn(
-              "hawa-gap-2 hawa-flex hawa-flex-col",
-              containerClassNames == null ? void 0 : containerClassNames.tabs
+              props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+              "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
+              orientationStyle[orientation],
+              widthStyle[width],
+              tabsContainerClassName,
+              props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
             )
           },
-          props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ React2.createElement(Tabs, null, /* @__PURE__ */ React2.createElement(
-            TabsList,
-            {
-              role: "tablist",
-              ref: parentRef,
-              className: cn(
-                props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
-                "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
-                orientationStyle[orientation],
-                widthStyle[width],
-                tabsContainerClassName,
-                props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
-              )
-            },
-            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ React2.createElement(
-                PopoverRoot,
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ React2.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+              },
+              /* @__PURE__ */ React2.createElement(
+                PopoverTrigger,
                 {
-                  key: o,
-                  open: o === openTooltip,
-                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
                 },
                 /* @__PURE__ */ React2.createElement(
-                  PopoverTrigger,
+                  TabsTrigger,
                   {
-                    onMouseEnter: () => setOpenTooltip(o),
-                    onMouseLeave: () => setOpenTooltip(null),
-                    asChild: true
-                  },
-                  /* @__PURE__ */ React2.createElement(
-                    TabsTrigger,
-                    {
-                      "aria-current": selectedOption === opt.value ? "page" : void 0,
-                      value: opt.value,
-                      role: "tab",
-                      tabIndex: 0,
-                      onClick: () => {
-                        if (props.disabled || opt.disabled) return;
-                        handleChange(opt);
-                      },
-                      className: cn(
-                        ...radio_option_tabs_styling,
-                        selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                      )
+                    "aria-current": selectedOption === opt.value ? "page" : void 0,
+                    value: opt.value,
+                    role: "tab",
+                    tabIndex: 0,
+                    onClick: () => {
+                      if (props.disabled || opt.disabled) return;
+                      handleChange(opt);
                     },
-                    opt.icon && opt.icon,
-                    opt.label
-                  )
-                ),
-                /* @__PURE__ */ React2.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ React2.createElement(
-                TabsTrigger,
-                {
-                  key: o,
-                  role: "tab",
-                  tabIndex: 0,
-                  "aria-current": selectedOption === opt.value ? "page" : void 0,
-                  onClick: () => {
-                    if (props.disabled || opt.disabled) return;
-                    handleChange(opt);
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
                   },
-                  className: cn(
-                    ...radio_option_tabs_styling,
-                    selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  ),
-                  value: opt.value
+                  opt.icon && opt.icon,
+                  opt.label
+                )
+              ),
+              /* @__PURE__ */ React2.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ React2.createElement(
+              TabsTrigger,
+              {
+                key: o,
+                role: "tab",
+                tabIndex: 0,
+                "aria-current": selectedOption === opt.value ? "page" : void 0,
+                onClick: () => {
+                  if (props.disabled || opt.disabled) return;
+                  handleChange(opt);
                 },
-                opt.icon && opt.icon,
-                opt.label
-              );
-            })
-          )),
-          !forceHideHelperText && /* @__PURE__ */ React2.createElement(HelperText, { helperText: props.helperText })
-        );
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                ),
+                value: opt.value
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
+        )), !forceHideHelperText && /* @__PURE__ */ React2.createElement(HelperText, { helperText: props.helperText }));
       case "bordered":
         return /* @__PURE__ */ React2.createElement(
           "div",
@@ -270,11 +245,7 @@ var Radio = forwardRef2(
         return /* @__PURE__ */ React2.createElement(
           "ul",
           {
-            className: cn(
-              orientationStyle[orientation],
-              "hawa-gap-4",
-              containerClassNames == null ? void 0 : containerClassNames.cards
-            )
+            className: cn(orientationStyle[orientation], "hawa-gap-4", containerClassNames == null ? void 0 : containerClassNames.cards)
           },
           (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React2.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React2.createElement(
             "input",
@@ -300,49 +271,38 @@ var Radio = forwardRef2(
           )))
         );
       default:
-        return /* @__PURE__ */ React2.createElement(
+        return /* @__PURE__ */ React2.createElement("div", { className: cn("hawa-flex hawa-flex-col hawa-gap-2", containerClassNames == null ? void 0 : containerClassNames.default) }, props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React2.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React2.createElement(
           "div",
           {
             className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-2",
-              containerClassNames == null ? void 0 : containerClassNames.default
-            )
+              "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+            ),
+            key: i + 1
           },
-          props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ React2.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React2.createElement(
-            "div",
+          /* @__PURE__ */ React2.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name,
+              onChange: () => handleChange(opt)
+            }
+          ),
+          /* @__PURE__ */ React2.createElement(
+            "label",
             {
+              htmlFor: opt.value.toString(),
               className: cn(
-                "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-                props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-              ),
-              key: i + 1
+                "hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+              )
             },
-            /* @__PURE__ */ React2.createElement(
-              "input",
-              {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
-              }
-            ),
-            /* @__PURE__ */ React2.createElement(
-              "label",
-              {
-                htmlFor: opt.value.toString(),
-                className: cn(
-                  "hawa-text-sm hawa-font-medium dark:hawa-text-white",
-                  opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
-                )
-              },
-              opt.label
-            )
-          ))),
-          /* @__PURE__ */ React2.createElement(HelperText, { helperText: props.helperText })
-        );
+            opt.label
+          )
+        ))), /* @__PURE__ */ React2.createElement(HelperText, { helperText: props.helperText }));
     }
   }
 );

package/dist/{chunk-IFWYR5W2.mjs → chunk-VUELRPUL.mjs}

@@ -44,38 +44,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ React.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ React.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ React.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/loading/Loading.tsx
@@ -110,57 +103,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ React2.createElement(
+      return /* @__PURE__ */ React2.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ React2.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ React2.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ React2.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ React2.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ React2.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -201,11 +179,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ React2.createElement(
           "path",
@@ -248,11 +222,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ React2.createElement(
           "circle",
@@ -302,9 +272,7 @@ import { cva } from "class-variance-authority";
 
 // elements/helperText/HelperText.tsx
 import React3 from "react";
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ React3.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ React3.createElement(
   "p",
   {
     className: cn(
@@ -456,13 +424,7 @@ Button.displayName = "Button";
 // elements/card/Card.tsx
 import * as React6 from "react";
 var Card = React6.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -474,14 +436,7 @@ var Card = React6.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React6.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React6.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React6.forwardRef(
@@ -489,30 +444,15 @@ var CardHeader = React6.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React6.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React6.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
     "div",

package/dist/{chunk-WL7C2A5D.mjs → chunk-WQR4XZGL.mjs}

@@ -40,9 +40,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;
@@ -319,10 +317,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]);
@@ -466,16 +461,14 @@ function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = false)
 function useShortcuts(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = false) {
   useEffect13(() => {
     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);