@ixo/editor 1.1.3 → 1.2.0

package/dist/chunk-GSKWOGSU.mjs

@@ -1,1611 +0,0 @@
-import {
-  getEntity,
-  useMatrixProvider
-} from "./chunk-2UJGZZWQ.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/core/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/core/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/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-GSKWOGSU.mjs.map