@haklex/rich-ext-gallery 0.4.1 → 0.5.0

package/dist/index.mjs

@@ -1,407 +1,6 @@
-import { A as galleryImageList, C as galleryHeaderClose, D as galleryImageDragHandle, E as galleryImageDeleteBtn, M as galleryImageThumbPlaceholder, O as galleryImageFields, S as galleryHeaderActions, T as galleryImageCard, _ as galleryEmptyState, a as GalleryRenderer, b as galleryFooterBtnSave, c as galleryDialogBody, d as galleryDialogHeader, f as galleryDialogPopup, g as galleryEditOverlay, h as galleryEditLabel, i as _defineProperty, j as galleryImageThumb, k as galleryImageInput, l as galleryDialogEmpty, m as galleryEditContainer, n as $isGalleryNode, o as GalleryRenderer_default, p as galleryDialogTitle, r as GalleryNode, s as galleryAddBtn, t as $createGalleryNode, u as galleryDialogFooter, v as galleryFooterActions, w as galleryImageActions, x as galleryFooterInfo, y as galleryFooterBtnCancel } from "./GalleryNode-DBVAUkDV.js";
-import { createRendererDecoration } from "@haklex/rich-editor/renderers";
-import { $getNodeByKey, $insertNodes } from "lexical";
-import { GripVertical, ImageIcon, Images, Pencil, Plus, Trash2, X } from "lucide-react";
-import { createElement, useCallback, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { DndContext, DragOverlay, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
-import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { useColorScheme } from "@haklex/rich-editor";
-import { SegmentedControl, presentDialog } from "@haklex/rich-editor-ui";
-import { usePortalTheme, vars } from "@haklex/rich-style-token";
-import { createPortal } from "react-dom";
-//#region src/GalleryEditNode.ts
-var GalleryEditNode = class GalleryEditNode extends GalleryNode {
-	static clone(node) {
-		return new GalleryEditNode({
-			images: node.__images.map((img) => ({ ...img })),
-			layout: node.__layout
-		}, node.__key);
-	}
-	constructor(payload, key) {
-		super(payload, key);
-	}
-	static importJSON(serializedNode) {
-		return new GalleryEditNode({
-			images: serializedNode.images,
-			layout: serializedNode.layout
-		});
-	}
-	decorate(editor, _config) {
-		const nodeKey = this.__key;
-		return createRendererDecoration("Gallery", GalleryRenderer, {
-			images: this.__images,
-			layout: this.__layout,
-			onImagesChange: (images) => {
-				editor.update(() => {
-					const node = $getNodeByKey(nodeKey);
-					if (node) node.setImages(images);
-				});
-			},
-			onLayoutChange: (layout) => {
-				editor.update(() => {
-					const node = $getNodeByKey(nodeKey);
-					if (node) node.setLayout(layout);
-				});
-			}
-		});
-	}
-};
-_defineProperty(GalleryEditNode, "commandItems", [{
-	title: "Gallery",
-	icon: createElement(Images, { size: 20 }),
-	description: "Image gallery grid",
-	keywords: [
-		"gallery",
-		"images",
-		"grid"
-	],
-	section: "MEDIA",
-	placement: ["slash", "toolbar"],
-	group: "insert",
-	onSelect: (editor) => {
-		editor.update(() => {
-			$insertNodes([$createGalleryEditNode({ images: [] })]);
-		});
-	}
-}]);
-function $createGalleryEditNode(payload) {
-	return new GalleryEditNode(payload);
-}
-function $isGalleryEditNode(node) {
-	return node instanceof GalleryEditNode;
-}
-//#endregion
-//#region src/GalleryEditRenderer.tsx
-var layoutItems = [
-	{
-		value: "grid",
-		label: "Grid"
-	},
-	{
-		value: "masonry",
-		label: "Masonry"
-	},
-	{
-		value: "carousel",
-		label: "Carousel"
-	}
-];
-var nextId = 0;
-function genId() {
-	return `img-${++nextId}`;
-}
-var SortableImageCard = ({ id, image, index, isLast, lastInputRef, onUpdate, onRemove }) => {
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
-	return /* @__PURE__ */ jsxs("div", {
-		className: galleryImageCard,
-		ref: setNodeRef,
-		style: {
-			transform: CSS.Transform.toString(transform),
-			transition: isDragging ? void 0 : transition,
-			opacity: isDragging ? .4 : 1
-		},
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: galleryImageDragHandle,
-				...attributes,
-				...listeners,
-				children: /* @__PURE__ */ jsx(GripVertical, { size: 14 })
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: galleryImageThumb,
-				children: image.src ? /* @__PURE__ */ jsx("img", {
-					alt: image.alt || "",
-					src: image.src
-				}) : /* @__PURE__ */ jsx("span", {
-					className: galleryImageThumbPlaceholder,
-					children: /* @__PURE__ */ jsx(ImageIcon, { size: 20 })
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: galleryImageFields,
-				children: [/* @__PURE__ */ jsx("input", {
-					className: galleryImageInput,
-					placeholder: "Image URL",
-					ref: isLast ? lastInputRef : void 0,
-					type: "text",
-					value: image.src,
-					onChange: (e) => onUpdate(index, "src", e.target.value)
-				}), /* @__PURE__ */ jsx("input", {
-					className: galleryImageInput,
-					placeholder: "Alt text (optional)",
-					type: "text",
-					value: image.alt || "",
-					onChange: (e) => onUpdate(index, "alt", e.target.value)
-				})]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: galleryImageActions,
-				children: /* @__PURE__ */ jsx("button", {
-					className: galleryImageDeleteBtn,
-					title: "Remove",
-					type: "button",
-					onClick: () => onRemove(index),
-					children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
-				})
-			})
-		]
-	});
-};
-var DragOverlayCard = ({ image }) => /* @__PURE__ */ jsxs("div", {
-	className: galleryImageCard,
-	style: { opacity: .9 },
-	children: [
-		/* @__PURE__ */ jsx("div", {
-			className: galleryImageDragHandle,
-			children: /* @__PURE__ */ jsx(GripVertical, { size: 14 })
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: galleryImageThumb,
-			children: image.src ? /* @__PURE__ */ jsx("img", {
-				alt: image.alt || "",
-				src: image.src
-			}) : /* @__PURE__ */ jsx("span", {
-				className: galleryImageThumbPlaceholder,
-				children: /* @__PURE__ */ jsx(ImageIcon, { size: 20 })
-			})
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: galleryImageFields,
-			children: /* @__PURE__ */ jsx("span", {
-				style: {
-					fontSize: vars.typography.fontSizeSm,
-					overflow: "hidden",
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap"
-				},
-				children: image.src || "No URL"
-			})
-		})
-	]
-});
-var GalleryEditorDialogContent = ({ dismiss, initialImages, initialLayout, onImagesChange, onLayoutChange }) => {
-	const { className: portalClassName } = usePortalTheme();
-	const [entries, setEntries] = useState(() => initialImages.map((img) => ({
-		id: genId(),
-		image: { ...img }
-	})));
-	const [layout, setLayout] = useState(initialLayout);
-	const newInputRef = useRef(null);
-	const [dragActiveId, setDragActiveId] = useState(null);
-	const itemIds = entries.map((e) => e.id);
-	const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
-	const handleAddImage = useCallback(() => {
-		setEntries((prev) => [...prev, {
-			id: genId(),
-			image: {
-				src: "",
-				alt: ""
-			}
-		}]);
-		requestAnimationFrame(() => {
-			newInputRef.current?.focus();
-		});
-	}, []);
-	const handleRemoveImage = useCallback((index) => {
-		setEntries((prev) => prev.filter((_, i) => i !== index));
-	}, []);
-	const handleUpdateImage = useCallback((index, field, value) => {
-		setEntries((prev) => prev.map((entry, i) => i === index ? {
-			...entry,
-			image: {
-				...entry.image,
-				[field]: value
-			}
-		} : entry));
-	}, []);
-	const handleDragEnd = useCallback((event) => {
-		const { active, over } = event;
-		setDragActiveId(null);
-		if (!over || active.id === over.id) return;
-		setEntries((prev) => {
-			const oldIndex = prev.findIndex((e) => e.id === String(active.id));
-			const newIndex = prev.findIndex((e) => e.id === String(over.id));
-			if (oldIndex === -1 || newIndex === -1) return prev;
-			return arrayMove(prev, oldIndex, newIndex);
-		});
-	}, []);
-	const handleSave = useCallback(() => {
-		onImagesChange(entries.map((e) => e.image).filter((img) => img.src.trim()));
-		onLayoutChange(layout);
-		dismiss();
-	}, [
-		entries,
-		layout,
-		onImagesChange,
-		onLayoutChange,
-		dismiss
-	]);
-	const dragActiveEntry = dragActiveId ? entries.find((e) => e.id === dragActiveId) : null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs("div", {
-			className: galleryDialogHeader,
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: galleryDialogTitle,
-					children: [/* @__PURE__ */ jsx(Images, { size: 18 }), /* @__PURE__ */ jsx("span", { children: "Gallery Editor" })]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: galleryHeaderActions,
-					children: /* @__PURE__ */ jsx(SegmentedControl, {
-						items: layoutItems,
-						value: layout,
-						onChange: setLayout
-					})
-				}),
-				/* @__PURE__ */ jsx("button", {
-					className: galleryHeaderClose,
-					type: "button",
-					onClick: dismiss,
-					children: /* @__PURE__ */ jsx(X, { size: 18 })
-				})
-			]
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: galleryDialogBody,
-			children: entries.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: galleryDialogEmpty,
-				children: [
-					/* @__PURE__ */ jsx(ImageIcon, { size: 32 }),
-					/* @__PURE__ */ jsx("span", { children: "Add your first image" }),
-					/* @__PURE__ */ jsxs("button", {
-						className: galleryAddBtn,
-						style: { maxWidth: 200 },
-						type: "button",
-						onClick: handleAddImage,
-						children: [/* @__PURE__ */ jsx(Plus, { size: 14 }), "Add Image"]
-					})
-				]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: galleryImageList,
-				children: [/* @__PURE__ */ jsxs(DndContext, {
-					collisionDetection: closestCenter,
-					sensors,
-					onDragCancel: () => setDragActiveId(null),
-					onDragEnd: handleDragEnd,
-					onDragStart: (event) => {
-						setDragActiveId(String(event.active.id));
-					},
-					children: [/* @__PURE__ */ jsx(SortableContext, {
-						items: itemIds,
-						strategy: verticalListSortingStrategy,
-						children: entries.map((entry, index) => /* @__PURE__ */ jsx(SortableImageCard, {
-							id: entry.id,
-							image: entry.image,
-							index,
-							isLast: index === entries.length - 1,
-							lastInputRef: newInputRef,
-							onRemove: handleRemoveImage,
-							onUpdate: handleUpdateImage
-						}, entry.id))
-					}), typeof document !== "undefined" ? createPortal(/* @__PURE__ */ jsx("div", {
-						className: portalClassName,
-						children: /* @__PURE__ */ jsx(DragOverlay, {
-							dropAnimation: null,
-							children: dragActiveEntry ? /* @__PURE__ */ jsx(DragOverlayCard, { image: dragActiveEntry.image }) : null
-						})
-					}), document.body) : null]
-				}), /* @__PURE__ */ jsxs("button", {
-					className: galleryAddBtn,
-					type: "button",
-					onClick: handleAddImage,
-					children: [/* @__PURE__ */ jsx(Plus, { size: 14 }), "Add Image"]
-				})]
-			})
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: galleryDialogFooter,
-			children: [/* @__PURE__ */ jsx("span", {
-				className: galleryFooterInfo,
-				children: `${entries.filter((e) => e.image.src.trim()).length} ${entries.filter((e) => e.image.src.trim()).length !== 1 ? "images" : "image"}`
-			}), /* @__PURE__ */ jsxs("div", {
-				className: galleryFooterActions,
-				children: [/* @__PURE__ */ jsx("button", {
-					className: galleryFooterBtnCancel,
-					type: "button",
-					onClick: dismiss,
-					children: "Cancel"
-				}), /* @__PURE__ */ jsx("button", {
-					className: galleryFooterBtnSave,
-					type: "button",
-					onClick: handleSave,
-					children: "Save"
-				})]
-			})]
-		})
-	] });
-};
-var GalleryEditRenderer = ({ images, layout, onImagesChange, onLayoutChange }) => {
-	const { className: portalClassName } = usePortalTheme();
-	const theme = useColorScheme();
-	const handleOpenEditor = useCallback(() => {
-		if (!onImagesChange || !onLayoutChange) return;
-		presentDialog({
-			content: ({ dismiss }) => /* @__PURE__ */ jsx(GalleryEditorDialogContent, {
-				dismiss,
-				initialImages: images,
-				initialLayout: layout,
-				onImagesChange,
-				onLayoutChange
-			}),
-			className: galleryDialogPopup,
-			portalClassName,
-			theme,
-			showCloseButton: false,
-			clickOutsideToDismiss: false
-		});
-	}, [
-		images,
-		layout,
-		onImagesChange,
-		onLayoutChange,
-		portalClassName,
-		theme
-	]);
-	if (!onImagesChange) return /* @__PURE__ */ jsx(GalleryRenderer, {
-		images,
-		layout
-	});
-	if (images.length === 0) return /* @__PURE__ */ jsxs("div", {
-		className: galleryEditContainer,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: galleryEmptyState,
-			children: [/* @__PURE__ */ jsx(ImageIcon, { size: 32 }), /* @__PURE__ */ jsx("span", { children: "Empty gallery" })]
-		}), /* @__PURE__ */ jsx("button", {
-			className: galleryEditOverlay,
-			type: "button",
-			onClick: handleOpenEditor,
-			children: /* @__PURE__ */ jsxs("span", {
-				className: galleryEditLabel,
-				children: [/* @__PURE__ */ jsx(Pencil, { size: 16 }), "Edit Gallery"]
-			})
-		})]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: galleryEditContainer,
-		children: [/* @__PURE__ */ jsx(GalleryRenderer, {
-			images,
-			layout
-		}), /* @__PURE__ */ jsx("button", {
-			className: galleryEditOverlay,
-			type: "button",
-			onClick: handleOpenEditor,
-			children: /* @__PURE__ */ jsxs("span", {
-				className: galleryEditLabel,
-				children: [/* @__PURE__ */ jsx(Pencil, { size: 16 }), "Edit Gallery"]
-			})
-		})]
-	});
-};
-//#endregion
-//#region src/index.ts
-var galleryNodes = [GalleryNode];
-var galleryEditNodes = [GalleryEditNode];
-//#endregion
-export { $createGalleryEditNode, $createGalleryNode, $isGalleryEditNode, $isGalleryNode, GalleryEditNode, GalleryEditRenderer, GalleryNode, GalleryRenderer, GalleryRenderer_default as default, galleryEditNodes, galleryNodes };
+import { t as GalleryRenderer } from "./GalleryRenderer-CyyWUTT0.js";
+import { a as GALLERY_NODE_KEY, n as $isGalleryNode, r as GalleryNode, t as $createGalleryNode } from "./GalleryNode-CKcqJG5T.js";
+import { a as GalleryEditNode, i as $isGalleryEditNode, n as GalleryEditRenderer, r as $createGalleryEditNode, t as galleryEditNodes } from "./edit-BQnC2MpC.js";
+import { galleryNodes } from "./node.mjs";
+import "./renderer.mjs";
+export { $createGalleryEditNode, $createGalleryNode, $isGalleryEditNode, $isGalleryNode, GALLERY_NODE_KEY, GalleryEditNode, GalleryEditRenderer, GalleryNode, GalleryRenderer, galleryEditNodes, galleryNodes };

