@flowstack-ui/brick 0.1.11 → 0.1.12

package/dist/agents/manifest.json

@@ -1,7 +1,7 @@
 {
   "schema": "flowstack.agent-manifest.v1",
   "package": "@flowstack-ui/brick",
-  "packageVersion": "0.1.11",
+  "packageVersion": "0.1.12",
   "components": [
     {
       "id": "accordion",
@@ -57,6 +57,12 @@
       "json": "./bleed.json",
       "markdown": "./bleed.md"
     },
+    {
+      "id": "blockquote",
+      "name": "Blockquote",
+      "json": "./blockquote.json",
+      "markdown": "./blockquote.md"
+    },
     {
       "id": "bottom-navigation",
       "name": "BottomNavigation",
@@ -189,6 +195,12 @@
       "json": "./dropdown-menu.json",
       "markdown": "./dropdown-menu.md"
     },
+    {
+      "id": "em",
+      "name": "Em",
+      "json": "./em.json",
+      "markdown": "./em.md"
+    },
     {
       "id": "feed",
       "name": "Feed",
@@ -243,6 +255,12 @@
       "json": "./hide.json",
       "markdown": "./hide.md"
     },
+    {
+      "id": "highlight",
+      "name": "Highlight",
+      "json": "./highlight.json",
+      "markdown": "./highlight.md"
+    },
     {
       "id": "hover-card",
       "name": "HoverCard",
@@ -273,6 +291,12 @@
       "json": "./input.json",
       "markdown": "./input.md"
     },
+    {
+      "id": "kbd",
+      "name": "Kbd",
+      "json": "./kbd.json",
+      "markdown": "./kbd.md"
+    },
     {
       "id": "link-box",
       "name": "Link Box",
@@ -291,6 +315,12 @@
       "json": "./list.json",
       "markdown": "./list.md"
     },
+    {
+      "id": "mark",
+      "name": "Mark",
+      "json": "./mark.json",
+      "markdown": "./mark.md"
+    },
     {
       "id": "menubar",
       "name": "Menubar",
@@ -357,6 +387,12 @@
       "json": "./progress.json",
       "markdown": "./progress.md"
     },
+    {
+      "id": "prose",
+      "name": "Prose",
+      "json": "./prose.json",
+      "markdown": "./prose.md"
+    },
     {
       "id": "radio-group",
       "name": "RadioGroup",

package/dist/agents/mark.json

@@ -0,0 +1,56 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "mark",
+  "name": "Mark",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Render a semantically marked static passage with restrained theme-aware Brick paint.",
+  "useWhen": [
+    "Authored content needs a static marked passage whose relevance is already known."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "Text must be matched from a query.",
+      "useInstead": "Highlight"
+    },
+    {
+      "condition": "Text needs stress emphasis.",
+      "useInstead": "Em"
+    }
+  ],
+  "composition": [
+    "Keep Mark inside the surrounding Text, heading, link, or Prose content owner."
+  ],
+  "rules": [
+    {
+      "id": "mark-static",
+      "level": "must",
+      "statement": "Use Mark for authored static relevance; do not pass a query or implement search matching inside it."
+    },
+    {
+      "id": "mark-native",
+      "level": "must",
+      "statement": "Preserve the one native mark host and select only the documented variant and tone recipes."
+    },
+    {
+      "id": "mark-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus mark.css."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Mapping every search result manually through Mark.",
+      "correction": "Use Highlight when Atom-owned matching must segment text."
+    }
+  ],
+  "validation": [
+    "Confirm native mark semantics, normal selection and copy, inherited typography, readable contrast, wrapping, forced colors, zoom, RTL, and CSS delivery."
+  ],
+  "related": [
+    "em",
+    "text",
+    "interface-composition"
+  ]
+}

package/dist/agents/mark.md

@@ -0,0 +1,38 @@
+# Mark agent guide
+
+## Purpose
+
+Render a semantically marked static passage with restrained theme-aware Brick paint.
+
+## Use when
+
+- Authored content needs a static marked passage whose relevance is already known.
+
+## Choose something else when
+
+- Text must be matched from a query. Use Highlight.
+- Text needs stress emphasis. Use Em.
+
+## Required composition
+
+- Keep Mark inside the surrounding Text, heading, link, or Prose content owner.
+
+## Rules
+
+- **MUST:** Use Mark for authored static relevance; do not pass a query or implement search matching inside it.
+- **MUST:** Preserve the one native mark host and select only the documented variant and tone recipes.
+- **MUST:** Load styles.css or core.css plus mark.css.
+
+## Common mistakes
+
+- **Avoid:** Mapping every search result manually through Mark. **Instead:** Use Highlight when Atom-owned matching must segment text.
+
+## Validation checklist
+
+- Confirm native mark semantics, normal selection and copy, inherited typography, readable contrast, wrapping, forced colors, zoom, RTL, and CSS delivery.
+
+## Related guidance
+
+- `em`
+- `text`
+- `interface-composition`

package/dist/agents/prose.json

@@ -0,0 +1,82 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "prose",
+  "name": "Prose",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Apply finished descendant typography, rhythm, and readable measure to trusted React content.",
+  "useWhen": [
+    "An application, CMS adapter, or Markdown renderer already produced trusted React children that need coherent editorial typography."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "Content is untrusted or still needs HTML or Markdown parsing.",
+      "useInstead": "an application-owned sanitizer and parser before Prose"
+    },
+    {
+      "condition": "A small explicit piece of interface copy needs one recipe.",
+      "useInstead": "Text"
+    },
+    {
+      "condition": "Content needs editing behavior.",
+      "useInstead": "a source-installed editor composition"
+    }
+  ],
+  "composition": [
+    "Pass trusted native React descendants to Prose and let the application own document structure, trust, and data loading.",
+    "Use direct Brick components when richer anatomy or behavior is needed; their classes intentionally override Prose's low-specificity descendant styles."
+  ],
+  "rules": [
+    {
+      "id": "prose-trust",
+      "level": "must",
+      "statement": "Sanitize and parse untrusted external content before it becomes Prose children; Prose never makes raw HTML safe."
+    },
+    {
+      "id": "prose-semantics",
+      "level": "must",
+      "statement": "Keep heading hierarchy, landmark choice, link destinations, table headers, language, and alternative text application-owned."
+    },
+    {
+      "id": "prose-measure",
+      "level": "must",
+      "statement": "Use the narrow, default, wide, or none reading measure intentionally rather than adding duplicate width CSS."
+    },
+    {
+      "id": "prose-components",
+      "level": "must",
+      "statement": "Use direct Link, List, Blockquote, Code Block, Table, or Image components when their richer public contract is required, including accessible preserved horizontal scrolling for source or complex tables."
+    },
+    {
+      "id": "prose-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus prose.css."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Passing unsanitized HTML through dangerouslySetInnerHTML inside Prose.",
+      "correction": "Keep trust and sanitization in the application, then render trusted React children."
+    },
+    {
+      "mistake": "Using Prose as a generic spacing wrapper around interface controls.",
+      "correction": "Use Stack and Text for interface composition; reserve Prose for editorial descendants."
+    }
+  ],
+  "validation": [
+    "Confirm native descendant semantics and source order remain unchanged.",
+    "Confirm size and measure, headings, lists, links, quotes, tables, code, media, dark appearance, forced colors, narrow widths, zoom, text spacing, localization, RTL, SSR, refs, and modular CSS delivery."
+  ],
+  "related": [
+    "text",
+    "link",
+    "list",
+    "blockquote",
+    "code",
+    "code-block",
+    "table",
+    "image",
+    "interface-composition"
+  ]
+}

