@haklex/rich-renderer-video 0.0.32 → 0.0.34

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { VideoEditRenderer } from './VideoEditRenderer';
 export { VideoRenderer } from './VideoRenderer';
-export { VideoRenderer as default } from './VideoRenderer';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/index.mjs

@@ -409,6 +409,7 @@ function VideoEditRendererInner({
         /* @__PURE__ */ jsx(
           PopoverTrigger,
           {
+            nativeButton: false,
             render: /* @__PURE__ */ jsx(
               "div",
               {
@@ -563,6 +564,5 @@ function VideoEditRendererInner({
 }
 export {
   VideoEditRenderer,
-  VideoRenderer,
-  VideoRenderer as default
+  VideoRenderer
 };

package/dist/rich-renderer-video.css

@@ -1 +1 @@
-@keyframes _1x2h1ol3{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes _1x2h1olc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1x2h1ol0{margin:1.25rem 0}._1x2h1ol1{position:relative;width:100%;background:#000;border-radius:.75rem;overflow:hidden}._1x2h1ol2{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:pointer}._1x2h1ol4{position:absolute;inset:0;margin:auto;width:5rem;height:5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;pointer-events:none;animation:_1x2h1ol3 .5s ease forwards}._1x2h1ol5{position:absolute;left:2rem;right:2rem;bottom:.5rem;height:2.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--rc-border) 20%,transparent);background:color-mix(in srgb,var(--rc-bg-secondary) 90%,transparent);backdrop-filter:blur(24px) saturate(180%);color:var(--rc-text);display:flex;align-items:center;gap:.75rem;padding:0 1rem;max-width:80vw;margin:0 auto;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}._1x2h1ol1:hover ._1x2h1ol5,._1x2h1ol1:focus-within ._1x2h1ol5{opacity:1;transform:translateY(0)}._1x2h1ol6{appearance:none;border:none;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.125rem;line-height:1;flex-shrink:0;transition:transform .15s ease}._1x2h1ol6:hover{transform:scale(1.1)}._1x2h1ol6:active{transform:scale(.93)}._1x2h1ol6:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}._1x2h1ol6:disabled{opacity:.5;pointer-events:none}._1x2h1ol7{flex:1;height:100%}._1x2h1ol8{position:relative;display:flex;align-items:center;width:100%;height:100%;touch-action:none;user-select:none}._1x2h1ol9{position:relative;flex:1;height:.25rem;border-radius:999px;background:var(--rc-bg)}._1x2h1ola{position:absolute;height:100%;border-radius:999px;background:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._1x2h1olb{display:block;height:.75rem;width:3px;border-radius:1px;border:none;background:var(--rc-text-secondary)}._1x2h1old{animation:_1x2h1olc .8s linear infinite}._1x2h1ole{display:block;cursor:pointer}._1x2h1olf{position:relative;width:100%;border-radius:.75rem;overflow:hidden;background:#000;background-size:cover;background-position:center;cursor:pointer}._1x2h1olg{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}._1x2h1olh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;transition:background .2s}._1x2h1ole:hover ._1x2h1olh{background:#00000080}._1x2h1oli{display:flex;align-items:center;justify-content:center;gap:8px;padding:2rem;border:2px dashed var(--rc-border);border-radius:var(--rc-radius-md);color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);cursor:pointer;transition:border-color .2s,color .2s}._1x2h1oli:hover{border-color:var(--rc-accent);color:var(--rc-text)}._1x2h1olj{display:flex;flex-direction:column;gap:8px;width:340px;padding:12px;font-family:var(--rc-font-family-sans)}._1x2h1olk{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}._1x2h1oll{flex-shrink:0;color:var(--rc-text-secondary)}._1x2h1olm{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;min-width:0}._1x2h1olm::placeholder{color:var(--rc-text-secondary)}._1x2h1oln{display:flex;align-items:center;gap:4px}._1x2h1olo{display:inline-flex;align-items:center;gap:6px;appearance:none;border:none;background:none;color:inherit;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}._1x2h1olo:hover{background-color:var(--rc-bg-secondary)}._1x2h1olp{margin-left:auto}@media(max-width:768px){._1x2h1ol5{left:.75rem;right:.75rem;opacity:1;transform:none;gap:.5rem;padding:0 .75rem}}
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--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-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--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}._1ju0cb20{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--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}._1ju0cb21{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--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}._1ju0cb22{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--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 ._1ju0cb20,[data-theme=dark] ._1ju0cb20,.dark._1ju0cb20,[data-theme=dark]._1ju0cb20,.dark ._1ju0cb21,[data-theme=dark] ._1ju0cb21,.dark._1ju0cb21,[data-theme=dark]._1ju0cb21,.dark ._1ju0cb22,[data-theme=dark] ._1ju0cb22,.dark._1ju0cb22,[data-theme=dark]._1ju0cb22{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--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}@keyframes _1x2h1ol3{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes _1x2h1olc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._1x2h1ol0{margin:1.25rem 0}._1x2h1ol1{position:relative;width:100%;background:#000;border-radius:.75rem;overflow:hidden}._1x2h1ol2{width:100%;height:100%;display:block;object-fit:contain;background:#000;cursor:pointer}._1x2h1ol4{position:absolute;inset:0;margin:auto;width:5rem;height:5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;pointer-events:none;animation:_1x2h1ol3 .5s ease forwards}._1x2h1ol5{position:absolute;left:2rem;right:2rem;bottom:.5rem;height:2.5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--rc-border) 20%,transparent);background:color-mix(in srgb,var(--rc-bg-secondary) 90%,transparent);backdrop-filter:blur(24px) saturate(180%);color:var(--rc-text);display:flex;align-items:center;gap:.75rem;padding:0 1rem;max-width:80vw;margin:0 auto;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}._1x2h1ol1:hover ._1x2h1ol5,._1x2h1ol1:focus-within ._1x2h1ol5{opacity:1;transform:translateY(0)}._1x2h1ol6{appearance:none;border:none;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.125rem;line-height:1;flex-shrink:0;transition:transform .15s ease}._1x2h1ol6:hover{transform:scale(1.1)}._1x2h1ol6:active{transform:scale(.93)}._1x2h1ol6:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}._1x2h1ol6:disabled{opacity:.5;pointer-events:none}._1x2h1ol7{flex:1;height:100%}._1x2h1ol8{position:relative;display:flex;align-items:center;width:100%;height:100%;touch-action:none;user-select:none}._1x2h1ol9{position:relative;flex:1;height:.25rem;border-radius:999px;background:var(--rc-bg)}._1x2h1ola{position:absolute;height:100%;border-radius:999px;background:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._1x2h1olb{display:block;height:.75rem;width:3px;border-radius:1px;border:none;background:var(--rc-text-secondary)}._1x2h1old{animation:_1x2h1olc .8s linear infinite}._1x2h1ole{display:block;cursor:pointer}._1x2h1olf{position:relative;width:100%;border-radius:.75rem;overflow:hidden;background:#000;background-size:cover;background-position:center;cursor:pointer}._1x2h1olg{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}._1x2h1olh{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;transition:background .2s}._1x2h1ole:hover ._1x2h1olh{background:#00000080}._1x2h1oli{display:flex;align-items:center;justify-content:center;gap:8px;padding:2rem;border:2px dashed var(--rc-border);border-radius:var(--rc-radius-md);color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);cursor:pointer;transition:border-color .2s,color .2s}._1x2h1oli:hover{border-color:var(--rc-accent);color:var(--rc-text)}._1x2h1olj{display:flex;flex-direction:column;gap:8px;width:340px;padding:12px;font-family:var(--rc-font-family-sans)}._1x2h1olk{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}._1x2h1oll{flex-shrink:0;color:var(--rc-text-secondary)}._1x2h1olm{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;min-width:0}._1x2h1olm::placeholder{color:var(--rc-text-secondary)}._1x2h1oln{display:flex;align-items:center;gap:4px}._1x2h1olo{display:inline-flex;align-items:center;gap:6px;appearance:none;border:none;background:none;color:inherit;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}._1x2h1olo:hover{background-color:var(--rc-bg-secondary)}._1x2h1olp{margin-left:auto}@media(max-width:768px){._1x2h1ol5{left:.75rem;right:.75rem;opacity:1;transform:none;gap:.5rem;padding:0 .75rem}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-video",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "Video player renderer",
   "license": "MIT",
   "type": "module",
@@ -18,9 +18,9 @@
   "dependencies": {
     "@base-ui/react": "^1.2.0",
     "lucide-react": "^0.574.0",
-    "@haklex/rich-editor": "0.0.32",
-    "@haklex/rich-style-token": "0.0.32",
-    "@haklex/rich-editor-ui": "0.0.32"
+    "@haklex/rich-editor": "0.0.34",
+    "@haklex/rich-style-token": "0.0.34",
+    "@haklex/rich-editor-ui": "0.0.34"
   },
   "devDependencies": {
     "@lexical/react": "^0.40.0",