@mastra/playground-ui 35.0.0 → 35.1.0-alpha.0

package/dist/{dialog-46zkb32X.cjs → dialog-C0gOGKEK.cjs}

@@ -49,34 +49,36 @@ const DialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-const DialogContent = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    dialog.Dialog.Popup,
-    {
-      ref,
-      "data-slot": "dialog-content",
-      className: utils.cn(
-        "dialog-content-anim",
-        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
-        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
-        "focus-visible:outline-hidden",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          dialog.Dialog.Close,
-          {
-            render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
-          }
-        )
-      ]
-    }
-  )
-] }));
+const DialogContent = React__namespace.forwardRef(
+  ({ className, children, showOverlay = true, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+    showOverlay && /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dialog.Dialog.Popup,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: utils.cn(
+          "dialog-content-anim",
+          "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+          "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+          "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+          "focus-visible:outline-hidden",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dialog.Dialog.Close,
+            {
+              render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}) })
+            }
+          )
+        ]
+      }
+    )
+  ] })
+);
 DialogContent.displayName = "DialogContent";
 const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
@@ -102,4 +104,4 @@ exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
-//# sourceMappingURL=dialog-46zkb32X.cjs.map
+//# sourceMappingURL=dialog-C0gOGKEK.cjs.map

package/dist/dialog-C0gOGKEK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-C0gOGKEK.cjs","sources":["../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nconst Dialog = DialogPrimitive.Root;\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, showOverlay = true, overlayClassName, ...props }, ref) => (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-slot=\"dialog-content\"\n        className={cn(\n          'dialog-content-anim',\n          'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n          'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n          'focus-visible:outline-hidden',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          render={\n            <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n              <X />\n            </Button>\n          }\n        />\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  ),\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('sr-only', className)} {...props} />\n  ),\n);\nDialogDescription.displayName = 'DialogDescription';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n};\n"],"names":["DialogPrimitive","React","asChild","jsx","asChildRenderProps","cn","jsxs","Button","X"],"mappings":"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"}

package/dist/{dialog-CSSfcjSX.js → dialog-DTLHod4X.js}

@@ -28,34 +28,36 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    Dialog$1.Popup,
-    {
-      ref,
-      "data-slot": "dialog-content",
-      className: cn(
-        "dialog-content-anim",
-        "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
-        "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-        "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
-        "focus-visible:outline-hidden",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(
-          Dialog$1.Close,
-          {
-            render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
-          }
-        )
-      ]
-    }
-  )
-] }));
+const DialogContent = React.forwardRef(
+  ({ className, children, showOverlay = true, overlayClassName, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Popup,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: cn(
+          "dialog-content-anim",
+          "fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]",
+          "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
+          "rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog",
+          "focus-visible:outline-hidden",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Dialog$1.Close,
+            {
+              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "absolute top-3 right-3", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
+            }
+          )
+        ]
+      }
+    )
+  ] })
+);
 DialogContent.displayName = "DialogContent";
 const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-0.5 px-4 py-3 text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
