@flowstack-ui/brick 0.1.9 → 0.1.12

package/dist/agents/tree-grid.md

@@ -0,0 +1,51 @@
+# TreeGrid agent guide
+
+## Purpose
+
+Present finished hierarchical multi-column rows while Atom owns treegrid relationships, active-cell navigation, expansion, row selection, logical coordinates, and actionable-header semantics.
+
+## Use when
+
+- Parent-child rows expand and each visible row exposes several independently navigable columns, such as a structured file browser.
+
+## Choose something else when
+
+- The hierarchy has one primary column, rows are flat, people only read native tabular relationships, or cells require editing or independent controls. Use Tree, DataGrid, Table, or an application-owned data tool.
+
+## Required composition
+
+- Compose explicit TreeGrid.Container for horizontal overflow, then one named Root with truthful rowCount and columnCount, optional Caption, Header and Body rowgroups, optional Footer summaries, and uniquely valued indexed Rows. Give every data Row stable parentValue and level metadata, one column-one RowHeader with decorative Indicator, then indexed Cells.
+- For application sorting, give an indexed ColumnHeader onAction, update records and sortDirection outside TreeGrid, and keep SortIndicator decorative. Compose Toolbar, filters, Pagination, status, and detail surfaces outside Root.
+
+## Rules
+
+- **MUST:** Name Root and preserve treegrid, rowgroup, row, rowheader, columnheader, and gridcell relationships with durable Row values, stable parentValue and level, one-based logical indexes, and truthful full totals.
+- **MUST:** Keep Root as the sole Tab stop and preserve active-descendant navigation across visible cells, vertical row movement, Home/End and whole-grid movement, disabled skipping, loop policy, and RTL-aware expansion and collapse in the tree column.
+- **MUST:** Mark only real parent Rows expandable, keep descendants hidden from navigation while any ancestor is collapsed, and let Atom relocate an active descendant to the collapsed ancestor's RowHeader cell.
+- **MUST:** Align scalar, array, or null value with selectionMode, use stable unique Row values, keep active cell independent from selected rows, and distinguish selectable=false from disabled for headers, parents, and summaries.
+- **MUST:** Use ColumnHeader onAction for equivalent pointer and active-header Enter activation, keep sortDirection truthful, and keep sorting, filtering, editing, resizing, data mutation, fetching, pagination, and persistence application-owned.
+- **MUST:** Keep v1 cells free of independent links, buttons, inputs, menus, and editing; keep hierarchy and sort indicators decorative and preserve RowHeader as the tree-column semantic owner.
+- **MUST:** If an application windows hierarchical rows, preserve logical totals, indexes, levels, parent visibility, and durable identities while keeping the active cell and collapse destination mounted; geometry utilities do not own treegrid focus or semantics.
+- **MUST:** Use Container for honest overflow, preserve the content-aware minimum width and all columns at narrow sizes, let the outline Root own one rounded boundary, and keep logical indentation and alignment correct in RTL.
+- **MUST:** Load styles.css or core.css plus tree-grid.css and every stylesheet for external composed controls.
+
+## Common mistakes
+
+- **Avoid:** Using TreeGrid for a one-column tree or read-only table, deriving parent/level/index identity from a rendered page, or inserting arbitrary controls into cells. **Instead:** Choose Tree or Table when simpler semantics fit, supply stable full-collection hierarchy and coordinates, and use an application-owned data tool for interactive cells.
+- **Avoid:** Expecting sortDirection to reorder rows, hiding columns on mobile, or adding a second framed clipping wrapper around outline. **Instead:** Keep sorting application-owned, preserve honest overflow, and let Root own its complete border and corner paint.
+
+## Validation checklist
+
+- Verify Root naming and complete treegrid relationships, unique Row values, parentValue/level metadata, RowHeader ownership, one-based logical indexes, full totals, active descendant, selection metadata, disabled/read-only state, and sort direction.
+- Exercise LTR/RTL expansion, collapse and parent movement, next-cell arrows, vertical movement, Home/End, whole-grid movement, loop boundaries, disabled cells, collapse relocation, none/single/multiple selection, nonselectable Rows, and header pointer/Enter parity.
+- Verify controlled/uncontrolled expansion and active-cell state; both variants, sizes, densities, captions, numeric/logical alignment, Container overflow, deep hierarchy, 320px, zoom, RTL, long content, light/dark appearance, forced colors, reduced motion, and any windowed active target.
+
+## Related guidance
+
+- `@flowstack-ui/atom/agents/tree-grid`
+- `tree`
+- `data-grid`
+- `table`
+- `toolbar`
+- `pagination`
+- `scroll-area`

