@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/truncate-S31tpC20.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { C as CopyButton } from './copy-button-BUOdkU40.js';
+import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CjjqIvhJ.js';
+import { T as Txt } from './Txt-p33XTnu8.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+function Truncate({
+  children,
+  untilChar,
+  charCount,
+  copy,
+  withTooltip = true,
+  className,
+  as = "span",
+  ...txtProps
+}) {
+  const fullText = children;
+  let truncatedText = fullText;
+  let isTruncated = false;
+  if (untilChar !== void 0) {
+    const index = fullText.indexOf(untilChar);
+    if (index !== -1) {
+      truncatedText = fullText.slice(0, index);
+      isTruncated = true;
+    }
+  } else if (charCount !== void 0 && fullText.length > charCount) {
+    truncatedText = fullText.slice(0, charCount);
+    isTruncated = true;
+  }
+  if (!isTruncated) {
+    return /* @__PURE__ */ jsx(Txt, { as, className, ...txtProps, children: fullText });
+  }
+  const truncatedContent = /* @__PURE__ */ jsxs(Txt, { as: "span", className: "cursor-default", variant: txtProps.variant, font: txtProps.font, children: [
+    truncatedText,
+    "..."
+  ] });
+  return /* @__PURE__ */ jsxs(Txt, { as, className: cn("group inline-flex items-center gap-1", className), ...txtProps, children: [
+    withTooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: truncatedContent }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: fullText })
+    ] }) : truncatedContent,
+    copy && /* @__PURE__ */ jsx(CopyButton, { content: fullText, className: "opacity-0 group-hover:opacity-100 transition-opacity" })
+  ] });
+}
+
+export { Truncate as T };
+//# sourceMappingURL=truncate-S31tpC20.js.map

