@flowstack-ui/brick 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/README.md +6 -1
  2. package/dist/agents/app-bar.json +69 -0
  3. package/dist/agents/app-bar.md +46 -0
  4. package/dist/agents/bottom-navigation.json +55 -0
  5. package/dist/agents/bottom-navigation.md +40 -0
  6. package/dist/agents/breadcrumb.json +48 -0
  7. package/dist/agents/breadcrumb.md +37 -0
  8. package/dist/agents/button.json +49 -0
  9. package/dist/agents/button.md +38 -0
  10. package/dist/agents/card.json +50 -0
  11. package/dist/agents/card.md +39 -0
  12. package/dist/agents/checkbox.json +49 -0
  13. package/dist/agents/checkbox.md +38 -0
  14. package/dist/agents/container.json +54 -0
  15. package/dist/agents/container.md +39 -0
  16. package/dist/agents/divider.json +54 -0
  17. package/dist/agents/divider.md +39 -0
  18. package/dist/agents/drawer.json +76 -0
  19. package/dist/agents/drawer.md +46 -0
  20. package/dist/agents/field.json +57 -0
  21. package/dist/agents/field.md +42 -0
  22. package/dist/agents/fieldset.json +49 -0
  23. package/dist/agents/fieldset.md +38 -0
  24. package/dist/agents/form.json +49 -0
  25. package/dist/agents/form.md +38 -0
  26. package/dist/agents/grid.json +57 -0
  27. package/dist/agents/grid.md +39 -0
  28. package/dist/agents/hide.json +54 -0
  29. package/dist/agents/hide.md +39 -0
  30. package/dist/agents/icon-button.json +54 -0
  31. package/dist/agents/icon-button.md +39 -0
  32. package/dist/agents/image.json +59 -0
  33. package/dist/agents/image.md +40 -0
  34. package/dist/agents/input.json +48 -0
  35. package/dist/agents/input.md +37 -0
  36. package/dist/agents/interface-composition.json +184 -0
  37. package/dist/agents/interface-composition.md +93 -0
  38. package/dist/agents/layer-selection.json +107 -0
  39. package/dist/agents/layer-selection.md +57 -0
  40. package/dist/agents/link.json +47 -0
  41. package/dist/agents/link.md +36 -0
  42. package/dist/agents/manifest.json +207 -0
  43. package/dist/agents/nav-list.json +65 -0
  44. package/dist/agents/nav-list.md +42 -0
  45. package/dist/agents/navigation-menu.json +90 -0
  46. package/dist/agents/navigation-menu.md +49 -0
  47. package/dist/agents/pagination.json +48 -0
  48. package/dist/agents/pagination.md +37 -0
  49. package/dist/agents/scroll-area.json +54 -0
  50. package/dist/agents/scroll-area.md +39 -0
  51. package/dist/agents/show.json +54 -0
  52. package/dist/agents/show.md +39 -0
  53. package/dist/agents/sidebar.json +56 -0
  54. package/dist/agents/sidebar.md +41 -0
  55. package/dist/agents/skip-link.json +53 -0
  56. package/dist/agents/skip-link.md +38 -0
  57. package/dist/agents/stack.json +48 -0
  58. package/dist/agents/stack.md +37 -0
  59. package/dist/agents/surface.json +48 -0
  60. package/dist/agents/surface.md +37 -0
  61. package/dist/agents/tabs.json +54 -0
  62. package/dist/agents/tabs.md +39 -0
  63. package/dist/agents/text.json +65 -0
  64. package/dist/agents/text.md +42 -0
  65. package/dist/agents/textarea.json +48 -0
  66. package/dist/agents/textarea.md +37 -0
  67. package/dist/agents/toolbar.json +55 -0
  68. package/dist/agents/toolbar.md +40 -0
  69. package/dist/components/alert-dialog/AlertDialog.d.ts +7 -0
  70. package/dist/components/alert-dialog/AlertDialog.d.ts.map +1 -1
  71. package/dist/components/alert-dialog/AlertDialog.js +2 -2
  72. package/dist/components/alert-dialog/AlertDialog.js.map +1 -1
  73. package/dist/components/alert-dialog/index.d.ts +1 -1
  74. package/dist/components/alert-dialog/index.d.ts.map +1 -1
  75. package/dist/components/alert-dialog/index.js.map +1 -1
  76. package/dist/components/button/Button.js +2 -2
  77. package/dist/components/button/Button.js.map +1 -1
  78. package/dist/components/chip/Chip.js +4 -4
  79. package/dist/components/chip/Chip.js.map +1 -1
  80. package/dist/components/dialog/Dialog.d.ts +7 -0
  81. package/dist/components/dialog/Dialog.d.ts.map +1 -1
  82. package/dist/components/dialog/Dialog.js +2 -2
  83. package/dist/components/dialog/Dialog.js.map +1 -1
  84. package/dist/components/dialog/index.d.ts +1 -1
  85. package/dist/components/dialog/index.d.ts.map +1 -1
  86. package/dist/components/dialog/index.js.map +1 -1
  87. package/dist/components/drawer/Drawer.d.ts +8 -1
  88. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  89. package/dist/components/drawer/Drawer.js +3 -2
  90. package/dist/components/drawer/Drawer.js.map +1 -1
  91. package/dist/components/drawer/index.d.ts +1 -1
  92. package/dist/components/drawer/index.d.ts.map +1 -1
  93. package/dist/components/drawer/index.js.map +1 -1
  94. package/dist/components/grid/Grid.d.ts +9 -2
  95. package/dist/components/grid/Grid.d.ts.map +1 -1
  96. package/dist/components/grid/Grid.js +51 -4
  97. package/dist/components/grid/Grid.js.map +1 -1
  98. package/dist/components/icon-button/IconButton.js +2 -2
  99. package/dist/components/icon-button/IconButton.js.map +1 -1
  100. package/dist/components/navigation-menu/NavigationMenu.d.ts +6 -3
  101. package/dist/components/navigation-menu/NavigationMenu.d.ts.map +1 -1
  102. package/dist/components/navigation-menu/NavigationMenu.js +2 -2
  103. package/dist/components/navigation-menu/NavigationMenu.js.map +1 -1
  104. package/dist/components/navigation-menu/index.d.ts +1 -1
  105. package/dist/components/navigation-menu/index.d.ts.map +1 -1
  106. package/dist/components/navigation-menu/index.js.map +1 -1
  107. package/dist/components/text/Text.d.ts +1 -1
  108. package/dist/components/text/Text.d.ts.map +1 -1
  109. package/dist/components/text/Text.js.map +1 -1
  110. package/dist/drawer.d.ts +1 -0
  111. package/dist/drawer.d.ts.map +1 -1
  112. package/dist/drawer.js +1 -0
  113. package/dist/drawer.js.map +1 -1
  114. package/dist/index.d.ts +3 -3
  115. package/dist/index.d.ts.map +1 -1
  116. package/dist/index.js +1 -1
  117. package/dist/index.js.map +1 -1
  118. package/dist/navigation-menu.d.ts +1 -0
  119. package/dist/navigation-menu.d.ts.map +1 -1
  120. package/dist/navigation-menu.js +1 -0
  121. package/dist/navigation-menu.js.map +1 -1
  122. package/dist/styles/alert-dialog.css +1 -1
  123. package/dist/styles/alert-dialog.css.map +1 -1
  124. package/dist/styles/badge.css +1 -1
  125. package/dist/styles/badge.css.map +1 -1
  126. package/dist/styles/code-block.css.map +1 -1
  127. package/dist/styles/context-menu.css.map +1 -1
  128. package/dist/styles/core.css +1 -1
  129. package/dist/styles/core.css.map +1 -1
  130. package/dist/styles/dialog.css +1 -1
  131. package/dist/styles/dialog.css.map +1 -1
  132. package/dist/styles/drawer.css +1 -1
  133. package/dist/styles/drawer.css.map +1 -1
  134. package/dist/styles/dropdown-menu.css.map +1 -1
  135. package/dist/styles/nav-list.css +1 -1
  136. package/dist/styles/nav-list.css.map +1 -1
  137. package/dist/styles/navigation-menu.css +1 -1
  138. package/dist/styles/navigation-menu.css.map +1 -1
  139. package/dist/styles/sidebar.css.map +1 -1
  140. package/dist/styles/text.css +1 -1
  141. package/dist/styles/text.css.map +1 -1
  142. package/dist/styles.css +1 -1
  143. package/dist/styles.css.map +1 -1
  144. package/dist/tokens.css +1 -1
  145. package/dist/tokens.css.map +1 -1
  146. package/docs/guides/agent-knowledge.md +44 -0
  147. package/docs/guides/appearance-and-tokens.md +6 -0
  148. package/docs/guides/installation.md +11 -6
  149. package/package.json +11 -5
