@haklex/rich-ext-gallery 0.0.32 → 0.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/GalleryEditRenderer.d.ts.map +1 -1
  2. package/dist/index.mjs +4 -2
  3. package/dist/rich-ext-gallery.css +1 -1
  4. package/package.json +4 -4
package/dist/GalleryEditRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GalleryEditRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryEditRenderer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAY7E,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAmV9C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAmExD,CAAA"}
1
+ {"version":3,"file":"GalleryEditRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryEditRenderer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAa7E,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAmV9C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAqExD,CAAA"}
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
- import { decodeThumbHash, createRendererDecoration } from "@haklex/rich-editor";
4
+ import { decodeThumbHash, createRendererDecoration, useColorScheme } from "@haklex/rich-editor";
5
5
  import { DecoratorNode, $insertNodes, $getNodeByKey } from "lexical";
6
6
  import { ChevronLeft, ChevronRight, Images, ImageIcon, Pencil, X, Plus, GripVertical, Trash2 } from "lucide-react";
7
7
  import { memo, useMemo, useState, useRef, useEffect, useCallback, createElement } from "react";
@@ -651,6 +651,7 @@ const GalleryEditRenderer = ({
651
651
  onLayoutChange
652
652
  }) => {
653
653
  const { className: portalClassName } = usePortalTheme();
654
+ const theme = useColorScheme();
654
655
  const handleOpenEditor = useCallback(() => {
655
656
  if (!onImagesChange || !onLayoutChange) return;
656
657
  presentDialog({
@@ -666,10 +667,11 @@ const GalleryEditRenderer = ({
666
667
  ),
667
668
  className: galleryDialogPopup,
668
669
  portalClassName,
670
+ theme,
669
671
  showCloseButton: false,
670
672
  clickOutsideToDismiss: false
671
673
  });
672
- }, [images, layout, onImagesChange, onLayoutChange, portalClassName]);
674
+ }, [images, layout, onImagesChange, onLayoutChange, portalClassName, theme]);
673
675
  if (!onImagesChange) {
674
676
  return /* @__PURE__ */ jsx(GalleryRenderer, { images, layout });
675
677
  }
package/dist/rich-ext-gallery.css CHANGED
@@ -1 +1 @@
1
- ._10ydd1n0{position:relative;width:100%;margin:16px 0}._10ydd1n1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{display:inline-block;margin:0;cursor:pointer;transition:transform .2s ease}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{display:block;border-radius:4px}._10ydd1n6{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--rc-border);background:var(--rc-bg-secondary);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);z-index:10}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._10ydd1na{width:6px;height:6px;border-radius:50%;background:var(--rc-text-secondary);opacity:.5;backdrop-filter:blur(20px) saturate(180%);cursor:pointer;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{position:relative;width:100%;margin:16px 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);min-height:120px}._10ydd1nd{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._10ydd1nd:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._10ydd1ne{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);min-height:120px}._10ydd1ng._10ydd1ng{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,85vh);border-radius:.5rem}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._10ydd1ni{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._10ydd1nj{margin-left:auto;display:flex;align-items:center;gap:2px}._10ydd1nk{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nk:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;overflow-y:auto;padding:1rem}._10ydd1nm{display:flex;flex-direction:column;gap:.75rem}._10ydd1nn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--rc-text-secondary);cursor:grab;margin-top:4px;border-radius:4px;transition:background .15s,color .15s}._10ydd1no:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);display:flex;align-items:center;justify-content:center}._10ydd1np img{width:100%;height:100%;object-fit:cover}._10ydd1nq{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._10ydd1nr{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}._10ydd1ns{width:100%;padding:4px 8px;border-radius:4px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);font-size:var(--rc-font-size-sm);outline:none;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{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._10ydd1nu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nu:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._10ydd1nv{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;border-radius:.5rem;border:1px dashed var(--rc-border);background:transparent;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}._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{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{display:flex;align-items:center;gap:.5rem}._10ydd1nz{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._10ydd1n10{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._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 transparent}._10ydd1n11:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}._10ydd1n12{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);padding:2rem}@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}}
1
+ :root{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--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-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-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: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--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-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: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--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-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: 8px}.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: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}._10ydd1n0{position:relative;width:100%;margin:16px 0}._10ydd1n1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{display:inline-block;margin:0;cursor:pointer;transition:transform .2s ease}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{display:block;border-radius:4px}._10ydd1n6{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--rc-border);background:var(--rc-bg-secondary);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);z-index:10}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._10ydd1na{width:6px;height:6px;border-radius:50%;background:var(--rc-text-secondary);opacity:.5;backdrop-filter:blur(20px) saturate(180%);cursor:pointer;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{position:relative;width:100%;margin:16px 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);min-height:120px}._10ydd1nd{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._10ydd1nd:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._10ydd1ne{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);min-height:120px}._10ydd1ng._10ydd1ng{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,85vh);border-radius:.5rem}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._10ydd1ni{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._10ydd1nj{margin-left:auto;display:flex;align-items:center;gap:2px}._10ydd1nk{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nk:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;overflow-y:auto;padding:1rem}._10ydd1nm{display:flex;flex-direction:column;gap:.75rem}._10ydd1nn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--rc-text-secondary);cursor:grab;margin-top:4px;border-radius:4px;transition:background .15s,color .15s}._10ydd1no:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);display:flex;align-items:center;justify-content:center}._10ydd1np img{width:100%;height:100%;object-fit:cover}._10ydd1nq{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._10ydd1nr{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}._10ydd1ns{width:100%;padding:4px 8px;border-radius:4px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);font-size:var(--rc-font-size-sm);outline:none;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{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._10ydd1nu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nu:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._10ydd1nv{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;border-radius:.5rem;border:1px dashed var(--rc-border);background:transparent;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}._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{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{display:flex;align-items:center;gap:.5rem}._10ydd1nz{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._10ydd1n10{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._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 transparent}._10ydd1n11:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}._10ydd1n12{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);padding:2rem}@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}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-ext-gallery",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "description": "Image gallery extension with drag-and-drop",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -22,9 +22,9 @@
22
22
  "react-intersection-observer": "^9.16.0",
23
23
  "react-photo-view": "^1.2.7",
24
24
  "thumbhash": "^0.1.1",
25
- "@haklex/rich-editor": "0.0.32",
26
- "@haklex/rich-editor-ui": "0.0.32",
27
- "@haklex/rich-style-token": "0.0.32"
25
+ "@haklex/rich-editor": "0.0.33",
26
+ "@haklex/rich-editor-ui": "0.0.33",
27
+ "@haklex/rich-style-token": "0.0.33"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@types/react": "^19.2.14",