package/dist/node.d.ts

@@ -0,0 +1,7 @@
+import { Klass, LexicalNode } from 'lexical';
+export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
+export { $createGalleryNode, $isGalleryNode, GalleryNode } from './GalleryNode';
+export { GALLERY_NODE_KEY } from './slot';
+export type { GalleryImage, GalleryRendererProps } from './types';
+export declare const galleryNodes: Array<Klass<LexicalNode>>;
+//# sourceMappingURL=node.d.ts.map

package/dist/node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["../src/node.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAElB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AACzC,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEjE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA"}

package/dist/node.mjs

@@ -0,0 +1,5 @@
+import { a as GALLERY_NODE_KEY, n as $isGalleryNode, r as GalleryNode, t as $createGalleryNode } from "./GalleryNode-CKcqJG5T.js";
+//#region src/node.ts
+var galleryNodes = [GalleryNode];
+//#endregion
+export { $createGalleryNode, $isGalleryNode, GALLERY_NODE_KEY, GalleryNode, galleryNodes };

package/dist/renderer.d.ts

@@ -0,0 +1,3 @@
+export { default, GalleryRenderer } from './GalleryRenderer';
+export type { GalleryImage, GalleryRendererProps } from './types';
+//# sourceMappingURL=renderer.d.ts.map