package/dist/truncate-S31tpC20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate-S31tpC20.js","sources":["../src/ds/components/Truncate/truncate.tsx"],"sourcesContent":["import { CopyButton } from '@/ds/components/CopyButton';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface TruncateProps extends Omit<TxtProps, 'children'> {\n  children: string;\n  untilChar?: string;\n  charCount?: number;\n  copy?: boolean;\n  withTooltip?: boolean;\n}\n\nexport function Truncate({\n  children,\n  untilChar,\n  charCount,\n  copy,\n  withTooltip = true,\n  className,\n  as = 'span',\n  ...txtProps\n}: TruncateProps) {\n  const fullText = children;\n\n  let truncatedText = fullText;\n  let isTruncated = false;\n\n  if (untilChar !== undefined) {\n    const index = fullText.indexOf(untilChar);\n    if (index !== -1) {\n      truncatedText = fullText.slice(0, index);\n      isTruncated = true;\n    }\n  } else if (charCount !== undefined && fullText.length > charCount) {\n    truncatedText = fullText.slice(0, charCount);\n    isTruncated = true;\n  }\n\n  if (!isTruncated) {\n    return (\n      <Txt as={as} className={className} {...txtProps}>\n        {fullText}\n      </Txt>\n    );\n  }\n\n  const truncatedContent = (\n    <Txt as=\"span\" className=\"cursor-default\" variant={txtProps.variant} font={txtProps.font}>\n      {truncatedText}...\n    </Txt>\n  );\n\n  return (\n    <Txt as={as} className={cn('group inline-flex items-center gap-1', className)} {...txtProps}>\n      {withTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{truncatedContent}</TooltipTrigger>\n          <TooltipContent>{fullText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        truncatedContent\n      )}\n      {copy && <CopyButton content={fullText} className=\"opacity-0 group-hover:opacity-100 transition-opacity\" />}\n    </Txt>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcO,SAAS,QAAA,CAAS;AAAA,EACvB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,IAAA;AAAA,EACd,SAAA;AAAA,EACA,EAAA,GAAK,MAAA;AAAA,EACL,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,QAAA,GAAW,QAAA;AAEjB,EAAA,IAAI,aAAA,GAAgB,QAAA;AACpB,EAAA,IAAI,WAAA,GAAc,KAAA;AAElB,EAAA,IAAI,cAAc,MAAA,EAAW;AAC3B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,OAAA,CAAQ,SAAS,CAAA;AACxC,IAAA,IAAI,UAAU,EAAA,EAAI;AAChB,MAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,KAAK,CAAA;AACvC,MAAA,WAAA,GAAc,IAAA;AAAA,IAChB;AAAA,EACF,CAAA,MAAA,IAAW,SAAA,KAAc,MAAA,IAAa,QAAA,CAAS,SAAS,SAAA,EAAW;AACjE,IAAA,aAAA,GAAgB,QAAA,CAAS,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA;AAC3C,IAAA,WAAA,GAAc,IAAA;AAAA,EAChB;AAEA,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,2BACG,GAAA,EAAA,EAAI,EAAA,EAAQ,SAAA,EAAuB,GAAG,UACpC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,gBAAA,mBACJ,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,gBAAA,EAAiB,OAAA,EAAS,QAAA,CAAS,OAAA,EAAS,IAAA,EAAM,QAAA,CAAS,IAAA,EACjF,QAAA,EAAA;AAAA,IAAA,aAAA;AAAA,IAAc;AAAA,GAAA,EACjB,CAAA;AAGF,EAAA,uBACE,IAAA,CAAC,OAAI,EAAA,EAAQ,SAAA,EAAW,GAAG,sCAAA,EAAwC,SAAS,CAAA,EAAI,GAAG,QAAA,EAChF,QAAA,EAAA;AAAA,IAAA,WAAA,wBACE,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,sBAC1C,GAAA,CAAC,kBAAgB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC5B,CAAA,GAEA,gBAAA;AAAA,IAED,wBAAQ,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,QAAA,EAAU,WAAU,sDAAA,EAAuD;AAAA,GAAA,EAC3G,CAAA;AAEJ;;;;"}

package/dist/use-copy-to-clipboard-CiSfp8oO.js

@@ -0,0 +1,127 @@
+import React__default, { useState, useRef, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+import { c as cn } from './cn-BakJzhuv.js';
+
+import './use-copy-to-clipboard.css';const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsx(
+  Toaster$1,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => toast$1(m, options));
+  if (React__default.isValidElement(message) || typeof message === "string") return toast$1(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.info(m, options));
+toast.custom = (message, options = {}) => toast$1(message, options);
+toast.dismiss = (toastId) => toast$1.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => toast$1.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+const copyViaClipboardApi = async (value) => {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
+  try {
+    await navigator.clipboard.writeText(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const copyViaExecCommand = (value) => {
+  if (typeof document === "undefined" || typeof document.execCommand !== "function") return false;
+  const textarea = document.createElement("textarea");
+  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.style.position = "fixed";
+  textarea.style.top = "0";
+  textarea.style.left = "0";
+  textarea.style.width = "1px";
+  textarea.style.height = "1px";
+  textarea.style.opacity = "0";
+  textarea.style.pointerEvents = "none";
+  document.body.appendChild(textarea);
+  try {
+    textarea.focus();
+    textarea.select();
+    textarea.setSelectionRange(0, value.length);
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+    activeElement?.focus({ preventScroll: true });
+  }
+};
+const copyTextToClipboard = async (value) => {
+  if (!value) return false;
+  if (await copyViaClipboardApi(value)) return true;
+  return copyViaExecCommand(value);
+};
+function useCopyToClipboard(props) {
+  const { copyMessage = "Copied to clipboard!", copiedDuration = 2e3, showToast = true } = props;
+  const hasConfiguredText = "text" in props;
+  const text = hasConfiguredText ? props.text : void 0;
+  const [isCopied, setIsCopied] = useState(false);
+  const timeoutRef = useRef(null);
+  const copyToClipboard = useCallback(
+    (value) => {
+      void copyTextToClipboard(value).then((copied) => {
+        if (!copied) {
+          if (showToast) toast.error("Failed to copy to clipboard.");
+          return;
+        }
+        if (showToast) toast.success(copyMessage);
+        setIsCopied(true);
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+          timeoutRef.current = null;
+        }
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false);
+        }, copiedDuration);
+      });
+    },
+    [copiedDuration, copyMessage, showToast]
+  );
+  const handleCopy = useCallback(() => {
+    if (!text) return;
+    copyToClipboard(text);
+  }, [copyToClipboard, text]);
+  if (!hasConfiguredText) return { isCopied, copyToClipboard };
+  return { isCopied, handleCopy, copyToClipboard };
+}
+
+export { Toaster as T, toast as t, useCopyToClipboard as u };
+//# sourceMappingURL=use-copy-to-clipboard-CiSfp8oO.js.map

package/dist/use-copy-to-clipboard-CiSfp8oO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard-CiSfp8oO.js","sources":["../src/lib/toast.tsx","../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n","import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n  copiedDuration?: number;\n  showToast?: boolean;\n};\n\ntype UseCopyToClipboardOptions = Omit<UseCopyToClipboardProps, 'text'>;\n\ntype UseCopyToClipboardDynamicResult = {\n  isCopied: boolean;\n  copyToClipboard: (value: string) => void;\n};\n\ntype UseCopyToClipboardConfiguredResult = UseCopyToClipboardDynamicResult & {\n  handleCopy: () => void;\n};\n\nconst copyViaClipboardApi = async (value: string): Promise<boolean> => {\n  if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) return false;\n\n  try {\n    await navigator.clipboard.writeText(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst copyViaExecCommand = (value: string): boolean => {\n  if (typeof document === 'undefined' || typeof document.execCommand !== 'function') return false;\n\n  const textarea = document.createElement('textarea');\n  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n  textarea.value = value;\n  textarea.setAttribute('readonly', '');\n  textarea.setAttribute('aria-hidden', 'true');\n  textarea.style.position = 'fixed';\n  textarea.style.top = '0';\n  textarea.style.left = '0';\n  textarea.style.width = '1px';\n  textarea.style.height = '1px';\n  textarea.style.opacity = '0';\n  textarea.style.pointerEvents = 'none';\n\n  document.body.appendChild(textarea);\n\n  try {\n    textarea.focus();\n    textarea.select();\n    textarea.setSelectionRange(0, value.length);\n    return document.execCommand('copy');\n  } catch {\n    return false;\n  } finally {\n    textarea.remove();\n    activeElement?.focus({ preventScroll: true });\n  }\n};\n\nconst copyTextToClipboard = async (value: string): Promise<boolean> => {\n  if (!value) return false;\n\n  if (await copyViaClipboardApi(value)) return true;\n\n  return copyViaExecCommand(value);\n};\n\nexport function useCopyToClipboard(props: UseCopyToClipboardProps): UseCopyToClipboardConfiguredResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardOptions): UseCopyToClipboardDynamicResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardProps | UseCopyToClipboardOptions) {\n  const { copyMessage = 'Copied to clipboard!', copiedDuration = 2000, showToast = true } = props;\n  const hasConfiguredText = 'text' in props;\n  const text = hasConfiguredText ? props.text : undefined;\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const copyToClipboard = useCallback(\n    (value: string) => {\n      void copyTextToClipboard(value).then(copied => {\n        if (!copied) {\n          if (showToast) toast.error('Failed to copy to clipboard.');\n          return;\n        }\n\n        if (showToast) toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, copiedDuration);\n      });\n    },\n    [copiedDuration, copyMessage, showToast],\n  );\n\n  const handleCopy = useCallback(() => {\n    if (!text) return;\n    copyToClipboard(text);\n  }, [copyToClipboard, text]);\n\n  if (!hasConfiguredText) return { isCopied, copyToClipboard };\n\n  return { isCopied, handleCopy, copyToClipboard };\n}\n"],"names":["SonnerToaster","sonnerToast","React"],"mappings":"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"}

