@uniformdev/design-system 20.37.1-alpha.1 → 20.37.1-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/esm/index.js +500 -319
  2. package/dist/index.d.mts +34 -4
  3. package/dist/index.d.ts +34 -4
  4. package/dist/index.js +234 -51
  5. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -96,11 +96,12 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
96
96
  --typography-inverted: var(--white);
97
97
 
98
98
  /* chart colours */
99
- --charting-chart-1: #ffa600;
100
- --charting-chart-2: #c444b2;
101
- --charting-chart-3: #ff5368;
102
- --charting-chart-4: #f53d90;
103
- --charting-chart-5: #ff7b3d;
99
+ --charting-chart-1: #0072B2;
100
+ --charting-chart-2: #D55E00;
101
+ --charting-chart-3: #009E73;
102
+ --charting-chart-4: #E41A1C;
103
+ --charting-chart-5: #F0E442;
104
+ --charting-chart-6: #56B4E9;
104
105
 
105
106
  /* utility colours */
106
107
  --utility-success: #4ade80;
@@ -661,6 +662,7 @@ var useBreakpoint = createBreakpoint(breakpoints);
661
662
  var mq = (size) => `@media (min-width: ${breakpoints[size]}px)`;
662
663
  var supports = (cssProp) => `@supports (${cssProp})`;
663
664
  var cq = (size) => `@container (min-width: ${size})`;
665
+ var prefersReducedMotion = (cssProp) => `@media (prefers-reduced-motion: ${cssProp})`;
664
666
 
665
667
  // src/components/Layout/styles/AsideAndSectionLayout.styles.ts
666
668
  var AsideAdnSectionLayoutContainer = (withSidebar) => css5`
@@ -2214,6 +2216,9 @@ var IconColorAccentLight = css16`
2214
2216
  var IconColorAccentAltDark = css16`
2215
2217
  color: var(--accent-alt-dark);
2216
2218
  `;
2219
+ var IconColorUtilitySuccess = css16`
2220
+ color: var(--utility-success-icon);
2221
+ `;
2217
2222
 
2218
2223
  // src/components/Icons/IconsProvider.tsx
2219
2224
  import { createContext, useContext, useEffect as useEffect2, useState } from "react";
@@ -2257,7 +2262,8 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
2257
2262
  currentColor: IconColorCurrent,
2258
2263
  "accent-dark": IconColorAccentDark,
2259
2264
  "accent-light": IconColorAccentLight,
2260
- "accent-alt-dark": IconColorAccentAltDark
2265
+ "accent-alt-dark": IconColorAccentAltDark,
2266
+ "utility-success": IconColorUtilitySuccess
2261
2267
  };