@@ -0,0 +1,37 @@
1
+ # Surface agent guide
2
+
3
+ ## Purpose
4
+
5
+ Apply semantic background layers, boundaries, elevation, radius, and inset without implying a specific content object.
6
+
7
+ ## Use when
8
+
9
+ - A region needs a semantic visual plane but Card, Dialog, or another purposeful component would add the wrong anatomy.
10
+
11
+ ## Choose something else when
12
+
13
+ - The region represents one bounded subject with card anatomy. Use Card.
14
+
15
+ ## Required composition
16
+
17
+ - Choose Surface level and boundary by hierarchy, then compose public layout and content components inside.
18
+
19
+ ## Rules
20
+
21
+ - **SHOULD:** Choose surface level by information hierarchy, not decoration alone.
22
+ - **MUST:** Load styles.css or core.css plus surface.css.
23
+
24
+ ## Common mistakes
25
+
26
+ - **Avoid:** Using arbitrary background colors to recreate a surface. **Instead:** Use Surface and theme its semantic tokens.
27
+
28
+ ## Validation checklist
29
+
30
+ - Check foreground contrast against the selected surface in every appearance.
31
+ - Confirm nested surfaces communicate hierarchy without excessive borders or elevation.
32
+
33
+ ## Related guidance
34
+
35
+ - `card`
36
+ - `stack`
37
+ - `grid`
@@ -0,0 +1,54 @@
1
+ {
2
+ "schema": "flowstack.agent-component.v1",
3
+ "id": "tabs",
4
+ "name": "Tabs",
5
+ "package": "@flowstack-ui/brick",
6
+ "layer": "brick",
7
+ "kind": "component",
8
+ "purpose": "Style related in-page panel switching while Atom owns tab semantics, selection, roving focus, and indicator geometry.",
9
+ "useWhen": [
10
+ "A small set of related panels shares one page and one panel is normally active."
11
+ ],
12
+ "avoidWhen": [
13
+ {
14
+ "condition": "Choices navigate to routes or multiple sections should remain open.",
15
+ "useInstead": "Link/NavList or Accordion"
16
+ }
17
+ ],
18
+ "composition": [
19
+ "Compose Trigger and optional Indicator inside List with matching Content values inside Root; lay out panel content with Brick components."
20
+ ],
21
+ "rules": [
22
+ {
23
+ "id": "tabs-related-panels",
24
+ "level": "must",
25
+ "statement": "Use Tabs only for related in-page panels, not to imitate a site navigation underline."
26
+ },
27
+ {
28
+ "id": "tabs-overflow",
29
+ "level": "must",
30
+ "statement": "Define a deliberate narrow-width overflow or wrapping policy without clipping triggers or indicator focus."
31
+ },
32
+ {
33
+ "id": "tabs-css",
34
+ "level": "must",
35
+ "statement": "Load styles.css or core.css plus tabs.css."
36
+ }
37
+ ],
38
+ "commonMistakes": [
39
+ {
40
+ "mistake": "Using Tabs for routes, clipping focus/indicator edges, or mismatching Trigger and Content values.",
41
+ "correction": "Use navigation links for routes and keep complete paired tab anatomy."
42
+ }
43
+ ],
44
+ "validation": [
45
+ "Check automatic/manual activation, arrows, Home/End, Enter/Space, disabled, controlled, keep-mounted, overflow, focus rings, themes, zoom, and RTL.",
46
+ "Confirm CSS is loaded."
47
+ ],
48
+ "related": [
49
+ "accordion",
50
+ "navigation-menu",
51
+ "bottom-navigation",
52
+ "scroll-area"
53
+ ]
54
+ }
@@ -0,0 +1,39 @@
1
+ # Tabs agent guide
2
+
3
+ ## Purpose
4
+
5
+ Style related in-page panel switching while Atom owns tab semantics, selection, roving focus, and indicator geometry.
6
+
7
+ ## Use when
8
+
9
+ - A small set of related panels shares one page and one panel is normally active.
10
+
11
+ ## Choose something else when
12
+
13
+ - Choices navigate to routes or multiple sections should remain open. Use Link/NavList or Accordion.
14
+
15
+ ## Required composition
16
+
17
+ - Compose Trigger and optional Indicator inside List with matching Content values inside Root; lay out panel content with Brick components.
18
+
19
+ ## Rules
20
+
21
+ - **MUST:** Use Tabs only for related in-page panels, not to imitate a site navigation underline.
22
+ - **MUST:** Define a deliberate narrow-width overflow or wrapping policy without clipping triggers or indicator focus.
23
+ - **MUST:** Load styles.css or core.css plus tabs.css.
24
+
25
+ ## Common mistakes
26
+
27
+ - **Avoid:** Using Tabs for routes, clipping focus/indicator edges, or mismatching Trigger and Content values. **Instead:** Use navigation links for routes and keep complete paired tab anatomy.
28
+
29
+ ## Validation checklist
30
+
31
+ - Check automatic/manual activation, arrows, Home/End, Enter/Space, disabled, controlled, keep-mounted, overflow, focus rings, themes, zoom, and RTL.
32
+ - Confirm CSS is loaded.
33
+
34
+ ## Related guidance
35
+
36
+ - `accordion`
37
+ - `navigation-menu`
38
+ - `bottom-navigation`
39
+ - `scroll-area`
@@ -0,0 +1,65 @@
1
+ {
2
+ "schema": "flowstack.agent-component.v1",
3
+ "id": "text",
4
+ "name": "Text",
5
+ "package": "@flowstack-ui/brick",
6
+ "layer": "brick",
7
+ "kind": "component",
8
+ "purpose": "Apply Brick typography roles, sizes, tones, weight, alignment, and wrapping while preserving the chosen semantic text element.",
9
+ "useWhen": [
10
+ "Interface copy needs Brick typography, including headings, paragraphs, short editorial eyebrows, captions, metadata, or inline text."
11
+ ],
12
+ "avoidWhen": [
13
+ {
14
+ "condition": "A component such as Button, Link, Field.Label, Card.Title, or Badge already owns the text role.",
15
+ "useInstead": "that component's named text part"
16
+ }
17
+ ],
18
+ "composition": [
19
+ "Choose the semantic element first, then select the closest Brick text role, size, and tone; use Stack for text layout rather than wrapper spans."
20
+ ],
21
+ "rules": [
22
+ {
23
+ "id": "text-semantics",
24
+ "level": "must",
25
+ "statement": "Do not choose heading or paragraph semantics solely from the desired font size."
26
+ },
27
+ {
28
+ "id": "text-brick-first",
29
+ "level": "must",
30
+ "statement": "Use Text for standalone styled interface copy instead of native spans plus duplicate typography CSS."
31
+ },
32
+ {
33
+ "id": "text-readable",
34
+ "level": "must",
35
+ "statement": "Preserve readable body sizing, line height, measure, contrast, and user font scaling."
36
+ },
37
+ {
38
+ "id": "text-eyebrow",
39
+ "level": "must",
40
+ "statement": "Reserve variant=eyebrow for short labels that introduce a nearby heading; use body text for explanatory sentences and Badge for passive status or category content."
41
+ },
42
+ {
43
+ "id": "text-css",
44
+ "level": "must",
45
+ "statement": "Load styles.css or core.css plus text.css."
46
+ }
47
+ ],
48
+ "commonMistakes": [
49
+ {
50
+ "mistake": "Using five spans to build brand text, selecting all-caps eyebrow styling for paragraph descriptions, or setting headings from appearance.",
51
+ "correction": "Use Text with semantic elements and reserve display treatments for their intended short roles."
52
+ }
53
+ ],
54
+ "validation": [
55
+ "Check heading order, semantics, line length, wrapping, truncation, user font scaling, zoom, contrast, themes, and RTL.",
56
+ "Confirm parent component text parts are not bypassed and CSS is loaded."
57
+ ],
58
+ "related": [
59
+ "stack",
60
+ "link",
61
+ "card",
62
+ "field",
63
+ "badge"
64
+ ]
65
+ }
@@ -0,0 +1,42 @@
1
+ # Text agent guide
2
+
3
+ ## Purpose
4
+
5
+ Apply Brick typography roles, sizes, tones, weight, alignment, and wrapping while preserving the chosen semantic text element.
6
+
7
+ ## Use when
8
+
9
+ - Interface copy needs Brick typography, including headings, paragraphs, short editorial eyebrows, captions, metadata, or inline text.
10
+
11
+ ## Choose something else when
12
+
13
+ - A component such as Button, Link, Field.Label, Card.Title, or Badge already owns the text role. Use that component's named text part.
14
+
15
+ ## Required composition
16
+
17
+ - Choose the semantic element first, then select the closest Brick text role, size, and tone; use Stack for text layout rather than wrapper spans.
18
+
19
+ ## Rules
20
+
21
+ - **MUST:** Do not choose heading or paragraph semantics solely from the desired font size.
22
+ - **MUST:** Use Text for standalone styled interface copy instead of native spans plus duplicate typography CSS.
23
+ - **MUST:** Preserve readable body sizing, line height, measure, contrast, and user font scaling.
24
+ - **MUST:** Reserve variant=eyebrow for short labels that introduce a nearby heading; use body text for explanatory sentences and Badge for passive status or category content.
25
+ - **MUST:** Load styles.css or core.css plus text.css.
26
+
27
+ ## Common mistakes
28
+
29
+ - **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.
30
+
31
+ ## Validation checklist
32
+
33
+ - Check heading order, semantics, line length, wrapping, truncation, user font scaling, zoom, contrast, themes, and RTL.
34
+ - Confirm parent component text parts are not bypassed and CSS is loaded.
35
+
36
+ ## Related guidance
37
+
38
+ - `stack`
39
+ - `link`
40
+ - `card`
41
+ - `field`
42
+ - `badge`
@@ -0,0 +1,48 @@
1
+ {
2
+ "schema": "flowstack.agent-component.v1",
3
+ "id": "textarea",
4
+ "name": "Textarea",
5
+ "package": "@flowstack-ui/brick",
6
+ "layer": "brick",
7
+ "kind": "component",
8
+ "purpose": "Render finished native multi-line text entry with Brick sizing, states, resize policy, and Atom field integration.",
9
+ "useWhen": [
10
+ "The user enters sentences, paragraphs, notes, or other multi-line text."
11
+ ],
12
+ "avoidWhen": [
13
+ {
14
+ "condition": "The expected value is short and single-line.",
15
+ "useInstead": "Input"
16
+ }
17
+ ],
18
+ "composition": [
19
+ "Place Textarea inside one Field.Root after Field.Label and add description or character guidance when useful."
20
+ ],
21
+ "rules": [
22
+ {
23
+ "id": "textarea-label",
24
+ "level": "must",
25
+ "statement": "Use a persistent accessible label."
26
+ },
27
+ {
28
+ "id": "textarea-css",
29
+ "level": "must",
30
+ "statement": "Load styles.css or core.css plus textarea.css and field.css when composed with Field."
31
+ }
32
+ ],
33
+ "commonMistakes": [
34
+ {
35
+ "mistake": "Using a single-line Input for long freeform content.",
36
+ "correction": "Use Textarea and allow a usable multi-line measure."
37
+ }
38
+ ],
39
+ "validation": [
40
+ "Inspect label, name, and messaging relationships.",
41
+ "Test multi-line entry, resize policy, narrow widths, invalid/disabled states, and contrast."
42
+ ],
43
+ "related": [
44
+ "@flowstack-ui/atom/agents/textarea",
45
+ "field",
46
+ "input"
47
+ ]
48
+ }
@@ -0,0 +1,37 @@
1
+ # Textarea agent guide
2
+
3
+ ## Purpose
4
+
5
+ Render finished native multi-line text entry with Brick sizing, states, resize policy, and Atom field integration.
6
+
7
+ ## Use when
8
+
9
+ - The user enters sentences, paragraphs, notes, or other multi-line text.
10
+
11
+ ## Choose something else when
12
+
13
+ - The expected value is short and single-line. Use Input.
14
+
15
+ ## Required composition
16
+
17
+ - Place Textarea inside one Field.Root after Field.Label and add description or character guidance when useful.
18
+
19
+ ## Rules
20
+
21
+ - **MUST:** Use a persistent accessible label.
22
+ - **MUST:** Load styles.css or core.css plus textarea.css and field.css when composed with Field.
23
+
24
+ ## Common mistakes
25
+
26
+ - **Avoid:** Using a single-line Input for long freeform content. **Instead:** Use Textarea and allow a usable multi-line measure.
27
+
28
+ ## Validation checklist
29
+
30
+ - Inspect label, name, and messaging relationships.
31
+ - Test multi-line entry, resize policy, narrow widths, invalid/disabled states, and contrast.
32
+
33
+ ## Related guidance
34
+
35
+ - `@flowstack-ui/atom/agents/textarea`
36
+ - `field`
37
+ - `input`
@@ -0,0 +1,55 @@
1
+ {
2
+ "schema": "flowstack.agent-component.v1",
3
+ "id": "toolbar",
4
+ "name": "Toolbar",
5
+ "package": "@flowstack-ui/brick",
6
+ "layer": "brick",
7
+ "kind": "component",
8
+ "purpose": "Style one logical group of related commands with Atom toolbar semantics and roving keyboard focus.",
9
+ "useWhen": [
10
+ "Related editor or application controls should behave as one horizontal or vertical keyboard group."
11
+ ],
12
+ "avoidWhen": [
13
+ {
14
+ "condition": "The items are navigation destinations or unrelated standalone actions.",
15
+ "useInstead": "NavigationMenu/NavList or separate Button and IconButton controls"
16
+ }
17
+ ],
18
+ "composition": [
19
+ "Compose Button, Link, Separator, and ToggleGroup/ToggleItem parts inside a named Root; use Brick icons and concise visible or accessible labels."
20
+ ],
21
+ "rules": [
22
+ {
23
+ "id": "toolbar-owner",
24
+ "level": "must",
25
+ "statement": "Use Toolbar rather than adding manual arrow-key handlers or role=toolbar to an AppBar row."
26
+ },
27
+ {
28
+ "id": "toolbar-overflow",
29
+ "level": "must",
30
+ "statement": "Define a deliberate narrow-width wrap, scroll, or alternative composition without breaking roving focus order."
31
+ },
32
+ {
33
+ "id": "toolbar-css",
34
+ "level": "must",
35
+ "statement": "Load styles.css or core.css plus toolbar.css and any composed Icon stylesheet."
36
+ }
37
+ ],
38
+ "commonMistakes": [
39
+ {
40
+ "mistake": "Using AppBar.Toolbar as the behavior owner or placing unrelated page actions in one roving group.",
41
+ "correction": "Compose a named Toolbar only around logically related controls."
42
+ }
43
+ ],
44
+ "validation": [
45
+ "Test orientation, arrows, disabled items, links, toggles, separators, Tab entry/exit, focus rings, touch targets, overflow, themes, zoom, and RTL.",
46
+ "Confirm names and CSS delivery."
47
+ ],
48
+ "related": [
49
+ "app-bar",
50
+ "button",
51
+ "icon-button",
52
+ "toggle-group",
53
+ "divider"
54
+ ]
55
+ }
@@ -0,0 +1,40 @@
1
+ # Toolbar agent guide
2
+
3
+ ## Purpose
4
+
5
+ Style one logical group of related commands with Atom toolbar semantics and roving keyboard focus.
6
+
7
+ ## Use when
8
+
9
+ - Related editor or application controls should behave as one horizontal or vertical keyboard group.
10
+
11
+ ## Choose something else when
12
+
13
+ - The items are navigation destinations or unrelated standalone actions. Use NavigationMenu/NavList or separate Button and IconButton controls.
14
+
15
+ ## Required composition
16
+
17
+ - Compose Button, Link, Separator, and ToggleGroup/ToggleItem parts inside a named Root; use Brick icons and concise visible or accessible labels.
18
+
19
+ ## Rules
20
+
21
+ - **MUST:** Use Toolbar rather than adding manual arrow-key handlers or role=toolbar to an AppBar row.
22
+ - **MUST:** Define a deliberate narrow-width wrap, scroll, or alternative composition without breaking roving focus order.
23
+ - **MUST:** Load styles.css or core.css plus toolbar.css and any composed Icon stylesheet.
24
+
25
+ ## Common mistakes
26
+
27
+ - **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.
28
+
29
+ ## Validation checklist
30
+
31
+ - Test orientation, arrows, disabled items, links, toggles, separators, Tab entry/exit, focus rings, touch targets, overflow, themes, zoom, and RTL.
32
+ - Confirm names and CSS delivery.
33
+
34
+ ## Related guidance
35
+
36
+ - `app-bar`
37
+ - `button`
38
+ - `icon-button`
39
+ - `toggle-group`
40
+ - `divider`
@@ -1,6 +1,7 @@
1
1
  import { type HTMLAttributes } from "react";