package/dist/use-copy-to-clipboard-y495_Ckw.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+require('./use-copy-to-clipboard.css');const React = require('react');
+const jsxRuntime = require('react/jsx-runtime');
+const sonner = require('sonner');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsxRuntime.jsx(
+  sonner.Toaster,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: utils_cn.cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => sonner.toast(m, options));
+  if (React.isValidElement(message) || typeof message === "string") return sonner.toast(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => sonner.toast.info(m, options));
+toast.custom = (message, options = {}) => sonner.toast(message, options);
+toast.dismiss = (toastId) => sonner.toast.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => sonner.toast.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+const copyViaClipboardApi = async (value) => {
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
+  try {
+    await navigator.clipboard.writeText(value);
+    return true;
+  } catch {
+    return false;
+  }
+};
+const copyViaExecCommand = (value) => {
+  if (typeof document === "undefined" || typeof document.execCommand !== "function") return false;
+  const textarea = document.createElement("textarea");
+  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.setAttribute("aria-hidden", "true");
+  textarea.style.position = "fixed";
+  textarea.style.top = "0";
+  textarea.style.left = "0";
+  textarea.style.width = "1px";
+  textarea.style.height = "1px";
+  textarea.style.opacity = "0";
+  textarea.style.pointerEvents = "none";
+  document.body.appendChild(textarea);
+  try {
+    textarea.focus();
+    textarea.select();
+    textarea.setSelectionRange(0, value.length);
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+    activeElement?.focus({ preventScroll: true });
+  }
+};
+const copyTextToClipboard = async (value) => {
+  if (!value) return false;
+  if (await copyViaClipboardApi(value)) return true;
+  return copyViaExecCommand(value);
+};
+function useCopyToClipboard(props) {
+  const { copyMessage = "Copied to clipboard!", copiedDuration = 2e3, showToast = true } = props;
+  const hasConfiguredText = "text" in props;
+  const text = hasConfiguredText ? props.text : void 0;
+  const [isCopied, setIsCopied] = React.useState(false);
+  const timeoutRef = React.useRef(null);
+  const copyToClipboard = React.useCallback(
+    (value) => {
+      void copyTextToClipboard(value).then((copied) => {
+        if (!copied) {
+          if (showToast) toast.error("Failed to copy to clipboard.");
+          return;
+        }
+        if (showToast) toast.success(copyMessage);
+        setIsCopied(true);
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current);
+          timeoutRef.current = null;
+        }
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false);
+        }, copiedDuration);
+      });
+    },
+    [copiedDuration, copyMessage, showToast]
+  );
+  const handleCopy = React.useCallback(() => {
+    if (!text) return;
+    copyToClipboard(text);
+  }, [copyToClipboard, text]);
+  if (!hasConfiguredText) return { isCopied, copyToClipboard };
+  return { isCopied, handleCopy, copyToClipboard };
+}
+
+exports.Toaster = Toaster;
+exports.toast = toast;
+exports.useCopyToClipboard = useCopyToClipboard;
+//# sourceMappingURL=use-copy-to-clipboard-y495_Ckw.cjs.map

