@flowstack-ui/brick 0.1.2 → 0.1.4

package/dist/agents/text.json

@@ -0,0 +1,60 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "text",
+  "name": "Text",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Apply Brick typography roles, sizes, tones, weight, alignment, and wrapping while preserving the chosen semantic text element.",
+  "useWhen": [
+    "Interface copy needs Brick typography, including headings, paragraphs, labels, captions, metadata, or inline text."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "A component such as Button, Link, Field.Label, Card.Title, or Badge already owns the text role.",
+      "useInstead": "that component's named text part"
+    }
+  ],
+  "composition": [
+    "Choose the semantic element first, then select the closest Brick text role, size, and tone; use Stack for text layout rather than wrapper spans."
+  ],
+  "rules": [
+    {
+      "id": "text-semantics",
+      "level": "must",
+      "statement": "Do not choose heading or paragraph semantics solely from the desired font size."
+    },
+    {
+      "id": "text-brick-first",
+      "level": "must",
+      "statement": "Use Text for standalone styled interface copy instead of native spans plus duplicate typography CSS."
+    },
+    {
+      "id": "text-readable",
+      "level": "must",
+      "statement": "Preserve readable body sizing, line height, measure, contrast, and user font scaling."
+    },
+    {
+      "id": "text-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus text.css."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Using five spans to build brand text, selecting all-caps eyebrow styling for paragraph descriptions, or setting headings from appearance.",
+      "correction": "Use Text with semantic elements and reserve display treatments for their intended short roles."
+    }
+  ],
+  "validation": [
+    "Check heading order, semantics, line length, wrapping, truncation, user font scaling, zoom, contrast, themes, and RTL.",
+    "Confirm parent component text parts are not bypassed and CSS is loaded."
+  ],
+  "related": [
+    "stack",
+    "link",
+    "card",
+    "field",
+    "badge"
+  ]
+}

package/dist/agents/text.md

@@ -0,0 +1,41 @@
+# Text agent guide
+
+## Purpose
+
+Apply Brick typography roles, sizes, tones, weight, alignment, and wrapping while preserving the chosen semantic text element.
+
+## Use when
+
+- Interface copy needs Brick typography, including headings, paragraphs, labels, captions, metadata, or inline text.
+
+## Choose something else when
+
+- A component such as Button, Link, Field.Label, Card.Title, or Badge already owns the text role. Use that component's named text part.
+
+## Required composition
+
+- Choose the semantic element first, then select the closest Brick text role, size, and tone; use Stack for text layout rather than wrapper spans.
+
+## Rules
+
+- **MUST:** Do not choose heading or paragraph semantics solely from the desired font size.
+- **MUST:** Use Text for standalone styled interface copy instead of native spans plus duplicate typography CSS.
+- **MUST:** Preserve readable body sizing, line height, measure, contrast, and user font scaling.
+- **MUST:** Load styles.css or core.css plus text.css.
+
+## Common mistakes
+
+- **Avoid:** Using five spans to build brand text, selecting all-caps eyebrow styling for paragraph descriptions, or setting headings from appearance. **Instead:** Use Text with semantic elements and reserve display treatments for their intended short roles.
+
+## Validation checklist
+
+- Check heading order, semantics, line length, wrapping, truncation, user font scaling, zoom, contrast, themes, and RTL.
+- Confirm parent component text parts are not bypassed and CSS is loaded.
+
+## Related guidance
+
+- `stack`
+- `link`
+- `card`
+- `field`
+- `badge`

package/dist/agents/textarea.json

@@ -0,0 +1,48 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "textarea",
+  "name": "Textarea",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Render finished native multi-line text entry with Brick sizing, states, resize policy, and Atom field integration.",
+  "useWhen": [
+    "The user enters sentences, paragraphs, notes, or other multi-line text."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "The expected value is short and single-line.",
+      "useInstead": "Input"
+    }
+  ],
+  "composition": [
+    "Place Textarea inside one Field.Root after Field.Label and add description or character guidance when useful."
+  ],
+  "rules": [
+    {
+      "id": "textarea-label",
+      "level": "must",
+      "statement": "Use a persistent accessible label."
+    },
+    {
+      "id": "textarea-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus textarea.css and field.css when composed with Field."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Using a single-line Input for long freeform content.",
+      "correction": "Use Textarea and allow a usable multi-line measure."
+    }
+  ],
+  "validation": [
+    "Inspect label, name, and messaging relationships.",
+    "Test multi-line entry, resize policy, narrow widths, invalid/disabled states, and contrast."
+  ],
+  "related": [
+    "@flowstack-ui/atom/agents/textarea",
+    "field",
+    "input"
+  ]
+}