2
2
  import { type AlertDialogActionProps as AtomAlertDialogActionProps, type AlertDialogCancelProps as AtomAlertDialogCancelProps, type AlertDialogContentProps as AtomAlertDialogContentProps, type AlertDialogDescriptionProps as AtomAlertDialogDescriptionProps, type AlertDialogOverlayProps as AtomAlertDialogOverlayProps, type AlertDialogPortalProps as AtomAlertDialogPortalProps, type AlertDialogRootProps as AtomAlertDialogRootProps, type AlertDialogTitleProps as AtomAlertDialogTitleProps, type AlertDialogTriggerProps as AtomAlertDialogTriggerProps } from "@flowstack-ui/atom/alert-dialog";
3
3
  export type AlertDialogSize = "sm" | "md";
4
+ export type AlertDialogFooterJustify = "start" | "center" | "end" | "between";
4
5
  export type AlertDialogRootProps = AtomAlertDialogRootProps;
5
6
  export type AlertDialogTriggerProps = AtomAlertDialogTriggerProps;
6
7
  export type AlertDialogPortalProps = AtomAlertDialogPortalProps;
@@ -15,6 +16,8 @@ export type AlertDialogBodyProps = HTMLAttributes<HTMLDivElement> & {
15
16
  "data-slot"?: string;
16
17
  };