package/dist/use-copy-to-clipboard-y495_Ckw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard-y495_Ckw.cjs","sources":["../src/lib/toast.tsx","../src/hooks/use-copy-to-clipboard.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n","import { useCallback, useRef, useState } from 'react';\nimport { toast } from '@/lib/toast';\n\ntype UseCopyToClipboardProps = {\n  text: string;\n  copyMessage?: string;\n  copiedDuration?: number;\n  showToast?: boolean;\n};\n\ntype UseCopyToClipboardOptions = Omit<UseCopyToClipboardProps, 'text'>;\n\ntype UseCopyToClipboardDynamicResult = {\n  isCopied: boolean;\n  copyToClipboard: (value: string) => void;\n};\n\ntype UseCopyToClipboardConfiguredResult = UseCopyToClipboardDynamicResult & {\n  handleCopy: () => void;\n};\n\nconst copyViaClipboardApi = async (value: string): Promise<boolean> => {\n  if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) return false;\n\n  try {\n    await navigator.clipboard.writeText(value);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst copyViaExecCommand = (value: string): boolean => {\n  if (typeof document === 'undefined' || typeof document.execCommand !== 'function') return false;\n\n  const textarea = document.createElement('textarea');\n  const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n\n  textarea.value = value;\n  textarea.setAttribute('readonly', '');\n  textarea.setAttribute('aria-hidden', 'true');\n  textarea.style.position = 'fixed';\n  textarea.style.top = '0';\n  textarea.style.left = '0';\n  textarea.style.width = '1px';\n  textarea.style.height = '1px';\n  textarea.style.opacity = '0';\n  textarea.style.pointerEvents = 'none';\n\n  document.body.appendChild(textarea);\n\n  try {\n    textarea.focus();\n    textarea.select();\n    textarea.setSelectionRange(0, value.length);\n    return document.execCommand('copy');\n  } catch {\n    return false;\n  } finally {\n    textarea.remove();\n    activeElement?.focus({ preventScroll: true });\n  }\n};\n\nconst copyTextToClipboard = async (value: string): Promise<boolean> => {\n  if (!value) return false;\n\n  if (await copyViaClipboardApi(value)) return true;\n\n  return copyViaExecCommand(value);\n};\n\nexport function useCopyToClipboard(props: UseCopyToClipboardProps): UseCopyToClipboardConfiguredResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardOptions): UseCopyToClipboardDynamicResult;\nexport function useCopyToClipboard(props: UseCopyToClipboardProps | UseCopyToClipboardOptions) {\n  const { copyMessage = 'Copied to clipboard!', copiedDuration = 2000, showToast = true } = props;\n  const hasConfiguredText = 'text' in props;\n  const text = hasConfiguredText ? props.text : undefined;\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const copyToClipboard = useCallback(\n    (value: string) => {\n      void copyTextToClipboard(value).then(copied => {\n        if (!copied) {\n          if (showToast) toast.error('Failed to copy to clipboard.');\n          return;\n        }\n\n        if (showToast) toast.success(copyMessage);\n        setIsCopied(true);\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        timeoutRef.current = setTimeout(() => {\n          setIsCopied(false);\n        }, copiedDuration);\n      });\n    },\n    [copiedDuration, copyMessage, showToast],\n  );\n\n  const handleCopy = useCallback(() => {\n    if (!text) return;\n    copyToClipboard(text);\n  }, [copyToClipboard, text]);\n\n  if (!hasConfiguredText) return { isCopied, copyToClipboard };\n\n  return { isCopied, handleCopy, copyToClipboard };\n}\n"],"names":["jsx","SonnerToaster","cn","sonnerToast","useState","useRef","useCallback"],"mappings":"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"}

