@skedulo/breeze-ui 0.10.0 → 0.10.2

package/dist/custom-elements.json

@@ -176,6 +176,97 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/helpers/css-helpers.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getFocusStyles",
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              },
+              "description": "A CSS selector targeting an interactive element."
+            },
+            {
+              "name": "extraRules",
+              "default": "css``",
+              "description": "Optional rules to append. Useful for overrides."
+            }
+          ],
+          "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
+        },
+        {
+          "kind": "variable",
+          "name": "invisibleButtonRules",
+          "default": "css`\n  background: none;\n  border: 0;\n  border-radius: var(--brz-border-radius-default);\n  color: var(--brz-color-neutral-750);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n`",
+          "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
+        },
+        {
+          "kind": "function",
+          "name": "getInvisibleButtonStyles",
+          "parameters": [
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              },
+              "description": "A CSS selector targeting a button"
+            },
+            {
+              "name": "extraRules",
+              "default": "css``",
+              "description": "Optional rules to append. Useful for overrides."
+            }
+          ],
+          "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getFocusStyles",
+          "declaration": {
+            "name": "getFocusStyles",
+            "module": "src/helpers/css-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "invisibleButtonRules",
+          "declaration": {
+            "name": "invisibleButtonRules",
+            "module": "src/helpers/css-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getInvisibleButtonStyles",
+          "declaration": {
+            "name": "getInvisibleButtonStyles",
+            "module": "src/helpers/css-helpers.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/helpers/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./css-helpers"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/alert.ts",
@@ -916,11 +1007,6 @@
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "classes",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleClick",
@@ -2049,15 +2135,6 @@
                 "module": "src/components/buttons.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "classes",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/components/buttons.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "handleClick",
@@ -3369,15 +3446,6 @@
                 "module": "src/components/buttons.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "classes",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Button",
-                "module": "src/components/buttons.ts"
-              }
-            },
             {
               "kind": "method",
               "name": "handleClick",
@@ -6944,6 +7012,7 @@
                 "text": "'top' | 'middle' | 'bottom'"
               },
               "default": "'top'",
+              "description": "Sets the vertical alignment of the content in the row",
               "fieldName": "verticalAlign",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -6956,6 +7025,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "fieldName": "leftExpand",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -6968,6 +7038,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "fieldName": "rightExpand",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -6980,6 +7051,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the spacing between the left and right slots",
               "fieldName": "noGap",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -6992,6 +7064,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the row vertically to fill in its parent's height",
               "fieldName": "expandY",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -7007,6 +7080,7 @@
                 "text": "'top' | 'middle' | 'bottom'"
               },
               "default": "'top'",
+              "description": "Sets the vertical alignment of the content in the row",
               "attribute": "vertical-align",
               "reflects": true,
               "inheritedFrom": {
@@ -7021,6 +7095,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "attribute": "left-expand",
               "reflects": true,
               "inheritedFrom": {
@@ -7035,6 +7110,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "attribute": "right-expand",
               "reflects": true,
               "inheritedFrom": {
@@ -7049,6 +7125,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the spacing between the left and right slots",
               "attribute": "no-gap",
               "reflects": true,
               "inheritedFrom": {
@@ -7063,6 +7140,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the row vertically to fill in its parent's height",
               "attribute": "expand-y",
               "inheritedFrom": {
                 "name": "SplitRow",
@@ -7088,6 +7166,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the border (e.g. if you have an element below that has a border)",
               "fieldName": "noBorder",
               "inheritedFrom": {
                 "name": "ActionBar",
@@ -7100,6 +7179,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "fieldName": "leftExpand",
               "inheritedFrom": {
                 "name": "ActionBar",
@@ -7112,6 +7192,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "fieldName": "rightExpand",
               "inheritedFrom": {
                 "name": "ActionBar",
@@ -7127,6 +7208,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the border (e.g. if you have an element below that has a border)",
               "attribute": "no-border",
               "reflects": true,
               "inheritedFrom": {
@@ -7141,6 +7223,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "attribute": "left-expand",
               "reflects": true,
               "inheritedFrom": {
@@ -7155,6 +7238,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "attribute": "right-expand",
               "reflects": true,
               "inheritedFrom": {
@@ -18189,41 +18273,6 @@
           "kind": "class",
           "description": "Record row component",
           "name": "RecordRow",
-          "superclass": {
-            "name": "RecordField",
-            "module": "/src/components/record-field"
-          },
-          "deprecated": "Use brz-record-field",
-          "tagName": "brz-record-row",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "label-position",
-              "type": {
-                "text": "LabelPosition"
-              },
-              "default": "'top'",
-              "description": "The position of the supplied label",
-              "fieldName": "labelPosition",
-              "inheritedFrom": {
-                "name": "RecordField",
-                "module": "src/components/record-field/record-field.ts"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "InputSizes"
-              },
-              "default": "'medium'",
-              "description": "The size of the input",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "RecordField",
-                "module": "src/components/record-field/record-field.ts"
-              }
-            }
-          ],
           "members": [
             {
               "kind": "field",
@@ -18274,6 +18323,41 @@
                 "module": "src/components/record-field/record-field.ts"
               }
             }
+          ],
+          "superclass": {
+            "name": "RecordField",
+            "module": "/src/components/record-field"
+          },
+          "deprecated": "Use brz-record-field",
+          "tagName": "brz-record-row",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "label-position",
+              "type": {
+                "text": "LabelPosition"
+              },
+              "default": "'top'",
+              "description": "The position of the supplied label",
+              "fieldName": "labelPosition",
+              "inheritedFrom": {
+                "name": "RecordField",
+                "module": "src/components/record-field/record-field.ts"
+              }
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "InputSizes"
+              },
+              "default": "'medium'",
+              "description": "The size of the input",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "RecordField",
+                "module": "src/components/record-field/record-field.ts"
+              }
+            }
           ]
         },
         {
@@ -19255,6 +19339,16 @@
           "kind": "class",
           "description": "Split row layout.",
           "name": "SplitRow",
+          "slots": [
+            {
+              "description": "Content to populate the left side",
+              "name": "left"
+            },
+            {
+              "description": "Content to populate the right side",
+              "name": "right"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -19263,6 +19357,7 @@
                 "text": "'top' | 'middle' | 'bottom'"
               },
               "default": "'top'",
+              "description": "Sets the vertical alignment of the content in the row",
               "attribute": "vertical-align",
               "reflects": true
             },
@@ -19273,6 +19368,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "attribute": "left-expand",
               "reflects": true
             },
@@ -19283,6 +19379,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "attribute": "right-expand",
               "reflects": true
             },
@@ -19293,6 +19390,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the spacing between the left and right slots",
               "attribute": "no-gap",
               "reflects": true
             },