17
18
  export type AlertDialogFooterProps = HTMLAttributes<HTMLDivElement> & {
19
+ /** Logical response distribution. @default "end" */
20
+ justify?: AlertDialogFooterJustify;
18
21
  "data-slot"?: string;
19
22
  };
20
23
  export type AlertDialogTitleProps = AtomAlertDialogTitleProps;
@@ -35,6 +38,8 @@ export declare const AlertDialogBody: import("react").ForwardRefExoticComponent<
35
38
  "data-slot"?: string;
36
39
  } & import("react").RefAttributes<HTMLDivElement>>;
37
40
  export declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
41
+ /** Logical response distribution. @default "end" */
42
+ justify?: AlertDialogFooterJustify;
38
43
  "data-slot"?: string;
39
44
  } & import("react").RefAttributes<HTMLDivElement>>;
40
45
  export declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<AtomAlertDialogCancelProps & import("react").RefAttributes<HTMLElement>>;
@@ -54,6 +59,8 @@ export declare const AlertDialog: Readonly<{
54
59
  "data-slot"?: string;
55
60
  } & import("react").RefAttributes<HTMLDivElement>>;
56
61
  Footer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
62
+ /** Logical response distribution. @default "end" */
63
+ justify?: AlertDialogFooterJustify;
57
64
  "data-slot"?: string;
