@flowstack-ui/brick 0.1.0 → 0.1.2

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 (155) hide show
  1. package/README.md +20 -2
  2. package/dist/styles/accordion.css +2 -0
  3. package/dist/styles/accordion.css.map +1 -0
  4. package/dist/styles/alert-dialog.css +2 -0
  5. package/dist/styles/alert-dialog.css.map +1 -0
  6. package/dist/styles/app-bar.css +2 -0
  7. package/dist/styles/app-bar.css.map +1 -0
  8. package/dist/styles/aspect-ratio.css +2 -0
  9. package/dist/styles/aspect-ratio.css.map +1 -0
  10. package/dist/styles/avatar.css +2 -0
  11. package/dist/styles/avatar.css.map +1 -0
  12. package/dist/styles/badge.css +2 -0
  13. package/dist/styles/badge.css.map +1 -0
  14. package/dist/styles/bottom-navigation.css +2 -0
  15. package/dist/styles/bottom-navigation.css.map +1 -0
  16. package/dist/styles/breadcrumb.css +2 -0
  17. package/dist/styles/breadcrumb.css.map +1 -0
  18. package/dist/styles/button.css +2 -0
  19. package/dist/styles/button.css.map +1 -0
  20. package/dist/styles/card.css +2 -0
  21. package/dist/styles/card.css.map +1 -0
  22. package/dist/styles/checkbox-group.css +2 -0
  23. package/dist/styles/checkbox-group.css.map +1 -0
  24. package/dist/styles/checkbox.css +2 -0
  25. package/dist/styles/checkbox.css.map +1 -0
  26. package/dist/styles/chip.css +2 -0
  27. package/dist/styles/chip.css.map +1 -0
  28. package/dist/styles/code-block.css +2 -0
  29. package/dist/styles/code-block.css.map +1 -0
  30. package/dist/styles/code.css +2 -0
  31. package/dist/styles/code.css.map +1 -0
  32. package/dist/styles/collapsible.css +2 -0
  33. package/dist/styles/collapsible.css.map +1 -0
  34. package/dist/styles/combobox.css +2 -0
  35. package/dist/styles/combobox.css.map +1 -0
  36. package/dist/styles/container.css +2 -0
  37. package/dist/styles/container.css.map +1 -0
  38. package/dist/styles/context-menu.css +2 -0
  39. package/dist/styles/context-menu.css.map +1 -0
  40. package/dist/styles/core.css +2 -0
  41. package/dist/styles/core.css.map +1 -0
  42. package/dist/styles/data-grid.css +2 -0
  43. package/dist/styles/data-grid.css.map +1 -0
  44. package/dist/styles/dialog.css +2 -0
  45. package/dist/styles/dialog.css.map +1 -0
  46. package/dist/styles/divider.css +2 -0
  47. package/dist/styles/divider.css.map +1 -0
  48. package/dist/styles/drawer.css +2 -0
  49. package/dist/styles/drawer.css.map +1 -0
  50. package/dist/styles/dropdown-menu.css +2 -0
  51. package/dist/styles/dropdown-menu.css.map +1 -0
  52. package/dist/styles/feed.css +2 -0
  53. package/dist/styles/feed.css.map +1 -0
  54. package/dist/styles/field.css +2 -0
  55. package/dist/styles/field.css.map +1 -0
  56. package/dist/styles/fieldset.css +2 -0
  57. package/dist/styles/fieldset.css.map +1 -0
  58. package/dist/styles/file-upload.css +2 -0
  59. package/dist/styles/file-upload.css.map +1 -0
  60. package/dist/styles/form.css +2 -0
  61. package/dist/styles/form.css.map +1 -0
  62. package/dist/styles/grid.css +2 -0
  63. package/dist/styles/grid.css.map +1 -0
  64. package/dist/styles/hide.css +2 -0
  65. package/dist/styles/hide.css.map +1 -0
  66. package/dist/styles/hover-card.css +2 -0
  67. package/dist/styles/hover-card.css.map +1 -0
  68. package/dist/styles/icon-button.css +2 -0
  69. package/dist/styles/icon-button.css.map +1 -0
  70. package/dist/styles/icon.css +2 -0
  71. package/dist/styles/icon.css.map +1 -0
  72. package/dist/styles/image.css +2 -0
  73. package/dist/styles/image.css.map +1 -0
  74. package/dist/styles/input.css +2 -0
  75. package/dist/styles/input.css.map +1 -0
  76. package/dist/styles/link.css +2 -0
  77. package/dist/styles/link.css.map +1 -0
  78. package/dist/styles/list.css +2 -0
  79. package/dist/styles/list.css.map +1 -0
  80. package/dist/styles/menubar.css +2 -0
  81. package/dist/styles/menubar.css.map +1 -0
  82. package/dist/styles/multi-select.css +2 -0
  83. package/dist/styles/multi-select.css.map +1 -0
  84. package/dist/styles/nav-list.css +2 -0
  85. package/dist/styles/nav-list.css.map +1 -0
  86. package/dist/styles/navigation-menu.css +2 -0
  87. package/dist/styles/navigation-menu.css.map +1 -0
  88. package/dist/styles/number-input.css +2 -0
  89. package/dist/styles/number-input.css.map +1 -0
  90. package/dist/styles/otp-field.css +2 -0
  91. package/dist/styles/otp-field.css.map +1 -0
  92. package/dist/styles/pagination.css +2 -0
  93. package/dist/styles/pagination.css.map +1 -0
  94. package/dist/styles/password-toggle-field.css +2 -0
  95. package/dist/styles/password-toggle-field.css.map +1 -0
  96. package/dist/styles/popover.css +2 -0
  97. package/dist/styles/popover.css.map +1 -0
  98. package/dist/styles/progress-circle.css +2 -0
  99. package/dist/styles/progress-circle.css.map +1 -0
  100. package/dist/styles/progress.css +2 -0
  101. package/dist/styles/progress.css.map +1 -0
  102. package/dist/styles/radio-group.css +2 -0
  103. package/dist/styles/radio-group.css.map +1 -0
  104. package/dist/styles/rating.css +2 -0
  105. package/dist/styles/rating.css.map +1 -0
  106. package/dist/styles/scroll-area.css +2 -0
  107. package/dist/styles/scroll-area.css.map +1 -0
  108. package/dist/styles/select.css +2 -0
  109. package/dist/styles/select.css.map +1 -0
  110. package/dist/styles/show.css +2 -0
  111. package/dist/styles/show.css.map +1 -0
  112. package/dist/styles/sidebar.css +2 -0
  113. package/dist/styles/sidebar.css.map +1 -0
  114. package/dist/styles/skeleton.css +2 -0
  115. package/dist/styles/skeleton.css.map +1 -0
  116. package/dist/styles/skip-link.css +2 -0
  117. package/dist/styles/skip-link.css.map +1 -0
  118. package/dist/styles/slider.css +2 -0
  119. package/dist/styles/slider.css.map +1 -0
  120. package/dist/styles/stack.css +2 -0
  121. package/dist/styles/stack.css.map +1 -0
  122. package/dist/styles/surface.css +2 -0
  123. package/dist/styles/surface.css.map +1 -0
  124. package/dist/styles/swipeable-item.css +2 -0
  125. package/dist/styles/swipeable-item.css.map +1 -0
  126. package/dist/styles/switch.css +2 -0
  127. package/dist/styles/switch.css.map +1 -0
  128. package/dist/styles/table.css +2 -0
  129. package/dist/styles/table.css.map +1 -0
  130. package/dist/styles/tabs.css +2 -0
  131. package/dist/styles/tabs.css.map +1 -0
  132. package/dist/styles/text.css +2 -0
  133. package/dist/styles/text.css.map +1 -0
  134. package/dist/styles/textarea.css +2 -0
  135. package/dist/styles/textarea.css.map +1 -0
  136. package/dist/styles/toast.css +2 -0
  137. package/dist/styles/toast.css.map +1 -0
  138. package/dist/styles/toggle-group.css +2 -0
  139. package/dist/styles/toggle-group.css.map +1 -0
  140. package/dist/styles/toggle.css +2 -0
  141. package/dist/styles/toggle.css.map +1 -0
  142. package/dist/styles/toolbar.css +2 -0
  143. package/dist/styles/toolbar.css.map +1 -0
  144. package/dist/styles/tooltip.css +2 -0
  145. package/dist/styles/tooltip.css.map +1 -0
  146. package/dist/styles/tree-grid.css +2 -0
  147. package/dist/styles/tree-grid.css.map +1 -0
  148. package/dist/styles/tree.css +2 -0
  149. package/dist/styles/tree.css.map +1 -0
  150. package/dist/styles/visually-hidden.css +2 -0
  151. package/dist/styles/visually-hidden.css.map +1 -0
  152. package/dist/styles.css +1 -1
  153. package/dist/styles.css.map +1 -1
  154. package/docs/guides/installation.md +30 -2
  155. package/package.json +2 -1
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-chip{--brick-chip-background:var(--brick-color-surface-subtle);--brick-chip-foreground:var(--brick-color-text-primary);--brick-chip-border-color:transparent;--brick-chip-radius:var(--brick-radius-full);--brick-chip-min-block-size:2rem;--brick-chip-padding-inline-start:.625rem;--brick-chip-padding-inline-end:.25rem;--brick-chip-gap:.375rem;--brick-chip-font-size:var(--brick-typography-control-sm-font-size);--brick-chip-leading-size:1.25rem;--brick-chip-remove-size:1.5rem;--brick-chip-remove-foreground:var(--brick-color-text-secondary);--brick-chip-remove-background:transparent;--brick-chip-remove-hover-background:var(--brick-color-surface-raised);--brick-chip-remove-active-background:var(--brick-color-surface-muted);box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-chip-min-block-size);align-items:center;gap:var(--brick-chip-gap);max-inline-size:100%;padding-block:0;padding-inline:var(--brick-chip-padding-inline-start) var(--brick-chip-padding-inline-end);border:var(--brick-border-width) solid var(--brick-chip-border-color);border-radius:var(--brick-chip-radius);background:var(--brick-chip-background);color:var(--brick-chip-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-chip-font-size);font-weight:var(--brick-typography-control-sm-font-weight);letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);vertical-align:middle;display:inline-flex}.brick-chip:not(:has(.brick-chip__remove-trigger)){padding-inline-end:var(--brick-chip-padding-inline-start)}.brick-chip[data-tone=accent]{--brick-chip-background:var(--brick-color-accent-soft);--brick-chip-foreground:var(--brick-color-accent-on-soft);--brick-chip-border-color:var(--brick-color-accent-border);--brick-chip-remove-foreground:var(--brick-color-accent-text);--brick-chip-remove-hover-background:var(--brick-color-accent-subtle);--brick-chip-remove-active-background:var(--brick-color-accent-soft)}.brick-chip[data-variant=outline]{--brick-chip-background:transparent;--brick-chip-border-color:var(--brick-color-border-strong)}.brick-chip[data-shape=rounded]{--brick-chip-radius:var(--brick-radius-control)}.brick-chip[data-size=sm]{--brick-chip-min-block-size:1.75rem;--brick-chip-padding-inline-start:.5rem;--brick-chip-gap:.25rem;--brick-chip-font-size:var(--brick-typography-control-xs-font-size);--brick-chip-leading-size:1rem;--brick-chip-remove-size:1.5rem}.brick-chip[data-size=lg]{--brick-chip-min-block-size:2.25rem;--brick-chip-padding-inline-start:.75rem;--brick-chip-padding-inline-end:.375rem;--brick-chip-gap:.5rem;--brick-chip-font-size:var(--brick-typography-control-md-font-size);--brick-chip-leading-size:1.5rem;--brick-chip-remove-size:1.75rem}.brick-chip__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.brick-chip>:where(svg,img,.brick-avatar,.brick-icon):not(.brick-chip__remove-trigger){inline-size:var(--brick-chip-leading-size);block-size:var(--brick-chip-leading-size);flex:none}.brick-chip__remove-trigger{box-sizing:border-box;inline-size:var(--brick-chip-remove-size);block-size:var(--brick-chip-remove-size);border-radius:var(--brick-radius-full);appearance:none;background:var(--brick-chip-remove-background);min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--brick-chip-remove-foreground);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.brick-chip__remove-trigger>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.75px;block-size:.875rem;inline-size:.875rem}.brick-chip__remove-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}.brick-chip__remove-trigger[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.brick-chip__remove-trigger:not([data-disabled]):hover{background:var(--brick-chip-remove-hover-background)}}.brick-chip__remove-trigger:not([data-disabled]):active{background:var(--brick-chip-remove-active-background)}@media (prefers-reduced-motion:reduce){.brick-chip__remove-trigger{transition:none}}@media (forced-colors:active){.brick-chip{border-color:canvastext}.brick-chip__remove-trigger{color:buttontext}.brick-chip__remove-trigger:focus-visible{outline-color:highlight}.brick-chip__remove-trigger[data-disabled]{color:graytext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=chip.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,29CAsCA,6GAIA,mZASA,iIAKA,gFAIA,iQASA,4SAUA,+FAOA,sLAMA,qZAkBA,8IASA,gLAKA,qGAKA,wCACE,6GAKF,8GAIA,uCACE,6CAGF,8BACE,oCACA,6CACA,kEACA,4DDpJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/chip.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/chip/chip.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/chip/chip.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-chip {\n --brick-chip-background: var(--brick-color-surface-subtle);\n --brick-chip-foreground: var(--brick-color-text-primary);\n --brick-chip-border-color: transparent;\n --brick-chip-radius: var(--brick-radius-full);\n --brick-chip-min-block-size: 2rem;\n --brick-chip-padding-inline-start: 0.625rem;\n --brick-chip-padding-inline-end: 0.25rem;\n --brick-chip-gap: 0.375rem;\n --brick-chip-font-size: var(--brick-typography-control-sm-font-size);\n --brick-chip-leading-size: 1.25rem;\n --brick-chip-remove-size: 1.5rem;\n --brick-chip-remove-foreground: var(--brick-color-text-secondary);\n --brick-chip-remove-background: transparent;\n --brick-chip-remove-hover-background: var(--brick-color-surface-raised);\n --brick-chip-remove-active-background: var(--brick-color-surface-muted);\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-chip-min-block-size);\n max-inline-size: 100%;\n align-items: center;\n gap: var(--brick-chip-gap);\n padding-block: 0;\n padding-inline: var(--brick-chip-padding-inline-start) var(--brick-chip-padding-inline-end);\n border: var(--brick-border-width) solid var(--brick-chip-border-color);\n border-radius: var(--brick-chip-radius);\n background: var(--brick-chip-background);\n color: var(--brick-chip-foreground);\n font-family: var(--brick-typography-control-sm-font-family);\n font-size: var(--brick-chip-font-size);\n font-weight: var(--brick-typography-control-sm-font-weight);\n letter-spacing: var(--brick-typography-control-sm-letter-spacing);\n line-height: var(--brick-typography-control-sm-line-height);\n vertical-align: middle;\n }\n\n .brick-chip:not(:has(.brick-chip__remove-trigger)) {\n padding-inline-end: var(--brick-chip-padding-inline-start);\n }\n\n .brick-chip[data-tone=\"accent\"] {\n --brick-chip-background: var(--brick-color-accent-soft);\n --brick-chip-foreground: var(--brick-color-accent-on-soft);\n --brick-chip-border-color: var(--brick-color-accent-border);\n --brick-chip-remove-foreground: var(--brick-color-accent-text);\n --brick-chip-remove-hover-background: var(--brick-color-accent-subtle);\n --brick-chip-remove-active-background: var(--brick-color-accent-soft);\n }\n\n .brick-chip[data-variant=\"outline\"] {\n --brick-chip-background: transparent;\n --brick-chip-border-color: var(--brick-color-border-strong);\n }\n\n .brick-chip[data-shape=\"rounded\"] {\n --brick-chip-radius: var(--brick-radius-control);\n }\n\n .brick-chip[data-size=\"sm\"] {\n --brick-chip-min-block-size: 1.75rem;\n --brick-chip-padding-inline-start: 0.5rem;\n --brick-chip-gap: 0.25rem;\n --brick-chip-font-size: var(--brick-typography-control-xs-font-size);\n --brick-chip-leading-size: 1rem;\n --brick-chip-remove-size: 1.5rem;\n }\n\n .brick-chip[data-size=\"lg\"] {\n --brick-chip-min-block-size: 2.25rem;\n --brick-chip-padding-inline-start: 0.75rem;\n --brick-chip-padding-inline-end: 0.375rem;\n --brick-chip-gap: 0.5rem;\n --brick-chip-font-size: var(--brick-typography-control-md-font-size);\n --brick-chip-leading-size: 1.5rem;\n --brick-chip-remove-size: 1.75rem;\n }\n\n .brick-chip__label {\n min-inline-size: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-chip > :where(svg, img, .brick-avatar, .brick-icon):not(.brick-chip__remove-trigger) {\n inline-size: var(--brick-chip-leading-size);\n block-size: var(--brick-chip-leading-size);\n flex: none;\n }\n\n .brick-chip__remove-trigger {\n display: inline-grid;\n box-sizing: border-box;\n flex: none;\n inline-size: var(--brick-chip-remove-size);\n block-size: var(--brick-chip-remove-size);\n min-inline-size: 1.5rem;\n min-block-size: 1.5rem;\n place-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n appearance: none;\n background: var(--brick-chip-remove-background);\n color: var(--brick-chip-remove-foreground);\n cursor: pointer;\n }\n\n .brick-chip__remove-trigger > svg {\n inline-size: 0.875rem;\n block-size: 0.875rem;\n fill: none;\n stroke: currentColor;\n stroke-linecap: round;\n stroke-width: 1.75;\n }\n\n .brick-chip__remove-trigger:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: calc(-1 * var(--brick-border-focus-width));\n }\n\n .brick-chip__remove-trigger[data-disabled] {\n color: var(--brick-color-text-disabled);\n cursor: not-allowed;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-chip__remove-trigger:not([data-disabled]):hover {\n background: var(--brick-chip-remove-hover-background);\n }\n }\n\n .brick-chip__remove-trigger:not([data-disabled]):active {\n background: var(--brick-chip-remove-active-background);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-chip__remove-trigger { transition: none; }\n }\n\n @media (forced-colors: active) {\n .brick-chip { border-color: CanvasText; }\n .brick-chip__remove-trigger { color: ButtonText; }\n .brick-chip__remove-trigger:focus-visible { outline-color: Highlight; }\n .brick-chip__remove-trigger[data-disabled] { color: GrayText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-secondary)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-surface);--brick-code-block-selection-foreground:var(--brick-color-accent-text);box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding)}.brick-code-block-pre{min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=code-block.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIE1CA,0tEAwDA,iEAIA,yJAKA,+JAKA,wMAKA,gGAIA,oLAOA,wDAKA,wCAIA,0GAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,osBAiBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,6ED9SF,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,oHEhDF,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,mECvCF,0yCA2BA,iKAKA,+GAKA,2jBAUA,gPASA,qSASA,8NAKA,4GAOA,mDAEA,+FAKA,wUAYA,8HAMA,0FAMA,6IAKA,6SAOA,6EAEA,8BACE,+SL5HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/code-block.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code-block/code-block.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";\n@import \"../../src/components/code/code.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";\n@import \"../../src/components/code-block/code-block.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n inline-size: var(--brick-action-spinner-size);\n block-size: var(--brick-action-spinner-size);\n border: 0.125rem solid transparent;\n border-block-start-color: var(--brick-action-spinner-color);\n border-inline-end-color: var(--brick-action-spinner-color);\n border-radius: var(--brick-radius-full);\n content: \"\";\n animation: brick-action-spinner-spin 700ms linear infinite;\n }\n\n :where([dir=\"rtl\"])\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-name: brick-action-spinner-spin-rtl;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-duration: 1400ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n border-block-start-color: ButtonText;\n border-inline-end-color: ButtonText;\n }\n }\n\n @keyframes brick-action-spinner-spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n }\n\n @keyframes brick-action-spinner-spin-rtl {\n from {\n transform: translate(50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(50%, -50%) rotate(360deg);\n }\n }\n}\n","@layer brick.components {\n .brick-code {\n --brick-code-foreground: var(--brick-color-text-primary);\n --brick-code-background: var(--brick-color-surface-subtle);\n --brick-code-border-color: var(--brick-color-border-subtle);\n --brick-code-border-width: var(--brick-border-width);\n --brick-code-radius: var(--brick-radius-subtle);\n --brick-code-padding-block: 0.0625em;\n --brick-code-padding-inline: 0.3em;\n --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n box-decoration-break: clone;\n padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n border-radius: var(--brick-code-radius);\n background: var(--brick-code-background);\n color: var(--brick-code-foreground);\n font-family: var(--brick-code-font-family);\n font-size: var(--brick-code-font-size);\n font-weight: var(--brick-code-font-weight);\n letter-spacing: var(--brick-code-letter-spacing);\n line-height: var(--brick-code-line-height);\n overflow-wrap: anywhere;\n white-space: normal;\n -webkit-box-decoration-break: clone;\n }\n\n .brick-code[data-variant=\"plain\"] {\n --brick-code-background: transparent;\n --brick-code-border-width: 0rem;\n --brick-code-padding-block: 0em;\n --brick-code-padding-inline: 0em;\n }\n\n .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n .brick-code[data-size=\"sm\"] {\n --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n }\n .brick-code[data-size=\"md\"] {\n --brick-code-font-size: var(--brick-typography-body-md-font-size);\n --brick-code-line-height: var(--brick-typography-body-md-line-height);\n }\n\n @media (forced-colors: active) {\n .brick-code {\n --brick-code-foreground: CanvasText;\n --brick-code-background: Canvas;\n --brick-code-border-color: CanvasText;\n }\n }\n}\n","@layer brick.components {\n .brick-button {\n --brick-button-background: var(--brick-button-tone-solid);\n --brick-button-background-hover: var(--brick-button-tone-solid-hover);\n --brick-button-background-pressed: var(--brick-button-tone-solid-pressed);\n --brick-button-foreground: var(--brick-button-tone-on-solid);\n --brick-button-border-color: var(--brick-button-background);\n --brick-button-focus-ring: var(--brick-color-focus-ring);\n --brick-button-min-block-size: var(--brick-control-min-block-size-md);\n --brick-button-padding-block: 0.5rem;\n --brick-button-padding-inline: 1rem;\n --brick-button-gap: 0.5rem;\n --brick-button-radius: var(--brick-radius-control);\n --brick-button-font-family: var(--brick-typography-control-md-font-family);\n --brick-button-font-size: var(--brick-typography-control-md-font-size);\n --brick-button-font-weight: var(--brick-typography-control-md-font-weight);\n --brick-button-line-height: var(--brick-typography-control-md-line-height);\n --brick-button-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n --brick-button-icon-size: 1.125rem;\n --brick-action-spinner-size: 1em;\n --brick-action-spinner-color: var(\n --brick-button-spinner-color,\n var(--brick-button-foreground)\n );\n\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n min-block-size: var(--brick-button-min-block-size);\n align-items: center;\n justify-content: center;\n gap: var(--brick-button-gap);\n padding-block: var(--brick-button-padding-block);\n padding-inline: var(--brick-button-padding-inline);\n border: var(--brick-border-width) solid var(--brick-button-border-color);\n border-radius: var(--brick-button-radius);\n appearance: none;\n background: var(--brick-button-background);\n color: var(--brick-button-foreground);\n font-family: var(--brick-button-font-family);\n font-size: var(--brick-button-font-size);\n font-weight: var(--brick-button-font-weight);\n letter-spacing: var(--brick-button-letter-spacing);\n line-height: var(--brick-button-line-height);\n text-align: center;\n text-decoration: none;\n overflow-wrap: anywhere;\n user-select: none;\n vertical-align: middle;\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-button:not([data-disabled], [data-loading]) {\n cursor: pointer;\n }\n\n .brick-button:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-button-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-button:not([data-disabled], [data-loading]):active {\n background: var(--brick-button-background-pressed);\n border-color: var(--brick-button-background-pressed);\n }\n\n .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):active,\n .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):active {\n border-color: var(--brick-button-tone-border);\n }\n\n .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):active {\n border-color: transparent;\n }\n\n .brick-button[data-disabled] {\n border-color: var(--brick-color-border-default);\n background: var(--brick-color-surface-subtle);\n color: var(--brick-color-text-secondary);\n cursor: not-allowed;\n }\n\n .brick-button[data-loading] {\n cursor: progress;\n color: transparent;\n }\n\n .brick-button[data-loading] > * {\n opacity: 0;\n }\n\n .brick-button[data-disabled][data-loading] {\n --brick-button-spinner-color: var(--brick-color-text-secondary);\n }\n\n .brick-button__content {\n min-inline-size: 0;\n }\n\n .brick-button__icon {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n }\n\n .brick-button__icon > :where(svg, img) {\n inline-size: var(--brick-button-icon-size);\n block-size: var(--brick-button-icon-size);\n }\n\n .brick-button[data-full-width] {\n inline-size: 100%;\n }\n\n .brick-button[data-shape=\"sharp\"] {\n --brick-button-radius: 0;\n }\n\n .brick-button[data-shape=\"pill\"] {\n --brick-button-radius: var(--brick-radius-full);\n }\n\n .brick-button[data-size=\"xs\"] {\n --brick-button-min-block-size: var(--brick-control-min-block-size-xs);\n --brick-button-padding-block: 0.25rem;\n --brick-button-padding-inline: 0.625rem;\n --brick-button-gap: 0.375rem;\n --brick-button-font-size: var(--brick-typography-control-xs-font-size);\n --brick-button-icon-size: 0.875rem;\n }\n\n .brick-button[data-size=\"sm\"] {\n --brick-button-min-block-size: var(--brick-control-min-block-size-sm);\n --brick-button-padding-block: 0.375rem;\n --brick-button-padding-inline: 0.75rem;\n --brick-button-gap: 0.375rem;\n --brick-button-font-size: var(--brick-typography-control-sm-font-size);\n --brick-button-icon-size: 1rem;\n }\n\n .brick-button[data-size=\"lg\"] {\n --brick-button-min-block-size: var(--brick-control-min-block-size-lg);\n --brick-button-padding-block: 0.625rem;\n --brick-button-padding-inline: 1.25rem;\n --brick-button-gap: 0.625rem;\n --brick-button-font-size: var(--brick-typography-control-lg-font-size);\n --brick-button-icon-size: 1.25rem;\n }\n\n .brick-button[data-size=\"xl\"] {\n --brick-button-min-block-size: var(--brick-control-min-block-size-xl);\n --brick-button-padding-block: 0.75rem;\n --brick-button-padding-inline: 1.5rem;\n --brick-button-gap: 0.75rem;\n --brick-button-font-size: var(--brick-typography-control-xl-font-size);\n --brick-button-icon-size: 1.5rem;\n }\n\n .brick-button[data-tone=\"neutral\"] {\n --brick-button-tone-solid: var(--brick-color-text-primary);\n --brick-button-tone-solid-hover: var(--brick-color-text-secondary);\n --brick-button-tone-solid-pressed: color-mix(\n in srgb,\n var(--brick-color-text-primary),\n var(--brick-color-text-secondary) 35%\n );\n --brick-button-tone-on-solid: var(--brick-color-text-inverse);\n --brick-button-tone-soft: var(--brick-color-surface-subtle);\n --brick-button-tone-soft-hover: var(--brick-color-surface-base);\n --brick-button-tone-soft-pressed: var(--brick-color-border-subtle);\n --brick-button-tone-on-soft: var(--brick-color-text-primary);\n --brick-button-tone-border: var(--brick-color-border-strong);\n --brick-button-tone-text: var(--brick-color-text-primary);\n }\n\n .brick-button[data-tone=\"accent\"] {\n --brick-button-tone-solid: var(--brick-color-accent-solid);\n --brick-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n --brick-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n --brick-button-tone-on-solid: var(--brick-color-accent-on-solid);\n --brick-button-tone-soft: var(--brick-color-accent-soft);\n --brick-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n --brick-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n --brick-button-tone-on-soft: var(--brick-color-accent-on-soft);\n --brick-button-tone-border: var(--brick-color-accent-border);\n --brick-button-tone-text: var(--brick-color-accent-text);\n }\n\n .brick-button[data-tone=\"info\"] {\n --brick-button-tone-solid: var(--brick-color-info-solid);\n --brick-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n --brick-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n --brick-button-tone-on-solid: var(--brick-color-info-on-solid);\n --brick-button-tone-soft: var(--brick-color-info-soft);\n --brick-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n --brick-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n --brick-button-tone-on-soft: var(--brick-color-info-on-soft);\n --brick-button-tone-border: var(--brick-color-info-border);\n --brick-button-tone-text: var(--brick-color-info-text);\n }\n\n .brick-button[data-tone=\"success\"] {\n --brick-button-tone-solid: var(--brick-color-success-solid);\n --brick-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n --brick-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n --brick-button-tone-on-solid: var(--brick-color-success-on-solid);\n --brick-button-tone-soft: var(--brick-color-success-soft);\n --brick-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n --brick-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n --brick-button-tone-on-soft: var(--brick-color-success-on-soft);\n --brick-button-tone-border: var(--brick-color-success-border);\n --brick-button-tone-text: var(--brick-color-success-text);\n }\n\n .brick-button[data-tone=\"warning\"] {\n --brick-button-tone-solid: var(--brick-color-warning-solid);\n --brick-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n --brick-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n --brick-button-tone-on-solid: var(--brick-color-warning-on-solid);\n --brick-button-tone-soft: var(--brick-color-warning-soft);\n --brick-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n --brick-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n --brick-button-tone-on-soft: var(--brick-color-warning-on-soft);\n --brick-button-tone-border: var(--brick-color-warning-border);\n --brick-button-tone-text: var(--brick-color-warning-text);\n }\n\n .brick-button[data-tone=\"danger\"] {\n --brick-button-tone-solid: var(--brick-color-danger-solid);\n --brick-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n --brick-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n --brick-button-tone-on-solid: var(--brick-color-danger-on-solid);\n --brick-button-tone-soft: var(--brick-color-danger-soft);\n --brick-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n --brick-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n --brick-button-tone-on-soft: var(--brick-color-danger-on-soft);\n --brick-button-tone-border: var(--brick-color-danger-border);\n --brick-button-tone-text: var(--brick-color-danger-text);\n }\n\n .brick-button[data-variant=\"soft\"] {\n --brick-button-background: var(--brick-button-tone-soft);\n --brick-button-background-hover: var(--brick-button-tone-soft-hover);\n --brick-button-background-pressed: var(--brick-button-tone-soft-pressed);\n --brick-button-foreground: var(--brick-button-tone-on-soft);\n --brick-button-border-color: var(--brick-button-tone-border);\n }\n\n .brick-button[data-variant=\"outline\"] {\n --brick-button-background: transparent;\n --brick-button-background-hover: var(--brick-button-tone-soft);\n --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n --brick-button-foreground: var(--brick-button-tone-text);\n --brick-button-border-color: var(--brick-button-tone-border);\n }\n\n .brick-button[data-variant=\"ghost\"] {\n --brick-button-background: transparent;\n --brick-button-background-hover: var(--brick-button-tone-soft);\n --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n --brick-button-foreground: var(--brick-button-tone-text);\n --brick-button-border-color: transparent;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-button:not([data-disabled], [data-loading]):hover {\n background: var(--brick-button-background-hover);\n border-color: var(--brick-button-background-hover);\n }\n\n .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):hover,\n .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):hover {\n border-color: var(--brick-button-tone-border);\n }\n\n .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):hover {\n border-color: transparent;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-button {\n transition-duration: 0ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-button {\n border-color: ButtonText;\n background: ButtonFace;\n color: ButtonText;\n }\n\n .brick-button:focus-visible {\n outline-color: Highlight;\n }\n\n .brick-button[data-disabled] {\n border-color: GrayText;\n color: GrayText;\n opacity: 1;\n }\n }\n}\n","@layer brick.components {\n .brick-scroll-area {\n --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n --brick-scroll-area-scrollbar-track: transparent;\n\n min-inline-size: 0;\n min-block-size: 0;\n }\n\n .brick-scroll-area-viewport {\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n min-inline-size: 0;\n min-block-size: 0;\n scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n scrollbar-width: auto;\n }\n\n .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n }\n\n .brick-scroll-area-viewport:focus-visible {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: calc(-1 * var(--brick-border-focus-width));\n }\n\n @media (forced-colors: active) {\n .brick-scroll-area-viewport,\n .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n }\n}\n","@layer brick.components {\n .brick-code-block {\n --brick-code-block-background: var(--brick-color-surface-subtle);\n --brick-code-block-foreground: var(--brick-color-text-primary);\n --brick-code-block-border-color: var(--brick-color-border-subtle);\n --brick-code-block-border-width: 0rem;\n --brick-code-block-radius: var(--brick-radius-surface);\n --brick-code-block-header-padding: var(--brick-space-3) var(--brick-space-4);\n --brick-code-block-content-padding: var(--brick-space-4);\n --brick-code-block-gap: var(--brick-space-2);\n --brick-code-block-font-family: var(--brick-typography-code-block-md-font-family);\n --brick-code-block-font-size: var(--brick-typography-code-block-md-font-size);\n --brick-code-block-font-weight: var(--brick-typography-code-block-md-font-weight);\n --brick-code-block-line-height: var(--brick-typography-code-block-md-line-height);\n --brick-code-block-letter-spacing: var(--brick-typography-code-block-md-letter-spacing);\n --brick-code-block-selection-background: var(--brick-color-accent-surface);\n --brick-code-block-selection-foreground: var(--brick-color-accent-text);\n\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n overflow: clip;\n border: var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);\n border-radius: var(--brick-code-block-radius);\n background: var(--brick-code-block-background);\n color: var(--brick-code-block-foreground);\n }\n\n .brick-code-block[data-variant=\"bordered\"] {\n --brick-code-block-background: var(--brick-color-surface-base);\n --brick-code-block-border-width: var(--brick-border-width);\n }\n\n .brick-code-block[data-variant=\"plain\"] {\n --brick-code-block-background: transparent;\n --brick-code-block-radius: 0rem;\n }\n\n .brick-code-block[data-size=\"sm\"] {\n --brick-code-block-header-padding: var(--brick-space-2) var(--brick-space-3);\n --brick-code-block-content-padding: var(--brick-space-3);\n --brick-code-block-font-family: var(--brick-typography-code-block-sm-font-family);\n --brick-code-block-font-size: var(--brick-typography-code-block-sm-font-size);\n --brick-code-block-font-weight: var(--brick-typography-code-block-sm-font-weight);\n --brick-code-block-line-height: var(--brick-typography-code-block-sm-line-height);\n --brick-code-block-letter-spacing: var(--brick-typography-code-block-sm-letter-spacing);\n }\n\n .brick-code-block-header {\n display: flex;\n align-items: center;\n min-inline-size: 0;\n gap: var(--brick-code-block-gap);\n padding: var(--brick-code-block-header-padding);\n border-block-end: var(--brick-border-width) solid var(--brick-code-block-border-color);\n }\n\n .brick-code-block-title {\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-color-text-primary);\n font: var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-code-block-language {\n color: var(--brick-color-text-secondary);\n font: var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono);\n }\n\n .brick-code-block-actions {\n display: flex;\n align-items: center;\n gap: var(--brick-space-1);\n margin-inline-start: auto;\n }\n\n .brick-code-block-scroll-area { max-inline-size: 100%; }\n\n .brick-code-block-content {\n max-inline-size: 100%;\n padding: var(--brick-code-block-content-padding);\n }\n\n .brick-code-block-pre {\n min-inline-size: max-content;\n margin: 0;\n font-family: var(--brick-code-block-font-family);\n font-size: var(--brick-code-block-font-size);\n font-weight: var(--brick-code-block-font-weight);\n letter-spacing: var(--brick-code-block-letter-spacing);\n line-height: var(--brick-code-block-line-height);\n tab-size: 2;\n white-space: pre;\n }\n\n .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-pre {\n min-inline-size: 0;\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n }\n\n .brick-code-block-pre > .brick-code {\n font: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n }\n\n .brick-code-block-pre ::selection {\n background: var(--brick-code-block-selection-background);\n color: var(--brick-code-block-selection-foreground);\n }\n\n .brick-code-block-copy-status {\n display: block;\n padding-inline: var(--brick-space-4);\n color: var(--brick-color-text-secondary);\n font: var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);\n }\n\n .brick-code-block-copy-status:not(:empty) { padding-block: var(--brick-space-2); }\n\n @media (forced-colors: active) {\n .brick-code-block {\n --brick-code-block-background: Canvas;\n --brick-code-block-foreground: CanvasText;\n --brick-code-block-border-color: CanvasText;\n --brick-code-block-border-width: var(--brick-border-width);\n --brick-code-block-selection-background: Highlight;\n --brick-code-block-selection-foreground: HighlightText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=code.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,qHDjDJ","sources":["home/runner/work/brick/brick/.brick-cache/production/code.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/code/code.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-code {\n --brick-code-foreground: var(--brick-color-text-primary);\n --brick-code-background: var(--brick-color-surface-subtle);\n --brick-code-border-color: var(--brick-color-border-subtle);\n --brick-code-border-width: var(--brick-border-width);\n --brick-code-radius: var(--brick-radius-subtle);\n --brick-code-padding-block: 0.0625em;\n --brick-code-padding-inline: 0.3em;\n --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n box-decoration-break: clone;\n padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n border-radius: var(--brick-code-radius);\n background: var(--brick-code-background);\n color: var(--brick-code-foreground);\n font-family: var(--brick-code-font-family);\n font-size: var(--brick-code-font-size);\n font-weight: var(--brick-code-font-weight);\n letter-spacing: var(--brick-code-letter-spacing);\n line-height: var(--brick-code-line-height);\n overflow-wrap: anywhere;\n white-space: normal;\n -webkit-box-decoration-break: clone;\n }\n\n .brick-code[data-variant=\"plain\"] {\n --brick-code-background: transparent;\n --brick-code-border-width: 0rem;\n --brick-code-padding-block: 0em;\n --brick-code-padding-inline: 0em;\n }\n\n .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n .brick-code[data-size=\"sm\"] {\n --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n }\n .brick-code[data-size=\"md\"] {\n --brick-code-font-size: var(--brick-typography-body-md-font-size);\n --brick-code-line-height: var(--brick-typography-body-md-line-height);\n }\n\n @media (forced-colors: active) {\n .brick-code {\n --brick-code-foreground: CanvasText;\n --brick-code-background: Canvas;\n --brick-code-border-color: CanvasText;\n }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-collapsible{--brick-collapsible-background:transparent;--brick-collapsible-border-color:transparent;--brick-collapsible-trigger-background:transparent;--brick-collapsible-trigger-hover-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-open-background:var(--brick-color-surface-subtle);--brick-collapsible-foreground:var(--brick-color-text-primary);--brick-collapsible-content-foreground:var(--brick-color-text-secondary);--brick-collapsible-focus-ring:var(--brick-color-focus-ring);--brick-collapsible-radius:var(--brick-radius-control);--brick-collapsible-trigger-height:2.75rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-3);--brick-collapsible-trigger-gap:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-3);--brick-collapsible-content-padding-inline:var(--brick-space-3);--brick-collapsible-indicator-size:1rem;--brick-collapsible-font-family:var(--brick-typography-control-md-font-family);--brick-collapsible-font-size:var(--brick-typography-control-md-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-md-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-collapsible-border-color);border-radius:var(--brick-collapsible-radius);background:var(--brick-collapsible-background);inline-size:100%;min-inline-size:0;overflow:clip}.brick-collapsible[data-variant=soft]{--brick-collapsible-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-hover-background:var(--brick-color-surface-raised);--brick-collapsible-trigger-open-background:var(--brick-color-surface-raised)}.brick-collapsible[data-variant=outline]{--brick-collapsible-border-color:var(--brick-color-border-default)}.brick-collapsible[data-size=sm]{--brick-collapsible-trigger-height:2.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-2);--brick-collapsible-content-padding-inline:var(--brick-space-2);--brick-collapsible-indicator-size:.875rem;--brick-collapsible-font-family:var(--brick-typography-control-sm-font-family);--brick-collapsible-font-size:var(--brick-typography-control-sm-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-sm-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-sm-line-height)}.brick-collapsible[data-size=lg]{--brick-collapsible-trigger-height:3.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-4);--brick-collapsible-content-padding-block:var(--brick-space-4);--brick-collapsible-content-padding-inline:var(--brick-space-4);--brick-collapsible-indicator-size:1.125rem;--brick-collapsible-font-family:var(--brick-typography-control-lg-font-family);--brick-collapsible-font-size:var(--brick-typography-control-lg-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-lg-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-lg-line-height)}.brick-collapsible[data-orientation=horizontal]{align-items:stretch;inline-size:max-content;max-inline-size:100%;display:flex;overflow:auto clip}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-trigger{flex:none;inline-size:auto}.brick-collapsible-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-collapsible-trigger-height);justify-content:flex-start;align-items:center;gap:var(--brick-collapsible-trigger-gap);padding-block:var(--brick-space-2);padding-inline:var(--brick-collapsible-trigger-padding-inline);border-radius:calc(var(--brick-collapsible-radius) - var(--brick-border-width));background:var(--brick-collapsible-trigger-background);color:var(--brick-collapsible-foreground);font-family:var(--brick-collapsible-font-family);font-size:var(--brick-collapsible-font-size);font-weight:var(--brick-collapsible-font-weight);line-height:var(--brick-collapsible-line-height);text-align:start;white-space:normal;cursor:pointer;touch-action:manipulation;border:0;display:flex}.brick-collapsible-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-collapsible-trigger-hover-background)}.brick-collapsible-trigger[data-state=open]{background:var(--brick-collapsible-trigger-open-background)}.brick-collapsible-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-collapsible-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-collapsible-indicator{inline-size:var(--brick-collapsible-indicator-size);block-size:var(--brick-collapsible-indicator-size);color:currentColor;transform-origin:50%;transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-collapsible-indicator>svg{block-size:100%;inline-size:100%;display:block}.brick-collapsible-trigger[data-state=open] .brick-collapsible-indicator{transform:rotate(90deg)}[dir=rtl] .brick-collapsible-trigger[data-state=closed] .brick-collapsible-indicator{transform:scaleX(-1)}[dir=rtl] .brick-collapsible-trigger[data-state=open] .brick-collapsible-indicator{transform:rotate(90deg)}.brick-collapsible-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-collapsible-content-foreground);overflow:hidden}.brick-collapsible-content[data-state=open]{animation:brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-collapsible-content[data-state=closed]{animation:brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-collapsible-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-collapsible-content-padding-block);padding-inline:var(--brick-collapsible-content-padding-inline)}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content{min-block-size:var(--brick-collapsible-trigger-height);flex:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=open]{animation-name:brick-collapsible-open-horizontal}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=closed]{animation-name:brick-collapsible-close-horizontal}.brick-collapsible-content[data-initial-open]{animation:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content-inner{inline-size:var(--content-width);min-block-size:var(--brick-collapsible-trigger-height)}@keyframes brick-collapsible-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-collapsible-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-collapsible-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-collapsible-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-collapsible-indicator{transition:none}.brick-collapsible-content{animation:none!important}}@media (forced-colors:active){.brick-collapsible{--brick-collapsible-border-color:CanvasText;forced-color-adjust:auto}.brick-collapsible[data-variant=plain],.brick-collapsible[data-variant=soft]{--brick-collapsible-border-color:transparent}.brick-collapsible-trigger{color:buttontext}.brick-collapsible-trigger:focus-visible{outline-color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=collapsible.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,u6CA8BA,oQAMA,4GAIA,8mBAYA,+mBAYA,iJASA,sGAKA,wxBAyBA,6HACA,wGACA,2KACA,wFAEA,4XAaA,gFACA,iGACA,0GACA,2GAEA,qIAMA,qJACA,uJACA,qMAEA,4IAIA,6IACA,gJACA,6DACA,yKAKA,uFACA,wFACA,mGACA,oGAEA,uCACE,6CACA,qDAGF,8BACE,wFACA,0HACA,4CACA,mEDnKJ","sources":["home/runner/work/brick/brick/.brick-cache/production/collapsible.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/collapsible/collapsible.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/collapsible/collapsible.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-collapsible {\n --brick-collapsible-background: transparent;\n --brick-collapsible-border-color: transparent;\n --brick-collapsible-trigger-background: transparent;\n --brick-collapsible-trigger-hover-background: var(--brick-color-surface-subtle);\n --brick-collapsible-trigger-open-background: var(--brick-color-surface-subtle);\n --brick-collapsible-foreground: var(--brick-color-text-primary);\n --brick-collapsible-content-foreground: var(--brick-color-text-secondary);\n --brick-collapsible-focus-ring: var(--brick-color-focus-ring);\n --brick-collapsible-radius: var(--brick-radius-control);\n --brick-collapsible-trigger-height: 2.75rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-3);\n --brick-collapsible-trigger-gap: var(--brick-space-2);\n --brick-collapsible-content-padding-block: var(--brick-space-3);\n --brick-collapsible-content-padding-inline: var(--brick-space-3);\n --brick-collapsible-indicator-size: 1rem;\n --brick-collapsible-font-family: var(--brick-typography-control-md-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-md-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-md-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-md-line-height);\n\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n overflow: clip;\n border: var(--brick-border-width) solid var(--brick-collapsible-border-color);\n border-radius: var(--brick-collapsible-radius);\n background: var(--brick-collapsible-background);\n }\n\n .brick-collapsible[data-variant=\"soft\"] {\n --brick-collapsible-background: var(--brick-color-surface-subtle);\n --brick-collapsible-trigger-hover-background: var(--brick-color-surface-raised);\n --brick-collapsible-trigger-open-background: var(--brick-color-surface-raised);\n }\n\n .brick-collapsible[data-variant=\"outline\"] {\n --brick-collapsible-border-color: var(--brick-color-border-default);\n }\n\n .brick-collapsible[data-size=\"sm\"] {\n --brick-collapsible-trigger-height: 2.25rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-2);\n --brick-collapsible-content-padding-block: var(--brick-space-2);\n --brick-collapsible-content-padding-inline: var(--brick-space-2);\n --brick-collapsible-indicator-size: 0.875rem;\n --brick-collapsible-font-family: var(--brick-typography-control-sm-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-sm-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-sm-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n .brick-collapsible[data-size=\"lg\"] {\n --brick-collapsible-trigger-height: 3.25rem;\n --brick-collapsible-trigger-padding-inline: var(--brick-space-4);\n --brick-collapsible-content-padding-block: var(--brick-space-4);\n --brick-collapsible-content-padding-inline: var(--brick-space-4);\n --brick-collapsible-indicator-size: 1.125rem;\n --brick-collapsible-font-family: var(--brick-typography-control-lg-font-family);\n --brick-collapsible-font-size: var(--brick-typography-control-lg-font-size);\n --brick-collapsible-font-weight: var(--brick-typography-control-lg-font-weight);\n --brick-collapsible-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n .brick-collapsible[data-orientation=\"horizontal\"] {\n display: flex;\n inline-size: max-content;\n max-inline-size: 100%;\n align-items: stretch;\n overflow-x: auto;\n overflow-y: clip;\n }\n\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger {\n inline-size: auto;\n flex: 0 0 auto;\n }\n\n .brick-collapsible-trigger {\n display: flex;\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n min-block-size: var(--brick-collapsible-trigger-height);\n align-items: center;\n justify-content: flex-start;\n gap: var(--brick-collapsible-trigger-gap);\n padding-block: var(--brick-space-2);\n padding-inline: var(--brick-collapsible-trigger-padding-inline);\n border: 0;\n border-radius: calc(var(--brick-collapsible-radius) - var(--brick-border-width));\n background: var(--brick-collapsible-trigger-background);\n color: var(--brick-collapsible-foreground);\n font-family: var(--brick-collapsible-font-family);\n font-size: var(--brick-collapsible-font-size);\n font-weight: var(--brick-collapsible-font-weight);\n line-height: var(--brick-collapsible-line-height);\n text-align: start;\n white-space: normal;\n cursor: pointer;\n touch-action: manipulation;\n }\n\n .brick-collapsible-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-collapsible-trigger-hover-background); }\n .brick-collapsible-trigger[data-state=\"open\"] { background: var(--brick-collapsible-trigger-open-background); }\n .brick-collapsible-trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n .brick-collapsible-trigger:is(:disabled, [data-disabled]) { opacity: 0.55; cursor: not-allowed; }\n\n .brick-collapsible-indicator {\n display: inline-flex;\n inline-size: var(--brick-collapsible-indicator-size);\n block-size: var(--brick-collapsible-indicator-size);\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n margin-inline-start: auto;\n color: currentColor;\n transform: rotate(0deg);\n transform-origin: center;\n transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n .brick-collapsible-indicator > svg { display: block; inline-size: 100%; block-size: 100%; }\n .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(90deg); }\n [dir=\"rtl\"] .brick-collapsible-trigger[data-state=\"closed\"] .brick-collapsible-indicator { transform: scaleX(-1); }\n [dir=\"rtl\"] .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(90deg); }\n\n .brick-collapsible-content {\n box-sizing: border-box;\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-collapsible-content-foreground);\n }\n .brick-collapsible-content[data-state=\"open\"] { animation: brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n .brick-collapsible-content[data-state=\"closed\"] { animation: brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n .brick-collapsible-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-collapsible-content-padding-block); padding-inline: var(--brick-collapsible-content-padding-inline); }\n\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content {\n flex: 0 0 auto;\n min-block-size: var(--brick-collapsible-trigger-height);\n }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"open\"] { animation-name: brick-collapsible-open-horizontal; }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"closed\"] { animation-name: brick-collapsible-close-horizontal; }\n .brick-collapsible-content[data-initial-open] { animation: none; }\n .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content-inner {\n inline-size: var(--content-width);\n min-block-size: var(--brick-collapsible-trigger-height);\n }\n\n @keyframes brick-collapsible-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n @keyframes brick-collapsible-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n @keyframes brick-collapsible-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n @keyframes brick-collapsible-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-collapsible-indicator { transition: none; }\n .brick-collapsible-content { animation: none !important; }\n }\n\n @media (forced-colors: active) {\n .brick-collapsible { --brick-collapsible-border-color: CanvasText; forced-color-adjust: auto; }\n .brick-collapsible[data-variant=\"plain\"], .brick-collapsible[data-variant=\"soft\"] { --brick-collapsible-border-color: transparent; }\n .brick-collapsible-trigger { color: ButtonText; }\n .brick-collapsible-trigger:focus-visible { outline-color: Highlight; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-combobox-control{--brick-combobox-min-block-size:var(--brick-control-min-block-size-md);--brick-combobox-padding-inline:var(--brick-space-3);--brick-combobox-radius:var(--brick-radius-control);--brick-combobox-background:var(--brick-color-surface-raised);--brick-combobox-border:var(--brick-color-border-strong);--brick-combobox-foreground:var(--brick-color-text-primary);--brick-combobox-placeholder:var(--brick-color-text-muted);--brick-combobox-focus:var(--brick-color-focus-ring);--brick-combobox-invalid:var(--brick-color-danger-text);box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);display:inline-flex}.brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=soft]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=underline]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=sharp]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=pill]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=sm]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=lg]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}.brick-combobox-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}.brick-combobox-clear,.brick-combobox-trigger{border-radius:var(--brick-radius-sm);block-size:1.75rem;inline-size:1.75rem;color:var(--brick-color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.brick-combobox-indicator{place-items:center;display:inline-grid}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;block-size:1rem;inline-size:1rem}.brick-combobox-trigger[data-state=open] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}.brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--brick-color-shadow),transparent 48%);color:var(--brick-color-text-primary);z-index:70;overflow:hidden}.brick-combobox-content[data-size=sm]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=lg]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0;overflow-y:auto}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);display:block}label.brick-combobox-label{color:var(--brick-color-text-primary);padding-inline:0}.brick-combobox-item{box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));cursor:pointer;overflow-wrap:anywhere;outline:0;grid-template-columns:minmax(0,1fr) 1rem;display:grid}.brick-combobox-item:after{content:"";opacity:0;border-block-end:2px solid;border-inline-start:2px solid;block-size:.35rem;inline-size:.65rem;transform:rotate(-45deg)}.brick-combobox-item[data-state=checked]:after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=checked]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}@media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0s}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{color:canvastext;background:canvas;border-color:buttontext}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:graytext}.brick-combobox-item[data-state=checked]{color:highlight}}}@layer brick.effects;
2
+ /*# sourceMappingURL=combobox.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,gtCAIA,0DAA0D,uEAAuE,kKAAoK,6JAA+J,oEAAsE,0FAA4F,kKAAoK,kKAC1wB,gPAAwP,2EAA2E,uLAAuL,4GAA4G,0KAA0K,+GAChxB,oQAAgR,iEAAiE,gDAAgD,uKAAuK,oLAAkL,4FAA8F,oDACxzB,2mBAA2mB,kHAAoH,kHAAoH,6KAA6K,oFAAoF,gQAAgQ,kFAAkF,6WAA6W,uKAAkM,yDAA4D,iFAAiF,uIAAyI,uGAAuG,6FACl1E,wCAAwC,gIAAgI,2FAA2F,uCAAuC,0EAA2E,8BAA8B,2GAA2G,gLAAgL,mDAAmD,2DDTnuB","sources":["home/runner/work/brick/brick/.brick-cache/production/combobox.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/combobox/combobox.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/combobox/combobox.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-combobox-control {\n --brick-combobox-min-block-size: var(--brick-control-min-block-size-md); --brick-combobox-padding-inline: var(--brick-space-3); --brick-combobox-radius: var(--brick-radius-control); --brick-combobox-background: var(--brick-color-surface-raised); --brick-combobox-border: var(--brick-color-border-strong); --brick-combobox-foreground: var(--brick-color-text-primary); --brick-combobox-placeholder: var(--brick-color-text-muted); --brick-combobox-focus: var(--brick-color-focus-ring); --brick-combobox-invalid: var(--brick-color-danger-text);\n display:inline-flex;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-combobox-min-block-size);align-items:center;gap:var(--brick-space-1);padding-inline:var(--brick-combobox-padding-inline);border:var(--brick-border-width) solid var(--brick-combobox-border);border-radius:var(--brick-combobox-radius);background:var(--brick-combobox-background);color:var(--brick-combobox-foreground);transition:border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard)\n }\n .brick-combobox-control[data-full-width]{inline-size:100%}.brick-combobox-control:not([data-full-width]){inline-size:fit-content}.brick-combobox-control[data-variant=\"soft\"]{--brick-combobox-background:var(--brick-color-surface-subtle);--brick-combobox-border:var(--brick-color-border-subtle)}.brick-combobox-control[data-variant=\"underline\"]{--brick-combobox-background:transparent;--brick-combobox-radius:0;border-width:0 0 var(--brick-border-width)}.brick-combobox-control[data-shape=\"sharp\"]{--brick-combobox-radius:0}.brick-combobox-control[data-shape=\"pill\"]{--brick-combobox-radius:var(--brick-radius-full)}.brick-combobox-control[data-size=\"sm\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-sm);--brick-combobox-padding-inline:var(--brick-space-2)}.brick-combobox-control[data-size=\"lg\"]{--brick-combobox-min-block-size:var(--brick-control-min-block-size-lg);--brick-combobox-padding-inline:var(--brick-space-4)}\n .brick-combobox-input{box-sizing:border-box;min-inline-size:0;inline-size:100%;min-block-size:calc(var(--brick-combobox-min-block-size) - 2 * var(--brick-border-width));padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}.brick-combobox-input::placeholder{color:var(--brick-combobox-placeholder)}.brick-combobox-control:has(.brick-combobox-input:focus-visible){border-color:var(--brick-combobox-focus);box-shadow:0 0 0 var(--brick-border-focus-width) var(--brick-combobox-focus)}.brick-combobox-control:has(.brick-combobox-input[data-invalid]){border-color:var(--brick-combobox-invalid)}.brick-combobox-control:has(.brick-combobox-input[data-disabled]){background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-combobox-control:has(.brick-combobox-input[data-readonly]){background:var(--brick-color-surface-subtle)}\n .brick-combobox-clear,.brick-combobox-trigger{display:inline-grid;flex:0 0 auto;inline-size:1.75rem;block-size:1.75rem;place-items:center;padding:0;border:0;border-radius:var(--brick-radius-sm);background:transparent;color:var(--brick-color-text-secondary);cursor:pointer}.brick-combobox-indicator{display:inline-grid;place-items:center}.brick-combobox-clear[data-hidden]{display:none}.brick-combobox-clear:focus-visible,.brick-combobox-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-combobox-focus);outline-offset:1px}.brick-combobox-clear-artwork,.brick-combobox-indicator-artwork{inline-size:1rem;block-size:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.brick-combobox-trigger[data-state=\"open\"] .brick-combobox-indicator{transform:rotate(180deg)}.brick-combobox-trigger:disabled{cursor:not-allowed}\n .brick-combobox-content{--brick-combobox-popup-radius:var(--brick-radius-control);--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-md);box-sizing:border-box;max-inline-size:min(28rem,calc(100vw - 2 * var(--brick-space-3)));max-block-size:min(20rem,var(--available-height,20rem));overflow:hidden;border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-combobox-popup-radius);background:var(--brick-color-surface-raised);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--brick-color-shadow),transparent 48%);color:var(--brick-color-text-primary);z-index:70}.brick-combobox-content[data-size=\"sm\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-sm)}.brick-combobox-content[data-size=\"lg\"]{--brick-combobox-item-min-block-size:var(--brick-control-min-block-size-lg)}.brick-combobox-listbox{box-sizing:border-box;max-block-size:inherit;overflow-y:auto;padding:var(--brick-space-1);overscroll-behavior:contain;scrollbar-width:thin;outline:0}.brick-combobox-group+.brick-combobox-group{margin-block-start:var(--brick-space-1)}.brick-combobox-label{display:block;padding:var(--brick-space-2) var(--brick-space-3) var(--brick-space-1);color:var(--brick-color-text-secondary);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight)}label.brick-combobox-label{padding-inline:0;color:var(--brick-color-text-primary)}.brick-combobox-item{display:grid;box-sizing:border-box;min-block-size:var(--brick-combobox-item-min-block-size);grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:var(--brick-space-2);padding-inline:var(--brick-space-3);border-radius:calc(var(--brick-combobox-popup-radius) - var(--brick-border-width));outline:0;cursor:pointer;overflow-wrap:anywhere}.brick-combobox-item::after{content:\"\";inline-size:.65rem;block-size:.35rem;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg);opacity:0}.brick-combobox-item[data-state=\"checked\"]::after{opacity:1}.brick-combobox-item[data-highlighted]{background:var(--brick-color-accent-soft)}.brick-combobox-item[data-state=\"checked\"]{color:var(--brick-color-accent-text);font-weight:var(--brick-typography-label-md-font-weight)}.brick-combobox-item[data-disabled]{color:var(--brick-color-text-muted);cursor:not-allowed;opacity:.65}.brick-combobox-message{padding:var(--brick-space-3);color:var(--brick-color-text-secondary)}\n @media (hover:hover) and (pointer:fine){.brick-combobox-control:not([data-disabled],[data-readonly],[data-invalid]):hover{border-color:var(--brick-color-accent-border)}.brick-combobox-item:not([data-disabled]):hover{background:var(--brick-color-accent-soft)}}@media (prefers-reduced-motion:reduce){.brick-combobox-control,.brick-combobox-indicator{transition-duration:0ms}}@media (forced-colors:active){.brick-combobox-control,.brick-combobox-content{border-color:ButtonText;background:Canvas;color:CanvasText}.brick-combobox-control:has(.brick-combobox-input:focus-visible),.brick-combobox-item[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;box-shadow:none}.brick-combobox-item[data-disabled]{color:GrayText}.brick-combobox-item[data-state=\"checked\"]{color:Highlight}}\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-container{--brick-container-measure-narrow:42rem;--brick-container-measure-medium:64rem;--brick-container-measure-wide:72rem;--brick-container-measure-max:90rem;--brick-container-measure-full:none;--brick-container-gutter-none:0rem;--brick-container-gutter-sm:clamp(.75rem, 2vw, 1rem);--brick-container-gutter-md:clamp(1rem, 3vw, 2rem);--brick-container-gutter-lg:clamp(1rem, 4vw, 4rem);--brick-container-max-inline-size:var(--brick-container-measure-wide);--brick-container-padding-inline:var(--brick-container-gutter-md);box-sizing:border-box;inline-size:100%;max-inline-size:var(--brick-container-max-inline-size);min-inline-size:0;padding-inline:var(--brick-container-padding-inline);margin-inline:auto}.brick-container[data-measure=narrow]{--brick-container-max-inline-size:var(--brick-container-measure-narrow)}.brick-container[data-measure=medium]{--brick-container-max-inline-size:var(--brick-container-measure-medium)}.brick-container[data-measure=max]{--brick-container-max-inline-size:var(--brick-container-measure-max)}.brick-container[data-measure=full]{--brick-container-max-inline-size:var(--brick-container-measure-full)}.brick-container[data-gutter=none]{--brick-container-padding-inline:var(--brick-container-gutter-none)}.brick-container[data-gutter=sm]{--brick-container-padding-inline:var(--brick-container-gutter-sm)}.brick-container[data-gutter=lg]{--brick-container-padding-inline:var(--brick-container-gutter-lg)}}@layer brick.effects;
2
+ /*# sourceMappingURL=container.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,0sBAqBA,8GAIA,8GAIA,wGAIA,0GAIA,uGAIA,mGAIA,oGD9CF","sources":["home/runner/work/brick/brick/.brick-cache/production/container.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/container/container.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/container/container.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-container {\n --brick-container-measure-narrow: 42rem;\n --brick-container-measure-medium: 64rem;\n --brick-container-measure-wide: 72rem;\n --brick-container-measure-max: 90rem;\n --brick-container-measure-full: none;\n --brick-container-gutter-none: 0rem;\n --brick-container-gutter-sm: clamp(0.75rem, 2vw, 1rem);\n --brick-container-gutter-md: clamp(1rem, 3vw, 2rem);\n --brick-container-gutter-lg: clamp(1rem, 4vw, 4rem);\n --brick-container-max-inline-size: var(--brick-container-measure-wide);\n --brick-container-padding-inline: var(--brick-container-gutter-md);\n\n box-sizing: border-box;\n inline-size: 100%;\n max-inline-size: var(--brick-container-max-inline-size);\n min-inline-size: 0;\n margin-inline: auto;\n padding-inline: var(--brick-container-padding-inline);\n }\n\n .brick-container[data-measure=\"narrow\"] {\n --brick-container-max-inline-size: var(--brick-container-measure-narrow);\n }\n\n .brick-container[data-measure=\"medium\"] {\n --brick-container-max-inline-size: var(--brick-container-measure-medium);\n }\n\n .brick-container[data-measure=\"max\"] {\n --brick-container-max-inline-size: var(--brick-container-measure-max);\n }\n\n .brick-container[data-measure=\"full\"] {\n --brick-container-max-inline-size: var(--brick-container-measure-full);\n }\n\n .brick-container[data-gutter=\"none\"] {\n --brick-container-padding-inline: var(--brick-container-gutter-none);\n }\n\n .brick-container[data-gutter=\"sm\"] {\n --brick-container-padding-inline: var(--brick-container-gutter-sm);\n }\n\n .brick-container[data-gutter=\"lg\"] {\n --brick-container-padding-inline: var(--brick-container-gutter-lg);\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-context-menu__content,.brick-context-menu__sub-content){--brick-context-menu-content-background:var(--brick-color-surface-overlay);--brick-context-menu-content-foreground:var(--brick-color-text-primary);--brick-context-menu-content-border:var(--brick-color-border-subtle);--brick-context-menu-content-radius:var(--brick-radius-overlay);--brick-context-menu-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-context-menu-content-padding:var(--brick-space-1);--brick-context-menu-content-max-block-size:20rem;--brick-context-menu-row-min-block-size:var(--brick-control-target-min);--brick-context-menu-row-padding-inline:var(--brick-space-3);--brick-context-menu-row-gap:var(--brick-space-2);--brick-context-menu-row-radius:var(--brick-radius-control);--brick-context-menu-row-foreground:var(--brick-color-text-primary);--brick-context-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-context-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-context-menu-description-foreground:var(--brick-color-text-secondary);--brick-context-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-context-menu-label-foreground:var(--brick-color-text-secondary);--brick-context-menu-disabled-foreground:var(--brick-color-text-muted);--brick-context-menu-danger-foreground:var(--brick-color-danger-text);--brick-context-menu-danger-background:var(--brick-color-danger-soft);--brick-context-menu-separator-color:var(--brick-color-border-subtle);--brick-context-menu-indicator-size:1rem;--brick-context-menu-focus-ring:var(--brick-color-focus-ring);--brick-context-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-context-menu-content-background);--brick-action-menu-content-foreground:var(--brick-context-menu-content-foreground);--brick-action-menu-content-border:var(--brick-context-menu-content-border);--brick-action-menu-content-radius:var(--brick-context-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-context-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-context-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-context-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-context-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-context-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-context-menu-row-gap);--brick-action-menu-row-radius:var(--brick-context-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-context-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-context-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-context-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-context-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-context-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-context-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-context-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-context-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-context-menu-danger-background);--brick-action-menu-separator-color:var(--brick-context-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-context-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-context-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-context-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-context-menu__trigger{touch-action:manipulation}}@layer brick.effects;
2
+ /*# sourceMappingURL=context-menu.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,yyHAuDA,wDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/context-menu.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/context-menu/context-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/context-menu/context-menu.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n box-sizing: border-box;\n min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n padding: var(--brick-action-menu-content-padding);\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n border-radius: var(--brick-action-menu-content-radius);\n background: var(--brick-action-menu-content-background);\n box-shadow: var(--brick-action-menu-content-shadow);\n color: var(--brick-action-menu-content-foreground);\n opacity: 0;\n translate: 0 0;\n scrollbar-width: thin;\n transition:\n opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n z-index: var(--brick-action-menu-content-z-index);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"top\"] {\n translate: 0 var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"right\"] {\n translate: calc(var(--brick-space-1) * -1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"bottom\"] {\n translate: 0 calc(var(--brick-space-1) * -1);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-side=\"left\"] {\n translate: var(--brick-space-1) 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-positioned] {\n opacity: 1;\n translate: 0 0;\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"sm\"] {\n --brick-action-menu-row-min-block-size: 2rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-2);\n --brick-action-menu-row-gap: 0.375rem;\n --brick-action-menu-indicator-size: 0.875rem;\n --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n }\n\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n )[data-size=\"lg\"] {\n --brick-action-menu-row-min-block-size: 3rem;\n --brick-action-menu-row-padding-inline: var(--brick-space-4);\n --brick-action-menu-row-gap: var(--brick-space-3);\n --brick-action-menu-indicator-size: 1.125rem;\n --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n }\n\n :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) + :where(\n .brick-dropdown-menu__group,\n .brick-context-menu__group,\n .brick-menubar__group\n ) {\n margin-block-start: var(--brick-space-1);\n }\n\n :where(\n .brick-dropdown-menu__label,\n .brick-context-menu__label,\n .brick-menubar__label\n ) {\n padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n color: var(--brick-action-menu-label-foreground);\n font-family: var(--brick-typography-caption-font-family);\n font-size: var(--brick-typography-caption-font-size);\n font-weight: var(--brick-typography-label-md-font-weight);\n letter-spacing: var(--brick-typography-caption-letter-spacing);\n line-height: var(--brick-typography-caption-line-height);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n ) {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-action-menu-row-min-block-size);\n grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n align-items: center;\n gap: var(--brick-action-menu-row-gap);\n padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n border-radius: var(--brick-action-menu-row-radius);\n outline: 0;\n color: var(--brick-action-menu-row-foreground);\n font-family: var(--brick-typography-control-md-font-family);\n font-size: var(--brick-action-menu-font-size);\n font-weight: var(--brick-typography-control-md-font-weight);\n line-height: var(--brick-action-menu-line-height);\n text-align: start;\n cursor: default;\n user-select: none;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n background: var(--brick-action-menu-row-highlighted-background);\n color: var(--brick-action-menu-row-highlighted-foreground);\n box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"] {\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-tone=\"danger\"][data-highlighted] {\n background: var(--brick-action-menu-danger-background);\n color: var(--brick-action-menu-danger-foreground);\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: var(--brick-action-menu-disabled-foreground);\n opacity: 0.65;\n }\n\n :where(\n .brick-dropdown-menu__leading,\n .brick-context-menu__leading,\n .brick-menubar__leading,\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n display: inline-grid;\n inline-size: var(--brick-action-menu-indicator-size);\n block-size: var(--brick-action-menu-indicator-size);\n place-items: center;\n color: currentColor;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-context-menu__item,\n .brick-menubar__item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n ) > :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ):first-child {\n grid-column: 2;\n }\n\n :where(\n .brick-dropdown-menu__item-label,\n .brick-context-menu__item-label,\n .brick-menubar__item-label\n ) {\n min-inline-size: 0;\n grid-column: 2;\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__description,\n .brick-context-menu__description,\n .brick-menubar__description\n ) {\n min-inline-size: 0;\n grid-column: 2 / -1;\n color: var(--brick-action-menu-description-foreground);\n font-family: var(--brick-typography-supporting-sm-font-family);\n font-size: var(--brick-typography-supporting-sm-font-size);\n font-weight: var(--brick-typography-supporting-sm-font-weight);\n line-height: var(--brick-typography-supporting-sm-line-height);\n overflow-wrap: anywhere;\n }\n\n :where(\n .brick-dropdown-menu__shortcut,\n .brick-context-menu__shortcut,\n .brick-menubar__shortcut\n ) {\n grid-column: 3;\n color: var(--brick-action-menu-shortcut-foreground);\n font-family: var(--brick-typography-code-inline-font-family);\n font-size: var(--brick-typography-caption-font-size);\n line-height: var(--brick-typography-caption-line-height);\n white-space: nowrap;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ) {\n grid-column: 1;\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n ):empty::before {\n content: \"✓\";\n font-weight: var(--brick-typography-label-strong-font-weight);\n }\n\n :where(\n .brick-dropdown-menu__item-indicator,\n .brick-context-menu__item-indicator,\n .brick-menubar__item-indicator\n )[data-state=\"indeterminate\"]:empty::before {\n content: \"−\";\n }\n\n :where(\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__sub-trigger,\n .brick-menubar__sub-trigger\n )::after {\n content: \"\";\n grid-column: 3;\n inline-size: 0.5em;\n block-size: 0.5em;\n border-right: 0.125rem solid currentColor;\n border-bottom: 0.125rem solid currentColor;\n color: var(--brick-action-menu-shortcut-foreground);\n direction: ltr;\n transform: rotate(-45deg);\n }\n\n :where(\n [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n [dir=\"rtl\"] .brick-menubar__sub-trigger,\n .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n .brick-context-menu__sub-trigger[dir=\"rtl\"],\n .brick-menubar__sub-trigger[dir=\"rtl\"]\n )::after {\n transform: rotate(135deg);\n }\n\n :where(\n .brick-dropdown-menu__separator,\n .brick-context-menu__separator,\n .brick-menubar__separator\n ) {\n block-size: var(--brick-border-width);\n margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n background: var(--brick-action-menu-separator-color);\n }\n\n :where(\n .brick-dropdown-menu__arrow,\n .brick-context-menu__arrow,\n .brick-menubar__arrow\n ) {\n --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n color: var(--brick-action-menu-content-background);\n }\n\n @supports not (width: 100dvi) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(\n .brick-dropdown-menu__content,\n .brick-dropdown-menu__sub-content,\n .brick-context-menu__content,\n .brick-context-menu__sub-content,\n .brick-menubar__content,\n .brick-menubar__sub-content\n ) {\n border-color: CanvasText;\n background: Canvas;\n box-shadow: none;\n color: CanvasText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-highlighted] {\n outline: var(--brick-border-focus-width) solid Highlight;\n outline-offset: calc(var(--brick-border-focus-width) * -1);\n background: Highlight;\n box-shadow: none;\n color: HighlightText;\n }\n\n :where(\n .brick-dropdown-menu__item,\n .brick-dropdown-menu__checkbox-item,\n .brick-dropdown-menu__radio-item,\n .brick-dropdown-menu__sub-trigger,\n .brick-context-menu__item,\n .brick-context-menu__checkbox-item,\n .brick-context-menu__radio-item,\n .brick-context-menu__sub-trigger,\n .brick-menubar__item,\n .brick-menubar__checkbox-item,\n .brick-menubar__radio-item,\n .brick-menubar__sub-trigger\n )[data-disabled] {\n color: GrayText;\n }\n }\n}\n","@layer brick.components {\n :where(.brick-context-menu__content, .brick-context-menu__sub-content) {\n --brick-context-menu-content-background: var(--brick-color-surface-overlay);\n --brick-context-menu-content-foreground: var(--brick-color-text-primary);\n --brick-context-menu-content-border: var(--brick-color-border-subtle);\n --brick-context-menu-content-radius: var(--brick-radius-overlay);\n --brick-context-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n --brick-context-menu-content-padding: var(--brick-space-1);\n --brick-context-menu-content-max-block-size: 20rem;\n --brick-context-menu-row-min-block-size: var(--brick-control-target-min);\n --brick-context-menu-row-padding-inline: var(--brick-space-3);\n --brick-context-menu-row-gap: var(--brick-space-2);\n --brick-context-menu-row-radius: var(--brick-radius-control);\n --brick-context-menu-row-foreground: var(--brick-color-text-primary);\n --brick-context-menu-row-highlighted-background: var(--brick-color-accent-soft);\n --brick-context-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n --brick-context-menu-description-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-shortcut-foreground: var(--brick-color-text-muted);\n --brick-context-menu-label-foreground: var(--brick-color-text-secondary);\n --brick-context-menu-disabled-foreground: var(--brick-color-text-muted);\n --brick-context-menu-danger-foreground: var(--brick-color-danger-text);\n --brick-context-menu-danger-background: var(--brick-color-danger-soft);\n --brick-context-menu-separator-color: var(--brick-color-border-subtle);\n --brick-context-menu-indicator-size: 1rem;\n --brick-context-menu-focus-ring: var(--brick-color-focus-ring);\n --brick-context-menu-motion-duration: var(--brick-motion-duration-fast);\n\n --brick-action-menu-content-background: var(--brick-context-menu-content-background);\n --brick-action-menu-content-foreground: var(--brick-context-menu-content-foreground);\n --brick-action-menu-content-border: var(--brick-context-menu-content-border);\n --brick-action-menu-content-radius: var(--brick-context-menu-content-radius);\n --brick-action-menu-content-shadow: var(--brick-context-menu-content-shadow);\n --brick-action-menu-content-padding: var(--brick-context-menu-content-padding);\n --brick-action-menu-content-max-block-size: var(--brick-context-menu-content-max-block-size);\n --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n --brick-action-menu-row-min-block-size: var(--brick-context-menu-row-min-block-size);\n --brick-action-menu-row-padding-inline: var(--brick-context-menu-row-padding-inline);\n --brick-action-menu-row-gap: var(--brick-context-menu-row-gap);\n --brick-action-menu-row-radius: var(--brick-context-menu-row-radius);\n --brick-action-menu-row-foreground: var(--brick-context-menu-row-foreground);\n --brick-action-menu-row-highlighted-background: var(--brick-context-menu-row-highlighted-background);\n --brick-action-menu-row-highlighted-foreground: var(--brick-context-menu-row-highlighted-foreground);\n --brick-action-menu-description-foreground: var(--brick-context-menu-description-foreground);\n --brick-action-menu-shortcut-foreground: var(--brick-context-menu-shortcut-foreground);\n --brick-action-menu-label-foreground: var(--brick-context-menu-label-foreground);\n --brick-action-menu-disabled-foreground: var(--brick-context-menu-disabled-foreground);\n --brick-action-menu-danger-foreground: var(--brick-context-menu-danger-foreground);\n --brick-action-menu-danger-background: var(--brick-context-menu-danger-background);\n --brick-action-menu-separator-color: var(--brick-context-menu-separator-color);\n --brick-action-menu-indicator-size: var(--brick-context-menu-indicator-size);\n --brick-action-menu-focus-ring: var(--brick-context-menu-focus-ring);\n --brick-action-menu-motion-duration: var(--brick-context-menu-motion-duration);\n --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n }\n\n .brick-context-menu__trigger { touch-action: manipulation; }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}@layer brick.foundations{:where([class^=brick-],[class*=\ brick-]){box-sizing:border-box;font-family:var(--brick-font-family-body);-webkit-tap-highlight-color:transparent}:where([class^=brick-],[class*=\ brick-]):before,:where([class^=brick-],[class*=\ brick-]):after{box-sizing:border-box}@media (forced-colors:active){:where([class^=brick-],[class*=\ brick-]){forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){:where([class^=brick-],[class*=\ brick-]){scroll-behavior:auto}}}@layer brick.components,brick.effects;
2
+ /*# sourceMappingURL=core.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,oBCCE,2vXAAA,mCAAA,yDAwQE,i1EAmEF,8wXAuQA,g5EDnlBF,yBECE,kJAMA,uHAKA,8BACE,oEAKF,uCACE,iEFnBJ","sources":["home/runner/work/brick/brick/.brick-cache/production/core.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/foundations.css","home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"./tokens.source.css\";\n@import \"../../src/styles/foundations.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.foundations {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n box-sizing: border-box;\n font-family: var(--brick-font-family-body);\n -webkit-tap-highlight-color: transparent;\n }\n\n :where([class^=\"brick-\"], [class*=\" brick-\"])::before,\n :where([class^=\"brick-\"], [class*=\" brick-\"])::after {\n box-sizing: border-box;\n }\n\n @media (forced-colors: active) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n forced-color-adjust: auto;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where([class^=\"brick-\"], [class*=\" brick-\"]) {\n scroll-behavior: auto;\n }\n }\n}\n","@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-data-grid-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-data-grid{--brick-data-grid-inline-size:100%;--brick-data-grid-min-inline-size:0;--brick-data-grid-border-color:var(--brick-color-border-subtle);--brick-data-grid-border-width:var(--brick-border-width);--brick-data-grid-radius:var(--brick-radius-surface);--brick-data-grid-header-background:var(--brick-color-surface-subtle);--brick-data-grid-header-foreground:var(--brick-color-text-primary);--brick-data-grid-body-background:var(--brick-color-surface);--brick-data-grid-footer-background:var(--brick-color-surface-subtle);--brick-data-grid-cell-foreground:var(--brick-color-text-primary);--brick-data-grid-cell-padding-inline:var(--brick-space-4);--brick-data-grid-cell-padding-block:var(--brick-space-3);--brick-data-grid-row-min-block-size:3rem;--brick-data-grid-caption-foreground:var(--brick-color-text-secondary);--brick-data-grid-caption-gap:var(--brick-space-3);--brick-data-grid-active-color:var(--brick-color-focus-ring);--brick-data-grid-active-width:2px;--brick-data-grid-selected-background:var(--brick-color-surface-accent-subtle,var(--brick-color-surface-subtle));--brick-data-grid-selected-foreground:var(--brick-color-text-primary);--brick-data-grid-hover-background:var(--brick-color-surface-hover,var(--brick-color-surface-subtle));--brick-data-grid-disabled-opacity:.5;--brick-data-grid-sort-indicator-size:1rem;--brick-data-grid-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-data-grid-inline-size);min-inline-size:var(--brick-data-grid-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-data-grid-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-data-grid[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-data-grid-row-min-block-size:2.5rem;--brick-data-grid-sort-indicator-size:.875rem}.brick-data-grid[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-data-grid-row-min-block-size:3.5rem;--brick-data-grid-sort-indicator-size:1.125rem}.brick-data-grid[data-density=compact]{--brick-data-grid-cell-padding-block:var(--brick-space-1)}.brick-data-grid[data-density=spacious]{--brick-data-grid-cell-padding-block:var(--brick-space-5)}.brick-data-grid__caption{color:var(--brick-data-grid-caption-foreground);text-align:start}.brick-data-grid__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-data-grid-caption-gap)}.brick-data-grid__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-data-grid-caption-gap)}.brick-data-grid__column-header,.brick-data-grid__cell{box-sizing:border-box;min-block-size:var(--brick-data-grid-row-min-block-size);padding-block:var(--brick-data-grid-cell-padding-block);padding-inline:var(--brick-data-grid-cell-padding-inline);border-block-end:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-data-grid__column-header{color:var(--brick-data-grid-header-foreground);background:var(--brick-data-grid-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}.brick-data-grid__cell{background:var(--brick-data-grid-body-background)}.brick-data-grid__footer :where(.brick-data-grid__column-header,.brick-data-grid__cell){background:var(--brick-data-grid-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=center]{text-align:center}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-align=end]{text-align:end}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-data-grid[data-variant=outline]{border:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color);border-radius:var(--brick-data-grid-radius)}.brick-data-grid[data-variant=outline] :where(.brick-data-grid__column-header,.brick-data-grid__cell)+:where(.brick-data-grid__column-header,.brick-data-grid__cell){border-inline-start:var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color)}.brick-data-grid[data-variant=outline] :where(.brick-data-grid__body,.brick-data-grid__footer):last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header,.brick-data-grid__cell){border-block-end:0}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid[data-variant=outline] .brick-data-grid__footer .brick-data-grid__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width))}.brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header,.brick-data-grid__cell){color:var(--brick-data-grid-selected-foreground);background:var(--brick-data-grid-selected-background)}.brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header,.brick-data-grid__cell),.brick-data-grid__column-header[data-actionable]:hover{background:var(--brick-data-grid-hover-background)}.brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header,.brick-data-grid__cell),:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-disabled]{opacity:var(--brick-data-grid-disabled-opacity)}:where(.brick-data-grid__column-header,.brick-data-grid__cell)[data-active]{outline:var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color);outline-offset:calc(-1 * var(--brick-data-grid-active-width));position:relative}.brick-data-grid__sort-indicator{inline-size:var(--brick-data-grid-sort-indicator-size);block-size:var(--brick-data-grid-sort-indicator-size);vertical-align:middle;color:var(--brick-data-grid-sort-indicator-color);margin-inline-start:var(--brick-space-2);display:inline-flex}.brick-data-grid__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-data-grid__column-header[data-sort=ascending] .brick-data-grid__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-data-grid__column-header[data-sort=descending] .brick-data-grid__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-data-grid{--brick-data-grid-border-color:CanvasText;--brick-data-grid-header-background:Canvas;--brick-data-grid-body-background:Canvas;--brick-data-grid-footer-background:Canvas;--brick-data-grid-active-color:Highlight;--brick-data-grid-selected-background:Highlight;--brick-data-grid-selected-foreground:HighlightText;--brick-data-grid-hover-background:Canvas;--brick-data-grid-sort-indicator-color:CanvasText}}}@layer brick.effects;
2
+ /*# sourceMappingURL=data-grid.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4JACA,suDA4BA,qOACA,sOACA,iGACA,kGACA,2FACA,+GACA,uHACA,uZACA,iNACA,yEACA,uMACA,oGACA,8FACA,kIACA,wKACA,uQACA,6NACA,gNACA,6MACA,2MACA,sNACA,kOACA,kPACA,mRACA,kKACA,mHACA,mHACA,8BACE,qaD1DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/data-grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/data-grid/data-grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/data-grid/data-grid.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.effects;\n","@layer brick.components {\n .brick-data-grid-container { box-sizing: border-box; inline-size: 100%; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }\n .brick-data-grid {\n --brick-data-grid-inline-size: 100%;\n --brick-data-grid-min-inline-size: 0;\n --brick-data-grid-border-color: var(--brick-color-border-subtle);\n --brick-data-grid-border-width: var(--brick-border-width);\n --brick-data-grid-radius: var(--brick-radius-surface);\n --brick-data-grid-header-background: var(--brick-color-surface-subtle);\n --brick-data-grid-header-foreground: var(--brick-color-text-primary);\n --brick-data-grid-body-background: var(--brick-color-surface);\n --brick-data-grid-footer-background: var(--brick-color-surface-subtle);\n --brick-data-grid-cell-foreground: var(--brick-color-text-primary);\n --brick-data-grid-cell-padding-inline: var(--brick-space-4);\n --brick-data-grid-cell-padding-block: var(--brick-space-3);\n --brick-data-grid-row-min-block-size: 3rem;\n --brick-data-grid-caption-foreground: var(--brick-color-text-secondary);\n --brick-data-grid-caption-gap: var(--brick-space-3);\n --brick-data-grid-active-color: var(--brick-color-focus-ring);\n --brick-data-grid-active-width: 2px;\n --brick-data-grid-selected-background: var(--brick-color-surface-accent-subtle, var(--brick-color-surface-subtle));\n --brick-data-grid-selected-foreground: var(--brick-color-text-primary);\n --brick-data-grid-hover-background: var(--brick-color-surface-hover, var(--brick-color-surface-subtle));\n --brick-data-grid-disabled-opacity: 0.5;\n --brick-data-grid-sort-indicator-size: 1rem;\n --brick-data-grid-sort-indicator-color: var(--brick-color-text-secondary);\n inline-size: var(--brick-data-grid-inline-size); min-inline-size: var(--brick-data-grid-min-inline-size);\n border-collapse: separate; border-spacing: 0; color: var(--brick-data-grid-cell-foreground);\n font-family: var(--brick-typography-body-md-font-family); font-size: var(--brick-typography-body-md-font-size); line-height: var(--brick-typography-body-md-line-height);\n }\n .brick-data-grid[data-size=\"sm\"] { font-size: var(--brick-typography-body-sm-font-size); line-height: var(--brick-typography-body-sm-line-height); --brick-data-grid-row-min-block-size: 2.5rem; --brick-data-grid-sort-indicator-size: .875rem; }\n .brick-data-grid[data-size=\"lg\"] { font-size: var(--brick-typography-body-lg-font-size); line-height: var(--brick-typography-body-lg-line-height); --brick-data-grid-row-min-block-size: 3.5rem; --brick-data-grid-sort-indicator-size: 1.125rem; }\n .brick-data-grid[data-density=\"compact\"] { --brick-data-grid-cell-padding-block: var(--brick-space-1); }\n .brick-data-grid[data-density=\"spacious\"] { --brick-data-grid-cell-padding-block: var(--brick-space-5); }\n .brick-data-grid__caption { color: var(--brick-data-grid-caption-foreground); text-align: start; }\n .brick-data-grid__caption[data-side=\"top\"] { caption-side: top; padding-block-end: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__caption[data-side=\"bottom\"] { caption-side: bottom; padding-block-start: var(--brick-data-grid-caption-gap); }\n .brick-data-grid__column-header, .brick-data-grid__cell { box-sizing: border-box; min-block-size: var(--brick-data-grid-row-min-block-size); padding-block: var(--brick-data-grid-cell-padding-block); padding-inline: var(--brick-data-grid-cell-padding-inline); border-block-end: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); text-align: start; vertical-align: middle; overflow-wrap: break-word; }\n .brick-data-grid__column-header { color: var(--brick-data-grid-header-foreground); background: var(--brick-data-grid-header-background); font-weight: var(--brick-typography-heading-sm-font-weight); white-space: nowrap; }\n .brick-data-grid__cell { background: var(--brick-data-grid-body-background); }\n .brick-data-grid__footer :where(.brick-data-grid__column-header, .brick-data-grid__cell) { background: var(--brick-data-grid-footer-background); font-weight: var(--brick-typography-heading-sm-font-weight); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"center\"] { text-align: center; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-align=\"end\"] { text-align: end; }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-numeric] { white-space: nowrap; font-variant-numeric: tabular-nums; }\n .brick-data-grid[data-variant=\"outline\"] { border: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); border-radius: var(--brick-data-grid-radius); }\n .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__column-header, .brick-data-grid__cell) + :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-inline-start: var(--brick-data-grid-border-width) solid var(--brick-data-grid-border-color); }\n .brick-data-grid[data-variant=\"outline\"] :where(.brick-data-grid__body, .brick-data-grid__footer):last-child .brick-data-grid__row:last-child :where(.brick-data-grid__column-header, .brick-data-grid__cell) { border-block-end: 0; }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :first-child { border-end-start-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid[data-variant=\"outline\"] .brick-data-grid__footer .brick-data-grid__row:last-child > :last-child { border-end-end-radius: calc(var(--brick-data-grid-radius) - var(--brick-data-grid-border-width)); }\n .brick-data-grid__row[data-selected] :where(.brick-data-grid__column-header, .brick-data-grid__cell) { color: var(--brick-data-grid-selected-foreground); background: var(--brick-data-grid-selected-background); }\n .brick-data-grid__row[data-selectable]:hover :where(.brick-data-grid__column-header, .brick-data-grid__cell), .brick-data-grid__column-header[data-actionable]:hover { background: var(--brick-data-grid-hover-background); }\n .brick-data-grid__row[data-disabled] :where(.brick-data-grid__column-header, .brick-data-grid__cell), :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-disabled] { opacity: var(--brick-data-grid-disabled-opacity); }\n :where(.brick-data-grid__column-header, .brick-data-grid__cell)[data-active] { position: relative; outline: var(--brick-data-grid-active-width) solid var(--brick-data-grid-active-color); outline-offset: calc(-1 * var(--brick-data-grid-active-width)); }\n .brick-data-grid__sort-indicator { display: inline-flex; inline-size: var(--brick-data-grid-sort-indicator-size); block-size: var(--brick-data-grid-sort-indicator-size); margin-inline-start: var(--brick-space-2); vertical-align: middle; color: var(--brick-data-grid-sort-indicator-color); }\n .brick-data-grid__sort-indicator svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }\n .brick-data-grid__column-header[data-sort=\"ascending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 10 4-4 4 4\"); }\n .brick-data-grid__column-header[data-sort=\"descending\"] .brick-data-grid__sort-indicator path { d: path(\"m4 6 4 4 4-4\"); }\n @media (forced-colors: active) {\n .brick-data-grid { --brick-data-grid-border-color: CanvasText; --brick-data-grid-header-background: Canvas; --brick-data-grid-body-background: Canvas; --brick-data-grid-footer-background: Canvas; --brick-data-grid-active-color: Highlight; --brick-data-grid-selected-background: Highlight; --brick-data-grid-selected-foreground: HighlightText; --brick-data-grid-hover-background: Canvas; --brick-data-grid-sort-indicator-color: CanvasText; }\n }\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,brick.foundations;@layer brick.components{.brick-dialog-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-dialog-overlay[data-state=closed]{opacity:0}.brick-dialog-content{--brick-dialog-max-inline-size:32rem;--brick-dialog-max-block-size:calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));--brick-dialog-space:var(--brick-space-5);--brick-dialog-radius:var(--brick-radius-overlay);--brick-dialog-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);z-index:calc(var(--brick-layer-overlay) + 1);inset-block-start:50%;box-sizing:border-box;inline-size:min(var(--brick-dialog-max-inline-size), calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-inline-size:calc(100vi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-block-size:var(--brick-dialog-max-block-size);border:var(--brick-border-width) solid var(--brick-color-border-subtle);border-radius:var(--brick-dialog-radius);background:var(--brick-color-surface-overlay);box-shadow:var(--brick-dialog-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transform-origin:50%;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.brick-dialog-content[data-size=sm]{--brick-dialog-max-inline-size:24rem;--brick-dialog-space:var(--brick-space-4)}.brick-dialog-content[data-size=lg]{--brick-dialog-max-inline-size:44rem;--brick-dialog-space:var(--brick-space-6)}.brick-dialog-content[data-state=closed]{opacity:0;transform:translate(-50%,-48%)scale(.985)}.brick-dialog-header{gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-dialog-space);flex:none;padding-block-end:var(--brick-space-3);display:grid}.brick-dialog-title,.brick-dialog-description{min-inline-size:0;margin:0}.brick-dialog-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-dialog-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-dialog-body{min-block-size:0;min-inline-size:0;padding-inline:var(--brick-dialog-space);padding-block:var(--brick-space-2) var(--brick-dialog-space);overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-3) var(--brick-dialog-space) var(--brick-dialog-space);flex-wrap:wrap;flex:none;display:flex}@supports not (height:100dvb){.brick-dialog-content{--brick-dialog-max-block-size:calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=30rem){.brick-dialog-content{--brick-dialog-space:var(--brick-space-4)}.brick-dialog-footer>.brick-button{flex:9rem}}@media (prefers-reduced-motion:reduce){.brick-dialog-overlay,.brick-dialog-content{transition-duration:1ms}.brick-dialog-content,.brick-dialog-content[data-state=closed]{transform:translate(-50%,-50%)}}@media (forced-colors:active){.brick-dialog-overlay{opacity:.7;background:canvas}.brick-dialog-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;
2
+ /*# sourceMappingURL=dialog.css.map */