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

package/dist/dialog-DYpOpj9s.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DYpOpj9s.cjs","sources":["../src/ds/components/Dialog/dialog-context.ts","../src/ds/components/Dialog/dialog-shell.ts","../src/ds/components/Dialog/dialog.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogIntent = 'default' | 'destructive';\n\nexport type DialogContextValue = {\n  intent: DialogIntent;\n  pending: boolean;\n};\n\nexport const DialogContext = createContext<DialogContextValue>({\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 { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport const dialogPopupClassName = [\n  'dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden',\n  '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0',\n  dialogSurfaceStyle,\n].join(' ');\n\nexport const dialogContentSizeClasses: Record<DialogSize, string> = {\n  sm: 'max-h-[calc(100dvh-4rem)] max-w-sm',\n  md: 'max-h-[calc(100dvh-4rem)] max-w-lg',\n  lg: 'max-h-[calc(100dvh-4rem)] max-w-2xl',\n  xl: 'max-h-[calc(100dvh-4rem)] max-w-4xl',\n  full: 'h-[calc(100dvh-2rem)]',\n};\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 } from './dialog-context';\nimport { dialogContentSizeClasses, dialogPopupClassName } from './dialog-shell';\nimport type { DialogSize } from './dialog-shell';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { cn } from '@/lib/utils';\n\nimport './dialog.css';\n\nexport type DialogProps = DialogPrimitive.Root.Props & {\n  intent?: DialogIntent;\n  pending?: boolean;\n};\n\nfunction Dialog({ intent = 'default', pending = false, onOpenChange, disablePointerDismissal, ...props }: DialogProps) {\n  return (\n    <DialogContext.Provider value={{ intent, pending }}>\n      <DialogPrimitive.Root\n        {...props}\n        disablePointerDismissal={disablePointerDismissal ?? 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\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\ntype DialogOverlayProps = Omit<DialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn('dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n      {...props}\n    />\n  );\n}\n\nexport type { DialogSize };\n\ntype DialogContentProps = Omit<DialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n  size?: DialogSize;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nfunction DialogContent({\n  className,\n  children,\n  size = 'md',\n  showOverlay = true,\n  overlayClassName,\n  initialFocus,\n  ...props\n}: DialogContentProps) {\n  const { intent, pending } = useDialogContext();\n  const closeRef = React.useRef<HTMLButtonElement>(null);\n  const isDestructive = intent === 'destructive';\n  return (\n    <DialogPortal>\n      {showOverlay && <DialogOverlay className={overlayClassName} />}\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        data-size={size}\n        data-intent={intent}\n        role={isDestructive ? 'alertdialog' : 'dialog'}\n        initialFocus={initialFocus ?? (isDestructive ? closeRef : true)}\n        aria-busy={pending || undefined}\n        className={cn(\n          dialogPopupClassName,\n          dialogContentSizeClasses[size],\n          '[&_[data-slot=dialog-header]]:pr-12',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close\n          ref={closeRef}\n          disabled={pending}\n          data-slot=\"dialog-close\"\n          className=\"absolute top-4 right-4\"\n          render={\n            <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Close\">\n              <X />\n            </Button>\n          }\n        />\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn('flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport type DialogBodyProps = React.ComponentProps<'div'> & {\n  /** `scroll` fades and scrolls long content; `fill` takes the remaining height and leaves scrolling to its children. */\n  layout?: 'scroll' | 'fill';\n  /** Drops the inset so content such as split panes or code reaches the dialog's edges. */\n  flush?: boolean;\n};\n\nfunction DialogBody({ className, layout = 'scroll', flush = false, children, ...props }: DialogBodyProps) {\n  const bodyClassName = cn(\n    'flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground',\n    !flush && 'px-5 py-2',\n    className,\n  );\n  if (layout === 'fill') {\n    return (\n      <div data-slot=\"dialog-body\" className={cn('min-h-0 flex-1', bodyClassName)} {...props}>\n        {children}\n      </div>\n    );\n  }\n  return (\n    <ScrollArea className=\"flex min-h-0 min-w-0 flex-1 flex-col\" mask>\n      <ScrollAreaViewport className=\"h-auto min-h-0\">\n        <div data-slot=\"dialog-body\" className={bodyClassName} {...props}>\n          {children}\n        </div>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n\ntype DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return <DialogPrimitive.Title className={cn('text-heading wrap-break-word text-foreground', className)} {...props} />;\n}\n\ntype DialogDescriptionProps = Omit<DialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-body wrap-break-word text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogCancelProps = DialogPrimitive.Close.Props & { size?: TextButtonSize };\n\nfunction DialogCancel({ disabled, size = 'md', ...props }: DialogCancelProps) {\n  const { pending } = useDialogContext();\n  return (\n    <DialogPrimitive.Close\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\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":["createContext","useContext","dialogSurfaceStyle","jsx","DialogPrimitive","cn","React","jsxs","Button","X","ScrollArea","ScrollAreaViewport"],"mappings":"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"}

package/dist/dialog-action-B3AHq7mU.cjs

@@ -0,0 +1,189 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const dialog = require('./dialog-DYpOpj9s.cjs');
+const Button = require('./Button-BnmR2HRc.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const ARM_WINDOW_MS = 4e3;
+function HoldAction({
+  onConfirm,
+  children,
+  disabled,
+  holdSeconds = 1.5,
+  ...props
+}) {
+  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
+        ),
+        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-fill-destructive text-fill-destructive-foreground" : "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." : "" })
+  ] });
+}
+function DialogAction({
+  confirmation = "click",
+  holdSeconds = 1.5,
+  onConfirm,
+  disabled,
+  type = "button",
+  ...props
+}) {
+  const { intent, pending } = dialog.useDialogContext();
+  const isDisabled = disabled || pending;
+  if (onConfirm && confirmation === "hold") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      HoldAction,
+      {
+        holdSeconds,
+        ...props,
+        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),
+      type,
+      variant: intent === "destructive" ? "destructive" : "primary",
+      disabled: isDisabled,
+      onClick: onConfirm
+    }
+  );
+}
+
+exports.DialogAction = DialogAction;
+//# sourceMappingURL=dialog-action-B3AHq7mU.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-action-B3AHq7mU.cjs","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { 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\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n  type?: 'button';\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n  type: 'submit';\n  onConfirm?: never;\n  confirmation?: never;\n  holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n  onConfirm,\n  children,\n  disabled,\n  holdSeconds = 1.5,\n  ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\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        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'\n              ? 'bg-fill-destructive text-fill-destructive-foreground'\n              : '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\nexport function DialogAction({\n  confirmation = 'click',\n  holdSeconds = 1.5,\n  onConfirm,\n  disabled,\n  type = 'button',\n  ...props\n}: DialogActionProps) {\n  const { intent, pending } = useDialogContext();\n  const isDisabled = disabled || pending;\n  if (onConfirm && confirmation === 'hold') {\n    return (\n      <HoldAction\n        key={`${isDisabled}-${holdSeconds}`}\n        holdSeconds={holdSeconds}\n        {...props}\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      type={type}\n      variant={intent === 'destructive' ? 'destructive' : 'primary'}\n      disabled={isDisabled}\n      onClick={onConfirm}\n    />\n  );\n}\n"],"names":["useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":"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"}

package/dist/dialog-action-BGmDoI5T.js

@@ -0,0 +1,187 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useId, useEffect } from 'react';
+import { u as useDialogContext, l as dialogActionSizeClasses, m as dialogActionLayoutClasses } from './dialog-cKzR2TXI.js';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const ARM_WINDOW_MS = 4e3;
+function HoldAction({
+  onConfirm,
+  children,
+  disabled,
+  holdSeconds = 1.5,
+  ...props
+}) {
+  const { intent, pending } = useDialogContext();
+  const [holding, setHolding] = useState(false);
+  const [completed, setCompleted] = useState(false);
+  const [armed, setArmed] = useState(false);
+  const timer = useRef(void 0);
+  const armTimer = useRef(void 0);
+  const active = useRef(false);
+  const hintId = 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);
+  }
+  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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size: "md",
+        ...props,
+        className: cn(
+          "group/hold relative isolate touch-none overflow-hidden select-none",
+          dialogActionLayoutClasses,
+          dialogActionSizeClasses[props.size ?? "md"],
+          props.className
+        ),
+        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__ */ jsx("span", { children }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: 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-fill-destructive text-fill-destructive-foreground" : "bg-foreground text-sidebar"
+              ),
+              style: { transitionDuration: holding ? `${holdSeconds}s` : "0s" },
+              children
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsx("span", { role: "status", className: "sr-only", children: armed ? "Activate again to confirm." : "" })
+  ] });
+}
+function DialogAction({
+  confirmation = "click",
+  holdSeconds = 1.5,
+  onConfirm,
+  disabled,
+  type = "button",
+  ...props
+}) {
+  const { intent, pending } = useDialogContext();
+  const isDisabled = disabled || pending;
+  if (onConfirm && confirmation === "hold") {
+    return /* @__PURE__ */ jsx(
+      HoldAction,
+      {
+        holdSeconds,
+        ...props,
+        disabled: isDisabled,
+        onConfirm
+      },
+      `${isDisabled}-${holdSeconds}`
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "md",
+      ...props,
+      className: cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? "md"], props.className),
+      type,
+      variant: intent === "destructive" ? "destructive" : "primary",
+      disabled: isDisabled,
+      onClick: onConfirm
+    }
+  );
+}
+
+export { DialogAction as D };
+//# sourceMappingURL=dialog-action-BGmDoI5T.js.map