58
65
  } & import("react").RefAttributes<HTMLDivElement>>;
59
66
  Cancel: import("react").ForwardRefExoticComponent<AtomAlertDialogCancelProps & import("react").RefAttributes<HTMLElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,2BAA2B,IAAI,+BAA+B,EACnE,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,oBAAoB,IAAI,wBAAwB,EACrD,KAAK,qBAAqB,IAAI,yBAAyB,EACvD,KAAK,uBAAuB,IAAI,2BAA2B,EAC5D,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,2BAA2B,EAAE,UAAU,CAAC,CAAC;AACpF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AACD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAUhE,eAAO,MAAM,eAAe,kEAAuB,CAAC;AACpD,eAAO,MAAM,iBAAiB,oEAAyB,CAAC;AAExD,eAAO,MAAM,kBAAkB,qHAW9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,oHAe7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,oHAgB7B,CAAC;AAEH,eAAO,MAAM,iBAAiB;kBAxEd,MAAM;kDAuFpB,CAAC;AAEH,eAAO,MAAM,gBAAgB,0HAe3B,CAAC;AAEH,eAAO,MAAM,sBAAsB,kIAejC,CAAC;AAEH,eAAO,MAAM,eAAe;kBAxHZ,MAAM;kDAmIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAlId,MAAM;kDAiJpB,CAAC;AAEH,eAAO,MAAM,iBAAiB,oHAW7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oHAW7B,CAAC;AAaF,eAAO,MAAM,WAAW;;;;;;;sBA9LR,MAAM;;;;;sBAGN,MAAM;;;sBAGN,MAAM;;;;EAqMpB,CAAC"}
