@seastudio/sdk 3.0.0

package/dist/chunk-BWG45ZWF.cjs

@@ -0,0 +1,305 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/Tab.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function Tab({
+  isActive,
+  onClick,
+  onClose,
+  icon,
+  title,
+  className,
+  disabled = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick: () => {
+        if (!disabled) {
+          onClick();
+        }
+      },
+      className: cn(
+        "group flex items-center gap-2 px-3 h-7",
+        "transition-colors duration-150",
+        disabled ? isActive ? "text-muted-foreground bg-transparent border-b-2 border-muted-foreground/50 cursor-not-allowed" : "text-muted-foreground/50 bg-transparent border-b-2 border-transparent cursor-not-allowed" : isActive ? "text-foreground bg-muted border-b-2 border-primary cursor-pointer" : "text-muted-foreground hover:text-foreground hover:bg-muted/50 border-b-2 border-transparent cursor-pointer",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: icon }),
+        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm truncate max-w-[120px]", children: title }),
+        onClose && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              if (!disabled) {
+                onClose();
+              }
+            },
+            disabled,
+            className: cn(
+              "p-0.5 transition-all flex-shrink-0",
+              "opacity-0 group-hover:opacity-100",
+              isActive && "opacity-60",
+              !disabled && "hover:bg-foreground/10",
+              disabled && "cursor-not-allowed opacity-0"
+            ),
+            title: "\u5173\u95ED",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3 text-muted-foreground/70" })
+          }
+        )
+      ]
+    }
+  );
+}
+function MenuContainer({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "bg-popover border border-border rounded-md shadow-lg py-1 min-w-[140px]",
+        className
+      ),
+      children
+    }
+  );
+}
+function MenuItem({
+  label,
+  icon,
+  shortcut,
+  disabled,
+  danger,
+  onClick,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      onClick: () => {
+        if (!disabled) {
+          onClick();
+        }
+      },
+      disabled,
+      className: cn(
+        "w-full flex items-center gap-2 px-2 py-1.5 text-xs text-left transition-colors rounded-md",
+        disabled ? "text-muted-foreground/50 cursor-not-allowed" : "hover:bg-muted",
+        danger && !disabled && "text-red-500",
+        className
+      ),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 w-3.5 h-3.5", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 whitespace-nowrap", children: label }),
+        shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-muted-foreground text-[10px] whitespace-nowrap", children: shortcut })
+      ]
+    }
+  ) });
+}
+function MenuSeparator({
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("border-t border-border my-1", className) });
+}
+function MenuEmpty({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("px-3 py-2 text-xs text-muted-foreground", className), children });
+}
+
+// src/ui/context-menu.ts
+var CONTEXT_MENU_TIMEOUT_MS = 3e4;
+function canUseHostBridge() {
+  if (typeof window === "undefined") return false;
+  return !!window.parent && window.parent !== window;
+}
+function createRequestId() {
+  return `sdk-cm-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function isContextMenuResultMessage(data) {
+  return typeof data === "object" && data !== null && data.type === "context_menu_result" && typeof data.id === "string";
+}
+async function showHostContextMenu(x, y, items) {
+  if (!canUseHostBridge()) {
+    return { supported: false, selectedId: null };
+  }
+  const requestId = createRequestId();
+  return new Promise((resolve) => {
+    let settled = false;
+    const timeoutId = setTimeout(() => {
+      if (settled) return;
+      settled = true;
+      window.removeEventListener("message", onMessage);
+      resolve({ supported: true, selectedId: null });
+    }, CONTEXT_MENU_TIMEOUT_MS);
+    const onMessage = (event) => {
+      if (event.source !== window.parent) return;
+      if (!isContextMenuResultMessage(event.data)) return;
+      if (event.data.id !== requestId) return;
+      if (settled) return;
+      settled = true;
+      clearTimeout(timeoutId);
+      window.removeEventListener("message", onMessage);
+      resolve({ supported: true, selectedId: event.data.itemId ?? null });
+    };
+    window.addEventListener("message", onMessage);
+    const message = {
+      type: "context_menu_show",
+      id: requestId,
+      x,
+      y,
+      items
+    };
+    window.parent.postMessage(message, "*");
+  });
+}
+function DialogOverlay({
+  children,
+  onClose,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "fixed inset-0 z-[100] flex items-center justify-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute inset-0 bg-black/50",
+            onClick: onClose
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DialogContainer({
+  children,
+  width = "md",
+  className
+}) {
+  const widthClass = typeof width === "number" ? void 0 : {
+    sm: "w-[320px]",
+    md: "w-[400px]",
+    lg: "w-[520px]"
+  }[width];
+  const widthStyle = typeof width === "number" ? { width } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "relative bg-popover border border-border rounded-lg shadow-xl max-w-[90vw]",
+        widthClass,
+        className
+      ),
+      style: widthStyle,
+      onClick: (e) => e.stopPropagation(),
+      children
+    }
+  );
+}
+function DialogHeader({
+  title,
+  onClose,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-between h-12 px-4 border-b border-border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: title }),
+        onClose && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: "p-1 hover:bg-muted rounded transition-colors",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4 text-muted-foreground" })
+          }
+        )
+      ]
+    }
+  );
+}
+function DialogBody({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("p-4", className), children });
+}
+function DialogFooter({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-end gap-2 h-14 px-4 border-t border-border",
+        className
+      ),
+      children
+    }
+  );
+}
+function DialogButton({
+  children,
+  variant = "secondary",
+  disabled,
+  onClick,
+  className
+}) {
+  const variantClasses = {
+    primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+    secondary: "text-muted-foreground hover:text-foreground hover:bg-muted",
+    danger: "bg-red-500 text-white hover:bg-red-600"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick,
+      disabled,
+      className: cn(
+        "h-8 px-4 text-sm rounded transition-colors",
+        variantClasses[variant],
+        disabled && "opacity-50 cursor-not-allowed",
+        className
+      ),
+      children
+    }
+  );
+}
+
+exports.DialogBody = DialogBody;
+exports.DialogButton = DialogButton;
+exports.DialogContainer = DialogContainer;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.MenuContainer = MenuContainer;
+exports.MenuEmpty = MenuEmpty;
+exports.MenuItem = MenuItem;
+exports.MenuSeparator = MenuSeparator;
+exports.Tab = Tab;
+exports.cn = cn;
+exports.showHostContextMenu = showHostContextMenu;