@ixo/editor 1.0.1 → 1.1.0

package/dist/chunk-57TP5N42.mjs

@@ -0,0 +1,1784 @@
+import {
+  useMatrixProvider
+} from "./chunk-MXVDN3FO.mjs";
+
+// src/shadcn/blocks/list/ListBlock.tsx
+import React30 from "react";
+import { createReactBlockSpec } from "@blocknote/react";
+
+// src/shadcn/blocks/list/ListBlockToolbar.tsx
+import React28 from "react";
+
+// src/shadcn/blocks/list/ListSettings.tsx
+import React27, { useState as useState4, useEffect as useEffect3 } from "react";
+
+// src/shadcn/components/SettingsModal/SettingsModal.tsx
+import React5, { useState } from "react";
+
+// src/shadcn/components/ui/button.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+// src/shadcn/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/shadcn/components/ui/button.tsx
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/shadcn/components/ui/dialog.tsx
+import * as React2 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ React2.createElement(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ React2.createElement(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ React2.createElement(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React2.createElement(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ React2.createElement(DialogPortal, { "data-slot": "dialog-portal" }, /* @__PURE__ */ React2.createElement(DialogOverlay, null), /* @__PURE__ */ React2.createElement(
+    DialogPrimitive.Content,
+    {
+      "data-slot": "dialog-content",
+      className: cn(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+        className
+      ),
+      ...props
+    },
+    children,
+    showCloseButton && /* @__PURE__ */ React2.createElement(
+      DialogPrimitive.Close,
+      {
+        "data-slot": "dialog-close",
+        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      },
+      /* @__PURE__ */ React2.createElement(XIcon, null),
+      /* @__PURE__ */ React2.createElement("span", { className: "sr-only" }, "Close")
+    )
+  ));
+}
+
+// src/shadcn/components/PenIcon.tsx
+import React3 from "react";
+function PenIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 hover:stroke-[#1976D2] ${className}`,
+      style: {
+        cursor: "pointer"
+      }
+    },
+    /* @__PURE__ */ React3.createElement("path", { d: "M13 21h8" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "m15 5 4 4" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" })
+  );
+}
+
+// src/shadcn/components/SettingsModal/SettingsNavigation.tsx
+import React4 from "react";
+import { CheckIcon } from "lucide-react";
+function SettingsNavigation({
+  activeTab,
+  onTabChange,
+  onAddToPage,
+  navigationItems,
+  loading = false
+}) {
+  return /* @__PURE__ */ React4.createElement("div", { className: "w-56 border-r bg-muted/50 p-6 flex flex-col" }, /* @__PURE__ */ React4.createElement("nav", { className: "space-y-2 flex-1" }, navigationItems.map((item) => /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      key: item.id,
+      onClick: () => !loading && onTabChange(item.id),
+      disabled: loading,
+      className: `w-full text-left px-3 py-2 rounded-md text-sm font-medium transition-colors ${activeTab === item.id ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"} ${loading ? "opacity-50 cursor-not-allowed" : ""}`
+    },
+    item.label,
+    loading && item.id !== activeTab && /* @__PURE__ */ React4.createElement("div", { className: "inline-block ml-2 animate-spin rounded-full h-3 w-3 border-b border-current opacity-50" })
+  ))), /* @__PURE__ */ React4.createElement("div", { className: "mt-auto pt-4" }, /* @__PURE__ */ React4.createElement(
+    Button,
+    {
+      onClick: onAddToPage,
+      disabled: loading,
+      className: "w-full bg-black hover:bg-black/90 text-white rounded-md justify-start px-3 py-2 disabled:opacity-50 disabled:cursor-not-allowed"
+    },
+    /* @__PURE__ */ React4.createElement(CheckIcon, { className: "mr-2 h-4 w-4" }),
+    "Add to page"
+  )));
+}
+
+// src/shadcn/components/SettingsModal/SettingsModal.tsx
+function SettingsModal({
+  tabs,
+  onAddToPage,
+  loading = false,
+  open,
+  onOpenChange
+}) {
+  const [activeTab, setActiveTab] = useState(tabs[0]?.id || "general");
+  const navigationItems = tabs.map((tab) => ({
+    id: tab.id,
+    label: tab.label
+  }));
+  const activeTabContent = tabs.find((tab) => tab.id === activeTab)?.content;
+  return /* @__PURE__ */ React5.createElement(Dialog, { open, onOpenChange }, /* @__PURE__ */ React5.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React5.createElement(Button, { variant: "secondary", className: "font-semibold" }, /* @__PURE__ */ React5.createElement(PenIcon, null), " Edit")), /* @__PURE__ */ React5.createElement(DialogContent, { className: "max-w-4xl h-[600px] p-0 rounded-2xl" }, /* @__PURE__ */ React5.createElement("div", { className: "flex h-full overflow-hidden" }, /* @__PURE__ */ React5.createElement(
+    SettingsNavigation,
+    {
+      activeTab,
+      onTabChange: setActiveTab,
+      onAddToPage,
+      navigationItems,
+      loading
+    }
+  ), /* @__PURE__ */ React5.createElement("div", { className: "flex-1 p-6 overflow-y-auto" }, activeTabContent))));
+}
+
+// src/shadcn/blocks/list/ListGeneralTab.tsx
+import React11, { useState as useState2, useEffect } from "react";
+
+// src/shadcn/components/ui/input.tsx
+import * as React6 from "react";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ React6.createElement(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/shadcn/components/ui/label.tsx
+import * as React7 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/shadcn/components/ui/tabs.tsx
+import * as React8 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+// src/shadcn/blocks/list/ListGeneralTab.tsx
+import { CheckIcon as CheckIcon2 } from "lucide-react";
+
+// src/shadcn/components/SettingsModal/DomainPreview.tsx
+import React10 from "react";
+
+// src/shadcn/components/ui/card.tsx
+import * as React9 from "react";
+var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/shadcn/components/SettingsModal/DomainPreview.tsx
+function DomainPreview({ domainProfile }) {
+  if (!domainProfile) {
+    return null;
+  }
+  return /* @__PURE__ */ React10.createElement(Card, { className: "border-0 shadow-sm rounded-xl" }, /* @__PURE__ */ React10.createElement(CardContent, { className: "p-4" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-start space-x-4" }, /* @__PURE__ */ React10.createElement("div", { className: "w-16 h-16 bg-muted rounded-lg flex items-center justify-center shrink-0" }, /* @__PURE__ */ React10.createElement(
+    "img",
+    {
+      src: domainProfile.image ?? "https://studio.ixo.earth/domain-profile-default.jpg",
+      alt: domainProfile.name,
+      className: "w-full h-full object-cover rounded-lg border-2 border-gray-200"
+    }
+  )), /* @__PURE__ */ React10.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React10.createElement("h3", { className: "font-semibold text-lg" }, domainProfile.name), /* @__PURE__ */ React10.createElement("p", { className: "text-muted-foreground text-sm" }, domainProfile.description)))));
+}
+
+// src/shadcn/blocks/list/ListGeneralTab.tsx
+function ListGeneralTab({
+  block: _block,
+  editor: _editor,
+  domainValue,
+  onDomainChange,
+  domainProfile
+}) {
+  const [domainType, setDomainType] = useState2("this-domain");
+  const [isValidDomain, setIsValidDomain] = useState2(true);
+  const [isLoading, setIsLoading] = useState2(false);
+  const [customDomainValue, setCustomDomainValue] = useState2("");
+  const thisDomainValue = "did:ixo:entity:example123";
+  useEffect(() => {
+    if (domainValue) {
+      if (domainValue === thisDomainValue) {
+        setDomainType("this-domain");
+        setIsValidDomain(true);
+      } else {
+        setDomainType("custom-domain");
+        setCustomDomainValue(domainValue);
+        setIsValidDomain(true);
+      }
+    } else {
+      setDomainType("this-domain");
+      setCustomDomainValue("");
+      setIsValidDomain(true);
+    }
+  }, [domainValue, thisDomainValue]);
+  const handleCustomDomainChange = async (did) => {
+    setCustomDomainValue(did);
+    if (!did) {
+      setIsValidDomain(false);
+      return;
+    }
+    const isValid = did.startsWith("did:") && did.length > 10;
+    if (isValid) {
+      setIsLoading(true);
+      try {
+        await new Promise((resolve) => setTimeout(resolve, 1e3));
+        setIsValidDomain(true);
+        onDomainChange(did);
+      } catch (error) {
+        setIsValidDomain(false);
+      } finally {
+        setIsLoading(false);
+      }
+    } else {
+      setIsValidDomain(false);
+    }
+  };
+  const handleTabChange = (value) => {
+    setDomainType(value);
+    if (value === "this-domain") {
+      setIsValidDomain(true);
+      onDomainChange(thisDomainValue);
+    } else {
+      setIsValidDomain(false);
+      onDomainChange("");
+    }
+  };
+  return /* @__PURE__ */ React11.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h2", { className: "text-2xl font-semibold" }, "List"), /* @__PURE__ */ React11.createElement("p", { className: "text-muted-foreground mt-1" }, "Add a domain list to your page")), /* @__PURE__ */ React11.createElement(
+    Tabs,
+    {
+      defaultValue: "this-domain",
+      value: domainType,
+      onValueChange: handleTabChange
+    },
+    /* @__PURE__ */ React11.createElement(TabsList, { className: "px-1" }, /* @__PURE__ */ React11.createElement(TabsTrigger, { value: "this-domain" }, "This domain"), /* @__PURE__ */ React11.createElement(TabsTrigger, { value: "custom-domain" }, "Custom domain")),
+    /* @__PURE__ */ React11.createElement(TabsContent, { value: "this-domain", className: "space-y-4" }, /* @__PURE__ */ React11.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React11.createElement(Label, { htmlFor: "this-domain-input" }, "Domain"), /* @__PURE__ */ React11.createElement("div", { className: "relative" }, /* @__PURE__ */ React11.createElement(
+      Input,
+      {
+        id: "this-domain-input",
+        value: thisDomainValue,
+        disabled: true,
+        className: "pr-10",
+        placeholder: "Enter domain DID"
+      }
+    ), isValidDomain && /* @__PURE__ */ React11.createElement(CheckIcon2, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))), /* @__PURE__ */ React11.createElement(DomainPreview, { key: thisDomainValue, domainProfile })),
+    /* @__PURE__ */ React11.createElement(TabsContent, { value: "custom-domain", className: "space-y-4" }, /* @__PURE__ */ React11.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React11.createElement(Label, { htmlFor: "custom-domain-input" }, "Domain"), /* @__PURE__ */ React11.createElement("div", { className: "relative" }, /* @__PURE__ */ React11.createElement(
+      Input,
+      {
+        id: "custom-domain-input",
+        value: customDomainValue,
+        onChange: (e) => handleCustomDomainChange(e.target.value),
+        className: "pr-10",
+        placeholder: "Enter domain DID",
+        disabled: isLoading
+      }
+    ), isLoading ? /* @__PURE__ */ React11.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" }, /* @__PURE__ */ React11.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-900" })) : isValidDomain && customDomainValue && /* @__PURE__ */ React11.createElement(CheckIcon2, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))), isValidDomain && customDomainValue && !isLoading && /* @__PURE__ */ React11.createElement(
+      DomainPreview,
+      {
+        key: customDomainValue,
+        domainProfile
+      }
+    ))
+  ));
+}
+
+// src/shadcn/blocks/list/ListPreviewTab.tsx
+import React23, { useState as useState3, useEffect as useEffect2 } from "react";
+
+// src/shadcn/blocks/list/ListItem.tsx
+import React22 from "react";
+
+// src/lib/getMediaTypeIcon.tsx
+import React21 from "react";
+
+// src/shadcn/components/icons/DocumentIcon.tsx
+import React12 from "react";
+function DocumentIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React12.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React12.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+    /* @__PURE__ */ React12.createElement("polyline", { points: "14,2 14,8 20,8" }),
+    /* @__PURE__ */ React12.createElement("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+    /* @__PURE__ */ React12.createElement("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+    /* @__PURE__ */ React12.createElement("polyline", { points: "10,9 9,9 8,9" })
+  );
+}
+
+// src/shadcn/components/icons/ImageIcon.tsx
+import React13 from "react";
+function ImageIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React13.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React13.createElement("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+    /* @__PURE__ */ React13.createElement("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ React13.createElement("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+  );
+}
+
+// src/shadcn/components/icons/VideoIcon.tsx
+import React14 from "react";
+function VideoIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React14.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React14.createElement("path", { d: "m22 8-6 4 6 4V8Z" }),
+    /* @__PURE__ */ React14.createElement("rect", { width: "14", height: "12", x: "2", y: "6", rx: "2", ry: "2" })
+  );
+}
+
+// src/shadcn/components/icons/AudioIcon.tsx
+import React15 from "react";
+function AudioIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React15.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React15.createElement("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+    /* @__PURE__ */ React15.createElement("path", { d: "m19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+  );
+}
+
+// src/shadcn/components/icons/PdfIcon.tsx
+import React16 from "react";
+function PdfIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React16.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React16.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+    /* @__PURE__ */ React16.createElement("polyline", { points: "14,2 14,8 20,8" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M10 12h4" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M10 16h2" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "M8 12v4" })
+  );
+}
+
+// src/shadcn/components/icons/JsonIcon.tsx
+import React17 from "react";
+function JsonIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React17.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React17.createElement("path", { d: "M5 12s2.545-5 7-5c4.454 0 7 5 7 5s-2.546 5-7 5c-4.455 0-7-5-7-5z" }),
+    /* @__PURE__ */ React17.createElement("path", { d: "M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" }),
+    /* @__PURE__ */ React17.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2" }),
+    /* @__PURE__ */ React17.createElement("path", { d: "M21 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2" })
+  );
+}
+
+// src/shadcn/components/icons/XmlIcon.tsx
+import React18 from "react";
+function XmlIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React18.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React18.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+    /* @__PURE__ */ React18.createElement("polyline", { points: "14,2 14,8 20,8" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "m9 13 2 2-2 2" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "m15 13-2 2 2 2" })
+  );
+}
+
+// src/shadcn/components/icons/ArchiveIcon.tsx
+import React19 from "react";
+function ArchiveIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React19.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React19.createElement("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M10 12h4" })
+  );
+}
+
+// src/shadcn/components/icons/DefaultIcon.tsx
+import React20 from "react";
+function DefaultIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React20.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 ${className}`
+    },
+    /* @__PURE__ */ React20.createElement("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+    /* @__PURE__ */ React20.createElement("polyline", { points: "14,2 14,8 20,8" })
+  );
+}
+
+// src/lib/getMediaTypeIcon.tsx
+function getMediaTypeIcon(mediaType, props = {}) {
+  const normalizedType = mediaType?.toLowerCase() || "";
+  if (normalizedType.startsWith("image/")) {
+    return /* @__PURE__ */ React21.createElement(ImageIcon, { ...props });
+  }
+  if (normalizedType.startsWith("video/")) {
+    return /* @__PURE__ */ React21.createElement(VideoIcon, { ...props });
+  }
+  if (normalizedType.startsWith("audio/")) {
+    return /* @__PURE__ */ React21.createElement(AudioIcon, { ...props });
+  }
+  if (normalizedType.includes("pdf") || normalizedType === "application/pdf") {
+    return /* @__PURE__ */ React21.createElement(PdfIcon, { ...props });
+  }
+  if (normalizedType.includes("json") || normalizedType === "application/json" || normalizedType === "text/json") {
+    return /* @__PURE__ */ React21.createElement(JsonIcon, { ...props });
+  }
+  if (normalizedType.includes("xml") || normalizedType === "application/xml" || normalizedType === "text/xml" || normalizedType === "application/rss+xml" || normalizedType === "application/atom+xml") {
+    return /* @__PURE__ */ React21.createElement(XmlIcon, { ...props });
+  }
+  if (normalizedType.includes("zip") || normalizedType.includes("rar") || normalizedType.includes("tar") || normalizedType.includes("gzip") || normalizedType.includes("7z") || normalizedType === "application/x-compressed" || normalizedType === "application/x-zip-compressed" || normalizedType === "multipart/x-zip") {
+    return /* @__PURE__ */ React21.createElement(ArchiveIcon, { ...props });
+  }
+  if (normalizedType.startsWith("text/") || normalizedType.includes("document") || normalizedType.includes("word") || normalizedType.includes("excel") || normalizedType.includes("powerpoint") || normalizedType.includes("spreadsheet") || normalizedType.includes("presentation")) {
+    return /* @__PURE__ */ React21.createElement(DocumentIcon, { ...props });
+  }
+  return /* @__PURE__ */ React21.createElement(DefaultIcon, { ...props });
+}
+
+// src/shadcn/blocks/list/ListItem.tsx
+function ListItem({ item, index = 0 }) {
+  const title = typeof item === "string" ? item : item.description || item.title || item.name || `Item ${index + 1}`;
+  const mediaType = typeof item === "object" ? item.mediaType || "" : "";
+  return /* @__PURE__ */ React22.createElement("div", { className: "group w-full bg-white rounded-lg p-4 border border-gray-100 hover:bg-gray-50 transition-colors duration-150 ease-in-out cursor-pointer" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between space-x-4" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center space-x-3 flex-1 min-w-0" }, /* @__PURE__ */ React22.createElement("div", { className: "flex-shrink-0 w-8 h-8 bg-gray-100 rounded-md flex items-center justify-center" }, getMediaTypeIcon(mediaType, {
+    size: 16,
+    className: "text-gray-500",
+    color: "secondary"
+  })), /* @__PURE__ */ React22.createElement("span", { className: "font-semibold text-gray-800 truncate flex-1" }, title))));
+}
+
+// src/shadcn/blocks/list/ListPreviewTab.tsx
+function ListPreviewTab({ block, domain }) {
+  const [items, setItems] = useState3([]);
+  const showResources = block.props.showLinkedResources;
+  useEffect2(() => {
+    if (showResources) {
+      setItems(domain.linkedResource);
+    }
+  }, []);
+  return /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col gap-4 mt-[30px]" }, items.map((item) => /* @__PURE__ */ React23.createElement(ListItem, { item })));
+}
+
+// src/lib/graphql-client.ts
+var GraphQLClient = class {
+  constructor(endpoint, headers = {}) {
+    this.endpoint = endpoint;
+    this.headers = {
+      "Content-Type": "application/json",
+      ...headers
+    };
+  }
+  async request(request) {
+    const response = await fetch(this.endpoint, {
+      method: "POST",
+      headers: this.headers,
+      body: JSON.stringify(request)
+    });
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const result = await response.json();
+    if (result.errors && result.errors.length > 0) {
+      throw new Error(`GraphQL error: ${result.errors[0].message}`);
+    }
+    if (!result.data) {
+      throw new Error("No data returned from GraphQL query");
+    }
+    return result.data;
+  }
+};
+var ixoGraphQLClient = new GraphQLClient(
+  "https://devnet-blocksync-graphql.ixo.earth/graphql"
+);
+
+// src/lib/graphql-queries.ts
+var ENTITY_QUERY = `
+  query Entity($entityId: String!) {
+    entity(id: $entityId) {
+      context
+      relayerNode
+      controller
+      id
+      type
+      startDate
+      endDate
+      metadata
+      linkedResource
+      settings
+      service
+      externalId
+    }
+  }
+`;
+async function getEntity(entityId) {
+  const response = await ixoGraphQLClient.request({
+    query: ENTITY_QUERY,
+    variables: { entityId },
+    operationName: "Entity"
+  });
+  return response.entity;
+}
+
+// src/shadcn/components/SwitchOption.tsx
+import * as React25 from "react";
+
+// src/shadcn/components/ui/switch.tsx
+import * as React24 from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React24.createElement(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React24.createElement(
+      SwitchPrimitive.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  );
+}
+
+// src/shadcn/components/SwitchOption.tsx
+function SwitchOption({
+  label,
+  description,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ React25.createElement("div", { className: "flex w-full max-w-md items-start justify-between gap-4 py-2" }, /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React25.createElement("span", { className: "text-sm font-medium leading-none" }, label), /* @__PURE__ */ React25.createElement("span", { className: "mt-1 text-sm text-muted-foreground" }, description)), /* @__PURE__ */ React25.createElement(
+    Switch,
+    {
+      id: label,
+      "aria-label": label,
+      checked,
+      onCheckedChange: onChange
+    }
+  ));
+}
+
+// src/shadcn/blocks/list/ListSettingsTab.tsx
+import React26, { useMemo } from "react";
+function ListSettingsTab({
+  block,
+  editor,
+  domain
+}) {
+  const linkedResources = {
+    count: domain?.linkedResource?.length ?? 0
+  };
+  const isCollection = useMemo(() => {
+    return domain?.type === "asset/collection";
+  }, [domain]);
+  return /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement(
+    SwitchOption,
+    {
+      label: `Linked Resources ${linkedResources.count}`,
+      description: "Resources linked to this list",
+      checked: block.props.showLinkedResources,
+      onChange: (checked) => {
+        editor.updateBlock(block.id, {
+          props: {
+            showLinkedResources: checked
+          }
+        });
+      }
+    }
+  ), isCollection && /* @__PURE__ */ React26.createElement(
+    SwitchOption,
+    {
+      label: "Display assets in collection",
+      description: "Display assets in collection",
+      checked: block.props.showAssetsInCollection,
+      onChange: (checked) => {
+        editor.updateBlock(block.id, {
+          props: {
+            showAssetsInCollection: checked
+          }
+        });
+      }
+    }
+  ));
+}
+
+// src/shadcn/blocks/list/ListSettings.tsx
+function ListSettings({ block, editor, setList }) {
+  const [domainValue, setDomainValue] = useState4(block.props.did);
+  const [loading, setLoading] = useState4(false);
+  const [domainProfile, setDomainProfile] = useState4(null);
+  const [modalOpen, setModalOpen] = useState4(false);
+  const [domain, setDomain] = useState4(null);
+  useEffect3(() => {
+    if (!domainValue) {
+      setDomainProfile(null);
+      return;
+    }
+    setLoading(true);
+    setDomainProfile(null);
+    const fetchEntity = async () => {
+      try {
+        const entity = await getEntity(domainValue);
+        setDomain(entity);
+        const profileResource = entity.settings.Profile;
+        if (profileResource?.serviceEndpoint) {
+          const fetchedProfile = await fetch(
+            profileResource.serviceEndpoint
+          ).then((res) => res.json());
+          setDomainProfile(fetchedProfile);
+        } else {
+          setDomainProfile(null);
+        }
+        setLoading(false);
+      } catch (err) {
+        setDomainProfile(null);
+        setLoading(false);
+      }
+    };
+    fetchEntity();
+  }, [domainValue]);
+  const handleDidChange = (did) => {
+    setDomainValue(did);
+  };
+  const handleAddToPage = () => {
+    editor.updateBlock(block.id, {
+      props: {
+        did: domainValue
+      }
+    });
+    console.log("Adding to page with DID:", domainValue);
+    if (block.props.showLinkedResources && domain?.linkedResource) {
+      setList(domain.linkedResource);
+    }
+    setModalOpen(false);
+  };
+  return /* @__PURE__ */ React27.createElement(
+    SettingsModal,
+    {
+      onAddToPage: handleAddToPage,
+      loading,
+      open: modalOpen,
+      onOpenChange: setModalOpen,
+      tabs: [
+        {
+          id: "general",
+          label: "General",
+          content: /* @__PURE__ */ React27.createElement(
+            ListGeneralTab,
+            {
+              block,
+              editor,
+              domainValue,
+              onDomainChange: handleDidChange,
+              domainProfile
+            }
+          )
+        },
+        {
+          id: "settings",
+          label: "Settings",
+          content: /* @__PURE__ */ React27.createElement(ListSettingsTab, { block, editor, domain })
+        },
+        {
+          id: "preview",
+          label: "Preview",
+          content: /* @__PURE__ */ React27.createElement(ListPreviewTab, { block, domain })
+        }
+      ]
+    }
+  );
+}
+
+// src/shadcn/blocks/list/ListBlockToolbar.tsx
+function ListBlockToolbar({
+  block,
+  editor,
+  setList
+}) {
+  return /* @__PURE__ */ React28.createElement("div", { className: "flex justify-between items-center mb-3 pb-2 border-b border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React28.createElement(
+    Input,
+    {
+      value: block.props.title,
+      placeholder: "New list",
+      className: "font-semibold flex-1 border-0 bg-transparent px-2 py-1 focus-visible:ring-0 focus-visible:ring-offset-0 hover:bg-gray-50 dark:hover:bg-gray-700 focus:bg-gray-50 dark:focus:bg-gray-700 notion-list-title-input",
+      style: {
+        color: "#2F2F2F",
+        fontFamily: "Inter, Helvetica, Arial, sans-serif",
+        fontSize: "14px",
+        fontWeight: 600
+      },
+      onChange: (e) => {
+        editor.updateBlock(block, {
+          props: {
+            ...block.props,
+            title: e.target.value
+          }
+        });
+      }
+    }
+  ), /* @__PURE__ */ React28.createElement(ListSettings, { block, editor, setList }));
+}
+
+// src/shadcn/blocks/list/useList.tsx
+import { useState as useState5 } from "react";
+function useList() {
+  const [list, setList] = useState5([]);
+  return {
+    list,
+    setList
+  };
+}
+
+// src/shadcn/blocks/list/ListContainer.tsx
+import React29 from "react";
+function ListContainer({
+  children
+}) {
+  return /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-2" }, children);
+}
+
+// src/shadcn/blocks/list/ListBlock.tsx
+var ListBlockContent = ({ block, editor }) => {
+  const { list, setList } = useList();
+  return /* @__PURE__ */ React30.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        borderRadius: "6px",
+        padding: "16px",
+        backgroundColor: "#FFFFFF",
+        fontFamily: "Inter, Helvetica, Arial, sans-serif"
+      }
+    },
+    /* @__PURE__ */ React30.createElement(ListBlockToolbar, { block, editor, setList }),
+    /* @__PURE__ */ React30.createElement("div", { style: { minHeight: "40px" } }, /* @__PURE__ */ React30.createElement(ListContainer, null, list?.map((item, index) => /* @__PURE__ */ React30.createElement(ListItem, { key: index, item, index }))))
+  );
+};
+var ListBlock = createReactBlockSpec(
+  {
+    type: "list",
+    propSchema: {
+      title: {
+        default: ""
+      },
+      did: {
+        default: ""
+      },
+      fragmentIdentifier: {
+        default: ""
+      },
+      listItemType: {
+        default: "keyvalue"
+      },
+      showLinkedResources: {
+        default: false
+      },
+      showAssetsInCollection: {
+        default: false
+      }
+    },
+    content: "none"
+  },
+  {
+    render: ListBlockContent
+  }
+);
+
+// src/shadcn/blocks/overview/OverviewBlock.tsx
+import React36 from "react";
+import {
+  createReactBlockSpec as createReactBlockSpec2
+} from "@blocknote/react";
+
+// src/shadcn/blocks/overview/OverviewBlockToolbar.tsx
+import React35 from "react";
+
+// src/shadcn/components/GlobeIcon.tsx
+import React31 from "react";
+function GlobeIcon({
+  size = 16,
+  className = "",
+  color = "secondary"
+}) {
+  const colors = {
+    primary: "#2F2F2F",
+    secondary: "#9B9B9B",
+    accent: "#1976D2"
+  };
+  return /* @__PURE__ */ React31.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: colors[color],
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `transition-colors duration-200 hover:stroke-[#1976D2] ${className}`,
+      style: {
+        cursor: "pointer"
+      }
+    },
+    /* @__PURE__ */ React31.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React31.createElement("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+    /* @__PURE__ */ React31.createElement("path", { d: "M2 12h20" })
+  );
+}
+
+// src/shadcn/blocks/overview/OverviewSettings.tsx
+import React34, { useState as useState7, useEffect as useEffect5 } from "react";
+
+// src/shadcn/blocks/overview/OverviewGeneralTab.tsx
+import React32, { useState as useState6, useEffect as useEffect4 } from "react";
+import { CheckIcon as CheckIcon3 } from "lucide-react";
+function OverviewGeneralTab({
+  block: _block,
+  editor: _editor,
+  domainValue,
+  onDomainChange,
+  domainProfile
+}) {
+  const [domainType, setDomainType] = useState6("this-domain");
+  const [isValidDomain, setIsValidDomain] = useState6(true);
+  const [isLoading, setIsLoading] = useState6(false);
+  const [customDomainValue, setCustomDomainValue] = useState6("");
+  const thisDomainValue = "did:ixo:entity:example123";
+  useEffect4(() => {
+    if (domainValue) {
+      if (domainValue === thisDomainValue) {
+        setDomainType("this-domain");
+        setIsValidDomain(true);
+      } else {
+        setDomainType("custom-domain");
+        setCustomDomainValue(domainValue);
+        setIsValidDomain(true);
+      }
+    } else {
+      setDomainType("this-domain");
+      setCustomDomainValue("");
+      setIsValidDomain(true);
+    }
+  }, [domainValue, thisDomainValue]);
+  const handleCustomDomainChange = async (did) => {
+    setCustomDomainValue(did);
+    if (!did) {
+      setIsValidDomain(false);
+      return;
+    }
+    const isValid = did.startsWith("did:") && did.length > 10;
+    if (isValid) {
+      setIsLoading(true);
+      try {
+        await new Promise((resolve) => setTimeout(resolve, 1e3));
+        setIsValidDomain(true);
+        onDomainChange(did);
+      } catch (error) {
+        setIsValidDomain(false);
+      } finally {
+        setIsLoading(false);
+      }
+    } else {
+      setIsValidDomain(false);
+    }
+  };
+  const handleTabChange = (value) => {
+    setDomainType(value);
+    if (value === "this-domain") {
+      setIsValidDomain(true);
+      onDomainChange(thisDomainValue);
+    } else {
+      setIsValidDomain(false);
+      onDomainChange("");
+    }
+  };
+  return /* @__PURE__ */ React32.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement("h2", { className: "text-2xl font-semibold" }, "Overview"), /* @__PURE__ */ React32.createElement("p", { className: "text-muted-foreground mt-1" }, "Add a domain overview to your page")), /* @__PURE__ */ React32.createElement(
+    Tabs,
+    {
+      defaultValue: "this-domain",
+      value: domainType,
+      onValueChange: handleTabChange
+    },
+    /* @__PURE__ */ React32.createElement(TabsList, { className: "px-1" }, /* @__PURE__ */ React32.createElement(TabsTrigger, { value: "this-domain" }, "This domain"), /* @__PURE__ */ React32.createElement(TabsTrigger, { value: "custom-domain" }, "Custom domain")),
+    /* @__PURE__ */ React32.createElement(TabsContent, { value: "this-domain", className: "space-y-4" }, /* @__PURE__ */ React32.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React32.createElement(Label, { htmlFor: "this-domain-input" }, "Domain"), /* @__PURE__ */ React32.createElement("div", { className: "relative" }, /* @__PURE__ */ React32.createElement(
+      Input,
+      {
+        id: "this-domain-input",
+        value: thisDomainValue,
+        disabled: true,
+        className: "pr-10",
+        placeholder: "Enter domain DID"
+      }
+    ), isValidDomain && /* @__PURE__ */ React32.createElement(CheckIcon3, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))), /* @__PURE__ */ React32.createElement(DomainPreview, { domainProfile })),
+    /* @__PURE__ */ React32.createElement(TabsContent, { value: "custom-domain", className: "space-y-4" }, /* @__PURE__ */ React32.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React32.createElement(Label, { htmlFor: "custom-domain-input" }, "Domain"), /* @__PURE__ */ React32.createElement("div", { className: "relative" }, /* @__PURE__ */ React32.createElement(
+      Input,
+      {
+        id: "custom-domain-input",
+        value: customDomainValue,
+        onChange: (e) => handleCustomDomainChange(e.target.value),
+        className: "pr-10",
+        placeholder: "Enter domain DID",
+        disabled: isLoading
+      }
+    ), isLoading ? /* @__PURE__ */ React32.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" }, /* @__PURE__ */ React32.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-gray-900" })) : isValidDomain && customDomainValue && /* @__PURE__ */ React32.createElement(CheckIcon3, { className: "absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500" }))), isValidDomain && customDomainValue && !isLoading && /* @__PURE__ */ React32.createElement(DomainPreview, { domainProfile }))
+  ));
+}
+
+// src/shadcn/blocks/overview/OverviewPreviewTab.tsx
+import React33 from "react";
+import { BlockNoteView } from "@blocknote/shadcn";
+import { useCreateBlockNote } from "@blocknote/react";
+function OverviewPreviewTab({
+  blocks,
+  loading = false,
+  error = null
+}) {
+  const editor = useCreateBlockNote({
+    ...blocks ? { initialContent: blocks } : {}
+  });
+  console.log({ blocks });
+  if (loading) {
+    return /* @__PURE__ */ React33.createElement("div", { className: "flex items-center justify-center p-8" }, /* @__PURE__ */ React33.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }));
+  }
+  if (error) {
+    return /* @__PURE__ */ React33.createElement("div", { className: "flex items-center justify-center p-8 text-red-500" }, /* @__PURE__ */ React33.createElement("p", null, "Error loading preview: ", error));
+  }
+  if (blocks === null) {
+    return /* @__PURE__ */ React33.createElement("div", { className: "flex items-center justify-center p-8 text-gray-500" }, /* @__PURE__ */ React33.createElement("p", null, "No content available"));
+  }
+  return /* @__PURE__ */ React33.createElement(BlockNoteView, { editor, editable: false });
+}
+
+// src/shadcn/blocks/overview/OverviewSettings.tsx
+function OverviewSettings({ block, editor }) {
+  const [domainValue, setDomainValue] = useState7(block.props.did);
+  const [pageBlocks, setPageBlocks] = useState7(
+    block.props.blocks || null
+  );
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
+  const [domainProfile, setDomainProfile] = useState7(null);
+  const [modalOpen, setModalOpen] = useState7(false);
+  useEffect5(() => {
+    if (!domainValue) {
+      setPageBlocks(block.props.blocks || null);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    const fetchPageBlocks = async () => {
+      try {
+        const entity = await getEntity(domainValue);
+        const overviewResource = entity.settings.Page;
+        const profileResource = entity.settings.Profile;
+        if (overviewResource?.serviceEndpoint) {
+          const fetchedPageBlocks = await fetch(
+            overviewResource.serviceEndpoint
+          ).then((res) => res.json());
+          console.log({ fetchedPageBlocks });
+          setPageBlocks(fetchedPageBlocks.blocks || block.props.blocks || null);
+        } else {
+          setPageBlocks(block.props.blocks || null);
+        }
+        if (profileResource?.serviceEndpoint) {
+          const fetchedProfile = await fetch(
+            profileResource.serviceEndpoint
+          ).then((res) => res.json());
+          setDomainProfile(fetchedProfile);
+        }
+        setLoading(false);
+      } catch (err) {
+        setError(
+          err instanceof Error ? err.message : "Failed to fetch page blocks"
+        );
+        setPageBlocks(block.props.blocks || null);
+        setLoading(false);
+      }
+    };
+    fetchPageBlocks();
+  }, [domainValue, block.props.blocks]);
+  const handleDidChange = (did) => {
+    setDomainValue(did);
+  };
+  const handleAddToPage = () => {
+    editor.updateBlock(block.id, {
+      props: {
+        did: domainValue
+      },
+      children: pageBlocks
+    });
+    console.log("Adding to page with DID:", domainValue);
+    setModalOpen(false);
+  };
+  return /* @__PURE__ */ React34.createElement(
+    SettingsModal,
+    {
+      onAddToPage: handleAddToPage,
+      loading,
+      open: modalOpen,
+      onOpenChange: setModalOpen,
+      tabs: [
+        {
+          id: "general",
+          label: "General",
+          content: /* @__PURE__ */ React34.createElement(
+            OverviewGeneralTab,
+            {
+              block,
+              editor,
+              domainValue,
+              onDomainChange: handleDidChange,
+              domainProfile
+            }
+          )
+        },
+        {
+          id: "preview",
+          label: "Preview",
+          content: /* @__PURE__ */ React34.createElement(
+            OverviewPreviewTab,
+            {
+              blocks: pageBlocks ?? null,
+              loading,
+              error
+            }
+          )
+        }
+      ]
+    }
+  );
+}
+
+// src/shadcn/blocks/overview/OverviewBlockToolbar.tsx
+function OverviewBlockToolbar({
+  block,
+  editor
+}) {
+  return /* @__PURE__ */ React35.createElement("div", { className: "flex justify-between items-center mb-3 pb-2 border-b border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React35.createElement("div", { className: "flex gap-2 items-center font-semibold" }, /* @__PURE__ */ React35.createElement(GlobeIcon, { size: 16 }), " Overview"), /* @__PURE__ */ React35.createElement(OverviewSettings, { block, editor }));
+}
+
+// src/shadcn/blocks/overview/OverviewBlock.tsx
+var OverviewBlockContent = ({
+  block,
+  editor,
+  contentRef
+}) => {
+  return /* @__PURE__ */ React36.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        backgroundColor: "#FFFFFF",
+        borderRadius: "8px"
+      }
+    },
+    /* @__PURE__ */ React36.createElement(OverviewBlockToolbar, { block, editor }),
+    /* @__PURE__ */ React36.createElement("div", { ref: contentRef })
+  );
+};
+var OverviewBlock = createReactBlockSpec2(
+  {
+    type: "overview",
+    propSchema: {
+      did: { default: "" }
+    },
+    content: "inline"
+    // <– KEY: makes this block host nested editable content
+  },
+  {
+    render: OverviewBlockContent
+  }
+);
+
+// src/shadcn/blocks/index.ts
+var blockSpecs = {
+  list: ListBlock,
+  overview: OverviewBlock
+};
+var getExtraSlashMenuItems = (editor) => [
+  {
+    title: "List",
+    onItemClick: () => {
+      editor.insertBlocks(
+        [
+          {
+            type: "list",
+            props: {
+              title: "",
+              did: "",
+              fragmentIdentifier: ""
+            }
+          }
+        ],
+        editor.getTextCursorPosition().block,
+        "after"
+      );
+    },
+    aliases: ["list", "data", "dynamic"],
+    group: "Domains",
+    subtext: "Create a dynamic list from DID data"
+  },
+  {
+    title: "Overview",
+    onItemClick: () => {
+      editor.insertBlocks(
+        [
+          {
+            type: "overview",
+            props: {
+              did: ""
+            }
+          }
+        ],
+        editor.getTextCursorPosition().block,
+        "after"
+      );
+    },
+    aliases: ["overview", "overview-block", "data-overview"],
+    group: "Domains",
+    subtext: "Create an overview from DID data"
+  }
+];
+
+// src/shadcn/hooks/useCreateIxoEditor.ts
+import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
+import { BlockNoteSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "@blocknote/core";
+function useCreateIxoEditor(options) {
+  const {
+    theme = "light",
+    uploadFile,
+    initialContent,
+    editable = true,
+    sideMenu = true,
+    slashMenu = true,
+    formattingToolbar = true,
+    linkToolbar = true,
+    filePanel = true,
+    tableHandles = true
+  } = options || {};
+  const defaultUploadFile = uploadFile || (async (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        const dataUrl = reader.result;
+        resolve(dataUrl);
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  });
+  const schema = BlockNoteSchema.create({
+    blockSpecs: {
+      ...defaultBlockSpecs,
+      ...blockSpecs
+    },
+    inlineContentSpecs: {
+      ...defaultInlineContentSpecs
+    },
+    styleSpecs: {
+      ...defaultStyleSpecs
+    }
+  });
+  const editor = useCreateBlockNote2({
+    schema,
+    initialContent,
+    uploadFile: defaultUploadFile
+  });
+  if (editor) {
+    editor._ixoConfig = {
+      theme,
+      editable,
+      sideMenu,
+      slashMenu,
+      formattingToolbar,
+      linkToolbar,
+      filePanel,
+      tableHandles
+    };
+  }
+  return editor;
+}
+
+// src/shadcn/hooks/useCollaborativeIxoEditor.ts
+import { useCreateBlockNote as useCreateBlockNote3 } from "@blocknote/react";
+import {
+  BlockNoteSchema as BlockNoteSchema2,
+  defaultBlockSpecs as defaultBlockSpecs2,
+  defaultInlineContentSpecs as defaultInlineContentSpecs2,
+  defaultStyleSpecs as defaultStyleSpecs2
+} from "@blocknote/core";
+import * as Y from "yjs";
+import { useMemo as useMemo2 } from "react";
+function useCreateCollaborativeIxoEditor(options) {
+  const yDoc = useMemo2(() => new Y.Doc(), []);
+  const {
+    theme = "light",
+    uploadFile,
+    initialContent,
+    editable = true,
+    sideMenu = true,
+    slashMenu = true,
+    formattingToolbar = true,
+    linkToolbar = true,
+    filePanel = true,
+    tableHandles = true,
+    user,
+    matrixClient
+  } = options || {};
+  const memoizedUser = useMemo2(() => ({
+    id: user?.id || "",
+    name: user?.name || "",
+    color: user?.color || "",
+    accessToken: user?.accessToken || ""
+  }), [user?.id, user?.name, user?.color, user?.accessToken]);
+  const { matrixProvider, connectionStatus } = useMatrixProvider({
+    yDoc,
+    matrixClient,
+    roomId: options.roomId
+  });
+  const defaultUploadFile = useMemo2(() => uploadFile || (async (file) => {
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        const dataUrl = reader.result;
+        resolve(dataUrl);
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  }), [uploadFile]);
+  const schema = useMemo2(() => BlockNoteSchema2.create({
+    blockSpecs: {
+      ...defaultBlockSpecs2,
+      ...blockSpecs
+    },
+    inlineContentSpecs: {
+      ...defaultInlineContentSpecs2
+    },
+    styleSpecs: {
+      ...defaultStyleSpecs2
+    }
+  }), []);
+  const collaborationConfig = useMemo2(() => ({
+    provider: matrixProvider,
+    fragment: yDoc.getXmlFragment("document"),
+    user: {
+      name: memoizedUser.name,
+      color: memoizedUser.color
+    }
+  }), [matrixProvider, yDoc, memoizedUser.name, memoizedUser.color]);
+  const ixoConfig = useMemo2(() => ({
+    theme,
+    editable,
+    sideMenu,
+    slashMenu,
+    formattingToolbar,
+    linkToolbar,
+    filePanel,
+    tableHandles
+  }), [theme, editable, sideMenu, slashMenu, formattingToolbar, linkToolbar, filePanel, tableHandles]);
+  const editor = useCreateBlockNote3({
+    schema,
+    initialContent,
+    uploadFile: defaultUploadFile,
+    collaboration: collaborationConfig
+  });
+  if (editor) {
+    editor._ixoConfig = ixoConfig;
+  }
+  return { editor, connectionStatus };
+}
+
+// src/shadcn/IxoEditor.tsx
+import React37 from "react";
+import {
+  getDefaultReactSlashMenuItems,
+  SuggestionMenuController
+} from "@blocknote/react";
+import { BlockNoteView as BlockNoteView2 } from "@blocknote/shadcn";
+import { filterSuggestionItems } from "@blocknote/core";
+function IxoEditor({
+  editor,
+  className = "",
+  onChange,
+  onSelectionChange,
+  children
+}) {
+  if (!editor) {
+    return null;
+  }
+  const config = editor._ixoConfig || {
+    theme: "light",
+    editable: true,
+    sideMenu: true,
+    slashMenu: true,
+    formattingToolbar: true,
+    linkToolbar: true,
+    filePanel: true,
+    tableHandles: true
+  };
+  return /* @__PURE__ */ React37.createElement(
+    "div",
+    {
+      className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`
+    },
+    /* @__PURE__ */ React37.createElement(
+      BlockNoteView2,
+      {
+        editor,
+        editable: config.editable,
+        sideMenu: config.sideMenu,
+        slashMenu: false,
+        formattingToolbar: config.formattingToolbar,
+        linkToolbar: config.linkToolbar,
+        filePanel: config.filePanel,
+        tableHandles: config.tableHandles,
+        theme: config.theme,
+        onChange,
+        onSelectionChange
+      },
+      config.slashMenu && /* @__PURE__ */ React37.createElement(
+        SuggestionMenuController,
+        {
+          triggerCharacter: "/",
+          getItems: async (query) => {
+            const defaultItems = getDefaultReactSlashMenuItems(editor);
+            const customItems = getExtraSlashMenuItems(editor);
+            return filterSuggestionItems(
+              [...defaultItems, ...customItems],
+              query
+            );
+          }
+        }
+      ),
+      children
+    )
+  );
+}
+
+export {
+  ListBlock,
+  OverviewBlock,
+  blockSpecs,
+  getExtraSlashMenuItems,
+  useCreateIxoEditor,
+  useCreateCollaborativeIxoEditor,
+  IxoEditor
+};
+//# sourceMappingURL=chunk-57TP5N42.mjs.map