package/dist/agents/textarea.md

@@ -0,0 +1,37 @@
+# Textarea agent guide
+
+## Purpose
+
+Render finished native multi-line text entry with Brick sizing, states, resize policy, and Atom field integration.
+
+## Use when
+
+- The user enters sentences, paragraphs, notes, or other multi-line text.
+
+## Choose something else when
+
+- The expected value is short and single-line. Use Input.
+
+## Required composition
+
+- Place Textarea inside one Field.Root after Field.Label and add description or character guidance when useful.
+
+## Rules
+
+- **MUST:** Use a persistent accessible label.
+- **MUST:** Load styles.css or core.css plus textarea.css and field.css when composed with Field.
+
+## Common mistakes
+
+- **Avoid:** Using a single-line Input for long freeform content. **Instead:** Use Textarea and allow a usable multi-line measure.
+
+## Validation checklist
+
+- Inspect label, name, and messaging relationships.
+- Test multi-line entry, resize policy, narrow widths, invalid/disabled states, and contrast.
+
+## Related guidance
+
+- `@flowstack-ui/atom/agents/textarea`
+- `field`
+- `input`

package/dist/agents/toolbar.json

@@ -0,0 +1,55 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "toolbar",
+  "name": "Toolbar",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Style one logical group of related commands with Atom toolbar semantics and roving keyboard focus.",
+  "useWhen": [
+    "Related editor or application controls should behave as one horizontal or vertical keyboard group."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "The items are navigation destinations or unrelated standalone actions.",
+      "useInstead": "NavigationMenu/NavList or separate Button and IconButton controls"
+    }
+  ],
+  "composition": [
+    "Compose Button, Link, Separator, and ToggleGroup/ToggleItem parts inside a named Root; use Brick icons and concise visible or accessible labels."
+  ],
+  "rules": [
+    {
+      "id": "toolbar-owner",
+      "level": "must",
+      "statement": "Use Toolbar rather than adding manual arrow-key handlers or role=toolbar to an AppBar row."
+    },
+    {
+      "id": "toolbar-overflow",
+      "level": "must",
+      "statement": "Define a deliberate narrow-width wrap, scroll, or alternative composition without breaking roving focus order."
+    },
+    {
+      "id": "toolbar-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus toolbar.css and any composed Icon stylesheet."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Using AppBar.Toolbar as the behavior owner or placing unrelated page actions in one roving group.",
+      "correction": "Compose a named Toolbar only around logically related controls."
+    }
+  ],
+  "validation": [
+    "Test orientation, arrows, disabled items, links, toggles, separators, Tab entry/exit, focus rings, touch targets, overflow, themes, zoom, and RTL.",
+    "Confirm names and CSS delivery."
+  ],
+  "related": [
+    "app-bar",
+    "button",
+    "icon-button",
+    "toggle-group",
+    "divider"
+  ]
+}

package/dist/agents/toolbar.md

