entasis 0.11.0 → 0.13.0

package/dist/components/LinkPreview/linkPreview.mcp.d.ts

@@ -1 +1 @@
-export declare const linkPreviewDescription = "\n# LinkPreview Component\n\nLinkPreview renders an anchor trigger with a HoverCard preview that loads link metadata asynchronously. It shows Skeleton placeholders while loading and displays title, description, site name, Open Graph image, and favicon when available.\n\n## Import\n\n```svelte\n<script>\n\timport { LinkPreview } from 'entasis/link-preview';\n</script>\n```\n\n## Basic Usage\n\n```svelte\n<LinkPreview href=\"https://svelte.dev\">Svelte</LinkPreview>\n```\n\nBy default, LinkPreview requests `/api/link-metadata?url=<href>` when the card opens. Browser-only fetching of arbitrary links is not reliable because most sites block cross-origin HTML reads, so applications should provide a server endpoint or a custom `fetchMetadata` function.\n\n## With Preloaded Metadata\n\n```svelte\n<LinkPreview\n\thref=\"https://entasis.dev\"\n\tmetadata={{\n\t\ttitle: 'Entasis',\n\t\tdescription: 'Configuration-first Svelte components.',\n\t\tsiteName: 'Entasis',\n\t\tfavicon: '/favicon.png'\n\t}}\n>\n\tEntasis\n</LinkPreview>\n```\n\n## Custom Fetcher\n\n```svelte\n<script>\n\tconst fetchMetadata = async (href, signal) => {\n\t\tconst response = await fetch(`/api/preview?href=${encodeURIComponent(href)}`, { signal });\n\t\tif (!response.ok) throw new Error('Preview unavailable');\n\t\treturn response.json();\n\t};\n</script>\n\n<LinkPreview href=\"https://example.com\" {fetchMetadata}>Example</LinkPreview>\n```\n\n## Props\n\n- **href**: string - URL opened by the trigger link and requested by the metadata loader.\n- **id**: string - Stable DOM id for the underlying HoverCard; falls back to a generated id.\n- **open**: boolean - Bindable open state.\n- **defaultOpen**: boolean (default: false) - Initial state when open is not provided.\n- **children**: string | Snippet<[LinkPreviewPayload]> - Trigger anchor content.\n- **metadata**: LinkPreviewMetadata - Preloaded metadata; skips network loading.\n- **fetchMetadata**: (href, signal) => Promise<LinkPreviewMetadata> - Custom async loader.\n- **metadataEndpoint**: string | (href) => string - Endpoint used when fetchMetadata is not provided. String endpoints receive ?url=<href>.\n- **prefetch**: boolean - Load metadata on mount instead of waiting for open.\n- **target**: string - Trigger anchor target.\n- **rel**: string - Trigger anchor rel. Defaults to noopener noreferrer for target=\"_blank\".\n- **fallbackTitle**: string - Title shown when metadata has no title.\n- **imageAlt**: string - Alt text for the preview image.\n- **showUrl**: boolean - Whether to show the URL line.\n- **loadingLabel**: string - Accessible label for the loading region.\n- **errorLabel**: string - Heading shown when metadata loading fails.\n- **position**: Popover placement - Preferred card placement.\n- **offset**: number - Gap between trigger and card.\n- **delay**: number - Open delay in milliseconds.\n- **closeDelay**: number - Close delay in milliseconds.\n- **openOnFocus**: boolean - Open when focus enters trigger or card.\n- **openOnClick**: boolean - Toggle card on click before navigation.\n- **closeOnEscape**: boolean - Close on Escape.\n- **closeOnClickOutside**: boolean - Close when clicking outside.\n- **directedTransition**: boolean - Use placement-aware transitions.\n- **transition**: object - Popover transition overrides.\n- **size**: 'small' | 'normal' | 'large' - Preview card size.\n- **disabled**: boolean - Disable opening and link navigation.\n- **class**: string - Trigger anchor classes.\n- **card**: Props forwarded to the inner Card as one object - `{ class, color, variant, theme }` (defaults: color 'neutral', variant 'solid').\n- **popover**: Props forwarded to the Popover panel as one object - `{ class, theme }`.\n- **showBorders**: boolean - Show Card section borders.\n- **onOpenChange**: (open: boolean) => void - Called once for each library-requested state change.\n- **onAfterOpen**: (payload) => void - Called after open transition.\n- **onAfterClose**: (payload) => void - Called after close transition.\n- **onLoad**: (payload) => void - Called after metadata loads.\n- **onError**: (error) => void - Called after metadata loading fails.\n- **theme**: LinkPreviewThemeProps - LinkPreview theme overrides.\n- **hoverCardTheme**: HoverCardThemeProps - HoverCard wrapper theme overrides.\n\n## Metadata Shape\n\n```ts\ntype LinkPreviewMetadata = {\n\turl?: string;\n\ttitle?: string;\n\tdescription?: string;\n\tsiteName?: string;\n\timage?: string;\n\tfavicon?: string;\n};\n```\n\n## Endpoint Contract\n\nThe default endpoint should return JSON matching LinkPreviewMetadata. Non-2xx responses should return a JSON object with a `message` string when possible.\n\n## Accessibility\n\n- The trigger remains a real anchor, so the destination is reachable without hover.\n- Loading and error states use role=\"status\".\n- A disabled LinkPreview removes the anchor href and prevents hover opening.\n\n## Theme Parts\n\n- **trigger** - Anchor trigger.\n- **card** - HoverCard surface classes.\n- **content** - Preview content wrapper.\n- **media** - Image container.\n- **image** - Preview image.\n- **body** - Metadata text stack.\n- **header** - Favicon and site row.\n- **favicon** - Favicon image.\n- **site** - Site name text.\n- **title** - Preview title.\n- **description** - Preview description.\n- **url** - URL display line.\n- **loading** - Skeleton stack.\n- **error** - Error state container.\n\n## Motion\n\n- LinkPreview has no preset of its own: it forwards `transition` (now a plain `FSOProps`,\n  responsive) to HoverCard, whose **motion** slot owns the preset.\n- Retune it with `<Theme components={{ 'hover-card': { motion } }}>` or\n  `setHoverCardTheme({ motion })`; the `transition` prop still wins per instance.\n";
+export declare const linkPreviewDescription = "\n# LinkPreview Component\n\nLinkPreview renders an anchor trigger with a HoverCard preview that loads link metadata asynchronously. It shows Skeleton placeholders while loading and displays title, description, site name, Open Graph image, and favicon when available.\n\n## Import\n\n```svelte\n<script>\n\timport { LinkPreview } from 'entasis/link-preview';\n</script>\n```\n\n## Basic Usage\n\n```svelte\n<LinkPreview href=\"https://svelte.dev\">Svelte</LinkPreview>\n```\n\nBy default, LinkPreview requests `/api/link-metadata?url=<href>` when the card opens. Browser-only fetching of arbitrary links is not reliable because most sites block cross-origin HTML reads, so applications should provide a server endpoint or a custom `fetchMetadata` function.\n\n## With Preloaded Metadata\n\n```svelte\n<LinkPreview\n\thref=\"https://entasis.dev\"\n\tmetadata={{\n\t\ttitle: 'Entasis',\n\t\tdescription: 'Configuration-first Svelte components.',\n\t\tsiteName: 'Entasis',\n\t\tfavicon: '/favicon.png'\n\t}}\n>\n\tEntasis\n</LinkPreview>\n```\n\n## Custom Fetcher\n\n```svelte\n<script>\n\tconst fetchMetadata = async (href, signal) => {\n\t\tconst response = await fetch(`/api/preview?href=${encodeURIComponent(href)}`, { signal });\n\t\tif (!response.ok) throw new Error('Preview unavailable');\n\t\treturn response.json();\n\t};\n</script>\n\n<LinkPreview href=\"https://example.com\" {fetchMetadata}>Example</LinkPreview>\n```\n\n## Props\n\n- **href**: string - URL opened by the trigger link and requested by the metadata loader.\n- **id**: string - Stable DOM id for the underlying HoverCard; falls back to a generated id.\n- **open**: boolean - Bindable open state.\n- **defaultOpen**: boolean (default: false) - Initial state when open is not provided.\n- **children**: string | Snippet<[LinkPreviewPayload]> - Trigger anchor content.\n- **metadata**: LinkPreviewMetadata - Preloaded metadata; skips network loading.\n- **fetchMetadata**: (href, signal) => Promise<LinkPreviewMetadata> - Custom async loader.\n- **metadataEndpoint**: string | (href) => string - Endpoint used when fetchMetadata is not provided. String endpoints receive ?url=<href>.\n- **prefetch**: boolean - Load metadata on mount instead of waiting for open.\n- **target**: string - Trigger anchor target.\n- **rel**: string - Trigger anchor rel. Defaults to noopener noreferrer for target=\"_blank\".\n- **fallbackTitle**: string - Title shown when metadata has no title.\n- **imageAlt**: string - Alt text for the preview image.\n- **showUrl**: boolean - Whether to show the URL line.\n- **loadingLabel**: string - Accessible label for the loading region.\n- **errorLabel**: string - Heading shown when metadata loading fails.\n- **position**: Popover placement - Preferred card placement.\n- **offset**: number - Gap between trigger and card.\n- **delay**: number - Open delay in milliseconds. Skipped right after another preview, hover card, tooltip or hover-opened popover was open, as for HoverCard.\n- **closeDelay**: number - Close delay in milliseconds.\n- **openOnFocus**: boolean - Open when focus enters trigger or card.\n- **openOnClick**: boolean - Toggle card on click before navigation.\n- **closeOnEscape**: boolean - Close on Escape.\n- **closeOnClickOutside**: boolean - Close when clicking outside.\n- **directedTransition**: boolean - Use placement-aware transitions.\n- **transition**: object - Popover transition overrides.\n- **size**: 'small' | 'normal' | 'large' - Preview card size.\n- **disabled**: boolean - Disable opening and link navigation.\n- **wrap**: boolean (default: true) - The link flows with the text around it (`display: inline`, `box-decoration-break: clone`) and breaks across lines; the card anchors to the line the pointer entered and stays there while it is open, and a keyboard open takes the first line above the link and the last one below it. `false` keeps the link one `inline-flex` box\n- **anchorTo**: 'box' | 'line' (default: 'line' with `wrap`) - What the card anchors to when the link wraps\n- **arrow**: boolean (default: false) - Draws an arrow from the card toward the link\n- **class**: string - Trigger anchor classes.\n- **card**: Props forwarded to the inner Card as one object - `{ class, color, variant, theme }` (defaults: color 'neutral', variant 'solid').\n- **popover**: Props forwarded to the Popover panel as one object - `{ class, theme }`.\n- **showBorders**: boolean - Show Card section borders.\n- **onOpenChange**: (open: boolean) => void - Called once for each library-requested state change.\n- **onAfterOpen**: (payload) => void - Called after open transition.\n- **onAfterClose**: (payload) => void - Called after close transition.\n- **onLoad**: (payload) => void - Called after metadata loads.\n- **onError**: (error) => void - Called after metadata loading fails.\n- **theme**: LinkPreviewThemeProps - LinkPreview theme overrides.\n- **hoverCardTheme**: HoverCardThemeProps - HoverCard wrapper theme overrides.\n\n## Metadata Shape\n\n```ts\ntype LinkPreviewMetadata = {\n\turl?: string;\n\ttitle?: string;\n\tdescription?: string;\n\tsiteName?: string;\n\timage?: string;\n\tfavicon?: string;\n};\n```\n\n## Endpoint Contract\n\nThe default endpoint should return JSON matching LinkPreviewMetadata. Non-2xx responses should return a JSON object with a `message` string when possible.\n\n## Accessibility\n\n- The trigger remains a real anchor, so the destination is reachable without hover.\n- Loading and error states use role=\"status\".\n- A disabled LinkPreview removes the anchor href and prevents hover opening.\n\n## Theme Parts\n\n- **trigger** - Anchor trigger.\n- **card** - HoverCard surface classes.\n- **content** - Preview content wrapper.\n- **media** - Image container.\n- **image** - Preview image.\n- **body** - Metadata text stack.\n- **header** - Favicon and site row.\n- **favicon** - Favicon image.\n- **site** - Site name text.\n- **title** - Preview title.\n- **description** - Preview description.\n- **url** - URL display line.\n- **loading** - Skeleton stack.\n- **error** - Error state container.\n\n## Motion\n\n- LinkPreview has no preset of its own: it forwards `transition` (now a plain `FSOProps`,\n  responsive) to HoverCard, whose **motion** slot owns the preset.\n- Retune it with `<Theme components={{ 'hover-card': { motion } }}>` or\n  `setHoverCardTheme({ motion })`; the `transition` prop still wins per instance.\n";