package/dist/dialog-action-BGmDoI5T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-action-BGmDoI5T.js","sources":["../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { 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\ntype DialogActionButtonProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n};\n\ntype DialogConfirmActionProps = DialogActionButtonProps & {\n  type?: 'button';\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\ntype DialogSubmitActionProps = DialogActionButtonProps & {\n  type: 'submit';\n  onConfirm?: never;\n  confirmation?: never;\n  holdSeconds?: never;\n};\n\nexport type DialogActionProps = DialogConfirmActionProps | DialogSubmitActionProps;\n\nconst ARM_WINDOW_MS = 4000;\n\nfunction HoldAction({\n  onConfirm,\n  children,\n  disabled,\n  holdSeconds = 1.5,\n  ...props\n}: Omit<DialogConfirmActionProps, 'confirmation' | 'type'>) {\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        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'\n              ? 'bg-fill-destructive text-fill-destructive-foreground'\n              : '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\nexport function DialogAction({\n  confirmation = 'click',\n  holdSeconds = 1.5,\n  onConfirm,\n  disabled,\n  type = 'button',\n  ...props\n}: DialogActionProps) {\n  const { intent, pending } = useDialogContext();\n  const isDisabled = disabled || pending;\n  if (onConfirm && confirmation === 'hold') {\n    return (\n      <HoldAction\n        key={`${isDisabled}-${holdSeconds}`}\n        holdSeconds={holdSeconds}\n        {...props}\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      type={type}\n      variant={intent === 'destructive' ? 'destructive' : 'primary'}\n      disabled={isDisabled}\n      onClick={onConfirm}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/dialog-cKzR2TXI.js

@@ -0,0 +1,178 @@
+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 { dialogSurfaceStyle } from './primitives/raised-surface.es.js';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { S as ScrollArea, a as ScrollAreaViewport } from './scroll-area-Ds-fJn5M.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+import './dialog.css';const DialogContext = createContext({
+  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";
+
+const dialogPopupClassName = [
+  "dialog-popup-motion fixed top-1/2 left-1/2 z-50 flex w-[calc(100%-2rem)] -translate-1/2 flex-col rounded-xl py-3 outline-hidden",
+  "[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0",
+  dialogSurfaceStyle
+].join(" ");
+const dialogContentSizeClasses = {
+  sm: "max-h-[calc(100dvh-4rem)] max-w-sm",
+  md: "max-h-[calc(100dvh-4rem)] max-w-lg",
+  lg: "max-h-[calc(100dvh-4rem)] max-w-2xl",
+  xl: "max-h-[calc(100dvh-4rem)] max-w-4xl",
+  full: "h-[calc(100dvh-2rem)]"
+};
+
+function Dialog({ intent = "default", pending = false, onOpenChange, disablePointerDismissal, ...props }) {
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { intent, pending }, children: /* @__PURE__ */ jsx(
+    Dialog$1.Root,
+    {
+      ...props,
+      disablePointerDismissal: disablePointerDismissal ?? intent === "destructive",
+      onOpenChange: (open, details) => {
+        if (!open && pending) {
+          details.cancel();
+          return;
+        }
+        onOpenChange?.(open, details);
+      }
+    }
+  ) });
+}
+const DialogTrigger = Dialog$1.Trigger;
+const DialogPortal = Dialog$1.Portal;
+const DialogClose = Dialog$1.Close;
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn("dialog-backdrop-motion fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  size = "md",
+  showOverlay = true,
+  overlayClassName,
+  initialFocus,
+  ...props
+}) {
+  const { intent, pending } = useDialogContext();
+  const closeRef = React.useRef(null);
+  const isDestructive = intent === "destructive";
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    showOverlay && /* @__PURE__ */ jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Popup,
+      {
+        "data-slot": "dialog-content",
+        "data-size": size,
+        "data-intent": intent,
+        role: isDestructive ? "alertdialog" : "dialog",
+        initialFocus: initialFocus ?? (isDestructive ? closeRef : true),
+        "aria-busy": pending || void 0,
+        className: cn(
+          dialogPopupClassName,
+          dialogContentSizeClasses[size],
+          "[&_[data-slot=dialog-header]]:pr-12",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Dialog$1.Close,
+            {
+              ref: closeRef,
+              disabled: pending,
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4",
+              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Close", children: /* @__PURE__ */ jsx(X, {}) })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex min-w-0 shrink-0 flex-col gap-1 px-5 py-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex shrink-0 flex-wrap items-center justify-end gap-2 px-5 py-2", className),
+      ...props
+    }
+  );
+}
+function DialogBody({ className, layout = "scroll", flush = false, children, ...props }) {
+  const bodyClassName = cn(
+    "flex min-w-0 flex-col gap-4 text-body wrap-break-word text-muted-foreground",
+    !flush && "px-5 py-2",
+    className
+  );
+  if (layout === "fill") {
+    return /* @__PURE__ */ jsx("div", { "data-slot": "dialog-body", className: cn("min-h-0 flex-1", bodyClassName), ...props, children });
+  }
+  return /* @__PURE__ */ jsx(ScrollArea, { className: "flex min-h-0 min-w-0 flex-1 flex-col", mask: true, children: /* @__PURE__ */ jsx(ScrollAreaViewport, { className: "h-auto min-h-0", children: /* @__PURE__ */ jsx("div", { "data-slot": "dialog-body", className: bodyClassName, ...props, children }) }) });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Title, { className: cn("text-heading wrap-break-word text-foreground", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Description,
+    {
+      className: cn("text-body wrap-break-word text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DialogCancel({ disabled, size = "md", ...props }) {
+  const { pending } = useDialogContext();
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Close,
+    {
+      render: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size,
+          variant: "ghost",
+          className: cn(dialogActionLayoutClasses, dialogActionSizeClasses[size]),
+          children: props.children
+        }
+      ),
+      ...props,
+      disabled: disabled || pending
+    }
+  );
+}
+
+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, DialogContext as n, dialogContentSizeClasses as o, dialogPopupClassName as p, useDialogContext as u };
+//# sourceMappingURL=dialog-cKzR2TXI.js.map