@@ -71,4 +73,4 @@ const DialogDescription = React.forwardRef(
 DialogDescription.displayName = "DialogDescription";
 
 export { Dialog as D, DialogBody as a, DialogClose as b, DialogContent as c, DialogDescription as d, DialogFooter as e, DialogHeader as f, DialogOverlay as g, DialogPortal as h, DialogTitle as i, DialogTrigger as j };
-//# sourceMappingURL=dialog-CSSfcjSX.js.map
+//# sourceMappingURL=dialog-DTLHod4X.js.map

package/dist/dialog-DTLHod4X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DTLHod4X.js","sources":["../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nconst Dialog = DialogPrimitive.Root;\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogTrigger = React.forwardRef<HTMLButtonElement, DialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <DialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </DialogPrimitive.Trigger>\n    );\n  },\n);\nDialogTrigger.displayName = 'DialogTrigger';\n\nconst DialogPortal = DialogPrimitive.Portal;\n\ntype DialogCloseProps = DialogPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's `render` prop instead, e.g. `render={<Button />}`. */\n  asChild?: boolean;\n};\n\nconst DialogClose = React.forwardRef<HTMLButtonElement, DialogCloseProps>(({ asChild, children, ...props }, ref) => {\n  return (\n    <DialogPrimitive.Close ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n      {asChild ? undefined : children}\n    </DialogPrimitive.Close>\n  );\n});\nDialogClose.displayName = 'DialogClose';\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogOverlay = React.forwardRef<HTMLDivElement, DialogOverlayProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nDialogOverlay.displayName = 'DialogOverlay';\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst DialogContent = React.forwardRef<HTMLDivElement, DialogContentProps>(\n  ({ className, children, showOverlay = true, overlayClassName, ...props }, ref) => (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Popup\n        ref={ref}\n        data-slot=\"dialog-content\"\n        className={cn(\n          'dialog-content-anim',\n          'fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%] translate-y-[-50%]',\n          'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'rounded-xl border border-border1/40 bg-surface2/96 backdrop-blur-md shadow-dialog',\n          'focus-visible:outline-hidden',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          render={\n            <Button variant=\"ghost\" size=\"sm\" className=\"absolute top-3 right-3\" aria-label=\"Close\">\n              <X />\n            </Button>\n          }\n        />\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  ),\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-4 py-3 text-left', className)} {...props} />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-4 py-2.5 sm:flex-row sm:justify-end', className)} {...props} />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('overflow-y-auto px-4 py-3.5 max-h-[50vh]', className)} {...props} />\n);\nDialogBody.displayName = 'DialogBody';\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogTitle = React.forwardRef<HTMLHeadingElement, DialogTitleProps>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nDialogTitle.displayName = 'DialogTitle';\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DialogDescription = React.forwardRef<HTMLParagraphElement, DialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Description ref={ref} className={cn('sr-only', className)} {...props} />\n  ),\n);\nDialogDescription.displayName = 'DialogDescription';\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogTrigger,\n  DialogClose,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogBody,\n  DialogTitle,\n  DialogDescription,\n};\n"],"names":["DialogPrimitive"],"mappings":"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"}

package/dist/dialog.css

@@ -51,12 +51,12 @@
 
 .dialog-overlay-anim[data-state='open'],
 .dialog-overlay-anim[data-open] {
-  animation: dialog-overlay-in 320ms cubic-bezier(0.22, 1, 0.36, 1);
+  animation: dialog-overlay-in 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
 }
 
 .dialog-overlay-anim[data-state='closed'],
 .dialog-overlay-anim[data-closed] {
-  animation: dialog-overlay-out 240ms cubic-bezier(0.32, 0, 0.67, 0);
+  animation: dialog-overlay-out 240ms cubic-bezier(0.32, 0, 0.67, 0) both;
 }
 
 .dialog-content-anim[data-state='open'],