@@ -19303,6 +19401,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the row vertically to fill in its parent's height",
               "attribute": "expand-y"
             }
           ],
@@ -19313,6 +19412,7 @@
                 "text": "'top' | 'middle' | 'bottom'"
               },
               "default": "'top'",
+              "description": "Sets the vertical alignment of the content in the row",
               "fieldName": "verticalAlign"
             },
             {
@@ -19321,6 +19421,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "fieldName": "leftExpand"
             },
             {
@@ -19329,6 +19430,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "fieldName": "rightExpand"
             },
             {
@@ -19337,6 +19439,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the spacing between the left and right slots",
               "fieldName": "noGap"
             },
             {
@@ -19345,6 +19448,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the row vertically to fill in its parent's height",
               "fieldName": "expandY"
             }
           ],
@@ -19359,6 +19463,16 @@
           "kind": "class",
           "description": "Action bar layout.",
           "name": "ActionBar",
+          "slots": [
+            {
+              "description": "Content to populate the left side",
+              "name": "left"
+            },
+            {
+              "description": "Content to populate the right side",
+              "name": "right"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -19367,6 +19481,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the border (e.g. if you have an element below that has a border)",
               "attribute": "no-border",
               "reflects": true
             },
@@ -19377,6 +19492,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "attribute": "left-expand",
               "reflects": true
             },
@@ -19387,6 +19503,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "attribute": "right-expand",
               "reflects": true
             }
@@ -19398,6 +19515,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Removes the border (e.g. if you have an element below that has a border)",
               "fieldName": "noBorder"
             },
             {
@@ -19406,6 +19524,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the left slot to fill the remaining space",
               "fieldName": "leftExpand"
             },
             {
@@ -19414,6 +19533,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Expands the right slot to fill the remaining space",
               "fieldName": "rightExpand"
             }
           ],
