opus-react 0.2.19 → 0.2.22

package/dist/index.js

@@ -427,7 +427,7 @@ var init_setupFireBarrelScene = __esm({
 });
 
 // ../../components/fields/Button/Button.module.css
-var Button_default = {"warning":"opus_lZkc26_warning","button":"opus_lZkc26_button","primary":"opus_lZkc26_primary","dark":"opus_lZkc26_dark","secondary":"opus_lZkc26_secondary","success":"opus_lZkc26_success","info":"opus_lZkc26_info","link":"opus_lZkc26_link","danger":"opus_lZkc26_danger","light":"opus_lZkc26_light"};
+var Button_default = {"secondary":"opus_lZkc26_secondary","success":"opus_lZkc26_success","dark":"opus_lZkc26_dark","link":"opus_lZkc26_link","light":"opus_lZkc26_light","button":"opus_lZkc26_button","info":"opus_lZkc26_info","primary":"opus_lZkc26_primary","danger":"opus_lZkc26_danger","warning":"opus_lZkc26_warning"};
 
 // ../../components/fields/Button/Button.tsx
 import { jsx } from "react/jsx-runtime";
@@ -459,7 +459,7 @@ import {
 import { createPortal } from "react-dom";
 
 // ../../components/Tooltip/Tooltip.module.css
-var Tooltip_default = {"left":"opus_R70RbH_left","bottom":"opus_R70RbH_bottom","triggerWrap":"opus_R70RbH_triggerWrap","top":"opus_R70RbH_top","right":"opus_R70RbH_right","arrow":"opus_R70RbH_arrow","root":"opus_R70RbH_root","popup":"opus_R70RbH_popup","trigger":"opus_R70RbH_trigger"};
+var Tooltip_default = {"trigger":"opus_R70RbH_trigger","popup":"opus_R70RbH_popup","top":"opus_R70RbH_top","bottom":"opus_R70RbH_bottom","root":"opus_R70RbH_root","triggerWrap":"opus_R70RbH_triggerWrap","arrow":"opus_R70RbH_arrow","left":"opus_R70RbH_left","right":"opus_R70RbH_right"};
 
 // ../../components/Tooltip/Tooltip.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -628,7 +628,7 @@ function Tooltip({
 }
 
 // ../../components/fields/FieldShell/FieldShell.module.css
-var FieldShell_default = {"error":"opus_zNi12Z_error","labelRight":"opus_zNi12Z_labelRight","label":"opus_zNi12Z_label","controlFlagged":"opus_zNi12Z_controlFlagged","flagged":"opus_zNi12Z_flagged","visuallyHidden":"opus_zNi12Z_visuallyHidden","labelFlagged":"opus_zNi12Z_labelFlagged","stacked":"opus_zNi12Z_stacked","flaggedCenter":"opus_zNi12Z_flaggedCenter","labelLeft":"opus_zNi12Z_labelLeft","stackedLeft":"opus_zNi12Z_stackedLeft","fitContent":"opus_zNi12Z_fitContent","flaggedStart":"opus_zNi12Z_flaggedStart","required":"opus_zNi12Z_required","root":"opus_zNi12Z_root","control":"opus_zNi12Z_control","compactControl":"opus_zNi12Z_compactControl","stackedRight":"opus_zNi12Z_stackedRight","errorFlagged":"opus_zNi12Z_errorFlagged"};
+var FieldShell_default = {"labelRight":"opus_zNi12Z_labelRight","flagged":"opus_zNi12Z_flagged","stackedLeft":"opus_zNi12Z_stackedLeft","stacked":"opus_zNi12Z_stacked","stackedRight":"opus_zNi12Z_stackedRight","root":"opus_zNi12Z_root","compactControl":"opus_zNi12Z_compactControl","labelFlagged":"opus_zNi12Z_labelFlagged","errorFlagged":"opus_zNi12Z_errorFlagged","required":"opus_zNi12Z_required","label":"opus_zNi12Z_label","flaggedStart":"opus_zNi12Z_flaggedStart","labelLeft":"opus_zNi12Z_labelLeft","control":"opus_zNi12Z_control","flaggedCenter":"opus_zNi12Z_flaggedCenter","error":"opus_zNi12Z_error","visuallyHidden":"opus_zNi12Z_visuallyHidden","fitContent":"opus_zNi12Z_fitContent","controlFlagged":"opus_zNi12Z_controlFlagged"};
 
 // ../../components/fields/FieldShell/FieldShell.tsx
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -753,7 +753,7 @@ function FieldShell({
 }
 
 // ../../components/fields/CheckboxField/CheckboxField.module.css
-var CheckboxField_default = {"shell":"opus_g-5tlR_shell","round":"opus_g-5tlR_round","error":"opus_g-5tlR_error","toggle":"opus_g-5tlR_toggle","nativeInput":"opus_g-5tlR_nativeInput","visual":"opus_g-5tlR_visual","square":"opus_g-5tlR_square"};
+var CheckboxField_default = {"round":"opus_g-5tlR_round","shell":"opus_g-5tlR_shell","square":"opus_g-5tlR_square","nativeInput":"opus_g-5tlR_nativeInput","error":"opus_g-5tlR_error","toggle":"opus_g-5tlR_toggle","visual":"opus_g-5tlR_visual"};
 
 // ../../components/fields/CheckboxField/CheckboxField.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -810,7 +810,7 @@ function CheckboxField({
 }
 
 // ../../components/fields/ColorField/ColorField.module.css
-var ColorField_default = {"picker":"opus_Z7jeX4_picker","swatch":"opus_Z7jeX4_swatch","value":"opus_Z7jeX4_value","nativeInput":"opus_Z7jeX4_nativeInput","error":"opus_Z7jeX4_error","icon":"opus_Z7jeX4_icon"};
+var ColorField_default = {"picker":"opus_Z7jeX4_picker","swatch":"opus_Z7jeX4_swatch","nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error"};
 
 // ../../components/fields/ColorField/ColorField.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -860,7 +860,7 @@ function ColorField({
 }
 
 // ../../components/fields/DateField/DateField.module.css
-var DateField_default = {"error":"opus_G3y11z_error","input":"opus_G3y11z_input"};
+var DateField_default = {"input":"opus_G3y11z_input","error":"opus_G3y11z_error"};
 
 // ../../components/fields/DateField/DateField.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -951,7 +951,7 @@ function HiddenField({
 }
 
 // ../../components/fields/FileField/FileField.module.css
