efficient-shell 0.0.0-stage → 4.126.2

package/dist/chunk-HNH7FOYB.js

@@ -0,0 +1,69 @@
+import { Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/shell/Breadcrumbs.tsx
+var DEFAULT_SEPARATOR = /* @__PURE__ */ jsx("svg", { className: "h-3.5 w-3.5 shrink-0 text-gray-300", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    d: "M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z",
+    clipRule: "evenodd"
+  }
+) });
+var CRUMB_LINK = "inline-flex min-w-0 items-center gap-1 truncate rounded px-1 -mx-1 text-gray-500 transition-colors hover:text-gray-900 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400";
+function Breadcrumbs({ items, separator, maxItems = 0, className }) {
+  if (items.length === 0) return null;
+  const sep = separator ?? DEFAULT_SEPARATOR;
+  const crumbs = [];
+  const lastIndex = items.length - 1;
+  if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {
+    const tailCount = Math.max(1, maxItems - 1);
+    crumbs.push({ kind: "item", item: items[0], isLast: false });
+    crumbs.push({ kind: "ellipsis" });
+    for (let i = items.length - tailCount; i <= lastIndex; i++) {
+      crumbs.push({ kind: "item", item: items[i], isLast: i === lastIndex });
+    }
+  } else {
+    items.forEach((item, i) => crumbs.push({ kind: "item", item, isLast: i === lastIndex }));
+  }
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: `min-w-0 ${className ?? ""}`, children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1.5 text-sm", children: crumbs.map((crumb, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    i > 0 && /* @__PURE__ */ jsx("li", { "aria-hidden": true, className: "flex items-center", children: sep }),
+    /* @__PURE__ */ jsx("li", { className: "flex min-w-0 items-center", children: crumb.kind === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "px-0.5 text-gray-400 select-none", "aria-label": "Hidden crumbs", children: "\u2026" }) : crumb.isLast || !(crumb.item.href || crumb.item.onClick) ? /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "aria-current": crumb.isLast ? "page" : void 0,
+        className: `inline-flex min-w-0 items-center gap-1 truncate ${crumb.isLast ? "font-medium text-gray-900" : "text-gray-500"}`,
+        children: [
+          crumb.item.icon,
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: crumb.item.label })
+        ]
+      }
+    ) : crumb.item.href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: crumb.item.href,
+        onClick: crumb.item.onClick,
+        className: CRUMB_LINK,
+        children: [
+          crumb.item.icon,
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: crumb.item.label })
+        ]
+      }
+    ) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: crumb.item.onClick,
+        className: CRUMB_LINK,
+        children: [
+          crumb.item.icon,
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: crumb.item.label })
+        ]
+      }
+    ) })
+  ] }, i)) }) });
+}
+
+export { Breadcrumbs };
+//# sourceMappingURL=chunk-HNH7FOYB.js.map
+//# sourceMappingURL=chunk-HNH7FOYB.js.map