package/dist/agents/prose.md

@@ -0,0 +1,50 @@
+# Prose agent guide
+
+## Purpose
+
+Apply finished descendant typography, rhythm, and readable measure to trusted React content.
+
+## Use when
+
+- An application, CMS adapter, or Markdown renderer already produced trusted React children that need coherent editorial typography.
+
+## Choose something else when
+
+- Content is untrusted or still needs HTML or Markdown parsing. Use an application-owned sanitizer and parser before Prose.
+- A small explicit piece of interface copy needs one recipe. Use Text.
+- Content needs editing behavior. Use a source-installed editor composition.
+
+## Required composition
+
+- Pass trusted native React descendants to Prose and let the application own document structure, trust, and data loading.
+- Use direct Brick components when richer anatomy or behavior is needed; their classes intentionally override Prose's low-specificity descendant styles.
+
+## Rules
+
+- **MUST:** Sanitize and parse untrusted external content before it becomes Prose children; Prose never makes raw HTML safe.
+- **MUST:** Keep heading hierarchy, landmark choice, link destinations, table headers, language, and alternative text application-owned.
+- **MUST:** Use the narrow, default, wide, or none reading measure intentionally rather than adding duplicate width CSS.
+- **MUST:** Use direct Link, List, Blockquote, Code Block, Table, or Image components when their richer public contract is required, including accessible preserved horizontal scrolling for source or complex tables.
+- **MUST:** Load styles.css or core.css plus prose.css.
+
+## Common mistakes
+
+- **Avoid:** Passing unsanitized HTML through dangerouslySetInnerHTML inside Prose. **Instead:** Keep trust and sanitization in the application, then render trusted React children.
+- **Avoid:** Using Prose as a generic spacing wrapper around interface controls. **Instead:** Use Stack and Text for interface composition; reserve Prose for editorial descendants.
+
+## Validation checklist
+
+- Confirm native descendant semantics and source order remain unchanged.
+- Confirm size and measure, headings, lists, links, quotes, tables, code, media, dark appearance, forced colors, narrow widths, zoom, text spacing, localization, RTL, SSR, refs, and modular CSS delivery.
+
+## Related guidance
+
+- `text`
+- `link`
+- `list`
+- `blockquote`
+- `code`
+- `code-block`
+- `table`
+- `image`
+- `interface-composition`

