@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/dialog-CZBP5xw9.js

@@ -1,246 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
-import { X } from 'lucide-react';
-import * as React from 'react';
-import { createContext, useContext } from 'react';
-import { B as Button } from './Button-BY9qlu8K.js';
-import { S as ScrollArea } from './scroll-area-DyTZoISq.js';
-import { dialogSurfaceStyle } from './primitives/raised-surface.es.js';
-import { a as asChildRenderProps } from './dialog-BpW3qHc1.js';
-import { c as cn } from './cn-65Adrsfj.js';
-
-const DialogContext = createContext({
-  variant: "default",
-  intent: "default",
-  pending: false
-});
-function useDialogContext() {
-  return useContext(DialogContext);
-}
-const dialogActionSizeClasses = {
-  sm: "min-h-control-sm",
-  md: "min-h-control-md",
-  lg: "min-h-control-lg"
-};
-const dialogActionLayoutClasses = "h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full";
-
-function Dialog({ variant = "default", intent = "default", pending = false, onOpenChange, ...props }) {
-  const isNew = variant === "new";
-  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { variant, intent, pending }, children: /* @__PURE__ */ jsx(
-    Dialog$1.Root,
-    {
-      ...props,
-      disablePointerDismissal: props.disablePointerDismissal ?? (isNew && intent === "destructive"),
-      onOpenChange: (open, details) => {
-        if (!open && pending) {
-          details.cancel();
-          return;
-        }
-        onOpenChange?.(open, details);
-      }
-    }
-  ) });
-}
-const DialogTrigger = React.forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Dialog$1.Trigger, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
-  }
-);
-DialogTrigger.displayName = "DialogTrigger";
-const DialogPortal = Dialog$1.Portal;
-const DialogClose = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Dialog$1.Close, { ref, ...asChildRenderProps(asChild, children), ...props, children: asChild ? void 0 : children });
-});
-DialogClose.displayName = "DialogClose";
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Backdrop,
-    {
-      ref,
-      className: cn(
-        variant === "new" ? "transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none" : "dialog-overlay-anim",
-        "fixed inset-0 z-50 bg-scrim backdrop-blur-xs",
-        className
-      ),
-      ...props
-    }
-  );
-});
-DialogOverlay.displayName = "DialogOverlay";
-const DialogContent = React.forwardRef(
-  ({ className, children, showOverlay = true, overlayClassName, initialFocus, ...props }, ref) => {
-    const { variant, intent, pending } = useDialogContext();
-    const closeRef = React.useRef(null);
-    if (variant === "new") {
-      return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-        showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
-        /* @__PURE__ */ jsxs(
-          Dialog$1.Popup,
-          {
-            ref,
-            "data-slot": "dialog-content",
-            "data-variant": "new",
-            "data-intent": intent,
-            role: intent === "destructive" ? "alertdialog" : "dialog",
-            initialFocus: initialFocus ?? (intent === "destructive" ? closeRef : true),
-            "aria-busy": pending || void 0,
-            className: cn(
-              "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl outline-hidden",
-              dialogSurfaceStyle,
-              "data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none",
-              className
-            ),
-            ...props,
-            children: [
-              children,
-              /* @__PURE__ */ jsx("div", { className: "absolute top-2.5 right-3", children: /* @__PURE__ */ jsx(
-                Dialog$1.Close,
-                {
-                  ref: closeRef,
-                  disabled: pending,
-                  render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close dialog", children: /* @__PURE__ */ jsx(X, {}) })
-                }
-              ) })
-            ]
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-      showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ jsxs(
-        Dialog$1.Popup,
-        {
-          ref,
-          "data-slot": "dialog-content",
-          initialFocus,
-          className: cn(
-            "dialog-content-anim",
-            "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
-            "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-            "rounded-xl backdrop-blur-md",
-            dialogSurfaceStyle,
-            "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 }) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        variant === "new" ? "flex min-w-0 shrink-0 flex-col gap-2 px-4 pt-3 pb-2" : "flex flex-col gap-0.5 px-3 py-2.5 text-left",
-        className
-      ),
-      ...props
-    }
-  );
-};
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        variant === "new" ? "flex shrink-0 flex-wrap justify-end gap-2 px-4 pt-2 pb-3" : "flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end",
-        className
-      ),
-      ...props
-    }
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-const DialogBody = React.forwardRef(
-  ({ className, children, ...props }, ref) => {
-    const { variant } = useDialogContext();
-    if (variant === "new") {
-      return /* @__PURE__ */ jsx(ScrollArea, { className: "flex min-h-0 min-w-0 shrink flex-col", viewPortClassName: "h-auto min-h-0", mask: true, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "flex flex-col gap-3 px-4 py-2 text-body [overflow-wrap:anywhere] text-muted-foreground",
-            className
-          ),
-          ...props,
-          children
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("max-h-[50vh] overflow-y-auto p-3", className), ...props, children });
-  }
-);
-DialogBody.displayName = "DialogBody";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = useDialogContext();
-  return /* @__PURE__ */ jsx(
-    Dialog$1.Title,
-    {
-      ref,
-      className: cn("text-subheading text-foreground", variant === "new" && "pr-8 [overflow-wrap:anywhere]", className),
-      ...props
-    }
-  );
-});
-DialogTitle.displayName = "DialogTitle";
-const DialogDescription = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { variant } = useDialogContext();
-    return /* @__PURE__ */ jsx(
-      Dialog$1.Description,
-      {
-        ref,
-        className: cn(
-          variant === "new" ? cn("text-caption text-muted-foreground", "[overflow-wrap:anywhere]") : "sr-only",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-DialogDescription.displayName = "DialogDescription";
-const DialogCancel = React.forwardRef(
-  ({ disabled, size = "md", ...props }, ref) => {
-    const { pending } = useDialogContext();
-    return /* @__PURE__ */ jsx(
-      Dialog$1.Close,
-      {
-        ref,
-        render: /* @__PURE__ */ jsx(
-          Button,
-          {
-            size,
-            variant: "ghost",
-            className: cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
-            children: props.children
-          }
-        ),
-        ...props,
-        disabled: disabled || pending
-      }
-    );
-  }
-);
-DialogCancel.displayName = "DialogCancel";
-
-export { Dialog as D, DialogBody as a, DialogCancel as b, DialogClose as c, DialogContent as d, DialogDescription as e, DialogFooter as f, DialogHeader as g, DialogOverlay as h, DialogPortal as i, DialogTitle as j, DialogTrigger as k, dialogActionSizeClasses as l, dialogActionLayoutClasses as m, useDialogContext as u };
-//# sourceMappingURL=dialog-CZBP5xw9.js.map

package/dist/dialog-CZBP5xw9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-CZBP5xw9.js","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogVariant = 'default' | 'new';\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  variant: DialogVariant;\n  intent: DialogIntent;\n  pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\n  variant: 'default',\n  intent: 'default',\n  pending: false,\n});\n\nexport function useDialogContext() {\n  return useContext(DialogContext);\n}\n\nexport const dialogActionSizeClasses = {\n  sm: 'min-h-control-sm',\n  md: 'min-h-control-md',\n  lg: 'min-h-control-lg',\n} as const;\n\nexport const dialogActionLayoutClasses = 'h-auto min-w-0 max-w-full whitespace-normal wrap-anywhere max-[22rem]:w-full';\n","import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\n\nimport { DialogAction } from './dialog-action';\nimport { DialogContext, dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport type { DialogIntent, DialogVariant } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nexport type DialogProps = DialogPrimitive.Root.Props & {\n  variant?: DialogVariant;\n  intent?: DialogIntent;\n  pending?: boolean;\n};\n\nfunction Dialog({ variant = 'default', intent = 'default', pending = false, onOpenChange, ...props }: DialogProps) {\n  const isNew = variant === 'new';\n  return (\n    <DialogContext.Provider value={{ variant, intent, pending }}>\n      <DialogPrimitive.Root\n        {...props}\n        disablePointerDismissal={props.disablePointerDismissal ?? (isNew && intent === 'destructive')}\n        onOpenChange={(open, details) => {\n          if (!open && pending) {\n            details.cancel();\n            return;\n          }\n          onOpenChange?.(open, details);\n        }}\n      />\n    </DialogContext.Provider>\n  );\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\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 native `render` prop instead for stronger composition typing. */\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  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      className={cn(\n        variant === 'new'\n          ? 'transition-opacity duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none'\n          : 'dialog-overlay-anim',\n        'fixed inset-0 z-50 bg-scrim backdrop-blur-xs',\n        className,\n      )}\n      {...props}\n    />\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, initialFocus, ...props }, ref) => {\n    const { variant, intent, pending } = useDialogContext();\n    const closeRef = React.useRef<HTMLButtonElement>(null);\n    if (variant === 'new') {\n      return (\n        <DialogPortal>\n          {showOverlay && <DialogOverlay className={overlayClassName} />}\n          <DialogPrimitive.Popup\n            ref={ref}\n            data-slot=\"dialog-content\"\n            data-variant=\"new\"\n            data-intent={intent}\n            role={intent === 'destructive' ? 'alertdialog' : 'dialog'}\n            initialFocus={initialFocus ?? (intent === 'destructive' ? closeRef : true)}\n            aria-busy={pending || undefined}\n            className={cn(\n              'fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm translate-[-50%] flex-col overflow-y-auto overscroll-contain rounded-xl outline-hidden',\n              dialogSurfaceStyle,\n              'data-[ending-style]:scale-0.98 data-[starting-style]:scale-0.98 transition-[opacity,scale] duration-normal ease-out data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 motion-reduce:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <div className=\"absolute top-2.5 right-3\">\n              <DialogPrimitive.Close\n                ref={closeRef}\n                disabled={pending}\n                render={\n                  <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close dialog\">\n                    <X />\n                  </Button>\n                }\n              />\n            </div>\n          </DialogPrimitive.Popup>\n        </DialogPortal>\n      );\n    }\n    return (\n      <DialogPortal>\n        {showOverlay && <DialogOverlay className={overlayClassName} />}\n        <DialogPrimitive.Popup\n          ref={ref}\n          data-slot=\"dialog-content\"\n          initialFocus={initialFocus}\n          className={cn(\n            'dialog-content-anim',\n            'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n            'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n            'rounded-xl backdrop-blur-md',\n            dialogSurfaceStyle,\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  },\n);\nDialogContent.displayName = 'DialogContent';\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex min-w-0 shrink-0 flex-col gap-2 px-4 pt-3 pb-2'\n          : 'flex flex-col gap-0.5 px-3 py-2.5 text-left',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { variant } = useDialogContext();\n  return (\n    <div\n      className={cn(\n        variant === 'new'\n          ? 'flex shrink-0 flex-wrap justify-end gap-2 px-4 pt-2 pb-3'\n          : 'flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { variant } = useDialogContext();\n    if (variant === 'new') {\n      return (\n        <ScrollArea className=\"flex min-h-0 min-w-0 shrink flex-col\" viewPortClassName=\"h-auto min-h-0\" mask>\n          <div\n            ref={ref}\n            className={cn(\n              'flex flex-col gap-3 px-4 py-2 text-body [overflow-wrap:anywhere] text-muted-foreground',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n          </div>\n        </ScrollArea>\n      );\n    }\n    return (\n      <div ref={ref} className={cn('max-h-[50vh] overflow-y-auto p-3', className)} {...props}>\n        {children}\n      </div>\n    );\n  },\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  const { variant } = useDialogContext();\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn('text-subheading text-foreground', variant === 'new' && 'pr-8 [overflow-wrap:anywhere]', className)}\n      {...props}\n    />\n  );\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    const { variant } = useDialogContext();\n    return (\n      <DialogPrimitive.Description\n        ref={ref}\n        className={cn(\n          variant === 'new' ? cn('text-caption text-muted-foreground', '[overflow-wrap:anywhere]') : 'sr-only',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nDialogDescription.displayName = 'DialogDescription';\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nconst DialogCancel = React.forwardRef<HTMLButtonElement, DialogCancelProps>(\n  ({ disabled, size = 'md', ...props }, ref) => {\n    const { pending } = useDialogContext();\n    return (\n      <DialogPrimitive.Close\n        ref={ref}\n        render={\n          <Button\n            size={size}\n            variant=\"ghost\"\n            className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[size])}\n            children={props.children}\n          />\n        }\n        {...props}\n        disabled={disabled || pending}\n      />\n    );\n  },\n);\nDialogCancel.displayName = 'DialogCancel';\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  DialogCancel,\n  DialogAction,\n};\n"],"names":["DialogPrimitive"],"mappings":"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"}

package/dist/dialog-action-BmUMDvL5.cjs

@@ -1,185 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const dialog = require('./dialog-CDg8uu4t.cjs');
-const Button = require('./Button-CIwF6NHM.cjs');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-
-const ARM_WINDOW_MS = 4e3;
-const HoldAction = React.forwardRef(
-  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {
-    const { intent, pending } = dialog.useDialogContext();
-    const [holding, setHolding] = React.useState(false);
-    const [completed, setCompleted] = React.useState(false);
-    const [armed, setArmed] = React.useState(false);
-    const timer = React.useRef(void 0);
-    const armTimer = React.useRef(void 0);
-    const active = React.useRef(false);
-    const hintId = React.useId();
-    function cancel() {
-      clearTimeout(timer.current);
-      active.current = false;
-      setHolding(false);
-    }
-    function disarm() {
-      clearTimeout(armTimer.current);
-      setArmed(false);
-    }
-    function complete() {
-      setHolding(false);
-      setCompleted(true);
-      disarm();
-      onConfirm();
-    }
-    function start() {
-      if (disabled || active.current) return;
-      active.current = true;
-      setHolding(true);
-      timer.current = setTimeout(complete, holdSeconds * 1e3);
-    }
-    function onClick(event) {
-      event.preventDefault();
-      if (event.detail !== 0 || disabled) return;
-      if (armed) {
-        complete();
-        return;
-      }
-      setArmed(true);
-      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);
-    }
-    React.useEffect(() => {
-      function onVisibilityChange() {
-        if (document.hidden) cancel();
-      }
-      window.addEventListener("blur", cancel);
-      document.addEventListener("visibilitychange", onVisibilityChange);
-      return () => {
-        clearTimeout(timer.current);
-        clearTimeout(armTimer.current);
-        window.removeEventListener("blur", cancel);
-        document.removeEventListener("visibilitychange", onVisibilityChange);
-      };
-    }, []);
-    function onPointerDown(event) {
-      props.onPointerDown?.(event);
-      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;
-      start();
-    }
-    function onKeyDown(event) {
-      props.onKeyDown?.(event);
-      if (event.defaultPrevented || event.key !== " " && event.key !== "Enter") return;
-      event.preventDefault();
-      if (!event.repeat) start();
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        Button.Button,
-        {
-          size: "md",
-          ...props,
-          className: utils_cn.cn(
-            "group/hold relative isolate touch-none overflow-hidden select-none",
-            dialog.dialogActionLayoutClasses,
-            dialog.dialogActionSizeClasses[props.size ?? "md"],
-            props.className
-          ),
-          ref,
-          type: "button",
-          variant: intent === "destructive" ? "destructive-ghost" : "ghost",
-          disabled,
-          "aria-describedby": [props["aria-describedby"], hintId].filter(Boolean).join(" "),
-          "data-holding": holding || void 0,
-          "data-completed": completed || pending || void 0,
-          onClick,
-          onPointerDown,
-          onPointerUp: (event) => {
-            cancel();
-            props.onPointerUp?.(event);
-          },
-          onPointerLeave: (event) => {
-            cancel();
-            props.onPointerLeave?.(event);
-          },
-          onPointerCancel: (event) => {
-            cancel();
-            props.onPointerCancel?.(event);
-          },
-          onKeyDown,
-          onKeyUp: (event) => {
-            if (event.key === " " || event.key === "Enter") {
-              event.preventDefault();
-              cancel();
-            }
-            props.onKeyUp?.(event);
-          },
-          onBlur: (event) => {
-            cancel();
-            props.onBlur?.(event);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: utils_cn.cn(
-                  "pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]",
-                  "transition-[clip-path] ease-linear motion-reduce:transition-none",
-                  "group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]",
-                  "group-data-[completed]/hold:[clip-path:inset(0)]",
-                  intent === "destructive" ? "bg-accent2 text-white" : "bg-foreground text-sidebar"
-                ),
-                style: { transitionDuration: holding ? `${holdSeconds}s` : "0s" },
-                children
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { id: hintId, className: "sr-only", children: [
-        "Hold Space or Enter for ",
-        holdSeconds,
-        " seconds to confirm. Release to cancel. Screen reader users can activate twice."
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", className: "sr-only", children: armed ? "Activate again to confirm." : "" })
-    ] });
-  }
-);
-HoldAction.displayName = "DialogHoldAction";
-const DialogAction = React.forwardRef(
-  ({ confirmation = "click", holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {
-    const { intent, pending } = dialog.useDialogContext();
-    const isDisabled = disabled || pending;
-    if (confirmation === "hold") {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        HoldAction,
-        {
-          holdSeconds,
-          ...props,
-          ref,
-          disabled: isDisabled,
-          onConfirm
-        },
-        `${isDisabled}-${holdSeconds}`
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Button.Button,
-      {
-        size: "md",
-        ...props,
-        className: utils_cn.cn(dialog.dialogActionLayoutClasses, dialog.dialogActionSizeClasses[props.size ?? "md"], props.className),
-        ref,
-        type: "button",
-        variant: intent === "destructive" ? "destructive" : "primary",
-        disabled: isDisabled,
-        onClick: onConfirm
-      }
-    );
-  }
-);
-DialogAction.displayName = "DialogAction";
-
-exports.DialogAction = DialogAction;
-//# sourceMappingURL=dialog-action-BmUMDvL5.cjs.map

package/dist/dialog-action-BmUMDvL5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-action-BmUMDvL5.cjs","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\nconst ARM_WINDOW_MS = 4000;\n\nconst HoldAction = forwardRef<HTMLButtonElement, Omit<DialogActionProps, 'confirmation'>>(\n  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const [holding, setHolding] = useState(false);\n    const [completed, setCompleted] = useState(false);\n    const [armed, setArmed] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const active = useRef(false);\n    const hintId = useId();\n\n    function cancel() {\n      clearTimeout(timer.current);\n      active.current = false;\n      setHolding(false);\n    }\n\n    function disarm() {\n      clearTimeout(armTimer.current);\n      setArmed(false);\n    }\n\n    function complete() {\n      setHolding(false);\n      setCompleted(true);\n      disarm();\n      onConfirm();\n    }\n\n    function start() {\n      if (disabled || active.current) return;\n      active.current = true;\n      setHolding(true);\n      timer.current = setTimeout(complete, holdSeconds * 1000);\n    }\n\n    function onClick(event: MouseEvent<HTMLButtonElement>) {\n      event.preventDefault();\n      if (event.detail !== 0 || disabled) return;\n      if (armed) {\n        complete();\n        return;\n      }\n      setArmed(true);\n      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n    }\n\n    useEffect(() => {\n      function onVisibilityChange() {\n        if (document.hidden) cancel();\n      }\n      window.addEventListener('blur', cancel);\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      return () => {\n        clearTimeout(timer.current);\n        clearTimeout(armTimer.current);\n        window.removeEventListener('blur', cancel);\n        document.removeEventListener('visibilitychange', onVisibilityChange);\n      };\n    }, []);\n\n    function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n      props.onPointerDown?.(event);\n      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n      start();\n    }\n\n    function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n      props.onKeyDown?.(event);\n      if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n      event.preventDefault();\n      if (!event.repeat) start();\n    }\n\n    return (\n      <>\n        <Button\n          size=\"md\"\n          {...props}\n          className={cn(\n            'group/hold relative isolate touch-none overflow-hidden select-none',\n            dialogActionLayoutClasses,\n            dialogActionSizeClasses[props.size ?? 'md'],\n            props.className,\n          )}\n          ref={ref}\n          type=\"button\"\n          variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n          disabled={disabled}\n          aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n          data-holding={holding || undefined}\n          data-completed={completed || pending || undefined}\n          onClick={onClick}\n          onPointerDown={onPointerDown}\n          onPointerUp={event => {\n            cancel();\n            props.onPointerUp?.(event);\n          }}\n          onPointerLeave={event => {\n            cancel();\n            props.onPointerLeave?.(event);\n          }}\n          onPointerCancel={event => {\n            cancel();\n            props.onPointerCancel?.(event);\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={event => {\n            if (event.key === ' ' || event.key === 'Enter') {\n              event.preventDefault();\n              cancel();\n            }\n            props.onKeyUp?.(event);\n          }}\n          onBlur={event => {\n            cancel();\n            props.onBlur?.(event);\n          }}\n        >\n          <span>{children}</span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n              'transition-[clip-path] ease-linear motion-reduce:transition-none',\n              'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n              'group-data-[completed]/hold:[clip-path:inset(0)]',\n              intent === 'destructive' ? 'bg-accent2 text-white' : 'bg-foreground text-sidebar',\n            )}\n            style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n          >\n            {children}\n          </span>\n        </Button>\n        <span id={hintId} className=\"sr-only\">\n          Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n          twice.\n        </span>\n        <span role=\"status\" className=\"sr-only\">\n          {armed ? 'Activate again to confirm.' : ''}\n        </span>\n      </>\n    );\n  },\n);\nHoldAction.displayName = 'DialogHoldAction';\n\nexport const DialogAction = forwardRef<HTMLButtonElement, DialogActionProps>(\n  ({ confirmation = 'click', holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const isDisabled = disabled || pending;\n    if (confirmation === 'hold') {\n      return (\n        <HoldAction\n          key={`${isDisabled}-${holdSeconds}`}\n          holdSeconds={holdSeconds}\n          {...props}\n          ref={ref}\n          disabled={isDisabled}\n          onConfirm={onConfirm}\n        />\n      );\n    }\n    return (\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n        ref={ref}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive' : 'primary'}\n        disabled={isDisabled}\n        onClick={onConfirm}\n      />\n    );\n  },\n);\nDialogAction.displayName = 'DialogAction';\n"],"names":["forwardRef","useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":"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"}