@@ -0,0 +1,40 @@
+# Toolbar agent guide
+
+## Purpose
+
+Style one logical group of related commands with Atom toolbar semantics and roving keyboard focus.
+
+## Use when
+
+- Related editor or application controls should behave as one horizontal or vertical keyboard group.
+
+## Choose something else when
+
+- The items are navigation destinations or unrelated standalone actions. Use NavigationMenu/NavList or separate Button and IconButton controls.
+
+## Required composition
+
+- Compose Button, Link, Separator, and ToggleGroup/ToggleItem parts inside a named Root; use Brick icons and concise visible or accessible labels.
+
+## Rules
+
+- **MUST:** Use Toolbar rather than adding manual arrow-key handlers or role=toolbar to an AppBar row.
+- **MUST:** Define a deliberate narrow-width wrap, scroll, or alternative composition without breaking roving focus order.
+- **MUST:** Load styles.css or core.css plus toolbar.css and any composed Icon stylesheet.
+
+## Common mistakes
+
+- **Avoid:** Using AppBar.Toolbar as the behavior owner or placing unrelated page actions in one roving group. **Instead:** Compose a named Toolbar only around logically related controls.
+
+## Validation checklist
+
+- Test orientation, arrows, disabled items, links, toggles, separators, Tab entry/exit, focus rings, touch targets, overflow, themes, zoom, and RTL.
+- Confirm names and CSS delivery.
+
+## Related guidance
+
+- `app-bar`
+- `button`
+- `icon-button`
+- `toggle-group`
+- `divider`