package/dist/blockquote.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/blockquote/index.js";
+//# sourceMappingURL=blockquote.d.ts.map

package/dist/blockquote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../src/blockquote.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/dist/blockquote.js

@@ -0,0 +1,2 @@
+export * from "./components/blockquote/index.js";
+//# sourceMappingURL=blockquote.js.map

package/dist/blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockquote.js","sourceRoot":"","sources":["../src/blockquote.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/dist/components/blockquote/Blockquote.d.ts

@@ -0,0 +1,33 @@
+import { type BlockquoteHTMLAttributes, type HTMLAttributes } from "react";
+export type BlockquoteVariant = "accent" | "surface" | "plain";
+export type BlockquoteAlign = "start" | "center" | "end";
+export interface BlockquoteRootProps extends HTMLAttributes<HTMLElement> {
+    variant?: BlockquoteVariant;
+    align?: BlockquoteAlign;
+    "data-slot"?: string;
+}
+export interface BlockquoteIconProps extends HTMLAttributes<HTMLSpanElement> {
+    "data-slot"?: string;
+}
+export interface BlockquoteContentProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    "data-slot"?: string;
+}
+export interface BlockquoteCaptionProps extends HTMLAttributes<HTMLElement> {
+    "data-slot"?: string;
+}
+export interface BlockquoteCiteProps extends HTMLAttributes<HTMLElement> {
+    "data-slot"?: string;
+}
+export declare const BlockquoteRoot: import("react").ForwardRefExoticComponent<BlockquoteRootProps & import("react").RefAttributes<HTMLElement>>;
+export declare const BlockquoteIcon: import("react").ForwardRefExoticComponent<BlockquoteIconProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const BlockquoteContent: import("react").ForwardRefExoticComponent<BlockquoteContentProps & import("react").RefAttributes<HTMLQuoteElement>>;
+export declare const BlockquoteCaption: import("react").ForwardRefExoticComponent<BlockquoteCaptionProps & import("react").RefAttributes<HTMLElement>>;
+export declare const BlockquoteCite: import("react").ForwardRefExoticComponent<BlockquoteCiteProps & import("react").RefAttributes<HTMLElement>>;
+export declare const Blockquote: Readonly<{
+    Root: import("react").ForwardRefExoticComponent<BlockquoteRootProps & import("react").RefAttributes<HTMLElement>>;
+    Icon: import("react").ForwardRefExoticComponent<BlockquoteIconProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Content: import("react").ForwardRefExoticComponent<BlockquoteContentProps & import("react").RefAttributes<HTMLQuoteElement>>;
+    Caption: import("react").ForwardRefExoticComponent<BlockquoteCaptionProps & import("react").RefAttributes<HTMLElement>>;
+    Cite: import("react").ForwardRefExoticComponent<BlockquoteCiteProps & import("react").RefAttributes<HTMLElement>>;
+}>;
+//# sourceMappingURL=Blockquote.d.ts.map