package/dist/chunk-HNH7FOYB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/Breadcrumbs.tsx"],"names":[],"mappings":"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","file":"chunk-HNH7FOYB.js","sourcesContent":["import { Fragment } from 'react';\nimport type { MouseEvent, ReactNode } from 'react';\n\n/**\n * Generic breadcrumb trail. Self-contained and styled with the same Tailwind\n * utilities the shell already ships, so consumers get it for free.\n *\n * Pass an ordered list of `items` from root → current. Every crumb except the\n * last renders as a button when it has an `onClick`; the last crumb is treated\n * as the current location — rendered inert with `aria-current=\"page\"`. When the\n * trail is long, set `maxItems` to collapse the middle into an ellipsis\n * (`first … last-n` ), keeping the first and the tail visible.\n */\nexport interface BreadcrumbItem {\n  /** Visible label. */\n  label: ReactNode;\n  /** Optional leading icon (typically a 3.5×3.5 svg). */\n  icon?: ReactNode;\n  /**\n   * Navigate to this crumb. Omitted on the current (last) crumb.\n   *\n   * Receives the event, which is what makes `href` usable from a routed app:\n   * the handler calls `preventDefault()` on a plain click and hands the\n   * navigation to its router, while ctrl/middle/right clicks fall through to\n   * the browser untouched. Without the argument an anchor could only ever do a\n   * full page load, which is the thing a single-page app is avoiding.\n   */\n  onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n  /**\n   * Where this crumb goes, when it is a real destination.\n   *\n   * A routed app needs this rather than `onClick` alone: an `<a href>` can be\n   * middle-clicked into a new tab, copied, and read off the status bar before\n   * committing to it — none of which a button offers, however well it behaves\n   * once pressed. Given both, the anchor still calls `onClick`, so a client-side\n   * router can intercept the plain-click case and leave the rest to the browser.\n   */\n  href?: string;\n}\n\nexport interface BreadcrumbsProps {\n  items: BreadcrumbItem[];\n  /** Node rendered between crumbs. Defaults to a chevron. */\n  separator?: ReactNode;\n  /** Collapse the middle to an ellipsis when there are more than this many\n   *  crumbs. `0` (default) never collapses. */\n  maxItems?: number;\n  className?: string;\n}\n\nconst DEFAULT_SEPARATOR = (\n  <svg className=\"h-3.5 w-3.5 shrink-0 text-gray-300\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M7.21 14.77a.75.75 0 0 1 .02-1.06L11.168 10 7.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n\n/** Shared by the anchor and the button forms so the two cannot drift apart. */\nconst CRUMB_LINK =\n  'inline-flex min-w-0 items-center gap-1 truncate rounded px-1 -mx-1 text-gray-500 ' +\n  'transition-colors hover:text-gray-900 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400';\n\ntype Crumb = { kind: 'item'; item: BreadcrumbItem; isLast: boolean } | { kind: 'ellipsis' };\n\nexport default function Breadcrumbs({ items, separator, maxItems = 0, className }: BreadcrumbsProps) {\n  if (items.length === 0) return null;\n  const sep = separator ?? DEFAULT_SEPARATOR;\n\n  // Build the display list, collapsing the middle if `maxItems` is exceeded.\n  const crumbs: Crumb[] = [];\n  const lastIndex = items.length - 1;\n  if (maxItems > 0 && items.length > maxItems && maxItems >= 2) {\n    const tailCount = Math.max(1, maxItems - 1); // keep the first + this many from the end\n    crumbs.push({ kind: 'item', item: items[0], isLast: false });\n    crumbs.push({ kind: 'ellipsis' });\n    for (let i = items.length - tailCount; i <= lastIndex; i++) {\n      crumbs.push({ kind: 'item', item: items[i], isLast: i === lastIndex });\n    }\n  } else {\n    items.forEach((item, i) => crumbs.push({ kind: 'item', item, isLast: i === lastIndex }));\n  }\n\n  return (\n    <nav aria-label=\"Breadcrumb\" className={`min-w-0 ${className ?? ''}`}>\n      <ol className=\"flex items-center gap-1.5 text-sm\">\n        {crumbs.map((crumb, i) => (\n          <Fragment key={i}>\n            {i > 0 && <li aria-hidden className=\"flex items-center\">{sep}</li>}\n            <li className=\"flex min-w-0 items-center\">\n              {crumb.kind === 'ellipsis' ? (\n                <span className=\"px-0.5 text-gray-400 select-none\" aria-label=\"Hidden crumbs\">…</span>\n              ) : crumb.isLast || !(crumb.item.href || crumb.item.onClick) ? (\n                <span\n                  aria-current={crumb.isLast ? 'page' : undefined}\n                  className={`inline-flex min-w-0 items-center gap-1 truncate ${\n                    crumb.isLast ? 'font-medium text-gray-900' : 'text-gray-500'\n                  }`}\n                >\n                  {crumb.item.icon}\n                  <span className=\"truncate\">{crumb.item.label}</span>\n                </span>\n              ) : crumb.item.href ? (\n                <a\n                  href={crumb.item.href}\n                  onClick={crumb.item.onClick}\n                  className={CRUMB_LINK}\n                >\n                  {crumb.item.icon}\n                  <span className=\"truncate\">{crumb.item.label}</span>\n                </a>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={crumb.item.onClick}\n                  className={CRUMB_LINK}\n                >\n                  {crumb.item.icon}\n                  <span className=\"truncate\">{crumb.item.label}</span>\n                </button>\n              )}\n            </li>\n          </Fragment>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-HYZ5QMVO.js

@@ -0,0 +1,462 @@
+import { createContext, useEffect, useRef, useId, useContext, useState, useCallback, useLayoutEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/shell/ConfirmDialog.tsx
+var FOCUSABLE = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function focusable(root) {
+  return Array.from(root.querySelectorAll(FOCUSABLE)).filter((el) => el.offsetParent !== null || el === document.activeElement);
+}
+function useFocusTrap(ref, active, initialFocus) {
+  useEffect(() => {
+    if (!active) return;
+    const root = ref.current;
+    if (!root) return;
+    const previous = document.activeElement;
+    const first = initialFocus?.current ?? focusable(root)[0] ?? root;
+    if (first === root && !root.hasAttribute("tabindex")) root.setAttribute("tabindex", "-1");
+    first.focus();
+    const onKeyDown = (e) => {
+      if (e.key !== "Tab") return;
+      const stops = focusable(root);
+      if (stops.length === 0) {
+        e.preventDefault();
+        return;
+      }
+      const firstStop = stops[0];
+      const lastStop = stops[stops.length - 1];
+      const current = document.activeElement;
+      if (e.shiftKey && (current === firstStop || !root.contains(current))) {
+        e.preventDefault();
+        lastStop.focus();
+      } else if (!e.shiftKey && (current === lastStop || !root.contains(current))) {
+        e.preventDefault();
+        firstStop.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown, true);
+      if (!root.contains(document.activeElement) && document.activeElement !== document.body) return;
+      previous?.focus?.();
+    };
+  }, [ref, active, initialFocus]);
+}
+var lockCount = 0;
+var restore = null;
+function useScrollLock(active) {
+  useEffect(() => {
+    if (!active) return;
+    const body = document.body;
+    if (lockCount === 0) {
+      restore = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };
+      const gap = window.innerWidth - document.documentElement.clientWidth;
+      body.style.overflow = "hidden";
+      if (gap > 0) body.style.paddingRight = `${gap}px`;
+    }
+    lockCount += 1;
+    return () => {
+      lockCount -= 1;
+      if (lockCount === 0 && restore) {
+        body.style.overflow = restore.overflow;
+        body.style.paddingRight = restore.paddingRight;
+        restore = null;
+      }
+    };
+  }, [active]);
+}
+
+// src/shell/escapeInterceptors.ts
+var escapeInterceptors = /* @__PURE__ */ new Set();
+var detachDrain = null;
+function attachDrain() {
+  if (detachDrain || typeof document === "undefined") return;
+  const onKeyDown = (e) => {
+    if (e.key !== "Escape") return;
+    if (runEscapeInterceptors(e)) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  document.addEventListener("keydown", onKeyDown, true);
+  detachDrain = () => document.removeEventListener("keydown", onKeyDown, true);
+}
+function registerModalEscapeInterceptor(fn) {
+  escapeInterceptors.add(fn);
+  attachDrain();
+  return () => {
+    escapeInterceptors.delete(fn);
+    if (escapeInterceptors.size === 0 && detachDrain) {
+      detachDrain();
+      detachDrain = null;
+    }
+  };
+}
+function runEscapeInterceptors(e) {
+  const ordered = Array.from(escapeInterceptors);
+  for (let i = ordered.length - 1; i >= 0; i--) {
+    try {
+      if (ordered[i](e)) return true;
+    } catch {
+    }
+  }
+  return false;
+}
+
+// src/shell/overlayEvents.ts
+var OVERLAY_OPEN_EVENT = "react-os-shell:overlay-open";
+function dismissPopups() {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event(OVERLAY_OPEN_EVENT));
+}
+function onOverlayOpen(handler) {
+  if (typeof window === "undefined") return () => {
+  };
+  window.addEventListener(OVERLAY_OPEN_EVENT, handler);
+  return () => window.removeEventListener(OVERLAY_OPEN_EVENT, handler);
+}
+
+// src/shell/useDismissPopupsOnOpen.ts
+var useBrowserLayoutEffect = typeof document === "undefined" ? useEffect : useLayoutEffect;
+function useDismissPopupsOnOpen(open) {
+  useBrowserLayoutEffect(() => {
+    if (open) dismissPopups();
+  }, [open]);
+}
+
+// src/shell/zLayers.ts
+var Z_LAYERS = {
+  window: 50,
+  windowStep: 10,
+  menu: 400,
+  pinnedWindow: 999,
+  overlay: 9999,
+  popup: 1e4
+};
+var SIZES = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg"
+};
+function Dialog({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  blocking = false,
+  size = "md",
+  initialFocus,
+  "aria-label": ariaLabel,
+  className = ""
+}) {
+  const panelRef = useRef(null);
+  const bodyId = useId();
+  const showClose = !blocking && !footer;
+  const titleId = useId();
+  useDismissPopupsOnOpen(open);
+  useFocusTrap(panelRef, open, initialFocus);
+  useScrollLock(open);
+  useEffect(() => {
+    if (!open) return;
+    return registerModalEscapeInterceptor(() => {
+      if (blocking) return true;
+      onClose();
+      return true;
+    });
+  }, [open, blocking, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0", style: { zIndex: Z_LAYERS.overlay }, role: "presentation", children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/30", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 flex items-center justify-center p-4",
+        onClick: blocking ? void 0 : ((e) => {
+          if (e.target === e.currentTarget) onClose();
+        }),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: panelRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            "aria-label": title ? void 0 : ariaLabel,
+            "aria-describedby": children ? bodyId : void 0,
+            className: `relative w-full ${SIZES[size]} rounded-lg bg-white p-6 shadow-xl ${className}`.trim(),
+            children: [
+              title && /* @__PURE__ */ jsx("h2", { id: titleId, className: `${showClose ? "pr-8 " : ""}text-base font-semibold text-gray-900`, children: title }),
+              children && /* @__PURE__ */ jsx("div", { id: bodyId, className: "mt-2 text-sm text-gray-600", children }),
+              footer && /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end gap-3", children: footer }),
+              showClose && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  "aria-label": "Close",
+                  className: "absolute right-3 top-3 rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-400",
+                  children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l8 8M14 6l-8 8" }) })
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var ConfirmContext = createContext(() => Promise.resolve(false));
+var useConfirm = () => useContext(ConfirmContext);
+var globalConfirmFn = () => Promise.resolve(false);
+var confirm = (opts) => globalConfirmFn(opts);
+var globalDestructiveConfirmFn = () => Promise.resolve(false);
+var confirmDestructive = (opts) => globalDestructiveConfirmFn(opts);
+var globalPromptFn = () => Promise.resolve(null);
+var prompt = (opts) => globalPromptFn(opts);
+var TONE = {
+  danger: { icon: "text-red-600 bg-red-100", button: "bg-red-600 hover:bg-red-700 text-white" },
+  warning: { icon: "text-yellow-600 bg-yellow-100", button: "bg-yellow-600 hover:bg-yellow-700 text-white" },
+  info: { icon: "text-blue-600 bg-blue-100", button: "bg-blue-600 hover:bg-blue-700 text-white" }
+};
+var CANCEL_BTN = "bg-white text-gray-700 border border-gray-300 px-4 py-2 text-sm font-medium rounded-lg hover:bg-gray-50";
+function WarningIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }) });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+}
+function ConfirmProvider({ children }) {
+  const [open, setOpen] = useState(false);
+  const [options, setOptions] = useState({ message: "" });
+  const [confirmId, setConfirmId] = useState(0);
+  const resolveRef = useRef();
+  const activeConfirmIdRef = useRef(null);
+  const nextConfirmIdRef = useRef(0);
+  const confirmQueueRef = useRef([]);
+  const cancelRef = useRef(null);
+  const dCancelRef = useRef(null);
+  const showConfirm = useCallback((request) => {
+    activeConfirmIdRef.current = request.id;
+    resolveRef.current = request.resolve;
+    setConfirmId(request.id);
+    setOptions(request.options);
+    setOpen(true);
+  }, []);
+  const confirmFn = useCallback((opts) => {
+    const normalized = typeof opts === "string" ? { message: opts } : opts;
+    return new Promise((resolve) => {
+      const request = { id: ++nextConfirmIdRef.current, options: normalized, resolve };
+      if (activeConfirmIdRef.current === null) showConfirm(request);
+      else confirmQueueRef.current.push(request);
+    });
+  }, [showConfirm]);
+  const [dOpen, setDOpen] = useState(false);
+  const [dOptions, setDOptions] = useState({ message: "" });
+  const [dInput, setDInput] = useState("");
+  const dResolveRef = useRef();
+  const destructiveConfirmFn = useCallback((opts) => {
+    setDOptions(opts);
+    setDInput("");
+    setDOpen(true);
+    return new Promise((resolve) => {
+      dResolveRef.current = resolve;
+    });
+  }, []);
+  const [pOpen, setPOpen] = useState(false);
+  const [pOptions, setPOptions] = useState({});
+  const [pInput, setPInput] = useState("");
+  const pResolveRef = useRef();
+  const promptFn = useCallback((opts) => {
+    const normalized = typeof opts === "string" ? { message: opts } : opts;
+    setPOptions(normalized);
+    setPInput(normalized.defaultValue ?? "");
+    setPOpen(true);
+    return new Promise((resolve) => {
+      pResolveRef.current = resolve;
+    });
+  }, []);
+  useEffect(() => {
+    globalConfirmFn = confirmFn;
+    globalDestructiveConfirmFn = destructiveConfirmFn;
+    globalPromptFn = promptFn;
+  }, [confirmFn, destructiveConfirmFn, promptFn]);
+  const handleClose = (id, result) => {
+    if (activeConfirmIdRef.current !== id) return;
+    const resolve = resolveRef.current;
+    const next = confirmQueueRef.current.shift();
+    if (next) showConfirm(next);
+    else {
+      activeConfirmIdRef.current = null;
+      resolveRef.current = void 0;
+      setOpen(false);
+    }
+    resolve?.(result);
+  };
+  const handleDClose = (result) => {
+    setDOpen(false);
+    setDInput("");
+    dResolveRef.current?.(result);
+  };
+  const handlePClose = (commit) => {
+    if (commit) {
+      const trimmed = pInput.trim();
+      if (!trimmed && !pOptions.allowEmpty) {
+        setPOpen(false);
+        pResolveRef.current?.(null);
+        return;
+      }
+      setPOpen(false);
+      pResolveRef.current?.(trimmed);
+    } else {
+      setPOpen(false);
+      pResolveRef.current?.(null);
+    }
+  };
+  const variant = options.variant || (options.confirmLabel?.toLowerCase().includes("delete") || options.message.toLowerCase().includes("delete") ? "danger" : "info");
+  const tone = TONE[variant];
+  const dTone = TONE[dOptions.variant === "warning" ? "warning" : "danger"];
+  const dWord = dOptions.confirmWord;
+  const dSatisfied = dWord == null || dInput === dWord;
+  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value: confirmFn, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open,
+        onClose: () => handleClose(confirmId, false),
+        initialFocus: cancelRef,
+        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("button", { ref: cancelRef, type: "button", onClick: () => handleClose(confirmId, false), className: CANCEL_BTN, children: options.cancelLabel || "Cancel" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleClose(confirmId, true),
+              className: `px-4 py-2 text-sm font-medium rounded-lg ${tone.button}`,
+              children: options.confirmLabel || "OK"
+            }
+          )
+        ] }),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx("div", { className: `shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${tone.icon}`, children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-gray-900", children: options.title || "Confirm" }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: options.message })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: dOpen,
+        onClose: () => handleDClose(false),
+        initialFocus: dWord != null ? void 0 : dCancelRef,
+        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("button", { ref: dCancelRef, type: "button", onClick: () => handleDClose(false), className: CANCEL_BTN, children: dOptions.cancelLabel || "Dismiss" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleDClose(true),
+              disabled: !dSatisfied,
+              className: `px-4 py-2 text-sm font-medium rounded-lg disabled:opacity-40 ${dTone.button}`,
+              children: dWord ?? dOptions.confirmLabel ?? "Delete"
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleDClose(false),
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600",
+              children: /* @__PURE__ */ jsx(CloseIcon, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+            /* @__PURE__ */ jsx("div", { className: `shrink-0 w-10 h-10 rounded-full flex items-center justify-center ${dTone.icon}`, children: /* @__PURE__ */ jsx(WarningIcon, {}) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-gray-900 pr-6", children: dOptions.title || "Confirm Action" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-gray-600", children: dOptions.message }),
+              dWord != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-gray-700", children: [
+                  "Type ",
+                  /* @__PURE__ */ jsx("kbd", { className: "rounded border border-gray-300 bg-gray-50 px-1.5 py-0.5 text-xs font-bold text-red-600 font-mono", children: dWord }),
+                  " to confirm:"
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    autoFocus: true,
+                    type: "text",
+                    value: dInput,
+                    onChange: (e) => setDInput(e.target.value),
+                    onKeyDown: (e) => {
+                      if (e.key === "Enter" && dInput === dWord) handleDClose(true);
+                    },
+                    placeholder: dWord,
+                    className: "mt-2 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-red-500 focus:ring-red-500"
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: pOpen,
+        onClose: () => handlePClose(false),
+        title: pOptions.title || "Enter a value",
+        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => handlePClose(false), className: CANCEL_BTN, children: pOptions.cancelLabel || "Cancel" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handlePClose(true),
+              disabled: !pOptions.allowEmpty && !pInput.trim(),
+              className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 text-sm font-medium rounded-lg disabled:opacity-40",
+              children: pOptions.confirmLabel || "OK"
+            }
+          )
+        ] }),
+        children: [
+          pOptions.message && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: pOptions.message }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoFocus: true,
+              type: "text",
+              value: pInput,
+              onChange: (e) => setPInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") handlePClose(true);
+                else if (e.key === "Escape") handlePClose(false);
+              },
+              onFocus: (e) => e.target.select(),
+              placeholder: pOptions.placeholder,
+              className: "mt-3 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export { ConfirmProvider, Dialog, OVERLAY_OPEN_EVENT, Z_LAYERS, confirm, confirmDestructive, dismissPopups, onOverlayOpen, prompt, registerModalEscapeInterceptor, runEscapeInterceptors, useConfirm, useDismissPopupsOnOpen, useFocusTrap, useScrollLock };
+//# sourceMappingURL=chunk-HYZ5QMVO.js.map
+//# sourceMappingURL=chunk-HYZ5QMVO.js.map