astro-md-editor 0.0.3 → 0.0.5

package/.output/server/_ssr/{index-2cOxFkCu.mjs → index-Bn1uKwTu.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { u as useCollectionsData, R as Route, c as createSsrRpc } from "./router-sxRLAh5a.mjs";
+import { u as useCollectionsData, R as Route, c as createSsrRpc } from "./router-dPC3iVPs.mjs";
 import { t as toast } from "../_libs/sonner.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -85,6 +85,7 @@ import "../_libs/prosemirror-gapcursor.mjs";
 import "../_libs/prosemirror-history.mjs";
 import "../_libs/rope-sequence.mjs";
 import "../_libs/linkifyjs.mjs";
+import "../_libs/mixmark-io__domino.mjs";
 import "../_libs/fast-deep-equal.mjs";
 import "../_libs/json-schema-traverse.mjs";
 import "../_libs/fast-uri.mjs";
@@ -227,10 +228,10 @@ function TabsTrigger({ className, ...props }) {
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
         "data-active:bg-background data-active:text-foreground dark:data-active:bg-input/30 dark:data-active:text-foreground",
-        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
         className
       ),
       ...props
@@ -262,7 +263,7 @@ function AlertDialogOverlay({
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
-        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
         className
       ),
       ...props
@@ -282,7 +283,7 @@ function AlertDialogContent({
         "data-slot": "alert-dialog-content",
         "data-size": size,
         className: cn(
-          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          "group/alert-dialog-content bg-background ring-foreground/10 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl p-4 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm",
           className
         ),
         ...props
@@ -315,7 +316,7 @@ function AlertDialogFooter({
     {
       "data-slot": "alert-dialog-footer",
       className: cn(
-        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        "bg-muted/50 -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
         className
       ),
       ...props
@@ -347,7 +348,7 @@ function AlertDialogDescription({
     {
       "data-slot": "alert-dialog-description",
       className: cn(
-        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        "text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3",
         className
       ),
       ...props
@@ -859,13 +860,13 @@ function PopoverContent({
   ) });
 }
 const MAX_ASSET_RESULTS = 120;
-function isObjectRecord$3(value) {
+function isObjectRecord$4(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 const listImageAssets = createServerFn({
   method: "POST"
 }).inputValidator((payload) => {
-  if (!isObjectRecord$3(payload)) {
+  if (!isObjectRecord$4(payload)) {
     throw new Error("Invalid asset list payload.");
   }
   const currentFilePath = payload.currentFilePath;
@@ -884,7 +885,7 @@ const listImageAssets = createServerFn({
 const getImageAssetPreview = createServerFn({
   method: "POST"
 }).inputValidator((payload) => {
-  if (!isObjectRecord$3(payload)) {
+  if (!isObjectRecord$4(payload)) {
     throw new Error("Invalid asset preview payload.");
   }
   const assetId = payload.assetId;
@@ -1060,13 +1061,13 @@ function ImageAssetPickerPopover({
     } }) })
   ] });
 }
-function isObjectRecord$2(value) {
+function isObjectRecord$3(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 const getLocalImagePreviewServerFn = createServerFn({
   method: "POST"
 }).inputValidator((payload) => {
-  if (!isObjectRecord$2(payload)) {
+  if (!isObjectRecord$3(payload)) {
     throw new Error("Invalid local image preview payload.");
   }
   const currentFilePath = payload.currentFilePath;
@@ -2383,6 +2384,319 @@ function Switch({
     }
   );
 }
+const ICON_ROW_HEIGHT = 36;
+const ICON_VIEWPORT_HEIGHT = 288;
+const OVERSCAN_ROWS = 8;
+function isObjectRecord$2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function normalizeLibraryPrefixes(value) {
+  if (!Array.isArray(value)) {
+    return void 0;
+  }
+  const normalized = [...new Set(value.filter((item) => typeof item === "string").map((item) => item.trim().toLowerCase()).filter((item) => item.length > 0))];
+  return normalized.length > 0 ? normalized : void 0;
+}
+function parseIconifyValue(value) {
+  if (!value) {
+    return {};
+  }
+  const normalized = value.trim();
+  const separatorIndex = normalized.indexOf(":");
+  if (separatorIndex <= 0 || separatorIndex === normalized.length - 1) {
+    return {};
+  }
+  const prefix = normalized.slice(0, separatorIndex).toLowerCase();
+  const name = normalized.slice(separatorIndex + 1);
+  return {
+    prefix,
+    name
+  };
+}
+function buildIconSvgUrl(prefix, name) {
+  return `https://api.iconify.design/${encodeURIComponent(prefix)}/${encodeURIComponent(name)}.svg?width=20&height=20`;
+}
+function getIconMaskStyle$1(iconUrl) {
+  return {
+    maskImage: `url("${iconUrl}")`,
+    maskRepeat: "no-repeat",
+    maskPosition: "center",
+    maskSize: "contain",
+    WebkitMaskImage: `url("${iconUrl}")`,
+    WebkitMaskRepeat: "no-repeat",
+    WebkitMaskPosition: "center",
+    WebkitMaskSize: "contain"
+  };
+}
+const listIconifyCollectionsServerFn = createServerFn({
+  method: "GET"
+}).handler(createSsrRpc("3ba1a566c82090c8422dd6ca7258b2e1aed644206364441faf1bd80942f21745"));
+const listCollectionIconsServerFn = createServerFn({
+  method: "POST"
+}).inputValidator((payload) => {
+  if (!isObjectRecord$2(payload)) {
+    throw new Error("Invalid icon collection payload.");
+  }
+  const prefix = payload.prefix;
+  if (typeof prefix !== "string" || prefix.trim().length === 0) {
+    throw new Error("Missing icon collection prefix.");
+  }
+  return {
+    prefix: prefix.trim().toLowerCase()
+  };
+}).handler(createSsrRpc("c9dff6ed7373b505d6aeeb84c63f87a0d0c205051d9d817929a5b500e5e79e03"));
+const collectionsCache = {};
+const collectionIconsCache = /* @__PURE__ */ new Map();
+function readCollections() {
+  if (collectionsCache.data) {
+    return Promise.resolve(collectionsCache.data);
+  }
+  if (collectionsCache.promise) {
+    return collectionsCache.promise;
+  }
+  collectionsCache.promise = listIconifyCollectionsServerFn().then((collections) => {
+    collectionsCache.data = collections;
+    return collections;
+  }).finally(() => {
+    collectionsCache.promise = void 0;
+  });
+  return collectionsCache.promise;
+}
+function readCollectionIcons(prefix) {
+  const cacheKey = prefix.trim().toLowerCase();
+  const cached = collectionIconsCache.get(cacheKey);
+  if (cached?.data) {
+    return Promise.resolve(cached.data);
+  }
+  if (cached?.promise) {
+    return cached.promise;
+  }
+  const promise = listCollectionIconsServerFn({
+    data: {
+      prefix: cacheKey
+    }
+  }).then((icons) => {
+    collectionIconsCache.set(cacheKey, {
+      data: icons
+    });
+    return icons;
+  }).finally(() => {
+    const nextCached = collectionIconsCache.get(cacheKey);
+    if (nextCached) {
+      delete nextCached.promise;
+    }
+  });
+  collectionIconsCache.set(cacheKey, {
+    data: cached?.data,
+    promise
+  });
+  return promise;
+}
+function getVirtualWindow(params) {
+  const startIndex = Math.max(0, Math.floor(params.scrollTop / params.rowHeight) - params.overscan);
+  const visibleCount = Math.ceil(params.viewportHeight / params.rowHeight);
+  const endIndex = Math.min(params.itemCount, startIndex + visibleCount + params.overscan * 2);
+  return {
+    startIndex,
+    endIndex,
+    offsetY: startIndex * params.rowHeight,
+    totalHeight: params.itemCount * params.rowHeight
+  };
+}
+function IconPickerPopover({
+  triggerLabel,
+  triggerClassName,
+  triggerAriaLabel,
+  triggerContent,
+  selectedIcon,
+  allowedLibraries,
+  onSelectIcon
+}) {
+  const [open, setOpen] = reactExports.useState(false);
+  const [collections, setCollections] = reactExports.useState([]);
+  const [collectionsLoading, setCollectionsLoading] = reactExports.useState(false);
+  const [collectionsError, setCollectionsError] = reactExports.useState();
+  const [selectedPrefix, setSelectedPrefix] = reactExports.useState();
+  const [iconNames, setIconNames] = reactExports.useState([]);
+  const [iconsLoading, setIconsLoading] = reactExports.useState(false);
+  const [iconsError, setIconsError] = reactExports.useState();
+  const [iconQuery, setIconQuery] = reactExports.useState("");
+  const [iconScrollTop, setIconScrollTop] = reactExports.useState(0);
+  const parsedSelected = reactExports.useMemo(() => {
+    return parseIconifyValue(selectedIcon);
+  }, [selectedIcon]);
+  const normalizedAllowedLibraries = reactExports.useMemo(() => {
+    return normalizeLibraryPrefixes(allowedLibraries);
+  }, [allowedLibraries]);
+  reactExports.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    let cancelled = false;
+    setCollectionsLoading(true);
+    setCollectionsError(void 0);
+    void readCollections().then((nextCollections) => {
+      if (cancelled) {
+        return;
+      }
+      setCollections(nextCollections);
+    }).catch((error) => {
+      if (cancelled) {
+        return;
+      }
+      const message = error instanceof Error ? error.message : String(error);
+      setCollectionsError(message);
+      toast.error(`Unable to load Iconify collections: ${message}`);
+    }).finally(() => {
+      if (!cancelled) {
+        setCollectionsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+  const filteredCollections = reactExports.useMemo(() => {
+    const allowed = normalizedAllowedLibraries ? new Set(normalizedAllowedLibraries) : void 0;
+    return collections.filter((collection) => {
+      return allowed ? allowed.has(collection.prefix) : true;
+    });
+  }, [collections, normalizedAllowedLibraries]);
+  reactExports.useEffect(() => {
+    if (filteredCollections.length === 0) {
+      setSelectedPrefix(void 0);
+      return;
+    }
+    if (selectedPrefix && filteredCollections.some((collection) => collection.prefix === selectedPrefix)) {
+      return;
+    }
+    const preferredByValue = parsedSelected.prefix ? filteredCollections.find((collection) => collection.prefix === parsedSelected.prefix) : void 0;
+    setSelectedPrefix(preferredByValue?.prefix ?? filteredCollections[0].prefix);
+  }, [filteredCollections, parsedSelected.prefix, selectedPrefix]);
+  reactExports.useEffect(() => {
+    if (!open || !selectedPrefix) {
+      setIconNames([]);
+      return;
+    }
+    let cancelled = false;
+    setIconsLoading(true);
+    setIconsError(void 0);
+    setIconNames([]);
+    void readCollectionIcons(selectedPrefix).then((nextIcons) => {
+      if (cancelled) {
+        return;
+      }
+      setIconNames(nextIcons);
+    }).catch((error) => {
+      if (cancelled) {
+        return;
+      }
+      const message = error instanceof Error ? error.message : String(error);
+      setIconsError(message);
+      toast.error(`Unable to load icons for ${selectedPrefix}: ${message}`);
+    }).finally(() => {
+      if (!cancelled) {
+        setIconsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, selectedPrefix]);
+  const filteredIcons = reactExports.useMemo(() => {
+    const query = iconQuery.trim().toLowerCase();
+    if (query.length === 0) {
+      return iconNames;
+    }
+    return iconNames.filter((iconName) => iconName.toLowerCase().includes(query));
+  }, [iconNames, iconQuery]);
+  reactExports.useEffect(() => {
+    setIconScrollTop(0);
+  }, [iconQuery, selectedPrefix]);
+  const iconVirtualWindow = reactExports.useMemo(() => {
+    return getVirtualWindow({
+      scrollTop: iconScrollTop,
+      viewportHeight: ICON_VIEWPORT_HEIGHT,
+      rowHeight: ICON_ROW_HEIGHT,
+      itemCount: filteredIcons.length,
+      overscan: OVERSCAN_ROWS
+    });
+  }, [filteredIcons.length, iconScrollTop]);
+  const selectedIconifyName = parsedSelected.prefix && parsedSelected.name ? `${parsedSelected.prefix}:${parsedSelected.name}` : void 0;
+  const selectedCollection = reactExports.useMemo(() => {
+    if (!selectedPrefix) {
+      return void 0;
+    }
+    return filteredCollections.find((collection) => {
+      return collection.prefix === selectedPrefix;
+    });
+  }, [filteredCollections, selectedPrefix]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { className: cn(buttonVariants({
+      variant: "outline"
+    }), "h-8 border-dashed text-xs", triggerClassName), "aria-label": triggerAriaLabel, children: triggerContent ?? triggerLabel ?? "Pick icon" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverContent, { className: "w-96 max-w-[calc(100vw-2rem)] p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      collectionsLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground flex items-center gap-2 px-1 text-xs", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+        "Loading libraries..."
+      ] }) : null,
+      !collectionsLoading && collectionsError ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-destructive/90 rounded-md px-1 text-xs", children: collectionsError }) : null,
+      !collectionsLoading && !collectionsError && filteredCollections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground px-1 text-xs", children: "No icon libraries found." }) : null,
+      !collectionsLoading && !collectionsError && filteredCollections.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto pb-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-max min-w-full gap-1", children: filteredCollections.map((collection) => {
+        const isSelected = collection.prefix === selectedPrefix;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: cn("rounded-md px-2 py-1 text-xs whitespace-nowrap transition-colors", isSelected ? "bg-foreground text-background" : "bg-muted/55 text-muted-foreground hover:bg-muted/75 hover:text-foreground"), onClick: () => {
+          setSelectedPrefix(collection.prefix);
+        }, children: collection.prefix }, collection.prefix);
+      }) }) }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground px-1 text-[11px]", children: selectedCollection ? `${selectedCollection.name} (${selectedCollection.prefix}) · ${selectedCollection.total} icons` : "Select a library to browse icons." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: iconQuery, onChange: (event) => {
+            setIconQuery(event.target.value);
+          }, className: "bg-muted/50 focus-visible:ring-ring/35 h-8 border-transparent pl-8 text-xs shadow-none focus-visible:border-transparent focus-visible:ring-2", placeholder: "Search icons...", "aria-label": "Search icons", disabled: !selectedPrefix })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-border/50 rounded-md border", children: [
+          !selectedPrefix ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground flex items-center justify-center px-2 text-xs", style: {
+            height: ICON_VIEWPORT_HEIGHT
+          }, children: "Select a library to browse icons." }) : null,
+          selectedPrefix && iconsLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 text-xs", style: {
+            height: ICON_VIEWPORT_HEIGHT
+          }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+            "Loading icons..."
+          ] }) : null,
+          selectedPrefix && !iconsLoading && iconsError ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-destructive/90 px-2 py-2 text-xs", style: {
+            height: ICON_VIEWPORT_HEIGHT
+          }, children: iconsError }) : null,
+          selectedPrefix && !iconsLoading && !iconsError && filteredIcons.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground flex items-center justify-center px-2 text-xs", style: {
+            height: ICON_VIEWPORT_HEIGHT
+          }, children: "No icons found." }) : null,
+          selectedPrefix && !iconsLoading && !iconsError && filteredIcons.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-auto", style: {
+            height: ICON_VIEWPORT_HEIGHT
+          }, onScroll: (event) => {
+            setIconScrollTop(event.currentTarget.scrollTop);
+          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+            height: iconVirtualWindow.totalHeight
+          }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: {
+            transform: `translateY(${iconVirtualWindow.offsetY}px)`
+          }, children: filteredIcons.slice(iconVirtualWindow.startIndex, iconVirtualWindow.endIndex).map((iconName) => {
+            const iconifyName = `${selectedPrefix}:${iconName}`;
+            const isSelected = iconifyName === selectedIconifyName;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: cn("hover:bg-muted/65 flex h-9 w-full items-center gap-2 px-2 text-left text-xs transition-colors", isSelected ? "bg-muted/70" : ""), onClick: () => {
+              onSelectIcon(iconifyName);
+              setOpen(false);
+            }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "text-foreground size-4 shrink-0 bg-current", style: getIconMaskStyle$1(buildIconSvgUrl(selectedPrefix, iconName)) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground/90 flex-1 truncate", children: iconName }),
+              isSelected ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 shrink-0" }) : null
+            ] }, iconName);
+          }) }) }) }) : null
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
 function padTwo$1(value) {
   return value.toString().padStart(2, "0");
 }