package/dist/components/blockquote/Blockquote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/components/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB,CAAC,gBAAgB,CAAC;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,eAAO,MAAM,cAAc,6GAKzB,CAAC;AAEH,eAAO,MAAM,cAAc,iHAKzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,qHAK5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,gHAK5B,CAAC;AAEH,eAAO,MAAM,cAAc,6GAKzB,CAAC;AAQH,eAAO,MAAM,UAAU;;;;;;EAMrB,CAAC"}

package/dist/components/blockquote/Blockquote.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+function mergeClassName(base, className) {
+    return className ? `${base} ${className}` : base;
+}
+function slotOrDefault(slot, fallback) {
+    return slot ?? fallback;
+}
+export const BlockquoteRoot = forwardRef(function BlockquoteRoot({ align = "start", variant = "accent", className, "data-slot": dataSlot, ...props }, ref) {
+    return _jsx("figure", { ...props, className: mergeClassName("brick-blockquote", className), "data-align": align, "data-slot": slotOrDefault(dataSlot, "blockquote"), "data-variant": variant, ref: ref });
+});
+export const BlockquoteIcon = forwardRef(function BlockquoteIcon({ "aria-hidden": ariaHidden = true, children = "“", className, "data-slot": dataSlot, ...props }, ref) {
+    return _jsx("span", { ...props, "aria-hidden": ariaHidden, className: mergeClassName("brick-blockquote__icon", className), "data-slot": slotOrDefault(dataSlot, "blockquote-icon"), ref: ref, children: children });
+});
+export const BlockquoteContent = forwardRef(function BlockquoteContent({ className, "data-slot": dataSlot, ...props }, ref) {
+    return _jsx("blockquote", { ...props, className: mergeClassName("brick-blockquote__content", className), "data-slot": slotOrDefault(dataSlot, "blockquote-content"), ref: ref });
+});
+export const BlockquoteCaption = forwardRef(function BlockquoteCaption({ className, "data-slot": dataSlot, ...props }, ref) {
+    return _jsx("figcaption", { ...props, className: mergeClassName("brick-blockquote__caption", className), "data-slot": slotOrDefault(dataSlot, "blockquote-caption"), ref: ref });
+});
+export const BlockquoteCite = forwardRef(function BlockquoteCite({ className, "data-slot": dataSlot, ...props }, ref) {
+    return _jsx("cite", { ...props, className: mergeClassName("brick-blockquote__cite", className), "data-slot": slotOrDefault(dataSlot, "blockquote-cite"), ref: ref });
+});
+BlockquoteRoot.displayName = "Blockquote.Root";
+BlockquoteIcon.displayName = "Blockquote.Icon";
+BlockquoteContent.displayName = "Blockquote.Content";
+BlockquoteCaption.displayName = "Blockquote.Caption";
+BlockquoteCite.displayName = "Blockquote.Cite";
+export const Blockquote = Object.freeze({
+    Root: BlockquoteRoot,
+    Icon: BlockquoteIcon,
+    Content: BlockquoteContent,
+    Caption: BlockquoteCaption,
+    Cite: BlockquoteCite,
+});
+//# sourceMappingURL=Blockquote.js.map

package/dist/components/blockquote/Blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.js","sourceRoot":"","sources":["../../../src/components/blockquote/Blockquote.tsx"],"names":[],"mappings":"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"}

package/dist/components/blockquote/index.d.ts

@@ -0,0 +1,2 @@
+export { Blockquote, BlockquoteCaption, BlockquoteCite, BlockquoteContent, BlockquoteIcon, BlockquoteRoot, type BlockquoteAlign, type BlockquoteCaptionProps, type BlockquoteCiteProps, type BlockquoteContentProps, type BlockquoteIconProps, type BlockquoteRootProps, type BlockquoteVariant, } from "./Blockquote.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/blockquote/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/components/blockquote/index.js

@@ -0,0 +1,2 @@
+export { Blockquote, BlockquoteCaption, BlockquoteCite, BlockquoteContent, BlockquoteIcon, BlockquoteRoot, } from "./Blockquote.js";
+//# sourceMappingURL=index.js.map

package/dist/components/blockquote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/blockquote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,GAQf,MAAM,iBAAiB,CAAC"}