package/dist/use-table-keyboard-navigation-4FqdVh0f.js

@@ -0,0 +1,203 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useRef, useEffect, useState, useCallback } from 'react';
+import { c as cn } from './cn-BakJzhuv.js';
+import { I as Icon } from './Icon-BAgNsQRj.js';
+import { T as Txt } from './Txt-p33XTnu8.js';
+
+const rowSize = {
+  default: "[&>tbody>tr]:h-table-row",
+  small: "[&>tbody>tr]:h-table-row-small"
+};
+const Table = ({ className, children, size = "default", style }) => {
+  return /* @__PURE__ */ jsx("table", { className: cn("w-full", rowSize[size], className), style, children });
+};
+const Thead = ({ className, children }) => {
+  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: cn("h-table-header border-b border-border1 bg-surface2/80", className), children }) });
+};
+const Th = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      className: cn(
+        "text-neutral2 text-ui-xs h-full whitespace-nowrap text-left font-medium uppercase tracking-wide first:pl-3 last:pr-3",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+};
+const Tbody = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx("tbody", { className: cn("", className), ...props, children });
+};
+const Row = forwardRef(
+  ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {
+    const internalRef = useRef(null);
+    useEffect(() => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(internalRef.current);
+      } else {
+        ref.current = internalRef.current;
+      }
+    }, [ref]);
+    useEffect(() => {
+      if (isActive && internalRef.current) {
+        internalRef.current.focus();
+        internalRef.current.scrollIntoView({ block: "nearest" });
+      }
+    }, [isActive]);
+    const handleKeyDown = (event) => {
+      if (event.key === "Enter" && onClick) {
+        onClick();
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        className: cn(
+          "border-b border-border1",
+          // Smooth hover transition
+          "transition-colors duration-normal ease-out-custom",
+          "hover:bg-surface3",
+          // Focus state
+          "focus:bg-surface3 focus:outline-hidden focus:ring-1 focus:ring-inset focus:ring-accent1/50",
+          selected && "bg-surface4",
+          onClick && "cursor-pointer",
+          className
+        ),
+        style,
+        onClick,
+        ref: internalRef,
+        tabIndex: onClick ? 0 : void 0,
+        onKeyDown: handleKeyDown,
+        "data-active": isActive || void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+
+const formatDateCell = (date) => {
+  const month = new Intl.DateTimeFormat("en-US", { month: "short" }).format(date).toUpperCase();
+  const day = date.getDate();
+  const formattedDay = `${month} ${day}`;
+  const time = new Intl.DateTimeFormat("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false
+    // Use 24-hour format
+  }).format(date);
+  return { day: formattedDay, time };
+};
+
+const Cell = ({ className, children, ...props }) => {
+  return /* @__PURE__ */ jsx("td", { className: cn("text-neutral5 first:pl-3 last:pr-3", className), ...props, children: /* @__PURE__ */ jsx("div", { className: cn("flex h-full w-full shrink-0 items-center"), children }) });
+};
+const TxtCell = ({ className, children }) => {
+  return /* @__PURE__ */ jsx(Cell, { className, children: /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-md", className: "w-full truncate", children }) });
+};
+const DateTimeCell = ({ dateTime, ...props }) => {
+  const { day, time } = formatDateCell(dateTime);
+  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-sm", className: "text-neutral3", children: day }),
+    " ",
+    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-md", children: time })
+  ] }) });
+};
+const EntryCell = ({ name, description, icon, meta, ...props }) => {
+  return /* @__PURE__ */ jsx(Cell, { ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3.5", children: [
+    icon && /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-neutral5", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
+      /* @__PURE__ */ jsx(Txt, { as: "span", variant: "ui-md", className: "text-neutral6 !leading-tight", children: name }),
+      description && /* @__PURE__ */ jsx(
+        Txt,
+        {
+          as: "span",
+          variant: "ui-xs",
+          className: "text-neutral3 w-full max-w-dropdown-max-height truncate !leading-tight pt-1",
+          children: description
+        }
+      )
+    ] }),
+    meta
+  ] }) });
+};
+
+function useTableKeyboardNavigation({
+  itemCount,
+  initialIndex = -1,
+  wrap = false,
+  onSelect,
+  global = false
+}) {
+  const [activeIndex, setActiveIndex] = useState(initialIndex);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (itemCount === 0) return;
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          setActiveIndex((prev) => {
+            if (prev === -1) return 0;
+            if (prev >= itemCount - 1) {
+              return wrap ? 0 : itemCount - 1;
+            }
+            return prev + 1;
+          });
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          setActiveIndex((prev) => {
+            if (prev === -1) return itemCount - 1;
+            if (prev <= 0) {
+              return wrap ? itemCount - 1 : 0;
+            }
+            return prev - 1;
+          });
+          break;
+        }
+        case "Home": {
+          e.preventDefault();
+          setActiveIndex(0);
+          break;
+        }
+        case "End": {
+          e.preventDefault();
+          setActiveIndex(itemCount - 1);
+          break;
+        }
+        case "Enter": {
+          if (activeIndex >= 0 && onSelect) {
+            e.preventDefault();
+            onSelect(activeIndex);
+          }
+          break;
+        }
+      }
+    },
+    [itemCount, wrap, activeIndex, onSelect]
+  );
+  useEffect(() => {
+    if (!global) return;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [global, handleKeyDown]);
+  const getKeyboardProps = useCallback(() => {
+    if (global) return null;
+    return { onKeyDown: handleKeyDown, tabIndex: 0 };
+  }, [global, handleKeyDown]);
+  return {
+    activeIndex,
+    setActiveIndex,
+    getKeyboardProps
+  };
+}
+
+export { Cell as C, DateTimeCell as D, EntryCell as E, Row as R, Table as T, Tbody as a, Th as b, Thead as c, TxtCell as d, useTableKeyboardNavigation as u };
+//# sourceMappingURL=use-table-keyboard-navigation-4FqdVh0f.js.map