package/dist/agents/tree.json

@@ -0,0 +1,94 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "tree",
+  "name": "Tree",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Present a finished one-column hierarchy while Atom owns tree semantics, active-descendant focus, selection, expansion, typeahead, direction, Field state, and form submission.",
+  "useWhen": [
+    "People browse or optionally select expandable parent-child items with one primary content column, such as nested files, categories, or component groups."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "Hierarchical rows have several navigable columns, sections contain arbitrary disclosure content, data is flat and tabular, or the hierarchy is static reading content.",
+      "useInstead": "TreeGrid, Accordion or Collapsible, DataGrid, or List"
+    }
+  ],
+  "composition": [
+    "Give Tree.Root a stable accessible name and deliberate selection, expansion, direction, and form state. Compose uniquely valued Items containing required Brick ItemContent with decorative Indicator and reliable ItemText; place each nested Group as a sibling of ItemContent inside its actual parent Item.",
+    "Choose plain, soft, or outline plus sm or md and optional showGuide on Root. Keep links, commands, loading, filtering, routing, rename, drag and drop, virtualization, and persistence outside Tree."
+  ],
+  "rules": [
+    {
+      "id": "tree-name-anatomy",
+      "level": "must",
+      "statement": "Name Root and preserve tree, treeitem, and group relationships, automatic levels, ItemText labeling, and parent-child nesting; use Brick ItemContent as the one finished row paint owner."
+    },
+    {
+      "id": "tree-identity-state",
+      "level": "must",
+      "statement": "Give every Item a durable unique value, align scalar or array selection with multiple, and keep selection and expandedValue controlled or uncontrolled without mixing ownership."
+    },
+    {
+      "id": "tree-focus-keyboard",
+      "level": "must",
+      "statement": "Keep Root as the sole Tab stop and preserve active-descendant focus, visible-item Up/Down, Home/End, direction-aware expand/collapse and parent movement, typeahead, disabled skipping, bounded or looped policy, and scroll reveal."
+    },
+    {
+      "id": "tree-visible-state",
+      "level": "must",
+      "statement": "Mark only actual parent Items expandable, hide collapsed descendants from navigation, and allow Atom to relocate active state to a visible ancestor or reset when controlled expansion hides it."
+    },
+    {
+      "id": "tree-form-state",
+      "level": "must",
+      "statement": "Preserve Field naming and descriptions, disabled, read-only, required, invalid, and named submission; read-only may navigate but must not mutate selection or expansion through selection keys."
+    },
+    {
+      "id": "tree-content-boundary",
+      "level": "must",
+      "statement": "Keep Indicator decorative, ItemText reliable for naming and typeahead, active focus distinct from selected fill, and interactive descendants outside Tree; use application-owned adjacent controls instead of turning Item rows into mixed widgets."
+    },
+    {
+      "id": "tree-virtualization",
+      "level": "must",
+      "statement": "If an application windows a large tree, it must retain complete logical parent and level metadata and keep the active descendant and expansion target mounted; geometry utilities do not reconstruct tree semantics."
+    },
+    {
+      "id": "tree-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus tree.css and every stylesheet for adjacent composed controls."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Using Tree for arbitrary disclosures, marking leaves expandable for an icon, placing Group outside its parent, or giving every Item a Tab stop.",
+      "correction": "Choose Accordion or Collapsible for content, mark only real parents, keep nested Group inside its Item, and preserve Root-owned composite focus."
+    },
+    {
+      "mistake": "Omitting ItemText for complex rows, using duplicate or visual-index values, or inserting buttons and links into ItemContent.",
+      "correction": "Register complete searchable text, use durable identities, and keep row actions in separately owned application UI."
+    }
+  ],
+  "validation": [
+    "Verify Root naming; tree/treeitem/group relationships; automatic levels; ItemText names; unique values; parent nesting; collapsed visibility; controlled and uncontrolled single/multiple selection and expansion; read-only; Field state; form submission; and collapse of the active branch.",
+    "Exercise initial focus, LTR/RTL expand and parent keys, Up/Down, Home/End, loop boundaries, typeahead cycling and prefixes, pointer selection, disabled Items, scroll reveal, force-mounted hidden Groups, native props, refs, and composition.",
+    "Verify all recipes and sizes, showGuide, long wrapping labels, deep indentation, narrow width, zoom, RTL, active versus selected paint, touch density, light/dark appearance, forced colors, reduced motion, and any windowed active target."
+  ],
+  "related": [
+    {
+      "kind": "package",
+      "package": "@flowstack-ui/atom",
+      "id": "tree",
+      "versionPolicy": "installed-exact"
+    },
+    "tree-grid",
+    "accordion",
+    "collapsible",
+    "data-grid",
+    "list",
+    "field",
+    "form"
+  ]
+}