1
+ {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,2BAA2B,IAAI,+BAA+B,EACnE,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,sBAAsB,IAAI,0BAA0B,EACzD,KAAK,oBAAoB,IAAI,wBAAwB,EACrD,KAAK,qBAAqB,IAAI,yBAAyB,EACvD,KAAK,uBAAuB,IAAI,2BAA2B,EAC5D,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,CAAC;AAClE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,2BAA2B,EAAE,UAAU,CAAC,CAAC;AACpF,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AACD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,oDAAoD;IACpD,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,2BAA2B,GAAG,+BAA+B,CAAC;AAC1E,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAUhE,eAAO,MAAM,eAAe,kEAAuB,CAAC;AACpD,eAAO,MAAM,iBAAiB,oEAAyB,CAAC;AAExD,eAAO,MAAM,kBAAkB,qHAW9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,oHAe7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,oHAgB7B,CAAC;AAEH,eAAO,MAAM,iBAAiB;kBA1Ed,MAAM;kDAyFpB,CAAC;AAEH,eAAO,MAAM,gBAAgB,0HAe3B,CAAC;AAEH,eAAO,MAAM,sBAAsB,kIAejC,CAAC;AAEH,eAAO,MAAM,eAAe;kBA1HZ,MAAM;kDAqIrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;IApI5B,oDAAoD;cAC1C,wBAAwB;kBACpB,MAAM;kDAkJpB,CAAC;AAEH,eAAO,MAAM,iBAAiB,oHAW7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oHAW7B,CAAC;AAaF,eAAO,MAAM,WAAW;;;;;;;sBAjMR,MAAM;;;;;sBAGN,MAAM;;;QAGpB,oDAAoD;kBAC1C,wBAAwB;sBACpB,MAAM;;;;EAsMpB,CAAC"}
@@ -30,8 +30,8 @@ export const AlertDialogDescription = forwardRef(function AlertDialogDescription
30
30
  export const AlertDialogBody = forwardRef(function AlertDialogBody({ className, "data-slot": dataSlot, ...props }, ref) {
31
31
  return (_jsx("div", { ...props, className: mergeClassName("brick-alert-dialog-body", className), "data-slot": slotOrDefault(dataSlot, "alert-dialog-body"), ref: ref }));
32
32
  });
33
- export const AlertDialogFooter = forwardRef(function AlertDialogFooter({ className, "data-slot": dataSlot, ...props }, ref) {
34
- return (_jsx("div", { ...props, className: mergeClassName("brick-alert-dialog-footer", className), "data-slot": slotOrDefault(dataSlot, "alert-dialog-footer"), ref: ref }));
33
+ export const AlertDialogFooter = forwardRef(function AlertDialogFooter({ className, justify = "end", "data-slot": dataSlot, ...props }, ref) {
34
+ return (_jsx("div", { ...props, className: mergeClassName("brick-alert-dialog-footer", className), "data-justify": justify, "data-slot": slotOrDefault(dataSlot, "alert-dialog-footer"), ref: ref }));
35
35
  });
36
36
  export const AlertDialogCancel = forwardRef(function AlertDialogCancel({ className, "data-slot": dataSlot, ...props }, ref) {
37
37
  return (_jsx(AtomAlertDialog.Cancel, { ...props, className: mergeClassName("brick-alert-dialog-cancel", className), "data-slot": slotOrDefault(dataSlot, "alert-dialog-cancel"), ref: ref }));
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EACL,WAAW,IAAI,eAAe,GAU/B,MAAM,iCAAiC,CAAC;AAwBzC,SAAS,cAAc,CAAC,IAAY,EAAE,SAA6B;IACjE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED,SAAS,aAAa,CAAC,IAAwB,EAAE,QAAgB;IAC/D,OAAO,IAAI,IAAI,QAAQ,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC;AACpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7E,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,OAClB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,4BAA4B,EAAE,SAAS,CAAC,eACvD,aAAa,CAAC,QAAQ,EAAE,sBAAsB,CAAC,EAC1D,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,SAAS,kBAAkB,CAC3B,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,OAClB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,4BAA4B,EAAE,SAAS,CAAC,eACvD,aAAa,CAAC,QAAQ,EAAE,sBAAsB,CAAC,EAC1D,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,SAAS,kBAAkB,CAC3B,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC3D,GAAG;IAEH,OAAO,CACL,KAAC,eAAe,CAAC,OAAO,OAClB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,4BAA4B,EAAE,SAAS,CAAC,eACvD,IAAI,eACJ,aAAa,CAAC,QAAQ,EAAE,sBAAsB,CAAC,EAC1D,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,SAAS,iBAAiB,CAC1B,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,2BAA2B,EAAE,SAAS,CAAC,eACtD,aAAa,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACzD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CACzB,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,OAChB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,0BAA0B,EAAE,SAAS,CAAC,eACrD,aAAa,CAAC,QAAQ,EAAE,oBAAoB,CAAC,EACxD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,UAAU,CAG9C,SAAS,sBAAsB,CAC/B,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,OACtB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,gCAAgC,EAAE,SAAS,CAAC,eAC3D,aAAa,CAAC,QAAQ,EAAE,0BAA0B,CAAC,EAC9D,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC1E,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,yBAAyB,EAAE,SAAS,CAAC,eACpD,aAAa,CAAC,QAAQ,EAAE,mBAAmB,CAAC,EACvD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,SAAS,iBAAiB,CAC1B,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9C,GAAG;IAEH,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,2BAA2B,EAAE,SAAS,CAAC,eACtD,aAAa,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACzD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5E,OAAO,CACL,KAAC,eAAe,CAAC,MAAM,OACjB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,2BAA2B,EAAE,SAAS,CAAC,eACtD,aAAa,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACzD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC5E,OAAO,CACL,KAAC,eAAe,CAAC,MAAM,OACjB,KAAK,EACT,SAAS,EAAE,cAAc,CAAC,2BAA2B,EAAE,SAAS,CAAC,eACtD,aAAa,CAAC,QAAQ,EAAE,qBAAqB,CAAC,EACzD,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACvD,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACvD,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AACvD,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACrD,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACnD,sBAAsB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAC/D,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC;AACjD,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACrD,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACrD,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,sBAAsB;IACnC,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;CAC1B,CAAC,CAAC"}
1
+ {"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/AlertDialog.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogRootProps, type AlertDialogSize, type AlertDialogTitleProps, type AlertDialogTriggerProps, } from "./AlertDialog.js";
1
+ export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, type AlertDialogActionProps, type AlertDialogBodyProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogFooterJustify, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogRootProps, type AlertDialogSize, type AlertDialogTitleProps, type AlertDialogTriggerProps, } from "./AlertDialog.js";
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GAcnB,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GAenB,MAAM,kBAAkB,CAAC"}
@@ -1,12 +1,12 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
- import { Button as AtomButton, } from "@flowstack-ui/atom/button";
3
+ import { ButtonRoot as AtomButtonRoot, } from "@flowstack-ui/atom/button";
4
4
  function mergeClassName(className) {
5
5
  return className ? `brick-button ${className}` : "brick-button";
6
6
  }
7
7
  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) {
8
8
  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] }));
9
- 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 }));
9
+ 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 }));
10
10
  });