-var FileField_default = {"drop":"opus_aOsPA7_drop","dropError":"opus_aOsPA7_dropError","title":"opus_aOsPA7_title","action":"opus_aOsPA7_action","iconSvg":"opus_aOsPA7_iconSvg","input":"opus_aOsPA7_input","icon":"opus_aOsPA7_icon","hint":"opus_aOsPA7_hint","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging"};
+var FileField_default = {"icon":"opus_aOsPA7_icon","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","dragging":"opus_aOsPA7_dragging","iconSvg":"opus_aOsPA7_iconSvg","action":"opus_aOsPA7_action","input":"opus_aOsPA7_input","dropError":"opus_aOsPA7_dropError","drop":"opus_aOsPA7_drop","wrapper":"opus_aOsPA7_wrapper","title":"opus_aOsPA7_title","hint":"opus_aOsPA7_hint"};
 
 // ../../components/fields/FileField/FileField.tsx
 import {
@@ -1259,7 +1259,7 @@ function NumberField({
 import { createContext as createContext2, useContext as useContext2, useId as useId2 } from "react";
 
 // ../../components/fields/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"visual":"opus_O-1nor_visual","choice":"opus_O-1nor_choice","round":"opus_O-1nor_round","shell":"opus_O-1nor_shell","options":"opus_O-1nor_options","nativeInput":"opus_O-1nor_nativeInput","square":"opus_O-1nor_square","error":"opus_O-1nor_error","option":"opus_O-1nor_option"};
+var RadioGroup_default = {"choice":"opus_O-1nor_choice","square":"opus_O-1nor_square","option":"opus_O-1nor_option","options":"opus_O-1nor_options","nativeInput":"opus_O-1nor_nativeInput","error":"opus_O-1nor_error","round":"opus_O-1nor_round","visual":"opus_O-1nor_visual","shell":"opus_O-1nor_shell"};
 
 // ../../components/fields/RadioGroup/RadioGroup.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1356,7 +1356,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
 import { useId as useId3, useRef as useRef3, useState as useState4 } from "react";
 
 // ../../components/fields/ChipInputField/ChipInputField.module.css
-var ChipInputField_default = {"remove":"opus_IOOYwh_remove","error":"opus_IOOYwh_error","readOnly":"opus_IOOYwh_readOnly","chipLabel":"opus_IOOYwh_chipLabel","shell":"opus_IOOYwh_shell","input":"opus_IOOYwh_input","disabled":"opus_IOOYwh_disabled","field":"opus_IOOYwh_field","chip":"opus_IOOYwh_chip"};
+var ChipInputField_default = {"remove":"opus_IOOYwh_remove","field":"opus_IOOYwh_field","shell":"opus_IOOYwh_shell","error":"opus_IOOYwh_error","input":"opus_IOOYwh_input","readOnly":"opus_IOOYwh_readOnly","chipLabel":"opus_IOOYwh_chipLabel","disabled":"opus_IOOYwh_disabled","chip":"opus_IOOYwh_chip"};
 
 // ../../components/fields/ChipInputField/ChipInputField.tsx
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1492,7 +1492,7 @@ function ChipInput({
 var ChipInputField = ChipInput;
 
 // ../../components/fields/RangeField/RangeField.module.css
-var RangeField_default = {"error":"opus_iRHQuG_error","footer":"opus_iRHQuG_footer","value":"opus_iRHQuG_value","topRow":"opus_iRHQuG_topRow","fieldLabel":"opus_iRHQuG_fieldLabel","slider":"opus_iRHQuG_slider","wrap":"opus_iRHQuG_wrap"};
+var RangeField_default = {"value":"opus_iRHQuG_value","slider":"opus_iRHQuG_slider","error":"opus_iRHQuG_error","fieldLabel":"opus_iRHQuG_fieldLabel","topRow":"opus_iRHQuG_topRow","wrap":"opus_iRHQuG_wrap","footer":"opus_iRHQuG_footer"};
 
 // ../../components/fields/RangeField/RangeField.tsx
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -1664,7 +1664,7 @@ function SwitchField({
 import { useId as useId4 } from "react";
 
 // ../../components/fields/TextAreaField/TextAreaField.module.css
-var TextAreaField_default = {"footer":"opus_FjhWmh_footer","withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error","field":"opus_FjhWmh_field","footerError":"opus_FjhWmh_footerError","inlineCount":"opus_FjhWmh_inlineCount","externalCount":"opus_FjhWmh_externalCount","textarea":"opus_FjhWmh_textarea","inputWrap":"opus_FjhWmh_inputWrap"};
+var TextAreaField_default = {"externalCount":"opus_FjhWmh_externalCount","inlineCount":"opus_FjhWmh_inlineCount","field":"opus_FjhWmh_field","withCount":"opus_FjhWmh_withCount","footer":"opus_FjhWmh_footer","inputWrap":"opus_FjhWmh_inputWrap","footerError":"opus_FjhWmh_footerError","textarea":"opus_FjhWmh_textarea","error":"opus_FjhWmh_error"};
 
 // ../../components/fields/TextAreaField/TextAreaField.tsx
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -1774,7 +1774,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 
 // ../../components/fields/RichTextField/RichTextField.module.css
-var RichTextField_default = {"modalActions":"opus_6HFqZH_modalActions","blockSelect":"opus_6HFqZH_blockSelect","field":"opus_6HFqZH_field","toolbarButton":"opus_6HFqZH_toolbarButton","modal":"opus_6HFqZH_modal","modalNumber":"opus_6HFqZH_modalNumber","toolbarIcon":"opus_6HFqZH_toolbarIcon","modalDimensionField":"opus_6HFqZH_modalDimensionField","modalTitle":"opus_6HFqZH_modalTitle","colorSwatch":"opus_6HFqZH_colorSwatch","modalOverlay":"opus_6HFqZH_modalOverlay","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","readOnly":"opus_6HFqZH_readOnly","editorShell":"opus_6HFqZH_editorShell","editor":"opus_6HFqZH_editor","colorInput":"opus_6HFqZH_colorInput","toolbar":"opus_6HFqZH_toolbar","modalDimensions":"opus_6HFqZH_modalDimensions","modalConfirm":"opus_6HFqZH_modalConfirm","modalField":"opus_6HFqZH_modalField","modalTimes":"opus_6HFqZH_modalTimes","divider":"opus_6HFqZH_divider","modalCancel":"opus_6HFqZH_modalCancel","error":"opus_6HFqZH_error","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput"};
+var RichTextField_default = {"modalActions":"opus_6HFqZH_modalActions","modalCancel":"opus_6HFqZH_modalCancel","modalConfirm":"opus_6HFqZH_modalConfirm","field":"opus_6HFqZH_field","readOnly":"opus_6HFqZH_readOnly","modalOverlay":"opus_6HFqZH_modalOverlay","editor":"opus_6HFqZH_editor","modalDimensionField":"opus_6HFqZH_modalDimensionField","divider":"opus_6HFqZH_divider","modalField":"opus_6HFqZH_modalField","toolbarButton":"opus_6HFqZH_toolbarButton","toolbar":"opus_6HFqZH_toolbar","blockSelect":"opus_6HFqZH_blockSelect","modalTitle":"opus_6HFqZH_modalTitle","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput","modalDimensions":"opus_6HFqZH_modalDimensions","modalTimes":"opus_6HFqZH_modalTimes","error":"opus_6HFqZH_error","colorInput":"opus_6HFqZH_colorInput","modal":"opus_6HFqZH_modal","editorShell":"opus_6HFqZH_editorShell","toolbarIcon":"opus_6HFqZH_toolbarIcon","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","colorSwatch":"opus_6HFqZH_colorSwatch","modalNumber":"opus_6HFqZH_modalNumber"};
 
 // ../../components/fields/RichTextField/RichTextField.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -2422,7 +2422,7 @@ import { useState as useState6 } from "react";
 var TextField_default = {"input":"opus_SOck2f_input","error":"opus_SOck2f_error"};
 
 // ../../components/fields/shared/fieldControl.module.css
-var fieldControl_default = {"trigger":"opus_1Q5xBh_trigger","input":"opus_1Q5xBh_input","error":"opus_1Q5xBh_error","placeholder":"opus_1Q5xBh_placeholder","passwordToggle":"opus_1Q5xBh_passwordToggle","groupLabel":"opus_1Q5xBh_groupLabel","passwordInput":"opus_1Q5xBh_passwordInput","panel":"opus_1Q5xBh_panel","panelFooter":"opus_1Q5xBh_panelFooter","search":"opus_1Q5xBh_search","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","option":"opus_1Q5xBh_option","list":"opus_1Q5xBh_list","chevron":"opus_1Q5xBh_chevron","passwordWrap":"opus_1Q5xBh_passwordWrap","triggerOpen":"opus_1Q5xBh_triggerOpen","actionButton":"opus_1Q5xBh_actionButton","triggerError":"opus_1Q5xBh_triggerError"};
+var fieldControl_default = {"actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","actionButton":"opus_1Q5xBh_actionButton","passwordWrap":"opus_1Q5xBh_passwordWrap","passwordToggle":"opus_1Q5xBh_passwordToggle","triggerOpen":"opus_1Q5xBh_triggerOpen","triggerError":"opus_1Q5xBh_triggerError","passwordInput":"opus_1Q5xBh_passwordInput","trigger":"opus_1Q5xBh_trigger","groupLabel":"opus_1Q5xBh_groupLabel","option":"opus_1Q5xBh_option","panelFooter":"opus_1Q5xBh_panelFooter","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","chevron":"opus_1Q5xBh_chevron","search":"opus_1Q5xBh_search","list":"opus_1Q5xBh_list","input":"opus_1Q5xBh_input","panel":"opus_1Q5xBh_panel","error":"opus_1Q5xBh_error","placeholder":"opus_1Q5xBh_placeholder"};
 
 // ../../components/fields/shared/PasswordToggle.tsx
 import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
@@ -2505,12 +2505,13 @@ import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawes
 import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
-var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","active":"opus_SwerMA_active","option":"opus_SwerMA_option"};
+var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","option":"opus_SwerMA_option","active":"opus_SwerMA_active"};
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function ThemeToggleField({
   className,
+  help,
   id,
   label = "Theme",
   labelPosition = "left",
@@ -2525,6 +2526,7 @@ function ThemeToggleField({
       className,
       fitContent: true,
       flaggedAlign: "center",
+      help,
       id,
       label,
       labelPosition,
@@ -2836,7 +2838,7 @@ function MultiSelectField({
 import { useState as useState9 } from "react";
 
 // ../../components/fields/TransferListField/TransferListField.module.css
-var TransferListField_default = {"column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton","item":"opus_NPBFZk_item","root":"opus_NPBFZk_root","columnHeader":"opus_NPBFZk_columnHeader","controls":"opus_NPBFZk_controls","itemActive":"opus_NPBFZk_itemActive","list":"opus_NPBFZk_list"};
+var TransferListField_default = {"list":"opus_NPBFZk_list","controls":"opus_NPBFZk_controls","root":"opus_NPBFZk_root","column":"opus_NPBFZk_column","columnHeader":"opus_NPBFZk_columnHeader","controlButton":"opus_NPBFZk_controlButton","itemActive":"opus_NPBFZk_itemActive","item":"opus_NPBFZk_item"};
 
 // ../../components/fields/TransferListField/TransferListField.tsx
 import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -2956,7 +2958,7 @@ import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawes
 import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
 
 // ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
-var PasswordStrengthField_default = {"meterTrack":"opus_S1A372_meterTrack","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel","meterFill":"opus_S1A372_meterFill","root":"opus_S1A372_root","requirementIcon":"opus_S1A372_requirementIcon","requirements":"opus_S1A372_requirements","requirementMet":"opus_S1A372_requirementMet","requirement":"opus_S1A372_requirement"};
+var PasswordStrengthField_default = {"meterLabel":"opus_S1A372_meterLabel","meterWrap":"opus_S1A372_meterWrap","meterFill":"opus_S1A372_meterFill","requirementIcon":"opus_S1A372_requirementIcon","root":"opus_S1A372_root","requirements":"opus_S1A372_requirements","requirement":"opus_S1A372_requirement","requirementMet":"opus_S1A372_requirementMet","meterTrack":"opus_S1A372_meterTrack"};
 
 // ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -3064,7 +3066,7 @@ function PasswordStrengthField({
 }
 
 // ../../components/fields/RatingField/RatingField.module.css
-var RatingField_default = {"numericActive":"opus_0tdNUz_numericActive","root":"opus_0tdNUz_root","symbolActive":"opus_0tdNUz_symbolActive","symbol":"opus_0tdNUz_symbol","numeric":"opus_0tdNUz_numeric"};
+var RatingField_default = {"numeric":"opus_0tdNUz_numeric","symbol":"opus_0tdNUz_symbol","symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","numericActive":"opus_0tdNUz_numericActive"};
 
 // ../../components/fields/RatingField/RatingField.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
@@ -3139,7 +3141,7 @@ function RatingField({
 }
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
-var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive","segment":"opus_ZHwfiN_segment"};
+var SegmentedControlField_default = {"segment":"opus_ZHwfiN_segment","root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive"};
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
@@ -3194,7 +3196,7 @@ function SegmentedControlField({
 import { useMemo as useMemo5 } from "react";
 
 // ../../components/fields/SliderRangeField/SliderRangeField.module.css
-var SliderRangeField_default = {"header":"opus_k3d0sS_header","value":"opus_k3d0sS_value","track":"opus_k3d0sS_track","root":"opus_k3d0sS_root","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","slider":"opus_k3d0sS_slider"};
+var SliderRangeField_default = {"root":"opus_k3d0sS_root","slider":"opus_k3d0sS_slider","track":"opus_k3d0sS_track","header":"opus_k3d0sS_header","value":"opus_k3d0sS_value","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer"};
 
 // ../../components/fields/SliderRangeField/SliderRangeField.tsx
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -3291,7 +3293,7 @@ function SliderRangeField({
 import { useEffect as useEffect6, useMemo as useMemo6, useRef as useRef7, useState as useState11 } from "react";
 
 // ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
-var PhoneNumberField_default = {"empty":"opus_WC4gnN_empty","optionActive":"opus_WC4gnN_optionActive","countryWrap":"opus_WC4gnN_countryWrap","root":"opus_WC4gnN_root","country":"opus_WC4gnN_country","option":"opus_WC4gnN_option","panel":"opus_WC4gnN_panel","code":"opus_WC4gnN_code","optionLabel":"opus_WC4gnN_optionLabel","dial":"opus_WC4gnN_dial","flag":"opus_WC4gnN_flag","chevron":"opus_WC4gnN_chevron","countryValue":"opus_WC4gnN_countryValue","optionDial":"opus_WC4gnN_optionDial"};
+var PhoneNumberField_default = {"root":"opus_WC4gnN_root","countryValue":"opus_WC4gnN_countryValue","panel":"opus_WC4gnN_panel","code":"opus_WC4gnN_code","optionActive":"opus_WC4gnN_optionActive","flag":"opus_WC4gnN_flag","option":"opus_WC4gnN_option","optionLabel":"opus_WC4gnN_optionLabel","optionDial":"opus_WC4gnN_optionDial","chevron":"opus_WC4gnN_chevron","countryWrap":"opus_WC4gnN_countryWrap","country":"opus_WC4gnN_country","dial":"opus_WC4gnN_dial","empty":"opus_WC4gnN_empty"};
 
 // ../../components/fields/PhoneNumberField/countries.ts
 function countryCodeToFlag(code) {
@@ -3694,7 +3696,7 @@ function PhoneNumberField({
 import { useEffect as useEffect7, useMemo as useMemo7, useRef as useRef8, useState as useState12 } from "react";
 
 // ../../components/fields/CountryPickerField/CountryPickerField.module.css
-var CountryPickerField_default = {"triggerValue":"opus_O7qqfR_triggerValue","optionCode":"opus_O7qqfR_optionCode","root":"opus_O7qqfR_root","empty":"opus_O7qqfR_empty","option":"opus_O7qqfR_option","optionActive":"opus_O7qqfR_optionActive","optionLabel":"opus_O7qqfR_optionLabel","flag":"opus_O7qqfR_flag"};
+var CountryPickerField_default = {"triggerValue":"opus_O7qqfR_triggerValue","root":"opus_O7qqfR_root","flag":"opus_O7qqfR_flag","optionActive":"opus_O7qqfR_optionActive","optionLabel":"opus_O7qqfR_optionLabel","empty":"opus_O7qqfR_empty","optionCode":"opus_O7qqfR_optionCode","option":"opus_O7qqfR_option"};
 
 // ../../components/fields/CountryPickerField/CountryPickerField.tsx
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -3850,7 +3852,7 @@ function CountryPickerField({
 import { useEffect as useEffect8, useMemo as useMemo8, useRef as useRef9, useState as useState13 } from "react";
 
 // ../../components/fields/TreeSelectField/TreeSelectField.module.css
-var TreeSelectField_default = {"root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption","treeOptionActive":"opus_Mq6C00_treeOptionActive"};
+var TreeSelectField_default = {"treeOptionActive":"opus_Mq6C00_treeOptionActive","treeOption":"opus_Mq6C00_treeOption","root":"opus_Mq6C00_root"};
 
 // ../../components/fields/TreeSelectField/TreeSelectField.tsx
 import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -3979,7 +3981,7 @@ function TreeSelectField({
 import { useEffect as useEffect9, useMemo as useMemo9, useRef as useRef10, useState as useState14 } from "react";
 
 // ../../components/fields/CascaderField/CascaderField.module.css
-var CascaderField_default = {"root":"opus_1Fg59A_root","option":"opus_1Fg59A_option","optionActive":"opus_1Fg59A_optionActive","column":"opus_1Fg59A_column","panel":"opus_1Fg59A_panel"};
+var CascaderField_default = {"option":"opus_1Fg59A_option","root":"opus_1Fg59A_root","panel":"opus_1Fg59A_panel","optionActive":"opus_1Fg59A_optionActive","column":"opus_1Fg59A_column"};
 
 // ../../components/fields/CascaderField/CascaderField.tsx
 import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -4182,7 +4184,7 @@ function OpusThemeProvider({
 }
 
 // ../../components/Alert/Alert.module.css
-var Alert_default = {"alert":"opus_eh3eeT_alert","icon":"opus_eh3eeT_icon","iconSvg":"opus_eh3eeT_iconSvg","title":"opus_eh3eeT_title","dismissIcon":"opus_eh3eeT_dismissIcon","iconMark":"opus_eh3eeT_iconMark","iconFlagged":"opus_eh3eeT_iconFlagged","dismiss":"opus_eh3eeT_dismiss","content":"opus_eh3eeT_content","description":"opus_eh3eeT_description"};
+var Alert_default = {"icon":"opus_eh3eeT_icon","dismiss":"opus_eh3eeT_dismiss","dismissIcon":"opus_eh3eeT_dismissIcon","content":"opus_eh3eeT_content","iconMark":"opus_eh3eeT_iconMark","title":"opus_eh3eeT_title","description":"opus_eh3eeT_description","alert":"opus_eh3eeT_alert","iconSvg":"opus_eh3eeT_iconSvg","iconFlagged":"opus_eh3eeT_iconFlagged"};
 
 // ../../components/Alert/Alert.tsx
 import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
@@ -4331,7 +4333,7 @@ function useOverlayAccessibility(active, containerRef, {
 }
 
 // ../../components/Dialog/Dialog.module.css
-var Dialog_default = {"backdrop":"opus_sz-ZGI_backdrop","backdropIn":"opus_sz-ZGI_backdropIn","backdropOut":"opus_sz-ZGI_backdropOut","dialogIn":"opus_sz-ZGI_dialogIn","dialogOut":"opus_sz-ZGI_dialogOut","visuallyHidden":"opus_sz-ZGI_visuallyHidden","content":"opus_sz-ZGI_content","dialog":"opus_sz-ZGI_dialog","icon":"opus_sz-ZGI_icon","actions":"opus_sz-ZGI_actions","iconSvg":"opus_sz-ZGI_iconSvg","description":"opus_sz-ZGI_description","title":"opus_sz-ZGI_title","iconMark":"opus_sz-ZGI_iconMark","body":"opus_sz-ZGI_body"};
+var Dialog_default = {"backdrop":"opus_sz-ZGI_backdrop","visuallyHidden":"opus_sz-ZGI_visuallyHidden","backdropIn":"opus_sz-ZGI_backdropIn","dialogOut":"opus_sz-ZGI_dialogOut","dialogIn":"opus_sz-ZGI_dialogIn","body":"opus_sz-ZGI_body","iconMark":"opus_sz-ZGI_iconMark","content":"opus_sz-ZGI_content","dialog":"opus_sz-ZGI_dialog","iconSvg":"opus_sz-ZGI_iconSvg","actions":"opus_sz-ZGI_actions","backdropOut":"opus_sz-ZGI_backdropOut","title":"opus_sz-ZGI_title","description":"opus_sz-ZGI_description","icon":"opus_sz-ZGI_icon"};
 
 // ../../components/Dialog/Dialog.tsx
 import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -4462,7 +4464,7 @@ function Dialog({
 import { useEffect as useEffect13, useId as useId6, useRef as useRef13, useState as useState16 } from "react";
 
 // ../../components/Modal/Modal.module.css
-var Modal_default = {"modal":"opus_LQbzGS_modal","header":"opus_LQbzGS_header","title":"opus_LQbzGS_title","close":"opus_LQbzGS_close","closeIcon":"opus_LQbzGS_closeIcon","body":"opus_LQbzGS_body","footer":"opus_LQbzGS_footer","footerContent":"opus_LQbzGS_footerContent","actions":"opus_LQbzGS_actions","heading":"opus_LQbzGS_heading","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","description":"opus_LQbzGS_description","modalPanelOut":"opus_LQbzGS_modalPanelOut","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","backdrop":"opus_LQbzGS_backdrop","modalPanelIn":"opus_LQbzGS_modalPanelIn"};
+var Modal_default = {"backdrop":"opus_LQbzGS_backdrop","footer":"opus_LQbzGS_footer","close":"opus_LQbzGS_close","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","header":"opus_LQbzGS_header","modalPanelOut":"opus_LQbzGS_modalPanelOut","actions":"opus_LQbzGS_actions","body":"opus_LQbzGS_body","footerContent":"opus_LQbzGS_footerContent","closeIcon":"opus_LQbzGS_closeIcon","title":"opus_LQbzGS_title","modalPanelIn":"opus_LQbzGS_modalPanelIn","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","modal":"opus_LQbzGS_modal","heading":"opus_LQbzGS_heading","description":"opus_LQbzGS_description"};
 
 // ../../components/Modal/Modal.tsx
 import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -4593,7 +4595,7 @@ function ModalDefaultActions({ onClose }) {
 import { useEffect as useEffect14, useId as useId7, useRef as useRef14, useState as useState17 } from "react";
 
 // ../../components/Drawer/Drawer.module.css
-var Drawer_default = {"header":"opus_0CaGbZ_header","close":"opus_0CaGbZ_close","actions":"opus_0CaGbZ_actions","backdrop":"opus_0CaGbZ_backdrop","description":"opus_0CaGbZ_description","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","heading":"opus_0CaGbZ_heading","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInLeft":"opus_0CaGbZ_drawerInLeft","title":"opus_0CaGbZ_title","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","drawerInTop":"opus_0CaGbZ_drawerInTop","footer":"opus_0CaGbZ_footer","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerInRight":"opus_0CaGbZ_drawerInRight","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawerOutRight":"opus_0CaGbZ_drawerOutRight","closeIcon":"opus_0CaGbZ_closeIcon","body":"opus_0CaGbZ_body","footerContent":"opus_0CaGbZ_footerContent","drawer":"opus_0CaGbZ_drawer","drawerInBottom":"opus_0CaGbZ_drawerInBottom"};
+var Drawer_default = {"drawerOutTop":"opus_0CaGbZ_drawerOutTop","footer":"opus_0CaGbZ_footer","drawerOutRight":"opus_0CaGbZ_drawerOutRight","backdrop":"opus_0CaGbZ_backdrop","drawer":"opus_0CaGbZ_drawer","title":"opus_0CaGbZ_title","drawerInRight":"opus_0CaGbZ_drawerInRight","description":"opus_0CaGbZ_description","heading":"opus_0CaGbZ_heading","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","closeIcon":"opus_0CaGbZ_closeIcon","actions":"opus_0CaGbZ_actions","drawerInLeft":"opus_0CaGbZ_drawerInLeft","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","body":"opus_0CaGbZ_body","header":"opus_0CaGbZ_header","close":"opus_0CaGbZ_close","drawerInBottom":"opus_0CaGbZ_drawerInBottom","footerContent":"opus_0CaGbZ_footerContent","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawerInTop":"opus_0CaGbZ_drawerInTop"};
 
 // ../../components/Drawer/Drawer.tsx
 import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
@@ -4733,7 +4735,7 @@ import {
 } from "react";
 
 // ../../components/Popover/Popover.module.css
-var Popover_default = {"content":"opus_yq4OU0_content","title":"opus_yq4OU0_title","arrow":"opus_yq4OU0_arrow","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn"};
+var Popover_default = {"popoverIn":"opus_yq4OU0_popoverIn","panel":"opus_yq4OU0_panel","title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","root":"opus_yq4OU0_root","arrow":"opus_yq4OU0_arrow"};
 
 // ../../components/Popover/Popover.tsx
 import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
@@ -4900,7 +4902,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
 }
 
 // ../../components/MegaMenu/MegaMenu.module.css
-var MegaMenu_default = {"megaMenuIn":"opus_Y_ikQV_megaMenuIn","itemCopy":"opus_Y_ikQV_itemCopy","menuBar":"opus_Y_ikQV_menuBar","trigger":"opus_Y_ikQV_trigger","featured":"opus_Y_ikQV_featured","panelContent":"opus_Y_ikQV_panelContent","item":"opus_Y_ikQV_item","items":"opus_Y_ikQV_items","section":"opus_Y_ikQV_section","root":"opus_Y_ikQV_root","featuredAction":"opus_Y_ikQV_featuredAction","itemIcon":"opus_Y_ikQV_itemIcon","panel":"opus_Y_ikQV_panel","eyebrow":"opus_Y_ikQV_eyebrow","megaMenuOut":"opus_Y_ikQV_megaMenuOut","sections":"opus_Y_ikQV_sections"};
+var MegaMenu_default = {"megaMenuOut":"opus_Y_ikQV_megaMenuOut","root":"opus_Y_ikQV_root","panelContent":"opus_Y_ikQV_panelContent","items":"opus_Y_ikQV_items","panel":"opus_Y_ikQV_panel","eyebrow":"opus_Y_ikQV_eyebrow","sections":"opus_Y_ikQV_sections","featuredAction":"opus_Y_ikQV_featuredAction","megaMenuIn":"opus_Y_ikQV_megaMenuIn","featured":"opus_Y_ikQV_featured","section":"opus_Y_ikQV_section","item":"opus_Y_ikQV_item","itemIcon":"opus_Y_ikQV_itemIcon","trigger":"opus_Y_ikQV_trigger","menuBar":"opus_Y_ikQV_menuBar","itemCopy":"opus_Y_ikQV_itemCopy"};
 
 // ../../components/MegaMenu/MegaMenu.tsx
 import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
@@ -5343,7 +5345,7 @@ function MegaMenu({
 }
 
 // ../../components/TopNavigation/TopNavigation.module.css
-var TopNavigation_default = {"bar":"opus_OIomR6_bar","menuSlot":"opus_OIomR6_menuSlot","menuSlotMega":"opus_OIomR6_menuSlotMega","menuTrigger":"opus_OIomR6_menuTrigger","nav":"opus_OIomR6_nav"};
+var TopNavigation_default = {"nav":"opus_OIomR6_nav","menuSlotMega":"opus_OIomR6_menuSlotMega","menuSlot":"opus_OIomR6_menuSlot","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar"};
 
 // ../../components/TopNavigation/TopNavigation.tsx
 import { Fragment as Fragment6, jsx as jsx39 } from "react/jsx-runtime";
@@ -5700,7 +5702,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
 }
 
 // ../../components/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","dropdownIn":"opus_UUVDVQ_dropdownIn","dropdownOut":"opus_UUVDVQ_dropdownOut","shortcut":"opus_UUVDVQ_shortcut","label":"opus_UUVDVQ_label","root":"opus_UUVDVQ_root","item":"opus_UUVDVQ_item","icon":"opus_UUVDVQ_icon"};
+var DropdownMenu_default = {"dropdownOut":"opus_UUVDVQ_dropdownOut","root":"opus_UUVDVQ_root","dropdownIn":"opus_UUVDVQ_dropdownIn","shortcut":"opus_UUVDVQ_shortcut","icon":"opus_UUVDVQ_icon","item":"opus_UUVDVQ_item","menu":"opus_UUVDVQ_menu","label":"opus_UUVDVQ_label"};
 
 // ../../components/DropdownMenu/DropdownMenu.tsx
 import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -6040,7 +6042,7 @@ import {
 import { createPortal as createPortal4 } from "react-dom";
 
 // ../../components/ContextMenu/ContextMenu.module.css
-var ContextMenu_default = {"target":"opus_nMhhae_target","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","contextMenuIn":"opus_nMhhae_contextMenuIn","menu":"opus_nMhhae_menu","layer":"opus_nMhhae_layer","backdrop":"opus_nMhhae_backdrop"};
+var ContextMenu_default = {"contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","menu":"opus_nMhhae_menu","contextMenuIn":"opus_nMhhae_contextMenuIn","layer":"opus_nMhhae_layer","target":"opus_nMhhae_target","backdrop":"opus_nMhhae_backdrop"};
 
 // ../../components/ContextMenu/ContextMenuProvider.tsx
 import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
@@ -6351,7 +6353,7 @@ import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawesome";
 
 // ../../components/CommandPalette/CommandPalette.module.css
-var CommandPalette_default = {"results":"opus_k1ypuy_results","itemMain":"opus_k1ypuy_itemMain","shortcut":"opus_k1ypuy_shortcut","group":"opus_k1ypuy_group","backdrop":"opus_k1ypuy_backdrop","searchInput":"opus_k1ypuy_searchInput","item":"opus_k1ypuy_item","groupLabel":"opus_k1ypuy_groupLabel","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchWrap":"opus_k1ypuy_searchWrap","searchIcon":"opus_k1ypuy_searchIcon","itemDescription":"opus_k1ypuy_itemDescription","empty":"opus_k1ypuy_empty","itemLabel":"opus_k1ypuy_itemLabel","visuallyHidden":"opus_k1ypuy_visuallyHidden","panel":"opus_k1ypuy_panel","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","footer":"opus_k1ypuy_footer","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","searchIconSvg":"opus_k1ypuy_searchIconSvg"};
+var CommandPalette_default = {"searchIcon":"opus_k1ypuy_searchIcon","itemLabel":"opus_k1ypuy_itemLabel","searchInput":"opus_k1ypuy_searchInput","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","footer":"opus_k1ypuy_footer","shortcut":"opus_k1ypuy_shortcut","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","empty":"opus_k1ypuy_empty","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","visuallyHidden":"opus_k1ypuy_visuallyHidden","itemDescription":"opus_k1ypuy_itemDescription","panel":"opus_k1ypuy_panel","itemMain":"opus_k1ypuy_itemMain","item":"opus_k1ypuy_item","backdrop":"opus_k1ypuy_backdrop","results":"opus_k1ypuy_results","group":"opus_k1ypuy_group","searchIconSvg":"opus_k1ypuy_searchIconSvg","groupLabel":"opus_k1ypuy_groupLabel","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchWrap":"opus_k1ypuy_searchWrap"};
 
 // ../../components/CommandPalette/CommandPalette.tsx
 import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
@@ -6691,7 +6693,7 @@ function AccordionGroup({
 }
 
 // ../../components/Accordion/Accordion.module.css
-var Accordion_default = {"standalone":"opus_WNZQMV_standalone","content":"opus_WNZQMV_content","triggerLabel":"opus_WNZQMV_triggerLabel","panel":"opus_WNZQMV_panel","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item"};
+var Accordion_default = {"content":"opus_WNZQMV_content","panelInner":"opus_WNZQMV_panelInner","standalone":"opus_WNZQMV_standalone","triggerLabel":"opus_WNZQMV_triggerLabel","panel":"opus_WNZQMV_panel","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","item":"opus_WNZQMV_item"};
 
 // ../../components/Accordion/Accordion.tsx
 import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
@@ -6784,7 +6786,7 @@ import {
 } from "react";
 
 // ../../components/ShowMore/ShowMore.module.css
-var ShowMore_default = {"toggleLabel":"opus_dSk-ve_toggleLabel","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","chevron":"opus_dSk-ve_chevron","inner":"opus_dSk-ve_inner","contentShell":"opus_dSk-ve_contentShell","toggle":"opus_dSk-ve_toggle","root":"opus_dSk-ve_root"};
+var ShowMore_default = {"toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","inner":"opus_dSk-ve_inner","contentShell":"opus_dSk-ve_contentShell","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn"};
 
 // ../../components/ShowMore/ShowMore.tsx
 import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -6888,7 +6890,7 @@ function ShowMore({
 }
 
 // ../../components/Toast/Toast.module.css
-var Toast_default = {"toastProgress":"opus_cklQPW_toastProgress","iconMark":"opus_cklQPW_iconMark","icon":"opus_cklQPW_icon","progressTrack":"opus_cklQPW_progressTrack","main":"opus_cklQPW_main","dismiss":"opus_cklQPW_dismiss","toast":"opus_cklQPW_toast","iconSvg":"opus_cklQPW_iconSvg","title":"opus_cklQPW_title","dismissIcon":"opus_cklQPW_dismissIcon","body":"opus_cklQPW_body","content":"opus_cklQPW_content","description":"opus_cklQPW_description","progressBar":"opus_cklQPW_progressBar"};
+var Toast_default = {"main":"opus_cklQPW_main","title":"opus_cklQPW_title","progressBar":"opus_cklQPW_progressBar","toastProgress":"opus_cklQPW_toastProgress","description":"opus_cklQPW_description","iconMark":"opus_cklQPW_iconMark","toast":"opus_cklQPW_toast","dismiss":"opus_cklQPW_dismiss","progressTrack":"opus_cklQPW_progressTrack","content":"opus_cklQPW_content","icon":"opus_cklQPW_icon","body":"opus_cklQPW_body","dismissIcon":"opus_cklQPW_dismissIcon","iconSvg":"opus_cklQPW_iconSvg"};
 
 // ../../components/Toast/Toast.tsx
 import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
@@ -6968,7 +6970,7 @@ import {
 } from "react";
 
 // ../../components/ToastProvider/ToastProvider.module.css
-var ToastProvider_default = {"itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface","viewportTop":"opus_z3pSp7_viewportTop","itemBackdrop":"opus_z3pSp7_itemBackdrop","item":"opus_z3pSp7_item","viewport":"opus_z3pSp7_viewport","viewportBottom":"opus_z3pSp7_viewportBottom","viewportLeft":"opus_z3pSp7_viewportLeft","viewportRight":"opus_z3pSp7_viewportRight"};
+var ToastProvider_default = {"viewportLeft":"opus_z3pSp7_viewportLeft","item":"opus_z3pSp7_item","itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface","viewport":"opus_z3pSp7_viewport","itemBackdrop":"opus_z3pSp7_itemBackdrop","viewportRight":"opus_z3pSp7_viewportRight","viewportTop":"opus_z3pSp7_viewportTop","viewportBottom":"opus_z3pSp7_viewportBottom"};
 
 // ../../components/ToastProvider/ToastProvider.tsx
 import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -7338,7 +7340,7 @@ function ToastProvider({
 import { useId as useId15, useState as useState28 } from "react";
 
 // ../../components/Tabs/Tabs.module.css
-var Tabs_default = {"list":"opus_ADVJmy_list","panel":"opus_ADVJmy_panel","root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab"};
+var Tabs_default = {"panel":"opus_ADVJmy_panel","list":"opus_ADVJmy_list","root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab"};
 
 // ../../components/Tabs/Tabs.tsx
 import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
@@ -7452,7 +7454,7 @@ function Tabs({
 }
 
 // ../../components/Card/Card.module.css
-var Card_default = {"body":"opus_qWo1sP_body","heading":"opus_qWo1sP_heading","content":"opus_qWo1sP_content","card":"opus_qWo1sP_card","footer":"opus_qWo1sP_footer","media":"opus_qWo1sP_media","title":"opus_qWo1sP_title","footerContent":"opus_qWo1sP_footerContent","actions":"opus_qWo1sP_actions","eyebrow":"opus_qWo1sP_eyebrow"};
+var Card_default = {"footerContent":"opus_qWo1sP_footerContent","actions":"opus_qWo1sP_actions","card":"opus_qWo1sP_card","content":"opus_qWo1sP_content","body":"opus_qWo1sP_body","footer":"opus_qWo1sP_footer","media":"opus_qWo1sP_media","title":"opus_qWo1sP_title","eyebrow":"opus_qWo1sP_eyebrow","heading":"opus_qWo1sP_heading"};
 
 // ../../components/Card/Card.tsx
 import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -7483,7 +7485,7 @@ function Card({
 }
 
 // ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
-var dashboardMetricCardLayout_default = {"iconSlot":"opus_6_sptY_iconSlot","header":"opus_6_sptY_header","label":"opus_6_sptY_label","metaPlaceholder":"opus_6_sptY_metaPlaceholder","shell":"opus_6_sptY_shell","value":"opus_6_sptY_value","iconPlaceholder":"opus_6_sptY_iconPlaceholder","metaSlot":"opus_6_sptY_metaSlot"};
+var dashboardMetricCardLayout_default = {"header":"opus_6_sptY_header","iconPlaceholder":"opus_6_sptY_iconPlaceholder","value":"opus_6_sptY_value","metaPlaceholder":"opus_6_sptY_metaPlaceholder","iconSlot":"opus_6_sptY_iconSlot","label":"opus_6_sptY_label","shell":"opus_6_sptY_shell","metaSlot":"opus_6_sptY_metaSlot"};
 
 // ../../components/StatCard/StatCard.module.css
 var StatCard_default = {"change":"opus_KIXsQY_change"};
@@ -7513,7 +7515,7 @@ function StatCard({
 }
 
 // ../../components/Gauge/Gauge.module.css
-var Gauge_default = {"summary":"opus_t6IuQe_summary","gauge":"opus_t6IuQe_gauge","heading":"opus_t6IuQe_heading","footerTrend":"opus_t6IuQe_footerTrend","title":"opus_t6IuQe_title","footerItem":"opus_t6IuQe_footerItem","footerValue":"opus_t6IuQe_footerValue","gaugeTrack":"opus_t6IuQe_gaugeTrack","body":"opus_t6IuQe_body","gaugeSvg":"opus_t6IuQe_gaugeSvg","change":"opus_t6IuQe_change","subtitle":"opus_t6IuQe_subtitle","gaugeCenter":"opus_t6IuQe_gaugeCenter","header":"opus_t6IuQe_header","gaugeSlot":"opus_t6IuQe_gaugeSlot","footerLabel":"opus_t6IuQe_footerLabel","gaugeValue":"opus_t6IuQe_gaugeValue","footer":"opus_t6IuQe_footer","widget":"opus_t6IuQe_widget"};
+var Gauge_default = {"gaugeValue":"opus_t6IuQe_gaugeValue","gaugeCenter":"opus_t6IuQe_gaugeCenter","gaugeSlot":"opus_t6IuQe_gaugeSlot","footer":"opus_t6IuQe_footer","header":"opus_t6IuQe_header","footerLabel":"opus_t6IuQe_footerLabel","change":"opus_t6IuQe_change","subtitle":"opus_t6IuQe_subtitle","heading":"opus_t6IuQe_heading","widget":"opus_t6IuQe_widget","body":"opus_t6IuQe_body","summary":"opus_t6IuQe_summary","gaugeTrack":"opus_t6IuQe_gaugeTrack","title":"opus_t6IuQe_title","footerTrend":"opus_t6IuQe_footerTrend","gauge":"opus_t6IuQe_gauge","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerValue":"opus_t6IuQe_footerValue","footerItem":"opus_t6IuQe_footerItem"};
 
 // ../../components/Gauge/Gauge.tsx
 import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -7647,7 +7649,7 @@ function Gauge({
 import { useId as useId16 } from "react";
 
 // ../../components/Sparkline/Sparkline.module.css
-var Sparkline_default = {"area":"opus_xXtB87_area","svg":"opus_xXtB87_svg","endPoint":"opus_xXtB87_endPoint","label":"opus_xXtB87_label","chart":"opus_xXtB87_chart","sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line"};
+var Sparkline_default = {"area":"opus_xXtB87_area","svg":"opus_xXtB87_svg","endPoint":"opus_xXtB87_endPoint","chart":"opus_xXtB87_chart","sparkline":"opus_xXtB87_sparkline","label":"opus_xXtB87_label","line":"opus_xXtB87_line"};
 
 // ../../components/Sparkline/Sparkline.tsx
 import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
@@ -7713,7 +7715,7 @@ function Sparkline({
 }
 
 // ../../components/ProgressRing/ProgressRing.module.css
-var ProgressRing_default = {"ring":"opus_YxX6Hh_ring","track":"opus_YxX6Hh_track","svg":"opus_YxX6Hh_svg","center":"opus_YxX6Hh_center","value":"opus_YxX6Hh_value"};
+var ProgressRing_default = {"ring":"opus_YxX6Hh_ring","svg":"opus_YxX6Hh_svg","center":"opus_YxX6Hh_center","track":"opus_YxX6Hh_track","value":"opus_YxX6Hh_value"};
 
 // ../../components/ProgressRing/ProgressRing.tsx
 import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -7746,7 +7748,7 @@ function ProgressRing({ label, max = 100, value }) {
 }
 
 // ../../components/ProgressBar/ProgressBar.module.css
-var ProgressBar_default = {"track":"opus_q04AvA_track","value":"opus_q04AvA_value","fill":"opus_q04AvA_fill","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header","label":"opus_q04AvA_label"};
+var ProgressBar_default = {"fill":"opus_q04AvA_fill","header":"opus_q04AvA_header","track":"opus_q04AvA_track","label":"opus_q04AvA_label","value":"opus_q04AvA_value","bar":"opus_q04AvA_bar"};
 
 // ../../components/ProgressBar/ProgressBar.tsx
 import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
@@ -7766,7 +7768,7 @@ function ProgressBar({ label, max = 100, value }) {
 }
 
 // ../../components/Speedometer/Speedometer.module.css
-var Speedometer_default = {"speedometer":"opus__jpB7z_speedometer","needle":"opus__jpB7z_needle","hub":"opus__jpB7z_hub","track":"opus__jpB7z_track","svg":"opus__jpB7z_svg","value":"opus__jpB7z_value","center":"opus__jpB7z_center"};
+var Speedometer_default = {"needle":"opus__jpB7z_needle","hub":"opus__jpB7z_hub","svg":"opus__jpB7z_svg","speedometer":"opus__jpB7z_speedometer","track":"opus__jpB7z_track","value":"opus__jpB7z_value","center":"opus__jpB7z_center"};
 
 // ../../components/Speedometer/Speedometer.tsx
 import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
@@ -7799,7 +7801,7 @@ function Speedometer({ label, max = 100, value }) {
 }
 
 // ../../components/MetricTile/MetricTile.module.css
-var MetricTile_default = {"sparklineRail":"opus_-dz9KL_sparklineRail","tile":"opus_-dz9KL_tile","sparklineReserve":"opus_-dz9KL_sparklineReserve"};
+var MetricTile_default = {"tile":"opus_-dz9KL_tile","sparklineRail":"opus_-dz9KL_sparklineRail","sparklineReserve":"opus_-dz9KL_sparklineReserve"};
 
 // ../../components/MetricTile/MetricTile.tsx
 import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -7842,7 +7844,7 @@ function TrendBadge({ direction, value }) {
 }
 
 // ../../components/Panel/Panel.module.css
-var Panel_default = {"heading":"opus_JZHUc__heading","title":"opus_JZHUc__title","description":"opus_JZHUc__description","headerActions":"opus_JZHUc__headerActions","body":"opus_JZHUc__body","header":"opus_JZHUc__header","panel":"opus_JZHUc__panel","footer":"opus_JZHUc__footer"};
+var Panel_default = {"panel":"opus_JZHUc__panel","description":"opus_JZHUc__description","title":"opus_JZHUc__title","footer":"opus_JZHUc__footer","headerActions":"opus_JZHUc__headerActions","body":"opus_JZHUc__body","heading":"opus_JZHUc__heading","header":"opus_JZHUc__header"};
 
 // ../../components/Panel/Panel.tsx
 import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
@@ -8026,7 +8028,7 @@ function resolveSectionGapVars(gap = "md") {
 }
 
 // ../../components/Section/Section.module.css
-var Section_default = {"header":"opus_FajZiH_header","title":"opus_FajZiH_title","section":"opus_FajZiH_section","description":"opus_FajZiH_description","body":"opus_FajZiH_body","row":"opus_FajZiH_row","column":"opus_FajZiH_column"};
+var Section_default = {"title":"opus_FajZiH_title","description":"opus_FajZiH_description","section":"opus_FajZiH_section","body":"opus_FajZiH_body","header":"opus_FajZiH_header","column":"opus_FajZiH_column","row":"opus_FajZiH_row"};
 
 // ../../components/Section/Section.tsx
 import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
@@ -8107,7 +8109,7 @@ var Section = Object.assign(SectionRoot, {
 });
 
 // ../../components/Table/Table.module.css
-var Table_default = {"table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","visuallyHidden":"opus_2q7S14_visuallyHidden","wrap":"opus_2q7S14_wrap","empty":"opus_2q7S14_empty"};
+var Table_default = {"visuallyHidden":"opus_2q7S14_visuallyHidden","table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","wrap":"opus_2q7S14_wrap","empty":"opus_2q7S14_empty"};
 
 // ../../components/Table/Table.tsx
 import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -8136,12 +8138,209 @@ function Table({
 }
 
 // ../../components/DataGrid/DataGrid.tsx
-import { forwardRef, useCallback as useCallback12, useLayoutEffect as useLayoutEffect8, useMemo as useMemo14, useRef as useRef23, useState as useState29 } from "react";
-import { faFilter } from "@fortawesome/free-solid-svg-icons";
+import {
+  Fragment as Fragment7,
+  forwardRef,
+  useCallback as useCallback12,
+  useEffect as useEffect22,
+  useLayoutEffect as useLayoutEffect8,
+  useMemo as useMemo14,
+  useRef as useRef23,
+  useState as useState29
+} from "react";
+import { faChevronDown, faChevronRight, faFilter } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawesome";
 
+// ../../components/DataGrid/dataGridLayout.ts
+function cellText(value) {
+  if (value === null || value === void 0 || typeof value === "boolean") {
+    return "";
+  }
+  if (typeof value === "number" || typeof value === "string") {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.map(cellText).join(" ");
+  }
+  return "";
+}
+function getRowCellText(row, key) {
+  var _a2;
+  if (key === "team") {
+    return cellText((_a2 = row.values.team) != null ? _a2 : row.label);
+  }
+  return cellText(row.values[key]);
+}
+function buildGroupedDisplayRows(rows, groupBy, collapsedGroupIds) {
+  var _a2;
+  const groups = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const label = getRowCellText(row, groupBy) || "Ungrouped";
+    const bucket = (_a2 = groups.get(label)) != null ? _a2 : [];
+    bucket.push(row);
+    groups.set(label, bucket);
+  }
+  const display = [];
+  for (const [label, groupRows] of groups) {
+    const id = `group:${label}`;
+    const expanded = !collapsedGroupIds.has(id);
+    display.push({
+      kind: "group",
+      id,
+      label,
+      count: groupRows.length,
+      expanded
+    });
+    if (expanded) {
+      for (const row of groupRows) {
+        display.push({
+          kind: "data",
+          row,
+          depth: 1,
+          expandable: false,
+          expanded: false,
+          hasChildren: false
+        });
+      }
+    }
+  }
+  return display;
+}
+function buildTreeDisplayRows(rows, expandedIds, depth = 0) {
+  var _a2;
+  const display = [];
+  for (const row of rows) {
+    const children = (_a2 = row.children) != null ? _a2 : [];
+    const hasChildren = children.length > 0;
+    const expanded = hasChildren && expandedIds.has(row.id);
+    display.push({
+      kind: "data",
+      row,
+      depth,
+      expandable: hasChildren,
+      expanded,
+      hasChildren
+    });
+    if (expanded) {
+      display.push(...buildTreeDisplayRows(children, expandedIds, depth + 1));
+    }
+  }
+  return display;
+}
+function buildFlatDisplayRows(rows) {
+  return rows.map((row) => ({
+    kind: "data",
+    row,
+    depth: 0,
+    expandable: false,
+    expanded: false,
+    hasChildren: false
+  }));
+}
+function collectTreeIds(rows) {
+  var _a2;
+  const ids = [];
+  for (const row of rows) {
+    if ((_a2 = row.children) == null ? void 0 : _a2.length) {
+      ids.push(row.id);
+      ids.push(...collectTreeIds(row.children));
+    }
+  }
+  return ids;
+}
+
+// ../../components/DataGrid/dataGridPivot.ts
+function toNumber(value) {
+  const cleaned = value.replace(/%/g, "").replace(/^\+/, "").trim();
+  if (!cleaned || Number.isNaN(Number(cleaned))) {
+    return null;
+  }
+  return Number(cleaned);
+}
+function aggregate(values, mode) {
+  if (mode === "count") {
+    return values.length;
+  }
+  if (!values.length) {
+    return 0;
+  }
+  const sum = values.reduce((total, value) => total + value, 0);
+  return mode === "avg" ? sum / values.length : sum;
+}
+function formatMeasure(value, sample) {
+  if (sample.includes("%")) {
+    return `${Math.round(value)}%`;
+  }
+  if (Number.isInteger(value)) {
+    return value;
+  }
+  return Math.round(value * 10) / 10;
+}
+function buildPivotGrid(sourceRows, config2) {
+  var _a2, _b2;
+  const aggregator = (_a2 = config2.aggregator) != null ? _a2 : "sum";
+  const rowDims = config2.rows.length ? config2.rows : ["team"];
+  const colDims = config2.columns.length ? config2.columns : ["group"];
+  const valueKeys = config2.values.length ? config2.values : ["q1"];
+  const columnLabels = /* @__PURE__ */ new Set();
+  const matrix = /* @__PURE__ */ new Map();
+  const rowLabels = /* @__PURE__ */ new Map();
+  const samples = /* @__PURE__ */ new Map();
+  for (const source of sourceRows) {
+    const rowKey = rowDims.map((key) => getRowCellText(source, key) || "\u2014").join(" \xB7 ");
+    const colKey = colDims.map((key) => getRowCellText(source, key) || "\u2014").join(" \xB7 ");
+    rowLabels.set(rowKey, rowKey);
+    if (!matrix.has(rowKey)) {
+      matrix.set(rowKey, /* @__PURE__ */ new Map());
+    }
+    const rowBucket = matrix.get(rowKey);
+    for (const valueKey of valueKeys) {
+      const cellKey = valueKeys.length === 1 ? colKey : `${colKey} \xB7 ${valueKey}`;
+      columnLabels.add(cellKey);
+      const raw = getRowCellText(source, valueKey);
+      const numeric = toNumber(raw);
+      if (!samples.has(valueKey) && raw) {
+        samples.set(valueKey, raw);
+      }
+      const values = (_b2 = rowBucket.get(cellKey)) != null ? _b2 : [];
+      if (aggregator === "count") {
+        values.push(1);
+      } else if (numeric !== null) {
+        values.push(numeric);
+      }
+      rowBucket.set(cellKey, values);
+    }
+  }
+  const sortedColumnLabels = Array.from(columnLabels).sort((a, b) => a.localeCompare(b));
+  const columns = [
+    { key: "team", label: rowDims.join(" \xB7 "), align: "left", sortable: true, filterable: true },
+    ...sortedColumnLabels.map((label) => ({
+      key: label,
+      label,
+      align: "right",
+      sortable: true,
+      filterable: true
+    }))
+  ];
+  const rows = Array.from(matrix.entries()).map(([rowKey, cells], index) => {
+    var _a3, _b3, _c2;
+    const values = { team: rowKey };
+    for (const columnLabel of sortedColumnLabels) {
+      const nums = (_a3 = cells.get(columnLabel)) != null ? _a3 : [];
+      const sampleKey = (_b3 = valueKeys.find((key) => columnLabel.includes(key))) != null ? _b3 : valueKeys[0];
+      const sample = (_c2 = samples.get(sampleKey)) != null ? _c2 : "";
+      values[columnLabel] = formatMeasure(aggregate(nums, aggregator), sample);
+    }
+    return {
+      id: `pivot-${index + 1}`,
+      values
+    };
+  });
+  return { columns, rows };
+}
+
 // ../../components/DataGrid/DataGrid.module.css
-var DataGrid_default = {"wrap":"opus_zN0bNb_wrap","menuSection":"opus_zN0bNb_menuSection","menuAction":"opus_zN0bNb_menuAction","sortButton":"opus_zN0bNb_sortButton","sortIndicator":"opus_zN0bNb_sortIndicator","menuButton":"opus_zN0bNb_menuButton","visuallyHidden":"opus_zN0bNb_visuallyHidden","rowHeader":"opus_zN0bNb_rowHeader","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","headerLabel":"opus_zN0bNb_headerLabel","caption":"opus_zN0bNb_caption","headerMenu":"opus_zN0bNb_headerMenu","grid":"opus_zN0bNb_grid","frame":"opus_zN0bNb_frame","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","menuChevron":"opus_zN0bNb_menuChevron","menuHost":"opus_zN0bNb_menuHost","filterInput":"opus_zN0bNb_filterInput","empty":"opus_zN0bNb_empty","headerControls":"opus_zN0bNb_headerControls","gridBody":"opus_zN0bNb_gridBody","corner":"opus_zN0bNb_corner","sortButtonLabel":"opus_zN0bNb_sortButtonLabel"};
+var DataGrid_default = {"detailCell":"opus_zN0bNb_detailCell","filterInput":"opus_zN0bNb_filterInput","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","chevron":"opus_zN0bNb_chevron","grid":"opus_zN0bNb_grid","wrap":"opus_zN0bNb_wrap","spacerRow":"opus_zN0bNb_spacerRow","rowHeader":"opus_zN0bNb_rowHeader","menuChevron":"opus_zN0bNb_menuChevron","expandSpacer":"opus_zN0bNb_expandSpacer","headerControls":"opus_zN0bNb_headerControls","groupRow":"opus_zN0bNb_groupRow","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","menuAction":"opus_zN0bNb_menuAction","menuButton":"opus_zN0bNb_menuButton","menuHost":"opus_zN0bNb_menuHost","sortButton":"opus_zN0bNb_sortButton","headerMenu":"opus_zN0bNb_headerMenu","headerCell":"opus_zN0bNb_headerCell","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","empty":"opus_zN0bNb_empty","expandButton":"opus_zN0bNb_expandButton","caption":"opus_zN0bNb_caption","gridBody":"opus_zN0bNb_gridBody","sortIndicator":"opus_zN0bNb_sortIndicator","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","groupCount":"opus_zN0bNb_groupCount","visuallyHidden":"opus_zN0bNb_visuallyHidden","detailRow":"opus_zN0bNb_detailRow","infiniteFooter":"opus_zN0bNb_infiniteFooter","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","corner":"opus_zN0bNb_corner","menuSection":"opus_zN0bNb_menuSection","menuLabel":"opus_zN0bNb_menuLabel","headerLabel":"opus_zN0bNb_headerLabel","frame":"opus_zN0bNb_frame","groupCell":"opus_zN0bNb_groupCell","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","groupButton":"opus_zN0bNb_groupButton"};
 
 // ../../components/DataGrid/DataGrid.tsx
 import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
@@ -8156,6 +8355,8 @@ var HEADER_CONTROL_GAP = 6;
 var SORT_INDICATOR_WIDTH = 8;
 var SORT_LABEL_GAP = 8;
 var RESIZE_HANDLE_WIDTH = 14;
+var DEFAULT_VIEWPORT = 360;
+var OVERSCAN = 6;
 function resolveColumnFeatures(column) {
   return {
     filterable: (column == null ? void 0 : column.filterable) === true,
@@ -8174,21 +8375,8 @@ function getMinColumnWidth(sortable, hasMenu, density) {
   }
   return width;
 }
-function cellText(value) {
-  if (value === null || value === void 0 || typeof value === "boolean") {
-    return "";
-  }
-  if (typeof value === "number" || typeof value === "string") {
-    return String(value);
-  }
-  if (Array.isArray(value)) {
-    return value.map(cellText).join(" ");
-  }
-  return "";
-}
 function rowTeamValue(row) {
-  var _a2;
-  return cellText((_a2 = row.values.team) != null ? _a2 : row.label);
+  return getRowCellText(row, "team");
 }
 function isNumericValue(value) {
   return /^-?\d+(?:\.\d+)?$/.test(value);
@@ -8201,33 +8389,67 @@ function compareValues(a, b) {
   }
   return aTrim.localeCompare(bTrim, void 0, { numeric: true, sensitivity: "base" });
 }
+function defaultRowHeight(density) {
+  return density === "comfortable" ? 44 : 36;
+}
 function DataGrid({
   bordered = true,
   caption,
   columns,
+  defaultExpandedIds,
   density = "compact",
+  detailExpandedIds,
+  getDetailContent,
+  groupBy = "group",
+  hasMore = false,
+  layout = "flat",
+  loadingMore = false,
+  onExpandedChange,
+  onLoadMore,
+  pivot,
   rowHeader,
+  rowHeight,
   rows,
   stickyFirstColumn = true,
   stickyHeader = true,
-  striped = true
+  striped = true,
+  viewportHeight = DEFAULT_VIEWPORT,
+  virtualized = false
 }) {
-  var _a2, _b2, _c2, _d2;
+  var _a2, _b2, _c2, _d2, _e2, _f2;
   const [columnWidths, setColumnWidths] = useState29({});
   const [filters, setFilters] = useState29({});
   const [openMenu, setOpenMenu] = useState29(null);
   const [resizing, setResizing] = useState29(null);
   const [sort, setSort] = useState29(null);
+  const [collapsedGroupIds, setCollapsedGroupIds] = useState29(() => /* @__PURE__ */ new Set());
+  const [treeExpandedIds, setTreeExpandedIds] = useState29(
+    () => new Set(defaultExpandedIds != null ? defaultExpandedIds : [])
+  );
+  const [uncontrolledDetailIds, setUncontrolledDetailIds] = useState29(() => /* @__PURE__ */ new Set());
+  const [scrollTop, setScrollTop] = useState29(0);
   const menuAnchorRef = useRef23(null);
   const menuHostRef = useRef23(null);
   const menuRef = useRef23(null);
   const menuFrameRef = useRef23(null);
   const resizeDragRef = useRef23(null);
   const wrapRef = useRef23(null);
-  const hasTeamColumn = columns.some((column) => column.key === "team");
+  const sentinelRef = useRef23(null);
+  const resolvedRowHeight = rowHeight != null ? rowHeight : defaultRowHeight(density);
+  const detailIds = detailExpandedIds ? new Set(detailExpandedIds) : uncontrolledDetailIds;
+  const masterDetail = Boolean(getDetailContent) && layout !== "pivot";
+  const pivotResult = useMemo14(() => {
+    if (layout !== "pivot") {
+      return null;
+    }
+    return buildPivotGrid(rows, pivot != null ? pivot : { rows: ["group"], columns: ["a11y"], values: ["q1", "q2"] });
+  }, [layout, pivot, rows]);
+  const activeColumns = (_a2 = pivotResult == null ? void 0 : pivotResult.columns) != null ? _a2 : columns;
+  const activeRows = (_b2 = pivotResult == null ? void 0 : pivotResult.rows) != null ? _b2 : rows;
+  const hasTeamColumn = activeColumns.some((column) => column.key === "team");
   const gridColumns = useMemo14(
-    () => hasTeamColumn ? columns : [{ key: "team", label: "Team", align: "left" }, ...columns],
-    [columns, hasTeamColumn]
+    () => hasTeamColumn ? activeColumns : [{ key: "team", label: "Team", align: "left" }, ...activeColumns],
+    [activeColumns, hasTeamColumn]
   );
   const dataColumns = useMemo14(
     () => gridColumns.filter((column) => column.key !== "team"),
@@ -8241,34 +8463,92 @@ function DataGrid({
     }
     return features;
   }, [gridColumns, hasTeamColumn, rowHeader]);
-  const visibleRows = rows.filter(
-    (row) => gridColumns.every((column) => {
-      var _a3;
-      const features = columnFeatures[column.key];
-      if (!(features == null ? void 0 : features.filterable)) {
-        return true;
-      }
-      const filter = (_a3 = filters[column.key]) == null ? void 0 : _a3.trim().toLowerCase();
-      if (!filter) {
-        return true;
-      }
-      const value = column.key === "team" ? rowTeamValue(row) : cellText(row.values[column.key]);
-      return value.toLowerCase().includes(filter);
-    })
-  ).sort((a, b) => {
-    var _a3;
-    if (!sort) {
-      return 0;
+  const filterSortRows = useCallback12(
+    (source) => {
+      return source.filter(
+        (row) => gridColumns.every((column) => {
+          var _a3;
+          const features = columnFeatures[column.key];
+          if (!(features == null ? void 0 : features.filterable)) {
+            return true;
+          }
+          const filter = (_a3 = filters[column.key]) == null ? void 0 : _a3.trim().toLowerCase();
+          if (!filter) {
+            return true;
+          }
+          const value = column.key === "team" ? rowTeamValue(row) : getRowCellText(row, column.key);
+          return value.toLowerCase().includes(filter);
+        })
+      ).sort((a, b) => {
+        var _a3;
+        if (!sort || !((_a3 = columnFeatures[sort.key]) == null ? void 0 : _a3.sortable)) {
+          return 0;
+        }
+        const aValue = sort.key === "team" ? rowTeamValue(a) : getRowCellText(a, sort.key);
+        const bValue = sort.key === "team" ? rowTeamValue(b) : getRowCellText(b, sort.key);
+        const result = compareValues(aValue, bValue);
+        return sort.direction === "ascending" ? result : -result;
+      });
+    },
+    [columnFeatures, filters, gridColumns, sort]
+  );
+  useEffect22(() => {
+    if (layout === "tree" && defaultExpandedIds === void 0 && treeExpandedIds.size === 0) {
+      setTreeExpandedIds(new Set(collectTreeIds(activeRows).slice(0, 4)));
     }
-    if (!((_a3 = columnFeatures[sort.key]) == null ? void 0 : _a3.sortable)) {
-      return 0;
+  }, [activeRows, defaultExpandedIds, layout, treeExpandedIds.size]);
+  const displayRows = useMemo14(() => {
+    if (layout === "tree") {
+      return buildTreeDisplayRows(filterSortRows(activeRows), treeExpandedIds);
     }
-    const aValue = sort.key === "team" ? rowTeamValue(a) : cellText(a.values[sort.key]);
-    const bValue = sort.key === "team" ? rowTeamValue(b) : cellText(b.values[sort.key]);
-    const result = compareValues(aValue, bValue);
-    return sort.direction === "ascending" ? result : -result;
-  });
+    const flat = filterSortRows(activeRows);
+    if (layout === "grouped") {
+      return buildGroupedDisplayRows(flat, groupBy, collapsedGroupIds);
+    }
+    return buildFlatDisplayRows(flat);
+  }, [activeRows, collapsedGroupIds, filterSortRows, groupBy, layout, treeExpandedIds]);
   const openMenuFeatures = openMenu ? columnFeatures[openMenu.key] : void 0;
+  const setExpandedIds = useCallback12(
+    (next) => {
+      setTreeExpandedIds(next);
+      onExpandedChange == null ? void 0 : onExpandedChange(Array.from(next));
+    },
+    [onExpandedChange]
+  );
+  const toggleTreeExpand = (id) => {
+    const next = new Set(treeExpandedIds);
+    if (next.has(id)) {
+      next.delete(id);
+    } else {
+      next.add(id);
+    }
+    setExpandedIds(next);
+  };
+  const toggleGroup = (id) => {
+    setCollapsedGroupIds((current) => {
+      const next = new Set(current);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  };
+  const toggleDetail = (id) => {
+    if (detailExpandedIds) {
+      return;
+    }
+    setUncontrolledDetailIds((current) => {
+      const next = new Set(current);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  };
   const resetWrapMinHeight = useCallback12(() => {
     if (wrapRef.current) {
       wrapRef.current.style.minHeight = "";
@@ -8279,7 +8559,7 @@ function DataGrid({
     resetWrapMinHeight();
     setOpenMenu(null);
   }, [resetWrapMinHeight]);
-  const activeMenuFilter = openMenu ? (_a2 = filters[openMenu.key]) != null ? _a2 : "" : "";
+  const activeMenuFilter = openMenu ? (_c2 = filters[openMenu.key]) != null ? _c2 : "" : "";
   const applyMenuPosition = useCallback12(() => {
     const anchor = menuAnchorRef.current;
     const menu = menuRef.current;
@@ -8392,6 +8672,26 @@ function DataGrid({
     }
     scheduleMenuPosition();
   }, [columnWidths, openMenu, scheduleMenuPosition]);
+  useEffect22(() => {
+    if (!onLoadMore || !hasMore) {
+      return;
+    }
+    const root = wrapRef.current;
+    const target = sentinelRef.current;
+    if (!root || !target) {
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting) && !loadingMore) {
+          onLoadMore();
+        }
+      },
+      { root, rootMargin: "120px" }
+    );
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [displayRows.length, hasMore, loadingMore, onLoadMore]);
   const toggleSort = (key) => {
     var _a3;
     if (!((_a3 = columnFeatures[key]) == null ? void 0 : _a3.sortable)) {
@@ -8493,10 +8793,108 @@ function DataGrid({
     }
     beginResize(event, columnKey, width);
   }, [beginResize, columnFeatures]);
+  const colSpan = gridColumns.length;
+  const virtualWindow = useMemo14(() => {
+    if (!virtualized) {
+      return {
+        offset: 0,
+        items: displayRows,
+        paddingTop: 0,
+        paddingBottom: 0
+      };
+    }
+    const start = Math.max(0, Math.floor(scrollTop / resolvedRowHeight) - OVERSCAN);
+    const visibleCount = Math.ceil(viewportHeight / resolvedRowHeight) + OVERSCAN * 2;
+    const end = Math.min(displayRows.length, start + visibleCount);
+    const items = displayRows.slice(start, end);
+    return {
+      offset: start,
+      items,
+      paddingTop: start * resolvedRowHeight,
+      paddingBottom: Math.max(0, (displayRows.length - end) * resolvedRowHeight)
+    };
+  }, [displayRows, resolvedRowHeight, scrollTop, viewportHeight, virtualized]);
+  const renderDataRow = (entry) => {
+    var _a3;
+    const { row, depth, expandable, expanded, hasChildren } = entry;
+    const detailOpen = masterDetail && detailIds.has(row.id);
+    const showTreeToggle = layout === "tree" && expandable;
+    return /* @__PURE__ */ jsxs51(Fragment7, { children: [
+      /* @__PURE__ */ jsxs51("tr", { "data-row-kind": "data", children: [
+        /* @__PURE__ */ jsx61(
+          "th",
+          {
+            className: DataGrid_default.rowHeader,
+            scope: "row",
+            style: columnWidths.team ? { width: columnWidths.team, minWidth: columnWidths.team } : void 0,
+            children: /* @__PURE__ */ jsxs51("span", { className: DataGrid_default.rowHeaderInner, style: { paddingLeft: depth * 14 }, children: [
+              masterDetail ? /* @__PURE__ */ jsx61(
+                "button",
+                {
+                  "aria-expanded": detailOpen,
+                  "aria-label": detailOpen ? `Hide details for ${rowTeamValue(row)}` : `Show details for ${rowTeamValue(row)}`,
+                  className: DataGrid_default.expandButton,
+                  onClick: () => toggleDetail(row.id),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx61(FontAwesomeIcon6, { className: DataGrid_default.chevron, icon: detailOpen ? faChevronDown : faChevronRight })
+                }
+              ) : null,
+              showTreeToggle ? /* @__PURE__ */ jsx61(
+                "button",
+                {
+                  "aria-expanded": expanded,
+                  "aria-label": expanded ? `Collapse ${rowTeamValue(row)}` : `Expand ${rowTeamValue(row)}`,
+                  className: DataGrid_default.expandButton,
+                  onClick: () => toggleTreeExpand(row.id),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx61(FontAwesomeIcon6, { className: DataGrid_default.chevron, icon: expanded ? faChevronDown : faChevronRight })
+                }
+              ) : layout === "tree" && !hasChildren ? /* @__PURE__ */ jsx61("span", { "aria-hidden": "true", className: DataGrid_default.expandSpacer }) : null,
+              /* @__PURE__ */ jsx61("span", { className: DataGrid_default.rowHeaderLabel, children: (_a3 = row.values.team) != null ? _a3 : row.label })
+            ] })
+          }
+        ),
+        dataColumns.map((column) => {
+          var _a4;
+          return /* @__PURE__ */ jsx61(
+            "td",
+            {
+              "data-align": (_a4 = column.align) != null ? _a4 : "left",
+              "data-column-key": column.key,
+              "data-column-resizable": columnFeatures[column.key].resizable,
+              style: columnWidths[column.key] ? { width: columnWidths[column.key], minWidth: columnWidths[column.key] } : void 0,
+              children: row.values[column.key]
+            },
+            column.key
+          );
+        })
+      ] }),
+      detailOpen && getDetailContent ? /* @__PURE__ */ jsx61("tr", { className: DataGrid_default.detailRow, children: /* @__PURE__ */ jsx61("td", { className: DataGrid_default.detailCell, colSpan, children: getDetailContent(row) }) }, `${row.id}-detail`) : null
+    ] }, row.id);
+  };
+  const renderDisplayRow = (entry, index) => {
+    if (entry.kind === "group") {
+      return /* @__PURE__ */ jsx61("tr", { className: DataGrid_default.groupRow, children: /* @__PURE__ */ jsx61("td", { className: DataGrid_default.groupCell, colSpan, children: /* @__PURE__ */ jsxs51(
+        "button",
+        {
+          "aria-expanded": entry.expanded,
+          className: DataGrid_default.groupButton,
+          onClick: () => toggleGroup(entry.id),
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsx61(FontAwesomeIcon6, { className: DataGrid_default.chevron, icon: entry.expanded ? faChevronDown : faChevronRight }),
+            /* @__PURE__ */ jsx61("span", { children: entry.label }),
+            /* @__PURE__ */ jsx61("span", { className: DataGrid_default.groupCount, children: entry.count })
+          ]
+        }
+      ) }) }, entry.id);
+    }
+    return renderDataRow(entry);
+  };
   return /* @__PURE__ */ jsxs51("div", { className: DataGrid_default.frame, children: [
     caption ? /* @__PURE__ */ jsx61("div", { className: DataGrid_default.caption, children: caption }) : null,
     /* @__PURE__ */ jsxs51("div", { className: DataGrid_default.gridBody, children: [
-      /* @__PURE__ */ jsx61(
+      /* @__PURE__ */ jsxs51(
         "div",
         {
           ref: wrapRef,
@@ -8510,114 +8908,98 @@ function DataGrid({
           "data-sticky-column": stickyFirstColumn,
           "data-sticky-header": stickyHeader,
           "data-striped": striped,
-          children: /* @__PURE__ */ jsxs51("table", { className: DataGrid_default.grid, children: [
-            caption ? /* @__PURE__ */ jsx61("caption", { className: DataGrid_default.visuallyHidden, children: caption }) : null,
-            /* @__PURE__ */ jsx61("colgroup", { children: gridColumns.map((column) => {
-              var _a3;
-              return /* @__PURE__ */ jsx61(
-                "col",
-                {
-                  style: { width: (_a3 = columnWidths[column.key]) != null ? _a3 : column.key === "team" ? 180 : 130 }
-                },
-                column.key
-              );
-            }) }),
-            /* @__PURE__ */ jsx61("thead", { children: /* @__PURE__ */ jsx61("tr", { children: gridColumns.map((column) => {
-              var _a3, _b3;
-              return /* @__PURE__ */ jsxs51(
-                "th",
-                {
-                  "aria-sort": columnFeatures[column.key].sortable ? (sort == null ? void 0 : sort.key) === column.key ? sort.direction : "none" : void 0,
-                  className: column.key === "team" ? DataGrid_default.corner : void 0,
-                  "data-column-resizable": columnFeatures[column.key].resizable,
-                  "data-filter-active": Boolean((_a3 = filters[column.key]) == null ? void 0 : _a3.trim()),
-                  "data-menu-open": (openMenu == null ? void 0 : openMenu.key) === column.key,
-                  scope: "col",
-                  style: columnWidths[column.key] ? { width: columnWidths[column.key], minWidth: columnWidths[column.key] } : void 0,
-                  children: [
-                    /* @__PURE__ */ jsx61(
-                      HeaderContent,
-                      {
-                        filterActive: Boolean((_b3 = filters[column.key]) == null ? void 0 : _b3.trim()),
-                        filterable: columnFeatures[column.key].filterable,
-                        label: column.label,
-                        menuId: column.key,
-                        sortDirection: (sort == null ? void 0 : sort.key) === column.key ? sort.direction : void 0,
-                        sortable: columnFeatures[column.key].sortable,
-                        menuOpen: (openMenu == null ? void 0 : openMenu.key) === column.key,
-                        onMenuToggle: (button) => {
-                          if ((openMenu == null ? void 0 : openMenu.key) === column.key) {
-                            closeHeaderMenu();
-                            return;
-                          }
-                          openHeaderMenu({
-                            align: column.key === "team" ? "left" : "right",
-                            button,
-                            key: column.key,
-                            label: column.label
-                          });
-                        },
-                        onSort: () => toggleSort(column.key)
-                      }
-                    ),
-                    columnFeatures[column.key].resizable ? /* @__PURE__ */ jsx61(
-                      ColumnResizeHandle,
-                      {
-                        onResizeStart: (event) => beginResize(event, column.key)
-                      }
-                    ) : null
-                  ]
-                },
-                column.key
-              );
-            }) }) }),
-            /* @__PURE__ */ jsxs51("tbody", { onPointerDown: handleBodyPointerDown, children: [
-              visibleRows.map((row) => {
+          onScroll: (event) => {
+            if (virtualized) {
+              setScrollTop(event.currentTarget.scrollTop);
+            }
+          },
+          style: { maxHeight: viewportHeight },
+          children: [
+            /* @__PURE__ */ jsxs51("table", { className: DataGrid_default.grid, children: [
+              caption ? /* @__PURE__ */ jsx61("caption", { className: DataGrid_default.visuallyHidden, children: caption }) : null,
+              /* @__PURE__ */ jsx61("colgroup", { children: gridColumns.map((column) => {
                 var _a3;
-                return /* @__PURE__ */ jsxs51("tr", { children: [
-                  /* @__PURE__ */ jsx61(
-                    "th",
-                    {
-                      className: DataGrid_default.rowHeader,
-                      scope: "row",
-                      style: columnWidths.team ? { width: columnWidths.team, minWidth: columnWidths.team } : void 0,
-                      children: (_a3 = row.values.team) != null ? _a3 : row.label
-                    }
-                  ),
-                  dataColumns.map((column) => {
-                    var _a4;
-                    return /* @__PURE__ */ jsx61(
-                      "td",
-                      {
-                        "data-align": (_a4 = column.align) != null ? _a4 : "left",
-                        "data-column-key": column.key,
-                        "data-column-resizable": columnFeatures[column.key].resizable,
-                        style: columnWidths[column.key] ? { width: columnWidths[column.key], minWidth: columnWidths[column.key] } : void 0,
-                        children: row.values[column.key]
-                      },
-                      column.key
-                    );
-                  })
-                ] }, row.id);
-              }),
-              !visibleRows.length ? /* @__PURE__ */ jsxs51("tr", { children: [
-                /* @__PURE__ */ jsx61("th", { className: DataGrid_default.rowHeader, scope: "row", children: "No rows" }),
-                /* @__PURE__ */ jsx61("td", { className: DataGrid_default.empty, colSpan: Math.max(dataColumns.length, 1), children: "No matching rows." })
-              ] }) : null
-            ] })
-          ] })
+                return /* @__PURE__ */ jsx61(
+                  "col",
+                  {
+                    style: { width: (_a3 = columnWidths[column.key]) != null ? _a3 : column.key === "team" ? 180 : 130 }
+                  },
+                  column.key
+                );
+              }) }),
+              /* @__PURE__ */ jsx61("thead", { children: /* @__PURE__ */ jsx61("tr", { children: gridColumns.map((column) => {
+                var _a3, _b3;
+                return /* @__PURE__ */ jsxs51(
+                  "th",
+                  {
+                    "aria-sort": columnFeatures[column.key].sortable ? (sort == null ? void 0 : sort.key) === column.key ? sort.direction : "none" : void 0,
+                    className: column.key === "team" ? DataGrid_default.corner : void 0,
+                    "data-column-resizable": columnFeatures[column.key].resizable,
+                    "data-filter-active": Boolean((_a3 = filters[column.key]) == null ? void 0 : _a3.trim()),
+                    "data-menu-open": (openMenu == null ? void 0 : openMenu.key) === column.key,
+                    scope: "col",
+                    style: columnWidths[column.key] ? { width: columnWidths[column.key], minWidth: columnWidths[column.key] } : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx61(
+                        HeaderContent,
+                        {
+                          filterActive: Boolean((_b3 = filters[column.key]) == null ? void 0 : _b3.trim()),
+                          filterable: columnFeatures[column.key].filterable,
+                          label: column.label,
+                          menuId: column.key,
+                          sortDirection: (sort == null ? void 0 : sort.key) === column.key ? sort.direction : void 0,
+                          sortable: columnFeatures[column.key].sortable,
+                          menuOpen: (openMenu == null ? void 0 : openMenu.key) === column.key,
+                          onMenuToggle: (button) => {
+                            if ((openMenu == null ? void 0 : openMenu.key) === column.key) {
+                              closeHeaderMenu();
+                              return;
+                            }
+                            openHeaderMenu({
+                              align: column.key === "team" ? "left" : "right",
+                              button,
+                              key: column.key,
+                              label: column.label
+                            });
+                          },
+                          onSort: () => toggleSort(column.key)
+                        }
+                      ),
+                      columnFeatures[column.key].resizable ? /* @__PURE__ */ jsx61(
+                        ColumnResizeHandle,
+                        {
+                          onResizeStart: (event) => beginResize(event, column.key)
+                        }
+                      ) : null
+                    ]
+                  },
+                  column.key
+                );
+              }) }) }),
+              /* @__PURE__ */ jsxs51("tbody", { onPointerDown: handleBodyPointerDown, children: [
+                virtualized && virtualWindow.paddingTop > 0 ? /* @__PURE__ */ jsx61("tr", { "aria-hidden": "true", className: DataGrid_default.spacerRow, children: /* @__PURE__ */ jsx61("td", { colSpan, style: { height: virtualWindow.paddingTop, padding: 0 } }) }) : null,
+                virtualWindow.items.map((entry, index) => renderDisplayRow(entry, virtualWindow.offset + index)),
+                virtualized && virtualWindow.paddingBottom > 0 ? /* @__PURE__ */ jsx61("tr", { "aria-hidden": "true", className: DataGrid_default.spacerRow, children: /* @__PURE__ */ jsx61("td", { colSpan, style: { height: virtualWindow.paddingBottom, padding: 0 } }) }) : null,
+                !displayRows.length ? /* @__PURE__ */ jsxs51("tr", { children: [
+                  /* @__PURE__ */ jsx61("th", { className: DataGrid_default.rowHeader, scope: "row", children: "No rows" }),
+                  /* @__PURE__ */ jsx61("td", { className: DataGrid_default.empty, colSpan: Math.max(dataColumns.length, 1), children: "No matching rows." })
+                ] }) : null
+              ] })
+            ] }),
+            onLoadMore || hasMore ? /* @__PURE__ */ jsx61("div", { className: DataGrid_default.infiniteFooter, ref: sentinelRef, children: loadingMore ? "Loading more\u2026" : hasMore ? "Scroll for more" : "End of results" }) : null
+          ]
         }
       ),
       openMenu ? /* @__PURE__ */ jsx61("div", { className: DataGrid_default.menuHost, ref: menuHostRef, children: /* @__PURE__ */ jsx61(
         GridHeaderMenu,
         {
           ref: menuRef,
-          filter: (_b2 = filters[openMenu.key]) != null ? _b2 : "",
-          filterable: (_c2 = openMenuFeatures == null ? void 0 : openMenuFeatures.filterable) != null ? _c2 : false,
+          filter: (_d2 = filters[openMenu.key]) != null ? _d2 : "",
+          filterable: (_e2 = openMenuFeatures == null ? void 0 : openMenuFeatures.filterable) != null ? _e2 : false,
           label: openMenu.label,
           menuId: openMenu.menuId,
           sortDirection: (sort == null ? void 0 : sort.key) === openMenu.key ? sort.direction : void 0,
-          sortable: (_d2 = openMenuFeatures == null ? void 0 : openMenuFeatures.sortable) != null ? _d2 : false,
+          sortable: (_f2 = openMenuFeatures == null ? void 0 : openMenuFeatures.sortable) != null ? _f2 : false,
           onFilterChange: (filter) => setFilters((current) => __spreadProps(__spreadValues({}, current), { [openMenu.key]: filter })),
           onMenuClose: closeHeaderMenu,
           onSortDirection: (direction) => setSortDirection(openMenu.key, direction)
@@ -8769,7 +9151,7 @@ var GridHeaderMenu = forwardRef(function GridHeaderMenu2({
 });
 
 // ../../components/Chart/Chart.tsx
-import { useEffect as useEffect22, useId as useId17, useRef as useRef24, useState as useState30 } from "react";
+import { useEffect as useEffect23, useId as useId17, useRef as useRef24, useState as useState30 } from "react";
 
 // ../../components/Chart/sankeyLayout.ts
 var demoSankeyNodes = [
@@ -8909,6 +9291,12 @@ var chartDemoData = [
   { label: "May", value: 58, values: [58, 56, 36], x: 74, y: 58 },
   { label: "Jun", value: 88, values: [88, 62, 42], x: 88, y: 92 }
 ];
+var chartContourData = Array.from({ length: 36 }, (_, index) => {
+  const x = index % 6;
+  const y = Math.floor(index / 6);
+  const value = 35 + Math.round(45 * Math.exp(-((x - 2.4) ** 2 + (y - 2.8) ** 2) / 4));
+  return { label: `${x},${y}`, value, x, y };
+});
 function branchLeaves(prefix, parent, group, count = 5) {
   return Array.from({ length: count }, (_, index) => ({
     label: `${prefix}${index + 1}`,
@@ -9987,6 +10375,15 @@ var specializedChartVariants = /* @__PURE__ */ new Set([
   "sankey",
   "waterfall",
   "candlestick",
+  "ohlc",
+  "range-area",
+  "range-bar",
+  "error-bar",
+  "parallel-coordinates",
+  "contour",
+  "surface",
+  "bullet",
+  "pareto",
   "box-plot",
   "histogram",
   "violin",
@@ -10013,6 +10410,12 @@ var cartesianSpecializedVariants = [
   "histogram",
   "waterfall",
   "candlestick",
+  "ohlc",
+  "range-area",
+  "range-bar",
+  "error-bar",
+  "bullet",
+  "pareto",
   "box-plot",
   "violin",
   "hexbin",
@@ -10024,15 +10427,30 @@ var cartesianSpecializedVariants = [
   "milestone-timeline"
 ];
 function specializedVariantHasYNumericAxis(variant) {
-  return !["timeline", "milestone-timeline", "gantt", "heatmap", "calendar-heatmap", "ridgeline", "hexbin"].includes(
-    variant
-  );
+  return ![
+    "timeline",
+    "milestone-timeline",
+    "gantt",
+    "heatmap",
+    "calendar-heatmap",
+    "ridgeline",
+    "hexbin",
+    "contour",
+    "surface",
+    "parallel-coordinates"
+  ].includes(variant);
 }
 function specializedVariantHasXCategoryLabels(variant) {
   return [
     "histogram",
     "waterfall",
     "candlestick",
+    "ohlc",
+    "range-area",
+    "range-bar",
+    "error-bar",
+    "bullet",
+    "pareto",
     "box-plot",
     "violin",
     "stream",
@@ -10043,7 +10461,7 @@ function specializedVariantHasXCategoryLabels(variant) {
   ].includes(variant);
 }
 function specializedVariantUsesSlotLabels(variant) {
-  return ["waterfall"].includes(variant);
+  return ["waterfall", "range-area", "bullet"].includes(variant);
 }
 function getSeriesPlotBounds(plot) {
   return {
@@ -10311,55 +10729,441 @@ function Candlestick({ data, plot, showValues, styles, yMax, yMin }) {
     })
   ] });
 }
-function BoxPlot({ data, plot, showValues, styles, yMax, yMin }) {
-  const barHalfWidth = getBoxPlotBarHalfWidth(plot, data.length);
-  const boxWidth = barHalfWidth * 2;
+function OhlcChart({ data, plot, showValues, styles, yMax, yMin }) {
+  const bodyWidth = candlestickBodyWidth(plot, data.length);
+  const barHalfWidth = bodyWidth / 2;
+  const tick = Math.max(4, bodyWidth * 0.45);
   return /* @__PURE__ */ jsx62("g", { children: data.map((item, index) => {
-    var _a2, _b2, _c2, _d2, _e2;
-    const min = (_a2 = item.min) != null ? _a2 : item.value * 0.6;
-    const q1 = (_b2 = item.q1) != null ? _b2 : item.value * 0.78;
-    const median = (_c2 = item.median) != null ? _c2 : item.value;
-    const q3 = (_d2 = item.q3) != null ? _d2 : item.value * 1.18;
-    const maxV = (_e2 = item.max) != null ? _e2 : item.value * 1.35;
+    var _a2, _b2, _c2, _d2;
+    const open = (_a2 = item.open) != null ? _a2 : item.value * 0.9;
+    const close = (_b2 = item.close) != null ? _b2 : item.value;
+    const high = (_c2 = item.high) != null ? _c2 : item.value * 1.08;
+    const low = (_d2 = item.low) != null ? _d2 : item.value * 0.82;
     const x = xForEdgeBarIndex(plot, index, data.length, barHalfWidth);
-    const seriesClass = chartClass(styles, index % paletteClasses.length);
+    const bullish = close >= open;
+    const openY = yForDomain(open, yMin, yMax, plot);
+    const closeY = yForDomain(close, yMin, yMax, plot);
+    const seriesClass = chartClass(styles, bullish ? 1 : 3);
     return /* @__PURE__ */ jsxs52("g", { children: [
-      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
-      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(min, yMin, yMax, plot) }),
-      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(maxV, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
       /* @__PURE__ */ jsx62(
-        "rect",
+        "line",
         {
-          className: `${styles.area} ${seriesClass}`,
-          height: yForDomain(q1, yMin, yMax, plot) - yForDomain(q3, yMin, yMax, plot),
-          width: boxWidth,
-          x: x - boxWidth / 2,
-          y: yForDomain(q3, yMin, yMax, plot)
+          className: `${styles.wick} ${seriesClass}`,
+          x1: x,
+          x2: x,
+          y1: yForDomain(high, yMin, yMax, plot),
+          y2: yForDomain(low, yMin, yMax, plot)
         }
       ),
-      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, strokeWidth: "2", x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(median, yMin, yMax, plot), y2: yForDomain(median, yMin, yMax, plot) }),
-      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x, y: yForDomain(maxV, yMin, yMax, plot) - 6, children: formatValue(median) }) : null
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - tick, x2: x, y1: openY, y2: openY }),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x + tick, y1: closeY, y2: closeY }),
+      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x, y: yForDomain(high, yMin, yMax, plot) - 6, children: formatValue(close) }) : null
     ] }, item.label);
   }) });
 }
-function truncateLabel(label, maxChars) {
-  if (maxChars < 4) {
-    return "";
-  }
-  if (label.length <= maxChars) {
-    return label;
+function RangeAreaChart({ data, plot, showValues, styles, yMax, yMin }) {
+  if (!data.length) {
+    return null;
   }
-  return `${label.slice(0, maxChars - 1)}\u2026`;
+  const points = data.map((item, index) => {
+    var _a2, _b2, _c2, _d2;
+    const low = (_b2 = (_a2 = item.low) != null ? _a2 : item.min) != null ? _b2 : item.value * 0.75;
+    const high = (_d2 = (_c2 = item.high) != null ? _c2 : item.max) != null ? _d2 : item.value * 1.25;
+    const mid = item.value;
+    const x = xForSeriesCategoryIndex(plot, index, data.length);
+    return {
+      x,
+      lowY: yForDomain(low, yMin, yMax, plot),
+      midY: yForDomain(mid, yMin, yMax, plot),
+      highY: yForDomain(high, yMin, yMax, plot),
+      label: item.label,
+      mid
+    };
+  });
+  const band = [
+    ...points.map((point) => `${point.x},${point.highY}`),
+    ...[...points].reverse().map((point) => `${point.x},${point.lowY}`)
+  ].join(" ");
+  const midLine = points.map((point) => `${point.x},${point.midY}`).join(" ");
+  return /* @__PURE__ */ jsxs52("g", { children: [
+    /* @__PURE__ */ jsx62("polygon", { className: `${styles.area} ${chartClass(styles, 0)}`, points: band }),
+    /* @__PURE__ */ jsx62("polyline", { className: `${styles.line} ${chartClass(styles, 1)}`, fill: "none", points: midLine }),
+    showValues ? points.map((point) => /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x: point.x, y: point.highY - 6, children: formatValue(point.mid) }, point.label)) : null
+  ] });
 }
-function Treemap({ data, plot, showValues, styles }) {
-  const gap = 2;
-  const labelHeight = 18;
-  const items = data.map((item, index) => ({
-    group: item.group,
-    index,
-    label: item.label,
-    value: Math.max(0, item.value)
-  }));
+function RangeBarChart({ data, plot, showValues, styles, yMax, yMin }) {
+  const bodyWidth = candlestickBodyWidth(plot, data.length);
+  const barHalfWidth = bodyWidth / 2;
+  return /* @__PURE__ */ jsx62("g", { children: data.map((item, index) => {
+    var _a2, _b2, _c2, _d2;
+    const low = (_b2 = (_a2 = item.low) != null ? _a2 : item.min) != null ? _b2 : item.value * 0.75;
+    const high = (_d2 = (_c2 = item.high) != null ? _c2 : item.max) != null ? _d2 : item.value * 1.25;
+    const x = xForEdgeBarIndex(plot, index, data.length, barHalfWidth);
+    const top = yForDomain(high, yMin, yMax, plot);
+    const bottom = yForDomain(low, yMin, yMax, plot);
+    return /* @__PURE__ */ jsxs52("g", { children: [
+      /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.bar} ${chartClass(styles, index % paletteClasses.length)}`,
+          height: Math.max(4, bottom - top),
+          rx: "3",
+          width: bodyWidth,
+          x: x - bodyWidth / 2,
+          y: top
+        }
+      ),
+      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x, y: top - 6, children: formatValue(high) }) : null
+    ] }, item.label);
+  }) });
+}
+function ErrorBarChart({ data, plot, showValues, styles, yMax, yMin }) {
+  const bodyWidth = Math.min(18, candlestickBodyWidth(plot, data.length));
+  const barHalfWidth = bodyWidth / 2;
+  const cap = Math.max(4, bodyWidth * 0.55);
+  return /* @__PURE__ */ jsx62("g", { children: data.map((item, index) => {
+    var _a2, _b2, _c2;
+    const error = (_a2 = item.error) != null ? _a2 : item.value * 0.12;
+    const low = (_b2 = item.low) != null ? _b2 : item.value - error;
+    const high = (_c2 = item.high) != null ? _c2 : item.value + error;
+    const x = xForEdgeBarIndex(plot, index, data.length, barHalfWidth);
+    const valueY = yForDomain(item.value, yMin, yMax, plot);
+    const highY = yForDomain(high, yMin, yMax, plot);
+    const lowY = yForDomain(low, yMin, yMax, plot);
+    const seriesClass = chartClass(styles, index % paletteClasses.length);
+    return /* @__PURE__ */ jsxs52("g", { children: [
+      /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.bar} ${seriesClass}`,
+          height: Math.max(4, plot.bottom - valueY),
+          rx: "2",
+          width: bodyWidth,
+          x: x - bodyWidth / 2,
+          y: valueY
+        }
+      ),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: highY, y2: lowY }),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - cap, x2: x + cap, y1: highY, y2: highY }),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - cap, x2: x + cap, y1: lowY, y2: lowY }),
+      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x, y: highY - 6, children: formatValue(item.value) }) : null
+    ] }, item.label);
+  }) });
+}
+function ParallelCoordinates({ data, plot, showValues, styles }) {
+  const dims = Math.max(2, ...data.map((item) => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = item.values) == null ? void 0 : _a2.length) != null ? _b2 : 0;
+  }));
+  if (!data.length || dims < 2) {
+    return null;
+  }
+  const axes = Array.from({ length: dims }, (_, dim) => {
+    const values = data.map((item) => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = item.values) == null ? void 0 : _a2[dim]) != null ? _b2 : item.value;
+    });
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    return { min, max: max === min ? min + 1 : max };
+  });
+  const xAt = (dim) => dims <= 1 ? (plot.gridLeft + plot.gridRight) / 2 : plot.gridLeft + dim * (plot.gridRight - plot.gridLeft) / (dims - 1);
+  return /* @__PURE__ */ jsxs52("g", { children: [
+    axes.map((axis, dim) => {
+      const x = xAt(dim);
+      return /* @__PURE__ */ jsxs52("g", { children: [
+        /* @__PURE__ */ jsx62("line", { className: styles.gridLine, x1: x, x2: x, y1: plot.top, y2: plot.bottom }),
+        /* @__PURE__ */ jsxs52("text", { className: styles.axisLabel, textAnchor: "middle", x, y: plot.bottom + 16, children: [
+          "D",
+          dim + 1
+        ] }),
+        /* @__PURE__ */ jsx62("text", { className: styles.axisLabel, textAnchor: "middle", x, y: plot.top - 8, children: formatValue(axis.max) })
+      ] }, `axis-${dim}`);
+    }),
+    data.map((item, index) => {
+      var _a2, _b2;
+      const points = Array.from({ length: dims }, (_, dim) => {
+        var _a3, _b3;
+        const value = (_b3 = (_a3 = item.values) == null ? void 0 : _a3[dim]) != null ? _b3 : item.value;
+        const axis = axes[dim];
+        const y = plot.bottom - (value - axis.min) / (axis.max - axis.min) * (plot.bottom - plot.top);
+        return `${xAt(dim)},${y}`;
+      }).join(" ");
+      return /* @__PURE__ */ jsxs52("g", { children: [
+        /* @__PURE__ */ jsx62("polyline", { className: `${styles.line} ${chartClass(styles, index % paletteClasses.length)}`, fill: "none", points }),
+        showValues ? /* @__PURE__ */ jsx62(
+          "text",
+          {
+            className: styles.valueLabel,
+            textAnchor: "start",
+            x: xAt(dims - 1) + 6,
+            y: plot.bottom - (((_b2 = (_a2 = item.values) == null ? void 0 : _a2[dims - 1]) != null ? _b2 : item.value) - axes[dims - 1].min) / (axes[dims - 1].max - axes[dims - 1].min) * (plot.bottom - plot.top),
+            children: item.label
+          }
+        ) : null
+      ] }, item.label);
+    })
+  ] });
+}
+function ContourPlot({ data, plot, showValues, styles }) {
+  const cols = Math.max(4, Math.ceil(Math.sqrt(Math.max(data.length, 1))));
+  const rows = Math.max(3, Math.ceil(data.length / cols));
+  const values = data.length ? data.map((item) => item.value) : Array.from({ length: cols * rows }, (_, index) => 20 + index * 17 % 80);
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const cellW = (plot.gridRight - plot.gridLeft) / cols;
+  const cellH = (plot.bottom - plot.top) / rows;
+  return /* @__PURE__ */ jsxs52("g", { children: [
+    Array.from({ length: rows * cols }, (_, index) => {
+      const value = values[index % values.length];
+      const col = index % cols;
+      const row = Math.floor(index / cols);
+      const intensity = (value - min) / Math.max(1, max - min);
+      const band = Math.min(5, Math.floor(intensity * 6));
+      return /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.area} ${chartClass(styles, band)}`,
+          height: Math.max(2, cellH - 1),
+          opacity: 0.35 + intensity * 0.55,
+          rx: "2",
+          width: Math.max(2, cellW - 1),
+          x: plot.gridLeft + col * cellW,
+          y: plot.top + row * cellH
+        },
+        `contour-${index}`
+      );
+    }),
+    Array.from({ length: 4 }, (_, ring) => {
+      const t = (ring + 1) / 5;
+      const cx = plot.gridLeft + (plot.gridRight - plot.gridLeft) * 0.55;
+      const cy = plot.top + (plot.bottom - plot.top) * 0.48;
+      const rx = (plot.gridRight - plot.gridLeft) * (0.16 + t * 0.28);
+      const ry = (plot.bottom - plot.top) * (0.14 + t * 0.24);
+      return /* @__PURE__ */ jsx62(
+        "ellipse",
+        {
+          className: `${styles.line} ${chartClass(styles, ring % paletteClasses.length)}`,
+          cx,
+          cy,
+          fill: "none",
+          rx,
+          ry
+        },
+        `contour-ring-${ring}`
+      );
+    }),
+    showValues ? /* @__PURE__ */ jsxs52(
+      "text",
+      {
+        className: styles.valueLabel,
+        textAnchor: "middle",
+        x: (plot.gridLeft + plot.gridRight) / 2,
+        y: plot.top + 14,
+        children: [
+          formatValue(max),
+          " peak"
+        ]
+      }
+    ) : null
+  ] });
+}
+function SurfacePlot({ data, plot, showValues, styles }) {
+  const cols = 8;
+  const rows = 6;
+  const values = data.length ? data.map((item) => item.value) : Array.from({ length: cols * rows }, (_, index) => 30 + index * 13 % 70);
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const cellW = (plot.gridRight - plot.gridLeft) / cols;
+  const cellH = (plot.bottom - plot.top) / rows;
+  const project = (col, row, value) => {
+    const intensity = (value - min) / Math.max(1, max - min);
+    const x = plot.gridLeft + col * cellW + row * cellW * 0.18;
+    const y = plot.top + row * cellH * 0.72 + (1 - intensity) * cellH * 0.55;
+    return { x, y };
+  };
+  return /* @__PURE__ */ jsxs52("g", { children: [
+    Array.from(
+      { length: rows - 1 },
+      (_, row) => Array.from({ length: cols - 1 }, (_2, col) => {
+        const i = row * cols + col;
+        const v00 = values[i % values.length];
+        const v10 = values[(i + 1) % values.length];
+        const v01 = values[(i + cols) % values.length];
+        const v11 = values[(i + cols + 1) % values.length];
+        const p00 = project(col, row, v00);
+        const p10 = project(col + 1, row, v10);
+        const p01 = project(col, row + 1, v01);
+        const p11 = project(col + 1, row + 1, v11);
+        const avg = (v00 + v10 + v01 + v11) / 4;
+        const band = Math.min(5, Math.floor((avg - min) / Math.max(1, max - min) * 6));
+        return /* @__PURE__ */ jsx62(
+          "polygon",
+          {
+            className: `${styles.area} ${chartClass(styles, band)}`,
+            opacity: 0.55 + (avg - min) / Math.max(1, max - min) * 0.35,
+            points: `${p00.x},${p00.y} ${p10.x},${p10.y} ${p11.x},${p11.y} ${p01.x},${p01.y}`
+          },
+          `surface-${row}-${col}`
+        );
+      })
+    ),
+    showValues ? /* @__PURE__ */ jsx62(
+      "text",
+      {
+        className: styles.valueLabel,
+        textAnchor: "middle",
+        x: (plot.gridLeft + plot.gridRight) / 2,
+        y: plot.top + 14,
+        children: "Surface 2D projection"
+      }
+    ) : null
+  ] });
+}
+function BulletChart({ data, plot, showValues, styles, yMax, yMin }) {
+  const laneHeight = Math.min(28, (plot.bottom - plot.top) / Math.max(data.length, 1) * 0.62);
+  return /* @__PURE__ */ jsx62("g", { children: data.map((item, index) => {
+    var _a2, _b2, _c2, _d2;
+    const slot = (plot.bottom - plot.top) / Math.max(data.length, 1);
+    const y = plot.top + index * slot + (slot - laneHeight) / 2;
+    const max = Math.max((_a2 = item.max) != null ? _a2 : yMax, (_b2 = item.target) != null ? _b2 : item.value, item.value, 1);
+    const scale = (value) => plot.gridLeft + (value - yMin) / Math.max(1, max - yMin) * (plot.gridRight - plot.gridLeft);
+    const actual = scale(item.value);
+    const target = scale((_c2 = item.target) != null ? _c2 : item.value * 0.85);
+    const qualitative = scale((_d2 = item.max) != null ? _d2 : max);
+    return /* @__PURE__ */ jsxs52("g", { children: [
+      /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.area} ${chartClass(styles, 5)}`,
+          height: laneHeight,
+          rx: "4",
+          width: Math.max(4, qualitative - plot.gridLeft),
+          x: plot.gridLeft,
+          y
+        }
+      ),
+      /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.bar} ${chartClass(styles, 0)}`,
+          height: laneHeight * 0.45,
+          rx: "2",
+          width: Math.max(4, actual - plot.gridLeft),
+          x: plot.gridLeft,
+          y: y + laneHeight * 0.275
+        }
+      ),
+      /* @__PURE__ */ jsx62(
+        "line",
+        {
+          className: `${styles.wick} ${chartClass(styles, 3)}`,
+          strokeWidth: "3",
+          x1: target,
+          x2: target,
+          y1: y,
+          y2: y + laneHeight
+        }
+      ),
+      /* @__PURE__ */ jsx62("text", { className: styles.axisLabel, dominantBaseline: "middle", x: plot.gridLeft - 8, y: y + laneHeight / 2, textAnchor: "end", children: item.label }),
+      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, x: actual + 6, y: y + laneHeight / 2 + 4, children: formatValue(item.value) }) : null
+    ] }, item.label);
+  }) });
+}
+function ParetoChart({ data, plot, showValues, styles }) {
+  const sorted = [...data].sort((a, b) => b.value - a.value);
+  const total = sorted.reduce((sum, item) => sum + Math.max(0, item.value), 0) || 1;
+  const valueMax = Math.max(1, ...sorted.map((item) => item.value));
+  let running = 0;
+  const bodyWidth = candlestickBodyWidth(plot, sorted.length);
+  const barHalfWidth = bodyWidth / 2;
+  const points = sorted.map((item, index) => {
+    running += Math.max(0, item.value);
+    const cumulative = running / total * 100;
+    const x = xForEdgeBarIndex(plot, index, sorted.length, barHalfWidth);
+    return __spreadProps(__spreadValues({}, item), { cumulative, x });
+  });
+  const linePoints = points.map((item) => `${item.x},${yForDomain(item.cumulative, 0, 100, plot)}`).join(" ");
+  return /* @__PURE__ */ jsxs52("g", { children: [
+    points.map((item) => {
+      const top = yForDomain(item.value, 0, valueMax, plot);
+      return /* @__PURE__ */ jsxs52("g", { children: [
+        /* @__PURE__ */ jsx62(
+          "rect",
+          {
+            className: `${styles.bar} ${chartClass(styles, 0)}`,
+            height: Math.max(4, plot.bottom - top),
+            rx: "2",
+            width: bodyWidth,
+            x: item.x - bodyWidth / 2,
+            y: top
+          }
+        ),
+        showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x: item.x, y: top - 6, children: formatValue(item.value) }) : null,
+        /* @__PURE__ */ jsx62(
+          "circle",
+          {
+            className: `${styles.point} ${chartClass(styles, 1)}`,
+            cx: item.x,
+            cy: yForDomain(item.cumulative, 0, 100, plot),
+            r: "3.5"
+          }
+        )
+      ] }, item.label);
+    }),
+    /* @__PURE__ */ jsx62("polyline", { className: `${styles.line} ${chartClass(styles, 1)}`, fill: "none", points: linePoints }),
+    /* @__PURE__ */ jsx62("text", { className: styles.axisLabel, textAnchor: "start", x: plot.gridRight + 6, y: plot.top + 4, children: "%" })
+  ] });
+}
+function BoxPlot({ data, plot, showValues, styles, yMax, yMin }) {
+  const barHalfWidth = getBoxPlotBarHalfWidth(plot, data.length);
+  const boxWidth = barHalfWidth * 2;
+  return /* @__PURE__ */ jsx62("g", { children: data.map((item, index) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const min = (_a2 = item.min) != null ? _a2 : item.value * 0.6;
+    const q1 = (_b2 = item.q1) != null ? _b2 : item.value * 0.78;
+    const median = (_c2 = item.median) != null ? _c2 : item.value;
+    const q3 = (_d2 = item.q3) != null ? _d2 : item.value * 1.18;
+    const maxV = (_e2 = item.max) != null ? _e2 : item.value * 1.35;
+    const x = xForEdgeBarIndex(plot, index, data.length, barHalfWidth);
+    const seriesClass = chartClass(styles, index % paletteClasses.length);
+    return /* @__PURE__ */ jsxs52("g", { children: [
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(min, yMin, yMax, plot) }),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(maxV, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
+      /* @__PURE__ */ jsx62(
+        "rect",
+        {
+          className: `${styles.area} ${seriesClass}`,
+          height: yForDomain(q1, yMin, yMax, plot) - yForDomain(q3, yMin, yMax, plot),
+          width: boxWidth,
+          x: x - boxWidth / 2,
+          y: yForDomain(q3, yMin, yMax, plot)
+        }
+      ),
+      /* @__PURE__ */ jsx62("line", { className: `${styles.wick} ${seriesClass}`, strokeWidth: "2", x1: x - boxWidth / 2, x2: x + boxWidth / 2, y1: yForDomain(median, yMin, yMax, plot), y2: yForDomain(median, yMin, yMax, plot) }),
+      showValues ? /* @__PURE__ */ jsx62("text", { className: styles.valueLabel, textAnchor: "middle", x, y: yForDomain(maxV, yMin, yMax, plot) - 6, children: formatValue(median) }) : null
+    ] }, item.label);
+  }) });
+}
+function truncateLabel(label, maxChars) {
+  if (maxChars < 4) {
+    return "";
+  }
+  if (label.length <= maxChars) {
+    return label;
+  }
+  return `${label.slice(0, maxChars - 1)}\u2026`;
+}
+function Treemap({ data, plot, showValues, styles }) {
+  const gap = 2;
+  const labelHeight = 18;
+  const items = data.map((item, index) => ({
+    group: item.group,
+    index,
+    label: item.label,
+    value: Math.max(0, item.value)
+  }));
   const layout = layoutGroupedTreemap(
     items,
     plot.gridLeft,
@@ -11040,6 +11844,24 @@ function SpecializedChart(props) {
       return /* @__PURE__ */ jsx62(Waterfall, __spreadValues({}, props));
     case "candlestick":
       return /* @__PURE__ */ jsx62(Candlestick, __spreadValues({}, props));
+    case "ohlc":
+      return /* @__PURE__ */ jsx62(OhlcChart, __spreadValues({}, props));
+    case "range-area":
+      return /* @__PURE__ */ jsx62(RangeAreaChart, __spreadValues({}, props));
+    case "range-bar":
+      return /* @__PURE__ */ jsx62(RangeBarChart, __spreadValues({}, props));
+    case "error-bar":
+      return /* @__PURE__ */ jsx62(ErrorBarChart, __spreadValues({}, props));
+    case "parallel-coordinates":
+      return /* @__PURE__ */ jsx62(ParallelCoordinates, __spreadValues({}, props));
+    case "contour":
+      return /* @__PURE__ */ jsx62(ContourPlot, __spreadValues({}, props));
+    case "surface":
+      return /* @__PURE__ */ jsx62(SurfacePlot, __spreadValues({}, props));
+    case "bullet":
+      return /* @__PURE__ */ jsx62(BulletChart, __spreadValues({}, props));
+    case "pareto":
+      return /* @__PURE__ */ jsx62(ParetoChart, __spreadValues({}, props));
     case "box-plot":
       return /* @__PURE__ */ jsx62(BoxPlot, __spreadValues({}, props));
     case "treemap":
@@ -11084,10 +11906,10 @@ function SpecializedChart(props) {
 }
 
 // ../../components/Chart/Chart.module.css
-var Chart_default = {"slice":"opus_L6guCK_slice","land":"opus_L6guCK_land","mapLand":"opus_L6guCK_mapLand","axisGuide":"opus_L6guCK_axisGuide","graphLink":"opus_L6guCK_graphLink","radarGrid":"opus_L6guCK_radarGrid","wick":"opus_L6guCK_wick","link":"opus_L6guCK_link","sankeyNode":"opus_L6guCK_sankeyNode","legendItem":"opus_L6guCK_legendItem","seriesE":"opus_L6guCK_seriesE","axisLabels":"opus_L6guCK_axisLabels","meta":"opus_L6guCK_meta","area":"opus_L6guCK_area","valueLabel":"opus_L6guCK_valueLabel","seriesF":"opus_L6guCK_seriesF","header":"opus_L6guCK_header","grid":"opus_L6guCK_grid","seriesB":"opus_L6guCK_seriesB","legend":"opus_L6guCK_legend","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","ring":"opus_L6guCK_ring","graphLinkColored":"opus_L6guCK_graphLinkColored","funnel":"opus_L6guCK_funnel","svg":"opus_L6guCK_svg","mapValue":"opus_L6guCK_mapValue","violin":"opus_L6guCK_violin","ridge":"opus_L6guCK_ridge","sankeySideName":"opus_L6guCK_sankeySideName","bar":"opus_L6guCK_bar","sankeySideValue":"opus_L6guCK_sankeySideValue","treemapLabel":"opus_L6guCK_treemapLabel","graphNode":"opus_L6guCK_graphNode","axisTick":"opus_L6guCK_axisTick","mapRegion":"opus_L6guCK_mapRegion","seriesD":"opus_L6guCK_seriesD","seriesA":"opus_L6guCK_seriesA","sankeySideLabel":"opus_L6guCK_sankeySideLabel","funnelText":"opus_L6guCK_funnelText","seriesC":"opus_L6guCK_seriesC","packParent":"opus_L6guCK_packParent","graphNodeRing":"opus_L6guCK_graphNodeRing","radarArea":"opus_L6guCK_radarArea","axisTitle":"opus_L6guCK_axisTitle","line":"opus_L6guCK_line","point":"opus_L6guCK_point","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","legendSwatch":"opus_L6guCK_legendSwatch","title":"opus_L6guCK_title","axes":"opus_L6guCK_axes","funnelGuide":"opus_L6guCK_funnelGuide","sankeyLink":"opus_L6guCK_sankeyLink","packLabel":"opus_L6guCK_packLabel","graphLabel":"opus_L6guCK_graphLabel","axisLine":"opus_L6guCK_axisLine","chart":"opus_L6guCK_chart","mapLabel":"opus_L6guCK_mapLabel"};
+var Chart_default = {"mapValue":"opus_L6guCK_mapValue","header":"opus_L6guCK_header","graphLink":"opus_L6guCK_graphLink","graphLinkColored":"opus_L6guCK_graphLinkColored","wick":"opus_L6guCK_wick","legendItem":"opus_L6guCK_legendItem","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","mapRegion":"opus_L6guCK_mapRegion","sankeyLink":"opus_L6guCK_sankeyLink","link":"opus_L6guCK_link","sankeySideName":"opus_L6guCK_sankeySideName","violin":"opus_L6guCK_violin","sankeySideLabel":"opus_L6guCK_sankeySideLabel","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","mapLabel":"opus_L6guCK_mapLabel","meta":"opus_L6guCK_meta","funnel":"opus_L6guCK_funnel","graphNode":"opus_L6guCK_graphNode","area":"opus_L6guCK_area","axes":"opus_L6guCK_axes","seriesE":"opus_L6guCK_seriesE","funnelGuide":"opus_L6guCK_funnelGuide","land":"opus_L6guCK_land","seriesA":"opus_L6guCK_seriesA","radarArea":"opus_L6guCK_radarArea","ridge":"opus_L6guCK_ridge","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","bar":"opus_L6guCK_bar","legendSwatch":"opus_L6guCK_legendSwatch","seriesC":"opus_L6guCK_seriesC","point":"opus_L6guCK_point","line":"opus_L6guCK_line","radarGrid":"opus_L6guCK_radarGrid","packLabel":"opus_L6guCK_packLabel","axisLine":"opus_L6guCK_axisLine","chart":"opus_L6guCK_chart","mapLand":"opus_L6guCK_mapLand","sankeyNode":"opus_L6guCK_sankeyNode","ring":"opus_L6guCK_ring","valueLabel":"opus_L6guCK_valueLabel","seriesF":"opus_L6guCK_seriesF","graphNodeRing":"opus_L6guCK_graphNodeRing","graphLabel":"opus_L6guCK_graphLabel","seriesB":"opus_L6guCK_seriesB","title":"opus_L6guCK_title","slice":"opus_L6guCK_slice","svg":"opus_L6guCK_svg","treemapLabel":"opus_L6guCK_treemapLabel","axisTitle":"opus_L6guCK_axisTitle","legend":"opus_L6guCK_legend","sankeySideValue":"opus_L6guCK_sankeySideValue","axisLabels":"opus_L6guCK_axisLabels","grid":"opus_L6guCK_grid","axisTick":"opus_L6guCK_axisTick","axisGuide":"opus_L6guCK_axisGuide","seriesD":"opus_L6guCK_seriesD","packParent":"opus_L6guCK_packParent","funnelText":"opus_L6guCK_funnelText"};
 
 // ../../components/Chart/Chart.tsx
-import { Fragment as Fragment7, jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
 var cartesianVariants = [
   "bar-vertical",
   "bar-horizontal",
@@ -11309,7 +12131,7 @@ function getWaterfallDomain(data) {
   return { min: min - pad, max: max + pad };
 }
 function getChartYDomain(variant, data, series, fallbackMax) {
-  if (variant === "candlestick") {
+  if (variant === "candlestick" || variant === "ohlc") {
     const lows = data.map((item) => {
       var _a2;
       return (_a2 = item.low) != null ? _a2 : item.value * 0.82;
@@ -11323,6 +12145,45 @@ function getChartYDomain(variant, data, series, fallbackMax) {
     const pad = Math.max(0, (max - min) * 0.04);
     return { min: min - pad, max: max + pad };
   }
+  if (variant === "range-area" || variant === "range-bar") {
+    const lows = data.map((item) => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = item.low) != null ? _a2 : item.min) != null ? _b2 : item.value * 0.75;
+    });
+    const highs = data.map((item) => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = item.high) != null ? _a2 : item.max) != null ? _b2 : item.value * 1.25;
+    });
+    const min = Math.min(...lows);
+    const max = Math.max(...highs);
+    const pad = Math.max(0, (max - min) * 0.06);
+    return { min: Math.max(0, min - pad), max: max + pad };
+  }
+  if (variant === "error-bar") {
+    const lows = data.map((item) => {
+      var _a2, _b2;
+      const error = (_a2 = item.error) != null ? _a2 : item.value * 0.12;
+      return ((_b2 = item.low) != null ? _b2 : item.value) - (item.low == null ? error : 0);
+    });
+    const highs = data.map((item) => {
+      var _a2, _b2;
+      const error = (_a2 = item.error) != null ? _a2 : item.value * 0.12;
+      return ((_b2 = item.high) != null ? _b2 : item.value) + (item.high == null ? error : 0);
+    });
+    const min = Math.min(0, ...lows);
+    const max = Math.max(...highs);
+    return { min, max: max * 1.08 };
+  }
+  if (variant === "bullet") {
+    const highs = data.map((item) => {
+      var _a2, _b2;
+      return Math.max(item.value, (_a2 = item.target) != null ? _a2 : item.value, (_b2 = item.max) != null ? _b2 : item.value);
+    });
+    return { min: 0, max: Math.max(1, ...highs) * 1.08 };
+  }
+  if (variant === "pareto") {
+    return { min: 0, max: Math.max(1, ...data.map((item) => item.value)) * 1.08 };
+  }
   if (variant === "box-plot") {
     const lows = data.map((item) => {
       var _a2;
@@ -12002,7 +12863,7 @@ function Chart({
     })
   ) : variant === "stacked-area" ? stackedSeriesMax(series) : useDomainAxis ? yDomain.max : max;
   const axisMin = useDomainAxis ? yDomain.min : 0;
-  useEffect22(() => {
+  useEffect23(() => {
     const svg = svgRef.current;
     if (!svg) {
       return;
@@ -12132,7 +12993,7 @@ function Chart({
           variant === "gantt" ? /* @__PURE__ */ jsx63(GanttRowLabels, { data, plot: activePlot, styles: Chart_default }) : null,
           variant === "heatmap" && showAxis ? /* @__PURE__ */ jsx63(HeatmapAxisLabels, { plot: activePlot, styles: Chart_default }) : null,
           variant === "calendar-heatmap" && showAxis ? /* @__PURE__ */ jsx63(CalendarHeatmapAxisLabels, { plot: activePlot, styles: Chart_default }) : null,
-          isSpecializedChartVariant(variant) ? /* @__PURE__ */ jsxs53(Fragment7, { children: [
+          isSpecializedChartVariant(variant) ? /* @__PURE__ */ jsxs53(Fragment8, { children: [
             /* @__PURE__ */ jsx63("defs", { children: /* @__PURE__ */ jsx63("clipPath", { id: plotClipId, children: /* @__PURE__ */ jsx63(
               "rect",
               {
@@ -12167,7 +13028,7 @@ function Chart({
               slotBounds: specializedVariantUsesSlotLabels(variant) ? { left: activePlot.gridLeft, right: activePlot.gridRight } : void 0,
               slotCentered: specializedVariantUsesSlotLabels(variant),
               timeline: variant === "timeline" || variant === "milestone-timeline",
-              edgeBarHalfWidth: variant === "candlestick" ? getCandlestickBarHalfWidth(activePlot, data.length) : variant === "histogram" ? getHistogramBarHalfWidth(activePlot, data.length) : variant === "box-plot" ? getBoxPlotBarHalfWidth(activePlot, data.length) : variant === "violin" ? getViolinBarHalfWidth(activePlot, data.length) : void 0
+              edgeBarHalfWidth: variant === "candlestick" || variant === "ohlc" || variant === "range-bar" || variant === "error-bar" || variant === "pareto" ? getCandlestickBarHalfWidth(activePlot, data.length) : variant === "histogram" ? getHistogramBarHalfWidth(activePlot, data.length) : variant === "box-plot" ? getBoxPlotBarHalfWidth(activePlot, data.length) : variant === "violin" ? getViolinBarHalfWidth(activePlot, data.length) : void 0
             }
           ) : null
         ] }),
@@ -12184,7 +13045,7 @@ function Chart({
 }
 
 // ../../components/Skeleton/Skeleton.module.css
-var Skeleton_default = {"skeletonPulse":"opus_27r9Md_skeletonPulse","avatar":"opus_27r9Md_avatar","line":"opus_27r9Md_line","tableCell":"opus_27r9Md_tableCell","skeletonShimmer":"opus_27r9Md_skeletonShimmer","avatarContent":"opus_27r9Md_avatarContent","media":"opus_27r9Md_media","stack":"opus_27r9Md_stack","tableRow":"opus_27r9Md_tableRow","skeleton":"opus_27r9Md_skeleton"};
+var Skeleton_default = {"skeleton":"opus_27r9Md_skeleton","skeletonPulse":"opus_27r9Md_skeletonPulse","tableCell":"opus_27r9Md_tableCell","media":"opus_27r9Md_media","avatar":"opus_27r9Md_avatar","avatarContent":"opus_27r9Md_avatarContent","stack":"opus_27r9Md_stack","line":"opus_27r9Md_line","tableRow":"opus_27r9Md_tableRow","skeletonShimmer":"opus_27r9Md_skeletonShimmer"};
 
 // ../../components/Skeleton/Skeleton.tsx
 import { jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -12225,17 +13086,17 @@ function Skeleton({
 }
 
 // ../../components/Carousel/Carousel.tsx
-import { useCallback as useCallback14, useEffect as useEffect24, useMemo as useMemo15, useRef as useRef26, useState as useState32 } from "react";
-import { faChevronLeft, faChevronRight } from "@fortawesome/free-solid-svg-icons";
+import { useCallback as useCallback14, useEffect as useEffect25, useMemo as useMemo15, useRef as useRef26, useState as useState32 } from "react";
+import { faChevronLeft, faChevronRight as faChevronRight2 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon8 } from "@fortawesome/react-fontawesome";
 
 // ../../components/Lightbox/Lightbox.tsx
-import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef25, useState as useState31 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect24, useRef as useRef25, useState as useState31 } from "react";
 import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
 
 // ../../components/Lightbox/Lightbox.module.css
-var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","close":"opus_s7Rpyv_close","trigger":"opus_s7Rpyv_trigger","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","overlay":"opus_s7Rpyv_overlay","panel":"opus_s7Rpyv_panel","image":"opus_s7Rpyv_image","caption":"opus_s7Rpyv_caption","frame":"opus_s7Rpyv_frame","closeIcon":"opus_s7Rpyv_closeIcon","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn"};
+var Lightbox_default = {"lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","trigger":"opus_s7Rpyv_trigger","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightbox":"opus_s7Rpyv_lightbox","close":"opus_s7Rpyv_close","image":"opus_s7Rpyv_image","closeIcon":"opus_s7Rpyv_closeIcon","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","caption":"opus_s7Rpyv_caption","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","overlay":"opus_s7Rpyv_overlay","frame":"opus_s7Rpyv_frame","panel":"opus_s7Rpyv_panel"};
 
 // ../../components/Lightbox/Lightbox.tsx
 import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
@@ -12268,7 +13129,7 @@ function Lightbox({
     initialFocusRef: closeRef,
     restoreFocus: true
   });
-  useEffect23(() => {
+  useEffect24(() => {
     if (!isOpen || !dismissOnEscape) {
       return;
     }
@@ -12280,7 +13141,7 @@ function Lightbox({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [dismissOnEscape, isOpen, setOpen]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isOpen) {
       const timeout2 = window.setTimeout(() => setIsRendered(true), 0);
       return () => window.clearTimeout(timeout2);
@@ -12350,10 +13211,10 @@ function Lightbox({
 }
 
 // ../../components/Carousel/Carousel.module.css
-var Carousel_default = {"visuallyHidden":"opus_N4occJ_visuallyHidden","stage":"opus_N4occJ_stage","slide":"opus_N4occJ_slide","pips":"opus_N4occJ_pips","track":"opus_N4occJ_track","nav":"opus_N4occJ_nav","navIcon":"opus_N4occJ_navIcon","footer":"opus_N4occJ_footer","carousel":"opus_N4occJ_carousel","image":"opus_N4occJ_image","caption":"opus_N4occJ_caption","pip":"opus_N4occJ_pip","empty":"opus_N4occJ_empty"};
+var Carousel_default = {"pips":"opus_N4occJ_pips","pip":"opus_N4occJ_pip","navIcon":"opus_N4occJ_navIcon","visuallyHidden":"opus_N4occJ_visuallyHidden","slide":"opus_N4occJ_slide","stage":"opus_N4occJ_stage","empty":"opus_N4occJ_empty","track":"opus_N4occJ_track","image":"opus_N4occJ_image","footer":"opus_N4occJ_footer","carousel":"opus_N4occJ_carousel","nav":"opus_N4occJ_nav","caption":"opus_N4occJ_caption"};
 
 // ../../components/Carousel/Carousel.tsx
-import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
 function safeIndex(index, total) {
   if (total <= 0) {
     return 0;
@@ -12407,7 +13268,7 @@ function Carousel({
   const [transitionEnabled, setTransitionEnabled] = useState32(true);
   const [isAnimating, setIsAnimating] = useState32(false);
   const isJumpingRef = useRef26(false);
-  useEffect24(() => {
+  useEffect25(() => {
     if (images.length === 0) {
       return;
     }
@@ -12552,7 +13413,7 @@ function Carousel({
               })
             }
           ),
-          hasMultiple ? /* @__PURE__ */ jsxs56(Fragment8, { children: [
+          hasMultiple ? /* @__PURE__ */ jsxs56(Fragment9, { children: [
             /* @__PURE__ */ jsx66(
               "button",
               {
@@ -12574,7 +13435,7 @@ function Carousel({
                 disabled: isAnimating || !loopEnabled && trackIndex === trackImages.length - 1,
                 type: "button",
                 onClick: handleNext,
-                children: /* @__PURE__ */ jsx66(FontAwesomeIcon8, { "aria-hidden": "true", className: Carousel_default.navIcon, icon: faChevronRight })
+                children: /* @__PURE__ */ jsx66(FontAwesomeIcon8, { "aria-hidden": "true", className: Carousel_default.navIcon, icon: faChevronRight2 })
               }
             ),
             showPips ? /* @__PURE__ */ jsx66("div", { "aria-label": "Choose slide", className: Carousel_default.pips, children: images.map((image, index) => {
@@ -12602,7 +13463,7 @@ function Carousel({
 }
 
 // ../../components/ImageThumbnail/ImageThumbnail.module.css
-var ImageThumbnail_default = {"thumbnail":"opus_Gp1o-9_thumbnail","figure":"opus_Gp1o-9_figure","image":"opus_Gp1o-9_image","caption":"opus_Gp1o-9_caption"};
+var ImageThumbnail_default = {"thumbnail":"opus_Gp1o-9_thumbnail","caption":"opus_Gp1o-9_caption","image":"opus_Gp1o-9_image","figure":"opus_Gp1o-9_figure"};
 
 // ../../components/ImageThumbnail/ImageThumbnail.tsx
 import { jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
@@ -12671,13 +13532,13 @@ function ImageGallery({
 }
 
 // ../../components/ModelViewer/ModelViewer.tsx
-import { createElement, useCallback as useCallback15, useEffect as useEffect26, useRef as useRef28, useState as useState34 } from "react";
+import { createElement, useCallback as useCallback15, useEffect as useEffect27, useRef as useRef28, useState as useState34 } from "react";
 
 // ../../components/ModelViewer/FireBarrelModelViewer.tsx
-import { useEffect as useEffect25, useRef as useRef27, useState as useState33 } from "react";
+import { useEffect as useEffect26, useRef as useRef27, useState as useState33 } from "react";
 
 // ../../components/ModelViewer/ModelViewer.module.css
-var ModelViewer_default = {"caption":"opus_f7gfHI_caption","stage":"opus_f7gfHI_stage","canvasHost":"opus_f7gfHI_canvasHost","viewer":"opus_f7gfHI_viewer","loading":"opus_f7gfHI_loading","model":"opus_f7gfHI_model"};
+var ModelViewer_default = {"stage":"opus_f7gfHI_stage","canvasHost":"opus_f7gfHI_canvasHost","loading":"opus_f7gfHI_loading","viewer":"opus_f7gfHI_viewer","model":"opus_f7gfHI_model","caption":"opus_f7gfHI_caption"};
 
 // ../../components/ModelViewer/FireBarrelModelViewer.tsx
 import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
@@ -12691,7 +13552,7 @@ function FireBarrelModelViewer({
   const canvasHostRef = useRef27(null);
   const [failed, setFailed] = useState33(false);
   const [loading, setLoading] = useState33(true);
-  useEffect25(() => {
+  useEffect26(() => {
     const canvasHost = canvasHostRef.current;
     if (!canvasHost) {
       return;
@@ -12835,7 +13696,7 @@ function StandardModelViewer({
   const setViewerRef = useCallback15((node) => {
     viewerRef.current = node;
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     let mounted = true;
     loadModelViewer().then(() => {
       if (mounted) {
@@ -12850,7 +13711,7 @@ function StandardModelViewer({
       mounted = false;
     };
   }, []);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!ready || failed || !asset.autoplay) {
       return;
     }
@@ -12890,12 +13751,12 @@ function StandardModelViewer({
 }
 
 // ../../components/ModelLightbox/ModelLightbox.tsx
-import { useCallback as useCallback16, useEffect as useEffect27, useRef as useRef29, useState as useState35 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect28, useRef as useRef29, useState as useState35 } from "react";
 import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
 
 // ../../components/ModelLightbox/ModelLightbox.module.css
-var ModelLightbox_default = {"overlay":"opus_YYKGIB_overlay","frame":"opus_YYKGIB_frame","trigger":"opus_YYKGIB_trigger","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn"};
+var ModelLightbox_default = {"close":"opus_YYKGIB_close","trigger":"opus_YYKGIB_trigger","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","frame":"opus_YYKGIB_frame","lightbox":"opus_YYKGIB_lightbox","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","overlay":"opus_YYKGIB_overlay","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut"};
 
 // ../../components/ModelLightbox/ModelLightbox.tsx
 import { jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -12925,7 +13786,7 @@ function ModelLightbox({
     initialFocusRef: closeRef,
     restoreFocus: true
   });
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isOpen || !dismissOnEscape) {
       return;
     }
@@ -12937,7 +13798,7 @@ function ModelLightbox({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [dismissOnEscape, isOpen, setOpen]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (isOpen) {
       const timeout2 = window.setTimeout(() => setIsRendered(true), 0);
       return () => window.clearTimeout(timeout2);
@@ -13000,27 +13861,29 @@ function ModelLightbox({
 }
 
 // ../../components/ModelThumbnail/ModelThumbnail.module.css
-var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","content":"opus_NkO9Yb_content","staticThumbnail":"opus_NkO9Yb_staticThumbnail"};
+var ModelThumbnail_default = {"staticThumbnail":"opus_NkO9Yb_staticThumbnail","content":"opus_NkO9Yb_content","caption":"opus_NkO9Yb_caption"};
 
 // ../../components/ModelThumbnail/ModelThumbnail.tsx
 import { jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
 function ThumbnailContent({
   asset,
+  fill,
   showCaption,
   size
 }) {
-  return /* @__PURE__ */ jsxs61("span", { className: ModelThumbnail_default.content, "data-size": size, children: [
+  return /* @__PURE__ */ jsxs61("span", { className: ModelThumbnail_default.content, "data-fill": fill ? "true" : void 0, "data-size": size, children: [
     /* @__PURE__ */ jsx72(ModelViewer, { asset, cameraControls: false, height: "compact", showCaption: false }),
     showCaption ? /* @__PURE__ */ jsx72("span", { className: ModelThumbnail_default.caption, children: asset.name }) : null
   ] });
 }
 function ModelThumbnail({
   asset,
+  fill = false,
   openInLightbox = true,
   showCaption = true,
   size = "medium"
 }) {
-  const content = /* @__PURE__ */ jsx72(ThumbnailContent, { asset, showCaption, size });
+  const content = /* @__PURE__ */ jsx72(ThumbnailContent, { asset, fill, showCaption, size });
   if (openInLightbox) {
     return /* @__PURE__ */ jsx72(
       ModelLightbox,
@@ -13035,7 +13898,7 @@ function ModelThumbnail({
 }
 
 // ../../components/ModelGallery/ModelGallery.module.css
-var ModelGallery_default = {"empty":"opus_8llAjm_empty","gallery":"opus_8llAjm_gallery"};
+var ModelGallery_default = {"gallery":"opus_8llAjm_gallery","empty":"opus_8llAjm_empty"};
 
 // ../../components/ModelGallery/ModelGallery.tsx
 import { jsx as jsx73 } from "react/jsx-runtime";
@@ -13054,6 +13917,7 @@ function ModelGallery({
       ModelThumbnail,
       {
         asset,
+        fill: true,
         openInLightbox: true,
         showCaption: showCaptions,
         size: thumbnailSize
@@ -13118,7 +13982,7 @@ function CatalogIcon({ iconName }) {
 }
 
 // ../../components/EmptyState/EmptyState.module.css
-var EmptyState_default = {"actions":"opus_1KckGY_actions","iconWrap":"opus_1KckGY_iconWrap","root":"opus_1KckGY_root","title":"opus_1KckGY_title","description":"opus_1KckGY_description","copy":"opus_1KckGY_copy"};
+var EmptyState_default = {"root":"opus_1KckGY_root","copy":"opus_1KckGY_copy","title":"opus_1KckGY_title","actions":"opus_1KckGY_actions","description":"opus_1KckGY_description","iconWrap":"opus_1KckGY_iconWrap"};
 
 // ../../components/EmptyState/EmptyState.tsx
 import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
@@ -13151,68 +14015,1052 @@ function EmptyState({
   );
 }
 
-// ../../components/Sidebar/Sidebar.tsx
-import {
-  createContext as createContext8,
-  useContext as useContext9,
-  useState as useState36
-} from "react";
+// ../../components/Badge/Badge.module.css
+var Badge_default = {"badge":"opus_1GJHzl_badge","dot":"opus_1GJHzl_dot"};
 
-// ../../components/Sidebar/Sidebar.module.css
-var Sidebar_default = {"main":"opus_4Pogux_main","group":"opus_4Pogux_group","groupHeader":"opus_4Pogux_groupHeader","footer":"opus_4Pogux_footer","groupChevronOpen":"opus_4Pogux_groupChevronOpen","sidebar":"opus_4Pogux_sidebar","headerTitle":"opus_4Pogux_headerTitle","groupItems":"opus_4Pogux_groupItems","linkActive":"opus_4Pogux_linkActive","headerInner":"opus_4Pogux_headerInner","link":"opus_4Pogux_link","layout":"opus_4Pogux_layout","body":"opus_4Pogux_body","groupLabel":"opus_4Pogux_groupLabel","header":"opus_4Pogux_header","nav":"opus_4Pogux_nav","groupItemsWrap":"opus_4Pogux_groupItemsWrap","visuallyHidden":"opus_4Pogux_visuallyHidden","groupChevron":"opus_4Pogux_groupChevron","groupToggle":"opus_4Pogux_groupToggle"};
+// ../../components/Badge/Badge.tsx
+import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
+function Badge({
+  dot = false,
+  label,
+  size = "md",
+  tone = "neutral",
+  variant = "soft"
+}) {
+  return /* @__PURE__ */ jsxs63("span", { className: Badge_default.badge, "data-size": size, "data-tone": tone, "data-variant": variant, children: [
+    dot ? /* @__PURE__ */ jsx76("span", { "aria-hidden": "true", className: Badge_default.dot }) : null,
+    label
+  ] });
+}
 
-// ../../components/Sidebar/Sidebar.tsx
-import { Fragment as Fragment9, jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
-var SidebarContext = createContext8({
-  collapsed: false,
-  density: "comfortable"
-});
-function Sidebar({
-  children,
-  collapsed = false,
-  density = "comfortable",
-  footer,
-  header,
-  side = "left"
+// ../../components/Divider/Divider.module.css
+var Divider_default = {"divider":"opus_ux1i0D_divider","label":"opus_ux1i0D_label","line":"opus_ux1i0D_line","labelled":"opus_ux1i0D_labelled"};
+
+// ../../components/Divider/Divider.tsx
+import { jsx as jsx77, jsxs as jsxs64 } from "react/jsx-runtime";
+function Divider({
+  label,
+  orientation = "horizontal",
+  tone = "default"
 }) {
-  return /* @__PURE__ */ jsx76(SidebarContext.Provider, { value: { collapsed, density }, children: /* @__PURE__ */ jsxs63(
-    "aside",
-    {
-      "aria-label": "Sidebar",
-      className: Sidebar_default.sidebar,
-      "data-collapsed": collapsed ? "true" : "false",
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ jsx77(
+      "div",
+      {
+        "aria-orientation": "vertical",
+        className: Divider_default.divider,
+        "data-orientation": "vertical",
+        "data-tone": tone,
+        role: "separator"
+      }
+    );
+  }
+  if (label) {
+    return /* @__PURE__ */ jsxs64("div", { className: Divider_default.labelled, "data-tone": tone, role: "separator", children: [
+      /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: Divider_default.line }),
+      /* @__PURE__ */ jsx77("span", { className: Divider_default.label, children: label }),
+      /* @__PURE__ */ jsx77("span", { "aria-hidden": "true", className: Divider_default.line })
+    ] });
+  }
+  return /* @__PURE__ */ jsx77(
+    "hr",
+    {
+      className: Divider_default.divider,
+      "data-orientation": "horizontal",
+      "data-tone": tone
+    }
+  );
+}
+
+// ../../components/Avatar/Avatar.tsx
+import { useMemo as useMemo16, useState as useState36 } from "react";
+
+// ../../components/Avatar/Avatar.module.css
+var Avatar_default = {"initials":"opus_jsRWxO_initials","image":"opus_jsRWxO_image","avatar":"opus_jsRWxO_avatar"};
+
+// ../../components/Avatar/Avatar.tsx
+import { jsx as jsx78 } from "react/jsx-runtime";
+function initialsFromName(name) {
+  var _a2, _b2;
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) {
+    return "?";
+  }
+  if (parts.length === 1) {
+    return parts[0].slice(0, 2).toUpperCase();
+  }
+  return `${(_a2 = parts[0][0]) != null ? _a2 : ""}${(_b2 = parts[1][0]) != null ? _b2 : ""}`.toUpperCase();
+}
+function Avatar({
+  name,
+  shape = "circle",
+  size = "md",
+  src
+}) {
+  const [failed, setFailed] = useState36(false);
+  const initials = useMemo16(() => initialsFromName(name), [name]);
+  const showImage = Boolean(src) && !failed;
+  return /* @__PURE__ */ jsx78(
+    "span",
+    {
+      "aria-label": name,
+      className: Avatar_default.avatar,
+      "data-shape": shape,
+      "data-size": size,
+      role: "img",
+      title: name,
+      children: showImage ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx78(
+          "img",
+          {
+            alt: "",
+            className: Avatar_default.image,
+            onError: () => setFailed(true),
+            src
+          }
+        )
+      ) : /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: Avatar_default.initials, children: initials })
+    }
+  );
+}
+
+// ../../components/AvatarGroup/AvatarGroup.module.css
+var AvatarGroup_default = {"group":"opus_Vv36ne_group","overflow":"opus_Vv36ne_overflow","item":"opus_Vv36ne_item"};
+
+// ../../components/AvatarGroup/AvatarGroup.tsx
+import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
+function AvatarGroup({ items, max = 4, size = "md" }) {
+  const safeMax = Math.max(1, Math.round(max));
+  const visible = items.slice(0, safeMax);
+  const overflow = Math.max(0, items.length - visible.length);
+  return /* @__PURE__ */ jsxs65("div", { "aria-label": `${items.length} people`, className: AvatarGroup_default.group, role: "group", children: [
+    visible.map((item, index) => /* @__PURE__ */ jsx79("span", { className: AvatarGroup_default.item, style: { zIndex: visible.length - index }, children: /* @__PURE__ */ jsx79(Avatar, { name: item.name, size, src: item.src }) }, `${item.name}-${index}`)),
+    overflow > 0 ? /* @__PURE__ */ jsxs65(
+      "span",
+      {
+        "aria-label": `${overflow} more`,
+        className: AvatarGroup_default.overflow,
+        "data-size": size,
+        children: [
+          "+",
+          overflow
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// ../../components/Statistic/Statistic.module.css
+var Statistic_default = {"label":"opus_vCN1bv_label","root":"opus_vCN1bv_root","value":"opus_vCN1bv_value","affix":"opus_vCN1bv_affix","trend":"opus_vCN1bv_trend"};
+
+// ../../components/Statistic/Statistic.tsx
+import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
+function Statistic({
+  label,
+  prefix,
+  suffix,
+  trend,
+  trendLabel,
+  value
+}) {
+  return /* @__PURE__ */ jsxs66("div", { className: Statistic_default.root, children: [
+    /* @__PURE__ */ jsx80("p", { className: Statistic_default.label, children: label }),
+    /* @__PURE__ */ jsxs66("p", { className: Statistic_default.value, children: [
+      prefix ? /* @__PURE__ */ jsx80("span", { className: Statistic_default.affix, children: prefix }) : null,
+      /* @__PURE__ */ jsx80("span", { children: value }),
+      suffix ? /* @__PURE__ */ jsx80("span", { className: Statistic_default.affix, children: suffix }) : null
+    ] }),
+    trend && trendLabel ? /* @__PURE__ */ jsxs66("p", { className: Statistic_default.trend, "data-trend": trend, children: [
+      /* @__PURE__ */ jsx80("span", { "aria-hidden": "true", children: trend === "up" ? "\u2191" : trend === "down" ? "\u2193" : "\u2192" }),
+      trendLabel
+    ] }) : null
+  ] });
+}
+
+// ../../components/List/List.module.css
+var List_default = {"description":"opus_ys3xlo_description","meta":"opus_ys3xlo_meta","icon":"opus_ys3xlo_icon","item":"opus_ys3xlo_item","list":"opus_ys3xlo_list","title":"opus_ys3xlo_title","head":"opus_ys3xlo_head","body":"opus_ys3xlo_body"};
+
+// ../../components/List/List.tsx
+import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
+function List({ density = "comfortable", items, ordered = false }) {
+  const Tag = ordered ? "ol" : "ul";
+  return /* @__PURE__ */ jsx81(Tag, { className: List_default.list, "data-density": density, "data-ordered": ordered ? "true" : "false", children: items.map((item, index) => /* @__PURE__ */ jsxs67("li", { className: List_default.item, children: [
+    item.icon ? /* @__PURE__ */ jsx81("span", { "aria-hidden": "true", className: List_default.icon, children: /* @__PURE__ */ jsx81(CatalogIcon, { iconName: item.icon }) }) : null,
+    /* @__PURE__ */ jsxs67("div", { className: List_default.body, children: [
+      /* @__PURE__ */ jsxs67("div", { className: List_default.head, children: [
+        /* @__PURE__ */ jsx81("span", { className: List_default.title, children: item.title }),
+        item.meta ? /* @__PURE__ */ jsx81("span", { className: List_default.meta, children: item.meta }) : null
+      ] }),
+      item.description ? /* @__PURE__ */ jsx81("p", { className: List_default.description, children: item.description }) : null
+    ] })
+  ] }, `${item.title}-${index}`)) });
+}
+
+// ../../components/DescriptionList/DescriptionList.module.css
+var DescriptionList_default = {"list":"opus_FY8OsC_list","term":"opus_FY8OsC_term","row":"opus_FY8OsC_row","details":"opus_FY8OsC_details"};
+
+// ../../components/DescriptionList/DescriptionList.tsx
+import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+function DescriptionList({
+  items,
+  layout = "stacked"
+}) {
+  return /* @__PURE__ */ jsx82("dl", { className: DescriptionList_default.list, "data-layout": layout, children: items.map((item, index) => /* @__PURE__ */ jsxs68("div", { className: DescriptionList_default.row, children: [
+    /* @__PURE__ */ jsx82("dt", { className: DescriptionList_default.term, children: item.term }),
+    /* @__PURE__ */ jsx82("dd", { className: DescriptionList_default.details, children: item.details })
+  ] }, `${item.term}-${index}`)) });
+}
+
+// ../../components/PropertyGrid/PropertyGrid.tsx
+import { useState as useState37 } from "react";
+
+// ../../components/PropertyGrid/PropertyGrid.module.css
+var PropertyGrid_default = {"row":"opus_Bnfsue_row","valueCell":"opus_Bnfsue_valueCell","copy":"opus_Bnfsue_copy","value":"opus_Bnfsue_value","grid":"opus_Bnfsue_grid","label":"opus_Bnfsue_label"};
+
+// ../../components/PropertyGrid/PropertyGrid.tsx
+import { jsx as jsx83, jsxs as jsxs69 } from "react/jsx-runtime";
+function PropertyGrid({ items }) {
+  const [copiedIndex, setCopiedIndex] = useState37(null);
+  async function copyValue(value, index) {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopiedIndex(index);
+      window.setTimeout(() => setCopiedIndex((current) => current === index ? null : current), 1200);
+    } catch (e) {
+      setCopiedIndex(null);
+    }
+  }
+  return /* @__PURE__ */ jsx83("div", { className: PropertyGrid_default.grid, role: "table", "aria-label": "Properties", children: items.map((item, index) => /* @__PURE__ */ jsxs69("div", { className: PropertyGrid_default.row, role: "row", children: [
+    /* @__PURE__ */ jsx83("div", { className: PropertyGrid_default.label, role: "rowheader", children: item.label }),
+    /* @__PURE__ */ jsxs69("div", { className: PropertyGrid_default.valueCell, role: "cell", children: [
+      /* @__PURE__ */ jsx83("span", { className: PropertyGrid_default.value, children: item.value }),
+      item.copyable ? /* @__PURE__ */ jsx83(
+        "button",
+        {
+          "aria-label": `Copy ${item.label}`,
+          className: PropertyGrid_default.copy,
+          onClick: () => void copyValue(item.value, index),
+          type: "button",
+          children: copiedIndex === index ? "Copied" : "Copy"
+        }
+      ) : null
+    ] })
+  ] }, `${item.label}-${index}`)) });
+}
+
+// ../../components/ContentTimeline/ContentTimeline.module.css
+var ContentTimeline_default = {"body":"opus_vApy-v_body","list":"opus_vApy-v_list","description":"opus_vApy-v_description","line":"opus_vApy-v_line","time":"opus_vApy-v_time","title":"opus_vApy-v_title","dot":"opus_vApy-v_dot","item":"opus_vApy-v_item","head":"opus_vApy-v_head","rail":"opus_vApy-v_rail"};
+
+// ../../components/ContentTimeline/ContentTimeline.tsx
+import { jsx as jsx84, jsxs as jsxs70 } from "react/jsx-runtime";
+function ContentTimeline({ items }) {
+  return /* @__PURE__ */ jsx84("ol", { className: ContentTimeline_default.list, children: items.map((item, index) => {
+    var _a2;
+    return /* @__PURE__ */ jsxs70(
+      "li",
+      {
+        className: ContentTimeline_default.item,
+        "data-status": (_a2 = item.status) != null ? _a2 : "default",
+        children: [
+          /* @__PURE__ */ jsxs70("div", { "aria-hidden": "true", className: ContentTimeline_default.rail, children: [
+            /* @__PURE__ */ jsx84("span", { className: ContentTimeline_default.dot }),
+            index < items.length - 1 ? /* @__PURE__ */ jsx84("span", { className: ContentTimeline_default.line }) : null
+          ] }),
+          /* @__PURE__ */ jsxs70("div", { className: ContentTimeline_default.body, children: [
+            /* @__PURE__ */ jsxs70("div", { className: ContentTimeline_default.head, children: [
+              /* @__PURE__ */ jsx84("h3", { className: ContentTimeline_default.title, children: item.title }),
+              item.time ? /* @__PURE__ */ jsx84("time", { className: ContentTimeline_default.time, children: item.time }) : null
+            ] }),
+            item.description ? /* @__PURE__ */ jsx84("p", { className: ContentTimeline_default.description, children: item.description }) : null
+          ] })
+        ]
+      },
+      `${item.title}-${index}`
+    );
+  }) });
+}
+
+// ../../components/TreeView/TreeView.tsx
+import { useMemo as useMemo17, useState as useState38 } from "react";
+
+// ../../components/TreeView/TreeView.module.css
+var TreeView_default = {"tree":"opus_NlkzXy_tree","leafMark":"opus_NlkzXy_leafMark","children":"opus_NlkzXy_children","node":"opus_NlkzXy_node","row":"opus_NlkzXy_row","label":"opus_NlkzXy_label","toggle":"opus_NlkzXy_toggle"};
+
+// ../../components/TreeView/TreeView.tsx
+import { jsx as jsx85, jsxs as jsxs71 } from "react/jsx-runtime";
+function collectExpandableIds(nodes) {
+  var _a2;
+  const ids = [];
+  for (const node of nodes) {
+    if ((_a2 = node.children) == null ? void 0 : _a2.length) {
+      ids.push(node.id);
+      ids.push(...collectExpandableIds(node.children));
+    }
+  }
+  return ids;
+}
+function TreeNode({
+  depth,
+  expandedIds,
+  node,
+  onToggle
+}) {
+  var _a2;
+  const hasChildren = Boolean((_a2 = node.children) == null ? void 0 : _a2.length);
+  const expanded = expandedIds.has(node.id);
+  return /* @__PURE__ */ jsxs71("li", { className: TreeView_default.node, children: [
+    /* @__PURE__ */ jsxs71("div", { className: TreeView_default.row, style: { paddingLeft: `${depth * 16 + 8}px` }, children: [
+      hasChildren ? /* @__PURE__ */ jsx85(
+        "button",
+        {
+          "aria-expanded": expanded,
+          "aria-label": `${expanded ? "Collapse" : "Expand"} ${node.label}`,
+          className: TreeView_default.toggle,
+          onClick: () => onToggle(node.id),
+          type: "button",
+          children: /* @__PURE__ */ jsx85("span", { "aria-hidden": "true", children: expanded ? "\u25BE" : "\u25B8" })
+        }
+      ) : /* @__PURE__ */ jsx85("span", { "aria-hidden": "true", className: TreeView_default.leafMark }),
+      /* @__PURE__ */ jsx85("span", { className: TreeView_default.label, children: node.label })
+    ] }),
+    hasChildren && expanded ? /* @__PURE__ */ jsx85("ul", { className: TreeView_default.children, children: node.children.map((child) => /* @__PURE__ */ jsx85(
+      TreeNode,
+      {
+        depth: depth + 1,
+        expandedIds,
+        node: child,
+        onToggle
+      },
+      child.id
+    )) }) : null
+  ] });
+}
+function TreeView({ defaultExpandedIds, nodes }) {
+  const fallbackIds = useMemo17(() => collectExpandableIds(nodes).slice(0, 2), [nodes]);
+  const [expandedIds, setExpandedIds] = useState38(
+    () => new Set(defaultExpandedIds != null ? defaultExpandedIds : fallbackIds)
+  );
+  function toggle(id) {
+    setExpandedIds((current) => {
+      const next = new Set(current);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }
+  return /* @__PURE__ */ jsx85("ul", { "aria-label": "Tree", className: TreeView_default.tree, role: "tree", children: nodes.map((node) => /* @__PURE__ */ jsx85(
+    TreeNode,
+    {
+      depth: 0,
+      expandedIds,
+      node,
+      onToggle: toggle
+    },
+    node.id
+  )) });
+}
+
+// ../../components/MasonryGrid/MasonryGrid.module.css
+var MasonryGrid_default = {"card":"opus_Fxxd7-_card","body":"opus_Fxxd7-_body","grid":"opus_Fxxd7-_grid","title":"opus_Fxxd7-_title"};
+
+// ../../components/MasonryGrid/MasonryGrid.tsx
+import { jsx as jsx86, jsxs as jsxs72 } from "react/jsx-runtime";
+function MasonryGrid({ columns = 3, gap = 12, items }) {
+  const safeColumns = Math.min(Math.max(Math.round(columns), 2), 4);
+  const safeGap = Math.min(Math.max(Math.round(gap), 8), 28);
+  return /* @__PURE__ */ jsx86(
+    "div",
+    {
+      className: MasonryGrid_default.grid,
+      style: {
+        columnCount: safeColumns,
+        columnGap: `${safeGap}px`
+      },
+      children: items.map((item, index) => /* @__PURE__ */ jsxs72(
+        "article",
+        {
+          className: MasonryGrid_default.card,
+          style: {
+            marginBottom: `${safeGap}px`,
+            minHeight: item.height ? `${item.height}px` : void 0
+          },
+          children: [
+            /* @__PURE__ */ jsx86("h3", { className: MasonryGrid_default.title, children: item.title }),
+            item.body ? /* @__PURE__ */ jsx86("p", { className: MasonryGrid_default.body, children: item.body }) : null
+          ]
+        },
+        `${item.title}-${index}`
+      ))
+    }
+  );
+}
+
+// ../../components/JsonViewer/JsonViewer.tsx
+import { useMemo as useMemo18, useState as useState39 } from "react";
+
+// ../../components/JsonViewer/JsonViewer.module.css
+var JsonViewer_default = {"block":"opus_uLDgXq_block","summary":"opus_uLDgXq_summary","children":"opus_uLDgXq_children","toggleLine":"opus_uLDgXq_toggleLine","line":"opus_uLDgXq_line","boolean":"opus_uLDgXq_boolean","null":"opus_uLDgXq_null","key":"opus_uLDgXq_key","string":"opus_uLDgXq_string","root":"opus_uLDgXq_root","chevron":"opus_uLDgXq_chevron","number":"opus_uLDgXq_number"};
+
+// ../../components/JsonViewer/JsonViewer.tsx
+import { jsx as jsx87, jsxs as jsxs73 } from "react/jsx-runtime";
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function PrimitiveValue({ value }) {
+  if (value === null) {
+    return /* @__PURE__ */ jsx87("span", { className: JsonViewer_default.null, children: "null" });
+  }
+  if (typeof value === "string") {
+    return /* @__PURE__ */ jsxs73("span", { className: JsonViewer_default.string, children: [
+      '"',
+      value,
+      '"'
+    ] });
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ jsx87("span", { className: JsonViewer_default.number, children: value });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ jsx87("span", { className: JsonViewer_default.boolean, children: String(value) });
+  }
+  return /* @__PURE__ */ jsx87("span", { className: JsonViewer_default.string, children: String(value) });
+}
+function JsonNode({ collapsedDepth, depth, name, value }) {
+  const isExpandable = Array.isArray(value) || isPlainObject(value);
+  const [open, setOpen] = useState39(depth < collapsedDepth);
+  if (!isExpandable) {
+    return /* @__PURE__ */ jsxs73("div", { className: JsonViewer_default.line, style: { paddingLeft: `${depth * 14}px` }, children: [
+      name !== void 0 ? /* @__PURE__ */ jsxs73("span", { className: JsonViewer_default.key, children: [
+        name,
+        ": "
+      ] }) : null,
+      /* @__PURE__ */ jsx87(PrimitiveValue, { value })
+    ] });
+  }
+  const entries = Array.isArray(value) ? value.map((entry, index) => [String(index), entry]) : Object.entries(value);
+  const summary = Array.isArray(value) ? `Array(${value.length})` : `Object(${entries.length})`;
+  return /* @__PURE__ */ jsxs73("div", { className: JsonViewer_default.block, children: [
+    /* @__PURE__ */ jsxs73(
+      "button",
+      {
+        "aria-expanded": open,
+        className: JsonViewer_default.toggleLine,
+        onClick: () => setOpen((current) => !current),
+        style: { paddingLeft: `${depth * 14}px` },
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx87("span", { "aria-hidden": "true", className: JsonViewer_default.chevron, children: open ? "\u25BE" : "\u25B8" }),
+          name !== void 0 ? /* @__PURE__ */ jsxs73("span", { className: JsonViewer_default.key, children: [
+            name,
+            ": "
+          ] }) : null,
+          /* @__PURE__ */ jsx87("span", { className: JsonViewer_default.summary, children: summary })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx87("div", { className: JsonViewer_default.children, children: entries.map(([childName, childValue]) => /* @__PURE__ */ jsx87(
+      JsonNode,
+      {
+        collapsedDepth,
+        depth: depth + 1,
+        name: childName,
+        value: childValue
+      },
+      childName
+    )) }) : null
+  ] });
+}
+function JsonViewer({ collapsedDepth = 1, value }) {
+  const parsed = useMemo18(() => value, [value]);
+  return /* @__PURE__ */ jsx87("div", { className: JsonViewer_default.root, role: "tree", children: /* @__PURE__ */ jsx87(JsonNode, { collapsedDepth: Math.max(0, collapsedDepth), depth: 0, value: parsed }) });
+}
+
+// ../../components/Icon/Icon.tsx
+import { FontAwesomeIcon as FontAwesomeIcon11 } from "@fortawesome/react-fontawesome";
+
+// ../../components/Icon/Icon.module.css
+var Icon_default = {"icon":"opus_7ASn4M_icon"};
+
+// ../../components/Icon/Icon.tsx
+import { jsx as jsx88 } from "react/jsx-runtime";
+function Icon({ label, name, size = "md", tone = "default" }) {
+  const option = getFontAwesomeIconOption(name);
+  return /* @__PURE__ */ jsx88(
+    "span",
+    {
+      "aria-hidden": label ? void 0 : true,
+      "aria-label": label,
+      className: Icon_default.icon,
+      "data-size": size,
+      "data-tone": tone,
+      role: label ? "img" : void 0,
+      children: /* @__PURE__ */ jsx88(FontAwesomeIcon11, { icon: option.icon })
+    }
+  );
+}
+
+// ../../components/Spinner/Spinner.module.css
+var Spinner_default = {"spinner":"opus_g5cd4Q_spinner","ring":"opus_g5cd4Q_ring","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate"};
+
+// ../../components/Spinner/Spinner.tsx
+import { jsx as jsx89 } from "react/jsx-runtime";
+function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
+  return /* @__PURE__ */ jsx89(
+    "span",
+    {
+      "aria-label": label,
+      className: Spinner_default.spinner,
+      "data-size": size,
+      "data-tone": tone,
+      role: "status",
+      children: /* @__PURE__ */ jsx89("span", { "aria-hidden": "true", className: Spinner_default.ring })
+    }
+  );
+}
+
+// ../../components/Portal/Portal.tsx
+import { createContext as createContext8, useContext as useContext9, useEffect as useEffect29, useMemo as useMemo19, useState as useState40 } from "react";
+import { createPortal as createPortal5 } from "react-dom";
+import { Fragment as Fragment10, jsx as jsx90 } from "react/jsx-runtime";
+var PortalHostContext = createContext8({ container: null });
+function usePortalHost() {
+  return useContext9(PortalHostContext);
+}
+function PortalHost({ children, id = "opus-portal-host" }) {
+  const [container, setContainer] = useState40(null);
+  useEffect29(() => {
+    let host = document.getElementById(id);
+    let created = false;
+    if (!host) {
+      host = document.createElement("div");
+      host.id = id;
+      document.body.appendChild(host);
+      created = true;
+    }
+    setContainer(host);
+    return () => {
+      if (created && (host == null ? void 0 : host.parentNode)) {
+        host.parentNode.removeChild(host);
+      }
+    };
+  }, [id]);
+  const value = useMemo19(() => ({ container }), [container]);
+  return /* @__PURE__ */ jsx90(PortalHostContext.Provider, { value, children });
+}
+function Portal({ children, container, disabled = false }) {
+  var _a2;
+  const host = usePortalHost();
+  const [fallback, setFallback] = useState40(null);
+  useEffect29(() => {
+    setFallback(document.body);
+  }, []);
+  if (disabled) {
+    return /* @__PURE__ */ jsx90(Fragment10, { children });
+  }
+  const target = (_a2 = container != null ? container : host.container) != null ? _a2 : fallback;
+  if (!target) {
+    return null;
+  }
+  return createPortal5(children, target);
+}
+
+// ../../components/VisuallyHidden/VisuallyHidden.module.css
+var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
+
+// ../../components/VisuallyHidden/VisuallyHidden.tsx
+import { jsx as jsx91 } from "react/jsx-runtime";
+function VisuallyHidden({ as = "span", children }) {
+  const Tag = as;
+  return /* @__PURE__ */ jsx91(Tag, { className: VisuallyHidden_default.hidden, children });
+}
+
+// ../../components/FocusTrap/FocusTrap.tsx
+import { useEffect as useEffect30, useRef as useRef30 } from "react";
+
+// ../../components/FocusTrap/FocusTrap.module.css
+var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
+
+// ../../components/FocusTrap/FocusTrap.tsx
+import { jsx as jsx92 } from "react/jsx-runtime";
+function FocusTrap({
+  active = true,
+  children,
+  initialFocusRef,
+  restoreFocus = true
+}) {
+  const containerRef = useRef30(null);
+  const previouslyFocusedRef = useRef30(null);
+  useEffect30(() => {
+    if (!active) {
+      return;
+    }
+    previouslyFocusedRef.current = document.activeElement;
+    const frame = window.requestAnimationFrame(() => {
+      var _a2;
+      const preferred = initialFocusRef == null ? void 0 : initialFocusRef.current;
+      if (preferred) {
+        preferred.focus();
+        return;
+      }
+      const container = containerRef.current;
+      if (!container) {
+        return;
+      }
+      (_a2 = getFocusableElements(container)[0]) == null ? void 0 : _a2.focus();
+    });
+    return () => {
+      var _a2, _b2;
+      window.cancelAnimationFrame(frame);
+      if (restoreFocus) {
+        (_b2 = (_a2 = previouslyFocusedRef.current) == null ? void 0 : _a2.focus) == null ? void 0 : _b2.call(_a2);
+      }
+    };
+  }, [active, initialFocusRef, restoreFocus]);
+  useEffect30(() => {
+    if (!active) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      if (event.key !== "Tab") {
+        return;
+      }
+      const container = containerRef.current;
+      if (!container) {
+        return;
+      }
+      const focusable = getFocusableElements(container);
+      if (!focusable.length) {
+        event.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      const activeElement = document.activeElement;
+      if (event.shiftKey) {
+        if (activeElement === first || !container.contains(activeElement)) {
+          event.preventDefault();
+          last.focus();
+        }
+        return;
+      }
+      if (activeElement === last || !container.contains(activeElement)) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [active]);
+  return /* @__PURE__ */ jsx92("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
+}
+
+// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
+var KeyboardShortcut_default = {"plus":"opus_pZh5vX_plus","shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key"};
+
+// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
+import { jsx as jsx93, jsxs as jsxs74 } from "react/jsx-runtime";
+function KeyboardShortcut({ keys, size = "md" }) {
+  return /* @__PURE__ */ jsx93("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ jsxs74("span", { children: [
+    index > 0 ? /* @__PURE__ */ jsx93("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
+    /* @__PURE__ */ jsx93("span", { className: KeyboardShortcut_default.key, children: key })
+  ] }, `${key}-${index}`)) });
+}
+
+// ../../components/HotkeyManager/HotkeyManager.tsx
+import {
+  createContext as createContext9,
+  useCallback as useCallback17,
+  useContext as useContext10,
+  useEffect as useEffect31,
+  useMemo as useMemo20,
+  useRef as useRef31,
+  useState as useState41
+} from "react";
+import { jsx as jsx94 } from "react/jsx-runtime";
+var HotkeyManagerContext = createContext9(null);
+function matchesCombo(event, combo) {
+  const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
+  const expected = combo.key.length === 1 ? combo.key.toLowerCase() : combo.key;
+  return key === expected && Boolean(combo.meta) === event.metaKey && Boolean(combo.ctrl) === event.ctrlKey && Boolean(combo.alt) === event.altKey && Boolean(combo.shift) === event.shiftKey;
+}
+function shortcutsEqual(a, b) {
+  if (a.length !== b.length) {
+    return false;
+  }
+  return a.every((combo, index) => {
+    const other = b[index];
+    return combo.id === other.id && combo.key === other.key && Boolean(combo.meta) === Boolean(other.meta) && Boolean(combo.ctrl) === Boolean(other.ctrl) && Boolean(combo.alt) === Boolean(other.alt) && Boolean(combo.shift) === Boolean(other.shift) && combo.enabled === other.enabled && combo.description === other.description;
+  });
+}
+function HotkeyManager({ children, enabled = true }) {
+  const handlersRef = useRef31(/* @__PURE__ */ new Map());
+  const [shortcuts, setShortcuts] = useState41([]);
+  const syncShortcuts = useCallback17(() => {
+    const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
+    setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
+  }, []);
+  const register = useCallback17(
+    (combo, handler) => {
+      handlersRef.current.set(combo.id, { combo, handler });
+      syncShortcuts();
+      return () => {
+        handlersRef.current.delete(combo.id);
+        syncShortcuts();
+      };
+    },
+    [syncShortcuts]
+  );
+  useEffect31(() => {
+    if (!enabled) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      var _a2;
+      const target = event.target;
+      const tag = (_a2 = target == null ? void 0 : target.tagName) == null ? void 0 : _a2.toLowerCase();
+      if (tag === "input" || tag === "textarea" || (target == null ? void 0 : target.isContentEditable)) {
+        return;
+      }
+      for (const entry of handlersRef.current.values()) {
+        if (entry.combo.enabled === false) {
+          continue;
+        }
+        if (matchesCombo(event, entry.combo)) {
+          event.preventDefault();
+          entry.handler();
+          break;
+        }
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [enabled]);
+  const value = useMemo20(() => ({ register, shortcuts }), [register, shortcuts]);
+  return /* @__PURE__ */ jsx94(HotkeyManagerContext.Provider, { value, children });
+}
+function useHotkey(combo, handler) {
+  const context = useContext10(HotkeyManagerContext);
+  const register = context == null ? void 0 : context.register;
+  const handlerRef = useRef31(handler);
+  handlerRef.current = handler;
+  const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
+  useEffect31(() => {
+    if (!register) {
+      return;
+    }
+    return register(
+      { alt, ctrl, description, enabled, id, key, meta, shift },
+      () => {
+        handlerRef.current();
+      }
+    );
+  }, [alt, ctrl, description, enabled, id, key, meta, register, shift]);
+}
+function useHotkeyManager() {
+  const context = useContext10(HotkeyManagerContext);
+  if (!context) {
+    throw new Error("useHotkeyManager must be used within HotkeyManager");
+  }
+  return context;
+}
+
+// ../../components/CopyButton/CopyButton.tsx
+import { useCallback as useCallback18, useEffect as useEffect32, useState as useState42 } from "react";
+
+// ../../components/CopyButton/CopyButton.module.css
+var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
+
+// ../../components/CopyButton/CopyButton.tsx
+import { jsx as jsx95 } from "react/jsx-runtime";
+async function writeClipboard(value) {
+  var _a2;
+  if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
+    await navigator.clipboard.writeText(value);
+    return;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+}
+function CopyButton({
+  children,
+  copiedLabel = "Copied",
+  label = "Copy",
+  resetMs = 1600,
+  value,
+  variant = "secondary",
+  onCopied
+}) {
+  const [copied, setCopied] = useState42(false);
+  useEffect32(() => {
+    if (!copied) {
+      return;
+    }
+    const timer = window.setTimeout(() => setCopied(false), resetMs);
+    return () => window.clearTimeout(timer);
+  }, [copied, resetMs]);
+  const handleCopy = useCallback18(async () => {
+    try {
+      await writeClipboard(value);
+      setCopied(true);
+      onCopied == null ? void 0 : onCopied();
+    } catch (e) {
+      setCopied(false);
+    }
+  }, [onCopied, value]);
+  return /* @__PURE__ */ jsx95("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ jsx95(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
+}
+
+// ../../components/Clipboard/Clipboard.tsx
+import { createContext as createContext10, useCallback as useCallback19, useContext as useContext11, useMemo as useMemo21, useState as useState43 } from "react";
+import { jsx as jsx96 } from "react/jsx-runtime";
+var ClipboardContext = createContext10(null);
+async function fallbackWrite(value) {
+  const textarea = document.createElement("textarea");
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+}
+function ClipboardProvider({ children }) {
+  const [lastCopied, setLastCopied] = useState43(null);
+  const writeText = useCallback19(async (value2) => {
+    var _a2;
+    if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
+      await navigator.clipboard.writeText(value2);
+    } else {
+      await fallbackWrite(value2);
+    }
+    setLastCopied(value2);
+  }, []);
+  const readText = useCallback19(async () => {
+    var _a2;
+    if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
+      return navigator.clipboard.readText();
+    }
+    return lastCopied != null ? lastCopied : "";
+  }, [lastCopied]);
+  const value = useMemo21(
+    () => ({ lastCopied, readText, writeText }),
+    [lastCopied, readText, writeText]
+  );
+  return /* @__PURE__ */ jsx96(ClipboardContext.Provider, { value, children });
+}
+function useClipboard() {
+  const context = useContext11(ClipboardContext);
+  if (!context) {
+    throw new Error("useClipboard must be used within ClipboardProvider");
+  }
+  return context;
+}
+function Clipboard({ children }) {
+  return /* @__PURE__ */ jsx96(ClipboardProvider, { children });
+}
+
+// ../../components/ThemeSwitcher/ThemeSwitcher.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+function ThemeSwitcher({
+  id = "opus-theme-switcher",
+  label = "Theme",
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx97(
+    ThemeToggleField,
+    {
+      id,
+      label,
+      mode: "flagged",
+      value,
+      onChange
+    }
+  );
+}
+
+// ../../components/ResizeObserver/ResizeObserver.tsx
+import { useEffect as useEffect33, useRef as useRef32, useState as useState44 } from "react";
+import { jsx as jsx98 } from "react/jsx-runtime";
+function ResizeObserver2({ children, className, onResize }) {
+  const ref = useRef32(null);
+  const [size, setSize] = useState44({ width: 0, height: 0 });
+  useEffect33(() => {
+    const node = ref.current;
+    if (!node || typeof window.ResizeObserver === "undefined") {
+      return;
+    }
+    const observer = new window.ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) {
+        return;
+      }
+      const next = {
+        width: Math.round(entry.contentRect.width),
+        height: Math.round(entry.contentRect.height)
+      };
+      setSize(next);
+      onResize == null ? void 0 : onResize(next);
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [onResize]);
+  return /* @__PURE__ */ jsx98("div", { className, ref, children: children(size) });
+}
+function useResizeObserver(targetRef) {
+  const [size, setSize] = useState44({ width: 0, height: 0 });
+  useEffect33(() => {
+    const node = targetRef.current;
+    if (!node || typeof window.ResizeObserver === "undefined") {
+      return;
+    }
+    const observer = new window.ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) {
+        return;
+      }
+      setSize({
+        width: Math.round(entry.contentRect.width),
+        height: Math.round(entry.contentRect.height)
+      });
+    });
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [targetRef]);
+  return size;
+}
+
+// ../../components/IntersectionObserver/IntersectionObserver.tsx
+import { useEffect as useEffect34, useRef as useRef33, useState as useState45 } from "react";
+import { jsx as jsx99 } from "react/jsx-runtime";
+function IntersectionObserver2({
+  children,
+  className,
+  rootMargin = "0px",
+  threshold = 0.25,
+  onChange
+}) {
+  const ref = useRef33(null);
+  const [isIntersecting, setIsIntersecting] = useState45(false);
+  useEffect34(() => {
+    const node = ref.current;
+    if (!node || typeof window.IntersectionObserver === "undefined") {
+      return;
+    }
+    const observer = new window.IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!entry) {
+          return;
+        }
+        setIsIntersecting(entry.isIntersecting);
+        onChange == null ? void 0 : onChange(entry.isIntersecting);
+      },
+      { rootMargin, threshold }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [onChange, rootMargin, threshold]);
+  return /* @__PURE__ */ jsx99("div", { className, ref, children: children(isIntersecting) });
+}
+function useIntersectionObserver(targetRef, options = {}) {
+  const { rootMargin = "0px", threshold = 0.25 } = options;
+  const [isIntersecting, setIsIntersecting] = useState45(false);
+  useEffect34(() => {
+    const node = targetRef.current;
+    if (!node || typeof window.IntersectionObserver === "undefined") {
+      return;
+    }
+    const observer = new window.IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        if (!entry) {
+          return;
+        }
+        setIsIntersecting(entry.isIntersecting);
+      },
+      { rootMargin, threshold }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [rootMargin, targetRef, threshold]);
+  return isIntersecting;
+}
+
+// ../../components/Sidebar/Sidebar.tsx
+import {
+  createContext as createContext11,
+  useContext as useContext12,
+  useState as useState46
+} from "react";
+
+// ../../components/Sidebar/Sidebar.module.css
+var Sidebar_default = {"groupToggle":"opus_4Pogux_groupToggle","groupItems":"opus_4Pogux_groupItems","sidebar":"opus_4Pogux_sidebar","visuallyHidden":"opus_4Pogux_visuallyHidden","group":"opus_4Pogux_group","main":"opus_4Pogux_main","footer":"opus_4Pogux_footer","headerInner":"opus_4Pogux_headerInner","groupLabel":"opus_4Pogux_groupLabel","link":"opus_4Pogux_link","groupChevronOpen":"opus_4Pogux_groupChevronOpen","layout":"opus_4Pogux_layout","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevron":"opus_4Pogux_groupChevron","body":"opus_4Pogux_body","nav":"opus_4Pogux_nav","headerTitle":"opus_4Pogux_headerTitle","header":"opus_4Pogux_header","groupHeader":"opus_4Pogux_groupHeader","linkActive":"opus_4Pogux_linkActive"};
+
+// ../../components/Sidebar/Sidebar.tsx
+import { Fragment as Fragment11, jsx as jsx100, jsxs as jsxs75 } from "react/jsx-runtime";
+var SidebarContext = createContext11({
+  collapsed: false,
+  density: "comfortable"
+});
+function Sidebar({
+  children,
+  collapsed = false,
+  density = "comfortable",
+  footer,
+  header,
+  side = "left"
+}) {
+  return /* @__PURE__ */ jsx100(SidebarContext.Provider, { value: { collapsed, density }, children: /* @__PURE__ */ jsxs75(
+    "aside",
+    {
+      "aria-label": "Sidebar",
+      className: Sidebar_default.sidebar,
+      "data-collapsed": collapsed ? "true" : "false",
       "data-density": density,
       "data-side": side,
       children: [
-        header ? /* @__PURE__ */ jsx76("div", { className: Sidebar_default.header, children: header }) : null,
-        /* @__PURE__ */ jsx76("div", { className: Sidebar_default.body, children }),
-        footer ? /* @__PURE__ */ jsx76("div", { className: Sidebar_default.footer, children: footer }) : null
+        header ? /* @__PURE__ */ jsx100("div", { className: Sidebar_default.header, children: header }) : null,
+        /* @__PURE__ */ jsx100("div", { className: Sidebar_default.body, children }),
+        footer ? /* @__PURE__ */ jsx100("div", { className: Sidebar_default.footer, children: footer }) : null
       ]
     }
   ) });
 }
 function SidebarHeader({ children, title }) {
-  const { collapsed } = useContext9(SidebarContext);
-  return /* @__PURE__ */ jsxs63("div", { className: Sidebar_default.headerInner, children: [
-    /* @__PURE__ */ jsx76("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
+  const { collapsed } = useContext12(SidebarContext);
+  return /* @__PURE__ */ jsxs75("div", { className: Sidebar_default.headerInner, children: [
+    /* @__PURE__ */ jsx100("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
     children
   ] });
 }
 function SidebarNav({ "aria-label": ariaLabel, children }) {
-  return /* @__PURE__ */ jsx76("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
+  return /* @__PURE__ */ jsx100("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
 }
 function SidebarLink({ active = false, children, href, onClick }) {
-  const { collapsed } = useContext9(SidebarContext);
+  const { collapsed } = useContext12(SidebarContext);
   const className = [Sidebar_default.link, active ? Sidebar_default.linkActive : ""].filter(Boolean).join(" ");
   const label = typeof children === "string" ? children : null;
-  const content = /* @__PURE__ */ jsxs63(Fragment9, { children: [
-    collapsed && label ? /* @__PURE__ */ jsx76("span", { "aria-hidden": "true", children: label.charAt(0) }) : null,
-    /* @__PURE__ */ jsx76("span", { className: collapsed ? Sidebar_default.visuallyHidden : void 0, children })
+  const content = /* @__PURE__ */ jsxs75(Fragment11, { children: [
+    collapsed && label ? /* @__PURE__ */ jsx100("span", { "aria-hidden": "true", children: label.charAt(0) }) : null,
+    /* @__PURE__ */ jsx100("span", { className: collapsed ? Sidebar_default.visuallyHidden : void 0, children })
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx76("a", { "aria-current": active ? "page" : void 0, className, href, children: content });
+    return /* @__PURE__ */ jsx100("a", { "aria-current": active ? "page" : void 0, className, href, children: content });
   }
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx100(
     "button",
     {
       "aria-current": active ? "page" : void 0,
@@ -13231,16 +15079,16 @@ function createGroupListId(label, id) {
   return slug ? `sidebar-group-${slug}` : "sidebar-group";
 }
 function SidebarGroup({ children, defaultOpen = true, id, label }) {
-  const { collapsed } = useContext9(SidebarContext);
+  const { collapsed } = useContext12(SidebarContext);
   const listId = createGroupListId(label, id);
-  const [open, setOpen] = useState36(defaultOpen);
+  const [open, setOpen] = useState46(defaultOpen);
   if (collapsed) {
-    return /* @__PURE__ */ jsx76("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children });
+    return /* @__PURE__ */ jsx100("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children });
   }
-  return /* @__PURE__ */ jsxs63("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children: [
-    /* @__PURE__ */ jsxs63("div", { className: Sidebar_default.groupHeader, children: [
-      /* @__PURE__ */ jsx76("span", { className: Sidebar_default.groupLabel, children: label }),
-      /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsxs75("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children: [
+    /* @__PURE__ */ jsxs75("div", { className: Sidebar_default.groupHeader, children: [
+      /* @__PURE__ */ jsx100("span", { className: Sidebar_default.groupLabel, children: label }),
+      /* @__PURE__ */ jsx100(
         "button",
         {
           "aria-controls": listId,
@@ -13249,29 +15097,29 @@ function SidebarGroup({ children, defaultOpen = true, id, label }) {
           className: Sidebar_default.groupToggle,
           onClick: () => setOpen((current) => !current),
           type: "button",
-          children: /* @__PURE__ */ jsx76("span", { "aria-hidden": "true", className: open ? Sidebar_default.groupChevronOpen : Sidebar_default.groupChevron })
+          children: /* @__PURE__ */ jsx100("span", { "aria-hidden": "true", className: open ? Sidebar_default.groupChevronOpen : Sidebar_default.groupChevron })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx76("div", { className: Sidebar_default.groupItemsWrap, "data-open": open ? "true" : "false", children: /* @__PURE__ */ jsx76("div", { className: Sidebar_default.groupItems, id: listId, inert: !open || void 0, children }) })
+    /* @__PURE__ */ jsx100("div", { className: Sidebar_default.groupItemsWrap, "data-open": open ? "true" : "false", children: /* @__PURE__ */ jsx100("div", { className: Sidebar_default.groupItems, id: listId, inert: !open || void 0, children }) })
   ] });
 }
 function SidebarLayout({ children, collapsed = false, main, side = "left" }) {
-  return /* @__PURE__ */ jsxs63("div", { className: Sidebar_default.layout, "data-collapsed": collapsed ? "true" : "false", "data-side": side, children: [
+  return /* @__PURE__ */ jsxs75("div", { className: Sidebar_default.layout, "data-collapsed": collapsed ? "true" : "false", "data-side": side, children: [
     side === "left" ? children : null,
-    /* @__PURE__ */ jsx76("div", { className: Sidebar_default.main, children: main }),
+    /* @__PURE__ */ jsx100("div", { className: Sidebar_default.main, children: main }),
     side === "right" ? children : null
   ] });
 }
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo16, useState as useState37 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect35, useMemo as useMemo22, useState as useState47 } from "react";
 
 // ../../components/AccentColorPicker/AccentColorPicker.module.css
-var AccentColorPicker_default = {"swatch":"opus_scMnrW_swatch","swatches":"opus_scMnrW_swatches"};
+var AccentColorPicker_default = {"swatches":"opus_scMnrW_swatches","swatch":"opus_scMnrW_swatch"};
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var ACCENT_STORAGE_KEY = "opus-components-accent";
 var DEFAULT_ACCENT_COLOR = "#8f6cff";
 var accentColors = [
@@ -13305,8 +15153,8 @@ function applyDocumentAccent(accent) {
   );
 }
 function useAccentPreference() {
-  const [accent, setAccentState] = useState37(DEFAULT_ACCENT_COLOR);
-  useEffect28(() => {
+  const [accent, setAccentState] = useState47(DEFAULT_ACCENT_COLOR);
+  useEffect35(() => {
     const timeout = window.setTimeout(() => {
       const stored = window.localStorage.getItem(ACCENT_STORAGE_KEY);
       if (isAccentColor(stored)) {
@@ -13318,7 +15166,7 @@ function useAccentPreference() {
     }, 0);
     return () => window.clearTimeout(timeout);
   }, []);
-  const setAccent = useCallback17((next) => {
+  const setAccent = useCallback20((next) => {
     if (!isAccentColor(next)) {
       return;
     }
@@ -13326,10 +15174,11 @@ function useAccentPreference() {
     applyDocumentAccent(next);
     window.localStorage.setItem(ACCENT_STORAGE_KEY, next);
   }, []);
-  const accentStyle = useMemo16(() => createAccentStyle(accent), [accent]);
+  const accentStyle = useMemo22(() => createAccentStyle(accent), [accent]);
   return { accent, accentStyle, setAccent };
 }
 function AccentColorPicker({
+  help,
   id,
   label = "Accent",
   labelPosition = "left",
@@ -13337,19 +15186,20 @@ function AccentColorPicker({
   onChange,
   value
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx101(
     FieldShell,
     {
       fitContent: true,
       flaggedAlign: "center",
+      help,
       id,
       label,
       labelPosition,
       labelTag: "div",
       mode,
-      children: /* @__PURE__ */ jsx77("div", { "aria-labelledby": `${id}-label`, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentColors.map((option) => {
+      children: /* @__PURE__ */ jsx101("div", { "aria-labelledby": `${id}-label`, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentColors.map((option) => {
         const selected = value === option.value;
-        return /* @__PURE__ */ jsx77(
+        return /* @__PURE__ */ jsx101(
           "button",
           {
             "aria-checked": selected,
@@ -13370,15 +15220,16 @@ function AccentColorPicker({
 }
 
 // ../../components/IconPicker/IconPicker.tsx
-import { useEffect as useEffect29, useId as useId19, useMemo as useMemo17, useRef as useRef30, useState as useState38 } from "react";
-import { FontAwesomeIcon as FontAwesomeIcon11 } from "@fortawesome/react-fontawesome";
+import { useEffect as useEffect36, useId as useId19, useMemo as useMemo23, useRef as useRef34, useState as useState48 } from "react";
+import { FontAwesomeIcon as FontAwesomeIcon12 } from "@fortawesome/react-fontawesome";
 
 // ../../components/IconPicker/IconPicker.module.css
-var IconPicker_default = {"triggerLabel":"opus_4E-Oa1_triggerLabel","root":"opus_4E-Oa1_root","trigger":"opus_4E-Oa1_trigger","chevron":"opus_4E-Oa1_chevron","option":"opus_4E-Oa1_option","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","empty":"opus_4E-Oa1_empty","optionIcon":"opus_4E-Oa1_optionIcon","triggerIcon":"opus_4E-Oa1_triggerIcon","grid":"opus_4E-Oa1_grid"};
+var IconPicker_default = {"grid":"opus_4E-Oa1_grid","triggerLabel":"opus_4E-Oa1_triggerLabel","root":"opus_4E-Oa1_root","triggerIcon":"opus_4E-Oa1_triggerIcon","chevron":"opus_4E-Oa1_chevron","empty":"opus_4E-Oa1_empty","optionIcon":"opus_4E-Oa1_optionIcon","menu":"opus_4E-Oa1_menu","trigger":"opus_4E-Oa1_trigger","search":"opus_4E-Oa1_search","option":"opus_4E-Oa1_option"};
 
 // ../../components/IconPicker/IconPicker.tsx
-import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs76 } from "react/jsx-runtime";
 function IconPicker({
+  help,
   id,
   label = "Icon",
   labelPosition = "left",
@@ -13387,14 +15238,14 @@ function IconPicker({
   searchPlaceholder = "Search icons",
   value
 }) {
-  const [open, setOpen] = useState38(false);
-  const [query, setQuery] = useState38("");
-  const rootRef = useRef30(null);
-  const searchRef = useRef30(null);
+  const [open, setOpen] = useState48(false);
+  const [query, setQuery] = useState48("");
+  const rootRef = useRef34(null);
+  const searchRef = useRef34(null);
   const listboxId = useId19();
   const selected = getFontAwesomeIconOption(value);
-  const filteredIcons = useMemo17(() => filterFontAwesomeIcons(query), [query]);
-  useEffect29(() => {
+  const filteredIcons = useMemo23(() => filterFontAwesomeIcons(query), [query]);
+  useEffect36(() => {
     if (!open) {
       return;
     }
@@ -13421,8 +15272,8 @@ function IconPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open]);
-  return /* @__PURE__ */ jsx78(FieldShell, { id, label, labelPosition, mode, children: /* @__PURE__ */ jsxs64("div", { className: IconPicker_default.root, ref: rootRef, children: [
-    /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsx102(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ jsxs76("div", { className: IconPicker_default.root, ref: rootRef, children: [
+    /* @__PURE__ */ jsxs76(
       "button",
       {
         "aria-controls": open ? listboxId : void 0,
@@ -13433,14 +15284,14 @@ function IconPicker({
         type: "button",
         onClick: () => setOpen((current) => !current),
         children: [
-          /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx78(FontAwesomeIcon11, { icon: selected.icon }) }),
-          /* @__PURE__ */ jsx78("span", { className: IconPicker_default.triggerLabel, children: selected.label })
+          /* @__PURE__ */ jsx102("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx102(FontAwesomeIcon12, { icon: selected.icon }) }),
+          /* @__PURE__ */ jsx102("span", { className: IconPicker_default.triggerLabel, children: selected.label })
         ]
       }
     ),
-    /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
-    open ? /* @__PURE__ */ jsxs64("div", { className: IconPicker_default.menu, children: [
-      /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx102("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
+    open ? /* @__PURE__ */ jsxs76("div", { className: IconPicker_default.menu, children: [
+      /* @__PURE__ */ jsx102(
         "input",
         {
           "aria-label": searchPlaceholder,
@@ -13452,7 +15303,7 @@ function IconPicker({
           onChange: (event) => setQuery(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsx78("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsx102("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ jsx102(
         "button",
         {
           "aria-label": entry.label,
@@ -13467,10 +15318,10 @@ function IconPicker({
             setOpen(false);
             setQuery("");
           },
-          children: /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx78(FontAwesomeIcon11, { icon: entry.icon }) })
+          children: /* @__PURE__ */ jsx102("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx102(FontAwesomeIcon12, { icon: entry.icon }) })
         },
         entry.iconName
-      )) : /* @__PURE__ */ jsx78("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
+      )) : /* @__PURE__ */ jsx102("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
     ] }) : null
   ] }) });
 }
@@ -13479,6 +15330,9 @@ export {
   Accordion,
   AccordionGroup,
   Alert,
+  Avatar,
+  AvatarGroup,
+  Badge,
   Button,
   Card,
   Carousel,
@@ -13488,15 +15342,21 @@ export {
   CheckboxField,
   ChipInput,
   ChipInputField,
+  Clipboard,
+  ClipboardProvider,
   ColorField,
   CommandPalette,
+  ContentTimeline,
   ContextMenuProvider,
   ContextMenuTarget,
+  CopyButton,
   CountryPickerField,
   DEFAULT_TOAST_DURATION_MS,
   DataGrid,
   DateField,
+  DescriptionList,
   Dialog,
+  Divider,
   Drawer,
   DrawerDefaultActions,
   DropdownMenu,
@@ -13505,12 +15365,20 @@ export {
   FieldShell,
   FileField,
   FilterSelectField,
+  FocusTrap,
   Gauge,
   HiddenField,
+  HotkeyManager,
+  Icon,
   IconPicker,
   ImageGallery,
   ImageThumbnail,
+  IntersectionObserver2 as IntersectionObserver,
+  JsonViewer,
+  KeyboardShortcut,
   Lightbox,
+  List,
+  MasonryGrid,
   MegaMenu,
   MetricTile,
   Modal,
@@ -13526,12 +15394,16 @@ export {
   PasswordStrengthField,
   PhoneNumberField,
   Popover,
+  Portal,
+  PortalHost,
   ProgressBar,
   ProgressRing,
+  PropertyGrid,
   Radio,
   RadioGroup,
   RangeField,
   RatingField,
+  ResizeObserver2 as ResizeObserver,
   RichTextField,
   Section,
   SegmentedControlField,
@@ -13547,13 +15419,17 @@ export {
   SliderRangeField,
   Sparkline,
   Speedometer,
+  Spinner,
   StatCard,
+  Statistic,
   StatusIndicator,
   SwitchField,
   Table,
   Tabs,
   TextAreaField,
   TextField,
+  OpusThemeProvider as ThemeProvider,
+  ThemeSwitcher,
   ThemeToggleField,
   Toast,
   ToastProvider,
@@ -13562,7 +15438,9 @@ export {
   TopNavigationMenu,
   TransferListField,
   TreeSelectField,
+  TreeView,
   TrendBadge,
+  VisuallyHidden,
   accentColors,
   cartesianSpecializedVariants,
   countryCodeToFlag,
@@ -13577,9 +15455,15 @@ export {
   fieldInputAriaProps,
   countries as phoneCountries,
   useAccentPreference,
+  useClipboard,
   useContextMenu,
   useFieldShellAria,
+  useHotkey,
+  useHotkeyManager,
+  useIntersectionObserver,
   useOpusTheme,
+  usePortalHost,
+  useResizeObserver,
   useToast,
   useTopNavigation,
   worldMapRegionIds