@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

package/dist/components/Dialog.cjs.js

@@ -3,185 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const dialog = require('../dialog-Vvcjm0rZ.cjs');
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const Button = require('../Button-BAMnPqos.cjs');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
+const dialogAction = require('../dialog-action-PjKpfAWl.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.Dialog = dialog.Dialog;
 exports.DialogBody = dialog.DialogBody;
@@ -195,5 +19,5 @@ exports.DialogOverlay = dialog.DialogOverlay;
 exports.DialogPortal = dialog.DialogPortal;
 exports.DialogTitle = dialog.DialogTitle;
 exports.DialogTrigger = dialog.DialogTrigger;
-exports.DialogAction = DialogAction;
+exports.DialogAction = dialogAction.DialogAction;
 //# sourceMappingURL=Dialog.cjs.js.map

package/dist/components/Dialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs.js","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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"}
+{"version":3,"file":"Dialog.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dialog.es.js

@@ -1,184 +1,3 @@
-import { u as useDialogContext, h as dialogActionSizeClasses, i as dialogActionLayoutClasses } from '../dialog-Dtfe1ylw.js';
-export { D as Dialog, e as DialogBody, j as DialogCancel, f as DialogClose, a as DialogContent, d as DialogDescription, g as DialogFooter, b as DialogHeader, k as DialogOverlay, l as DialogPortal, c as DialogTitle, m as DialogTrigger } from '../dialog-Dtfe1ylw.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useState, useRef, useId, useEffect } from 'react';
-import { B as Button } from '../Button-B8nF87ai.js';
-import { c as cn } from '../cn-65Adrsfj.js';
-
-const ARM_WINDOW_MS = 4e3;
-const HoldAction = forwardRef(
-  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {
-    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
-          ),
-          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__ */ 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-accent2 text-white" : "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." : "" })
-    ] });
-  }
-);
-HoldAction.displayName = "DialogHoldAction";
-const DialogAction = forwardRef(
-  ({ confirmation = "click", holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {
-    const { intent, pending } = useDialogContext();
-    const isDisabled = disabled || pending;
-    if (confirmation === "hold") {
-      return /* @__PURE__ */ jsx(
-        HoldAction,
-        {
-          holdSeconds,
-          ...props,
-          ref,
-          disabled: isDisabled,
-          onConfirm
-        },
-        `${isDisabled}-${holdSeconds}`
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "md",
-        ...props,
-        className: cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? "md"], props.className),
-        ref,
-        type: "button",
-        variant: intent === "destructive" ? "destructive" : "primary",
-        disabled: isDisabled,
-        onClick: onConfirm
-      }
-    );
-  }
-);
-DialogAction.displayName = "DialogAction";
-
-export { DialogAction };
+export { D as Dialog, a as DialogBody, b as DialogCancel, c as DialogClose, d as DialogContent, e as DialogDescription, f as DialogFooter, g as DialogHeader, h as DialogOverlay, i as DialogPortal, j as DialogTitle, k as DialogTrigger } from '../dialog-Cv6zdm5E.js';
+export { D as DialogAction } from '../dialog-action-B4qYw6Om.js';
 //# sourceMappingURL=Dialog.es.js.map

package/dist/components/Dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","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":[],"mappings":"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"}
+{"version":3,"file":"Dialog.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/EntityHeader.cjs.js

@@ -2,21 +2,9 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../skeleton-cXUjPrq9.cjs');
-const Txt = require('../Txt-DPmEpNbp.cjs');
-const icons_Icon = require('../icons/Icon.cjs.js');
-require('lucide-react');
+const entityHeader = require('../entity-header-DEjkHoqj.cjs');
 
-const EntityHeader = ({ icon, title, isLoading, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2 text-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", children: icon }) }),
-      isLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "heading", as: "h2", className: "truncate", children: title })
-    ] }),
-    children
-  ] }) });
-};
 
-exports.EntityHeader = EntityHeader;
+
+exports.EntityHeader = entityHeader.EntityHeader;
 //# sourceMappingURL=EntityHeader.cjs.js.map

package/dist/components/EntityHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.cjs.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/EntityHeader.es.js

@@ -1,18 +1,2 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { S as Skeleton } from '../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../Txt-BP1SRHmL.js';
-import { Icon } from '../icons/Icon.es.js';
-import 'lucide-react';
-
-const EntityHeader = ({ icon, title, isLoading, children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-foreground", children: [
-      /* @__PURE__ */ jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { size: "lg", children: icon }) }),
-      isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsx(Txt, { variant: "heading", as: "h2", className: "truncate", children: title })
-    ] }),
-    children
-  ] }) });
-};
-
-export { EntityHeader };
+export { E as EntityHeader } from '../entity-header-9qzr-3xQ.js';
 //# sourceMappingURL=EntityHeader.es.js.map

package/dist/components/EntityHeader.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.es.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"flex min-w-0 items-center gap-2 text-foreground\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -12,7 +12,8 @@ const envFile = require('../env-file-BU2hStkm.cjs');
 const Txt = require('../Txt-DPmEpNbp.cjs');
 const dataList = require('../data-list-RI8c32dk.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
-const fieldErrorId = require('../field-error-id-V_WejsRL.cjs');
+const fieldBlock = require('../field-block-BG5E7u9v.cjs');
+const fieldErrorId = require('../field-error-id-B3Z2Zu5y.cjs');
 const inputGroup = require('../input-group-BfnJ0RIj.cjs');
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
@@ -298,8 +299,8 @@ function EnvironmentVariablesEditorRow({
     return editor.handlePaste(index, text);
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex flex-col items-stretch gap-2 sm:flex-row sm:items-start", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name: keyFieldName, children: keyLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name: keyFieldName, children: keyLabel }),
       /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroup, { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
         inputGroup.InputGroupInput,
         {
@@ -318,10 +319,10 @@ function EnvironmentVariablesEditorRow({
           }
         }
       ) }),
-      keyError && /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.ErrorMsg, { name: keyFieldName, children: keyError })
+      keyError && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: keyFieldName, children: keyError })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(fieldErrorId.FieldBlock.Column, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.Label, { name: valueFieldName, children: valueLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Layout, { children: /* @__PURE__ */ jsxRuntime.jsxs(fieldBlock.FieldBlock.Column, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.Label, { name: valueFieldName, children: valueLabel }),
       /* @__PURE__ */ jsxRuntime.jsxs(inputGroup.InputGroup, { className: "w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           inputGroup.InputGroupInput,
@@ -356,7 +357,7 @@ function EnvironmentVariablesEditorRow({
           }
         ) })
       ] }),
-      valueError && /* @__PURE__ */ jsxRuntime.jsx(fieldErrorId.FieldBlock.ErrorMsg, { name: valueFieldName, children: valueError })
+      valueError && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: valueFieldName, children: valueError })
     ] }) }) }),
     !readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 self-end sm:self-auto sm:pt-7", children: /* @__PURE__ */ jsxRuntime.jsx(
       Button.Button,