package/dist/agents/tree.md

@@ -0,0 +1,51 @@
+# Tree agent guide
+
+## Purpose
+
+Present a finished one-column hierarchy while Atom owns tree semantics, active-descendant focus, selection, expansion, typeahead, direction, Field state, and form submission.
+
+## Use when
+
+- People browse or optionally select expandable parent-child items with one primary content column, such as nested files, categories, or component groups.
+
+## Choose something else when
+
+- Hierarchical rows have several navigable columns, sections contain arbitrary disclosure content, data is flat and tabular, or the hierarchy is static reading content. Use TreeGrid, Accordion or Collapsible, DataGrid, or List.
+
+## Required composition
+
+- Give Tree.Root a stable accessible name and deliberate selection, expansion, direction, and form state. Compose uniquely valued Items containing required Brick ItemContent with decorative Indicator and reliable ItemText; place each nested Group as a sibling of ItemContent inside its actual parent Item.
+- Choose plain, soft, or outline plus sm or md and optional showGuide on Root. Keep links, commands, loading, filtering, routing, rename, drag and drop, virtualization, and persistence outside Tree.
+
+## Rules
+
+- **MUST:** Name Root and preserve tree, treeitem, and group relationships, automatic levels, ItemText labeling, and parent-child nesting; use Brick ItemContent as the one finished row paint owner.
+- **MUST:** Give every Item a durable unique value, align scalar or array selection with multiple, and keep selection and expandedValue controlled or uncontrolled without mixing ownership.
+- **MUST:** Keep Root as the sole Tab stop and preserve active-descendant focus, visible-item Up/Down, Home/End, direction-aware expand/collapse and parent movement, typeahead, disabled skipping, bounded or looped policy, and scroll reveal.
+- **MUST:** Mark only actual parent Items expandable, hide collapsed descendants from navigation, and allow Atom to relocate active state to a visible ancestor or reset when controlled expansion hides it.
+- **MUST:** Preserve Field naming and descriptions, disabled, read-only, required, invalid, and named submission; read-only may navigate but must not mutate selection or expansion through selection keys.
+- **MUST:** Keep Indicator decorative, ItemText reliable for naming and typeahead, active focus distinct from selected fill, and interactive descendants outside Tree; use application-owned adjacent controls instead of turning Item rows into mixed widgets.
+- **MUST:** If an application windows a large tree, it must retain complete logical parent and level metadata and keep the active descendant and expansion target mounted; geometry utilities do not reconstruct tree semantics.
+- **MUST:** Load styles.css or core.css plus tree.css and every stylesheet for adjacent composed controls.
+
+## Common mistakes
+
+- **Avoid:** Using Tree for arbitrary disclosures, marking leaves expandable for an icon, placing Group outside its parent, or giving every Item a Tab stop. **Instead:** Choose Accordion or Collapsible for content, mark only real parents, keep nested Group inside its Item, and preserve Root-owned composite focus.
+- **Avoid:** Omitting ItemText for complex rows, using duplicate or visual-index values, or inserting buttons and links into ItemContent. **Instead:** Register complete searchable text, use durable identities, and keep row actions in separately owned application UI.
+
+## Validation checklist
+
+- Verify Root naming; tree/treeitem/group relationships; automatic levels; ItemText names; unique values; parent nesting; collapsed visibility; controlled and uncontrolled single/multiple selection and expansion; read-only; Field state; form submission; and collapse of the active branch.
+- Exercise initial focus, LTR/RTL expand and parent keys, Up/Down, Home/End, loop boundaries, typeahead cycling and prefixes, pointer selection, disabled Items, scroll reveal, force-mounted hidden Groups, native props, refs, and composition.
+- Verify all recipes and sizes, showGuide, long wrapping labels, deep indentation, narrow width, zoom, RTL, active versus selected paint, touch density, light/dark appearance, forced colors, reduced motion, and any windowed active target.
+
+## Related guidance
+
+- `@flowstack-ui/atom/agents/tree`
+- `tree-grid`
+- `accordion`
+- `collapsible`
+- `data-grid`
+- `list`
+- `field`
+- `form`

package/dist/agents/visually-hidden.json

