opus-react 0.2.20 → 0.2.22

package/dist/index.cjs

@@ -456,6 +456,9 @@ __export(src_exports, {
   Accordion: () => Accordion,
   AccordionGroup: () => AccordionGroup,
   Alert: () => Alert,
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup,
+  Badge: () => Badge,
   Button: () => Button,
   Card: () => Card,
   Carousel: () => Carousel,
@@ -465,15 +468,21 @@ __export(src_exports, {
   CheckboxField: () => CheckboxField,
   ChipInput: () => ChipInput,
   ChipInputField: () => ChipInputField,
+  Clipboard: () => Clipboard,
+  ClipboardProvider: () => ClipboardProvider,
   ColorField: () => ColorField,
   CommandPalette: () => CommandPalette,
+  ContentTimeline: () => ContentTimeline,
   ContextMenuProvider: () => ContextMenuProvider,
   ContextMenuTarget: () => ContextMenuTarget,
+  CopyButton: () => CopyButton,
   CountryPickerField: () => CountryPickerField,
   DEFAULT_TOAST_DURATION_MS: () => DEFAULT_TOAST_DURATION_MS,
   DataGrid: () => DataGrid,
   DateField: () => DateField,
+  DescriptionList: () => DescriptionList,
   Dialog: () => Dialog,
+  Divider: () => Divider,
   Drawer: () => Drawer,
   DrawerDefaultActions: () => DrawerDefaultActions,
   DropdownMenu: () => DropdownMenu,
@@ -482,12 +491,20 @@ __export(src_exports, {
   FieldShell: () => FieldShell,
   FileField: () => FileField,
   FilterSelectField: () => FilterSelectField,
+  FocusTrap: () => FocusTrap,
   Gauge: () => Gauge,
   HiddenField: () => HiddenField,
+  HotkeyManager: () => HotkeyManager,
+  Icon: () => Icon,
   IconPicker: () => IconPicker,
   ImageGallery: () => ImageGallery,
   ImageThumbnail: () => ImageThumbnail,
+  IntersectionObserver: () => IntersectionObserver2,
+  JsonViewer: () => JsonViewer,
+  KeyboardShortcut: () => KeyboardShortcut,
   Lightbox: () => Lightbox,
+  List: () => List,
+  MasonryGrid: () => MasonryGrid,
   MegaMenu: () => MegaMenu,
   MetricTile: () => MetricTile,
   Modal: () => Modal,
@@ -503,12 +520,16 @@ __export(src_exports, {
   PasswordStrengthField: () => PasswordStrengthField,
   PhoneNumberField: () => PhoneNumberField,
   Popover: () => Popover,
+  Portal: () => Portal,
+  PortalHost: () => PortalHost,
   ProgressBar: () => ProgressBar,
   ProgressRing: () => ProgressRing,
+  PropertyGrid: () => PropertyGrid,
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
   RangeField: () => RangeField,
   RatingField: () => RatingField,
+  ResizeObserver: () => ResizeObserver2,
   RichTextField: () => RichTextField,
   Section: () => Section,
   SegmentedControlField: () => SegmentedControlField,
@@ -524,13 +545,17 @@ __export(src_exports, {
   SliderRangeField: () => SliderRangeField,
   Sparkline: () => Sparkline,
   Speedometer: () => Speedometer,
+  Spinner: () => Spinner,
   StatCard: () => StatCard,
+  Statistic: () => Statistic,
   StatusIndicator: () => StatusIndicator,
   SwitchField: () => SwitchField,
   Table: () => Table,
   Tabs: () => Tabs,
   TextAreaField: () => TextAreaField,
   TextField: () => TextField,
+  ThemeProvider: () => OpusThemeProvider,
+  ThemeSwitcher: () => ThemeSwitcher,
   ThemeToggleField: () => ThemeToggleField,
   Toast: () => Toast,
   ToastProvider: () => ToastProvider,
@@ -539,7 +564,9 @@ __export(src_exports, {
   TopNavigationMenu: () => TopNavigationMenu,
   TransferListField: () => TransferListField,
   TreeSelectField: () => TreeSelectField,
+  TreeView: () => TreeView,
   TrendBadge: () => TrendBadge,
+  VisuallyHidden: () => VisuallyHidden,
   accentColors: () => accentColors,
   cartesianSpecializedVariants: () => cartesianSpecializedVariants,
   countryCodeToFlag: () => countryCodeToFlag,
@@ -554,9 +581,15 @@ __export(src_exports, {
   fieldInputAriaProps: () => fieldInputAriaProps,
   phoneCountries: () => countries,
   useAccentPreference: () => useAccentPreference,
+  useClipboard: () => useClipboard,
   useContextMenu: () => useContextMenu,
   useFieldShellAria: () => useFieldShellAria,
+  useHotkey: () => useHotkey,
+  useHotkeyManager: () => useHotkeyManager,
+  useIntersectionObserver: () => useIntersectionObserver,
   useOpusTheme: () => useOpusTheme,
+  usePortalHost: () => usePortalHost,
+  useResizeObserver: () => useResizeObserver,
   useToast: () => useToast,
   useTopNavigation: () => useTopNavigation,
   worldMapRegionIds: () => worldMapRegionIds
@@ -564,7 +597,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // ../../components/fields/Button/Button.module.css
-var Button_default = {"dark":"opus_lZkc26_dark","secondary":"opus_lZkc26_secondary","primary":"opus_lZkc26_primary","success":"opus_lZkc26_success","button":"opus_lZkc26_button","link":"opus_lZkc26_link","light":"opus_lZkc26_light","info":"opus_lZkc26_info","danger":"opus_lZkc26_danger","warning":"opus_lZkc26_warning"};
+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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -589,7 +622,7 @@ var import_react = require("react");
 var import_react_dom = require("react-dom");
 
 // ../../components/Tooltip/Tooltip.module.css
-var Tooltip_default = {"top":"opus_R70RbH_top","left":"opus_R70RbH_left","right":"opus_R70RbH_right","popup":"opus_R70RbH_popup","triggerWrap":"opus_R70RbH_triggerWrap","arrow":"opus_R70RbH_arrow","trigger":"opus_R70RbH_trigger","root":"opus_R70RbH_root","bottom":"opus_R70RbH_bottom"};
+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
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -758,7 +791,7 @@ function Tooltip({
 }
 
 // ../../components/fields/FieldShell/FieldShell.module.css
-var FieldShell_default = {"compactControl":"opus_zNi12Z_compactControl","labelLeft":"opus_zNi12Z_labelLeft","labelFlagged":"opus_zNi12Z_labelFlagged","stackedLeft":"opus_zNi12Z_stackedLeft","controlFlagged":"opus_zNi12Z_controlFlagged","stacked":"opus_zNi12Z_stacked","control":"opus_zNi12Z_control","labelRight":"opus_zNi12Z_labelRight","visuallyHidden":"opus_zNi12Z_visuallyHidden","stackedRight":"opus_zNi12Z_stackedRight","fitContent":"opus_zNi12Z_fitContent","flaggedCenter":"opus_zNi12Z_flaggedCenter","error":"opus_zNi12Z_error","errorFlagged":"opus_zNi12Z_errorFlagged","flagged":"opus_zNi12Z_flagged","flaggedStart":"opus_zNi12Z_flaggedStart","label":"opus_zNi12Z_label","root":"opus_zNi12Z_root","required":"opus_zNi12Z_required"};
+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
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -883,7 +916,7 @@ function FieldShell({
 }
 
 // ../../components/fields/CheckboxField/CheckboxField.module.css
-var CheckboxField_default = {"error":"opus_g-5tlR_error","shell":"opus_g-5tlR_shell","toggle":"opus_g-5tlR_toggle","visual":"opus_g-5tlR_visual","round":"opus_g-5tlR_round","nativeInput":"opus_g-5tlR_nativeInput","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
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -940,7 +973,7 @@ function CheckboxField({
 }
 
 // ../../components/fields/ColorField/ColorField.module.css
-var ColorField_default = {"swatch":"opus_Z7jeX4_swatch","icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error","nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","picker":"opus_Z7jeX4_picker"};
+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
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1081,7 +1114,7 @@ function HiddenField({
 }
 
 // ../../components/fields/FileField/FileField.module.css
-var FileField_default = {"drop":"opus_aOsPA7_drop","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging","iconSvg":"opus_aOsPA7_iconSvg","action":"opus_aOsPA7_action","hint":"opus_aOsPA7_hint","footnote":"opus_aOsPA7_footnote","input":"opus_aOsPA7_input","icon":"opus_aOsPA7_icon","content":"opus_aOsPA7_content","dropError":"opus_aOsPA7_dropError","title":"opus_aOsPA7_title"};
+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
 var import_react3 = require("react");
@@ -1218,7 +1251,7 @@ function FileField({
 var import_react4 = require("react");
 
 // ../../components/fields/NumberField/NumberField.module.css
-var NumberField_default = {"input":"opus_L272Dk_input","stepper":"opus_L272Dk_stepper","button":"opus_L272Dk_button","error":"opus_L272Dk_error"};
+var NumberField_default = {"stepper":"opus_L272Dk_stepper","button":"opus_L272Dk_button","input":"opus_L272Dk_input","error":"opus_L272Dk_error"};
 
 // ../../components/fields/numericUtils.ts
 function decimalPlacesFromStep(step) {
@@ -1386,7 +1419,7 @@ function NumberField({
 var import_react5 = require("react");
 
 // ../../components/fields/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"visual":"opus_O-1nor_visual","round":"opus_O-1nor_round","option":"opus_O-1nor_option","error":"opus_O-1nor_error","choice":"opus_O-1nor_choice","options":"opus_O-1nor_options","nativeInput":"opus_O-1nor_nativeInput","shell":"opus_O-1nor_shell","square":"opus_O-1nor_square"};
+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
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -1483,7 +1516,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
 var import_react6 = require("react");
 
 // ../../components/fields/ChipInputField/ChipInputField.module.css
-var ChipInputField_default = {"readOnly":"opus_IOOYwh_readOnly","chip":"opus_IOOYwh_chip","disabled":"opus_IOOYwh_disabled","input":"opus_IOOYwh_input","error":"opus_IOOYwh_error","field":"opus_IOOYwh_field","remove":"opus_IOOYwh_remove","chipLabel":"opus_IOOYwh_chipLabel","shell":"opus_IOOYwh_shell"};
+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
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -1619,7 +1652,7 @@ function ChipInput({
 var ChipInputField = ChipInput;
 
 // ../../components/fields/RangeField/RangeField.module.css
-var RangeField_default = {"topRow":"opus_iRHQuG_topRow","value":"opus_iRHQuG_value","error":"opus_iRHQuG_error","footer":"opus_iRHQuG_footer","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
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -1698,7 +1731,7 @@ function RangeField({
 }
 
 // ../../components/fields/SelectField/SelectField.module.css
-var SelectField_default = {"error":"opus_m2ObG0_error","wrap":"opus_m2ObG0_wrap","select":"opus_m2ObG0_select"};
+var SelectField_default = {"select":"opus_m2ObG0_select","wrap":"opus_m2ObG0_wrap","error":"opus_m2ObG0_error"};
 
 // ../../components/fields/SelectField/SelectField.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -1742,7 +1775,7 @@ function SelectField({
 }
 
 // ../../components/fields/SwitchField/SwitchField.module.css
-var SwitchField_default = {"error":"opus_t9NLEA_error","track":"opus_t9NLEA_track","toggle":"opus_t9NLEA_toggle","shell":"opus_t9NLEA_shell"};
+var SwitchField_default = {"error":"opus_t9NLEA_error","track":"opus_t9NLEA_track","shell":"opus_t9NLEA_shell","toggle":"opus_t9NLEA_toggle"};
 
 // ../../components/fields/SwitchField/SwitchField.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -1791,7 +1824,7 @@ function SwitchField({
 var import_react7 = require("react");
 
 // ../../components/fields/TextAreaField/TextAreaField.module.css
-var TextAreaField_default = {"inputWrap":"opus_FjhWmh_inputWrap","footer":"opus_FjhWmh_footer","inlineCount":"opus_FjhWmh_inlineCount","field":"opus_FjhWmh_field","withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error","textarea":"opus_FjhWmh_textarea","footerError":"opus_FjhWmh_footerError","externalCount":"opus_FjhWmh_externalCount"};
+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
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -1875,7 +1908,7 @@ var import_react_fontawesome = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/RichTextField/RichTextField.module.css
-var RichTextField_default = {"toolbarIcon":"opus_6HFqZH_toolbarIcon","modalDimensions":"opus_6HFqZH_modalDimensions","readOnly":"opus_6HFqZH_readOnly","modalLabel":"opus_6HFqZH_modalLabel","toolbarButton":"opus_6HFqZH_toolbarButton","editor":"opus_6HFqZH_editor","modalCancel":"opus_6HFqZH_modalCancel","divider":"opus_6HFqZH_divider","modalConfirm":"opus_6HFqZH_modalConfirm","toolbar":"opus_6HFqZH_toolbar","colorInput":"opus_6HFqZH_colorInput","modalDimensionField":"opus_6HFqZH_modalDimensionField","modal":"opus_6HFqZH_modal","colorSwatch":"opus_6HFqZH_colorSwatch","error":"opus_6HFqZH_error","modalTimes":"opus_6HFqZH_modalTimes","modalField":"opus_6HFqZH_modalField","modalActions":"opus_6HFqZH_modalActions","modalNumber":"opus_6HFqZH_modalNumber","modalInput":"opus_6HFqZH_modalInput","modalTitle":"opus_6HFqZH_modalTitle","blockSelect":"opus_6HFqZH_blockSelect","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","modalOverlay":"opus_6HFqZH_modalOverlay","editorShell":"opus_6HFqZH_editorShell","field":"opus_6HFqZH_field"};
+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
 var import_jsx_runtime16 = require("react/jsx-runtime");
@@ -2520,10 +2553,10 @@ function RichTextField({
 var import_react9 = require("react");
 
 // ../../components/fields/TextField/TextField.module.css
-var TextField_default = {"error":"opus_SOck2f_error","input":"opus_SOck2f_input"};
+var TextField_default = {"input":"opus_SOck2f_input","error":"opus_SOck2f_error"};
 
 // ../../components/fields/shared/fieldControl.module.css
-var fieldControl_default = {"search":"opus_1Q5xBh_search","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","triggerError":"opus_1Q5xBh_triggerError","error":"opus_1Q5xBh_error","chevron":"opus_1Q5xBh_chevron","panel":"opus_1Q5xBh_panel","placeholder":"opus_1Q5xBh_placeholder","triggerOpen":"opus_1Q5xBh_triggerOpen","passwordToggle":"opus_1Q5xBh_passwordToggle","option":"opus_1Q5xBh_option","trigger":"opus_1Q5xBh_trigger","groupLabel":"opus_1Q5xBh_groupLabel","input":"opus_1Q5xBh_input","passwordWrap":"opus_1Q5xBh_passwordWrap","actionButton":"opus_1Q5xBh_actionButton","passwordInput":"opus_1Q5xBh_passwordInput","panelFooter":"opus_1Q5xBh_panelFooter","list":"opus_1Q5xBh_list","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot"};
+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
 var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
@@ -2606,7 +2639,7 @@ var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons3 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
-var ThemeToggleField_default = {"option":"opus_SwerMA_option","indicator":"opus_SwerMA_indicator","toggle":"opus_SwerMA_toggle","active":"opus_SwerMA_active"};
+var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","option":"opus_SwerMA_option","active":"opus_SwerMA_active"};
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -2939,7 +2972,7 @@ function MultiSelectField({
 var import_react12 = require("react");
 
 // ../../components/fields/TransferListField/TransferListField.module.css
-var TransferListField_default = {"column":"opus_NPBFZk_column","list":"opus_NPBFZk_list","item":"opus_NPBFZk_item","controls":"opus_NPBFZk_controls","root":"opus_NPBFZk_root","columnHeader":"opus_NPBFZk_columnHeader","controlButton":"opus_NPBFZk_controlButton","itemActive":"opus_NPBFZk_itemActive"};
+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
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -3059,7 +3092,7 @@ var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
-var PasswordStrengthField_default = {"root":"opus_S1A372_root","requirementMet":"opus_S1A372_requirementMet","requirementIcon":"opus_S1A372_requirementIcon","meterFill":"opus_S1A372_meterFill","requirements":"opus_S1A372_requirements","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel","requirement":"opus_S1A372_requirement","meterTrack":"opus_S1A372_meterTrack"};
+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
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -3167,7 +3200,7 @@ function PasswordStrengthField({
 }
 
 // ../../components/fields/RatingField/RatingField.module.css
-var RatingField_default = {"symbol":"opus_0tdNUz_symbol","numericActive":"opus_0tdNUz_numericActive","numeric":"opus_0tdNUz_numeric","root":"opus_0tdNUz_root","symbolActive":"opus_0tdNUz_symbolActive"};
+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
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -3242,7 +3275,7 @@ function RatingField({
 }
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
-var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segment":"opus_ZHwfiN_segment","segmentActive":"opus_ZHwfiN_segmentActive"};
+var SegmentedControlField_default = {"segment":"opus_ZHwfiN_segment","root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive"};
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -3297,7 +3330,7 @@ function SegmentedControlField({
 var import_react14 = require("react");
 
 // ../../components/fields/SliderRangeField/SliderRangeField.module.css
-var SliderRangeField_default = {"value":"opus_k3d0sS_value","track":"opus_k3d0sS_track","slider":"opus_k3d0sS_slider","footer":"opus_k3d0sS_footer","trackWrap":"opus_k3d0sS_trackWrap","root":"opus_k3d0sS_root","header":"opus_k3d0sS_header"};
+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
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -3394,7 +3427,7 @@ function SliderRangeField({
 var import_react15 = require("react");
 
 // ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
-var PhoneNumberField_default = {"countryValue":"opus_WC4gnN_countryValue","root":"opus_WC4gnN_root","option":"opus_WC4gnN_option","panel":"opus_WC4gnN_panel","chevron":"opus_WC4gnN_chevron","optionActive":"opus_WC4gnN_optionActive","dial":"opus_WC4gnN_dial","code":"opus_WC4gnN_code","country":"opus_WC4gnN_country","optionLabel":"opus_WC4gnN_optionLabel","optionDial":"opus_WC4gnN_optionDial","flag":"opus_WC4gnN_flag","empty":"opus_WC4gnN_empty","countryWrap":"opus_WC4gnN_countryWrap"};
+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) {
@@ -3797,7 +3830,7 @@ function PhoneNumberField({
 var import_react16 = require("react");
 
 // ../../components/fields/CountryPickerField/CountryPickerField.module.css
-var CountryPickerField_default = {"option":"opus_O7qqfR_option","optionCode":"opus_O7qqfR_optionCode","flag":"opus_O7qqfR_flag","root":"opus_O7qqfR_root","empty":"opus_O7qqfR_empty","triggerValue":"opus_O7qqfR_triggerValue","optionActive":"opus_O7qqfR_optionActive","optionLabel":"opus_O7qqfR_optionLabel"};
+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
 var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -3953,7 +3986,7 @@ function CountryPickerField({
 var import_react17 = require("react");
 
 // ../../components/fields/TreeSelectField/TreeSelectField.module.css
-var TreeSelectField_default = {"treeOption":"opus_Mq6C00_treeOption","root":"opus_Mq6C00_root","treeOptionActive":"opus_Mq6C00_treeOptionActive"};
+var TreeSelectField_default = {"treeOptionActive":"opus_Mq6C00_treeOptionActive","treeOption":"opus_Mq6C00_treeOption","root":"opus_Mq6C00_root"};
 
 // ../../components/fields/TreeSelectField/TreeSelectField.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -4082,7 +4115,7 @@ function TreeSelectField({
 var import_react18 = require("react");
 
 // ../../components/fields/CascaderField/CascaderField.module.css
-var CascaderField_default = {"option":"opus_1Fg59A_option","optionActive":"opus_1Fg59A_optionActive","column":"opus_1Fg59A_column","root":"opus_1Fg59A_root","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
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -4285,7 +4318,7 @@ function OpusThemeProvider({
 }
 
 // ../../components/Alert/Alert.module.css
-var Alert_default = {"content":"opus_eh3eeT_content","iconSvg":"opus_eh3eeT_iconSvg","iconFlagged":"opus_eh3eeT_iconFlagged","iconMark":"opus_eh3eeT_iconMark","title":"opus_eh3eeT_title","dismissIcon":"opus_eh3eeT_dismissIcon","dismiss":"opus_eh3eeT_dismiss","alert":"opus_eh3eeT_alert","icon":"opus_eh3eeT_icon","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
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -4434,7 +4467,7 @@ function useOverlayAccessibility(active, containerRef, {
 }
 
 // ../../components/Dialog/Dialog.module.css
-var Dialog_default = {"visuallyHidden":"opus_sz-ZGI_visuallyHidden","dialogIn":"opus_sz-ZGI_dialogIn","backdrop":"opus_sz-ZGI_backdrop","description":"opus_sz-ZGI_description","body":"opus_sz-ZGI_body","dialog":"opus_sz-ZGI_dialog","dialogOut":"opus_sz-ZGI_dialogOut","title":"opus_sz-ZGI_title","backdropIn":"opus_sz-ZGI_backdropIn","actions":"opus_sz-ZGI_actions","icon":"opus_sz-ZGI_icon","backdropOut":"opus_sz-ZGI_backdropOut","iconMark":"opus_sz-ZGI_iconMark","iconSvg":"opus_sz-ZGI_iconSvg","content":"opus_sz-ZGI_content"};
+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
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -4565,7 +4598,7 @@ function Dialog({
 var import_react22 = require("react");
 
 // ../../components/Modal/Modal.module.css
-var Modal_default = {"modalBackdropOut":"opus_LQbzGS_modalBackdropOut","modal":"opus_LQbzGS_modal","footer":"opus_LQbzGS_footer","body":"opus_LQbzGS_body","modalPanelOut":"opus_LQbzGS_modalPanelOut","heading":"opus_LQbzGS_heading","modalPanelIn":"opus_LQbzGS_modalPanelIn","title":"opus_LQbzGS_title","description":"opus_LQbzGS_description","close":"opus_LQbzGS_close","actions":"opus_LQbzGS_actions","header":"opus_LQbzGS_header","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","closeIcon":"opus_LQbzGS_closeIcon","footerContent":"opus_LQbzGS_footerContent","backdrop":"opus_LQbzGS_backdrop"};
+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
 var import_jsx_runtime35 = require("react/jsx-runtime");
@@ -4696,7 +4729,7 @@ function ModalDefaultActions({ onClose }) {
 var import_react23 = require("react");
 
 // ../../components/Drawer/Drawer.module.css
-var Drawer_default = {"drawer":"opus_0CaGbZ_drawer","drawerInRight":"opus_0CaGbZ_drawerInRight","description":"opus_0CaGbZ_description","footerContent":"opus_0CaGbZ_footerContent","title":"opus_0CaGbZ_title","actions":"opus_0CaGbZ_actions","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","close":"opus_0CaGbZ_close","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","heading":"opus_0CaGbZ_heading","drawerInLeft":"opus_0CaGbZ_drawerInLeft","drawerInBottom":"opus_0CaGbZ_drawerInBottom","closeIcon":"opus_0CaGbZ_closeIcon","body":"opus_0CaGbZ_body","backdrop":"opus_0CaGbZ_backdrop","drawerInTop":"opus_0CaGbZ_drawerInTop","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","footer":"opus_0CaGbZ_footer","header":"opus_0CaGbZ_header"};
+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
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -4828,7 +4861,7 @@ function DrawerDefaultActions({ onClose }) {
 var import_react24 = require("react");
 
 // ../../components/Popover/Popover.module.css
-var Popover_default = {"root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn","panel":"opus_yq4OU0_panel","title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","arrow":"opus_yq4OU0_arrow"};
+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
 var import_jsx_runtime37 = require("react/jsx-runtime");
@@ -4979,7 +5012,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
 }
 
 // ../../components/MegaMenu/MegaMenu.module.css
-var MegaMenu_default = {"featuredAction":"opus_Y_ikQV_featuredAction","megaMenuIn":"opus_Y_ikQV_megaMenuIn","items":"opus_Y_ikQV_items","itemIcon":"opus_Y_ikQV_itemIcon","megaMenuOut":"opus_Y_ikQV_megaMenuOut","root":"opus_Y_ikQV_root","trigger":"opus_Y_ikQV_trigger","sections":"opus_Y_ikQV_sections","section":"opus_Y_ikQV_section","featured":"opus_Y_ikQV_featured","panelContent":"opus_Y_ikQV_panelContent","panel":"opus_Y_ikQV_panel","itemCopy":"opus_Y_ikQV_itemCopy","menuBar":"opus_Y_ikQV_menuBar","item":"opus_Y_ikQV_item","eyebrow":"opus_Y_ikQV_eyebrow"};
+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
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -5422,7 +5455,7 @@ function MegaMenu({
 }
 
 // ../../components/TopNavigation/TopNavigation.module.css
-var TopNavigation_default = {"bar":"opus_OIomR6_bar","menuTrigger":"opus_OIomR6_menuTrigger","nav":"opus_OIomR6_nav","menuSlot":"opus_OIomR6_menuSlot","menuSlotMega":"opus_OIomR6_menuSlotMega"};
+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
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -5779,7 +5812,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
 }
 
 // ../../components/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"dropdownIn":"opus_UUVDVQ_dropdownIn","dropdownOut":"opus_UUVDVQ_dropdownOut","menu":"opus_UUVDVQ_menu","icon":"opus_UUVDVQ_icon","label":"opus_UUVDVQ_label","root":"opus_UUVDVQ_root","shortcut":"opus_UUVDVQ_shortcut","item":"opus_UUVDVQ_item"};
+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
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -6110,7 +6143,7 @@ var import_react29 = require("react");
 var import_react_dom4 = require("react-dom");
 
 // ../../components/ContextMenu/ContextMenu.module.css
-var ContextMenu_default = {"menu":"opus_nMhhae_menu","layer":"opus_nMhhae_layer","target":"opus_nMhhae_target","backdrop":"opus_nMhhae_backdrop","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","contextMenuIn":"opus_nMhhae_contextMenuIn"};
+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
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -6415,7 +6448,7 @@ var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome5 = require("@fortawesome/react-fontawesome");
 
 // ../../components/CommandPalette/CommandPalette.module.css
-var CommandPalette_default = {"item":"opus_k1ypuy_item","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchInput":"opus_k1ypuy_searchInput","itemMain":"opus_k1ypuy_itemMain","empty":"opus_k1ypuy_empty","group":"opus_k1ypuy_group","itemDescription":"opus_k1ypuy_itemDescription","backdrop":"opus_k1ypuy_backdrop","searchWrap":"opus_k1ypuy_searchWrap","visuallyHidden":"opus_k1ypuy_visuallyHidden","searchIcon":"opus_k1ypuy_searchIcon","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","footer":"opus_k1ypuy_footer","shortcut":"opus_k1ypuy_shortcut","results":"opus_k1ypuy_results","groupLabel":"opus_k1ypuy_groupLabel","panel":"opus_k1ypuy_panel","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","searchIconSvg":"opus_k1ypuy_searchIconSvg","itemLabel":"opus_k1ypuy_itemLabel"};
+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
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -6751,7 +6784,7 @@ function AccordionGroup({
 }
 
 // ../../components/Accordion/Accordion.module.css
-var Accordion_default = {"chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","triggerLabel":"opus_WNZQMV_triggerLabel","trigger":"opus_WNZQMV_trigger","standalone":"opus_WNZQMV_standalone","panel":"opus_WNZQMV_panel","content":"opus_WNZQMV_content","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
 var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -6838,7 +6871,7 @@ function Accordion({
 var import_react33 = require("react");
 
 // ../../components/ShowMore/ShowMore.module.css
-var ShowMore_default = {"toggle":"opus_dSk-ve_toggle","toggleLabel":"opus_dSk-ve_toggleLabel","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","chevron":"opus_dSk-ve_chevron","root":"opus_dSk-ve_root","inner":"opus_dSk-ve_inner","contentShell":"opus_dSk-ve_contentShell"};
+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
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -6942,7 +6975,7 @@ function ShowMore({
 }
 
 // ../../components/Toast/Toast.module.css
-var Toast_default = {"dismiss":"opus_cklQPW_dismiss","title":"opus_cklQPW_title","progressBar":"opus_cklQPW_progressBar","toastProgress":"opus_cklQPW_toastProgress","dismissIcon":"opus_cklQPW_dismissIcon","toast":"opus_cklQPW_toast","description":"opus_cklQPW_description","progressTrack":"opus_cklQPW_progressTrack","body":"opus_cklQPW_body","main":"opus_cklQPW_main","content":"opus_cklQPW_content","iconMark":"opus_cklQPW_iconMark","icon":"opus_cklQPW_icon","iconSvg":"opus_cklQPW_iconSvg"};
+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
 var import_jsx_runtime46 = require("react/jsx-runtime");
@@ -7014,7 +7047,7 @@ function Toast({
 var import_react34 = require("react");
 
 // ../../components/ToastProvider/ToastProvider.module.css
-var ToastProvider_default = {"viewport":"opus_z3pSp7_viewport","viewportTop":"opus_z3pSp7_viewportTop","item":"opus_z3pSp7_item","itemClip":"opus_z3pSp7_itemClip","viewportRight":"opus_z3pSp7_viewportRight","itemBackdrop":"opus_z3pSp7_itemBackdrop","itemSurface":"opus_z3pSp7_itemSurface","viewportLeft":"opus_z3pSp7_viewportLeft","viewportBottom":"opus_z3pSp7_viewportBottom"};
+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
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -7384,7 +7417,7 @@ function ToastProvider({
 var import_react35 = require("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
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -7498,7 +7531,7 @@ function Tabs({
 }
 
 // ../../components/Card/Card.module.css
-var Card_default = {"media":"opus_qWo1sP_media","footerContent":"opus_qWo1sP_footerContent","title":"opus_qWo1sP_title","actions":"opus_qWo1sP_actions","heading":"opus_qWo1sP_heading","content":"opus_qWo1sP_content","footer":"opus_qWo1sP_footer","card":"opus_qWo1sP_card","eyebrow":"opus_qWo1sP_eyebrow","body":"opus_qWo1sP_body"};
+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
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -7529,7 +7562,7 @@ function Card({
 }
 
 // ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
-var dashboardMetricCardLayout_default = {"header":"opus_6_sptY_header","label":"opus_6_sptY_label","iconSlot":"opus_6_sptY_iconSlot","iconPlaceholder":"opus_6_sptY_iconPlaceholder","value":"opus_6_sptY_value","shell":"opus_6_sptY_shell","metaPlaceholder":"opus_6_sptY_metaPlaceholder","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"};
@@ -7559,7 +7592,7 @@ function StatCard({
 }
 
 // ../../components/Gauge/Gauge.module.css
-var Gauge_default = {"title":"opus_t6IuQe_title","gaugeTrack":"opus_t6IuQe_gaugeTrack","gauge":"opus_t6IuQe_gauge","summary":"opus_t6IuQe_summary","subtitle":"opus_t6IuQe_subtitle","heading":"opus_t6IuQe_heading","change":"opus_t6IuQe_change","gaugeSlot":"opus_t6IuQe_gaugeSlot","footerLabel":"opus_t6IuQe_footerLabel","widget":"opus_t6IuQe_widget","gaugeSvg":"opus_t6IuQe_gaugeSvg","header":"opus_t6IuQe_header","gaugeCenter":"opus_t6IuQe_gaugeCenter","footer":"opus_t6IuQe_footer","footerTrend":"opus_t6IuQe_footerTrend","footerItem":"opus_t6IuQe_footerItem","footerValue":"opus_t6IuQe_footerValue","gaugeValue":"opus_t6IuQe_gaugeValue","body":"opus_t6IuQe_body"};
+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
 var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -7693,7 +7726,7 @@ function Gauge({
 var import_react36 = require("react");
 
 // ../../components/Sparkline/Sparkline.module.css
-var Sparkline_default = {"line":"opus_xXtB87_line","sparkline":"opus_xXtB87_sparkline","label":"opus_xXtB87_label","chart":"opus_xXtB87_chart","area":"opus_xXtB87_area","endPoint":"opus_xXtB87_endPoint","svg":"opus_xXtB87_svg"};
+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
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -7759,7 +7792,7 @@ function Sparkline({
 }
 
 // ../../components/ProgressRing/ProgressRing.module.css
-var ProgressRing_default = {"track":"opus_YxX6Hh_track","ring":"opus_YxX6Hh_ring","svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","center":"opus_YxX6Hh_center"};
+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
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -7792,7 +7825,7 @@ function ProgressRing({ label, max = 100, value }) {
 }
 
 // ../../components/ProgressBar/ProgressBar.module.css
-var ProgressBar_default = {"header":"opus_q04AvA_header","bar":"opus_q04AvA_bar","label":"opus_q04AvA_label","value":"opus_q04AvA_value","track":"opus_q04AvA_track","fill":"opus_q04AvA_fill"};
+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
 var import_jsx_runtime54 = require("react/jsx-runtime");
@@ -7812,7 +7845,7 @@ function ProgressBar({ label, max = 100, value }) {
 }
 
 // ../../components/Speedometer/Speedometer.module.css
-var Speedometer_default = {"svg":"opus__jpB7z_svg","value":"opus__jpB7z_value","needle":"opus__jpB7z_needle","speedometer":"opus__jpB7z_speedometer","track":"opus__jpB7z_track","center":"opus__jpB7z_center","hub":"opus__jpB7z_hub"};
+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
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -7845,7 +7878,7 @@ function Speedometer({ label, max = 100, value }) {
 }
 
 // ../../components/MetricTile/MetricTile.module.css
-var MetricTile_default = {"sparklineRail":"opus_-dz9KL_sparklineRail","sparklineReserve":"opus_-dz9KL_sparklineReserve","tile":"opus_-dz9KL_tile"};
+var MetricTile_default = {"tile":"opus_-dz9KL_tile","sparklineRail":"opus_-dz9KL_sparklineRail","sparklineReserve":"opus_-dz9KL_sparklineReserve"};
 
 // ../../components/MetricTile/MetricTile.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -7888,7 +7921,7 @@ function TrendBadge({ direction, value }) {
 }
 
 // ../../components/Panel/Panel.module.css
-var Panel_default = {"body":"opus_JZHUc__body","footer":"opus_JZHUc__footer","headerActions":"opus_JZHUc__headerActions","heading":"opus_JZHUc__heading","header":"opus_JZHUc__header","description":"opus_JZHUc__description","panel":"opus_JZHUc__panel","title":"opus_JZHUc__title"};
+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
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -8072,7 +8105,7 @@ function resolveSectionGapVars(gap = "md") {
 }
 
 // ../../components/Section/Section.module.css
-var Section_default = {"column":"opus_FajZiH_column","title":"opus_FajZiH_title","section":"opus_FajZiH_section","body":"opus_FajZiH_body","row":"opus_FajZiH_row","header":"opus_FajZiH_header","description":"opus_FajZiH_description"};
+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
 var import_jsx_runtime60 = require("react/jsx-runtime");
@@ -8153,7 +8186,7 @@ var Section = Object.assign(SectionRoot, {
 });
 
 // ../../components/Table/Table.module.css
-var Table_default = {"caption":"opus_2q7S14_caption","wrap":"opus_2q7S14_wrap","table":"opus_2q7S14_table","empty":"opus_2q7S14_empty","visuallyHidden":"opus_2q7S14_visuallyHidden"};
+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
 var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -8186,8 +8219,196 @@ var import_react37 = require("react");
 var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome6 = require("@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 = {"empty":"opus_zN0bNb_empty","caption":"opus_zN0bNb_caption","menuHost":"opus_zN0bNb_menuHost","headerLabel":"opus_zN0bNb_headerLabel","menuSection":"opus_zN0bNb_menuSection","menuAction":"opus_zN0bNb_menuAction","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","frame":"opus_zN0bNb_frame","gridBody":"opus_zN0bNb_gridBody","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","menuLabel":"opus_zN0bNb_menuLabel","headerCell":"opus_zN0bNb_headerCell","grid":"opus_zN0bNb_grid","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","sortButton":"opus_zN0bNb_sortButton","visuallyHidden":"opus_zN0bNb_visuallyHidden","filterInput":"opus_zN0bNb_filterInput","menuButton":"opus_zN0bNb_menuButton","menuChevron":"opus_zN0bNb_menuChevron","rowHeader":"opus_zN0bNb_rowHeader","sortIndicator":"opus_zN0bNb_sortIndicator","headerMenu":"opus_zN0bNb_headerMenu","wrap":"opus_zN0bNb_wrap","headerControls":"opus_zN0bNb_headerControls","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
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -8202,6 +8423,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,
@@ -8220,21 +8443,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);
@@ -8247,33 +8457,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] = (0, import_react37.useState)({});
   const [filters, setFilters] = (0, import_react37.useState)({});
   const [openMenu, setOpenMenu] = (0, import_react37.useState)(null);
   const [resizing, setResizing] = (0, import_react37.useState)(null);
   const [sort, setSort] = (0, import_react37.useState)(null);
+  const [collapsedGroupIds, setCollapsedGroupIds] = (0, import_react37.useState)(() => /* @__PURE__ */ new Set());
+  const [treeExpandedIds, setTreeExpandedIds] = (0, import_react37.useState)(
+    () => new Set(defaultExpandedIds != null ? defaultExpandedIds : [])
+  );
+  const [uncontrolledDetailIds, setUncontrolledDetailIds] = (0, import_react37.useState)(() => /* @__PURE__ */ new Set());
+  const [scrollTop, setScrollTop] = (0, import_react37.useState)(0);
   const menuAnchorRef = (0, import_react37.useRef)(null);
   const menuHostRef = (0, import_react37.useRef)(null);
   const menuRef = (0, import_react37.useRef)(null);
   const menuFrameRef = (0, import_react37.useRef)(null);
   const resizeDragRef = (0, import_react37.useRef)(null);
   const wrapRef = (0, import_react37.useRef)(null);
-  const hasTeamColumn = columns.some((column) => column.key === "team");
+  const sentinelRef = (0, import_react37.useRef)(null);
+  const resolvedRowHeight = rowHeight != null ? rowHeight : defaultRowHeight(density);
+  const detailIds = detailExpandedIds ? new Set(detailExpandedIds) : uncontrolledDetailIds;
+  const masterDetail = Boolean(getDetailContent) && layout !== "pivot";
+  const pivotResult = (0, import_react37.useMemo)(() => {
+    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 = (0, import_react37.useMemo)(
-    () => hasTeamColumn ? columns : [{ key: "team", label: "Team", align: "left" }, ...columns],
-    [columns, hasTeamColumn]
+    () => hasTeamColumn ? activeColumns : [{ key: "team", label: "Team", align: "left" }, ...activeColumns],
+    [activeColumns, hasTeamColumn]
   );
   const dataColumns = (0, import_react37.useMemo)(
     () => gridColumns.filter((column) => column.key !== "team"),
@@ -8287,34 +8531,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 = (0, import_react37.useCallback)(
+    (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]
+  );
+  (0, import_react37.useEffect)(() => {
+    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 = (0, import_react37.useMemo)(() => {
+    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 = (0, import_react37.useCallback)(
+    (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 = (0, import_react37.useCallback)(() => {
     if (wrapRef.current) {
       wrapRef.current.style.minHeight = "";
@@ -8325,7 +8627,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 = (0, import_react37.useCallback)(() => {
     const anchor = menuAnchorRef.current;
     const menu = menuRef.current;
@@ -8438,6 +8740,26 @@ function DataGrid({
     }
     scheduleMenuPosition();
   }, [columnWidths, openMenu, scheduleMenuPosition]);
+  (0, import_react37.useEffect)(() => {
+    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)) {
@@ -8539,10 +8861,108 @@ function DataGrid({
     }
     beginResize(event, columnKey, width);
   }, [beginResize, columnFeatures]);
+  const colSpan = gridColumns.length;
+  const virtualWindow = (0, import_react37.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime62.jsxs)(import_react37.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { "data-row-kind": "data", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "th",
+          {
+            className: DataGrid_default.rowHeader,
+            scope: "row",
+            style: columnWidths.team ? { width: columnWidths.team, minWidth: columnWidths.team } : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: DataGrid_default.rowHeaderInner, style: { paddingLeft: depth * 14 }, children: [
+              masterDetail ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                "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__ */ (0, import_jsx_runtime62.jsx)(import_react_fontawesome6.FontAwesomeIcon, { className: DataGrid_default.chevron, icon: detailOpen ? import_free_solid_svg_icons6.faChevronDown : import_free_solid_svg_icons6.faChevronRight })
+                }
+              ) : null,
+              showTreeToggle ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                "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__ */ (0, import_jsx_runtime62.jsx)(import_react_fontawesome6.FontAwesomeIcon, { className: DataGrid_default.chevron, icon: expanded ? import_free_solid_svg_icons6.faChevronDown : import_free_solid_svg_icons6.faChevronRight })
+                }
+              ) : layout === "tree" && !hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "aria-hidden": "true", className: DataGrid_default.expandSpacer }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: DataGrid_default.rowHeaderLabel, children: (_a3 = row.values.team) != null ? _a3 : row.label })
+            ] })
+          }
+        ),
+        dataColumns.map((column) => {
+          var _a4;
+          return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            "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__ */ (0, import_jsx_runtime62.jsx)("tr", { className: DataGrid_default.detailRow, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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__ */ (0, import_jsx_runtime62.jsx)("tr", { className: DataGrid_default.groupRow, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: DataGrid_default.groupCell, colSpan, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        "button",
+        {
+          "aria-expanded": entry.expanded,
+          className: DataGrid_default.groupButton,
+          onClick: () => toggleGroup(entry.id),
+          type: "button",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_fontawesome6.FontAwesomeIcon, { className: DataGrid_default.chevron, icon: entry.expanded ? import_free_solid_svg_icons6.faChevronDown : import_free_solid_svg_icons6.faChevronRight }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: entry.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: DataGrid_default.groupCount, children: entry.count })
+          ]
+        }
+      ) }) }, entry.id);
+    }
+    return renderDataRow(entry);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: DataGrid_default.frame, children: [
     caption ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: DataGrid_default.caption, children: caption }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: DataGrid_default.gridBody, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
         "div",
         {
           ref: wrapRef,
@@ -8556,114 +8976,98 @@ function DataGrid({
           "data-sticky-column": stickyFirstColumn,
           "data-sticky-header": stickyHeader,
           "data-striped": striped,
-          children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: DataGrid_default.grid, children: [
-            caption ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("caption", { className: DataGrid_default.visuallyHidden, children: caption }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("colgroup", { children: gridColumns.map((column) => {
-              var _a3;
-              return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                "col",
-                {
-                  style: { width: (_a3 = columnWidths[column.key]) != null ? _a3 : column.key === "team" ? 180 : 130 }
-                },
-                column.key
-              );
-            }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { children: gridColumns.map((column) => {
-              var _a3, _b3;
-              return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
-                "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__ */ (0, import_jsx_runtime62.jsx)(
-                      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__ */ (0, import_jsx_runtime62.jsx)(
-                      ColumnResizeHandle,
-                      {
-                        onResizeStart: (event) => beginResize(event, column.key)
-                      }
-                    ) : null
-                  ]
-                },
-                column.key
-              );
-            }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tbody", { onPointerDown: handleBodyPointerDown, children: [
-              visibleRows.map((row) => {
+          onScroll: (event) => {
+            if (virtualized) {
+              setScrollTop(event.currentTarget.scrollTop);
+            }
+          },
+          style: { maxHeight: viewportHeight },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("table", { className: DataGrid_default.grid, children: [
+              caption ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("caption", { className: DataGrid_default.visuallyHidden, children: caption }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("colgroup", { children: gridColumns.map((column) => {
                 var _a3;
-                return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                    "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__ */ (0, import_jsx_runtime62.jsx)(
-                      "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__ */ (0, import_jsx_runtime62.jsxs)("tr", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: DataGrid_default.rowHeader, scope: "row", children: "No rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: DataGrid_default.empty, colSpan: Math.max(dataColumns.length, 1), children: "No matching rows." })
-              ] }) : null
-            ] })
-          ] })
+                return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                  "col",
+                  {
+                    style: { width: (_a3 = columnWidths[column.key]) != null ? _a3 : column.key === "team" ? 180 : 130 }
+                  },
+                  column.key
+                );
+              }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { children: gridColumns.map((column) => {
+                var _a3, _b3;
+                return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                  "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__ */ (0, import_jsx_runtime62.jsx)(
+                        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__ */ (0, import_jsx_runtime62.jsx)(
+                        ColumnResizeHandle,
+                        {
+                          onResizeStart: (event) => beginResize(event, column.key)
+                        }
+                      ) : null
+                    ]
+                  },
+                  column.key
+                );
+              }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tbody", { onPointerDown: handleBodyPointerDown, children: [
+                virtualized && virtualWindow.paddingTop > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { "aria-hidden": "true", className: DataGrid_default.spacerRow, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { colSpan, style: { height: virtualWindow.paddingTop, padding: 0 } }) }) : null,
+                virtualWindow.items.map((entry, index) => renderDisplayRow(entry, virtualWindow.offset + index)),
+                virtualized && virtualWindow.paddingBottom > 0 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("tr", { "aria-hidden": "true", className: DataGrid_default.spacerRow, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { colSpan, style: { height: virtualWindow.paddingBottom, padding: 0 } }) }) : null,
+                !displayRows.length ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("tr", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("th", { className: DataGrid_default.rowHeader, scope: "row", children: "No rows" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("td", { className: DataGrid_default.empty, colSpan: Math.max(dataColumns.length, 1), children: "No matching rows." })
+                ] }) : null
+              ] })
+            ] }),
+            onLoadMore || hasMore ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: DataGrid_default.infiniteFooter, ref: sentinelRef, children: loadingMore ? "Loading more\u2026" : hasMore ? "Scroll for more" : "End of results" }) : null
+          ]
         }
       ),
       openMenu ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: DataGrid_default.menuHost, ref: menuHostRef, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         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)
@@ -8955,6 +9359,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}`,
@@ -10033,6 +10443,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",
@@ -10059,6 +10478,12 @@ var cartesianSpecializedVariants = [
   "histogram",
   "waterfall",
   "candlestick",
+  "ohlc",
+  "range-area",
+  "range-bar",
+  "error-bar",
+  "bullet",
+  "pareto",
   "box-plot",
   "violin",
   "hexbin",
@@ -10070,15 +10495,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",
@@ -10089,7 +10529,7 @@ function specializedVariantHasXCategoryLabels(variant) {
   ].includes(variant);
 }
 function specializedVariantUsesSlotLabels(variant) {
-  return ["waterfall"].includes(variant);
+  return ["waterfall", "range-area", "bullet"].includes(variant);
 }
 function getSeriesPlotBounds(plot) {
   return {
@@ -10357,62 +10797,448 @@ 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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)(
-        "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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("text", { className: styles.valueLabel, textAnchor: "middle", x, y: yForDomain(maxV, yMin, yMax, plot) - 6, children: formatValue(median) }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x - tick, x2: x, y1: openY, y2: openY }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x + tick, y1: closeY, y2: closeY }),
+      showValues ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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`;
-}
-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,
-    plot.top + labelHeight,
-    plot.gridRight - plot.gridLeft,
-    plotSpan(plot) - labelHeight
-  );
+  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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polygon", { className: `${styles.area} ${chartClass(styles, 0)}`, points: band }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polyline", { className: `${styles.line} ${chartClass(styles, 1)}`, fill: "none", points: midLine }),
+    showValues ? points.map((point) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("text", { className: styles.valueLabel, textAnchor: "middle", x: point.x, y: point.highY - 6, children: formatValue(point.mid) }, point.label)) : null
+  ] });
+}
+function RangeBarChart({ data, plot, showValues, styles, yMax, yMin }) {
+  const bodyWidth = candlestickBodyWidth(plot, data.length);
+  const barHalfWidth = bodyWidth / 2;
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "rect",
+        {
+          className: `${styles.bar} ${seriesClass}`,
+          height: Math.max(4, plot.bottom - valueY),
+          rx: "2",
+          width: bodyWidth,
+          x: x - bodyWidth / 2,
+          y: valueY
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: highY, y2: lowY }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x - cap, x2: x + cap, y1: highY, y2: highY }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x - cap, x2: x + cap, y1: lowY, y2: lowY }),
+      showValues ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+    axes.map((axis, dim) => {
+      const x = xAt(dim);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: styles.gridLine, x1: x, x2: x, y1: plot.top, y2: plot.bottom }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("text", { className: styles.axisLabel, textAnchor: "middle", x, y: plot.bottom + 16, children: [
+          "D",
+          dim + 1
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polyline", { className: `${styles.line} ${chartClass(styles, index % paletteClasses.length)}`, fill: "none", points }),
+        showValues ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "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__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsx)(
+        "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__ */ (0, import_jsx_runtime63.jsx)(
+        "ellipse",
+        {
+          className: `${styles.line} ${chartClass(styles, ring % paletteClasses.length)}`,
+          cx,
+          cy,
+          fill: "none",
+          rx,
+          ry
+        },
+        `contour-ring-${ring}`
+      );
+    }),
+    showValues ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+      "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__ */ (0, import_jsx_runtime63.jsxs)("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__ */ (0, import_jsx_runtime63.jsx)(
+          "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__ */ (0, import_jsx_runtime63.jsx)(
+      "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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "rect",
+        {
+          className: `${styles.area} ${chartClass(styles, 5)}`,
+          height: laneHeight,
+          rx: "4",
+          width: Math.max(4, qualitative - plot.gridLeft),
+          x: plot.gridLeft,
+          y
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "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__ */ (0, import_jsx_runtime63.jsx)(
+        "line",
+        {
+          className: `${styles.wick} ${chartClass(styles, 3)}`,
+          strokeWidth: "3",
+          x1: target,
+          x2: target,
+          y1: y,
+          y2: y + laneHeight
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("text", { className: styles.axisLabel, dominantBaseline: "middle", x: plot.gridLeft - 8, y: y + laneHeight / 2, textAnchor: "end", children: item.label }),
+      showValues ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+    points.map((item) => {
+      const top = yForDomain(item.value, 0, valueMax, plot);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "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__ */ (0, import_jsx_runtime63.jsx)("text", { className: styles.valueLabel, textAnchor: "middle", x: item.x, y: top - 6, children: formatValue(item.value) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+          "circle",
+          {
+            className: `${styles.point} ${chartClass(styles, 1)}`,
+            cx: item.x,
+            cy: yForDomain(item.cumulative, 0, 100, plot),
+            r: "3.5"
+          }
+        )
+      ] }, item.label);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("polyline", { className: `${styles.line} ${chartClass(styles, 1)}`, fill: "none", points: linePoints }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("line", { className: `${styles.wick} ${seriesClass}`, x1: x, x2: x, y1: yForDomain(min, yMin, yMax, plot), y2: yForDomain(maxV, yMin, yMax, plot) }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)(
+        "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__ */ (0, import_jsx_runtime63.jsx)("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__ */ (0, import_jsx_runtime63.jsx)("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,
+    plot.top + labelHeight,
+    plot.gridRight - plot.gridLeft,
+    plotSpan(plot) - labelHeight
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("g", { children: [
     layout.groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
       "text",
@@ -11086,6 +11912,24 @@ function SpecializedChart(props) {
       return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Waterfall, __spreadValues({}, props));
     case "candlestick":
       return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Candlestick, __spreadValues({}, props));
+    case "ohlc":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(OhlcChart, __spreadValues({}, props));
+    case "range-area":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RangeAreaChart, __spreadValues({}, props));
+    case "range-bar":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RangeBarChart, __spreadValues({}, props));
+    case "error-bar":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ErrorBarChart, __spreadValues({}, props));
+    case "parallel-coordinates":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ParallelCoordinates, __spreadValues({}, props));
+    case "contour":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ContourPlot, __spreadValues({}, props));
+    case "surface":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SurfacePlot, __spreadValues({}, props));
+    case "bullet":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BulletChart, __spreadValues({}, props));
+    case "pareto":
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ParetoChart, __spreadValues({}, props));
     case "box-plot":
       return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BoxPlot, __spreadValues({}, props));
     case "treemap":
@@ -11130,7 +11974,7 @@ function SpecializedChart(props) {
 }
 
 // ../../components/Chart/Chart.module.css
-var Chart_default = {"radarGrid":"opus_L6guCK_radarGrid","packLabel":"opus_L6guCK_packLabel","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","axisGuide":"opus_L6guCK_axisGuide","seriesF":"opus_L6guCK_seriesF","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","link":"opus_L6guCK_link","graphLinkColored":"opus_L6guCK_graphLinkColored","slice":"opus_L6guCK_slice","line":"opus_L6guCK_line","legend":"opus_L6guCK_legend","land":"opus_L6guCK_land","radarArea":"opus_L6guCK_radarArea","seriesA":"opus_L6guCK_seriesA","violin":"opus_L6guCK_violin","graphNode":"opus_L6guCK_graphNode","graphNodeRing":"opus_L6guCK_graphNodeRing","graphLabel":"opus_L6guCK_graphLabel","seriesB":"opus_L6guCK_seriesB","bar":"opus_L6guCK_bar","wick":"opus_L6guCK_wick","sankeySideValue":"opus_L6guCK_sankeySideValue","area":"opus_L6guCK_area","seriesD":"opus_L6guCK_seriesD","treemapLabel":"opus_L6guCK_treemapLabel","axisTitle":"opus_L6guCK_axisTitle","svg":"opus_L6guCK_svg","packParent":"opus_L6guCK_packParent","sankeyNode":"opus_L6guCK_sankeyNode","sankeySideLabel":"opus_L6guCK_sankeySideLabel","header":"opus_L6guCK_header","seriesC":"opus_L6guCK_seriesC","mapRegion":"opus_L6guCK_mapRegion","axisLine":"opus_L6guCK_axisLine","legendSwatch":"opus_L6guCK_legendSwatch","sankeySideName":"opus_L6guCK_sankeySideName","meta":"opus_L6guCK_meta","title":"opus_L6guCK_title","valueLabel":"opus_L6guCK_valueLabel","sankeyLink":"opus_L6guCK_sankeyLink","funnelText":"opus_L6guCK_funnelText","ring":"opus_L6guCK_ring","axisTick":"opus_L6guCK_axisTick","seriesE":"opus_L6guCK_seriesE","legendItem":"opus_L6guCK_legendItem","axisLabels":"opus_L6guCK_axisLabels","funnel":"opus_L6guCK_funnel","axes":"opus_L6guCK_axes","mapLand":"opus_L6guCK_mapLand","chart":"opus_L6guCK_chart","funnelGuide":"opus_L6guCK_funnelGuide","mapLabel":"opus_L6guCK_mapLabel","graphLink":"opus_L6guCK_graphLink","grid":"opus_L6guCK_grid","point":"opus_L6guCK_point","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","ridge":"opus_L6guCK_ridge","mapValue":"opus_L6guCK_mapValue"};
+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
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -11355,7 +12199,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;
@@ -11369,6 +12213,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;
@@ -12213,7 +13096,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
         ] }),
@@ -12230,7 +13113,7 @@ function Chart({
 }
 
 // ../../components/Skeleton/Skeleton.module.css
-var Skeleton_default = {"avatar":"opus_27r9Md_avatar","stack":"opus_27r9Md_stack","tableRow":"opus_27r9Md_tableRow","skeleton":"opus_27r9Md_skeleton","media":"opus_27r9Md_media","line":"opus_27r9Md_line","skeletonPulse":"opus_27r9Md_skeletonPulse","avatarContent":"opus_27r9Md_avatarContent","tableCell":"opus_27r9Md_tableCell","skeletonShimmer":"opus_27r9Md_skeletonShimmer"};
+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
 var import_jsx_runtime65 = require("react/jsx-runtime");
@@ -12281,7 +13164,7 @@ var import_free_solid_svg_icons7 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome7 = require("@fortawesome/react-fontawesome");
 
 // ../../components/Lightbox/Lightbox.module.css
-var Lightbox_default = {"frame":"opus_s7Rpyv_frame","panel":"opus_s7Rpyv_panel","trigger":"opus_s7Rpyv_trigger","overlay":"opus_s7Rpyv_overlay","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","image":"opus_s7Rpyv_image","lightbox":"opus_s7Rpyv_lightbox","close":"opus_s7Rpyv_close","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","closeIcon":"opus_s7Rpyv_closeIcon","caption":"opus_s7Rpyv_caption"};
+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
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -12396,7 +13279,7 @@ function Lightbox({
 }
 
 // ../../components/Carousel/Carousel.module.css
-var Carousel_default = {"image":"opus_N4occJ_image","carousel":"opus_N4occJ_carousel","pips":"opus_N4occJ_pips","navIcon":"opus_N4occJ_navIcon","caption":"opus_N4occJ_caption","stage":"opus_N4occJ_stage","footer":"opus_N4occJ_footer","pip":"opus_N4occJ_pip","slide":"opus_N4occJ_slide","empty":"opus_N4occJ_empty","visuallyHidden":"opus_N4occJ_visuallyHidden","nav":"opus_N4occJ_nav","track":"opus_N4occJ_track"};
+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
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -12723,7 +13606,7 @@ var import_react42 = require("react");
 var import_react41 = require("react");
 
 // ../../components/ModelViewer/ModelViewer.module.css
-var ModelViewer_default = {"viewer":"opus_f7gfHI_viewer","model":"opus_f7gfHI_model","canvasHost":"opus_f7gfHI_canvasHost","stage":"opus_f7gfHI_stage","loading":"opus_f7gfHI_loading","caption":"opus_f7gfHI_caption"};
+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
 var import_jsx_runtime70 = require("react/jsx-runtime");
@@ -12941,7 +13824,7 @@ var import_free_solid_svg_icons9 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome9 = require("@fortawesome/react-fontawesome");
 
 // ../../components/ModelLightbox/ModelLightbox.module.css
-var ModelLightbox_default = {"frame":"opus_YYKGIB_frame","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","overlay":"opus_YYKGIB_overlay","trigger":"opus_YYKGIB_trigger","closeIcon":"opus_YYKGIB_closeIcon","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
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -13052,21 +13935,23 @@ var ModelThumbnail_default = {"staticThumbnail":"opus_NkO9Yb_staticThumbnail","c
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function ThumbnailContent({
   asset,
+  fill,
   showCaption,
   size
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: ModelThumbnail_default.content, "data-size": size, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: ModelThumbnail_default.content, "data-fill": fill ? "true" : void 0, "data-size": size, children: [
     /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ModelViewer, { asset, cameraControls: false, height: "compact", showCaption: false }),
     showCaption ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: ModelThumbnail_default.caption, children: asset.name }) : null
   ] });
 }
 function ModelThumbnail({
   asset,
+  fill = false,
   openInLightbox = true,
   showCaption = true,
   size = "medium"
 }) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ThumbnailContent, { asset, showCaption, size });
+  const content = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ThumbnailContent, { asset, fill, showCaption, size });
   if (openInLightbox) {
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       ModelLightbox,
@@ -13100,6 +13985,7 @@ function ModelGallery({
       ModelThumbnail,
       {
         asset,
+        fill: true,
         openInLightbox: true,
         showCaption: showCaptions,
         size: thumbnailSize
@@ -13164,7 +14050,7 @@ function CatalogIcon({ iconName }) {
 }
 
 // ../../components/EmptyState/EmptyState.module.css
-var EmptyState_default = {"root":"opus_1KckGY_root","iconWrap":"opus_1KckGY_iconWrap","copy":"opus_1KckGY_copy","title":"opus_1KckGY_title","actions":"opus_1KckGY_actions","description":"opus_1KckGY_description"};
+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
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -13197,64 +14083,1040 @@ function EmptyState({
   );
 }
 
-// ../../components/Sidebar/Sidebar.tsx
-var import_react45 = require("react");
-
-// ../../components/Sidebar/Sidebar.module.css
-var Sidebar_default = {"link":"opus_4Pogux_link","main":"opus_4Pogux_main","groupItems":"opus_4Pogux_groupItems","groupLabel":"opus_4Pogux_groupLabel","footer":"opus_4Pogux_footer","group":"opus_4Pogux_group","headerTitle":"opus_4Pogux_headerTitle","linkActive":"opus_4Pogux_linkActive","body":"opus_4Pogux_body","sidebar":"opus_4Pogux_sidebar","headerInner":"opus_4Pogux_headerInner","groupChevron":"opus_4Pogux_groupChevron","groupHeader":"opus_4Pogux_groupHeader","visuallyHidden":"opus_4Pogux_visuallyHidden","groupChevronOpen":"opus_4Pogux_groupChevronOpen","header":"opus_4Pogux_header","groupToggle":"opus_4Pogux_groupToggle","groupItemsWrap":"opus_4Pogux_groupItemsWrap","layout":"opus_4Pogux_layout","nav":"opus_4Pogux_nav"};
+// ../../components/Badge/Badge.module.css
+var Badge_default = {"badge":"opus_1GJHzl_badge","dot":"opus_1GJHzl_dot"};
 
-// ../../components/Sidebar/Sidebar.tsx
+// ../../components/Badge/Badge.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react45.createContext)({
-  collapsed: false,
-  density: "comfortable"
-});
-function Sidebar({
-  children,
-  collapsed = false,
-  density = "comfortable",
-  footer,
-  header,
-  side = "left"
+function Badge({
+  dot = false,
+  label,
+  size = "md",
+  tone = "neutral",
+  variant = "soft"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(SidebarContext.Provider, { value: { collapsed, density }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
-    "aside",
-    {
-      "aria-label": "Sidebar",
-      className: Sidebar_default.sidebar,
-      "data-collapsed": collapsed ? "true" : "false",
-      "data-density": density,
-      "data-side": side,
-      children: [
-        header ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.header, children: header }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.body, children }),
-        footer ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.footer, children: footer }) : null
-      ]
-    }
-  ) });
-}
-function SidebarHeader({ children, title }) {
-  const { collapsed } = (0, import_react45.useContext)(SidebarContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: Sidebar_default.headerInner, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
-    children
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: Badge_default.badge, "data-size": size, "data-tone": tone, "data-variant": variant, children: [
+    dot ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "aria-hidden": "true", className: Badge_default.dot }) : null,
+    label
   ] });
 }
-function SidebarNav({ "aria-label": ariaLabel, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
-}
-function SidebarLink({ active = false, children, href, onClick }) {
-  const { collapsed } = (0, import_react45.useContext)(SidebarContext);
-  const className = [Sidebar_default.link, active ? Sidebar_default.linkActive : ""].filter(Boolean).join(" ");
-  const label = typeof children === "string" ? children : null;
-  const content = /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
-    collapsed && label ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "aria-hidden": "true", children: label.charAt(0) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: collapsed ? Sidebar_default.visuallyHidden : void 0, children })
-  ] });
+
+// ../../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
+var import_jsx_runtime78 = require("react/jsx-runtime");
+function Divider({
+  label,
+  orientation = "horizontal",
+  tone = "default"
+}) {
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "div",
+      {
+        "aria-orientation": "vertical",
+        className: Divider_default.divider,
+        "data-orientation": "vertical",
+        "data-tone": tone,
+        role: "separator"
+      }
+    );
+  }
+  if (label) {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: Divider_default.labelled, "data-tone": tone, role: "separator", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: Divider_default.line }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: Divider_default.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "aria-hidden": "true", className: Divider_default.line })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    "hr",
+    {
+      className: Divider_default.divider,
+      "data-orientation": "horizontal",
+      "data-tone": tone
+    }
+  );
+}
+
+// ../../components/Avatar/Avatar.tsx
+var import_react45 = require("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
+var import_jsx_runtime79 = (
+  // eslint-disable-next-line @next/next/no-img-element
+  require("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] = (0, import_react45.useState)(false);
+  const initials = (0, import_react45.useMemo)(() => initialsFromName(name), [name]);
+  const showImage = Boolean(src) && !failed;
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    "span",
+    {
+      "aria-label": name,
+      className: Avatar_default.avatar,
+      "data-shape": shape,
+      "data-size": size,
+      role: "img",
+      title: name,
+      children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        "img",
+        {
+          alt: "",
+          className: Avatar_default.image,
+          onError: () => setFailed(true),
+          src
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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
+var import_jsx_runtime80 = require("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__ */ (0, import_jsx_runtime80.jsxs)("div", { "aria-label": `${items.length} people`, className: AvatarGroup_default.group, role: "group", children: [
+    visible.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: AvatarGroup_default.item, style: { zIndex: visible.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Avatar, { name: item.name, size, src: item.src }) }, `${item.name}-${index}`)),
+    overflow > 0 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+      "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
+var import_jsx_runtime81 = require("react/jsx-runtime");
+function Statistic({
+  label,
+  prefix,
+  suffix,
+  trend,
+  trendLabel,
+  value
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: Statistic_default.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: Statistic_default.label, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: Statistic_default.value, children: [
+      prefix ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: Statistic_default.affix, children: prefix }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: value }),
+      suffix ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: Statistic_default.affix, children: suffix }) : null
+    ] }),
+    trend && trendLabel ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: Statistic_default.trend, "data-trend": trend, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("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
+var import_jsx_runtime82 = require("react/jsx-runtime");
+function List({ density = "comfortable", items, ordered = false }) {
+  const Tag = ordered ? "ol" : "ul";
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Tag, { className: List_default.list, "data-density": density, "data-ordered": ordered ? "true" : "false", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("li", { className: List_default.item, children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { "aria-hidden": "true", className: List_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CatalogIcon, { iconName: item.icon }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: List_default.body, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: List_default.head, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: List_default.title, children: item.title }),
+        item.meta ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: List_default.meta, children: item.meta }) : null
+      ] }),
+      item.description ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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
+var import_jsx_runtime83 = require("react/jsx-runtime");
+function DescriptionList({
+  items,
+  layout = "stacked"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("dl", { className: DescriptionList_default.list, "data-layout": layout, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: DescriptionList_default.row, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("dt", { className: DescriptionList_default.term, children: item.term }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("dd", { className: DescriptionList_default.details, children: item.details })
+  ] }, `${item.term}-${index}`)) });
+}
+
+// ../../components/PropertyGrid/PropertyGrid.tsx
+var import_react46 = require("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
+var import_jsx_runtime84 = require("react/jsx-runtime");
+function PropertyGrid({ items }) {
+  const [copiedIndex, setCopiedIndex] = (0, import_react46.useState)(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__ */ (0, import_jsx_runtime84.jsx)("div", { className: PropertyGrid_default.grid, role: "table", "aria-label": "Properties", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: PropertyGrid_default.row, role: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: PropertyGrid_default.label, role: "rowheader", children: item.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: PropertyGrid_default.valueCell, role: "cell", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: PropertyGrid_default.value, children: item.value }),
+      item.copyable ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        "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
+var import_jsx_runtime85 = require("react/jsx-runtime");
+function ContentTimeline({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ol", { className: ContentTimeline_default.list, children: items.map((item, index) => {
+    var _a2;
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+      "li",
+      {
+        className: ContentTimeline_default.item,
+        "data-status": (_a2 = item.status) != null ? _a2 : "default",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { "aria-hidden": "true", className: ContentTimeline_default.rail, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: ContentTimeline_default.dot }),
+            index < items.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: ContentTimeline_default.line }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: ContentTimeline_default.body, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: ContentTimeline_default.head, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h3", { className: ContentTimeline_default.title, children: item.title }),
+              item.time ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("time", { className: ContentTimeline_default.time, children: item.time }) : null
+            ] }),
+            item.description ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: ContentTimeline_default.description, children: item.description }) : null
+          ] })
+        ]
+      },
+      `${item.title}-${index}`
+    );
+  }) });
+}
+
+// ../../components/TreeView/TreeView.tsx
+var import_react47 = require("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
+var import_jsx_runtime86 = require("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__ */ (0, import_jsx_runtime86.jsxs)("li", { className: TreeView_default.node, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: TreeView_default.row, style: { paddingLeft: `${depth * 16 + 8}px` }, children: [
+      hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        "button",
+        {
+          "aria-expanded": expanded,
+          "aria-label": `${expanded ? "Collapse" : "Expand"} ${node.label}`,
+          className: TreeView_default.toggle,
+          onClick: () => onToggle(node.id),
+          type: "button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "aria-hidden": "true", children: expanded ? "\u25BE" : "\u25B8" })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { "aria-hidden": "true", className: TreeView_default.leafMark }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: TreeView_default.label, children: node.label })
+    ] }),
+    hasChildren && expanded ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { className: TreeView_default.children, children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      TreeNode,
+      {
+        depth: depth + 1,
+        expandedIds,
+        node: child,
+        onToggle
+      },
+      child.id
+    )) }) : null
+  ] });
+}
+function TreeView({ defaultExpandedIds, nodes }) {
+  const fallbackIds = (0, import_react47.useMemo)(() => collectExpandableIds(nodes).slice(0, 2), [nodes]);
+  const [expandedIds, setExpandedIds] = (0, import_react47.useState)(
+    () => 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__ */ (0, import_jsx_runtime86.jsx)("ul", { "aria-label": "Tree", className: TreeView_default.tree, role: "tree", children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    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
+var import_jsx_runtime87 = require("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__ */ (0, import_jsx_runtime87.jsx)(
+    "div",
+    {
+      className: MasonryGrid_default.grid,
+      style: {
+        columnCount: safeColumns,
+        columnGap: `${safeGap}px`
+      },
+      children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        "article",
+        {
+          className: MasonryGrid_default.card,
+          style: {
+            marginBottom: `${safeGap}px`,
+            minHeight: item.height ? `${item.height}px` : void 0
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { className: MasonryGrid_default.title, children: item.title }),
+            item.body ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: MasonryGrid_default.body, children: item.body }) : null
+          ]
+        },
+        `${item.title}-${index}`
+      ))
+    }
+  );
+}
+
+// ../../components/JsonViewer/JsonViewer.tsx
+var import_react48 = require("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
+var import_jsx_runtime88 = require("react/jsx-runtime");
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function PrimitiveValue({ value }) {
+  if (value === null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: JsonViewer_default.null, children: "null" });
+  }
+  if (typeof value === "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: JsonViewer_default.string, children: [
+      '"',
+      value,
+      '"'
+    ] });
+  }
+  if (typeof value === "number") {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: JsonViewer_default.number, children: value });
+  }
+  if (typeof value === "boolean") {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: JsonViewer_default.boolean, children: String(value) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: JsonViewer_default.string, children: String(value) });
+}
+function JsonNode({ collapsedDepth, depth, name, value }) {
+  const isExpandable = Array.isArray(value) || isPlainObject(value);
+  const [open, setOpen] = (0, import_react48.useState)(depth < collapsedDepth);
+  if (!isExpandable) {
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: JsonViewer_default.line, style: { paddingLeft: `${depth * 14}px` }, children: [
+      name !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: JsonViewer_default.key, children: [
+        name,
+        ": "
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(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__ */ (0, import_jsx_runtime88.jsxs)("div", { className: JsonViewer_default.block, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      "button",
+      {
+        "aria-expanded": open,
+        className: JsonViewer_default.toggleLine,
+        onClick: () => setOpen((current) => !current),
+        style: { paddingLeft: `${depth * 14}px` },
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { "aria-hidden": "true", className: JsonViewer_default.chevron, children: open ? "\u25BE" : "\u25B8" }),
+          name !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: JsonViewer_default.key, children: [
+            name,
+            ": "
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: JsonViewer_default.summary, children: summary })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: JsonViewer_default.children, children: entries.map(([childName, childValue]) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      JsonNode,
+      {
+        collapsedDepth,
+        depth: depth + 1,
+        name: childName,
+        value: childValue
+      },
+      childName
+    )) }) : null
+  ] });
+}
+function JsonViewer({ collapsedDepth = 1, value }) {
+  const parsed = (0, import_react48.useMemo)(() => value, [value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: JsonViewer_default.root, role: "tree", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(JsonNode, { collapsedDepth: Math.max(0, collapsedDepth), depth: 0, value: parsed }) });
+}
+
+// ../../components/Icon/Icon.tsx
+var import_react_fontawesome11 = require("@fortawesome/react-fontawesome");
+
+// ../../components/Icon/Icon.module.css
+var Icon_default = {"icon":"opus_7ASn4M_icon"};
+
+// ../../components/Icon/Icon.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+function Icon({ label, name, size = "md", tone = "default" }) {
+  const option = getFontAwesomeIconOption(name);
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    "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__ */ (0, import_jsx_runtime89.jsx)(import_react_fontawesome11.FontAwesomeIcon, { 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
+var import_jsx_runtime90 = require("react/jsx-runtime");
+function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    "span",
+    {
+      "aria-label": label,
+      className: Spinner_default.spinner,
+      "data-size": size,
+      "data-tone": tone,
+      role: "status",
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { "aria-hidden": "true", className: Spinner_default.ring })
+    }
+  );
+}
+
+// ../../components/Portal/Portal.tsx
+var import_react49 = require("react");
+var import_react_dom5 = require("react-dom");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var PortalHostContext = (0, import_react49.createContext)({ container: null });
+function usePortalHost() {
+  return (0, import_react49.useContext)(PortalHostContext);
+}
+function PortalHost({ children, id = "opus-portal-host" }) {
+  const [container, setContainer] = (0, import_react49.useState)(null);
+  (0, import_react49.useEffect)(() => {
+    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 = (0, import_react49.useMemo)(() => ({ container }), [container]);
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PortalHostContext.Provider, { value, children });
+}
+function Portal({ children, container, disabled = false }) {
+  var _a2;
+  const host = usePortalHost();
+  const [fallback, setFallback] = (0, import_react49.useState)(null);
+  (0, import_react49.useEffect)(() => {
+    setFallback(document.body);
+  }, []);
+  if (disabled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children });
+  }
+  const target = (_a2 = container != null ? container : host.container) != null ? _a2 : fallback;
+  if (!target) {
+    return null;
+  }
+  return (0, import_react_dom5.createPortal)(children, target);
+}
+
+// ../../components/VisuallyHidden/VisuallyHidden.module.css
+var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
+
+// ../../components/VisuallyHidden/VisuallyHidden.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
+function VisuallyHidden({ as = "span", children }) {
+  const Tag = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Tag, { className: VisuallyHidden_default.hidden, children });
+}
+
+// ../../components/FocusTrap/FocusTrap.tsx
+var import_react50 = require("react");
+
+// ../../components/FocusTrap/FocusTrap.module.css
+var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
+
+// ../../components/FocusTrap/FocusTrap.tsx
+var import_jsx_runtime93 = require("react/jsx-runtime");
+function FocusTrap({
+  active = true,
+  children,
+  initialFocusRef,
+  restoreFocus = true
+}) {
+  const containerRef = (0, import_react50.useRef)(null);
+  const previouslyFocusedRef = (0, import_react50.useRef)(null);
+  (0, import_react50.useEffect)(() => {
+    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]);
+  (0, import_react50.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime93.jsx)("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
+var import_jsx_runtime94 = require("react/jsx-runtime");
+function KeyboardShortcut({ keys, size = "md" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: KeyboardShortcut_default.key, children: key })
+  ] }, `${key}-${index}`)) });
+}
+
+// ../../components/HotkeyManager/HotkeyManager.tsx
+var import_react51 = require("react");
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var HotkeyManagerContext = (0, import_react51.createContext)(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 = (0, import_react51.useRef)(/* @__PURE__ */ new Map());
+  const [shortcuts, setShortcuts] = (0, import_react51.useState)([]);
+  const syncShortcuts = (0, import_react51.useCallback)(() => {
+    const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
+    setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
+  }, []);
+  const register = (0, import_react51.useCallback)(
+    (combo, handler) => {
+      handlersRef.current.set(combo.id, { combo, handler });
+      syncShortcuts();
+      return () => {
+        handlersRef.current.delete(combo.id);
+        syncShortcuts();
+      };
+    },
+    [syncShortcuts]
+  );
+  (0, import_react51.useEffect)(() => {
+    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 = (0, import_react51.useMemo)(() => ({ register, shortcuts }), [register, shortcuts]);
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HotkeyManagerContext.Provider, { value, children });
+}
+function useHotkey(combo, handler) {
+  const context = (0, import_react51.useContext)(HotkeyManagerContext);
+  const register = context == null ? void 0 : context.register;
+  const handlerRef = (0, import_react51.useRef)(handler);
+  handlerRef.current = handler;
+  const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
+  (0, import_react51.useEffect)(() => {
+    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 = (0, import_react51.useContext)(HotkeyManagerContext);
+  if (!context) {
+    throw new Error("useHotkeyManager must be used within HotkeyManager");
+  }
+  return context;
+}
+
+// ../../components/CopyButton/CopyButton.tsx
+var import_react52 = require("react");
+
+// ../../components/CopyButton/CopyButton.module.css
+var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
+
+// ../../components/CopyButton/CopyButton.tsx
+var import_jsx_runtime96 = require("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] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
+    if (!copied) {
+      return;
+    }
+    const timer = window.setTimeout(() => setCopied(false), resetMs);
+    return () => window.clearTimeout(timer);
+  }, [copied, resetMs]);
+  const handleCopy = (0, import_react52.useCallback)(async () => {
+    try {
+      await writeClipboard(value);
+      setCopied(true);
+      onCopied == null ? void 0 : onCopied();
+    } catch (e) {
+      setCopied(false);
+    }
+  }, [onCopied, value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
+}
+
+// ../../components/Clipboard/Clipboard.tsx
+var import_react53 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var ClipboardContext = (0, import_react53.createContext)(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] = (0, import_react53.useState)(null);
+  const writeText = (0, import_react53.useCallback)(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 = (0, import_react53.useCallback)(async () => {
+    var _a2;
+    if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
+      return navigator.clipboard.readText();
+    }
+    return lastCopied != null ? lastCopied : "";
+  }, [lastCopied]);
+  const value = (0, import_react53.useMemo)(
+    () => ({ lastCopied, readText, writeText }),
+    [lastCopied, readText, writeText]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ClipboardContext.Provider, { value, children });
+}
+function useClipboard() {
+  const context = (0, import_react53.useContext)(ClipboardContext);
+  if (!context) {
+    throw new Error("useClipboard must be used within ClipboardProvider");
+  }
+  return context;
+}
+function Clipboard({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ClipboardProvider, { children });
+}
+
+// ../../components/ThemeSwitcher/ThemeSwitcher.tsx
+var import_jsx_runtime98 = require("react/jsx-runtime");
+function ThemeSwitcher({
+  id = "opus-theme-switcher",
+  label = "Theme",
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    ThemeToggleField,
+    {
+      id,
+      label,
+      mode: "flagged",
+      value,
+      onChange
+    }
+  );
+}
+
+// ../../components/ResizeObserver/ResizeObserver.tsx
+var import_react54 = require("react");
+var import_jsx_runtime99 = require("react/jsx-runtime");
+function ResizeObserver2({ children, className, onResize }) {
+  const ref = (0, import_react54.useRef)(null);
+  const [size, setSize] = (0, import_react54.useState)({ width: 0, height: 0 });
+  (0, import_react54.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime99.jsx)("div", { className, ref, children: children(size) });
+}
+function useResizeObserver(targetRef) {
+  const [size, setSize] = (0, import_react54.useState)({ width: 0, height: 0 });
+  (0, import_react54.useEffect)(() => {
+    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
+var import_react55 = require("react");
+var import_jsx_runtime100 = require("react/jsx-runtime");
+function IntersectionObserver2({
+  children,
+  className,
+  rootMargin = "0px",
+  threshold = 0.25,
+  onChange
+}) {
+  const ref = (0, import_react55.useRef)(null);
+  const [isIntersecting, setIsIntersecting] = (0, import_react55.useState)(false);
+  (0, import_react55.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime100.jsx)("div", { className, ref, children: children(isIntersecting) });
+}
+function useIntersectionObserver(targetRef, options = {}) {
+  const { rootMargin = "0px", threshold = 0.25 } = options;
+  const [isIntersecting, setIsIntersecting] = (0, import_react55.useState)(false);
+  (0, import_react55.useEffect)(() => {
+    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
+var import_react56 = require("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
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var SidebarContext = (0, import_react56.createContext)({
+  collapsed: false,
+  density: "comfortable"
+});
+function Sidebar({
+  children,
+  collapsed = false,
+  density = "comfortable",
+  footer,
+  header,
+  side = "left"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SidebarContext.Provider, { value: { collapsed, density }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+    "aside",
+    {
+      "aria-label": "Sidebar",
+      className: Sidebar_default.sidebar,
+      "data-collapsed": collapsed ? "true" : "false",
+      "data-density": density,
+      "data-side": side,
+      children: [
+        header ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.header, children: header }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.body, children }),
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.footer, children: footer }) : null
+      ]
+    }
+  ) });
+}
+function SidebarHeader({ children, title }) {
+  const { collapsed } = (0, import_react56.useContext)(SidebarContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: Sidebar_default.headerInner, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
+    children
+  ] });
+}
+function SidebarNav({ "aria-label": ariaLabel, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
+}
+function SidebarLink({ active = false, children, href, onClick }) {
+  const { collapsed } = (0, import_react56.useContext)(SidebarContext);
+  const className = [Sidebar_default.link, active ? Sidebar_default.linkActive : ""].filter(Boolean).join(" ");
+  const label = typeof children === "string" ? children : null;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    collapsed && label ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { "aria-hidden": "true", children: label.charAt(0) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: collapsed ? Sidebar_default.visuallyHidden : void 0, children })
+  ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("a", { "aria-current": active ? "page" : void 0, className, href, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("a", { "aria-current": active ? "page" : void 0, className, href, children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "button",
     {
       "aria-current": active ? "page" : void 0,
@@ -13273,16 +15135,16 @@ function createGroupListId(label, id) {
   return slug ? `sidebar-group-${slug}` : "sidebar-group";
 }
 function SidebarGroup({ children, defaultOpen = true, id, label }) {
-  const { collapsed } = (0, import_react45.useContext)(SidebarContext);
+  const { collapsed } = (0, import_react56.useContext)(SidebarContext);
   const listId = createGroupListId(label, id);
-  const [open, setOpen] = (0, import_react45.useState)(defaultOpen);
+  const [open, setOpen] = (0, import_react56.useState)(defaultOpen);
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: Sidebar_default.groupHeader, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: Sidebar_default.groupLabel, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { "aria-label": label, className: Sidebar_default.group, role: "group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: Sidebar_default.groupHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: Sidebar_default.groupLabel, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         "button",
         {
           "aria-controls": listId,
@@ -13291,29 +15153,29 @@ function SidebarGroup({ children, defaultOpen = true, id, label }) {
           className: Sidebar_default.groupToggle,
           onClick: () => setOpen((current) => !current),
           type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { "aria-hidden": "true", className: open ? Sidebar_default.groupChevronOpen : Sidebar_default.groupChevron })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { "aria-hidden": "true", className: open ? Sidebar_default.groupChevronOpen : Sidebar_default.groupChevron })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.groupItemsWrap, "data-open": open ? "true" : "false", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.groupItems, id: listId, inert: !open || void 0, children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.groupItemsWrap, "data-open": open ? "true" : "false", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.groupItems, id: listId, inert: !open || void 0, children }) })
   ] });
 }
 function SidebarLayout({ children, collapsed = false, main, side = "left" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: Sidebar_default.layout, "data-collapsed": collapsed ? "true" : "false", "data-side": side, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: Sidebar_default.layout, "data-collapsed": collapsed ? "true" : "false", "data-side": side, children: [
     side === "left" ? children : null,
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: Sidebar_default.main, children: main }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: Sidebar_default.main, children: main }),
     side === "right" ? children : null
   ] });
 }
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-var import_react46 = require("react");
+var import_react57 = require("react");
 
 // ../../components/AccentColorPicker/AccentColorPicker.module.css
 var AccentColorPicker_default = {"swatches":"opus_scMnrW_swatches","swatch":"opus_scMnrW_swatch"};
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var ACCENT_STORAGE_KEY = "opus-components-accent";
 var DEFAULT_ACCENT_COLOR = "#8f6cff";
 var accentColors = [
@@ -13347,8 +15209,8 @@ function applyDocumentAccent(accent) {
   );
 }
 function useAccentPreference() {
-  const [accent, setAccentState] = (0, import_react46.useState)(DEFAULT_ACCENT_COLOR);
-  (0, import_react46.useEffect)(() => {
+  const [accent, setAccentState] = (0, import_react57.useState)(DEFAULT_ACCENT_COLOR);
+  (0, import_react57.useEffect)(() => {
     const timeout = window.setTimeout(() => {
       const stored = window.localStorage.getItem(ACCENT_STORAGE_KEY);
       if (isAccentColor(stored)) {
@@ -13360,7 +15222,7 @@ function useAccentPreference() {
     }, 0);
     return () => window.clearTimeout(timeout);
   }, []);
-  const setAccent = (0, import_react46.useCallback)((next) => {
+  const setAccent = (0, import_react57.useCallback)((next) => {
     if (!isAccentColor(next)) {
       return;
     }
@@ -13368,7 +15230,7 @@ function useAccentPreference() {
     applyDocumentAccent(next);
     window.localStorage.setItem(ACCENT_STORAGE_KEY, next);
   }, []);
-  const accentStyle = (0, import_react46.useMemo)(() => createAccentStyle(accent), [accent]);
+  const accentStyle = (0, import_react57.useMemo)(() => createAccentStyle(accent), [accent]);
   return { accent, accentStyle, setAccent };
 }
 function AccentColorPicker({
@@ -13380,7 +15242,7 @@ function AccentColorPicker({
   onChange,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     FieldShell,
     {
       fitContent: true,
@@ -13391,9 +15253,9 @@ function AccentColorPicker({
       labelPosition,
       labelTag: "div",
       mode,
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { "aria-labelledby": `${id}-label`, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentColors.map((option) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { "aria-labelledby": `${id}-label`, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentColors.map((option) => {
         const selected = value === option.value;
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             "aria-checked": selected,
@@ -13414,14 +15276,14 @@ function AccentColorPicker({
 }
 
 // ../../components/IconPicker/IconPicker.tsx
-var import_react47 = require("react");
-var import_react_fontawesome11 = require("@fortawesome/react-fontawesome");
+var import_react58 = require("react");
+var import_react_fontawesome12 = require("@fortawesome/react-fontawesome");
 
 // ../../components/IconPicker/IconPicker.module.css
-var IconPicker_default = {"root":"opus_4E-Oa1_root","menu":"opus_4E-Oa1_menu","triggerIcon":"opus_4E-Oa1_triggerIcon","optionIcon":"opus_4E-Oa1_optionIcon","triggerLabel":"opus_4E-Oa1_triggerLabel","chevron":"opus_4E-Oa1_chevron","grid":"opus_4E-Oa1_grid","option":"opus_4E-Oa1_option","trigger":"opus_4E-Oa1_trigger","search":"opus_4E-Oa1_search","empty":"opus_4E-Oa1_empty"};
+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
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function IconPicker({
   help,
   id,
@@ -13432,14 +15294,14 @@ function IconPicker({
   searchPlaceholder = "Search icons",
   value
 }) {
-  const [open, setOpen] = (0, import_react47.useState)(false);
-  const [query, setQuery] = (0, import_react47.useState)("");
-  const rootRef = (0, import_react47.useRef)(null);
-  const searchRef = (0, import_react47.useRef)(null);
-  const listboxId = (0, import_react47.useId)();
+  const [open, setOpen] = (0, import_react58.useState)(false);
+  const [query, setQuery] = (0, import_react58.useState)("");
+  const rootRef = (0, import_react58.useRef)(null);
+  const searchRef = (0, import_react58.useRef)(null);
+  const listboxId = (0, import_react58.useId)();
   const selected = getFontAwesomeIconOption(value);
-  const filteredIcons = (0, import_react47.useMemo)(() => filterFontAwesomeIcons(query), [query]);
-  (0, import_react47.useEffect)(() => {
+  const filteredIcons = (0, import_react58.useMemo)(() => filterFontAwesomeIcons(query), [query]);
+  (0, import_react58.useEffect)(() => {
     if (!open) {
       return;
     }
@@ -13466,8 +15328,8 @@ function IconPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: IconPicker_default.root, ref: rootRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: IconPicker_default.root, ref: rootRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
       "button",
       {
         "aria-controls": open ? listboxId : void 0,
@@ -13478,14 +15340,14 @@ function IconPicker({
         type: "button",
         onClick: () => setOpen((current) => !current),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_fontawesome11.FontAwesomeIcon, { icon: selected.icon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: IconPicker_default.triggerLabel, children: selected.label })
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_fontawesome12.FontAwesomeIcon, { icon: selected.icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: IconPicker_default.triggerLabel, children: selected.label })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: IconPicker_default.menu, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: IconPicker_default.menu, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "input",
         {
           "aria-label": searchPlaceholder,
@@ -13497,7 +15359,7 @@ function IconPicker({
           onChange: (event) => setQuery(event.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "button",
         {
           "aria-label": entry.label,
@@ -13512,10 +15374,10 @@ function IconPicker({
             setOpen(false);
             setQuery("");
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react_fontawesome11.FontAwesomeIcon, { icon: entry.icon }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_fontawesome12.FontAwesomeIcon, { icon: entry.icon }) })
         },
         entry.iconName
-      )) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
+      )) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
     ] }) : null
   ] }) });
 }
@@ -13525,6 +15387,9 @@ function IconPicker({
   Accordion,
   AccordionGroup,
   Alert,
+  Avatar,
+  AvatarGroup,
+  Badge,
   Button,
   Card,
   Carousel,
@@ -13534,15 +15399,21 @@ function IconPicker({
   CheckboxField,
   ChipInput,
   ChipInputField,
+  Clipboard,
+  ClipboardProvider,
   ColorField,
   CommandPalette,
+  ContentTimeline,
   ContextMenuProvider,
   ContextMenuTarget,
+  CopyButton,
   CountryPickerField,
   DEFAULT_TOAST_DURATION_MS,
   DataGrid,
   DateField,
+  DescriptionList,
   Dialog,
+  Divider,
   Drawer,
   DrawerDefaultActions,
   DropdownMenu,
@@ -13551,12 +15422,20 @@ function IconPicker({
   FieldShell,
   FileField,
   FilterSelectField,
+  FocusTrap,
   Gauge,
   HiddenField,
+  HotkeyManager,
+  Icon,
   IconPicker,
   ImageGallery,
   ImageThumbnail,
+  IntersectionObserver,
+  JsonViewer,
+  KeyboardShortcut,
   Lightbox,
+  List,
+  MasonryGrid,
   MegaMenu,
   MetricTile,
   Modal,
@@ -13572,12 +15451,16 @@ function IconPicker({
   PasswordStrengthField,
   PhoneNumberField,
   Popover,
+  Portal,
+  PortalHost,
   ProgressBar,
   ProgressRing,
+  PropertyGrid,
   Radio,
   RadioGroup,
   RangeField,
   RatingField,
+  ResizeObserver,
   RichTextField,
   Section,
   SegmentedControlField,
@@ -13593,13 +15476,17 @@ function IconPicker({
   SliderRangeField,
   Sparkline,
   Speedometer,
+  Spinner,
   StatCard,
+  Statistic,
   StatusIndicator,
   SwitchField,
   Table,
   Tabs,
   TextAreaField,
   TextField,
+  ThemeProvider,
+  ThemeSwitcher,
   ThemeToggleField,
   Toast,
   ToastProvider,
@@ -13608,7 +15495,9 @@ function IconPicker({
   TopNavigationMenu,
   TransferListField,
   TreeSelectField,
+  TreeView,
   TrendBadge,
+  VisuallyHidden,
   accentColors,
   cartesianSpecializedVariants,
   countryCodeToFlag,
@@ -13623,9 +15512,15 @@ function IconPicker({
   fieldInputAriaProps,
   phoneCountries,
   useAccentPreference,
+  useClipboard,
   useContextMenu,
   useFieldShellAria,
+  useHotkey,
+  useHotkeyManager,
+  useIntersectionObserver,
   useOpusTheme,
+  usePortalHost,
+  useResizeObserver,
   useToast,
   useTopNavigation,
   worldMapRegionIds