11
11
  Button.displayName = "Button";
12
12
  //# sourceMappingURL=Button.js.map
@@ -1 +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"}
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,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"}
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
- import { Badge as AtomBadge, } from "@flowstack-ui/atom/badge";
4
- import { Button as AtomButton, } from "@flowstack-ui/atom/button";
3
+ import { BadgeRoot as AtomBadgeRoot, } from "@flowstack-ui/atom/badge";
4
+ import { ButtonRoot as AtomButtonRoot, } from "@flowstack-ui/atom/button";
5
5
  function classes(base, className) {
6
6
  return className ? `${base} ${className}` : base;
7
7
  }
@@ -9,13 +9,13 @@ function DefaultRemoveIcon() {
9
9
  return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", children: _jsx("path", { d: "m4 4 8 8M12 4l-8 8" }) }));
10
10
  }
11
11
  export const ChipRoot = forwardRef(function ChipRoot({ className, shape = "pill", size = "md", tone = "neutral", variant = "soft", ...props }, ref) {
12
- return (_jsx(AtomBadge.Root, { ...props, className: classes("brick-chip", className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref }));
12
+ return (_jsx(AtomBadgeRoot, { ...props, className: classes("brick-chip", className), "data-shape": shape, "data-size": size, "data-tone": tone, "data-variant": variant, ref: ref }));
13
13
  });
14
14
  export const ChipLabel = forwardRef(function ChipLabel({ className, ...props }, ref) {
15
15
  return (_jsx("span", { ...props, className: classes("brick-chip__label", className), "data-slot": "chip-label", ref: ref }));
16
16
  });
17
17
  export const ChipRemoveTrigger = forwardRef(function ChipRemoveTrigger({ ariaLabel, children, className, disabled, "data-slot": dataSlot = "chip-remove-trigger", ...props }, ref) {
18
- 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, {}) }));
18
+ 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, {}) }));
19
19
  });