@@ -0,0 +1,70 @@
+{
+  "schema": "flowstack.agent-component.v1",
+  "id": "visually-hidden",
+  "name": "VisuallyHidden",
+  "package": "@flowstack-ui/brick",
+  "layer": "brick",
+  "kind": "component",
+  "purpose": "Keep a short authored name or equivalent context available to assistive technology without adding a visible layout footprint.",
+  "useWhen": [
+    "A nearby visual already communicates the same short meaning but a control, state, or relationship still needs an accessible text equivalent."
+  ],
+  "avoidWhen": [
+    {
+      "condition": "The text is an essential instruction, visible state, error, focusable control, or asynchronous announcement.",
+      "useInstead": "visible Text or the application-owned feedback and live-region pattern"
+    }
+  ],
+  "composition": [
+    "Place a short equivalent phrase in VisuallyHidden.Root inside the semantic owner whose accessible name or reading context it extends; keep the focusable control itself visible and keep live-region policy outside Root."
+  ],
+  "rules": [
+    {
+      "id": "visually-hidden-equivalent",
+      "level": "must",
+      "statement": "Keep hidden text short, specific, correctly ordered, and equivalent to nearby visual meaning; prefer visible Text whenever information benefits everyone."
+    },
+    {
+      "id": "visually-hidden-no-focus",
+      "level": "must",
+      "statement": "Do not visually hide keyboard-focusable or interactive content; keep an icon-only Button visible and place VisuallyHidden text inside it."
+    },
+    {
+      "id": "visually-hidden-no-live",
+      "level": "must",
+      "statement": "Do not use VisuallyHidden as a substitute for visible feedback or deliberate application-owned live-region behavior."
+    },
+    {
+      "id": "visually-hidden-contract",
+      "level": "must",
+      "statement": "Do not override Atom's authoritative hiding geometry or confuse visually hidden accessible content with aria-hidden decorative content."
+    },
+    {
+      "id": "visually-hidden-css",
+      "level": "must",
+      "statement": "Load styles.css or core.css plus visually-hidden.css."
+    }
+  ],
+  "commonMistakes": [
+    {
+      "mistake": "Hiding essential instructions, wrapping a focusable control in Root, using it for decoration, or duplicating an existing name.",
+      "correction": "Keep essential content and controls visible, use aria-hidden for decoration, and add concise hidden text once inside the semantic owner."
+    }
+  ],
+  "validation": [
+    "Inspect the accessibility tree and computed name or description to confirm hidden wording is present exactly once in the intended reading order.",
+    "Confirm Root has no layout footprint, no visually absent focus target, authoritative hiding survives consumer style and composition, decorative content uses aria-hidden, and behavior remains stable across zoom, direction, and appearance."
+  ],
+  "related": [
+    {
+      "kind": "package",
+      "package": "@flowstack-ui/atom",
+      "id": "visually-hidden",
+      "versionPolicy": "installed-exact"
+    },
+    "icon",
+    "icon-button",
+    "text",
+    "status"
+  ]
+}

package/dist/agents/visually-hidden.md

@@ -0,0 +1,42 @@
+# VisuallyHidden agent guide
+
+## Purpose
+
+Keep a short authored name or equivalent context available to assistive technology without adding a visible layout footprint.
+
+## Use when
+
+- A nearby visual already communicates the same short meaning but a control, state, or relationship still needs an accessible text equivalent.
+
+## Choose something else when
+
+- The text is an essential instruction, visible state, error, focusable control, or asynchronous announcement. Use visible Text or the application-owned feedback and live-region pattern.
+
+## Required composition
+
+- Place a short equivalent phrase in VisuallyHidden.Root inside the semantic owner whose accessible name or reading context it extends; keep the focusable control itself visible and keep live-region policy outside Root.
+
+## Rules
+
+- **MUST:** Keep hidden text short, specific, correctly ordered, and equivalent to nearby visual meaning; prefer visible Text whenever information benefits everyone.
+- **MUST:** Do not visually hide keyboard-focusable or interactive content; keep an icon-only Button visible and place VisuallyHidden text inside it.
+- **MUST:** Do not use VisuallyHidden as a substitute for visible feedback or deliberate application-owned live-region behavior.
+- **MUST:** Do not override Atom's authoritative hiding geometry or confuse visually hidden accessible content with aria-hidden decorative content.
+- **MUST:** Load styles.css or core.css plus visually-hidden.css.
+
+## Common mistakes
+
+- **Avoid:** Hiding essential instructions, wrapping a focusable control in Root, using it for decoration, or duplicating an existing name. **Instead:** Keep essential content and controls visible, use aria-hidden for decoration, and add concise hidden text once inside the semantic owner.
+
+## Validation checklist
+
+- Inspect the accessibility tree and computed name or description to confirm hidden wording is present exactly once in the intended reading order.
+- Confirm Root has no layout footprint, no visually absent focus target, authoritative hiding survives consumer style and composition, decorative content uses aria-hidden, and behavior remains stable across zoom, direction, and appearance.
+
+## Related guidance
+
+- `@flowstack-ui/atom/agents/visually-hidden`
+- `icon`
+- `icon-button`
+- `text`
+- `status`