2262
2268
  if (isIconName && isLoading) {
2263
2269
  return null;
@@ -3766,11 +3772,13 @@ var UniformBadge = ({
3766
3772
  xmlns: "http://www.w3.org/2000/svg",
3767
3773
  "data-testid": "uniform-Badge",
3768
3774
  css: [SVG, theme === "dark" ? SVGDark : SVGLight],
3775
+ role: "img",
3769
3776
  ...props,
3770
3777
  children: [
3771
3778
  /* @__PURE__ */ jsx21(
3772
3779
  "path",
3773
3780
  {
3781
+ role: "presentation",
3774
3782
  d: "M19.3444 4.35168L7 11.484V25.7181L19.3444 18.5858L31.6583 11.484L19.3444 4.35168Z",
3775
3783
  fill: "#84ADFF"
3776
3784
  }
@@ -3778,6 +3786,7 @@ var UniformBadge = ({
3778
3786
  /* @__PURE__ */ jsx21(
3779
3787
  "path",
3780
3788
  {
3789
+ role: "presentation",
3781
3790
  d: "M19.3444 32.8505V18.5858L7 25.7182V39.9523L19.3444 47.0846L31.6583 39.9523V25.7182L19.3444 32.8505Z",
3782
3791
  fill: "#5786FF"
3783
3792
  }
@@ -3785,6 +3794,7 @@ var UniformBadge = ({
3785
3794
  /* @__PURE__ */ jsx21(
3786
3795
  "path",
3787
3796
  {
3797
+ role: "presentation",
3788
3798
  d: "M31.6583 11.484L19.3444 18.5858L31.6583 25.7182V39.9523L44.0027 32.8505V18.5858L31.6583 11.484Z",
3789
3799
  fill: "#EC2924"
3790
3800
  }
@@ -3809,20 +3819,37 @@ var UniformLogo = ({
3809
3819
  fill: "none",
3810
3820
  xmlns: "http://www.w3.org/2000/svg",
3811
3821
  css: [SVG, theme === "dark" ? SVGDark : SVGLight],
3822
+ role: "img",
3812
3823
  ...props,
3813
3824
  children: [
3814
- /* @__PURE__ */ jsx22("path", { d: "M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z", fill: "#7BB3FF" }),
3815
3825
  /* @__PURE__ */ jsx22(
3816
3826
  "path",
3817
3827
  {
3828
+ role: "presentation",
3829
+ d: "M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",
3830
+ fill: "#7BB3FF"
3831
+ }
3832
+ ),
3833
+ /* @__PURE__ */ jsx22(
3834
+ "path",
3835
+ {
3836
+ role: "presentation",
3818
3837
  d: "M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",
3819
3838
  fill: "#498DFF"
3820
3839
  }
3821
3840
  ),
3822
- /* @__PURE__ */ jsx22("path", { d: "m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z", fill: "#E61408" }),
3823
3841
  /* @__PURE__ */ jsx22(
3824
3842
  "path",
3825
3843
  {
3844
+ role: "presentation",
3845
+ d: "m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",
3846
+ fill: "#E61408"
3847
+ }
3848
+ ),
3849
+ /* @__PURE__ */ jsx22(
3850
+ "path",
3851
+ {
3852
+ role: "presentation",
3826
3853
  d: "M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",
3827
3854
  fill: "currentColor"
3828
3855
  }
@@ -3840,13 +3867,22 @@ var UniformLogoLarge = ({ ...props }) => {
3840
3867
  viewBox: "0 0 250 64",
3841
3868
  fill: "none",
3842
3869
  xmlns: "http://www.w3.org/2000/svg",
3870
+ role: "img",
3843
3871
  ...props,
3844
3872
  children: [
3845
3873
  /* @__PURE__ */ jsxs12("g", { clipPath: "url(#clip0)", children: [
3846
- /* @__PURE__ */ jsx22("path", { d: "M18.3804 0L0 10.6131V31.8393L18.3804 21.2262L36.7654 10.6131L18.3804 0Z", fill: "#7BB3FF" }),
3847
3874
  /* @__PURE__ */ jsx22(
3848
3875
  "path",
3849
3876
  {
3877
+ role: "presentation",
3878
+ d: "M18.3804 0L0 10.6131V31.8393L18.3804 21.2262L36.7654 10.6131L18.3804 0Z",
3879
+ fill: "#7BB3FF"
3880
+ }
3881
+ ),
3882
+ /* @__PURE__ */ jsx22(
3883
+ "path",
3884
+ {
3885
+ role: "presentation",
3850
3886
  d: "M18.3804 42.4524V21.2262L0 31.8393V53.0655L18.3804 63.6786L36.7654 53.0655V31.8393L18.3804 42.4524Z",
3851
3887
  fill: "#498DFF"
3852
3888
  }
@@ -3854,15 +3890,17 @@ var UniformLogoLarge = ({ ...props }) => {
3854
3890
  /* @__PURE__ */ jsx22(
3855
3891
  "path",
3856
3892
  {
3893
+ role: "presentation",
3857
3894
  d: "M36.7654 10.6132L18.3804 21.2263L36.7654 31.8394V53.0656L55.1458 42.4525V21.2263L36.7654 10.6132Z",
3858
3895
  fill: "#E61408"
3859
3896
  }
3860
3897
  ),
3861
- /* @__PURE__ */ jsx22("path", { d: "M141.257 21.2081H134.598V45.5052H141.257V21.2081Z", fill: "currentColor" }),
3862
- /* @__PURE__ */ jsx22("path", { d: "M141.496 10.0277H134.355V16.6874H141.496V10.0277Z", fill: "currentColor" }),
3898
+ /* @__PURE__ */ jsx22("path", { role: "presentation", d: "M141.257 21.2081H134.598V45.5052H141.257V21.2081Z", fill: "currentColor" }),
3899
+ /* @__PURE__ */ jsx22("path", { role: "presentation", d: "M141.496 10.0277H134.355V16.6874H141.496V10.0277Z", fill: "currentColor" }),
3863
3900
  /* @__PURE__ */ jsx22(
3864
3901
  "path",
3865
3902
  {
3903
+ role: "presentation",
3866
3904
  d: "M151.073 13.2832V21.2082H146.602V26.8907H151.073V45.5053H157.733V26.8907H163.078V21.2082H157.733V15.7147H163.078V10.0277H156.711L151.073 13.2832Z",
3867
3905
  fill: "currentColor"
3868
3906
  }
@@ -3870,6 +3908,7 @@ var UniformLogoLarge = ({ ...props }) => {
3870
3908
  /* @__PURE__ */ jsx22(
3871
3909
  "path",
3872
3910
  {
3911
+ role: "presentation",
3873
3912
  d: "M173.137 20.965L167.5 24.2205V42.4929L173.137 45.7484H183.489L189.127 42.4929V24.2205L183.489 20.965H173.137ZM182.467 40.0613H174.155V26.6475H182.467V40.0613Z",
3874
3913
  fill: "currentColor"
3875
3914
  }
@@ -3877,6 +3916,7 @@ var UniformLogoLarge = ({ ...props }) => {
3877
3916
  /* @__PURE__ */ jsx22(
3878
3917
  "path",
3879
3918
  {
3919
+ role: "presentation",
3880
3920
  d: "M203.067 23.2074L199.605 21.2081H196.412V45.5052H203.072V26.8907H211.429V21.2081H206.53L203.067 23.2074Z",
3881
3921
  fill: "currentColor"
3882
3922
  }
@@ -3884,6 +3924,7 @@ var UniformLogoLarge = ({ ...props }) => {
3884
3924
  /* @__PURE__ */ jsx22(
3885
3925
  "path",
3886
3926
  {
3927
+ role: "presentation",
3887
3928
  d: "M116.069 20.965L112.187 23.2074L108.301 20.965H105.685V45.5052H112.345V26.6475H120.653V45.5052H127.312V24.2205L121.675 20.965H116.069Z",
3888
3929
  fill: "currentColor"
3889
3930
  }
@@ -3891,6 +3932,7 @@ var UniformLogoLarge = ({ ...props }) => {
3891
3932
  /* @__PURE__ */ jsx22(
3892
3933
  "path",
3893
3934
  {
3935
+ role: "presentation",
3894
3936
  d: "M91.7401 40.0614H83.4279V21.2081H76.7728V42.4929L82.4103 45.7484H88.2819L91.7311 43.7537L91.7356 43.7582L91.7401 43.7537V43.7582L95.1847 45.7484H98.3952V21.2081H91.7401V40.0614Z",
3895
3937
  fill: "currentColor"
3896
3938
  }
@@ -3898,12 +3940,13 @@ var UniformLogoLarge = ({ ...props }) => {
3898
3940
  /* @__PURE__ */ jsx22(
3899
3941
  "path",
3900
3942
  {
3943
+ role: "presentation",
3901
3944
  d: "M244.813 20.965H240.148L235.582 23.5856L231.061 20.965H226.396L222.947 22.9552L219.498 20.965H216.288V45.5052H222.947V26.6475H230.044V45.5052H236.699V26.6475H243.795V45.5052H250.45V24.2205L244.813 20.965Z",
3902
3945
  fill: "currentColor"
3903
3946
  }
3904
3947
  )
3905
3948
  ] }),
3906
- /* @__PURE__ */ jsx22("defs", { children: /* @__PURE__ */ jsx22("clipPath", { id: "clip0", children: /* @__PURE__ */ jsx22("rect", { width: "250", height: "63.6786", fill: "currentColor" }) }) })
3949
+ /* @__PURE__ */ jsx22("defs", { children: /* @__PURE__ */ jsx22("clipPath", { id: "clip0", "data-testid": "clipPath", children: /* @__PURE__ */ jsx22("rect", { width: "250", height: "63.6786", fill: "currentColor" }) }) })
3907
3950
  ]
3908
3951
  }
3909
3952
  );
@@ -3918,11 +3961,13 @@ import { CgChevronDown } from "@react-icons/all-files/cg/CgChevronDown";
3918
3961
  import { forwardRef as forwardRef2 } from "react";
3919
3962
  import { jsx as jsx23, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
3920
3963
  var buttonStyle = (bgColor) => css22`
3921
- border: 0;
3922
3964
  background-color: ${bgColor};
3923
3965
  display: block;
3924
3966
  font-size: var(--fs-sm);
3925
3967
  line-height: 1.5;
3968
+ `;
3969
+ var ghostButtonStyle = css22`
3970
+ border: 0;
3926
3971
  transition:
3927
3972
  background-color var(--duration-fast) var(--timing-ease-out),
3928
3973
  outline var(--duration-fast) var(--timing-ease-out);
@@ -3938,11 +3983,32 @@ var buttonStyle = (bgColor) => css22`
3938
3983
  color: var(--gray-400);
3939
3984
  }
3940
3985
  `;
3986
+ var outlineButtonStyle = css22`
3987
+ align-items: center;
3988
+ border: 1px solid var(--gray-200);
3989
+ border-radius: var(--rounded-sm);
3990
+ background-color: var(--white);
3991
+ color: var(--typography-light);
3992
+ display: flex;
3993
+ font-size: var(--fs-sm);
3994
+ line-height: 1.5;
3995
+ cursor: pointer;
3996
+ transition: border-color var(--duration-fast) var(--timing-ease-out);
3997
+ padding: var(--spacing-sm);
3998
+ gap: var(--spacing-sm);
3999
+ width: fit-content;
4000
+
4001
+ &:hover,
4002
+ &:focus {
4003
+ border-color: var(--gray-300);
4004
+ }
4005
+ `;
3941
4006
  var DropdownStyleMenuTrigger = forwardRef2(
3942
- ({ bgColor = "var(--white)", children, ...buttonProps }, ref) => {
3943
- return /* @__PURE__ */ jsx23("button", { ref, ...buttonProps, css: buttonStyle(bgColor), type: "button", children: /* @__PURE__ */ jsxs13(HorizontalRhythm, { align: "center", gap: "xs", children: [
4007
+ ({ bgColor = "var(--white)", variant = "ghost", children, ...buttonProps }, ref) => {
4008
+ const buttonVariantStyle = variant === "ghost" ? ghostButtonStyle : outlineButtonStyle;
4009
+ return /* @__PURE__ */ jsx23("button", { ref, ...buttonProps, css: [buttonStyle(bgColor), buttonVariantStyle], type: "button", children: /* @__PURE__ */ jsxs13(HorizontalRhythm, { align: "center", gap: "xs", children: [
3944
4010
  /* @__PURE__ */ jsx23("div", { children }),
3945
- /* @__PURE__ */ jsx23(CgChevronDown, { size: "1rem" })
4011
+ /* @__PURE__ */ jsx23(CgChevronDown, { iconColor: "currentColor", size: "1rem" })
3946
4012
  ] }) });
3947
4013
  }
3948
4014
  );
@@ -4181,6 +4247,41 @@ var menuTriggerStyles = css25`
4181
4247
  outline: 2px solid var(--accent-dark-active);
4182
4248
  }
4183
4249
  `;
4250
+ var menuSelectStyles = css25`
4251
+ align-items: center;
4252
+ color: var(--primary-action-default);
4253
+ display: flex;
4254
+ gap: var(--spacing-xs);
4255
+ transition: color var(--duration-fast) var(--timing-ease-out);
4256
+
4257
+ &:hover,
4258
+ &:focus {
4259
+ outline: none;
4260
+ color: var(--primary-action-hover);
4261
+ }
4262
+
4263
+ &:active {
4264
+ outline: none;
4265
+ color: var(--primary-action-active);
4266
+ }
4267
+ `;
4268
+ var menuSelectSizeStyles = {
4269
+ xs: css25`
4270
+ font-size: var(--fs-xs);
4271
+ `,
4272
+ sm: css25`
4273
+ font-size: var(--fs-sm);
4274
+ `,
4275
+ base: css25`
4276
+ font-size: var(--fs-base);
4277
+ `,
4278
+ md: css25`
4279
+ font-size: var(--fs-md);
4280
+ `,
4281
+ lg: css25`
4282
+ font-size: var(--fs-lg);
4283
+ `
4284
+ };
4184
4285
 
4185
4286
  // src/components/Menu/Menu.tsx
4186
4287
  import { jsx as jsx26, jsxs as jsxs15 } from "@emotion/react/jsx-runtime";
@@ -4323,7 +4424,7 @@ function renderShortcut(shortcut) {
4323
4424
 
4324
4425
  // src/components/Menu/MenuTrigger.tsx
4325
4426
  import { forwardRef as forwardRef5 } from "react";
4326
- import { jsx as jsx28 } from "@emotion/react/jsx-runtime";
4427
+ import { jsx as jsx28, jsxs as jsxs17 } from "@emotion/react/jsx-runtime";
4327
4428
  var MenuButton2 = forwardRef5(({ children, ...props }, ref) => {
4328
4429
  return /* @__PURE__ */ jsx28("button", { ref, type: "button", ...props, children });
4329
4430
  });
@@ -4332,6 +4433,21 @@ var MenuThreeDots = forwardRef5(
4332
4433
  return /* @__PURE__ */ jsx28(MenuButton2, { css: menuTriggerStyles, ref, "aria-label": buttonTitle, title: buttonTitle, ...props, children: /* @__PURE__ */ jsx28(Icon, { icon: "more-alt", size: iconSize, iconColor: "currentColor" }) });
4333
4434
  }
4334
4435
  );
4436
+ var MenuSelect = forwardRef5(
4437
+ ({ children, size = "base", ...props }, ref) => {
4438
+ const iconSize = {
4439
+ xs: "0.85rem",
4440
+ sm: "0.95rem",
4441
+ base: "1rem",
4442
+ md: "1.1rem",
4443
+ lg: "1.25rem"
4444
+ };
4445
+ return /* @__PURE__ */ jsxs17(MenuButton2, { css: [menuSelectStyles, menuSelectSizeStyles[size]], ref, ...props, children: [
4446
+ children,
4447
+ /* @__PURE__ */ jsx28(Icon, { icon: "chevron-down", size: iconSize[size], iconColor: "currentColor" })
4448
+ ] });
4449
+ }
4450
+ );
4335
4451
 
4336
4452
  // src/components/Menu/SearchableMenu.tsx
4337
4453
  import { useEffect as useEffect3, useRef as useRef2 } from "react";
@@ -4429,17 +4545,17 @@ var InfoDialogMessage = css27`
4429
4545
  `;
4430
4546
 
4431
4547
  // src/components/Input/CheckboxWithInfo.tsx
4432
- import { jsx as jsx30, jsxs as jsxs17 } from "@emotion/react/jsx-runtime";
4548
+ import { jsx as jsx30, jsxs as jsxs18 } from "@emotion/react/jsx-runtime";
4433
4549
  var InfoDialog = ({ message }) => {
4434
- return /* @__PURE__ */ jsxs17("div", { "data-testid": "info-dialog", css: InfoDialogContainer, children: [
4550
+ return /* @__PURE__ */ jsxs18("div", { "data-testid": "info-dialog", css: InfoDialogContainer, children: [
4435
4551
  /* @__PURE__ */ jsx30(Icon, { icon: "info", iconColor: "action", size: "0.9rem" }),
4436
4552
  /* @__PURE__ */ jsx30("div", { role: "paragraph", css: InfoDialogMessage, className: "info-message", children: message })
4437
4553
  ] });
4438
4554
  };
4439
4555
  var CheckboxWithInfo = forwardRef6(
4440
4556
  ({ label: label2, name, info, ...props }, ref) => {
4441
- return /* @__PURE__ */ jsxs17("div", { css: CheckboxWithInfoContainer, children: [
4442
- /* @__PURE__ */ jsxs17("label", { css: CheckboxWithInfoLabel, children: [
4557
+ return /* @__PURE__ */ jsxs18("div", { css: CheckboxWithInfoContainer, children: [
4558
+ /* @__PURE__ */ jsxs18("label", { css: CheckboxWithInfoLabel, children: [
4443
4559
  /* @__PURE__ */ jsx30("input", { type: "checkbox", name, ref, css: CheckboxWithInfoInput, ...props }),
4444
4560
  /* @__PURE__ */ jsx30("span", { children: label2 })
4445
4561
  ] }),
@@ -4471,9 +4587,9 @@ var errorMessageTextTruncatedStyles = css28`
4471
4587
  `;
4472
4588
 
4473
4589
  // src/components/Input/ErrorMessage.tsx
4474
- import { jsx as jsx31, jsxs as jsxs18 } from "@emotion/react/jsx-runtime";
4590
+ import { jsx as jsx31, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
4475
4591
  var ErrorMessage = ({ message, testId, truncated = false, ...otherProps }) => {
4476
- return message ? /* @__PURE__ */ jsxs18(
4592
+ return message ? /* @__PURE__ */ jsxs19(
4477
4593
  "span",
4478
4594
  {
4479
4595
  role: "alert",
@@ -4508,9 +4624,9 @@ var InfoIcon2 = css29`
4508
4624
  `;
4509
4625
 
4510
4626
  // src/components/Input/InfoMessage.tsx
4511
- import { jsx as jsx32, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
4627
+ import { jsx as jsx32, jsxs as jsxs20 } from "@emotion/react/jsx-runtime";
4512
4628
  var InfoMessage = ({ message, testId, icon = MdInfoOutline, ...props }) => {
4513
- return message ? /* @__PURE__ */ jsxs19("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
4629
+ return message ? /* @__PURE__ */ jsxs20("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
4514
4630
  /* @__PURE__ */ jsx32("span", { children: /* @__PURE__ */ jsx32(Icon, { css: InfoIcon2, icon, size: "1rem", iconColor: "currentColor" }) }),
4515
4631
  message
4516
4632
  ] }) : null;
@@ -4532,9 +4648,9 @@ var WarningIcon = css30`
4532
4648
  `;
4533
4649
 
4534
4650
  // src/components/Input/WarningMessage.tsx
4535
- import { jsx as jsx33, jsxs as jsxs20 } from "@emotion/react/jsx-runtime";
4651
+ import { jsx as jsx33, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
4536
4652
  var WarningMessage = ({ message, testId, ...props }) => {
4537
- return message ? /* @__PURE__ */ jsxs20("span", { role: "status", css: WarningText, "data-testid": testId != null ? testId : "message-text", ...props, children: [
4653
+ return message ? /* @__PURE__ */ jsxs21("span", { role: "status", css: WarningText, "data-testid": testId != null ? testId : "message-text", ...props, children: [
4538
4654
  /* @__PURE__ */ jsx33("span", { children: /* @__PURE__ */ jsx33(Icon, { css: WarningIcon, icon: MdWarning2, size: "1rem", iconColor: "currentColor" }) }),
4539
4655
  message
4540
4656
  ] }) : null;
@@ -4609,10 +4725,10 @@ var fieldsetBody = css31`
4609
4725
  `;
4610
4726
 
4611
4727
  // src/components/Input/Fieldset.tsx
4612
- import { jsx as jsx35, jsxs as jsxs21 } from "@emotion/react/jsx-runtime";
4728
+ import { jsx as jsx35, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
4613
4729
  var Fieldset = React7.forwardRef(
4614
4730
  ({ legend, disabled: disabled2, children, invert, ...props }, ref) => {
4615
- return /* @__PURE__ */ jsxs21("fieldset", { css: fieldsetContainer(Boolean(invert)), ref, disabled: disabled2, ...props, children: [
4731
+ return /* @__PURE__ */ jsxs22("fieldset", { css: fieldsetContainer(Boolean(invert)), ref, disabled: disabled2, ...props, children: [
4616
4732
  legend,
4617
4733
  /* @__PURE__ */ jsx35("div", { css: fieldsetBody, children })
4618
4734
  ] });
@@ -4644,7 +4760,7 @@ var Label = ({ children, className, testId, ...props }) => {
4644
4760
  };
4645
4761
 
4646
4762
  // src/components/Input/Input.tsx
4647
- import { jsx as jsx37, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
4763
+ import { jsx as jsx37, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
4648
4764
  var Input = React8.forwardRef(
4649
4765
  ({
4650
4766
  label: label2,
@@ -4666,7 +4782,7 @@ var Input = React8.forwardRef(
4666
4782
  ...props
4667
4783
  }, ref) => {
4668
4784
  const isNumberInputAndMouseWheelDisabled = enableMouseWheel !== true && props.type === "number";
4669
- return /* @__PURE__ */ jsxs22(
4785
+ return /* @__PURE__ */ jsxs23(
4670
4786
  "div",
4671
4787
  {
4672
4788
  css: [inputContainer, typeof classNameRoot === "object" ? classNameRoot : void 0],
@@ -4682,7 +4798,7 @@ var Input = React8.forwardRef(
4682
4798
  children: label2
4683
4799
  }
4684
4800
  ) : null,
4685
- /* @__PURE__ */ jsxs22(
4801
+ /* @__PURE__ */ jsxs23(
4686
4802
  "div",
4687
4803
  {
4688
4804
  css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
@@ -4768,7 +4884,7 @@ function inputComboBoxStyles(baseStyles2) {
4768
4884
  var _a;
4769
4885
  return {
4770
4886
  ...base,
4771
- padding: "12px var(--spacing-base) 12px var(--spacing-sm)",
4887
+ padding: "10px var(--spacing-base) 10px var(--spacing-sm)",
4772
4888
  gap: "2px",
4773
4889
  ...(_a = baseStyles2 == null ? void 0 : baseStyles2.valueContainer) == null ? void 0 : _a.call(baseStyles2, base, sProps)
4774
4890
  };
@@ -4808,6 +4924,9 @@ function inputComboBoxStyles(baseStyles2) {
4808
4924
  minHeight: "48px",
4809
4925
  // matches the min-height of other input fields
4810
4926
  boxShadow: state.isFocused ? "var(--elevation-100)" : "none",
4927
+ ...state.isDisabled ? {
4928
+ background: "var(--gray-50)"
4929
+ } : {},
4811
4930
  "&:hover": {
4812
4931
  boxShadow: "none",
4813
4932
  borderColor: "var(--accent-dark-hover)"
@@ -4867,28 +4986,40 @@ function inputComboBoxStyles(baseStyles2) {
4867
4986
  multiValue: (styles) => {
4868
4987
  return {
4869
4988
  ...styles,
4870
- background: "var(--gray-100)",
4989
+ background: "transparent",
4871
4990
  borderRadius: "var(--rounded-sm)",
4872
4991
  margin: "0"
4873
4992
  };
4874
4993
  },
4875
- multiValueLabel: (styles) => {
4994
+ multiValueLabel: (styles, state) => {
4995
+ const isFixed = state.data.isFixed;
4876
4996
  return {
4877
4997
  ...styles,
4998
+ borderRadius: isFixed ? "var(--rounded-full)" : "var(--rounded-full) 0 0 var(--rounded-full)",
4878
4999
  background: "var(--gray-100)",
4879
- borderRight: "1px solid var(--gray-300)",
5000
+ ...isFixed ? {
5001
+ paddingLeft: "var(--spacing-sm)",
5002
+ paddingRight: "var(--spacing-sm)"
5003
+ } : {
5004
+ paddingLeft: "var(--spacing-sm)"
5005
+ },
4880
5006
  color: "var(--typography-base)"
4881
5007
  };
4882
5008
  },
4883
5009
  multiValueRemove: (styles, state) => {
5010
+ const isFixed = state.data.isFixed;
4884
5011
  return {
4885
5012
  ...styles,
4886
5013
  background: "var(--gray-100)",
5014
+ borderRadius: "0 var(--rounded-full) var(--rounded-full) 0",
4887
5015
  ":hover": {
4888
5016
  color: "var(--white)",
4889
5017
  background: "var(--action-destructive-default)",
4890
5018
  transition: "color var(--duration-fast) var(--timing-ease-out), background-color var(--duration-fast) var(--timing-ease-out)"
4891
5019
  },
5020
+ paddingRight: "var(--spacing-sm)",
5021
+ paddingLeft: "var(--spacing-xs)",
5022
+ ...isFixed && { display: "none" },
4892
5023
  ...state.isDisabled && { display: "none" }
4893
5024
  };
4894
5025
  }
@@ -5039,7 +5170,7 @@ var inlineSelectMenuClosed = css32`
5039
5170
  `;
5040
5171
 
5041
5172
  // src/components/Input/InputInlineSelect.tsx
5042
- import { jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
5173
+ import { jsx as jsx39, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
5043
5174
  var InputInlineSelect = ({
5044
5175
  classNameContainer,
5045
5176
  options,
@@ -5053,7 +5184,7 @@ var InputInlineSelect = ({
5053
5184
  const divRef = useRef(null);
5054
5185
  useOutsideClick(divRef, () => setMenuVisible(false));
5055
5186
  const selected = options.find((option) => option.value === value);
5056
- return /* @__PURE__ */ jsxs23(
5187
+ return /* @__PURE__ */ jsxs24(
5057
5188
  "div",
5058
5189
  {
5059
5190
  ref: divRef,
@@ -5063,7 +5194,7 @@ var InputInlineSelect = ({
5063
5194
  `,
5064
5195
  className: typeof classNameContainer === "string" ? classNameContainer : "",
5065
5196
  children: [
5066
- /* @__PURE__ */ jsxs23(
5197
+ /* @__PURE__ */ jsxs24(
5067
5198
  "button",
5068
5199
  {
5069
5200
  type: "button",
@@ -5203,7 +5334,7 @@ var DebouncedInputKeywordSearch = forwardRef9(
5203
5334
 
5204
5335
  // src/components/Input/InputSelect.tsx
5205
5336
  import { forwardRef as forwardRef10 } from "react";
5206
- import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs24 } from "@emotion/react/jsx-runtime";
5337
+ import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
5207
5338
  var InputSelect = forwardRef10(
5208
5339
  ({
5209
5340
  label: label2,
@@ -5220,13 +5351,13 @@ var InputSelect = forwardRef10(
5220
5351
  classNameLabel,
5221
5352
  ...props
5222
5353
  }, ref) => {
5223
- return /* @__PURE__ */ jsxs24(
5354
+ return /* @__PURE__ */ jsxs25(
5224
5355
  "div",
5225
5356
  {
5226
5357
  css: [inputContainer, typeof classNameContainer === "object" ? classNameContainer : void 0],
5227
5358
  className: typeof classNameContainer === "string" ? classNameContainer : "",
5228
5359
  children: [
5229
- showLabel ? /* @__PURE__ */ jsx41(Fragment3, { children: /* @__PURE__ */ jsxs24(
5360
+ showLabel ? /* @__PURE__ */ jsx41(Fragment3, { children: /* @__PURE__ */ jsxs25(
5230
5361
  Label,
5231
5362
  {
5232
5363
  htmlFor: props.id,
@@ -5238,7 +5369,7 @@ var InputSelect = forwardRef10(
5238
5369
  ]
5239
5370
  }
5240
5371
  ) }) : null,
5241
- /* @__PURE__ */ jsxs24(
5372
+ /* @__PURE__ */ jsxs25(
5242
5373
  "select",
5243
5374
  {
5244
5375
  ref,
@@ -5324,7 +5455,7 @@ var dateSegment = css34`
5324
5455
  `;
5325
5456
 
5326
5457
  // src/components/Input/InputTime.tsx
5327
- import { jsx as jsx42, jsxs as jsxs25 } from "@emotion/react/jsx-runtime";
5458
+ import { jsx as jsx42, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
5328
5459
  function tryParseTime(isoTime) {
5329
5460
  try {
5330
5461
  return isoTime ? parseTime(isoTime) : void 0;
@@ -5358,7 +5489,7 @@ var InputTime = React9.forwardRef(
5358
5489
  {
5359
5490
  css: [inputContainer],
5360
5491
  "data-testid": containerTestId ? containerTestId : "input-container",
5361
- children: /* @__PURE__ */ jsxs25(
5492
+ children: /* @__PURE__ */ jsxs26(
5362
5493
  TimeField,
5363
5494
  {
5364
5495
  ref,
@@ -5415,7 +5546,7 @@ InputTime.displayName = "InputTime";
5415
5546
 
5416
5547
  // src/components/Input/InputToggle.tsx
5417
5548
  import * as React10 from "react";
5418
- import { jsx as jsx43, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
5549
+ import { jsx as jsx43, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
5419
5550
  var InputToggle = React10.forwardRef(
5420
5551
  ({
5421
5552
  label: label2,
@@ -5436,7 +5567,7 @@ var InputToggle = React10.forwardRef(
5436
5567
  medium: labelMedium,
5437
5568
  bold: labelBold
5438
5569
  };
5439
- return /* @__PURE__ */ jsxs26(
5570
+ return /* @__PURE__ */ jsxs27(
5440
5571
  Label,
5441
5572
  {
5442
5573
  css: [inputToggleLabel, disabled2 ? inputDisabled : void 0],
@@ -5495,9 +5626,9 @@ var SuccessIcon2 = css35`
5495
5626
  `;
5496
5627
 
5497
5628
  // src/components/Input/SuccessMessage.tsx
5498
- import { jsx as jsx45, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
5629
+ import { jsx as jsx45, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
5499
5630
  var SuccessMessage = ({ message, testId, ...props }) => {
5500
- return message ? /* @__PURE__ */ jsxs27("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
5631
+ return message ? /* @__PURE__ */ jsxs28("span", { role: "status", css: SuccessText, "data-testid": testId, ...props, children: [
5501
5632
  /* @__PURE__ */ jsx45("span", { children: /* @__PURE__ */ jsx45(Icon, { css: SuccessIcon2, icon: CgCheckO, size: "1rem", iconColor: "currentColor" }) }),
5502
5633
  message
5503
5634
  ] }) : null;
@@ -5505,12 +5636,12 @@ var SuccessMessage = ({ message, testId, ...props }) => {
5505
5636
 
5506
5637
  // src/components/Input/Textarea.tsx
5507
5638
  import { forwardRef as forwardRef13 } from "react";
5508
- import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs28 } from "@emotion/react/jsx-runtime";
5639
+ import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
5509
5640
  var Textarea = forwardRef13(
5510
5641
  ({ label: label2, icon, id, caption, showLabel = true, errorMessage, warningMessage, ...props }, ref) => {
5511
- return /* @__PURE__ */ jsxs28(Fragment4, { children: [
5642
+ return /* @__PURE__ */ jsxs29(Fragment4, { children: [
5512
5643
  showLabel ? /* @__PURE__ */ jsx46("label", { htmlFor: id, css: [labelText], children: label2 }) : null,
5513
- /* @__PURE__ */ jsxs28("div", { css: [inputContainer], children: [
5644
+ /* @__PURE__ */ jsxs29("div", { css: [inputContainer], children: [
5514
5645
  /* @__PURE__ */ jsx46(
5515
5646
  "textarea",
5516
5647
  {
@@ -5534,10 +5665,10 @@ var Textarea = forwardRef13(
5534
5665
  );
5535
5666
 
5536
5667
  // src/components/Menu/SearchableMenu.tsx
5537
- import { jsx as jsx47, jsxs as jsxs29 } from "@emotion/react/jsx-runtime";
5668
+ import { jsx as jsx47, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
5538
5669
  var SearchableMenu = (props) => {
5539
5670
  const { hasNoResults, disableSearch, onSearchTextChanged, searchPlaceholder, children, ...menuProps } = props;
5540
- return /* @__PURE__ */ jsxs29(
5671
+ return /* @__PURE__ */ jsxs30(
5541
5672
  Menu,
5542
5673
  {
5543
5674
  ...menuProps,
@@ -5547,7 +5678,7 @@ var SearchableMenu = (props) => {
5547
5678
  (_a = menuProps.onClose) == null ? void 0 : _a.call(menuProps, e);
5548
5679
  },
5549
5680
  children: [
5550
- disableSearch ? null : /* @__PURE__ */ jsxs29(VerticalRhythm, { gap: "xs", children: [
5681
+ disableSearch ? null : /* @__PURE__ */ jsxs30(VerticalRhythm, { gap: "xs", children: [
5551
5682
  /* @__PURE__ */ jsx47("div", { children: /* @__PURE__ */ jsx47(MenuSearch, { ...props }) }),
5552
5683
  /* @__PURE__ */ jsx47(MenuItemSeparator, {}),
5553
5684
  hasNoResults ? /* @__PURE__ */ jsx47(Caption, { children: typeof hasNoResults === "string" ? hasNoResults : "No matches" }) : null
@@ -5585,9 +5716,9 @@ function MenuSearch({ onSearchTextChanged, searchPlaceholder }) {
5585
5716
 
5586
5717
  // src/components/Menu/SelectableMenuItem.tsx
5587
5718
  import { CgCheck } from "@react-icons/all-files/cg/CgCheck";
5588
- import { jsx as jsx48, jsxs as jsxs30 } from "@emotion/react/jsx-runtime";
5719
+ import { jsx as jsx48, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
5589
5720
  function SelectableMenuItem({ selected, children, ...menuItemProps }) {
5590
- return /* @__PURE__ */ jsx48(MenuItem, { ...menuItemProps, children: /* @__PURE__ */ jsxs30(
5721
+ return /* @__PURE__ */ jsx48(MenuItem, { ...menuItemProps, children: /* @__PURE__ */ jsxs31(
5591
5722
  HorizontalRhythm,
5592
5723
  {
5593
5724
  align: "center",
@@ -5755,7 +5886,7 @@ var wholeButtonWithMenuIconOffset = css36`
5755
5886
  `;
5756
5887
 
5757
5888
  // src/components/ButtonWithMenu/ButtonWithMenu.tsx
5758
- import { Fragment as Fragment5, jsx as jsx49, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
5889
+ import { Fragment as Fragment5, jsx as jsx49, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
5759
5890
  var buttonTheme = {
5760
5891
  primary: buttonPrimary2,
5761
5892
  secondary: buttonSecondary2,
@@ -5801,7 +5932,7 @@ var ButtonWithMenu = ({
5801
5932
  const onButtonClickHandler = onButtonClick != null ? onButtonClick : shortcut == null ? void 0 : shortcut.handler;
5802
5933
  const disabledValue = disabled2 != null ? disabled2 : shortcut == null ? void 0 : shortcut.disabled;
5803
5934
  const btnSize2 = getButtonSize(size === "base" ? "md" : size);
5804
- const primaryButton = /* @__PURE__ */ jsxs31(
5935
+ const primaryButton = /* @__PURE__ */ jsxs32(
5805
5936
  "button",
5806
5937
  {
5807
5938
  type: "button",
@@ -5829,7 +5960,7 @@ var ButtonWithMenu = ({
5829
5960
  ) });
5830
5961
  const tip = tooltip != null ? tooltip : shortcut && !disabledValue ? getFormattedShortcut(shortcut.shortcut) : void 0;
5831
5962
  if (onButtonClickHandler) {
5832
- return /* @__PURE__ */ jsxs31(
5963
+ return /* @__PURE__ */ jsxs32(
5833
5964
  "div",
5834
5965
  {
5835
5966
  css: [
@@ -5855,7 +5986,7 @@ var ButtonWithMenu = ({
5855
5986
  }
5856
5987
  );
5857
5988
  }
5858
- const dropdownOnlyButton = /* @__PURE__ */ jsxs31(
5989
+ const dropdownOnlyButton = /* @__PURE__ */ jsxs32(
5859
5990
  "div",
5860
5991
  {
5861
5992
  css: [
@@ -6000,7 +6131,7 @@ var actions = css38`
6000
6131
  `;
6001
6132
 
6002
6133
  // src/components/Calendar/Calendar.tsx
6003
- import { jsx as jsx50, jsxs as jsxs32 } from "@emotion/react/jsx-runtime";
6134
+ import { jsx as jsx50, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
6004
6135
  function tryParseDate(isoDate) {
6005
6136
  try {
6006
6137
  return isoDate ? parseDate(isoDate) : void 0;
@@ -6035,8 +6166,8 @@ var Calendar = ({
6035
6166
  onChange == null ? void 0 : onChange(today_date.toString());
6036
6167
  setFocusedValue(today_date);
6037
6168
  }, [onChange, today_date]);
6038
- return /* @__PURE__ */ jsxs32("div", { ...props, children: [
6039
- /* @__PURE__ */ jsxs32(
6169
+ return /* @__PURE__ */ jsxs33("div", { ...props, children: [
6170
+ /* @__PURE__ */ jsxs33(
6040
6171
  AriaCalendar,
6041
6172
  {
6042
6173
  value: tryParseDate(value) || null,
@@ -6051,7 +6182,7 @@ var Calendar = ({
6051
6182
  isReadOnly,
6052
6183
  isInvalid,
6053
6184
  children: [
6054
- /* @__PURE__ */ jsxs32("header", { css: header, children: [
6185
+ /* @__PURE__ */ jsxs33("header", { css: header, children: [
6055
6186
  /* @__PURE__ */ jsx50(Heading, { css: [h6, headerTitle] }),
6056
6187
  /* @__PURE__ */ jsx50(
6057
6188
  AriaButton,
@@ -6147,7 +6278,7 @@ var linkColorCurrent = css39`
6147
6278
  `;
6148
6279
 
6149
6280
  // src/components/Typography/Link.tsx
6150
- import { jsx as jsx52, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
6281
+ import { jsx as jsx52, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
6151
6282
  var Link = React11.forwardRef(
6152
6283
  ({ external, text, linkColor = "default", children, ...props }, ref) => {
6153
6284
  const textColor = {
@@ -6159,7 +6290,7 @@ var Link = React11.forwardRef(
6159
6290
  target: "_blank",
6160
6291
  rel: "noreferrer noopener"
6161
6292
  } : {};
6162
- return /* @__PURE__ */ jsxs33("a", { css: [link, textColor[linkColor]], ...externalAttrs, ...props, ref, children: [
6293
+ return /* @__PURE__ */ jsxs34("a", { css: [link, textColor[linkColor]], ...externalAttrs, ...props, ref, children: [
6163
6294
  text,
6164
6295
  external ? /* @__PURE__ */ jsx52(Icon, { icon: CgExternal, iconColor: "currentColor", size: 20 }) : null,
6165
6296
  children
@@ -6237,7 +6368,7 @@ var PageHeaderSectionTitle = css40`
6237
6368
  `;
6238
6369
 
6239
6370
  // src/components/Typography/PageHeaderSection.tsx
6240
- import { jsx as jsx53, jsxs as jsxs34 } from "@emotion/react/jsx-runtime";
6371
+ import { jsx as jsx53, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
6241
6372
  var PageHeaderSection = ({
6242
6373
  title,
6243
6374
  desc,
@@ -6251,9 +6382,9 @@ var PageHeaderSection = ({
6251
6382
  if (linkText && linkProps && !linkManagerComponent) {
6252
6383
  throw Error("You must provide a linkManagerComponent");
6253
6384
  }
6254
- return /* @__PURE__ */ jsxs34("div", { css: PageHeaderSectionContainer, "data-testid": "page-header", children: [
6255
- /* @__PURE__ */ jsxs34("section", { css: PageHeaderSectionDetails, children: [
6256
- linkText && linkProps && linkManagerComponent ? /* @__PURE__ */ jsxs34("div", { css: PageHeaderSectionLinkContainer, children: [
6385
+ return /* @__PURE__ */ jsxs35("div", { css: PageHeaderSectionContainer, "data-testid": "page-header", children: [
6386
+ /* @__PURE__ */ jsxs35("section", { css: PageHeaderSectionDetails, children: [
6387
+ linkText && linkProps && linkManagerComponent ? /* @__PURE__ */ jsxs35("div", { css: PageHeaderSectionLinkContainer, children: [
6257
6388
  /* @__PURE__ */ jsx53(Icon, { icon: CgChevronLeft, size: 18, css: PageHeaderSectionLinkIcon, iconColor: "currentColor" }),
6258
6389
  /* @__PURE__ */ jsx53(
6259
6390
  LinkWithRef,
@@ -6364,7 +6495,7 @@ var CardMenu = css42`
6364
6495
  `;
6365
6496
 
6366
6497
  // src/components/Card/Card.tsx
6367
- import { jsx as jsx55, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
6498
+ import { jsx as jsx55, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
6368
6499
  var Card = ({
6369
6500
  title,
6370
6501
  menuItems,
@@ -6375,7 +6506,7 @@ var Card = ({
6375
6506
  menuButtonTestId,
6376
6507
  ...props
6377
6508
  }) => {
6378
- return /* @__PURE__ */ jsxs35(Tag, { css: CardContainer, ...props, children: [
6509
+ return /* @__PURE__ */ jsxs36(Tag, { css: CardContainer, ...props, children: [
6379
6510
  title ? /* @__PURE__ */ jsx55(CardTitle2, { title, titleWithMarginBottom }) : null,
6380
6511
  menuItems ? /* @__PURE__ */ jsx55(
6381
6512
  Menu,
@@ -6399,7 +6530,7 @@ var Card = ({
6399
6530
  };
6400
6531
  var CardTitle2 = ({ title, titleWithMarginBottom, children }) => {
6401
6532
  const normalizeTitle = replaceUnderscoreInString(title);
6402
- return /* @__PURE__ */ jsxs35(Heading2, { level: 3, css: CardTitle(titleWithMarginBottom), children: [
6533
+ return /* @__PURE__ */ jsxs36(Heading2, { level: 3, css: CardTitle(titleWithMarginBottom), children: [
6403
6534
  normalizeTitle,
6404
6535
  children
6405
6536
  ] });
@@ -6470,9 +6601,9 @@ var LoadingMenuIcon = css44`
6470
6601
  `;
6471
6602
 
6472
6603
  // src/components/Card/LoadingCardSkeleton.tsx
6473
- import { jsx as jsx57, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
6604
+ import { jsx as jsx57, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
6474
6605
  var LoadingCardSkeleton2 = () => {
6475
- return /* @__PURE__ */ jsxs36(VerticalRhythm, { css: LoadingCardSkeleton, children: [
6606
+ return /* @__PURE__ */ jsxs37(VerticalRhythm, { css: LoadingCardSkeleton, children: [
6476
6607
  /* @__PURE__ */ jsx57("span", { css: [LoadingText, LoadingTitle] }),
6477
6608
  /* @__PURE__ */ jsx57("span", { css: [LoadingText, LoadingTimeStamp] }),
6478
6609
  /* @__PURE__ */ jsx57(Icon, { css: LoadingMenuIcon, icon: CgMoreAlt2, iconColor: "currentColor", size: 32 })
@@ -6739,7 +6870,7 @@ var ChipDisabled = css45`
6739
6870
  `;
6740
6871
 
6741
6872
  // src/components/Chip/Chip.tsx
6742
- import { jsx as jsx58, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
6873
+ import { jsx as jsx58, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
6743
6874
  var chipTheme = {
6744
6875
  "accent-light": ChipThemeAccentLight,
6745
6876
  "accent-dark": ChipThemeAccentDark,
@@ -6770,7 +6901,7 @@ var Chip = ({
6770
6901
  md: ChipMedium
6771
6902
  };
6772
6903
  const ElementType = as;
6773
- return /* @__PURE__ */ jsxs37(
6904
+ return /* @__PURE__ */ jsxs38(
6774
6905
  ElementType,
6775
6906
  {
6776
6907
  css: [
@@ -6906,14 +7037,26 @@ var counterContainer = (bgColor, hasIcon) => css47`
6906
7037
  background: ${bgColor};
6907
7038
  color: ${bgColor === "var(--accent-dark)" ? "white" : "var(--typography-base)"};
6908
7039
  display: inline-flex;
6909
- gap: var(--spacing-xs);
6910
- font-size: var(--fs-xs);
6911
7040
  font-weight: var(--fw-regular);
6912
7041
  justify-content: center;
6913
- padding: 4px;
7042
+ padding: ${hasIcon ? "0 var(--spacing-sm)" : "var(--spacing-sm)"};
6914
7043
  width: ${hasIcon ? "auto" : "var(--spacing-base)"};
6915
- height: var(--spacing-base);
7044
+ height: ${hasIcon ? "auto" : "var(--spacing-base)"};
6916
7045
  `;
7046
+ var counterSize = {
7047
+ sm: css47`
7048
+ gap: var(--spacing-xs);
7049
+ font-size: var(--fs-xs);
7050
+ `,
7051
+ md: css47`
7052
+ gap: var(--spacing-xs);
7053
+ font-size: var(--fs-sm);
7054
+ `
7055
+ };
7056
+ var counterIconSize = {
7057
+ sm: "0.75rem",
7058
+ md: "0.85rem"
7059
+ };
6917
7060
  var counterZeroValue = css47`
6918
7061
  background: var(--gray-800);
6919
7062
  border-radius: var(--rounded-full);
@@ -6924,42 +7067,58 @@ var counterZeroValue = css47`
6924
7067
  var counterTripleValue = css47`
6925
7068
  position: relative;
6926
7069
  `;
6927
- var counterIcon = css47`
6928
- border-radius: var(--rounded-full);
6929
- background: var(--white);
6930
- color: var(--brand-secondary-3);
6931
- display: block;
6932
- position: absolute;
6933
- top: -0.25rem;
6934
- right: -0.25rem;
6935
- `;
7070
+ var counterIcon = {
7071
+ default: css47`
7072
+ display: block;
7073
+ `,
7074
+ tripleValue: css47`
7075
+ border-radius: var(--rounded-full);
7076
+ background: var(--white);
7077
+ color: var(--brand-secondary-3);
7078
+ display: block;
7079
+ position: absolute;
7080
+ top: -0.25rem;
7081
+ right: -0.25rem;
7082
+ `
7083
+ };
6936
7084
 
6937
7085
  // src/components/Counter/Counter.tsx
6938
- import { jsx as jsx60, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
7086
+ import { jsx as jsx60, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
6939
7087
  var Counter = ({
6940
7088
  count,
6941
7089
  bgColor = "transparent",
6942
7090
  icon,
6943
7091
  iconColor = "auto",
7092
+ size = "sm",
6944
7093
  ...props
6945
7094
  }) => {
7095
+ const sizeStyles = {
7096
+ sm: counterSize.sm,
7097
+ md: counterSize.md
7098
+ };
7099
+ const iconSizeStyles = {
7100
+ sm: counterIconSize.sm,
7101
+ md: counterIconSize.md
7102
+ };
6946
7103
  if (typeof count === "undefined") {
6947
7104
  return null;
6948
7105
  }
6949
- const isTripleDigits = count > 99 ? /* @__PURE__ */ jsxs38("span", { css: counterTripleValue, title: `${count}`, children: [
7106
+ const isTripleDigits = count > 99 ? /* @__PURE__ */ jsxs39("span", { css: counterTripleValue, title: `${count}`, children: [
6950
7107
  "99",
6951
- /* @__PURE__ */ jsx60(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
7108
+ /* @__PURE__ */ jsx60(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon.tripleValue })
6952
7109
  ] }) : count;
6953
7110
  const formatCount = count === 0 ? /* @__PURE__ */ jsx60("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
6954
- return /* @__PURE__ */ jsxs38("div", { css: counterContainer(bgColor, Boolean(icon)), ...props, children: [
7111
+ return /* @__PURE__ */ jsxs39("div", { css: [counterContainer(bgColor, Boolean(icon)), sizeStyles[size]], ...props, children: [
6955
7112
  icon ? /* @__PURE__ */ jsx60(
6956
7113
  "span",
6957
7114
  {
7115
+ "data-testid": "icon-container",
6958
7116
  css: [
7117
+ counterIcon.default,
6959
7118
  iconColor ? functionalColors : void 0,
6960
7119
  { color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
6961
7120
  ],
6962
- children: /* @__PURE__ */ jsx60(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
7121
+ children: /* @__PURE__ */ jsx60(Icon, { icon, iconColor: "currentColor", size: iconSizeStyles[size] })
6963
7122
  }
6964
7123
  ) : null,
6965
7124
  /* @__PURE__ */ jsx60("span", { children: formatCount })
@@ -7135,7 +7294,7 @@ var datePartButton = css50`
7135
7294
  `;
7136
7295
 
7137
7296
  // src/components/DateTimePicker/DateTimePickerSummary.tsx
7138
- import { jsx as jsx62, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
7297
+ import { jsx as jsx62, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
7139
7298
  function DateTimePickerSummary({
7140
7299
  value,
7141
7300
  placeholder
@@ -7172,7 +7331,7 @@ function DateTimePickerSummary({
7172
7331
  }
7173
7332
  const datePart2 = (value == null ? void 0 : value.datetime) ? dateFormat.format(new Date(value.datetime)) : null;
7174
7333
  const timePart = (value == null ? void 0 : value.datetime) ? timeFormat.format(new Date(value.datetime)) : null;
7175
- return datePart2 ? /* @__PURE__ */ jsxs39("span", { css: datePart, children: [
7334
+ return datePart2 ? /* @__PURE__ */ jsxs40("span", { css: datePart, children: [
7176
7335
  /* @__PURE__ */ jsx62("em", { css: inputLabelFocal, children: datePart2 }),
7177
7336
  !!timePart && `, ${timePart}`,
7178
7337
  !!(value == null ? void 0 : value.timeZone) && timeZoneWasValid && ` in ${value == null ? void 0 : value.timeZone}`
@@ -7241,7 +7400,7 @@ var DateTimePickerVariant = /* @__PURE__ */ ((DateTimePickerVariant2) => {
7241
7400
  })(DateTimePickerVariant || {});
7242
7401
 
7243
7402
  // src/components/DateTimePicker/DateTimePicker.tsx
7244
- import { jsx as jsx63, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
7403
+ import { jsx as jsx63, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
7245
7404
  var timeZoneOptions = typeof Intl !== "undefined" && typeof Intl.supportedValuesOf === "function" ? Intl.supportedValuesOf("timeZone") : ["Etc/UTC"];
7246
7405
  var TIMEZONE_OPTIONS = timeZoneOptions.map((v) => {
7247
7406
  let tz = v;
@@ -7349,10 +7508,10 @@ var DateTimePicker = ({
7349
7508
  }),
7350
7509
  [handleClearClick, handleDateChange, handleTimeChange]
7351
7510
  );
7352
- return /* @__PURE__ */ jsx63(DateTimePickerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs40("div", { "data-testid": testId, "data-variant": variant, ...props, children: [
7511
+ return /* @__PURE__ */ jsx63(DateTimePickerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs41("div", { "data-testid": testId, "data-variant": variant, ...props, children: [
7353
7512
  showLabel ? /* @__PURE__ */ jsx63(Label, { css: [labelText], "data-testid": `${testId}-label`, children: label2 }) : null,
7354
- /* @__PURE__ */ jsx63("div", { css: inputContainer, children: /* @__PURE__ */ jsxs40(PopoverProvider, { store: popover2, children: [
7355
- /* @__PURE__ */ jsxs40(
7513
+ /* @__PURE__ */ jsx63("div", { css: inputContainer, children: /* @__PURE__ */ jsxs41(PopoverProvider, { store: popover2, children: [
7514
+ /* @__PURE__ */ jsxs41(
7356
7515
  "div",
7357
7516
  {
7358
7517
  css: [input("nowrap"), input2, errorMessage ? inputError : null],
@@ -7384,7 +7543,7 @@ var DateTimePicker = ({
7384
7543
  ]
7385
7544
  }
7386
7545
  ),
7387
- /* @__PURE__ */ jsxs40(
7546
+ /* @__PURE__ */ jsxs41(
7388
7547
  Popover2,
7389
7548
  {
7390
7549
  store: popover2,
@@ -7394,7 +7553,7 @@ var DateTimePicker = ({
7394
7553
  css: [Popover, popover],
7395
7554
  portal,
7396
7555
  children: [
7397
- /* @__PURE__ */ jsxs40("div", { css: popoverInnerContent, children: [
7556
+ /* @__PURE__ */ jsxs41("div", { css: popoverInnerContent, children: [
7398
7557
  /* @__PURE__ */ jsx63("div", { css: calendarSection, children: /* @__PURE__ */ jsx63(
7399
7558
  Calendar,
7400
7559
  {
@@ -7415,7 +7574,7 @@ var DateTimePicker = ({
7415
7574
  onChange: handleTimeChange
7416
7575
  }
7417
7576
  ) }),
7418
- /* @__PURE__ */ jsxs40("div", { css: tzSection, children: [
7577
+ /* @__PURE__ */ jsxs41("div", { css: tzSection, children: [
7419
7578
  /* @__PURE__ */ jsx63(Label, { css: labelText, children: "Timezone" }),
7420
7579
  /* @__PURE__ */ jsx63(
7421
7580
  InputComboBox,
@@ -7437,7 +7596,7 @@ var DateTimePicker = ({
7437
7596
  )
7438
7597
  ] })
7439
7598
  ] }),
7440
- /* @__PURE__ */ jsxs40(HorizontalRhythm, { gap: "0", children: [
7599
+ /* @__PURE__ */ jsxs41(HorizontalRhythm, { gap: "0", children: [
7441
7600
  /* @__PURE__ */ jsx63(Button, { buttonType: "secondary", onClick: handleSelectClick, children: "Select" }),
7442
7601
  /* @__PURE__ */ jsx63(Button, { buttonType: "ghostDestructive", onClick: popover2.hide, children: "cancel" })
7443
7602
  ] })
@@ -7487,7 +7646,7 @@ var descriptionListValueStyles = css51`
7487
7646
  `;
7488
7647
 
7489
7648
  // src/components/DescriptionList/DescriptionList.tsx
7490
- import { jsx as jsx64, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
7649
+ import { jsx as jsx64, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
7491
7650
  var DescriptionList = React12.forwardRef(
7492
7651
  ({ items, variant = "horizontal", ...listProps }, ref) => {
7493
7652
  if (!(items == null ? void 0 : items.length)) {
@@ -7499,7 +7658,7 @@ var DescriptionList = React12.forwardRef(
7499
7658
  ref,
7500
7659
  css: variant === "vertical" ? descriptionListVertical : descriptionListHorizontal,
7501
7660
  ...listProps,
7502
- children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ jsxs41(React12.Fragment, { children: [
7661
+ children: items == null ? void 0 : items.map(({ label: label2, value }) => /* @__PURE__ */ jsxs42(React12.Fragment, { children: [
7503
7662
  /* @__PURE__ */ jsx64("dt", { css: descriptionListLabelStyles, children: label2 }),
7504
7663
  /* @__PURE__ */ jsx64("dd", { css: descriptionListValueStyles, children: typeof value === "boolean" ? /* @__PURE__ */ jsx64(DescriptionListValueBoolean, { value }) : value })
7505
7664
  ] }, label2))
@@ -7570,7 +7729,7 @@ var summaryIconVisiblyHidden = css52`
7570
7729
  `;
7571
7730
 
7572
7731
  // src/components/Details/Details.tsx
7573
- import { jsx as jsx65, jsxs as jsxs42 } from "@emotion/react/jsx-runtime";
7732
+ import { jsx as jsx65, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
7574
7733
  var Details = ({
7575
7734
  summary: summary2,
7576
7735
  children,
@@ -7586,7 +7745,7 @@ var Details = ({
7586
7745
  const memoizedIsOpen = React13.useMemo(() => {
7587
7746
  return isOpen !== void 0 ? isOpen : internalOpen;
7588
7747
  }, [internalOpen, isOpen]);
7589
- return /* @__PURE__ */ jsxs42(
7748
+ return /* @__PURE__ */ jsxs43(
7590
7749
  "details",
7591
7750
  {
7592
7751
  "data-testid": "details",
@@ -7599,7 +7758,7 @@ var Details = ({
7599
7758
  ref: detailsRef,
7600
7759
  ...props,
7601
7760
  children: [
7602
- /* @__PURE__ */ jsxs42("summary", { "data-testid": "summary", css: [summary, isCompact ? summaryCompact : null], children: [
7761
+ /* @__PURE__ */ jsxs43("summary", { "data-testid": "summary", css: [summary, isCompact ? summaryCompact : null], children: [
7603
7762
  /* @__PURE__ */ jsx65(
7604
7763
  Icon,
7605
7764
  {
@@ -7913,7 +8072,7 @@ function isEqualDrawerInstance(a, b) {
7913
8072
  }
7914
8073
 
7915
8074
  // src/components/Drawer/Drawer.tsx
7916
- import { jsx as jsx68, jsxs as jsxs43 } from "@emotion/react/jsx-runtime";
8075
+ import { jsx as jsx68, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
7917
8076
  var defaultSackId = "_default";
7918
8077
  var CurrentDrawerContext = createContext4({});
7919
8078
  var useCurrentDrawer = () => {
@@ -7926,7 +8085,7 @@ var Drawer = React15.forwardRef(
7926
8085
  const { drawerTakeoverStackId } = useDrawer();
7927
8086
  const drawerRendererProps = { width: drawerProps.width, minWidth, maxWidth, position, leftAligned };
7928
8087
  const resolvedStickyStackIdRef = useRef4((_a = drawerTakeoverStackId != null ? drawerTakeoverStackId : drawerProps.stackId) != null ? _a : inheritedStackId);
7929
- return resolvedStickyStackIdRef.current ? /* @__PURE__ */ jsx68(DrawerInner, { ref, ...drawerProps, stackId: resolvedStickyStackIdRef.current }) : /* @__PURE__ */ jsxs43(DrawerProvider, { children: [
8088
+ return resolvedStickyStackIdRef.current ? /* @__PURE__ */ jsx68(DrawerInner, { ref, ...drawerProps, stackId: resolvedStickyStackIdRef.current }) : /* @__PURE__ */ jsxs44(DrawerProvider, { children: [
7930
8089
  /* @__PURE__ */ jsx68(DrawerInner, { ref, ...drawerProps }),
7931
8090
  /* @__PURE__ */ jsx68(DrawerRenderer, { stackId: defaultSackId, ...drawerRendererProps })
7932
8091
  ] });
@@ -7974,7 +8133,7 @@ var DrawerInner = ({
7974
8133
  }
7975
8134
  const headerId = `dialog-header-${providerId}-${stackId}-${id}`;
7976
8135
  return /* @__PURE__ */ jsx68(CurrentDrawerContext.Provider, { value: { id, stackId, leftAligned }, children: createPortal(
7977
- /* @__PURE__ */ jsxs43(
8136
+ /* @__PURE__ */ jsxs44(
7978
8137
  "div",
7979
8138
  {
7980
8139
  ref,
@@ -7985,7 +8144,7 @@ var DrawerInner = ({
7985
8144
  css: drawerStyles(bgColor),
7986
8145
  "data-testid": testId,
7987
8146
  children: [
7988
- /* @__PURE__ */ jsxs43("div", { css: headerWrapperStyles, children: [
8147
+ /* @__PURE__ */ jsxs44("div", { css: headerWrapperStyles, children: [
7989
8148
  header2 ? /* @__PURE__ */ jsx68("div", { id: headerId, css: drawerHeaderStyles, "data-testid": "header", children: header2 }) : null,
7990
8149
  /* @__PURE__ */ jsx68(
7991
8150
  Button,
@@ -8047,9 +8206,9 @@ var DrawerContentBtnGroup = css55`
8047
8206
  `;
8048
8207
 
8049
8208
  // src/components/Drawer/DrawerContent.tsx
8050
- import { jsx as jsx69, jsxs as jsxs44 } from "@emotion/react/jsx-runtime";
8209
+ import { jsx as jsx69, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
8051
8210
  var DrawerContent2 = ({ children, buttonGroup, noPadding = false, ...props }) => {
8052
- return /* @__PURE__ */ jsxs44("div", { css: DrawerContent, ...props, children: [
8211
+ return /* @__PURE__ */ jsxs45("div", { css: DrawerContent, ...props, children: [
8053
8212
  /* @__PURE__ */ jsx69("div", { css: [DrawerContentInner, noPadding ? { padding: 0 } : null], children }),
8054
8213
  buttonGroup ? /* @__PURE__ */ jsx69("div", { css: DrawerContentBtnGroup, children: buttonGroup }) : null
8055
8214
  ] });
@@ -8057,7 +8216,7 @@ var DrawerContent2 = ({ children, buttonGroup, noPadding = false, ...props }) =>
8057
8216
 
8058
8217
  // src/components/Drawer/DrawerRenderer.tsx
8059
8218
  import { useEffect as useEffect6, useMemo as useMemo3 } from "react";
8060
- import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
8219
+ import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
8061
8220
  var drawerWidth = {
8062
8221
  narrow: "29rem",
8063
8222
  medium: "43rem",
@@ -8150,7 +8309,7 @@ var DrawerWrapper = ({
8150
8309
  offsetInPx = Math.round(maxLayeringInPx * relativeLevel);
8151
8310
  }
8152
8311
  const calculatedWidth = `calc(${width} - ${offsetInPx}px)`;
8153
- return /* @__PURE__ */ jsxs45(Fragment7, { children: [
8312
+ return /* @__PURE__ */ jsxs46(Fragment7, { children: [
8154
8313
  /* @__PURE__ */ jsx70("div", { css: drawerWrapperOverlayStyles, onClick: onOverlayClick }),
8155
8314
  /* @__PURE__ */ jsx70(
8156
8315
  "div",
@@ -8201,7 +8360,7 @@ var FlexiCardOverflowStyles = css56`
8201
8360
  `;
8202
8361
 
8203
8362
  // src/components/FlexiCard/FlexiCard.tsx
8204
- import { jsx as jsx72, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
8363
+ import { jsx as jsx72, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
8205
8364
  var FlexiCard = ({ heading, children, width, height, ...props }) => {
8206
8365
  const cssStyles = [
8207
8366
  width || height ? [
@@ -8212,7 +8371,7 @@ var FlexiCard = ({ heading, children, width, height, ...props }) => {
8212
8371
  }
8213
8372
  ] : void 0
8214
8373
  ];
8215
- return /* @__PURE__ */ jsx72("div", { css: FlexiCardStyles, ...props, children: /* @__PURE__ */ jsxs46(VerticalRhythm, { children: [
8374
+ return /* @__PURE__ */ jsx72("div", { css: FlexiCardStyles, ...props, children: /* @__PURE__ */ jsxs47(VerticalRhythm, { children: [
8216
8375
  heading,
8217
8376
  /* @__PURE__ */ jsx72("div", { css: cssStyles, children })
8218
8377
  ] }) });
@@ -8238,9 +8397,9 @@ var FlexiCardTitleWrapper = css57`
8238
8397
  `;
8239
8398
 
8240
8399
  // src/components/FlexiCard/FlexiCardTitle.tsx
8241
- import { jsx as jsx73, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
8400
+ import { jsx as jsx73, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
8242
8401
  var FlexiCardTitle = ({ icon, heading, ...props }) => {
8243
- return /* @__PURE__ */ jsxs47("div", { css: FlexiCardTitleWrapper, ...props, children: [
8402
+ return /* @__PURE__ */ jsxs48("div", { css: FlexiCardTitleWrapper, ...props, children: [
8244
8403
  icon && /* @__PURE__ */ jsx73(Icon, { icon, size: "1rem", iconColor: "gray300" }),
8245
8404
  /* @__PURE__ */ jsx73("h2", { css: FlexiCardTitleStyles, children: heading })
8246
8405
  ] });
@@ -8345,9 +8504,9 @@ var variantFillImageImg = css59`
8345
8504
  `;
8346
8505
 
8347
8506
  // src/components/Image/ImageBroken.tsx
8348
- import { jsx as jsx75, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
8507
+ import { jsx as jsx75, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
8349
8508
  var ImageBroken = ({ width, height, ...props }) => {
8350
- return /* @__PURE__ */ jsxs48(
8509
+ return /* @__PURE__ */ jsxs49(
8351
8510
  "svg",
8352
8511
  {
8353
8512
  role: "img",
@@ -8362,7 +8521,7 @@ var ImageBroken = ({ width, height, ...props }) => {
8362
8521
  children: [
8363
8522
  /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
8364
8523
  /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
8365
- /* @__PURE__ */ jsxs48("defs", { children: [
8524
+ /* @__PURE__ */ jsxs49("defs", { children: [
8366
8525
  /* @__PURE__ */ jsx75("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx75("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
8367
8526
  /* @__PURE__ */ jsx75(
8368
8527
  "image",
@@ -8380,7 +8539,7 @@ var ImageBroken = ({ width, height, ...props }) => {
8380
8539
  };
8381
8540
 
8382
8541
  // src/components/Image/Image.tsx
8383
- import { jsx as jsx76, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
8542
+ import { jsx as jsx76, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
8384
8543
  var MIN_LOADING_MS = 100;
8385
8544
  function Image({
8386
8545
  alt,
@@ -8430,7 +8589,7 @@ function Image({
8430
8589
  setLoadErrorText("The value you provided is not a valid image URL");
8431
8590
  setLoading(false);
8432
8591
  };
8433
- return /* @__PURE__ */ jsxs49(
8592
+ return /* @__PURE__ */ jsxs50(
8434
8593
  "span",
8435
8594
  {
8436
8595
  className,
@@ -8459,7 +8618,7 @@ function Image({
8459
8618
  onError: handleErrorEvent
8460
8619
  }
8461
8620
  ) : null,
8462
- src && loadErrorText ? /* @__PURE__ */ jsxs49(
8621
+ src && loadErrorText ? /* @__PURE__ */ jsxs50(
8463
8622
  "span",
8464
8623
  {
8465
8624
  style: {
@@ -8619,7 +8778,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => css60`
8619
8778
  `;
8620
8779
 
8621
8780
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
8622
- import { jsx as jsx77, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
8781
+ import { jsx as jsx77, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
8623
8782
  var CreateTeamIntegrationTile = ({
8624
8783
  title = "Create a custom integration for your team",
8625
8784
  buttonText = "Add Integration",
@@ -8627,9 +8786,9 @@ var CreateTeamIntegrationTile = ({
8627
8786
  asDeepLink = false,
8628
8787
  ...props
8629
8788
  }) => {
8630
- return /* @__PURE__ */ jsxs50("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
8789
+ return /* @__PURE__ */ jsxs51("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
8631
8790
  /* @__PURE__ */ jsx77("span", { css: IntegrationTileTitle, title, children: title }),
8632
- /* @__PURE__ */ jsxs50(
8791
+ /* @__PURE__ */ jsxs51(
8633
8792
  Button,
8634
8793
  {
8635
8794
  buttonType: "tertiary",
@@ -8670,9 +8829,9 @@ var CreateTeamIntegrationTile = ({
8670
8829
  import { CgCheck as CgCheck2 } from "@react-icons/all-files/cg/CgCheck";
8671
8830
  import { CgLock } from "@react-icons/all-files/cg/CgLock";
8672
8831
  import { CgSandClock } from "@react-icons/all-files/cg/CgSandClock";
8673
- import { jsx as jsx78, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
8832
+ import { jsx as jsx78, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
8674
8833
  var IntegrationedAddedBadge = ({ text = "Added" }) => {
8675
- return /* @__PURE__ */ jsxs51("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
8834
+ return /* @__PURE__ */ jsxs52("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
8676
8835
  /* @__PURE__ */ jsx78(Icon, { icon: CgCheck2, iconColor: "currentColor" }),
8677
8836
  text
8678
8837
  ] });
@@ -8681,13 +8840,13 @@ var IntegrationCustomBadge = ({ text = "Custom" }) => {
8681
8840
  return /* @__PURE__ */ jsx78("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
8682
8841
  };
8683
8842
  var IntegrationPremiumBadge = ({ text = "Premium" }) => {
8684
- return /* @__PURE__ */ jsxs51("span", { css: IntegrationCustomBadgeText("blue"), children: [
8843
+ return /* @__PURE__ */ jsxs52("span", { css: IntegrationCustomBadgeText("blue"), children: [
8685
8844
  /* @__PURE__ */ jsx78(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
8686
8845
  text
8687
8846
  ] });
8688
8847
  };
8689
8848
  var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
8690
- return /* @__PURE__ */ jsxs51("span", { css: IntegrationCustomBadgeText("blue"), children: [
8849
+ return /* @__PURE__ */ jsxs52("span", { css: IntegrationCustomBadgeText("blue"), children: [
8691
8850
  /* @__PURE__ */ jsx78(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
8692
8851
  text
8693
8852
  ] });
@@ -8708,7 +8867,7 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
8708
8867
  };
8709
8868
 
8710
8869
  // src/components/Tiles/EditTeamIntegrationTile.tsx
8711
- import { jsx as jsx80, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
8870
+ import { jsx as jsx80, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
8712
8871
  var EditTeamIntegrationTile = ({
8713
8872
  id,
8714
8873
  icon,
@@ -8717,7 +8876,7 @@ var EditTeamIntegrationTile = ({
8717
8876
  isPublic,
8718
8877
  canEdit = false
8719
8878
  }) => {
8720
- return /* @__PURE__ */ jsxs52(
8879
+ return /* @__PURE__ */ jsxs53(
8721
8880
  "div",
8722
8881
  {
8723
8882
  css: IntegrationTileContainer,
@@ -8748,7 +8907,7 @@ var EditTeamIntegrationTile = ({
8748
8907
  import { css as css62 } from "@emotion/react";
8749
8908
  import { CgHeart } from "@react-icons/all-files/cg/CgHeart";
8750
8909
  import { useEffect as useEffect9, useState as useState10 } from "react";
8751
- import { jsx as jsx81, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
8910
+ import { jsx as jsx81, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
8752
8911
  var IntegrationComingSoon = ({
8753
8912
  name,
8754
8913
  icon,
@@ -8770,7 +8929,7 @@ var IntegrationComingSoon = ({
8770
8929
  };
8771
8930
  }
8772
8931
  }, [upVote, setUpVote, timing]);
8773
- return /* @__PURE__ */ jsxs53(
8932
+ return /* @__PURE__ */ jsxs54(
8774
8933
  "div",
8775
8934
  {
8776
8935
  css: IntegrationTileContainer,
@@ -8780,7 +8939,7 @@ var IntegrationComingSoon = ({
8780
8939
  /* @__PURE__ */ jsx81(IntegrationComingSoonBadge, {}),
8781
8940
  /* @__PURE__ */ jsx81(ResolveIcon, { icon, name }),
8782
8941
  /* @__PURE__ */ jsx81("span", { css: IntegrationTileName, title: name, children: name }),
8783
- /* @__PURE__ */ jsxs53(
8942
+ /* @__PURE__ */ jsxs54(
8784
8943
  Button,
8785
8944
  {
8786
8945
  buttonType: "unimportant",
@@ -8801,7 +8960,7 @@ var IntegrationComingSoon = ({
8801
8960
  children: "(I want this)"
8802
8961
  }
8803
8962
  ),
8804
- /* @__PURE__ */ jsxs53("span", { "aria-hidden": !upVote, children: [
8963
+ /* @__PURE__ */ jsxs54("span", { "aria-hidden": !upVote, children: [
8805
8964
  /* @__PURE__ */ jsx81(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
8806
8965
  "Thanks!"
8807
8966
  ] })
@@ -8858,10 +9017,10 @@ var IntegrationLoadingFrame = css63`
8858
9017
  `;
8859
9018
 
8860
9019
  // src/components/Tiles/IntegrationLoadingTile.tsx
8861
- import { Fragment as Fragment8, jsx as jsx82, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
9020
+ import { Fragment as Fragment8, jsx as jsx82, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
8862
9021
  var IntegrationLoadingTile = ({ count = 1 }) => {
8863
9022
  const componentCount = Array.from(Array(count).keys());
8864
- return /* @__PURE__ */ jsx82(Fragment8, { children: componentCount.map((i) => /* @__PURE__ */ jsxs54("div", { css: IntegrationLoadingTileContainer, children: [
9023
+ return /* @__PURE__ */ jsx82(Fragment8, { children: componentCount.map((i) => /* @__PURE__ */ jsxs55("div", { css: IntegrationLoadingTileContainer, children: [
8865
9024
  /* @__PURE__ */ jsx82("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
8866
9025
  /* @__PURE__ */ jsx82("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
8867
9026
  ] }, i)) });
@@ -8883,7 +9042,7 @@ var IntegrationModalImage = css64`
8883
9042
  `;
8884
9043
 
8885
9044
  // src/components/Tiles/IntegrationModalIcon.tsx
8886
- import { jsx as jsx83, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
9045
+ import { jsx as jsx83, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
8887
9046
  var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8888
9047
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
8889
9048
  let iconSrc = void 0;
@@ -8899,8 +9058,8 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8899
9058
  }
8900
9059
  }
8901
9060
  }
8902
- return /* @__PURE__ */ jsxs55("div", { css: IntegrationModalIconContainer, children: [
8903
- /* @__PURE__ */ jsxs55("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
9061
+ return /* @__PURE__ */ jsxs56("div", { css: IntegrationModalIconContainer, children: [
9062
+ /* @__PURE__ */ jsxs56("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
8904
9063
  /* @__PURE__ */ jsx83(
8905
9064
  "path",
8906
9065
  {
@@ -8910,7 +9069,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8910
9069
  strokeWidth: "2"
8911
9070
  }
8912
9071
  ),
8913
- /* @__PURE__ */ jsx83("defs", { children: /* @__PURE__ */ jsxs55("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
9072
+ /* @__PURE__ */ jsx83("defs", { children: /* @__PURE__ */ jsxs56("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
8914
9073
  /* @__PURE__ */ jsx83("stop", { stopColor: "#1768B2" }),
8915
9074
  /* @__PURE__ */ jsx83("stop", { offset: "1", stopColor: "#B3EFE4" })
8916
9075
  ] }) })
@@ -8929,7 +9088,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8929
9088
  };
8930
9089
 
8931
9090
  // src/components/Tiles/IntegrationTile.tsx
8932
- import { jsx as jsx84, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
9091
+ import { jsx as jsx84, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
8933
9092
  var IntegrationTile = ({
8934
9093
  id,
8935
9094
  icon,
@@ -8941,7 +9100,7 @@ var IntegrationTile = ({
8941
9100
  authorIcon,
8942
9101
  ...btnProps
8943
9102
  }) => {
8944
- return /* @__PURE__ */ jsxs56(
9103
+ return /* @__PURE__ */ jsxs57(
8945
9104
  "button",
8946
9105
  {
8947
9106
  type: "button",
@@ -9200,9 +9359,9 @@ var IntegrationModalHeaderContentWrapper = css68`
9200
9359
  `;
9201
9360
 
9202
9361
  // src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
9203
- import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
9362
+ import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
9204
9363
  var HexModalBackground = ({ ...props }) => {
9205
- return /* @__PURE__ */ jsxs57(
9364
+ return /* @__PURE__ */ jsxs58(
9206
9365
  "svg",
9207
9366
  {
9208
9367
  width: "236",
@@ -9221,7 +9380,7 @@ var HexModalBackground = ({ ...props }) => {
9221
9380
  fill: "url(#paint0_linear_196_2737)"
9222
9381
  }
9223
9382
  ),
9224
- /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs57(
9383
+ /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs58(
9225
9384
  "linearGradient",
9226
9385
  {
9227
9386
  id: "paint0_linear_196_2737",
@@ -9241,12 +9400,12 @@ var HexModalBackground = ({ ...props }) => {
9241
9400
  );
9242
9401
  };
9243
9402
  var IntegrationModalHeader = ({ icon, name, menu, children }) => {
9244
- return /* @__PURE__ */ jsxs57(Fragment9, { children: [
9403
+ return /* @__PURE__ */ jsxs58(Fragment9, { children: [
9245
9404
  /* @__PURE__ */ jsx89(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
9246
- /* @__PURE__ */ jsx89("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs57("div", { css: IntegrationModalHeaderTitleGroup, children: [
9405
+ /* @__PURE__ */ jsx89("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs58("div", { css: IntegrationModalHeaderTitleGroup, children: [
9247
9406
  icon ? /* @__PURE__ */ jsx89(IntegrationModalIcon, { icon, name: name || "" }) : null,
9248
9407
  /* @__PURE__ */ jsx89(Heading2, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
9249
- menu ? /* @__PURE__ */ jsxs57("div", { css: IntegrationModalHeaderMenuPlacement, children: [
9408
+ menu ? /* @__PURE__ */ jsxs58("div", { css: IntegrationModalHeaderMenuPlacement, children: [
9250
9409
  menu,
9251
9410
  " "
9252
9411
  ] }) : null
@@ -9391,7 +9550,7 @@ var rowWrapper = css69`
9391
9550
  `;
9392
9551
 
9393
9552
  // src/components/KeyValueInput/KeyValueInput.tsx
9394
- import { jsx as jsx91, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
9553
+ import { jsx as jsx91, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
9395
9554
  var initialSelectOptionValue = { key: "", value: "" };
9396
9555
  var generateItemId = (item, index) => item.uniqueId || item.value || item.key || `$index-${index}`;
9397
9556
  var KeyValueInput = ({
@@ -9480,9 +9639,9 @@ var KeyValueInput = ({
9480
9639
  lastRowFirstInputRef.current.focus();
9481
9640
  }
9482
9641
  }, [value.length]);
9483
- return /* @__PURE__ */ jsxs58(VerticalRhythm, { gap: "xs", children: [
9642
+ return /* @__PURE__ */ jsxs59(VerticalRhythm, { gap: "xs", children: [
9484
9643
  /* @__PURE__ */ jsx91(HorizontalRhythm, { align: "center", justify: "space-between", css: { marginBottom: "var(--spacing-xs)" }, children: /* @__PURE__ */ jsx91("span", { css: LabelStyles, children: label2 }) }),
9485
- /* @__PURE__ */ jsxs58(
9644
+ /* @__PURE__ */ jsxs59(
9486
9645
  "div",
9487
9646
  {
9488
9647
  css: [
@@ -9491,7 +9650,7 @@ var KeyValueInput = ({
9491
9650
  showIconColumn && { gridTemplateColumns: "1fr 1fr 1fr" }
9492
9651
  ],
9493
9652
  children: [
9494
- showIconColumn && /* @__PURE__ */ jsxs58(HorizontalRhythm, { align: "center", gap: "xs", children: [
9653
+ showIconColumn && /* @__PURE__ */ jsxs59(HorizontalRhythm, { align: "center", gap: "xs", children: [
9495
9654
  /* @__PURE__ */ jsx91("span", { children: iconLabel }),
9496
9655
  !iconInfoPopover ? null : /* @__PURE__ */ jsx91(
9497
9656
  Popover3,
@@ -9504,7 +9663,7 @@ var KeyValueInput = ({
9504
9663
  }
9505
9664
  )
9506
9665
  ] }),
9507
- /* @__PURE__ */ jsxs58(HorizontalRhythm, { align: "center", gap: "xs", children: [
9666
+ /* @__PURE__ */ jsxs59(HorizontalRhythm, { align: "center", gap: "xs", children: [
9508
9667
  /* @__PURE__ */ jsx91("span", { children: keyLabel }),
9509
9668
  !keyInfoPopover ? null : /* @__PURE__ */ jsx91(
9510
9669
  Popover3,
@@ -9517,7 +9676,7 @@ var KeyValueInput = ({
9517
9676
  }
9518
9677
  )
9519
9678
  ] }),
9520
- /* @__PURE__ */ jsxs58(HorizontalRhythm, { align: "center", gap: "xs", children: [
9679
+ /* @__PURE__ */ jsxs59(HorizontalRhythm, { align: "center", gap: "xs", children: [
9521
9680
  /* @__PURE__ */ jsx91("span", { children: valueLabel }),
9522
9681
  !valueInfoPopover ? null : /* @__PURE__ */ jsx91(
9523
9682
  Popover3,
@@ -9609,9 +9768,9 @@ var KeyValueInputItem = ({
9609
9768
  onEnter();
9610
9769
  }
9611
9770
  };
9612
- return /* @__PURE__ */ jsxs58("div", { css: rowWrapper, ref: setNodeRef, style, children: [
9771
+ return /* @__PURE__ */ jsxs59("div", { css: rowWrapper, ref: setNodeRef, style, children: [
9613
9772
  /* @__PURE__ */ jsx91(DragHandle, { disableDnd: disabledDnd, ref: setActivatorNodeRef, ...attributes, ...listeners }),
9614
- /* @__PURE__ */ jsxs58(
9773
+ /* @__PURE__ */ jsxs59(
9615
9774
  "div",
9616
9775
  {
9617
9776
  css: [
@@ -9715,7 +9874,7 @@ import {
9715
9874
  usePopoverStore as usePopoverStore2
9716
9875
  } from "@ariakit/react";
9717
9876
  import { useEffect as useEffect12 } from "react";
9718
- import { Fragment as Fragment10, jsx as jsx92, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
9877
+ import { Fragment as Fragment10, jsx as jsx92, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
9719
9878
  var Popover3 = ({
9720
9879
  iconColor = "action",
9721
9880
  icon = "info",
@@ -9735,14 +9894,14 @@ var Popover3 = ({
9735
9894
  useEffect12(() => {
9736
9895
  onInit == null ? void 0 : onInit({ store: popover2 });
9737
9896
  }, [popover2]);
9738
- return /* @__PURE__ */ jsxs59(PopoverProvider2, { store: popover2, children: [
9897
+ return /* @__PURE__ */ jsxs60(PopoverProvider2, { store: popover2, children: [
9739
9898
  /* @__PURE__ */ jsx92(
9740
9899
  PopoverDisclosure2,
9741
9900
  {
9742
9901
  css: [PopoverBtn, trigger2 ? void 0 : PopoverDefaulterTriggerBtn],
9743
9902
  title: buttonText,
9744
9903
  "data-testid": testId,
9745
- children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs59(Fragment10, { children: [
9904
+ children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs60(Fragment10, { children: [
9746
9905
  /* @__PURE__ */ jsx92(Icon, { icon, iconColor, size: iconSize }),
9747
9906
  /* @__PURE__ */ jsx92("span", { hidden: true, children: buttonText })
9748
9907
  ] })
@@ -9796,7 +9955,7 @@ var LimitsBarTextColor = (statusColor) => css70`
9796
9955
  `;
9797
9956
 
9798
9957
  // src/components/LimitsBar/LimitsBar.tsx
9799
- import { jsx as jsx93, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
9958
+ import { jsx as jsx93, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
9800
9959
  var LimitsBar = ({ current, max, popoverContent }) => {
9801
9960
  const maxPercentage = 100;
9802
9961
  const isUnlimited = max < 0;
@@ -9819,7 +9978,7 @@ var LimitsBar = ({ current, max, popoverContent }) => {
9819
9978
  const displayText = isUnlimited ? `${current} of unlimited` : `${current} of ${max}`;
9820
9979
  const ariaValueMax = isUnlimited ? -1 : max;
9821
9980
  const ariaValueText = displayText;
9822
- return /* @__PURE__ */ jsxs60("div", { css: [LimitsBarContainer, functionalColors], children: [
9981
+ return /* @__PURE__ */ jsxs61("div", { css: [LimitsBarContainer, functionalColors], children: [
9823
9982
  /* @__PURE__ */ jsx93(
9824
9983
  "div",
9825
9984
  {
@@ -9841,7 +10000,7 @@ var LimitsBar = ({ current, max, popoverContent }) => {
9841
10000
  )
9842
10001
  }
9843
10002
  ),
9844
- /* @__PURE__ */ jsxs60(HorizontalRhythm, { gap: "sm", align: "center", children: [
10003
+ /* @__PURE__ */ jsxs61(HorizontalRhythm, { gap: "sm", align: "center", children: [
9845
10004
  /* @__PURE__ */ jsx93("span", { css: [LimitsBarCountText, LimitsBarTextColor(textColor)], "aria-label": "usage count", children: displayText }),
9846
10005
  popoverContent ? /* @__PURE__ */ jsx93(Popover3, { buttonText: "Info", placement: "top", children: popoverContent }) : null
9847
10006
  ] })
@@ -9863,9 +10022,9 @@ var LinkListTitle = css71`
9863
10022
  `;
9864
10023
 
9865
10024
  // src/components/LinkList/LinkList.tsx
9866
- import { jsx as jsx94, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
10025
+ import { jsx as jsx94, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
9867
10026
  var LinkList = ({ title, children, ...props }) => {
9868
- return /* @__PURE__ */ jsxs61("div", { css: LinkListContainer, ...props, children: [
10027
+ return /* @__PURE__ */ jsxs62("div", { css: LinkListContainer, ...props, children: [
9869
10028
  /* @__PURE__ */ jsx94(Heading2, { level: 3, css: LinkListTitle, withMarginBottom: false, children: title }),
9870
10029
  children
9871
10030
  ] });
@@ -9902,9 +10061,9 @@ var ScrollableListInner = css72`
9902
10061
  `;
9903
10062
 
9904
10063
  // src/components/List/ScrollableList.tsx
9905
- import { jsx as jsx95, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
10064
+ import { jsx as jsx95, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
9906
10065
  var ScrollableList = ({ label: label2, children, ...props }) => {
9907
- return /* @__PURE__ */ jsxs62("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
10066
+ return /* @__PURE__ */ jsxs63("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
9908
10067
  label2 ? /* @__PURE__ */ jsx95(
9909
10068
  "span",
9910
10069
  {
@@ -9986,7 +10145,7 @@ var ScrollableListIconVisible = css74`
9986
10145
  `;
9987
10146
 
9988
10147
  // src/components/List/ScrollableListInputItem.tsx
9989
- import { jsx as jsx96, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
10148
+ import { jsx as jsx96, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
9990
10149
  var ScrollableListInputItem = ({
9991
10150
  label: label2,
9992
10151
  icon,
@@ -10005,8 +10164,8 @@ var ScrollableListInputItem = ({
10005
10164
  active2 ? ScrollableListItemActive : void 0
10006
10165
  ],
10007
10166
  ...props,
10008
- children: /* @__PURE__ */ jsxs63("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
10009
- /* @__PURE__ */ jsxs63("span", { css: ScrollableListInputText, children: [
10167
+ children: /* @__PURE__ */ jsxs64("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
10168
+ /* @__PURE__ */ jsxs64("span", { css: ScrollableListInputText, children: [
10010
10169
  icon,
10011
10170
  label2
10012
10171
  ] }),
@@ -10029,7 +10188,7 @@ var ScrollableListInputItem = ({
10029
10188
 
10030
10189
  // src/components/List/ScrollableListItem.tsx
10031
10190
  import { CgCheck as CgCheck4 } from "@react-icons/all-files/cg/CgCheck";
10032
- import { jsx as jsx97, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
10191
+ import { jsx as jsx97, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
10033
10192
  var ScrollableListItem = ({
10034
10193
  buttonText,
10035
10194
  icon,
@@ -10045,8 +10204,8 @@ var ScrollableListItem = ({
10045
10204
  disableShadow ? void 0 : ScrollableListItemShadow,
10046
10205
  active2 ? ScrollableListItemActive : void 0
10047
10206
  ],
10048
- children: /* @__PURE__ */ jsxs64("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
10049
- /* @__PURE__ */ jsxs64(HorizontalRhythm, { gap: "xs", align: "center", children: [
10207
+ children: /* @__PURE__ */ jsxs65("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
10208
+ /* @__PURE__ */ jsxs65(HorizontalRhythm, { gap: "xs", align: "center", children: [
10050
10209
  icon,
10051
10210
  /* @__PURE__ */ jsx97("span", { children: buttonText })
10052
10211
  ] }),
@@ -10117,7 +10276,7 @@ function loadingDot(size, backgroundColor) {
10117
10276
  }
10118
10277
 
10119
10278
  // src/components/LoadingIndicator/LoadingIndicator.tsx
10120
- import { jsx as jsx98, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
10279
+ import { jsx as jsx98, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
10121
10280
  var cssColorMap = {
10122
10281
  gray: "var(--gray-700)",
10123
10282
  "accent-alt": "var(--accent-alt-dark)"
@@ -10125,7 +10284,7 @@ var cssColorMap = {
10125
10284
  var LoadingIndicator = ({ size = "lg", color = "gray", ...props }) => {
10126
10285
  const cssColor = cssColorMap[color];
10127
10286
  const dotStyle = loadingDot(size, cssColor);
10128
- return /* @__PURE__ */ jsxs65("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
10287
+ return /* @__PURE__ */ jsxs66("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
10129
10288
  /* @__PURE__ */ jsx98("span", { css: dotStyle }),
10130
10289
  /* @__PURE__ */ jsx98("span", { css: dotStyle }),
10131
10290
  /* @__PURE__ */ jsx98("span", { css: dotStyle })
@@ -10353,7 +10512,7 @@ var loaderAnimationContainer = css76`
10353
10512
  `;
10354
10513
 
10355
10514
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10356
- import { jsx as jsx99, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
10515
+ import { jsx as jsx99, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
10357
10516
  var LoadingOverlay = ({
10358
10517
  isActive,
10359
10518
  statusMessage,
@@ -10365,7 +10524,7 @@ var LoadingOverlay = ({
10365
10524
  children,
10366
10525
  position = "absolute"
10367
10526
  }) => {
10368
- return /* @__PURE__ */ jsxs66(
10527
+ return /* @__PURE__ */ jsxs67(
10369
10528
  "div",
10370
10529
  {
10371
10530
  role: "alert",
@@ -10379,11 +10538,18 @@ var LoadingOverlay = ({
10379
10538
  "aria-busy": isActive && !isPaused,
10380
10539
  children: [
10381
10540
  /* @__PURE__ */ jsx99("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
10382
- /* @__PURE__ */ jsx99("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ jsxs66("div", { css: loadingOverlayBody, children: [
10383
- /* @__PURE__ */ jsx99(LoadingAnimation, { label: "Loading...", isPaused, width: loaderSize }),
10384
- statusMessage ? /* @__PURE__ */ jsx99("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
10385
- /* @__PURE__ */ jsx99("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
10386
- ] }) })
10541
+ /* @__PURE__ */ jsx99(
10542
+ "div",
10543
+ {
10544
+ "data-testid": "loading-overlay-content",
10545
+ css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" },
10546
+ children: /* @__PURE__ */ jsxs67("div", { css: loadingOverlayBody, children: [
10547
+ /* @__PURE__ */ jsx99(LoadingAnimation, { label: "Loading...", isPaused, width: loaderSize }),
10548
+ statusMessage ? /* @__PURE__ */ jsx99("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
10549
+ /* @__PURE__ */ jsx99("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
10550
+ ] })
10551
+ }
10552
+ )
10387
10553
  ]
10388
10554
  }
10389
10555
  );
@@ -10394,7 +10560,7 @@ var LoadingAnimation = ({
10394
10560
  css: css112,
10395
10561
  isPaused
10396
10562
  }) => {
10397
- return /* @__PURE__ */ jsxs66(
10563
+ return /* @__PURE__ */ jsxs67(
10398
10564
  "div",
10399
10565
  {
10400
10566
  "aria-label": label2,
@@ -10405,35 +10571,35 @@ var LoadingAnimation = ({
10405
10571
  css: [loaderAnimationContainer, css112],
10406
10572
  className: `loader-container${isPaused ? " paused" : ""}`,
10407
10573
  children: [
10408
- /* @__PURE__ */ jsxs66("div", { className: "bottom-cubes", children: [
10409
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-1 bottom-cube", children: [
10574
+ /* @__PURE__ */ jsxs67("div", { className: "bottom-cubes", children: [
10575
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-1 bottom-cube", children: [
10410
10576
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10411
10577
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10412
10578
  /* @__PURE__ */ jsx99("div", { className: "face top" })
10413
10579
  ] }),
10414
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-2 bottom-cube", children: [
10580
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-2 bottom-cube", children: [
10415
10581
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10416
10582
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10417
10583
  /* @__PURE__ */ jsx99("div", { className: "face top" })
10418
10584
  ] }),
10419
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-3 bottom-cube", children: [
10585
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-3 bottom-cube", children: [
10420
10586
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10421
10587
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10422
10588
  /* @__PURE__ */ jsx99("div", { className: "face top" })
10423
10589
  ] })
10424
10590
  ] }),
10425
- /* @__PURE__ */ jsxs66("div", { className: "top-cubes", children: [
10426
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-1", children: [
10591
+ /* @__PURE__ */ jsxs67("div", { className: "top-cubes", children: [
10592
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-1", children: [
10427
10593
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10428
10594
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10429
10595
  /* @__PURE__ */ jsx99("div", { className: "face top" })
10430
10596
  ] }),
10431
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-2", children: [
10597
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-2", children: [
10432
10598
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10433
10599
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10434
10600
  /* @__PURE__ */ jsx99("div", { className: "face top" })
10435
10601
  ] }),
10436
- /* @__PURE__ */ jsxs66("div", { className: "cube cube-3", children: [
10602
+ /* @__PURE__ */ jsxs67("div", { className: "cube cube-3", children: [
10437
10603
  /* @__PURE__ */ jsx99("div", { className: "face left" }),
10438
10604
  /* @__PURE__ */ jsx99("div", { className: "face right" }),
10439
10605
  /* @__PURE__ */ jsx99("div", { className: "face top" })
@@ -10454,19 +10620,28 @@ var LoadingIcon = ({ height, width, ...props }) => {
10454
10620
  stroke: "currentColor",
10455
10621
  ...props,
10456
10622
  "data-testid": "loading-icon",
10457
- children: /* @__PURE__ */ jsx99("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs66("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10458
- /* @__PURE__ */ jsx99("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10459
- /* @__PURE__ */ jsx99("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx99(
10460
- "animateTransform",
10623
+ children: /* @__PURE__ */ jsx99("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs67("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10624
+ /* @__PURE__ */ jsx99("circle", { "data-testid": "loading-icon-circle", strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10625
+ /* @__PURE__ */ jsx99(
10626
+ "path",
10461
10627
  {
10462
- attributeName: "transform",
10463
- type: "rotate",
10464
- from: "0 18 18",
10465
- to: "360 18 18",
10466
- dur: "0.8s",
10467
- repeatCount: "indefinite"
10628
+ "data-testid": "loading-icon-path",
10629
+ d: "M36 18c0-9.94-8.06-18-18-18",
10630
+ transform: "rotate(166.645 18 18)",
10631
+ children: /* @__PURE__ */ jsx99(
10632
+ "animateTransform",
10633
+ {
10634
+ attributeName: "transform",
10635
+ type: "rotate",
10636
+ from: "0 18 18",
10637
+ to: "360 18 18",
10638
+ dur: "0.8s",
10639
+ repeatCount: "indefinite",
10640
+ "data-testid": "loading-icon-animateTransform"
10641
+ }
10642
+ )
10468
10643
  }
10469
- ) })
10644
+ )
10470
10645
  ] }) })
10471
10646
  }
10472
10647
  );
@@ -10562,7 +10737,7 @@ var modalDialogInnerStyles = css77`
10562
10737
  `;
10563
10738
 
10564
10739
  // src/components/Modal/Modal.tsx
10565
- import { jsx as jsx100, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
10740
+ import { jsx as jsx100, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
10566
10741
  var defaultModalWidth = "75rem";
10567
10742
  var defaultModalHeight = "51rem";
10568
10743
  var Modal = React17.forwardRef(
@@ -10644,7 +10819,7 @@ var Modal = React17.forwardRef(
10644
10819
  e.preventDefault();
10645
10820
  },
10646
10821
  ...modalProps,
10647
- children: /* @__PURE__ */ jsx100(PortalContext.Provider, { value: dialogRef.current, children: /* @__PURE__ */ jsxs67(
10822
+ children: /* @__PURE__ */ jsx100(PortalContext.Provider, { value: dialogRef.current, children: /* @__PURE__ */ jsxs68(
10648
10823
  "div",
10649
10824
  {
10650
10825
  css: [modalInnerStyles, { height: height === "auto" ? "auto" : "100%" }],
@@ -10653,7 +10828,7 @@ var Modal = React17.forwardRef(
10653
10828
  mouseDownInsideModal.current = true;
10654
10829
  },
10655
10830
  children: [
10656
- header2 || onRequestClose ? /* @__PURE__ */ jsxs67("div", { css: modalHeaderStyles, children: [
10831
+ header2 || onRequestClose ? /* @__PURE__ */ jsxs68("div", { css: modalHeaderStyles, children: [
10657
10832
  header2 ? /* @__PURE__ */ jsx100("div", { css: modalHeaderHeaderStyles, children: header2 }) : null,
10658
10833
  onRequestClose ? /* @__PURE__ */ jsx100(
10659
10834
  Button,
@@ -10692,7 +10867,7 @@ Modal.displayName = "Modal";
10692
10867
 
10693
10868
  // src/components/Modal/ModalDialog.tsx
10694
10869
  import { forwardRef as forwardRef18 } from "react";
10695
- import { jsx as jsx101, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
10870
+ import { jsx as jsx101, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
10696
10871
  var ModalDialog = forwardRef18(
10697
10872
  ({ header: header2, buttonGroup, modalSize = "lg", children, height = "auto", onRequestClose, ...props }, ref) => {
10698
10873
  return /* @__PURE__ */ jsx101(
@@ -10707,7 +10882,7 @@ var ModalDialog = forwardRef18(
10707
10882
  withoutContentPadding: true,
10708
10883
  css: modalDialogInnerStyles,
10709
10884
  width: "",
10710
- children: /* @__PURE__ */ jsxs68(VerticalRhythm, { css: modalDialogWrapper(Boolean(onRequestClose)), children: [
10885
+ children: /* @__PURE__ */ jsxs69(VerticalRhythm, { css: modalDialogWrapper(Boolean(onRequestClose)), children: [
10711
10886
  /* @__PURE__ */ jsx101("div", { css: modalHeaderStyles, children: header2 }),
10712
10887
  /* @__PURE__ */ jsx101("div", { css: { flex: 1 }, children }),
10713
10888
  /* @__PURE__ */ jsx101(HorizontalRhythm, { children: buttonGroup })
@@ -10818,7 +10993,7 @@ var ObjectGridItemSubtitle = css79`
10818
10993
  `;
10819
10994
 
10820
10995
  // src/components/Objects/ObjectGridItem.tsx
10821
- import { jsx as jsx103, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
10996
+ import { jsx as jsx103, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
10822
10997
  var ObjectGridItem2 = ({
10823
10998
  header: header2,
10824
10999
  cover,
@@ -10833,7 +11008,7 @@ var ObjectGridItem2 = ({
10833
11008
  const onStopPropagation = (e) => {
10834
11009
  e.stopPropagation();
10835
11010
  };
10836
- return /* @__PURE__ */ jsxs69(
11011
+ return /* @__PURE__ */ jsxs70(
10837
11012
  "div",
10838
11013
  {
10839
11014
  css: [ObjectGridItem, props.onClick ? ObjectGridWithOnClick : void 0],
@@ -10841,12 +11016,12 @@ var ObjectGridItem2 = ({
10841
11016
  ...props,
10842
11017
  children: [
10843
11018
  /* @__PURE__ */ jsx103("div", { css: ObjectGridItemMediaWrapper, children: /* @__PURE__ */ jsx103("div", { css: ObjectGridItemMediaInner, children: cover }) }),
10844
- /* @__PURE__ */ jsxs69("div", { css: ObjectGridItemContentWrapper, children: [
10845
- /* @__PURE__ */ jsxs69(VerticalRhythm, { gap: "0", css: ObjectGridItemInnerWrapper, children: [
11019
+ /* @__PURE__ */ jsxs70("div", { css: ObjectGridItemContentWrapper, children: [
11020
+ /* @__PURE__ */ jsxs70(VerticalRhythm, { gap: "0", css: ObjectGridItemInnerWrapper, children: [
10846
11021
  /* @__PURE__ */ jsx103(HorizontalRhythm, { gap: "xs", align: "center", children: header2 }),
10847
11022
  /* @__PURE__ */ jsx103("div", { css: ObjectGridItemSubtitle, children })
10848
11023
  ] }),
10849
- /* @__PURE__ */ jsxs69(
11024
+ /* @__PURE__ */ jsxs70(
10850
11025
  HorizontalRhythm,
10851
11026
  {
10852
11027
  gap: "xs",
@@ -10952,7 +11127,7 @@ var CoverSelectedChip = css80`
10952
11127
  `;
10953
11128
 
10954
11129
  // src/components/Objects/ObjectGridItemCardCover.tsx
10955
- import { Fragment as Fragment11, jsx as jsx104, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
11130
+ import { Fragment as Fragment11, jsx as jsx104, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
10956
11131
  var ObjectGridItemCardCover = (props) => {
10957
11132
  if ("imageUrl" in props && props.imageUrl) {
10958
11133
  const { imageUrl, srcSet, alt } = props;
@@ -10971,7 +11146,7 @@ var ObjectGridItemCardCover = (props) => {
10971
11146
  }
10972
11147
  if ("icon" in props && props.icon) {
10973
11148
  const { icon, iconColor } = props;
10974
- return /* @__PURE__ */ jsx104("div", { css: CoverContainer, children: /* @__PURE__ */ jsxs70("div", { css: CoverIconWrapper, "data-testid": "object-grid-item-thumbnail", children: [
11149
+ return /* @__PURE__ */ jsx104("div", { css: CoverContainer, children: /* @__PURE__ */ jsxs71("div", { css: CoverIconWrapper, "data-testid": "object-grid-item-thumbnail", children: [
10975
11150
  /* @__PURE__ */ jsx104(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", css: CoverIconGhost }),
10976
11151
  /* @__PURE__ */ jsx104(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", size: 48 })
10977
11152
  ] }) });
@@ -10984,7 +11159,7 @@ var ObjectGridItemCover = ({
10984
11159
  coverSlotBottomRight,
10985
11160
  ...props
10986
11161
  }) => {
10987
- return /* @__PURE__ */ jsxs70(Fragment11, { children: [
11162
+ return /* @__PURE__ */ jsxs71(Fragment11, { children: [
10988
11163
  coverSlotLeft ? /* @__PURE__ */ jsx104("div", { css: [CoverSlot, CoverSlotLeft], children: coverSlotLeft }) : null,
10989
11164
  /* @__PURE__ */ jsx104(ObjectGridItemCardCover, { ...props }),
10990
11165
  coverSlotRight ? /* @__PURE__ */ jsx104("div", { css: [CoverSlot, CoverSlotRight], children: coverSlotRight }) : null,
@@ -11039,7 +11214,7 @@ var PopoverContent = css81`
11039
11214
  `;
11040
11215
 
11041
11216
  // src/components/Objects/ObjectGridItemHeading.tsx
11042
- import { jsx as jsx105, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
11217
+ import { jsx as jsx105, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
11043
11218
  var ObjectGridItemHeading2 = ({
11044
11219
  heading,
11045
11220
  beforeHeadingSlot,
@@ -11069,7 +11244,7 @@ var ObjectGridItemHeading2 = ({
11069
11244
  }
11070
11245
  };
11071
11246
  }, []);
11072
- return /* @__PURE__ */ jsxs71(HorizontalRhythm, { align: "center", gap: "xs", css: { minWidth: 0 }, children: [
11247
+ return /* @__PURE__ */ jsxs72(HorizontalRhythm, { align: "center", gap: "xs", css: { minWidth: 0 }, children: [
11073
11248
  beforeHeadingSlot ? /* @__PURE__ */ jsx105(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: beforeHeadingSlot }) : null,
11074
11249
  /* @__PURE__ */ jsx105(Tooltip, { title: hasTruncation && tooltip ? tooltip : "", children: /* @__PURE__ */ jsx105("div", { role: "heading", css: ObjectGridItemHeading, ref: headingRef, ...props, children: heading }) }),
11075
11250
  afterHeadingSlot ? /* @__PURE__ */ jsx105(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: afterHeadingSlot }) : null
@@ -11132,11 +11307,11 @@ var ObjectGridItemLoadingContentContainer = css82`
11132
11307
  `;
11133
11308
 
11134
11309
  // src/components/Objects/ObjectGridItemLoadingSkeleton.tsx
11135
- import { jsx as jsx107, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
11310
+ import { jsx as jsx107, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
11136
11311
  var ObjectGridItemLoadingSkeleton2 = () => {
11137
- return /* @__PURE__ */ jsxs72("div", { css: ObjectGridItemLoadingSkeleton, children: [
11312
+ return /* @__PURE__ */ jsxs73("div", { css: ObjectGridItemLoadingSkeleton, children: [
11138
11313
  /* @__PURE__ */ jsx107("div", { css: ObjectGridItemLoadingImageWrapper, "data-testid": "object-grid-item-cover-skeleton", children: /* @__PURE__ */ jsx107("span", { css: ObjectGridItemLoadingImage, role: "presentation" }) }),
11139
- /* @__PURE__ */ jsxs72(
11314
+ /* @__PURE__ */ jsxs73(
11140
11315
  HorizontalRhythm,
11141
11316
  {
11142
11317
  css: ObjectGridItemLoadingContentWrapper,
@@ -11144,11 +11319,11 @@ var ObjectGridItemLoadingSkeleton2 = () => {
11144
11319
  justify: "space-between",
11145
11320
  gap: "sm",
11146
11321
  children: [
11147
- /* @__PURE__ */ jsxs72(VerticalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "0", children: [
11322
+ /* @__PURE__ */ jsxs73(VerticalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "0", children: [
11148
11323
  /* @__PURE__ */ jsx107(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectGridItemLoadingText("18ch") }) }),
11149
11324
  /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectGridItemLoadingText("12ch") })
11150
11325
  ] }),
11151
- /* @__PURE__ */ jsxs72(HorizontalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "xs", justify: "flex-end", children: [
11326
+ /* @__PURE__ */ jsxs73(HorizontalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "xs", justify: "flex-end", children: [
11152
11327
  /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectGridItemLoadingText("6ch") }),
11153
11328
  /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectGridItemLoadingText("24px") })
11154
11329
  ] })
@@ -11169,6 +11344,10 @@ var ObjectListItem = css83`
11169
11344
  container-type: inline-size;
11170
11345
  grid-template-columns: minmax(0, auto) 1fr auto;
11171
11346
 
11347
+ &[aria-selected='true'] {
11348
+ background: var(--gray-50);
11349
+ }
11350
+
11172
11351
  &:hover,
11173
11352
  &:focus-within,
11174
11353
  &:focus-visible {
@@ -11242,12 +11421,12 @@ var ObjectListItemHeadingWrapper = css83`
11242
11421
  `;
11243
11422
 
11244
11423
  // src/components/Objects/ObjectItemLoadingSkeleton.tsx
11245
- import { jsx as jsx108, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
11424
+ import { jsx as jsx108, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
11246
11425
  var ObjectItemLoadingSkeleton = ({
11247
11426
  showCover,
11248
11427
  renderAs = "single"
11249
11428
  }) => {
11250
- return /* @__PURE__ */ jsxs73(
11429
+ return /* @__PURE__ */ jsxs74(
11251
11430
  "div",
11252
11431
  {
11253
11432
  css: [
@@ -11258,7 +11437,7 @@ var ObjectItemLoadingSkeleton = ({
11258
11437
  ],
11259
11438
  children: [
11260
11439
  showCover ? /* @__PURE__ */ jsx108("div", { "data-testid": "object-list-item-cover-skeleton", children: /* @__PURE__ */ jsx108("span", { role: "presentation", css: ObjectListItemLoadingImage }) }) : null,
11261
- /* @__PURE__ */ jsx108(VerticalRhythm, { css: ObjectListItemLoadingInner, justify: "space-between", gap: "sm", children: /* @__PURE__ */ jsxs73(VerticalRhythm, { gap: "xs", children: [
11440
+ /* @__PURE__ */ jsx108(VerticalRhythm, { css: ObjectListItemLoadingInner, justify: "space-between", gap: "sm", children: /* @__PURE__ */ jsxs74(VerticalRhythm, { gap: "xs", children: [
11262
11441
  /* @__PURE__ */ jsx108(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx108("span", { role: "presentation", css: ObjectListItemLoadingText("30ch") }) }),
11263
11442
  renderAs === "single" ? null : /* @__PURE__ */ jsx108("span", { role: "presentation", css: ObjectListItemLoadingText("20ch") })
11264
11443
  ] }) })
@@ -11268,7 +11447,7 @@ var ObjectItemLoadingSkeleton = ({
11268
11447
  };
11269
11448
 
11270
11449
  // src/components/Objects/ObjectListItem.tsx
11271
- import { jsx as jsx109, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
11450
+ import { jsx as jsx109, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
11272
11451
  var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11273
11452
  const {
11274
11453
  renderAs,
@@ -11281,7 +11460,7 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11281
11460
  portalElement,
11282
11461
  ...divProps
11283
11462
  } = props;
11284
- return /* @__PURE__ */ jsxs74(
11463
+ return /* @__PURE__ */ jsxs75(
11285
11464
  "div",
11286
11465
  {
11287
11466
  role: "listitem",
@@ -11291,7 +11470,7 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11291
11470
  ...divProps,
11292
11471
  children: [
11293
11472
  /* @__PURE__ */ jsx109(HorizontalRhythm, { gap: "sm", align: "center", "data-testid": "drag-container", children: dragHandle }),
11294
- /* @__PURE__ */ jsxs74(
11473
+ /* @__PURE__ */ jsxs75(
11295
11474
  "div",
11296
11475
  {
11297
11476
  css: [
@@ -11302,7 +11481,7 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11302
11481
  ],
11303
11482
  children: [
11304
11483
  cover ? /* @__PURE__ */ jsx109(HorizontalRhythm, { gap: "sm", align: "center", children: cover }) : null,
11305
- /* @__PURE__ */ jsxs74(
11484
+ /* @__PURE__ */ jsxs75(
11306
11485
  VerticalRhythm,
11307
11486
  {
11308
11487
  gap: "0",
@@ -11385,16 +11564,16 @@ var ObjectListItemHeadingAfterWrapper = css84`
11385
11564
  `;
11386
11565
 
11387
11566
  // src/components/Objects/ObjectListItemHeading.tsx
11388
- import { jsx as jsx112, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
11567
+ import { jsx as jsx112, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
11389
11568
  var ObjectListItemHeading2 = ({
11390
11569
  heading,
11391
11570
  beforeHeadingSlot,
11392
11571
  afterHeadingSlot,
11393
11572
  ...props
11394
11573
  }) => {
11395
- return /* @__PURE__ */ jsxs75("div", { css: ObjectListItemHeading, ...props, children: [
11574
+ return /* @__PURE__ */ jsxs76("div", { css: ObjectListItemHeading, ...props, children: [
11396
11575
  beforeHeadingSlot ? /* @__PURE__ */ jsx112(HorizontalRhythm, { gap: "xs", align: "center", children: beforeHeadingSlot }) : null,
11397
- /* @__PURE__ */ jsxs75(HorizontalRhythm, { css: ObjectListItemHeadingAfterWrapper, gap: "xs", align: "flex-start", children: [
11576
+ /* @__PURE__ */ jsxs76(HorizontalRhythm, { css: ObjectListItemHeadingAfterWrapper, gap: "xs", align: "flex-start", children: [
11398
11577
  /* @__PURE__ */ jsx112("div", { role: "heading", "data-testid": "reference-item-name", children: heading }),
11399
11578
  afterHeadingSlot
11400
11579
  ] })
@@ -11522,7 +11701,7 @@ var inputIconBtn = css86`
11522
11701
  `;
11523
11702
 
11524
11703
  // src/components/ParameterInputs/LabelLeadingIcon.tsx
11525
- import { jsx as jsx114, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
11704
+ import { jsx as jsx114, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
11526
11705
  var LabelLeadingIcon = ({
11527
11706
  icon,
11528
11707
  iconColor,
@@ -11533,7 +11712,7 @@ var LabelLeadingIcon = ({
11533
11712
  ...props
11534
11713
  }) => {
11535
11714
  const titleFr = title != null ? title : isLocked ? "Read-only pattern parameter" : "Click to connect to external content";
11536
- return /* @__PURE__ */ jsx114(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs76(
11715
+ return /* @__PURE__ */ jsx114(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs77(
11537
11716
  "button",
11538
11717
  {
11539
11718
  css: inputIconBtn,
@@ -11688,10 +11867,10 @@ var ParameterDrawerHeaderTitle = css88`
11688
11867
  `;
11689
11868
 
11690
11869
  // src/components/ParameterInputs/ParameterDrawerHeader.tsx
11691
- import { jsx as jsx116, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
11870
+ import { jsx as jsx116, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
11692
11871
  var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
11693
- return /* @__PURE__ */ jsxs77("div", { css: ParameterDrawerHeaderContainer, children: [
11694
- /* @__PURE__ */ jsxs77("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11872
+ return /* @__PURE__ */ jsxs78("div", { css: ParameterDrawerHeaderContainer, children: [
11873
+ /* @__PURE__ */ jsxs78("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11695
11874
  iconBeforeTitle,
11696
11875
  /* @__PURE__ */ jsx116(Heading2, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
11697
11876
  ] }),
@@ -11727,10 +11906,10 @@ var fieldsetLegend2 = css89`
11727
11906
  `;
11728
11907
 
11729
11908
  // src/components/ParameterInputs/ParameterGroup.tsx
11730
- import { jsx as jsx117, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
11909
+ import { jsx as jsx117, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
11731
11910
  var ParameterGroup = forwardRef20(
11732
11911
  ({ legend, isDisabled, children, ...props }, ref) => {
11733
- return /* @__PURE__ */ jsxs78("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11912
+ return /* @__PURE__ */ jsxs79("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11734
11913
  /* @__PURE__ */ jsx117("legend", { css: fieldsetLegend2, children: legend }),
11735
11914
  children
11736
11915
  ] });
@@ -11782,10 +11961,10 @@ var previewModalImage = css90`
11782
11961
  `;
11783
11962
 
11784
11963
  // src/components/ParameterInputs/ParameterImagePreview.tsx
11785
- import { Fragment as Fragment12, jsx as jsx118, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
11964
+ import { Fragment as Fragment12, jsx as jsx118, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
11786
11965
  function ParameterImagePreview({ imageSrc }) {
11787
11966
  const [showModal, setShowModal] = useState13(false);
11788
- return imageSrc ? /* @__PURE__ */ jsxs79("div", { css: previewWrapper, children: [
11967
+ return imageSrc ? /* @__PURE__ */ jsxs80("div", { css: previewWrapper, children: [
11789
11968
  /* @__PURE__ */ jsx118(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
11790
11969
  /* @__PURE__ */ jsx118(
11791
11970
  "button",
@@ -12194,7 +12373,7 @@ var overrideMarker = css92`
12194
12373
  `;
12195
12374
 
12196
12375
  // src/components/ParameterInputs/ParameterShell.tsx
12197
- import { jsx as jsx121, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
12376
+ import { jsx as jsx121, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
12198
12377
  var extractParameterProps = (props) => {
12199
12378
  const {
12200
12379
  id,
@@ -12257,18 +12436,18 @@ var ParameterShell = ({
12257
12436
  const [manualErrorMessage, setManualErrorMessage] = useState14(void 0);
12258
12437
  const setErrorMessage = (message) => setManualErrorMessage(message);
12259
12438
  const errorMessaging = errorMessage || manualErrorMessage;
12260
- return /* @__PURE__ */ jsxs80("div", { css: inputContainer2, ...props, id, children: [
12261
- hiddenLabel || title ? null : /* @__PURE__ */ jsxs80(ParameterLabel, { id, css: labelText2, children: [
12439
+ return /* @__PURE__ */ jsxs81("div", { css: inputContainer2, ...props, id, children: [
12440
+ hiddenLabel || title ? null : /* @__PURE__ */ jsxs81(ParameterLabel, { id, css: labelText2, children: [
12262
12441
  labelLeadingIcon != null ? labelLeadingIcon : null,
12263
12442
  label2,
12264
12443
  labelTrailingIcon != null ? labelTrailingIcon : null
12265
12444
  ] }),
12266
- !title ? null : /* @__PURE__ */ jsxs80(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
12445
+ !title ? null : /* @__PURE__ */ jsxs81(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
12267
12446
  labelLeadingIcon != null ? labelLeadingIcon : null,
12268
12447
  title,
12269
12448
  labelTrailingIcon != null ? labelTrailingIcon : null
12270
12449
  ] }),
12271
- /* @__PURE__ */ jsxs80("div", { css: inputWrapper, children: [
12450
+ /* @__PURE__ */ jsxs81("div", { css: inputWrapper, children: [
12272
12451
  actionItems ? /* @__PURE__ */ jsx121(
12273
12452
  "div",
12274
12453
  {
@@ -12294,7 +12473,7 @@ var ParameterShell = ({
12294
12473
  errorMessage: errorMessaging,
12295
12474
  handleManuallySetErrorMessage: (message) => setErrorMessage(message)
12296
12475
  },
12297
- children: isParameterGroup ? /* @__PURE__ */ jsx121("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs80(ParameterShellPlaceholder, { children: [
12476
+ children: isParameterGroup ? /* @__PURE__ */ jsx121("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs81(ParameterShellPlaceholder, { children: [
12298
12477
  children,
12299
12478
  hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx121(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
12300
12479
  ] })
@@ -12320,11 +12499,11 @@ var ParameterShellPlaceholder = ({ children }) => {
12320
12499
  var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx121(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx121("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx121("span", { hidden: true, children: "reset overridden value to default" }) }) });
12321
12500
 
12322
12501
  // src/components/ParameterInputs/ParameterImage.tsx
12323
- import { Fragment as Fragment13, jsx as jsx122, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
12502
+ import { Fragment as Fragment13, jsx as jsx122, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
12324
12503
  var ParameterImage = forwardRef22(
12325
12504
  ({ children, ...props }, ref) => {
12326
12505
  const { shellProps, innerProps } = extractParameterProps(props);
12327
- return /* @__PURE__ */ jsxs81(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
12506
+ return /* @__PURE__ */ jsxs82(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
12328
12507
  /* @__PURE__ */ jsx122(ParameterImageInner, { ref, ...innerProps }),
12329
12508
  children
12330
12509
  ] });
@@ -12334,7 +12513,7 @@ var ParameterImageInner = forwardRef22((props, ref) => {
12334
12513
  const { value } = props;
12335
12514
  const { id, label: label2, hiddenLabel, errorMessage } = useParameterShell();
12336
12515
  const deferredValue = useDeferredValue(value);
12337
- return /* @__PURE__ */ jsxs81(Fragment13, { children: [
12516
+ return /* @__PURE__ */ jsxs82(Fragment13, { children: [
12338
12517
  /* @__PURE__ */ jsx122(
12339
12518
  "input",
12340
12519
  {
@@ -12378,7 +12557,7 @@ var ParameterInputInner = forwardRef23(({ enableMouseWheel = false, ...props },
12378
12557
 
12379
12558
  // src/components/ParameterInputs/ParameterLink.tsx
12380
12559
  import { forwardRef as forwardRef24 } from "react";
12381
- import { jsx as jsx124, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
12560
+ import { jsx as jsx124, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
12382
12561
  var ParameterLink = forwardRef24(
12383
12562
  ({ disabled: disabled2, onConnectLink, externalLink, ...props }, ref) => {
12384
12563
  const { shellProps, innerProps } = extractParameterProps(props);
@@ -12407,7 +12586,7 @@ var ParameterLinkInner = forwardRef24(
12407
12586
  const { id, label: label2, hiddenLabel } = useParameterShell();
12408
12587
  if (!props.value)
12409
12588
  return /* @__PURE__ */ jsx124("button", { type: "button", css: dataConnectButton, disabled: disabled2, onClick: onConnectLink, children: buttonText });
12410
- return /* @__PURE__ */ jsxs82("div", { css: inputWrapper, children: [
12589
+ return /* @__PURE__ */ jsxs83("div", { css: inputWrapper, children: [
12411
12590
  /* @__PURE__ */ jsx124(
12412
12591
  "input",
12413
12592
  {
@@ -12420,7 +12599,7 @@ var ParameterLinkInner = forwardRef24(
12420
12599
  ...props
12421
12600
  }
12422
12601
  ),
12423
- /* @__PURE__ */ jsxs82("div", { css: linkParameterControls, children: [
12602
+ /* @__PURE__ */ jsxs83("div", { css: linkParameterControls, children: [
12424
12603
  /* @__PURE__ */ jsx124(
12425
12604
  "button",
12426
12605
  {
@@ -12508,7 +12687,7 @@ var ParameterMultiSelectInner = (props) => {
12508
12687
  };
12509
12688
 
12510
12689
  // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
12511
- import { Fragment as Fragment14, jsx as jsx126, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
12690
+ import { Fragment as Fragment14, jsx as jsx126, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
12512
12691
  var ParameterNameAndPublicIdInput = ({
12513
12692
  id,
12514
12693
  onBlur,
@@ -12534,7 +12713,7 @@ var ParameterNameAndPublicIdInput = ({
12534
12713
  navigator.clipboard.writeText(values[publicIdFieldName]);
12535
12714
  };
12536
12715
  autoFocus == null ? void 0 : autoFocus();
12537
- return /* @__PURE__ */ jsxs83(Fragment14, { children: [
12716
+ return /* @__PURE__ */ jsxs84(Fragment14, { children: [
12538
12717
  /* @__PURE__ */ jsx126(
12539
12718
  ParameterInput,
12540
12719
  {
@@ -13046,7 +13225,7 @@ function SliderLabels({ ticks, currentValue, containerWidth = 300 }) {
13046
13225
  }
13047
13226
 
13048
13227
  // src/components/Slider/Slider.tsx
13049
- import { jsx as jsx128, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
13228
+ import { jsx as jsx128, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
13050
13229
  var Slider = forwardRef25(
13051
13230
  ({
13052
13231
  value,
@@ -13145,10 +13324,10 @@ var Slider = forwardRef25(
13145
13324
  [onChange, min]
13146
13325
  );
13147
13326
  const fillPercentage = (clampedValue - min) / (max - min) * 100;
13148
- return /* @__PURE__ */ jsxs84("div", { css: container3, children: [
13149
- /* @__PURE__ */ jsxs84("div", { css: sliderContainer, children: [
13150
- /* @__PURE__ */ jsxs84("div", { css: sliderTrackContainer, children: [
13151
- /* @__PURE__ */ jsxs84("div", { css: progressTrack, children: [
13327
+ return /* @__PURE__ */ jsxs85("div", { css: container3, children: [
13328
+ /* @__PURE__ */ jsxs85("div", { css: sliderContainer, children: [
13329
+ /* @__PURE__ */ jsxs85("div", { css: sliderTrackContainer, children: [
13330
+ /* @__PURE__ */ jsxs85("div", { css: progressTrack, children: [
13152
13331
  /* @__PURE__ */ jsx128("div", { css: progressTrackBackground }),
13153
13332
  /* @__PURE__ */ jsx128("div", { css: progressTrackFill, style: { width: `${fillPercentage}%` } })
13154
13333
  ] }),
@@ -13171,7 +13350,7 @@ var Slider = forwardRef25(
13171
13350
  }
13172
13351
  )
13173
13352
  ] }),
13174
- /* @__PURE__ */ jsxs84("div", { css: tickMarksContainer, children: [
13353
+ /* @__PURE__ */ jsxs85("div", { css: tickMarksContainer, children: [
13175
13354
  smallTicks.map((tick, index) => /* @__PURE__ */ jsx128("div", { css: tickMark, style: { left: `${tick.percentage}%` } }, `small-${index}`)),
13176
13355
  largeTicks.map((tick, index) => /* @__PURE__ */ jsx128(
13177
13356
  "div",
@@ -13788,7 +13967,7 @@ var normalizeStateForDeepEqualComparison = (editorState) => {
13788
13967
  };
13789
13968
 
13790
13969
  // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
13791
- import { Fragment as Fragment15, jsx as jsx130, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
13970
+ import { Fragment as Fragment15, jsx as jsx130, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
13792
13971
  var isProjectMapLinkValue = (value) => {
13793
13972
  return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
13794
13973
  value.nodeId && value.path && value.projectMapId
@@ -14275,7 +14454,7 @@ function LinkNodePlugin({
14275
14454
  });
14276
14455
  });
14277
14456
  };
14278
- return /* @__PURE__ */ jsxs85(Fragment15, { children: [
14457
+ return /* @__PURE__ */ jsxs86(Fragment15, { children: [
14279
14458
  /* @__PURE__ */ jsx130(
14280
14459
  NodeEventPlugin,
14281
14460
  {
@@ -14295,7 +14474,7 @@ function LinkNodePlugin({
14295
14474
  top: linkPopoverState.position.y
14296
14475
  },
14297
14476
  ref: linkPopoverElRef,
14298
- children: /* @__PURE__ */ jsxs85("div", { css: linkPopoverContainer, children: [
14477
+ children: /* @__PURE__ */ jsxs86("div", { css: linkPopoverContainer, children: [
14299
14478
  linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx130(
14300
14479
  "a",
14301
14480
  {
@@ -14475,7 +14654,7 @@ import {
14475
14654
  } from "@lexical/table";
14476
14655
  import { $getRoot as $getRoot2, $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3 } from "lexical";
14477
14656
  import { forwardRef as forwardRef27, useCallback as useCallback10, useEffect as useEffect20, useLayoutEffect, useState as useState17 } from "react";
14478
- import { jsx as jsx131, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
14657
+ import { jsx as jsx131, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
14479
14658
  function computeSelectionCount(selection) {
14480
14659
  const selectionShape = selection.getShape();
14481
14660
  return {
@@ -14665,7 +14844,7 @@ function TableActionMenu({
14665
14844
  const menuItemCss = css97({
14666
14845
  fontSize: "var(--fs-sm)"
14667
14846
  });
14668
- return /* @__PURE__ */ jsxs86(
14847
+ return /* @__PURE__ */ jsxs87(
14669
14848
  Menu,
14670
14849
  {
14671
14850
  menuTrigger: /* @__PURE__ */ jsx131(
@@ -14679,7 +14858,7 @@ function TableActionMenu({
14679
14858
  portalElement: menuPortalEl,
14680
14859
  maxMenuHeight: "300px",
14681
14860
  children: [
14682
- /* @__PURE__ */ jsxs86(
14861
+ /* @__PURE__ */ jsxs87(
14683
14862
  MenuItem,
14684
14863
  {
14685
14864
  onClick: () => {
@@ -14693,18 +14872,18 @@ function TableActionMenu({
14693
14872
  ]
14694
14873
  }
14695
14874
  ),
14696
- /* @__PURE__ */ jsxs86(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
14875
+ /* @__PURE__ */ jsxs87(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
14697
14876
  "Insert ",
14698
14877
  selectionCounts.rows === 1 ? "row" : `${selectionCounts.rows} rows`,
14699
14878
  " below"
14700
14879
  ] }),
14701
14880
  /* @__PURE__ */ jsx131(MenuItemSeparator, {}),
14702
- /* @__PURE__ */ jsxs86(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
14881
+ /* @__PURE__ */ jsxs87(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
14703
14882
  "Insert ",
14704
14883
  selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
14705
14884
  " left"
14706
14885
  ] }),
14707
- /* @__PURE__ */ jsxs86(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
14886
+ /* @__PURE__ */ jsxs87(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
14708
14887
  "Insert ",
14709
14888
  selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
14710
14889
  " right"
@@ -14714,12 +14893,12 @@ function TableActionMenu({
14714
14893
  /* @__PURE__ */ jsx131(MenuItem, { onClick: () => deleteTableRowAtSelection(), css: menuItemCss, children: "Delete row" }),
14715
14894
  /* @__PURE__ */ jsx131(MenuItem, { onClick: () => deleteTableAtSelection(), css: menuItemCss, children: "Delete table" }),
14716
14895
  /* @__PURE__ */ jsx131(MenuItemSeparator, {}),
14717
- /* @__PURE__ */ jsxs86(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
14896
+ /* @__PURE__ */ jsxs87(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
14718
14897
  (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? "Remove" : "Add",
14719
14898
  " ",
14720
14899
  "row header"
14721
14900
  ] }),
14722
- /* @__PURE__ */ jsxs86(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
14901
+ /* @__PURE__ */ jsxs87(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
14723
14902
  (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? "Remove" : "Add",
14724
14903
  " ",
14725
14904
  "column header"
@@ -14821,7 +15000,7 @@ import { calculateZoomLevel } from "@lexical/utils";
14821
15000
  import { $getNearestNodeFromDOMNode } from "lexical";
14822
15001
  import { useCallback as useCallback11, useEffect as useEffect21, useMemo as useMemo7, useRef as useRef12, useState as useState18 } from "react";
14823
15002
  import { createPortal as createPortal3 } from "react-dom";
14824
- import { Fragment as Fragment16, jsx as jsx132, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
15003
+ import { Fragment as Fragment16, jsx as jsx132, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
14825
15004
  var MIN_ROW_HEIGHT = 33;
14826
15005
  var MIN_COLUMN_WIDTH = 50;
14827
15006
  var tableResizer = css98`
@@ -15122,7 +15301,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
15122
15301
  };
15123
15302
  }, [activeCell, draggingDirection, mouseCurrentPos, positioningAnchorEl]);
15124
15303
  const resizerStyles = getResizers();
15125
- return /* @__PURE__ */ jsx132("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs87(Fragment16, { children: [
15304
+ return /* @__PURE__ */ jsx132("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs88(Fragment16, { children: [
15126
15305
  /* @__PURE__ */ jsx132(
15127
15306
  "div",
15128
15307
  {
@@ -15382,7 +15561,7 @@ var useRichTextToolbarState = ({ config }) => {
15382
15561
  };
15383
15562
 
15384
15563
  // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
15385
- import { Fragment as Fragment17, jsx as jsx133, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
15564
+ import { Fragment as Fragment17, jsx as jsx133, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
15386
15565
  var toolbar = css99`
15387
15566
  ${scrollbarStyles}
15388
15567
  background: var(--gray-50);
@@ -15556,11 +15735,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15556
15735
  });
15557
15736
  });
15558
15737
  }, [editor, updateToolbar]);
15559
- return /* @__PURE__ */ jsxs88("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
15560
- /* @__PURE__ */ jsxs88(
15738
+ return /* @__PURE__ */ jsxs89("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
15739
+ /* @__PURE__ */ jsxs89(
15561
15740
  Menu,
15562
15741
  {
15563
- menuTrigger: /* @__PURE__ */ jsxs88("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", type: "button", children: [
15742
+ menuTrigger: /* @__PURE__ */ jsxs89("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", type: "button", children: [
15564
15743
  visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
15565
15744
  " ",
15566
15745
  /* @__PURE__ */ jsx133(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
@@ -15588,7 +15767,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15588
15767
  ]
15589
15768
  }
15590
15769
  ),
15591
- visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs88("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
15770
+ visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs89("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
15592
15771
  visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx133(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx133(
15593
15772
  "button",
15594
15773
  {
@@ -15622,7 +15801,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15622
15801
  }
15623
15802
  ) : null
15624
15803
  ] }) : null,
15625
- visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs88("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
15804
+ visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs89("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
15626
15805
  linkElementVisible ? /* @__PURE__ */ jsx133(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx133(
15627
15806
  "button",
15628
15807
  {
@@ -15639,7 +15818,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15639
15818
  children: /* @__PURE__ */ jsx133(RichTextToolbarIcon, { icon: "link" })
15640
15819
  }
15641
15820
  ) }) : null,
15642
- visibleLists.size > 0 ? /* @__PURE__ */ jsxs88(Fragment17, { children: [
15821
+ visibleLists.size > 0 ? /* @__PURE__ */ jsxs89(Fragment17, { children: [
15643
15822
  visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx133(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx133(
15644
15823
  "button",
15645
15824
  {
@@ -15681,10 +15860,10 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15681
15860
  ] }) : null,
15682
15861
  customControls ? customControls : null
15683
15862
  ] }) : null,
15684
- visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx133("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ jsxs88(
15863
+ visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx133("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ jsxs89(
15685
15864
  Menu,
15686
15865
  {
15687
- menuTrigger: /* @__PURE__ */ jsxs88("button", { css: richTextToolbarButton, title: "Insert block element", type: "button", children: [
15866
+ menuTrigger: /* @__PURE__ */ jsxs89("button", { css: richTextToolbarButton, title: "Insert block element", type: "button", children: [
15688
15867
  "Insert",
15689
15868
  /* @__PURE__ */ jsx133(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
15690
15869
  ] }),
@@ -15738,7 +15917,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
15738
15917
  var RichTextToolbar_default = RichTextToolbar;
15739
15918
 
15740
15919
  // src/components/ParameterInputs/ParameterRichText.tsx
15741
- import { Fragment as Fragment18, jsx as jsx134, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
15920
+ import { Fragment as Fragment18, jsx as jsx134, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
15742
15921
  var ParameterRichText = ({
15743
15922
  label: label2,
15744
15923
  labelLeadingIcon,
@@ -15752,7 +15931,7 @@ var ParameterRichText = ({
15752
15931
  children,
15753
15932
  ...innerProps
15754
15933
  }) => {
15755
- return /* @__PURE__ */ jsxs89(
15934
+ return /* @__PURE__ */ jsxs90(
15756
15935
  ParameterShell,
15757
15936
  {
15758
15937
  "data-testid": "parameter-richtext",
@@ -15917,7 +16096,7 @@ var ParameterRichTextInner = ({
15917
16096
  },
15918
16097
  editable: !richTextProps.readOnly
15919
16098
  };
15920
- return /* @__PURE__ */ jsxs89(Fragment18, { children: [
16099
+ return /* @__PURE__ */ jsxs90(Fragment18, { children: [
15921
16100
  /* @__PURE__ */ jsx134("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx134(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx134(RichText, { ...richTextProps, children }) }) }),
15922
16101
  editorFooter ? editorFooter : null
15923
16102
  ] });
@@ -15985,7 +16164,7 @@ var RichText = ({
15985
16164
  setPortalContainerRef(_portalContainerRef);
15986
16165
  }
15987
16166
  };
15988
- return /* @__PURE__ */ jsxs89(Fragment18, { children: [
16167
+ return /* @__PURE__ */ jsxs90(Fragment18, { children: [
15989
16168
  readOnly || minimalInteractivity ? null : /* @__PURE__ */ jsx134(
15990
16169
  RichTextToolbar_default,
15991
16170
  {
@@ -15995,8 +16174,8 @@ var RichText = ({
15995
16174
  onInsertAsset
15996
16175
  }
15997
16176
  ),
15998
- /* @__PURE__ */ jsxs89("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
15999
- /* @__PURE__ */ jsxs89(
16177
+ /* @__PURE__ */ jsxs90("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
16178
+ /* @__PURE__ */ jsxs90(
16000
16179
  "div",
16001
16180
  {
16002
16181
  css: editorContainer,
@@ -16049,7 +16228,7 @@ var RichText = ({
16049
16228
 
16050
16229
  // src/components/ParameterInputs/ParameterSelect.tsx
16051
16230
  import { forwardRef as forwardRef28 } from "react";
16052
- import { jsx as jsx135, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
16231
+ import { jsx as jsx135, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
16053
16232
  var ParameterSelect = forwardRef28(
16054
16233
  ({ defaultOption, options, ...props }, ref) => {
16055
16234
  const { shellProps, innerProps } = extractParameterProps(props);
@@ -16059,7 +16238,7 @@ var ParameterSelect = forwardRef28(
16059
16238
  var ParameterSelectInner = forwardRef28(
16060
16239
  ({ defaultOption, options, ...props }, ref) => {
16061
16240
  const { id, label: label2, hiddenLabel } = useParameterShell();
16062
- return /* @__PURE__ */ jsxs90(
16241
+ return /* @__PURE__ */ jsxs91(
16063
16242
  "select",
16064
16243
  {
16065
16244
  css: [input3, selectInput],
@@ -16143,7 +16322,7 @@ var ParameterTextareaInner = forwardRef30(({ ...props }, ref) => {
16143
16322
 
16144
16323
  // src/components/ParameterInputs/ParameterToggle.tsx
16145
16324
  import { forwardRef as forwardRef31 } from "react";
16146
- import { jsx as jsx138, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
16325
+ import { jsx as jsx138, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
16147
16326
  var ParameterToggle = forwardRef31((props, ref) => {
16148
16327
  const { shellProps, innerProps } = extractParameterProps(props);
16149
16328
  return /* @__PURE__ */ jsx138(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx138(ParameterToggleInner, { ref, ...innerProps }) });
@@ -16153,7 +16332,7 @@ var ParameterToggleInner = forwardRef31(
16153
16332
  ({ children, ...props }, ref) => {
16154
16333
  const { type, withoutIndeterminateState, ...otherProps } = props;
16155
16334
  const { id, label: label2 } = useParameterShell();
16156
- return /* @__PURE__ */ jsxs91("label", { css: inputToggleLabel2, children: [
16335
+ return /* @__PURE__ */ jsxs92("label", { css: inputToggleLabel2, children: [
16157
16336
  /* @__PURE__ */ jsx138(
16158
16337
  "input",
16159
16338
  {
@@ -16290,7 +16469,7 @@ var progressListItemStyles = css102`
16290
16469
  `;
16291
16470
 
16292
16471
  // src/components/ProgressList/ProgressList.tsx
16293
- import { jsx as jsx140, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
16472
+ import { jsx as jsx140, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
16294
16473
  var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
16295
16474
  const itemsWithStatus = useMemo10(() => {
16296
16475
  const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
@@ -16363,9 +16542,9 @@ var ProgressListItem = ({
16363
16542
  };
16364
16543
  return colorPerStatus[status];
16365
16544
  }, [status, error, errorLevel]);
16366
- return /* @__PURE__ */ jsxs92("li", { css: [progressListItemStyles, statusStyles], children: [
16545
+ return /* @__PURE__ */ jsxs93("li", { css: [progressListItemStyles, statusStyles], children: [
16367
16546
  /* @__PURE__ */ jsx140(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx140("div", { children: /* @__PURE__ */ jsx140(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
16368
- /* @__PURE__ */ jsxs92("div", { children: [
16547
+ /* @__PURE__ */ jsxs93("div", { children: [
16369
16548
  children,
16370
16549
  /* @__PURE__ */ jsx140("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
16371
16550
  ] })
@@ -16548,7 +16727,7 @@ var segmentedControlLabelTextStyles = css104`
16548
16727
  `;
16549
16728
 
16550
16729
  // src/components/SegmentedControl/SegmentedControl.tsx
16551
- import { jsx as jsx141, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
16730
+ import { jsx as jsx141, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
16552
16731
  var SegmentedControl = ({
16553
16732
  name,
16554
16733
  options,
@@ -16607,7 +16786,7 @@ var SegmentedControl = ({
16607
16786
  wrapperElement == null ? void 0 : wrapperElement.removeEventListener("scroll", onScroll);
16608
16787
  };
16609
16788
  }, []);
16610
- return /* @__PURE__ */ jsxs93("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
16789
+ return /* @__PURE__ */ jsxs94("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
16611
16790
  /* @__PURE__ */ jsx141("div", { ref: wrapperRef, css: segmentedControlWrapperStyles, children: /* @__PURE__ */ jsx141(
16612
16791
  "div",
16613
16792
  {
@@ -16630,7 +16809,7 @@ var SegmentedControl = ({
16630
16809
  {
16631
16810
  css: segmentedControlItemStyles,
16632
16811
  "data-testid": option["data-testid"] ? option["data-testid"] : "container-segmented-control",
16633
- children: /* @__PURE__ */ jsxs93(
16812
+ children: /* @__PURE__ */ jsxs94(
16634
16813
  "label",
16635
16814
  {
16636
16815
  css: [
@@ -16652,7 +16831,7 @@ var SegmentedControl = ({
16652
16831
  }
16653
16832
  ),
16654
16833
  option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx141(CgCheck5, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
16655
- /* @__PURE__ */ jsxs93("span", { css: segmentedControlLabelContentStyles, children: [
16834
+ /* @__PURE__ */ jsxs94("span", { css: segmentedControlLabelContentStyles, children: [
16656
16835
  !option.icon ? null : /* @__PURE__ */ jsx141(Icon, { icon: option.icon, size: iconSize, iconColor: "currentColor" }),
16657
16836
  !text || hideOptionText ? null : /* @__PURE__ */ jsx141("span", { css: segmentedControlLabelTextStyles, children: text })
16658
16837
  ] })
@@ -17151,7 +17330,7 @@ var SpinnerStyles = css107`
17151
17330
  `;
17152
17331
 
17153
17332
  // src/components/Spinner/Spinner.tsx
17154
- import { jsx as jsx143, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
17333
+ import { jsx as jsx143, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
17155
17334
  var Spinner = ({
17156
17335
  width,
17157
17336
  label: label2,
@@ -17162,7 +17341,7 @@ var Spinner = ({
17162
17341
  var _a, _b, _c;
17163
17342
  (_c = ref.current) == null ? void 0 : _c.style.setProperty("--pyramid-size", ((_b = (_a = ref.current) == null ? void 0 : _a.clientWidth) != null ? _b : 200) / 6 + "px");
17164
17343
  }, [width]);
17165
- return /* @__PURE__ */ jsxs94(
17344
+ return /* @__PURE__ */ jsxs95(
17166
17345
  "div",
17167
17346
  {
17168
17347
  ref,
@@ -17174,12 +17353,12 @@ var Spinner = ({
17174
17353
  css: SpinnerStyles,
17175
17354
  className: `container${isPaused ? " paused" : ""}`,
17176
17355
  children: [
17177
- /* @__PURE__ */ jsx143("div", { className: "pyramid-container", children: /* @__PURE__ */ jsxs94("div", { className: "pyramid top", children: [
17356
+ /* @__PURE__ */ jsx143("div", { className: "pyramid-container", children: /* @__PURE__ */ jsxs95("div", { className: "pyramid top", children: [
17178
17357
  /* @__PURE__ */ jsx143("div", { className: "side one" }),
17179
17358
  /* @__PURE__ */ jsx143("div", { className: "side two" }),
17180
17359
  /* @__PURE__ */ jsx143("div", { className: "side three" }),
17181
17360
  /* @__PURE__ */ jsx143("div", { className: "side four" }),
17182
- /* @__PURE__ */ jsxs94("div", { className: "bottom-pyramid", children: [
17361
+ /* @__PURE__ */ jsxs95("div", { className: "bottom-pyramid", children: [
17183
17362
  /* @__PURE__ */ jsx143("div", { className: "side five" }),
17184
17363
  /* @__PURE__ */ jsx143("div", { className: "side six" }),
17185
17364
  /* @__PURE__ */ jsx143("div", { className: "side seven" }),
@@ -17187,33 +17366,33 @@ var Spinner = ({
17187
17366
  ] })
17188
17367
  ] }) }),
17189
17368
  /* @__PURE__ */ jsx143("div", { className: "turning-circle" }),
17190
- /* @__PURE__ */ jsxs94("div", { className: "pulsating-star delay-top-right", children: [
17369
+ /* @__PURE__ */ jsxs95("div", { className: "pulsating-star delay-top-right", children: [
17191
17370
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-center" }),
17192
17371
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-top" }),
17193
17372
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-bottom" }),
17194
17373
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-left" }),
17195
17374
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-right" })
17196
17375
  ] }),
17197
- /* @__PURE__ */ jsxs94("div", { className: "pulsating-star delay-top-left-2", children: [
17376
+ /* @__PURE__ */ jsxs95("div", { className: "pulsating-star delay-top-left-2", children: [
17198
17377
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-center" }),
17199
17378
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-top" }),
17200
17379
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-bottom" }),
17201
17380
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-left" }),
17202
17381
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-right" })
17203
17382
  ] }),
17204
- /* @__PURE__ */ jsxs94("div", { className: "pulsating-star delay-top-left", children: [
17383
+ /* @__PURE__ */ jsxs95("div", { className: "pulsating-star delay-top-left", children: [
17205
17384
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-top" }),
17206
17385
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-bottom" }),
17207
17386
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-left" }),
17208
17387
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-right" })
17209
17388
  ] }),
17210
- /* @__PURE__ */ jsxs94("div", { className: "pulsating-star delay-bottom-right", children: [
17389
+ /* @__PURE__ */ jsxs95("div", { className: "pulsating-star delay-bottom-right", children: [
17211
17390
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-top" }),
17212
17391
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-bottom" }),
17213
17392
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-left" }),
17214
17393
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-right" })
17215
17394
  ] }),
17216
- /* @__PURE__ */ jsxs94("div", { className: "pulsating-star delay-bottom-left", children: [
17395
+ /* @__PURE__ */ jsxs95("div", { className: "pulsating-star delay-bottom-left", children: [
17217
17396
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-center" }),
17218
17397
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-top" }),
17219
17398
  /* @__PURE__ */ jsx143("div", { className: "star-inner star-bottom" }),
@@ -17348,7 +17527,7 @@ var SwitchInputContainerAlignmentRight = css108`
17348
17527
  `;
17349
17528
 
17350
17529
  // src/components/Switch/Switch.tsx
17351
- import { Fragment as Fragment19, jsx as jsx144, jsxs as jsxs95 } from "@emotion/react/jsx-runtime";
17530
+ import { Fragment as Fragment19, jsx as jsx144, jsxs as jsxs96 } from "@emotion/react/jsx-runtime";
17352
17531
  var Switch = forwardRef32(
17353
17532
  ({
17354
17533
  label: label2,
@@ -17377,8 +17556,8 @@ var Switch = forwardRef32(
17377
17556
  if (infoText && toggleText) {
17378
17557
  additionalText = inputProps.checked ? toggleText : infoText;
17379
17558
  }
17380
- return /* @__PURE__ */ jsxs95(Fragment19, { children: [
17381
- /* @__PURE__ */ jsxs95(
17559
+ return /* @__PURE__ */ jsxs96(Fragment19, { children: [
17560
+ /* @__PURE__ */ jsxs96(
17382
17561
  "label",
17383
17562
  {
17384
17563
  css: [
@@ -17805,6 +17984,7 @@ export {
17805
17984
  MenuItemIcon,
17806
17985
  MenuItemInner,
17807
17986
  MenuItemSeparator,
17987
+ MenuSelect,
17808
17988
  MenuThreeDots,
17809
17989
  Modal,
17810
17990
  ModalDialog,
@@ -17960,6 +18140,7 @@ export {
17960
18140
  labelText,
17961
18141
  mq,
17962
18142
  numberInput,
18143
+ prefersReducedMotion,
17963
18144
  queryStringIcon,
17964
18145
  rectangleRoundedIcon,
17965
18146
  replaceUnderscoreInString,