package/dist/hooks/use-autoscroll.cjs.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const SCROLL_END_THRESHOLD = 8;
+const useAutoscroll = (ref, { enabled = true }) => {
+  const shouldScrollRef = React.useRef(enabled);
+  const scrollFrameRef = React.useRef(null);
+  const userScrollIntentRef = React.useRef(false);
+  const userScrollIntentTimeoutRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!enabled) return;
+    if (!ref?.current) return;
+    const area = ref.current;
+    const scrollToEnd = () => {
+      if (!shouldScrollRef.current) return;
+      if (scrollFrameRef.current !== null) {
+        cancelAnimationFrame(scrollFrameRef.current);
+      }
+      scrollFrameRef.current = requestAnimationFrame(() => {
+        if (shouldScrollRef.current) {
+          area.scrollTop = area.scrollHeight;
+        }
+        scrollFrameRef.current = null;
+      });
+    };
+    const mutationObserver = new MutationObserver(scrollToEnd);
+    mutationObserver.observe(area, {
+      childList: true,
+      // observe direct children changes
+      subtree: true,
+      // observe all descendants
+      characterData: true
+      // observe text content changes
+    });
+    const resizeObserver = new ResizeObserver(scrollToEnd);
+    resizeObserver.observe(area);
+    const cancelPendingScroll = () => {
+      if (scrollFrameRef.current !== null) {
+        cancelAnimationFrame(scrollFrameRef.current);
+        scrollFrameRef.current = null;
+      }
+    };
+    const stopFollowing = () => {
+      shouldScrollRef.current = false;
+      cancelPendingScroll();
+    };
+    const registerUserScrollIntent = () => {
+      userScrollIntentRef.current = true;
+      if (userScrollIntentTimeoutRef.current !== null) {
+        window.clearTimeout(userScrollIntentTimeoutRef.current);
+      }
+      userScrollIntentTimeoutRef.current = window.setTimeout(() => {
+        userScrollIntentRef.current = false;
+        userScrollIntentTimeoutRef.current = null;
+      }, 250);
+    };
+    const handleWheel = (event) => {
+      registerUserScrollIntent();
+      if (event.deltaY < 0) {
+        stopFollowing();
+      }
+    };
+    const handleKeyDown = (event) => {
+      registerUserScrollIntent();
+      if (["ArrowUp", "PageUp", "Home"].includes(event.key)) {
+        stopFollowing();
+      }
+    };
+    const handleScroll = (e) => {
+      const scrollElement = e.target;
+      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;
+      const totalHeight = scrollElement.scrollHeight;
+      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;
+      if (isAtEnd) {
+        shouldScrollRef.current = true;
+        return;
+      }
+      if (userScrollIntentRef.current) {
+        shouldScrollRef.current = false;
+        cancelPendingScroll();
+      }
+    };
+    area.addEventListener("wheel", handleWheel, { passive: true });
+    area.addEventListener("touchmove", registerUserScrollIntent, { passive: true });
+    area.addEventListener("pointerdown", registerUserScrollIntent);
+    area.addEventListener("keydown", handleKeyDown);
+    area.addEventListener("scroll", handleScroll);
+    scrollToEnd();
+    return () => {
+      area.removeEventListener("wheel", handleWheel);
+      area.removeEventListener("touchmove", registerUserScrollIntent);
+      area.removeEventListener("pointerdown", registerUserScrollIntent);
+      area.removeEventListener("keydown", handleKeyDown);
+      area.removeEventListener("scroll", handleScroll);
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+      cancelPendingScroll();
+      if (userScrollIntentTimeoutRef.current !== null) {
+        window.clearTimeout(userScrollIntentTimeoutRef.current);
+        userScrollIntentTimeoutRef.current = null;
+      }
+    };
+  }, [enabled, ref]);
+};
+
+exports.useAutoscroll = useAutoscroll;
+//# sourceMappingURL=use-autoscroll.cjs.js.map