package/dist/agents/z-stack.json

@@ -20,7 +20,8 @@
     }
   ],
   "composition": [
-    "Place natural-size layers directly in ZStack.Root and use ZStack.Item only when one layer needs its own nine-position alignment."
+    "Place natural-size layers directly in ZStack.Root and use ZStack.Item only when one layer needs its own nine-position alignment.",
+    "For a corner action over media, use ZStack.Root isolation=\"open\" and ZStack.Item layer=\"action\" with edgeSpacing instead of recreating stacking, z-index, and inset margins in local CSS."
   ],
   "rules": [
     {
@@ -28,6 +29,11 @@
       "level": "must",
       "statement": "Keep DOM order meaningful because later children paint above earlier children."
     },
+    {
+      "id": "z-stack-positioned-media-order",
+      "level": "must",
+      "statement": "Keep media before its overlay in source; ZStack preserves that order even when the media establishes a positioned layer."
+    },
     {
       "id": "z-stack-input",
       "level": "must",
@@ -38,6 +44,16 @@
       "level": "must",
       "statement": "Use responsive logical alignment only to move the same authored layer; never change source order, depth order, or focus order at a breakpoint."
     },
+    {
+      "id": "z-stack-named-depth",
+      "level": "must",
+      "statement": "Use the closed content and action layers only for authored overlay participation; do not invent arbitrary z-index values or use layer to reorder meaning."
+    },
+    {
+      "id": "z-stack-edge-spacing",
+      "level": "must",
+      "statement": "Use edgeSpacing for a positioned layer that needs theme-space inset from its aligned edges; it supports the same responsive spacing vocabulary as Stack."
+    },
     {
       "id": "z-stack-css",
       "level": "must",
@@ -52,6 +68,10 @@
     {
       "mistake": "Rebuilding Surface media anatomy.",
       "correction": "Prefer Surface for standard media-backed content."
+    },
+    {
+      "mistake": "Adding inline isolation, z-index, or margin styles to make an overlay action clickable and inset.",
+      "correction": "Use isolation=\"open\", layer=\"action\", and edgeSpacing on ZStack's public composition API."
     }
   ],
   "validation": [

package/dist/agents/z-stack.md

@@ -16,18 +16,23 @@ Overlap authored children in one depth-aware layout while preserving source, rea
 ## Required composition
 
 - Place natural-size layers directly in ZStack.Root and use ZStack.Item only when one layer needs its own nine-position alignment.
+- For a corner action over media, use ZStack.Root isolation="open" and ZStack.Item layer="action" with edgeSpacing instead of recreating stacking, z-index, and inset margins in local CSS.
 
 ## Rules
 
 - **MUST:** Keep DOM order meaningful because later children paint above earlier children.
+- **MUST:** Keep media before its overlay in source; ZStack preserves that order even when the media establishes a positioned layer.
 - **MUST:** Keep decorative layers from intercepting input intended for interactive content.
 - **MUST:** Use responsive logical alignment only to move the same authored layer; never change source order, depth order, or focus order at a breakpoint.
+- **MUST:** Use the closed content and action layers only for authored overlay participation; do not invent arbitrary z-index values or use layer to reorder meaning.
+- **MUST:** Use edgeSpacing for a positioned layer that needs theme-space inset from its aligned edges; it supports the same responsive spacing vocabulary as Stack.
 - **MUST:** Load styles.css or core.css plus z-stack.css.
 
 ## Common mistakes
 
 - **Avoid:** Replacing ordinary linear layout with overlap. **Instead:** Use Stack or Grid unless layers intentionally share space.
 - **Avoid:** Rebuilding Surface media anatomy. **Instead:** Prefer Surface for standard media-backed content.
+- **Avoid:** Adding inline isolation, z-index, or margin styles to make an overlay action clickable and inset. **Instead:** Use isolation="open", layer="action", and edgeSpacing on ZStack's public composition API.
 
 ## Validation checklist
 

package/dist/bleed.d.ts

@@ -0,0 +1,2 @@
+export { Bleed, type BleedElement, type BleedProps, } from "./components/bleed/index.js";
+//# sourceMappingURL=bleed.d.ts.map

package/dist/bleed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bleed.d.ts","sourceRoot":"","sources":["../src/bleed.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,6BAA6B,CAAC"}

package/dist/bleed.js

@@ -0,0 +1,2 @@
+export { Bleed, } from "./components/bleed/index.js";
+//# sourceMappingURL=bleed.js.map

package/dist/bleed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bleed.js","sourceRoot":"","sources":["../src/bleed.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAGN,MAAM,6BAA6B,CAAC"}

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/color-picker.d.ts

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

package/dist/color-picker.d.ts.map

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

package/dist/color-picker.js

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

package/dist/color-picker.js.map

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

package/dist/color-swatch.d.ts

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

package/dist/color-swatch.d.ts.map

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

package/dist/color-swatch.js

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

package/dist/color-swatch.js.map

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

package/dist/components/_responsive-value/ResponsiveValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveValue.d.ts","sourceRoot":"","sources":["../../../src/components/_responsive-value/ResponsiveValue.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB,CAAC,GACD,CAAC;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAQhE,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,SAAS,EAAE,QAAQ,MAAM,EAAE,EAC3B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,OAAO,GAAE;IAAE,YAAY,CAAC,EAAE,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAO,2BAqB5D"}
+{"version":3,"file":"ResponsiveValue.d.ts","sourceRoot":"","sources":["../../../src/components/_responsive-value/ResponsiveValue.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D,MAAM,MAAM,eAAe,CAAC,CAAC,IACzB,CAAC,GACD,CAAC;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAUhE,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,SAAS,EAAE,QAAQ,MAAM,EAAE,EAC3B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EACzB,OAAO,GAAE;IAAE,YAAY,CAAC,EAAE,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAAO,2BAqB5D"}

package/dist/components/_responsive-value/ResponsiveValue.js

@@ -1,6 +1,8 @@
 const breakpoints = ["sm", "md", "lg", "xl"];
 function serialize(value) {
-    return typeof value === "boolean" ? String(value) : value;
+    return typeof value === "boolean" || typeof value === "number"
+        ? String(value)
+        : value;
 }
 export function responsiveDataAttributes(attribute, value, options = {}) {
     const values = typeof value === "object" && value !== null && "initial" in value

package/dist/components/_responsive-value/ResponsiveValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveValue.js","sourceRoot":"","sources":["../../../src/components/_responsive-value/ResponsiveValue.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAA2B,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAErE,SAAS,SAAS,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,SAA2B,EAC3B,KAAyB,EACzB,UAAyD,EAAE;IAE3D,MAAM,MAAM,GACV,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,KAAK;QAC/D,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACzB,MAAM,UAAU,GAA4B,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAE/B,IAAI,OAAO,CAAC,aAAa,IAAI,OAAO,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC;QAC9D,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,MAAM,IAAI,GAAI,MAAmD,CAAC,UAAU,CAAC,CAAC;QAC9E,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC"}
+{"version":3,"file":"ResponsiveValue.js","sourceRoot":"","sources":["../../../src/components/_responsive-value/ResponsiveValue.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAA2B,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAErE,SAAS,SAAS,CAAC,KAAc;IAC/B,OAAO,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC5D,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACf,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,SAA2B,EAC3B,KAAyB,EACzB,UAAyD,EAAE;IAE3D,MAAM,MAAM,GACV,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,KAAK;QAC/D,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACzB,MAAM,UAAU,GAA4B,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAE/B,IAAI,OAAO,CAAC,aAAa,IAAI,OAAO,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC;QAC9D,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,MAAM,IAAI,GAAI,MAAmD,CAAC,UAAU,CAAC,CAAC;QAC9E,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,UAAU,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/components/_spacing-value/SpacingValue.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+import type { ResponsiveValue } from "../_responsive-value/ResponsiveValue.js";
+export type SpacingValue = number | string;
+type SpacingStyle = CSSProperties & Record<`--brick-${string}`, string>;
+export declare function resolveSpacingValue(value: SpacingValue): string;
+export declare function responsiveSpacingStyles(variable: `--brick-${string}`, value: ResponsiveValue<SpacingValue>): SpacingStyle;
+export {};
+//# sourceMappingURL=SpacingValue.d.ts.map

package/dist/components/_spacing-value/SpacingValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacingValue.d.ts","sourceRoot":"","sources":["../../../src/components/_spacing-value/SpacingValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,KAAK,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC,WAAW,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;AAaxE,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CA2B/D;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,WAAW,MAAM,EAAE,EAC7B,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,GACnC,YAAY,CAiBd"}

package/dist/components/_spacing-value/SpacingValue.js

@@ -0,0 +1,46 @@
+const breakpoints = ["sm", "md", "lg", "xl"];
+const legacyTokenPattern = /^[0-6]$/;
+const numericFactorPattern = /^\+?(?:\d+\.?\d*|\.\d+)$/;
+const negativeNumericPattern = /^-(?:\d+\.?\d*|\.\d+)$/;
+function warnInvalidSpacing(value) {
+    console.warn(`[Brick layout] Spacing values must be non-negative finite numbers or non-empty CSS values. Received ${String(value)}.`);
+}
+export function resolveSpacingValue(value) {
+    if (typeof value === "number") {
+        if (!Number.isFinite(value) || value < 0) {
+            warnInvalidSpacing(value);
+            return "var(--brick-space-0)";
+        }
+        return value === 0
+            ? "var(--brick-space-0)"
+            : `calc(var(--brick-space-1) * ${value})`;
+    }
+    const normalized = value.trim();
+    if (!normalized || negativeNumericPattern.test(normalized)) {
+        warnInvalidSpacing(value);
+        return "var(--brick-space-0)";
+    }
+    if (legacyTokenPattern.test(normalized)) {
+        return `var(--brick-space-${normalized})`;
+    }
+    if (numericFactorPattern.test(normalized)) {
+        return `calc(var(--brick-space-1) * ${Number(normalized)})`;
+    }
+    return normalized;
+}
+export function responsiveSpacingStyles(variable, value) {
+    const values = typeof value === "object" && value !== null && "initial" in value
+        ? value
+        : { initial: value };
+    const styles = {
+        [`${variable}-input`]: resolveSpacingValue(values.initial),
+    };
+    for (const breakpoint of breakpoints) {
+        const next = values[breakpoint];
+        if (next !== undefined) {
+            styles[`${variable}-${breakpoint}-input`] = resolveSpacingValue(next);
+        }
+    }
+    return styles;
+}
+//# sourceMappingURL=SpacingValue.js.map

package/dist/components/_spacing-value/SpacingValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacingValue.js","sourceRoot":"","sources":["../../../src/components/_spacing-value/SpacingValue.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,GAA2B,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACrE,MAAM,kBAAkB,GAAG,SAAS,CAAC;AACrC,MAAM,oBAAoB,GAAG,0BAA0B,CAAC;AACxD,MAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAExD,SAAS,kBAAkB,CAAC,KAAc;IACxC,OAAO,CAAC,IAAI,CACV,uGAAuG,MAAM,CAAC,KAAK,CAAC,GAAG,CACxH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,KAAmB;IACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACzC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,OAAO,sBAAsB,CAAC;QAChC,CAAC;QAED,OAAO,KAAK,KAAK,CAAC;YAChB,CAAC,CAAC,sBAAsB;YACxB,CAAC,CAAC,+BAA+B,KAAK,GAAG,CAAC;IAC9C,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAChC,IAAI,CAAC,UAAU,IAAI,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QAC3D,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,sBAAsB,CAAC;IAChC,CAAC;IAED,IAAI,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QACxC,OAAO,qBAAqB,UAAU,GAAG,CAAC;IAC5C,CAAC;IAED,IAAI,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1C,OAAO,+BAA+B,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC;IAC9D,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,QAA6B,EAC7B,KAAoC;IAEpC,MAAM,MAAM,GACV,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,KAAK;QAC/D,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG;QACb,CAAC,GAAG,QAAQ,QAAQ,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,OAAO,CAAC;KAC3C,CAAC;IAElB,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,MAAM,IAAI,GAAI,MAA8D,CAAC,UAAU,CAAC,CAAC;QACzF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,CAAC,GAAG,QAAQ,IAAI,UAAU,QAAQ,CAAC,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/components/accordion/Accordion.js

@@ -17,7 +17,7 @@ export const AccordionTrigger = forwardRef(function AccordionTrigger({ className
     return _jsx(AtomAccordion.Trigger, { ...props, className: classes("brick-accordion-trigger", className), "data-slot": slot ?? "accordion-trigger", ref: ref });
 });
 export const AccordionIndicator = forwardRef(function AccordionIndicator({ children, className, "data-slot": slot, ...props }, ref) {
-    return _jsx("span", { ...props, "aria-hidden": "true", className: classes("brick-accordion-indicator", className), "data-slot": slot ?? "accordion-indicator", ref: ref, children: children ?? _jsx("svg", { fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { d: "m6 3.5 4.5 4.5L6 12.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }) });
+    return _jsx("span", { ...props, "aria-hidden": "true", className: classes("brick-accordion-indicator", className), "data-slot": slot ?? "accordion-indicator", ref: ref, children: children ?? _jsx("svg", { fill: "none", viewBox: "0 0 16 16", children: _jsx("path", { d: "m3.5 6 4.5 4.5L12.5 6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }) });
 });
 export const AccordionContent = forwardRef(function AccordionContent({ className, "data-slot": slot, ...props }, ref) {
     return _jsx(AtomAccordion.Content, { ...props, className: classes("brick-accordion-content", className), "data-slot": slot ?? "accordion-content", ref: ref });

package/dist/components/app-bar/AppBar.d.ts

@@ -1,6 +1,7 @@
 import { type AppBarRootProps as AtomAppBarRootProps, type AppBarToolbarProps as AtomAppBarToolbarProps, type AppBarSectionProps as AtomAppBarSectionProps } from "@flowstack-ui/atom/app-bar";
 export type AppBarVariant = "solid" | "surface" | "transparent";
 export type AppBarTone = "neutral" | "accent";
+export type AppBarToolbarInset = "default" | "none";
 export interface AppBarRootProps extends AtomAppBarRootProps {
     /** Surface treatment. @default "surface" */
     variant?: AppBarVariant;
@@ -13,16 +14,19 @@ export interface AppBarRootProps extends AtomAppBarRootProps {
     /** Add backdrop blur and a translucent surface. @default false */
     blurred?: boolean;
 }
-export type AppBarToolbarProps = AtomAppBarToolbarProps;
+export interface AppBarToolbarProps extends AtomAppBarToolbarProps {
+    /** Logical inline content inset. Use none when Container owns the gutter. @default "default" */
+    inset?: AppBarToolbarInset;
+}
 export type AppBarSectionProps = AtomAppBarSectionProps;
 export declare const AppBarRoot: import("react").ForwardRefExoticComponent<AppBarRootProps & import("react").RefAttributes<HTMLElement>>;
-export declare const AppBarToolbar: import("react").ForwardRefExoticComponent<AtomAppBarToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AppBarToolbar: import("react").ForwardRefExoticComponent<AppBarToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const AppBarStart: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const AppBarCenter: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const AppBarEnd: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const AppBar: Readonly<{
     Root: import("react").ForwardRefExoticComponent<AppBarRootProps & import("react").RefAttributes<HTMLElement>>;
-    Toolbar: import("react").ForwardRefExoticComponent<AtomAppBarToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
+    Toolbar: import("react").ForwardRefExoticComponent<AppBarToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
     Start: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
     Center: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
     End: import("react").ForwardRefExoticComponent<AtomAppBarSectionProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/app-bar/AppBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,kBAAkB,IAAI,sBAAsB,EAClD,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACxD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAMxD,eAAO,MAAM,UAAU,yGA0BtB,CAAC;AAEF,eAAO,MAAM,aAAa,mHAUzB,CAAC;AAsBF,eAAO,MAAM,WAAW,mHAIvB,CAAC;AACF,eAAO,MAAM,YAAY,mHAIxB,CAAC;AACF,eAAO,MAAM,SAAS,mHAIrB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;EAMjB,CAAC"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,kBAAkB,IAAI,sBAAsB,EACjD,KAAK,kBAAkB,IAAI,sBAAsB,EAClD,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,gGAAgG;IAChG,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AACD,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AAMxD,eAAO,MAAM,UAAU,yGA0BtB,CAAC;AAEF,eAAO,MAAM,aAAa,+GAWzB,CAAC;AAsBF,eAAO,MAAM,WAAW,mHAIvB,CAAC;AACF,eAAO,MAAM,YAAY,mHAIxB,CAAC;AACF,eAAO,MAAM,SAAS,mHAIrB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;EAMjB,CAAC"}

package/dist/components/app-bar/AppBar.js

@@ -7,8 +7,8 @@ function mergeClassName(base, className) {
 export const AppBarRoot = forwardRef(function AppBarRoot({ variant = "surface", tone = "neutral", bordered = true, elevated = false, blurred = false, className, ...props }, ref) {
     return (_jsx(AtomAppBar.Root, { ...props, className: mergeClassName("brick-app-bar", className), "data-blurred": blurred ? "" : undefined, "data-bordered": bordered ? "" : undefined, "data-elevated": elevated ? "" : undefined, "data-tone": tone, "data-variant": variant, ref: ref }));
 });
-export const AppBarToolbar = forwardRef(function AppBarToolbar({ className, ...props }, ref) {
-    return (_jsx(AtomAppBar.Toolbar, { ...props, className: mergeClassName("brick-app-bar-toolbar", className), ref: ref }));
+export const AppBarToolbar = forwardRef(function AppBarToolbar({ className, inset = "default", ...props }, ref) {
+    return (_jsx(AtomAppBar.Toolbar, { ...props, className: mergeClassName("brick-app-bar-toolbar", className), "data-inset": inset, ref: ref }));
 });
 function createSection(Part, className, displayName) {
     const Section = forwardRef(function AppBarSection({ className: consumerClassName, ...props }, ref) {