@haklex/rich-compose 0.10.0 → 0.12.0

package/dist/index.mjs

@@ -97,15 +97,20 @@ function renderBuiltinNode(node, key, children, headingSlugs, textContent) {
 				}), children]
 			}, key);
 		}
+		case "rich-quote":
 		case "quote": {
 			const quoteText = (textContent || extractText(node)).trim();
 			const hasOpenQuote = OPEN_QUOTE_RE.test(quoteText);
 			const hasCloseQuote = CLOSE_QUOTE_RE.test(quoteText);
-			return /* @__PURE__ */ jsx("blockquote", {
+			const attribution = node.attribution;
+			return /* @__PURE__ */ jsxs("blockquote", {
 				className: shared$1("quote"),
 				"data-no-close-quote": hasCloseQuote ? "" : void 0,
 				"data-no-open-quote": hasOpenQuote ? "" : void 0,
-				children
+				children: [children, attribution && /* @__PURE__ */ jsxs("footer", {
+					className: shared$1("quoteAttribution"),
+					children: ["— ", attribution]
+				})]
 			}, key);
 		}
 		case "list": return /* @__PURE__ */ jsx(node.listType === "number" ? "ol" : "ul", {

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

@@ -869,16 +869,24 @@
   border-radius: var(--rc-radius-sm);
   background-color: var(--rc-quote-border);
 }
-.shared_hr__gxfui1t {
+.shared_quoteAttribution__gxfui1t {
+  display: block;
+  text-align: right;
+  font-size: 12px;
+  color: var(--rc-text-secondary);
+  margin-top: var(--rc-space-sm);
+  font-style: normal;
+}
+.shared_hr__gxfui1u {
   border: none;
   border-top: 1px solid var(--rc-hr-border);
   margin: var(--rc-space-lg) auto;
   width: 60px;
 }
-.shared_tableScrollableWrapper__gxfui1u {
+.shared_tableScrollableWrapper__gxfui1v {
   overflow-x: auto;
 }
-.shared_tableCell__gxfui1v {
+.shared_tableCell__gxfui1w {
   border: none;
   border-bottom: 1px solid var(--rc-border);
   border-right: 1px solid var(--rc-border);
@@ -887,10 +895,10 @@
   vertical-align: middle;
   line-height: 1.5;
 }
-.shared_tableCell__gxfui1v:last-child {
+.shared_tableCell__gxfui1w:last-child {
   border-right: none;
 }
-.shared_tableCellHeader__gxfui1w {
+.shared_tableCellHeader__gxfui1x {
   border: none;
   border-bottom: 1px solid var(--rc-border);
   border-right: 1px solid var(--rc-border);
@@ -908,10 +916,10 @@
   top: 0;
   z-index: 1;
 }
-.shared_tableCellHeader__gxfui1w:last-child {
+.shared_tableCellHeader__gxfui1x:last-child {
   border-right: none;
 }
-.shared_table__gxfui1x {
+.shared_table__gxfui1y {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
@@ -921,7 +929,7 @@
   border-radius: var(--rc-radius-md);
   overflow: hidden;
 }
-.shared_spoiler__gxfui1y {
+.shared_spoiler__gxfui1z {
   background-color: var(--rc-text);
   color: transparent;
   border-radius: var(--rc-radius-sm);
@@ -930,35 +938,35 @@
   transition: background-color 0.3s ease, color 0.3s ease;
   user-select: none;
 }
-[contenteditable="true"] .shared_spoiler__gxfui1y {
+[contenteditable="true"] .shared_spoiler__gxfui1z {
   background-color: color-mix(in srgb, var(--rc-text) 30%, transparent);
   color: inherit;
   user-select: auto;
   cursor: text;
 }
-.shared_spoiler__gxfui1y:hover {
+.shared_spoiler__gxfui1z:hover {
   background-color: transparent;
   color: inherit;
   user-select: auto;
 }
-.rich-content .shared_spoiler__gxfui1y {
+.rich-content .shared_spoiler__gxfui1z {
   background-color: var(--rc-text-tertiary);
   color: transparent;
 }
-.rich-content .shared_spoiler__gxfui1y:not(:hover):not(.rich-spoiler-revealed) * {
+.rich-content .shared_spoiler__gxfui1z:not(:hover):not(.rich-spoiler-revealed) * {
   color: transparent !important;
 }
-.rich-content .shared_spoiler__gxfui1y:hover {
+.rich-content .shared_spoiler__gxfui1z:hover {
   background-color: transparent;
   color: inherit;
   user-select: auto;
 }
-.shared_spoilerRevealed__gxfui1z {
+.shared_spoilerRevealed__gxfui110 {
   background-color: transparent;
   color: inherit;
   user-select: auto;
 }
-.shared_tag__gxfui110 {
+.shared_tag__gxfui111 {
   display: inline-block;
   border-radius: 999px;
   padding-inline: 0.75em;
@@ -966,7 +974,7 @@
   line-height: 1.6;
   vertical-align: baseline;
 }
-.shared_comment__gxfui111 {
+.shared_comment__gxfui112 {
   display: inline-block;
   font-family: var(--rc-font-mono);
   font-size: var(--rc-font-size-small);
@@ -977,25 +985,25 @@
   padding: 2px 6px;
   white-space: break-spaces;
 }
-.shared_comment__gxfui111::before {
+.shared_comment__gxfui112::before {
   content: "<!--";
   opacity: 0.7;
 }
-.shared_comment__gxfui111::after {
+.shared_comment__gxfui112::after {
   content: "-->";
   opacity: 0.7;
 }
-.shared_ruby__gxfui112 {
+.shared_ruby__gxfui113 {
   ruby-position: over;
   ruby-align: center;
 }
-[contenteditable="true"] .shared_ruby__gxfui112[data-ruby] {
+[contenteditable="true"] .shared_ruby__gxfui113[data-ruby] {
   position: relative;
   display: inline-block;
   padding-top: 0.72em;
   line-height: 1.2;
 }
-[contenteditable="true"] .shared_ruby__gxfui112[data-ruby]::before {
+[contenteditable="true"] .shared_ruby__gxfui113[data-ruby]::before {
   content: attr(data-ruby);
   position: absolute;
   left: 0;
@@ -1009,17 +1017,17 @@
   pointer-events: none;
   white-space: nowrap;
 }
-.shared_rubyRt__gxfui113 {
+.shared_rubyRt__gxfui114 {
   font-size: 0.58em;
   line-height: 1;
   color: var(--rc-text-secondary);
   user-select: none;
 }
-.shared_footnote__gxfui114 {
+.shared_footnote__gxfui115 {
   vertical-align: super;
   font-size: 0.8em;
 }
-.shared_footnoteRef__gxfui115 {
+.shared_footnoteRef__gxfui116 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1034,36 +1042,36 @@
   font-size: 0.82em;
   transition: filter 0.15s ease;
 }
-.shared_footnoteRef__gxfui115:hover {
+.shared_footnoteRef__gxfui116:hover {
   filter: brightness(0.96);
 }
-.shared_footnoteHighlight__gxfui116 {
+.shared_footnoteHighlight__gxfui117 {
   animation: shared_footnoteFlash__gxfui11 1.2s ease-out;
 }
-.shared_footnoteRefWrapper__gxfui117 {
+.shared_footnoteRefWrapper__gxfui118 {
   position: relative;
   display: inline;
 }
-.shared_footnoteSection__gxfui118 {
+.shared_footnoteSection__gxfui119 {
   margin-top: var(--rc-space-lg);
 }
-.shared_footnoteSectionDivider__gxfui119 {
+.shared_footnoteSectionDivider__gxfui11a {
   border: none;
   border-top: 1px solid var(--rc-border);
   margin: var(--rc-space-lg) 0 var(--rc-space-md);
 }
-.shared_footnoteSectionList__gxfui11a {
+.shared_footnoteSectionList__gxfui11b {
   list-style-type: decimal;
   padding-left: var(--rc-space-lg);
   font-size: var(--rc-font-size-small);
   color: var(--rc-text-secondary);
   line-height: 1.6;
 }
-.shared_footnoteSectionItem__gxfui11b {
+.shared_footnoteSectionItem__gxfui11c {
   margin-bottom: var(--rc-space-sm);
   padding-left: var(--rc-space-xs);
 }
-.shared_footnoteBackRef__gxfui11c {
+.shared_footnoteBackRef__gxfui11d {
   display: inline-flex;
   align-items: center;
   margin-left: var(--rc-space-xs);
@@ -1073,23 +1081,23 @@
   transition: opacity 0.15s ease;
   font-family: var(--rc-font-mono);
 }
-.shared_footnoteBackRef__gxfui11c:hover {
+.shared_footnoteBackRef__gxfui11d:hover {
   opacity: 0.7;
 }
-.shared_footnoteSectionItemEdit__gxfui11d {
+.shared_footnoteSectionItemEdit__gxfui11e {
   display: flex;
   align-items: center;
   gap: var(--rc-space-sm);
   list-style-type: none;
 }
-.shared_footnoteSectionItemNum__gxfui11e {
+.shared_footnoteSectionItemNum__gxfui11f {
   flex-shrink: 0;
   color: var(--rc-text-secondary);
   font-size: var(--rc-font-size-small);
   font-weight: 600;
   min-width: 1.5em;
 }
-.shared_footnoteSectionItemInput__gxfui11f {
+.shared_footnoteSectionItemInput__gxfui11g {
   flex: 1;
   border: 1px solid var(--rc-border);
   border-radius: var(--rc-radius-sm);
@@ -1100,10 +1108,10 @@
   outline: none;
   transition: border-color 0.15s ease;
 }
-.shared_footnoteSectionItemInput__gxfui11f:focus {
+.shared_footnoteSectionItemInput__gxfui11g:focus {
   border-color: var(--rc-accent);
 }
-.shared_footnoteSectionItemRemove__gxfui11g {
+.shared_footnoteSectionItemRemove__gxfui11h {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
@@ -1118,11 +1126,11 @@
   font-size: 14px;
   transition: color 0.15s ease, background-color 0.15s ease;
 }
-.shared_footnoteSectionItemRemove__gxfui11g:hover {
+.shared_footnoteSectionItemRemove__gxfui11h:hover {
   color: #ef4444;
   background-color: rgba(239, 68, 68, 0.1);
 }
-.shared_dragHandle__gxfui11h {
+.shared_dragHandle__gxfui11i {
   position: absolute;
   display: flex;
   align-items: center;
@@ -1136,14 +1144,14 @@
   transition: opacity 0.15s ease, background-color 0.15s ease;
   z-index: 10;
 }
-.shared_dragHandle__gxfui11h:hover {
+.shared_dragHandle__gxfui11i:hover {
   opacity: 1;
   background-color: var(--rc-fill-secondary);
 }
-.shared_dragHandle__gxfui11h:active {
+.shared_dragHandle__gxfui11i:active {
   cursor: grabbing;
 }
-.shared_dropIndicator__gxfui11i {
+.shared_dropIndicator__gxfui11j {
   position: absolute;
   height: 2px;
   background-color: var(--rc-accent);
@@ -1151,7 +1159,7 @@
   pointer-events: none;
   z-index: 10;
 }
-.shared_alert__gxfui11j {
+.shared_alert__gxfui11k {
   margin: 2em 0;
   padding: 0 1em;
   background-color: transparent;
@@ -1244,29 +1252,29 @@
 .shared_quote__gxfui1s > .shared_paragraph__gxfui13:last-child {
   margin-bottom: 0;
 }
-.shared_table__gxfui1x tbody tr:last-child .shared_tableCell__gxfui1v {
+.shared_table__gxfui1y tbody tr:last-child .shared_tableCell__gxfui1w {
   border-bottom: none;
 }
-.shared_tableCell__gxfui1v .shared_paragraph__gxfui13 {
+.shared_tableCell__gxfui1w .shared_paragraph__gxfui13 {
   margin: 0;
   padding: 0;
   line-height: inherit;
 }
-.shared_tableCell__gxfui1v > :first-child {
+.shared_tableCell__gxfui1w > :first-child {
   margin-top: 0;
 }
-.shared_tableCell__gxfui1v > :last-child {
+.shared_tableCell__gxfui1w > :last-child {
   margin-bottom: 0;
 }
-.shared_tableCellHeader__gxfui1w .shared_paragraph__gxfui13 {
+.shared_tableCellHeader__gxfui1x .shared_paragraph__gxfui13 {
   margin: 0;
   padding: 0;
   line-height: inherit;
 }
-.shared_tableCellHeader__gxfui1w > :first-child {
+.shared_tableCellHeader__gxfui1x > :first-child {
   margin-top: 0;
 }
-.shared_tableCellHeader__gxfui1w > :last-child {
+.shared_tableCellHeader__gxfui1x > :last-child {
   margin-bottom: 0;
 }
 @supports (animation-timeline: view()) {
@@ -1486,13 +1494,13 @@
   margin-top: 1em;
   margin-bottom: 1em;
 }
-.article_articleBase__9715290 .shared_table__gxfui1x {
+.article_articleBase__9715290 .shared_table__gxfui1y {
   margin-top: 2em;
   margin-bottom: 2em;
   font-size: 0.875em;
   line-height: 1.5;
 }
-.article_articleBase__9715290 .shared_table__gxfui1x .shared_paragraph__gxfui13 {
+.article_articleBase__9715290 .shared_table__gxfui1y .shared_paragraph__gxfui13 {
   margin: 0;
   padding: 0;
   line-height: inherit;
@@ -1511,7 +1519,7 @@
   line-height: 1.5;
   margin-top: 1em;
 }
-.article_articleBase__9715290 .shared_hr__gxfui1t {
+.article_articleBase__9715290 .shared_hr__gxfui1u {
   border-color: var(--rc-hr-border);
   border-top-width: 1px;
   margin-top: 3.5em;
@@ -1520,7 +1528,7 @@
   margin-left: auto;
   margin-right: auto;
 }
-.article_articleBase__9715290 .shared_hr__gxfui1t + * {
+.article_articleBase__9715290 .shared_hr__gxfui1u + * {
   margin-top: 0;
 }
 .article_articleBase__9715290 .shared_link__gxfui1j {
@@ -1630,11 +1638,11 @@
 .comment_commentBase__apruo60 .line::before {
   display: none !important;
 }
-.comment_commentBase__apruo60 .shared_table__gxfui1x {
+.comment_commentBase__apruo60 .shared_table__gxfui1y {
   margin: var(--rc-space-sm) 0;
   font-size: var(--rc-font-size-small);
 }
-.comment_commentBase__apruo60 .shared_tableCell__gxfui1v, .comment_commentBase__apruo60 .shared_tableCellHeader__gxfui1w {
+.comment_commentBase__apruo60 .shared_tableCell__gxfui1w, .comment_commentBase__apruo60 .shared_tableCellHeader__gxfui1x {
   padding: var(--rc-space-xs) var(--rc-space-sm);
 }
 .comment_commentBase__apruo60 .rich-image {
@@ -1643,13 +1651,13 @@
 .comment_commentBase__apruo60 .rich-image figcaption {
   font-size: var(--rc-font-size-small);
 }
-.comment_commentBase__apruo60 .shared_hr__gxfui1t {
+.comment_commentBase__apruo60 .shared_hr__gxfui1u {
   border: none;
   border-top: 1px solid var(--rc-hr-border);
   margin: var(--rc-space-lg) auto;
   width: 60px;
 }
-.comment_commentBase__apruo60 .shared_alert__gxfui11j {
+.comment_commentBase__apruo60 .shared_alert__gxfui11k {
   padding: var(--rc-space-sm) var(--rc-space-md);
   padding-left: var(--rc-space-lg);
   margin: var(--rc-space-sm) 0;
@@ -1846,18 +1854,18 @@
   padding: 0.8571429em 1.1428571em;
   margin: 0;
 }
-.note_noteBase__11ajihb0 .shared_table__gxfui1x {
+.note_noteBase__11ajihb0 .shared_table__gxfui1y {
   margin-top: 2em;
   margin-bottom: 2em;
   font-size: 0.875em;
   line-height: 1.7142857;
 }
-.note_noteBase__11ajihb0 .shared_table__gxfui1x .shared_paragraph__gxfui13 {
+.note_noteBase__11ajihb0 .shared_table__gxfui1y .shared_paragraph__gxfui13 {
   margin: 0;
   padding: 0;
   line-height: inherit;
 }
-.note_noteBase__11ajihb0 .shared_table__gxfui1x .shared_paragraph__gxfui13:first-child::first-letter {
+.note_noteBase__11ajihb0 .shared_table__gxfui1y .shared_paragraph__gxfui13:first-child::first-letter {
   float: none;
   font-size: inherit;
   margin-right: 0;
@@ -1876,7 +1884,7 @@
   color: var(--rc-text-secondary);
   text-align: center;
 }
-.note_noteBase__11ajihb0 .shared_hr__gxfui1t {
+.note_noteBase__11ajihb0 .shared_hr__gxfui1u {
   border: none;
   border-top: 1px solid var(--rc-hr-border);
   opacity: 0.2;
@@ -1892,7 +1900,7 @@
   overflow-x: auto;
   padding: 1em 0;
 }
-.note_noteBase__11ajihb0 .shared_spoiler__gxfui1y {
+.note_noteBase__11ajihb0 .shared_spoiler__gxfui1z {
   border-radius: var(--rc-radius-sm);
   padding-inline: 0.25em;
 }
@@ -1994,6 +2002,7 @@
 }
 .grid_cellEditable__1jyejpc9 {
   outline: none;
+  width: 100%;
 }
 .grid_container__1jyejpc0:hover .grid_toolbar__1jyejpc1, .grid_container__1jyejpc0:focus-within .grid_toolbar__1jyejpc1 {
   opacity: 1;
@@ -3802,6 +3811,42 @@
   flex-shrink: 0;
   pointer-events: none;
   color: var(--rc-text-secondary);
+}.styles_editor__17jtiqt0 {
+  position: absolute;
+  bottom: 4px;
+  right: 8px;
+  max-width: 60%;
+  display: flex;
+  justify-content: flex-end;
+  pointer-events: auto;
+}
+.styles_input__17jtiqt1 {
+  appearance: none;
+  background: transparent;
+  border: none;
+  border-bottom: 1px dotted transparent;
+  border-radius: 0;
+  padding: 0 2px;
+  margin: 0;
+  width: 100%;
+  min-width: 0;
+  text-align: right;
+  font-style: italic;
+  font-family: var(--rc-font-family);
+  font-size: 12px;
+  color: var(--rc-text-secondary);
+  outline: none;
+  transition: border-color 120ms ease, background-color 120ms ease;
+}
+.styles_input__17jtiqt1::placeholder {
+  color: var(--rc-text-quaternary);
+  font-style: italic;
+}
+.styles_input__17jtiqt1:hover {
+  border-bottom-color: var(--rc-text-quaternary);
+}
+.styles_input__17jtiqt1:focus {
+  border-bottom-color: var(--rc-text-tertiary);
 }.styles_scrollArea__m0xmg20 {
   overflow: auto;
   scrollbar-width: thin;
@@ -6313,6 +6358,7 @@
 }
 .rich-alert-content-editable {
   outline: none;
+  width: 100%;
 }
 .rich-alert-content > .rich-paragraph:first-child {
   margin-top: 0;
@@ -6386,6 +6432,7 @@
 }
 .styles_bannerContentEditable__99sweq4 {
   outline: none;
+  width: 100%;
 }
 .styles_bannerType_type_note__99sweq6 {
   background-color: color-mix(in srgb, var(--rc-alert-info) 8%, transparent);
@@ -6466,6 +6513,7 @@
 }
 .rich-banner-content-editable {
   outline: none;
+  width: 100%;
 }
 .rich-banner-content > .rich-paragraph:first-child {
   margin-top: 0;