@@ -2572,6 +2886,14 @@ function resolveCustomFieldKind(params) {
       required: params.required
     };
   }
+  if (customKind.kind === "icon" && params.property.type === "string") {
+    return {
+      kind: "icon",
+      key: params.key,
+      required: params.required,
+      iconLibraries: customKind.iconLibraries
+    };
+  }
   return void 0;
 }
 function resolveAstroObjectSchema(schema) {
@@ -2686,6 +3008,7 @@ function isCompatibleValue(field, value) {
     case "string":
     case "image":
     case "color":
+    case "icon":
       return typeof value === "string";
     case "number":
       return typeof value === "number" && Number.isFinite(value);
@@ -2890,6 +3213,36 @@ function normalizeHexColor(value) {
 function isHexColor(value) {
   return HEX_COLOR_REGEX.test(value);
 }
+function parseIconifyName(value) {
+  const normalized = value.trim();
+  const separatorIndex = normalized.indexOf(":");
+  if (separatorIndex <= 0 || separatorIndex === normalized.length - 1) {
+    return void 0;
+  }
+  return {
+    prefix: normalized.slice(0, separatorIndex).toLowerCase(),
+    name: normalized.slice(separatorIndex + 1)
+  };
+}
+function buildIconPreviewUrl(iconifyName) {
+  const parsed = parseIconifyName(iconifyName);
+  if (!parsed) {
+    return void 0;
+  }
+  return `https://api.iconify.design/${encodeURIComponent(parsed.prefix)}/${encodeURIComponent(parsed.name)}.svg?width=24&height=24`;
+}
+function getIconMaskStyle(iconUrl) {
+  return {
+    maskImage: `url("${iconUrl}")`,
+    maskRepeat: "no-repeat",
+    maskPosition: "center",
+    maskSize: "contain",
+    WebkitMaskImage: `url("${iconUrl}")`,
+    WebkitMaskRepeat: "no-repeat",
+    WebkitMaskPosition: "center",
+    WebkitMaskSize: "contain"
+  };
+}
 const HOUR_OPTIONS = Array.from({ length: 24 }, (_, index) => padTwo(index));
 const MINUTE_OPTIONS = Array.from({ length: 60 }, (_, index) => padTwo(index));
 function isDirectImagePreviewSourcePath(sourcePath) {
@@ -2987,7 +3340,10 @@ function FrontmatterImagePreviewGrid({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: cn("grid gap-2", columns === 1 ? "grid-cols-1" : "grid-cols-2"),
+      className: cn(
+        "grid gap-2",
+        columns === 1 ? "grid-cols-1" : "grid-cols-2"
+      ),
       children: items.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -2998,7 +3354,10 @@ function FrontmatterImagePreviewGrid({
               {
                 src: item.previewUrl,
                 alt: item.sourcePath,
-                className: cn("w-full object-cover", columns === 1 ? "h-44" : "h-28")
+                className: cn(
+                  "w-full object-cover",
+                  columns === 1 ? "h-44" : "h-28"
+                )
               }
             ) : item.loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
@@ -3023,7 +3382,7 @@ function FrontmatterImagePreviewGrid({
               "button",
               {
                 type: "button",
-                className: "bg-background/85 text-foreground absolute top-2 right-2 inline-flex size-6 items-center justify-center rounded-full opacity-0 shadow-sm transition-opacity hover:opacity-100 group-hover:opacity-100",
+                className: "bg-background/85 text-foreground absolute top-2 right-2 inline-flex size-6 items-center justify-center rounded-full opacity-0 shadow-sm transition-opacity group-hover:opacity-100 hover:opacity-100",
                 onClick: () => onRemoveAt(index),
                 "aria-label": `Remove image ${item.sourcePath}`,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
@@ -3422,6 +3781,53 @@ function ColorField({
     hasValue && !hasValidValue ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/85 text-xs", children: "Use a hex color in #RRGGBB format." }) : null
   ] });
 }
+function IconField({
+  fieldKey,
+  value,
+  iconLibraries,
+  onChange,
+  onBlur
+}) {
+  const stringValue = typeof value === "string" ? value : "";
+  const previewUrl = buildIconPreviewUrl(stringValue);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Input,
+      {
+        id: fieldKey,
+        className: SUBTLE_FIELD_CLASS,
+        value: stringValue,
+        onChange: (event) => {
+          const nextRaw = event.target.value;
+          onChange(nextRaw.length > 0 ? nextRaw : void 0);
+        },
+        onBlur,
+        placeholder: "lucide:messages-square"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      IconPickerPopover,
+      {
+        triggerClassName: "border-border/50 bg-muted/45 hover:bg-muted/60 focus-visible:ring-ring/35 size-8 shrink-0 rounded-md border p-0 shadow-none focus-visible:ring-2",
+        triggerAriaLabel: `${fieldKey} icon picker`,
+        triggerContent: previewUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "text-foreground size-3 shrink-0 bg-current",
+            style: getIconMaskStyle(previewUrl)
+          }
+        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground text-[10px] font-medium", children: "icon" }),
+        selectedIcon: stringValue,
+        allowedLibraries: iconLibraries,
+        onSelectIcon: (nextIcon) => {
+          onChange(nextIcon);
+          onBlur();
+        }
+      }
+    )
+  ] });
+}
 function FieldErrorList({
   fieldKey,
   errors
@@ -3688,7 +4094,7 @@ function RightSidebar({
           setActiveTab(value);
         }
       },
-      className: "h-full min-h-0 gap-3 w-full",
+      className: "h-full min-h-0 w-full gap-3",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "frontmatter", className: "text-xs", children: "Frontmatter" }),
@@ -3752,6 +4158,18 @@ function RightSidebar({
                       onBlur: () => handleFieldBlur(field.key)
                     }
                   ),
+                  field.kind === "icon" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    IconField,
+                    {
+                      fieldKey: field.key,
+                      value,
+                      iconLibraries: field.iconLibraries,
+                      onChange: (nextValue) => {
+                        setFieldValue(field.key, nextValue);
+                      },
+                      onBlur: () => handleFieldBlur(field.key)
+                    }
+                  ),
                   field.kind === "number" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     NumberField,
                     {
@@ -3865,96 +4283,108 @@ function RightSidebar({
             }
           ) : null
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsContent, { value: "history", className: "min-h-0 space-y-2 overflow-auto pr-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              type: "button",
-              size: "sm",
-              variant: "ghost",
-              className: "h-7 px-2 text-xs",
-              disabled: historyLoading || historyLoadingMore || !selectedFilePath,
-              onClick: () => {
-                void loadHistory(void 0, false);
-              },
-              children: "Refresh"
-            }
-          ) }),
-          historyUnavailableReason ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "bg-muted/40 text-muted-foreground rounded-md px-3 py-2 text-xs", children: historyUnavailableReason }) : null,
-          !historyUnavailableReason && historyError ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/90 rounded-md px-1 py-1 text-xs", children: historyError }) : null,
-          !historyUnavailableReason && !historyError && historyLoading && historyCommits.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground flex items-center gap-1.5 px-1 py-1 text-xs", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
-            "Loading history..."
-          ] }) : null,
-          !historyUnavailableReason && !historyError && !historyLoading && historyCommits.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground rounded-md px-1 py-1 text-xs", children: "No Git history found for this file." }) : null,
-          !historyUnavailableReason && historyCommits.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-border/40 divide-y rounded-md border", children: historyCommits.map((commit) => {
-            const isExpanded = selectedCommitSha === commit.sha;
-            const commitTitle = commit.message.trim().length > 0 ? commit.message : "No commit message";
-            return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-2.5 py-2", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          TabsContent,
+          {
+            value: "history",
+            className: "min-h-0 space-y-2 overflow-auto pr-1",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
                 {
                   type: "button",
-                  className: "w-full text-left",
+                  size: "sm",
+                  variant: "ghost",
+                  className: "h-7 px-2 text-xs",
+                  disabled: historyLoading || historyLoadingMore || !selectedFilePath,
                   onClick: () => {
-                    setApplySummary(void 0);
-                    setSelectedCommitSha(
-                      (current) => current === commit.sha ? void 0 : commit.sha
-                    );
+                    void loadHistory(void 0, false);
                   },
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-foreground/90 text-xs font-medium", children: commitTitle }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground mt-0.5 text-[11px]", children: [
-                      commit.author,
-                      " · ",
-                      formatHistoryDateTime(commit.dateIso)
-                    ] })
-                  ]
+                  children: "Refresh"
                 }