package/dist/components/LinkPreview/linkPreview.mcp.js

@@ -69,7 +69,7 @@ By default, LinkPreview requests \`/api/link-metadata?url=<href>\` when the card
 - **errorLabel**: string - Heading shown when metadata loading fails.
 - **position**: Popover placement - Preferred card placement.
 - **offset**: number - Gap between trigger and card.
-- **delay**: number - Open delay in milliseconds.
+- **delay**: number - Open delay in milliseconds. Skipped right after another preview, hover card, tooltip or hover-opened popover was open, as for HoverCard.
 - **closeDelay**: number - Close delay in milliseconds.
 - **openOnFocus**: boolean - Open when focus enters trigger or card.
 - **openOnClick**: boolean - Toggle card on click before navigation.
@@ -79,6 +79,9 @@ By default, LinkPreview requests \`/api/link-metadata?url=<href>\` when the card
 - **transition**: object - Popover transition overrides.
 - **size**: 'small' | 'normal' | 'large' - Preview card size.
 - **disabled**: boolean - Disable opening and link navigation.
+- **wrap**: boolean (default: true) - The link flows with the text around it (\`display: inline\`, \`box-decoration-break: clone\`) and breaks across lines; the card anchors to the line the pointer entered and stays there while it is open, and a keyboard open takes the first line above the link and the last one below it. \`false\` keeps the link one \`inline-flex\` box
+- **anchorTo**: 'box' | 'line' (default: 'line' with \`wrap\`) - What the card anchors to when the link wraps
+- **arrow**: boolean (default: false) - Draws an arrow from the card toward the link
 - **class**: string - Trigger anchor classes.
 - **card**: Props forwarded to the inner Card as one object - \`{ class, color, variant, theme }\` (defaults: color 'neutral', variant 'solid').
 - **popover**: Props forwarded to the Popover panel as one object - \`{ class, theme }\`.

package/dist/components/LinkPreview/linkPreview.props.d.ts

@@ -111,6 +111,21 @@ export type LinkPreviewProps = WithAttachments<{
     size?: Sizes;
     /** When true, prevents opening and marks the trigger as disabled. */
     disabled?: boolean;
+    /**
+     * Lets the link wrap across lines like the text around it. The card anchors to the line the
+     * pointer entered on and stays there while it is open; a keyboard open takes the first line
+     * above the link and the last one below it. Set it to `false` for a link that must stay one
+     * box, such as a button-like link with a fixed layout.
+     * @default true
+     */
+    wrap?: boolean;
+    /**
+     * What the card anchors to when the link wraps: the whole box, or the line the pointer entered
+     * on. Defaults to `'line'` with `wrap`.
+     */
+    anchorTo?: PopoverProps['anchorTo'];
+    /** Draws an arrow from the card toward the link. */
+    arrow?: PopoverProps['arrow'];
     /** Additional CSS classes merged onto the trigger anchor. */
     class?: string;
     /** Props forwarded to the inner Card surface. */

package/dist/components/LinkPreview/linkPreview.theme.d.ts

@@ -1,174 +1,186 @@
 import { type InferComponentTheme } from '../../utils/cva/index.js';
 export declare const linkPreviewTheme: {
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         disabled: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    card: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    card: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    content: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    image: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    image: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    favicon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    site: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    favicon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    site: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    description: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    url: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    loading: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    url: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    loading: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 };
 export type LinkPreviewTheme = typeof linkPreviewTheme;
 export type LinkPreviewThemeProps = InferComponentTheme<LinkPreviewTheme>;
 export declare const setLinkPreviewTheme: (theme: InferComponentTheme<{
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         disabled: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    card: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    card: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    content: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    image: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    image: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    favicon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    site: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    favicon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    site: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    description: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    url: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    loading: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    url: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    loading: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>) => void;
-export declare const useLinkPreviewTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
-    trigger: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+export declare const useLinkPreviewTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
+    trigger: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         disabled: {
             true: string;
             false: null;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    card: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+        wrap: {
+            true: string;
+            false: string;
+        };
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    card: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    content: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    content: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    media: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    media: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    image: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    body: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    image: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    body: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    header: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    favicon: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    site: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    title: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    header: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    favicon: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    site: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    title: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    description: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    description: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
-    url: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    loading: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
-    error: (props?: import("../../utils/cva/types.js").CVAClassProp | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
+    url: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    loading: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
+    error: (props?: import("../../utils/cva/types.ts").CVAClassProp | undefined) => string;
 }>;

package/dist/components/LinkPreview/linkPreview.theme.js

@@ -1,15 +1,22 @@
 import { cva } from '../../utils/cva/index.js';
 import { setComponentTheme, useComponentTheme } from '../../utils/cva/index.js';
 const defaultLinkPreviewTrigger = cva({
-    base: 'text-primary-readable inline-flex max-w-full items-center rounded-sm underline-offset-4 transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/50',
+    base: 'text-primary-readable max-w-full rounded-sm underline-offset-4 transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus/50',
     variants: {
         disabled: {
             true: 'pointer-events-none opacity-55',
             false: null
+        },
+        // The link flows with the text around it and breaks across lines; its ring and rounding
+        // repeat on every line.
+        wrap: {
+            true: 'box-decoration-clone inline',
+            false: 'inline-flex items-center'
         }
     },
     defaultVariants: {
-        disabled: false
+        disabled: false,
+        wrap: true
     }
 });
 const defaultLinkPreviewCard = cva({

package/dist/components/Map/map.theme.d.ts

@@ -1,6 +1,6 @@
 import { type InferComponentTheme } from '../../utils/cva/index.js';
 export declare const mapTheme: {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -10,12 +10,12 @@ export declare const mapTheme: {
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 };
 export type MapTheme = typeof mapTheme;
 export type MapThemeProps = InferComponentTheme<MapTheme>;
 export declare const setMapTheme: (theme: InferComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -25,10 +25,10 @@ export declare const setMapTheme: (theme: InferComponentTheme<{
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useMapTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+export declare const useMapTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
@@ -38,5 +38,5 @@ export declare const useMapTheme: import("../../utils/cva/theme.js").UseComponen
             true: string;
             false: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>;

package/dist/components/Map/maplibre-cdn.js

@@ -1,3 +1,4 @@
+import { applyCspNonce } from '../../utils/cspNonce.js';
 const MAPLIBRE_CDN_VERSION = '5.24.0';
 const MAPLIBRE_SCRIPT_ID = 'svelte-pro-maplibre-script';
 const MAPLIBRE_STYLE_ID = 'svelte-pro-maplibre-style';
@@ -23,7 +24,7 @@ function ensureMapLibreStyle() {
     if (document.getElementById(MAPLIBRE_STYLE_ID)) {
         return;
     }
-    const link = document.createElement('link');
+    const link = applyCspNonce(document.createElement('link'));
     link.id = MAPLIBRE_STYLE_ID;
     link.rel = 'stylesheet';
     link.href = MAPLIBRE_STYLE_URL;
@@ -53,7 +54,7 @@ function createMapLibreScriptPromise() {
     });
 }
 function createMapLibreScript() {
-    const script = document.createElement('script');
+    const script = applyCspNonce(document.createElement('script'));
     script.id = MAPLIBRE_SCRIPT_ID;
     script.src = MAPLIBRE_SCRIPT_URL;
     script.async = true;

package/dist/components/Markdown/markdown.mcp.d.ts

@@ -1 +1 @@
-export declare const markdownDescription = "\n# Markdown Component\n\nRenders Markdown as themed HTML, built for streaming LLM output. Wraps the user's own [svelte-streamdown](https://github.com/) renderer, restyled with entasis design tokens so it matches the rest of the app and adapts to light and dark automatically. Incomplete/streaming Markdown (an unterminated code fence, a half-written table) is handled gracefully \u2014 nothing crashes or flashes as chunks arrive.\n\nFenced code blocks render through entasis's own Code component (syntax highlighting + copy button), and \\`mermaid\\` fences render through entasis's Mermaid component (pan/zoom, brand theming, and errorForgiving so a diagram being streamed in doesn't flash errors between chunks).\n\nCard, Stat, Stack, Grid, and GridSpan are also available as built-in MDX components. They can be used directly inside the Markdown source without passing an MDX component map.\n\n## Basic Usage\n\n\\`\\`\\`svelte\n<Markdown content={\"# Hello\\n\\nSome **bold** and _italic_ text.\"} />\n<Markdown content={message} size=\"small\" />\n<Markdown content={doc} size=\"large\" />\n\\`\\`\\`\n\n## Props\n\n### Core Props\n- **content**: string (required) - The Markdown source. Re-renders reactively as it changes; incomplete/streaming Markdown is handled gracefully (safe to bind to a growing string from a token stream).\n- **size**: 'small' | 'normal' | 'large' (default: 'normal') - Type and spacing scale.\n  - **small**: compact \u2014 smaller headings, tighter block margins, \\`text-sm\\` body. Best for chat messages and dense UI.\n  - **normal**: the default reading scale (\\`text-base\\` body, shadcn-equivalent heading sizes).\n  - **large**: long-form \u2014 larger headings, roomier margins, \\`text-lg\\` body. Best for documents and articles.\n\n### Advanced Props\n- **class**: string - Additional CSS classes on the root wrapper.\n- **theme**: MarkdownThemeProps - Overrides for the root wrapper part (size variants live here).\n- **mdxComponents**: StreamdownProps['mdxComponents'] - Custom MDX components. Matching names override the built-in entasis components.\n- **...streamdown passthroughs**: every other svelte-streamdown prop is forwarded except the ones entasis controls (\\`content\\`, \\`theme\\`, \\`baseTheme\\`, \\`mergeTheme\\`, \\`class\\`, \\`code\\`, \\`mermaid\\`, \\`children\\`, \\`streamdown\\`, \\`element\\`). Use these for streamdown features such as controlling which block types are parsed, link/image handling, and other renderer options \u2014 see the svelte-streamdown docs.\n\n## Rendering\n\n- **Block elements**: headings (h1\u2013h6), paragraphs, lists (ordered, unordered, task lists), blockquotes, horizontal rules, tables, images and links are all styled from entasis tokens.\n- **GitHub alerts**: \\`> [!NOTE]\\`, \\`> [!TIP]\\`, \\`> [!IMPORTANT]\\`, \\`> [!WARNING]\\` and \\`> [!CAUTION]\\` render as colored callouts mapped to entasis info/success/primary/warning/danger muted pairings.\n- **Inline code** (\\`codespan\\`): styled as a subtle chip; its text size scales with \\`size\\`.\n- **Code fences**: rendered by entasis's Code component \u2014 syntax highlighting and a copy button. The code block sizing follows \\`size\\`.\n- **Mermaid fences**: a fence tagged \\`mermaid\\` renders through entasis's Mermaid component with \\`errorForgiving\\` enabled, so a diagram that is still streaming in holds its last valid frame instead of flashing parse errors. Diagram size maps from the Markdown \\`size\\`.\n\n## Built-in MDX components\n\nThe built-in tags are **Card**, **Stat**, **Stack**, **Grid**, and **GridSpan**:\n\n~~~svelte\nconst content = [\n  '<Grid columns={2} gap=\"lg\">',\n  '<GridSpan columns=\"full\">',\n  '<Card title=\"Release readiness\" variant=\"outline\">',\n  '<Stack gap=\"md\">Everything is **ready**.</Stack>',\n  '</Card>',\n  '</GridSpan>',\n  '<Stat label=\"Coverage\" value=\"94%\" trend=\"+3.2%\" trendDirection=\"up\" />',\n  '<Stat label=\"Issues\" value=\"3\" trend=\"-8\" trendDirection=\"down\" />',\n  '</Grid>'\n].join('\\n');\n\n<Markdown {content} />\n~~~\n\nMDX attributes support string, number, and boolean values. Imperative event handlers and root styling or link props are not forwarded from Markdown content. Caller-provided mdxComponents take priority, and the custom mdx snippet remains the fallback for unknown tags.\n\n## Theming\n\nThe full theme is derived from entasis design tokens (translated from the shadcn preset): borders use \\`border-neutral-muted\\`, muted surfaces use \\`bg-neutral-muted\\`, secondary text uses \\`text-neutral/70\\`, and so on. Because it is token-based, the rendered Markdown adapts to light and dark automatically and stays visually consistent with the rest of the app. Per-instance tweaks to the root wrapper go through the \\`theme\\` prop; deeper element overrides fall back safely to the built-in theme.\n\n## Examples\n\n### Chat message (small)\n\\`\\`\\`svelte\n<Markdown content={assistantMessage} size=\"small\" />\n\\`\\`\\`\n\n### Long-form document (large)\n\\`\\`\\`svelte\n<Markdown content={articleBody} size=\"large\" />\n\\`\\`\\`\n\n### Streaming from an LLM\n\\`\\`\\`svelte\n<script>\n\tlet content = $state('');\n\t// append tokens as they arrive\n\tfor await (const chunk of stream) content += chunk;\n</script>\n<Markdown {content} size=\"small\" />\n\\`\\`\\`\n\n## Accessibility\n\n- Output is semantic HTML (real headings, lists, tables, \\`<a>\\`, \\`<code>\\`), so the document outline and screen-reader navigation work as expected.\n- Code blocks inherit the Code component's accessible copy button (aria-labelled, keyboard operable) and Mermaid inherits its \\`role=\"img\"\\` + aria-label and keyboard-accessible controls.\n- Color is never the only signal for GitHub alerts \u2014 each keeps its label/heading text.\n- Task-list checkboxes are disabled and have no text of their own, so each carries an accessible name from the catalog (`taskComplete` / `taskIncomplete`).\n\n## Notes\n\n- Renders reactively: it is safe to bind \\`content\\` to a string that grows over time (token streaming). Partial Markdown between chunks won't throw.\n- The theme deep-merges over svelte-streamdown's built-in base theme, so any element entasis doesn't explicitly restyle still renders sensibly.\n- Code and Mermaid rendering delegate to entasis's own components rather than streamdown's, keeping copy/pan/zoom behavior consistent across the app.\n";
+export declare const markdownDescription = "\n# Markdown Component\n\nRenders Markdown as themed HTML, built for streaming LLM output. Wraps the user's own [svelte-streamdown](https://github.com/) renderer, restyled with entasis design tokens so it matches the rest of the app and adapts to light and dark automatically. Incomplete/streaming Markdown (an unterminated code fence, a half-written table) is handled gracefully \u2014 nothing crashes or flashes as chunks arrive.\n\nFenced code blocks render through entasis's own Code component (syntax highlighting + copy button), and \\`mermaid\\` fences render through entasis's Mermaid component (pan/zoom, brand theming, and errorForgiving so a diagram being streamed in doesn't flash errors between chunks).\n\nCard, Stat, Stack, Grid, and GridSpan are also available as built-in MDX components. They can be used directly inside the Markdown source without passing an MDX component map.\n\n## Basic Usage\n\n\\`\\`\\`svelte\n<Markdown content={\"# Hello\\n\\nSome **bold** and _italic_ text.\"} />\n<Markdown content={message} size=\"small\" />\n<Markdown content={doc} size=\"large\" />\n\\`\\`\\`\n\n## Props\n\n### Core Props\n- **content**: string (required) - The Markdown source. Re-renders reactively as it changes; incomplete/streaming Markdown is handled gracefully (safe to bind to a growing string from a token stream).\n- **size**: 'small' | 'normal' | 'large' (default: 'normal') - Type and spacing scale.\n  - **small**: compact \u2014 smaller headings, tighter block margins, \\`text-sm\\` body. Best for chat messages and dense UI.\n  - **normal**: the default reading scale (\\`text-base\\` body, shadcn-equivalent heading sizes).\n  - **large**: long-form \u2014 larger headings, roomier margins, \\`text-lg\\` body. Best for documents and articles.\n\n### Advanced Props\n- **class**: string - Additional CSS classes on the root wrapper.\n- **theme**: MarkdownThemeProps - Overrides for the root wrapper part (size variants live here).\n- **mdxComponents**: StreamdownProps['mdxComponents'] - Custom MDX components. Matching names override the built-in entasis components.\n- **...streamdown passthroughs**: every other svelte-streamdown prop is forwarded except the ones entasis controls (\\`content\\`, \\`theme\\`, \\`baseTheme\\`, \\`mergeTheme\\`, \\`class\\`, \\`code\\`, \\`mermaid\\`, \\`children\\`, \\`streamdown\\`, \\`element\\`). Use these for streamdown features such as controlling which block types are parsed, link/image handling, and other renderer options \u2014 see the svelte-streamdown docs.\n\n## Rendering\n\n- **Block elements**: headings (h1\u2013h6), paragraphs, lists (ordered, unordered, task lists), blockquotes, horizontal rules, tables, images and links are all styled from entasis tokens.\n- **GitHub alerts**: \\`> [!NOTE]\\`, \\`> [!TIP]\\`, \\`> [!IMPORTANT]\\`, \\`> [!WARNING]\\` and \\`> [!CAUTION]\\` render as colored callouts mapped to entasis info/success/primary/warning/danger muted pairings.\n- **Inline code** (\\`codespan\\`): a muted neutral chip at 0.9em of the surrounding text, readable on any surface.\n- **Lists** hang-indent: markers sit outside the text, so a wrapped line starts under the first word. **Tables** read at the surrounding text size, size their columns to content, and scroll with an edge fade when wider than their container.\n- **Code fences**: rendered by entasis's Code component \u2014 syntax highlighting and a copy button. The code block sizing follows \\`size\\`.\n- **Mermaid fences**: a fence tagged \\`mermaid\\` renders through entasis's Mermaid component with \\`errorForgiving\\` enabled, so a diagram that is still streaming in holds its last valid frame instead of flashing parse errors. Diagram size maps from the Markdown \\`size\\`.\n\n## Built-in MDX components\n\nThe built-in tags are **Card**, **Stat**, **Stack**, **Grid**, and **GridSpan**:\n\n~~~svelte\nconst content = [\n  '<Grid columns={2} gap=\"lg\">',\n  '<GridSpan columns=\"full\">',\n  '<Card title=\"Release readiness\" variant=\"outline\">',\n  '<Stack gap=\"md\">Everything is **ready**.</Stack>',\n  '</Card>',\n  '</GridSpan>',\n  '<Stat label=\"Coverage\" value=\"94%\" trend=\"+3.2%\" trendDirection=\"up\" />',\n  '<Stat label=\"Issues\" value=\"3\" trend=\"-8\" trendDirection=\"down\" />',\n  '</Grid>'\n].join('\\n');\n\n<Markdown {content} />\n~~~\n\nMDX attributes support string, number, and boolean values. Imperative event handlers and root styling or link props are not forwarded from Markdown content. Caller-provided mdxComponents take priority, and the custom mdx snippet remains the fallback for unknown tags.\n\n## Theming\n\nThe full theme is derived from entasis design tokens (translated from the shadcn preset): borders use \\`border-neutral-muted\\`, muted surfaces use \\`bg-neutral-muted\\`, secondary text uses \\`text-neutral/70\\`, and so on. Because it is token-based, the rendered Markdown adapts to light and dark automatically and stays visually consistent with the rest of the app. Per-instance tweaks to the root wrapper go through the \\`theme\\` prop; deeper element overrides fall back safely to the built-in theme.\n\n## Examples\n\n### Chat message (small)\n\\`\\`\\`svelte\n<Markdown content={assistantMessage} size=\"small\" />\n\\`\\`\\`\n\n### Long-form document (large)\n\\`\\`\\`svelte\n<Markdown content={articleBody} size=\"large\" />\n\\`\\`\\`\n\n### Streaming from an LLM\n\\`\\`\\`svelte\n<script>\n\tlet content = $state('');\n\t// append tokens as they arrive\n\tfor await (const chunk of stream) content += chunk;\n</script>\n<Markdown {content} size=\"small\" />\n\\`\\`\\`\n\n## Accessibility\n\n- Output is semantic HTML (real headings, lists, tables, \\`<a>\\`, \\`<code>\\`), so the document outline and screen-reader navigation work as expected.\n- Code blocks inherit the Code component's accessible copy button (aria-labelled, keyboard operable) and Mermaid inherits its \\`role=\"img\"\\` + aria-label and keyboard-accessible controls.\n- Color is never the only signal for GitHub alerts \u2014 each keeps its label/heading text.\n- Task-list checkboxes are disabled and have no text of their own, so each carries an accessible name from the catalog (`taskComplete` / `taskIncomplete`).\n\n## Notes\n\n- Renders reactively: it is safe to bind \\`content\\` to a string that grows over time (token streaming). Partial Markdown between chunks won't throw.\n- The theme deep-merges over svelte-streamdown's built-in base theme, so any element entasis doesn't explicitly restyle still renders sensibly.\n- Code and Mermaid rendering delegate to entasis's own components rather than streamdown's, keeping copy/pan/zoom behavior consistent across the app.\n";

package/dist/components/Markdown/markdown.mcp.js

@@ -34,7 +34,8 @@ Card, Stat, Stack, Grid, and GridSpan are also available as built-in MDX compone
 
 - **Block elements**: headings (h1–h6), paragraphs, lists (ordered, unordered, task lists), blockquotes, horizontal rules, tables, images and links are all styled from entasis tokens.
 - **GitHub alerts**: \\\`> [!NOTE]\\\`, \\\`> [!TIP]\\\`, \\\`> [!IMPORTANT]\\\`, \\\`> [!WARNING]\\\` and \\\`> [!CAUTION]\\\` render as colored callouts mapped to entasis info/success/primary/warning/danger muted pairings.
-- **Inline code** (\\\`codespan\\\`): styled as a subtle chip; its text size scales with \\\`size\\\`.
+- **Inline code** (\\\`codespan\\\`): a muted neutral chip at 0.9em of the surrounding text, readable on any surface.
+- **Lists** hang-indent: markers sit outside the text, so a wrapped line starts under the first word. **Tables** read at the surrounding text size, size their columns to content, and scroll with an edge fade when wider than their container.
 - **Code fences**: rendered by entasis's Code component — syntax highlighting and a copy button. The code block sizing follows \\\`size\\\`.
 - **Mermaid fences**: a fence tagged \\\`mermaid\\\` renders through entasis's Mermaid component with \\\`errorForgiving\\\` enabled, so a diagram that is still streaming in holds its last valid frame instead of flashing parse errors. Diagram size maps from the Markdown \\\`size\\\`.
 

package/dist/components/Markdown/markdown.theme.d.ts

@@ -3,33 +3,33 @@ import type { StreamdownProps } from 'svelte-streamdown';
 import type { MarkdownSize } from './markdown.props.js';
 import type { Sizes } from '../../types/theme.js';
 export declare const markdownTheme: {
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 };
 export type MarkdownTheme = typeof markdownTheme;
 export type MarkdownThemeProps = InferComponentTheme<MarkdownTheme>;
 export declare const setMarkdownTheme: (theme: InferComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>) => void;
-export declare const useMarkdownTheme: import("../../utils/cva/theme.js").UseComponentTheme<{
-    root: (props?: (import("../../utils/cva/types.js").CVAVariantSchema<{
+export declare const useMarkdownTheme: import("../../utils/cva/theme.ts").UseComponentTheme<{
+    root: (props?: (import("../../utils/cva/types.ts").CVAVariantSchema<{
         size: {
             small: string;
             normal: string;
             large: string;
         };
-    }> & import("../../utils/cva/types.js").CVAClassProp) | undefined) => string;
+    }> & import("../../utils/cva/types.ts").CVAClassProp) | undefined) => string;
 }>;
 /**
  * Wrapper classes applied to the entasis `Code` block per size (margin + type

package/dist/components/Markdown/markdown.theme.js

@@ -48,7 +48,7 @@ const SIZES = {
         h6: 'text-sm',
         headingMargin: 'mt-xl mb-sm',
         blockMargin: 'my-md',
-        listIndent: 'ml-lg',
+        listIndent: 'ps-lg',
         listItemPad: 'py-0',
         smallText: 'text-xs',
         ruleMargin: 'my-xl'
@@ -62,7 +62,7 @@ const SIZES = {
         h6: 'text-sm',
         headingMargin: 'mt-layout-sm mb-md',
         blockMargin: 'my-lg',
-        listIndent: 'ml-xl',
+        listIndent: 'ps-xl',
         listItemPad: 'py-micro',
         smallText: 'text-sm',
         ruleMargin: 'my-layout-sm'
@@ -76,7 +76,7 @@ const SIZES = {
         h6: 'text-base',
         headingMargin: 'mt-layout-md mb-md',
         blockMargin: 'my-xl',
-        listIndent: 'ml-layout-sm',
+        listIndent: 'ps-layout-sm',
         listItemPad: 'py-micro',
         smallText: 'text-sm',
         ruleMargin: 'my-layout-md'
@@ -116,11 +116,13 @@ export const buildMarkdownStreamdownTheme = (size) => {
         paragraph: {
             base: `${s.blockMargin} text-neutral`
         },
+        // Markers sit outside the text box, so a wrapped line hangs under the first word instead of
+        // under the bullet. `ml-0` replaces the base theme's margin; the indent is the padding.
         ul: {
-            base: `${s.listIndent} list-inside list-disc whitespace-normal text-neutral`
+            base: `ml-0 ${s.listIndent} list-outside list-disc whitespace-normal text-neutral`
         },
         ol: {
-            base: `${s.listIndent} list-inside whitespace-normal text-neutral`
+            base: `ml-0 ${s.listIndent} list-outside list-decimal whitespace-normal text-neutral`
         },
         li: {
             base: s.listItemPad,
@@ -135,8 +137,10 @@ export const buildMarkdownStreamdownTheme = (size) => {
             pre: 'overflow-x-auto font-mono p-0 bg-surface',
             line: 'block '
         },
+        // A readable chip on any surface: the muted neutral fill, at the base theme's 0.9em with its
+        // own padding (no second padding is layered on top).
         codespan: {
-            base: `bg-surface-raised rounded-sm px-sm py-micro font-mono text-neutral ${s.smallText}`
+            base: 'bg-neutral-muted rounded-sm font-mono text-neutral'
         },
         image: {
             base: `group relative ${s.blockMargin} mx-auto w-fit block`,
@@ -155,8 +159,9 @@ export const buildMarkdownStreamdownTheme = (size) => {
             caution: '[&>[data-alert-title]]:text-danger-muted-readable border-danger/40 stroke-danger bg-danger-muted',
             important: '[&>[data-alert-title]]:text-primary-muted-readable border-primary/40 stroke-primary bg-primary-muted'
         },
+        // A table wider than its column scrolls, and an edge fade shows that it does.
         table: {
-            base: `overflow-x-auto max-w-full ${s.blockMargin} rounded-lg border border-neutral-muted`,
+            base: `scroll-fade-x overflow-x-auto max-w-full ${s.blockMargin} rounded-lg border border-neutral-muted`,
             table: 'w-full border-collapse min-w-full'
         },
         thead: {
@@ -171,11 +176,15 @@ export const buildMarkdownStreamdownTheme = (size) => {
         tr: {
             base: 'state-layer border-neutral-muted not-last:border-b transition-colors'
         },
+        // Cells read at body size and size to their content (no forced 200px columns); the base
+        // theme supplies the cell padding. Streamdown writes `align="left"` on every cell without an
+        // explicit column alignment; those cells follow the logical start so RTL tables read from the
+        // right, while centre and right columns keep their `align`.
         td: {
-            base: `px-xl py-lg ${s.smallText} text-neutral min-w-[200px] max-w-[400px] break-words`
+            base: 'text-[length:inherit] text-neutral min-w-0 max-w-[400px] break-words [&[align=left]]:text-start'
         },
         th: {
-            base: `px-xl py-lg ${s.smallText} text-neutral min-w-[200px] max-w-[400px] break-words`
+            base: 'text-[length:inherit] text-neutral font-semibold min-w-0 max-w-[400px] break-words [&[align=left]]:text-start'
         },
         sup: {
             base: s.smallText