@uniweb/kit 0.19.10 → 0.19.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/kit",
-  "version": "0.19.10",
+  "version": "0.19.12",
   "description": "Standard component library for Uniweb foundations",
   "type": "module",
   "exports": {
@@ -43,11 +43,11 @@
     "shiki": "^3.0.0",
     "tailwind-merge": "^3.6.0",
     "temml": "^0.13.2",
-    "@uniweb/projections": "^0.7.10",
+    "@uniweb/semantic-parser": "^1.5.0",
+    "@uniweb/core": "^0.35.0",
     "@uniweb/scene": "^0.1.3",
-    "@uniweb/schemas": "^0.9.0",
-    "@uniweb/core": "^0.34.0",
-    "@uniweb/semantic-parser": "^1.4.1"
+    "@uniweb/schemas": "^0.9.3",
+    "@uniweb/projections": "^0.7.11"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/components/FileLogo/FileLogo.jsx

@@ -131,13 +131,17 @@ export function FileLogo({ filename, size = '24', className, ...props }) {
   const ext = getExtension(filename)
   const iconType = FILE_ICONS[ext] || 'default'
   const icon = ICONS[iconType]
+  // A number or a string of digits is pixels. React appends `px` to a number and
+  // to nothing else, so the default `'24'` rendered `width:24` — invalid CSS the
+  // browser drops — until 2026-09-29. Any other string (`'1.5em'`) is kept as written.
+  const dimension = /^\d+(\.\d+)?$/.test(String(size)) ? `${size}px` : size
 
   return (
     <svg
       viewBox="0 0 24 24"
       fill="currentColor"
       className={cn('inline-block', className)}
-      style={{ width: size, height: size }}
+      style={{ width: dimension, height: dimension }}
       aria-hidden="true"
       {...props}
     >

package/src/styled/Render/index.jsx

@@ -54,6 +54,7 @@ import { Image } from '../../components/Image/index.js'
 import { Media } from '../../components/Media/index.js'
 import { Icon } from '../../components/Icon/index.js'
 import { Link } from '../../components/Link/index.js'
+import { FileLogo } from '../../components/FileLogo/index.js'
 import { Code } from '../Section/renderers/Code.jsx'
 import { Divider } from '../Section/renderers/Divider.jsx'
 
@@ -98,7 +99,6 @@ export const NOT_RENDERED = {
     'inset_ref nodes, and they render nothing.',
   form: 'an editor node; its data reaches components as content.data[schemaId]',
   'card-group': 'an editor node, deprecated — maps to content.data[cardType]',
-  'document-group': 'an editor node — its documents reach content.links',
 }
 
 /**
@@ -114,6 +114,11 @@ export const NOT_RENDERED = {
  * internal links. Until 2026-07-31 nothing emitted it, so an authored id
  * existed only inside the registry and never reached the document.
  */
+/** A file's name from its address — the last path segment, without a query or fragment. */
+function fileNameOf(url) {
+  return String(url || '').split(/[?#]/)[0].split('/').pop() || ''
+}
+
 function authoredId(element) {
   return element?.attrs?.id ?? element?.id ?? undefined
 }
@@ -312,6 +317,33 @@ export function SequenceElement({ element, block, components }) {
       )
     }
 
+    // A file — a PDF — with an optional preview: one link to the file, holding
+    // the preview (or a file badge, when there is none) and the document's name.
+    // The author and description describe the RESOURCE, so they sit in the
+    // caption, and the preview's alt is empty — the name labels the link. <Link>
+    // treats a file address as a download and applies the base path. Until
+    // 2026-09-29 the parser delivered a document as an image, and this drew
+    // `<img src="report.pdf">`.
+    case 'document': {
+      const { url, alt, caption, preview, author, description } = element.attrs || {}
+      const name = caption || alt || fileNameOf(url)
+      return (
+        <figure id={authoredId(element)} data-kind="document">
+          <Link to={url}>
+            {preview ? <Image src={preview} alt="" /> : <FileLogo filename={url} />}
+            <span>{name}</span>
+          </Link>
+          {(author || description) && (
+            <figcaption>
+              {author && <span>{author}</span>}
+              {author && description && ' — '}
+              {description && <span>{description}</span>}
+            </figcaption>
+          )}
+        </figure>
+      )
+    }
+
     // Spread rather than cherry-pick: a markdown video carries poster and the
     // playback flags, and <Media> reads all of them.
     case 'video':