-              ),
-              isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 space-y-2", children: [
-                revisionLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
-                  "Loading frontmatter..."
-                ] }) : null,
-                revisionError ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/90 text-xs", children: revisionError }) : null,
-                !revisionLoading && !revisionError && selectedRevision ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
-                  selectedRevision.parseWarnings.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-amber-100/70 text-amber-900 dark:bg-amber-900/30 dark:text-amber-200 rounded-md px-2 py-1.5 text-[11px]", children: selectedRevision.parseWarnings[0] }) : null,
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-muted/55 max-h-40 overflow-auto rounded-md px-2 py-1.5 text-[11px] leading-relaxed whitespace-pre-wrap", children: Object.keys(selectedRevision.frontmatter).length > 0 ? JSON.stringify(selectedRevision.frontmatter, null, 2) : "[No frontmatter]" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Button,
+              ) }),
+              historyUnavailableReason ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "bg-muted/40 text-muted-foreground rounded-md px-3 py-2 text-xs", children: historyUnavailableReason }) : null,
+              !historyUnavailableReason && historyError ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/90 rounded-md px-1 py-1 text-xs", children: historyError }) : null,
+              !historyUnavailableReason && !historyError && historyLoading && historyCommits.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground flex items-center gap-1.5 px-1 py-1 text-xs", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+                "Loading history..."
+              ] }) : null,
+              !historyUnavailableReason && !historyError && !historyLoading && historyCommits.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground rounded-md px-1 py-1 text-xs", children: "No Git history found for this file." }) : null,
+              !historyUnavailableReason && historyCommits.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "divide-border/40 divide-y rounded-md border", children: historyCommits.map((commit) => {
+                const isExpanded = selectedCommitSha === commit.sha;
+                const commitTitle = commit.message.trim().length > 0 ? commit.message : "No commit message";
+                return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-2.5 py-2", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "button",
                     {
                       type: "button",
-                      size: "sm",
-                      variant: "outline",
-                      className: "h-7 w-full text-xs",
-                      onClick: handleApplyHistoryRevision,
-                      children: "Apply"
+                      className: "w-full text-left",
+                      onClick: () => {
+                        setApplySummary(void 0);
+                        setSelectedCommitSha(
+                          (current) => current === commit.sha ? void 0 : commit.sha
+                        );
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-foreground/90 text-xs font-medium", children: commitTitle }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground mt-0.5 text-[11px]", children: [
+                          commit.author,
+                          " ·",
+                          " ",
+                          formatHistoryDateTime(commit.dateIso)
+                        ] })
+                      ]
                     }
                   ),