package/dist/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AACrB,OAAO,WAAW,CAAA;AAElB,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

package/dist/renderer.mjs

@@ -0,0 +1,2 @@
+import { n as GalleryRenderer_default, t as GalleryRenderer } from "./GalleryRenderer-CyyWUTT0.js";
+export { GalleryRenderer, GalleryRenderer_default as default };

package/dist/rich-ext-gallery.css

@@ -1,2 +1,2 @@
-._10ydd1n0{width:100%;margin:16px 0;position:relative}._10ydd1n1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:auto}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{cursor:pointer;margin:0;transition:transform .2s;display:inline-block}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{border-radius:4px;display:block}._10ydd1n6{border:1px solid var(--rc-border);background:var(--rc-bg-secondary);width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}._10ydd1na{background:var(--rc-text-secondary);opacity:.5;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{border:1px solid var(--rc-border);border-radius:.5rem;width:100%;min-height:120px;margin:16px 0;position:relative;overflow:hidden}._10ydd1nd{z-index:5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._10ydd1nd:hover{background:color-mix(in srgb, currentColor 6%, transparent)}._10ydd1ne{background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);opacity:0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:opacity .2s;display:flex}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem;display:flex}._10ydd1ng._10ydd1ng{border-radius:.5rem;flex-direction:column;gap:0;width:calc(100vw - 2rem);height:min(720px,85vh);padding:0;display:flex;overflow:hidden}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{border-bottom:1px solid var(--rc-border);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;display:flex}._10ydd1ni{font-size:var(--rc-font-size-md);color:var(--rc-text);align-items:center;gap:.5rem;font-weight:600;line-height:1;display:flex}._10ydd1nj{align-items:center;gap:2px;margin-left:auto;display:flex}._10ydd1nk{width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:background .15s,color .15s;display:flex}._10ydd1nk:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;padding:1rem;overflow-y:auto}._10ydd1nm{flex-direction:column;gap:.75rem;display:flex}._10ydd1nn{border:1px solid var(--rc-border);background:color-mix(in srgb, var(--rc-text) 2%, transparent);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}._10ydd1no{width:24px;height:24px;color:var(--rc-text-secondary);cursor:grab;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;transition:background .15s,color .15s;display:flex}._10ydd1no:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{background-color:color-mix(in srgb, var(--rc-text) 5%, transparent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}._10ydd1np img{object-fit:cover;width:100%;height:100%}._10ydd1nq{color:color-mix(in srgb, var(--rc-text-secondary) 40%, transparent)}._10ydd1nr{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._10ydd1ns{border:1px solid var(--rc-border);background:var(--rc-bg);width:100%;color:var(--rc-text);font-size:var(--rc-font-size-sm);border-radius:4px;outline:none;padding:4px 8px;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb, var(--rc-text) 30%, transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb, var(--rc-text-secondary) 50%, transparent)}._10ydd1nt{flex-direction:column;flex-shrink:0;gap:2px;display:flex}._10ydd1nu{width:28px;height:28px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}._10ydd1nu:hover{background:color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);color:var(--rc-alert-caution)}._10ydd1nv{border:1px dashed var(--rc-border);width:100%;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:6px;padding:.625rem;transition:border-color .15s,color .15s,background .15s;display:flex}._10ydd1nv:hover{border-color:color-mix(in srgb, var(--rc-text) 20%, transparent);color:var(--rc-text);background:color-mix(in srgb, var(--rc-text) 2%, transparent)}._10ydd1nw{border-top:1px solid var(--rc-border);background-color:color-mix(in srgb, var(--rc-text) 1.5%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 1rem;display:flex}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{align-items:center;gap:.5rem;display:flex}._10ydd1nz{font-size:var(--rc-font-size-xs);cursor:pointer;border-radius:.375rem;height:28px;padding:.25rem .75rem;font-weight:500;transition:background-color .15s,border-color .15s}._10ydd1n10{color:var(--rc-text-secondary);border:1px solid var(--rc-border);background-color:#0000}._10ydd1n10:hover{background-color:color-mix(in srgb, var(--rc-text) 4%, transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid #0000}._10ydd1n11:hover{background-color:color-mix(in srgb, var(--rc-text) 85%, transparent)}._10ydd1n12{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}@media (max-width:768px){._10ydd1n2{column-count:2}}@media (max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media (min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}
+:root{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark,[data-theme=dark]{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr0{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.7;--rc-line-height-tight:1.4;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr1{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:16px;--rc-font-size-small:14px;--rc-line-height:1.8;--rc-line-height-tight:1.4;--rc-font-family:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yectnr2{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#a3a3a3;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-font-family-sans:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif:"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs:.625em;--rc-font-size-xs:.75em;--rc-font-size-sm:.8125em;--rc-font-size-md:.875em;--rc-font-size-lg:1.25em;--rc-font-size-base:14px;--rc-font-size-small:12px;--rc-line-height:1.5;--rc-line-height-tight:1.3;--rc-font-family:"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.dark .yectnr0,[data-theme=dark] .yectnr0,.dark.yectnr0,[data-theme=dark].yectnr0,.dark .yectnr1,[data-theme=dark] .yectnr1,.dark.yectnr1,[data-theme=dark].yectnr1,.dark .yectnr2,[data-theme=dark] .yectnr2,.dark.yectnr2,[data-theme=dark].yectnr2{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}._10ydd1n0{width:100%;margin:16px 0;position:relative}._10ydd1n1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:auto}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{cursor:pointer;margin:0;transition:transform .2s;display:inline-block}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{border-radius:4px;display:block}._10ydd1n6{border:1px solid var(--rc-border);background:var(--rc-bg-secondary);width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}._10ydd1na{background:var(--rc-text-secondary);opacity:.5;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;border-radius:50%;width:6px;height:6px;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{border:1px solid var(--rc-border);border-radius:.5rem;width:100%;min-height:120px;margin:16px 0;position:relative;overflow:hidden}._10ydd1nd{z-index:5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._10ydd1nd:hover{background:color-mix(in srgb, currentColor 6%, transparent)}._10ydd1ne{background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);opacity:0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:opacity .2s;display:flex}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:2rem;display:flex}._10ydd1ng._10ydd1ng{border-radius:.5rem;flex-direction:column;gap:0;width:calc(100vw - 2rem);height:min(720px,85vh);padding:0;display:flex;overflow:hidden}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{border-bottom:1px solid var(--rc-border);flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;display:flex}._10ydd1ni{font-size:var(--rc-font-size-md);color:var(--rc-text);align-items:center;gap:.5rem;font-weight:600;line-height:1;display:flex}._10ydd1nj{align-items:center;gap:2px;margin-left:auto;display:flex}._10ydd1nk{width:32px;height:32px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:background .15s,color .15s;display:flex}._10ydd1nk:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;padding:1rem;overflow-y:auto}._10ydd1nm{flex-direction:column;gap:.75rem;display:flex}._10ydd1nn{border:1px solid var(--rc-border);background:color-mix(in srgb, var(--rc-text) 2%, transparent);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}._10ydd1no{width:24px;height:24px;color:var(--rc-text-secondary);cursor:grab;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;transition:background .15s,color .15s;display:flex}._10ydd1no:hover{background:color-mix(in srgb, currentColor 8%, transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{background-color:color-mix(in srgb, var(--rc-text) 5%, transparent);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}._10ydd1np img{object-fit:cover;width:100%;height:100%}._10ydd1nq{color:color-mix(in srgb, var(--rc-text-secondary) 40%, transparent)}._10ydd1nr{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}._10ydd1ns{border:1px solid var(--rc-border);background:var(--rc-bg);width:100%;color:var(--rc-text);font-size:var(--rc-font-size-sm);border-radius:4px;outline:none;padding:4px 8px;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb, var(--rc-text) 30%, transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb, var(--rc-text-secondary) 50%, transparent)}._10ydd1nt{flex-direction:column;flex-shrink:0;gap:2px;display:flex}._10ydd1nu{width:28px;height:28px;color:var(--rc-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}._10ydd1nu:hover{background:color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);color:var(--rc-alert-caution)}._10ydd1nv{border:1px dashed var(--rc-border);width:100%;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:6px;padding:.625rem;transition:border-color .15s,color .15s,background .15s;display:flex}._10ydd1nv:hover{border-color:color-mix(in srgb, var(--rc-text) 20%, transparent);color:var(--rc-text);background:color-mix(in srgb, var(--rc-text) 2%, transparent)}._10ydd1nw{border-top:1px solid var(--rc-border);background-color:color-mix(in srgb, var(--rc-text) 1.5%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 1rem;display:flex}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{align-items:center;gap:.5rem;display:flex}._10ydd1nz{font-size:var(--rc-font-size-xs);cursor:pointer;border-radius:.375rem;height:28px;padding:.25rem .75rem;font-weight:500;transition:background-color .15s,border-color .15s}._10ydd1n10{color:var(--rc-text-secondary);border:1px solid var(--rc-border);background-color:#0000}._10ydd1n10:hover{background-color:color-mix(in srgb, var(--rc-text) 4%, transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid #0000}._10ydd1n11:hover{background-color:color-mix(in srgb, var(--rc-text) 85%, transparent)}._10ydd1n12{color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}@media (max-width:768px){._10ydd1n2{column-count:2}}@media (max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media (min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}
 /*$vite$:1*/

package/dist/slot.d.ts

@@ -0,0 +1,8 @@
+/**
+ * RendererConfig slot key for `@haklex/rich-ext-gallery`.
+ *
+ * Override modules should reference this constant instead of the bare string
+ * literal so renames stay searchable across the workspace.
+ */
+export declare const GALLERY_NODE_KEY: "Gallery";
+//# sourceMappingURL=slot.d.ts.map

package/dist/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../src/slot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAG,SAAkB,CAAA"}

package/dist/static.d.ts

@@ -1,6 +1,4 @@
-import { Klass, LexicalNode } from 'lexical';
-export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
-export { $createGalleryNode, $isGalleryNode, GalleryNode } from './GalleryNode';
-export { default, GalleryRenderer } from './GalleryRenderer';
-export declare const galleryNodes: Array<Klass<LexicalNode>>;
+export * from './node';
+export { default } from './renderer';
+export * from './renderer';
 //# sourceMappingURL=static.d.ts.map

package/dist/static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA"}
+{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,cAAc,YAAY,CAAA"}

package/dist/static.mjs

@@ -1,5 +1,5 @@
-import { a as GalleryRenderer, n as $isGalleryNode, o as GalleryRenderer_default, r as GalleryNode, t as $createGalleryNode } from "./GalleryNode-DBVAUkDV.js";
-//#region src/static.ts
-var galleryNodes = [GalleryNode];
-//#endregion
-export { $createGalleryNode, $isGalleryNode, GalleryNode, GalleryRenderer, GalleryRenderer_default as default, galleryNodes };
+import { n as GalleryRenderer_default, t as GalleryRenderer } from "./GalleryRenderer-CyyWUTT0.js";
+import { a as GALLERY_NODE_KEY, n as $isGalleryNode, r as GalleryNode, t as $createGalleryNode } from "./GalleryNode-CKcqJG5T.js";
+import { galleryNodes } from "./node.mjs";
+import "./renderer.mjs";
+export { $createGalleryNode, $isGalleryNode, GALLERY_NODE_KEY, GalleryNode, GalleryRenderer, GalleryRenderer_default as default, galleryNodes };

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+export interface GalleryImage {
+    alt?: string;
+    height?: number;
+    src: string;
+    thumbhash?: string;
+    width?: number;
+}
+export interface GalleryRendererProps {
+    images: GalleryImage[];
+    layout: 'grid' | 'masonry' | 'carousel';
+    onImagesChange?: (images: GalleryImage[]) => void;
+    onLayoutChange?: (layout: 'grid' | 'masonry' | 'carousel') => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAA;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,KAAK,IAAI,CAAA;CACnE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-gallery",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Image gallery extension with drag-and-drop",
   "repository": {
     "type": "git",
@@ -14,6 +14,18 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
+    "./node": {
+      "import": "./dist/node.mjs",
+      "types": "./dist/node.d.ts"
+    },
+    "./renderer": {
+      "import": "./dist/renderer.mjs",
+      "types": "./dist/renderer.d.ts"
+    },
+    "./edit": {
+      "import": "./dist/edit.mjs",
+      "types": "./dist/edit.d.ts"
+    },
     "./static": {
       "import": "./dist/static.mjs",
       "types": "./dist/static.d.ts"
@@ -45,13 +57,13 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
-    "@haklex/rich-editor": ">=0.3.0",
-    "@haklex/rich-editor-ui": ">=0.3.0",
-    "@haklex/rich-style-token": ">=0.3.0",
     "lexical": "^0.44.0",
     "lucide-react": "^1.0.0",
     "react": ">=19",
-    "react-dom": ">=19"
+    "react-dom": ">=19",
+    "@haklex/rich-editor": "0.5.0",
+    "@haklex/rich-editor-ui": "0.5.0",
+    "@haklex/rich-style-token": "0.5.0"
   },
   "publishConfig": {
     "access": "public"