@genesislcap/rapid-design-system 14.483.2 → 14.483.3-alpha-92cb1f2a8.0

package/dist/custom-elements.json

@@ -862,11 +862,11 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
+      "path": "src/accordion-item/accordion-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionStyles",
+          "name": "rapidAccordionItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -891,24 +891,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionStyles",
+          "name": "rapidAccordionItemStyles",
           "declaration": {
-            "name": "rapidAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
+            "name": "rapidAccordionItemStyles",
+            "module": "src/accordion-item/accordion-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
+      "path": "src/accordion-item/accordion-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionTemplate",
+          "name": "rapidAccordionItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Accordion>"
+              "text": "ViewTemplate<AccordionItem>"
             }
           },
           "parameters": [
@@ -930,56 +930,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionTemplate",
+          "name": "rapidAccordionItemTemplate",
           "declaration": {
-            "name": "rapidAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
+            "name": "rapidAccordionItemTemplate",
+            "module": "src/accordion-item/accordion-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
+      "path": "src/accordion-item/accordion-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "superclass": {
-            "name": "foundationAccordion",
+            "name": "foundationAccordionItem",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-accordion",
+          "tagName": "%%prefix%%-accordion-item",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "rapidAccordion"
+          "name": "rapidAccordionItem"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "Accordion",
+          "name": "AccordionItem",
           "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "AccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidAccordion",
+          "name": "rapidAccordionItem",
           "declaration": {
-            "name": "rapidAccordion",
-            "module": "src/accordion/accordion.ts"
+            "name": "rapidAccordionItem",
+            "module": "src/accordion-item/accordion-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
+      "path": "src/accordion-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -987,7 +987,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion"
+            "package": "./accordion-item"
           }
         },
         {
@@ -995,7 +995,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.styles"
+            "package": "./accordion-item.styles"
           }
         },
         {
@@ -1003,18 +1003,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion.template"
+            "package": "./accordion-item.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.styles.ts",
+      "path": "src/accordion/accordion.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionItemStyles",
+          "name": "rapidAccordionStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -1039,24 +1039,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionItemStyles",
+          "name": "rapidAccordionStyles",
           "declaration": {
-            "name": "rapidAccordionItemStyles",
-            "module": "src/accordion-item/accordion-item.styles.ts"
+            "name": "rapidAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.template.ts",
+      "path": "src/accordion/accordion.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidAccordionItemTemplate",
+          "name": "rapidAccordionTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<AccordionItem>"
+              "text": "ViewTemplate<Accordion>"
             }
           },
           "parameters": [
@@ -1078,56 +1078,56 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidAccordionItemTemplate",
+          "name": "rapidAccordionTemplate",
           "declaration": {
-            "name": "rapidAccordionItemTemplate",
-            "module": "src/accordion-item/accordion-item.template.ts"
+            "name": "rapidAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/accordion-item.ts",
+      "path": "src/accordion/accordion.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "superclass": {
-            "name": "foundationAccordionItem",
+            "name": "foundationAccordion",
             "package": "@genesislcap/foundation-ui"
           },
-          "tagName": "%%prefix%%-accordion-item",
+          "tagName": "%%prefix%%-accordion",
           "customElement": true
         },
         {
           "kind": "variable",
-          "name": "rapidAccordionItem"
+          "name": "rapidAccordion"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "AccordionItem",
+          "name": "Accordion",
           "declaration": {
-            "name": "AccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
           }
         },
         {
           "kind": "js",
-          "name": "rapidAccordionItem",
+          "name": "rapidAccordion",
           "declaration": {
-            "name": "rapidAccordionItem",
-            "module": "src/accordion-item/accordion-item.ts"
+            "name": "rapidAccordion",
+            "module": "src/accordion/accordion.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/accordion-item/index.ts",
+      "path": "src/accordion/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -1135,7 +1135,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item"
+            "package": "./accordion"
           }
         },
         {
@@ -1143,7 +1143,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.styles"
+            "package": "./accordion.styles"
           }
         },
         {
@@ -1151,7 +1151,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./accordion-item.template"
+            "package": "./accordion.template"
           }
         }
       ]