-                  applySummary ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground text-[11px]", children: applySummary }) : null
-                ] }) : null
-              ] }) : null
-            ] }, commit.sha);
-          }) }) : null,
-          historyNextCursor ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Button,
-            {
-              type: "button",
-              size: "sm",
-              variant: "outline",
-              className: "h-7 w-full text-xs",
-              disabled: historyLoadingMore || historyLoading,
-              onClick: () => {
-                void loadHistory(historyNextCursor, true);
-              },
-              children: historyLoadingMore ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
-                "Loading..."
-              ] }) : "Load older revisions"
-            }
-          ) : null
-        ] })
+                  isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-2 space-y-2", children: [
+                    revisionLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-muted-foreground flex items-center gap-1.5 text-xs", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+                      "Loading frontmatter..."
+                    ] }) : null,
+                    revisionError ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-destructive/90 text-xs", children: revisionError }) : null,
+                    !revisionLoading && !revisionError && selectedRevision ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+                      selectedRevision.parseWarnings.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md bg-amber-100/70 px-2 py-1.5 text-[11px] text-amber-900 dark:bg-amber-900/30 dark:text-amber-200", children: selectedRevision.parseWarnings[0] }) : null,
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-muted/55 max-h-40 overflow-auto rounded-md px-2 py-1.5 text-[11px] leading-relaxed whitespace-pre-wrap", children: Object.keys(selectedRevision.frontmatter).length > 0 ? JSON.stringify(
+                        selectedRevision.frontmatter,
+                        null,
+                        2
+                      ) : "[No frontmatter]" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        Button,
+                        {
+                          type: "button",
+                          size: "sm",
+                          variant: "outline",
+                          className: "h-7 w-full text-xs",
+                          onClick: handleApplyHistoryRevision,
+                          children: "Apply"
+                        }
+                      ),
+                      applySummary ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-muted-foreground text-[11px]", children: applySummary }) : null
+                    ] }) : null
+                  ] }) : null
+                ] }, commit.sha);
+              }) }) : null,
+              historyNextCursor ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  className: "h-7 w-full text-xs",
+                  disabled: historyLoadingMore || historyLoading,
+                  onClick: () => {
+                    void loadHistory(historyNextCursor, true);
+                  },
+                  children: historyLoadingMore ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+                    "Loading..."
+                  ] }) : "Load older revisions"
+                }
+              ) : null
+            ]
+          }
+        )
       ]
     }
   ) });