package/dist/components/code-block/CodeBlock.d.ts

@@ -1,12 +1,20 @@
 import { type ClipboardIndicatorProps as AtomClipboardIndicatorProps, type ClipboardRootProps as AtomClipboardRootProps, type ClipboardStatusProps as AtomClipboardStatusProps, type ClipboardTriggerProps as AtomClipboardTriggerProps } from "@flowstack-ui/atom/clipboard";
 import { type HTMLAttributes, type ReactNode } from "react";
 import { type ButtonProps } from "../button/index.js";
+import { type CollapsibleContentProps, type CollapsibleRootProps, type CollapsibleTriggerProps } from "../collapsible/index.js";
 export type CodeBlockVariant = "subtle" | "bordered" | "plain";
 export type CodeBlockSize = "sm" | "md";
 export type CodeBlockWrap = "scroll" | "wrap";
+export type CodeBlockLineChange = "added" | "removed";
+export interface CodeBlockAdapterContext {
+    value: string;
+    language?: string;
+}
+export type CodeBlockAdapter = (context: CodeBlockAdapterContext) => ReactNode;
 export interface CodeBlockRootProps extends Omit<AtomClipboardRootProps, "dangerouslySetInnerHTML" | "defaultValue" | "value"> {
     value: string;
     language?: string;
+    adapter?: CodeBlockAdapter;
     variant?: CodeBlockVariant;
     size?: CodeBlockSize;
 }
@@ -23,7 +31,18 @@ export interface CodeBlockContentProps extends Omit<SlottedProps<HTMLAttributes<
     children?: ReactNode;
     wrap?: CodeBlockWrap;
     focusable?: boolean;
+    maxLines?: number;
+}
+export interface CodeBlockLineProps extends Omit<SlottedProps<HTMLAttributes<HTMLSpanElement>>, "dangerouslySetInnerHTML"> {
+    lineNumber?: number;
+    highlighted?: boolean;
+    focused?: boolean;
+    change?: CodeBlockLineChange;
 }
+export type CodeBlockCollapseProps = Omit<CollapsibleRootProps, "variant">;
+export type CodeBlockCollapsePreviewProps = SlottedProps<HTMLAttributes<HTMLDivElement>>;
+export type CodeBlockCollapseContentProps = CollapsibleContentProps;
+export type CodeBlockCollapseTriggerProps = Omit<CollapsibleTriggerProps, "asChild" | "render">;
 export type CodeBlockCopyTriggerProps = Omit<AtomClipboardTriggerProps, "asChild" | "render"> & Pick<ButtonProps, "variant" | "tone" | "size" | "shape" | "startIcon" | "endIcon">;
 export type CodeBlockCopyIndicatorProps = AtomClipboardIndicatorProps;
 export type CodeBlockCopyStatusProps = AtomClipboardStatusProps;