package/dist/components/button/Button.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Button as AtomButton, } from "@flowstack-ui/atom/button";
+import { ButtonRoot as AtomButtonRoot, } from "@flowstack-ui/atom/button";
 function mergeClassName(className) {
     return className ? `brick-button ${className}` : "brick-button";
 }
 export const Button = forwardRef(function Button({ variant = "solid", tone = "accent", size = "md", shape = "rounded", fullWidth = false, startIcon, endIcon, className, children, asChild = false, render, ...rootProps }, ref) {
     const content = asChild ? (children) : (_jsxs(_Fragment, { children: [startIcon !== undefined ? (_jsx("span", { "aria-hidden": "true", className: "brick-button__icon", "data-position": "start", children: startIcon })) : null, _jsx("span", { className: "brick-button__content", children: children }), endIcon !== undefined ? (_jsx("span", { "aria-hidden": "true", className: "brick-button__icon", "data-position": "end", children: endIcon })) : null] }));
-    return (_jsx(AtomButton.Root, { ...rootProps, asChild: asChild, className: mergeClassName(className), "data-full-width": fullWidth ? "" : undefined, "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref, render: render, children: content }));
+    return (_jsx(AtomButtonRoot, { ...rootProps, asChild: asChild, className: mergeClassName(className), "data-full-width": fullWidth ? "" : undefined, "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref, render: render, children: content }));
 });
 Button.displayName = "Button";
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,MAAM,IAAI,UAAU,GAErB,MAAM,2BAA2B,CAAC;AA+CnC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,gBAAgB,SAAS,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;AAClE,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA2B,SAAS,MAAM,CACxE,EACE,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,8BACG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,mBAAe,OAAO,YAC1E,SAAS,GACL,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,EACxD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,mBAAe,KAAK,YACxE,OAAO,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,OACV,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,qBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBAC/B,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,YAEb,OAAO,GACQ,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,UAAU,IAAI,cAAc,GAE7B,MAAM,2BAA2B,CAAC;AA+CnC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,gBAAgB,SAAS,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;AAClE,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAA2B,SAAS,MAAM,CACxE,EACE,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,8BACG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,mBAAe,OAAO,YAC1E,SAAS,GACL,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,EACxD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,mBAAe,KAAK,YACxE,OAAO,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,OACT,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,qBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,gBAC/B,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,YAEb,OAAO,GACO,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/chip/Chip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Badge as AtomBadge, } from "@flowstack-ui/atom/badge";
-import { Button as AtomButton, } from "@flowstack-ui/atom/button";
+import { BadgeRoot as AtomBadgeRoot, } from "@flowstack-ui/atom/badge";
+import { ButtonRoot as AtomButtonRoot, } from "@flowstack-ui/atom/button";
 function classes(base, className) {
     return className ? `${base} ${className}` : base;
 }
@@ -9,13 +9,13 @@ function DefaultRemoveIcon() {
     return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", children: _jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) }));
 }
 export const ChipRoot = forwardRef(function ChipRoot({ className, shape = "pill", size = "md", tone = "neutral", variant = "soft", ...props }, ref) {
-    return (_jsx(AtomBadge.Root, { ...props, className: classes("brick-chip", className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref }));
+    return (_jsx(AtomBadgeRoot, { ...props, className: classes("brick-chip", className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref }));
 });
 export const ChipLabel = forwardRef(function ChipLabel({ className, ...props }, ref) {
     return (_jsx("span", { ...props, className: classes("brick-chip__label", className), "data-slot": "chip-label", ref: ref }));
 });
 export const ChipRemoveTrigger = forwardRef(function ChipRemoveTrigger({ ariaLabel, children, className, disabled, "data-slot": dataSlot = "chip-remove-trigger", ...props }, ref) {
-    return (_jsx(AtomButton.Root, { ...props, "aria-label": ariaLabel, className: classes("brick-chip__remove-trigger", className), "data-disabled": disabled ? "" : undefined, "data-slot": dataSlot, disabled: disabled, ref: ref, children: children ?? _jsx(DefaultRemoveIcon, {}) }));
+    return (_jsx(AtomButtonRoot, { ...props, "aria-label": ariaLabel, className: classes("brick-chip__remove-trigger", className), "data-disabled": disabled ? "" : undefined, "data-slot": dataSlot, disabled: disabled, ref: ref, children: children ?? _jsx(DefaultRemoveIcon, {}) }));
 });
 ChipRoot.displayName = "Chip.Root";
 ChipLabel.displayName = "Chip.Label";

package/dist/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EACL,KAAK,IAAI,SAAS,GAEnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,IAAI,UAAU,GAErB,MAAM,2BAA2B,CAAC;AAuBnC,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,6BAAiB,MAAM,EAAC,OAAO,EAAC,WAAW,YACzC,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,SAAS,EACT,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,SAAS,CAAC,IAAI,OACT,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,gBAC/B,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7C,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,eACxC,YAAY,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CACxB,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,qBAAqB,EAC7C,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,OACV,KAAK,gBACG,SAAS,EACrB,SAAS,EAAE,OAAO,CAAC,4BAA4B,EAAE,SAAS,CAAC,mBAC5C,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,eAC7B,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,QAAQ,IAAI,KAAC,iBAAiB,KAAG,GAClB,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,iBAAiB;CACxB,CAAC"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAiD,MAAM,OAAO,CAAC;AAClF,OAAO,EACL,SAAS,IAAI,aAAa,GAE3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,IAAI,cAAc,GAE7B,MAAM,2BAA2B,CAAC;AAuBnC,SAAS,OAAO,CAAC,IAAY,EAAE,SAAkB;IAC/C,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,CACL,6BAAiB,MAAM,EAAC,OAAO,EAAC,WAAW,YACzC,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,SAAS,EACT,KAAK,GAAG,MAAM,EACd,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,MAAM,EAChB,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,aAAa,OACR,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,gBAC/B,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7C,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,eACxC,YAAY,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CACxB,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,qBAAqB,EAC7C,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,KAAC,cAAc,OACT,KAAK,gBACG,SAAS,EACrB,SAAS,EAAE,OAAO,CAAC,4BAA4B,EAAE,SAAS,CAAC,mBAC5C,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,eAC7B,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,QAAQ,IAAI,KAAC,iBAAiB,KAAG,GACnB,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,SAAS,CAAC,WAAW,GAAG,YAAY,CAAC;AACrC,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,iBAAiB;CACxB,CAAC"}

package/dist/components/icon-button/IconButton.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { Button as AtomButton, } from "@flowstack-ui/atom/button";
+import { ButtonRoot as AtomButtonRoot, } from "@flowstack-ui/atom/button";
 function mergeClassName(className) {
     return className ? `brick-icon-button ${className}` : "brick-icon-button";
 }
 export const IconButton = forwardRef(function IconButton({ variant = "ghost", tone = "neutral", size = "md", shape = "rounded", className, children, asChild = false, render, ...rootProps }, ref) {
     const content = asChild ? children : (_jsx("span", { "aria-hidden": "true", className: "brick-icon-button__icon", children: children }));
-    return (_jsx(AtomButton.Root, { ...rootProps, asChild: asChild, className: mergeClassName(className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref, render: render, children: content }));
+    return (_jsx(AtomButtonRoot, { ...rootProps, asChild: asChild, className: mergeClassName(className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref, render: render, children: content }));
 });
 IconButton.displayName = "IconButton";
 //# sourceMappingURL=IconButton.js.map

package/dist/components/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,MAAM,IAAI,UAAU,GAErB,MAAM,2BAA2B,CAAC;AAsCnC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;AAC5E,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CACjB,EACE,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnC,8BAAkB,MAAM,EAAC,SAAS,EAAC,yBAAyB,YACzD,QAAQ,GACJ,CACR,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,OACV,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,gBACxB,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,YAEb,OAAO,GACQ,CACnB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,UAAU,IAAI,cAAc,GAE7B,MAAM,2BAA2B,CAAC;AAsCnC,SAAS,cAAc,CAAC,SAA6B;IACnD,OAAO,SAAS,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;AAC5E,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,SAAS,UAAU,CACjB,EACE,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACnC,8BAAkB,MAAM,EAAC,SAAS,EAAC,yBAAyB,YACzD,QAAQ,GACJ,CACR,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,OACT,SAAS,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,gBACxB,KAAK,eACN,IAAI,eACJ,IAAI,kBACD,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,YAEb,OAAO,GACO,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/navigation-menu.d.ts

@@ -1,2 +1,3 @@
 export * from "./components/navigation-menu/index.js";
+export { NavigationMenuRoot as Root, NavigationMenuSub as Sub, NavigationMenuList as List, NavigationMenuItem as Item, NavigationMenuTrigger as Trigger, NavigationMenuContent as Content, NavigationMenuLink as Link, NavigationMenuIndicator as Indicator, NavigationMenuIndicatorArrow as IndicatorArrow, NavigationMenuViewport as Viewport, } from "./components/navigation-menu/NavigationMenu.js";
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AAEtD,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,iBAAiB,IAAI,GAAG,EACxB,kBAAkB,IAAI,IAAI,EAC1B,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,qBAAqB,IAAI,OAAO,EAChC,kBAAkB,IAAI,IAAI,EAC1B,uBAAuB,IAAI,SAAS,EACpC,4BAA4B,IAAI,cAAc,EAC9C,sBAAsB,IAAI,QAAQ,GACnC,MAAM,gDAAgD,CAAC"}

package/dist/navigation-menu.js

@@ -1,2 +1,3 @@
 export * from "./components/navigation-menu/index.js";
+export { NavigationMenuRoot as Root, NavigationMenuSub as Sub, NavigationMenuList as List, NavigationMenuItem as Item, NavigationMenuTrigger as Trigger, NavigationMenuContent as Content, NavigationMenuLink as Link, NavigationMenuIndicator as Indicator, NavigationMenuIndicatorArrow as IndicatorArrow, NavigationMenuViewport as Viewport, } from "./components/navigation-menu/NavigationMenu.js";
 //# sourceMappingURL=navigation-menu.js.map

package/dist/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../src/navigation-menu.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AAEtD,OAAO,EACL,kBAAkB,IAAI,IAAI,EAC1B,iBAAiB,IAAI,GAAG,EACxB,kBAAkB,IAAI,IAAI,EAC1B,kBAAkB,IAAI,IAAI,EAC1B,qBAAqB,IAAI,OAAO,EAChC,qBAAqB,IAAI,OAAO,EAChC,kBAAkB,IAAI,IAAI,EAC1B,uBAAuB,IAAI,SAAS,EACpC,4BAA4B,IAAI,cAAc,EAC9C,sBAAsB,IAAI,QAAQ,GACnC,MAAM,gDAAgD,CAAC"}

package/dist/styles/code-block.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-secondary)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-surface);--brick-code-block-selection-foreground:var(--brick-color-accent-text);box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding)}.brick-code-block-pre{min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText}}}@layer brick.effects;
+@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-secondary)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-surface);--brick-code-block-selection-foreground:var(--brick-color-accent-text);box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding)}.brick-code-block-pre{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText}}}@layer brick.effects;
 /*# sourceMappingURL=code-block.css.map */