@@ -19476,91 +19596,121 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/helpers/css-helpers.ts",
+      "path": "src/storybook/colors.stories.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "getFocusStyles",
-          "parameters": [
+          "kind": "class",
+          "description": "Story component to render a colour swatch.\nWill extract the hex code from a supplied color var and use it as the background.",
+          "name": "ColorSwatch",
+          "members": [
             {
-              "name": "selector",
+              "kind": "field",
+              "name": "colorVar",
               "type": {
                 "text": "string"
               },
-              "description": "A CSS selector targeting an interactive element."
+              "default": "''",
+              "attribute": "colorVar"
             },
             {
-              "name": "extraRules",
-              "default": "css``",
-              "description": "Optional rules to append. Useful for overrides."
+              "kind": "field",
+              "name": "lightText",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "light-text"
             }
           ],
-          "description": "Returns a CSSResult applying focus outline styles to a given interactive\nelement. Reduces repetition throughout multiple components.\n\nTargets modern `:focus-visible` by default and includes a `:focus` fallback\nfor older browsers."
-        },
-        {
-          "kind": "variable",
-          "name": "invisibleButtonRules",
-          "default": "css`\n  background: none;\n  border: 0;\n  border-radius: var(--brz-border-radius-default);\n  color: var(--brz-color-neutral-750);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n`",
-          "description": "CSS rules to apply invisible styles to buttons. Use within a CSS declaration\nblock."
-        },
-        {
-          "kind": "function",
-          "name": "getInvisibleButtonStyles",
-          "parameters": [
+          "attributes": [
             {
-              "name": "selector",
+              "name": "colorVar",
               "type": {
                 "text": "string"
               },
-              "description": "A CSS selector targeting a button"
+              "default": "''",
+              "fieldName": "colorVar"
             },
             {
-              "name": "extraRules",
-              "default": "css``",
-              "description": "Optional rules to append. Useful for overrides."
+              "name": "light-text",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "lightText"
             }
           ],
-          "description": "Returns a CSSResult applying invisible styles to a button matching the given\nselector. Invisible buttons are a common pattern for icon-only close buttons.\n\nSince this applies to buttons, default focus styles are also automatically\nincluded for the selector. If you don't need them, or need to customise them,\nuse `invisibleButtonStyles` and `getFocusStyles()` separately instead."
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "brz-sb-color-swatch",
+          "customElement": true
+        },
+        {
+          "kind": "class",
+          "description": "Story component for laying out a group of swatches",
+          "name": "ColorSwatchGroup",
+          "members": [
+            {
+              "kind": "field",
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "stacked"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "stacked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "stacked"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "brz-sb-color-swatch-group",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "getFocusStyles",
+          "name": "ColorSwatch",
           "declaration": {
-            "name": "getFocusStyles",
-            "module": "src/helpers/css-helpers.ts"
+            "name": "ColorSwatch",
+            "module": "src/storybook/colors.stories.ts"
           }
         },
         {
-          "kind": "js",
-          "name": "invisibleButtonRules",
+          "kind": "custom-element-definition",
+          "name": "brz-sb-color-swatch",
           "declaration": {
-            "name": "invisibleButtonRules",
-            "module": "src/helpers/css-helpers.ts"
+            "name": "ColorSwatch",
+            "module": "src/storybook/colors.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getInvisibleButtonStyles",
+          "name": "ColorSwatchGroup",
           "declaration": {
-            "name": "getInvisibleButtonStyles",
-            "module": "src/helpers/css-helpers.ts"
+            "name": "ColorSwatchGroup",
+            "module": "src/storybook/colors.stories.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/helpers/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "*",
+          "kind": "custom-element-definition",
+          "name": "brz-sb-color-swatch-group",
           "declaration": {
-            "name": "*",
-            "package": "./css-helpers"
+            "name": "ColorSwatchGroup",
+            "module": "src/storybook/colors.stories.ts"
           }
         }
       ]
@@ -19702,127 +19852,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/storybook/colors.stories.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Story component to render a colour swatch.\nWill extract the hex code from a supplied color var and use it as the background.",
-          "name": "ColorSwatch",
-          "members": [
-            {
-              "kind": "field",
-              "name": "colorVar",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "colorVar"
-            },
-            {
-              "kind": "field",
-              "name": "lightText",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "light-text"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "colorVar",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "colorVar"
-            },
-            {
-              "name": "light-text",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "lightText"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "brz-sb-color-swatch",
-          "customElement": true
-        },
-        {
-          "kind": "class",
-          "description": "Story component for laying out a group of swatches",
-          "name": "ColorSwatchGroup",
-          "members": [
-            {
-              "kind": "field",
-              "name": "stacked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "stacked"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "stacked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "stacked"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "brz-sb-color-swatch-group",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ColorSwatch",
-          "declaration": {
-            "name": "ColorSwatch",
-            "module": "src/storybook/colors.stories.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "brz-sb-color-swatch",
-          "declaration": {
-            "name": "ColorSwatch",
-            "module": "src/storybook/colors.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ColorSwatchGroup",
-          "declaration": {
-            "name": "ColorSwatchGroup",
-            "module": "src/storybook/colors.stories.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "brz-sb-color-swatch-group",
-          "declaration": {
-            "name": "ColorSwatchGroup",
-            "module": "src/storybook/colors.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/styles/borders.ts",
@@ -19904,7 +19933,7 @@
         {
           "kind": "variable",
           "name": "colors",
-          "default": "css`\n  :host {\n    --brz-color-neutral-900: #1b263a;\n    --brz-color-neutral-850: #223049;\n    --brz-color-neutral-800: #364359;\n    --brz-color-neutral-750: #4a556a;\n    --brz-color-neutral-700: #5e687a;\n    --brz-color-neutral-650: #697282;\n    --brz-color-neutral-600: #7a8291;\n    --brz-color-neutral-550: #8d95a5;\n    --brz-color-neutral-500: #9aa2b2;\n    --brz-color-neutral-450: #b3bac8;\n    --brz-color-neutral-400: #cacfd9;\n    --brz-color-neutral-350: #dadee6;\n    --brz-color-neutral-300: #e4e7ed;\n    --brz-color-neutral-250: #eceef3;\n    --brz-color-neutral-200: #f3f5f9;\n    --brz-color-neutral-0: #ffffff;\n\n    --brz-color-white: var(--brz-color-neutral-0);\n\n    --brz-color-blue-900: #0062b3;\n    --brz-color-blue-800: #0070cc;\n    --brz-color-blue-700: #007ee6;\n    --brz-color-blue-600: #008cff;\n    --brz-color-blue-500: #33a3ff;\n    --brz-color-blue-400: #66baff;\n    --brz-color-blue-300: #99d1ff;\n    --brz-color-blue-200: #cce8ff;\n    --brz-color-blue-100: #e6f4ff;\n\n    --brz-color-green-900: #3d7b4b;\n    --brz-color-green-800: #3d854e;\n    --brz-color-green-700: #3b8f4f;\n    --brz-color-green-600: #469b58;\n    --brz-color-green-500: #6ebf81;\n    --brz-color-green-400: #9bd3a8;\n    --brz-color-green-300: #bde2c5;\n    --brz-color-green-200: #def0e2;\n    --brz-color-green-100: #ebf6ed;\n\n    --brz-color-orange-900: #9f5314;\n    --brz-color-orange-800: #b65e16;\n    --brz-color-orange-700: #cc6a19;\n    --brz-color-orange-600: #e3761c;\n    --brz-color-orange-500: #e99149;\n    --brz-color-orange-400: #eead77;\n    --brz-color-orange-300: #f4c8a4;\n    --brz-color-orange-200: #f9e4d2;\n    --brz-color-orange-100: #fcf1e8;\n\n    --brz-color-red-900: #952a22;\n    --brz-color-red-800: #aa3026;\n    --brz-color-red-700: #c0362b;\n    --brz-color-red-600: #d53c30;\n    --brz-color-red-500: #dd6359;\n    --brz-color-red-400: #e68a83;\n    --brz-color-red-300: #eeb1ac;\n    --brz-color-red-200: #f7d8d6;\n    --brz-color-red-100: #fbecea;\n\n    --brz-color-purple-900: #514192;\n    --brz-color-purple-800: #5c4aa6;\n    --brz-color-purple-700: #6854bb;\n    --brz-color-purple-600: #735dd0;\n    --brz-color-purple-500: #8f7dd9;\n    --brz-color-purple-400: #ab9ee3;\n    --brz-color-purple-300: #c7beec;\n    --brz-color-purple-200: #e3dff6;\n    --brz-color-purple-100: #f1effa;\n\n    --brz-color-cyan-900: #3aa9ca;\n    --brz-color-cyan-800: #3aa9ca;\n    --brz-color-cyan-700: #3aa9ca;\n    --brz-color-cyan-600: #3aa9ca;\n    --brz-color-cyan-500: #3aa9ca;\n    --brz-color-cyan-400: #3aa9ca;\n    --brz-color-cyan-300: #3aa9ca;\n    --brz-color-cyan-200: #3aa9ca;\n    --brz-color-cyan-100: #ebf6fa;\n\n    --brz-color-yellow-900: #a1850b;\n    --brz-color-yellow-800: #b8980c;\n    --brz-color-yellow-700: #cfab0e;\n    --brz-color-yellow-600: #e6be0f;\n    --brz-color-yellow-500: #ebcb3f;\n    --brz-color-yellow-400: #f0d86f;\n    --brz-color-yellow-300: #f5e59f;\n    --brz-color-yellow-200: #faf2cf;\n    --brz-color-yellow-100: #fdf9e7;\n\n    --brz-color-teal-900: #19675f;\n    --brz-color-teal-800: #1d766c;\n    --brz-color-teal-700: #20847a;\n    --brz-color-teal-600: #249387;\n    --brz-color-teal-500: #50a99f;\n    --brz-color-teal-400: #7cbeb7;\n    --brz-color-teal-300: #a7d4cf;\n    --brz-color-teal-200: #d3e9e7;\n    --brz-color-teal-100: #e9f4f3;\n\n    --brz-color-pink-900: #832358;\n    --brz-color-pink-800: #962864;\n    --brz-color-pink-700: #a82d71;\n    --brz-color-pink-600: #bb327d;\n    --brz-color-pink-500: #c95b97;\n    --brz-color-pink-400: #d684b1;\n    --brz-color-pink-300: #e4adcb;\n    --brz-color-pink-200: #f1d6e5;\n    --brz-color-pink-100: #f8ebf2;\n\n    --brz-color-sapphire-900: #3e6682;\n    --brz-color-sapphire-800: #467495;\n    --brz-color-sapphire-700: #4f83a7;\n    --brz-color-sapphire-600: #5891ba;\n    --brz-color-sapphire-500: #79a7c8;\n    --brz-color-sapphire-400: #9bbdd6;\n    --brz-color-sapphire-300: #bcd3e3;\n    --brz-color-sapphire-200: #dee9f1;\n    --brz-color-sapphire-100: #eef4f8;\n\n    --brz-color-lime-900: #577d2e;\n    --brz-color-lime-800: #638f35;\n    --brz-color-lime-700: #70a13b;\n    --brz-color-lime-600: #7cb342;\n    --brz-color-lime-500: #96c268;\n    --brz-color-lime-400: #b0d18e;\n    --brz-color-lime-300: #cbe1b3;\n    --brz-color-lime-200: #e5f0d9;\n    --brz-color-lime-100: #f2f7ec;\n\n    --brz-color-indigo-900: #2f3976;\n    --brz-color-indigo-800: #364286;\n    --brz-color-indigo-700: #3c4a97;\n    --brz-color-indigo-600: #4352a8;\n    --brz-color-indigo-500: #6975b9;\n    --brz-color-indigo-400: #8e97cb;\n    --brz-color-indigo-300: #b4badc;\n    --brz-color-indigo-200: #d9dcee;\n    --brz-color-indigo-100: #eceef6;\n\n    --brz-color-brown-900: #7f4133;\n    --brz-color-brown-800: #924a3a;\n    --brz-color-brown-700: #a45442;\n    --brz-color-brown-600: #b65d49;\n    --brz-color-brown-500: #c57d6d;\n    --brz-color-brown-400: #d39e92;\n    --brz-color-brown-300: #e2beb6;\n    --brz-color-brown-200: #f0dfdb;\n    --brz-color-brown-100: #f8efed;\n\n    --brz-color-maroon-900: #4f2b3f;\n    --brz-color-maroon-800: #5a3248;\n    --brz-color-maroon-700: #663851;\n    --brz-color-maroon-600: #713e5a;\n    --brz-color-maroon-500: #8d657b;\n    --brz-color-maroon-400: #aa8b9c;\n    --brz-color-maroon-300: #c6b2bd;\n    --brz-color-maroon-200: #e3d8de;\n    --brz-color-maroon-100: #f1ecef;\n\n    --brz-color-rose-900: #89374a;\n    --brz-color-rose-800: #9d3f55;\n    --brz-color-rose-700: #b0475f;\n    --brz-color-rose-600: #c44f6a;\n    --brz-color-rose-500: #d07288;\n    --brz-color-rose-400: #dc95a6;\n    --brz-color-rose-300: #e7b9c3;\n    --brz-color-rose-200: #f3dce1;\n    --brz-color-rose-100: #f9edf0;\n\n    --brz-color-overlay: #22304933;\n    --brz-color-shadow-150: #22304926;\n    --brz-color-shadow-100: #2230491a;\n\n    --brz-color-primary-900: var(--brz-color-blue-900);\n    --brz-color-primary-800: var(--brz-color-blue-800);\n    --brz-color-primary-700: var(--brz-color-blue-700);\n    --brz-color-primary-600: var(--brz-color-blue-600);\n    --brz-color-primary-500: var(--brz-color-blue-500);\n    --brz-color-primary-400: var(--brz-color-blue-400);\n    --brz-color-primary-300: var(--brz-color-blue-300);\n    --brz-color-primary-200: var(--brz-color-blue-200);\n    --brz-color-primary-100: var(--brz-color-blue-100);\n\n    --brz-color-error: var(--brz-color-red-600);\n    --brz-color-label-text: var(--brz-color-neutral-750);\n\n    --brz-color-text-on-color: var(--brz-color-white);\n  }\n`"
+          "default": "css`\n  :host {\n    --brz-color-neutral-900: #1b263a;\n    --brz-color-neutral-850: #223049;\n    --brz-color-neutral-800: #364359;\n    --brz-color-neutral-750: #4a556a;\n    --brz-color-neutral-700: #5e687a;\n    --brz-color-neutral-650: #697282;\n    --brz-color-neutral-600: #7a8291;\n    --brz-color-neutral-550: #8d95a5;\n    --brz-color-neutral-500: #9aa2b2;\n    --brz-color-neutral-450: #b3bac8;\n    --brz-color-neutral-400: #cacfd9;\n    --brz-color-neutral-350: #dadee6;\n    --brz-color-neutral-300: #e4e7ed;\n    --brz-color-neutral-250: #eceef3;\n    --brz-color-neutral-200: #f3f5f9;\n    --brz-color-neutral-0: #ffffff;\n\n    --brz-color-white: var(--brz-color-neutral-0);\n\n    --brz-color-blue-900: #0062b3;\n    --brz-color-blue-800: #0070cc;\n    --brz-color-blue-700: #007ee6;\n    --brz-color-blue-600: #008cff;\n    --brz-color-blue-500: #33a3ff;\n    --brz-color-blue-400: #66baff;\n    --brz-color-blue-300: #99d1ff;\n    --brz-color-blue-200: #cce8ff;\n    --brz-color-blue-100: #e6f4ff;\n\n    --brz-color-green-900: #3d7b4b;\n    --brz-color-green-800: #3d854e;\n    --brz-color-green-700: #3b8f4f;\n    --brz-color-green-600: #469b58;\n    --brz-color-green-500: #6ebf81;\n    --brz-color-green-400: #9bd3a8;\n    --brz-color-green-300: #bde2c5;\n    --brz-color-green-200: #def0e2;\n    --brz-color-green-100: #ebf6ed;\n\n    --brz-color-orange-900: #9f5314;\n    --brz-color-orange-800: #b65e16;\n    --brz-color-orange-700: #cc6a19;\n    --brz-color-orange-600: #e3761c;\n    --brz-color-orange-500: #e99149;\n    --brz-color-orange-400: #eead77;\n    --brz-color-orange-300: #f4c8a4;\n    --brz-color-orange-200: #f9e4d2;\n    --brz-color-orange-100: #fcf1e8;\n\n    --brz-color-red-900: #952a22;\n    --brz-color-red-800: #aa3026;\n    --brz-color-red-700: #c0362b;\n    --brz-color-red-600: #d53c30;\n    --brz-color-red-500: #dd6359;\n    --brz-color-red-400: #e68a83;\n    --brz-color-red-300: #eeb1ac;\n    --brz-color-red-200: #f7d8d6;\n    --brz-color-red-100: #fbecea;\n\n    --brz-color-purple-900: #514192;\n    --brz-color-purple-800: #5c4aa6;\n    --brz-color-purple-700: #6854bb;\n    --brz-color-purple-600: #735dd0;\n    --brz-color-purple-500: #8f7dd9;\n    --brz-color-purple-400: #ab9ee3;\n    --brz-color-purple-300: #c7beec;\n    --brz-color-purple-200: #e3dff6;\n    --brz-color-purple-100: #f1effa;\n\n    --brz-color-cyan-900: #3aa9ca;\n    --brz-color-cyan-800: #3aa9ca;\n    --brz-color-cyan-700: #3aa9ca;\n    --brz-color-cyan-600: #3aa9ca;\n    --brz-color-cyan-500: #3aa9ca;\n    --brz-color-cyan-400: #3aa9ca;\n    --brz-color-cyan-300: #3aa9ca;\n    --brz-color-cyan-200: #3aa9ca;\n    --brz-color-cyan-100: #ebf6fa;\n\n    --brz-color-yellow-900: #a1850b;\n    --brz-color-yellow-800: #b8980c;\n    --brz-color-yellow-700: #cfab0e;\n    --brz-color-yellow-600: #e6be0f;\n    --brz-color-yellow-500: #ebcb3f;\n    --brz-color-yellow-400: #f0d86f;\n    --brz-color-yellow-300: #f5e59f;\n    --brz-color-yellow-200: #faf2cf;\n    --brz-color-yellow-100: #fdf9e7;\n\n    --brz-color-teal-900: #19675f;\n    --brz-color-teal-800: #1d766c;\n    --brz-color-teal-700: #20847a;\n    --brz-color-teal-600: #249387;\n    --brz-color-teal-500: #50a99f;\n    --brz-color-teal-400: #7cbeb7;\n    --brz-color-teal-300: #a7d4cf;\n    --brz-color-teal-200: #d3e9e7;\n    --brz-color-teal-100: #e9f4f3;\n\n    --brz-color-pink-900: #832358;\n    --brz-color-pink-800: #962864;\n    --brz-color-pink-700: #a82d71;\n    --brz-color-pink-600: #bb327d;\n    --brz-color-pink-500: #c95b97;\n    --brz-color-pink-400: #d684b1;\n    --brz-color-pink-300: #e4adcb;\n    --brz-color-pink-200: #f1d6e5;\n    --brz-color-pink-100: #f8ebf2;\n\n    --brz-color-sapphire-900: #3e6682;\n    --brz-color-sapphire-800: #467495;\n    --brz-color-sapphire-700: #4f83a7;\n    --brz-color-sapphire-600: #5891ba;\n    --brz-color-sapphire-500: #79a7c8;\n    --brz-color-sapphire-400: #9bbdd6;\n    --brz-color-sapphire-300: #bcd3e3;\n    --brz-color-sapphire-200: #dee9f1;\n    --brz-color-sapphire-100: #eef4f8;\n\n    --brz-color-lime-900: #577d2e;\n    --brz-color-lime-800: #638f35;\n    --brz-color-lime-700: #70a13b;\n    --brz-color-lime-600: #7cb342;\n    --brz-color-lime-500: #96c268;\n    --brz-color-lime-400: #b0d18e;\n    --brz-color-lime-300: #cbe1b3;\n    --brz-color-lime-200: #e5f0d9;\n    --brz-color-lime-100: #f2f7ec;\n\n    --brz-color-indigo-900: #2f3976;\n    --brz-color-indigo-800: #364286;\n    --brz-color-indigo-700: #3c4a97;\n    --brz-color-indigo-600: #4352a8;\n    --brz-color-indigo-500: #6975b9;\n    --brz-color-indigo-400: #8e97cb;\n    --brz-color-indigo-300: #b4badc;\n    --brz-color-indigo-200: #d9dcee;\n    --brz-color-indigo-100: #eceef6;\n\n    --brz-color-brown-900: #7f4133;\n    --brz-color-brown-800: #924a3a;\n    --brz-color-brown-700: #a45442;\n    --brz-color-brown-600: #b65d49;\n    --brz-color-brown-500: #c57d6d;\n    --brz-color-brown-400: #d39e92;\n    --brz-color-brown-300: #e2beb6;\n    --brz-color-brown-200: #f0dfdb;\n    --brz-color-brown-100: #f8efed;\n\n    --brz-color-maroon-900: #4f2b3f;\n    --brz-color-maroon-800: #5a3248;\n    --brz-color-maroon-700: #663851;\n    --brz-color-maroon-600: #713e5a;\n    --brz-color-maroon-500: #8d657b;\n    --brz-color-maroon-400: #aa8b9c;\n    --brz-color-maroon-300: #c6b2bd;\n    --brz-color-maroon-200: #e3d8de;\n    --brz-color-maroon-100: #f1ecef;\n\n    --brz-color-rose-900: #89374a;\n    --brz-color-rose-800: #9d3f55;\n    --brz-color-rose-700: #b0475f;\n    --brz-color-rose-600: #c44f6a;\n    --brz-color-rose-500: #d07288;\n    --brz-color-rose-400: #dc95a6;\n    --brz-color-rose-300: #e7b9c3;\n    --brz-color-rose-200: #f3dce1;\n    --brz-color-rose-100: #f9edf0;\n\n    --brz-color-overlay: #22304933;\n    --brz-color-shadow-150: #22304926;\n    --brz-color-shadow-100: #2230491a;\n\n    --brz-color-primary-900: var(--brz-color-blue-900);\n    --brz-color-primary-800: var(--brz-color-blue-800);\n    --brz-color-primary-700: var(--brz-color-blue-700);\n    --brz-color-primary-600: var(--brz-color-blue-600);\n    --brz-color-primary-500: var(--brz-color-blue-500);\n    --brz-color-primary-400: var(--brz-color-blue-400);\n    --brz-color-primary-300: var(--brz-color-blue-300);\n    --brz-color-primary-200: var(--brz-color-blue-200);\n    --brz-color-primary-100: var(--brz-color-blue-100);\n\n    --brz-color-primary: var(--brz-color-primary-800);\n    --brz-color-primary-hover: var(--brz-color-primary-900);\n\n    --brz-color-error: var(--brz-color-red-600);\n    --brz-color-label-text: var(--brz-color-neutral-750);\n\n    --brz-color-text-on-color: var(--brz-color-white);\n  }\n`"
         }
       ],
       "exports": [
@@ -29869,6 +29898,12 @@
           "kind": "class",
           "description": "Wraps multiple InlineEditField components.\n\nCan optionally be made a `controller` group so that all registered fields are\ntoggled at once.",
           "name": "InlineEditGroup",
+          "cssParts": [
+            {
+              "description": "Apply style overrides to the group container element",
+              "name": "container"
+            }
+          ],
           "slots": [
             {
               "description": "One or more InlineEditField components, which can be wrapped in a more complex layout where necessary",
@@ -30399,12 +30434,12 @@
         {
           "kind": "variable",
           "name": "inlineEditFieldStyles",
-          "default": "css`\n  :host {\n    display: block;\n  }\n\n  :host(:nth-of-type(n + 2)) {\n    margin-top: var(--brz-spacing-4);\n  }\n\n  .button {\n    --brz-button-color: var(--brz-color-neutral-850);\n    --brz-button-icon-color: var(--brz-color-neutral-600);\n    --brz-button-font-weight: var(--brz-font-weight-normal);\n  }\n\n  .button.offset {\n    margin-left: calc(0px - var(--brz-spacing-2));\n    margin-top: calc(0px - var(--brz-spacing-1));\n  }\n\n  :host(:not([locked])) .button {\n    width: 100%;\n  }\n\n  .button[disabled]::part(button) {\n    --brz-button-color: inherit !important;\n  }\n\n  .button::part(button) {\n    height: auto;\n    min-height: var(--brz-button-height);\n    width: 100%;\n  }\n\n  .button:hover:not([disabled])::part(button) {\n    --brz-button-background-color: var(--brz-color-neutral-250);\n  }\n\n  .button::part(contents) {\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .button::part(icon-right) {\n    display: none;\n  }\n\n  .button:hover::part(button) {\n    transition: background-color 100ms ease-in-out;\n  }\n\n  .button:hover::part(icon-right),\n  .button:focus::part(icon-right) {\n    display: block;\n  }\n\n  .button.overflowing:hover::part(icon-right),\n  .button.overflowing:focus::part(icon-right) {\n    align-self: flex-start;\n    margin-top: var(--brz-spacing-2);\n  }\n\n  .edit-mode {\n    display: inline-block;\n  }\n\n  .edit-mode.block {\n    display: block;\n  }\n\n  .value {\n    max-width: calc(100% - var(--brz-spacing-5));\n    text-align: left;\n  }\n\n  .value.overflowing {\n    padding: calc(var(--brz-spacing-2) - var(--brz-spacing-px)) 0;\n  }\n\n  :host([locked]) .button:not(:hover) .value {\n    padding-right: var(--brz-spacing-5);\n  }\n\n  .value.truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  brz-inline-edit-controls {\n    --brz-inline-edit-controls-spacing: var(--brz-spacing-2);\n\n    margin-top: var(--brz-inline-edit-controls-spacing);\n  }\n`"
+          "default": "css`\n  :host {\n    display: block;\n  }\n\n  .button {\n    --brz-button-color: var(--brz-color-neutral-850);\n    --brz-button-icon-color: var(--brz-color-neutral-600);\n    --brz-button-font-weight: var(--brz-font-weight-normal);\n  }\n\n  .button.offset {\n    margin-left: calc(0px - var(--brz-spacing-2));\n    margin-top: calc(0px - var(--brz-spacing-1));\n  }\n\n  :host(:not([locked])) .button {\n    width: 100%;\n  }\n\n  .button[disabled]::part(button) {\n    --brz-button-color: inherit !important;\n  }\n\n  .button::part(button) {\n    height: auto;\n    min-height: var(--brz-button-height);\n    width: 100%;\n  }\n\n  .button:hover:not([disabled])::part(button) {\n    --brz-button-background-color: var(--brz-color-neutral-250);\n  }\n\n  .button::part(contents) {\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .button::part(icon-right) {\n    display: none;\n  }\n\n  .button:hover::part(button) {\n    transition: background-color 100ms ease-in-out;\n  }\n\n  .button:hover::part(icon-right),\n  .button:focus::part(icon-right) {\n    display: block;\n  }\n\n  .button.overflowing:hover::part(icon-right),\n  .button.overflowing:focus::part(icon-right) {\n    align-self: flex-start;\n    margin-top: var(--brz-spacing-2);\n  }\n\n  .edit-mode {\n    display: inline-block;\n  }\n\n  .edit-mode.block {\n    display: block;\n  }\n\n  .value {\n    max-width: calc(100% - var(--brz-spacing-5));\n    text-align: left;\n  }\n\n  .value.overflowing {\n    padding: calc(var(--brz-spacing-2) - var(--brz-spacing-px)) 0;\n  }\n\n  :host([locked]) .button:not(:hover) .value {\n    padding-right: var(--brz-spacing-5);\n  }\n\n  .value.truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  brz-inline-edit-controls {\n    --brz-inline-edit-controls-spacing: var(--brz-spacing-2);\n\n    margin-top: var(--brz-inline-edit-controls-spacing);\n  }\n`"
         },
         {
           "kind": "variable",
           "name": "inlineEditGroupStyles",
-          "default": "css`\n  .inline-edit-group {\n    display: inline-block;\n    margin: 0;\n  }\n\n  brz-inline-edit-controls {\n    margin-top: var(--brz-inline-edit-controls-spacing);\n  }\n`"
+          "default": "css`\n  .inline-edit-group {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--brz-spacing-4);\n    margin: 0;\n  }\n\n  brz-inline-edit-controls {\n    margin-top: var(--brz-inline-edit-controls-spacing);\n  }\n`"
         },
         {
           "kind": "variable",
@@ -32005,7 +32040,7 @@
         {
           "kind": "variable",
           "name": "recordFieldStyles",
-          "default": "css`\n  :host {\n    display: block;\n  }\n\n  :host(:nth-of-type(n + 2)) {\n    margin-top: var(--brz-spacing-4);\n  }\n\n  :host([label-position='top']) .container {\n    flex-direction: column;\n  }\n\n  :host([label-position='top']) .label {\n    margin-bottom: var(--brz-spacing-1);\n  }\n\n  :host([label-position='side']) .label {\n    align-items: flex-start;\n  }\n\n  ::slotted([slot='label']) {\n    font-weight: var(--brz-font-weight-medium);\n  }\n\n  :host([label-position='side']) ::slotted([slot='label']) {\n    align-items: center;\n    display: inline-flex;\n    min-height: var(--brz-spacing-9);\n    width: 10.25rem;\n  }\n\n  :host([label-position='side']) ::slotted([slot='label'][hidden]) {\n    display: block !important;\n  }\n\n  .label.hidden {\n    display: none;\n  }\n\n  .label-right-row {\n    margin-bottom: var(--brz-spacing-1);\n  }\n\n  .label-right-row:not(.size-full) {\n    margin-left: 11.25rem;\n  }\n\n  .container {\n    display: flex;\n    min-height: var(--brz-spacing-9);\n  }\n\n  .value {\n    align-items: center;\n    display: flex;\n  }\n\n  :host([label-position='side']) .value.multiline {\n    margin: var(--brz-spacing-2) 0;\n  }\n\n  .value ::slotted(*) {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .value ::slotted(dd) {\n    margin: 0;\n  }\n\n  :host([label-position='side']) .value {\n    min-height: var(--brz-spacing-9);\n  }\n\n  :host([label-position='side']) .value.size-auto {\n    flex-grow: 1;\n  }\n`"
+          "default": "css`\n  :host {\n    display: block;\n  }\n\n  :host([label-position='top']) .container {\n    flex-direction: column;\n  }\n\n  :host([label-position='top']) .label {\n    margin-bottom: var(--brz-spacing-1);\n  }\n\n  :host([label-position='side']) .label {\n    align-items: flex-start;\n  }\n\n  ::slotted([slot='label']) {\n    font-weight: var(--brz-font-weight-medium);\n  }\n\n  :host([label-position='side']) ::slotted([slot='label']) {\n    align-items: center;\n    display: inline-flex;\n    min-height: var(--brz-spacing-9);\n    width: 10.25rem;\n  }\n\n  :host([label-position='side']) ::slotted([slot='label'][hidden]) {\n    display: block !important;\n  }\n\n  .label.hidden {\n    display: none;\n  }\n\n  .label-right-row {\n    margin-bottom: var(--brz-spacing-1);\n  }\n\n  .label-right-row:not(.size-full) {\n    margin-left: 11.25rem;\n  }\n\n  .container {\n    display: flex;\n    min-height: var(--brz-spacing-9);\n  }\n\n  .value {\n    align-items: center;\n    display: flex;\n  }\n\n  :host([label-position='side']) .value.multiline {\n    margin: var(--brz-spacing-2) 0;\n  }\n\n  .value ::slotted(*) {\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .value ::slotted(dd) {\n    margin: 0;\n  }\n\n  :host([label-position='side']) .value {\n    min-height: var(--brz-spacing-9);\n  }\n\n  :host([label-position='side']) .value.size-auto {\n    flex-grow: 1;\n  }\n`"
         },
         {
           "kind": "variable",