20
20
  ChipRoot.displayName = "Chip.Root";
21
21
  ChipLabel.displayName = "Chip.Label";
@@ -1 +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"}
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,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"}
@@ -2,6 +2,7 @@ import { type HTMLAttributes } from "react";
2
2
  import { type DialogCloseProps as AtomDialogCloseProps, type DialogContentProps as AtomDialogContentProps, type DialogDescriptionProps as AtomDialogDescriptionProps, type DialogOverlayProps as AtomDialogOverlayProps, type DialogPortalProps as AtomDialogPortalProps, type DialogTitleProps as AtomDialogTitleProps, type DialogTriggerProps as AtomDialogTriggerProps, type ModalRootProps as AtomModalRootProps } from "@flowstack-ui/atom/dialog";
3
3
  import { type ModalBranchProps as AtomModalBranchProps } from "@flowstack-ui/atom/modal";
4
4
  export type DialogSize = "sm" | "md" | "lg";
5
+ export type DialogFooterJustify = "start" | "center" | "end" | "between";
5
6
  export type DialogRootProps = AtomModalRootProps;
6
7
  export type DialogTriggerProps = AtomDialogTriggerProps;
7
8
  export type DialogPortalProps = AtomDialogPortalProps;
@@ -16,6 +17,8 @@ export type DialogBodyProps = HTMLAttributes<HTMLDivElement> & {
16
17
  "data-slot"?: string;
17
18
  };
18
19
  export type DialogFooterProps = HTMLAttributes<HTMLDivElement> & {
20
+ /** Logical action distribution. @default "end" */
21
+ justify?: DialogFooterJustify;
19
22
  "data-slot"?: string;
20
23
  };
21
24
  export type DialogTitleProps = AtomDialogTitleProps;
@@ -36,6 +39,8 @@ export declare const DialogBody: import("react").ForwardRefExoticComponent<HTMLA
36
39
  "data-slot"?: string;
37
40
  } & import("react").RefAttributes<HTMLDivElement>>;
38
41
  export declare const DialogFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
42
+ /** Logical action distribution. @default "end" */
43
+ justify?: DialogFooterJustify;
39
44
  "data-slot"?: string;
40
45
  } & import("react").RefAttributes<HTMLDivElement>>;
41
46
  export declare const DialogClose: import("react").ForwardRefExoticComponent<AtomDialogCloseProps & import("react").RefAttributes<HTMLElement>>;
@@ -55,6 +60,8 @@ export declare const Dialog: Readonly<{
55
60
  "data-slot"?: string;
56
61
  } & import("react").RefAttributes<HTMLDivElement>>;
57
62
  Footer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
63
+ /** Logical action distribution. @default "end" */
64
+ justify?: DialogFooterJustify;
58
65
  "data-slot"?: string;
59
66
  } & import("react").RefAttributes<HTMLDivElement>>;
60
67
  Close: import("react").ForwardRefExoticComponent<AtomDialogCloseProps & import("react").RefAttributes<HTMLElement>>;