@haklex/rich-compose 0.46.5 → 0.48.1

package/dist/cli/katex-cdn-renderer.d.ts

@@ -2,5 +2,5 @@ export interface KaTeXRendererProps {
     displayMode: boolean;
     equation: string;
 }
-export declare function KaTeXRenderer({ equation, displayMode }: KaTeXRendererProps): import("react").JSX.Element;
+export declare function KaTeXRenderer({ equation, displayMode }: KaTeXRendererProps): import('react').JSX.Element;
 //# sourceMappingURL=katex-cdn-renderer.d.ts.map

package/dist/core.mjs

@@ -1,2 +1 @@
-import { a as RichRenderer, i as mergeModules, n as wrapLazy, r as dedupNodes, t as composeRenderer } from "./compose-DzGdPIfs.js";
-export { RichRenderer, composeRenderer, dedupNodes, mergeModules, wrapLazy };
+export { a as RichRenderer, t as composeRenderer, r as dedupNodes, i as mergeModules, n as wrapLazy } from "./compose-DzGdPIfs.js";

package/dist/litexml-html-preview-client.css

@@ -4213,6 +4213,404 @@ figure.rich-image[data-display="fixed-height"] img {
 }
 ._11ajihb0 > *:last-child {
   margin-bottom: 0;
+}@keyframes h0ey1q5 {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.h0ey1q0 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 1rem 0;
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+}
+.h0ey1q0:active {
+  cursor: grabbing;
+}
+.h0ey1q0 img {
+  max-width: 100%;
+  height: auto;
+}
+.h0ey1q1 {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-secondary);
+  background-color: color-mix(in srgb, var(--rc-bg) 80%, transparent);
+  backdrop-filter: blur(4px);
+  opacity: 0;
+  transition: opacity 0.2s;
+  cursor: pointer;
+  z-index: 2;
+}
+.h0ey1q1:hover {
+  color: var(--rc-text);
+  background-color: color-mix(in srgb, var(--rc-bg) 95%, transparent);
+}
+.h0ey1q0:hover .h0ey1q1 {
+  opacity: 1;
+}
+.h0ey1q2 {
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  display: flex;
+  gap: 2px;
+  opacity: 0;
+  transition: opacity 0.2s;
+  z-index: 2;
+}
+.h0ey1q0:hover .h0ey1q2 {
+  opacity: 1;
+}
+.h0ey1q3 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 0.25rem;
+  border: none;
+  cursor: pointer;
+  color: var(--rc-text-secondary);
+  background-color: color-mix(in srgb, var(--rc-bg) 80%, transparent);
+  backdrop-filter: blur(4px);
+  transition: color 0.15s, background-color 0.15s;
+}
+.h0ey1q3:hover {
+  color: var(--rc-text);
+  background-color: color-mix(in srgb, var(--rc-bg) 95%, transparent);
+}
+.h0ey1q4 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin: 1rem 0;
+  color: var(--rc-text-secondary);
+  font-size: var(--rc-font-size-md);
+}
+.h0ey1q6 {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  border: 2.5px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: h0ey1q5 0.6s linear infinite;
+}
+.h0ey1q7 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--rc-font-family-sans);
+  padding: 0.75rem 1rem;
+  margin: 1rem 0;
+  border-radius: 0.5rem;
+  background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
+  color: var(--rc-alert-caution);
+  font-size: var(--rc-font-size-md);
+}
+.h0ey1q8.h0ey1q8 {
+  padding: 0;
+  gap: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  width: calc(100vw - 2rem);
+  height: min(680px, 85vh);
+  border-radius: 0.5rem;
+}
+.h0ey1q9 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 0.5rem 0 1rem;
+  height: 48px;
+  border-bottom: 1px solid var(--rc-border);
+  flex-shrink: 0;
+}
+.h0ey1qa {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.h0ey1qb {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.h0ey1qc {
+  width: 1px;
+  height: 16px;
+  background-color: var(--rc-border);
+  flex-shrink: 0;
+}
+.h0ey1qd {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: var(--rc-font-size-md);
+  font-weight: 500;
+  color: var(--rc-text);
+}
+.h0ey1qe {
+  padding: 0.25rem 0.5rem;
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-secondary);
+  background: none;
+  border: none;
+  border-radius: 0.375rem;
+  cursor: pointer;
+  transition: color 0.15s, background-color 0.15s;
+}
+.h0ey1qe:hover {
+  color: var(--rc-text);
+  background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
+}
+.h0ey1qf {
+  display: flex;
+  align-items: center;
+  background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
+  border-radius: 0.375rem;
+  padding: 2px;
+  margin-right: 4px;
+}
+.h0ey1qg {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+  border-radius: 0.25rem;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--rc-text-secondary);
+  transition: color 0.15s, background-color 0.15s, box-shadow 0.15s;
+}
+.h0ey1qg:hover {
+  color: var(--rc-text);
+}
+.h0ey1qh {
+  background-color: var(--rc-bg);
+  color: var(--rc-text);
+  box-shadow: var(--rc-shadow-menu);
+}
+.h0ey1qi {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 0.25rem;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--rc-text-secondary);
+  transition: color 0.15s, background-color 0.15s;
+}
+.h0ey1qi:hover {
+  color: var(--rc-text);
+  background-color: color-mix(in srgb, var(--rc-text) 5%, transparent);
+}
+.h0ey1qj {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+}
+.h0ey1qk {
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--rc-border);
+}
+.h0ey1ql {
+  width: 50%;
+}
+.h0ey1qm {
+  flex: 1;
+}
+.h0ey1qn {
+  display: flex;
+  align-items: center;
+  padding: 0 0.75rem;
+  height: 32px;
+  border-bottom: 1px solid var(--rc-border);
+  background-color: color-mix(in srgb, var(--rc-text) 2%, transparent);
+  flex-shrink: 0;
+  font-size: var(--rc-font-size-xs);
+  font-weight: 500;
+  color: var(--rc-text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+.h0ey1qo {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.h0ey1qp {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  overflow: hidden;
+  cursor: grab;
+}
+.h0ey1qp:active {
+  cursor: grabbing;
+}
+.h0ey1qp:hover .h0ey1q2 {
+  opacity: 1;
+}
+.h0ey1qp img {
+  max-width: 100%;
+  height: auto;
+}
+.h0ey1qq {
+  font-size: var(--rc-font-size-md);
+  color: color-mix(in srgb, var(--rc-text-secondary) 50%, transparent);
+}
+.h0ey1qr {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.75rem;
+  max-width: 320px;
+  text-align: center;
+}
+.h0ey1qs {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 0.375rem;
+  background-color: color-mix(in srgb, var(--rc-alert-caution) 10%, transparent);
+  color: var(--rc-alert-caution);
+}
+.h0ey1qt {
+  font-size: var(--rc-font-size-md);
+  font-weight: 500;
+  color: var(--rc-text);
+}
+.h0ey1qu {
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-secondary);
+  line-height: 1.5;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.h0ey1qv {
+  position: relative;
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  font-family: var(--rc-font-mono);
+  font-size: var(--rc-font-size-sm);
+  line-height: 1.25rem;
+}
+.h0ey1qw {
+  flex-shrink: 0;
+  width: 40px;
+  overflow: hidden;
+  user-select: none;
+  border-right: 1px solid var(--rc-border);
+  background-color: color-mix(in srgb, var(--rc-text) 2%, transparent);
+  padding: 0.75rem 0;
+}
+.h0ey1qx {
+  padding: 0 0.5rem;
+  text-align: right;
+  line-height: 1.25rem;
+  color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
+}
+.h0ey1qy {
+  flex: 1;
+  resize: none;
+  background-color: transparent;
+  padding: 0.75rem;
+  color: var(--rc-text);
+  outline: none;
+  border: none;
+  line-height: 1.25rem;
+  font-family: var(--rc-font-mono);
+  font-size: var(--rc-font-size-md);
+  tab-size: 2;
+}
+.h0ey1qy::placeholder {
+  color: color-mix(in srgb, var(--rc-text-secondary) 40%, transparent);
+}
+.h0ey1qz {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  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);
+}
+.h0ey1q10 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.h0ey1q11 {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: var(--rc-alert-tip);
+}
+.h0ey1q12 {
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-secondary);
+}
+.h0ey1q13 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.h0ey1q14 {
+  padding: 0.25rem 0.75rem;
+  border-radius: 0.375rem;
+  font-size: var(--rc-font-size-xs);
+  font-weight: 500;
+  cursor: pointer;
+  height: 28px;
+  transition: background-color 0.15s, border-color 0.15s;
+}
+.h0ey1q15 {
+  background-color: transparent;
+  color: var(--rc-text-secondary);
+  border: 1px solid var(--rc-border);
+}
+.h0ey1q15:hover {
+  background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
+}
+.h0ey1q16 {
+  background-color: var(--rc-text);
+  color: var(--rc-bg);
+  border: 1px solid transparent;
+}
+.h0ey1q16:hover {
+  background-color: color-mix(in srgb, var(--rc-text) 85%, transparent);
+}
+@media (min-width: 640px) {
+  .h0ey1q8.h0ey1q8 {
+    max-width: 64rem;
+  }
 }._1jyejpc0 {
   position: relative;
   margin: var(--rc-space-md) 0;