@@ -39,6 +58,13 @@ export declare const CodeBlockActions: import("react").ForwardRefExoticComponent
     "data-slot"?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CodeBlockContent: import("react").ForwardRefExoticComponent<CodeBlockContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockLine: import("react").ForwardRefExoticComponent<CodeBlockLineProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const CodeBlockCollapse: import("react").ForwardRefExoticComponent<CodeBlockCollapseProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockCollapsePreview: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    "data-slot"?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockCollapseContent: import("react").ForwardRefExoticComponent<import("@flowstack-ui/atom").CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CodeBlockCollapseTrigger: import("react").ForwardRefExoticComponent<CodeBlockCollapseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const CodeBlockCopyTrigger: import("react").ForwardRefExoticComponent<Omit<AtomClipboardTriggerProps, "render" | "asChild"> & Pick<ButtonProps, "variant" | "size" | "tone" | "shape" | "startIcon" | "endIcon"> & import("react").RefAttributes<HTMLElement>>;
 export declare const CodeBlockCopyIndicator: import("react").ForwardRefExoticComponent<AtomClipboardIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
 export declare const CodeBlockCopyStatus: import("react").ForwardRefExoticComponent<AtomClipboardStatusProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -55,6 +81,13 @@ export declare const CodeBlock: Readonly<{
         "data-slot"?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;
     Content: import("react").ForwardRefExoticComponent<CodeBlockContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Line: import("react").ForwardRefExoticComponent<CodeBlockLineProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Collapse: import("react").ForwardRefExoticComponent<CodeBlockCollapseProps & import("react").RefAttributes<HTMLDivElement>>;
+    CollapsePreview: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        "data-slot"?: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    CollapseContent: import("react").ForwardRefExoticComponent<import("@flowstack-ui/atom").CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    CollapseTrigger: import("react").ForwardRefExoticComponent<CodeBlockCollapseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     CopyTrigger: import("react").ForwardRefExoticComponent<Omit<AtomClipboardTriggerProps, "render" | "asChild"> & Pick<ButtonProps, "variant" | "size" | "tone" | "shape" | "startIcon" | "endIcon"> & import("react").RefAttributes<HTMLElement>>;
     CopyIndicator: import("react").ForwardRefExoticComponent<AtomClipboardIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
     CopyStatus: import("react").ForwardRefExoticComponent<AtomClipboardStatusProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/code-block/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,oBAAoB,IAAI,wBAAwB,EACrD,KAAK,qBAAqB,IAAI,yBAAyB,EACxD,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAK9D,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,yBAAyB,GAAG,cAAc,GAAG,OAAO,CAAC;IAC5H,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAChF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;AAChF,MAAM,WAAW,sBAAuB,SAAQ,YAAY,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AACjF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAAE,yBAAyB,CAAC;IAC1H,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,yBAAyB,EAAE,SAAS,GAAG,QAAQ,CAAC,GAC3F,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;AACrF,MAAM,MAAM,2BAA2B,GAAG,2BAA2B,CAAC;AACtE,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC;AAgBhE,eAAO,MAAM,aAAa,+GAmCzB,CAAC;AAEF,eAAO,MAAM,eAAe;kBArEe,MAAM;kDAyEhD,CAAC;AAEF,eAAO,MAAM,cAAc;kBA3EgB,MAAM;mDA+EhD,CAAC;AAEF,eAAO,MAAM,iBAAiB,oHAK7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;kBAxFc,MAAM;kDA4FhD,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAmC5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oOAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,yHAIlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,sHAI/B,CAAC;AAYF,eAAO,MAAM,SAAS;;;sBAxKqB,MAAM;;;sBAAN,MAAM;;;;sBAAN,MAAM;;;;;;EAkL/C,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/CodeBlock.tsx"],"names":[],"mappings":"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"}

package/dist/components/code-block/CodeBlock.js

@@ -3,6 +3,7 @@ import { Clipboard as AtomClipboard, } from "@flowstack-ui/atom/clipboard";
 import { forwardRef, useMemo, } from "react";
 import { Button } from "../button/index.js";
 import { Code } from "../code/index.js";
+import { Collapsible, } from "../collapsible/index.js";
 import { ScrollArea } from "../scroll-area/index.js";
 import { CodeBlockContext, useCodeBlockContext } from "./context.js";
 function classes(base, className) {
@@ -11,14 +12,30 @@ function classes(base, className) {
 function slot(value, fallback) {
     return value ?? fallback;
 }
+function withoutInjectedHtml(props) {
+    const { dangerouslySetInnerHTML: _blockedHtml, ...safeProps } = props;
+    return safeProps;
+}
 function languageClass(language) {
     return language && /^[A-Za-z0-9_+-]+$/.test(language)
         ? `language-${language.toLowerCase()}`
         : undefined;
 }
-export const CodeBlockRoot = forwardRef(function CodeBlockRoot({ value, language, variant = "subtle", size = "md", className, children, "data-slot": dataSlot, ...props }, ref) {
-    const context = useMemo(() => ({ value, language, variant, size }), [language, size, value, variant]);
-    return (_jsx(CodeBlockContext.Provider, { value: context, children: _jsx(AtomClipboard.Root, { ...props, className: classes("brick-code-block", className), "data-language": language, "data-size": size, "data-slot": slot(dataSlot, "code-block"), "data-variant": variant, ref: ref, value: value, children: children }) }));
+export const CodeBlockRoot = forwardRef(function CodeBlockRoot({ value, language, adapter, variant = "subtle", size = "md", className, children, "data-slot": dataSlot, ...props }, ref) {
+    const safeProps = withoutInjectedHtml(props);
+    const getAdaptedContent = useMemo(() => {
+        let resolved = false;
+        let adaptedContent;
+        return () => {
+            if (!resolved) {
+                adaptedContent = adapter?.({ value, language });
+                resolved = true;
+            }
+            return adaptedContent;
+        };
+    }, [adapter, language, value]);
+    const context = useMemo(() => ({ value, language, getAdaptedContent, variant, size }), [getAdaptedContent, language, size, value, variant]);
+    return (_jsx(CodeBlockContext.Provider, { value: context, children: _jsx(AtomClipboard.Root, { ...safeProps, className: classes("brick-code-block", className), "data-language": language, "data-size": size, "data-slot": slot(dataSlot, "code-block"), "data-variant": variant, ref: ref, value: value, children: children }) }));
 });
 export const CodeBlockHeader = forwardRef(function CodeBlockHeader({ className, "data-slot": dataSlot, ...props }, ref) {
     return _jsx("div", { ...props, className: classes("brick-code-block-header", className), "data-slot": slot(dataSlot, "code-block-header"), ref: ref });
@@ -33,10 +50,37 @@ export const CodeBlockLanguage = forwardRef(function CodeBlockLanguage({ classNa
 export const CodeBlockActions = forwardRef(function CodeBlockActions({ className, "data-slot": dataSlot, ...props }, ref) {
     return _jsx("div", { ...props, className: classes("brick-code-block-actions", className), "data-slot": slot(dataSlot, "code-block-actions"), ref: ref });
 });
-export const CodeBlockContent = forwardRef(function CodeBlockContent({ className, children, wrap = "scroll", focusable = true, dir = "ltr", "data-slot": dataSlot, ...props }, ref) {
-    const { value, language, size } = useCodeBlockContext();
+export const CodeBlockContent = forwardRef(function CodeBlockContent({ className, children, wrap = "scroll", focusable = true, maxLines, dir = "ltr", style, "data-slot": dataSlot, ...props }, ref) {
+    const safeProps = withoutInjectedHtml(props);
+    const { value, language, getAdaptedContent, size } = useCodeBlockContext();
     const syntaxClass = languageClass(language);
-    return (_jsx(ScrollArea.Root, { className: "brick-code-block-scroll-area", orientation: "horizontal", scrollbarVisibility: "interaction", children: _jsx(ScrollArea.Viewport, { ...props, className: classes("brick-code-block-content", className), "data-language": language, "data-slot": slot(dataSlot, "code-block-content"), "data-wrap": wrap, dir: dir, focusable: focusable, ref: ref, children: _jsx("pre", { className: "brick-code-block-pre", "data-slot": "code-block-pre", children: _jsx(Code, { className: syntaxClass, "data-language": language, size: size, slot: "code-block-code", tone: "inherit", variant: "plain", children: children ?? value }) }) }) }));
+    const boundedLines = Number.isInteger(maxLines) && Number(maxLines) > 0
+        ? Number(maxLines)
+        : undefined;
+    const content = children ?? getAdaptedContent() ?? value;
+    const contentStyle = boundedLines
+        ? { ...style, "--brick-code-block-max-block-size": `${boundedLines}lh` }
+        : style;
+    return (_jsx(ScrollArea.Root, { className: "brick-code-block-scroll-area", orientation: "horizontal", scrollbarVisibility: "interaction", children: _jsx(ScrollArea.Viewport, { ...safeProps, className: classes("brick-code-block-content", className), "data-language": language, "data-max-lines": boundedLines, "data-slot": slot(dataSlot, "code-block-content"), "data-wrap": wrap, dir: dir, focusable: focusable, ref: ref, style: contentStyle, children: _jsx("pre", { className: "brick-code-block-pre", "data-slot": "code-block-pre", children: _jsx(Code, { className: syntaxClass, "data-language": language, size: size, slot: "code-block-code", tone: "inherit", variant: "plain", children: content }) }) }) }));
+});
+export const CodeBlockLine = forwardRef(function CodeBlockLine({ change, children, className, focused = false, highlighted = false, lineNumber, "data-slot": dataSlot, ...props }, ref) {
+    const safeProps = withoutInjectedHtml(props);
+    const visibleLineNumber = Number.isInteger(lineNumber) && Number(lineNumber) > 0
+        ? Number(lineNumber)
+        : undefined;
+    return (_jsx("span", { ...safeProps, className: classes("brick-code-block-line", className), "data-change": change, "data-focused": focused ? "" : undefined, "data-highlighted": highlighted ? "" : undefined, "data-line-number": visibleLineNumber, "data-slot": slot(dataSlot, "code-block-line"), ref: ref, children: _jsx("span", { className: "brick-code-block-line-content", "data-slot": "code-block-line-content", children: children }) }));
+});
+export const CodeBlockCollapse = forwardRef(function CodeBlockCollapse({ className, "data-slot": dataSlot, ...props }, ref) {
+    return (_jsx(Collapsible.Root, { ...props, className: classes("brick-code-block-collapse", className), "data-slot": slot(dataSlot, "code-block-collapse"), ref: ref, variant: "plain" }));
+});
+export const CodeBlockCollapsePreview = forwardRef(function CodeBlockCollapsePreview({ className, "data-slot": dataSlot, ...props }, ref) {
+    return (_jsx("div", { ...props, className: classes("brick-code-block-collapse-preview", className), "data-slot": slot(dataSlot, "code-block-collapse-preview"), ref: ref }));
+});
+export const CodeBlockCollapseContent = forwardRef(function CodeBlockCollapseContent({ children, className, "data-slot": dataSlot, ...props }, ref) {
+    return (_jsx(Collapsible.Content, { ...props, className: classes("brick-code-block-collapse-content", className), "data-slot": slot(dataSlot, "code-block-collapse-content"), ref: ref, children: _jsx(Collapsible.ContentInner, { className: "brick-code-block-collapse-content-inner", children: children }) }));
+});
+export const CodeBlockCollapseTrigger = forwardRef(function CodeBlockCollapseTrigger({ className, "data-slot": dataSlot, ...props }, ref) {
+    return (_jsx(Collapsible.Trigger, { ...props, className: classes("brick-code-block-collapse-trigger", className), "data-slot": slot(dataSlot, "code-block-collapse-trigger"), ref: ref }));
 });
 export const CodeBlockCopyTrigger = forwardRef(function CodeBlockCopyTrigger({ variant = "ghost", tone = "neutral", size = "sm", shape = "rounded", startIcon, endIcon, children, "data-slot": dataSlot, ...props }, ref) {
     return (_jsx(AtomClipboard.Trigger, { ...props, asChild: true, "data-slot": slot(dataSlot, "code-block-copy-trigger"), ref: ref, children: _jsx(Button, { "data-slot": slot(dataSlot, "code-block-copy-trigger"), variant: variant, tone: tone, size: size, shape: shape, startIcon: startIcon, endIcon: endIcon, children: children }) }));
@@ -53,6 +97,11 @@ CodeBlockTitle.displayName = "CodeBlock.Title";
 CodeBlockLanguage.displayName = "CodeBlock.Language";
 CodeBlockActions.displayName = "CodeBlock.Actions";
 CodeBlockContent.displayName = "CodeBlock.Content";
+CodeBlockLine.displayName = "CodeBlock.Line";
+CodeBlockCollapse.displayName = "CodeBlock.Collapse";
+CodeBlockCollapsePreview.displayName = "CodeBlock.CollapsePreview";
+CodeBlockCollapseContent.displayName = "CodeBlock.CollapseContent";
+CodeBlockCollapseTrigger.displayName = "CodeBlock.CollapseTrigger";
 CodeBlockCopyTrigger.displayName = "CodeBlock.CopyTrigger";
 CodeBlockCopyIndicator.displayName = "CodeBlock.CopyIndicator";
 CodeBlockCopyStatus.displayName = "CodeBlock.CopyStatus";
@@ -63,6 +112,11 @@ export const CodeBlock = Object.freeze({
     Language: CodeBlockLanguage,
     Actions: CodeBlockActions,
     Content: CodeBlockContent,
+    Line: CodeBlockLine,
+    Collapse: CodeBlockCollapse,
+    CollapsePreview: CodeBlockCollapsePreview,
+    CollapseContent: CodeBlockCollapseContent,
+    CollapseTrigger: CodeBlockCollapseTrigger,
     CopyTrigger: CodeBlockCopyTrigger,
     CopyIndicator: CodeBlockCopyIndicator,
     CopyStatus: CodeBlockCopyStatus,