@@ -16870,6 +16870,155 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
+          "type": {
+            "text": "string"
+          },
+          "default": "'0.8.19'",
+          "description": "The flexlayout-react version this theme was generated against."
+        },
+        {
+          "kind": "variable",
+          "name": "FLEXLAYOUT_REACT_THEME_CSS",
+          "default": "`/* ============================================================================\n * flexlayout-react base theme — VENDORED from flexlayout-react@0.8.19 (style/dark.css).\n * ========================================================================== */\n.flexlayout__layout {\n  --color-text: #eeeeee;\n  --color-background: black;\n  --color-base: black;\n  --color-1: rgb(17.85, 17.85, 17.85);\n  --color-2: rgb(25.5, 25.5, 25.5);\n  --color-3: rgb(38.25, 38.25, 38.25);\n  --color-4: #333333;\n  --color-5: rgb(63.75, 63.75, 63.75);\n  --color-6: rgb(76.5, 76.5, 76.5);\n  --color-drag1: rgb(207, 232, 255);\n  --color-drag2: rgb(183, 209, 181);\n  --color-drag1-background: rgba(128, 128, 128, 0.15);\n  --color-drag2-background: rgba(128, 128, 128, 0.15);\n  --font-size: medium;\n  --font-family: Roboto, Arial, sans-serif;\n  --color-overflow: gray;\n  --color-icon: gray;\n  --color-tabset-background: var(--color-1);\n  --color-tabset-background-selected: var(--color-1);\n  --color-tabset-background-maximized: var(--color-6);\n  --color-tabset-divider-line: var(--color-4);\n  --color-tabset-header-background: var(--color-1);\n  --color-tabset-header: var(--color-text);\n  --color-border-tab-content: var(--color-background);\n  --color-border-background: var(--color-1);\n  --color-border-divider-line: var(--color-4);\n  --color-tab-content: var(--color-background);\n  --color-tab-selected: var(--color-text);\n  --color-tab-selected-background: var(--color-4);\n  --color-tab-unselected: gray;\n  --color-tab-unselected-background: transparent;\n  --color-tab-textbox: var(--color-text);\n  --color-tab-textbox-background: var(--color-3);\n  --color-border-tab-selected: var(--color-text);\n  --color-border-tab-selected-background: var(--color-4);\n  --color-border-tab-unselected: gray;\n  --color-border-tab-unselected-background: var(--color-2);\n  --color-splitter: var(--color-2);\n  --color-splitter-hover: var(--color-4);\n  --color-splitter-drag: var(--color-5);\n  --color-drag-rect-border: var(--color-4);\n  --color-drag-rect-background: var(--color-1);\n  --color-drag-rect: var(--color-text);\n  --color-popup-border: var(--color-6);\n  --color-popup-unselected: var(--color-text);\n  --color-popup-unselected-background: var(--color-background);\n  --color-popup-selected: var(--color-text);\n  --color-popup-selected-background: var(--color-4);\n  --color-edge-marker: gray;\n  --color-edge-icon: #eee;\n  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);\n  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);\n  --size-mini-scroll-indicator: 3px;\n  --color-toolbar-button-hover: var(--color-4);\n}\n\n/*\n    base classes\n*/\n.flexlayout__layout {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  display: flex;\n  overflow: hidden;\n  background-color: var(--color-background);\n}\n.flexlayout__layout_overlay {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1000;\n}\n.flexlayout__layout_tab_stamps {\n  position: absolute;\n  top: -10000px;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n.flexlayout__layout_moveables {\n  visibility: hidden;\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  top: -20000px;\n}\n.flexlayout__layout_main {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n  position: relative;\n}\n.flexlayout__layout_border_container {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n}\n.flexlayout__layout_border_container_inner {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n}\n.flexlayout__splitter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-splitter);\n  touch-action: none;\n  z-index: 10;\n}\n@media (hover: hover) {\n  .flexlayout__splitter:hover {\n    background-color: var(--color-splitter-hover);\n    transition: background-color ease-in 0.1s;\n    transition-delay: 0.05s;\n    border-radius: 5px;\n  }\n}\n.flexlayout__splitter_drag {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  border-radius: 5px;\n  background-color: var(--color-splitter-drag);\n}\n.flexlayout__splitter_handle {\n  background-color: #ccc;\n  border-radius: 3px;\n}\n.flexlayout__splitter_handle_horz {\n  width: 3px;\n  height: 30px;\n}\n.flexlayout__splitter_handle_vert {\n  width: 30px;\n  height: 3px;\n}\n.flexlayout__splitter_extra {\n  touch-action: none;\n  background-color: transparent;\n}\n.flexlayout__outline_rect {\n  position: absolute;\n  pointer-events: none;\n  box-sizing: border-box;\n  border: 2px solid var(--color-drag1);\n  background: var(--color-drag1-background);\n  border-radius: 5px;\n  z-index: 1000;\n}\n.flexlayout__outline_rect_edge {\n  pointer-events: none;\n  border: 2px solid var(--color-drag2);\n  background: var(--color-drag2-background);\n  border-radius: 5px;\n  z-index: 1000;\n  box-sizing: border-box;\n}\n.flexlayout__edge_rect {\n  position: absolute;\n  z-index: 1000;\n  background-color: var(--color-edge-marker);\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexlayout__drag_rect {\n  color: var(--color-drag-rect);\n  background-color: var(--color-drag-rect-background);\n  border: 2px solid var(--color-drag-rect-border);\n  border-radius: 5px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 0.3em 0.8em;\n  word-wrap: break-word;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__row {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.flexlayout__tabset {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  background-color: var(--color-tabset-background);\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  overflow: hidden;\n  flex-grow: 1;\n}\n.flexlayout__tabset_container {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n}\n.flexlayout__tabset_tab_divider {\n  width: 4px;\n}\n.flexlayout__tabset_content {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n  box-sizing: border-box;\n  position: relative;\n}\n.flexlayout__tabset_leading {\n  display: flex;\n}\n.flexlayout__tabset_header {\n  display: flex;\n  align-items: center;\n  padding: 3px 3px 3px 5px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--color-tabset-divider-line);\n  color: var(--color-tabset-header);\n  background-color: var(--color-tabset-header-background);\n  font-size: var(--font-size);\n}\n.flexlayout__tabset_header_content {\n  flex-grow: 1;\n}\n.flexlayout__tabset_tabbar_outer {\n  box-sizing: border-box;\n  background-color: var(--color-tabset-background);\n  overflow: hidden;\n  display: flex;\n  font-size: var(--font-size);\n}\n.flexlayout__tabset_tabbar_outer_top {\n  padding: 0px 2px 0px 2px;\n  border-bottom: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_outer_bottom {\n  padding: 0px 2px 0px 2px;\n  border-top: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_inner {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  scrollbar-width: none;\n}\n.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {\n  display: none;\n}\n.flexlayout__tabset_tabbar_inner_tab_container {\n  position: relative;\n  display: flex;\n  padding-left: 4px;\n  padding-right: 4px;\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n  border-top: 2px solid transparent;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_bottom {\n  border-bottom: 2px solid transparent;\n}\n.flexlayout__tabset-selected {\n  background-color: var(--color-tabset-background-selected);\n}\n.flexlayout__tabset-maximized {\n  background-color: var(--color-tabset-background-maximized);\n}\n.flexlayout__tab_button_stamp {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3em;\n  white-space: nowrap;\n  box-sizing: border-box;\n}\n.flexlayout__tab {\n  overflow: hidden;\n  box-sizing: border-box;\n  background-color: var(--color-tab-content);\n  color: var(--color-text);\n  position: relative;\n}\n.flexlayout__tab_moveable {\n  position: relative;\n  height: 100%;\n  min-width: 1px;\n  min-height: 1px;\n  overflow: auto;\n  box-sizing: border-box;\n}\n.flexlayout__tab_overlay {\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.2392156863);\n}\n.flexlayout__tab_button {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 3px 0.5em;\n  cursor: pointer;\n}\n.flexlayout__tab_button_stretch {\n  background-color: transparent;\n  color: var(--color-tab-selected);\n  width: 100%;\n  padding: 3px 0em;\n  text-wrap: nowrap;\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n@media (hover: hover) {\n  .flexlayout__tab_button_stretch:hover {\n    color: var(--color-tab-selected);\n  }\n}\n.flexlayout__tab_button--selected {\n  background-color: var(--color-tab-selected-background);\n  color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__tab_button:hover {\n    color: var(--color-tab-selected);\n  }\n}\n.flexlayout__tab_button--unselected {\n  background-color: var(--color-tab-unselected-background);\n  color: var(--color-tab-unselected);\n}\n.flexlayout__tab_button_leading {\n  display: flex;\n}\n.flexlayout__tab_button_content {\n  display: flex;\n  text-wrap: nowrap;\n}\n.flexlayout__tab_button_textbox {\n  border: none;\n  font-family: var(--font-family);\n  font-size: var(--font-size);\n  color: var(--color-tab-textbox);\n  background-color: var(--color-tab-textbox-background);\n  border: 1px inset var(--color-1);\n  border-radius: 3px;\n  width: 10em;\n}\n.flexlayout__tab_button_textbox:focus {\n  outline: none;\n}\n.flexlayout__tab_button_trailing {\n  display: flex;\n  visibility: hidden;\n  border-radius: 4px;\n}\n.flexlayout__tab_button_trailing:hover {\n  background-color: var(--color-toolbar-button-hover);\n}\n@media (hover: hover) {\n  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {\n    visibility: visible;\n  }\n}\n.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {\n  visibility: visible;\n}\n.flexlayout__tab_button_overflow {\n  display: flex;\n  align-items: center;\n  border: none;\n  color: var(--color-overflow);\n  font-size: inherit;\n  background-color: transparent;\n  width: 2em;\n  overflow: hidden;\n}\n.flexlayout__tab_toolbar {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  padding-left: 0.5em;\n  padding-right: 0.3em;\n}\n.flexlayout__tab_toolbar_icon {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  margin: 0px;\n  background-color: transparent;\n  padding: 1px;\n}\n.flexlayout__tab_toolbar_button {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  margin: 0px;\n  background-color: transparent;\n  border-radius: 4px;\n  padding: 1px;\n}\n@media (hover: hover) {\n  .flexlayout__tab_toolbar_button:hover {\n    background-color: var(--color-toolbar-button-hover);\n  }\n}\n.flexlayout__tab_toolbar_sticky_buttons_container {\n  display: flex;\n  gap: 0.3em;\n  padding-left: 5px;\n  align-items: center;\n}\n.flexlayout__border {\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  color: var(--color-border);\n  background-color: var(--color-border-background);\n}\n.flexlayout__border_tab_contents {\n  box-sizing: border-box;\n  overflow: hidden;\n  background-color: var(--color-border-tab-content);\n}\n.flexlayout__border_leading {\n  display: flex;\n}\n.flexlayout__border_top {\n  border-bottom: 1px solid var(--color-border-divider-line);\n  align-items: center;\n}\n.flexlayout__border_bottom {\n  border-top: 1px solid var(--color-border-divider-line);\n  align-items: center;\n}\n.flexlayout__border_left {\n  border-right: 1px solid var(--color-border-divider-line);\n  align-content: center;\n  flex-direction: column;\n}\n.flexlayout__border_right {\n  border-left: 1px solid var(--color-border-divider-line);\n  align-content: center;\n  flex-direction: column;\n}\n.flexlayout__border_inner {\n  position: relative;\n  box-sizing: border-box;\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  scrollbar-width: none;\n}\n.flexlayout__border_inner::-webkit-scrollbar {\n  display: none;\n}\n.flexlayout__border_inner_tab_container {\n  white-space: nowrap;\n  display: flex;\n  padding-left: 2px;\n  padding-right: 2px;\n  box-sizing: border-box;\n  position: absolute;\n}\n.flexlayout__border_inner_tab_container_right {\n  transform-origin: top left;\n  transform: rotate(90deg);\n}\n.flexlayout__border_inner_tab_container_left {\n  flex-direction: row-reverse;\n  transform-origin: top right;\n  transform: rotate(-90deg);\n}\n.flexlayout__border_tab_divider {\n  width: 4px;\n}\n.flexlayout__border_button {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  cursor: pointer;\n  padding: 3px 0.5em;\n  margin: 2px 0px;\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n.flexlayout__border_button--selected {\n  background-color: var(--color-border-tab-selected-background);\n  color: var(--color-border-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__border_button:hover {\n    color: var(--color-border-tab-selected);\n  }\n}\n.flexlayout__border_button--unselected {\n  background-color: var(--color-border-tab-unselected-background);\n  color: var(--color-border-tab-unselected);\n}\n.flexlayout__border_button_leading {\n  display: flex;\n}\n.flexlayout__border_button_content {\n  display: flex;\n}\n.flexlayout__border_button_trailing {\n  display: flex;\n  border-radius: 4px;\n  visibility: hidden;\n}\n@media (hover: hover) {\n  .flexlayout__border_button:hover .flexlayout__border_button_trailing {\n    visibility: visible;\n  }\n}\n.flexlayout__border_button--selected .flexlayout__border_button_trailing {\n  visibility: visible;\n}\n.flexlayout__border_toolbar {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n}\n.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {\n  flex-direction: column;\n  padding-top: 0.5em;\n  padding-bottom: 0.3em;\n}\n.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {\n  padding-left: 0.5em;\n  padding-right: 0.3em;\n}\n.flexlayout__border_toolbar_button {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  background-color: transparent;\n  border-radius: 4px;\n  padding: 1px;\n}\n@media (hover: hover) {\n  .flexlayout__border_toolbar_button:hover {\n    background-color: var(--color-toolbar-button-hover);\n  }\n}\n.flexlayout__border_toolbar_button_overflow {\n  display: flex;\n  align-items: center;\n  border: none;\n  color: var(--color-overflow);\n  font-size: inherit;\n  background-color: transparent;\n  width: 1.5em;\n}\n.flexlayout__popup_menu {\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__popup_menu_item {\n  padding: 2px 0.5em;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.flexlayout__popup_menu_item--selected {\n  font-weight: 500;\n  background-color: var(--color-tab-selected-background);\n  color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__popup_menu_item:hover {\n    background-color: var(--color-6);\n  }\n}\n.flexlayout__popup_menu_container {\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n  border: 1px solid var(--color-popup-border);\n  color: var(--color-popup-unselected);\n  background: var(--color-popup-unselected-background);\n  border-radius: 3px;\n  position: absolute;\n  z-index: 1000;\n  max-height: 50%;\n  min-width: 100px;\n  overflow: auto;\n  padding: 2px;\n}\n.flexlayout__floating_window _body {\n  height: 100%;\n}\n.flexlayout__floating_window_content {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n}\n.flexlayout__error_boundary_container {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n}\n.flexlayout__error_boundary_content {\n  display: flex;\n  align-items: center;\n}\n.flexlayout__border_sizer {\n  position: absolute;\n  top: -30000px;\n  padding-top: 6px;\n  padding-bottom: 5px;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__mini_scrollbar {\n  position: absolute;\n  background-color: var(--color-mini-scroll-indicator);\n  border-radius: 5px;\n  width: var(--size-mini-scroll-indicator);\n  height: var(--size-mini-scroll-indicator);\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar:hover {\n  background-color: var(--color-mini-scroll-indicator-hovered);\n  transition: background-color 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar_container {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n}\n@media (hover: hover) {\n  .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n/* ======================== End of Base Classes =========================== */\n/* \n    dark theme overrides \n*/\n.flexlayout__tabset_header {\n  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);\n}\n.flexlayout__tabset-selected {\n  background-image: linear-gradient(var(--color-background), var(--color-4));\n}\n.flexlayout__tabset-maximized {\n  background-image: linear-gradient(var(--color-6), var(--color-2));\n}\n.flexlayout__tab_top {\n  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n}\n.flexlayout__tab_bottom {\n  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n}\n.flexlayout__border_button {\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n  border-radius: 3px;\n}\n\n/* ============================================================================\n * Rapid Design System overrides (flexlayout-react.overrides.css) — applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css — Rapid Design System theme overrides for flexlayout-react.\n *\n * THIS IS THE SINGLE SOURCE OF TRUTH for how flexlayout-react looks across every app that\n * consumes Foundation. Do NOT copy these rules into apps — import the compiled theme from\n * \\`@genesislcap/rapid-design-system\\` instead (see flexlayout-react-theme.ts).\n *\n * Build pipeline: \\`scripts/generate-flexlayout-theme.mjs\\` concatenates the vendored\n * flexlayout-react base theme (structural CSS + dark palette) FIRST, then this file LAST,\n * into \\`flexlayout-react-theme.generated.ts\\`. Equal specificity means the later sheet wins,\n * so every rule here overrides the vendored default. Run \\`pnpm flexlayout:generate\\` after\n * editing (the package build does this automatically).\n *\n * The flexlayout theme is almost entirely driven by CSS custom properties declared on\n * \\`.flexlayout__layout\\` (see the full list at the top of the vendored base theme). The\n * easiest way to re-skin is to remap those variables to rapid design-system tokens, as\n * below. For anything the variables don't cover, target the \\`.flexlayout__*\\` classes\n * directly (examples at the bottom).\n *\n * Tokens resolve from the nearest design-system provider ancestor (CSS custom properties\n * inherit across shadow boundaries), so flexlayout-react must render under a\n * \\`<rapid-design-system-provider>\\` for these to take effect.\n */\n\n/* --- Variable remap: flexlayout palette -> rapid design tokens ----------------- */\n.flexlayout__layout {\n  --font-family: var(--body-font, Roboto, Arial, sans-serif);\n  --font-size: var(--type-ramp-base-font-size);\n\n  --color-text: var(--neutral-foreground-rest);\n  --color-background: var(--fill-color);\n\n  /* Greyscale ramp used across tabsets, borders and toolbars. */\n  --color-1: var(--neutral-layer-1);\n  --color-2: var(--neutral-layer-2);\n  --color-3: var(--neutral-layer-3);\n  --color-4: var(--neutral-layer-4);\n\n  /* Selected tab + active splitter pick up the accent colour. */\n  --color-tab-selected: var(--accent-foreground-rest);\n  --color-tab-unselected: var(--neutral-foreground-hint);\n  --color-tab-selected-background: var(--accent-fill-rest);\n  --color-splitter-drag: var(--accent-fill-rest);\n  --color-splitter-hover: var(--accent-fill-hover);\n}\n\n.flexlayout__tabset-selected,\n.flexlayout__tabset-maximized {\n  background-image: none !important;\n}\n\n.flexlayout__tab_button_content {\n  font-weight: 400;\n  font-size: var(--type-ramp-minus-1-font-size);\n}\n\n.flexlayout__tab_button--unselected:hover {\n  color: var(--neutral-foreground-rest, #e0e0e0) !important;\n  background-color: var(--neutral-fill-stealth-active, rgba(255, 255, 255, 0.06)) !important;\n}\n\n.flexlayout__tab_top,\n.flexlayout__tab_bottom {\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n\n.flexlayout__tab_toolbar_button-max,\n.flexlayout__tab_toolbar_button-min {\n  order: 100;\n}\n\n.flexlayout__tab_button_textbox {\n  box-sizing: border-box;\n  width: auto;\n  min-width: 8em;\n  max-width: 100%;\n  margin: 0;\n  padding: 0 calc(var(--design-unit, 4) * 1px);\n  font-family: var(--body-font);\n  font-size: var(--type-ramp-base-font-size, var(--font-size));\n  font-weight: 500;\n  line-height: var(--type-ramp-base-line-height, normal);\n  color: var(--neutral-foreground-rest);\n  background-color: var(--neutral-fill-input-rest);\n  border: 1px solid var(--neutral-stroke-rest);\n  border-radius: calc(var(--control-corner-radius, 2) * 1px);\n\n  &:focus {\n    outline: none;\n    color: var(--neutral-foreground-rest);\n    background-color: var(--neutral-fill-input-focus, var(--neutral-fill-input-rest));\n    border-color: var(--accent-fill-rest);\n  }\n}\n\n.flexlayout__tabset {\n  border: var(--card-border, 1px solid var(--neutral-stroke-rest));\n  border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n  background-color: var(--rapid-layout-item-background, var(--neutral-layer-3));\n}\n\n.flexlayout__tabset_content {\n  margin-top: -1px;\n}\n\n.flexlayout__tabset_tabbar_outer_top {\n  border: 0;\n  height: var(\n    --foundation-tab-height,\n    calc((((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px)\n  );\n  background: none;\n  z-index: 1;\n}\n\n.flexlayout__tabset_container {\n  border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n}\n\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n  border-top: 0;\n}\n\n.flexlayout__tab_button {\n  border-right-style: solid;\n  border-right-width: var(--tab-rest-border-width, 1px);\n  border-right-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n  padding: 0 calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);\n  gap: 8px;\n\n  &:first-child {\n    border-left-style: solid;\n    border-left-width: var(--tab-rest-border-width, 1px);\n    border-left-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n  }\n}\n\n.flexlayout__tab_button--selected {\n  position: relative;\n  color: var(--accent-foreground-rest) !important;\n  background: var(--tab-active-background-color, var(--neutral-layer-card-container));\n  border-style: solid;\n  border-width: var(--tab-active-border-width, 0 1px 0 0);\n  border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));\n  .flexlayout__tab_button_content {\n    font-weight: 700;\n  }\n}\n\n.flexlayout__tab {\n  border-radius: calc(var(--control-corner-radius) * 1.5px)\n    calc(var(--control-corner-radius) * 1.5px)\n    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))\n    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n  border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));\n  background: var(--neutral-layer-card-container);\n\n  rapid-card {\n    display: flex;\n    flex-direction: column;\n    border: 0;\n    border-radius: 0 0 var(--card-corner-radius) var(--card-corner-radius);\n    grid-register {\n      display: block;\n      height: 100%;\n    }\n  }\n}\n\n.flexlayout__tabset_tab_divider {\n  width: 0;\n}\n\n.flexlayout__tab_button_trailing {\n  rapid-icon {\n    color: var(--accent-foreground-rest);\n\n    &:hover {\n      color: var(--accent-foreground-hover);\n    }\n  }\n}\n\n.flexlayout__popup_menu_container {\n  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);\n  padding: 0;\n  border: 1px solid var(--neutral-stroke-rest);\n}\n\n.flexlayout__popup_menu_item {\n  padding: calc((8 + var(--design-unit) * 2 * var(--density)) * 1px);\n  border-bottom: 1px solid var(--neutral-stroke-divider-rest);\n\n  &:hover {\n    background-color: var(--neutral-fill-rest);\n    color: contrast-color(var(--neutral-fill-rest));\n  }\n\n  &:last-child {\n    border-bottom: 0;\n  }\n}\n\n.flexlayout__popup_menu_item--selected {\n  background-color: var(--neutral-fill-rest);\n  color: contrast-color(var(--neutral-fill-rest));\n}\n\n.flexlayout__tab_toolbar_button {\n  padding: 0;\n  height: unset;\n  width: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  > svg {\n    height: 16px !important;\n    width: 16px !important;\n    padding: 4px;\n    fill: var(--neutral-foreground-hint);\n  }\n}\n\n.flexlayout__splitter_vert {\n  background-color: var(--neutral-foreground-rest);\n  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDI1NmEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAwem0tMTYwIDBhMzIgMzIgMCAxIDEgLTY0IDAgMzIgMzIgMCAxIDEgNjQgMHpNNjQgMjg4YTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAxIDEgMCA2NHoiLz48L3N2Zz4=);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: 12px;\n  &:hover {\n    mask-image: none;\n  }\n}\n\n.flexlayout__splitter_horz {\n  background-color: var(--neutral-foreground-rest);\n  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMzg0YTMyIDMyIDAgMSAwIDAgNjQgMzIgMzIgMCAxIDAgMC02NHptMC0xNjBhMzIgMzIgMCAxIDAgMCA2NCAzMiAzMiAwIDEgMCAwLTY0ek05NiA5NkEzMiAzMiAwIDEgMCAzMiA5NmEzMiAzMiAwIDEgMCA2NCAweiIvPjwvc3ZnPg==);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: 4px;\n  &:hover {\n    mask-image: none;\n  }\n}\n\n.flexlayout__layout {\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n}`",
+          "description": "Merged flexlayout-react base theme + Rapid Design System overrides."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
+          "declaration": {
+            "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "FLEXLAYOUT_REACT_THEME_CSS",
+          "declaration": {
+            "name": "FLEXLAYOUT_REACT_THEME_CSS",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flexlayout-react-theme/flexlayout-react-theme.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "rapidFlexLayoutReactStyleText",
+          "type": {
+            "text": "string"
+          },
+          "default": "FLEXLAYOUT_REACT_THEME_CSS",
+          "description": "The complete, platform-owned flexlayout-react theme as raw CSS text: the vendored\nflexlayout-react base theme (structural CSS + dark palette) followed by the Rapid Design\nSystem overrides (token remap + tweaks). This is the single source of truth — apps should\nnever import flexlayout-react's own stylesheets or copy the overrides locally.\n\nColours resolve from rapid design tokens, so render flexlayout-react under a\n`<rapid-design-system-provider>` (CSS custom properties inherit across shadow boundaries).\n\nUse this when you need the string directly (e.g. server-rendered `<style>`); most callers\nwant installRapidFlexLayoutReactStyles or getRapidFlexLayoutReactStyleSheet."
+        },
+        {
+          "kind": "variable",
+          "name": "rapidFlexLayoutReactStyles",
+          "type": {
+            "text": "ElementStyles"
+          },
+          "default": "css`\n  ${rapidFlexLayoutReactStyleText}\n`",
+          "description": "The platform flexlayout-react theme as FAST ElementStyles, for adoption into a\nweb component's shadow root (e.g. composing into a component's `styles`)."
+        },
+        {
+          "kind": "function",
+          "name": "getRapidFlexLayoutReactStyleSheet",
+          "return": {
+            "type": {
+              "text": "CSSStyleSheet"
+            }
+          },
+          "description": "Returns a cached constructable CSSStyleSheet for the platform flexlayout-react\ntheme, suitable for `(document | shadowRoot).adoptedStyleSheets`. The sheet is created\nonce and shared across all adopters."
+        },
+        {
+          "kind": "function",
+          "name": "installRapidFlexLayoutReactStyles",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "target",
+              "default": "document",
+              "type": {
+                "text": "Document | ShadowRoot"
+              }
+            }
+          ],
+          "description": "Installs the platform flexlayout-react theme into a `Document` (default) or `ShadowRoot`.\nIdempotent — calling it more than once on the same target is a no-op. Call once where\nflexlayout-react renders:\n - light DOM: `installRapidFlexLayoutReactStyles()` at app bootstrap;\n - shadow DOM: `installRapidFlexLayoutReactStyles(myShadowRoot)`.\n\nPrefers constructable stylesheets (`adoptedStyleSheets`); falls back to injecting a\n`<style>` element for older engines."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
+          "declaration": {
+            "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidFlexLayoutReactStyleText",
+          "declaration": {
+            "name": "rapidFlexLayoutReactStyleText",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidFlexLayoutReactStyles",
+          "declaration": {
+            "name": "rapidFlexLayoutReactStyles",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getRapidFlexLayoutReactStyleSheet",
+          "declaration": {
+            "name": "getRapidFlexLayoutReactStyleSheet",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "installRapidFlexLayoutReactStyles",
+          "declaration": {
+            "name": "installRapidFlexLayoutReactStyles",
+            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/flexlayout-react-theme/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./flexlayout-react-theme"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/flipper/flipper.styles.ts",
@@ -17238,155 +17387,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
-          "type": {
-            "text": "string"
-          },
-          "default": "'0.8.19'",
-          "description": "The flexlayout-react version this theme was generated against."
-        },
-        {
-          "kind": "variable",
-          "name": "FLEXLAYOUT_REACT_THEME_CSS",
-          "default": "`/* ============================================================================\n * flexlayout-react base theme — VENDORED from flexlayout-react@0.8.19 (style/dark.css).\n * ========================================================================== */\n.flexlayout__layout {\n  --color-text: #eeeeee;\n  --color-background: black;\n  --color-base: black;\n  --color-1: rgb(17.85, 17.85, 17.85);\n  --color-2: rgb(25.5, 25.5, 25.5);\n  --color-3: rgb(38.25, 38.25, 38.25);\n  --color-4: #333333;\n  --color-5: rgb(63.75, 63.75, 63.75);\n  --color-6: rgb(76.5, 76.5, 76.5);\n  --color-drag1: rgb(207, 232, 255);\n  --color-drag2: rgb(183, 209, 181);\n  --color-drag1-background: rgba(128, 128, 128, 0.15);\n  --color-drag2-background: rgba(128, 128, 128, 0.15);\n  --font-size: medium;\n  --font-family: Roboto, Arial, sans-serif;\n  --color-overflow: gray;\n  --color-icon: gray;\n  --color-tabset-background: var(--color-1);\n  --color-tabset-background-selected: var(--color-1);\n  --color-tabset-background-maximized: var(--color-6);\n  --color-tabset-divider-line: var(--color-4);\n  --color-tabset-header-background: var(--color-1);\n  --color-tabset-header: var(--color-text);\n  --color-border-tab-content: var(--color-background);\n  --color-border-background: var(--color-1);\n  --color-border-divider-line: var(--color-4);\n  --color-tab-content: var(--color-background);\n  --color-tab-selected: var(--color-text);\n  --color-tab-selected-background: var(--color-4);\n  --color-tab-unselected: gray;\n  --color-tab-unselected-background: transparent;\n  --color-tab-textbox: var(--color-text);\n  --color-tab-textbox-background: var(--color-3);\n  --color-border-tab-selected: var(--color-text);\n  --color-border-tab-selected-background: var(--color-4);\n  --color-border-tab-unselected: gray;\n  --color-border-tab-unselected-background: var(--color-2);\n  --color-splitter: var(--color-2);\n  --color-splitter-hover: var(--color-4);\n  --color-splitter-drag: var(--color-5);\n  --color-drag-rect-border: var(--color-4);\n  --color-drag-rect-background: var(--color-1);\n  --color-drag-rect: var(--color-text);\n  --color-popup-border: var(--color-6);\n  --color-popup-unselected: var(--color-text);\n  --color-popup-unselected-background: var(--color-background);\n  --color-popup-selected: var(--color-text);\n  --color-popup-selected-background: var(--color-4);\n  --color-edge-marker: gray;\n  --color-edge-icon: #eee;\n  --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5);\n  --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8);\n  --size-mini-scroll-indicator: 3px;\n  --color-toolbar-button-hover: var(--color-4);\n}\n\n/*\n    base classes\n*/\n.flexlayout__layout {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  display: flex;\n  overflow: hidden;\n  background-color: var(--color-background);\n}\n.flexlayout__layout_overlay {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  z-index: 1000;\n}\n.flexlayout__layout_tab_stamps {\n  position: absolute;\n  top: -10000px;\n  z-index: 100;\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n}\n.flexlayout__layout_moveables {\n  visibility: hidden;\n  position: absolute;\n  width: 100px;\n  height: 100px;\n  top: -20000px;\n}\n.flexlayout__layout_main {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n  position: relative;\n}\n.flexlayout__layout_border_container {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n}\n.flexlayout__layout_border_container_inner {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n}\n.flexlayout__splitter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-splitter);\n  touch-action: none;\n  z-index: 10;\n}\n@media (hover: hover) {\n  .flexlayout__splitter:hover {\n    background-color: var(--color-splitter-hover);\n    transition: background-color ease-in 0.1s;\n    transition-delay: 0.05s;\n    border-radius: 5px;\n  }\n}\n.flexlayout__splitter_drag {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  border-radius: 5px;\n  background-color: var(--color-splitter-drag);\n}\n.flexlayout__splitter_handle {\n  background-color: #ccc;\n  border-radius: 3px;\n}\n.flexlayout__splitter_handle_horz {\n  width: 3px;\n  height: 30px;\n}\n.flexlayout__splitter_handle_vert {\n  width: 30px;\n  height: 3px;\n}\n.flexlayout__splitter_extra {\n  touch-action: none;\n  background-color: transparent;\n}\n.flexlayout__outline_rect {\n  position: absolute;\n  pointer-events: none;\n  box-sizing: border-box;\n  border: 2px solid var(--color-drag1);\n  background: var(--color-drag1-background);\n  border-radius: 5px;\n  z-index: 1000;\n}\n.flexlayout__outline_rect_edge {\n  pointer-events: none;\n  border: 2px solid var(--color-drag2);\n  background: var(--color-drag2-background);\n  border-radius: 5px;\n  z-index: 1000;\n  box-sizing: border-box;\n}\n.flexlayout__edge_rect {\n  position: absolute;\n  z-index: 1000;\n  background-color: var(--color-edge-marker);\n  pointer-events: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.flexlayout__drag_rect {\n  color: var(--color-drag-rect);\n  background-color: var(--color-drag-rect-background);\n  border: 2px solid var(--color-drag-rect-border);\n  border-radius: 5px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 0.3em 0.8em;\n  word-wrap: break-word;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__row {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.flexlayout__tabset {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  background-color: var(--color-tabset-background);\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  overflow: hidden;\n  flex-grow: 1;\n}\n.flexlayout__tabset_container {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-direction: column;\n  overflow: hidden;\n  flex-grow: 1;\n}\n.flexlayout__tabset_tab_divider {\n  width: 4px;\n}\n.flexlayout__tabset_content {\n  display: flex;\n  flex-basis: 0px;\n  min-width: 0;\n  min-height: 0;\n  flex-grow: 1;\n  box-sizing: border-box;\n  position: relative;\n}\n.flexlayout__tabset_leading {\n  display: flex;\n}\n.flexlayout__tabset_header {\n  display: flex;\n  align-items: center;\n  padding: 3px 3px 3px 5px;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--color-tabset-divider-line);\n  color: var(--color-tabset-header);\n  background-color: var(--color-tabset-header-background);\n  font-size: var(--font-size);\n}\n.flexlayout__tabset_header_content {\n  flex-grow: 1;\n}\n.flexlayout__tabset_tabbar_outer {\n  box-sizing: border-box;\n  background-color: var(--color-tabset-background);\n  overflow: hidden;\n  display: flex;\n  font-size: var(--font-size);\n}\n.flexlayout__tabset_tabbar_outer_top {\n  padding: 0px 2px 0px 2px;\n  border-bottom: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_outer_bottom {\n  padding: 0px 2px 0px 2px;\n  border-top: 1px solid var(--color-tabset-divider-line);\n}\n.flexlayout__tabset_tabbar_inner {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  scrollbar-width: none;\n}\n.flexlayout__tabset_tabbar_inner::-webkit-scrollbar {\n  display: none;\n}\n.flexlayout__tabset_tabbar_inner_tab_container {\n  position: relative;\n  display: flex;\n  padding-left: 4px;\n  padding-right: 4px;\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n  border-top: 2px solid transparent;\n}\n.flexlayout__tabset_tabbar_inner_tab_container_bottom {\n  border-bottom: 2px solid transparent;\n}\n.flexlayout__tabset-selected {\n  background-color: var(--color-tabset-background-selected);\n}\n.flexlayout__tabset-maximized {\n  background-color: var(--color-tabset-background-maximized);\n}\n.flexlayout__tab_button_stamp {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3em;\n  white-space: nowrap;\n  box-sizing: border-box;\n}\n.flexlayout__tab {\n  overflow: hidden;\n  box-sizing: border-box;\n  background-color: var(--color-tab-content);\n  color: var(--color-text);\n  position: relative;\n}\n.flexlayout__tab_moveable {\n  position: relative;\n  height: 100%;\n  min-width: 1px;\n  min-height: 1px;\n  overflow: auto;\n  box-sizing: border-box;\n}\n.flexlayout__tab_overlay {\n  z-index: 20;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.2392156863);\n}\n.flexlayout__tab_button {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 3px 0.5em;\n  cursor: pointer;\n}\n.flexlayout__tab_button_stretch {\n  background-color: transparent;\n  color: var(--color-tab-selected);\n  width: 100%;\n  padding: 3px 0em;\n  text-wrap: nowrap;\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n@media (hover: hover) {\n  .flexlayout__tab_button_stretch:hover {\n    color: var(--color-tab-selected);\n  }\n}\n.flexlayout__tab_button--selected {\n  background-color: var(--color-tab-selected-background);\n  color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__tab_button:hover {\n    color: var(--color-tab-selected);\n  }\n}\n.flexlayout__tab_button--unselected {\n  background-color: var(--color-tab-unselected-background);\n  color: var(--color-tab-unselected);\n}\n.flexlayout__tab_button_leading {\n  display: flex;\n}\n.flexlayout__tab_button_content {\n  display: flex;\n  text-wrap: nowrap;\n}\n.flexlayout__tab_button_textbox {\n  border: none;\n  font-family: var(--font-family);\n  font-size: var(--font-size);\n  color: var(--color-tab-textbox);\n  background-color: var(--color-tab-textbox-background);\n  border: 1px inset var(--color-1);\n  border-radius: 3px;\n  width: 10em;\n}\n.flexlayout__tab_button_textbox:focus {\n  outline: none;\n}\n.flexlayout__tab_button_trailing {\n  display: flex;\n  visibility: hidden;\n  border-radius: 4px;\n}\n.flexlayout__tab_button_trailing:hover {\n  background-color: var(--color-toolbar-button-hover);\n}\n@media (hover: hover) {\n  .flexlayout__tab_button:hover .flexlayout__tab_button_trailing {\n    visibility: visible;\n  }\n}\n.flexlayout__tab_button--selected .flexlayout__tab_button_trailing {\n  visibility: visible;\n}\n.flexlayout__tab_button_overflow {\n  display: flex;\n  align-items: center;\n  border: none;\n  color: var(--color-overflow);\n  font-size: inherit;\n  background-color: transparent;\n  width: 2em;\n  overflow: hidden;\n}\n.flexlayout__tab_toolbar {\n  display: flex;\n  align-items: center;\n  gap: 0.3em;\n  padding-left: 0.5em;\n  padding-right: 0.3em;\n}\n.flexlayout__tab_toolbar_icon {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  margin: 0px;\n  background-color: transparent;\n  padding: 1px;\n}\n.flexlayout__tab_toolbar_button {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  margin: 0px;\n  background-color: transparent;\n  border-radius: 4px;\n  padding: 1px;\n}\n@media (hover: hover) {\n  .flexlayout__tab_toolbar_button:hover {\n    background-color: var(--color-toolbar-button-hover);\n  }\n}\n.flexlayout__tab_toolbar_sticky_buttons_container {\n  display: flex;\n  gap: 0.3em;\n  padding-left: 5px;\n  align-items: center;\n}\n.flexlayout__border {\n  box-sizing: border-box;\n  overflow: hidden;\n  display: flex;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  color: var(--color-border);\n  background-color: var(--color-border-background);\n}\n.flexlayout__border_tab_contents {\n  box-sizing: border-box;\n  overflow: hidden;\n  background-color: var(--color-border-tab-content);\n}\n.flexlayout__border_leading {\n  display: flex;\n}\n.flexlayout__border_top {\n  border-bottom: 1px solid var(--color-border-divider-line);\n  align-items: center;\n}\n.flexlayout__border_bottom {\n  border-top: 1px solid var(--color-border-divider-line);\n  align-items: center;\n}\n.flexlayout__border_left {\n  border-right: 1px solid var(--color-border-divider-line);\n  align-content: center;\n  flex-direction: column;\n}\n.flexlayout__border_right {\n  border-left: 1px solid var(--color-border-divider-line);\n  align-content: center;\n  flex-direction: column;\n}\n.flexlayout__border_inner {\n  position: relative;\n  box-sizing: border-box;\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  scrollbar-width: none;\n}\n.flexlayout__border_inner::-webkit-scrollbar {\n  display: none;\n}\n.flexlayout__border_inner_tab_container {\n  white-space: nowrap;\n  display: flex;\n  padding-left: 2px;\n  padding-right: 2px;\n  box-sizing: border-box;\n  position: absolute;\n}\n.flexlayout__border_inner_tab_container_right {\n  transform-origin: top left;\n  transform: rotate(90deg);\n}\n.flexlayout__border_inner_tab_container_left {\n  flex-direction: row-reverse;\n  transform-origin: top right;\n  transform: rotate(-90deg);\n}\n.flexlayout__border_tab_divider {\n  width: 4px;\n}\n.flexlayout__border_button {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n  cursor: pointer;\n  padding: 3px 0.5em;\n  margin: 2px 0px;\n  box-sizing: border-box;\n  white-space: nowrap;\n}\n.flexlayout__border_button--selected {\n  background-color: var(--color-border-tab-selected-background);\n  color: var(--color-border-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__border_button:hover {\n    color: var(--color-border-tab-selected);\n  }\n}\n.flexlayout__border_button--unselected {\n  background-color: var(--color-border-tab-unselected-background);\n  color: var(--color-border-tab-unselected);\n}\n.flexlayout__border_button_leading {\n  display: flex;\n}\n.flexlayout__border_button_content {\n  display: flex;\n}\n.flexlayout__border_button_trailing {\n  display: flex;\n  border-radius: 4px;\n  visibility: hidden;\n}\n@media (hover: hover) {\n  .flexlayout__border_button:hover .flexlayout__border_button_trailing {\n    visibility: visible;\n  }\n}\n.flexlayout__border_button--selected .flexlayout__border_button_trailing {\n  visibility: visible;\n}\n.flexlayout__border_toolbar {\n  display: flex;\n  gap: 0.3em;\n  align-items: center;\n}\n.flexlayout__border_toolbar_left, .flexlayout__border_toolbar_right {\n  flex-direction: column;\n  padding-top: 0.5em;\n  padding-bottom: 0.3em;\n}\n.flexlayout__border_toolbar_top, .flexlayout__border_toolbar_bottom {\n  padding-left: 0.5em;\n  padding-right: 0.3em;\n}\n.flexlayout__border_toolbar_button {\n  border: none;\n  outline: none;\n  font-size: inherit;\n  background-color: transparent;\n  border-radius: 4px;\n  padding: 1px;\n}\n@media (hover: hover) {\n  .flexlayout__border_toolbar_button:hover {\n    background-color: var(--color-toolbar-button-hover);\n  }\n}\n.flexlayout__border_toolbar_button_overflow {\n  display: flex;\n  align-items: center;\n  border: none;\n  color: var(--color-overflow);\n  font-size: inherit;\n  background-color: transparent;\n  width: 1.5em;\n}\n.flexlayout__popup_menu {\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__popup_menu_item {\n  padding: 2px 0.5em;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.flexlayout__popup_menu_item--selected {\n  font-weight: 500;\n  background-color: var(--color-tab-selected-background);\n  color: var(--color-tab-selected);\n}\n@media (hover: hover) {\n  .flexlayout__popup_menu_item:hover {\n    background-color: var(--color-6);\n  }\n}\n.flexlayout__popup_menu_container {\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n  border: 1px solid var(--color-popup-border);\n  color: var(--color-popup-unselected);\n  background: var(--color-popup-unselected-background);\n  border-radius: 3px;\n  position: absolute;\n  z-index: 1000;\n  max-height: 50%;\n  min-width: 100px;\n  overflow: auto;\n  padding: 2px;\n}\n.flexlayout__floating_window _body {\n  height: 100%;\n}\n.flexlayout__floating_window_content {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n}\n.flexlayout__error_boundary_container {\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n}\n.flexlayout__error_boundary_content {\n  display: flex;\n  align-items: center;\n}\n.flexlayout__border_sizer {\n  position: absolute;\n  top: -30000px;\n  padding-top: 6px;\n  padding-bottom: 5px;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n.flexlayout__mini_scrollbar {\n  position: absolute;\n  background-color: var(--color-mini-scroll-indicator);\n  border-radius: 5px;\n  width: var(--size-mini-scroll-indicator);\n  height: var(--size-mini-scroll-indicator);\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar:hover {\n  background-color: var(--color-mini-scroll-indicator-hovered);\n  transition: background-color 0.3s ease-in-out;\n}\n.flexlayout__mini_scrollbar_container {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n}\n@media (hover: hover) {\n  .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n/* ======================== End of Base Classes =========================== */\n/* \n    dark theme overrides \n*/\n.flexlayout__tabset_header {\n  box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);\n}\n.flexlayout__tabset-selected {\n  background-image: linear-gradient(var(--color-background), var(--color-4));\n}\n.flexlayout__tabset-maximized {\n  background-image: linear-gradient(var(--color-6), var(--color-2));\n}\n.flexlayout__tab_top {\n  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n}\n.flexlayout__tab_bottom {\n  box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px;\n}\n.flexlayout__border_button {\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);\n  border-radius: 3px;\n}\n\n/* ============================================================================\n * Rapid Design System overrides (flexlayout-react.overrides.css) — applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css — Rapid Design System theme overrides for flexlayout-react.\n *\n * THIS IS THE SINGLE SOURCE OF TRUTH for how flexlayout-react looks across every app that\n * consumes Foundation. Do NOT copy these rules into apps — import the compiled theme from\n * \\`@genesislcap/rapid-design-system\\` instead (see flexlayout-react-theme.ts).\n *\n * Build pipeline: \\`scripts/generate-flexlayout-theme.mjs\\` concatenates the vendored\n * flexlayout-react base theme (structural CSS + dark palette) FIRST, then this file LAST,\n * into \\`flexlayout-react-theme.generated.ts\\`. Equal specificity means the later sheet wins,\n * so every rule here overrides the vendored default. Run \\`pnpm flexlayout:generate\\` after\n * editing (the package build does this automatically).\n *\n * The flexlayout theme is almost entirely driven by CSS custom properties declared on\n * \\`.flexlayout__layout\\` (see the full list at the top of the vendored base theme). The\n * easiest way to re-skin is to remap those variables to rapid design-system tokens, as\n * below. For anything the variables don't cover, target the \\`.flexlayout__*\\` classes\n * directly (examples at the bottom).\n *\n * Tokens resolve from the nearest design-system provider ancestor (CSS custom properties\n * inherit across shadow boundaries), so flexlayout-react must render under a\n * \\`<rapid-design-system-provider>\\` for these to take effect.\n */\n\n/* --- Variable remap: flexlayout palette -> rapid design tokens ----------------- */\n.flexlayout__layout {\n  --font-family: var(--body-font, Roboto, Arial, sans-serif);\n  --font-size: var(--type-ramp-base-font-size);\n\n  --color-text: var(--neutral-foreground-rest);\n  --color-background: var(--fill-color);\n\n  /* Greyscale ramp used across tabsets, borders and toolbars. */\n  --color-1: var(--neutral-layer-1);\n  --color-2: var(--neutral-layer-2);\n  --color-3: var(--neutral-layer-3);\n  --color-4: var(--neutral-layer-4);\n\n  /* Selected tab + active splitter pick up the accent colour. */\n  --color-tab-selected: var(--accent-foreground-rest);\n  --color-tab-unselected: var(--neutral-foreground-hint);\n  --color-tab-selected-background: var(--accent-fill-rest);\n  --color-splitter-drag: var(--accent-fill-rest);\n  --color-splitter-hover: var(--accent-fill-hover);\n}\n\n.flexlayout__tabset-selected,\n.flexlayout__tabset-maximized {\n  background-image: none !important;\n}\n\n.flexlayout__tab_button_content {\n  font-weight: 400;\n  font-size: var(--type-ramp-minus-1-font-size);\n}\n\n.flexlayout__tab_button--unselected:hover {\n  color: var(--neutral-foreground-rest, #e0e0e0) !important;\n  background-color: var(--neutral-fill-stealth-active, rgba(255, 255, 255, 0.06)) !important;\n}\n\n.flexlayout__tab_top,\n.flexlayout__tab_bottom {\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n\n.flexlayout__tab_toolbar_button-max,\n.flexlayout__tab_toolbar_button-min {\n  order: 100;\n}\n\n.flexlayout__tab_button_textbox {\n  box-sizing: border-box;\n  width: auto;\n  min-width: 8em;\n  max-width: 100%;\n  margin: 0;\n  padding: 0 calc(var(--design-unit, 4) * 1px);\n  font-family: var(--body-font);\n  font-size: var(--type-ramp-base-font-size, var(--font-size));\n  font-weight: 500;\n  line-height: var(--type-ramp-base-line-height, normal);\n  color: var(--neutral-foreground-rest);\n  background-color: var(--neutral-fill-input-rest);\n  border: 1px solid var(--neutral-stroke-rest);\n  border-radius: calc(var(--control-corner-radius, 2) * 1px);\n\n  &:focus {\n    outline: none;\n    color: var(--neutral-foreground-rest);\n    background-color: var(--neutral-fill-input-focus, var(--neutral-fill-input-rest));\n    border-color: var(--accent-fill-rest);\n  }\n}\n\n.flexlayout__tabset {\n  border: var(--card-border, 1px solid var(--neutral-stroke-rest));\n  border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n  background-color: var(--rapid-layout-item-background, var(--neutral-layer-3));\n}\n\n.flexlayout__tabset_content {\n  margin-top: -1px;\n}\n\n.flexlayout__tabset_tabbar_outer_top {\n  border: 0;\n  height: var(\n    --foundation-tab-height,\n    calc((((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px)\n  );\n  background: none;\n  z-index: 1;\n}\n\n.flexlayout__tabset_container {\n  border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n}\n\n.flexlayout__tabset_tabbar_inner_tab_container_top {\n  border-top: 0;\n}\n\n.flexlayout__tab_button {\n  border-right-style: solid;\n  border-right-width: var(--tab-rest-border-width, 1px);\n  border-right-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n  padding: 0 calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);\n  gap: 8px;\n\n  &:first-child {\n    border-left-style: solid;\n    border-left-width: var(--tab-rest-border-width, 1px);\n    border-left-color: var(--tab-rest-border-color, var(--neutral-stroke-rest));\n  }\n}\n\n.flexlayout__tab_button--selected {\n  position: relative;\n  color: var(--accent-foreground-rest) !important;\n  background: var(--tab-active-background-color, var(--neutral-layer-card-container));\n  border-style: solid;\n  border-width: var(--tab-active-border-width, 0 1px 0 0);\n  border-color: var(--tab-active-border-color, var(--neutral-stroke-rest));\n  .flexlayout__tab_button_content {\n    font-weight: 700;\n  }\n}\n\n.flexlayout__tab {\n  border-radius: calc(var(--control-corner-radius) * 1.5px)\n    calc(var(--control-corner-radius) * 1.5px)\n    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))\n    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));\n  border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));\n  background: var(--neutral-layer-card-container);\n\n  rapid-card {\n    display: flex;\n    flex-direction: column;\n    border: 0;\n    border-radius: 0 0 var(--card-corner-radius) var(--card-corner-radius);\n    grid-register {\n      display: block;\n      height: 100%;\n    }\n  }\n}\n\n.flexlayout__tabset_tab_divider {\n  width: 0;\n}\n\n.flexlayout__tab_button_trailing {\n  rapid-icon {\n    color: var(--accent-foreground-rest);\n\n    &:hover {\n      color: var(--accent-foreground-hover);\n    }\n  }\n}\n\n.flexlayout__popup_menu_container {\n  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);\n  padding: 0;\n  border: 1px solid var(--neutral-stroke-rest);\n}\n\n.flexlayout__popup_menu_item {\n  padding: calc((8 + var(--design-unit) * 2 * var(--density)) * 1px);\n  border-bottom: 1px solid var(--neutral-stroke-divider-rest);\n\n  &:hover {\n    background-color: var(--neutral-fill-rest);\n    color: contrast-color(var(--neutral-fill-rest));\n  }\n\n  &:last-child {\n    border-bottom: 0;\n  }\n}\n\n.flexlayout__popup_menu_item--selected {\n  background-color: var(--neutral-fill-rest);\n  color: contrast-color(var(--neutral-fill-rest));\n}\n\n.flexlayout__tab_toolbar_button {\n  padding: 0;\n  height: unset;\n  width: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  > svg {\n    height: 16px !important;\n    width: 16px !important;\n    padding: 4px;\n    fill: var(--neutral-foreground-hint);\n  }\n}\n\n.flexlayout__splitter_vert {\n  background-color: var(--neutral-foreground-rest);\n  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDE2IDI1NmEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAwem0tMTYwIDBhMzIgMzIgMCAxIDEgLTY0IDAgMzIgMzIgMCAxIDEgNjQgMHpNNjQgMjg4YTMyIDMyIDAgMSAxIDAtNjQgMzIgMzIgMCAxIDEgMCA2NHoiLz48L3N2Zz4=);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: 12px;\n  &:hover {\n    mask-image: none;\n  }\n}\n\n.flexlayout__splitter_horz {\n  background-color: var(--neutral-foreground-rest);\n  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI0IEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNjQgMzg0YTMyIDMyIDAgMSAwIDAgNjQgMzIgMzIgMCAxIDAgMC02NHptMC0xNjBhMzIgMzIgMCAxIDAgMCA2NCAzMiAzMiAwIDEgMCAwLTY0ek05NiA5NkEzMiAzMiAwIDEgMCAzMiA5NmEzMiAzMiAwIDEgMCA2NCAweiIvPjwvc3ZnPg==);\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: 4px;\n  &:hover {\n    mask-image: none;\n  }\n}\n\n.flexlayout__layout {\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n}`",
-          "description": "Merged flexlayout-react base theme + Rapid Design System overrides."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
-          "declaration": {
-            "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "FLEXLAYOUT_REACT_THEME_CSS",
-          "declaration": {
-            "name": "FLEXLAYOUT_REACT_THEME_CSS",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flexlayout-react-theme/flexlayout-react-theme.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "rapidFlexLayoutReactStyleText",
-          "type": {
-            "text": "string"
-          },
-          "default": "FLEXLAYOUT_REACT_THEME_CSS",
-          "description": "The complete, platform-owned flexlayout-react theme as raw CSS text: the vendored\nflexlayout-react base theme (structural CSS + dark palette) followed by the Rapid Design\nSystem overrides (token remap + tweaks). This is the single source of truth — apps should\nnever import flexlayout-react's own stylesheets or copy the overrides locally.\n\nColours resolve from rapid design tokens, so render flexlayout-react under a\n`<rapid-design-system-provider>` (CSS custom properties inherit across shadow boundaries).\n\nUse this when you need the string directly (e.g. server-rendered `<style>`); most callers\nwant installRapidFlexLayoutReactStyles or getRapidFlexLayoutReactStyleSheet."
-        },
-        {
-          "kind": "variable",
-          "name": "rapidFlexLayoutReactStyles",
-          "type": {
-            "text": "ElementStyles"
-          },
-          "default": "css`\n  ${rapidFlexLayoutReactStyleText}\n`",
-          "description": "The platform flexlayout-react theme as FAST ElementStyles, for adoption into a\nweb component's shadow root (e.g. composing into a component's `styles`)."
-        },
-        {
-          "kind": "function",
-          "name": "getRapidFlexLayoutReactStyleSheet",
-          "return": {
-            "type": {
-              "text": "CSSStyleSheet"
-            }
-          },
-          "description": "Returns a cached constructable CSSStyleSheet for the platform flexlayout-react\ntheme, suitable for `(document | shadowRoot).adoptedStyleSheets`. The sheet is created\nonce and shared across all adopters."
-        },
-        {
-          "kind": "function",
-          "name": "installRapidFlexLayoutReactStyles",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "target",
-              "default": "document",
-              "type": {
-                "text": "Document | ShadowRoot"
-              }
-            }
-          ],
-          "description": "Installs the platform flexlayout-react theme into a `Document` (default) or `ShadowRoot`.\nIdempotent — calling it more than once on the same target is a no-op. Call once where\nflexlayout-react renders:\n - light DOM: `installRapidFlexLayoutReactStyles()` at app bootstrap;\n - shadow DOM: `installRapidFlexLayoutReactStyles(myShadowRoot)`.\n\nPrefers constructable stylesheets (`adoptedStyleSheets`); falls back to injecting a\n`<style>` element for older engines."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
-          "declaration": {
-            "name": "RAPID_FLEXLAYOUT_REACT_VERSION",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidFlexLayoutReactStyleText",
-          "declaration": {
-            "name": "rapidFlexLayoutReactStyleText",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidFlexLayoutReactStyles",
-          "declaration": {
-            "name": "rapidFlexLayoutReactStyles",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getRapidFlexLayoutReactStyleSheet",
-          "declaration": {
-            "name": "getRapidFlexLayoutReactStyleSheet",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "installRapidFlexLayoutReactStyles",
-          "declaration": {
-            "name": "installRapidFlexLayoutReactStyles",
-            "module": "src/flexlayout-react-theme/flexlayout-react-theme.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/flexlayout-react-theme/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./flexlayout-react-theme"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/flyout/flyout.styles.ts",

package/dist/dts/react.d.ts

@@ -115,23 +115,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<

package/dist/react.cjs

@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -922,8 +922,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
 });
 
 module.exports = {
-  Accordion,
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,

package/dist/react.mjs

@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.483.2",
+  "version": "14.483.3-alpha-92cb1f2a8.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -36,12 +36,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.483.2",
-    "@genesislcap/rollup-builder": "14.483.2",
-    "@genesislcap/ts-builder": "14.483.2",
-    "@genesislcap/uvu-playwright-builder": "14.483.2",
-    "@genesislcap/vite-builder": "14.483.2",
-    "@genesislcap/webpack-builder": "14.483.2",
+    "@genesislcap/genx": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/rollup-builder": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/ts-builder": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/uvu-playwright-builder": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/vite-builder": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/webpack-builder": "14.483.3-alpha-92cb1f2a8.0",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -53,9 +53,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.483.2",
-    "@genesislcap/foundation-ui": "14.483.2",
-    "@genesislcap/foundation-utils": "14.483.2",
+    "@genesislcap/foundation-logger": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/foundation-ui": "14.483.3-alpha-92cb1f2a8.0",
+    "@genesislcap/foundation-utils": "14.483.3-alpha-92cb1f2a8.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -83,5 +83,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "a4347351b733c1f31b234a7f2a668f6b8166723b"
+  "gitHead": "0eb24727d93845a0d201332a85a26d9b0b4fd7df"
 }