package/dist/hooks/use-autoscroll.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autoscroll.cjs.js","sources":["../../src/hooks/use-autoscroll.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface UseAutoscrollOptions {\n  enabled?: boolean;\n}\n\nconst SCROLL_END_THRESHOLD = 8;\n\nexport const useAutoscroll = (ref: React.RefObject<HTMLElement | null>, { enabled = true }: UseAutoscrollOptions) => {\n  const shouldScrollRef = useRef(enabled);\n  const scrollFrameRef = useRef<number | null>(null);\n  const userScrollIntentRef = useRef(false);\n  const userScrollIntentTimeoutRef = useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled) return;\n    if (!ref?.current) return;\n\n    const area = ref.current;\n\n    const scrollToEnd = () => {\n      if (!shouldScrollRef.current) return;\n\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(() => {\n        if (shouldScrollRef.current) {\n          area.scrollTop = area.scrollHeight;\n        }\n        scrollFrameRef.current = null;\n      });\n    };\n\n    const mutationObserver = new MutationObserver(scrollToEnd);\n\n    mutationObserver.observe(area, {\n      childList: true, // observe direct children changes\n      subtree: true, // observe all descendants\n      characterData: true, // observe text content changes\n    });\n\n    const resizeObserver = new ResizeObserver(scrollToEnd);\n    resizeObserver.observe(area);\n\n    const cancelPendingScroll = () => {\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n        scrollFrameRef.current = null;\n      }\n    };\n\n    const stopFollowing = () => {\n      shouldScrollRef.current = false;\n      cancelPendingScroll();\n    };\n\n    const registerUserScrollIntent = () => {\n      userScrollIntentRef.current = true;\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n      }\n\n      userScrollIntentTimeoutRef.current = window.setTimeout(() => {\n        userScrollIntentRef.current = false;\n        userScrollIntentTimeoutRef.current = null;\n      }, 250);\n    };\n\n    const handleWheel = (event: WheelEvent) => {\n      registerUserScrollIntent();\n\n      if (event.deltaY < 0) {\n        stopFollowing();\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      registerUserScrollIntent();\n\n      if (['ArrowUp', 'PageUp', 'Home'].includes(event.key)) {\n        stopFollowing();\n      }\n    };\n\n    const handleScroll = (e: Event) => {\n      const scrollElement = e.target as HTMLElement;\n      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;\n      const totalHeight = scrollElement.scrollHeight;\n      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;\n\n      if (isAtEnd) {\n        shouldScrollRef.current = true;\n        return;\n      }\n\n      if (userScrollIntentRef.current) {\n        shouldScrollRef.current = false;\n        cancelPendingScroll();\n      }\n    };\n\n    area.addEventListener('wheel', handleWheel, { passive: true });\n    area.addEventListener('touchmove', registerUserScrollIntent, { passive: true });\n    area.addEventListener('pointerdown', registerUserScrollIntent);\n    area.addEventListener('keydown', handleKeyDown);\n    area.addEventListener('scroll', handleScroll);\n    scrollToEnd();\n\n    return () => {\n      area.removeEventListener('wheel', handleWheel);\n      area.removeEventListener('touchmove', registerUserScrollIntent);\n      area.removeEventListener('pointerdown', registerUserScrollIntent);\n      area.removeEventListener('keydown', handleKeyDown);\n      area.removeEventListener('scroll', handleScroll);\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      cancelPendingScroll();\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n        userScrollIntentTimeoutRef.current = null;\n      }\n    };\n  }, [enabled, ref]);\n};\n"],"names":["useRef"],"mappings":"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"}

package/dist/hooks/use-autoscroll.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-autoscroll'
+export {}

package/dist/hooks/use-autoscroll.es.js

@@ -0,0 +1,106 @@
+import React__default, { useRef } from 'react';
+
+const SCROLL_END_THRESHOLD = 8;
+const useAutoscroll = (ref, { enabled = true }) => {
+  const shouldScrollRef = useRef(enabled);
+  const scrollFrameRef = useRef(null);
+  const userScrollIntentRef = useRef(false);
+  const userScrollIntentTimeoutRef = useRef(null);
+  React__default.useEffect(() => {
+    if (!enabled) return;
+    if (!ref?.current) return;
+    const area = ref.current;
+    const scrollToEnd = () => {
+      if (!shouldScrollRef.current) return;
+      if (scrollFrameRef.current !== null) {
+        cancelAnimationFrame(scrollFrameRef.current);
+      }
+      scrollFrameRef.current = requestAnimationFrame(() => {
+        if (shouldScrollRef.current) {
+          area.scrollTop = area.scrollHeight;
+        }
+        scrollFrameRef.current = null;
+      });
+    };
+    const mutationObserver = new MutationObserver(scrollToEnd);
+    mutationObserver.observe(area, {
+      childList: true,
+      // observe direct children changes
+      subtree: true,
+      // observe all descendants
+      characterData: true
+      // observe text content changes
+    });
+    const resizeObserver = new ResizeObserver(scrollToEnd);
+    resizeObserver.observe(area);
+    const cancelPendingScroll = () => {
+      if (scrollFrameRef.current !== null) {
+        cancelAnimationFrame(scrollFrameRef.current);
+        scrollFrameRef.current = null;
+      }
+    };
+    const stopFollowing = () => {
+      shouldScrollRef.current = false;
+      cancelPendingScroll();
+    };
+    const registerUserScrollIntent = () => {
+      userScrollIntentRef.current = true;
+      if (userScrollIntentTimeoutRef.current !== null) {
+        window.clearTimeout(userScrollIntentTimeoutRef.current);
+      }
+      userScrollIntentTimeoutRef.current = window.setTimeout(() => {
+        userScrollIntentRef.current = false;
+        userScrollIntentTimeoutRef.current = null;
+      }, 250);
+    };
+    const handleWheel = (event) => {
+      registerUserScrollIntent();
+      if (event.deltaY < 0) {
+        stopFollowing();
+      }
+    };
+    const handleKeyDown = (event) => {
+      registerUserScrollIntent();
+      if (["ArrowUp", "PageUp", "Home"].includes(event.key)) {
+        stopFollowing();
+      }
+    };
+    const handleScroll = (e) => {
+      const scrollElement = e.target;
+      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;
+      const totalHeight = scrollElement.scrollHeight;
+      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;
+      if (isAtEnd) {
+        shouldScrollRef.current = true;
+        return;
+      }
+      if (userScrollIntentRef.current) {
+        shouldScrollRef.current = false;
+        cancelPendingScroll();
+      }
+    };
+    area.addEventListener("wheel", handleWheel, { passive: true });
+    area.addEventListener("touchmove", registerUserScrollIntent, { passive: true });
+    area.addEventListener("pointerdown", registerUserScrollIntent);
+    area.addEventListener("keydown", handleKeyDown);
+    area.addEventListener("scroll", handleScroll);
+    scrollToEnd();
+    return () => {
+      area.removeEventListener("wheel", handleWheel);
+      area.removeEventListener("touchmove", registerUserScrollIntent);
+      area.removeEventListener("pointerdown", registerUserScrollIntent);
+      area.removeEventListener("keydown", handleKeyDown);
+      area.removeEventListener("scroll", handleScroll);
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+      cancelPendingScroll();
+      if (userScrollIntentTimeoutRef.current !== null) {
+        window.clearTimeout(userScrollIntentTimeoutRef.current);
+        userScrollIntentTimeoutRef.current = null;
+      }
+    };
+  }, [enabled, ref]);
+};
+
+export { useAutoscroll };
+//# sourceMappingURL=use-autoscroll.es.js.map

package/dist/hooks/use-autoscroll.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autoscroll.es.js","sources":["../../src/hooks/use-autoscroll.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface UseAutoscrollOptions {\n  enabled?: boolean;\n}\n\nconst SCROLL_END_THRESHOLD = 8;\n\nexport const useAutoscroll = (ref: React.RefObject<HTMLElement | null>, { enabled = true }: UseAutoscrollOptions) => {\n  const shouldScrollRef = useRef(enabled);\n  const scrollFrameRef = useRef<number | null>(null);\n  const userScrollIntentRef = useRef(false);\n  const userScrollIntentTimeoutRef = useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled) return;\n    if (!ref?.current) return;\n\n    const area = ref.current;\n\n    const scrollToEnd = () => {\n      if (!shouldScrollRef.current) return;\n\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(() => {\n        if (shouldScrollRef.current) {\n          area.scrollTop = area.scrollHeight;\n        }\n        scrollFrameRef.current = null;\n      });\n    };\n\n    const mutationObserver = new MutationObserver(scrollToEnd);\n\n    mutationObserver.observe(area, {\n      childList: true, // observe direct children changes\n      subtree: true, // observe all descendants\n      characterData: true, // observe text content changes\n    });\n\n    const resizeObserver = new ResizeObserver(scrollToEnd);\n    resizeObserver.observe(area);\n\n    const cancelPendingScroll = () => {\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n        scrollFrameRef.current = null;\n      }\n    };\n\n    const stopFollowing = () => {\n      shouldScrollRef.current = false;\n      cancelPendingScroll();\n    };\n\n    const registerUserScrollIntent = () => {\n      userScrollIntentRef.current = true;\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n      }\n\n      userScrollIntentTimeoutRef.current = window.setTimeout(() => {\n        userScrollIntentRef.current = false;\n        userScrollIntentTimeoutRef.current = null;\n      }, 250);\n    };\n\n    const handleWheel = (event: WheelEvent) => {\n      registerUserScrollIntent();\n\n      if (event.deltaY < 0) {\n        stopFollowing();\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      registerUserScrollIntent();\n\n      if (['ArrowUp', 'PageUp', 'Home'].includes(event.key)) {\n        stopFollowing();\n      }\n    };\n\n    const handleScroll = (e: Event) => {\n      const scrollElement = e.target as HTMLElement;\n      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;\n      const totalHeight = scrollElement.scrollHeight;\n      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;\n\n      if (isAtEnd) {\n        shouldScrollRef.current = true;\n        return;\n      }\n\n      if (userScrollIntentRef.current) {\n        shouldScrollRef.current = false;\n        cancelPendingScroll();\n      }\n    };\n\n    area.addEventListener('wheel', handleWheel, { passive: true });\n    area.addEventListener('touchmove', registerUserScrollIntent, { passive: true });\n    area.addEventListener('pointerdown', registerUserScrollIntent);\n    area.addEventListener('keydown', handleKeyDown);\n    area.addEventListener('scroll', handleScroll);\n    scrollToEnd();\n\n    return () => {\n      area.removeEventListener('wheel', handleWheel);\n      area.removeEventListener('touchmove', registerUserScrollIntent);\n      area.removeEventListener('pointerdown', registerUserScrollIntent);\n      area.removeEventListener('keydown', handleKeyDown);\n      area.removeEventListener('scroll', handleScroll);\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      cancelPendingScroll();\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n        userScrollIntentTimeoutRef.current = null;\n      }\n    };\n  }, [enabled, ref]);\n};\n"],"names":["React"],"mappings":"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"}

package/dist/hooks/use-copy-to-clipboard.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('react');
+const hooks_useCopyToClipboard = require('../use-copy-to-clipboard-DHaJCGet.cjs');
+
+
+
+exports.useCopyToClipboard = hooks_useCopyToClipboard.useCopyToClipboard;
+//# sourceMappingURL=use-copy-to-clipboard.cjs.js.map

package/dist/hooks/use-copy-to-clipboard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/hooks/use-copy-to-clipboard.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-copy-to-clipboard'
+export {}

package/dist/hooks/use-copy-to-clipboard.es.js

@@ -0,0 +1,3 @@
+import 'react';
+export { u as useCopyToClipboard } from '../use-copy-to-clipboard-D7L_l6_x.js';
+//# sourceMappingURL=use-copy-to-clipboard.es.js.map

package/dist/hooks/use-copy-to-clipboard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/hooks/use-in-view.cjs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const useInView = () => {
+  const [inView, setInView] = React.useState(false);
+  const setRef = React.useCallback((node) => {
+    if (node) {
+      const observer = new IntersectionObserver(([entry]) => {
+        setInView(entry.isIntersecting);
+      });
+      observer.observe(node);
+      return () => observer.disconnect();
+    }
+  }, []);
+  return { inView, setRef };
+};
+
+exports.useInView = useInView;
+//# sourceMappingURL=use-in-view.cjs.js.map

package/dist/hooks/use-in-view.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-in-view.cjs.js","sources":["../../src/hooks/use-in-view.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Tracks whether or not the given element is currently in view.\n * This is to replace framer-motion's `useInView` which has issues\n * tracking a ref that is set at a time other than mount.\n */\nexport const useInView = () => {\n  const [inView, setInView] = useState(false);\n\n  const setRef = useCallback((node: HTMLDivElement | null) => {\n    if (node) {\n      const observer = new IntersectionObserver(([entry]) => {\n        setInView(entry.isIntersecting);\n      });\n      observer.observe(node);\n      return () => observer.disconnect();\n    }\n  }, []);\n\n  return { inView, setRef };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;;;AAOO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE1C,EAAA,MAAM,MAAA,GAASC,iBAAA,CAAY,CAAC,IAAA,KAAgC;AAC1D,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAM,WAAW,IAAI,oBAAA,CAAqB,CAAC,CAAC,KAAK,CAAA,KAAM;AACrD,QAAA,SAAA,CAAU,MAAM,cAAc,CAAA;AAAA,MAChC,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,IAAI,CAAA;AACrB,MAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,IACnC;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAC1B;;;;"}

package/dist/hooks/use-in-view.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-in-view'
+export {}

package/dist/hooks/use-in-view.es.js

@@ -0,0 +1,18 @@
+import { useState, useCallback } from 'react';
+
+const useInView = () => {
+  const [inView, setInView] = useState(false);
+  const setRef = useCallback((node) => {
+    if (node) {
+      const observer = new IntersectionObserver(([entry]) => {
+        setInView(entry.isIntersecting);
+      });
+      observer.observe(node);
+      return () => observer.disconnect();
+    }
+  }, []);
+  return { inView, setRef };
+};
+
+export { useInView };
+//# sourceMappingURL=use-in-view.es.js.map

package/dist/hooks/use-in-view.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-in-view.es.js","sources":["../../src/hooks/use-in-view.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Tracks whether or not the given element is currently in view.\n * This is to replace framer-motion's `useInView` which has issues\n * tracking a ref that is set at a time other than mount.\n */\nexport const useInView = () => {\n  const [inView, setInView] = useState(false);\n\n  const setRef = useCallback((node: HTMLDivElement | null) => {\n    if (node) {\n      const observer = new IntersectionObserver(([entry]) => {\n        setInView(entry.isIntersecting);\n      });\n      observer.observe(node);\n      return () => observer.disconnect();\n    }\n  }, []);\n\n  return { inView, setRef };\n};\n"],"names":[],"mappings":";;AAOO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,CAAC,IAAA,KAAgC;AAC1D,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAM,WAAW,IAAI,oBAAA,CAAqB,CAAC,CAAC,KAAK,CAAA,KAAM;AACrD,QAAA,SAAA,CAAU,MAAM,cAAc,CAAA;AAAA,MAChC,CAAC,CAAA;AACD,MAAA,QAAA,CAAS,QAAQ,IAAI,CAAA;AACrB,MAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,IACnC;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAC1B;;;;"}

package/dist/hooks/use-is-mobile.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const useIsMobile = (breakpoint = 1024) => {
+  const query = React.useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);
+  const [isMobile, setIsMobile] = React.useState(false);
+  React.useLayoutEffect(() => {
+    const mq = window.matchMedia(query);
+    const update = () => setIsMobile(mq.matches);
+    update();
+    mq.addEventListener("change", update);
+    return () => mq.removeEventListener("change", update);
+  }, [query]);
+  return isMobile;
+};
+
+exports.useIsMobile = useIsMobile;
+//# sourceMappingURL=use-is-mobile.cjs.js.map

package/dist/hooks/use-is-mobile.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.cjs.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches MainSidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":["useMemo","useState","useLayoutEffect"],"mappings":";;;;;;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQA,cAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE9C,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/hooks/use-is-mobile.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-is-mobile'
+export {}

package/dist/hooks/use-is-mobile.es.js

@@ -0,0 +1,17 @@
+import { useMemo, useState, useLayoutEffect } from 'react';
+
+const useIsMobile = (breakpoint = 1024) => {
+  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);
+  const [isMobile, setIsMobile] = useState(false);
+  useLayoutEffect(() => {
+    const mq = window.matchMedia(query);
+    const update = () => setIsMobile(mq.matches);
+    update();
+    mq.addEventListener("change", update);
+    return () => mq.removeEventListener("change", update);
+  }, [query]);
+  return isMobile;
+};
+
+export { useIsMobile };
+//# sourceMappingURL=use-is-mobile.es.js.map

package/dist/hooks/use-is-mobile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.es.js","sources":["../../src/hooks/use-is-mobile.ts"],"sourcesContent":["import { useLayoutEffect, useMemo, useState } from 'react';\n\n// Default breakpoint 1024 matches MainSidebar's mobile breakpoint.\nexport const useIsMobile = (breakpoint: number = 1024) => {\n  const query = useMemo(() => `(max-width: ${breakpoint - 1}px)`, [breakpoint]);\n  const [isMobile, setIsMobile] = useState(false);\n\n  useLayoutEffect(() => {\n    const mq = window.matchMedia(query);\n    const update = () => setIsMobile(mq.matches);\n\n    update();\n    mq.addEventListener('change', update);\n    return () => mq.removeEventListener('change', update);\n  }, [query]);\n\n  return isMobile;\n};\n"],"names":[],"mappings":";;AAGO,MAAM,WAAA,GAAc,CAAC,UAAA,GAAqB,IAAA,KAAS;AACxD,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM,CAAA,YAAA,EAAe,aAAa,CAAC,CAAA,GAAA,CAAA,EAAO,CAAC,UAAU,CAAC,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA;AAClC,IAAA,MAAM,MAAA,GAAS,MAAM,WAAA,CAAY,EAAA,CAAG,OAAO,CAAA;AAE3C,IAAA,MAAA,EAAO;AACP,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACpC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,MAAM,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/hooks/use-keyboard-shortcut-label.cjs.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+const APPLE_PLATFORM_PATTERN = /mac|iphone|ipad|ipod/i;
+function getIsApplePlatform() {
+  if (typeof navigator === "undefined") return false;
+  const nav = navigator;
+  const platform = nav.userAgentData?.platform || nav.platform || "";
+  const userAgent = nav.userAgent || "";
+  return APPLE_PLATFORM_PATTERN.test(platform) || APPLE_PLATFORM_PATTERN.test(userAgent);
+}
+function useIsApplePlatform() {
+  const [isApplePlatform] = React.useState(getIsApplePlatform);
+  return isApplePlatform;
+}
+function useKeyboardShortcutLabel(key) {
+  const isApplePlatform = useIsApplePlatform();
+  return React.useMemo(() => {
+    const normalizedKey = key.trim().toUpperCase();
+    return `${isApplePlatform ? "⌘" : "Ctrl"} ${normalizedKey}`;
+  }, [isApplePlatform, key]);
+}
+
+exports.useIsApplePlatform = useIsApplePlatform;
+exports.useKeyboardShortcutLabel = useKeyboardShortcutLabel;
+//# sourceMappingURL=use-keyboard-shortcut-label.cjs.js.map