@genesislcap/rapid-design-system 14.481.2-alpha-829ad82.0 → 14.482.1-FUI-2575.1

package/dist/custom-elements.json

@@ -452,6 +452,14 @@
             "package": "./modal"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./modal-theme"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -16886,7 +16894,7 @@
         {
           "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}`",
+          "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: 0 0 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."
         }
       ],
@@ -22342,6 +22350,243 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/modal-theme/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./theme-compiler"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./modal-theme"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modal-theme/modal-theme.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "resolveInitialMode",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "ModalTheme"
+              }
+            }
+          ],
+          "description": "The mode to start on: remembered choice for this theme, else the declared default.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "nextMode",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "ModalTheme"
+              }
+            },
+            {
+              "name": "current",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Cycle to the next mode (for the light/dark toggle; generalises to N modes).",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "injectThemeStyles",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "provider",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "ModalTheme"
+              }
+            }
+          ],
+          "description": "Compile the theme to a single mode-agnostic sheet and adopt it into the scope\nthat actually contains the provider. The sheet contains every mode; switching\nnever regenerates it.\n\nThe provider is typically rendered inside its host app's shadow root, not the\ndocument light DOM — so a document-scoped `rapid-design-system-provider { … }`\nrule would never match it. We adopt the sheet onto `provider.getRootNode()` (the\ncontaining ShadowRoot, or Document if the provider sits at document scope) so the\nselector resolves and the surface custom properties land on the provider,\ninheriting down through every nested shadow boundary.\n\nRe-entrant: once a sheet is adopted, subsequent calls update it in place\n(`replaceSync`) rather than adopting a duplicate — this is what lets a hot theme\nedit refresh the styles without a reload.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "reapplyTheme",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "ModalTheme"
+              }
+            }
+          ],
+          "description": "Recompile and re-apply the theme after a hot edit to the theme file: updates the\nadopted sheet in place and re-runs the active mode's design tokens. Wire to a\nbundler's HMR hook so theme edits show without a full page reload.",
+          "privacy": "public"
+        },
+        {
+          "kind": "function",
+          "name": "applyMode",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "provider",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "theme",
+              "type": {
+                "text": "ModalTheme"
+              }
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "Apply a mode: design-token half via FAST, surface/parts half via the class swap.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "resolveInitialMode",
+          "declaration": {
+            "name": "resolveInitialMode",
+            "module": "src/modal-theme/modal-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "nextMode",
+          "declaration": {
+            "name": "nextMode",
+            "module": "src/modal-theme/modal-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "injectThemeStyles",
+          "declaration": {
+            "name": "injectThemeStyles",
+            "module": "src/modal-theme/modal-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "reapplyTheme",
+          "declaration": {
+            "name": "reapplyTheme",
+            "module": "src/modal-theme/modal-theme.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "applyMode",
+          "declaration": {
+            "name": "applyMode",
+            "module": "src/modal-theme/modal-theme.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modal-theme/theme-compiler.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "compileTheme",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "theme",
+              "type": {
+                "text": "CompilableTheme"
+              },
+              "description": "the modal theme (shared + modes; customTokens + componentOverrides)."
+            },
+            {
+              "name": "{ host = HOST }",
+              "default": "{}",
+              "type": {
+                "text": "{ host?: string }"
+              }
+            },
+            {
+              "description": "the selector the rules nest under (default `rapid-design-system-provider`).",
+              "name": "host"
+            }
+          ],
+          "description": "Compile a modal theme into class-scoped nested CSS.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "compileTheme",
+          "declaration": {
+            "name": "compileTheme",
+            "module": "src/modal-theme/theme-compiler.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/multiselect/index.ts",
@@ -24243,6 +24488,20 @@
                 "module": "src/number-field/number-field.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "restoreControlToCommittedValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "NumberField",
+                "module": "src/number-field/number-field.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "handleTextInput",
@@ -24615,18 +24874,6 @@
                 "module": "src/number-field/number-field.ts"
               }
             },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "NumberField",
-                "module": "src/number-field/number-field.ts"
-              }
-            },
             {
               "name": "locale",
               "type": {

package/dist/dts/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AA8TpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgBA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAyUpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgBA,CAAC"}

package/dist/dts/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAkBF,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../src/card/card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,eAAe,GAC1B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAmBF,CAAC"}

package/dist/dts/flexlayout-react-theme/flexlayout-react-theme.generated.d.ts

@@ -1,5 +1,5 @@
 /** The flexlayout-react version this theme was generated against. */
 export declare const RAPID_FLEXLAYOUT_REACT_VERSION = "0.8.19";
 /** Merged flexlayout-react base theme + Rapid Design System overrides. */
-export declare const FLEXLAYOUT_REACT_THEME_CSS = "/* ============================================================================\n * flexlayout-react base theme \u2014 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) \u2014 applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css \u2014 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 \u2014 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}";
+export declare const FLEXLAYOUT_REACT_THEME_CSS = "/* ============================================================================\n * flexlayout-react base theme \u2014 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) \u2014 applied last.\n * ========================================================================== */\n/*\n * flexlayout-react.overrides.css \u2014 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 \u2014 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: 0 0 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}";
 //# sourceMappingURL=flexlayout-react-theme.generated.d.ts.map

package/dist/dts/flexlayout-react-theme/flexlayout-react-theme.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flexlayout-react-theme.generated.d.ts","sourceRoot":"","sources":["../../../src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"],"names":[],"mappings":"AAWA,qEAAqE;AACrE,eAAO,MAAM,8BAA8B,WAAW,CAAC;AAEvD,0EAA0E;AAC1E,eAAO,MAAM,0BAA0B,291BAy8BrC,CAAC"}
+{"version":3,"file":"flexlayout-react-theme.generated.d.ts","sourceRoot":"","sources":["../../../src/flexlayout-react-theme/flexlayout-react-theme.generated.ts"],"names":[],"mappings":"AAWA,qEAAqE;AACrE,eAAO,MAAM,8BAA8B,WAAW,CAAC;AAEvD,0EAA0E;AAC1E,eAAO,MAAM,0BAA0B,+31BAu8BrC,CAAC"}

package/dist/dts/index.d.ts

@@ -51,6 +51,7 @@ export * from './listbox-option';
 export * from './menu';
 export * from './menu-item';
 export * from './modal';
+export * from './modal-theme';
 export * from './multiselect';
 export * from './number-field';
 export * from './progress';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/dts/modal-theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme-compiler';
+export * from './modal-theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/modal-theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal-theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/dts/modal-theme/modal-theme.d.ts

@@ -0,0 +1,56 @@
+import { CompilableTheme, ThemeSection } from './theme-compiler';
+/** A modal theme: mode-invariant `shared` tokens plus one bag of inputs per named mode. */
+export interface ModalTheme extends CompilableTheme {
+    id?: string;
+    defaultMode?: string;
+    colorStrategy?: 'adaptive' | 'explicit';
+    shared?: ThemeSection & {
+        design_tokens?: Record<string, unknown>;
+    };
+    modes: Record<string, ThemeSection & {
+        design_tokens?: Record<string, unknown>;
+    }>;
+}
+/**
+ * The mode to start on: remembered choice for this theme, else the declared default.
+ * @public
+ */
+export declare const resolveInitialMode: (theme: ModalTheme) => string;
+/**
+ * Cycle to the next mode (for the light/dark toggle; generalises to N modes).
+ * @public
+ */
+export declare const nextMode: (theme: ModalTheme, current: string) => string;
+/**
+ * Compile the theme to a single mode-agnostic sheet and adopt it into the scope
+ * that actually contains the provider. The sheet contains every mode; switching
+ * never regenerates it.
+ *
+ * The provider is typically rendered inside its host app's shadow root, not the
+ * document light DOM — so a document-scoped `rapid-design-system-provider { … }`
+ * rule would never match it. We adopt the sheet onto `provider.getRootNode()` (the
+ * containing ShadowRoot, or Document if the provider sits at document scope) so the
+ * selector resolves and the surface custom properties land on the provider,
+ * inheriting down through every nested shadow boundary.
+ *
+ * Re-entrant: once a sheet is adopted, subsequent calls update it in place
+ * (`replaceSync`) rather than adopting a duplicate — this is what lets a hot theme
+ * edit refresh the styles without a reload.
+ *
+ * @public
+ */
+export declare const injectThemeStyles: (provider: HTMLElement, theme: ModalTheme) => void;
+/**
+ * Recompile and re-apply the theme after a hot edit to the theme file: updates the
+ * adopted sheet in place and re-runs the active mode's design tokens. Wire to a
+ * bundler's HMR hook so theme edits show without a full page reload.
+ *
+ * @public
+ */
+export declare const reapplyTheme: (theme: ModalTheme) => void;
+/**
+ * Apply a mode: design-token half via FAST, surface/parts half via the class swap.
+ * @public
+ */
+export declare const applyMode: (provider: HTMLElement, theme: ModalTheme, mode: string) => void;
+//# sourceMappingURL=modal-theme.d.ts.map

package/dist/dts/modal-theme/modal-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-theme.d.ts","sourceRoot":"","sources":["../../../src/modal-theme/modal-theme.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAgB,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE/E,2FAA2F;AAC3F,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CACnF;AAgDD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,UAAU,KAAG,MAGtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,UAAU,EAAE,SAAS,MAAM,KAAG,MAI7D,CAAC;AAUF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,EAAE,OAAO,UAAU,KAAG,IAW5E,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,UAAU,KAAG,IAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU,WAAW,EAAE,OAAO,UAAU,EAAE,MAAM,MAAM,KAAG,IA2ClF,CAAC"}

package/dist/dts/modal-theme/theme-compiler.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Compiles a modal theme file into class-scoped CSS (native nesting) for deployment.
+ *
+ *   customTokens       -> custom-property declarations
+ *   componentOverrides -> nested rules keyed by any selector (::part(), a host tag, a class)
+ *
+ * Everything nests under one `rapid-design-system-provider` root. `shared` lives
+ * at the root (applies in every mode); each mode is a nested `&.theme-<name>`
+ * block whose compound selector out-specifies the root, so mode values win.
+ *
+ * design_tokens are NOT emitted: they are FAST recipe *inputs* consumed in JS
+ * (accent, luminance), applied at runtime via setValueFor (see modal-theme.ts).
+ *
+ * @public
+ */
+/** A declaration block: CSS property/custom-property name -> value. */
+export type ComponentOverrideDeclarations = Record<string, string>;
+export interface ThemeSection {
+    customTokens?: Record<string, string>;
+    /** Rules keyed by any CSS selector (a host tag, a class, or `::part()`) -> declarations. */
+    componentOverrides?: Record<string, ComponentOverrideDeclarations>;
+}
+export interface CompilableTheme {
+    shared?: ThemeSection;
+    modes?: Record<string, ThemeSection>;
+}
+/**
+ * Compile a modal theme into class-scoped nested CSS.
+ *
+ * @param theme - the modal theme (shared + modes; customTokens + componentOverrides).
+ * @param host - the selector the rules nest under (default `rapid-design-system-provider`).
+ * @public
+ */
+export declare function compileTheme(theme: CompilableTheme, { host }?: {
+    host?: string;
+}): string;
+//# sourceMappingURL=theme-compiler.d.ts.map

package/dist/dts/modal-theme/theme-compiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-compiler.d.ts","sourceRoot":"","sources":["../../../src/modal-theme/theme-compiler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,uEAAuE;AACvE,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,6BAA6B,CAAC,CAAC;CACpE;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CACtC;AAyBD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,eAAe,EACtB,EAAE,IAAW,EAAE,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,GACtC,MAAM,CAWR"}

package/dist/dts/tab/tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc,GACzB,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgBF,CAAC"}
+{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,cAAc,GACzB,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAiBF,CAAC"}

package/dist/dts/tab-panel/tab-panel.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAUF,CAAC"}
+{"version":3,"file":"tab-panel.styles.d.ts","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,mBAAmB,GAC9B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAWF,CAAC"}

package/dist/esm/button/button.styles.js

@@ -48,22 +48,33 @@ const rapidSecondaryStyles = css `
 const rapidNeutralStyles = css `
   :host([appearance='neutral']) {
     background: var(--neutral-button-fill, var(--neutral-fill-rest));
-    border: 0;
+    border: var(--neutral-button-border, 0);
     color: var(--neutral-button-foreground, var(--neutral-foreground-rest));
   }
 
   :host([appearance='neutral']:hover) {
-    background: var(--neutral-fill-hover);
+    background: color-mix(
+      in srgb,
+      var(--neutral-button-fill, var(--neutral-fill-hover)),
+      transparent 20%
+    );
   }
 
   :host([appearance='neutral']:active) {
-    background: var(--neutral-fill-active);
+    background: color-mix(
+      in srgb,
+      var(--neutral-button-fill, var(--neutral-fill-active)),
+      transparent 30%
+    );
   }
 
   :host([appearance='neutral'][disabled]),
   :host([appearance='neutral'][disabled]):hover,
   :host([appearance='neutral'][disabled]):active {
     opacity: 50%;
+    background: var(--neutral-button-fill, var(--neutral-fill-rest));
+    color: var(--neutral-button-foreground, var(--neutral-foreground-rest));
+    border: var(--neutral-button-border, 0);
   }
 `;
 const rapidDangerStyles = css `

package/dist/esm/card/card.styles.js

@@ -7,6 +7,7 @@ export const rapidCardStyles = (context, definition) => css `
     background: var(--neutral-layer-card-container);
     color: ${neutralForegroundRest};
     border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1px));
+    box-shadow: var(--card-box-shadow, none);
     border: var(
       --card-border,
       1px solid var(--neutral-stroke-rest)

package/dist/esm/flexlayout-react-theme/flexlayout-react-theme.generated.js

@@ -879,9 +879,7 @@ export const FLEXLAYOUT_REACT_THEME_CSS = `/* ==================================
 }
 
 .flexlayout__tab {
-  border-radius: calc(var(--control-corner-radius) * 1.5px)
-    calc(var(--control-corner-radius) * 1.5px)
-    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
+  border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
     var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
   border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));
   background: var(--neutral-layer-card-container);

package/dist/esm/flexlayout-react-theme/flexlayout-react.overrides.css

@@ -149,9 +149,7 @@
 }
 
 .flexlayout__tab {
-  border-radius: calc(var(--control-corner-radius) * 1.5px)
-    calc(var(--control-corner-radius) * 1.5px)
-    var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
+  border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
     var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
   border-top: var(--card-border, 1px solid var(--neutral-stroke-rest));
   background: var(--neutral-layer-card-container);

package/dist/esm/index.js

@@ -51,6 +51,7 @@ export * from './listbox-option';
 export * from './menu';
 export * from './menu-item';
 export * from './modal';
+export * from './modal-theme';
 export * from './multiselect';
 export * from './number-field';
 export * from './progress';

package/dist/esm/modal-theme/index.js

@@ -0,0 +1,2 @@
+export * from './theme-compiler';
+export * from './modal-theme';

package/dist/esm/modal-theme/modal-theme.js

@@ -0,0 +1,163 @@
+/**
+ * Runtime controller for modal themes (named modes + a light/dark or N-mode switcher).
+ *
+ * A theme is a set of named modes. Switching a mode is *two halves*:
+ *   (a) swap the provider's `theme-<name>` class — the compiled, injected sheet
+ *       supplies the pinned surfaces + parts, and the cascade tears down the
+ *       previous mode automatically;
+ *   (b) `setValueFor` the mode's design_tokens (accent, luminance, neutral seed)
+ *       so FAST regenerates the derived recipe outputs (e.g.
+ *       `--accent-foreground-rest`). Reuses `configureRapidDesignSystem` for (b).
+ *
+ * Selection (which mode is active) is app state, persisted per-theme in
+ * localStorage — never written back into the theme file.
+ *
+ * See `theming-poc/MIGRATION.md` for how to adopt this in an existing app.
+ *
+ * @public
+ */
+import { configureRapidDesignSystem } from '../_config';
+import { compileTheme } from './theme-compiler';
+const STORAGE_KEY = 'foundation-ui:theme-modes';
+const THEME_CLASS_PREFIX = 'theme-';
+/** Applied luminance at or above this reads as "light" (LightMode = 1, DarkMode = 0.23). */
+const LIGHT_LUMINANCE_THRESHOLD = 0.5;
+const isPlainObject = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+/** Deep-merge two design_tokens trees; `override` (the mode) wins at the leaves. */
+const deepMerge = (base, override = {}) => {
+    const out = Object.assign({}, base);
+    for (const [key, value] of Object.entries(override)) {
+        const existing = out[key];
+        out[key] = isPlainObject(value) && isPlainObject(existing) ? deepMerge(existing, value) : value;
+    }
+    return out;
+};
+// --- selection state (per-theme memory) -------------------------------------
+const readModeMemory = () => {
+    var _a;
+    try {
+        return JSON.parse((_a = localStorage.getItem(STORAGE_KEY)) !== null && _a !== void 0 ? _a : '{}');
+    }
+    catch (_b) {
+        return {};
+    }
+};
+const rememberMode = (themeId, mode) => {
+    const memory = readModeMemory();
+    memory[themeId] = mode;
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(memory));
+    }
+    catch (_a) {
+        /* storage unavailable (private mode / quota) — selection is best-effort */
+    }
+};
+const themeKey = (theme) => { var _a; return (_a = theme.id) !== null && _a !== void 0 ? _a : 'default'; };
+const modeNames = (theme) => { var _a; return Object.keys((_a = theme.modes) !== null && _a !== void 0 ? _a : {}); };
+const fallbackMode = (theme) => { var _a; return (_a = theme.defaultMode) !== null && _a !== void 0 ? _a : modeNames(theme)[0]; };
+/**
+ * The mode to start on: remembered choice for this theme, else the declared default.
+ * @public
+ */
+export const resolveInitialMode = (theme) => {
+    const remembered = readModeMemory()[themeKey(theme)];
+    return remembered && theme.modes[remembered] ? remembered : fallbackMode(theme);
+};
+/**
+ * Cycle to the next mode (for the light/dark toggle; generalises to N modes).
+ * @public
+ */
+export const nextMode = (theme, current) => {
+    const names = modeNames(theme);
+    const index = names.indexOf(current);
+    return names[(index + 1) % names.length];
+};
+// --- application ------------------------------------------------------------
+// Live references to the adopted sheet and the last-applied provider/mode, so a
+// hot theme edit (see reapplyTheme) can update in place and re-run the current mode.
+let activeSheet = null;
+let activeProvider = null;
+let activeMode = null;
+/**
+ * Compile the theme to a single mode-agnostic sheet and adopt it into the scope
+ * that actually contains the provider. The sheet contains every mode; switching
+ * never regenerates it.
+ *
+ * The provider is typically rendered inside its host app's shadow root, not the
+ * document light DOM — so a document-scoped `rapid-design-system-provider { … }`
+ * rule would never match it. We adopt the sheet onto `provider.getRootNode()` (the
+ * containing ShadowRoot, or Document if the provider sits at document scope) so the
+ * selector resolves and the surface custom properties land on the provider,
+ * inheriting down through every nested shadow boundary.
+ *
+ * Re-entrant: once a sheet is adopted, subsequent calls update it in place
+ * (`replaceSync`) rather than adopting a duplicate — this is what lets a hot theme
+ * edit refresh the styles without a reload.
+ *
+ * @public
+ */
+export const injectThemeStyles = (provider, theme) => {
+    const css = compileTheme(theme);
+    if (activeSheet) {
+        activeSheet.replaceSync(css);
+        return;
+    }
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(css);
+    const root = provider.getRootNode();
+    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
+    activeSheet = sheet;
+};
+/**
+ * Recompile and re-apply the theme after a hot edit to the theme file: updates the
+ * adopted sheet in place and re-runs the active mode's design tokens. Wire to a
+ * bundler's HMR hook so theme edits show without a full page reload.
+ *
+ * @public
+ */
+export const reapplyTheme = (theme) => {
+    if (!activeProvider || !activeMode)
+        return;
+    injectThemeStyles(activeProvider, theme);
+    applyMode(activeProvider, theme, activeMode);
+};
+/**
+ * Apply a mode: design-token half via FAST, surface/parts half via the class swap.
+ * @public
+ */
+export const applyMode = (provider, theme, mode) => {
+    var _a, _b, _c, _d, _e, _f;
+    activeProvider = provider;
+    activeMode = mode;
+    // (b) FAST recipe inputs — accent, luminance, neutral seed, typography, etc.
+    const design_tokens = deepMerge(((_b = (_a = theme.shared) === null || _a === void 0 ? void 0 : _a.design_tokens) !== null && _b !== void 0 ? _b : {}), ((_d = (_c = theme.modes[mode]) === null || _c === void 0 ? void 0 : _c.design_tokens) !== null && _d !== void 0 ? _d : {}));
+    configureRapidDesignSystem(provider, { design_tokens });
+    // (a) surfaces + parts are pure CSS — swap the mode class; the sheet does the rest.
+    for (const cls of Array.from(provider.classList)) {
+        if (cls.startsWith(THEME_CLASS_PREFIX))
+            provider.classList.remove(cls);
+    }
+    provider.classList.add(`${THEME_CLASS_PREFIX}${mode}`);
+    // Derive light/dark from the applied luminance (robust for arbitrarily-named
+    // modes), falling back to the mode name. LightMode luminance is 1, DarkMode 0.23.
+    const luminanceValue = (_f = (_e = design_tokens === null || design_tokens === void 0 ? void 0 : design_tokens.mode) === null || _e === void 0 ? void 0 : _e.luminance) === null || _f === void 0 ? void 0 : _f.$value;
+    const isLight = typeof luminanceValue === 'number'
+        ? luminanceValue >= LIGHT_LUMINANCE_THRESHOLD
+        : mode === 'light';
+    // Back-compat: existing code/components may still key off the legacy `.light` class.
+    document.body.classList.toggle('light', isLight);
+    provider.classList.toggle('light', isLight);
+    // Keep the platform `luminance` key in sync with the actually-applied mode.
+    // foundation-header (the toggle icon) writes its own, often-inverse value
+    // synchronously right after emitting the toggle event, and grid-pro reads this
+    // key to theme grids — so we write in a microtask to land last and win.
+    queueMicrotask(() => {
+        try {
+            localStorage.setItem('luminance', isLight ? 'light' : 'dark');
+        }
+        catch (_a) {
+            /* storage unavailable — best effort */
+        }
+    });
+    rememberMode(themeKey(theme), mode);
+};

package/dist/esm/modal-theme/theme-compiler.js

@@ -0,0 +1,49 @@
+/**
+ * Compiles a modal theme file into class-scoped CSS (native nesting) for deployment.
+ *
+ *   customTokens       -> custom-property declarations
+ *   componentOverrides -> nested rules keyed by any selector (::part(), a host tag, a class)
+ *
+ * Everything nests under one `rapid-design-system-provider` root. `shared` lives
+ * at the root (applies in every mode); each mode is a nested `&.theme-<name>`
+ * block whose compound selector out-specifies the root, so mode values win.
+ *
+ * design_tokens are NOT emitted: they are FAST recipe *inputs* consumed in JS
+ * (accent, luminance), applied at runtime via setValueFor (see modal-theme.ts).
+ *
+ * @public
+ */
+const HOST = 'rapid-design-system-provider';
+const props = (map, pad) => Object.entries(map)
+    .map(([k, v]) => `${pad}${k}: ${v};`)
+    .join('\n');
+const overrideRules = (overrides, pad) => Object.entries(overrides)
+    .map(([sel, decls]) => `${pad}${sel} {\n${props(decls, pad + '  ')}\n${pad}}`)
+    .join('\n\n');
+const section = (obj, pad) => {
+    var _a, _b;
+    const out = [];
+    if (Object.keys((_a = obj.customTokens) !== null && _a !== void 0 ? _a : {}).length)
+        out.push(props(obj.customTokens, pad));
+    if (Object.keys((_b = obj.componentOverrides) !== null && _b !== void 0 ? _b : {}).length)
+        out.push(overrideRules(obj.componentOverrides, pad));
+    return out.join('\n\n');
+};
+/**
+ * Compile a modal theme into class-scoped nested CSS.
+ *
+ * @param theme - the modal theme (shared + modes; customTokens + componentOverrides).
+ * @param host - the selector the rules nest under (default `rapid-design-system-provider`).
+ * @public
+ */
+export function compileTheme(theme, { host = HOST } = {}) {
+    var _a, _b;
+    const body = [];
+    const shared = section((_a = theme.shared) !== null && _a !== void 0 ? _a : {}, '  ');
+    if (shared)
+        body.push(shared);
+    for (const [name, mode] of Object.entries((_b = theme.modes) !== null && _b !== void 0 ? _b : {})) {
+        body.push(`  &.theme-${name} {\n${section(mode, '    ')}\n  }`);
+    }
+    return `${host} {\n${body.join('\n\n')}\n}\n`;
+}

package/dist/esm/tab/tab.styles.js

@@ -15,5 +15,6 @@ export const rapidTabStyles = (context, definition) => css `
   :host([aria-selected='true']),
   :host([aria-selected='true']:hover) {
     background-color: var(--neutral-layer-4);
+    font-weight: 700;
   }
 `;

package/dist/esm/tab-panel/tab-panel.styles.js

@@ -5,7 +5,8 @@ export const rapidTabPanelStyles = (context, definition) => css `
   :host {
     padding: 0;
     background-color: var(--neutral-layer-card-container);
-    border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
+    border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
+      var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
     border-style: solid;
     border-width: var(--tabs-border-width, 1px);
     border-color: var(--tabs-border-color, var(--neutral-stroke-rest));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.481.2-alpha-829ad82.0",
+  "version": "14.482.1-FUI-2575.1",
   "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.481.2-alpha-829ad82.0",
-    "@genesislcap/rollup-builder": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/ts-builder": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/uvu-playwright-builder": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/vite-builder": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/webpack-builder": "14.481.2-alpha-829ad82.0",
+    "@genesislcap/genx": "14.482.1-FUI-2575.1",
+    "@genesislcap/rollup-builder": "14.482.1-FUI-2575.1",
+    "@genesislcap/ts-builder": "14.482.1-FUI-2575.1",
+    "@genesislcap/uvu-playwright-builder": "14.482.1-FUI-2575.1",
+    "@genesislcap/vite-builder": "14.482.1-FUI-2575.1",
+    "@genesislcap/webpack-builder": "14.482.1-FUI-2575.1",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -53,9 +53,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/foundation-ui": "14.481.2-alpha-829ad82.0",
-    "@genesislcap/foundation-utils": "14.481.2-alpha-829ad82.0",
+    "@genesislcap/foundation-logger": "14.482.1-FUI-2575.1",
+    "@genesislcap/foundation-ui": "14.482.1-FUI-2575.1",
+    "@genesislcap/foundation-utils": "14.482.1-FUI-2575.1",
     "@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": "074779b7bd0998af5157821fa5739ecce0ac36a8"
+  "gitHead": "3a470fbe70930fe2434270fb5ec9b4042005bbb9"
 }