package/dist/use-table-keyboard-navigation-4FqdVh0f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-table-keyboard-navigation-4FqdVh0f.js","sources":["../src/ds/components/Table/Table.tsx","../src/ds/components/Table/utils.ts","../src/ds/components/Table/Cells.tsx","../src/ds/components/Table/use-table-keyboard-navigation.ts"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode, ThHTMLAttributes } from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TableProps {\n  className?: string;\n  children: ReactNode;\n  size?: 'default' | 'small';\n  style?: CSSProperties;\n}\n\nconst rowSize = {\n  default: '[&>tbody>tr]:h-table-row',\n  small: '[&>tbody>tr]:h-table-row-small',\n};\n\nexport const Table = ({ className, children, size = 'default', style }: TableProps) => {\n  return (\n    <table className={cn('w-full', rowSize[size], className)} style={style}>\n      {children}\n    </table>\n  );\n};\n\nexport interface TheadProps {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Thead = ({ className, children }: TheadProps) => {\n  return (\n    <thead>\n      <tr className={cn('h-table-header border-b border-border1 bg-surface2/80', className)}>{children}</tr>\n    </thead>\n  );\n};\n\nexport interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  style?: CSSProperties;\n  children: ReactNode;\n}\n\nexport const Th = ({ className, children, ...props }: ThProps) => {\n  return (\n    <th\n      className={cn(\n        'text-neutral2 text-ui-xs h-full whitespace-nowrap text-left font-medium uppercase tracking-wide first:pl-3 last:pr-3',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </th>\n  );\n};\n\nexport interface TbodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  className?: string;\n  children: ReactNode;\n}\n\nexport const Tbody = ({ className, children, ...props }: TbodyProps) => {\n  return (\n    <tbody className={cn('', className)} {...props}>\n      {children}\n    </tbody>\n  );\n};\n\nexport interface RowProps {\n  className?: string;\n  children: ReactNode;\n  selected?: boolean;\n  style?: CSSProperties;\n  onClick?: () => void;\n  tabIndex?: number;\n  /** When true, row receives focus and scrolls into view */\n  isActive?: boolean;\n}\n\nexport const Row = forwardRef<HTMLTableRowElement, RowProps>(\n  ({ className, children, selected = false, style, onClick, isActive = false, ...props }, ref) => {\n    const internalRef = useRef<HTMLTableRowElement>(null);\n\n    // Merge forwarded ref with internal ref\n    useEffect(() => {\n      if (!ref) return;\n      if (typeof ref === 'function') {\n        ref(internalRef.current);\n      } else {\n        ref.current = internalRef.current;\n      }\n    }, [ref]);\n\n    // Focus and scroll into view when active\n    useEffect(() => {\n      if (isActive && internalRef.current) {\n        internalRef.current.focus();\n        internalRef.current.scrollIntoView({ block: 'nearest' });\n      }\n    }, [isActive]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n      if (event.key === 'Enter' && onClick) {\n        onClick();\n      }\n    };\n\n    return (\n      <tr\n        className={cn(\n          'border-b border-border1',\n          // Smooth hover transition\n          'transition-colors duration-normal ease-out-custom',\n          'hover:bg-surface3',\n          // Focus state\n          'focus:bg-surface3 focus:outline-hidden focus:ring-1 focus:ring-inset focus:ring-accent1/50',\n          selected && 'bg-surface4',\n          onClick && 'cursor-pointer',\n          className,\n        )}\n        style={style}\n        onClick={onClick}\n        ref={internalRef}\n        tabIndex={onClick ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n        data-active={isActive || undefined}\n        {...props}\n      >\n        {children}\n      </tr>\n    );\n  },\n);\n","export const formatDateCell = (date: Date) => {\n  // Format the month as a short text representation\n  const month = new Intl.DateTimeFormat('en-US', { month: 'short' }).format(date).toUpperCase();\n  const day = date.getDate();\n\n  const formattedDay = `${month} ${day}`;\n\n  const time = new Intl.DateTimeFormat('en-US', {\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n    hour12: false, // Use 24-hour format\n  }).format(date);\n\n  return { day: formattedDay, time };\n};\n","import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { Txt } from '../Txt';\nimport { formatDateCell } from './utils';\nimport { cn } from '@/lib/utils';\n\nexport interface CellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport const Cell = ({ className, children, ...props }: CellProps) => {\n  return (\n    <td className={cn('text-neutral5 first:pl-3 last:pr-3', className)} {...props}>\n      <div className={cn('flex h-full w-full shrink-0 items-center')}>{children}</div>\n    </td>\n  );\n};\n\nexport const TxtCell = ({ className, children }: CellProps) => {\n  return (\n    <Cell className={className}>\n      <Txt as=\"span\" variant=\"ui-md\" className=\"w-full truncate\">\n        {children}\n      </Txt>\n    </Cell>\n  );\n};\n\nexport interface DateTimeCellProps extends Omit<CellProps, 'children'> {\n  dateTime: Date;\n}\n\nexport const DateTimeCell = ({ dateTime, ...props }: DateTimeCellProps) => {\n  const { day, time } = formatDateCell(dateTime);\n\n  return (\n    <Cell {...props}>\n      <div className=\"shrink-0\">\n        <Txt as=\"span\" variant=\"ui-sm\" className=\"text-neutral3\">\n          {day}\n        </Txt>{' '}\n        <Txt as=\"span\" variant=\"ui-md\">\n          {time}\n        </Txt>\n      </div>\n    </Cell>\n  );\n};\n\nexport interface EntryCellProps extends Omit<CellProps, 'children'> {\n  name: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  meta?: React.ReactNode;\n}\n\nexport const EntryCell = ({ name, description, icon, meta, ...props }: EntryCellProps) => {\n  return (\n    <Cell {...props}>\n      <div className=\"flex items-center gap-3.5\">\n        {icon && (\n          <Icon size=\"lg\" className=\"text-neutral5\">\n            {icon}\n          </Icon>\n        )}\n\n        <div className=\"flex flex-col gap-0\">\n          <Txt as=\"span\" variant=\"ui-md\" className=\"text-neutral6 !leading-tight\">\n            {name}\n          </Txt>\n          {description && (\n            <Txt\n              as=\"span\"\n              variant=\"ui-xs\"\n              className=\"text-neutral3 w-full max-w-dropdown-max-height truncate !leading-tight pt-1\"\n            >\n              {description}\n            </Txt>\n          )}\n        </div>\n        {meta}\n      </div>\n    </Cell>\n  );\n};\n","import { useState, useCallback, useEffect } from 'react';\n\nexport interface UseTableKeyboardNavigationOptions {\n  /** Number of items in the list */\n  itemCount: number;\n  /** Initial active index (-1 = none) */\n  initialIndex?: number;\n  /** Wrap around at boundaries */\n  wrap?: boolean;\n  /** Callback when Enter pressed on active row */\n  onSelect?: (index: number) => void;\n  /** When true, registers keyboard handlers globally on the document */\n  global?: boolean;\n}\n\nexport interface UseTableKeyboardNavigationReturn {\n  /** Currently active index (-1 if none) */\n  activeIndex: number;\n  /** Set active index programmatically */\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n  /** Returns props to spread on the Tbody element. Returns null when global is true. */\n  getKeyboardProps: () => { onKeyDown: (e: React.KeyboardEvent) => void; tabIndex: number } | null;\n}\n\nexport function useTableKeyboardNavigation({\n  itemCount,\n  initialIndex = -1,\n  wrap = false,\n  onSelect,\n  global = false,\n}: UseTableKeyboardNavigationOptions): UseTableKeyboardNavigationReturn {\n  const [activeIndex, setActiveIndex] = useState(initialIndex);\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent | React.KeyboardEvent) => {\n      // No-op for empty list\n      if (itemCount === 0) return;\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return 0;\n            if (prev >= itemCount - 1) {\n              return wrap ? 0 : itemCount - 1;\n            }\n            return prev + 1;\n          });\n          break;\n        }\n        case 'ArrowUp': {\n          e.preventDefault();\n          setActiveIndex(prev => {\n            if (prev === -1) return itemCount - 1;\n            if (prev <= 0) {\n              return wrap ? itemCount - 1 : 0;\n            }\n            return prev - 1;\n          });\n          break;\n        }\n        case 'Home': {\n          e.preventDefault();\n          setActiveIndex(0);\n          break;\n        }\n        case 'End': {\n          e.preventDefault();\n          setActiveIndex(itemCount - 1);\n          break;\n        }\n        case 'Enter': {\n          if (activeIndex >= 0 && onSelect) {\n            e.preventDefault();\n            onSelect(activeIndex);\n          }\n          break;\n        }\n      }\n    },\n    [itemCount, wrap, activeIndex, onSelect],\n  );\n\n  // Register global keyboard handlers when global option is enabled\n  useEffect(() => {\n    if (!global) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [global, handleKeyDown]);\n\n  const getKeyboardProps = useCallback(() => {\n    if (global) return null;\n    return { onKeyDown: handleKeyDown as (e: React.KeyboardEvent) => void, tabIndex: 0 };\n  }, [global, handleKeyDown]);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    getKeyboardProps,\n  };\n}\n"],"names":[],"mappings":"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"}