opus-react 0.4.7 → 0.6.0

package/dist/index.cjs

@@ -533,16 +533,19 @@ __export(src_exports, {
   DualListBuilder: () => DualListBuilder,
   EmojiPicker: () => EmojiPicker,
   EmptyState: () => EmptyState,
+  FLIP_CLOCK_FRAME_RATE: () => FLIP_CLOCK_FRAME_RATE,
   FONT_STORAGE_KEY: () => FONT_STORAGE_KEY,
   FieldShell: () => FieldShell,
   FileField: () => FileField,
   FilterBuilder: () => FilterBuilder,
   FilterSelectField: () => FilterSelectField,
+  FlipClock: () => FlipClock,
   FloatingActionButton: () => FloatingActionButton,
   FocusTrap: () => FocusTrap,
   FontPicker: () => FontPicker,
   Form: () => Form,
   FormActions: () => FormActions,
+  FormHeader: () => FormHeader,
   FormSection: () => FormSection,
   FormValidationSummary: () => FormValidationSummary,
   Gauge: () => Gauge,
@@ -703,6 +706,7 @@ __export(src_exports, {
   useContextMenu: () => useContextMenu,
   useFieldShellAria: () => useFieldShellAria,
   useFontPreference: () => useFontPreference,
+  useFormState: () => useFormState,
   useHotkey: () => useHotkey,
   useHotkeyManager: () => useHotkeyManager,
   useIntersectionObserver: () => useIntersectionObserver,
@@ -717,7 +721,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // ../../components/fields/shared/inputControlSizes.module.css
-var inputControlSizes_default = {"sizeMd":"opus_8ChDQJ_sizeMd","sizeLg":"opus_8ChDQJ_sizeLg","sizeSm":"opus_8ChDQJ_sizeSm"};
+var inputControlSizes_default = {"sizeSm":"opus_8ChDQJ_sizeSm","sizeMd":"opus_8ChDQJ_sizeMd","sizeLg":"opus_8ChDQJ_sizeLg"};
 
 // ../../components/fields/shared/inputControlSizes.ts
 var inputControlSizeClassName = {
@@ -727,7 +731,7 @@ var inputControlSizeClassName = {
 };
 
 // ../../components/fields/Button/Button.module.css
-var Button_default = {"link":"opus_lZkc26_link","secondary":"opus_lZkc26_secondary","light":"opus_lZkc26_light","dark":"opus_lZkc26_dark","primary":"opus_lZkc26_primary","info":"opus_lZkc26_info","danger":"opus_lZkc26_danger","warning":"opus_lZkc26_warning","button":"opus_lZkc26_button","success":"opus_lZkc26_success"};
+var Button_default = {"primary":"opus_lZkc26_primary","link":"opus_lZkc26_link","secondary":"opus_lZkc26_secondary","warning":"opus_lZkc26_warning","danger":"opus_lZkc26_danger","success":"opus_lZkc26_success","dark":"opus_lZkc26_dark","light":"opus_lZkc26_light","info":"opus_lZkc26_info","button":"opus_lZkc26_button"};
 
 // ../../components/fields/Button/Button.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -769,7 +773,7 @@ var import_react = require("react");
 var import_react_dom = require("react-dom");
 
 // ../../components/Tooltip/Tooltip.module.css
-var Tooltip_default = {"popup":"opus_R70RbH_popup","triggerWrap":"opus_R70RbH_triggerWrap","trigger":"opus_R70RbH_trigger","top":"opus_R70RbH_top","left":"opus_R70RbH_left","root":"opus_R70RbH_root","right":"opus_R70RbH_right","bottom":"opus_R70RbH_bottom","arrow":"opus_R70RbH_arrow"};
+var Tooltip_default = {"trigger":"opus_R70RbH_trigger","popup":"opus_R70RbH_popup","bottom":"opus_R70RbH_bottom","top":"opus_R70RbH_top","left":"opus_R70RbH_left","arrow":"opus_R70RbH_arrow","triggerWrap":"opus_R70RbH_triggerWrap","right":"opus_R70RbH_right","root":"opus_R70RbH_root"};
 
 // ../../components/Tooltip/Tooltip.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -938,7 +942,7 @@ function Tooltip({
 }
 
 // ../../components/fields/FieldShell/FieldShell.module.css
-var FieldShell_default = {"control":"opus_zNi12Z_control","fitContent":"opus_zNi12Z_fitContent","controlFlagged":"opus_zNi12Z_controlFlagged","stackedRight":"opus_zNi12Z_stackedRight","labelRight":"opus_zNi12Z_labelRight","required":"opus_zNi12Z_required","stackedLeft":"opus_zNi12Z_stackedLeft","flaggedStart":"opus_zNi12Z_flaggedStart","visuallyHidden":"opus_zNi12Z_visuallyHidden","root":"opus_zNi12Z_root","flaggedCenter":"opus_zNi12Z_flaggedCenter","error":"opus_zNi12Z_error","label":"opus_zNi12Z_label","compactControl":"opus_zNi12Z_compactControl","stacked":"opus_zNi12Z_stacked","flagged":"opus_zNi12Z_flagged","labelFlagged":"opus_zNi12Z_labelFlagged","labelLeft":"opus_zNi12Z_labelLeft","errorFlagged":"opus_zNi12Z_errorFlagged"};
+var FieldShell_default = {"stacked":"opus_zNi12Z_stacked","fitContent":"opus_zNi12Z_fitContent","errorFlagged":"opus_zNi12Z_errorFlagged","label":"opus_zNi12Z_label","compactControl":"opus_zNi12Z_compactControl","labelFlagged":"opus_zNi12Z_labelFlagged","control":"opus_zNi12Z_control","stackedLeft":"opus_zNi12Z_stackedLeft","stackedRight":"opus_zNi12Z_stackedRight","visuallyHidden":"opus_zNi12Z_visuallyHidden","flaggedCenter":"opus_zNi12Z_flaggedCenter","labelRight":"opus_zNi12Z_labelRight","root":"opus_zNi12Z_root","controlFlagged":"opus_zNi12Z_controlFlagged","error":"opus_zNi12Z_error","required":"opus_zNi12Z_required","flagged":"opus_zNi12Z_flagged","labelLeft":"opus_zNi12Z_labelLeft","flaggedStart":"opus_zNi12Z_flaggedStart"};
 
 // ../../components/fields/FieldShell/FieldShell.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -1063,7 +1067,7 @@ function FieldShell({
 }
 
 // ../../components/fields/CheckboxField/CheckboxField.module.css
-var CheckboxField_default = {"nativeInput":"opus_g-5tlR_nativeInput","toggleLabel":"opus_g-5tlR_toggleLabel","visual":"opus_g-5tlR_visual","round":"opus_g-5tlR_round","square":"opus_g-5tlR_square","shell":"opus_g-5tlR_shell","error":"opus_g-5tlR_error","toggle":"opus_g-5tlR_toggle"};
+var CheckboxField_default = {"shell":"opus_g-5tlR_shell","toggleLabel":"opus_g-5tlR_toggleLabel","visual":"opus_g-5tlR_visual","nativeInput":"opus_g-5tlR_nativeInput","round":"opus_g-5tlR_round","error":"opus_g-5tlR_error","square":"opus_g-5tlR_square","toggle":"opus_g-5tlR_toggle"};
 
 // ../../components/fields/shared/choiceControlSizes.module.css
 var choiceControlSizes_default = {"sizeLg":"opus_4er5Uc_sizeLg","sizeSm":"opus_4er5Uc_sizeSm","sizeMd":"opus_4er5Uc_sizeMd"};
@@ -1088,9 +1092,11 @@ function CheckboxField({
   labelPosition = "left",
   labelVisuallyHidden,
   mode = "flagged",
+  name,
   onChange,
   shape = "square",
-  size = "md"
+  size = "md",
+  value
 }) {
   const shellAria = useFieldShellAria();
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -1115,8 +1121,10 @@ function CheckboxField({
             className: CheckboxField_default.nativeInput,
             checked,
             id,
+            name,
             onChange,
-            type: "checkbox"
+            type: "checkbox",
+            value
           }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
         ),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -1136,7 +1144,7 @@ function CheckboxField({
 }
 
 // ../../components/fields/ColorField/ColorField.module.css
-var ColorField_default = {"nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","error":"opus_Z7jeX4_error","picker":"opus_Z7jeX4_picker","swatch":"opus_Z7jeX4_swatch","icon":"opus_Z7jeX4_icon"};
+var ColorField_default = {"picker":"opus_Z7jeX4_picker","icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error","nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","swatch":"opus_Z7jeX4_swatch"};
 
 // ../../components/fields/ColorField/ColorField.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -1197,17 +1205,23 @@ function ColorField({
 }
 
 // ../../components/fields/DateField/DateField.module.css
-var DateField_default = {"error":"opus_G3y11z_error","input":"opus_G3y11z_input"};
+var DateField_default = {"input":"opus_G3y11z_input","error":"opus_G3y11z_error"};
 
 // ../../components/fields/DateField/DateField.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function DateField({
+  autoComplete,
+  autoFocus,
+  disabled,
   error,
   help,
   id,
   label,
   labelPosition = "left",
   mode = "stacked",
+  inputProps,
+  name,
+  readOnly,
   required,
   size = "md",
   type = "date",
@@ -1227,25 +1241,31 @@ function DateField({
       required,
       children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "input",
-        __spreadValues({
+        __spreadValues(__spreadProps(__spreadValues({}, inputProps), {
           "aria-invalid": error ? "true" : void 0,
+          autoComplete,
+          autoFocus,
           className: [
             DateField_default.input,
             inputControlSizeClassName[size],
             error ? DateField_default.error : ""
           ].filter(Boolean).join(" "),
           id,
+          disabled,
+          name,
           onChange,
           type,
+          readOnly,
+          required,
           value
-        }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
+        }), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
       )
     }
   );
 }
 
 // ../../components/fields/HiddenField/HiddenField.module.css
-var HiddenField_default = {"meta":"opus_kL1YXS_meta","preview":"opus_kL1YXS_preview","note":"opus_kL1YXS_note"};
+var HiddenField_default = {"preview":"opus_kL1YXS_preview","meta":"opus_kL1YXS_meta","note":"opus_kL1YXS_note"};
 
 // ../../components/fields/HiddenField/HiddenField.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -1294,7 +1314,7 @@ function HiddenField({
 }
 
 // ../../components/fields/FileField/FileField.module.css
-var FileField_default = {"input":"opus_aOsPA7_input","dropError":"opus_aOsPA7_dropError","dragging":"opus_aOsPA7_dragging","drop":"opus_aOsPA7_drop","icon":"opus_aOsPA7_icon","hint":"opus_aOsPA7_hint","wrapper":"opus_aOsPA7_wrapper","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","action":"opus_aOsPA7_action","iconSvg":"opus_aOsPA7_iconSvg","title":"opus_aOsPA7_title"};
+var FileField_default = {"drop":"opus_aOsPA7_drop","iconSvg":"opus_aOsPA7_iconSvg","title":"opus_aOsPA7_title","input":"opus_aOsPA7_input","dropError":"opus_aOsPA7_dropError","icon":"opus_aOsPA7_icon","hint":"opus_aOsPA7_hint","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging","action":"opus_aOsPA7_action","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content"};
 
 // ../../components/fields/FileField/FileField.tsx
 var import_react3 = require("react");
@@ -1579,7 +1599,7 @@ async function cropImageToViewport(image, viewport, output, state, options) {
 }
 
 // ../../components/fields/ImageCropUploadField/ImageCropUploadField.module.css
-var ImageCropUploadField_default = {"root":"opus_itxBv9_root","dropIconSvg":"opus_itxBv9_dropIconSvg","dropError":"opus_itxBv9_dropError","previewCard":"opus_itxBv9_previewCard","zoomRow":"opus_itxBv9_zoomRow","previewCameraButton":"opus_itxBv9_previewCameraButton","changeLink":"opus_itxBv9_changeLink","dropHint":"opus_itxBv9_dropHint","previewCopy":"opus_itxBv9_previewCopy","previewImage":"opus_itxBv9_previewImage","actions":"opus_itxBv9_actions","dropIcon":"opus_itxBv9_dropIcon","dropTitle":"opus_itxBv9_dropTitle","editor":"opus_itxBv9_editor","dropContent":"opus_itxBv9_dropContent","hiddenInput":"opus_itxBv9_hiddenInput","dropAction":"opus_itxBv9_dropAction","drop":"opus_itxBv9_drop","previewRow":"opus_itxBv9_previewRow","previewFrame":"opus_itxBv9_previewFrame","previewTitle":"opus_itxBv9_previewTitle","instruction":"opus_itxBv9_instruction","zoomSlider":"opus_itxBv9_zoomSlider","dragging":"opus_itxBv9_dragging","previewHint":"opus_itxBv9_previewHint","viewport":"opus_itxBv9_viewport","zoomLabel":"opus_itxBv9_zoomLabel","viewportRing":"opus_itxBv9_viewportRing","viewportImage":"opus_itxBv9_viewportImage","viewportDragging":"opus_itxBv9_viewportDragging","zoomButton":"opus_itxBv9_zoomButton"};
+var ImageCropUploadField_default = {"previewHint":"opus_itxBv9_previewHint","previewImage":"opus_itxBv9_previewImage","drop":"opus_itxBv9_drop","dropHint":"opus_itxBv9_dropHint","changeLink":"opus_itxBv9_changeLink","instruction":"opus_itxBv9_instruction","zoomRow":"opus_itxBv9_zoomRow","dropIconSvg":"opus_itxBv9_dropIconSvg","root":"opus_itxBv9_root","previewCopy":"opus_itxBv9_previewCopy","actions":"opus_itxBv9_actions","dragging":"opus_itxBv9_dragging","zoomButton":"opus_itxBv9_zoomButton","zoomSlider":"opus_itxBv9_zoomSlider","dropError":"opus_itxBv9_dropError","dropContent":"opus_itxBv9_dropContent","dropAction":"opus_itxBv9_dropAction","previewCameraButton":"opus_itxBv9_previewCameraButton","editor":"opus_itxBv9_editor","viewport":"opus_itxBv9_viewport","dropTitle":"opus_itxBv9_dropTitle","viewportRing":"opus_itxBv9_viewportRing","previewRow":"opus_itxBv9_previewRow","previewTitle":"opus_itxBv9_previewTitle","previewFrame":"opus_itxBv9_previewFrame","viewportImage":"opus_itxBv9_viewportImage","zoomLabel":"opus_itxBv9_zoomLabel","dropIcon":"opus_itxBv9_dropIcon","hiddenInput":"opus_itxBv9_hiddenInput","viewportDragging":"opus_itxBv9_viewportDragging","previewCard":"opus_itxBv9_previewCard"};
 
 // ../../components/fields/ImageCropUploadField/ImageCropUploadField.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -2046,7 +2066,7 @@ function ImageCropUploadField({
 var import_react5 = require("react");
 
 // ../../components/fields/NumberField/NumberField.module.css
-var NumberField_default = {"error":"opus_L272Dk_error","stepper":"opus_L272Dk_stepper","input":"opus_L272Dk_input","button":"opus_L272Dk_button"};
+var NumberField_default = {"stepper":"opus_L272Dk_stepper","error":"opus_L272Dk_error","input":"opus_L272Dk_input","button":"opus_L272Dk_button"};
 
 // ../../components/fields/numericUtils.ts
 function decimalPlacesFromStep(step) {
@@ -2225,7 +2245,7 @@ function NumberField({
 var import_react6 = require("react");
 
 // ../../components/fields/RadioGroup/RadioGroup.module.css
-var RadioGroup_default = {"choice":"opus_O-1nor_choice","visual":"opus_O-1nor_visual","error":"opus_O-1nor_error","options":"opus_O-1nor_options","option":"opus_O-1nor_option","square":"opus_O-1nor_square","round":"opus_O-1nor_round","shell":"opus_O-1nor_shell","nativeInput":"opus_O-1nor_nativeInput"};
+var RadioGroup_default = {"options":"opus_O-1nor_options","square":"opus_O-1nor_square","error":"opus_O-1nor_error","shell":"opus_O-1nor_shell","choice":"opus_O-1nor_choice","visual":"opus_O-1nor_visual","round":"opus_O-1nor_round","option":"opus_O-1nor_option","nativeInput":"opus_O-1nor_nativeInput"};
 
 // ../../components/fields/RadioGroup/RadioGroup.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -2323,7 +2343,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
 var import_react7 = require("react");
 
 // ../../components/fields/ChipInputField/ChipInputField.module.css
-var ChipInputField_default = {"chip":"opus_IOOYwh_chip","remove":"opus_IOOYwh_remove","disabled":"opus_IOOYwh_disabled","shell":"opus_IOOYwh_shell","field":"opus_IOOYwh_field","readOnly":"opus_IOOYwh_readOnly","error":"opus_IOOYwh_error","chipLabel":"opus_IOOYwh_chipLabel","input":"opus_IOOYwh_input"};
+var ChipInputField_default = {"readOnly":"opus_IOOYwh_readOnly","error":"opus_IOOYwh_error","remove":"opus_IOOYwh_remove","chipLabel":"opus_IOOYwh_chipLabel","input":"opus_IOOYwh_input","field":"opus_IOOYwh_field","chip":"opus_IOOYwh_chip","shell":"opus_IOOYwh_shell","disabled":"opus_IOOYwh_disabled"};
 
 // ../../components/fields/ChipInputField/ChipInputField.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
@@ -2460,7 +2480,7 @@ function ChipInput({
 var ChipInputField = ChipInput;
 
 // ../../components/fields/ChoiceChipsField/ChoiceChipsField.module.css
-var ChoiceChipsField_default = {"indicator":"opus_X6xFEA_indicator","selected":"opus_X6xFEA_selected","disabled":"opus_X6xFEA_disabled","root":"opus_X6xFEA_root","optionDisabled":"opus_X6xFEA_optionDisabled","shell":"opus_X6xFEA_shell","chip":"opus_X6xFEA_chip"};
+var ChoiceChipsField_default = {"chip":"opus_X6xFEA_chip","selected":"opus_X6xFEA_selected","optionDisabled":"opus_X6xFEA_optionDisabled","root":"opus_X6xFEA_root","indicator":"opus_X6xFEA_indicator","shell":"opus_X6xFEA_shell","disabled":"opus_X6xFEA_disabled"};
 
 // ../../components/fields/ChoiceChipsField/ChoiceChipsField.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -2546,7 +2566,7 @@ function ChoiceChips({
 var ChoiceChipsField = ChoiceChips;
 
 // ../../components/fields/RangeField/RangeField.module.css
-var RangeField_default = {"wrap":"opus_iRHQuG_wrap","value":"opus_iRHQuG_value","footer":"opus_iRHQuG_footer","slider":"opus_iRHQuG_slider","error":"opus_iRHQuG_error","topRow":"opus_iRHQuG_topRow","fieldLabel":"opus_iRHQuG_fieldLabel"};
+var RangeField_default = {"footer":"opus_iRHQuG_footer","fieldLabel":"opus_iRHQuG_fieldLabel","error":"opus_iRHQuG_error","wrap":"opus_iRHQuG_wrap","topRow":"opus_iRHQuG_topRow","value":"opus_iRHQuG_value","slider":"opus_iRHQuG_slider"};
 
 // ../../components/fields/RangeField/RangeField.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -2630,6 +2650,7 @@ function SelectField({
   label,
   labelPosition = "left",
   mode = "stacked",
+  name,
   options,
   required,
   size = "md",
@@ -2653,6 +2674,7 @@ function SelectField({
           "aria-invalid": error ? "true" : void 0,
           className: `${SelectField_default.select} ${error ? SelectField_default.error : ""}`,
           id,
+          name,
           onChange,
           value
         }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
@@ -2664,7 +2686,7 @@ function SelectField({
 }
 
 // ../../components/fields/SwitchField/SwitchField.module.css
-var SwitchField_default = {"track":"opus_t9NLEA_track","toggle":"opus_t9NLEA_toggle","shell":"opus_t9NLEA_shell","error":"opus_t9NLEA_error"};
+var SwitchField_default = {"error":"opus_t9NLEA_error","toggle":"opus_t9NLEA_toggle","track":"opus_t9NLEA_track","shell":"opus_t9NLEA_shell"};
 
 // ../../components/fields/SwitchField/SwitchField.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -2716,22 +2738,34 @@ function SwitchField({
 var import_react8 = require("react");
 
 // ../../components/fields/TextAreaField/TextAreaField.module.css
-var TextAreaField_default = {"externalCount":"opus_FjhWmh_externalCount","inputWrap":"opus_FjhWmh_inputWrap","error":"opus_FjhWmh_error","footer":"opus_FjhWmh_footer","footerError":"opus_FjhWmh_footerError","textarea":"opus_FjhWmh_textarea","field":"opus_FjhWmh_field","inlineCount":"opus_FjhWmh_inlineCount","withCount":"opus_FjhWmh_withCount"};
+var TextAreaField_default = {"externalCount":"opus_FjhWmh_externalCount","field":"opus_FjhWmh_field","inputWrap":"opus_FjhWmh_inputWrap","footer":"opus_FjhWmh_footer","footerError":"opus_FjhWmh_footerError","textarea":"opus_FjhWmh_textarea","error":"opus_FjhWmh_error","inlineCount":"opus_FjhWmh_inlineCount","withCount":"opus_FjhWmh_withCount"};
 
 // ../../components/fields/TextAreaField/TextAreaField.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function TextAreaField({
+  autoCapitalize,
+  autoComplete,
+  autoCorrect,
+  autoFocus,
+  disabled,
+  enterKeyHint,
   error,
   help,
   id,
   label,
   labelPosition = "left",
   maxChars,
+  minLength,
+  inputMode,
+  inputProps,
   mode = "stacked",
   placeholder,
   required,
+  name,
+  readOnly,
   size = "md",
   value,
+  spellCheck,
   onChange
 }) {
   const shellAria = useFieldShellAria();
@@ -2755,19 +2789,31 @@ function TextAreaField({
         /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `${TextAreaField_default.inputWrap} ${inputControlSizeClassName[size]}`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "textarea",
-            __spreadProps(__spreadValues({
+            __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
               "aria-invalid": error ? "true" : void 0,
+              autoCapitalize,
+              autoComplete,
+              autoCorrect,
+              autoFocus,
               className: [
                 TextAreaField_default.textarea,
                 error ? TextAreaField_default.error : "",
                 showCharCount ? TextAreaField_default.withCount : ""
               ].filter(Boolean).join(" "),
               id,
+              disabled,
+              enterKeyHint,
+              inputMode,
               maxLength: maxChars,
+              minLength,
+              name,
               onChange,
               placeholder,
+              readOnly,
+              required,
+              spellCheck,
               value
-            }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
+            }), fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
               "aria-describedby": describedBy || void 0
             })
           ),
@@ -2797,7 +2843,7 @@ var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/RichTextField/RichTextField.module.css
-var RichTextField_default = {"blockSelect":"opus_6HFqZH_blockSelect","modalDimensionField":"opus_6HFqZH_modalDimensionField","modalActions":"opus_6HFqZH_modalActions","divider":"opus_6HFqZH_divider","readOnly":"opus_6HFqZH_readOnly","modalTimes":"opus_6HFqZH_modalTimes","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","modalInput":"opus_6HFqZH_modalInput","modalTitle":"opus_6HFqZH_modalTitle","modalNumber":"opus_6HFqZH_modalNumber","modalCancel":"opus_6HFqZH_modalCancel","modalConfirm":"opus_6HFqZH_modalConfirm","modal":"opus_6HFqZH_modal","colorSwatch":"opus_6HFqZH_colorSwatch","error":"opus_6HFqZH_error","toolbarButton":"opus_6HFqZH_toolbarButton","editor":"opus_6HFqZH_editor","toolbarIcon":"opus_6HFqZH_toolbarIcon","modalField":"opus_6HFqZH_modalField","modalDimensions":"opus_6HFqZH_modalDimensions","toolbar":"opus_6HFqZH_toolbar","editorShell":"opus_6HFqZH_editorShell","modalLabel":"opus_6HFqZH_modalLabel","colorInput":"opus_6HFqZH_colorInput","modalOverlay":"opus_6HFqZH_modalOverlay","field":"opus_6HFqZH_field"};
+var RichTextField_default = {"toolbar":"opus_6HFqZH_toolbar","modalField":"opus_6HFqZH_modalField","modalActions":"opus_6HFqZH_modalActions","editor":"opus_6HFqZH_editor","toolbarIcon":"opus_6HFqZH_toolbarIcon","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","readOnly":"opus_6HFqZH_readOnly","modalInput":"opus_6HFqZH_modalInput","modal":"opus_6HFqZH_modal","modalDimensionField":"opus_6HFqZH_modalDimensionField","error":"opus_6HFqZH_error","modalLabel":"opus_6HFqZH_modalLabel","modalCancel":"opus_6HFqZH_modalCancel","colorInput":"opus_6HFqZH_colorInput","modalConfirm":"opus_6HFqZH_modalConfirm","field":"opus_6HFqZH_field","modalOverlay":"opus_6HFqZH_modalOverlay","modalTimes":"opus_6HFqZH_modalTimes","colorSwatch":"opus_6HFqZH_colorSwatch","modalNumber":"opus_6HFqZH_modalNumber","blockSelect":"opus_6HFqZH_blockSelect","modalTitle":"opus_6HFqZH_modalTitle","divider":"opus_6HFqZH_divider","toolbarButton":"opus_6HFqZH_toolbarButton","modalDimensions":"opus_6HFqZH_modalDimensions","editorShell":"opus_6HFqZH_editorShell"};
 
 // ../../components/fields/RichTextField/RichTextField.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -3446,7 +3492,7 @@ var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/shared/fieldControl.module.css
-var fieldControl_default = {"searchInput":"opus_1Q5xBh_searchInput","input":"opus_1Q5xBh_input","error":"opus_1Q5xBh_error","chevron":"opus_1Q5xBh_chevron","panelFooter":"opus_1Q5xBh_panelFooter","placeholder":"opus_1Q5xBh_placeholder","trigger":"opus_1Q5xBh_trigger","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","passwordToggle":"opus_1Q5xBh_passwordToggle","search":"opus_1Q5xBh_search","actionButton":"opus_1Q5xBh_actionButton","searchWrap":"opus_1Q5xBh_searchWrap","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","passwordInput":"opus_1Q5xBh_passwordInput","option":"opus_1Q5xBh_option","endAdornment":"opus_1Q5xBh_endAdornment","passwordWrap":"opus_1Q5xBh_passwordWrap","triggerOpen":"opus_1Q5xBh_triggerOpen","prefixIcon":"opus_1Q5xBh_prefixIcon","list":"opus_1Q5xBh_list","searchWrapError":"opus_1Q5xBh_searchWrapError","triggerError":"opus_1Q5xBh_triggerError","groupLabel":"opus_1Q5xBh_groupLabel","panel":"opus_1Q5xBh_panel","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot"};
+var fieldControl_default = {"searchWrapError":"opus_1Q5xBh_searchWrapError","prefixIcon":"opus_1Q5xBh_prefixIcon","searchWrap":"opus_1Q5xBh_searchWrap","panelFooter":"opus_1Q5xBh_panelFooter","search":"opus_1Q5xBh_search","passwordInput":"opus_1Q5xBh_passwordInput","input":"opus_1Q5xBh_input","trigger":"opus_1Q5xBh_trigger","chevron":"opus_1Q5xBh_chevron","option":"opus_1Q5xBh_option","placeholder":"opus_1Q5xBh_placeholder","triggerError":"opus_1Q5xBh_triggerError","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","actionButton":"opus_1Q5xBh_actionButton","groupLabel":"opus_1Q5xBh_groupLabel","searchInput":"opus_1Q5xBh_searchInput","endAdornment":"opus_1Q5xBh_endAdornment","error":"opus_1Q5xBh_error","passwordWrap":"opus_1Q5xBh_passwordWrap","passwordToggle":"opus_1Q5xBh_passwordToggle","triggerOpen":"opus_1Q5xBh_triggerOpen","panel":"opus_1Q5xBh_panel","list":"opus_1Q5xBh_list"};
 
 // ../../components/fields/shared/PasswordToggle.tsx
 var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
@@ -3471,6 +3517,12 @@ function PasswordToggle({ visible, onToggle, controlsId }) {
 // ../../components/fields/TextField/TextField.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function TextField({
+  autoCapitalize,
+  autoComplete,
+  autoCorrect,
+  autoFocus,
+  disabled,
+  enterKeyHint,
   error,
   help,
   id,
@@ -3480,10 +3532,18 @@ function TextField({
   labelPosition = "left",
   mode = "stacked",
   placeholder,
+  inputMode,
+  inputProps,
+  maxLength,
+  minLength,
+  name,
+  pattern,
+  readOnly,
   required,
   size = "md",
   type,
   value,
+  spellCheck,
   endAdornment,
   onChange
 }) {
@@ -3495,20 +3555,34 @@ function TextField({
   const sizeClass = inputControlSizeClassName[size];
   const inputEl = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "input",
-    __spreadValues({
+    __spreadValues(__spreadProps(__spreadValues({}, inputProps), {
       "aria-invalid": error ? "true" : void 0,
+      autoCapitalize,
+      autoComplete,
+      autoCorrect,
+      autoFocus,
       className: [
         isSearch ? fieldControl_default.searchInput : fieldControl_default.input,
         error ? fieldControl_default.error : "",
         isPassword ? fieldControl_default.passwordInput : ""
       ].filter(Boolean).join(" "),
       id,
+      disabled,
+      enterKeyHint,
+      inputMode,
+      maxLength,
+      minLength,
+      name,
+      pattern,
+      readOnly,
       ref: inputRef,
       placeholder,
       onChange,
       type: inputType,
-      value
-    }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
+      value,
+      required,
+      spellCheck
+    }), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
   );
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     FieldShell,
@@ -3555,7 +3629,7 @@ var import_react_fontawesome5 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
-var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","active":"opus_SwerMA_active","option":"opus_SwerMA_option"};
+var ThemeToggleField_default = {"active":"opus_SwerMA_active","toggle":"opus_SwerMA_toggle","option":"opus_SwerMA_option","indicator":"opus_SwerMA_indicator"};
 
 // ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -3897,7 +3971,7 @@ function MultiSelectField({
 var import_react13 = require("react");
 
 // ../../components/fields/TransferListField/TransferListField.module.css
-var TransferListField_default = {"column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton","itemActive":"opus_NPBFZk_itemActive","columnHeader":"opus_NPBFZk_columnHeader","list":"opus_NPBFZk_list","item":"opus_NPBFZk_item","root":"opus_NPBFZk_root","controls":"opus_NPBFZk_controls"};
+var TransferListField_default = {"column":"opus_NPBFZk_column","itemActive":"opus_NPBFZk_itemActive","controlButton":"opus_NPBFZk_controlButton","item":"opus_NPBFZk_item","controls":"opus_NPBFZk_controls","list":"opus_NPBFZk_list","columnHeader":"opus_NPBFZk_columnHeader","root":"opus_NPBFZk_root"};
 
 // ../../components/fields/TransferListField/TransferListField.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -4019,7 +4093,7 @@ var import_react_fontawesome6 = require("@fortawesome/react-fontawesome");
 var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
 
 // ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
-var PasswordStrengthField_default = {"meterLabel":"opus_S1A372_meterLabel","requirement":"opus_S1A372_requirement","meterFill":"opus_S1A372_meterFill","meterTrack":"opus_S1A372_meterTrack","meterWrap":"opus_S1A372_meterWrap","requirements":"opus_S1A372_requirements","requirementMet":"opus_S1A372_requirementMet","requirementIcon":"opus_S1A372_requirementIcon","root":"opus_S1A372_root"};
+var PasswordStrengthField_default = {"requirementIcon":"opus_S1A372_requirementIcon","requirementMet":"opus_S1A372_requirementMet","requirements":"opus_S1A372_requirements","requirement":"opus_S1A372_requirement","meterTrack":"opus_S1A372_meterTrack","meterFill":"opus_S1A372_meterFill","root":"opus_S1A372_root","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel"};
 
 // ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -4037,6 +4111,9 @@ function scorePassword(value, requirements) {
   return Math.round(passed / requirements.length * 100);
 }
 function PasswordStrengthField({
+  autoComplete = "new-password",
+  autoFocus,
+  disabled,
   error,
   help,
   id,
@@ -4044,6 +4121,9 @@ function PasswordStrengthField({
   labelPosition = "left",
   mode = "stacked",
   placeholder = "Enter a password",
+  inputProps,
+  name,
+  readOnly,
   required,
   requirements = defaultRequirements,
   showRequirements = true,
@@ -4070,16 +4150,21 @@ function PasswordStrengthField({
         /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `${fieldControl_default.passwordWrap} ${inputControlSizeClassName[size]}`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "input",
-            __spreadValues({
+            __spreadValues(__spreadProps(__spreadValues({}, inputProps), {
               "aria-invalid": error ? "true" : void 0,
-              autoComplete: "new-password",
+              autoComplete,
+              autoFocus,
               className: `${fieldControl_default.input} ${fieldControl_default.passwordInput} ${error ? fieldControl_default.error : ""}`,
               id,
+              disabled,
+              name,
               placeholder,
               type: revealed ? "text" : "password",
+              readOnly,
+              required,
               value,
               onChange: (event) => onChange(event.target.value)
-            }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
+            }), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
           ),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             PasswordToggle,
@@ -4128,7 +4213,7 @@ function PasswordStrengthField({
 }
 
 // ../../components/fields/RatingField/RatingField.module.css
-var RatingField_default = {"symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","symbol":"opus_0tdNUz_symbol","numeric":"opus_0tdNUz_numeric","numericActive":"opus_0tdNUz_numericActive"};
+var RatingField_default = {"symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","numeric":"opus_0tdNUz_numeric","symbol":"opus_0tdNUz_symbol","numericActive":"opus_0tdNUz_numericActive"};
 
 // ../../components/fields/RatingField/RatingField.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -4204,7 +4289,7 @@ function RatingField({
 }
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
-var SegmentedControlField_default = {"segment":"opus_ZHwfiN_segment","root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive"};
+var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive","segment":"opus_ZHwfiN_segment"};
 
 // ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -4260,7 +4345,7 @@ function SegmentedControlField({
 var import_react15 = require("react");
 
 // ../../components/fields/SliderRangeField/SliderRangeField.module.css
-var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","footer":"opus_k3d0sS_footer","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root","trackWrap":"opus_k3d0sS_trackWrap","value":"opus_k3d0sS_value","track":"opus_k3d0sS_track"};
+var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","track":"opus_k3d0sS_track","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","value":"opus_k3d0sS_value","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root"};
 
 // ../../components/fields/SliderRangeField/SliderRangeField.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -4358,7 +4443,7 @@ function SliderRangeField({
 var import_react16 = require("react");
 
 // ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
-var PhoneNumberField_default = {"optionLabel":"opus_WC4gnN_optionLabel","countryWrap":"opus_WC4gnN_countryWrap","countryValue":"opus_WC4gnN_countryValue","optionActive":"opus_WC4gnN_optionActive","optionDial":"opus_WC4gnN_optionDial","flag":"opus_WC4gnN_flag","root":"opus_WC4gnN_root","code":"opus_WC4gnN_code","panel":"opus_WC4gnN_panel","empty":"opus_WC4gnN_empty","chevron":"opus_WC4gnN_chevron","dial":"opus_WC4gnN_dial","country":"opus_WC4gnN_country","option":"opus_WC4gnN_option"};
+var PhoneNumberField_default = {"empty":"opus_WC4gnN_empty","root":"opus_WC4gnN_root","countryWrap":"opus_WC4gnN_countryWrap","optionActive":"opus_WC4gnN_optionActive","panel":"opus_WC4gnN_panel","countryValue":"opus_WC4gnN_countryValue","country":"opus_WC4gnN_country","flag":"opus_WC4gnN_flag","dial":"opus_WC4gnN_dial","code":"opus_WC4gnN_code","chevron":"opus_WC4gnN_chevron","option":"opus_WC4gnN_option","optionLabel":"opus_WC4gnN_optionLabel","optionDial":"opus_WC4gnN_optionDial"};
 
 // ../../components/fields/PhoneNumberField/countries.ts
 function countryCodeToFlag(code) {
@@ -4613,6 +4698,9 @@ function flagClassName(code) {
   return `fi fi-${code.toLowerCase()}`;
 }
 function PhoneNumberField({
+  autoComplete,
+  autoFocus,
+  disabled,
   countries: countries2 = countries,
   countryCode,
   error,
@@ -4622,6 +4710,9 @@ function PhoneNumberField({
   labelPosition = "left",
   mode = "stacked",
   placeholder = "7123 456789",
+  inputProps,
+  name,
+  readOnly,
   required,
   size = "md",
   value,
@@ -4743,16 +4834,22 @@ function PhoneNumberField({
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "input",
-          __spreadValues({
+          __spreadValues(__spreadProps(__spreadValues({}, inputProps), {
             "aria-invalid": error ? "true" : void 0,
+            autoComplete,
+            autoFocus,
             className: `${fieldControl_default.input} ${error ? fieldControl_default.error : ""}`,
             id,
+            disabled,
             inputMode: "tel",
+            name,
             placeholder,
             type: "tel",
+            readOnly,
+            required,
             value,
             onChange: (event) => onChange(event.target.value)
-          }, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
+          }), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
         )
       ] })
     }
@@ -4763,7 +4860,7 @@ function PhoneNumberField({
 var import_react17 = require("react");
 
 // ../../components/fields/CountryPickerField/CountryPickerField.module.css
-var CountryPickerField_default = {"option":"opus_O7qqfR_option","optionLabel":"opus_O7qqfR_optionLabel","triggerValue":"opus_O7qqfR_triggerValue","root":"opus_O7qqfR_root","flag":"opus_O7qqfR_flag","optionActive":"opus_O7qqfR_optionActive","optionCode":"opus_O7qqfR_optionCode","empty":"opus_O7qqfR_empty"};
+var CountryPickerField_default = {"optionLabel":"opus_O7qqfR_optionLabel","root":"opus_O7qqfR_root","option":"opus_O7qqfR_option","optionCode":"opus_O7qqfR_optionCode","optionActive":"opus_O7qqfR_optionActive","triggerValue":"opus_O7qqfR_triggerValue","flag":"opus_O7qqfR_flag","empty":"opus_O7qqfR_empty"};
 
 // ../../components/fields/CountryPickerField/CountryPickerField.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -4922,7 +5019,7 @@ function CountryPickerField({
 var import_react18 = require("react");
 
 // ../../components/fields/TreeSelectField/TreeSelectField.module.css
-var TreeSelectField_default = {"treeOptionActive":"opus_Mq6C00_treeOptionActive","root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption"};
+var TreeSelectField_default = {"root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption","treeOptionActive":"opus_Mq6C00_treeOptionActive"};
 
 // ../../components/fields/TreeSelectField/TreeSelectField.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
@@ -5053,7 +5150,7 @@ function TreeSelectField({
 var import_react19 = require("react");
 
 // ../../components/fields/CascaderField/CascaderField.module.css
-var CascaderField_default = {"optionActive":"opus_1Fg59A_optionActive","column":"opus_1Fg59A_column","root":"opus_1Fg59A_root","option":"opus_1Fg59A_option","panel":"opus_1Fg59A_panel"};
+var CascaderField_default = {"root":"opus_1Fg59A_root","column":"opus_1Fg59A_column","option":"opus_1Fg59A_option","optionActive":"opus_1Fg59A_optionActive","panel":"opus_1Fg59A_panel"};
 
 // ../../components/fields/CascaderField/CascaderField.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -5268,7 +5365,7 @@ function OpusThemeProvider({
 }
 
 // ../../components/Alert/Alert.module.css
-var Alert_default = {"iconSvg":"opus_eh3eeT_iconSvg","description":"opus_eh3eeT_description","dismiss":"opus_eh3eeT_dismiss","icon":"opus_eh3eeT_icon","alert":"opus_eh3eeT_alert","dismissIcon":"opus_eh3eeT_dismissIcon","iconFlagged":"opus_eh3eeT_iconFlagged","title":"opus_eh3eeT_title","iconMark":"opus_eh3eeT_iconMark","content":"opus_eh3eeT_content"};
+var Alert_default = {"description":"opus_eh3eeT_description","dismissIcon":"opus_eh3eeT_dismissIcon","iconFlagged":"opus_eh3eeT_iconFlagged","content":"opus_eh3eeT_content","icon":"opus_eh3eeT_icon","dismiss":"opus_eh3eeT_dismiss","iconSvg":"opus_eh3eeT_iconSvg","iconMark":"opus_eh3eeT_iconMark","title":"opus_eh3eeT_title","alert":"opus_eh3eeT_alert"};
 
 // ../../components/Alert/Alert.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -5490,7 +5587,7 @@ function useOverlayAccessibility(active, containerRef, {
 }
 
 // ../../components/Dialog/Dialog.module.css
-var Dialog_default = {"body":"opus_sz-ZGI_body","backdrop":"opus_sz-ZGI_backdrop","dialogOut":"opus_sz-ZGI_dialogOut","dialog":"opus_sz-ZGI_dialog","description":"opus_sz-ZGI_description","dialogIn":"opus_sz-ZGI_dialogIn","actions":"opus_sz-ZGI_actions","iconSvg":"opus_sz-ZGI_iconSvg","iconMark":"opus_sz-ZGI_iconMark","icon":"opus_sz-ZGI_icon","backdropOut":"opus_sz-ZGI_backdropOut","visuallyHidden":"opus_sz-ZGI_visuallyHidden","backdropIn":"opus_sz-ZGI_backdropIn","title":"opus_sz-ZGI_title","content":"opus_sz-ZGI_content"};
+var Dialog_default = {"dialogIn":"opus_sz-ZGI_dialogIn","backdropOut":"opus_sz-ZGI_backdropOut","icon":"opus_sz-ZGI_icon","visuallyHidden":"opus_sz-ZGI_visuallyHidden","body":"opus_sz-ZGI_body","description":"opus_sz-ZGI_description","backdrop":"opus_sz-ZGI_backdrop","dialogOut":"opus_sz-ZGI_dialogOut","dialog":"opus_sz-ZGI_dialog","backdropIn":"opus_sz-ZGI_backdropIn","actions":"opus_sz-ZGI_actions","iconSvg":"opus_sz-ZGI_iconSvg","iconMark":"opus_sz-ZGI_iconMark","title":"opus_sz-ZGI_title","content":"opus_sz-ZGI_content"};
 
 // ../../components/Dialog/Dialog.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
@@ -5621,7 +5718,7 @@ function Dialog({
 var import_react24 = require("react");
 
 // ../../components/Modal/Modal.module.css
-var Modal_default = {"close":"opus_LQbzGS_close","header":"opus_LQbzGS_header","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","backdrop":"opus_LQbzGS_backdrop","actions":"opus_LQbzGS_actions","footer":"opus_LQbzGS_footer","title":"opus_LQbzGS_title","body":"opus_LQbzGS_body","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","footerContent":"opus_LQbzGS_footerContent","description":"opus_LQbzGS_description","closeIcon":"opus_LQbzGS_closeIcon","modalPanelOut":"opus_LQbzGS_modalPanelOut","modalPanelIn":"opus_LQbzGS_modalPanelIn","heading":"opus_LQbzGS_heading","modal":"opus_LQbzGS_modal"};
+var Modal_default = {"modalBackdropIn":"opus_LQbzGS_modalBackdropIn","backdrop":"opus_LQbzGS_backdrop","modal":"opus_LQbzGS_modal","title":"opus_LQbzGS_title","body":"opus_LQbzGS_body","heading":"opus_LQbzGS_heading","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","actions":"opus_LQbzGS_actions","close":"opus_LQbzGS_close","modalPanelIn":"opus_LQbzGS_modalPanelIn","modalPanelOut":"opus_LQbzGS_modalPanelOut","description":"opus_LQbzGS_description","footer":"opus_LQbzGS_footer","header":"opus_LQbzGS_header","footerContent":"opus_LQbzGS_footerContent","closeIcon":"opus_LQbzGS_closeIcon"};
 
 // ../../components/Modal/Modal.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
@@ -5752,7 +5849,7 @@ function ModalDefaultActions({ onClose }) {
 var import_react25 = require("react");
 
 // ../../components/Drawer/Drawer.module.css
-var Drawer_default = {"drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerInRight":"opus_0CaGbZ_drawerInRight","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInBottom":"opus_0CaGbZ_drawerInBottom","title":"opus_0CaGbZ_title","header":"opus_0CaGbZ_header","description":"opus_0CaGbZ_description","drawerInTop":"opus_0CaGbZ_drawerInTop","footer":"opus_0CaGbZ_footer","heading":"opus_0CaGbZ_heading","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawer":"opus_0CaGbZ_drawer","drawerInLeft":"opus_0CaGbZ_drawerInLeft","close":"opus_0CaGbZ_close","backdrop":"opus_0CaGbZ_backdrop","closeIcon":"opus_0CaGbZ_closeIcon","body":"opus_0CaGbZ_body","footerContent":"opus_0CaGbZ_footerContent","actions":"opus_0CaGbZ_actions","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerOutRight":"opus_0CaGbZ_drawerOutRight"};
+var Drawer_default = {"drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","footerContent":"opus_0CaGbZ_footerContent","backdrop":"opus_0CaGbZ_backdrop","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerInBottom":"opus_0CaGbZ_drawerInBottom","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","header":"opus_0CaGbZ_header","title":"opus_0CaGbZ_title","body":"opus_0CaGbZ_body","drawerInTop":"opus_0CaGbZ_drawerInTop","footer":"opus_0CaGbZ_footer","actions":"opus_0CaGbZ_actions","description":"opus_0CaGbZ_description","heading":"opus_0CaGbZ_heading","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInLeft":"opus_0CaGbZ_drawerInLeft","drawer":"opus_0CaGbZ_drawer","close":"opus_0CaGbZ_close","drawerInRight":"opus_0CaGbZ_drawerInRight","closeIcon":"opus_0CaGbZ_closeIcon"};
 
 // ../../components/Drawer/Drawer.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -5884,7 +5981,7 @@ function DrawerDefaultActions({ onClose }) {
 var import_react26 = require("react");
 
 // ../../components/Popover/Popover.module.css
-var Popover_default = {"root":"opus_yq4OU0_root","panel":"opus_yq4OU0_panel","content":"opus_yq4OU0_content","popoverIn":"opus_yq4OU0_popoverIn","title":"opus_yq4OU0_title","arrow":"opus_yq4OU0_arrow"};
+var Popover_default = {"popoverIn":"opus_yq4OU0_popoverIn","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","arrow":"opus_yq4OU0_arrow"};
 
 // ../../components/Popover/Popover.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -6027,9 +6124,9 @@ function resolveEmojiPickerPortalStyle(anchorRect, panelRect, placement) {
   );
   return { left, top, width: panelWidth };
 }
-function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated) {
+function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated, gapOverride) {
   var _a2, _b2;
-  const gap = elevated ? 6 : 8;
+  const gap = gapOverride != null ? gapOverride : elevated ? 6 : 8;
   const menuWidth = (_a2 = menuRect == null ? void 0 : menuRect.width) != null ? _a2 : Math.min(260, window.innerWidth - 32);
   const menuHeight = (_b2 = menuRect == null ? void 0 : menuRect.height) != null ? _b2 : 0;
   switch (placement) {
@@ -6058,7 +6155,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
 }
 
 // ../../components/MegaMenu/MegaMenu.module.css
-var MegaMenu_default = {"megaMenuOut":"opus_Y_ikQV_megaMenuOut","megaMenuIn":"opus_Y_ikQV_megaMenuIn","items":"opus_Y_ikQV_items","trigger":"opus_Y_ikQV_trigger","itemCopy":"opus_Y_ikQV_itemCopy","eyebrow":"opus_Y_ikQV_eyebrow","panelContent":"opus_Y_ikQV_panelContent","section":"opus_Y_ikQV_section","item":"opus_Y_ikQV_item","root":"opus_Y_ikQV_root","menuBar":"opus_Y_ikQV_menuBar","itemIcon":"opus_Y_ikQV_itemIcon","panel":"opus_Y_ikQV_panel","sections":"opus_Y_ikQV_sections","featured":"opus_Y_ikQV_featured","featuredAction":"opus_Y_ikQV_featuredAction"};
+var MegaMenu_default = {"menuBar":"opus_Y_ikQV_menuBar","sections":"opus_Y_ikQV_sections","root":"opus_Y_ikQV_root","eyebrow":"opus_Y_ikQV_eyebrow","panel":"opus_Y_ikQV_panel","items":"opus_Y_ikQV_items","trigger":"opus_Y_ikQV_trigger","megaMenuIn":"opus_Y_ikQV_megaMenuIn","featured":"opus_Y_ikQV_featured","megaMenuOut":"opus_Y_ikQV_megaMenuOut","section":"opus_Y_ikQV_section","item":"opus_Y_ikQV_item","featuredAction":"opus_Y_ikQV_featuredAction","panelContent":"opus_Y_ikQV_panelContent","itemCopy":"opus_Y_ikQV_itemCopy","itemIcon":"opus_Y_ikQV_itemIcon"};
 
 // ../../components/MegaMenu/MegaMenu.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
@@ -6520,7 +6617,7 @@ function MegaMenu({
 }
 
 // ../../components/TopNavigation/TopNavigation.module.css
-var TopNavigation_default = {"menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","menuSlotMega":"opus_OIomR6_menuSlotMega","menuSlot":"opus_OIomR6_menuSlot","nav":"opus_OIomR6_nav"};
+var TopNavigation_default = {"menuSlotMega":"opus_OIomR6_menuSlotMega","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","nav":"opus_OIomR6_nav","menuSlot":"opus_OIomR6_menuSlot"};
 
 // ../../components/TopNavigation/TopNavigation.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
@@ -6877,7 +6974,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
 }
 
 // ../../components/DropdownMenu/DropdownMenu.module.css
-var DropdownMenu_default = {"dropdownOut":"opus_UUVDVQ_dropdownOut","label":"opus_UUVDVQ_label","icon":"opus_UUVDVQ_icon","root":"opus_UUVDVQ_root","menu":"opus_UUVDVQ_menu","dropdownIn":"opus_UUVDVQ_dropdownIn","shortcut":"opus_UUVDVQ_shortcut","item":"opus_UUVDVQ_item"};
+var DropdownMenu_default = {"label":"opus_UUVDVQ_label","pointer":"opus_UUVDVQ_pointer","dropdownIn":"opus_UUVDVQ_dropdownIn","shortcut":"opus_UUVDVQ_shortcut","dropdownOut":"opus_UUVDVQ_dropdownOut","icon":"opus_UUVDVQ_icon","item":"opus_UUVDVQ_item","root":"opus_UUVDVQ_root","menu":"opus_UUVDVQ_menu"};
 
 // ../../components/DropdownMenu/DropdownMenu.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -6957,6 +7054,8 @@ function DropdownMenu({
   open,
   openOnHover = false,
   placement = "bottom-start",
+  showPointer = false,
+  triggerGap,
   trigger
 }) {
   const menuId = (0, import_react30.useId)();
@@ -6982,6 +7081,12 @@ function DropdownMenu({
   const resolvedElevated = elevated || inTopNavigation;
   const dismissOnOutside = openOnHover ? false : resolvedCloseOnOutside;
   const disableClickToggle = openOnHover;
+  const resolvedTriggerGap = Math.min(
+    16,
+    Math.max(0, triggerGap != null ? triggerGap : 8)
+  );
+  const pointerExtent = placement === "bottom-start" ? 9.5 : 9;
+  const portalGap = showPointer ? pointerExtent + resolvedTriggerGap : resolvedTriggerGap;
   const setVisible = (0, import_react30.useCallback)((nextOpen) => {
     if (!controlled) {
       setInternalOpen(nextOpen);
@@ -7041,18 +7146,27 @@ function DropdownMenu({
           anchor.getBoundingClientRect(),
           (_b2 = (_a2 = menuRef.current) == null ? void 0 : _a2.getBoundingClientRect()) != null ? _b2 : null,
           placement,
-          resolvedElevated
+          resolvedElevated,
+          portalGap
         )
       );
     };
     updatePosition();
+    const frame = window.requestAnimationFrame(updatePosition);
+    const resizeObserver = new ResizeObserver(updatePosition);
+    resizeObserver.observe(rootRef.current);
+    if (menuRef.current) {
+      resizeObserver.observe(menuRef.current);
+    }
     window.addEventListener("resize", updatePosition);
     window.addEventListener("scroll", updatePosition, true);
     return () => {
+      window.cancelAnimationFrame(frame);
+      resizeObserver.disconnect();
       window.removeEventListener("resize", updatePosition);
       window.removeEventListener("scroll", updatePosition, true);
     };
-  }, [placement, renderMenu, resolvedElevated, phase]);
+  }, [placement, portalGap, renderMenu, resolvedElevated, phase]);
   (0, import_react30.useEffect)(() => {
     let timeout;
     const frame = window.requestAnimationFrame(() => {
@@ -7130,7 +7244,7 @@ function DropdownMenu({
     left: portalStyle.left,
     top: portalStyle.top
   }, portalStyle.width ? { width: portalStyle.width } : {}) : {});
-  const menuNode = renderMenu ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  const menuNode = renderMenu ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "span",
     {
       ref: menuRef,
@@ -7140,6 +7254,7 @@ function DropdownMenu({
       "data-open-on-hover": openOnHover || resolvedElevated ? "true" : void 0,
       "data-has-icon-column": showIconColumn ? "true" : void 0,
       "data-placement": placement,
+      "data-show-pointer": showPointer ? "true" : void 0,
       "data-portaled": "true",
       "data-theme": theme,
       id: menuId,
@@ -7148,15 +7263,45 @@ function DropdownMenu({
       onKeyDown: (event) => {
         handleMenuKeyDown(event.nativeEvent, event.currentTarget, () => setVisible(false));
       },
-      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-        DropdownMenuItem,
-        {
-          item,
-          showIconColumn,
-          onSelect: handleSelect
-        },
-        item.id
-      ))
+      children: [
+        showPointer ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: DropdownMenu_default.pointer,
+            focusable: "false",
+            viewBox: "0 0 18 10",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                "path",
+                {
+                  d: "M0 10 L9 0 L18 10 Z",
+                  fill: "var(--opus-pointed-menu-surface)"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                "path",
+                {
+                  d: "M0 10 L9 0 L18 10",
+                  fill: "none",
+                  stroke: "var(--opus-menu-glass-border)",
+                  strokeWidth: "1",
+                  vectorEffect: "non-scaling-stroke"
+                }
+              )
+            ]
+          }
+        ) : null,
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          DropdownMenuItem,
+          {
+            item,
+            showIconColumn,
+            onSelect: handleSelect
+          },
+          item.id
+        ))
+      ]
     }
   ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
@@ -7208,7 +7353,7 @@ var import_react31 = require("react");
 var import_react_dom5 = require("react-dom");
 
 // ../../components/ContextMenu/ContextMenu.module.css
-var ContextMenu_default = {"target":"opus_nMhhae_target","backdrop":"opus_nMhhae_backdrop","layer":"opus_nMhhae_layer","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","menu":"opus_nMhhae_menu","contextMenuIn":"opus_nMhhae_contextMenuIn"};
+var ContextMenu_default = {"contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","layer":"opus_nMhhae_layer","contextMenuIn":"opus_nMhhae_contextMenuIn","target":"opus_nMhhae_target","backdrop":"opus_nMhhae_backdrop","menu":"opus_nMhhae_menu"};
 
 // ../../components/ContextMenu/ContextMenuProvider.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
@@ -7515,7 +7660,7 @@ var import_free_solid_svg_icons7 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome7 = require("@fortawesome/react-fontawesome");
 
 // ../../components/CommandPalette/CommandPalette.module.css
-var CommandPalette_default = {"searchInput":"opus_k1ypuy_searchInput","footer":"opus_k1ypuy_footer","empty":"opus_k1ypuy_empty","panel":"opus_k1ypuy_panel","itemLabel":"opus_k1ypuy_itemLabel","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","shortcut":"opus_k1ypuy_shortcut","searchIconSvg":"opus_k1ypuy_searchIconSvg","results":"opus_k1ypuy_results","backdrop":"opus_k1ypuy_backdrop","searchWrap":"opus_k1ypuy_searchWrap","groupLabel":"opus_k1ypuy_groupLabel","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","item":"opus_k1ypuy_item","visuallyHidden":"opus_k1ypuy_visuallyHidden","group":"opus_k1ypuy_group","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","itemMain":"opus_k1ypuy_itemMain","itemDescription":"opus_k1ypuy_itemDescription","searchIcon":"opus_k1ypuy_searchIcon","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut"};
+var CommandPalette_default = {"shortcut":"opus_k1ypuy_shortcut","item":"opus_k1ypuy_item","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","searchWrap":"opus_k1ypuy_searchWrap","searchIcon":"opus_k1ypuy_searchIcon","backdrop":"opus_k1ypuy_backdrop","itemLabel":"opus_k1ypuy_itemLabel","itemDescription":"opus_k1ypuy_itemDescription","group":"opus_k1ypuy_group","panel":"opus_k1ypuy_panel","results":"opus_k1ypuy_results","searchIconSvg":"opus_k1ypuy_searchIconSvg","empty":"opus_k1ypuy_empty","visuallyHidden":"opus_k1ypuy_visuallyHidden","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchInput":"opus_k1ypuy_searchInput","groupLabel":"opus_k1ypuy_groupLabel","footer":"opus_k1ypuy_footer","itemMain":"opus_k1ypuy_itemMain"};
 
 // ../../components/CommandPalette/CommandPalette.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
@@ -7851,7 +7996,7 @@ function AccordionGroup({
 }
 
 // ../../components/Accordion/Accordion.module.css
-var Accordion_default = {"content":"opus_WNZQMV_content","panelInner":"opus_WNZQMV_panelInner","panel":"opus_WNZQMV_panel","triggerLabel":"opus_WNZQMV_triggerLabel","standalone":"opus_WNZQMV_standalone","item":"opus_WNZQMV_item","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron"};
+var Accordion_default = {"panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item","triggerLabel":"opus_WNZQMV_triggerLabel","panel":"opus_WNZQMV_panel","chevron":"opus_WNZQMV_chevron","trigger":"opus_WNZQMV_trigger","standalone":"opus_WNZQMV_standalone","content":"opus_WNZQMV_content"};
 
 // ../../components/Accordion/Accordion.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -7938,7 +8083,7 @@ function Accordion({
 var import_react35 = require("react");
 
 // ../../components/ShowMore/ShowMore.module.css
-var ShowMore_default = {"toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","toggle":"opus_dSk-ve_toggle","root":"opus_dSk-ve_root","contentShell":"opus_dSk-ve_contentShell","inner":"opus_dSk-ve_inner"};
+var ShowMore_default = {"root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","contentShell":"opus_dSk-ve_contentShell","inner":"opus_dSk-ve_inner"};
 
 // ../../components/ShowMore/ShowMore.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -8042,7 +8187,7 @@ function ShowMore({
 }
 
 // ../../components/Toast/Toast.module.css
-var Toast_default = {"iconMark":"opus_cklQPW_iconMark","content":"opus_cklQPW_content","iconSvg":"opus_cklQPW_iconSvg","body":"opus_cklQPW_body","progressTrack":"opus_cklQPW_progressTrack","toastProgress":"opus_cklQPW_toastProgress","description":"opus_cklQPW_description","progressBar":"opus_cklQPW_progressBar","icon":"opus_cklQPW_icon","dismiss":"opus_cklQPW_dismiss","main":"opus_cklQPW_main","title":"opus_cklQPW_title","dismissIcon":"opus_cklQPW_dismissIcon","toast":"opus_cklQPW_toast"};
+var Toast_default = {"main":"opus_cklQPW_main","dismiss":"opus_cklQPW_dismiss","progressBar":"opus_cklQPW_progressBar","content":"opus_cklQPW_content","iconMark":"opus_cklQPW_iconMark","iconSvg":"opus_cklQPW_iconSvg","icon":"opus_cklQPW_icon","description":"opus_cklQPW_description","body":"opus_cklQPW_body","progressTrack":"opus_cklQPW_progressTrack","dismissIcon":"opus_cklQPW_dismissIcon","toastProgress":"opus_cklQPW_toastProgress","title":"opus_cklQPW_title","toast":"opus_cklQPW_toast"};
 
 // ../../components/Toast/Toast.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
@@ -8114,7 +8259,7 @@ function Toast({
 var import_react36 = require("react");
 
 // ../../components/ToastProvider/ToastProvider.module.css
-var ToastProvider_default = {"itemSurface":"opus_z3pSp7_itemSurface","viewportLeft":"opus_z3pSp7_viewportLeft","viewport":"opus_z3pSp7_viewport","viewportTop":"opus_z3pSp7_viewportTop","itemBackdrop":"opus_z3pSp7_itemBackdrop","viewportBottom":"opus_z3pSp7_viewportBottom","viewportRight":"opus_z3pSp7_viewportRight","item":"opus_z3pSp7_item","itemClip":"opus_z3pSp7_itemClip"};
+var ToastProvider_default = {"viewportBottom":"opus_z3pSp7_viewportBottom","itemSurface":"opus_z3pSp7_itemSurface","viewportRight":"opus_z3pSp7_viewportRight","viewportLeft":"opus_z3pSp7_viewportLeft","viewportTop":"opus_z3pSp7_viewportTop","item":"opus_z3pSp7_item","viewport":"opus_z3pSp7_viewport","itemBackdrop":"opus_z3pSp7_itemBackdrop","itemClip":"opus_z3pSp7_itemClip"};
 
 // ../../components/ToastProvider/ToastProvider.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
@@ -8501,7 +8646,7 @@ function TabActiveLine({ className, orientation = "horizontal", style }) {
 }
 
 // ../../components/Tabs/Tabs.module.css
-var Tabs_default = {"tab":"opus_ADVJmy_tab","cardMovingActiveLine":"opus_ADVJmy_cardMovingActiveLine","root":"opus_ADVJmy_root","scrollButton":"opus_ADVJmy_scrollButton","previousButton":"opus_ADVJmy_previousButton","cardTabLine":"opus_ADVJmy_cardTabLine","listViewport":"opus_ADVJmy_listViewport","nextButton":"opus_ADVJmy_nextButton","trailing":"opus_ADVJmy_trailing","tabLabel":"opus_ADVJmy_tabLabel","tabShape":"opus_ADVJmy_tabShape","list":"opus_ADVJmy_list","header":"opus_ADVJmy_header","movingActiveLine":"opus_ADVJmy_movingActiveLine","containedMovingActiveLine":"opus_ADVJmy_containedMovingActiveLine","panel":"opus_ADVJmy_panel","panelContent":"opus_ADVJmy_panelContent"};
+var Tabs_default = {"cardMovingActiveLine":"opus_ADVJmy_cardMovingActiveLine","tabShape":"opus_ADVJmy_tabShape","nextButton":"opus_ADVJmy_nextButton","list":"opus_ADVJmy_list","tabLabel":"opus_ADVJmy_tabLabel","panel":"opus_ADVJmy_panel","header":"opus_ADVJmy_header","movingActiveLine":"opus_ADVJmy_movingActiveLine","previousButton":"opus_ADVJmy_previousButton","containedMovingActiveLine":"opus_ADVJmy_containedMovingActiveLine","tab":"opus_ADVJmy_tab","panelContent":"opus_ADVJmy_panelContent","root":"opus_ADVJmy_root","listViewport":"opus_ADVJmy_listViewport","scrollButton":"opus_ADVJmy_scrollButton","trailing":"opus_ADVJmy_trailing","cardTabLine":"opus_ADVJmy_cardTabLine"};
 
 // ../../components/Tabs/Tabs.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -8825,7 +8970,7 @@ function Tabs({
               id: panelId,
               inert: !selected ? true : void 0,
               role: "tabpanel",
-              tabIndex: selected ? -1 : void 0,
+              tabIndex: selected ? 0 : void 0,
               children: item.content
             },
             item.value
@@ -8838,7 +8983,7 @@ function Tabs({
             id: `${generatedId}-${activeItem.value}-panel`,
             ref: panelRef,
             role: "tabpanel",
-            tabIndex: -1,
+            tabIndex: 0,
             children: activeItem.content
           }
         ) : null
@@ -8848,7 +8993,7 @@ function Tabs({
 }
 
 // ../../components/Card/Card.module.css
-var Card_default = {"heading":"opus_qWo1sP_heading","footerContent":"opus_qWo1sP_footerContent","card":"opus_qWo1sP_card","body":"opus_qWo1sP_body","content":"opus_qWo1sP_content","eyebrow":"opus_qWo1sP_eyebrow","actions":"opus_qWo1sP_actions","media":"opus_qWo1sP_media","title":"opus_qWo1sP_title","footer":"opus_qWo1sP_footer"};
+var Card_default = {"eyebrow":"opus_qWo1sP_eyebrow","title":"opus_qWo1sP_title","media":"opus_qWo1sP_media","card":"opus_qWo1sP_card","content":"opus_qWo1sP_content","body":"opus_qWo1sP_body","actions":"opus_qWo1sP_actions","footerContent":"opus_qWo1sP_footerContent","heading":"opus_qWo1sP_heading","footer":"opus_qWo1sP_footer"};
 
 // ../../components/Card/Card.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
@@ -8879,7 +9024,7 @@ function Card({
 }
 
 // ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
-var dashboardMetricCardLayout_default = {"metaSlot":"opus_6_sptY_metaSlot","label":"opus_6_sptY_label","header":"opus_6_sptY_header","value":"opus_6_sptY_value","iconSlot":"opus_6_sptY_iconSlot","iconPlaceholder":"opus_6_sptY_iconPlaceholder","shell":"opus_6_sptY_shell","metaPlaceholder":"opus_6_sptY_metaPlaceholder"};
+var dashboardMetricCardLayout_default = {"header":"opus_6_sptY_header","metaPlaceholder":"opus_6_sptY_metaPlaceholder","label":"opus_6_sptY_label","iconSlot":"opus_6_sptY_iconSlot","iconPlaceholder":"opus_6_sptY_iconPlaceholder","shell":"opus_6_sptY_shell","value":"opus_6_sptY_value","metaSlot":"opus_6_sptY_metaSlot"};
 
 // ../../components/StatCard/StatCard.module.css
 var StatCard_default = {"change":"opus_KIXsQY_change"};
@@ -8909,7 +9054,7 @@ function StatCard({
 }
 
 // ../../components/Gauge/Gauge.module.css
-var Gauge_default = {"gaugeTrack":"opus_t6IuQe_gaugeTrack","title":"opus_t6IuQe_title","header":"opus_t6IuQe_header","footerItem":"opus_t6IuQe_footerItem","widget":"opus_t6IuQe_widget","change":"opus_t6IuQe_change","summary":"opus_t6IuQe_summary","subtitle":"opus_t6IuQe_subtitle","footerValue":"opus_t6IuQe_footerValue","heading":"opus_t6IuQe_heading","gaugeCenter":"opus_t6IuQe_gaugeCenter","body":"opus_t6IuQe_body","footerLabel":"opus_t6IuQe_footerLabel","gauge":"opus_t6IuQe_gauge","footer":"opus_t6IuQe_footer","gaugeValue":"opus_t6IuQe_gaugeValue","gaugeSlot":"opus_t6IuQe_gaugeSlot","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerTrend":"opus_t6IuQe_footerTrend"};
+var Gauge_default = {"gaugeValue":"opus_t6IuQe_gaugeValue","subtitle":"opus_t6IuQe_subtitle","gaugeSlot":"opus_t6IuQe_gaugeSlot","footerTrend":"opus_t6IuQe_footerTrend","footerLabel":"opus_t6IuQe_footerLabel","header":"opus_t6IuQe_header","heading":"opus_t6IuQe_heading","gaugeTrack":"opus_t6IuQe_gaugeTrack","gaugeCenter":"opus_t6IuQe_gaugeCenter","title":"opus_t6IuQe_title","change":"opus_t6IuQe_change","gauge":"opus_t6IuQe_gauge","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerValue":"opus_t6IuQe_footerValue","footerItem":"opus_t6IuQe_footerItem","summary":"opus_t6IuQe_summary","widget":"opus_t6IuQe_widget","body":"opus_t6IuQe_body","footer":"opus_t6IuQe_footer"};
 
 // ../../components/Gauge/Gauge.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -9043,7 +9188,7 @@ function Gauge({
 var import_react38 = require("react");
 
 // ../../components/Sparkline/Sparkline.module.css
-var Sparkline_default = {"sparkline":"opus_xXtB87_sparkline","label":"opus_xXtB87_label","svg":"opus_xXtB87_svg","line":"opus_xXtB87_line","chart":"opus_xXtB87_chart","area":"opus_xXtB87_area","endPoint":"opus_xXtB87_endPoint"};
+var Sparkline_default = {"sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line","area":"opus_xXtB87_area","chart":"opus_xXtB87_chart","endPoint":"opus_xXtB87_endPoint","svg":"opus_xXtB87_svg","label":"opus_xXtB87_label"};
 
 // ../../components/Sparkline/Sparkline.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
@@ -9110,7 +9255,7 @@ function Sparkline({
 }
 
 // ../../components/ProgressRing/ProgressRing.module.css
-var ProgressRing_default = {"ring":"opus_YxX6Hh_ring","value":"opus_YxX6Hh_value","center":"opus_YxX6Hh_center","svg":"opus_YxX6Hh_svg","track":"opus_YxX6Hh_track"};
+var ProgressRing_default = {"svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","track":"opus_YxX6Hh_track","ring":"opus_YxX6Hh_ring","center":"opus_YxX6Hh_center"};
 
 // ../../components/ProgressRing/ProgressRing.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
@@ -9143,7 +9288,7 @@ function ProgressRing({ label, max = 100, value }) {
 }
 
 // ../../components/ProgressBar/ProgressBar.module.css
-var ProgressBar_default = {"label":"opus_q04AvA_label","track":"opus_q04AvA_track","bar":"opus_q04AvA_bar","value":"opus_q04AvA_value","header":"opus_q04AvA_header","fill":"opus_q04AvA_fill"};
+var ProgressBar_default = {"bar":"opus_q04AvA_bar","label":"opus_q04AvA_label","value":"opus_q04AvA_value","header":"opus_q04AvA_header","track":"opus_q04AvA_track","fill":"opus_q04AvA_fill"};
 
 // ../../components/ProgressBar/ProgressBar.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -9163,7 +9308,7 @@ function ProgressBar({ label, max = 100, value }) {
 }
 
 // ../../components/Speedometer/Speedometer.module.css
-var Speedometer_default = {"value":"opus__jpB7z_value","speedometer":"opus__jpB7z_speedometer","hub":"opus__jpB7z_hub","center":"opus__jpB7z_center","needle":"opus__jpB7z_needle","track":"opus__jpB7z_track","svg":"opus__jpB7z_svg"};
+var Speedometer_default = {"center":"opus__jpB7z_center","svg":"opus__jpB7z_svg","track":"opus__jpB7z_track","needle":"opus__jpB7z_needle","speedometer":"opus__jpB7z_speedometer","value":"opus__jpB7z_value","hub":"opus__jpB7z_hub"};
 
 // ../../components/Speedometer/Speedometer.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
@@ -9196,7 +9341,7 @@ function Speedometer({ label, max = 100, value }) {
 }
 
 // ../../components/MetricTile/MetricTile.module.css
-var MetricTile_default = {"topRow":"opus_-dz9KL_topRow","sparklineSlot":"opus_-dz9KL_sparklineSlot","tile":"opus_-dz9KL_tile"};
+var MetricTile_default = {"tile":"opus_-dz9KL_tile","topRow":"opus_-dz9KL_topRow","sparklineSlot":"opus_-dz9KL_sparklineSlot"};
 
 // ../../components/MetricTile/MetricTile.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -9217,7 +9362,7 @@ var import_react39 = require("react");
 var import_maplibre_gl = require("maplibre-gl/dist/maplibre-gl.css");
 
 // ../../components/Map/Map.module.css
-var Map_default = {"search":"opus_srL77d_search","content":"opus_srL77d_content","shell":"opus_srL77d_shell","searchResults":"opus_srL77d_searchResults","address":"opus_srL77d_address","popupContent":"opus_srL77d_popupContent","mapFrame":"opus_srL77d_mapFrame","atmosphere":"opus_srL77d_atmosphere","map":"opus_srL77d_map","searchStatus":"opus_srL77d_searchStatus","hotspots":"opus_srL77d_hotspots","hotspotDot":"opus_srL77d_hotspotDot","marker":"opus_srL77d_marker","coordinates":"opus_srL77d_coordinates"};
+var Map_default = {"searchResults":"opus_srL77d_searchResults","shell":"opus_srL77d_shell","address":"opus_srL77d_address","searchStatus":"opus_srL77d_searchStatus","hotspotDot":"opus_srL77d_hotspotDot","popupContent":"opus_srL77d_popupContent","hotspots":"opus_srL77d_hotspots","mapFrame":"opus_srL77d_mapFrame","content":"opus_srL77d_content","coordinates":"opus_srL77d_coordinates","map":"opus_srL77d_map","search":"opus_srL77d_search","atmosphere":"opus_srL77d_atmosphere","marker":"opus_srL77d_marker"};
 
 // ../../components/Map/Map.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -9690,11 +9835,12 @@ function TrendBadge({ direction, value }) {
 var import_react41 = require("react");
 
 // ../../components/Badge/Badge.module.css
-var Badge_default = {"dot":"opus_1GJHzl_dot","badge":"opus_1GJHzl_badge"};
+var Badge_default = {"count":"opus_1GJHzl_count","dot":"opus_1GJHzl_dot","badge":"opus_1GJHzl_badge"};
 
 // ../../components/Badge/Badge.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function Badge({
+  count,
   dot = false,
   label,
   size = "md",
@@ -9703,12 +9849,13 @@ function Badge({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: Badge_default.badge, "data-size": size, "data-tone": tone, "data-variant": variant, children: [
     dot ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { "aria-hidden": "true", className: Badge_default.dot }) : null,
-    label
+    label,
+    count === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: Badge_default.count, children: count })
   ] });
 }
 
 // ../../components/DashboardContentContainer/DashboardContentContainer.module.css
-var DashboardContentContainer_default = {"title":"opus_myuwZ6_title","container":"opus_myuwZ6_container"};
+var DashboardContentContainer_default = {"container":"opus_myuwZ6_container","title":"opus_myuwZ6_title"};
 
 // ../../components/DashboardContentContainer/DashboardContentContainer.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
@@ -9747,7 +9894,7 @@ function DashboardContentContainer({
 var import_react40 = require("react");
 
 // ../../components/TreeMenu/TreeMenu.module.css
-var TreeMenu_default = {"toggle":"opus_RUNNkf_toggle","row":"opus_RUNNkf_row","tree":"opus_RUNNkf_tree","icon":"opus_RUNNkf_icon","children":"opus_RUNNkf_children","node":"opus_RUNNkf_node","meta":"opus_RUNNkf_meta","item":"opus_RUNNkf_item","label":"opus_RUNNkf_label"};
+var TreeMenu_default = {"label":"opus_RUNNkf_label","tree":"opus_RUNNkf_tree","item":"opus_RUNNkf_item","icon":"opus_RUNNkf_icon","row":"opus_RUNNkf_row","node":"opus_RUNNkf_node","meta":"opus_RUNNkf_meta","toggleSpacer":"opus_RUNNkf_toggleSpacer","toggle":"opus_RUNNkf_toggle","children":"opus_RUNNkf_children"};
 
 // ../../components/TreeMenu/TreeMenu.tsx
 var import_jsx_runtime67 = require("react/jsx-runtime");
@@ -9774,17 +9921,23 @@ function TreeMenuBranch({
       role: "treeitem",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: TreeMenu_default.row, "data-selected": selected ? "true" : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "button",
             {
-              "aria-label": hasChildren ? `${isExpanded ? "Collapse" : "Expand"} ${node.label}` : void 0,
+              "aria-label": `${isExpanded ? "Collapse" : "Expand"} ${node.label}`,
               className: TreeMenu_default.toggle,
-              disabled: !hasChildren || node.disabled,
+              disabled: node.disabled,
               onClick: () => onToggle(node),
               style: { marginLeft: depth * indent },
-              tabIndex: hasChildren ? 0 : -1,
               type: "button",
-              children: hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CatalogIcon, { iconName: isExpanded ? "chevron-down" : "chevron-right" }) : null
+              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CatalogIcon, { iconName: isExpanded ? "chevron-down" : "chevron-right" })
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: TreeMenu_default.toggleSpacer,
+              style: { marginLeft: depth * indent }
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
@@ -9883,7 +10036,7 @@ function TreeMenu({
 }
 
 // ../../components/CrmWorkspaceLab/CrmWorkspaceLab.module.css
-var CrmWorkspaceLab_default = {"row":"opus_7Zs_d5_row","docGrid":"opus_7Zs_d5_docGrid","timelineIcon":"opus_7Zs_d5_timelineIcon","tableHead":"opus_7Zs_d5_tableHead","docListName":"opus_7Zs_d5_docListName","rowIcon":"opus_7Zs_d5_rowIcon","boardColumn":"opus_7Zs_d5_boardColumn","boardCardHeader":"opus_7Zs_d5_boardCardHeader","settingsIcon":"opus_7Zs_d5_settingsIcon","timelineTitleRow":"opus_7Zs_d5_timelineTitleRow","breadcrumb":"opus_7Zs_d5_breadcrumb","rowActionOverlay":"opus_7Zs_d5_rowActionOverlay","catalogueCard":"opus_7Zs_d5_catalogueCard","docColumnHeading":"opus_7Zs_d5_docColumnHeading","feedBody":"opus_7Zs_d5_feedBody","feedTitleRow":"opus_7Zs_d5_feedTitleRow","docColumns":"opus_7Zs_d5_docColumns","timelineTime":"opus_7Zs_d5_timelineTime","actionRow":"opus_7Zs_d5_actionRow","timelineBody":"opus_7Zs_d5_timelineBody","feed":"opus_7Zs_d5_feed","catalogue":"opus_7Zs_d5_catalogue","docTree":"opus_7Zs_d5_docTree","feedItem":"opus_7Zs_d5_feedItem","docCardHeader":"opus_7Zs_d5_docCardHeader","docToolbar":"opus_7Zs_d5_docToolbar","catalogueBody":"opus_7Zs_d5_catalogueBody","price":"opus_7Zs_d5_price","board":"opus_7Zs_d5_board","identity":"opus_7Zs_d5_identity","catalogueTitleRow":"opus_7Zs_d5_catalogueTitleRow","headerAction":"opus_7Zs_d5_headerAction","header":"opus_7Zs_d5_header","docViewOptions":"opus_7Zs_d5_docViewOptions","headingIcon":"opus_7Zs_d5_headingIcon","openChevron":"opus_7Zs_d5_openChevron","toolbar":"opus_7Zs_d5_toolbar","settings":"opus_7Zs_d5_settings","docColumn":"opus_7Zs_d5_docColumn","docCardIcon":"opus_7Zs_d5_docCardIcon","settingsBody":"opus_7Zs_d5_settingsBody","boardCards":"opus_7Zs_d5_boardCards","docTreeHeading":"opus_7Zs_d5_docTreeHeading","table":"opus_7Zs_d5_table","docListRow":"opus_7Zs_d5_docListRow","docTreeItem":"opus_7Zs_d5_docTreeItem","docColumnEmpty":"opus_7Zs_d5_docColumnEmpty","timelineCard":"opus_7Zs_d5_timelineCard","settingsRow":"opus_7Zs_d5_settingsRow","docToolbarControls":"opus_7Zs_d5_docToolbarControls","boardCard":"opus_7Zs_d5_boardCard","meta":"opus_7Zs_d5_meta","root":"opus_7Zs_d5_root","timelineItem":"opus_7Zs_d5_timelineItem","feedIcon":"opus_7Zs_d5_feedIcon","docEmpty":"opus_7Zs_d5_docEmpty","catalogueIcon":"opus_7Zs_d5_catalogueIcon","documents":"opus_7Zs_d5_documents","heading":"opus_7Zs_d5_heading","docCard":"opus_7Zs_d5_docCard","timeline":"opus_7Zs_d5_timeline","resultCount":"opus_7Zs_d5_resultCount","docColumnItem":"opus_7Zs_d5_docColumnItem","docBrowser":"opus_7Zs_d5_docBrowser","docViewButton":"opus_7Zs_d5_docViewButton","docListHeading":"opus_7Zs_d5_docListHeading","feedBadge":"opus_7Zs_d5_feedBadge","docList":"opus_7Zs_d5_docList"};
+var CrmWorkspaceLab_default = {"docColumnHeading":"opus_7Zs_d5_docColumnHeading","boardCardHeader":"opus_7Zs_d5_boardCardHeader","breadcrumb":"opus_7Zs_d5_breadcrumb","openChevron":"opus_7Zs_d5_openChevron","feedBadge":"opus_7Zs_d5_feedBadge","boardCard":"opus_7Zs_d5_boardCard","settingsRow":"opus_7Zs_d5_settingsRow","docGrid":"opus_7Zs_d5_docGrid","feedItem":"opus_7Zs_d5_feedItem","docBrowser":"opus_7Zs_d5_docBrowser","catalogueCard":"opus_7Zs_d5_catalogueCard","docCardHeader":"opus_7Zs_d5_docCardHeader","boardCards":"opus_7Zs_d5_boardCards","docCard":"opus_7Zs_d5_docCard","catalogueBody":"opus_7Zs_d5_catalogueBody","docListRow":"opus_7Zs_d5_docListRow","feedIcon":"opus_7Zs_d5_feedIcon","timelineTime":"opus_7Zs_d5_timelineTime","catalogueIcon":"opus_7Zs_d5_catalogueIcon","docEmpty":"opus_7Zs_d5_docEmpty","price":"opus_7Zs_d5_price","timeline":"opus_7Zs_d5_timeline","docColumnItem":"opus_7Zs_d5_docColumnItem","selectCell":"opus_7Zs_d5_selectCell","catalogue":"opus_7Zs_d5_catalogue","tableHead":"opus_7Zs_d5_tableHead","toolbar":"opus_7Zs_d5_toolbar","documents":"opus_7Zs_d5_documents","heading":"opus_7Zs_d5_heading","docTree":"opus_7Zs_d5_docTree","actionCell":"opus_7Zs_d5_actionCell","resultCount":"opus_7Zs_d5_resultCount","feedBody":"opus_7Zs_d5_feedBody","row":"opus_7Zs_d5_row","root":"opus_7Zs_d5_root","headingIcon":"opus_7Zs_d5_headingIcon","docColumn":"opus_7Zs_d5_docColumn","docTreeItem":"opus_7Zs_d5_docTreeItem","docList":"opus_7Zs_d5_docList","docCardIcon":"opus_7Zs_d5_docCardIcon","timelineBody":"opus_7Zs_d5_timelineBody","settings":"opus_7Zs_d5_settings","settingsIcon":"opus_7Zs_d5_settingsIcon","docListHeading":"opus_7Zs_d5_docListHeading","boardColumn":"opus_7Zs_d5_boardColumn","feed":"opus_7Zs_d5_feed","headerAction":"opus_7Zs_d5_headerAction","docColumnEmpty":"opus_7Zs_d5_docColumnEmpty","timelineTitleRow":"opus_7Zs_d5_timelineTitleRow","docViewOptions":"opus_7Zs_d5_docViewOptions","timelineIcon":"opus_7Zs_d5_timelineIcon","rowActionOverlay":"opus_7Zs_d5_rowActionOverlay","meta":"opus_7Zs_d5_meta","catalogueTitleRow":"opus_7Zs_d5_catalogueTitleRow","table":"opus_7Zs_d5_table","feedTitleRow":"opus_7Zs_d5_feedTitleRow","settingsBody":"opus_7Zs_d5_settingsBody","docColumns":"opus_7Zs_d5_docColumns","board":"opus_7Zs_d5_board","docListName":"opus_7Zs_d5_docListName","docToolbarControls":"opus_7Zs_d5_docToolbarControls","identity":"opus_7Zs_d5_identity","timelineCard":"opus_7Zs_d5_timelineCard","timelineItem":"opus_7Zs_d5_timelineItem","actionRow":"opus_7Zs_d5_actionRow","header":"opus_7Zs_d5_header","docToolbar":"opus_7Zs_d5_docToolbar","rowIcon":"opus_7Zs_d5_rowIcon","docTreeHeading":"opus_7Zs_d5_docTreeHeading","docViewButton":"opus_7Zs_d5_docViewButton"};
 
 // ../../components/CrmWorkspaceLab/CrmWorkspaceLab.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -10227,7 +10380,7 @@ function DirectoryLayout({
       filtered.map((row) => {
         const checked = selected.includes(row.id);
         return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: `${CrmWorkspaceLab_default.row} ${CrmWorkspaceLab_default.actionRow}`, role: "row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: CrmWorkspaceLab_default.selectCell, role: "cell", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "input",
             {
               "aria-label": `Select ${row.primary}`,
@@ -10235,7 +10388,7 @@ function DirectoryLayout({
               type: "checkbox",
               onChange: () => onToggle(row.id)
             }
-          ),
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: CrmWorkspaceLab_default.identity, role: "cell", children: [
             row.icon ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: CrmWorkspaceLab_default.rowIcon, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CatalogIcon, { iconName: row.icon }) }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { children: [
@@ -10245,7 +10398,7 @@ function DirectoryLayout({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { role: "cell", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Badge, { label: row.status, size: "sm", tone: statusTone(row.status) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: CrmWorkspaceLab_default.meta, role: "cell", children: row.meta }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: CrmWorkspaceLab_default.actionCell, role: "cell", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             "button",
             {
               "aria-label": `Open ${row.primary}`,
@@ -10254,7 +10407,7 @@ function DirectoryLayout({
               type: "button",
               children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(RowChevron, {})
             }
-          )
+          ) })
         ] }, row.id);
       })
     ] })
@@ -10682,7 +10835,7 @@ function CrmWorkspaceLab({ variant, onAction }) {
 var import_react42 = require("react");
 
 // ../../components/fields/OtpField/OtpField.module.css
-var OtpField_default = {"inputs":"opus_7RMR7r_inputs","input":"opus_7RMR7r_input"};
+var OtpField_default = {"input":"opus_7RMR7r_input","inputs":"opus_7RMR7r_inputs"};
 
 // ../../components/fields/OtpField/OtpField.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
@@ -10756,7 +10909,7 @@ function OtpField({ error, help, id, label, labelPosition = "left", length = 6,
 var import_react43 = require("react");
 
 // ../../components/fields/AdvancedFields/AdvancedFields.module.css
-var AdvancedFields_default = {"checkGroup":"opus_ymQ4nN_checkGroup","actions":"opus_ymQ4nN_actions","fileList":"opus_ymQ4nN_fileList","input":"opus_ymQ4nN_input","affixed":"opus_ymQ4nN_affixed","rangeGrid":"opus_ymQ4nN_rangeGrid","summary":"opus_ymQ4nN_summary","formSection":"opus_ymQ4nN_formSection","bareInput":"opus_ymQ4nN_bareInput","drop":"opus_ymQ4nN_drop","form":"opus_ymQ4nN_form","hidden":"opus_ymQ4nN_hidden"};
+var AdvancedFields_default = {"formSection":"opus_ymQ4nN_formSection","formHeaderEyebrow":"opus_ymQ4nN_formHeaderEyebrow","summary":"opus_ymQ4nN_summary","affixed":"opus_ymQ4nN_affixed","rangeGrid":"opus_ymQ4nN_rangeGrid","formHeaderDescription":"opus_ymQ4nN_formHeaderDescription","checkGroup":"opus_ymQ4nN_checkGroup","drop":"opus_ymQ4nN_drop","formHeaderTitle":"opus_ymQ4nN_formHeaderTitle","input":"opus_ymQ4nN_input","fileList":"opus_ymQ4nN_fileList","formHeaderCopy":"opus_ymQ4nN_formHeaderCopy","form":"opus_ymQ4nN_form","actions":"opus_ymQ4nN_actions","hidden":"opus_ymQ4nN_hidden","bareInput":"opus_ymQ4nN_bareInput","formHeader":"opus_ymQ4nN_formHeader","formHeaderActions":"opus_ymQ4nN_formHeaderActions"};
 
 // ../../components/fields/AdvancedFields/AdvancedFields.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
@@ -10830,8 +10983,20 @@ function FormValidationSummary({ errors, title = "Please correct the following"
     /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("ul", { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { children: error.fieldId ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("a", { href: `#${error.fieldId}`, children: error.message }) : error.message }, `${error.fieldId}-${index}`)) })
   ] });
 }
-function Form({ children, onSubmit }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("form", { className: AdvancedFields_default.form, noValidate: true, onSubmit, children });
+function Form(_a2) {
+  var _b2 = _a2, { children, className } = _b2, props = __objRest(_b2, ["children", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("form", __spreadProps(__spreadValues({}, props), { className: [AdvancedFields_default.form, className].filter(Boolean).join(" "), children }));
+}
+function FormHeader({ actions, align = "start", description, eyebrow, headingLevel = 2, title, titleId }) {
+  const Heading = `h${headingLevel}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("header", { className: AdvancedFields_default.formHeader, "data-align": align, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: AdvancedFields_default.formHeaderCopy, children: [
+      eyebrow ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: AdvancedFields_default.formHeaderEyebrow, children: eyebrow }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Heading, { className: AdvancedFields_default.formHeaderTitle, id: titleId, children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: AdvancedFields_default.formHeaderDescription, children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: AdvancedFields_default.formHeaderActions, children: actions }) : null
+  ] });
 }
 function FormSection({ children, title }) {
   const id = (0, import_react43.useId)();
@@ -10845,7 +11010,7 @@ function FormActions({ children }) {
 }
 
 // ../../components/Panel/Panel.module.css
-var Panel_default = {"header":"opus_JZHUc__header","title":"opus_JZHUc__title","body":"opus_JZHUc__body","panel":"opus_JZHUc__panel","heading":"opus_JZHUc__heading","description":"opus_JZHUc__description","headerActions":"opus_JZHUc__headerActions","footer":"opus_JZHUc__footer"};
+var Panel_default = {"title":"opus_JZHUc__title","body":"opus_JZHUc__body","headerActions":"opus_JZHUc__headerActions","footer":"opus_JZHUc__footer","panel":"opus_JZHUc__panel","heading":"opus_JZHUc__heading","header":"opus_JZHUc__header","description":"opus_JZHUc__description"};
 
 // ../../components/Panel/Panel.tsx
 var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -11040,7 +11205,7 @@ function resolveSectionGapVars(gap = "md") {
 }
 
 // ../../components/Section/Section.module.css
-var Section_default = {"title":"opus_FajZiH_title","column":"opus_FajZiH_column","body":"opus_FajZiH_body","row":"opus_FajZiH_row","description":"opus_FajZiH_description","section":"opus_FajZiH_section","header":"opus_FajZiH_header"};
+var Section_default = {"body":"opus_FajZiH_body","title":"opus_FajZiH_title","row":"opus_FajZiH_row","column":"opus_FajZiH_column","section":"opus_FajZiH_section","header":"opus_FajZiH_header","description":"opus_FajZiH_description"};
 
 // ../../components/Section/Section.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -11121,7 +11286,7 @@ var Section = Object.assign(SectionRoot, {
 });
 
 // ../../components/Table/Table.module.css
-var Table_default = {"empty":"opus_2q7S14_empty","table":"opus_2q7S14_table","visuallyHidden":"opus_2q7S14_visuallyHidden","caption":"opus_2q7S14_caption","wrap":"opus_2q7S14_wrap"};
+var Table_default = {"wrap":"opus_2q7S14_wrap","table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","empty":"opus_2q7S14_empty","visuallyHidden":"opus_2q7S14_visuallyHidden"};
 
 // ../../components/Table/Table.tsx
 var import_jsx_runtime73 = require("react/jsx-runtime");
@@ -11343,7 +11508,7 @@ function buildPivotGrid(sourceRows, config2) {
 }
 
 // ../../components/DataGrid/DataGrid.module.css
-var DataGrid_default = {"sortButtonLabel":"opus_zN0bNb_sortButtonLabel","filterInput":"opus_zN0bNb_filterInput","groupRow":"opus_zN0bNb_groupRow","menuLabel":"opus_zN0bNb_menuLabel","menuHost":"opus_zN0bNb_menuHost","groupCell":"opus_zN0bNb_groupCell","headerMenu":"opus_zN0bNb_headerMenu","empty":"opus_zN0bNb_empty","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","caption":"opus_zN0bNb_caption","sortIndicator":"opus_zN0bNb_sortIndicator","menuAction":"opus_zN0bNb_menuAction","expandSpacer":"opus_zN0bNb_expandSpacer","wrap":"opus_zN0bNb_wrap","detailCell":"opus_zN0bNb_detailCell","visuallyHidden":"opus_zN0bNb_visuallyHidden","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","menuChevron":"opus_zN0bNb_menuChevron","sortButton":"opus_zN0bNb_sortButton","headerLabel":"opus_zN0bNb_headerLabel","menuButton":"opus_zN0bNb_menuButton","expandButton":"opus_zN0bNb_expandButton","groupCount":"opus_zN0bNb_groupCount","menuSection":"opus_zN0bNb_menuSection","frame":"opus_zN0bNb_frame","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","headerCell":"opus_zN0bNb_headerCell","gridBody":"opus_zN0bNb_gridBody","chevron":"opus_zN0bNb_chevron","groupButton":"opus_zN0bNb_groupButton","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","detailRow":"opus_zN0bNb_detailRow","infiniteFooter":"opus_zN0bNb_infiniteFooter","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","rowHeader":"opus_zN0bNb_rowHeader","headerControls":"opus_zN0bNb_headerControls","grid":"opus_zN0bNb_grid","corner":"opus_zN0bNb_corner","spacerRow":"opus_zN0bNb_spacerRow"};
+var DataGrid_default = {"menuFilterIcon":"opus_zN0bNb_menuFilterIcon","menuHost":"opus_zN0bNb_menuHost","headerLabel":"opus_zN0bNb_headerLabel","wrap":"opus_zN0bNb_wrap","sortIndicator":"opus_zN0bNb_sortIndicator","detailRow":"opus_zN0bNb_detailRow","frame":"opus_zN0bNb_frame","rowHeader":"opus_zN0bNb_rowHeader","gridBody":"opus_zN0bNb_gridBody","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","corner":"opus_zN0bNb_corner","expandSpacer":"opus_zN0bNb_expandSpacer","expandButton":"opus_zN0bNb_expandButton","menuButton":"opus_zN0bNb_menuButton","headerMenu":"opus_zN0bNb_headerMenu","detailCell":"opus_zN0bNb_detailCell","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","grid":"opus_zN0bNb_grid","menuChevron":"opus_zN0bNb_menuChevron","chevron":"opus_zN0bNb_chevron","caption":"opus_zN0bNb_caption","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","visuallyHidden":"opus_zN0bNb_visuallyHidden","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","menuSection":"opus_zN0bNb_menuSection","groupButton":"opus_zN0bNb_groupButton","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","spacerRow":"opus_zN0bNb_spacerRow","sortButton":"opus_zN0bNb_sortButton","menuAction":"opus_zN0bNb_menuAction","groupCount":"opus_zN0bNb_groupCount","groupRow":"opus_zN0bNb_groupRow","infiniteFooter":"opus_zN0bNb_infiniteFooter","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","empty":"opus_zN0bNb_empty","filterInput":"opus_zN0bNb_filterInput","headerControls":"opus_zN0bNb_headerControls","groupCell":"opus_zN0bNb_groupCell"};
 
 // ../../components/DataGrid/DataGrid.tsx
 var import_jsx_runtime74 = require("react/jsx-runtime");
@@ -14909,7 +15074,7 @@ function SpecializedChart(props) {
 }
 
 // ../../components/Chart/Chart.module.css
-var Chart_default = {"axisTick":"opus_L6guCK_axisTick","axisLine":"opus_L6guCK_axisLine","funnel":"opus_L6guCK_funnel","violin":"opus_L6guCK_violin","bar":"opus_L6guCK_bar","link":"opus_L6guCK_link","grid":"opus_L6guCK_grid","seriesF":"opus_L6guCK_seriesF","graphLabel":"opus_L6guCK_graphLabel","legendItem":"opus_L6guCK_legendItem","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","mapRegion":"opus_L6guCK_mapRegion","seriesB":"opus_L6guCK_seriesB","valueLabel":"opus_L6guCK_valueLabel","wick":"opus_L6guCK_wick","slice":"opus_L6guCK_slice","radarGrid":"opus_L6guCK_radarGrid","sankeySideLabel":"opus_L6guCK_sankeySideLabel","axes":"opus_L6guCK_axes","seriesD":"opus_L6guCK_seriesD","graphNode":"opus_L6guCK_graphNode","chart":"opus_L6guCK_chart","line":"opus_L6guCK_line","ring":"opus_L6guCK_ring","mapLabel":"opus_L6guCK_mapLabel","treemapLabel":"opus_L6guCK_treemapLabel","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","legend":"opus_L6guCK_legend","meta":"opus_L6guCK_meta","graphNodeRing":"opus_L6guCK_graphNodeRing","title":"opus_L6guCK_title","mapValue":"opus_L6guCK_mapValue","sankeyNode":"opus_L6guCK_sankeyNode","funnelText":"opus_L6guCK_funnelText","seriesC":"opus_L6guCK_seriesC","packLabel":"opus_L6guCK_packLabel","legendSwatch":"opus_L6guCK_legendSwatch","svg":"opus_L6guCK_svg","land":"opus_L6guCK_land","header":"opus_L6guCK_header","sankeySideValue":"opus_L6guCK_sankeySideValue","graphLinkColored":"opus_L6guCK_graphLinkColored","funnelGuide":"opus_L6guCK_funnelGuide","axisLabels":"opus_L6guCK_axisLabels","seriesE":"opus_L6guCK_seriesE","sankeySideName":"opus_L6guCK_sankeySideName","seriesA":"opus_L6guCK_seriesA","area":"opus_L6guCK_area","ridge":"opus_L6guCK_ridge","sankeyLink":"opus_L6guCK_sankeyLink","radarArea":"opus_L6guCK_radarArea","point":"opus_L6guCK_point","axisTitle":"opus_L6guCK_axisTitle","mapLand":"opus_L6guCK_mapLand","graphLink":"opus_L6guCK_graphLink","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","axisGuide":"opus_L6guCK_axisGuide","packParent":"opus_L6guCK_packParent"};
+var Chart_default = {"axisLine":"opus_L6guCK_axisLine","mapRegion":"opus_L6guCK_mapRegion","packParent":"opus_L6guCK_packParent","axisTick":"opus_L6guCK_axisTick","mapLabel":"opus_L6guCK_mapLabel","title":"opus_L6guCK_title","point":"opus_L6guCK_point","funnel":"opus_L6guCK_funnel","seriesC":"opus_L6guCK_seriesC","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","radarGrid":"opus_L6guCK_radarGrid","legendSwatch":"opus_L6guCK_legendSwatch","funnelText":"opus_L6guCK_funnelText","sankeySideValue":"opus_L6guCK_sankeySideValue","header":"opus_L6guCK_header","seriesA":"opus_L6guCK_seriesA","valueLabel":"opus_L6guCK_valueLabel","sankeySideName":"opus_L6guCK_sankeySideName","ring":"opus_L6guCK_ring","packLabel":"opus_L6guCK_packLabel","chart":"opus_L6guCK_chart","bar":"opus_L6guCK_bar","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","svg":"opus_L6guCK_svg","axes":"opus_L6guCK_axes","seriesE":"opus_L6guCK_seriesE","graphLinkColored":"opus_L6guCK_graphLinkColored","land":"opus_L6guCK_land","sankeyLink":"opus_L6guCK_sankeyLink","axisLabels":"opus_L6guCK_axisLabels","line":"opus_L6guCK_line","axisTitle":"opus_L6guCK_axisTitle","slice":"opus_L6guCK_slice","meta":"opus_L6guCK_meta","graphLabel":"opus_L6guCK_graphLabel","mapValue":"opus_L6guCK_mapValue","graphNode":"opus_L6guCK_graphNode","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","legendItem":"opus_L6guCK_legendItem","area":"opus_L6guCK_area","sankeySideLabel":"opus_L6guCK_sankeySideLabel","seriesB":"opus_L6guCK_seriesB","violin":"opus_L6guCK_violin","grid":"opus_L6guCK_grid","graphNodeRing":"opus_L6guCK_graphNodeRing","seriesD":"opus_L6guCK_seriesD","ridge":"opus_L6guCK_ridge","treemapLabel":"opus_L6guCK_treemapLabel","link":"opus_L6guCK_link","mapLand":"opus_L6guCK_mapLand","radarArea":"opus_L6guCK_radarArea","legend":"opus_L6guCK_legend","funnelGuide":"opus_L6guCK_funnelGuide","axisGuide":"opus_L6guCK_axisGuide","sankeyNode":"opus_L6guCK_sankeyNode","seriesF":"opus_L6guCK_seriesF","wick":"opus_L6guCK_wick","graphLink":"opus_L6guCK_graphLink"};
 
 // ../../components/Chart/Chart.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -16048,7 +16213,7 @@ function Chart({
 }
 
 // ../../components/Skeleton/Skeleton.module.css
-var Skeleton_default = {"avatar":"opus_27r9Md_avatar","skeleton":"opus_27r9Md_skeleton","skeletonShimmer":"opus_27r9Md_skeletonShimmer","skeletonPulse":"opus_27r9Md_skeletonPulse","tableCell":"opus_27r9Md_tableCell","media":"opus_27r9Md_media","tableRow":"opus_27r9Md_tableRow","avatarContent":"opus_27r9Md_avatarContent","line":"opus_27r9Md_line","stack":"opus_27r9Md_stack"};
+var Skeleton_default = {"stack":"opus_27r9Md_stack","avatar":"opus_27r9Md_avatar","skeleton":"opus_27r9Md_skeleton","media":"opus_27r9Md_media","tableRow":"opus_27r9Md_tableRow","tableCell":"opus_27r9Md_tableCell","line":"opus_27r9Md_line","skeletonShimmer":"opus_27r9Md_skeletonShimmer","skeletonPulse":"opus_27r9Md_skeletonPulse","avatarContent":"opus_27r9Md_avatarContent"};
 
 // ../../components/Skeleton/Skeleton.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
@@ -16099,7 +16264,7 @@ var import_free_solid_svg_icons9 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome9 = require("@fortawesome/react-fontawesome");
 
 // ../../components/Lightbox/Lightbox.module.css
-var Lightbox_default = {"lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","close":"opus_s7Rpyv_close","frame":"opus_s7Rpyv_frame","panel":"opus_s7Rpyv_panel","trigger":"opus_s7Rpyv_trigger","overlay":"opus_s7Rpyv_overlay","lightbox":"opus_s7Rpyv_lightbox","closeIcon":"opus_s7Rpyv_closeIcon","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","image":"opus_s7Rpyv_image","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","caption":"opus_s7Rpyv_caption"};
+var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","frame":"opus_s7Rpyv_frame","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","overlay":"opus_s7Rpyv_overlay","closeIcon":"opus_s7Rpyv_closeIcon","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","trigger":"opus_s7Rpyv_trigger","panel":"opus_s7Rpyv_panel","close":"opus_s7Rpyv_close","caption":"opus_s7Rpyv_caption","image":"opus_s7Rpyv_image"};
 
 // ../../components/Lightbox/Lightbox.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -16214,7 +16379,7 @@ function Lightbox({
 }
 
 // ../../components/Carousel/Carousel.module.css
-var Carousel_default = {"empty":"opus_N4occJ_empty","carousel":"opus_N4occJ_carousel","visuallyHidden":"opus_N4occJ_visuallyHidden","navIcon":"opus_N4occJ_navIcon","caption":"opus_N4occJ_caption","stage":"opus_N4occJ_stage","slide":"opus_N4occJ_slide","nav":"opus_N4occJ_nav","footer":"opus_N4occJ_footer","image":"opus_N4occJ_image","track":"opus_N4occJ_track","pip":"opus_N4occJ_pip","pips":"opus_N4occJ_pips"};
+var Carousel_default = {"empty":"opus_N4occJ_empty","visuallyHidden":"opus_N4occJ_visuallyHidden","stage":"opus_N4occJ_stage","pips":"opus_N4occJ_pips","slide":"opus_N4occJ_slide","navIcon":"opus_N4occJ_navIcon","carousel":"opus_N4occJ_carousel","pip":"opus_N4occJ_pip","image":"opus_N4occJ_image","nav":"opus_N4occJ_nav","footer":"opus_N4occJ_footer","track":"opus_N4occJ_track","caption":"opus_N4occJ_caption"};
 
 // ../../components/Carousel/Carousel.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -16569,7 +16734,7 @@ async function shareMedia({
 }
 
 // ../../components/MediaShareCastControl/MediaShareCastControl.module.css
-var MediaShareCastControl_default = {"itemHint":"opus_ioyYOy_itemHint","trigger":"opus_ioyYOy_trigger","itemLabel":"opus_ioyYOy_itemLabel","root":"opus_ioyYOy_root","itemIcon":"opus_ioyYOy_itemIcon","menu":"opus_ioyYOy_menu","item":"opus_ioyYOy_item","icon":"opus_ioyYOy_icon"};
+var MediaShareCastControl_default = {"trigger":"opus_ioyYOy_trigger","menu":"opus_ioyYOy_menu","root":"opus_ioyYOy_root","itemHint":"opus_ioyYOy_itemHint","itemLabel":"opus_ioyYOy_itemLabel","item":"opus_ioyYOy_item","icon":"opus_ioyYOy_icon","itemIcon":"opus_ioyYOy_itemIcon"};
 
 // ../../components/MediaShareCastControl/MediaShareCastControl.tsx
 var import_jsx_runtime80 = require("react/jsx-runtime");
@@ -16863,7 +17028,7 @@ function MediaShareCastControl({
 }
 
 // ../../components/VideoPlayer/VideoPlayer.module.css
-var VideoPlayer_default = {"iconButton":"opus_g_RHVI_iconButton","trackCount":"opus_g_RHVI_trackCount","spacer":"opus_g_RHVI_spacer","progressTrack":"opus_g_RHVI_progressTrack","centerPlay":"opus_g_RHVI_centerPlay","progressFill":"opus_g_RHVI_progressFill","stage":"opus_g_RHVI_stage","time":"opus_g_RHVI_time","controls":"opus_g_RHVI_controls","player":"opus_g_RHVI_player","video":"opus_g_RHVI_video","title":"opus_g_RHVI_title","volume":"opus_g_RHVI_volume","progress":"opus_g_RHVI_progress","videoBackdrop":"opus_g_RHVI_videoBackdrop","icon":"opus_g_RHVI_icon","progressThumb":"opus_g_RHVI_progressThumb","titleRow":"opus_g_RHVI_titleRow","toolbar":"opus_g_RHVI_toolbar"};
+var VideoPlayer_default = {"player":"opus_g_RHVI_player","title":"opus_g_RHVI_title","video":"opus_g_RHVI_video","progressTrack":"opus_g_RHVI_progressTrack","icon":"opus_g_RHVI_icon","progressFill":"opus_g_RHVI_progressFill","stage":"opus_g_RHVI_stage","titleRow":"opus_g_RHVI_titleRow","progress":"opus_g_RHVI_progress","centerPlay":"opus_g_RHVI_centerPlay","time":"opus_g_RHVI_time","controls":"opus_g_RHVI_controls","iconButton":"opus_g_RHVI_iconButton","spacer":"opus_g_RHVI_spacer","progressThumb":"opus_g_RHVI_progressThumb","trackCount":"opus_g_RHVI_trackCount","volume":"opus_g_RHVI_volume","toolbar":"opus_g_RHVI_toolbar","videoBackdrop":"opus_g_RHVI_videoBackdrop"};
 
 // ../../components/VideoPlayer/VideoPlayer.tsx
 var import_jsx_runtime81 = require("react/jsx-runtime");
@@ -17507,7 +17672,7 @@ var import_free_solid_svg_icons13 = require("@fortawesome/free-solid-svg-icons")
 var import_react_fontawesome13 = require("@fortawesome/react-fontawesome");
 
 // ../../components/AudioPlayer/AudioPlayer.module.css
-var AudioPlayer_default = {"player":"opus_pJZZp1_player","progressThumb":"opus_pJZZp1_progressThumb","meta":"opus_pJZZp1_meta","icon":"opus_pJZZp1_icon","progressTrack":"opus_pJZZp1_progressTrack","playButton":"opus_pJZZp1_playButton","iconButton":"opus_pJZZp1_iconButton","spacer":"opus_pJZZp1_spacer","progressFill":"opus_pJZZp1_progressFill","artwork":"opus_pJZZp1_artwork","toolbar":"opus_pJZZp1_toolbar","title":"opus_pJZZp1_title","time":"opus_pJZZp1_time","artworkMark":"opus_pJZZp1_artworkMark","trackCount":"opus_pJZZp1_trackCount","volume":"opus_pJZZp1_volume","body":"opus_pJZZp1_body","artworkGlow":"opus_pJZZp1_artworkGlow","progress":"opus_pJZZp1_progress","artworkImage":"opus_pJZZp1_artworkImage","artist":"opus_pJZZp1_artist"};
+var AudioPlayer_default = {"player":"opus_pJZZp1_player","trackCount":"opus_pJZZp1_trackCount","playButton":"opus_pJZZp1_playButton","spacer":"opus_pJZZp1_spacer","progressTrack":"opus_pJZZp1_progressTrack","artworkGlow":"opus_pJZZp1_artworkGlow","progressFill":"opus_pJZZp1_progressFill","artworkImage":"opus_pJZZp1_artworkImage","toolbar":"opus_pJZZp1_toolbar","progress":"opus_pJZZp1_progress","title":"opus_pJZZp1_title","artist":"opus_pJZZp1_artist","icon":"opus_pJZZp1_icon","progressThumb":"opus_pJZZp1_progressThumb","body":"opus_pJZZp1_body","iconButton":"opus_pJZZp1_iconButton","time":"opus_pJZZp1_time","artwork":"opus_pJZZp1_artwork","volume":"opus_pJZZp1_volume","artworkMark":"opus_pJZZp1_artworkMark","meta":"opus_pJZZp1_meta"};
 
 // ../../components/AudioPlayer/AudioPlayer.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
@@ -17897,7 +18062,7 @@ function AudioPlayer({
 }
 
 // ../../components/ImageThumbnail/ImageThumbnail.module.css
-var ImageThumbnail_default = {"image":"opus_Gp1o-9_image","caption":"opus_Gp1o-9_caption","thumbnail":"opus_Gp1o-9_thumbnail","figure":"opus_Gp1o-9_figure"};
+var ImageThumbnail_default = {"caption":"opus_Gp1o-9_caption","figure":"opus_Gp1o-9_figure","thumbnail":"opus_Gp1o-9_thumbnail","image":"opus_Gp1o-9_image"};
 
 // ../../components/ImageThumbnail/ImageThumbnail.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
@@ -17972,7 +18137,7 @@ var import_react52 = require("react");
 var import_react51 = require("react");
 
 // ../../components/ModelViewer/ModelViewer.module.css
-var ModelViewer_default = {"canvasHost":"opus_f7gfHI_canvasHost","loading":"opus_f7gfHI_loading","model":"opus_f7gfHI_model","caption":"opus_f7gfHI_caption","stage":"opus_f7gfHI_stage","viewer":"opus_f7gfHI_viewer"};
+var ModelViewer_default = {"loading":"opus_f7gfHI_loading","model":"opus_f7gfHI_model","stage":"opus_f7gfHI_stage","viewer":"opus_f7gfHI_viewer","canvasHost":"opus_f7gfHI_canvasHost","caption":"opus_f7gfHI_caption"};
 
 // ../../components/ModelViewer/FireBarrelModelViewer.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
@@ -18190,10 +18355,14 @@ var import_free_solid_svg_icons14 = require("@fortawesome/free-solid-svg-icons")
 var import_react_fontawesome14 = require("@fortawesome/react-fontawesome");
 
 // ../../components/ModelLightbox/ModelLightbox.module.css
-var ModelLightbox_default = {"trigger":"opus_YYKGIB_trigger","closeIcon":"opus_YYKGIB_closeIcon","close":"opus_YYKGIB_close","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","frame":"opus_YYKGIB_frame","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","overlay":"opus_YYKGIB_overlay"};
+var ModelLightbox_default = {"customTriggerContent":"opus_YYKGIB_customTriggerContent","frame":"opus_YYKGIB_frame","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","customTriggerButton":"opus_YYKGIB_customTriggerButton","overlay":"opus_YYKGIB_overlay","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","trigger":"opus_YYKGIB_trigger","customTrigger":"opus_YYKGIB_customTrigger","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn"};
 
 // ../../components/ModelLightbox/ModelLightbox.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime87 = (
+  /* The trigger content can hold its own controls (model-viewer renders a poster
+     button), so it stays outside the button and an overlay captures the click. */
+  require("react/jsx-runtime")
+);
 function ModelLightbox({
   asset,
   dismissOnBackdrop = true,
@@ -18244,17 +18413,18 @@ function ModelLightbox({
     return () => window.clearTimeout(timeout);
   }, [isOpen, isRendered]);
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ModelLightbox_default.lightbox, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
-      "button",
-      {
-        "aria-label": trigger ? triggerLabel : void 0,
-        className: ModelLightbox_default.trigger,
-        "data-custom": trigger ? "true" : "false",
-        type: "button",
-        onClick: () => setOpen(true),
-        children: trigger != null ? trigger : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: triggerLabel })
-      }
-    ),
+    trigger ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: ModelLightbox_default.customTrigger, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: ModelLightbox_default.customTriggerContent, inert: true, children: trigger }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        "button",
+        {
+          "aria-label": triggerLabel,
+          className: ModelLightbox_default.customTriggerButton,
+          type: "button",
+          onClick: () => setOpen(true)
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { className: ModelLightbox_default.trigger, type: "button", onClick: () => setOpen(true), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: triggerLabel }) }),
     isOpen || isRendered ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
@@ -18295,7 +18465,7 @@ function ModelLightbox({
 }
 
 // ../../components/ModelThumbnail/ModelThumbnail.module.css
-var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","content":"opus_NkO9Yb_content","staticThumbnail":"opus_NkO9Yb_staticThumbnail"};
+var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","staticThumbnail":"opus_NkO9Yb_staticThumbnail","content":"opus_NkO9Yb_content"};
 
 // ../../components/ModelThumbnail/ModelThumbnail.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
@@ -18365,7 +18535,7 @@ function ModelGallery({
 var import_react54 = require("react");
 
 // ../../components/EmptyState/EmptyState.module.css
-var EmptyState_default = {"iconWrap":"opus_1KckGY_iconWrap","title":"opus_1KckGY_title","copy":"opus_1KckGY_copy","root":"opus_1KckGY_root","description":"opus_1KckGY_description","actions":"opus_1KckGY_actions"};
+var EmptyState_default = {"iconWrap":"opus_1KckGY_iconWrap","title":"opus_1KckGY_title","description":"opus_1KckGY_description","copy":"opus_1KckGY_copy","root":"opus_1KckGY_root","actions":"opus_1KckGY_actions"};
 
 // ../../components/EmptyState/EmptyState.tsx
 var import_jsx_runtime90 = require("react/jsx-runtime");
@@ -18399,7 +18569,7 @@ function EmptyState({
 }
 
 // ../../components/Divider/Divider.module.css
-var Divider_default = {"line":"opus_ux1i0D_line","divider":"opus_ux1i0D_divider","label":"opus_ux1i0D_label","labelled":"opus_ux1i0D_labelled"};
+var Divider_default = {"divider":"opus_ux1i0D_divider","line":"opus_ux1i0D_line","labelled":"opus_ux1i0D_labelled","label":"opus_ux1i0D_label"};
 
 // ../../components/Divider/Divider.tsx
 var import_jsx_runtime91 = require("react/jsx-runtime");
@@ -18441,7 +18611,7 @@ function Divider({
 var import_react55 = require("react");
 
 // ../../components/Avatar/Avatar.module.css
-var Avatar_default = {"avatar":"opus_jsRWxO_avatar","initials":"opus_jsRWxO_initials","image":"opus_jsRWxO_image"};
+var Avatar_default = {"initials":"opus_jsRWxO_initials","avatar":"opus_jsRWxO_avatar","image":"opus_jsRWxO_image"};
 
 // ../../components/Avatar/Avatar.tsx
 var import_jsx_runtime92 = (
@@ -18491,7 +18661,7 @@ function Avatar({
 }
 
 // ../../components/AvatarGroup/AvatarGroup.module.css
-var AvatarGroup_default = {"item":"opus_Vv36ne_item","group":"opus_Vv36ne_group","overflow":"opus_Vv36ne_overflow"};
+var AvatarGroup_default = {"group":"opus_Vv36ne_group","item":"opus_Vv36ne_item","overflow":"opus_Vv36ne_overflow"};
 
 // ../../components/AvatarGroup/AvatarGroup.tsx
 var import_jsx_runtime93 = require("react/jsx-runtime");
@@ -18517,7 +18687,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
 }
 
 // ../../components/Statistic/Statistic.module.css
-var Statistic_default = {"affix":"opus_vCN1bv_affix","root":"opus_vCN1bv_root","trend":"opus_vCN1bv_trend","label":"opus_vCN1bv_label","value":"opus_vCN1bv_value"};
+var Statistic_default = {"value":"opus_vCN1bv_value","label":"opus_vCN1bv_label","affix":"opus_vCN1bv_affix","root":"opus_vCN1bv_root","trend":"opus_vCN1bv_trend"};
 
 // ../../components/Statistic/Statistic.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
@@ -18544,7 +18714,7 @@ function Statistic({
 }
 
 // ../../components/List/List.module.css
-var List_default = {"body":"opus_ys3xlo_body","title":"opus_ys3xlo_title","description":"opus_ys3xlo_description","list":"opus_ys3xlo_list","itemAction":"opus_ys3xlo_itemAction","meta":"opus_ys3xlo_meta","item":"opus_ys3xlo_item","icon":"opus_ys3xlo_icon","head":"opus_ys3xlo_head"};
+var List_default = {"itemAction":"opus_ys3xlo_itemAction","icon":"opus_ys3xlo_icon","meta":"opus_ys3xlo_meta","body":"opus_ys3xlo_body","item":"opus_ys3xlo_item","list":"opus_ys3xlo_list","head":"opus_ys3xlo_head","description":"opus_ys3xlo_description","title":"opus_ys3xlo_title"};
 
 // ../../components/List/List.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
@@ -18567,7 +18737,7 @@ function List({ density = "comfortable", items, ordered = false, onItemClick })
 }
 
 // ../../components/DescriptionList/DescriptionList.module.css
-var DescriptionList_default = {"list":"opus_FY8OsC_list","details":"opus_FY8OsC_details","term":"opus_FY8OsC_term","row":"opus_FY8OsC_row"};
+var DescriptionList_default = {"list":"opus_FY8OsC_list","term":"opus_FY8OsC_term","details":"opus_FY8OsC_details","row":"opus_FY8OsC_row"};
 
 // ../../components/DescriptionList/DescriptionList.tsx
 var import_jsx_runtime96 = require("react/jsx-runtime");
@@ -18585,7 +18755,7 @@ function DescriptionList({
 var import_react56 = require("react");
 
 // ../../components/PropertyGrid/PropertyGrid.module.css
-var PropertyGrid_default = {"grid":"opus_Bnfsue_grid","row":"opus_Bnfsue_row","valueCell":"opus_Bnfsue_valueCell","label":"opus_Bnfsue_label","value":"opus_Bnfsue_value","copy":"opus_Bnfsue_copy"};
+var PropertyGrid_default = {"copy":"opus_Bnfsue_copy","row":"opus_Bnfsue_row","grid":"opus_Bnfsue_grid","label":"opus_Bnfsue_label","valueCell":"opus_Bnfsue_valueCell","value":"opus_Bnfsue_value"};
 
 // ../../components/PropertyGrid/PropertyGrid.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
@@ -18652,7 +18822,7 @@ function Stack({
 var import_react57 = require("react");
 
 // ../../components/Columns/Columns.module.css
-var Columns_default = {"root":"opus_dI4yQh_root","cell":"opus_dI4yQh_cell"};
+var Columns_default = {"cell":"opus_dI4yQh_cell","root":"opus_dI4yQh_root"};
 
 // ../../components/Columns/Columns.tsx
 var import_jsx_runtime99 = require("react/jsx-runtime");
@@ -18710,7 +18880,7 @@ function Grid2({
 var import_react58 = require("react");
 
 // ../../components/ResizeHandle/ResizeHandle.module.css
-var ResizeHandle_default = {"handle":"opus_PaKREB_handle","grip":"opus_PaKREB_grip","dot":"opus_PaKREB_dot"};
+var ResizeHandle_default = {"grip":"opus_PaKREB_grip","dot":"opus_PaKREB_dot","handle":"opus_PaKREB_handle"};
 
 // ../../components/ResizeHandle/ResizeHandle.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
@@ -18857,7 +19027,7 @@ function Splitter({
 var import_react59 = require("react");
 
 // ../../components/ResizablePanel/ResizablePanel.module.css
-var ResizablePanel_default = {"handle":"opus_kVJ122_handle","body":"opus_kVJ122_body","root":"opus_kVJ122_root"};
+var ResizablePanel_default = {"root":"opus_kVJ122_root","body":"opus_kVJ122_body","handle":"opus_kVJ122_handle"};
 
 // ../../components/ResizablePanel/ResizablePanel.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
@@ -18940,7 +19110,7 @@ function ResizablePanel({
 }
 
 // ../../components/DockLayout/DockLayout.module.css
-var DockLayout_default = {"left":"opus_3zzL8C_left","right":"opus_3zzL8C_right","center":"opus_3zzL8C_center","middle":"opus_3zzL8C_middle","top":"opus_3zzL8C_top","bottom":"opus_3zzL8C_bottom","root":"opus_3zzL8C_root"};
+var DockLayout_default = {"top":"opus_3zzL8C_top","left":"opus_3zzL8C_left","center":"opus_3zzL8C_center","bottom":"opus_3zzL8C_bottom","right":"opus_3zzL8C_right","middle":"opus_3zzL8C_middle","root":"opus_3zzL8C_root"};
 
 // ../../components/DockLayout/DockLayout.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
@@ -18971,7 +19141,7 @@ var import_react61 = require("react");
 var import_react60 = require("react");
 
 // ../../components/CustomScrollbar/CustomScrollbar.module.css
-var CustomScrollbar_default = {"cornerDot":"opus_I9wQcM_cornerDot","content":"opus_I9wQcM_content","track":"opus_I9wQcM_track","root":"opus_I9wQcM_root","thumb":"opus_I9wQcM_thumb","viewport":"opus_I9wQcM_viewport"};
+var CustomScrollbar_default = {"content":"opus_I9wQcM_content","cornerDot":"opus_I9wQcM_cornerDot","viewport":"opus_I9wQcM_viewport","track":"opus_I9wQcM_track","root":"opus_I9wQcM_root","thumb":"opus_I9wQcM_thumb"};
 
 // ../../components/CustomScrollbar/CustomScrollbar.tsx
 var import_jsx_runtime105 = require("react/jsx-runtime");
@@ -19267,7 +19437,7 @@ function CustomScrollbar({
 }
 
 // ../../components/ThreePaneLayout/ThreePaneLayout.module.css
-var ThreePaneLayout_default = {"root":"opus_DtnFdK_root","sidebar":"opus_DtnFdK_sidebar","handle":"opus_DtnFdK_handle","content":"opus_DtnFdK_content"};
+var ThreePaneLayout_default = {"sidebar":"opus_DtnFdK_sidebar","content":"opus_DtnFdK_content","root":"opus_DtnFdK_root","handle":"opus_DtnFdK_handle"};
 
 // ../../components/ThreePaneLayout/ThreePaneLayout.tsx
 var import_jsx_runtime106 = require("react/jsx-runtime");
@@ -19713,7 +19883,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
 }
 
 // ../../components/Breadcrumb/Breadcrumb.module.css
-var Breadcrumb_default = {"separator":"opus_FwZfXe_separator","list":"opus_FwZfXe_list","link":"opus_FwZfXe_link","root":"opus_FwZfXe_root","current":"opus_FwZfXe_current","item":"opus_FwZfXe_item"};
+var Breadcrumb_default = {"item":"opus_FwZfXe_item","current":"opus_FwZfXe_current","link":"opus_FwZfXe_link","list":"opus_FwZfXe_list","separator":"opus_FwZfXe_separator","root":"opus_FwZfXe_root"};
 
 // ../../components/Breadcrumb/Breadcrumb.tsx
 var import_jsx_runtime111 = require("react/jsx-runtime");
@@ -19741,7 +19911,7 @@ function Breadcrumb({ ariaLabel = "Breadcrumb", items, onNavigate, separator = "
 }
 
 // ../../components/Pagination/Pagination.module.css
-var Pagination_default = {"button":"opus_VkXUKR_button","root":"opus_VkXUKR_root","active":"opus_VkXUKR_active","ellipsis":"opus_VkXUKR_ellipsis"};
+var Pagination_default = {"button":"opus_VkXUKR_button","root":"opus_VkXUKR_root","ellipsis":"opus_VkXUKR_ellipsis","active":"opus_VkXUKR_active"};
 
 // ../../components/Pagination/Pagination.tsx
 var import_jsx_runtime112 = require("react/jsx-runtime");
@@ -19806,7 +19976,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
 }
 
 // ../../components/PageHeader/PageHeader.module.css
-var PageHeader_default = {"description":"opus_1pSVfU_description","title":"opus_1pSVfU_title","row":"opus_1pSVfU_row","root":"opus_1pSVfU_root","breadcrumbs":"opus_1pSVfU_breadcrumbs","actions":"opus_1pSVfU_actions","eyebrow":"opus_1pSVfU_eyebrow","copy":"opus_1pSVfU_copy"};
+var PageHeader_default = {"copy":"opus_1pSVfU_copy","eyebrow":"opus_1pSVfU_eyebrow","description":"opus_1pSVfU_description","title":"opus_1pSVfU_title","row":"opus_1pSVfU_row","breadcrumbs":"opus_1pSVfU_breadcrumbs","actions":"opus_1pSVfU_actions","root":"opus_1pSVfU_root"};
 
 // ../../components/PageHeader/PageHeader.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
@@ -19825,7 +19995,7 @@ function PageHeader({ actions, breadcrumbs, description, eyebrow, title }) {
 }
 
 // ../../components/Toolbar/Toolbar.module.css
-var Toolbar_default = {"end":"opus_lO-IAD_end","root":"opus_lO-IAD_root","cluster":"opus_lO-IAD_cluster"};
+var Toolbar_default = {"cluster":"opus_lO-IAD_cluster","end":"opus_lO-IAD_end","root":"opus_lO-IAD_root"};
 
 // ../../components/Toolbar/Toolbar.tsx
 var import_jsx_runtime114 = require("react/jsx-runtime");
@@ -19847,7 +20017,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
 }
 
 // ../../components/BottomNavigation/BottomNavigation.module.css
-var BottomNavigation_default = {"label":"opus_Yqcmor_label","item":"opus_Yqcmor_item","icon":"opus_Yqcmor_icon","root":"opus_Yqcmor_root","active":"opus_Yqcmor_active"};
+var BottomNavigation_default = {"root":"opus_Yqcmor_root","item":"opus_Yqcmor_item","icon":"opus_Yqcmor_icon","label":"opus_Yqcmor_label","active":"opus_Yqcmor_active"};
 
 // ../../components/BottomNavigation/BottomNavigation.tsx
 var import_jsx_runtime115 = require("react/jsx-runtime");
@@ -19877,7 +20047,7 @@ function BottomNavigation({ items, onChange, value }) {
 }
 
 // ../../components/NavigationRail/NavigationRail.module.css
-var NavigationRail_default = {"srOnly":"opus_E7mR15_srOnly","active":"opus_E7mR15_active","icon":"opus_E7mR15_icon","root":"opus_E7mR15_root","item":"opus_E7mR15_item","label":"opus_E7mR15_label"};
+var NavigationRail_default = {"label":"opus_E7mR15_label","srOnly":"opus_E7mR15_srOnly","icon":"opus_E7mR15_icon","root":"opus_E7mR15_root","active":"opus_E7mR15_active","item":"opus_E7mR15_item"};
 
 // ../../components/NavigationRail/NavigationRail.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
@@ -19920,7 +20090,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
 var import_react62 = require("react");
 
 // ../../components/SplitButton/SplitButton.module.css
-var SplitButton_default = {"root":"opus_TVuiQN_root","caret":"opus_TVuiQN_caret","menu":"opus_TVuiQN_menu","menuItem":"opus_TVuiQN_menuItem","main":"opus_TVuiQN_main"};
+var SplitButton_default = {"root":"opus_TVuiQN_root","menuItem":"opus_TVuiQN_menuItem","caret":"opus_TVuiQN_caret","main":"opus_TVuiQN_main","menu":"opus_TVuiQN_menu"};
 
 // ../../components/SplitButton/SplitButton.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
@@ -19985,7 +20155,7 @@ function SplitButton({
 }
 
 // ../../components/FloatingActionButton/FloatingActionButton.module.css
-var FloatingActionButton_default = {"srOnly":"opus_UXPLpX_srOnly","label":"opus_UXPLpX_label","icon":"opus_UXPLpX_icon","root":"opus_UXPLpX_root"};
+var FloatingActionButton_default = {"icon":"opus_UXPLpX_icon","root":"opus_UXPLpX_root","label":"opus_UXPLpX_label","srOnly":"opus_UXPLpX_srOnly"};
 
 // ../../components/FloatingActionButton/FloatingActionButton.tsx
 var import_jsx_runtime118 = require("react/jsx-runtime");
@@ -20354,7 +20524,7 @@ function Tile({
 }
 
 // ../../components/Tiles/Tiles.module.css
-var Tiles_default = {"viewport":"opus_zD82gC_viewport","nextButton":"opus_zD82gC_nextButton","tile":"opus_zD82gC_tile","row":"opus_zD82gC_row","tileItem":"opus_zD82gC_tileItem","previousButton":"opus_zD82gC_previousButton","moreButton":"opus_zD82gC_moreButton"};
+var Tiles_default = {"moreButton":"opus_zD82gC_moreButton","viewport":"opus_zD82gC_viewport","tileItem":"opus_zD82gC_tileItem","tile":"opus_zD82gC_tile","previousButton":"opus_zD82gC_previousButton","nextButton":"opus_zD82gC_nextButton","row":"opus_zD82gC_row"};
 
 // ../../components/Tiles/Tiles.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
@@ -20432,7 +20602,7 @@ function Tiles({ className, items, layout = "fill" }) {
 }
 
 // ../../components/StatTile/StatTile.module.css
-var StatTile_default = {"value":"opus_8DpwUV_value","trend":"opus_8DpwUV_trend","statTile":"opus_8DpwUV_statTile","label":"opus_8DpwUV_label","body":"opus_8DpwUV_body","comparison":"opus_8DpwUV_comparison","icon":"opus_8DpwUV_icon","meta":"opus_8DpwUV_meta"};
+var StatTile_default = {"statTile":"opus_8DpwUV_statTile","label":"opus_8DpwUV_label","meta":"opus_8DpwUV_meta","trend":"opus_8DpwUV_trend","value":"opus_8DpwUV_value","comparison":"opus_8DpwUV_comparison","icon":"opus_8DpwUV_icon","body":"opus_8DpwUV_body"};
 
 // ../../components/StatTile/StatTile.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
@@ -20487,7 +20657,7 @@ function StatTile({
 var import_react65 = require("react");
 
 // ../../components/StatTiles/StatTiles.module.css
-var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","statTileItem":"opus_uhJd8v_statTileItem","statTile":"opus_uhJd8v_statTile","row":"opus_uhJd8v_row","previousButton":"opus_uhJd8v_previousButton","viewport":"opus_uhJd8v_viewport","nextButton":"opus_uhJd8v_nextButton"};
+var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","viewport":"opus_uhJd8v_viewport","statTileItem":"opus_uhJd8v_statTileItem","row":"opus_uhJd8v_row","nextButton":"opus_uhJd8v_nextButton","statTile":"opus_uhJd8v_statTile","previousButton":"opus_uhJd8v_previousButton"};
 
 // ../../components/StatTiles/StatTiles.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
@@ -20496,12 +20666,14 @@ function StatTiles({ className, items, layout = "fill" }) {
   const rowRef = (0, import_react65.useRef)(null);
   const [hasPrevious, setHasPrevious] = (0, import_react65.useState)(false);
   const [hasMore, setHasMore] = (0, import_react65.useState)(false);
+  const [scrollable, setScrollable] = (0, import_react65.useState)(false);
   const rowStyle = layout === "fill" && items.length > 0 ? { gridTemplateColumns: `repeat(${items.length}, minmax(var(--stat-tile-min), 1fr))` } : void 0;
   const updateOverflow = (0, import_react65.useCallback)(() => {
     const row = rowRef.current;
     if (!row) return;
     setHasPrevious(row.scrollLeft > 2);
     setHasMore(row.scrollWidth - row.scrollLeft - row.clientWidth > 2);
+    setScrollable(row.scrollWidth - row.clientWidth > 2);
   }, []);
   (0, import_react65.useEffect)(() => {
     const row = rowRef.current;
@@ -20536,6 +20708,7 @@ function StatTiles({ className, items, layout = "fill" }) {
             ref: rowRef,
             role: "list",
             style: rowStyle,
+            tabIndex: scrollable ? 0 : void 0,
             children: items.map((item, index) => {
               var _a2;
               const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex2(index);
@@ -20568,7 +20741,7 @@ function StatTiles({ className, items, layout = "fill" }) {
 var import_react66 = require("react");
 
 // ../../components/PipelineOverview/PipelineOverview.module.css
-var PipelineOverview_default = {"body":"opus_1ScjMZ_body","legendItem":"opus_1ScjMZ_legendItem","funnelSvg":"opus_1ScjMZ_funnelSvg","periodLabel":"opus_1ScjMZ_periodLabel","period":"opus_1ScjMZ_period","totalValue":"opus_1ScjMZ_totalValue","totalLabel":"opus_1ScjMZ_totalLabel","funnel":"opus_1ScjMZ_funnel","legend":"opus_1ScjMZ_legend","footer":"opus_1ScjMZ_footer","total":"opus_1ScjMZ_total","periodChevron":"opus_1ScjMZ_periodChevron","legendDot":"opus_1ScjMZ_legendDot","legendValue":"opus_1ScjMZ_legendValue","root":"opus_1ScjMZ_root","legendCopy":"opus_1ScjMZ_legendCopy","legendLabel":"opus_1ScjMZ_legendLabel","periodSelect":"opus_1ScjMZ_periodSelect"};
+var PipelineOverview_default = {"legendValue":"opus_1ScjMZ_legendValue","totalValue":"opus_1ScjMZ_totalValue","totalLabel":"opus_1ScjMZ_totalLabel","body":"opus_1ScjMZ_body","funnelSvg":"opus_1ScjMZ_funnelSvg","legendCopy":"opus_1ScjMZ_legendCopy","funnel":"opus_1ScjMZ_funnel","footer":"opus_1ScjMZ_footer","legend":"opus_1ScjMZ_legend","root":"opus_1ScjMZ_root","period":"opus_1ScjMZ_period","periodLabel":"opus_1ScjMZ_periodLabel","periodSelect":"opus_1ScjMZ_periodSelect","periodChevron":"opus_1ScjMZ_periodChevron","legendLabel":"opus_1ScjMZ_legendLabel","total":"opus_1ScjMZ_total","legendDot":"opus_1ScjMZ_legendDot","legendItem":"opus_1ScjMZ_legendItem"};
 
 // ../../components/PipelineOverview/PipelineOverview.tsx
 var import_jsx_runtime124 = require("react/jsx-runtime");
@@ -20915,7 +21088,7 @@ function getDealsOverTimePalette(palette, accents) {
 }
 
 // ../../components/DealsOverTime/DealsOverTime.module.css
-var DealsOverTime_default = {"line":"opus_Hn1LW1_line","periodLabel":"opus_Hn1LW1_periodLabel","periodSelect":"opus_Hn1LW1_periodSelect","pointRing":"opus_Hn1LW1_pointRing","pointCore":"opus_Hn1LW1_pointCore","hitTarget":"opus_Hn1LW1_hitTarget","period":"opus_Hn1LW1_period","title":"opus_Hn1LW1_title","chartWrap":"opus_Hn1LW1_chartWrap","tooltip":"opus_Hn1LW1_tooltip","axisLabel":"opus_Hn1LW1_axisLabel","gridLine":"opus_Hn1LW1_gridLine","chart":"opus_Hn1LW1_chart","header":"opus_Hn1LW1_header","tooltipValue":"opus_Hn1LW1_tooltipValue","root":"opus_Hn1LW1_root","tooltipDate":"opus_Hn1LW1_tooltipDate","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","lineGlowMid":"opus_Hn1LW1_lineGlowMid","pointSolid":"opus_Hn1LW1_pointSolid","pointGlow":"opus_Hn1LW1_pointGlow","area":"opus_Hn1LW1_area"};
+var DealsOverTime_default = {"lineGlowMid":"opus_Hn1LW1_lineGlowMid","header":"opus_Hn1LW1_header","root":"opus_Hn1LW1_root","periodSelect":"opus_Hn1LW1_periodSelect","tooltipDate":"opus_Hn1LW1_tooltipDate","gridLine":"opus_Hn1LW1_gridLine","pointRing":"opus_Hn1LW1_pointRing","hitTarget":"opus_Hn1LW1_hitTarget","pointCore":"opus_Hn1LW1_pointCore","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","pointGlow":"opus_Hn1LW1_pointGlow","pointSolid":"opus_Hn1LW1_pointSolid","period":"opus_Hn1LW1_period","line":"opus_Hn1LW1_line","area":"opus_Hn1LW1_area","tooltipValue":"opus_Hn1LW1_tooltipValue","axisLabel":"opus_Hn1LW1_axisLabel","periodLabel":"opus_Hn1LW1_periodLabel","chartWrap":"opus_Hn1LW1_chartWrap","title":"opus_Hn1LW1_title","chart":"opus_Hn1LW1_chart","tooltip":"opus_Hn1LW1_tooltip"};
 
 // ../../components/DealsOverTime/DealsOverTime.tsx
 var import_jsx_runtime125 = require("react/jsx-runtime");
@@ -21319,7 +21492,7 @@ function DealsOverTime({
 var import_react68 = require("react");
 
 // ../../components/DashboardListWidget/shared.module.css
-var shared_default = {"footerIcon":"opus_8R-PJ3_footerIcon","footerAction":"opus_8R-PJ3_footerAction","iconWrap":"opus_8R-PJ3_iconWrap","list":"opus_8R-PJ3_list","footer":"opus_8R-PJ3_footer","itemAction":"opus_8R-PJ3_itemAction"};
+var shared_default = {"list":"opus_8R-PJ3_list","footerAction":"opus_8R-PJ3_footerAction","iconWrap":"opus_8R-PJ3_iconWrap","itemAction":"opus_8R-PJ3_itemAction","footerIcon":"opus_8R-PJ3_footerIcon","footer":"opus_8R-PJ3_footer"};
 
 // ../../components/DashboardListWidget/DashboardListFooter.tsx
 var import_jsx_runtime126 = require("react/jsx-runtime");
@@ -21332,7 +21505,7 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
 }
 
 // ../../components/UpcomingTasks/UpcomingTasks.module.css
-var UpcomingTasks_default = {"taskCheckbox":"opus_mFTWWU_taskCheckbox","time":"opus_mFTWWU_time","list":"opus_mFTWWU_list","copy":"opus_mFTWWU_copy","itemBody":"opus_mFTWWU_itemBody","header":"opus_mFTWWU_header","itemSubtitle":"opus_mFTWWU_itemSubtitle","itemTitle":"opus_mFTWWU_itemTitle","title":"opus_mFTWWU_title","itemAction":"opus_mFTWWU_itemAction","item":"opus_mFTWWU_item","root":"opus_mFTWWU_root"};
+var UpcomingTasks_default = {"time":"opus_mFTWWU_time","item":"opus_mFTWWU_item","header":"opus_mFTWWU_header","itemAction":"opus_mFTWWU_itemAction","itemBody":"opus_mFTWWU_itemBody","root":"opus_mFTWWU_root","title":"opus_mFTWWU_title","taskCheckbox":"opus_mFTWWU_taskCheckbox","copy":"opus_mFTWWU_copy","itemTitle":"opus_mFTWWU_itemTitle","itemSubtitle":"opus_mFTWWU_itemSubtitle","list":"opus_mFTWWU_list"};
 
 // ../../components/UpcomingTasks/UpcomingTasks.tsx
 var import_jsx_runtime127 = require("react/jsx-runtime");
@@ -21417,7 +21590,7 @@ function UpcomingTasks({
 }
 
 // ../../components/RecentActivity/RecentActivity.module.css
-var RecentActivity_default = {"itemTitle":"opus_PR08Ax_itemTitle","copy":"opus_PR08Ax_copy","itemSubtitle":"opus_PR08Ax_itemSubtitle","itemAction":"opus_PR08Ax_itemAction","item":"opus_PR08Ax_item","iconWrap":"opus_PR08Ax_iconWrap","root":"opus_PR08Ax_root","title":"opus_PR08Ax_title","header":"opus_PR08Ax_header","time":"opus_PR08Ax_time","list":"opus_PR08Ax_list"};
+var RecentActivity_default = {"root":"opus_PR08Ax_root","iconWrap":"opus_PR08Ax_iconWrap","title":"opus_PR08Ax_title","copy":"opus_PR08Ax_copy","itemAction":"opus_PR08Ax_itemAction","list":"opus_PR08Ax_list","header":"opus_PR08Ax_header","time":"opus_PR08Ax_time","item":"opus_PR08Ax_item","itemSubtitle":"opus_PR08Ax_itemSubtitle","itemTitle":"opus_PR08Ax_itemTitle"};
 
 // ../../components/RecentActivity/RecentActivity.tsx
 var import_jsx_runtime128 = require("react/jsx-runtime");
@@ -43207,7 +43380,7 @@ function opusThemeTokens(theme) {
 }
 
 // ../../components/EmojiPicker/EmojiPicker.module.css
-var EmojiPicker_default = {"grid":"opus__tyRxw_grid","categories":"opus__tyRxw_categories","searchHint":"opus__tyRxw_searchHint","categoryButton":"opus__tyRxw_categoryButton","root":"opus__tyRxw_root","panel":"opus__tyRxw_panel","emojiButton":"opus__tyRxw_emojiButton","search":"opus__tyRxw_search","srOnly":"opus__tyRxw_srOnly","empty":"opus__tyRxw_empty"};
+var EmojiPicker_default = {"panel":"opus__tyRxw_panel","empty":"opus__tyRxw_empty","srOnly":"opus__tyRxw_srOnly","search":"opus__tyRxw_search","emojiButton":"opus__tyRxw_emojiButton","grid":"opus__tyRxw_grid","root":"opus__tyRxw_root","categoryButton":"opus__tyRxw_categoryButton","searchHint":"opus__tyRxw_searchHint","categories":"opus__tyRxw_categories"};
 
 // ../../components/EmojiPicker/EmojiPicker.tsx
 var import_jsx_runtime129 = require("react/jsx-runtime");
@@ -43485,7 +43658,7 @@ function EmojiPicker({
 var import_react70 = require("react");
 
 // ../../components/NoteTag/NoteTag.module.css
-var NoteTag_default = {"menu":"opus__ZnbtA_menu","picker":"opus__ZnbtA_picker","tag":"opus__ZnbtA_tag","options":"opus__ZnbtA_options","menuHeader":"opus__ZnbtA_menuHeader","list":"opus__ZnbtA_list","option":"opus__ZnbtA_option","removeButton":"opus__ZnbtA_removeButton"};
+var NoteTag_default = {"option":"opus__ZnbtA_option","menu":"opus__ZnbtA_menu","options":"opus__ZnbtA_options","removeButton":"opus__ZnbtA_removeButton","picker":"opus__ZnbtA_picker","list":"opus__ZnbtA_list","tag":"opus__ZnbtA_tag","menuHeader":"opus__ZnbtA_menuHeader"};
 
 // ../../components/NoteTag/NoteTag.tsx
 var import_jsx_runtime130 = require("react/jsx-runtime");
@@ -43635,7 +43808,7 @@ function NoteTagPicker({
 }
 
 // ../../components/NoteComposer/NoteComposer.module.css
-var NoteComposer_default = {"footer":"opus_pQVlNo_footer","tools":"opus_pQVlNo_tools","toolButton":"opus_pQVlNo_toolButton","saveButton":"opus_pQVlNo_saveButton","selectedTags":"opus_pQVlNo_selectedTags","textarea":"opus_pQVlNo_textarea","root":"opus_pQVlNo_root"};
+var NoteComposer_default = {"saveButton":"opus_pQVlNo_saveButton","textarea":"opus_pQVlNo_textarea","tools":"opus_pQVlNo_tools","selectedTags":"opus_pQVlNo_selectedTags","toolButton":"opus_pQVlNo_toolButton","root":"opus_pQVlNo_root","footer":"opus_pQVlNo_footer"};
 
 // ../../components/NoteComposer/NoteComposer.tsx
 var import_jsx_runtime131 = require("react/jsx-runtime");
@@ -43839,7 +44012,7 @@ var import_react73 = require("react");
 var import_react72 = require("react");
 
 // ../../components/ContentTimeline/ContentTimeline.module.css
-var ContentTimeline_default = {"tags":"opus_vApy-v_tags","dot":"opus_vApy-v_dot","title":"opus_vApy-v_title","itemFooter":"opus_vApy-v_itemFooter","body":"opus_vApy-v_body","metaRow":"opus_vApy-v_metaRow","line":"opus_vApy-v_line","item":"opus_vApy-v_item","rail":"opus_vApy-v_rail","groupLabel":"opus_vApy-v_groupLabel","head":"opus_vApy-v_head","content":"opus_vApy-v_content","time":"opus_vApy-v_time","itemAction":"opus_vApy-v_itemAction","list":"opus_vApy-v_list","description":"opus_vApy-v_description","tag":"opus_vApy-v_tag","statusDot":"opus_vApy-v_statusDot","children":"opus_vApy-v_children","markerSlot":"opus_vApy-v_markerSlot"};
+var ContentTimeline_default = {"tag":"opus_vApy-v_tag","title":"opus_vApy-v_title","children":"opus_vApy-v_children","itemFooter":"opus_vApy-v_itemFooter","item":"opus_vApy-v_item","dot":"opus_vApy-v_dot","line":"opus_vApy-v_line","time":"opus_vApy-v_time","head":"opus_vApy-v_head","description":"opus_vApy-v_description","rail":"opus_vApy-v_rail","tags":"opus_vApy-v_tags","statusDot":"opus_vApy-v_statusDot","itemAction":"opus_vApy-v_itemAction","metaRow":"opus_vApy-v_metaRow","content":"opus_vApy-v_content","markerSlot":"opus_vApy-v_markerSlot","body":"opus_vApy-v_body","list":"opus_vApy-v_list","groupLabel":"opus_vApy-v_groupLabel"};
 
 // ../../components/ContentTimeline/ContentTimeline.tsx
 var import_jsx_runtime132 = require("react/jsx-runtime");
@@ -43956,7 +44129,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
 }
 
 // ../../components/NotesActivity/NotesActivity.module.css
-var NotesActivity_default = {"feed":"opus_ThZ-Bi_feed","footer":"opus_ThZ-Bi_footer","root":"opus_ThZ-Bi_root","composer":"opus_ThZ-Bi_composer","threadItems":"opus_ThZ-Bi_threadItems","threadConnectors":"opus_ThZ-Bi_threadConnectors","replyBlock":"opus_ThZ-Bi_replyBlock","tabsRow":"opus_ThZ-Bi_tabsRow","replyTools":"opus_ThZ-Bi_replyTools","replyToolButton":"opus_ThZ-Bi_replyToolButton","replyInputShell":"opus_ThZ-Bi_replyInputShell","composerBar":"opus_ThZ-Bi_composerBar","footerIcon":"opus_ThZ-Bi_footerIcon","composerClose":"opus_ThZ-Bi_composerClose","tabIcon":"opus_ThZ-Bi_tabIcon","tabs":"opus_ThZ-Bi_tabs","replyComposer":"opus_ThZ-Bi_replyComposer","footerAction":"opus_ThZ-Bi_footerAction","replyInput":"opus_ThZ-Bi_replyInput","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","addNoteButton":"opus_ThZ-Bi_addNoteButton","notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","replyTags":"opus_ThZ-Bi_replyTags","composerPanel":"opus_ThZ-Bi_composerPanel","tab":"opus_ThZ-Bi_tab"};
+var NotesActivity_default = {"tab":"opus_ThZ-Bi_tab","addNoteButton":"opus_ThZ-Bi_addNoteButton","footer":"opus_ThZ-Bi_footer","replyComposer":"opus_ThZ-Bi_replyComposer","replyInputShell":"opus_ThZ-Bi_replyInputShell","threadItems":"opus_ThZ-Bi_threadItems","composerClose":"opus_ThZ-Bi_composerClose","replyToolButton":"opus_ThZ-Bi_replyToolButton","replyBlock":"opus_ThZ-Bi_replyBlock","composer":"opus_ThZ-Bi_composer","threadConnectors":"opus_ThZ-Bi_threadConnectors","replyTags":"opus_ThZ-Bi_replyTags","tabIcon":"opus_ThZ-Bi_tabIcon","composerPanel":"opus_ThZ-Bi_composerPanel","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","tabs":"opus_ThZ-Bi_tabs","replyTools":"opus_ThZ-Bi_replyTools","footerIcon":"opus_ThZ-Bi_footerIcon","composerBar":"opus_ThZ-Bi_composerBar","root":"opus_ThZ-Bi_root","tabsRow":"opus_ThZ-Bi_tabsRow","replyInput":"opus_ThZ-Bi_replyInput","footerAction":"opus_ThZ-Bi_footerAction","feed":"opus_ThZ-Bi_feed"};
 
 // ../../components/NotesActivity/NotesActivity.tsx
 var import_jsx_runtime133 = require("react/jsx-runtime");
@@ -44737,7 +44910,7 @@ function NotesActivity({
 var import_react74 = require("react");
 
 // ../../components/TopPerformingUsers/TopPerformingUsers.module.css
-var TopPerformingUsers_default = {"barTrack":"opus_sYx0a6_barTrack","itemAction":"opus_sYx0a6_itemAction","item":"opus_sYx0a6_item","root":"opus_sYx0a6_root","list":"opus_sYx0a6_list","header":"opus_sYx0a6_header","name":"opus_sYx0a6_name","barFill":"opus_sYx0a6_barFill","row":"opus_sYx0a6_row","value":"opus_sYx0a6_value","title":"opus_sYx0a6_title"};
+var TopPerformingUsers_default = {"title":"opus_sYx0a6_title","itemAction":"opus_sYx0a6_itemAction","row":"opus_sYx0a6_row","item":"opus_sYx0a6_item","list":"opus_sYx0a6_list","root":"opus_sYx0a6_root","name":"opus_sYx0a6_name","barTrack":"opus_sYx0a6_barTrack","value":"opus_sYx0a6_value","header":"opus_sYx0a6_header","barFill":"opus_sYx0a6_barFill"};
 
 // ../../components/TopPerformingUsers/TopPerformingUsers.tsx
 var import_jsx_runtime134 = require("react/jsx-runtime");
@@ -44796,7 +44969,7 @@ function TopPerformingUsers({
 }
 
 // ../../components/UserProfileWidget/UserProfileWidget.module.css
-var UserProfileWidget_default = {"chevronButton":"opus_zjR1aT_chevronButton","role":"opus_zjR1aT_role","chevron":"opus_zjR1aT_chevron","copy":"opus_zjR1aT_copy","name":"opus_zjR1aT_name","avatarButton":"opus_zjR1aT_avatarButton","root":"opus_zjR1aT_root"};
+var UserProfileWidget_default = {"chevronButton":"opus_zjR1aT_chevronButton","chevron":"opus_zjR1aT_chevron","avatarButton":"opus_zjR1aT_avatarButton","name":"opus_zjR1aT_name","role":"opus_zjR1aT_role","root":"opus_zjR1aT_root","copy":"opus_zjR1aT_copy"};
 
 // ../../components/UserProfileWidget/UserProfileWidget.tsx
 var import_jsx_runtime135 = require("react/jsx-runtime");
@@ -44964,7 +45137,7 @@ function ProfilePhotoUploadModal({
 }
 
 // ../../components/ImageCropUploadWidget/ImageCropUploadWidget.module.css
-var ImageCropUploadWidget_default = {"root":"opus_jO9vJQ_root","title":"opus_jO9vJQ_title","field":"opus_jO9vJQ_field"};
+var ImageCropUploadWidget_default = {"root":"opus_jO9vJQ_root","field":"opus_jO9vJQ_field","title":"opus_jO9vJQ_title"};
 
 // ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
 var import_jsx_runtime137 = require("react/jsx-runtime");
@@ -45012,7 +45185,7 @@ function ImageCropUploadWidget({
 var import_react76 = require("react");
 
 // ../../components/PropertyInspector/PropertyInspector.module.css
-var PropertyInspector_default = {"row":"opus_IrN8Z8_row","rows":"opus_IrN8Z8_rows","value":"opus_IrN8Z8_value","input":"opus_IrN8Z8_input","group":"opus_IrN8Z8_group","search":"opus_IrN8Z8_search","select":"opus_IrN8Z8_select","root":"opus_IrN8Z8_root","checkbox":"opus_IrN8Z8_checkbox","searchRow":"opus_IrN8Z8_searchRow","valueCell":"opus_IrN8Z8_valueCell","label":"opus_IrN8Z8_label","groupHeader":"opus_IrN8Z8_groupHeader"};
+var PropertyInspector_default = {"search":"opus_IrN8Z8_search","group":"opus_IrN8Z8_group","select":"opus_IrN8Z8_select","input":"opus_IrN8Z8_input","label":"opus_IrN8Z8_label","root":"opus_IrN8Z8_root","row":"opus_IrN8Z8_row","groupHeader":"opus_IrN8Z8_groupHeader","rows":"opus_IrN8Z8_rows","valueCell":"opus_IrN8Z8_valueCell","value":"opus_IrN8Z8_value","checkbox":"opus_IrN8Z8_checkbox","searchRow":"opus_IrN8Z8_searchRow"};
 
 // ../../components/PropertyInspector/PropertyInspector.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
@@ -45132,7 +45305,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
 var import_react77 = require("react");
 
 // ../../components/FilterBuilder/FilterBuilder.module.css
-var FilterBuilder_default = {"joinerSpacer":"opus_CtJDHh_joinerSpacer","title":"opus_CtJDHh_title","remove":"opus_CtJDHh_remove","empty":"opus_CtJDHh_empty","input":"opus_CtJDHh_input","payload":"opus_CtJDHh_payload","joiner":"opus_CtJDHh_joiner","list":"opus_CtJDHh_list","outputLabel":"opus_CtJDHh_outputLabel","root":"opus_CtJDHh_root","header":"opus_CtJDHh_header","expression":"opus_CtJDHh_expression","row":"opus_CtJDHh_row","output":"opus_CtJDHh_output","select":"opus_CtJDHh_select","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","add":"opus_CtJDHh_add"};
+var FilterBuilder_default = {"joiner":"opus_CtJDHh_joiner","select":"opus_CtJDHh_select","header":"opus_CtJDHh_header","add":"opus_CtJDHh_add","remove":"opus_CtJDHh_remove","output":"opus_CtJDHh_output","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","row":"opus_CtJDHh_row","expression":"opus_CtJDHh_expression","title":"opus_CtJDHh_title","empty":"opus_CtJDHh_empty","joinerSpacer":"opus_CtJDHh_joinerSpacer","root":"opus_CtJDHh_root","input":"opus_CtJDHh_input","outputLabel":"opus_CtJDHh_outputLabel","payload":"opus_CtJDHh_payload","list":"opus_CtJDHh_list"};
 
 // ../../components/FilterBuilder/FilterBuilder.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
@@ -45242,7 +45415,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
 var import_react78 = require("react");
 
 // ../../components/QueryBuilder/QueryBuilder.module.css
-var QueryBuilder_default = {"list":"opus_b7dZwd_list","expression":"opus_b7dZwd_expression","input":"opus_b7dZwd_input","output":"opus_b7dZwd_output","remove":"opus_b7dZwd_remove","empty":"opus_b7dZwd_empty","root":"opus_b7dZwd_root","combinator":"opus_b7dZwd_combinator","add":"opus_b7dZwd_add","row":"opus_b7dZwd_row","chipSpacer":"opus_b7dZwd_chipSpacer","payload":"opus_b7dZwd_payload","select":"opus_b7dZwd_select","selectNarrow":"opus_b7dZwd_selectNarrow","outputLabel":"opus_b7dZwd_outputLabel","toolbar":"opus_b7dZwd_toolbar","chip":"opus_b7dZwd_chip"};
+var QueryBuilder_default = {"outputLabel":"opus_b7dZwd_outputLabel","combinator":"opus_b7dZwd_combinator","expression":"opus_b7dZwd_expression","payload":"opus_b7dZwd_payload","input":"opus_b7dZwd_input","output":"opus_b7dZwd_output","add":"opus_b7dZwd_add","select":"opus_b7dZwd_select","chipSpacer":"opus_b7dZwd_chipSpacer","toolbar":"opus_b7dZwd_toolbar","row":"opus_b7dZwd_row","root":"opus_b7dZwd_root","list":"opus_b7dZwd_list","remove":"opus_b7dZwd_remove","selectNarrow":"opus_b7dZwd_selectNarrow","chip":"opus_b7dZwd_chip","empty":"opus_b7dZwd_empty"};
 
 // ../../components/QueryBuilder/QueryBuilder.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
@@ -45369,7 +45542,7 @@ function QueryBuilder({ fields, group, onChange }) {
 var import_react79 = require("react");
 
 // ../../components/RuleBuilder/RuleBuilder.module.css
-var RuleBuilder_default = {"title":"opus_O61tUk_title","add":"opus_O61tUk_add","actions":"opus_O61tUk_actions","card":"opus_O61tUk_card","action":"opus_O61tUk_action","header":"opus_O61tUk_header","expression":"opus_O61tUk_expression","subtitle":"opus_O61tUk_subtitle","payload":"opus_O61tUk_payload","root":"opus_O61tUk_root","list":"opus_O61tUk_list","empty":"opus_O61tUk_empty","enabled":"opus_O61tUk_enabled","cardTop":"opus_O61tUk_cardTop","outputLabel":"opus_O61tUk_outputLabel","name":"opus_O61tUk_name","priority":"opus_O61tUk_priority","input":"opus_O61tUk_input","select":"opus_O61tUk_select","field":"opus_O61tUk_field","output":"opus_O61tUk_output"};
+var RuleBuilder_default = {"input":"opus_O61tUk_input","outputLabel":"opus_O61tUk_outputLabel","payload":"opus_O61tUk_payload","field":"opus_O61tUk_field","add":"opus_O61tUk_add","list":"opus_O61tUk_list","cardTop":"opus_O61tUk_cardTop","output":"opus_O61tUk_output","action":"opus_O61tUk_action","title":"opus_O61tUk_title","name":"opus_O61tUk_name","root":"opus_O61tUk_root","subtitle":"opus_O61tUk_subtitle","empty":"opus_O61tUk_empty","select":"opus_O61tUk_select","card":"opus_O61tUk_card","header":"opus_O61tUk_header","priority":"opus_O61tUk_priority","enabled":"opus_O61tUk_enabled","actions":"opus_O61tUk_actions","expression":"opus_O61tUk_expression"};
 
 // ../../components/RuleBuilder/RuleBuilder.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
@@ -45512,7 +45685,7 @@ function RuleBuilder({ onChange, rules }) {
 }
 
 // ../../components/PermissionsMatrix/PermissionsMatrix.module.css
-var PermissionsMatrix_default = {"select":"opus_x-xBrX_select","table":"opus_x-xBrX_table","corner":"opus_x-xBrX_corner","scroll":"opus_x-xBrX_scroll","rowHead":"opus_x-xBrX_rowHead","cell":"opus_x-xBrX_cell","root":"opus_x-xBrX_root","head":"opus_x-xBrX_head"};
+var PermissionsMatrix_default = {"table":"opus_x-xBrX_table","cell":"opus_x-xBrX_cell","rowHead":"opus_x-xBrX_rowHead","head":"opus_x-xBrX_head","scroll":"opus_x-xBrX_scroll","corner":"opus_x-xBrX_corner","root":"opus_x-xBrX_root","select":"opus_x-xBrX_select"};
 
 // ../../components/PermissionsMatrix/PermissionsMatrix.tsx
 var import_jsx_runtime142 = require("react/jsx-runtime");
@@ -45548,7 +45721,7 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
 var import_react80 = require("react");
 
 // ../../components/DualListBuilder/DualListBuilder.module.css
-var DualListBuilder_default = {"columnTitle":"opus_P6crEX_columnTitle","payload":"opus_P6crEX_payload","control":"opus_P6crEX_control","expression":"opus_P6crEX_expression","count":"opus_P6crEX_count","root":"opus_P6crEX_root","outputLabel":"opus_P6crEX_outputLabel","search":"opus_P6crEX_search","controls":"opus_P6crEX_controls","searchRow":"opus_P6crEX_searchRow","columns":"opus_P6crEX_columns","item":"opus_P6crEX_item","output":"opus_P6crEX_output","column":"opus_P6crEX_column","itemActive":"opus_P6crEX_itemActive","list":"opus_P6crEX_list"};
+var DualListBuilder_default = {"list":"opus_P6crEX_list","searchRow":"opus_P6crEX_searchRow","columns":"opus_P6crEX_columns","outputLabel":"opus_P6crEX_outputLabel","itemActive":"opus_P6crEX_itemActive","columnTitle":"opus_P6crEX_columnTitle","item":"opus_P6crEX_item","column":"opus_P6crEX_column","expression":"opus_P6crEX_expression","controls":"opus_P6crEX_controls","control":"opus_P6crEX_control","root":"opus_P6crEX_root","output":"opus_P6crEX_output","count":"opus_P6crEX_count","search":"opus_P6crEX_search","payload":"opus_P6crEX_payload"};
 
 // ../../components/DualListBuilder/DualListBuilder.tsx
 var import_jsx_runtime143 = require("react/jsx-runtime");
@@ -45677,7 +45850,7 @@ function ListColumn2({
 var import_react81 = require("react");
 
 // ../../components/Scheduler/Scheduler.module.css
-var Scheduler_default = {"grid":"opus_ZqbdMc_grid","time":"opus_ZqbdMc_time","root":"opus_ZqbdMc_root","cell":"opus_ZqbdMc_cell","eventTitle":"opus_ZqbdMc_eventTitle","event":"opus_ZqbdMc_event","dayHead":"opus_ZqbdMc_dayHead","eventTime":"opus_ZqbdMc_eventTime","corner":"opus_ZqbdMc_corner"};
+var Scheduler_default = {"corner":"opus_ZqbdMc_corner","eventTitle":"opus_ZqbdMc_eventTitle","event":"opus_ZqbdMc_event","dayHead":"opus_ZqbdMc_dayHead","eventTime":"opus_ZqbdMc_eventTime","time":"opus_ZqbdMc_time","cell":"opus_ZqbdMc_cell","grid":"opus_ZqbdMc_grid","root":"opus_ZqbdMc_root"};
 
 // ../../components/Scheduler/Scheduler.tsx
 var import_jsx_runtime144 = require("react/jsx-runtime");
@@ -45745,7 +45918,7 @@ function formatHour(hour) {
 var import_react82 = require("react");
 
 // ../../components/KanbanBoard/KanbanBoard.module.css
-var KanbanBoard_default = {"columnTitle":"opus_EUh8ei_columnTitle","cardTitle":"opus_EUh8ei_cardTitle","root":"opus_EUh8ei_root","card":"opus_EUh8ei_card","cardMeta":"opus_EUh8ei_cardMeta","columnHeader":"opus_EUh8ei_columnHeader","column":"opus_EUh8ei_column","count":"opus_EUh8ei_count","cards":"opus_EUh8ei_cards"};
+var KanbanBoard_default = {"cardMeta":"opus_EUh8ei_cardMeta","root":"opus_EUh8ei_root","columnHeader":"opus_EUh8ei_columnHeader","columnTitle":"opus_EUh8ei_columnTitle","cards":"opus_EUh8ei_cards","count":"opus_EUh8ei_count","cardTitle":"opus_EUh8ei_cardTitle","card":"opus_EUh8ei_card","column":"opus_EUh8ei_column"};
 
 // ../../components/KanbanBoard/KanbanBoard.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
@@ -45859,7 +46032,7 @@ function sortEventsByTime(events) {
 var import_react83 = require("react");
 
 // ../../components/Calendar/Calendar.module.css
-var Calendar_default = {"dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayModalList":"opus_IjCc5M_dayModalList","monthSelect":"opus_IjCc5M_monthSelect","toolbar":"opus_IjCc5M_toolbar","select":"opus_IjCc5M_select","dot":"opus_IjCc5M_dot","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","moreEvents":"opus_IjCc5M_moreEvents","dayModalSection":"opus_IjCc5M_dayModalSection","srOnly":"opus_IjCc5M_srOnly","event":"opus_IjCc5M_event","today":"opus_IjCc5M_today","eventLabel":"opus_IjCc5M_eventLabel","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","picker":"opus_IjCc5M_picker","nav":"opus_IjCc5M_nav","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","dayModalHeading":"opus_IjCc5M_dayModalHeading","dayModalDot":"opus_IjCc5M_dayModalDot","root":"opus_IjCc5M_root","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","dayModalNotice":"opus_IjCc5M_dayModalNotice","dayModal":"opus_IjCc5M_dayModal","empty":"opus_IjCc5M_empty","weekday":"opus_IjCc5M_weekday","dayModalItem":"opus_IjCc5M_dayModalItem","dayModalForm":"opus_IjCc5M_dayModalForm","yearSelect":"opus_IjCc5M_yearSelect","pickerField":"opus_IjCc5M_pickerField","dayNumber":"opus_IjCc5M_dayNumber","events":"opus_IjCc5M_events","grid":"opus_IjCc5M_grid","weekdays":"opus_IjCc5M_weekdays","day":"opus_IjCc5M_day","selected":"opus_IjCc5M_selected","label":"opus_IjCc5M_label"};
+var Calendar_default = {"today":"opus_IjCc5M_today","dayModalHeading":"opus_IjCc5M_dayModalHeading","dayModalForm":"opus_IjCc5M_dayModalForm","select":"opus_IjCc5M_select","selected":"opus_IjCc5M_selected","nav":"opus_IjCc5M_nav","dot":"opus_IjCc5M_dot","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","empty":"opus_IjCc5M_empty","moreEvents":"opus_IjCc5M_moreEvents","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","eventLabel":"opus_IjCc5M_eventLabel","dayModalList":"opus_IjCc5M_dayModalList","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","grid":"opus_IjCc5M_grid","event":"opus_IjCc5M_event","dayModal":"opus_IjCc5M_dayModal","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","pickerField":"opus_IjCc5M_pickerField","weekday":"opus_IjCc5M_weekday","dayModalDot":"opus_IjCc5M_dayModalDot","srOnly":"opus_IjCc5M_srOnly","dayModalSection":"opus_IjCc5M_dayModalSection","day":"opus_IjCc5M_day","picker":"opus_IjCc5M_picker","dayModalNotice":"opus_IjCc5M_dayModalNotice","dayModalItem":"opus_IjCc5M_dayModalItem","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayNumber":"opus_IjCc5M_dayNumber","yearSelect":"opus_IjCc5M_yearSelect","weekdays":"opus_IjCc5M_weekdays","monthSelect":"opus_IjCc5M_monthSelect","label":"opus_IjCc5M_label","events":"opus_IjCc5M_events","root":"opus_IjCc5M_root","toolbar":"opus_IjCc5M_toolbar"};
 
 // ../../components/Calendar/CalendarDayModal.tsx
 var import_jsx_runtime146 = require("react/jsx-runtime");
@@ -46186,7 +46359,7 @@ function Calendar({
 var import_react85 = require("react");
 
 // ../../components/ResourcePlanner/ResourcePlanner.module.css
-var ResourcePlanner_default = {"hour":"opus_9Mof8o_hour","scroll":"opus_9Mof8o_scroll","header":"opus_9Mof8o_header","track":"opus_9Mof8o_track","root":"opus_9Mof8o_root","row":"opus_9Mof8o_row","lanes":"opus_9Mof8o_lanes","resource":"opus_9Mof8o_resource","corner":"opus_9Mof8o_corner","block":"opus_9Mof8o_block","lane":"opus_9Mof8o_lane"};
+var ResourcePlanner_default = {"block":"opus_9Mof8o_block","corner":"opus_9Mof8o_corner","row":"opus_9Mof8o_row","hour":"opus_9Mof8o_hour","track":"opus_9Mof8o_track","resource":"opus_9Mof8o_resource","lanes":"opus_9Mof8o_lanes","root":"opus_9Mof8o_root","header":"opus_9Mof8o_header","scroll":"opus_9Mof8o_scroll","lane":"opus_9Mof8o_lane"};
 
 // ../../components/ResourcePlanner/ResourcePlanner.tsx
 var import_jsx_runtime148 = require("react/jsx-runtime");
@@ -46261,7 +46434,7 @@ function resolveContactDetailsContact(contact, defaults) {
 }
 
 // ../../components/ContactDetails/ContactIdentityCard.module.css
-var ContactIdentityCard_default = {"status":"opus_9xh2Bk_status","avatarWrap":"opus_9xh2Bk_avatarWrap","identityCard":"opus_9xh2Bk_identityCard","companyIcon":"opus_9xh2Bk_companyIcon","companyCopy":"opus_9xh2Bk_companyCopy","primaryMark":"opus_9xh2Bk_primaryMark","avatarEdit":"opus_9xh2Bk_avatarEdit","identity":"opus_9xh2Bk_identity","companyList":"opus_9xh2Bk_companyList","headline":"opus_9xh2Bk_headline"};
+var ContactIdentityCard_default = {"companyList":"opus_9xh2Bk_companyList","identity":"opus_9xh2Bk_identity","headline":"opus_9xh2Bk_headline","avatarWrap":"opus_9xh2Bk_avatarWrap","avatarEdit":"opus_9xh2Bk_avatarEdit","primaryMark":"opus_9xh2Bk_primaryMark","companyCopy":"opus_9xh2Bk_companyCopy","companyIcon":"opus_9xh2Bk_companyIcon","status":"opus_9xh2Bk_status","identityCard":"opus_9xh2Bk_identityCard"};
 
 // ../../components/ContactDetails/ContactIdentityCard.tsx
 var import_jsx_runtime149 = require("react/jsx-runtime");
@@ -46352,7 +46525,9 @@ var import_jsx_runtime150 = require("react/jsx-runtime");
 function MoreActionsMenu({
   items,
   label = "More actions",
-  onSelect
+  onSelect,
+  showPointer = true,
+  triggerGap = 8
 }) {
   const dropdownItems = items.map((item) => ({
     destructive: item.destructive,
@@ -46375,13 +46550,15 @@ function MoreActionsMenu({
         onSelect == null ? void 0 : onSelect(item);
       },
       placement: "bottom-end",
+      showPointer,
+      triggerGap,
       trigger: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Button, { "aria-label": label, className: MoreActionsMenu_default.trigger, variant: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CatalogIcon, { iconName: "ellipsis-vertical" }) })
     }
   );
 }
 
 // ../../components/ContactDetails/ContactSummaryCard.module.css
-var ContactSummaryCard_default = {"statusValue":"opus_8ccRnS_statusValue","detailsCard":"opus_8ccRnS_detailsCard","detailsColumn":"opus_8ccRnS_detailsColumn","detailItem":"opus_8ccRnS_detailItem","summaryPanel":"opus_8ccRnS_summaryPanel","owner":"opus_8ccRnS_owner","detailIcon":"opus_8ccRnS_detailIcon","detailsGrid":"opus_8ccRnS_detailsGrid","summaryTabs":"opus_8ccRnS_summaryTabs","tags":"opus_8ccRnS_tags","companies":"opus_8ccRnS_companies","companyEmployment":"opus_8ccRnS_companyEmployment","securityField":"opus_8ccRnS_securityField","securityAction":"opus_8ccRnS_securityAction"};
+var ContactSummaryCard_default = {"owner":"opus_8ccRnS_owner","tags":"opus_8ccRnS_tags","companyEmployment":"opus_8ccRnS_companyEmployment","detailIcon":"opus_8ccRnS_detailIcon","securityField":"opus_8ccRnS_securityField","securityAction":"opus_8ccRnS_securityAction","detailItem":"opus_8ccRnS_detailItem","detailsGrid":"opus_8ccRnS_detailsGrid","summaryPanel":"opus_8ccRnS_summaryPanel","detailsCard":"opus_8ccRnS_detailsCard","summaryTabs":"opus_8ccRnS_summaryTabs","detailsColumn":"opus_8ccRnS_detailsColumn","companies":"opus_8ccRnS_companies","statusValue":"opus_8ccRnS_statusValue"};
 
 // ../../components/ContactDetails/ContactSummaryCard.tsx
 var import_jsx_runtime151 = require("react/jsx-runtime");
@@ -46876,7 +47053,7 @@ var import_react90 = require("react");
 var import_react89 = require("react");
 
 // ../../components/CompactDocuments/CompactDocuments.module.css
-var CompactDocuments_default = {"toolbar":"opus_I18Pjx_toolbar","nodeCopy":"opus_I18Pjx_nodeCopy","columnTitle":"opus_I18Pjx_columnTitle","viewport":"opus_I18Pjx_viewport","columns":"opus_I18Pjx_columns","list":"opus_I18Pjx_list","controls":"opus_I18Pjx_controls","listRow":"opus_I18Pjx_listRow","columnRow":"opus_I18Pjx_columnRow","card":"opus_I18Pjx_card","grid":"opus_I18Pjx_grid","cardTop":"opus_I18Pjx_cardTop","column":"opus_I18Pjx_column","viewOptions":"opus_I18Pjx_viewOptions","nodeIcon":"opus_I18Pjx_nodeIcon","root":"opus_I18Pjx_root","breadcrumb":"opus_I18Pjx_breadcrumb","empty":"opus_I18Pjx_empty"};
+var CompactDocuments_default = {"card":"opus_I18Pjx_card","columnTitle":"opus_I18Pjx_columnTitle","nodeIcon":"opus_I18Pjx_nodeIcon","viewport":"opus_I18Pjx_viewport","list":"opus_I18Pjx_list","listRow":"opus_I18Pjx_listRow","empty":"opus_I18Pjx_empty","grid":"opus_I18Pjx_grid","nodeCopy":"opus_I18Pjx_nodeCopy","controls":"opus_I18Pjx_controls","viewOptions":"opus_I18Pjx_viewOptions","root":"opus_I18Pjx_root","columnRow":"opus_I18Pjx_columnRow","cardTop":"opus_I18Pjx_cardTop","breadcrumb":"opus_I18Pjx_breadcrumb","columns":"opus_I18Pjx_columns","column":"opus_I18Pjx_column","toolbar":"opus_I18Pjx_toolbar"};
 
 // ../../components/CompactDocuments/CompactDocuments.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
@@ -47050,7 +47227,7 @@ function CompactDocuments({
 }
 
 // ../../components/ContactDetails/ContactNotesActivity.module.css
-var ContactNotesActivity_default = {"cardNotesPanelContent":"opus_542jf0_cardNotesPanelContent","workspaceAction":"opus_542jf0_workspaceAction","cardNotesPanel":"opus_542jf0_cardNotesPanel","emptyPanel":"opus_542jf0_emptyPanel","tabsCardLine":"opus_542jf0_tabsCardLine","tabsCardCard":"opus_542jf0_tabsCardCard","scrollPanel":"opus_542jf0_scrollPanel","compactDocuments":"opus_542jf0_compactDocuments","notesActivity":"opus_542jf0_notesActivity","workspaceTabs":"opus_542jf0_workspaceTabs"};
+var ContactNotesActivity_default = {"scrollPanel":"opus_542jf0_scrollPanel","workspaceTabs":"opus_542jf0_workspaceTabs","compactDocuments":"opus_542jf0_compactDocuments","tabsCardLine":"opus_542jf0_tabsCardLine","cardNotesPanel":"opus_542jf0_cardNotesPanel","cardNotesPanelContent":"opus_542jf0_cardNotesPanelContent","emptyPanel":"opus_542jf0_emptyPanel","workspaceAction":"opus_542jf0_workspaceAction","tabsCardCard":"opus_542jf0_tabsCardCard","notesActivity":"opus_542jf0_notesActivity"};
 
 // ../../components/ContactDetails/ContactNotesActivity.tsx
 var import_jsx_runtime155 = require("react/jsx-runtime");
@@ -47302,7 +47479,7 @@ function CompanyLogoUploadModal({
 }
 
 // ../../components/CompanyDetails/CompanyIdentityCard.module.css
-var CompanyIdentityCard_default = {"primaryMark":"opus_VeicQh_primaryMark","avatarWrap":"opus_VeicQh_avatarWrap","companyCopy":"opus_VeicQh_companyCopy","logo":"opus_VeicQh_logo","status":"opus_VeicQh_status","identityCard":"opus_VeicQh_identityCard","identity":"opus_VeicQh_identity","companyList":"opus_VeicQh_companyList","avatarEdit":"opus_VeicQh_avatarEdit","companyIcon":"opus_VeicQh_companyIcon","logoFrame":"opus_VeicQh_logoFrame","headline":"opus_VeicQh_headline"};
+var CompanyIdentityCard_default = {"identityCard":"opus_VeicQh_identityCard","primaryMark":"opus_VeicQh_primaryMark","status":"opus_VeicQh_status","logo":"opus_VeicQh_logo","identity":"opus_VeicQh_identity","companyCopy":"opus_VeicQh_companyCopy","avatarEdit":"opus_VeicQh_avatarEdit","logoFrame":"opus_VeicQh_logoFrame","headline":"opus_VeicQh_headline","avatarWrap":"opus_VeicQh_avatarWrap","companyList":"opus_VeicQh_companyList","companyIcon":"opus_VeicQh_companyIcon"};
 
 // ../../components/CompanyDetails/CompanyIdentityCard.tsx
 var import_jsx_runtime157 = require("react/jsx-runtime");
@@ -47401,7 +47578,7 @@ function resolveCompanyDetailsCompany(company, defaults) {
 }
 
 // ../../components/CompanyDetails/CompanySummaryCard.module.css
-var CompanySummaryCard_default = {"securityAction":"opus_O7TkMw_securityAction","branchesEmpty":"opus_O7TkMw_branchesEmpty","detailItem":"opus_O7TkMw_detailItem","owner":"opus_O7TkMw_owner","detailsColumn":"opus_O7TkMw_detailsColumn","summaryPanel":"opus_O7TkMw_summaryPanel","summaryTabs":"opus_O7TkMw_summaryTabs","detailIcon":"opus_O7TkMw_detailIcon","securityField":"opus_O7TkMw_securityField","tags":"opus_O7TkMw_tags","statusValue":"opus_O7TkMw_statusValue","detailsCard":"opus_O7TkMw_detailsCard","companyEmployment":"opus_O7TkMw_companyEmployment","detailsGrid":"opus_O7TkMw_detailsGrid","companies":"opus_O7TkMw_companies","branchName":"opus_O7TkMw_branchName"};
+var CompanySummaryCard_default = {"tags":"opus_O7TkMw_tags","branchesEmpty":"opus_O7TkMw_branchesEmpty","summaryTabs":"opus_O7TkMw_summaryTabs","detailIcon":"opus_O7TkMw_detailIcon","detailsGrid":"opus_O7TkMw_detailsGrid","statusValue":"opus_O7TkMw_statusValue","securityField":"opus_O7TkMw_securityField","securityAction":"opus_O7TkMw_securityAction","companies":"opus_O7TkMw_companies","detailsCard":"opus_O7TkMw_detailsCard","summaryPanel":"opus_O7TkMw_summaryPanel","companyEmployment":"opus_O7TkMw_companyEmployment","branchName":"opus_O7TkMw_branchName","detailsColumn":"opus_O7TkMw_detailsColumn","owner":"opus_O7TkMw_owner","detailItem":"opus_O7TkMw_detailItem"};
 
 // ../../components/CompanyDetails/CompanySummaryCard.tsx
 var import_jsx_runtime158 = require("react/jsx-runtime");
@@ -47847,7 +48024,7 @@ function CompanyDetails({
 var import_react94 = require("react");
 
 // ../../components/CompanyDetails/CompanyNotesActivity.module.css
-var CompanyNotesActivity_default = {"notesActivity":"opus_dp6pcp_notesActivity","contactMeta":"opus_dp6pcp_contactMeta","cardNotesPanelContent":"opus_dp6pcp_cardNotesPanelContent","contactsList":"opus_dp6pcp_contactsList","contactRow":"opus_dp6pcp_contactRow","contactCopy":"opus_dp6pcp_contactCopy","emptyPanel":"opus_dp6pcp_emptyPanel","cardNotesPanel":"opus_dp6pcp_cardNotesPanel","scrollPanel":"opus_dp6pcp_scrollPanel","contactHeadline":"opus_dp6pcp_contactHeadline","compactDocuments":"opus_dp6pcp_compactDocuments","tabsCardCard":"opus_dp6pcp_tabsCardCard","tabsCardLine":"opus_dp6pcp_tabsCardLine","workspaceTabs":"opus_dp6pcp_workspaceTabs","workspaceAction":"opus_dp6pcp_workspaceAction"};
+var CompanyNotesActivity_default = {"workspaceTabs":"opus_dp6pcp_workspaceTabs","tabsCardCard":"opus_dp6pcp_tabsCardCard","compactDocuments":"opus_dp6pcp_compactDocuments","cardNotesPanel":"opus_dp6pcp_cardNotesPanel","contactsList":"opus_dp6pcp_contactsList","scrollPanel":"opus_dp6pcp_scrollPanel","contactCopy":"opus_dp6pcp_contactCopy","emptyPanel":"opus_dp6pcp_emptyPanel","tabsCardLine":"opus_dp6pcp_tabsCardLine","contactHeadline":"opus_dp6pcp_contactHeadline","cardNotesPanelContent":"opus_dp6pcp_cardNotesPanelContent","workspaceAction":"opus_dp6pcp_workspaceAction","contactRow":"opus_dp6pcp_contactRow","notesActivity":"opus_dp6pcp_notesActivity","contactMeta":"opus_dp6pcp_contactMeta"};
 
 // ../../components/CompanyDetails/CompanyNotesActivity.tsx
 var import_jsx_runtime161 = require("react/jsx-runtime");
@@ -48037,7 +48214,7 @@ function CompanyNotesActivity({
 var import_react95 = require("react");
 
 // ../../components/TreeView/TreeView.module.css
-var TreeView_default = {"toggle":"opus_NlkzXy_toggle","tree":"opus_NlkzXy_tree","children":"opus_NlkzXy_children","row":"opus_NlkzXy_row","label":"opus_NlkzXy_label","node":"opus_NlkzXy_node","leafMark":"opus_NlkzXy_leafMark"};
+var TreeView_default = {"leafMark":"opus_NlkzXy_leafMark","children":"opus_NlkzXy_children","toggle":"opus_NlkzXy_toggle","label":"opus_NlkzXy_label","tree":"opus_NlkzXy_tree","node":"opus_NlkzXy_node","row":"opus_NlkzXy_row"};
 
 // ../../components/TreeView/TreeView.tsx
 var import_jsx_runtime162 = require("react/jsx-runtime");
@@ -48117,7 +48294,7 @@ function TreeView({ defaultExpandedIds, nodes }) {
 }
 
 // ../../components/MasonryGrid/MasonryGrid.module.css
-var MasonryGrid_default = {"body":"opus_Fxxd7-_body","card":"opus_Fxxd7-_card","title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid"};
+var MasonryGrid_default = {"title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body","card":"opus_Fxxd7-_card"};
 
 // ../../components/MasonryGrid/MasonryGrid.tsx
 var import_jsx_runtime163 = require("react/jsx-runtime");
@@ -48162,7 +48339,7 @@ function MasonryGrid({ columns = 3, gap = 12, items, onItemClick }) {
 var import_react96 = require("react");
 
 // ../../components/JsonViewer/JsonViewer.module.css
-var JsonViewer_default = {"null":"opus_uLDgXq_null","number":"opus_uLDgXq_number","chevron":"opus_uLDgXq_chevron","block":"opus_uLDgXq_block","boolean":"opus_uLDgXq_boolean","toggleLine":"opus_uLDgXq_toggleLine","children":"opus_uLDgXq_children","line":"opus_uLDgXq_line","key":"opus_uLDgXq_key","root":"opus_uLDgXq_root","summary":"opus_uLDgXq_summary","string":"opus_uLDgXq_string"};
+var JsonViewer_default = {"key":"opus_uLDgXq_key","toggleLine":"opus_uLDgXq_toggleLine","number":"opus_uLDgXq_number","string":"opus_uLDgXq_string","boolean":"opus_uLDgXq_boolean","root":"opus_uLDgXq_root","summary":"opus_uLDgXq_summary","null":"opus_uLDgXq_null","chevron":"opus_uLDgXq_chevron","line":"opus_uLDgXq_line","block":"opus_uLDgXq_block","children":"opus_uLDgXq_children"};
 
 // ../../components/JsonViewer/JsonViewer.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
@@ -48278,7 +48455,7 @@ function Icon({ label, name, size = "md", tone = "default" }) {
 }
 
 // ../../components/Spinner/Spinner.module.css
-var Spinner_default = {"spinner":"opus_g5cd4Q_spinner","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate","ring":"opus_g5cd4Q_ring"};
+var Spinner_default = {"ring":"opus_g5cd4Q_ring","spinner":"opus_g5cd4Q_spinner","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate"};
 
 // ../../components/Spinner/Spinner.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
@@ -48296,11 +48473,111 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
   );
 }
 
-// ../../components/Clock/Clock.tsx
+// ../../components/fields/useFormState/useFormState.ts
 var import_react97 = require("react");
+function useFormState({
+  defaults,
+  validate
+}) {
+  const [baseline, setBaseline] = (0, import_react97.useState)(defaults);
+  const [values, setValues] = (0, import_react97.useState)(defaults);
+  const [touchedMap, setTouchedMap] = (0, import_react97.useState)({});
+  const errors = (0, import_react97.useMemo)(
+    () => {
+      var _a2;
+      return (_a2 = validate == null ? void 0 : validate(values)) != null ? _a2 : {};
+    },
+    [validate, values]
+  );
+  const setValue = (0, import_react97.useCallback)((name, value) => {
+    setValues((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
+    setTouchedMap((previous) => __spreadProps(__spreadValues({}, previous), { [name]: true }));
+  }, []);
+  const setTouched = (0, import_react97.useCallback)((name, touched = true) => {
+    setTouchedMap((previous) => __spreadProps(__spreadValues({}, previous), { [name]: touched }));
+  }, []);
+  const touchAll = (0, import_react97.useCallback)(() => {
+    setTouchedMap((previous) => {
+      const next = __spreadValues({}, previous);
+      for (const key of Object.keys(values)) {
+        next[key] = true;
+      }
+      return next;
+    });
+  }, [values]);
+  const reset = (0, import_react97.useCallback)(
+    (nextDefaults) => {
+      const target = nextDefaults != null ? nextDefaults : baseline;
+      setBaseline(target);
+      setValues(target);
+      setTouchedMap({});
+    },
+    [baseline]
+  );
+  const register = (0, import_react97.useCallback)(
+    (name) => ({
+      name: String(name),
+      value: values[name],
+      onBlur: () => setTouched(name),
+      onChange: (event) => setValue(name, event.target.value)
+    }),
+    [setTouched, setValue, values]
+  );
+  const registerCheckbox = (0, import_react97.useCallback)(
+    (name) => ({
+      name: String(name),
+      checked: Boolean(values[name]),
+      onBlur: () => setTouched(name),
+      onChange: (event) => setValue(name, event.target.checked)
+    }),
+    [setTouched, setValue, values]
+  );
+  const fields = (0, import_react97.useMemo)(() => {
+    const entries = Object.keys(values).map((key) => {
+      const name = key;
+      return [
+        name,
+        __spreadValues({
+          value: values[name],
+          defaultValue: baseline[name],
+          dirty: values[name] !== baseline[name],
+          touched: Boolean(touchedMap[name])
+        }, errors[name] ? { error: errors[name] } : {})
+      ];
+    });
+    return Object.fromEntries(entries);
+  }, [baseline, errors, touchedMap, values]);
+  const dirtyFields = (0, import_react97.useMemo)(
+    () => Object.keys(fields).filter((name) => fields[name].dirty),
+    [fields]
+  );
+  const touchedFields = (0, import_react97.useMemo)(
+    () => Object.keys(fields).filter((name) => fields[name].touched),
+    [fields]
+  );
+  return {
+    values,
+    fields,
+    errors,
+    dirtyFields,
+    touchedFields,
+    isDirty: dirtyFields.length > 0,
+    isTouched: touchedFields.length > 0,
+    isValid: Object.keys(errors).length === 0,
+    setValue,
+    setTouched,
+    touchAll,
+    reset,
+    register,
+    registerCheckbox
+  };
+}
+
+// ../../components/Clock/Clock.tsx
+var import_react98 = require("react");
 
 // ../../components/Clock/Clock.module.css
-var Clock_default = {"hourHand":"opus_Lj91mC_hourHand","root":"opus_Lj91mC_root","hand":"opus_Lj91mC_hand","digitalTime":"opus_Lj91mC_digitalTime","loading":"opus_Lj91mC_loading","face":"opus_Lj91mC_face","number":"opus_Lj91mC_number","centreDot":"opus_Lj91mC_centreDot","centreDotInner":"opus_Lj91mC_centreDotInner","secondHand":"opus_Lj91mC_secondHand","minuteHand":"opus_Lj91mC_minuteHand","tick":"opus_Lj91mC_tick","date":"opus_Lj91mC_date"};
+var Clock_default = {"number":"opus_Lj91mC_number","minuteHand":"opus_Lj91mC_minuteHand","digitalTime":"opus_Lj91mC_digitalTime","secondHand":"opus_Lj91mC_secondHand","face":"opus_Lj91mC_face","loading":"opus_Lj91mC_loading","hourHand":"opus_Lj91mC_hourHand","root":"opus_Lj91mC_root","centreDot":"opus_Lj91mC_centreDot","centreDotInner":"opus_Lj91mC_centreDotInner","date":"opus_Lj91mC_date","tick":"opus_Lj91mC_tick","hand":"opus_Lj91mC_hand"};
 
 // ../../components/Clock/Clock.tsx
 var import_jsx_runtime167 = require("react/jsx-runtime");
@@ -48310,8 +48587,8 @@ function Clock({
   showDigital = true,
   size = "md"
 }) {
-  const [time, setTime] = (0, import_react97.useState)(null);
-  (0, import_react97.useEffect)(() => {
+  const [time, setTime] = (0, import_react98.useState)(null);
+  (0, import_react98.useEffect)(() => {
     setTime(/* @__PURE__ */ new Date());
     const interval = window.setInterval(() => {
       setTime(/* @__PURE__ */ new Date());
@@ -48408,33 +48685,264 @@ function Clock({
   );
 }
 
+// ../../components/FlipClock/FlipClock.tsx
+var import_react99 = require("react");
+
+// ../../components/FlipClock/FlipClock.module.css
+var FlipClock_default = {"panelBottom":"opus_U6YEpK_panelBottom","leaf":"opus_U6YEpK_leaf","figure":"opus_U6YEpK_figure","leafFace":"opus_U6YEpK_leafFace","separator":"opus_U6YEpK_separator","pair":"opus_U6YEpK_pair","board":"opus_U6YEpK_board","glyph":"opus_U6YEpK_glyph","leafRear":"opus_U6YEpK_leafRear","leafFront":"opus_U6YEpK_leafFront","srOnly":"opus_U6YEpK_srOnly","date":"opus_U6YEpK_date","root":"opus_U6YEpK_root","probe":"opus_U6YEpK_probe","panelTop":"opus_U6YEpK_panelTop","rotor":"opus_U6YEpK_rotor","loading":"opus_U6YEpK_loading","colonPulse":"opus_U6YEpK_colonPulse","panel":"opus_U6YEpK_panel","leafFlip":"opus_U6YEpK_leafFlip"};
+
+// ../../components/FlipClock/FlipClock.tsx
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var FLIP_CLOCK_FRAME_RATE = 24;
+function frameFromDate(date) {
+  return Math.floor(date.getMilliseconds() / (1e3 / FLIP_CLOCK_FRAME_RATE)) % FLIP_CLOCK_FRAME_RATE;
+}
+function measureInkNudge(glyph, figure) {
+  glyph.style.transform = "none";
+  const range2 = document.createRange();
+  range2.selectNodeContents(glyph);
+  const ink = range2.getBoundingClientRect();
+  const box = figure.getBoundingClientRect();
+  glyph.style.transform = "";
+  if (ink.width < 1 || ink.height < 1 || box.height < 1) {
+    return { x: 0, y: 0 };
+  }
+  return {
+    x: box.left + box.width / 2 - (ink.left + ink.width / 2),
+    y: box.top + box.height / 2 - (ink.top + ink.height / 2)
+  };
+}
+function useFlipInkNudge(size) {
+  const rootRef = (0, import_react99.useRef)(null);
+  const probeGlyphRef = (0, import_react99.useRef)(null);
+  const probeFigureRef = (0, import_react99.useRef)(null);
+  const [nudge, setNudge] = (0, import_react99.useState)({ x: 0, y: 0 });
+  (0, import_react99.useLayoutEffect)(() => {
+    const root = rootRef.current;
+    const glyph = probeGlyphRef.current;
+    const figure = probeFigureRef.current;
+    if (!root || !glyph || !figure) {
+      return;
+    }
+    let frame = 0;
+    const timeouts = [];
+    const run = () => {
+      window.cancelAnimationFrame(frame);
+      frame = window.requestAnimationFrame(() => {
+        const next = measureInkNudge(glyph, figure);
+        setNudge(
+          (prev) => Math.abs(prev.x - next.x) < 0.25 && Math.abs(prev.y - next.y) < 0.25 ? prev : next
+        );
+      });
+    };
+    const runSoon = () => {
+      run();
+      timeouts.push(window.setTimeout(run, 60));
+      timeouts.push(window.setTimeout(run, 250));
+    };
+    runSoon();
+    void document.fonts.ready.then(runSoon);
+    document.fonts.addEventListener("loadingdone", runSoon);
+    const rootObserver = new ResizeObserver(runSoon);
+    rootObserver.observe(root);
+    const themeObserver = new MutationObserver(runSoon);
+    themeObserver.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    return () => {
+      window.cancelAnimationFrame(frame);
+      timeouts.forEach((id) => window.clearTimeout(id));
+      document.fonts.removeEventListener("loadingdone", runSoon);
+      rootObserver.disconnect();
+      themeObserver.disconnect();
+    };
+  }, [size]);
+  return {
+    rootRef,
+    probeGlyphRef,
+    probeFigureRef,
+    inkStyle: {
+      ["--flip-ink-x"]: `${nudge.x}px`,
+      ["--flip-ink-y"]: `${nudge.y}px`
+    }
+  };
+}
+function FlipDigit({ durationMs, value }) {
+  const [upper, setUpper] = (0, import_react99.useState)(value);
+  const [lower, setLower] = (0, import_react99.useState)(value);
+  const [from, setFrom] = (0, import_react99.useState)(value);
+  const [to, setTo] = (0, import_react99.useState)(value);
+  const [flipping, setFlipping] = (0, import_react99.useState)(false);
+  const [flipKey, setFlipKey] = (0, import_react99.useState)(0);
+  const upperRef = (0, import_react99.useRef)(value);
+  const busyRef = (0, import_react99.useRef)(false);
+  const pendingRef = (0, import_react99.useRef)(null);
+  const durationRef = (0, import_react99.useRef)(durationMs);
+  const timerRef = (0, import_react99.useRef)(0);
+  (0, import_react99.useEffect)(() => {
+    durationRef.current = durationMs;
+  }, [durationMs]);
+  (0, import_react99.useEffect)(() => {
+    return () => window.clearTimeout(timerRef.current);
+  }, []);
+  (0, import_react99.useEffect)(() => {
+    const finishFlip = (next) => {
+      setLower(next);
+      setFlipping(false);
+      busyRef.current = false;
+      const pending = pendingRef.current;
+      pendingRef.current = null;
+      if (pending !== null && pending !== upperRef.current) {
+        startFlip(pending);
+      }
+    };
+    const startFlip = (next) => {
+      const previous = upperRef.current;
+      if (next === previous) {
+        return;
+      }
+      busyRef.current = true;
+      setFrom(previous);
+      setTo(next);
+      setLower(previous);
+      setUpper(next);
+      upperRef.current = next;
+      setFlipKey((key) => key + 1);
+      setFlipping(true);
+      window.clearTimeout(timerRef.current);
+      timerRef.current = window.setTimeout(() => {
+        finishFlip(next);
+      }, durationRef.current);
+    };
+    if (value === upperRef.current) {
+      return;
+    }
+    if (busyRef.current) {
+      pendingRef.current = value;
+      return;
+    }
+    startFlip(value);
+  }, [value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: FlipClock_default.rotor,
+      "data-flipping": flipping ? "true" : "false",
+      style: { ["--flip-duration"]: `${durationMs}ms` },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelTop}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: upper }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelBottom}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: lower }) }) }),
+        flipping ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.leaf, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafFront}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: from }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafRear}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: to }) }) })
+        ] }, flipKey) : null
+      ]
+    }
+  );
+}
+function DigitPair({ durationMs, value }) {
+  const padded = value.padStart(2, "0");
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.pair, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(FlipDigit, { durationMs, value: padded[0] }),
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(FlipDigit, { durationMs, value: padded[1] })
+  ] });
+}
+function Colon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: FlipClock_default.separator, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", {}),
+    /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", {})
+  ] });
+}
+function FlipClock({
+  showDate = true,
+  showSeconds = true,
+  showFrames = false,
+  size = "md"
+}) {
+  const [time, setTime] = (0, import_react99.useState)(null);
+  const includeSeconds = showSeconds || showFrames;
+  const durationMs = showFrames ? 120 : 650;
+  const tickMs = showFrames ? 1e3 / FLIP_CLOCK_FRAME_RATE : 1e3;
+  const { rootRef, probeGlyphRef, probeFigureRef, inkStyle } = useFlipInkNudge(size);
+  (0, import_react99.useEffect)(() => {
+    setTime(/* @__PURE__ */ new Date());
+    const interval = window.setInterval(() => setTime(/* @__PURE__ */ new Date()), tickMs);
+    return () => window.clearInterval(interval);
+  }, [tickMs]);
+  const hours = time ? String(time.getHours()).padStart(2, "0") : "00";
+  const minutes = time ? String(time.getMinutes()).padStart(2, "0") : "00";
+  const seconds = time ? String(time.getSeconds()).padStart(2, "0") : "00";
+  const frames = time ? String(frameFromDate(time)).padStart(2, "0") : "00";
+  const digitalTime = showFrames ? `${hours}:${minutes}:${seconds}:${frames}` : includeSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`;
+  const date = time ? time.toLocaleDateString("en-GB", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  }) : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
+    "div",
+    {
+      "aria-live": "polite",
+      className: FlipClock_default.root,
+      "data-frames": showFrames ? "true" : "false",
+      "data-seconds": includeSeconds ? "true" : "false",
+      "data-size": size,
+      ref: rootRef,
+      style: inkStyle,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.probe, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, ref: probeFigureRef, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, ref: probeGlyphRef, children: "8" }) }) }),
+        !time ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: FlipClock_default.loading, children: "Loading flip clock\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.board, role: "img", "aria-label": digitalTime, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: hours }),
+            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: minutes }),
+            includeSeconds ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: seconds })
+            ] }) : null,
+            showFrames ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: frames })
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("time", { className: FlipClock_default.srOnly, dateTime: time.toISOString(), children: digitalTime }),
+          showDate ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: FlipClock_default.date, children: date }) : null
+        ] })
+      ]
+    }
+  );
+}
+
 // ../../components/VisuallyHidden/VisuallyHidden.module.css
 var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
 
 // ../../components/VisuallyHidden/VisuallyHidden.tsx
-var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_jsx_runtime169 = require("react/jsx-runtime");
 function VisuallyHidden({ as = "span", children }) {
   const Tag = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Tag, { className: VisuallyHidden_default.hidden, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Tag, { className: VisuallyHidden_default.hidden, children });
 }
 
 // ../../components/FocusTrap/FocusTrap.tsx
-var import_react98 = require("react");
+var import_react100 = require("react");
 
 // ../../components/FocusTrap/FocusTrap.module.css
 var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
 
 // ../../components/FocusTrap/FocusTrap.tsx
-var import_jsx_runtime169 = require("react/jsx-runtime");
+var import_jsx_runtime170 = require("react/jsx-runtime");
 function FocusTrap({
   active = true,
   children,
   initialFocusRef,
   restoreFocus = true
 }) {
-  const containerRef = (0, import_react98.useRef)(null);
-  const previouslyFocusedRef = (0, import_react98.useRef)(null);
-  (0, import_react98.useEffect)(() => {
+  const containerRef = (0, import_react100.useRef)(null);
+  const previouslyFocusedRef = (0, import_react100.useRef)(null);
+  (0, import_react100.useEffect)(() => {
     if (!active) {
       return;
     }
@@ -48460,7 +48968,7 @@ function FocusTrap({
       }
     };
   }, [active, initialFocusRef, restoreFocus]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     if (!active) {
       return;
     }
@@ -48495,25 +49003,25 @@ function FocusTrap({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [active]);
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
 }
 
 // ../../components/KeyboardShortcut/KeyboardShortcut.module.css
-var KeyboardShortcut_default = {"shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key","plus":"opus_pZh5vX_plus"};
+var KeyboardShortcut_default = {"key":"opus_pZh5vX_key","plus":"opus_pZh5vX_plus","shortcut":"opus_pZh5vX_shortcut"};
 
 // ../../components/KeyboardShortcut/KeyboardShortcut.tsx
-var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_jsx_runtime171 = require("react/jsx-runtime");
 function KeyboardShortcut({ keys, size = "md" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("span", { children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("span", { className: KeyboardShortcut_default.key, children: key })
+  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("span", { children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: KeyboardShortcut_default.key, children: key })
   ] }, `${key}-${index}`)) });
 }
 
 // ../../components/HotkeyManager/HotkeyManager.tsx
-var import_react99 = require("react");
-var import_jsx_runtime171 = require("react/jsx-runtime");
-var HotkeyManagerContext = (0, import_react99.createContext)(null);
+var import_react101 = require("react");
+var import_jsx_runtime172 = require("react/jsx-runtime");
+var HotkeyManagerContext = (0, import_react101.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;
@@ -48529,13 +49037,13 @@ function shortcutsEqual(a, b) {
   });
 }
 function HotkeyManager({ children, enabled = true }) {
-  const handlersRef = (0, import_react99.useRef)(/* @__PURE__ */ new Map());
-  const [shortcuts, setShortcuts] = (0, import_react99.useState)([]);
-  const syncShortcuts = (0, import_react99.useCallback)(() => {
+  const handlersRef = (0, import_react101.useRef)(/* @__PURE__ */ new Map());
+  const [shortcuts, setShortcuts] = (0, import_react101.useState)([]);
+  const syncShortcuts = (0, import_react101.useCallback)(() => {
     const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
     setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
   }, []);
-  const register = (0, import_react99.useCallback)(
+  const register = (0, import_react101.useCallback)(
     (combo, handler) => {
       handlersRef.current.set(combo.id, { combo, handler });
       syncShortcuts();
@@ -48546,7 +49054,7 @@ function HotkeyManager({ children, enabled = true }) {
     },
     [syncShortcuts]
   );
-  (0, import_react99.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     if (!enabled) {
       return;
     }
@@ -48571,16 +49079,16 @@ function HotkeyManager({ children, enabled = true }) {
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [enabled]);
-  const value = (0, import_react99.useMemo)(() => ({ register, shortcuts }), [register, shortcuts]);
-  return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(HotkeyManagerContext.Provider, { value, children });
+  const value = (0, import_react101.useMemo)(() => ({ register, shortcuts }), [register, shortcuts]);
+  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(HotkeyManagerContext.Provider, { value, children });
 }
 function useHotkey(combo, handler) {
-  const context = (0, import_react99.useContext)(HotkeyManagerContext);
+  const context = (0, import_react101.useContext)(HotkeyManagerContext);
   const register = context == null ? void 0 : context.register;
-  const handlerRef = (0, import_react99.useRef)(handler);
+  const handlerRef = (0, import_react101.useRef)(handler);
   handlerRef.current = handler;
   const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
-  (0, import_react99.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     if (!register) {
       return;
     }
@@ -48593,7 +49101,7 @@ function useHotkey(combo, handler) {
   }, [alt, ctrl, description, enabled, id, key, meta, register, shift]);
 }
 function useHotkeyManager() {
-  const context = (0, import_react99.useContext)(HotkeyManagerContext);
+  const context = (0, import_react101.useContext)(HotkeyManagerContext);
   if (!context) {
     throw new Error("useHotkeyManager must be used within HotkeyManager");
   }
@@ -48601,13 +49109,13 @@ function useHotkeyManager() {
 }
 
 // ../../components/CopyButton/CopyButton.tsx
-var import_react100 = require("react");
+var import_react102 = require("react");
 
 // ../../components/CopyButton/CopyButton.module.css
 var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
 
 // ../../components/CopyButton/CopyButton.tsx
-var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_jsx_runtime173 = require("react/jsx-runtime");
 async function writeClipboard(value) {
   var _a2;
   if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
@@ -48636,15 +49144,15 @@ function CopyButton({
   variant = "secondary",
   onCopied
 }) {
-  const [copied, setCopied] = (0, import_react100.useState)(false);
-  (0, import_react100.useEffect)(() => {
+  const [copied, setCopied] = (0, import_react102.useState)(false);
+  (0, import_react102.useEffect)(() => {
     if (!copied) {
       return;
     }
     const timer = window.setTimeout(() => setCopied(false), resetMs);
     return () => window.clearTimeout(timer);
   }, [copied, resetMs]);
-  const handleCopy = (0, import_react100.useCallback)(async () => {
+  const handleCopy = (0, import_react102.useCallback)(async () => {
     try {
       await writeClipboard(value);
       setCopied(true);
@@ -48653,13 +49161,13 @@ function CopyButton({
       setCopied(false);
     }
   }, [onCopied, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
 }
 
 // ../../components/Clipboard/Clipboard.tsx
-var import_react101 = require("react");
-var import_jsx_runtime173 = require("react/jsx-runtime");
-var ClipboardContext = (0, import_react101.createContext)(null);
+var import_react103 = require("react");
+var import_jsx_runtime174 = require("react/jsx-runtime");
+var ClipboardContext = (0, import_react103.createContext)(null);
 async function fallbackWrite(value) {
   const textarea = document.createElement("textarea");
   textarea.value = value;
@@ -48675,8 +49183,8 @@ async function fallbackWrite(value) {
   }
 }
 function ClipboardProvider({ children }) {
-  const [lastCopied, setLastCopied] = (0, import_react101.useState)(null);
-  const writeText = (0, import_react101.useCallback)(async (value2) => {
+  const [lastCopied, setLastCopied] = (0, import_react103.useState)(null);
+  const writeText = (0, import_react103.useCallback)(async (value2) => {
     var _a2;
     if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
       await navigator.clipboard.writeText(value2);
@@ -48685,39 +49193,39 @@ function ClipboardProvider({ children }) {
     }
     setLastCopied(value2);
   }, []);
-  const readText = (0, import_react101.useCallback)(async () => {
+  const readText = (0, import_react103.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_react101.useMemo)(
+  const value = (0, import_react103.useMemo)(
     () => ({ lastCopied, readText, writeText }),
     [lastCopied, readText, writeText]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(ClipboardContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ClipboardContext.Provider, { value, children });
 }
 function useClipboard() {
-  const context = (0, import_react101.useContext)(ClipboardContext);
+  const context = (0, import_react103.useContext)(ClipboardContext);
   if (!context) {
     throw new Error("useClipboard must be used within ClipboardProvider");
   }
   return context;
 }
 function Clipboard({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(ClipboardProvider, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ClipboardProvider, { children });
 }
 
 // ../../components/ThemeSwitcher/ThemeSwitcher.tsx
-var import_jsx_runtime174 = require("react/jsx-runtime");
+var import_jsx_runtime175 = require("react/jsx-runtime");
 function ThemeSwitcher({
   id = "opus-theme-switcher",
   label = "Theme",
   value,
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
     ThemeToggleField,
     {
       id,
@@ -48730,13 +49238,13 @@ function ThemeSwitcher({
 }
 
 // ../../components/ResizeObserver/ResizeObserver.tsx
-var import_react102 = require("react");
-var import_jsx_runtime175 = require("react/jsx-runtime");
+var import_react104 = require("react");
+var import_jsx_runtime176 = require("react/jsx-runtime");
 function ResizeObserver2(_a2) {
   var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
-  const ref = (0, import_react102.useRef)(null);
-  const [size, setSize] = (0, import_react102.useState)({ width: 0, height: 0 });
-  (0, import_react102.useEffect)(() => {
+  const ref = (0, import_react104.useRef)(null);
+  const [size, setSize] = (0, import_react104.useState)({ width: 0, height: 0 });
+  (0, import_react104.useEffect)(() => {
     const node = ref.current;
     if (!node || typeof window.ResizeObserver === "undefined") {
       return;
@@ -48756,11 +49264,11 @@ function ResizeObserver2(_a2) {
     observer.observe(node);
     return () => observer.disconnect();
   }, [onResize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
 }
 function useResizeObserver(targetRef) {
-  const [size, setSize] = (0, import_react102.useState)({ width: 0, height: 0 });
-  (0, import_react102.useEffect)(() => {
+  const [size, setSize] = (0, import_react104.useState)({ width: 0, height: 0 });
+  (0, import_react104.useEffect)(() => {
     const node = targetRef.current;
     if (!node || typeof window.ResizeObserver === "undefined") {
       return;
@@ -48782,8 +49290,8 @@ function useResizeObserver(targetRef) {
 }
 
 // ../../components/IntersectionObserver/IntersectionObserver.tsx
-var import_react103 = require("react");
-var import_jsx_runtime176 = require("react/jsx-runtime");
+var import_react105 = require("react");
+var import_jsx_runtime177 = require("react/jsx-runtime");
 function IntersectionObserver2({
   children,
   className,
@@ -48791,9 +49299,9 @@ function IntersectionObserver2({
   threshold = 0.25,
   onChange
 }) {
-  const ref = (0, import_react103.useRef)(null);
-  const [isIntersecting, setIsIntersecting] = (0, import_react103.useState)(false);
-  (0, import_react103.useEffect)(() => {
+  const ref = (0, import_react105.useRef)(null);
+  const [isIntersecting, setIsIntersecting] = (0, import_react105.useState)(false);
+  (0, import_react105.useEffect)(() => {
     const node = ref.current;
     if (!node || typeof window.IntersectionObserver === "undefined") {
       return;
@@ -48812,12 +49320,12 @@ function IntersectionObserver2({
     observer.observe(node);
     return () => observer.disconnect();
   }, [onChange, rootMargin, threshold]);
-  return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", { className, ref, children: children(isIntersecting) });
+  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className, ref, children: children(isIntersecting) });
 }
 function useIntersectionObserver(targetRef, options = {}) {
   const { rootMargin = "0px", threshold = 0.25 } = options;
-  const [isIntersecting, setIsIntersecting] = (0, import_react103.useState)(false);
-  (0, import_react103.useEffect)(() => {
+  const [isIntersecting, setIsIntersecting] = (0, import_react105.useState)(false);
+  (0, import_react105.useEffect)(() => {
     const node = targetRef.current;
     if (!node || typeof window.IntersectionObserver === "undefined") {
       return;
@@ -48839,22 +49347,22 @@ function useIntersectionObserver(targetRef, options = {}) {
 }
 
 // ../../components/Sidebar/Sidebar.tsx
-var import_react104 = require("react");
+var import_react106 = require("react");
 
 // ../../components/Sidebar/Sidebar.module.css
-var Sidebar_default = {"collapsedTooltip":"opus_4Pogux_collapsedTooltip","overflowTooltip":"opus_4Pogux_overflowTooltip","groupItemsWrap":"opus_4Pogux_groupItemsWrap","headerInner":"opus_4Pogux_headerInner","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","groupChevron":"opus_4Pogux_groupChevron","bodyContent":"opus_4Pogux_bodyContent","layout":"opus_4Pogux_layout","nav":"opus_4Pogux_nav","overflowLabel":"opus_4Pogux_overflowLabel","icon":"opus_4Pogux_icon","header":"opus_4Pogux_header","main":"opus_4Pogux_main","headerTitle":"opus_4Pogux_headerTitle","visuallyHidden":"opus_4Pogux_visuallyHidden","footer":"opus_4Pogux_footer","group":"opus_4Pogux_group","sidebar":"opus_4Pogux_sidebar","linkLabel":"opus_4Pogux_linkLabel","collapsedGroup":"opus_4Pogux_collapsedGroup","groupItems":"opus_4Pogux_groupItems","groupHeader":"opus_4Pogux_groupHeader","groupChevronOpen":"opus_4Pogux_groupChevronOpen","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","body":"opus_4Pogux_body","linkActive":"opus_4Pogux_linkActive","link":"opus_4Pogux_link","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","groupLabel":"opus_4Pogux_groupLabel"};
+var Sidebar_default = {"link":"opus_4Pogux_link","linkActive":"opus_4Pogux_linkActive","collapsedTooltip":"opus_4Pogux_collapsedTooltip","bodyContent":"opus_4Pogux_bodyContent","main":"opus_4Pogux_main","sidebar":"opus_4Pogux_sidebar","nav":"opus_4Pogux_nav","groupItems":"opus_4Pogux_groupItems","linkLabel":"opus_4Pogux_linkLabel","headerTitle":"opus_4Pogux_headerTitle","headerInner":"opus_4Pogux_headerInner","groupLabel":"opus_4Pogux_groupLabel","visuallyHidden":"opus_4Pogux_visuallyHidden","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevronOpen":"opus_4Pogux_groupChevronOpen","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","groupHeader":"opus_4Pogux_groupHeader","icon":"opus_4Pogux_icon","overflowLabel":"opus_4Pogux_overflowLabel","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","body":"opus_4Pogux_body","footer":"opus_4Pogux_footer","group":"opus_4Pogux_group","header":"opus_4Pogux_header","overflowTooltip":"opus_4Pogux_overflowTooltip","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","collapsedGroup":"opus_4Pogux_collapsedGroup","groupChevron":"opus_4Pogux_groupChevron","layout":"opus_4Pogux_layout"};
 
 // ../../components/Sidebar/Sidebar.tsx
-var import_jsx_runtime177 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react104.createContext)({
+var import_jsx_runtime178 = require("react/jsx-runtime");
+var SidebarContext = (0, import_react106.createContext)({
   collapsed: false,
   density: "comfortable"
 });
 var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
 function SidebarOverflowLabel({ label }) {
-  const labelRef = (0, import_react104.useRef)(null);
-  const [overflowing, setOverflowing] = (0, import_react104.useState)(false);
-  (0, import_react104.useEffect)(() => {
+  const labelRef = (0, import_react106.useRef)(null);
+  const [overflowing, setOverflowing] = (0, import_react106.useState)(false);
+  (0, import_react106.useEffect)(() => {
     const element = labelRef.current;
     if (!element) {
       return;
@@ -48870,14 +49378,14 @@ function SidebarOverflowLabel({ label }) {
       observer.disconnect();
     };
   }, [label]);
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     Tooltip,
     {
       className: Sidebar_default.overflowTooltip,
       content: label,
       disabled: !overflowing,
       placement: "right",
-      children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { ref: labelRef, className: Sidebar_default.overflowLabel, children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { ref: labelRef, className: Sidebar_default.overflowLabel, children: label })
     }
   );
 }
@@ -48960,17 +49468,17 @@ function Sidebar({
   storageKey
 }) {
   var _a2;
-  const resolvedStorageKey = (0, import_react104.useMemo)(
+  const resolvedStorageKey = (0, import_react106.useMemo)(
     () => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
     [menu, navLabel, storageKey]
   );
-  const [persistedState, setPersistedState] = (0, import_react104.useState)(
+  const [persistedState, setPersistedState] = (0, import_react106.useState)(
     {}
   );
-  const [motionReady, setMotionReady] = (0, import_react104.useState)(!persistState);
-  const [internalActiveItem, setInternalActiveItem] = (0, import_react104.useState)(defaultActiveItem);
+  const [motionReady, setMotionReady] = (0, import_react106.useState)(!persistState);
+  const [internalActiveItem, setInternalActiveItem] = (0, import_react106.useState)(defaultActiveItem);
   const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
-  (0, import_react104.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if (!persistState) {
       const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
       return () => window.clearTimeout(readyTimeout);
@@ -48999,7 +49507,7 @@ function Sidebar({
       }
     };
   }, [persistState, resolvedStorageKey]);
-  const updatePersistedState = (0, import_react104.useCallback)(
+  const updatePersistedState = (0, import_react106.useCallback)(
     (next) => {
       if (!persistState) {
         return;
@@ -49012,7 +49520,7 @@ function Sidebar({
     },
     [persistState, resolvedStorageKey]
   );
-  const setSidebarActiveItem = (0, import_react104.useCallback)(
+  const setSidebarActiveItem = (0, import_react106.useCallback)(
     (itemId) => {
       if (persistState) {
         updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
@@ -49025,14 +49533,14 @@ function Sidebar({
     },
     [activeItem, persistState, updatePersistedState]
   );
-  const getGroupOpenState = (0, import_react104.useCallback)(
+  const getGroupOpenState = (0, import_react106.useCallback)(
     (groupId, fallback) => {
       var _a3, _b2;
       return (_b2 = (_a3 = persistedState.groups) == null ? void 0 : _a3[groupId]) != null ? _b2 : fallback;
     },
     [persistedState.groups]
   );
-  const setGroupOpenState = (0, import_react104.useCallback)(
+  const setGroupOpenState = (0, import_react106.useCallback)(
     (groupId, open) => {
       updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
         groups: __spreadProps(__spreadValues({}, current.groups), {
@@ -49042,7 +49550,7 @@ function Sidebar({
     },
     [updatePersistedState]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     SidebarContext.Provider,
     {
       value: {
@@ -49055,7 +49563,7 @@ function Sidebar({
         setActiveItem: setSidebarActiveItem,
         setGroupOpenState: persistState ? setGroupOpenState : void 0
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
         "aside",
         {
           "aria-label": "Sidebar",
@@ -49073,14 +49581,14 @@ function Sidebar({
           "data-padding-top": paddingTop ? "true" : "false",
           "data-side": side,
           children: [
-            header ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.header, children: header }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+            header ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.header, children: header }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
               CustomScrollbar,
               {
                 className: Sidebar_default.body,
                 label: navLabel,
                 orientation: "vertical",
-                children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.bodyContent, children: menu ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(SidebarNav, { "aria-label": navLabel, children: menu.map(
+                children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.bodyContent, children: menu ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarNav, { "aria-label": navLabel, children: menu.map(
                   (item) => renderSidebarMenuItem({
                     depth: 0,
                     effectiveActiveItem,
@@ -49090,7 +49598,7 @@ function Sidebar({
                 ) }) : children })
               }
             ),
-            footer ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.footer, children: footer }) : null
+            footer ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.footer, children: footer }) : null
           ]
         }
       )
@@ -49098,9 +49606,9 @@ function Sidebar({
   );
 }
 function SidebarHeader({ children, title }) {
-  const { collapsed } = (0, import_react104.useContext)(SidebarContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: Sidebar_default.headerInner, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
+  const { collapsed } = (0, import_react106.useContext)(SidebarContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: Sidebar_default.headerInner, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
     children
   ] });
 }
@@ -49108,7 +49616,7 @@ function SidebarNav({
   "aria-label": ariaLabel,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
 }
 function SidebarLink({
   active,
@@ -49124,7 +49632,7 @@ function SidebarLink({
     collapsed,
     onSelect: onSidebarSelect,
     setActiveItem
-  } = (0, import_react104.useContext)(SidebarContext);
+  } = (0, import_react106.useContext)(SidebarContext);
   const isActive = active != null ? active : itemId ? activeItem === itemId : false;
   const className = [Sidebar_default.link, isActive ? Sidebar_default.linkActive : ""].filter(Boolean).join(" ");
   const label = typeof children === "string" ? children : null;
@@ -49141,12 +49649,12 @@ function SidebarLink({
     }
     onClick == null ? void 0 : onClick(event);
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, { children: [
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
-    !icon && collapsed && label ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
-    collapsed ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(SidebarOverflowLabel, { label }) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: Sidebar_default.linkLabel, children })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, { children: [
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
+    !icon && collapsed && label ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
+    collapsed ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarOverflowLabel, { label }) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.linkLabel, children })
   ] });
-  const control = href ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  const control = href ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -49155,7 +49663,7 @@ function SidebarLink({
       onClick: handleClick,
       children: content
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     "button",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -49166,7 +49674,7 @@ function SidebarLink({
     }
   );
   if (collapsed && label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
       Tooltip,
       {
         className: Sidebar_default.collapsedTooltip,
@@ -49195,7 +49703,7 @@ function renderSidebarMenuItem({
   renderIcon
 }) {
   if (item.type === "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
       SidebarGroup,
       {
         defaultOpen: item.defaultOpen,
@@ -49220,7 +49728,7 @@ function renderSidebarMenuItem({
       event.preventDefault();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
     SidebarLink,
     {
       itemId: item.id,
@@ -49254,16 +49762,16 @@ function SidebarGroup({
     getGroupOpenState,
     onCollapsedGroupSelect,
     setGroupOpenState
-  } = (0, import_react104.useContext)(SidebarContext);
+  } = (0, import_react106.useContext)(SidebarContext);
   const listId = createGroupListId(label, id);
-  const [open, setOpen] = (0, import_react104.useState)(
+  const [open, setOpen] = (0, import_react106.useState)(
     () => {
       var _a2;
       return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
     }
   );
-  const [collapsedOpen, setCollapsedOpen] = (0, import_react104.useState)(false);
-  (0, import_react104.useEffect)(() => {
+  const [collapsedOpen, setCollapsedOpen] = (0, import_react106.useState)(false);
+  (0, import_react106.useEffect)(() => {
     const timeout = window.setTimeout(() => {
       var _a2;
       setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
@@ -49277,14 +49785,14 @@ function SidebarGroup({
   };
   if (collapsed) {
     if (depth > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: Sidebar_default.collapsedGroupWrap, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: Sidebar_default.collapsedGroupWrap, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
           Tooltip,
           {
             className: Sidebar_default.collapsedTooltip,
             content: label,
             placement: "right",
-            children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
               "button",
               {
                 "aria-expanded": collapsedOpen,
@@ -49296,8 +49804,8 @@ function SidebarGroup({
                 },
                 type: "button",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: icon != null ? icon : label.charAt(0) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: icon != null ? icon : label.charAt(0) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
                     "span",
                     {
                       "aria-hidden": "true",
@@ -49309,10 +49817,10 @@ function SidebarGroup({
             )
           }
         ),
-        collapsedOpen ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.collapsedSubmenu, children }) : null
+        collapsedOpen ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.collapsedSubmenu, children }) : null
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
       "div",
       {
         "aria-label": label,
@@ -49323,7 +49831,7 @@ function SidebarGroup({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
     "div",
     {
       "aria-label": label,
@@ -49331,7 +49839,7 @@ function SidebarGroup({
       "data-depth": depth,
       role: "group",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
           "button",
           {
             "aria-controls": listId,
@@ -49340,9 +49848,9 @@ function SidebarGroup({
             onClick: toggleOpen,
             type: "button",
             children: [
-              icon ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(SidebarOverflowLabel, { label }),
-              /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+              icon ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarOverflowLabel, { label }),
+              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -49352,12 +49860,12 @@ function SidebarGroup({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
           "div",
           {
             className: Sidebar_default.groupItemsWrap,
             "data-open": open ? "true" : "false",
-            children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
               "div",
               {
                 className: Sidebar_default.groupItems,
@@ -49378,7 +49886,7 @@ function SidebarLayout({
   main,
   side = "left"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
     "div",
     {
       className: Sidebar_default.layout,
@@ -49386,7 +49894,7 @@ function SidebarLayout({
       "data-side": side,
       children: [
         side === "left" ? children : null,
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: Sidebar_default.main, children: main }),
+        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.main, children: main }),
         side === "right" ? children : null
       ]
     }
@@ -49394,15 +49902,15 @@ function SidebarLayout({
 }
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-var import_react105 = require("react");
+var import_react107 = require("react");
 var import_free_solid_svg_icons15 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome16 = require("@fortawesome/react-fontawesome");
 
 // ../../components/AccentColorPicker/AccentColorPicker.module.css
-var AccentColorPicker_default = {"summary":"opus_scMnrW_summary","picker":"opus_scMnrW_picker","swatch":"opus_scMnrW_swatch","tilePairs":"opus_scMnrW_tilePairs","quickSwatches":"opus_scMnrW_quickSwatches","trigger":"opus_scMnrW_trigger","panelHeader":"opus_scMnrW_panelHeader","swatches":"opus_scMnrW_swatches","section":"opus_scMnrW_section","tilePair":"opus_scMnrW_tilePair","footer":"opus_scMnrW_footer","dropdown":"opus_scMnrW_dropdown","chevron":"opus_scMnrW_chevron","reset":"opus_scMnrW_reset","sectionLabel":"opus_scMnrW_sectionLabel","panel":"opus_scMnrW_panel","blob":"opus_scMnrW_blob","resetText":"opus_scMnrW_resetText"};
+var AccentColorPicker_default = {"picker":"opus_scMnrW_picker","swatches":"opus_scMnrW_swatches","blob":"opus_scMnrW_blob","footer":"opus_scMnrW_footer","trigger":"opus_scMnrW_trigger","tilePair":"opus_scMnrW_tilePair","section":"opus_scMnrW_section","summary":"opus_scMnrW_summary","chevron":"opus_scMnrW_chevron","dropdown":"opus_scMnrW_dropdown","panelHeader":"opus_scMnrW_panelHeader","sectionLabel":"opus_scMnrW_sectionLabel","resetText":"opus_scMnrW_resetText","tilePairs":"opus_scMnrW_tilePairs","swatch":"opus_scMnrW_swatch","quickSwatches":"opus_scMnrW_quickSwatches","panel":"opus_scMnrW_panel","reset":"opus_scMnrW_reset"};
 
 // ../../components/AccentColorPicker/AccentColorPicker.tsx
-var import_jsx_runtime178 = require("react/jsx-runtime");
+var import_jsx_runtime179 = require("react/jsx-runtime");
 var TILE_PINK = "#ec4899";
 var TILE_TURQUOISE = "#0ea5e9";
 var TILE_MAGENTA = "#d946ef";
@@ -49503,11 +50011,11 @@ function pairLabel(primary, secondary) {
   return `${colorLabel(primary)} / ${colorLabel(secondary)}`;
 }
 function useAccentPreference() {
-  const [accent, setAccentState] = (0, import_react105.useState)(DEFAULT_ACCENT_COLOR);
-  const [accentSecondary, setAccentSecondaryState] = (0, import_react105.useState)(DEFAULT_ACCENT_SECONDARY);
-  const [accentPairId, setAccentPairIdState] = (0, import_react105.useState)(DEFAULT_ACCENT_PAIR_ID);
-  const [ready, setReady] = (0, import_react105.useState)(false);
-  (0, import_react105.useLayoutEffect)(() => {
+  const [accent, setAccentState] = (0, import_react107.useState)(DEFAULT_ACCENT_COLOR);
+  const [accentSecondary, setAccentSecondaryState] = (0, import_react107.useState)(DEFAULT_ACCENT_SECONDARY);
+  const [accentPairId, setAccentPairIdState] = (0, import_react107.useState)(DEFAULT_ACCENT_PAIR_ID);
+  const [ready, setReady] = (0, import_react107.useState)(false);
+  (0, import_react107.useLayoutEffect)(() => {
     var _a2;
     const stored = readStoredAccentState();
     setAccentState(stored.accent);
@@ -49520,7 +50028,7 @@ function useAccentPreference() {
     persistAccentState(stored.accent, stored.accentSecondary, (_a2 = matchedPair == null ? void 0 : matchedPair.id) != null ? _a2 : null);
     setReady(true);
   }, []);
-  const applyPair = (0, import_react105.useCallback)((pair) => {
+  const applyPair = (0, import_react107.useCallback)((pair) => {
     setAccentState(pair.primary);
     setAccentSecondaryState(pair.secondary);
     setAccentPairIdState(pair.id);
@@ -49528,7 +50036,7 @@ function useAccentPreference() {
     persistAccentState(pair.primary, pair.secondary, pair.id);
     setReady(true);
   }, []);
-  const setAccent = (0, import_react105.useCallback)(
+  const setAccent = (0, import_react107.useCallback)(
     (next) => {
       var _a2, _b2;
       if (!isHexColor2(next)) {
@@ -49545,7 +50053,7 @@ function useAccentPreference() {
     },
     [accentPairId, accentSecondary]
   );
-  const setAccentSecondary = (0, import_react105.useCallback)(
+  const setAccentSecondary = (0, import_react107.useCallback)(
     (next) => {
       var _a2, _b2;
       if (!isHexColor2(next)) {
@@ -49562,7 +50070,7 @@ function useAccentPreference() {
     },
     [accent, accentPairId]
   );
-  const setAccentPair = (0, import_react105.useCallback)(
+  const setAccentPair = (0, import_react107.useCallback)(
     (pairId) => {
       const pair = findPairById(pairId);
       if (!pair) {
@@ -49572,14 +50080,14 @@ function useAccentPreference() {
     },
     [applyPair]
   );
-  const resetAccent = (0, import_react105.useCallback)(() => {
+  const resetAccent = (0, import_react107.useCallback)(() => {
     const pair = findPairById(DEFAULT_ACCENT_PAIR_ID);
     if (!pair) {
       return;
     }
     applyPair(pair);
   }, [applyPair]);
-  const accentStyle = (0, import_react105.useMemo)(
+  const accentStyle = (0, import_react107.useMemo)(
     () => ready ? createAccentStyle(accent, accentSecondary) : void 0,
     [accent, accentSecondary, ready]
   );
@@ -49595,10 +50103,10 @@ function useAccentPreference() {
   };
 }
 function useTileAccentPreference() {
-  const [tileAccent, setTileAccentState] = (0, import_react105.useState)(DEFAULT_TILE_ACCENT);
-  const [tileAccentSecondary, setTileAccentSecondaryState] = (0, import_react105.useState)(DEFAULT_TILE_ACCENT_SECONDARY);
-  const [ready, setReady] = (0, import_react105.useState)(false);
-  (0, import_react105.useLayoutEffect)(() => {
+  const [tileAccent, setTileAccentState] = (0, import_react107.useState)(DEFAULT_TILE_ACCENT);
+  const [tileAccentSecondary, setTileAccentSecondaryState] = (0, import_react107.useState)(DEFAULT_TILE_ACCENT_SECONDARY);
+  const [ready, setReady] = (0, import_react107.useState)(false);
+  (0, import_react107.useLayoutEffect)(() => {
     const stored = readStoredTileAccentState();
     setTileAccentState(stored.tileAccent);
     setTileAccentSecondaryState(stored.tileAccentSecondary);
@@ -49606,7 +50114,7 @@ function useTileAccentPreference() {
     persistTileAccentState(stored.tileAccent, stored.tileAccentSecondary);
     setReady(true);
   }, []);
-  const setTileAccent = (0, import_react105.useCallback)(
+  const setTileAccent = (0, import_react107.useCallback)(
     (next) => {
       if (!isHexColor2(next)) {
         return;
@@ -49618,7 +50126,7 @@ function useTileAccentPreference() {
     },
     [tileAccentSecondary]
   );
-  const setTileAccentSecondary = (0, import_react105.useCallback)(
+  const setTileAccentSecondary = (0, import_react107.useCallback)(
     (next) => {
       if (!isHexColor2(next)) {
         return;
@@ -49630,14 +50138,14 @@ function useTileAccentPreference() {
     },
     [tileAccent]
   );
-  const resetTileAccent = (0, import_react105.useCallback)(() => {
+  const resetTileAccent = (0, import_react107.useCallback)(() => {
     setTileAccentState(DEFAULT_TILE_ACCENT);
     setTileAccentSecondaryState(DEFAULT_TILE_ACCENT_SECONDARY);
     applyDocumentTileAccent(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
     persistTileAccentState(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
     setReady(true);
   }, []);
-  const tileAccentStyle = (0, import_react105.useMemo)(
+  const tileAccentStyle = (0, import_react107.useMemo)(
     () => ready ? createTileAccentStyle(tileAccent, tileAccentSecondary) : void 0,
     [ready, tileAccent, tileAccentSecondary]
   );
@@ -49655,11 +50163,11 @@ function AccentSwatchGrid({
   onSelect,
   selectedValue
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: AccentColorPicker_default.section, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("p", { className: AccentColorPicker_default.sectionLabel, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { "aria-label": label, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentPalette.map((option) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.section, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.sectionLabel, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { "aria-label": label, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentPalette.map((option) => {
       const selected = selectedValue === option.value;
-      return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
         "button",
         {
           "aria-checked": selected,
@@ -49692,16 +50200,17 @@ function AccentColorPicker({
   defaultSecondaryValue = DEFAULT_ACCENT_SECONDARY,
   secondaryValue,
   showQuickSwatches = false,
+  showSecondary = true,
   variant = "compact",
   value
 }) {
   const resolvedSecondary = secondaryValue != null ? secondaryValue : companionForPrimary(value);
-  const [open, setOpen] = (0, import_react105.useState)(false);
-  const rootRef = (0, import_react105.useRef)(null);
-  const menuId = (0, import_react105.useId)();
-  const selectedLabel = pairLabel(value, resolvedSecondary);
-  const isDefault = value === defaultValue && resolvedSecondary === defaultSecondaryValue;
-  (0, import_react105.useEffect)(() => {
+  const [open, setOpen] = (0, import_react107.useState)(false);
+  const rootRef = (0, import_react107.useRef)(null);
+  const menuId = (0, import_react107.useId)();
+  const selectedLabel = showSecondary ? pairLabel(value, resolvedSecondary) : colorLabel(value);
+  const isDefault = value === defaultValue && (!showSecondary || resolvedSecondary === defaultSecondaryValue);
+  (0, import_react107.useEffect)(() => {
     if (!open || variant !== "compact") {
       return;
     }
@@ -49732,21 +50241,21 @@ function AccentColorPicker({
     }
     setOpen(false);
   };
-  const paletteBody = /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(AccentSwatchGrid, { label: primarySectionLabel, selectedValue: value, onSelect: onChange }),
-    /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+  const paletteBody = /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(AccentSwatchGrid, { label: primarySectionLabel, selectedValue: value, onSelect: onChange }),
+    showSecondary ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
       AccentSwatchGrid,
       {
         label: secondarySectionLabel,
         selectedValue: resolvedSecondary,
         onSelect: (next) => onSecondaryChange == null ? void 0 : onSecondaryChange(next)
       }
-    )
+    ) : null
   ] });
   if (variant === "panel") {
-    return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: AccentColorPicker_default.panel, id, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: AccentColorPicker_default.panelHeader, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.panel, id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.panelHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -49757,8 +50266,8 @@ function AccentColorPicker({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           "button",
           {
             "aria-label": `Reset ${label.toLowerCase()} colours`,
@@ -49767,14 +50276,14 @@ function AccentColorPicker({
             title: `Reset ${label.toLowerCase()}`,
             type: "button",
             onClick: handleReset,
-            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
+            children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
           }
         )
       ] }),
       paletteBody
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
     FieldShell,
     {
       fitContent: true,
@@ -49785,8 +50294,8 @@ function AccentColorPicker({
       labelPosition,
       labelTag: "div",
       mode,
-      children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: AccentColorPicker_default.picker, ref: rootRef, children: [
-        showQuickSwatches ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.picker, ref: rootRef, children: [
+        showQuickSwatches ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           "div",
           {
             "aria-labelledby": `${id}-label`,
@@ -49794,7 +50303,7 @@ function AccentColorPicker({
             role: "radiogroup",
             children: accentQuickColors.map((option) => {
               const selected = value === option.value;
-              return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
                 "button",
                 {
                   "aria-checked": selected,
@@ -49812,7 +50321,7 @@ function AccentColorPicker({
             })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
           "button",
           {
             "aria-controls": menuId,
@@ -49828,12 +50337,12 @@ function AccentColorPicker({
             type: "button",
             onClick: () => setOpen((current) => !current),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.blob }),
-              /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.chevron })
+              /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.blob }),
+              /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.chevron })
             ]
           }
         ),
-        !isDefault ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
+        !isDefault ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
           "button",
           {
             "aria-label": `Reset ${label.toLowerCase()} colours`,
@@ -49841,10 +50350,10 @@ function AccentColorPicker({
             title: `Reset ${label.toLowerCase()}`,
             type: "button",
             onClick: handleReset,
-            children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
+            children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
           }
         ) : null,
-        open ? /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
+        open ? /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
           "div",
           {
             "aria-label": `${label} colours`,
@@ -49853,9 +50362,9 @@ function AccentColorPicker({
             role: "dialog",
             children: [
               paletteBody,
-              /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: AccentColorPicker_default.footer, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
-                !isDefault ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("button", { className: AccentColorPicker_default.resetText, type: "button", onClick: handleReset, children: "Reset" }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.footer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
+                !isDefault ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("button", { className: AccentColorPicker_default.resetText, type: "button", onClick: handleReset, children: "Reset" }) : null
               ] })
             ]
           }
@@ -49866,14 +50375,14 @@ function AccentColorPicker({
 }
 
 // ../../components/IconPicker/IconPicker.tsx
-var import_react106 = require("react");
+var import_react108 = require("react");
 var import_react_fontawesome17 = require("@fortawesome/react-fontawesome");
 
 // ../../components/IconPicker/IconPicker.module.css
-var IconPicker_default = {"grid":"opus_4E-Oa1_grid","optionIcon":"opus_4E-Oa1_optionIcon","search":"opus_4E-Oa1_search","triggerIcon":"opus_4E-Oa1_triggerIcon","option":"opus_4E-Oa1_option","trigger":"opus_4E-Oa1_trigger","empty":"opus_4E-Oa1_empty","menu":"opus_4E-Oa1_menu","triggerLabel":"opus_4E-Oa1_triggerLabel","root":"opus_4E-Oa1_root","chevron":"opus_4E-Oa1_chevron"};
+var IconPicker_default = {"trigger":"opus_4E-Oa1_trigger","grid":"opus_4E-Oa1_grid","option":"opus_4E-Oa1_option","empty":"opus_4E-Oa1_empty","root":"opus_4E-Oa1_root","optionIcon":"opus_4E-Oa1_optionIcon","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","chevron":"opus_4E-Oa1_chevron","triggerLabel":"opus_4E-Oa1_triggerLabel","triggerIcon":"opus_4E-Oa1_triggerIcon"};
 
 // ../../components/IconPicker/IconPicker.tsx
-var import_jsx_runtime179 = require("react/jsx-runtime");
+var import_jsx_runtime180 = require("react/jsx-runtime");
 function IconPicker({
   help,
   id,
@@ -49884,14 +50393,14 @@ function IconPicker({
   searchPlaceholder = "Search icons",
   value
 }) {
-  const [open, setOpen] = (0, import_react106.useState)(false);
-  const [query, setQuery] = (0, import_react106.useState)("");
-  const rootRef = (0, import_react106.useRef)(null);
-  const searchRef = (0, import_react106.useRef)(null);
-  const listboxId = (0, import_react106.useId)();
+  const [open, setOpen] = (0, import_react108.useState)(false);
+  const [query, setQuery] = (0, import_react108.useState)("");
+  const rootRef = (0, import_react108.useRef)(null);
+  const searchRef = (0, import_react108.useRef)(null);
+  const listboxId = (0, import_react108.useId)();
   const selected = getFontAwesomeIconOption(value);
-  const filteredIcons = (0, import_react106.useMemo)(() => filterFontAwesomeIcons(query), [query]);
-  (0, import_react106.useEffect)(() => {
+  const filteredIcons = (0, import_react108.useMemo)(() => filterFontAwesomeIcons(query), [query]);
+  (0, import_react108.useEffect)(() => {
     if (!open) {
       return;
     }
@@ -49918,8 +50427,8 @@ function IconPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: IconPicker_default.root, ref: rootRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: IconPicker_default.root, ref: rootRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
       "button",
       {
         "aria-controls": open ? listboxId : void 0,
@@ -49930,14 +50439,14 @@ function IconPicker({
         type: "button",
         onClick: () => setOpen((current) => !current),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: selected.icon }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { className: IconPicker_default.triggerLabel, children: selected.label })
+          /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: selected.icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: IconPicker_default.triggerLabel, children: selected.label })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
-    open ? /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: IconPicker_default.menu, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: IconPicker_default.menu, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
         "input",
         {
           "aria-label": searchPlaceholder,
@@ -49949,7 +50458,7 @@ function IconPicker({
           onChange: (event) => setQuery(event.target.value)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
         "button",
         {
           "aria-label": entry.label,
@@ -49964,19 +50473,19 @@ function IconPicker({
             setOpen(false);
             setQuery("");
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: entry.icon }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: entry.icon }) })
         },
         entry.iconName
-      )) : /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
+      )) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
     ] }) : null
   ] }) });
 }
 
 // ../../components/IconBadge/IconBadge.module.css
-var IconBadge_default = {"icon":"opus_H9TUGj_icon","badge":"opus_H9TUGj_badge","root":"opus_H9TUGj_root"};
+var IconBadge_default = {"root":"opus_H9TUGj_root","icon":"opus_H9TUGj_icon","badge":"opus_H9TUGj_badge"};
 
 // ../../components/IconBadge/IconBadge.tsx
-var import_jsx_runtime180 = require("react/jsx-runtime");
+var import_jsx_runtime181 = require("react/jsx-runtime");
 function formatCount(count, max) {
   if (count > max) {
     return `${max}+`;
@@ -50013,12 +50522,12 @@ function IconBadge({
   const showBadge = shouldShowBadge(count, showZero);
   const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
   const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
-  const content = /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(CatalogIcon, { iconName }),
-    showBadge ? /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
+  const content = /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CatalogIcon, { iconName }),
+    showBadge ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
   ] });
   if (onClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
       "button",
       {
         "aria-label": accessibleLabel,
@@ -50030,17 +50539,17 @@ function IconBadge({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
 }
 
 // ../../components/ApplicationHeader/ApplicationHeader.tsx
-var import_react107 = require("react");
+var import_react109 = require("react");
 
 // ../../components/ApplicationHeader/ApplicationHeader.module.css
-var ApplicationHeader_default = {"logo":"opus_TjZbi8_logo","actions":"opus_TjZbi8_actions","actionGroup":"opus_TjZbi8_actionGroup","createButton":"opus_TjZbi8_createButton","profile":"opus_TjZbi8_profile","brand":"opus_TjZbi8_brand","root":"opus_TjZbi8_root","createMenuIcon":"opus_TjZbi8_createMenuIcon","content":"opus_TjZbi8_content","search":"opus_TjZbi8_search"};
+var ApplicationHeader_default = {"brand":"opus_TjZbi8_brand","search":"opus_TjZbi8_search","root":"opus_TjZbi8_root","logo":"opus_TjZbi8_logo","actions":"opus_TjZbi8_actions","createMenuIcon":"opus_TjZbi8_createMenuIcon","actionGroup":"opus_TjZbi8_actionGroup","content":"opus_TjZbi8_content","profile":"opus_TjZbi8_profile","createButton":"opus_TjZbi8_createButton"};
 
 // ../../components/ApplicationHeader/ApplicationHeader.tsx
-var import_jsx_runtime181 = require("react/jsx-runtime");
+var import_jsx_runtime182 = require("react/jsx-runtime");
 function ApplicationHeader({
   actions = [],
   brandAlt = "Opus",
@@ -50059,7 +50568,7 @@ function ApplicationHeader({
   searchValue = "",
   showSearch = true
 }) {
-  const searchInputRef = (0, import_react107.useRef)(null);
+  const searchInputRef = (0, import_react109.useRef)(null);
   const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
   const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
   const handleSearchChange = (event) => {
@@ -50067,12 +50576,12 @@ function ApplicationHeader({
   };
   const createMenuItems = createItems.map((item) => ({
     disabled: item.disabled,
-    icon: item.iconName ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CatalogIcon, { iconName: item.iconName }) }) : void 0,
+    icon: item.iconName ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: item.iconName }) }) : void 0,
     id: item.id,
     label: item.label,
     onSelect: item.onSelect
   }));
-  (0, import_react107.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     var _a2;
     if (!showSearch) {
       return;
@@ -50093,18 +50602,18 @@ function ApplicationHeader({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [searchShortcut, showSearch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
     "header",
     {
       className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
       "data-connected": connected ? "true" : "false",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("div", { className: ApplicationHeader_default.content, children: [
-          showSearch ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: ApplicationHeader_default.content, children: [
+          showSearch ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
             TextField,
             {
-              endAdornment: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
+              endAdornment: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
               id: "application-header-search",
               inputRef: searchInputRef,
               label: "Search",
@@ -50115,9 +50624,9 @@ function ApplicationHeader({
               value: searchValue,
               onChange: handleSearchChange
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
-            createItems.length ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
+            createItems.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
               DropdownMenu,
               {
                 items: createMenuItems,
@@ -50129,11 +50638,11 @@ function ApplicationHeader({
                   }
                 },
                 placement: "bottom-end",
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CatalogIcon, { iconName: "plus" }) })
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: "plus" }) })
               }
-            ) : onCreate ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CatalogIcon, { iconName: "plus" }) }) }) : null,
-            (createItems.length || onCreate) && actions.length ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+            ) : onCreate ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: "plus" }) }) }) : null,
+            (createItems.length || onCreate) && actions.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
               IconBadge,
               {
                 count: action.count,
@@ -50143,8 +50652,8 @@ function ApplicationHeader({
                 urgency: action.urgency
               }
             ) }, action.id)) }),
-            notificationActions.length && utilityActions.length ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+            notificationActions.length && utilityActions.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
               IconBadge,
               {
                 count: action.count,
@@ -50154,9 +50663,9 @@ function ApplicationHeader({
                 urgency: action.urgency
               }
             ) }, action.id)) }),
-            profile ? /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)(import_jsx_runtime181.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(Divider, { orientation: "vertical", tone: "muted" }),
-              /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
+            profile ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(import_jsx_runtime182.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
                 UserProfileWidget,
                 {
                   avatarSize: "md",
@@ -50175,37 +50684,37 @@ function ApplicationHeader({
 }
 
 // ../../components/ApplicationFooter/ApplicationFooter.module.css
-var ApplicationFooter_default = {"root":"opus_mphyzH_root","action":"opus_mphyzH_action","copyright":"opus_mphyzH_copyright","actionSlot":"opus_mphyzH_actionSlot","version":"opus_mphyzH_version","actions":"opus_mphyzH_actions","logo":"opus_mphyzH_logo","product":"opus_mphyzH_product","brand":"opus_mphyzH_brand"};
+var ApplicationFooter_default = {"version":"opus_mphyzH_version","product":"opus_mphyzH_product","actionSlot":"opus_mphyzH_actionSlot","action":"opus_mphyzH_action","logo":"opus_mphyzH_logo","actions":"opus_mphyzH_actions","brand":"opus_mphyzH_brand","copyright":"opus_mphyzH_copyright","root":"opus_mphyzH_root"};
 
 // ../../components/ApplicationFooter/ApplicationFooter.tsx
-var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 function ApplicationFooter({ actions = [], brandAlt = "Opus", brandSrc = "/opus-logo.png", copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opus. All rights reserved.`, onActionSelect, productName = "CRM", version = "v1.0.0" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("footer", { className: ApplicationFooter_default.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: ApplicationFooter_default.brand, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: ApplicationFooter_default.product, children: productName }),
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: ApplicationFooter_default.version, children: version })
+  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("footer", { className: ApplicationFooter_default.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: ApplicationFooter_default.brand, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: ApplicationFooter_default.product, children: productName }),
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: ApplicationFooter_default.version, children: version })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("small", { className: ApplicationFooter_default.copyright, children: copyright }),
-    /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("span", { className: ApplicationFooter_default.actionSlot, children: [
-      index ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("small", { className: ApplicationFooter_default.copyright, children: copyright }),
+    /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("span", { className: ApplicationFooter_default.actionSlot, children: [
+      index ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
         var _a2;
         (_a2 = action.onSelect) == null ? void 0 : _a2.call(action);
         onActionSelect == null ? void 0 : onActionSelect(action);
-      }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: action.iconName }) }) })
+      }, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(CatalogIcon, { iconName: action.iconName }) }) })
     ] }, action.id)) })
   ] });
 }
 
 // ../../components/WelcomeMessage/WelcomeMessage.tsx
-var import_react108 = require("react");
+var import_react110 = require("react");
 
 // ../../components/WelcomeMessage/WelcomeMessage.module.css
-var WelcomeMessage_default = {"wave":"opus_cZqjKS_wave","subtitle":"opus_cZqjKS_subtitle","welcome-wave":"opus_cZqjKS_welcome-wave","heading":"opus_cZqjKS_heading","root":"opus_cZqjKS_root"};
+var WelcomeMessage_default = {"heading":"opus_cZqjKS_heading","root":"opus_cZqjKS_root","wave":"opus_cZqjKS_wave","subtitle":"opus_cZqjKS_subtitle","welcome-wave":"opus_cZqjKS_welcome-wave"};
 
 // ../../components/WelcomeMessage/WelcomeMessage.tsx
-var import_jsx_runtime183 = require("react/jsx-runtime");
+var import_jsx_runtime184 = require("react/jsx-runtime");
 function toDate(value) {
   if (value instanceof Date) return value;
   if (value !== void 0) return new Date(value);
@@ -50237,8 +50746,8 @@ function WelcomeMessage({
   timeZone,
   updateInterval = 6e4
 }) {
-  const [currentDate, setCurrentDate] = (0, import_react108.useState)(() => toDate(date));
-  (0, import_react108.useEffect)(() => {
+  const [currentDate, setCurrentDate] = (0, import_react110.useState)(() => toDate(date));
+  (0, import_react110.useEffect)(() => {
     if (date !== void 0) {
       setCurrentDate(toDate(date));
       return;
@@ -50246,32 +50755,32 @@ function WelcomeMessage({
     const interval = window.setInterval(() => setCurrentDate(/* @__PURE__ */ new Date()), updateInterval);
     return () => window.clearInterval(interval);
   }, [date, updateInterval]);
-  const resolvedGreeting = (0, import_react108.useMemo)(
+  const resolvedGreeting = (0, import_react110.useMemo)(
     () => greeting != null ? greeting : `Good ${getWelcomeGreeting(getHour(currentDate, timeZone))}`,
     [currentDate, greeting, timeZone]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
       resolvedGreeting,
       ", ",
       name,
-      showWave ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
+      showWave ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
     ] }),
-    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
+    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
   ] });
 }
 
 // ../../components/Desktop/Desktop.tsx
-var import_react111 = require("react");
+var import_react113 = require("react");
 
 // ../../components/DesktopDock/DesktopDock.tsx
-var import_react109 = require("react");
+var import_react111 = require("react");
 
 // ../../components/DesktopIcon/DesktopIcon.module.css
 var DesktopIcon_default = {"icon":"opus_Aw_c1o_icon","label":"opus_Aw_c1o_label","root":"opus_Aw_c1o_root"};
 
 // ../../components/DesktopIcon/DesktopIcon.tsx
-var import_jsx_runtime184 = require("react/jsx-runtime");
+var import_jsx_runtime185 = require("react/jsx-runtime");
 function DesktopIcon({
   active,
   className,
@@ -50283,7 +50792,7 @@ function DesktopIcon({
   selected,
   tone = "purple"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
     "button",
     {
       "aria-label": `Open ${label}`,
@@ -50301,18 +50810,18 @@ function DesktopIcon({
       },
       type: "button",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { "aria-hidden": "true", className: DesktopIcon_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(CatalogIcon, { iconName: icon }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { className: DesktopIcon_default.label, children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { "aria-hidden": "true", className: DesktopIcon_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(CatalogIcon, { iconName: icon }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { className: DesktopIcon_default.label, children: label })
       ]
     }
   );
 }
 
 // ../../components/DesktopDock/DesktopDock.module.css
-var DesktopDock_default = {"item":"opus_2rzXpn_item","resizeHandle":"opus_2rzXpn_resizeHandle","indicator":"opus_2rzXpn_indicator","root":"opus_2rzXpn_root"};
+var DesktopDock_default = {"resizeHandle":"opus_2rzXpn_resizeHandle","indicator":"opus_2rzXpn_indicator","item":"opus_2rzXpn_item","root":"opus_2rzXpn_root"};
 
 // ../../components/DesktopDock/DesktopDock.tsx
-var import_jsx_runtime185 = require("react/jsx-runtime");
+var import_jsx_runtime186 = require("react/jsx-runtime");
 function DesktopDock({
   autoHide = false,
   className,
@@ -50325,15 +50834,15 @@ function DesktopDock({
   resizable = true,
   size: controlledSize
 }) {
-  const [internalSize, setInternalSize] = (0, import_react109.useState)(40);
+  const [internalSize, setInternalSize] = (0, import_react111.useState)(40);
   const size = controlledSize != null ? controlledSize : internalSize;
-  const dragRef = (0, import_react109.useRef)(null);
+  const dragRef = (0, import_react111.useRef)(null);
   const setSize = (next) => {
     const bounded = Math.max(minSize, Math.min(maxSize, Math.round(next)));
     if (controlledSize === void 0) setInternalSize(bounded);
     onSizeChange == null ? void 0 : onSizeChange(bounded);
   };
-  (0, import_react109.useEffect)(() => {
+  (0, import_react111.useEffect)(() => {
     const move = (event) => {
       const drag = dragRef.current;
       if (!drag) return;
@@ -50358,7 +50867,7 @@ function DesktopDock({
     event.stopPropagation();
     dragRef.current = { origin: size, startX: event.clientX, startY: event.clientY };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
     "nav",
     {
       "aria-label": "Desktop dock",
@@ -50367,7 +50876,7 @@ function DesktopDock({
       "data-position": position,
       style: { "--desktop-dock-size": `${size}px` },
       children: [
-        resizable ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+        resizable ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
           "div",
           {
             "aria-label": "Resize desktop dock",
@@ -50385,14 +50894,14 @@ function DesktopDock({
             tabIndex: 0
           }
         ) : null,
-        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
           "span",
           {
             className: DesktopDock_default.item,
             "data-active": item.active || void 0,
             onClick: () => onItemClick == null ? void 0 : onItemClick(item),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
                 DesktopIcon,
                 {
                   active: item.active,
@@ -50402,7 +50911,7 @@ function DesktopDock({
                   tone: item.tone
                 }
               ),
-              item.active ? /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
+              item.active ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -50420,13 +50929,13 @@ function DesktopDock({
 }
 
 // ../../components/DesktopWindow/DesktopWindow.tsx
-var import_react110 = require("react");
+var import_react112 = require("react");
 
 // ../../components/DesktopWindow/DesktopWindow.module.css
-var DesktopWindow_default = {"desktop-window-activate":"opus_o4H-Ol_desktop-window-activate","body":"opus_o4H-Ol_body","close":"opus_o4H-Ol_close","desktop-window-open":"opus_o4H-Ol_desktop-window-open","desktop-window-restore-left":"opus_o4H-Ol_desktop-window-restore-left","minimize":"opus_o4H-Ol_minimize","maximize":"opus_o4H-Ol_maximize","controls":"opus_o4H-Ol_controls","root":"opus_o4H-Ol_root","desktop-window-close":"opus_o4H-Ol_desktop-window-close","desktop-window-restore-bottom":"opus_o4H-Ol_desktop-window-restore-bottom","resize":"opus_o4H-Ol_resize","titlebar":"opus_o4H-Ol_titlebar","title":"opus_o4H-Ol_title","desktop-window-restore-right":"opus_o4H-Ol_desktop-window-restore-right"};
+var DesktopWindow_default = {"desktop-window-close":"opus_o4H-Ol_desktop-window-close","desktop-window-restore-bottom":"opus_o4H-Ol_desktop-window-restore-bottom","controls":"opus_o4H-Ol_controls","maximize":"opus_o4H-Ol_maximize","root":"opus_o4H-Ol_root","body":"opus_o4H-Ol_body","desktop-window-open":"opus_o4H-Ol_desktop-window-open","desktop-window-activate":"opus_o4H-Ol_desktop-window-activate","title":"opus_o4H-Ol_title","close":"opus_o4H-Ol_close","resize":"opus_o4H-Ol_resize","minimize":"opus_o4H-Ol_minimize","desktop-window-restore-left":"opus_o4H-Ol_desktop-window-restore-left","desktop-window-restore-right":"opus_o4H-Ol_desktop-window-restore-right","titlebar":"opus_o4H-Ol_titlebar"};
 
 // ../../components/DesktopWindow/DesktopWindow.tsx
-var import_jsx_runtime186 = require("react/jsx-runtime");
+var import_jsx_runtime187 = require("react/jsx-runtime");
 var fallbackRect = { height: 330, width: 520, x: 130, y: 70 };
 function DesktopWindow({
   active,
@@ -50449,16 +50958,16 @@ function DesktopWindow({
   tone = "purple",
   zIndex = 1
 }) {
-  const [closing, setClosing] = (0, import_react110.useState)(false);
-  const [entering, setEntering] = (0, import_react110.useState)(open && !minimized);
-  const [internalRect, setInternalRect] = (0, import_react110.useState)(defaultRect);
-  const [motion, setMotion] = (0, import_react110.useState)("idle");
-  const [present, setPresent] = (0, import_react110.useState)(open && !minimized);
+  const [closing, setClosing] = (0, import_react112.useState)(false);
+  const [entering, setEntering] = (0, import_react112.useState)(open && !minimized);
+  const [internalRect, setInternalRect] = (0, import_react112.useState)(defaultRect);
+  const [motion, setMotion] = (0, import_react112.useState)("idle");
+  const [present, setPresent] = (0, import_react112.useState)(open && !minimized);
   const rect = controlledRect != null ? controlledRect : internalRect;
-  const rootRef = (0, import_react110.useRef)(null);
-  const sessionRef = (0, import_react110.useRef)(null);
-  const dragLockRef = (0, import_react110.useRef)(false);
-  const selectionStyleRef = (0, import_react110.useRef)(null);
+  const rootRef = (0, import_react112.useRef)(null);
+  const sessionRef = (0, import_react112.useRef)(null);
+  const dragLockRef = (0, import_react112.useRef)(false);
+  const selectionStyleRef = (0, import_react112.useRef)(null);
   const lockSelection = () => {
     var _a2;
     dragLockRef.current = true;
@@ -50509,7 +51018,7 @@ function DesktopWindow({
     sessionRef.current = null;
     unlockSelection();
   };
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     let timer;
     if (open) {
       setClosing(false);
@@ -50528,7 +51037,7 @@ function DesktopWindow({
       if (timer) clearTimeout(timer);
     };
   }, [open]);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     let timer;
     if (!open) return;
     if (minimized) {
@@ -50544,7 +51053,7 @@ function DesktopWindow({
       if (timer) clearTimeout(timer);
     };
   }, [minimized, open]);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react112.useEffect)(() => {
     const move = (event) => {
       var _a2, _b2, _c2;
       const session = sessionRef.current;
@@ -50604,7 +51113,7 @@ function DesktopWindow({
       window.removeEventListener("pointercancel", finishInteraction);
     };
   });
-  (0, import_react110.useEffect)(() => () => {
+  (0, import_react112.useEffect)(() => () => {
     unlockSelection();
   }, []);
   if (!present) return null;
@@ -50649,7 +51158,7 @@ function DesktopWindow({
     };
   };
   const style = maximized ? { height: "100%", left: 0, top: 0, width: "100%", zIndex } : { height: rect.height, left: rect.x, top: rect.y, width: rect.width, zIndex };
-  return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
     "article",
     {
       "aria-label": `${title} window`,
@@ -50667,25 +51176,25 @@ function DesktopWindow({
       ref: rootRef,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)("header", { className: DesktopWindow_default.titlebar, onDoubleClick: () => onMaximize == null ? void 0 : onMaximize(!maximized), onPointerDown: startMove, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)("div", { "aria-label": "Window controls", className: DesktopWindow_default.controls, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("button", { "aria-label": `Close ${title}`, className: DesktopWindow_default.close, onClick: onClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(CatalogIcon, { iconName: "xmark" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("button", { "aria-label": `Minimize ${title}`, className: DesktopWindow_default.minimize, onClick: onMinimize, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(CatalogIcon, { iconName: "minus" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("header", { className: DesktopWindow_default.titlebar, onDoubleClick: () => onMaximize == null ? void 0 : onMaximize(!maximized), onPointerDown: startMove, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { "aria-label": "Window controls", className: DesktopWindow_default.controls, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("button", { "aria-label": `Close ${title}`, className: DesktopWindow_default.close, onClick: onClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: "xmark" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("button", { "aria-label": `Minimize ${title}`, className: DesktopWindow_default.minimize, onClick: onMinimize, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: "minus" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
               "button",
               {
                 "aria-label": `${maximized ? "Restore" : "Maximize"} ${title}`,
                 className: DesktopWindow_default.maximize,
                 onClick: () => onMaximize == null ? void 0 : onMaximize(!maximized),
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(CatalogIcon, { iconName: maximized ? "down-left-and-up-right-to-center" : "expand" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: maximized ? "down-left-and-up-right-to-center" : "expand" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: DesktopWindow_default.title, children: /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("span", { children: title }) })
+          /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: DesktopWindow_default.title, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { children: title }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime186.jsx)("div", { className: DesktopWindow_default.body, children }),
-        ["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: DesktopWindow_default.body, children }),
+        ["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -50701,10 +51210,10 @@ function DesktopWindow({
 }
 
 // ../../components/Desktop/Desktop.module.css
-var Desktop_default = {"shortcut":"opus_x1XVZi_shortcut","shortcuts":"opus_x1XVZi_shortcuts","root":"opus_x1XVZi_root"};
+var Desktop_default = {"root":"opus_x1XVZi_root","shortcuts":"opus_x1XVZi_shortcuts","shortcut":"opus_x1XVZi_shortcut"};
 
 // ../../components/Desktop/Desktop.tsx
-var import_jsx_runtime187 = require("react/jsx-runtime");
+var import_jsx_runtime188 = require("react/jsx-runtime");
 function Desktop({
   className,
   dockItems = [],
@@ -50719,9 +51228,9 @@ function Desktop({
   windows = []
 }) {
   var _a2;
-  const [items, setItems] = (0, import_react111.useState)(windows);
-  const [selectedShortcut, setSelectedShortcut] = (0, import_react111.useState)(null);
-  const [shortcutPositions, setShortcutPositions] = (0, import_react111.useState)(
+  const [items, setItems] = (0, import_react113.useState)(windows);
+  const [selectedShortcut, setSelectedShortcut] = (0, import_react113.useState)(null);
+  const [shortcutPositions, setShortcutPositions] = (0, import_react113.useState)(
     () => Object.fromEntries(
       shortcuts.map((shortcut, index) => {
         var _a3, _b2;
@@ -50732,9 +51241,9 @@ function Desktop({
       })
     )
   );
-  const rootRef = (0, import_react111.useRef)(null);
-  const shortcutDragRef = (0, import_react111.useRef)(null);
-  const suppressShortcutOpenRef = (0, import_react111.useRef)(null);
+  const rootRef = (0, import_react113.useRef)(null);
+  const shortcutDragRef = (0, import_react113.useRef)(null);
+  const suppressShortcutOpenRef = (0, import_react113.useRef)(null);
   const maxZ = Math.max(1, ...items.map((item) => {
     var _a3;
     return (_a3 = item.zIndex) != null ? _a3 : 1;
@@ -50756,7 +51265,7 @@ function Desktop({
     update(id, { minimized: false, open: true, tone, zIndex: maxZ + 1 });
     onAction == null ? void 0 : onAction("open", id);
   };
-  (0, import_react111.useEffect)(() => {
+  (0, import_react113.useEffect)(() => {
     const move = (event) => {
       const drag = shortcutDragRef.current;
       const root = rootRef.current;
@@ -50787,7 +51296,7 @@ function Desktop({
       window.removeEventListener("pointercancel", end);
     };
   }, []);
-  (0, import_react111.useEffect)(() => {
+  (0, import_react113.useEffect)(() => {
     setItems((current) => {
       const existingIds = new Set(current.map((item) => item.id));
       const additions = windows.filter((item) => !existingIds.has(item.id));
@@ -50823,7 +51332,7 @@ function Desktop({
       startY: event.clientY
     };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
     "section",
     {
       "aria-label": "Desktop",
@@ -50836,17 +51345,17 @@ function Desktop({
       },
       ref: rootRef,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: Desktop_default.shortcuts, "aria-label": "Desktop shortcuts", children: shortcuts.map((shortcut) => {
+        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: Desktop_default.shortcuts, "aria-label": "Desktop shortcuts", children: shortcuts.map((shortcut) => {
           var _a3;
           const position = (_a3 = shortcutPositions[shortcut.id]) != null ? _a3 : { x: 14, y: 18 };
-          return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
             "div",
             {
               className: Desktop_default.shortcut,
               onDragStart: (event) => event.preventDefault(),
               onPointerDown: startShortcutDrag(shortcut),
               style: { transform: `translate3d(${position.x}px, ${position.y}px, 0)` },
-              children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
                 DesktopIcon,
                 {
                   icon: shortcut.icon,
@@ -50870,7 +51379,7 @@ function Desktop({
         }) }),
         items.map((item) => {
           var _a3, _b2;
-          return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
             DesktopWindow,
             {
               active: item.id === activeId,
@@ -50902,7 +51411,7 @@ function Desktop({
             item.id
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
           DesktopDock,
           {
             autoHide: dockAutoHide,
@@ -50944,39 +51453,39 @@ var demoVideoTracks = [
 ];
 
 // ../../components/DesktopLab/DesktopLab.module.css
-var DesktopLab_default = {"activity":"opus_dES1xR_activity","contactList":"opus_dES1xR_contactList","settingsList":"opus_dES1xR_settingsList","video":"opus_dES1xR_video","files":"opus_dES1xR_files","settings":"opus_dES1xR_settings","contacts":"opus_dES1xR_contacts","explorer":"opus_dES1xR_explorer","contactAvatar":"opus_dES1xR_contactAvatar"};
+var DesktopLab_default = {"contacts":"opus_dES1xR_contacts","explorer":"opus_dES1xR_explorer","activity":"opus_dES1xR_activity","contactAvatar":"opus_dES1xR_contactAvatar","settingsList":"opus_dES1xR_settingsList","settings":"opus_dES1xR_settings","video":"opus_dES1xR_video","files":"opus_dES1xR_files","contactList":"opus_dES1xR_contactList"};
 
 // ../../components/DesktopLab/DesktopLab.tsx
-var import_jsx_runtime188 = require("react/jsx-runtime");
+var import_jsx_runtime189 = require("react/jsx-runtime");
 function ExplorerContent({ onAction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: DesktopLab_default.explorer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("aside", { children: ["Home", "Documents", "Pictures", "Shared"].map((label) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${label}`), type: "button", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: "folder" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.explorer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("aside", { children: ["Home", "Documents", "Pictures", "Shared"].map((label) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${label}`), type: "button", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "folder" }),
       label
     ] }, label)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("main", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("h2", { children: "Recent documents" }),
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: DesktopLab_default.files, children: ["CRM brief.pdf", "Q3 forecast.xlsx", "Brand assets", "Customer notes.docx"].map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${name}`), type: "button", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: index === 2 ? "folder" : "file-lines" }),
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { children: name })
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("main", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Recent documents" }),
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.files, children: ["CRM brief.pdf", "Q3 forecast.xlsx", "Brand assets", "Customer notes.docx"].map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${name}`), type: "button", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: index === 2 ? "folder" : "file-lines" }),
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { children: name })
       ] }, name)) })
     ] })
   ] });
 }
 function ActivityContent({ onAction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: DesktopLab_default.activity, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("h2", { children: "Activity" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.activity, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Activity" }),
     [
       ["Emma Davis", "Proposal approved", "success"],
       ["Michael Brown", "New task assigned", "accent"],
       ["Olivia Wilson", "Invoice needs review", "warning"]
-    ].map(([name, detail, tone]) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open activity for ${name}`), type: "button", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: "bell" }),
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("strong", { children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("small", { children: detail })
+    ].map(([name, detail, tone]) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open activity for ${name}`), type: "button", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "bell" }),
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: detail })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(Badge, { label: "Open", size: "sm", tone })
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Badge, { label: "Open", size: "sm", tone })
     ] }, name))
   ] });
 }
@@ -50987,21 +51496,21 @@ function SettingsContent({ onAction }) {
     { detail: "Privacy and account protection", icon: "shield-halved", id: "privacy", label: "Privacy & Security" },
     { detail: "Keyboard, display and accessibility", icon: "universal-access", id: "accessibility", label: "Accessibility" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: DesktopLab_default.settings, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("h2", { children: "Settings" }),
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("p", { children: "Choose an area to configure your workspace." }),
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: DesktopLab_default.settingsList, children: settings.map((setting) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.settings, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Settings" }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("p", { children: "Choose an area to configure your workspace." }),
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.settingsList, children: settings.map((setting) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
       "button",
       {
         onClick: () => onAction == null ? void 0 : onAction(`Open ${setting.label} settings`),
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: setting.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("strong", { children: setting.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("small", { children: setting.detail })
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: setting.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: setting.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: setting.detail })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: "chevron-right" })
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "chevron-right" })
         ]
       },
       setting.id
@@ -51015,30 +51524,30 @@ function ContactsContent({ onAction }) {
     { company: "Global Corp", initials: "OW", name: "Olivia Wilson", status: "Away" },
     { company: "Northstar", initials: "NP", name: "Noah Patel", status: "Online" }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { className: DesktopLab_default.contacts, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("h2", { children: "Contacts" }),
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("p", { children: "Your recent CRM contacts." })
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.contacts, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Contacts" }),
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("p", { children: "Your recent CRM contacts." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction("Add contact"), type: "button", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: "plus" }),
+      /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction("Add contact"), type: "button", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "plus" }),
         "Add contact"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: DesktopLab_default.contactList, children: contacts.map((contact) => /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.contactList, children: contacts.map((contact) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
       "button",
       {
         onClick: () => onAction == null ? void 0 : onAction(`Open contact ${contact.name}`),
         type: "button",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("span", { className: DesktopLab_default.contactAvatar, children: contact.initials }),
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)("span", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("strong", { children: contact.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("small", { children: contact.company })
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: DesktopLab_default.contactAvatar, children: contact.initials }),
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: contact.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: contact.company })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("small", { children: contact.status }),
-          /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(CatalogIcon, { iconName: "chevron-right" })
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: contact.status }),
+          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "chevron-right" })
         ]
       },
       contact.name
@@ -51046,7 +51555,7 @@ function ContactsContent({ onAction }) {
   ] });
 }
 function VideoContent({ onAction }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: DesktopLab_default.video, children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.video, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
     VideoPlayer,
     {
       edgeToEdge: true,
@@ -51065,7 +51574,7 @@ function DesktopLab({
 }) {
   const apps = [
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(ExplorerContent, { onAction }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ExplorerContent, { onAction }),
       dock: true,
       icon: "folder-open",
       id: "files",
@@ -51077,7 +51586,7 @@ function DesktopLab({
       zIndex: 2
     },
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(ActivityContent, { onAction }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ActivityContent, { onAction }),
       dock: true,
       icon: "bell",
       id: "activity",
@@ -51088,7 +51597,7 @@ function DesktopLab({
       zIndex: 3
     },
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(SettingsContent, { onAction }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(SettingsContent, { onAction }),
       dock: true,
       icon: "gear",
       id: "settings",
@@ -51100,7 +51609,7 @@ function DesktopLab({
       zIndex: 4
     },
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(ContactsContent, { onAction }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ContactsContent, { onAction }),
       dock: true,
       icon: "users",
       id: "contacts",
@@ -51112,7 +51621,7 @@ function DesktopLab({
       zIndex: 5
     },
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(VideoContent, { onAction }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(VideoContent, { onAction }),
       dock: true,
       icon: "circle-play",
       id: "video",
@@ -51134,7 +51643,7 @@ function DesktopLab({
     tone: app.tone,
     zIndex: app.zIndex
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
     Desktop,
     {
       dockAutoHide,
@@ -51160,7 +51669,7 @@ function DesktopLab({
 }
 
 // ../../components/FontPicker/FontPicker.tsx
-var import_react112 = require("react");
+var import_react114 = require("react");
 var import_free_solid_svg_icons16 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome18 = require("@fortawesome/react-fontawesome");
 
@@ -51274,10 +51783,10 @@ var googleFonts = [
 ];
 
 // ../../components/FontPicker/FontPicker.module.css
-var FontPicker_default = {"optionPreview":"opus_ub1fhz_optionPreview","option":"opus_ub1fhz_option","field":"opus_ub1fhz_field","chevron":"opus_ub1fhz_chevron","options":"opus_ub1fhz_options","searchWrap":"opus_ub1fhz_searchWrap","fieldCompact":"opus_ub1fhz_fieldCompact","empty":"opus_ub1fhz_empty","picker":"opus_ub1fhz_picker","label":"opus_ub1fhz_label","search":"opus_ub1fhz_search","triggerText":"opus_ub1fhz_triggerText","reset":"opus_ub1fhz_reset","optionName":"opus_ub1fhz_optionName","dropdown":"opus_ub1fhz_dropdown","trigger":"opus_ub1fhz_trigger"};
+var FontPicker_default = {"optionName":"opus_ub1fhz_optionName","triggerText":"opus_ub1fhz_triggerText","searchWrap":"opus_ub1fhz_searchWrap","options":"opus_ub1fhz_options","trigger":"opus_ub1fhz_trigger","fieldCompact":"opus_ub1fhz_fieldCompact","option":"opus_ub1fhz_option","reset":"opus_ub1fhz_reset","empty":"opus_ub1fhz_empty","picker":"opus_ub1fhz_picker","dropdown":"opus_ub1fhz_dropdown","optionPreview":"opus_ub1fhz_optionPreview","chevron":"opus_ub1fhz_chevron","label":"opus_ub1fhz_label","search":"opus_ub1fhz_search","field":"opus_ub1fhz_field"};
 
 // ../../components/FontPicker/FontPicker.tsx
-var import_jsx_runtime189 = require("react/jsx-runtime");
+var import_jsx_runtime190 = require("react/jsx-runtime");
 var FONT_STORAGE_KEY = "opus-components-font";
 var DEFAULT_FONT_FAMILY = "Space Grotesk";
 var fontSet = new Set(googleFonts);
@@ -51325,8 +51834,8 @@ function applyDocumentFont(family) {
   loadSelectedFont(family);
 }
 function useFontPreference() {
-  const [fontFamily, setFontFamilyState] = (0, import_react112.useState)(DEFAULT_FONT_FAMILY);
-  (0, import_react112.useEffect)(() => {
+  const [fontFamily, setFontFamilyState] = (0, import_react114.useState)(DEFAULT_FONT_FAMILY);
+  (0, import_react114.useEffect)(() => {
     const timeout = window.setTimeout(() => {
       const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
       const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
@@ -51335,7 +51844,7 @@ function useFontPreference() {
     }, 0);
     return () => window.clearTimeout(timeout);
   }, []);
-  const setFontFamily = (0, import_react112.useCallback)((next) => {
+  const setFontFamily = (0, import_react114.useCallback)((next) => {
     if (!isGoogleFont(next)) return;
     setFontFamilyState(next);
     applyDocumentFont(next);
@@ -51344,15 +51853,15 @@ function useFontPreference() {
   return { fontFamily, setFontFamily };
 }
 function FontPicker({ compact = false, id, onChange, value }) {
-  const [open, setOpen] = (0, import_react112.useState)(false);
-  const [query, setQuery] = (0, import_react112.useState)("");
-  const rootRef = (0, import_react112.useRef)(null);
-  const searchRef = (0, import_react112.useRef)(null);
-  const filteredFonts = (0, import_react112.useMemo)(() => {
+  const [open, setOpen] = (0, import_react114.useState)(false);
+  const [query, setQuery] = (0, import_react114.useState)("");
+  const rootRef = (0, import_react114.useRef)(null);
+  const searchRef = (0, import_react114.useRef)(null);
+  const filteredFonts = (0, import_react114.useMemo)(() => {
     const normalized = query.trim().toLocaleLowerCase();
     return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
   }, [query]);
-  (0, import_react112.useEffect)(() => {
+  (0, import_react114.useEffect)(() => {
     var _a2;
     if (!open) return;
     loadFontLinks(googleFonts);
@@ -51371,10 +51880,10 @@ function FontPicker({ compact = false, id, onChange, value }) {
       document.removeEventListener("keydown", closeOnEscape);
     };
   }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: compact ? `${FontPicker_default.field} ${FontPicker_default.fieldCompact}` : FontPicker_default.field, ref: rootRef, children: [
-    compact ? null : /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: FontPicker_default.label, children: "Font" }),
-    /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: FontPicker_default.picker, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: compact ? `${FontPicker_default.field} ${FontPicker_default.fieldCompact}` : FontPicker_default.field, ref: rootRef, children: [
+    compact ? null : /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.label, children: "Font" }),
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.picker, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
         "button",
         {
           "aria-controls": `${id}-options`,
@@ -51387,14 +51896,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
           type: "button",
           onClick: () => setOpen((current) => !current),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: FontPicker_default.triggerText, children: value }),
-            /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
+            /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.triggerText, children: value }),
+            /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
           ]
         }
       ),
-      open ? /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: FontPicker_default.dropdown, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: FontPicker_default.searchWrap, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+      open ? /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.dropdown, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.searchWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
             "input",
             {
               "aria-label": "Search Google Fonts",
@@ -51406,7 +51915,7 @@ function FontPicker({ compact = false, id, onChange, value }) {
               onChange: (event) => setQuery(event.target.value)
             }
           ),
-          value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
+          value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
             "button",
             {
               "aria-label": "Reset font",
@@ -51418,14 +51927,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
                 setQuery("");
                 setOpen(false);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(import_react_fontawesome18.FontAwesomeIcon, { icon: import_free_solid_svg_icons16.faRotateLeft })
+              children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(import_react_fontawesome18.FontAwesomeIcon, { icon: import_free_solid_svg_icons16.faRotateLeft })
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
           filteredFonts.map((font) => {
             const selected = font === value;
-            return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
               "button",
               {
                 "aria-selected": selected,
@@ -51440,14 +51949,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
                   setQuery("");
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: FontPicker_default.optionName, children: font }),
-                  /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
+                  /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.optionName, children: font }),
+                  /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
                 ]
               },
               font
             );
           }),
-          filteredFonts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
+          filteredFonts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
         ] })
       ] }) : null
     ] })
@@ -51455,16 +51964,16 @@ function FontPicker({ compact = false, id, onChange, value }) {
 }
 
 // ../../components/ColourClouds/ColourClouds.tsx
-var import_react113 = require("react");
+var import_react115 = require("react");
 var import_react_dom7 = require("react-dom");
 var import_free_solid_svg_icons17 = require("@fortawesome/free-solid-svg-icons");
 var import_react_fontawesome19 = require("@fortawesome/react-fontawesome");
 
 // ../../components/ColourClouds/ColourClouds.module.css
-var ColourClouds_default = {"menuEmpty":"opus_mKFpa5_menuEmpty","label":"opus_mKFpa5_label","dropdown":"opus_mKFpa5_dropdown","control":"opus_mKFpa5_control","menuSwatch":"opus_mKFpa5_menuSwatch","triggerStatic":"opus_mKFpa5_triggerStatic","reset":"opus_mKFpa5_reset","controlCompact":"opus_mKFpa5_controlCompact","menuRow":"opus_mKFpa5_menuRow","menuLabel":"opus_mKFpa5_menuLabel","cloud":"opus_mKFpa5_cloud","menuHex":"opus_mKFpa5_menuHex","trigger":"opus_mKFpa5_trigger","menu":"opus_mKFpa5_menu","clouds":"opus_mKFpa5_clouds","dropdownTitle":"opus_mKFpa5_dropdownTitle","dropdownBody":"opus_mKFpa5_dropdownBody","menuMeta":"opus_mKFpa5_menuMeta"};
+var ColourClouds_default = {"label":"opus_mKFpa5_label","cloud":"opus_mKFpa5_cloud","control":"opus_mKFpa5_control","trigger":"opus_mKFpa5_trigger","menuMeta":"opus_mKFpa5_menuMeta","controlCompact":"opus_mKFpa5_controlCompact","dropdownBody":"opus_mKFpa5_dropdownBody","dropdown":"opus_mKFpa5_dropdown","triggerStatic":"opus_mKFpa5_triggerStatic","reset":"opus_mKFpa5_reset","menu":"opus_mKFpa5_menu","menuHex":"opus_mKFpa5_menuHex","menuRow":"opus_mKFpa5_menuRow","menuLabel":"opus_mKFpa5_menuLabel","dropdownTitle":"opus_mKFpa5_dropdownTitle","clouds":"opus_mKFpa5_clouds","menuSwatch":"opus_mKFpa5_menuSwatch","menuEmpty":"opus_mKFpa5_menuEmpty"};
 
 // ../../components/ColourClouds/ColourClouds.tsx
-var import_jsx_runtime190 = require("react/jsx-runtime");
+var import_jsx_runtime191 = require("react/jsx-runtime");
 var COLOUR_CLOUDS_MAX = 5;
 function normalizeCloud(raw, index) {
   if (!raw || typeof raw !== "object") {
@@ -51522,12 +52031,12 @@ function serializeColourClouds(clouds) {
 }
 function ColourCloudsMenu({ clouds }) {
   if (clouds.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("p", { className: ColourClouds_default.menuEmpty, children: "No colours" });
+    return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: ColourClouds_default.menuEmpty, children: "No colours" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("ul", { className: ColourClouds_default.menu, children: clouds.map((cloud) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("ul", { className: ColourClouds_default.menu, children: clouds.map((cloud) => {
     var _a2, _b2, _c2, _d2, _e2;
-    return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("li", { className: ColourClouds_default.menuRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("li", { className: ColourClouds_default.menuRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
         "span",
         {
           "aria-hidden": "true",
@@ -51538,9 +52047,9 @@ function ColourCloudsMenu({ clouds }) {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("span", { className: ColourClouds_default.menuMeta, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: ColourClouds_default.menuLabel, children: (_e2 = (_d2 = cloud.label) != null ? _d2 : cloud.id) != null ? _e2 : "Colour" }),
-        /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("span", { className: ColourClouds_default.menuHex, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("span", { className: ColourClouds_default.menuMeta, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: ColourClouds_default.menuLabel, children: (_e2 = (_d2 = cloud.label) != null ? _d2 : cloud.id) != null ? _e2 : "Colour" }),
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("span", { className: ColourClouds_default.menuHex, children: [
           cloud.color,
           cloud.secondary ? ` \xB7 ${cloud.secondary}` : ""
         ] })
@@ -51568,19 +52077,19 @@ function ColourClouds({
   title,
   value
 }) {
-  const menuId = (0, import_react113.useId)();
-  const titleId = (0, import_react113.useId)();
-  const rootRef = (0, import_react113.useRef)(null);
-  const triggerRef = (0, import_react113.useRef)(null);
-  const panelRef = (0, import_react113.useRef)(null);
-  const [portalReady, setPortalReady] = (0, import_react113.useState)(false);
-  const [internalOpen, setInternalOpen] = (0, import_react113.useState)(false);
-  const [portalStyle, setPortalStyle] = (0, import_react113.useState)({ left: 0, top: 0 });
+  const menuId = (0, import_react115.useId)();
+  const titleId = (0, import_react115.useId)();
+  const rootRef = (0, import_react115.useRef)(null);
+  const triggerRef = (0, import_react115.useRef)(null);
+  const panelRef = (0, import_react115.useRef)(null);
+  const [portalReady, setPortalReady] = (0, import_react115.useState)(false);
+  const [internalOpen, setInternalOpen] = (0, import_react115.useState)(false);
+  const [portalStyle, setPortalStyle] = (0, import_react115.useState)({ left: 0, top: 0 });
   const clouds = items ? parseColourClouds(items) : parseColourClouds(value);
   const hasMenu = children != null;
   const controlled = open !== void 0;
   const visible = hasMenu ? controlled ? Boolean(open) : internalOpen : false;
-  const setVisible = (0, import_react113.useCallback)(
+  const setVisible = (0, import_react115.useCallback)(
     (next) => {
       if (!controlled) {
         setInternalOpen(next);
@@ -51589,10 +52098,10 @@ function ColourClouds({
     },
     [controlled, onOpenChange]
   );
-  (0, import_react113.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     setPortalReady(true);
   }, []);
-  (0, import_react113.useLayoutEffect)(() => {
+  (0, import_react115.useLayoutEffect)(() => {
     if (!visible || !triggerRef.current) {
       return;
     }
@@ -51626,7 +52135,7 @@ function ColourClouds({
       window.removeEventListener("scroll", updatePosition, true);
     };
   }, [placement, visible, children, clouds.length]);
-  (0, import_react113.useEffect)(() => {
+  (0, import_react115.useEffect)(() => {
     if (!visible) {
       return;
     }
@@ -51658,9 +52167,9 @@ function ColourClouds({
     compact ? ColourClouds_default.controlCompact : null,
     className
   ].filter(Boolean).join(" ");
-  const cloudsNode = /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { "aria-hidden": "true", className: ColourClouds_default.clouds, children: clouds.map((cloud) => {
+  const cloudsNode = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { "aria-hidden": "true", className: ColourClouds_default.clouds, children: clouds.map((cloud) => {
     var _a2, _b2, _c2;
-    return /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
       "span",
       {
         className: ColourClouds_default.cloud,
@@ -51673,13 +52182,13 @@ function ColourClouds({
       (_b2 = cloud.id) != null ? _b2 : `${cloud.color}-${(_a2 = cloud.secondary) != null ? _a2 : ""}`
     );
   }) });
-  const labelNode = label ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: ColourClouds_default.label, children: label }) : null;
-  const content = /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(import_jsx_runtime190.Fragment, { children: [
+  const labelNode = label ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: ColourClouds_default.label, children: label }) : null;
+  const content = /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(import_jsx_runtime191.Fragment, { children: [
     cloudsNode,
     labelNode
   ] });
   const triggerClass = compact ? `${ColourClouds_default.trigger} ${ColourClouds_default.triggerCompact}` : ColourClouds_default.trigger;
-  const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+  const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     "button",
     {
       ref: triggerRef,
@@ -51700,7 +52209,7 @@ function ColourClouds({
       children: content
     }
   );
-  const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+  const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
     "span",
     {
       "aria-label": ariaLabel,
@@ -51711,7 +52220,7 @@ function ColourClouds({
     }
   );
   const menu = hasMenu && visible && portalReady ? (0, import_react_dom7.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
       "div",
       {
         ref: panelRef,
@@ -51725,16 +52234,16 @@ function ColourClouds({
           width: portalStyle.width
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("h3", { className: ColourClouds_default.dropdownTitle, id: titleId, children: menuTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: ColourClouds_default.dropdownBody, children })
+          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h3", { className: ColourClouds_default.dropdownTitle, id: titleId, children: menuTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: ColourClouds_default.dropdownBody, children })
         ]
       }
     ),
     document.body
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: rootClass, "data-fit-content": "true", ref: rootRef, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: rootClass, "data-fit-content": "true", ref: rootRef, children: [
     trigger,
-    showReset && onReset ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+    showReset && onReset ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
       "button",
       {
         "aria-label": "Reset colours",
@@ -51743,7 +52252,7 @@ function ColourClouds({
         title: "Reset colours",
         type: "button",
         onClick: onReset,
-        children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(import_react_fontawesome19.FontAwesomeIcon, { icon: import_free_solid_svg_icons17.faRotateLeft })
+        children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(import_react_fontawesome19.FontAwesomeIcon, { icon: import_free_solid_svg_icons17.faRotateLeft })
       }
     ) : null,
     menu
@@ -51832,16 +52341,19 @@ function ColourClouds({
   DualListBuilder,
   EmojiPicker,
   EmptyState,
+  FLIP_CLOCK_FRAME_RATE,
   FONT_STORAGE_KEY,
   FieldShell,
   FileField,
   FilterBuilder,
   FilterSelectField,
+  FlipClock,
   FloatingActionButton,
   FocusTrap,
   FontPicker,
   Form,
   FormActions,
+  FormHeader,
   FormSection,
   FormValidationSummary,
   Gauge,
@@ -52002,6 +52514,7 @@ function ColourClouds({
   useContextMenu,
   useFieldShellAria,
   useFontPreference,
+  useFormState,
   useHotkey,
   useHotkeyManager,
   useIntersectionObserver,