@uniformdev/design-system 20.23.1-alpha.5 → 20.23.1-alpha.9

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 +871 -933
  2. package/dist/index.d.mts +10 -39
  3. package/dist/index.d.ts +10 -39
  4. package/dist/index.js +1031 -1106
  5. package/package.json +4 -4
package/dist/esm/index.js CHANGED
@@ -854,7 +854,7 @@ import { css as css9 } from "@emotion/react";
854
854
  var VerticalRhythmContainer = (size) => css9`
855
855
  display: flex;
856
856
  flex-direction: column;
857
- gap: ${size === "0" ? "0" : `var(--spacing-${size})`};
857
+ gap: var(--spacing-${size});
858
858
  `;
859
859
 
860
860
  // src/components/Layout/VerticalRhythm.tsx
@@ -8167,72 +8167,12 @@ var TakeoverDrawerRenderer = (props) => {
8167
8167
  return /* @__PURE__ */ jsx71(DrawerRenderer, { ...props, stackId: TAKEOVER_STACK_ID });
8168
8168
  };
8169
8169
 
8170
- // src/components/FlexiCard/FlexiCard.styles.ts
8171
- import { css as css56 } from "@emotion/react";
8172
- var FlexiCardStyles = css56`
8173
- background: var(--white);
8174
- border: 1px solid var(--gray-200);
8175
- border-radius: var(--rounded-2xl);
8176
- padding: var(--spacing-lg);
8177
- `;
8178
- var FlexiCardOverflowStyles = css56`
8179
- overflow-y: auto;
8180
- overflow-x: hidden;
8181
- ${scrollbarStyles}
8182
- `;
8183
-
8184
- // src/components/FlexiCard/FlexiCard.tsx
8185
- import { jsx as jsx72, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
8186
- var FlexiCard = ({ heading, children, width, height, ...props }) => {
8187
- const cssStyles = [
8188
- width || height ? [
8189
- FlexiCardOverflowStyles,
8190
- {
8191
- width,
8192
- height
8193
- }
8194
- ] : void 0
8195
- ];
8196
- return /* @__PURE__ */ jsx72("div", { css: FlexiCardStyles, ...props, children: /* @__PURE__ */ jsxs46(VerticalRhythm, { children: [
8197
- heading,
8198
- /* @__PURE__ */ jsx72("div", { css: cssStyles, children })
8199
- ] }) });
8200
- };
8201
-
8202
- // src/components/FlexiCard/FlexiCardTitle.styles.ts
8203
- import { css as css57 } from "@emotion/react";
8204
- var FlexiCardTitleStyles = css57`
8205
- font-size: var(--fs-base);
8206
- margin: 0;
8207
- `;
8208
- var FlexCardLinkStyles = css57`
8209
- color: var(--primary-action-default);
8210
-
8211
- &:hover {
8212
- color: var(--primary-action-hover);
8213
- }
8214
- `;
8215
- var FlexiCardTitleWrapper = css57`
8216
- align-items: center;
8217
- display: flex;
8218
- gap: var(--spacing-sm);
8219
- `;
8220
-
8221
- // src/components/FlexiCard/FlexiCardTitle.tsx
8222
- import { jsx as jsx73, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
8223
- var FlexiCardTitle = ({ icon, heading, ...props }) => {
8224
- return /* @__PURE__ */ jsxs47("div", { css: FlexiCardTitleWrapper, ...props, children: [
8225
- icon && /* @__PURE__ */ jsx73(Icon, { icon, size: "1rem", iconColor: "gray300" }),
8226
- /* @__PURE__ */ jsx73("h2", { css: FlexiCardTitleStyles, children: heading })
8227
- ] });
8228
- };
8229
-
8230
8170
  // src/components/IconButton/IconButton.tsx
8231
8171
  import { forwardRef as forwardRef16 } from "react";
8232
8172
 
8233
8173
  // src/components/IconButton/IconButton.styles.ts
8234
- import { css as css58 } from "@emotion/react";
8235
- var iconButton = css58`
8174
+ import { css as css56 } from "@emotion/react";
8175
+ var iconButton = css56`
8236
8176
  padding: 0;
8237
8177
  max-width: unset;
8238
8178
  justify-content: center;
@@ -8240,28 +8180,28 @@ var iconButton = css58`
8240
8180
  height: var(--button-size);
8241
8181
  `;
8242
8182
  var sizes2 = {
8243
- xs: css58`
8183
+ xs: css56`
8244
8184
  --button-size: 2rem;
8245
8185
  `,
8246
- sm: css58`
8186
+ sm: css56`
8247
8187
  --button-size: 2.25rem;
8248
8188
  `,
8249
- md: css58`
8189
+ md: css56`
8250
8190
  --button-size: 2.5rem;
8251
8191
  `
8252
8192
  };
8253
8193
  var variants = {
8254
8194
  square: null,
8255
- rounded: css58`
8195
+ rounded: css56`
8256
8196
  border-radius: 50%;
8257
8197
  `
8258
8198
  };
8259
8199
 
8260
8200
  // src/components/IconButton/IconButton.tsx
8261
- import { jsx as jsx74 } from "@emotion/react/jsx-runtime";
8201
+ import { jsx as jsx72 } from "@emotion/react/jsx-runtime";
8262
8202
  var IconButton = forwardRef16(
8263
8203
  ({ children, size = "md", variant = "square", ...props }, ref) => {
8264
- return /* @__PURE__ */ jsx74(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
8204
+ return /* @__PURE__ */ jsx72(Button, { ref, css: [iconButton, variants[variant], sizes2[size]], ...props, children });
8265
8205
  }
8266
8206
  );
8267
8207
  IconButton.displayName = "IconButton";
@@ -8270,8 +8210,8 @@ IconButton.displayName = "IconButton";
8270
8210
  import { useCallback as useCallback6, useEffect as useEffect8, useState as useState9 } from "react";
8271
8211
 
8272
8212
  // src/components/Image/Image.styles.ts
8273
- import { css as css59 } from "@emotion/react";
8274
- var imageWrapper = css59`
8213
+ import { css as css57 } from "@emotion/react";
8214
+ var imageWrapper = css57`
8275
8215
  position: relative;
8276
8216
  display: inline-flex;
8277
8217
  flex-direction: column;
@@ -8279,10 +8219,10 @@ var imageWrapper = css59`
8279
8219
  max-width: 100%;
8280
8220
  max-height: 100%;
8281
8221
  `;
8282
- var imageWrapperLoading = css59`
8222
+ var imageWrapperLoading = css57`
8283
8223
  animation: ${skeletonLoading} var(--duration-slow) linear infinite alternate;
8284
8224
  `;
8285
- var img = css59`
8225
+ var img = css57`
8286
8226
  object-fit: contain;
8287
8227
  max-width: 100%;
8288
8228
  max-height: 100%;
@@ -8290,17 +8230,17 @@ var img = css59`
8290
8230
  opacity: var(--opacity-0);
8291
8231
  margin: 0 auto;
8292
8232
  `;
8293
- var imgLoading = css59`
8233
+ var imgLoading = css57`
8294
8234
  opacity: 0;
8295
8235
  `;
8296
- var imgLoaded = css59`
8236
+ var imgLoaded = css57`
8297
8237
  animation: ${fadeIn} var(--duration-fast) var(--timing-ease-out) forwards;
8298
8238
  opacity: 1;
8299
8239
  `;
8300
- var brokenImage = css59`
8240
+ var brokenImage = css57`
8301
8241
  height: 160px;
8302
8242
  `;
8303
- var brokenImageMessage = css59`
8243
+ var brokenImageMessage = css57`
8304
8244
  position: absolute;
8305
8245
  bottom: var(--spacing-xs);
8306
8246
  left: var(--spacing-xs);
@@ -8309,21 +8249,21 @@ var brokenImageMessage = css59`
8309
8249
  padding-inline: var(--spacing-xs);
8310
8250
  font-size: var(--fs-sm);
8311
8251
  `;
8312
- var variantFillImageWrapper = css59`
8252
+ var variantFillImageWrapper = css57`
8313
8253
  display: flex;
8314
8254
  justify-content: center;
8315
8255
  height: 100%;
8316
8256
  width: 100%;
8317
8257
  `;
8318
- var variantFillImageImg = css59`
8258
+ var variantFillImageImg = css57`
8319
8259
  height: inherit;
8320
8260
  width: inherit;
8321
8261
  `;
8322
8262
 
8323
8263
  // src/components/Image/ImageBroken.tsx
8324
- import { jsx as jsx75, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
8264
+ import { jsx as jsx73, jsxs as jsxs46 } from "@emotion/react/jsx-runtime";
8325
8265
  var ImageBroken = ({ width, height, ...props }) => {
8326
- return /* @__PURE__ */ jsxs48(
8266
+ return /* @__PURE__ */ jsxs46(
8327
8267
  "svg",
8328
8268
  {
8329
8269
  role: "img",
@@ -8336,11 +8276,11 @@ var ImageBroken = ({ width, height, ...props }) => {
8336
8276
  "data-testid": "broken-image",
8337
8277
  ...props,
8338
8278
  children: [
8339
- /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
8340
- /* @__PURE__ */ jsx75("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
8341
- /* @__PURE__ */ jsxs48("defs", { children: [
8342
- /* @__PURE__ */ jsx75("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx75("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
8343
- /* @__PURE__ */ jsx75(
8279
+ /* @__PURE__ */ jsx73("rect", { width: "214", height: "214", fill: "#F9FAFB" }),
8280
+ /* @__PURE__ */ jsx73("rect", { width: "214", height: "214", fill: "url(#pattern0)" }),
8281
+ /* @__PURE__ */ jsxs46("defs", { children: [
8282
+ /* @__PURE__ */ jsx73("pattern", { id: "pattern0", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ jsx73("use", { xlinkHref: "#image0_761_4353", transform: "scale(0.0025)" }) }),
8283
+ /* @__PURE__ */ jsx73(
8344
8284
  "image",
8345
8285
  {
8346
8286
  id: "image0_761_4353",
@@ -8356,7 +8296,7 @@ var ImageBroken = ({ width, height, ...props }) => {
8356
8296
  };
8357
8297
 
8358
8298
  // src/components/Image/Image.tsx
8359
- import { jsx as jsx76, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
8299
+ import { jsx as jsx74, jsxs as jsxs47 } from "@emotion/react/jsx-runtime";
8360
8300
  var MIN_LOADING_MS = 100;
8361
8301
  function Image({
8362
8302
  alt,
@@ -8406,7 +8346,7 @@ function Image({
8406
8346
  setLoadErrorText("The value you provided is not a valid image URL");
8407
8347
  setLoading(false);
8408
8348
  };
8409
- return /* @__PURE__ */ jsxs49(
8349
+ return /* @__PURE__ */ jsxs47(
8410
8350
  "span",
8411
8351
  {
8412
8352
  className,
@@ -8416,7 +8356,7 @@ function Image({
8416
8356
  variant === "fill-container" ? variantFillImageWrapper : null
8417
8357
  ],
8418
8358
  children: [
8419
- src && !loadErrorText ? /* @__PURE__ */ jsx76(
8359
+ src && !loadErrorText ? /* @__PURE__ */ jsx74(
8420
8360
  "img",
8421
8361
  {
8422
8362
  ...imgAttribs,
@@ -8435,7 +8375,7 @@ function Image({
8435
8375
  onError: handleErrorEvent
8436
8376
  }
8437
8377
  ) : null,
8438
- src && loadErrorText ? /* @__PURE__ */ jsxs49(
8378
+ src && loadErrorText ? /* @__PURE__ */ jsxs47(
8439
8379
  "span",
8440
8380
  {
8441
8381
  style: {
@@ -8444,14 +8384,14 @@ function Image({
8444
8384
  ...variant === "fill-container" ? {} : { width, height }
8445
8385
  },
8446
8386
  children: [
8447
- /* @__PURE__ */ jsx76(
8387
+ /* @__PURE__ */ jsx74(
8448
8388
  ImageBroken,
8449
8389
  {
8450
8390
  css: [brokenImage, img, imgLoaded],
8451
8391
  "data-testid": "broken-image"
8452
8392
  }
8453
8393
  ),
8454
- /* @__PURE__ */ jsx76(ErrorMessage, { message: loadErrorText, css: brokenImageMessage, truncated: true })
8394
+ /* @__PURE__ */ jsx74(ErrorMessage, { message: loadErrorText, css: brokenImageMessage, truncated: true })
8455
8395
  ]
8456
8396
  }
8457
8397
  ) : null
@@ -8461,13 +8401,13 @@ function Image({
8461
8401
  }
8462
8402
 
8463
8403
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
8464
- import { css as css61 } from "@emotion/react";
8404
+ import { css as css59 } from "@emotion/react";
8465
8405
  import { CgAdd as CgAdd2 } from "@react-icons/all-files/cg/CgAdd";
8466
8406
  import { CgChevronRight as CgChevronRight2 } from "@react-icons/all-files/cg/CgChevronRight";
8467
8407
 
8468
8408
  // src/components/Tiles/styles/IntegrationTile.styles.ts
8469
- import { css as css60 } from "@emotion/react";
8470
- var IntegrationTileContainer = css60`
8409
+ import { css as css58 } from "@emotion/react";
8410
+ var IntegrationTileContainer = css58`
8471
8411
  align-items: center;
8472
8412
  box-sizing: border-box;
8473
8413
  border-radius: var(--rounded-base);
@@ -8498,22 +8438,22 @@ var IntegrationTileContainer = css60`
8498
8438
  }
8499
8439
  }
8500
8440
  `;
8501
- var IntegrationTileBtnDashedBorder = css60`
8441
+ var IntegrationTileBtnDashedBorder = css58`
8502
8442
  border: 1px dashed var(--gray-800);
8503
8443
  `;
8504
- var IntegrationTileTitle = css60`
8444
+ var IntegrationTileTitle = css58`
8505
8445
  display: block;
8506
8446
  font-weight: var(--fw-bold);
8507
8447
  margin: 0 0 var(--spacing-base);
8508
8448
  max-width: 13rem;
8509
8449
  `;
8510
- var IntegrationTitleLogo = css60`
8450
+ var IntegrationTitleLogo = css58`
8511
8451
  display: block;
8512
8452
  max-width: 10rem;
8513
8453
  max-height: 4rem;
8514
8454
  margin: 0 auto;
8515
8455
  `;
8516
- var IntegrationTileName = css60`
8456
+ var IntegrationTileName = css58`
8517
8457
  color: var(--gray-500);
8518
8458
  display: -webkit-box;
8519
8459
  -webkit-line-clamp: 1;
@@ -8526,7 +8466,7 @@ var IntegrationTileName = css60`
8526
8466
  position: absolute;
8527
8467
  bottom: calc(var(--spacing-base) * 3.8);
8528
8468
  `;
8529
- var IntegrationAddedText = css60`
8469
+ var IntegrationAddedText = css58`
8530
8470
  align-items: center;
8531
8471
  background: var(--brand-secondary-3);
8532
8472
  border-radius: 0 var(--rounded-md) 0 var(--rounded-md);
@@ -8541,7 +8481,7 @@ var IntegrationAddedText = css60`
8541
8481
  top: 0;
8542
8482
  right: 0;
8543
8483
  `;
8544
- var IntegrationCustomBadgeText = (theme) => css60`
8484
+ var IntegrationCustomBadgeText = (theme) => css58`
8545
8485
  align-items: center;
8546
8486
  border-radius: var(--rounded-sm) 0 var(--rounded-sm) 0;
8547
8487
  background: ${theme === "gray" ? "var(--brand-secondary-2)" : "var(--typography-base)"};
@@ -8555,26 +8495,26 @@ var IntegrationCustomBadgeText = (theme) => css60`
8555
8495
  top: 0;
8556
8496
  left: 0;
8557
8497
  `;
8558
- var IntegrationAuthorBadgeIcon = css60`
8498
+ var IntegrationAuthorBadgeIcon = css58`
8559
8499
  position: absolute;
8560
8500
  bottom: var(--spacing-sm);
8561
8501
  right: var(--spacing-xs);
8562
8502
  max-height: 1rem;
8563
8503
  `;
8564
- var IntegrationTitleFakeButton = css60`
8504
+ var IntegrationTitleFakeButton = css58`
8565
8505
  font-size: var(--fs-xs);
8566
8506
  gap: var(--spacing-sm);
8567
8507
  padding: var(--spacing-sm) var(--spacing-base);
8568
8508
  text-transform: uppercase;
8569
8509
  `;
8570
- var IntegrationTileFloatingButton = css60`
8510
+ var IntegrationTileFloatingButton = css58`
8571
8511
  position: absolute;
8572
8512
  bottom: var(--spacing-base);
8573
8513
  gap: var(--spacing-sm);
8574
8514
  font-size: var(--fs-xs);
8575
8515
  overflow: hidden;
8576
8516
  `;
8577
- var IntegrationTileFloatingButtonMessage = (clicked) => css60`
8517
+ var IntegrationTileFloatingButtonMessage = (clicked) => css58`
8578
8518
  strong,
8579
8519
  span:first-of-type {
8580
8520
  transition: opacity var(--duration-fast) var(--timing-ease-out);
@@ -8595,7 +8535,7 @@ var IntegrationTileFloatingButtonMessage = (clicked) => css60`
8595
8535
  `;
8596
8536
 
8597
8537
  // src/components/Tiles/CreateTeamIntegrationTile.tsx
8598
- import { jsx as jsx77, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
8538
+ import { jsx as jsx75, jsxs as jsxs48 } from "@emotion/react/jsx-runtime";
8599
8539
  var CreateTeamIntegrationTile = ({
8600
8540
  title = "Create a custom integration for your team",
8601
8541
  buttonText = "Add Integration",
@@ -8603,9 +8543,9 @@ var CreateTeamIntegrationTile = ({
8603
8543
  asDeepLink = false,
8604
8544
  ...props
8605
8545
  }) => {
8606
- return /* @__PURE__ */ jsxs50("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
8607
- /* @__PURE__ */ jsx77("span", { css: IntegrationTileTitle, title, children: title }),
8608
- /* @__PURE__ */ jsxs50(
8546
+ return /* @__PURE__ */ jsxs48("div", { css: [IntegrationTileContainer, IntegrationTileBtnDashedBorder], ...props, children: [
8547
+ /* @__PURE__ */ jsx75("span", { css: IntegrationTileTitle, title, children: title }),
8548
+ /* @__PURE__ */ jsxs48(
8609
8549
  Button,
8610
8550
  {
8611
8551
  buttonType: "tertiary",
@@ -8615,23 +8555,23 @@ var CreateTeamIntegrationTile = ({
8615
8555
  css: IntegrationTitleFakeButton,
8616
8556
  children: [
8617
8557
  buttonText,
8618
- asDeepLink ? /* @__PURE__ */ jsx77(
8558
+ asDeepLink ? /* @__PURE__ */ jsx75(
8619
8559
  Icon,
8620
8560
  {
8621
8561
  icon: CgChevronRight2,
8622
8562
  iconColor: "currentColor",
8623
8563
  size: 20,
8624
- css: css61`
8564
+ css: css59`
8625
8565
  order: 1;
8626
8566
  `
8627
8567
  }
8628
- ) : /* @__PURE__ */ jsx77(
8568
+ ) : /* @__PURE__ */ jsx75(
8629
8569
  Icon,
8630
8570
  {
8631
8571
  icon: CgAdd2,
8632
8572
  iconColor: "currentColor",
8633
8573
  size: 16,
8634
- css: css61`
8574
+ css: css59`
8635
8575
  order: -1;
8636
8576
  `
8637
8577
  }
@@ -8646,31 +8586,31 @@ var CreateTeamIntegrationTile = ({
8646
8586
  import { CgCheck as CgCheck2 } from "@react-icons/all-files/cg/CgCheck";
8647
8587
  import { CgLock } from "@react-icons/all-files/cg/CgLock";
8648
8588
  import { CgSandClock } from "@react-icons/all-files/cg/CgSandClock";
8649
- import { jsx as jsx78, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
8589
+ import { jsx as jsx76, jsxs as jsxs49 } from "@emotion/react/jsx-runtime";
8650
8590
  var IntegrationedAddedBadge = ({ text = "Added" }) => {
8651
- return /* @__PURE__ */ jsxs51("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
8652
- /* @__PURE__ */ jsx78(Icon, { icon: CgCheck2, iconColor: "currentColor" }),
8591
+ return /* @__PURE__ */ jsxs49("span", { "data-testid": "integration-icon-installed", css: IntegrationAddedText, children: [
8592
+ /* @__PURE__ */ jsx76(Icon, { icon: CgCheck2, iconColor: "currentColor" }),
8653
8593
  text
8654
8594
  ] });
8655
8595
  };
8656
8596
  var IntegrationCustomBadge = ({ text = "Custom" }) => {
8657
- return /* @__PURE__ */ jsx78("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
8597
+ return /* @__PURE__ */ jsx76("span", { "data-testid": "integration-is-private", css: IntegrationCustomBadgeText("gray"), children: text });
8658
8598
  };
8659
8599
  var IntegrationPremiumBadge = ({ text = "Premium" }) => {
8660
- return /* @__PURE__ */ jsxs51("span", { css: IntegrationCustomBadgeText("blue"), children: [
8661
- /* @__PURE__ */ jsx78(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
8600
+ return /* @__PURE__ */ jsxs49("span", { css: IntegrationCustomBadgeText("blue"), children: [
8601
+ /* @__PURE__ */ jsx76(Icon, { icon: CgLock, iconColor: "currentColor", size: 12 }),
8662
8602
  text
8663
8603
  ] });
8664
8604
  };
8665
8605
  var IntegrationComingSoonBadge = ({ text = "Coming soon" }) => {
8666
- return /* @__PURE__ */ jsxs51("span", { css: IntegrationCustomBadgeText("blue"), children: [
8667
- /* @__PURE__ */ jsx78(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
8606
+ return /* @__PURE__ */ jsxs49("span", { css: IntegrationCustomBadgeText("blue"), children: [
8607
+ /* @__PURE__ */ jsx76(Icon, { icon: CgSandClock, iconColor: "currentColor", size: 12 }),
8668
8608
  text
8669
8609
  ] });
8670
8610
  };
8671
8611
 
8672
8612
  // src/components/Tiles/ResolveIcon.tsx
8673
- import { jsx as jsx79 } from "@emotion/react/jsx-runtime";
8613
+ import { jsx as jsx77 } from "@emotion/react/jsx-runtime";
8674
8614
  var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
8675
8615
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
8676
8616
  const mapClassName = {
@@ -8678,13 +8618,13 @@ var ResolveIcon = ({ icon, name, styleType = "logo", ...props }) => {
8678
8618
  logo: IntegrationTitleLogo
8679
8619
  };
8680
8620
  if (icon) {
8681
- return CompIcon ? /* @__PURE__ */ jsx79(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ jsx79("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
8621
+ return CompIcon ? /* @__PURE__ */ jsx77(CompIcon, { css: mapClassName[styleType], ...props }) : /* @__PURE__ */ jsx77("img", { src: icon, alt: name, css: mapClassName[styleType], ...props });
8682
8622
  }
8683
8623
  return null;
8684
8624
  };
8685
8625
 
8686
8626
  // src/components/Tiles/EditTeamIntegrationTile.tsx
8687
- import { jsx as jsx80, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
8627
+ import { jsx as jsx78, jsxs as jsxs50 } from "@emotion/react/jsx-runtime";
8688
8628
  var EditTeamIntegrationTile = ({
8689
8629
  id,
8690
8630
  icon,
@@ -8693,17 +8633,17 @@ var EditTeamIntegrationTile = ({
8693
8633
  isPublic,
8694
8634
  canEdit = false
8695
8635
  }) => {
8696
- return /* @__PURE__ */ jsxs52(
8636
+ return /* @__PURE__ */ jsxs50(
8697
8637
  "div",
8698
8638
  {
8699
8639
  css: IntegrationTileContainer,
8700
8640
  "data-testid": "configure-integration-container",
8701
8641
  "integration-id": `${id.toLocaleLowerCase()}`,
8702
8642
  children: [
8703
- /* @__PURE__ */ jsx80(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
8704
- /* @__PURE__ */ jsx80("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
8705
- !isPublic ? /* @__PURE__ */ jsx80(IntegrationCustomBadge, {}) : null,
8706
- canEdit ? /* @__PURE__ */ jsx80(
8643
+ /* @__PURE__ */ jsx78(ResolveIcon, { icon, name, "data-testid": "integration-logo" }),
8644
+ /* @__PURE__ */ jsx78("span", { css: IntegrationTileName, "data-testid": "integration-card-name", children: name }),
8645
+ !isPublic ? /* @__PURE__ */ jsx78(IntegrationCustomBadge, {}) : null,
8646
+ canEdit ? /* @__PURE__ */ jsx78(
8707
8647
  Button,
8708
8648
  {
8709
8649
  buttonType: "unimportant",
@@ -8721,10 +8661,10 @@ var EditTeamIntegrationTile = ({
8721
8661
  };
8722
8662
 
8723
8663
  // src/components/Tiles/IntegrationComingSoon.tsx
8724
- import { css as css62 } from "@emotion/react";
8664
+ import { css as css60 } from "@emotion/react";
8725
8665
  import { CgHeart } from "@react-icons/all-files/cg/CgHeart";
8726
8666
  import { useEffect as useEffect9, useState as useState10 } from "react";
8727
- import { jsx as jsx81, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
8667
+ import { jsx as jsx79, jsxs as jsxs51 } from "@emotion/react/jsx-runtime";
8728
8668
  var IntegrationComingSoon = ({
8729
8669
  name,
8730
8670
  icon,
@@ -8746,17 +8686,17 @@ var IntegrationComingSoon = ({
8746
8686
  };
8747
8687
  }
8748
8688
  }, [upVote, setUpVote, timing]);
8749
- return /* @__PURE__ */ jsxs53(
8689
+ return /* @__PURE__ */ jsxs51(
8750
8690
  "div",
8751
8691
  {
8752
8692
  css: IntegrationTileContainer,
8753
8693
  "data-testid": `coming-soon-${id.toLowerCase()}-integration`,
8754
8694
  ...props,
8755
8695
  children: [
8756
- /* @__PURE__ */ jsx81(IntegrationComingSoonBadge, {}),
8757
- /* @__PURE__ */ jsx81(ResolveIcon, { icon, name }),
8758
- /* @__PURE__ */ jsx81("span", { css: IntegrationTileName, title: name, children: name }),
8759
- /* @__PURE__ */ jsxs53(
8696
+ /* @__PURE__ */ jsx79(IntegrationComingSoonBadge, {}),
8697
+ /* @__PURE__ */ jsx79(ResolveIcon, { icon, name }),
8698
+ /* @__PURE__ */ jsx79("span", { css: IntegrationTileName, title: name, children: name }),
8699
+ /* @__PURE__ */ jsxs51(
8760
8700
  Button,
8761
8701
  {
8762
8702
  buttonType: "unimportant",
@@ -8766,19 +8706,19 @@ var IntegrationComingSoon = ({
8766
8706
  role: "link",
8767
8707
  css: [IntegrationTileFloatingButton, IntegrationTileFloatingButtonMessage(upVote)],
8768
8708
  children: [
8769
- /* @__PURE__ */ jsx81("strong", { children: "+1" }),
8770
- /* @__PURE__ */ jsx81(
8709
+ /* @__PURE__ */ jsx79("strong", { children: "+1" }),
8710
+ /* @__PURE__ */ jsx79(
8771
8711
  "span",
8772
8712
  {
8773
- css: css62`
8713
+ css: css60`
8774
8714
  text-transform: uppercase;
8775
8715
  color: var(--gray-500);
8776
8716
  `,
8777
8717
  children: "(I want this)"
8778
8718
  }
8779
8719
  ),
8780
- /* @__PURE__ */ jsxs53("span", { "aria-hidden": !upVote, children: [
8781
- /* @__PURE__ */ jsx81(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
8720
+ /* @__PURE__ */ jsxs51("span", { "aria-hidden": !upVote, children: [
8721
+ /* @__PURE__ */ jsx79(Icon, { icon: CgHeart, iconColor: "currentColor", size: 18 }),
8782
8722
  "Thanks!"
8783
8723
  ] })
8784
8724
  ]
@@ -8790,8 +8730,8 @@ var IntegrationComingSoon = ({
8790
8730
  };
8791
8731
 
8792
8732
  // src/components/Tiles/styles/IntegrationLoadingTile.styles.ts
8793
- import { css as css63 } from "@emotion/react";
8794
- var IntegrationLoadingTileContainer = css63`
8733
+ import { css as css61 } from "@emotion/react";
8734
+ var IntegrationLoadingTileContainer = css61`
8795
8735
  align-items: center;
8796
8736
  box-sizing: border-box;
8797
8737
  border-radius: var(--rounded-base);
@@ -8818,39 +8758,39 @@ var IntegrationLoadingTileContainer = css63`
8818
8758
  }
8819
8759
  }
8820
8760
  `;
8821
- var IntegrationLoadingTileImg = css63`
8761
+ var IntegrationLoadingTileImg = css61`
8822
8762
  width: 10rem;
8823
8763
  height: 4rem;
8824
8764
  margin: 0 auto;
8825
8765
  `;
8826
- var IntegrationLoadingTileText = css63`
8766
+ var IntegrationLoadingTileText = css61`
8827
8767
  width: 5rem;
8828
8768
  height: var(--spacing-sm);
8829
8769
  margin: var(--spacing-sm) 0;
8830
8770
  `;
8831
- var IntegrationLoadingFrame = css63`
8771
+ var IntegrationLoadingFrame = css61`
8832
8772
  animation: ${skeletonLoading} 1s linear infinite alternate;
8833
8773
  border-radius: var(--rounded-base);
8834
8774
  `;
8835
8775
 
8836
8776
  // src/components/Tiles/IntegrationLoadingTile.tsx
8837
- import { Fragment as Fragment8, jsx as jsx82, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
8777
+ import { Fragment as Fragment8, jsx as jsx80, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
8838
8778
  var IntegrationLoadingTile = ({ count = 1 }) => {
8839
8779
  const componentCount = Array.from(Array(count).keys());
8840
- return /* @__PURE__ */ jsx82(Fragment8, { children: componentCount.map((i) => /* @__PURE__ */ jsxs54("div", { css: IntegrationLoadingTileContainer, children: [
8841
- /* @__PURE__ */ jsx82("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
8842
- /* @__PURE__ */ jsx82("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
8780
+ return /* @__PURE__ */ jsx80(Fragment8, { children: componentCount.map((i) => /* @__PURE__ */ jsxs52("div", { css: IntegrationLoadingTileContainer, children: [
8781
+ /* @__PURE__ */ jsx80("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
8782
+ /* @__PURE__ */ jsx80("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
8843
8783
  ] }, i)) });
8844
8784
  };
8845
8785
 
8846
8786
  // src/components/Tiles/styles/IntegrationModalIcon.styles.ts
8847
- import { css as css64 } from "@emotion/react";
8848
- var IntegrationModalIconContainer = css64`
8787
+ import { css as css62 } from "@emotion/react";
8788
+ var IntegrationModalIconContainer = css62`
8849
8789
  position: relative;
8850
8790
  width: 50px;
8851
8791
  margin-bottom: var(--spacing-base);
8852
8792
  `;
8853
- var IntegrationModalImage = css64`
8793
+ var IntegrationModalImage = css62`
8854
8794
  position: absolute;
8855
8795
  inset: 0;
8856
8796
  margin: auto;
@@ -8859,7 +8799,7 @@ var IntegrationModalImage = css64`
8859
8799
  `;
8860
8800
 
8861
8801
  // src/components/Tiles/IntegrationModalIcon.tsx
8862
- import { jsx as jsx83, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
8802
+ import { jsx as jsx81, jsxs as jsxs53 } from "@emotion/react/jsx-runtime";
8863
8803
  var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8864
8804
  const CompIcon = icon && typeof icon !== "string" ? icon : null;
8865
8805
  let iconSrc = void 0;
@@ -8875,9 +8815,9 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8875
8815
  }
8876
8816
  }
8877
8817
  }
8878
- return /* @__PURE__ */ jsxs55("div", { css: IntegrationModalIconContainer, children: [
8879
- /* @__PURE__ */ jsxs55("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
8880
- /* @__PURE__ */ jsx83(
8818
+ return /* @__PURE__ */ jsxs53("div", { css: IntegrationModalIconContainer, children: [
8819
+ /* @__PURE__ */ jsxs53("svg", { width: "49", height: "57", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", children: [
8820
+ /* @__PURE__ */ jsx81(
8881
8821
  "path",
8882
8822
  {
8883
8823
  d: "m24.367 1.813 22.786 13.322V41.78L24.367 55.102 1.581 41.78V15.135L24.367 1.814Z",
@@ -8886,12 +8826,12 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8886
8826
  strokeWidth: "2"
8887
8827
  }
8888
8828
  ),
8889
- /* @__PURE__ */ jsx83("defs", { children: /* @__PURE__ */ jsxs55("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
8890
- /* @__PURE__ */ jsx83("stop", { stopColor: "#1768B2" }),
8891
- /* @__PURE__ */ jsx83("stop", { offset: "1", stopColor: "#B3EFE4" })
8829
+ /* @__PURE__ */ jsx81("defs", { children: /* @__PURE__ */ jsxs53("linearGradient", { id: "a", x1: "41.353", y1: "49.107", x2: "8.048", y2: "4.478", gradientUnits: "userSpaceOnUse", children: [
8830
+ /* @__PURE__ */ jsx81("stop", { stopColor: "#1768B2" }),
8831
+ /* @__PURE__ */ jsx81("stop", { offset: "1", stopColor: "#B3EFE4" })
8892
8832
  ] }) })
8893
8833
  ] }),
8894
- CompIcon ? /* @__PURE__ */ jsx83(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ jsx83(
8834
+ CompIcon ? /* @__PURE__ */ jsx81(CompIcon, { role: "img", css: IntegrationModalImage, ...imgProps }) : iconSrc ? /* @__PURE__ */ jsx81(
8895
8835
  "img",
8896
8836
  {
8897
8837
  src: iconSrc,
@@ -8905,7 +8845,7 @@ var IntegrationModalIcon = ({ icon, name, ...imgProps }) => {
8905
8845
  };
8906
8846
 
8907
8847
  // src/components/Tiles/IntegrationTile.tsx
8908
- import { jsx as jsx84, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
8848
+ import { jsx as jsx82, jsxs as jsxs54 } from "@emotion/react/jsx-runtime";
8909
8849
  var IntegrationTile = ({
8910
8850
  id,
8911
8851
  icon,
@@ -8917,7 +8857,7 @@ var IntegrationTile = ({
8917
8857
  authorIcon,
8918
8858
  ...btnProps
8919
8859
  }) => {
8920
- return /* @__PURE__ */ jsxs56(
8860
+ return /* @__PURE__ */ jsxs54(
8921
8861
  "button",
8922
8862
  {
8923
8863
  type: "button",
@@ -8927,12 +8867,12 @@ var IntegrationTile = ({
8927
8867
  "aria-label": name,
8928
8868
  ...btnProps,
8929
8869
  children: [
8930
- /* @__PURE__ */ jsx84(ResolveIcon, { icon, name }),
8931
- /* @__PURE__ */ jsx84("span", { css: IntegrationTileName, title: name, children: name }),
8932
- isInstalled ? /* @__PURE__ */ jsx84(IntegrationedAddedBadge, {}) : null,
8933
- requiedEntitlement && isPublic ? /* @__PURE__ */ jsx84(IntegrationPremiumBadge, {}) : null,
8934
- !isPublic ? /* @__PURE__ */ jsx84(IntegrationCustomBadge, {}) : null,
8935
- authorIcon ? /* @__PURE__ */ jsx84(ResolveIcon, { icon: authorIcon, name }) : null
8870
+ /* @__PURE__ */ jsx82(ResolveIcon, { icon, name }),
8871
+ /* @__PURE__ */ jsx82("span", { css: IntegrationTileName, title: name, children: name }),
8872
+ isInstalled ? /* @__PURE__ */ jsx82(IntegrationedAddedBadge, {}) : null,
8873
+ requiedEntitlement && isPublic ? /* @__PURE__ */ jsx82(IntegrationPremiumBadge, {}) : null,
8874
+ !isPublic ? /* @__PURE__ */ jsx82(IntegrationCustomBadge, {}) : null,
8875
+ authorIcon ? /* @__PURE__ */ jsx82(ResolveIcon, { icon: authorIcon, name }) : null
8936
8876
  ]
8937
8877
  }
8938
8878
  );
@@ -8942,11 +8882,11 @@ var IntegrationTile = ({
8942
8882
  import { forwardRef as forwardRef17 } from "react";
8943
8883
 
8944
8884
  // src/components/Tiles/styles/Tile.styles.ts
8945
- import { css as css65 } from "@emotion/react";
8885
+ import { css as css63 } from "@emotion/react";
8946
8886
  var tileBorderSize = "1px";
8947
8887
  var tileBorderRadius = "var(--rounded-2xl)";
8948
8888
  var tileBorderColor = "var(--gray-300)";
8949
- var Tile = css65`
8889
+ var Tile = css63`
8950
8890
  background: var(--white);
8951
8891
  cursor: pointer;
8952
8892
  border: ${tileBorderSize} solid var(--tile-border-color, ${tileBorderColor});
@@ -8977,26 +8917,26 @@ var Tile = css65`
8977
8917
  }
8978
8918
  }
8979
8919
  `;
8980
- var LinkTile = css65`
8920
+ var LinkTile = css63`
8981
8921
  text-decoration: none;
8982
8922
  color: currentColor;
8983
8923
  `;
8984
- var TileIsSelected = css65`
8924
+ var TileIsSelected = css63`
8985
8925
  border: calc(${tileBorderSize} + 1px) solid var(--primary-action-active);
8986
8926
  z-index: 1; // Used to elevate active state border over other Tile borders
8987
8927
  `;
8988
- var TileHorizontal = css65`
8928
+ var TileHorizontal = css63`
8989
8929
  flex-direction: row;
8990
8930
  justify-content: flex-start;
8991
8931
  `;
8992
8932
 
8993
8933
  // src/components/Tiles/LinkTile.tsx
8994
- import { jsx as jsx85 } from "@emotion/react/jsx-runtime";
8934
+ import { jsx as jsx83 } from "@emotion/react/jsx-runtime";
8995
8935
  var LinkTile2 = forwardRef17(
8996
8936
  ({ orientation = "vertical", children, ...props }, ref) => {
8997
8937
  if ("linkManagerComponent" in props) {
8998
8938
  const { linkManagerComponent: LinkManager, ...rest } = props;
8999
- return /* @__PURE__ */ jsx85(
8939
+ return /* @__PURE__ */ jsx83(
9000
8940
  LinkManager,
9001
8941
  {
9002
8942
  css: [
@@ -9010,7 +8950,7 @@ var LinkTile2 = forwardRef17(
9010
8950
  }
9011
8951
  );
9012
8952
  }
9013
- return /* @__PURE__ */ jsx85(
8953
+ return /* @__PURE__ */ jsx83(
9014
8954
  "a",
9015
8955
  {
9016
8956
  ref,
@@ -9023,9 +8963,9 @@ var LinkTile2 = forwardRef17(
9023
8963
  );
9024
8964
 
9025
8965
  // src/components/Tiles/Tile.tsx
9026
- import { jsx as jsx86 } from "@emotion/react/jsx-runtime";
8966
+ import { jsx as jsx84 } from "@emotion/react/jsx-runtime";
9027
8967
  var Tile2 = ({ children, disabled: disabled2, isSelected, orientation = "vertical", ...props }) => {
9028
- return /* @__PURE__ */ jsx86(
8968
+ return /* @__PURE__ */ jsx84(
9029
8969
  "button",
9030
8970
  {
9031
8971
  type: "button",
@@ -9042,12 +8982,12 @@ var Tile2 = ({ children, disabled: disabled2, isSelected, orientation = "vertica
9042
8982
  };
9043
8983
 
9044
8984
  // src/components/Tiles/styles/TileContainer.styles.ts
9045
- import { css as css66 } from "@emotion/react";
9046
- var TileContainerWrapper = (theme, padding) => css66`
8985
+ import { css as css64 } from "@emotion/react";
8986
+ var TileContainerWrapper = (theme, padding) => css64`
9047
8987
  background: ${theme};
9048
8988
  padding: ${padding != "none" ? `var(--spacing-${padding})` : "0"};
9049
8989
  `;
9050
- var TileContainerInner = (gap, templateColumns) => css66`
8990
+ var TileContainerInner = (gap, templateColumns) => css64`
9051
8991
  /* We remove the border radius from the tiles when used inside TileContainer */
9052
8992
  --tile-border-radius: 0;
9053
8993
  --tile-border-color: ${tileBorderColor};
@@ -9081,7 +9021,7 @@ var TileContainerInner = (gap, templateColumns) => css66`
9081
9021
  margin-left: -${tileBorderSize};
9082
9022
  }
9083
9023
  `;
9084
- var TileContainerInnerWithoutGrouping = css66`
9024
+ var TileContainerInnerWithoutGrouping = css64`
9085
9025
  overflow: visible;
9086
9026
 
9087
9027
  &::after {
@@ -9090,7 +9030,7 @@ var TileContainerInnerWithoutGrouping = css66`
9090
9030
  `;
9091
9031
 
9092
9032
  // src/components/Tiles/TileContainer.tsx
9093
- import { jsx as jsx87 } from "@emotion/react/jsx-runtime";
9033
+ import { jsx as jsx85 } from "@emotion/react/jsx-runtime";
9094
9034
  var TileContainer = ({
9095
9035
  bgColor = "var(--brand-secondary-2)",
9096
9036
  containerPadding = "base",
@@ -9100,7 +9040,7 @@ var TileContainer = ({
9100
9040
  withoutGrouping = false,
9101
9041
  ...props
9102
9042
  }) => {
9103
- return /* @__PURE__ */ jsx87("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ jsx87(
9043
+ return /* @__PURE__ */ jsx85("div", { css: TileContainerWrapper(bgColor, containerPadding), ...props, children: /* @__PURE__ */ jsx85(
9104
9044
  "div",
9105
9045
  {
9106
9046
  css: [
@@ -9113,21 +9053,21 @@ var TileContainer = ({
9113
9053
  };
9114
9054
 
9115
9055
  // src/components/Tiles/styles/TileText.styles.ts
9116
- import { css as css67 } from "@emotion/react";
9117
- var TileHeading = css67`
9056
+ import { css as css65 } from "@emotion/react";
9057
+ var TileHeading = css65`
9118
9058
  font-size: var(--fs-base);
9119
9059
  `;
9120
- var TileText = css67`
9060
+ var TileText = css65`
9121
9061
  color: var(--gray-500);
9122
9062
  font-size: var(--fs-sm);
9123
9063
  line-height: 1.2;
9124
9064
  `;
9125
9065
 
9126
9066
  // src/components/Tiles/TileText.tsx
9127
- import { jsx as jsx88 } from "@emotion/react/jsx-runtime";
9067
+ import { jsx as jsx86 } from "@emotion/react/jsx-runtime";
9128
9068
  var TileText2 = ({ as = "heading", children, ...props }) => {
9129
9069
  const isHeading = as === "heading";
9130
- return /* @__PURE__ */ jsx88(
9070
+ return /* @__PURE__ */ jsx86(
9131
9071
  "span",
9132
9072
  {
9133
9073
  role: isHeading ? "heading" : void 0,
@@ -9139,32 +9079,32 @@ var TileText2 = ({ as = "heading", children, ...props }) => {
9139
9079
  };
9140
9080
 
9141
9081
  // src/components/IntegrationModalHeader/IntegrationModalHeader.styles.ts
9142
- import { css as css68 } from "@emotion/react";
9143
- var IntegrationModalHeaderSVGBackground = css68`
9082
+ import { css as css66 } from "@emotion/react";
9083
+ var IntegrationModalHeaderSVGBackground = css66`
9144
9084
  position: absolute;
9145
9085
  top: 0;
9146
9086
  left: 0;
9147
9087
  `;
9148
- var IntegrationModalHeaderGroup = css68`
9088
+ var IntegrationModalHeaderGroup = css66`
9149
9089
  align-items: center;
9150
9090
  display: flex;
9151
9091
  gap: var(--spacing-sm);
9152
9092
  margin: 0 0 var(--spacing-md);
9153
9093
  position: relative;
9154
9094
  `;
9155
- var IntegrationModalHeaderTitleGroup = css68`
9095
+ var IntegrationModalHeaderTitleGroup = css66`
9156
9096
  align-items: center;
9157
9097
  display: flex;
9158
9098
  gap: var(--spacing-base);
9159
9099
  padding: 0 var(--spacing-base);
9160
9100
  `;
9161
- var IntegrationModalHeaderTitle = css68`
9101
+ var IntegrationModalHeaderTitle = css66`
9162
9102
  margin-top: 0;
9163
9103
  `;
9164
- var IntegrationModalHeaderMenuPlacement = css68`
9104
+ var IntegrationModalHeaderMenuPlacement = css66`
9165
9105
  margin-bottom: var(--spacing-base);
9166
9106
  `;
9167
- var IntegrationModalHeaderContentWrapper = css68`
9107
+ var IntegrationModalHeaderContentWrapper = css66`
9168
9108
  background: var(--white);
9169
9109
  display: flex;
9170
9110
  padding: var(--spacing-base);
@@ -9176,9 +9116,9 @@ var IntegrationModalHeaderContentWrapper = css68`
9176
9116
  `;
9177
9117
 
9178
9118
  // src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
9179
- import { Fragment as Fragment9, jsx as jsx89, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
9119
+ import { Fragment as Fragment9, jsx as jsx87, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
9180
9120
  var HexModalBackground = ({ ...props }) => {
9181
- return /* @__PURE__ */ jsxs57(
9121
+ return /* @__PURE__ */ jsxs55(
9182
9122
  "svg",
9183
9123
  {
9184
9124
  width: "236",
@@ -9188,7 +9128,7 @@ var HexModalBackground = ({ ...props }) => {
9188
9128
  xmlns: "http://www.w3.org/2000/svg",
9189
9129
  ...props,
9190
9130
  children: [
9191
- /* @__PURE__ */ jsx89(
9131
+ /* @__PURE__ */ jsx87(
9192
9132
  "path",
9193
9133
  {
9194
9134
  fillRule: "evenodd",
@@ -9197,7 +9137,7 @@ var HexModalBackground = ({ ...props }) => {
9197
9137
  fill: "url(#paint0_linear_196_2737)"
9198
9138
  }
9199
9139
  ),
9200
- /* @__PURE__ */ jsx89("defs", { children: /* @__PURE__ */ jsxs57(
9140
+ /* @__PURE__ */ jsx87("defs", { children: /* @__PURE__ */ jsxs55(
9201
9141
  "linearGradient",
9202
9142
  {
9203
9143
  id: "paint0_linear_196_2737",
@@ -9207,8 +9147,8 @@ var HexModalBackground = ({ ...props }) => {
9207
9147
  y2: "-95.2742",
9208
9148
  gradientUnits: "userSpaceOnUse",
9209
9149
  children: [
9210
- /* @__PURE__ */ jsx89("stop", { stopColor: "#81DCDE" }),
9211
- /* @__PURE__ */ jsx89("stop", { offset: "1", stopColor: "#428ED4" })
9150
+ /* @__PURE__ */ jsx87("stop", { stopColor: "#81DCDE" }),
9151
+ /* @__PURE__ */ jsx87("stop", { offset: "1", stopColor: "#428ED4" })
9212
9152
  ]
9213
9153
  }
9214
9154
  ) })
@@ -9217,23 +9157,23 @@ var HexModalBackground = ({ ...props }) => {
9217
9157
  );
9218
9158
  };
9219
9159
  var IntegrationModalHeader = ({ icon, name, menu, children }) => {
9220
- return /* @__PURE__ */ jsxs57(Fragment9, { children: [
9221
- /* @__PURE__ */ jsx89(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
9222
- /* @__PURE__ */ jsx89("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs57("div", { css: IntegrationModalHeaderTitleGroup, children: [
9223
- icon ? /* @__PURE__ */ jsx89(IntegrationModalIcon, { icon, name: name || "" }) : null,
9224
- /* @__PURE__ */ jsx89(Heading2, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
9225
- menu ? /* @__PURE__ */ jsxs57("div", { css: IntegrationModalHeaderMenuPlacement, children: [
9160
+ return /* @__PURE__ */ jsxs55(Fragment9, { children: [
9161
+ /* @__PURE__ */ jsx87(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
9162
+ /* @__PURE__ */ jsx87("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs55("div", { css: IntegrationModalHeaderTitleGroup, children: [
9163
+ icon ? /* @__PURE__ */ jsx87(IntegrationModalIcon, { icon, name: name || "" }) : null,
9164
+ /* @__PURE__ */ jsx87(Heading2, { level: 3, css: IntegrationModalHeaderTitle, "data-testid": "integration-modal-title", children: name || "Create Team Integration" }),
9165
+ menu ? /* @__PURE__ */ jsxs55("div", { css: IntegrationModalHeaderMenuPlacement, children: [
9226
9166
  menu,
9227
9167
  " "
9228
9168
  ] }) : null
9229
9169
  ] }) }),
9230
- /* @__PURE__ */ jsx89("div", { css: IntegrationModalHeaderContentWrapper, children })
9170
+ /* @__PURE__ */ jsx87("div", { css: IntegrationModalHeaderContentWrapper, children })
9231
9171
  ] });
9232
9172
  };
9233
9173
 
9234
9174
  // src/components/JsonEditor/JsonEditor.tsx
9235
9175
  import MonacoEditor from "@monaco-editor/react";
9236
- import { jsx as jsx90 } from "@emotion/react/jsx-runtime";
9176
+ import { jsx as jsx88 } from "@emotion/react/jsx-runtime";
9237
9177
  var minEditorHeightPx = 150;
9238
9178
  var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
9239
9179
  let effectiveHeight = height;
@@ -9243,7 +9183,7 @@ var JsonEditor = ({ defaultValue, onChange, jsonSchema, height, readOnly }) => {
9243
9183
  if (typeof effectiveHeight === "number" && effectiveHeight < minEditorHeightPx) {
9244
9184
  effectiveHeight = minEditorHeightPx;
9245
9185
  }
9246
- return /* @__PURE__ */ jsx90(
9186
+ return /* @__PURE__ */ jsx88(
9247
9187
  MonacoEditor,
9248
9188
  {
9249
9189
  height: effectiveHeight,
@@ -9349,12 +9289,12 @@ function useDebouncedCallback(callback, deps, delay, maxWait = 0) {
9349
9289
  }
9350
9290
 
9351
9291
  // src/components/KeyValueInput/KeyValueInput.styles.ts
9352
- import { css as css69 } from "@emotion/react";
9353
- var LabelStyles = css69`
9292
+ import { css as css67 } from "@emotion/react";
9293
+ var LabelStyles = css67`
9354
9294
  text-transform: uppercase;
9355
9295
  font-weight: var(--fw-medium);
9356
9296
  `;
9357
- var SelectKeyValueRowStyles = css69`
9297
+ var SelectKeyValueRowStyles = css67`
9358
9298
  animation: var(--duration-fast) var(--timing-ease-out);
9359
9299
  align-items: flex-start;
9360
9300
  display: grid;
@@ -9363,14 +9303,14 @@ var SelectKeyValueRowStyles = css69`
9363
9303
  background-color: white;
9364
9304
  flex: 1;
9365
9305
  `;
9366
- var rowWrapper = css69`
9306
+ var rowWrapper = css67`
9367
9307
  display: flex;
9368
9308
  background-color: white;
9369
9309
  border-radius: var(--rounded-sm);
9370
9310
  `;
9371
9311
 
9372
9312
  // src/components/KeyValueInput/KeyValueInput.tsx
9373
- import { jsx as jsx91, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
9313
+ import { jsx as jsx89, jsxs as jsxs56 } from "@emotion/react/jsx-runtime";
9374
9314
  var initialSelectOptionValue = { key: "", value: "" };
9375
9315
  var generateItemId = (item, index) => item.uniqueId || item.value || item.key || `$index-${index}`;
9376
9316
  var KeyValueInput = ({
@@ -9455,12 +9395,12 @@ var KeyValueInput = ({
9455
9395
  lastRowFirstInputRef.current.focus();
9456
9396
  }
9457
9397
  }, [value.length]);
9458
- return /* @__PURE__ */ jsxs58(VerticalRhythm, { gap: "xs", children: [
9459
- /* @__PURE__ */ jsx91(HorizontalRhythm, { align: "center", justify: "space-between", css: { marginBottom: "var(--spacing-xs)" }, children: /* @__PURE__ */ jsx91("span", { css: LabelStyles, children: label }) }),
9460
- /* @__PURE__ */ jsxs58("div", { css: [SelectKeyValueRowStyles, { paddingLeft: "var(--spacing-base)" }], children: [
9461
- /* @__PURE__ */ jsxs58(HorizontalRhythm, { align: "center", gap: "xs", children: [
9462
- /* @__PURE__ */ jsx91("span", { children: keyLabel }),
9463
- !keyInfoPopover ? null : /* @__PURE__ */ jsx91(
9398
+ return /* @__PURE__ */ jsxs56(VerticalRhythm, { gap: "xs", children: [
9399
+ /* @__PURE__ */ jsx89(HorizontalRhythm, { align: "center", justify: "space-between", css: { marginBottom: "var(--spacing-xs)" }, children: /* @__PURE__ */ jsx89("span", { css: LabelStyles, children: label }) }),
9400
+ /* @__PURE__ */ jsxs56("div", { css: [SelectKeyValueRowStyles, { paddingLeft: "var(--spacing-base)" }], children: [
9401
+ /* @__PURE__ */ jsxs56(HorizontalRhythm, { align: "center", gap: "xs", children: [
9402
+ /* @__PURE__ */ jsx89("span", { children: keyLabel }),
9403
+ !keyInfoPopover ? null : /* @__PURE__ */ jsx89(
9464
9404
  Popover3,
9465
9405
  {
9466
9406
  buttonText: `${keyLabel} info`,
@@ -9471,9 +9411,9 @@ var KeyValueInput = ({
9471
9411
  }
9472
9412
  )
9473
9413
  ] }),
9474
- /* @__PURE__ */ jsxs58(HorizontalRhythm, { align: "center", gap: "xs", children: [
9475
- /* @__PURE__ */ jsx91("span", { children: valueLabel }),
9476
- !valueInfoPopover ? null : /* @__PURE__ */ jsx91(
9414
+ /* @__PURE__ */ jsxs56(HorizontalRhythm, { align: "center", gap: "xs", children: [
9415
+ /* @__PURE__ */ jsx89("span", { children: valueLabel }),
9416
+ !valueInfoPopover ? null : /* @__PURE__ */ jsx89(
9477
9417
  Popover3,
9478
9418
  {
9479
9419
  buttonText: `${valueLabel} info`,
@@ -9485,7 +9425,7 @@ var KeyValueInput = ({
9485
9425
  )
9486
9426
  ] })
9487
9427
  ] }),
9488
- /* @__PURE__ */ jsx91(VerticalRhythm, { gap: "sm", children: /* @__PURE__ */ jsx91(
9428
+ /* @__PURE__ */ jsx89(VerticalRhythm, { gap: "sm", children: /* @__PURE__ */ jsx89(
9489
9429
  DndContext,
9490
9430
  {
9491
9431
  sensors,
@@ -9494,7 +9434,7 @@ var KeyValueInput = ({
9494
9434
  onDragStart: handleDragStart,
9495
9435
  onDragCancel: handleDragCancel,
9496
9436
  modifiers: [restrictToParentElement],
9497
- children: /* @__PURE__ */ jsx91(SortableContext, { items: valueWithIds, strategy: verticalListSortingStrategy, children: valueWithIds.map(({ id, ...item }, index) => /* @__PURE__ */ jsx91(
9437
+ children: /* @__PURE__ */ jsx89(SortableContext, { items: valueWithIds, strategy: verticalListSortingStrategy, children: valueWithIds.map(({ id, ...item }, index) => /* @__PURE__ */ jsx89(
9498
9438
  KeyValueInputItem,
9499
9439
  {
9500
9440
  id,
@@ -9516,7 +9456,7 @@ var KeyValueInput = ({
9516
9456
  )) })
9517
9457
  }
9518
9458
  ) }),
9519
- /* @__PURE__ */ jsxs58(
9459
+ /* @__PURE__ */ jsxs56(
9520
9460
  Button,
9521
9461
  {
9522
9462
  "data-testid": "add-input-row-action",
@@ -9526,7 +9466,7 @@ var KeyValueInput = ({
9526
9466
  disabled: disabled2,
9527
9467
  css: { marginTop: "var(--spacing-base)" },
9528
9468
  children: [
9529
- /* @__PURE__ */ jsx91(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.85rem" }),
9469
+ /* @__PURE__ */ jsx89(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.85rem" }),
9530
9470
  " Add option"
9531
9471
  ]
9532
9472
  }
@@ -9561,10 +9501,10 @@ var KeyValueInputItem = ({
9561
9501
  onEnter();
9562
9502
  }
9563
9503
  };
9564
- return /* @__PURE__ */ jsxs58("div", { css: rowWrapper, ref: setNodeRef, style, children: [
9565
- /* @__PURE__ */ jsx91(DragHandle, { disableDnd: disabledDnd, ref: setActivatorNodeRef, ...attributes, ...listeners }),
9566
- /* @__PURE__ */ jsxs58("div", { css: SelectKeyValueRowStyles, "data-testid": "key-value-input-item", children: [
9567
- /* @__PURE__ */ jsx91(
9504
+ return /* @__PURE__ */ jsxs56("div", { css: rowWrapper, ref: setNodeRef, style, children: [
9505
+ /* @__PURE__ */ jsx89(DragHandle, { disableDnd: disabledDnd, ref: setActivatorNodeRef, ...attributes, ...listeners }),
9506
+ /* @__PURE__ */ jsxs56("div", { css: SelectKeyValueRowStyles, "data-testid": "key-value-input-item", children: [
9507
+ /* @__PURE__ */ jsx89(
9568
9508
  Input,
9569
9509
  {
9570
9510
  ref: firstInputRef,
@@ -9586,7 +9526,7 @@ var KeyValueInputItem = ({
9586
9526
  "data-testid": "key"
9587
9527
  }
9588
9528
  ),
9589
- /* @__PURE__ */ jsx91(
9529
+ /* @__PURE__ */ jsx89(
9590
9530
  Input,
9591
9531
  {
9592
9532
  label: valueLabel,
@@ -9606,7 +9546,7 @@ var KeyValueInputItem = ({
9606
9546
  "data-testid": "value"
9607
9547
  }
9608
9548
  ),
9609
- /* @__PURE__ */ jsx91("div", { css: { marginTop: "1rem" }, children: /* @__PURE__ */ jsx91(
9549
+ /* @__PURE__ */ jsx89("div", { css: { marginTop: "1rem" }, children: /* @__PURE__ */ jsx89(
9610
9550
  Button,
9611
9551
  {
9612
9552
  type: "button",
@@ -9615,7 +9555,7 @@ var KeyValueInputItem = ({
9615
9555
  onClick: onDelete,
9616
9556
  disabled: disabled2 || disabledDelete,
9617
9557
  size: "zero",
9618
- children: /* @__PURE__ */ jsx91(Icon, { icon: "trash", size: 16, iconColor: "currentColor" })
9558
+ children: /* @__PURE__ */ jsx89(Icon, { icon: "trash", size: 16, iconColor: "currentColor" })
9619
9559
  }
9620
9560
  ) })
9621
9561
  ] })
@@ -9623,39 +9563,39 @@ var KeyValueInputItem = ({
9623
9563
  };
9624
9564
 
9625
9565
  // src/components/LimitsBar/LimitsBar.styles.ts
9626
- import { css as css70 } from "@emotion/react";
9627
- var LimitsBarContainer = css70`
9566
+ import { css as css68 } from "@emotion/react";
9567
+ var LimitsBarContainer = css68`
9628
9568
  margin-block: var(--spacing-sm);
9629
9569
  `;
9630
- var LimitsBarProgressBar = css70`
9570
+ var LimitsBarProgressBar = css68`
9631
9571
  background: var(--gray-100);
9632
9572
  margin-top: var(--spacing-sm);
9633
9573
  position: relative;
9634
9574
  overflow: hidden;
9635
9575
  height: 0.25rem;
9636
9576
  `;
9637
- var LimitsBarProgressBarLine = css70`
9577
+ var LimitsBarProgressBarLine = css68`
9638
9578
  position: absolute;
9639
9579
  inset: 0;
9640
9580
  transition: transform var(--duration-fast) var(--timing-ease-out);
9641
9581
  `;
9642
- var LimitsBarLabelContainer = css70`
9582
+ var LimitsBarLabelContainer = css68`
9643
9583
  display: flex;
9644
9584
  justify-content: space-between;
9645
9585
  font-weight: var(--fw-bold);
9646
9586
  `;
9647
- var LimitsBarLabel = css70`
9587
+ var LimitsBarLabel = css68`
9648
9588
  font-size: var(--fs-baase);
9649
9589
  `;
9650
- var LimitsBarBgColor = (statusColor) => css70`
9590
+ var LimitsBarBgColor = (statusColor) => css68`
9651
9591
  background: ${statusColor};
9652
9592
  `;
9653
- var LimitsBarTextColor = (statusColor) => css70`
9593
+ var LimitsBarTextColor = (statusColor) => css68`
9654
9594
  color: ${statusColor};
9655
9595
  `;
9656
9596
 
9657
9597
  // src/components/LimitsBar/LimitsBar.tsx
9658
- import { jsx as jsx92, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
9598
+ import { jsx as jsx90, jsxs as jsxs57 } from "@emotion/react/jsx-runtime";
9659
9599
  var LimitsBar = ({ current, max, label }) => {
9660
9600
  const maxPercentage = 100;
9661
9601
  const progressBarValue = Math.ceil(current / max * maxPercentage);
@@ -9666,16 +9606,16 @@ var LimitsBar = ({ current, max, label }) => {
9666
9606
  danger: "var(--brand-secondary-5)"
9667
9607
  };
9668
9608
  const statusColor = progressBarValue === 100 ? colorMap.danger : progressBarValue >= 75 ? colorMap.warn : colorMap.base;
9669
- return /* @__PURE__ */ jsxs59("div", { css: LimitsBarContainer, children: [
9670
- /* @__PURE__ */ jsxs59("div", { css: LimitsBarLabelContainer, children: [
9671
- /* @__PURE__ */ jsx92("span", { css: LimitsBarLabel, children: label }),
9672
- /* @__PURE__ */ jsxs59("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
9609
+ return /* @__PURE__ */ jsxs57("div", { css: LimitsBarContainer, children: [
9610
+ /* @__PURE__ */ jsxs57("div", { css: LimitsBarLabelContainer, children: [
9611
+ /* @__PURE__ */ jsx90("span", { css: LimitsBarLabel, children: label }),
9612
+ /* @__PURE__ */ jsxs57("span", { css: [LimitsBarLabel, LimitsBarTextColor(statusColor)], children: [
9673
9613
  current,
9674
9614
  " of ",
9675
9615
  max
9676
9616
  ] })
9677
9617
  ] }),
9678
- /* @__PURE__ */ jsx92(
9618
+ /* @__PURE__ */ jsx90(
9679
9619
  "div",
9680
9620
  {
9681
9621
  role: "progressbar",
@@ -9684,7 +9624,7 @@ var LimitsBar = ({ current, max, label }) => {
9684
9624
  "aria-valuemax": max,
9685
9625
  "aria-valuetext": `${current} of ${max}`,
9686
9626
  css: LimitsBarProgressBar,
9687
- children: /* @__PURE__ */ jsx92(
9627
+ children: /* @__PURE__ */ jsx90(
9688
9628
  "span",
9689
9629
  {
9690
9630
  role: "presentation",
@@ -9700,13 +9640,13 @@ var LimitsBar = ({ current, max, label }) => {
9700
9640
  };
9701
9641
 
9702
9642
  // src/components/LinkList/LinkList.styles.ts
9703
- import { css as css71 } from "@emotion/react";
9704
- var LinkListContainer = css71`
9643
+ import { css as css69 } from "@emotion/react";
9644
+ var LinkListContainer = css69`
9705
9645
  display: flex block;
9706
9646
  flex-direction: column;
9707
9647
  gap: var(--spacing-sm);
9708
9648
  `;
9709
- var LinkListTitle = css71`
9649
+ var LinkListTitle = css69`
9710
9650
  color: var(--gray-400);
9711
9651
  font-weight: var(--fw-medium);
9712
9652
  font-size: var(--fs-sm);
@@ -9714,23 +9654,23 @@ var LinkListTitle = css71`
9714
9654
  `;
9715
9655
 
9716
9656
  // src/components/LinkList/LinkList.tsx
9717
- import { jsx as jsx93, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
9657
+ import { jsx as jsx91, jsxs as jsxs58 } from "@emotion/react/jsx-runtime";
9718
9658
  var LinkList = ({ title, children, ...props }) => {
9719
- return /* @__PURE__ */ jsxs60("div", { css: LinkListContainer, ...props, children: [
9720
- /* @__PURE__ */ jsx93(Heading2, { level: 3, css: LinkListTitle, withMarginBottom: false, children: title }),
9659
+ return /* @__PURE__ */ jsxs58("div", { css: LinkListContainer, ...props, children: [
9660
+ /* @__PURE__ */ jsx91(Heading2, { level: 3, css: LinkListTitle, withMarginBottom: false, children: title }),
9721
9661
  children
9722
9662
  ] });
9723
9663
  };
9724
9664
 
9725
9665
  // src/components/List/ScrollableList.tsx
9726
- import { css as css73 } from "@emotion/react";
9666
+ import { css as css71 } from "@emotion/react";
9727
9667
 
9728
9668
  // src/components/List/styles/ScrollableList.styles.ts
9729
- import { css as css72 } from "@emotion/react";
9730
- var ScrollableListContainer = css72`
9669
+ import { css as css70 } from "@emotion/react";
9670
+ var ScrollableListContainer = css70`
9731
9671
  position: relative;
9732
9672
  `;
9733
- var ScrollableListInner = css72`
9673
+ var ScrollableListInner = css70`
9734
9674
  background: var(--gray-50);
9735
9675
  border-top: 1px solid var(--gray-200);
9736
9676
  border-bottom: 1px solid var(--gray-200);
@@ -9753,19 +9693,19 @@ var ScrollableListInner = css72`
9753
9693
  `;
9754
9694
 
9755
9695
  // src/components/List/ScrollableList.tsx
9756
- import { jsx as jsx94, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
9696
+ import { jsx as jsx92, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
9757
9697
  var ScrollableList = ({ label, children, ...props }) => {
9758
- return /* @__PURE__ */ jsxs61("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
9759
- label ? /* @__PURE__ */ jsx94(
9698
+ return /* @__PURE__ */ jsxs59("div", { css: [ScrollableListContainer, scrollbarStyles], ...props, children: [
9699
+ label ? /* @__PURE__ */ jsx92(
9760
9700
  "span",
9761
9701
  {
9762
- css: css73`
9702
+ css: css71`
9763
9703
  ${labelText}
9764
9704
  `,
9765
9705
  children: label
9766
9706
  }
9767
9707
  ) : null,
9768
- /* @__PURE__ */ jsx94("div", { css: [ScrollableListInner, scrollbarStyles], children })
9708
+ /* @__PURE__ */ jsx92("div", { css: [ScrollableListInner, scrollbarStyles], children })
9769
9709
  ] });
9770
9710
  };
9771
9711
 
@@ -9773,8 +9713,8 @@ var ScrollableList = ({ label, children, ...props }) => {
9773
9713
  import { CgCheck as CgCheck3 } from "@react-icons/all-files/cg/CgCheck";
9774
9714
 
9775
9715
  // src/components/List/styles/ScrollableListItem.styles.ts
9776
- import { css as css74 } from "@emotion/react";
9777
- var ScrollableListItemContainer = css74`
9716
+ import { css as css72 } from "@emotion/react";
9717
+ var ScrollableListItemContainer = css72`
9778
9718
  align-items: center;
9779
9719
  background: var(--white);
9780
9720
  border-radius: var(--rounded-base);
@@ -9783,13 +9723,13 @@ var ScrollableListItemContainer = css74`
9783
9723
  min-height: 52px;
9784
9724
  transition: border-color var(--duration-fast) var(--timing-ease-out);
9785
9725
  `;
9786
- var ScrollableListItemShadow = css74`
9726
+ var ScrollableListItemShadow = css72`
9787
9727
  box-shadow: var(--shadow-base);
9788
9728
  `;
9789
- var ScrollableListItemActive = css74`
9729
+ var ScrollableListItemActive = css72`
9790
9730
  border-color: var(--brand-secondary-3);
9791
9731
  `;
9792
- var ScrollableListItemBtn = css74`
9732
+ var ScrollableListItemBtn = css72`
9793
9733
  align-items: center;
9794
9734
  border: none;
9795
9735
  background: transparent;
@@ -9804,27 +9744,27 @@ var ScrollableListItemBtn = css74`
9804
9744
  outline: none;
9805
9745
  }
9806
9746
  `;
9807
- var ScrollableListInputLabel = css74`
9747
+ var ScrollableListInputLabel = css72`
9808
9748
  align-items: center;
9809
9749
  cursor: pointer;
9810
9750
  display: flex;
9811
9751
  padding: var(--spacing-xs) var(--spacing-base) var(--spacing-xs);
9812
9752
  flex-grow: 1;
9813
9753
  `;
9814
- var ScrollableListInputText = css74`
9754
+ var ScrollableListInputText = css72`
9815
9755
  align-items: center;
9816
9756
  display: flex;
9817
9757
  gap: var(--spacing-sm);
9818
9758
  flex-grow: 1;
9819
9759
  flex-wrap: wrap;
9820
9760
  `;
9821
- var ScrollableListHiddenInput = css74`
9761
+ var ScrollableListHiddenInput = css72`
9822
9762
  position: absolute;
9823
9763
  height: 0;
9824
9764
  width: 0;
9825
9765
  opacity: 0;
9826
9766
  `;
9827
- var ScrollableListIcon = css74`
9767
+ var ScrollableListIcon = css72`
9828
9768
  border-radius: var(--rounded-full);
9829
9769
  background: var(--brand-secondary-3);
9830
9770
  color: var(--white);
@@ -9832,12 +9772,12 @@ var ScrollableListIcon = css74`
9832
9772
  min-width: 24px;
9833
9773
  opacity: 0;
9834
9774
  `;
9835
- var ScrollableListIconVisible = css74`
9775
+ var ScrollableListIconVisible = css72`
9836
9776
  animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
9837
9777
  `;
9838
9778
 
9839
9779
  // src/components/List/ScrollableListInputItem.tsx
9840
- import { jsx as jsx95, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
9780
+ import { jsx as jsx93, jsxs as jsxs60 } from "@emotion/react/jsx-runtime";
9841
9781
  var ScrollableListInputItem = ({
9842
9782
  label,
9843
9783
  icon,
@@ -9847,7 +9787,7 @@ var ScrollableListInputItem = ({
9847
9787
  labelTestId,
9848
9788
  ...props
9849
9789
  }) => {
9850
- return /* @__PURE__ */ jsx95(
9790
+ return /* @__PURE__ */ jsx93(
9851
9791
  "div",
9852
9792
  {
9853
9793
  css: [
@@ -9856,13 +9796,13 @@ var ScrollableListInputItem = ({
9856
9796
  active2 ? ScrollableListItemActive : void 0
9857
9797
  ],
9858
9798
  ...props,
9859
- children: /* @__PURE__ */ jsxs62("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
9860
- /* @__PURE__ */ jsxs62("span", { css: ScrollableListInputText, children: [
9799
+ children: /* @__PURE__ */ jsxs60("label", { "data-testid": labelTestId, css: ScrollableListInputLabel, children: [
9800
+ /* @__PURE__ */ jsxs60("span", { css: ScrollableListInputText, children: [
9861
9801
  icon,
9862
9802
  label
9863
9803
  ] }),
9864
- /* @__PURE__ */ jsx95("div", { css: ScrollableListHiddenInput, children }),
9865
- /* @__PURE__ */ jsx95(
9804
+ /* @__PURE__ */ jsx93("div", { css: ScrollableListHiddenInput, children }),
9805
+ /* @__PURE__ */ jsx93(
9866
9806
  Icon,
9867
9807
  {
9868
9808
  icon: CgCheck3,
@@ -9880,7 +9820,7 @@ var ScrollableListInputItem = ({
9880
9820
 
9881
9821
  // src/components/List/ScrollableListItem.tsx
9882
9822
  import { CgCheck as CgCheck4 } from "@react-icons/all-files/cg/CgCheck";
9883
- import { jsx as jsx96, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
9823
+ import { jsx as jsx94, jsxs as jsxs61 } from "@emotion/react/jsx-runtime";
9884
9824
  var ScrollableListItem = ({
9885
9825
  buttonText,
9886
9826
  icon,
@@ -9888,7 +9828,7 @@ var ScrollableListItem = ({
9888
9828
  disableShadow,
9889
9829
  ...props
9890
9830
  }) => {
9891
- return /* @__PURE__ */ jsx96(
9831
+ return /* @__PURE__ */ jsx94(
9892
9832
  "div",
9893
9833
  {
9894
9834
  css: [
@@ -9896,12 +9836,12 @@ var ScrollableListItem = ({
9896
9836
  disableShadow ? void 0 : ScrollableListItemShadow,
9897
9837
  active2 ? ScrollableListItemActive : void 0
9898
9838
  ],
9899
- children: /* @__PURE__ */ jsxs63("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
9900
- /* @__PURE__ */ jsxs63(HorizontalRhythm, { gap: "xs", align: "center", children: [
9839
+ children: /* @__PURE__ */ jsxs61("button", { css: ScrollableListItemBtn, type: "button", ...props, children: [
9840
+ /* @__PURE__ */ jsxs61(HorizontalRhythm, { gap: "xs", align: "center", children: [
9901
9841
  icon,
9902
- /* @__PURE__ */ jsx96("span", { children: buttonText })
9842
+ /* @__PURE__ */ jsx94("span", { children: buttonText })
9903
9843
  ] }),
9904
- /* @__PURE__ */ jsx96(
9844
+ /* @__PURE__ */ jsx94(
9905
9845
  Icon,
9906
9846
  {
9907
9847
  icon: CgCheck4,
@@ -9916,7 +9856,7 @@ var ScrollableListItem = ({
9916
9856
  };
9917
9857
 
9918
9858
  // src/components/LoadingIndicator/LoadingIndicator.styles.ts
9919
- import { css as css75, keyframes as keyframes3 } from "@emotion/react";
9859
+ import { css as css73, keyframes as keyframes3 } from "@emotion/react";
9920
9860
  function bounceFade(size) {
9921
9861
  const bounceHeight = size === "lg" ? 10 : 5;
9922
9862
  return keyframes3`
@@ -9937,13 +9877,13 @@ function bounceFade(size) {
9937
9877
  }
9938
9878
  `;
9939
9879
  }
9940
- var loader = css75`
9880
+ var loader = css73`
9941
9881
  display: inline-flex;
9942
9882
  justify-content: center;
9943
9883
  `;
9944
9884
  function loadingDot(size, backgroundColor) {
9945
9885
  const dotSize = size === "lg" ? 8 : 4;
9946
- return css75`
9886
+ return css73`
9947
9887
  background-color: ${backgroundColor};
9948
9888
  display: block;
9949
9889
  border-radius: var(--rounded-full);
@@ -9968,7 +9908,7 @@ function loadingDot(size, backgroundColor) {
9968
9908
  }
9969
9909
 
9970
9910
  // src/components/LoadingIndicator/LoadingIndicator.tsx
9971
- import { jsx as jsx97, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
9911
+ import { jsx as jsx95, jsxs as jsxs62 } from "@emotion/react/jsx-runtime";
9972
9912
  var cssColorMap = {
9973
9913
  gray: "var(--gray-700)",
9974
9914
  "accent-alt": "var(--accent-alt-dark)"
@@ -9976,44 +9916,44 @@ var cssColorMap = {
9976
9916
  var LoadingIndicator = ({ size = "lg", color = "gray", ...props }) => {
9977
9917
  const cssColor = cssColorMap[color];
9978
9918
  const dotStyle = loadingDot(size, cssColor);
9979
- return /* @__PURE__ */ jsxs64("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
9980
- /* @__PURE__ */ jsx97("span", { css: dotStyle }),
9981
- /* @__PURE__ */ jsx97("span", { css: dotStyle }),
9982
- /* @__PURE__ */ jsx97("span", { css: dotStyle })
9919
+ return /* @__PURE__ */ jsxs62("div", { role: "alert", css: loader, "data-testid": "loading-indicator", ...props, children: [
9920
+ /* @__PURE__ */ jsx95("span", { css: dotStyle }),
9921
+ /* @__PURE__ */ jsx95("span", { css: dotStyle }),
9922
+ /* @__PURE__ */ jsx95("span", { css: dotStyle })
9983
9923
  ] });
9984
9924
  };
9985
9925
 
9986
9926
  // src/components/LoadingOverlay/LoadingOverlay.styles.ts
9987
- import { css as css76 } from "@emotion/react";
9988
- var loadingOverlayContainer = css76`
9927
+ import { css as css74 } from "@emotion/react";
9928
+ var loadingOverlayContainer = css74`
9989
9929
  inset: 0;
9990
9930
  overflow: hidden;
9991
9931
  justify-content: center;
9992
9932
  padding: var(--spacing-xl);
9993
9933
  overflow-y: auto;
9994
9934
  `;
9995
- var loadingOverlayVisible = css76`
9935
+ var loadingOverlayVisible = css74`
9996
9936
  display: flex;
9997
9937
  `;
9998
- var loadingOverlayHidden = css76`
9938
+ var loadingOverlayHidden = css74`
9999
9939
  display: none;
10000
9940
  `;
10001
- var loadingOverlayBackground = (bgColor) => css76`
9941
+ var loadingOverlayBackground = (bgColor) => css74`
10002
9942
  background: ${bgColor};
10003
9943
  opacity: 0.92;
10004
9944
  position: absolute;
10005
9945
  inset: 0 0;
10006
9946
  `;
10007
- var loadingOverlayBody = css76`
9947
+ var loadingOverlayBody = css74`
10008
9948
  align-items: center;
10009
9949
  display: flex;
10010
9950
  flex-direction: column;
10011
9951
  `;
10012
- var loadingOverlayMessage = css76`
9952
+ var loadingOverlayMessage = css74`
10013
9953
  color: var(--gray-600);
10014
9954
  margin: var(--spacing-base) 0 0;
10015
9955
  `;
10016
- var loaderAnimationContainer = css76`
9956
+ var loaderAnimationContainer = css74`
10017
9957
  aspect-ratio: 1/1;
10018
9958
  position: relative;
10019
9959
  transition: filter var(--duration-xslow) ease-in-out;
@@ -10204,7 +10144,7 @@ var loaderAnimationContainer = css76`
10204
10144
  `;
10205
10145
 
10206
10146
  // src/components/LoadingOverlay/LoadingOverlay.tsx
10207
- import { jsx as jsx98, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
10147
+ import { jsx as jsx96, jsxs as jsxs63 } from "@emotion/react/jsx-runtime";
10208
10148
  var LoadingOverlay = ({
10209
10149
  isActive,
10210
10150
  statusMessage,
@@ -10216,7 +10156,7 @@ var LoadingOverlay = ({
10216
10156
  children,
10217
10157
  position = "absolute"
10218
10158
  }) => {
10219
- return /* @__PURE__ */ jsxs65(
10159
+ return /* @__PURE__ */ jsxs63(
10220
10160
  "div",
10221
10161
  {
10222
10162
  role: "alert",
@@ -10229,11 +10169,11 @@ var LoadingOverlay = ({
10229
10169
  "aria-hidden": !isActive,
10230
10170
  "aria-busy": isActive && !isPaused,
10231
10171
  children: [
10232
- /* @__PURE__ */ jsx98("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
10233
- /* @__PURE__ */ jsx98("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ jsxs65("div", { css: loadingOverlayBody, children: [
10234
- /* @__PURE__ */ jsx98(LoadingAnimation, { label: "Loading...", isPaused, width: loaderSize }),
10235
- statusMessage ? /* @__PURE__ */ jsx98("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
10236
- /* @__PURE__ */ jsx98("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
10172
+ /* @__PURE__ */ jsx96("div", { css: loadingOverlayBackground(overlayBackgroundColor) }),
10173
+ /* @__PURE__ */ jsx96("div", { css: { position: "relative", maxWidth: "100%", margin: isTopAligned ? "0" : "auto" }, children: /* @__PURE__ */ jsxs63("div", { css: loadingOverlayBody, children: [
10174
+ /* @__PURE__ */ jsx96(LoadingAnimation, { label: "Loading...", isPaused, width: loaderSize }),
10175
+ statusMessage ? /* @__PURE__ */ jsx96("div", { css: loadingOverlayMessage, children: statusMessage }) : null,
10176
+ /* @__PURE__ */ jsx96("div", { css: { width: "100%", marginTop: "var(--spacing-md)" }, children })
10237
10177
  ] }) })
10238
10178
  ]
10239
10179
  }
@@ -10242,10 +10182,10 @@ var LoadingOverlay = ({
10242
10182
  var LoadingAnimation = ({
10243
10183
  label,
10244
10184
  width,
10245
- css: css110,
10185
+ css: css108,
10246
10186
  isPaused
10247
10187
  }) => {
10248
- return /* @__PURE__ */ jsxs65(
10188
+ return /* @__PURE__ */ jsxs63(
10249
10189
  "div",
10250
10190
  {
10251
10191
  "aria-label": label,
@@ -10253,41 +10193,41 @@ var LoadingAnimation = ({
10253
10193
  width: typeof width === "number" ? `${width}px` : width,
10254
10194
  height: typeof width === "number" ? `${width}px` : width
10255
10195
  },
10256
- css: [loaderAnimationContainer, css110],
10196
+ css: [loaderAnimationContainer, css108],
10257
10197
  className: `loader-container${isPaused ? " paused" : ""}`,
10258
10198
  children: [
10259
- /* @__PURE__ */ jsxs65("div", { className: "bottom-cubes", children: [
10260
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-1 bottom-cube", children: [
10261
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10262
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10263
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10199
+ /* @__PURE__ */ jsxs63("div", { className: "bottom-cubes", children: [
10200
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-1 bottom-cube", children: [
10201
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10202
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10203
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10264
10204
  ] }),
10265
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-2 bottom-cube", children: [
10266
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10267
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10268
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10205
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-2 bottom-cube", children: [
10206
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10207
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10208
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10269
10209
  ] }),
10270
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-3 bottom-cube", children: [
10271
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10272
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10273
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10210
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-3 bottom-cube", children: [
10211
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10212
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10213
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10274
10214
  ] })
10275
10215
  ] }),
10276
- /* @__PURE__ */ jsxs65("div", { className: "top-cubes", children: [
10277
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-1", children: [
10278
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10279
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10280
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10216
+ /* @__PURE__ */ jsxs63("div", { className: "top-cubes", children: [
10217
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-1", children: [
10218
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10219
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10220
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10281
10221
  ] }),
10282
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-2", children: [
10283
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10284
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10285
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10222
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-2", children: [
10223
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10224
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10225
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10286
10226
  ] }),
10287
- /* @__PURE__ */ jsxs65("div", { className: "cube cube-3", children: [
10288
- /* @__PURE__ */ jsx98("div", { className: "face left" }),
10289
- /* @__PURE__ */ jsx98("div", { className: "face right" }),
10290
- /* @__PURE__ */ jsx98("div", { className: "face top" })
10227
+ /* @__PURE__ */ jsxs63("div", { className: "cube cube-3", children: [
10228
+ /* @__PURE__ */ jsx96("div", { className: "face left" }),
10229
+ /* @__PURE__ */ jsx96("div", { className: "face right" }),
10230
+ /* @__PURE__ */ jsx96("div", { className: "face top" })
10291
10231
  ] })
10292
10232
  ] })
10293
10233
  ]
@@ -10295,7 +10235,7 @@ var LoadingAnimation = ({
10295
10235
  );
10296
10236
  };
10297
10237
  var LoadingIcon = ({ height, width, ...props }) => {
10298
- return /* @__PURE__ */ jsx98(
10238
+ return /* @__PURE__ */ jsx96(
10299
10239
  "svg",
10300
10240
  {
10301
10241
  viewBox: "0 0 38 38",
@@ -10305,9 +10245,9 @@ var LoadingIcon = ({ height, width, ...props }) => {
10305
10245
  stroke: "currentColor",
10306
10246
  ...props,
10307
10247
  "data-testid": "loading-icon",
10308
- children: /* @__PURE__ */ jsx98("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs65("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10309
- /* @__PURE__ */ jsx98("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10310
- /* @__PURE__ */ jsx98("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx98(
10248
+ children: /* @__PURE__ */ jsx96("g", { fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxs63("g", { transform: "translate(1 1)", strokeWidth: "2", children: [
10249
+ /* @__PURE__ */ jsx96("circle", { strokeOpacity: ".25", cx: "18", cy: "18", r: "18" }),
10250
+ /* @__PURE__ */ jsx96("path", { d: "M36 18c0-9.94-8.06-18-18-18", transform: "rotate(166.645 18 18)", children: /* @__PURE__ */ jsx96(
10311
10251
  "animateTransform",
10312
10252
  {
10313
10253
  attributeName: "transform",
@@ -10329,8 +10269,8 @@ import { CgClose as CgClose4 } from "@react-icons/all-files/cg/CgClose";
10329
10269
  import React17, { useEffect as useEffect12, useRef as useRef7 } from "react";
10330
10270
 
10331
10271
  // src/components/Modal/Modal.styles.ts
10332
- import { css as css77 } from "@emotion/react";
10333
- var modalStyles = css77`
10272
+ import { css as css75 } from "@emotion/react";
10273
+ var modalStyles = css75`
10334
10274
  border: none;
10335
10275
  position: relative;
10336
10276
  max-width: calc(100% - var(--spacing-base) * 2);
@@ -10344,16 +10284,16 @@ var modalStyles = css77`
10344
10284
  opacity: 0.4;
10345
10285
  }
10346
10286
  `;
10347
- var modalSizeSmall = css77`
10287
+ var modalSizeSmall = css75`
10348
10288
  width: clamp(280px, 100vw, 400px);
10349
10289
  `;
10350
- var modalSizeMedium = css77`
10290
+ var modalSizeMedium = css75`
10351
10291
  width: clamp(280px, 100vw, 600px);
10352
10292
  `;
10353
- var modalSizeLarge = css77`
10293
+ var modalSizeLarge = css75`
10354
10294
  width: clamp(280px, 100vw, 800px);
10355
10295
  `;
10356
- var modalInnerStyles = css77`
10296
+ var modalInnerStyles = css75`
10357
10297
  position: relative;
10358
10298
  width: 100%;
10359
10299
  display: flex;
@@ -10366,7 +10306,7 @@ var modalInnerStyles = css77`
10366
10306
  box-shadow: var(--elevation-500);
10367
10307
  border-radius: var(--rounded-base);
10368
10308
  `;
10369
- var modalHeaderStyles = css77`
10309
+ var modalHeaderStyles = css75`
10370
10310
  display: flex;
10371
10311
  align-items: flex-start;
10372
10312
  gap: var(--spacing-base);
@@ -10374,10 +10314,10 @@ var modalHeaderStyles = css77`
10374
10314
  font-family: var(--ff-base);
10375
10315
  line-height: 1.2;
10376
10316
  `;
10377
- var modalHeaderHeaderStyles = css77`
10317
+ var modalHeaderHeaderStyles = css75`
10378
10318
  max-width: calc(100% - 3rem);
10379
10319
  `;
10380
- var modalCloseButtonStyles = css77`
10320
+ var modalCloseButtonStyles = css75`
10381
10321
  background: transparent;
10382
10322
  border: none;
10383
10323
  color: var(--gray-300);
@@ -10392,7 +10332,7 @@ var modalCloseButtonStyles = css77`
10392
10332
  color: var(--gray-400);
10393
10333
  }
10394
10334
  `;
10395
- var modalContentStyles = css77`
10335
+ var modalContentStyles = css75`
10396
10336
  position: relative;
10397
10337
  flex: 1;
10398
10338
  overflow: auto;
@@ -10401,11 +10341,11 @@ var modalContentStyles = css77`
10401
10341
  border-radius: var(--rounded-sm);
10402
10342
  ${scrollbarStyles}
10403
10343
  `;
10404
- var modalDialogWrapper = (hasCloseButton) => css77`
10344
+ var modalDialogWrapper = (hasCloseButton) => css75`
10405
10345
  height: 100%;
10406
10346
  padding: ${hasCloseButton ? 0 : "var(--spacing-md)"} var(--spacing-lg) var(--spacing-md);
10407
10347
  `;
10408
- var modalDialogInnerStyles = css77`
10348
+ var modalDialogInnerStyles = css75`
10409
10349
  // we need to override the gap of the modalInnerStyles when using a modal dialog
10410
10350
  > div {
10411
10351
  gap: 0;
@@ -10413,7 +10353,7 @@ var modalDialogInnerStyles = css77`
10413
10353
  `;
10414
10354
 
10415
10355
  // src/components/Modal/Modal.tsx
10416
- import { jsx as jsx99, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
10356
+ import { jsx as jsx97, jsxs as jsxs64 } from "@emotion/react/jsx-runtime";
10417
10357
  var defaultModalWidth = "75rem";
10418
10358
  var defaultModalHeight = "51rem";
10419
10359
  var Modal = React17.forwardRef(
@@ -10457,7 +10397,7 @@ var Modal = React17.forwardRef(
10457
10397
  (_a2 = dialogRef.current) == null ? void 0 : _a2.close();
10458
10398
  };
10459
10399
  }, []);
10460
- return /* @__PURE__ */ jsx99(
10400
+ return /* @__PURE__ */ jsx97(
10461
10401
  "dialog",
10462
10402
  {
10463
10403
  ref: (element) => {
@@ -10495,7 +10435,7 @@ var Modal = React17.forwardRef(
10495
10435
  e.preventDefault();
10496
10436
  },
10497
10437
  ...modalProps,
10498
- children: /* @__PURE__ */ jsx99(PortalContext.Provider, { value: dialogRef.current, children: /* @__PURE__ */ jsxs66(
10438
+ children: /* @__PURE__ */ jsx97(PortalContext.Provider, { value: dialogRef.current, children: /* @__PURE__ */ jsxs64(
10499
10439
  "div",
10500
10440
  {
10501
10441
  css: [modalInnerStyles, { height: height === "auto" ? "auto" : "100%" }],
@@ -10504,9 +10444,9 @@ var Modal = React17.forwardRef(
10504
10444
  mouseDownInsideModal.current = true;
10505
10445
  },
10506
10446
  children: [
10507
- header2 || onRequestClose ? /* @__PURE__ */ jsxs66("div", { css: modalHeaderStyles, children: [
10508
- header2 ? /* @__PURE__ */ jsx99("div", { css: modalHeaderHeaderStyles, children: header2 }) : null,
10509
- onRequestClose ? /* @__PURE__ */ jsx99(
10447
+ header2 || onRequestClose ? /* @__PURE__ */ jsxs64("div", { css: modalHeaderStyles, children: [
10448
+ header2 ? /* @__PURE__ */ jsx97("div", { css: modalHeaderHeaderStyles, children: header2 }) : null,
10449
+ onRequestClose ? /* @__PURE__ */ jsx97(
10510
10450
  Button,
10511
10451
  {
10512
10452
  type: "button",
@@ -10515,11 +10455,11 @@ var Modal = React17.forwardRef(
10515
10455
  title: "Close dialog",
10516
10456
  buttonType: "ghost",
10517
10457
  "data-testid": "close-dialog",
10518
- children: /* @__PURE__ */ jsx99(Icon, { icon: CgClose4, iconColor: "currentColor", size: 24 })
10458
+ children: /* @__PURE__ */ jsx97(Icon, { icon: CgClose4, iconColor: "currentColor", size: 24 })
10519
10459
  }
10520
10460
  ) : null
10521
10461
  ] }) : null,
10522
- /* @__PURE__ */ jsx99(
10462
+ /* @__PURE__ */ jsx97(
10523
10463
  "div",
10524
10464
  {
10525
10465
  css: [
@@ -10531,7 +10471,7 @@ var Modal = React17.forwardRef(
10531
10471
  children
10532
10472
  }
10533
10473
  ),
10534
- buttonGroup ? /* @__PURE__ */ jsx99(HorizontalRhythm, { children: buttonGroup }) : null
10474
+ buttonGroup ? /* @__PURE__ */ jsx97(HorizontalRhythm, { children: buttonGroup }) : null
10535
10475
  ]
10536
10476
  }
10537
10477
  ) })
@@ -10543,10 +10483,10 @@ Modal.displayName = "Modal";
10543
10483
 
10544
10484
  // src/components/Modal/ModalDialog.tsx
10545
10485
  import { forwardRef as forwardRef18 } from "react";
10546
- import { jsx as jsx100, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
10486
+ import { jsx as jsx98, jsxs as jsxs65 } from "@emotion/react/jsx-runtime";
10547
10487
  var ModalDialog = forwardRef18(
10548
10488
  ({ header: header2, buttonGroup, modalSize = "lg", children, height = "auto", onRequestClose, ...props }, ref) => {
10549
- return /* @__PURE__ */ jsx100(
10489
+ return /* @__PURE__ */ jsx98(
10550
10490
  Modal,
10551
10491
  {
10552
10492
  ...props,
@@ -10558,10 +10498,10 @@ var ModalDialog = forwardRef18(
10558
10498
  withoutContentPadding: true,
10559
10499
  css: modalDialogInnerStyles,
10560
10500
  width: "",
10561
- children: /* @__PURE__ */ jsxs67(VerticalRhythm, { css: modalDialogWrapper(Boolean(onRequestClose)), children: [
10562
- /* @__PURE__ */ jsx100("div", { css: modalHeaderStyles, children: header2 }),
10563
- /* @__PURE__ */ jsx100("div", { css: { flex: 1 }, children }),
10564
- /* @__PURE__ */ jsx100(HorizontalRhythm, { children: buttonGroup })
10501
+ children: /* @__PURE__ */ jsxs65(VerticalRhythm, { css: modalDialogWrapper(Boolean(onRequestClose)), children: [
10502
+ /* @__PURE__ */ jsx98("div", { css: modalHeaderStyles, children: header2 }),
10503
+ /* @__PURE__ */ jsx98("div", { css: { flex: 1 }, children }),
10504
+ /* @__PURE__ */ jsx98(HorizontalRhythm, { children: buttonGroup })
10565
10505
  ] })
10566
10506
  }
10567
10507
  );
@@ -10573,18 +10513,18 @@ ModalDialog.displayName = "ModalDialog";
10573
10513
  import { forwardRef as forwardRef19 } from "react";
10574
10514
 
10575
10515
  // src/components/Objects/styles/ObjectGridContainer.styles.ts
10576
- import { css as css78 } from "@emotion/react";
10577
- var ObjectGridContainer = (gridCount) => css78`
10516
+ import { css as css76 } from "@emotion/react";
10517
+ var ObjectGridContainer = (gridCount) => css76`
10578
10518
  display: grid;
10579
10519
  grid-template-columns: repeat(${gridCount}, minmax(250px, 1fr));
10580
10520
  gap: var(--spacing-base);
10581
10521
  `;
10582
10522
 
10583
10523
  // src/components/Objects/ObjectGridContainer.tsx
10584
- import { jsx as jsx101 } from "@emotion/react/jsx-runtime";
10524
+ import { jsx as jsx99 } from "@emotion/react/jsx-runtime";
10585
10525
  var ObjectGridContainer2 = forwardRef19(
10586
10526
  ({ gridCount = 3, children, ...props }, ref) => {
10587
- return /* @__PURE__ */ jsx101(
10527
+ return /* @__PURE__ */ jsx99(
10588
10528
  "div",
10589
10529
  {
10590
10530
  ref,
@@ -10598,8 +10538,8 @@ var ObjectGridContainer2 = forwardRef19(
10598
10538
  );
10599
10539
 
10600
10540
  // src/components/Objects/styles/ObjectGridItem.styles.ts
10601
- import { css as css79 } from "@emotion/react";
10602
- var ObjectGridItem = css79`
10541
+ import { css as css77 } from "@emotion/react";
10542
+ var ObjectGridItem = css77`
10603
10543
  border: 1px solid var(--gray-300);
10604
10544
  border-radius: var(--rounded-base);
10605
10545
  background: var(--white);
@@ -10618,7 +10558,7 @@ var ObjectGridItem = css79`
10618
10558
  }
10619
10559
  }
10620
10560
  `;
10621
- var ObjectGridWithOnClick = css79`
10561
+ var ObjectGridWithOnClick = css77`
10622
10562
  cursor: pointer;
10623
10563
  &:hover,
10624
10564
  &:focus {
@@ -10626,12 +10566,12 @@ var ObjectGridWithOnClick = css79`
10626
10566
  transition: border-color var(--duration-fast) var(--timing-ease-out);
10627
10567
  }
10628
10568
  `;
10629
- var ObjectGridItemMediaWrapper = css79`
10569
+ var ObjectGridItemMediaWrapper = css77`
10630
10570
  display: flex;
10631
10571
  flex: 1 1 0;
10632
10572
  position: relative;
10633
10573
  `;
10634
- var ObjectGridItemMediaInner = css79`
10574
+ var ObjectGridItemMediaInner = css77`
10635
10575
  background: var(--gray-50);
10636
10576
  border-radius: var(--rounded-base) var(--rounded-base) 0 0;
10637
10577
  position: relative;
@@ -10643,7 +10583,7 @@ var ObjectGridItemMediaInner = css79`
10643
10583
  height: 100%;
10644
10584
  z-index: 0;
10645
10585
  `;
10646
- var ObjectGridItemContentWrapper = css79`
10586
+ var ObjectGridItemContentWrapper = css77`
10647
10587
  display: grid;
10648
10588
  grid-template-columns: 1fr auto;
10649
10589
  padding: var(--spacing-sm);
@@ -10651,15 +10591,15 @@ var ObjectGridItemContentWrapper = css79`
10651
10591
  min-height: 52px;
10652
10592
  width: 100%;
10653
10593
  `;
10654
- var ObjectGridItemInnerWrapper = css79`
10594
+ var ObjectGridItemInnerWrapper = css77`
10655
10595
  min-width: 0;
10656
10596
  `;
10657
- var ObjectGridItemImage = css79`
10597
+ var ObjectGridItemImage = css77`
10658
10598
  object-fit: cover;
10659
10599
  width: 100%;
10660
10600
  height: auto;
10661
10601
  `;
10662
- var ObjectGridItemSubtitle = css79`
10602
+ var ObjectGridItemSubtitle = css77`
10663
10603
  color: var(--gray-500);
10664
10604
  font-size: var(--fs-sm);
10665
10605
  white-space: nowrap;
@@ -10669,7 +10609,7 @@ var ObjectGridItemSubtitle = css79`
10669
10609
  `;
10670
10610
 
10671
10611
  // src/components/Objects/ObjectGridItem.tsx
10672
- import { jsx as jsx102, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
10612
+ import { jsx as jsx100, jsxs as jsxs66 } from "@emotion/react/jsx-runtime";
10673
10613
  var ObjectGridItem2 = ({
10674
10614
  header: header2,
10675
10615
  cover,
@@ -10684,20 +10624,20 @@ var ObjectGridItem2 = ({
10684
10624
  const onStopPropagation = (e) => {
10685
10625
  e.stopPropagation();
10686
10626
  };
10687
- return /* @__PURE__ */ jsxs68(
10627
+ return /* @__PURE__ */ jsxs66(
10688
10628
  "div",
10689
10629
  {
10690
10630
  css: [ObjectGridItem, props.onClick ? ObjectGridWithOnClick : void 0],
10691
10631
  "aria-selected": isSelected,
10692
10632
  ...props,
10693
10633
  children: [
10694
- /* @__PURE__ */ jsx102("div", { css: ObjectGridItemMediaWrapper, children: /* @__PURE__ */ jsx102("div", { css: ObjectGridItemMediaInner, children: cover }) }),
10695
- /* @__PURE__ */ jsxs68("div", { css: ObjectGridItemContentWrapper, children: [
10696
- /* @__PURE__ */ jsxs68(VerticalRhythm, { gap: "0", css: ObjectGridItemInnerWrapper, children: [
10697
- /* @__PURE__ */ jsx102(HorizontalRhythm, { gap: "xs", align: "center", children: header2 }),
10698
- /* @__PURE__ */ jsx102("div", { css: ObjectGridItemSubtitle, children })
10634
+ /* @__PURE__ */ jsx100("div", { css: ObjectGridItemMediaWrapper, children: /* @__PURE__ */ jsx100("div", { css: ObjectGridItemMediaInner, children: cover }) }),
10635
+ /* @__PURE__ */ jsxs66("div", { css: ObjectGridItemContentWrapper, children: [
10636
+ /* @__PURE__ */ jsxs66(VerticalRhythm, { gap: "0", css: ObjectGridItemInnerWrapper, children: [
10637
+ /* @__PURE__ */ jsx100(HorizontalRhythm, { gap: "xs", align: "center", children: header2 }),
10638
+ /* @__PURE__ */ jsx100("div", { css: ObjectGridItemSubtitle, children })
10699
10639
  ] }),
10700
- /* @__PURE__ */ jsxs68(
10640
+ /* @__PURE__ */ jsxs66(
10701
10641
  HorizontalRhythm,
10702
10642
  {
10703
10643
  gap: "xs",
@@ -10706,10 +10646,10 @@ var ObjectGridItem2 = ({
10706
10646
  onClick: hasOnClick ? onStopPropagation : void 0,
10707
10647
  children: [
10708
10648
  rightSlot,
10709
- menuItems ? /* @__PURE__ */ jsx102(
10649
+ menuItems ? /* @__PURE__ */ jsx100(
10710
10650
  Menu,
10711
10651
  {
10712
- menuTrigger: /* @__PURE__ */ jsx102(MenuThreeDots, { "data-testid": menuTestId != null ? menuTestId : "object-grid-item-menu-btn" }),
10652
+ menuTrigger: /* @__PURE__ */ jsx100(MenuThreeDots, { "data-testid": menuTestId != null ? menuTestId : "object-grid-item-menu-btn" }),
10713
10653
  placement: "bottom-end",
10714
10654
  children: menuItems
10715
10655
  }
@@ -10724,8 +10664,8 @@ var ObjectGridItem2 = ({
10724
10664
  };
10725
10665
 
10726
10666
  // src/components/Objects/styles/ObjectGridItemCardCover.styles.ts
10727
- import { css as css80 } from "@emotion/react";
10728
- var CoverImage = css80`
10667
+ import { css as css78 } from "@emotion/react";
10668
+ var CoverImage = css78`
10729
10669
  aspect-ratio: 16/9;
10730
10670
  max-width: 100%;
10731
10671
  max-height: 100%;
@@ -10734,12 +10674,12 @@ var CoverImage = css80`
10734
10674
  padding: var(--spacing-sm);
10735
10675
  object-fit: contain;
10736
10676
  `;
10737
- var CoverContainer = css80`
10677
+ var CoverContainer = css78`
10738
10678
  aspect-ratio: 16/9;
10739
10679
  width: 100%;
10740
10680
  height: 100%;
10741
10681
  `;
10742
- var CoverIconWrapper = css80`
10682
+ var CoverIconWrapper = css78`
10743
10683
  position: relative;
10744
10684
  display: flex;
10745
10685
  align-items: center;
@@ -10747,7 +10687,7 @@ var CoverIconWrapper = css80`
10747
10687
  flex: 1;
10748
10688
  height: 100%;
10749
10689
  `;
10750
- var CoverIconGhost = css80`
10690
+ var CoverIconGhost = css78`
10751
10691
  position: absolute;
10752
10692
  width: 60%;
10753
10693
  height: auto;
@@ -10755,7 +10695,7 @@ var CoverIconGhost = css80`
10755
10695
  opacity: 0.05;
10756
10696
  transform: rotateZ(-15deg) translate(35%, 30%);
10757
10697
  `;
10758
- var CoverSlot = css80`
10698
+ var CoverSlot = css78`
10759
10699
  align-items: center;
10760
10700
  background: var(--gray-50);
10761
10701
  display: flex;
@@ -10766,15 +10706,15 @@ var CoverSlot = css80`
10766
10706
  width: 24px;
10767
10707
  height: 24px;
10768
10708
  `;
10769
- var CoverSlotLeft = css80`
10709
+ var CoverSlotLeft = css78`
10770
10710
  border-bottom-right-radius: var(--rounded-base);
10771
10711
  left: var(--spacing-sm);
10772
10712
  `;
10773
- var CoverSlotRight = css80`
10713
+ var CoverSlotRight = css78`
10774
10714
  border-bottom-left-radius: var(--rounded-base);
10775
10715
  right: var(--spacing-sm);
10776
10716
  `;
10777
- var CoverButton = css80`
10717
+ var CoverButton = css78`
10778
10718
  align-items: stretch;
10779
10719
  border: none;
10780
10720
  background: none;
@@ -10787,27 +10727,27 @@ var CoverButton = css80`
10787
10727
  outline: none;
10788
10728
  }
10789
10729
  `;
10790
- var CoverSlotBottom = css80`
10730
+ var CoverSlotBottom = css78`
10791
10731
  position: absolute;
10792
10732
  bottom: var(--spacing-base);
10793
10733
  `;
10794
- var CoverSlotBottomLeft = css80`
10734
+ var CoverSlotBottomLeft = css78`
10795
10735
  left: var(--spacing-base);
10796
10736
  `;
10797
- var CoverSlotBottomRight = css80`
10737
+ var CoverSlotBottomRight = css78`
10798
10738
  right: var(--spacing-base);
10799
10739
  `;
10800
- var CoverSelectedChip = css80`
10740
+ var CoverSelectedChip = css78`
10801
10741
  animation: ${fadeInBottom} var(--duration-fast) var(--timing-ease-out) forwards;
10802
10742
  opacity: 0;
10803
10743
  `;
10804
10744
 
10805
10745
  // src/components/Objects/ObjectGridItemCardCover.tsx
10806
- import { Fragment as Fragment10, jsx as jsx103, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
10746
+ import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
10807
10747
  var ObjectGridItemCardCover = (props) => {
10808
10748
  if ("imageUrl" in props && props.imageUrl) {
10809
10749
  const { imageUrl, srcSet, alt } = props;
10810
- return /* @__PURE__ */ jsx103("div", { css: CoverContainer, children: /* @__PURE__ */ jsx103(
10750
+ return /* @__PURE__ */ jsx101("div", { css: CoverContainer, children: /* @__PURE__ */ jsx101(
10811
10751
  "img",
10812
10752
  {
10813
10753
  src: imageUrl,
@@ -10822,9 +10762,9 @@ var ObjectGridItemCardCover = (props) => {
10822
10762
  }
10823
10763
  if ("icon" in props && props.icon) {
10824
10764
  const { icon, iconColor } = props;
10825
- return /* @__PURE__ */ jsx103("div", { css: CoverContainer, children: /* @__PURE__ */ jsxs69("div", { css: CoverIconWrapper, "data-testid": "object-grid-item-thumbnail", children: [
10826
- /* @__PURE__ */ jsx103(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", css: CoverIconGhost }),
10827
- /* @__PURE__ */ jsx103(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", size: 48 })
10765
+ return /* @__PURE__ */ jsx101("div", { css: CoverContainer, children: /* @__PURE__ */ jsxs67("div", { css: CoverIconWrapper, "data-testid": "object-grid-item-thumbnail", children: [
10766
+ /* @__PURE__ */ jsx101(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", css: CoverIconGhost }),
10767
+ /* @__PURE__ */ jsx101(Icon, { icon, iconColor: iconColor != null ? iconColor : "currentColor", size: 48 })
10828
10768
  ] }) });
10829
10769
  }
10830
10770
  };
@@ -10835,12 +10775,12 @@ var ObjectGridItemCover = ({
10835
10775
  coverSlotBottomRight,
10836
10776
  ...props
10837
10777
  }) => {
10838
- return /* @__PURE__ */ jsxs69(Fragment10, { children: [
10839
- coverSlotLeft ? /* @__PURE__ */ jsx103("div", { css: [CoverSlot, CoverSlotLeft], children: coverSlotLeft }) : null,
10840
- /* @__PURE__ */ jsx103(ObjectGridItemCardCover, { ...props }),
10841
- coverSlotRight ? /* @__PURE__ */ jsx103("div", { css: [CoverSlot, CoverSlotRight], children: coverSlotRight }) : null,
10842
- coverSlotBottomLeft ? /* @__PURE__ */ jsx103("div", { css: [CoverSlotBottom, CoverSlotBottomLeft], children: coverSlotBottomLeft }) : null,
10843
- coverSlotBottomRight ? /* @__PURE__ */ jsx103("div", { css: [CoverSlotBottom, CoverSlotBottomRight], children: coverSlotBottomRight }) : null
10778
+ return /* @__PURE__ */ jsxs67(Fragment10, { children: [
10779
+ coverSlotLeft ? /* @__PURE__ */ jsx101("div", { css: [CoverSlot, CoverSlotLeft], children: coverSlotLeft }) : null,
10780
+ /* @__PURE__ */ jsx101(ObjectGridItemCardCover, { ...props }),
10781
+ coverSlotRight ? /* @__PURE__ */ jsx101("div", { css: [CoverSlot, CoverSlotRight], children: coverSlotRight }) : null,
10782
+ coverSlotBottomLeft ? /* @__PURE__ */ jsx101("div", { css: [CoverSlotBottom, CoverSlotBottomLeft], children: coverSlotBottomLeft }) : null,
10783
+ coverSlotBottomRight ? /* @__PURE__ */ jsx101("div", { css: [CoverSlotBottom, CoverSlotBottomRight], children: coverSlotBottomRight }) : null
10844
10784
  ] });
10845
10785
  };
10846
10786
  var ObjectGridItemCoverButton = ({
@@ -10850,7 +10790,7 @@ var ObjectGridItemCoverButton = ({
10850
10790
  selectedText = "selected",
10851
10791
  ...props
10852
10792
  }) => {
10853
- return /* @__PURE__ */ jsx103(
10793
+ return /* @__PURE__ */ jsx101(
10854
10794
  "button",
10855
10795
  {
10856
10796
  type: "button",
@@ -10860,11 +10800,11 @@ var ObjectGridItemCoverButton = ({
10860
10800
  onSelection(id);
10861
10801
  },
10862
10802
  "aria-selected": isSelected,
10863
- children: /* @__PURE__ */ jsx103(
10803
+ children: /* @__PURE__ */ jsx101(
10864
10804
  ObjectGridItemCover,
10865
10805
  {
10866
10806
  ...props,
10867
- coverSlotBottomRight: isSelected ? /* @__PURE__ */ jsx103("div", { css: CoverSelectedChip, children: /* @__PURE__ */ jsx103(Chip, { text: selectedText, size: "xs", theme: "accent-dark" }) }) : null
10807
+ coverSlotBottomRight: isSelected ? /* @__PURE__ */ jsx101("div", { css: CoverSelectedChip, children: /* @__PURE__ */ jsx101(Chip, { text: selectedText, size: "xs", theme: "accent-dark" }) }) : null
10868
10808
  }
10869
10809
  )
10870
10810
  }
@@ -10875,8 +10815,8 @@ var ObjectGridItemCoverButton = ({
10875
10815
  import { useEffect as useEffect13, useRef as useRef8, useState as useState12 } from "react";
10876
10816
 
10877
10817
  // src/components/Objects/styles/ObjectGridItemHeading.styles.ts
10878
- import { css as css81 } from "@emotion/react";
10879
- var ObjectGridItemHeading = css81`
10818
+ import { css as css79 } from "@emotion/react";
10819
+ var ObjectGridItemHeading = css79`
10880
10820
  color: var(--gray-500);
10881
10821
  overflow: hidden;
10882
10822
  text-overflow: ellipsis;
@@ -10885,12 +10825,12 @@ var ObjectGridItemHeading = css81`
10885
10825
  max-width: 100%;
10886
10826
  font-size: var(--fs-sm);
10887
10827
  `;
10888
- var PopoverContent = css81`
10828
+ var PopoverContent = css79`
10889
10829
  min-width: 50px;
10890
10830
  `;
10891
10831
 
10892
10832
  // src/components/Objects/ObjectGridItemHeading.tsx
10893
- import { jsx as jsx104, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
10833
+ import { jsx as jsx102, jsxs as jsxs68 } from "@emotion/react/jsx-runtime";
10894
10834
  var ObjectGridItemHeading2 = ({
10895
10835
  heading,
10896
10836
  beforeHeadingSlot,
@@ -10920,15 +10860,15 @@ var ObjectGridItemHeading2 = ({
10920
10860
  }
10921
10861
  };
10922
10862
  }, []);
10923
- return /* @__PURE__ */ jsxs70(HorizontalRhythm, { align: "center", gap: "xs", css: { minWidth: 0 }, children: [
10924
- beforeHeadingSlot ? /* @__PURE__ */ jsx104(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: beforeHeadingSlot }) : null,
10925
- /* @__PURE__ */ jsx104(Tooltip, { title: hasTruncation && tooltip ? tooltip : "", children: /* @__PURE__ */ jsx104("div", { role: "heading", css: ObjectGridItemHeading, ref: headingRef, ...props, children: heading }) }),
10926
- afterHeadingSlot ? /* @__PURE__ */ jsx104(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: afterHeadingSlot }) : null
10863
+ return /* @__PURE__ */ jsxs68(HorizontalRhythm, { align: "center", gap: "xs", css: { minWidth: 0 }, children: [
10864
+ beforeHeadingSlot ? /* @__PURE__ */ jsx102(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: beforeHeadingSlot }) : null,
10865
+ /* @__PURE__ */ jsx102(Tooltip, { title: hasTruncation && tooltip ? tooltip : "", children: /* @__PURE__ */ jsx102("div", { role: "heading", css: ObjectGridItemHeading, ref: headingRef, ...props, children: heading }) }),
10866
+ afterHeadingSlot ? /* @__PURE__ */ jsx102(HorizontalRhythm, { gap: "xs", align: "center", onClick: onStopPropagation, children: afterHeadingSlot }) : null
10927
10867
  ] });
10928
10868
  };
10929
10869
 
10930
10870
  // src/components/Objects/ObjectGridItemIconWithTooltip.tsx
10931
- import { jsx as jsx105 } from "@emotion/react/jsx-runtime";
10871
+ import { jsx as jsx103 } from "@emotion/react/jsx-runtime";
10932
10872
  var ObjectGridItemIconWithTooltip = ({
10933
10873
  tooltipTitle,
10934
10874
  placement = "bottom-start",
@@ -10936,19 +10876,19 @@ var ObjectGridItemIconWithTooltip = ({
10936
10876
  iconColor = "accent-dark",
10937
10877
  ...props
10938
10878
  }) => {
10939
- return /* @__PURE__ */ jsx105(Tooltip, { title: tooltipTitle, placement, ...props, css: { minWidth: "max-content" }, children: /* @__PURE__ */ jsx105("span", { css: { whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsx105(Icon, { icon, iconColor, size: "1rem" }) }) });
10879
+ return /* @__PURE__ */ jsx103(Tooltip, { title: tooltipTitle, placement, ...props, css: { minWidth: "max-content" }, children: /* @__PURE__ */ jsx103("span", { css: { whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsx103(Icon, { icon, iconColor, size: "1rem" }) }) });
10940
10880
  };
10941
10881
 
10942
10882
  // src/components/Objects/styles/ObjectGridItemLoadingSkeleton.styles.ts
10943
- import { css as css82 } from "@emotion/react";
10944
- var ObjectGridItemLoadingSkeleton = css82`
10883
+ import { css as css80 } from "@emotion/react";
10884
+ var ObjectGridItemLoadingSkeleton = css80`
10945
10885
  border-radius: var(--rounded-base);
10946
10886
  display: flex;
10947
10887
  flex-direction: column;
10948
10888
  gap: var(--spacing-sm);
10949
10889
  transition: border-color var(--duration-fast) var(--timing-ease-out);
10950
10890
  `;
10951
- var ObjectGridItemLoadingText = (textLength) => css82`
10891
+ var ObjectGridItemLoadingText = (textLength) => css80`
10952
10892
  animation: ${fadeIn} 1s linear infinite alternate;
10953
10893
  border-radius: var(--rounded-base);
10954
10894
  background: var(--gray-300);
@@ -10956,7 +10896,7 @@ var ObjectGridItemLoadingText = (textLength) => css82`
10956
10896
  width: clamp(24px, 100%, ${textLength});
10957
10897
  height: var(--fs-base);
10958
10898
  `;
10959
- var ObjectGridItemLoadingImageWrapper = css82`
10899
+ var ObjectGridItemLoadingImageWrapper = css80`
10960
10900
  aspect-ratio: 16/9;
10961
10901
  max-width: 100%;
10962
10902
  max-height: 100%;
@@ -10964,7 +10904,7 @@ var ObjectGridItemLoadingImageWrapper = css82`
10964
10904
  padding: var(--spacing-sm);
10965
10905
  overflow: hidden;
10966
10906
  `;
10967
- var ObjectGridItemLoadingImage = css82`
10907
+ var ObjectGridItemLoadingImage = css80`
10968
10908
  animation: ${fadeIn} 1s linear infinite alternate;
10969
10909
  border-radius: var(--rounded-base);
10970
10910
  background: var(--gray-300);
@@ -10973,21 +10913,21 @@ var ObjectGridItemLoadingImage = css82`
10973
10913
  height: auto;
10974
10914
  aspect-ratio: 1;
10975
10915
  `;
10976
- var ObjectGridItemLoadingContentWrapper = css82`
10916
+ var ObjectGridItemLoadingContentWrapper = css80`
10977
10917
  padding: 0 var(--spacing-sm) var(--spacing-sm);
10978
10918
  min-height: 52px;
10979
10919
  `;
10980
- var ObjectGridItemLoadingContentContainer = css82`
10920
+ var ObjectGridItemLoadingContentContainer = css80`
10981
10921
  flex-grow: 1;
10982
10922
  gap: var(--spacing-xs);
10983
10923
  `;
10984
10924
 
10985
10925
  // src/components/Objects/ObjectGridItemLoadingSkeleton.tsx
10986
- import { jsx as jsx106, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
10926
+ import { jsx as jsx104, jsxs as jsxs69 } from "@emotion/react/jsx-runtime";
10987
10927
  var ObjectGridItemLoadingSkeleton2 = () => {
10988
- return /* @__PURE__ */ jsxs71("div", { css: ObjectGridItemLoadingSkeleton, children: [
10989
- /* @__PURE__ */ jsx106("div", { css: ObjectGridItemLoadingImageWrapper, "data-testid": "object-grid-item-cover-skeleton", children: /* @__PURE__ */ jsx106("span", { css: ObjectGridItemLoadingImage, role: "presentation" }) }),
10990
- /* @__PURE__ */ jsxs71(
10928
+ return /* @__PURE__ */ jsxs69("div", { css: ObjectGridItemLoadingSkeleton, children: [
10929
+ /* @__PURE__ */ jsx104("div", { css: ObjectGridItemLoadingImageWrapper, "data-testid": "object-grid-item-cover-skeleton", children: /* @__PURE__ */ jsx104("span", { css: ObjectGridItemLoadingImage, role: "presentation" }) }),
10930
+ /* @__PURE__ */ jsxs69(
10991
10931
  HorizontalRhythm,
10992
10932
  {
10993
10933
  css: ObjectGridItemLoadingContentWrapper,
@@ -10995,13 +10935,13 @@ var ObjectGridItemLoadingSkeleton2 = () => {
10995
10935
  justify: "space-between",
10996
10936
  gap: "sm",
10997
10937
  children: [
10998
- /* @__PURE__ */ jsxs71(VerticalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "0", children: [
10999
- /* @__PURE__ */ jsx106(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx106("span", { role: "presentation", css: ObjectGridItemLoadingText("18ch") }) }),
11000
- /* @__PURE__ */ jsx106("span", { role: "presentation", css: ObjectGridItemLoadingText("12ch") })
10938
+ /* @__PURE__ */ jsxs69(VerticalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "0", children: [
10939
+ /* @__PURE__ */ jsx104(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx104("span", { role: "presentation", css: ObjectGridItemLoadingText("18ch") }) }),
10940
+ /* @__PURE__ */ jsx104("span", { role: "presentation", css: ObjectGridItemLoadingText("12ch") })
11001
10941
  ] }),
11002
- /* @__PURE__ */ jsxs71(HorizontalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "xs", justify: "flex-end", children: [
11003
- /* @__PURE__ */ jsx106("span", { role: "presentation", css: ObjectGridItemLoadingText("6ch") }),
11004
- /* @__PURE__ */ jsx106("span", { role: "presentation", css: ObjectGridItemLoadingText("24px") })
10942
+ /* @__PURE__ */ jsxs69(HorizontalRhythm, { css: ObjectGridItemLoadingContentContainer, gap: "xs", justify: "flex-end", children: [
10943
+ /* @__PURE__ */ jsx104("span", { role: "presentation", css: ObjectGridItemLoadingText("6ch") }),
10944
+ /* @__PURE__ */ jsx104("span", { role: "presentation", css: ObjectGridItemLoadingText("24px") })
11005
10945
  ] })
11006
10946
  ]
11007
10947
  }
@@ -11010,8 +10950,8 @@ var ObjectGridItemLoadingSkeleton2 = () => {
11010
10950
  };
11011
10951
 
11012
10952
  // src/components/Objects/styles/ObjectListItem.styles.ts
11013
- import { css as css83 } from "@emotion/react";
11014
- var ObjectListItem = css83`
10953
+ import { css as css81 } from "@emotion/react";
10954
+ var ObjectListItem = css81`
11015
10955
  background: var(--white);
11016
10956
  display: grid;
11017
10957
  gap: var(--spacing-sm);
@@ -11024,25 +10964,25 @@ var ObjectListItem = css83`
11024
10964
  background: var(--gray-50);
11025
10965
  }
11026
10966
  `;
11027
- var ObjectListItemSingle = css83`
10967
+ var ObjectListItemSingle = css81`
11028
10968
  align-items: center;
11029
10969
  `;
11030
- var ObjectListItemContentWrapper = css83`
10970
+ var ObjectListItemContentWrapper = css81`
11031
10971
  display: grid;
11032
10972
  gap: var(--spacing-sm);
11033
10973
  justify-content: space-between;
11034
10974
  flex-grow: 1;
11035
10975
  `;
11036
- var ObjectListItemRightSlot = css83`
10976
+ var ObjectListItemRightSlot = css81`
11037
10977
  display: flex;
11038
10978
  gap: var(--spacing-sm);
11039
10979
  `;
11040
- var ObjectListItemContainer = css83`
10980
+ var ObjectListItemContainer = css81`
11041
10981
  > [role='listitem']:not(:first-of-type) {
11042
10982
  border-top: 1px solid var(--gray-200);
11043
10983
  }
11044
10984
  `;
11045
- var ObjectListItemCover = css83`
10985
+ var ObjectListItemCover = css81`
11046
10986
  align-items: center;
11047
10987
  background: var(--gray-100);
11048
10988
  color: var(--gray-500);
@@ -11052,12 +10992,12 @@ var ObjectListItemCover = css83`
11052
10992
  text-align: center;
11053
10993
  font-size: var(--fs-xs);
11054
10994
  `;
11055
- var ObjectListItemImage = css83`
10995
+ var ObjectListItemImage = css81`
11056
10996
  object-fit: cover;
11057
10997
  width: 100%;
11058
10998
  height: 100%;
11059
10999
  `;
11060
- var ObjectListItemLoading = css83`
11000
+ var ObjectListItemLoading = css81`
11061
11001
  animation: ${skeletonLoading} 1s linear infinite alternate;
11062
11002
  background: var(--white);
11063
11003
  display: flex;
@@ -11065,10 +11005,10 @@ var ObjectListItemLoading = css83`
11065
11005
  flex-grow: 1;
11066
11006
  padding: var(--spacing-sm);
11067
11007
  `;
11068
- var ObjectListItemLoadingInner = css83`
11008
+ var ObjectListItemLoadingInner = css81`
11069
11009
  flex-grow: 1;
11070
11010
  `;
11071
- var ObjectListItemLoadingText = (textLength) => css83`
11011
+ var ObjectListItemLoadingText = (textLength) => css81`
11072
11012
  animation: ${fadeIn} 1s linear infinite alternate;
11073
11013
  border-radius: var(--rounded-base);
11074
11014
  background: var(--gray-300);
@@ -11076,7 +11016,7 @@ var ObjectListItemLoadingText = (textLength) => css83`
11076
11016
  width: clamp(10ch, 100%, ${textLength});
11077
11017
  height: var(--fs-base);
11078
11018
  `;
11079
- var ObjectListItemLoadingImage = css83`
11019
+ var ObjectListItemLoadingImage = css81`
11080
11020
  animation: ${fadeIn} 1s linear infinite alternate;
11081
11021
  border-radius: var(--rounded-base);
11082
11022
  background: var(--gray-300);
@@ -11084,18 +11024,18 @@ var ObjectListItemLoadingImage = css83`
11084
11024
  width: 80px;
11085
11025
  height: 55px;
11086
11026
  `;
11087
- var ObjectListItemHeadingWrapper = css83`
11027
+ var ObjectListItemHeadingWrapper = css81`
11088
11028
  display: flex;
11089
11029
  gap: var(--spacing-xs);
11090
11030
  `;
11091
11031
 
11092
11032
  // src/components/Objects/ObjectItemLoadingSkeleton.tsx
11093
- import { jsx as jsx107, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
11033
+ import { jsx as jsx105, jsxs as jsxs70 } from "@emotion/react/jsx-runtime";
11094
11034
  var ObjectItemLoadingSkeleton = ({
11095
11035
  showCover,
11096
11036
  renderAs = "single"
11097
11037
  }) => {
11098
- return /* @__PURE__ */ jsxs72(
11038
+ return /* @__PURE__ */ jsxs70(
11099
11039
  "div",
11100
11040
  {
11101
11041
  css: [
@@ -11105,10 +11045,10 @@ var ObjectItemLoadingSkeleton = ({
11105
11045
  }
11106
11046
  ],
11107
11047
  children: [
11108
- showCover ? /* @__PURE__ */ jsx107("div", { "data-testid": "object-list-item-cover-skeleton", children: /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectListItemLoadingImage }) }) : null,
11109
- /* @__PURE__ */ jsx107(VerticalRhythm, { css: ObjectListItemLoadingInner, justify: "space-between", gap: "sm", children: /* @__PURE__ */ jsxs72(VerticalRhythm, { gap: "xs", children: [
11110
- /* @__PURE__ */ jsx107(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectListItemLoadingText("30ch") }) }),
11111
- renderAs === "single" ? null : /* @__PURE__ */ jsx107("span", { role: "presentation", css: ObjectListItemLoadingText("20ch") })
11048
+ showCover ? /* @__PURE__ */ jsx105("div", { "data-testid": "object-list-item-cover-skeleton", children: /* @__PURE__ */ jsx105("span", { role: "presentation", css: ObjectListItemLoadingImage }) }) : null,
11049
+ /* @__PURE__ */ jsx105(VerticalRhythm, { css: ObjectListItemLoadingInner, justify: "space-between", gap: "sm", children: /* @__PURE__ */ jsxs70(VerticalRhythm, { gap: "xs", children: [
11050
+ /* @__PURE__ */ jsx105(HorizontalRhythm, { gap: "xs", align: "center", children: /* @__PURE__ */ jsx105("span", { role: "presentation", css: ObjectListItemLoadingText("30ch") }) }),
11051
+ renderAs === "single" ? null : /* @__PURE__ */ jsx105("span", { role: "presentation", css: ObjectListItemLoadingText("20ch") })
11112
11052
  ] }) })
11113
11053
  ]
11114
11054
  }
@@ -11116,7 +11056,7 @@ var ObjectItemLoadingSkeleton = ({
11116
11056
  };
11117
11057
 
11118
11058
  // src/components/Objects/ObjectListItem.tsx
11119
- import { jsx as jsx108, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
11059
+ import { jsx as jsx106, jsxs as jsxs71 } from "@emotion/react/jsx-runtime";
11120
11060
  var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11121
11061
  const {
11122
11062
  renderAs,
@@ -11129,7 +11069,7 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11129
11069
  portalElement,
11130
11070
  ...divProps
11131
11071
  } = props;
11132
- return /* @__PURE__ */ jsxs73(
11072
+ return /* @__PURE__ */ jsxs71(
11133
11073
  "div",
11134
11074
  {
11135
11075
  role: "listitem",
@@ -11138,8 +11078,8 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11138
11078
  "aria-selected": isSelected,
11139
11079
  ...divProps,
11140
11080
  children: [
11141
- /* @__PURE__ */ jsx108(HorizontalRhythm, { gap: "sm", align: "center", children: dragHandle }),
11142
- /* @__PURE__ */ jsxs73(
11081
+ /* @__PURE__ */ jsx106(HorizontalRhythm, { gap: "sm", align: "center", children: dragHandle }),
11082
+ /* @__PURE__ */ jsxs71(
11143
11083
  "div",
11144
11084
  {
11145
11085
  css: [
@@ -11149,15 +11089,15 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11149
11089
  }`
11150
11090
  ],
11151
11091
  children: [
11152
- cover ? /* @__PURE__ */ jsx108(HorizontalRhythm, { gap: "sm", align: "center", children: cover }) : null,
11153
- /* @__PURE__ */ jsxs73(
11092
+ cover ? /* @__PURE__ */ jsx106(HorizontalRhythm, { gap: "sm", align: "center", children: cover }) : null,
11093
+ /* @__PURE__ */ jsxs71(
11154
11094
  VerticalRhythm,
11155
11095
  {
11156
11096
  gap: "0",
11157
11097
  justify: renderAs === "multi" ? "flex-start" : "center",
11158
11098
  "data-testid": "title-container",
11159
11099
  children: [
11160
- /* @__PURE__ */ jsx108(
11100
+ /* @__PURE__ */ jsx106(
11161
11101
  HorizontalRhythm,
11162
11102
  {
11163
11103
  gap: "xs",
@@ -11170,14 +11110,14 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11170
11110
  ]
11171
11111
  }
11172
11112
  ),
11173
- /* @__PURE__ */ jsx108(HorizontalRhythm, { gap: "xs", align: renderAs === "multi" ? "flex-start" : "center", children: rightSlot })
11113
+ /* @__PURE__ */ jsx106(HorizontalRhythm, { gap: "xs", align: renderAs === "multi" ? "flex-start" : "center", children: rightSlot })
11174
11114
  ]
11175
11115
  }
11176
11116
  ),
11177
- menuItems ? /* @__PURE__ */ jsx108(HorizontalRhythm, { gap: "0", align: "flex-start", children: /* @__PURE__ */ jsx108(
11117
+ menuItems ? /* @__PURE__ */ jsx106(HorizontalRhythm, { gap: "0", align: "flex-start", children: /* @__PURE__ */ jsx106(
11178
11118
  Menu,
11179
11119
  {
11180
- menuTrigger: /* @__PURE__ */ jsx108(MenuThreeDots, { "data-testid": "object-list-item-menu-btn" }),
11120
+ menuTrigger: /* @__PURE__ */ jsx106(MenuThreeDots, { "data-testid": "object-list-item-menu-btn" }),
11181
11121
  placement: "bottom-end",
11182
11122
  portalElement,
11183
11123
  children: menuItems
@@ -11189,22 +11129,22 @@ var ObjectListItem2 = ({ minContainerQueryWidth = "34rem", ...props }) => {
11189
11129
  };
11190
11130
 
11191
11131
  // src/components/Objects/ObjectListItemContainer.tsx
11192
- import { jsx as jsx109 } from "@emotion/react/jsx-runtime";
11132
+ import { jsx as jsx107 } from "@emotion/react/jsx-runtime";
11193
11133
  var ObjectListItemContainer2 = ({ children, gap = "0", ...props }) => {
11194
- return /* @__PURE__ */ jsx109(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
11134
+ return /* @__PURE__ */ jsx107(VerticalRhythm, { gap, css: ObjectListItemContainer, role: "list", ...props, children });
11195
11135
  };
11196
11136
 
11197
11137
  // src/components/Objects/ObjectListItemCover.tsx
11198
- import { jsx as jsx110 } from "@emotion/react/jsx-runtime";
11138
+ import { jsx as jsx108 } from "@emotion/react/jsx-runtime";
11199
11139
  var ObjectListItemCover2 = ({
11200
11140
  imageUrl,
11201
11141
  noImageText = "Image not available",
11202
11142
  ...props
11203
11143
  }) => {
11204
11144
  if (!imageUrl) {
11205
- return /* @__PURE__ */ jsx110("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
11145
+ return /* @__PURE__ */ jsx108("div", { css: ObjectListItemCover, role: "presentation", "data-testid": "object-list-item-thumbnail", children: noImageText });
11206
11146
  }
11207
- return /* @__PURE__ */ jsx110("div", { css: ObjectListItemCover, children: /* @__PURE__ */ jsx110(
11147
+ return /* @__PURE__ */ jsx108("div", { css: ObjectListItemCover, children: /* @__PURE__ */ jsx108(
11208
11148
  "img",
11209
11149
  {
11210
11150
  src: imageUrl,
@@ -11217,8 +11157,8 @@ var ObjectListItemCover2 = ({
11217
11157
  };
11218
11158
 
11219
11159
  // src/components/Objects/styles/ObjectListItemHeading.styles.ts
11220
- import { css as css84 } from "@emotion/react";
11221
- var ObjectListItemHeading = css84`
11160
+ import { css as css82 } from "@emotion/react";
11161
+ var ObjectListItemHeading = css82`
11222
11162
  display: flex;
11223
11163
  flex-direction: column;
11224
11164
  gap: var(--spacing-xs);
@@ -11228,22 +11168,22 @@ var ObjectListItemHeading = css84`
11228
11168
  flex-direction: row;
11229
11169
  }
11230
11170
  `;
11231
- var ObjectListItemHeadingAfterWrapper = css84`
11171
+ var ObjectListItemHeadingAfterWrapper = css82`
11232
11172
  line-height: 1.25;
11233
11173
  `;
11234
11174
 
11235
11175
  // src/components/Objects/ObjectListItemHeading.tsx
11236
- import { jsx as jsx111, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
11176
+ import { jsx as jsx109, jsxs as jsxs72 } from "@emotion/react/jsx-runtime";
11237
11177
  var ObjectListItemHeading2 = ({
11238
11178
  heading,
11239
11179
  beforeHeadingSlot,
11240
11180
  afterHeadingSlot,
11241
11181
  ...props
11242
11182
  }) => {
11243
- return /* @__PURE__ */ jsxs74("div", { css: ObjectListItemHeading, ...props, children: [
11244
- beforeHeadingSlot ? /* @__PURE__ */ jsx111(HorizontalRhythm, { gap: "xs", align: "center", children: beforeHeadingSlot }) : null,
11245
- /* @__PURE__ */ jsxs74(HorizontalRhythm, { css: ObjectListItemHeadingAfterWrapper, gap: "xs", align: "flex-start", children: [
11246
- /* @__PURE__ */ jsx111("div", { role: "heading", "data-testid": "reference-item-name", children: heading }),
11183
+ return /* @__PURE__ */ jsxs72("div", { css: ObjectListItemHeading, ...props, children: [
11184
+ beforeHeadingSlot ? /* @__PURE__ */ jsx109(HorizontalRhythm, { gap: "xs", align: "center", children: beforeHeadingSlot }) : null,
11185
+ /* @__PURE__ */ jsxs72(HorizontalRhythm, { css: ObjectListItemHeadingAfterWrapper, gap: "xs", align: "flex-start", children: [
11186
+ /* @__PURE__ */ jsx109("div", { role: "heading", "data-testid": "reference-item-name", children: heading }),
11247
11187
  afterHeadingSlot
11248
11188
  ] })
11249
11189
  ] });
@@ -11253,35 +11193,35 @@ var ObjectListItemHeading2 = ({
11253
11193
  import Paginate from "react-paginate";
11254
11194
 
11255
11195
  // src/components/Pagination/Pagniation.styles.ts
11256
- import { css as css85 } from "@emotion/css";
11257
- var container2 = css85`
11196
+ import { css as css83 } from "@emotion/css";
11197
+ var container2 = css83`
11258
11198
  align-items: center;
11259
11199
  display: flex;
11260
11200
  `;
11261
- var disabled = css85`
11201
+ var disabled = css83`
11262
11202
  opacity: var(--opacity-50);
11263
11203
  `;
11264
- var disabledLink = css85`
11204
+ var disabledLink = css83`
11265
11205
  cursor: pointer-default;
11266
11206
  `;
11267
- var pageLink = css85`
11207
+ var pageLink = css83`
11268
11208
  display: block;
11269
11209
  padding: var(--spacing-sm) var(--spacing-base);
11270
11210
  `;
11271
- var prevNextControls = css85`
11211
+ var prevNextControls = css83`
11272
11212
  padding: var(--spacing-sm) var(--spacing-base);
11273
11213
  `;
11274
- var active = css85`
11214
+ var active = css83`
11275
11215
  border-radius: var(--rounded-base);
11276
11216
  background: var(--gray-200);
11277
11217
  `;
11278
- var page = css85`
11218
+ var page = css83`
11279
11219
  margin-left: var(--spacing-xs);
11280
11220
  margin-right: var(--spacing-xs);
11281
11221
  `;
11282
11222
 
11283
11223
  // src/components/Pagination/Pagination.tsx
11284
- import { jsx as jsx112 } from "@emotion/react/jsx-runtime";
11224
+ import { jsx as jsx110 } from "@emotion/react/jsx-runtime";
11285
11225
  function Pagination({
11286
11226
  limit,
11287
11227
  offset,
@@ -11296,12 +11236,12 @@ function Pagination({
11296
11236
  if (pageCount <= 1) {
11297
11237
  return null;
11298
11238
  }
11299
- return /* @__PURE__ */ jsx112(
11239
+ return /* @__PURE__ */ jsx110(
11300
11240
  Paginate,
11301
11241
  {
11302
11242
  forcePage: currentPage,
11303
- previousLabel: /* @__PURE__ */ jsx112("div", { className: prevNextControls, children: "<" }),
11304
- nextLabel: /* @__PURE__ */ jsx112("div", { className: prevNextControls, children: ">" }),
11243
+ previousLabel: /* @__PURE__ */ jsx110("div", { className: prevNextControls, children: "<" }),
11244
+ nextLabel: /* @__PURE__ */ jsx110("div", { className: prevNextControls, children: ">" }),
11305
11245
  breakLabel: "...",
11306
11246
  pageCount,
11307
11247
  marginPagesDisplayed: 2,
@@ -11341,8 +11281,8 @@ var useParameterShell = () => {
11341
11281
  };
11342
11282
 
11343
11283
  // src/components/ParameterInputs/styles/LabelLeadingIcon.styles.ts
11344
- import { css as css86 } from "@emotion/react";
11345
- var inputIconBtn = css86`
11284
+ import { css as css84 } from "@emotion/react";
11285
+ var inputIconBtn = css84`
11346
11286
  align-items: center;
11347
11287
  border: none;
11348
11288
  border-radius: var(--rounded-base);
@@ -11370,7 +11310,7 @@ var inputIconBtn = css86`
11370
11310
  `;
11371
11311
 
11372
11312
  // src/components/ParameterInputs/LabelLeadingIcon.tsx
11373
- import { jsx as jsx113, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
11313
+ import { jsx as jsx111, jsxs as jsxs73 } from "@emotion/react/jsx-runtime";
11374
11314
  var LabelLeadingIcon = ({
11375
11315
  icon,
11376
11316
  iconColor,
@@ -11381,7 +11321,7 @@ var LabelLeadingIcon = ({
11381
11321
  ...props
11382
11322
  }) => {
11383
11323
  const titleFr = title != null ? title : isLocked ? "Read-only pattern parameter" : "Click to connect to external content";
11384
- return /* @__PURE__ */ jsx113(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs75(
11324
+ return /* @__PURE__ */ jsx111(Tooltip, { title: titleFr, children: /* @__PURE__ */ jsxs73(
11385
11325
  "button",
11386
11326
  {
11387
11327
  css: inputIconBtn,
@@ -11391,7 +11331,7 @@ var LabelLeadingIcon = ({
11391
11331
  ...props,
11392
11332
  "data-testid": "lock-button",
11393
11333
  children: [
11394
- /* @__PURE__ */ jsx113(
11334
+ /* @__PURE__ */ jsx111(
11395
11335
  Icon,
11396
11336
  {
11397
11337
  icon: isLocked ? "lock" : icon ? icon : "arrows-expand-down-right",
@@ -11406,20 +11346,20 @@ var LabelLeadingIcon = ({
11406
11346
  };
11407
11347
 
11408
11348
  // src/components/ParameterInputs/styles/ParameterDrawerHeader.styles.ts
11409
- import { css as css87 } from "@emotion/react";
11410
- var ParameterDrawerHeaderContainer = css87`
11349
+ import { css as css85 } from "@emotion/react";
11350
+ var ParameterDrawerHeaderContainer = css85`
11411
11351
  align-items: center;
11412
11352
  display: flex;
11413
11353
  gap: var(--spacing-base);
11414
11354
  justify-content: space-between;
11415
11355
  margin-bottom: var(--spacing-sm);
11416
11356
  `;
11417
- var ParameterDrawerHeaderTitleGroup = css87`
11357
+ var ParameterDrawerHeaderTitleGroup = css85`
11418
11358
  align-items: center;
11419
11359
  display: flex;
11420
11360
  gap: var(--spacing-sm);
11421
11361
  `;
11422
- var ParameterDrawerHeaderTitle = css87`
11362
+ var ParameterDrawerHeaderTitle = css85`
11423
11363
  text-overflow: ellipsis;
11424
11364
  white-space: nowrap;
11425
11365
  overflow: hidden;
@@ -11427,12 +11367,12 @@ var ParameterDrawerHeaderTitle = css87`
11427
11367
  `;
11428
11368
 
11429
11369
  // src/components/ParameterInputs/ParameterDrawerHeader.tsx
11430
- import { jsx as jsx114, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
11370
+ import { jsx as jsx112, jsxs as jsxs74 } from "@emotion/react/jsx-runtime";
11431
11371
  var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
11432
- return /* @__PURE__ */ jsxs76("div", { css: ParameterDrawerHeaderContainer, children: [
11433
- /* @__PURE__ */ jsxs76("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11372
+ return /* @__PURE__ */ jsxs74("div", { css: ParameterDrawerHeaderContainer, children: [
11373
+ /* @__PURE__ */ jsxs74("header", { css: ParameterDrawerHeaderTitleGroup, children: [
11434
11374
  iconBeforeTitle,
11435
- /* @__PURE__ */ jsx114(Heading2, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
11375
+ /* @__PURE__ */ jsx112(Heading2, { level: 3, withMarginBottom: false, css: ParameterDrawerHeaderTitle, title, children: title })
11436
11376
  ] }),
11437
11377
  children
11438
11378
  ] });
@@ -11442,8 +11382,8 @@ var ParameterDrawerHeader = ({ title, iconBeforeTitle, children }) => {
11442
11382
  import { forwardRef as forwardRef20 } from "react";
11443
11383
 
11444
11384
  // src/components/ParameterInputs/styles/ParameterGroup.styles.ts
11445
- import { css as css88 } from "@emotion/react";
11446
- var fieldsetStyles = css88`
11385
+ import { css as css86 } from "@emotion/react";
11386
+ var fieldsetStyles = css86`
11447
11387
  &:disabled,
11448
11388
  [readonly] {
11449
11389
  pointer-events: none;
@@ -11454,7 +11394,7 @@ var fieldsetStyles = css88`
11454
11394
  }
11455
11395
  }
11456
11396
  `;
11457
- var fieldsetLegend2 = css88`
11397
+ var fieldsetLegend2 = css86`
11458
11398
  display: block;
11459
11399
  font-weight: var(--fw-medium);
11460
11400
  margin-bottom: var(--spacing-sm);
@@ -11462,11 +11402,11 @@ var fieldsetLegend2 = css88`
11462
11402
  `;
11463
11403
 
11464
11404
  // src/components/ParameterInputs/ParameterGroup.tsx
11465
- import { jsx as jsx115, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
11405
+ import { jsx as jsx113, jsxs as jsxs75 } from "@emotion/react/jsx-runtime";
11466
11406
  var ParameterGroup = forwardRef20(
11467
11407
  ({ legend, isDisabled, children, ...props }, ref) => {
11468
- return /* @__PURE__ */ jsxs77("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11469
- /* @__PURE__ */ jsx115("legend", { css: fieldsetLegend2, children: legend }),
11408
+ return /* @__PURE__ */ jsxs75("fieldset", { css: fieldsetStyles, disabled: isDisabled, ref, ...props, children: [
11409
+ /* @__PURE__ */ jsx113("legend", { css: fieldsetLegend2, children: legend }),
11470
11410
  children
11471
11411
  ] });
11472
11412
  }
@@ -11480,15 +11420,15 @@ import { useState as useState13 } from "react";
11480
11420
  import { createPortal as createPortal2 } from "react-dom";
11481
11421
 
11482
11422
  // src/components/ParameterInputs/styles/ParameterImage.styles.ts
11483
- import { css as css89 } from "@emotion/react";
11484
- var previewWrapper = css89`
11423
+ import { css as css87 } from "@emotion/react";
11424
+ var previewWrapper = css87`
11485
11425
  margin-top: var(--spacing-xs);
11486
11426
  background: var(--gray-50);
11487
11427
  padding: var(--spacing-sm);
11488
11428
  border: solid 1px var(--gray-300);
11489
11429
  border-radius: var(--rounded-sm);
11490
11430
  `;
11491
- var previewLink = css89`
11431
+ var previewLink = css87`
11492
11432
  display: block;
11493
11433
  width: 100%;
11494
11434
 
@@ -11496,7 +11436,7 @@ var previewLink = css89`
11496
11436
  max-height: 9rem;
11497
11437
  }
11498
11438
  `;
11499
- var previewModalWrapper = css89`
11439
+ var previewModalWrapper = css87`
11500
11440
  background: var(--gray-50);
11501
11441
  display: flex;
11502
11442
  height: 100%;
@@ -11505,7 +11445,7 @@ var previewModalWrapper = css89`
11505
11445
  border: solid 1px var(--gray-300);
11506
11446
  border-radius: var(--rounded-sm);
11507
11447
  `;
11508
- var previewModalImage = css89`
11448
+ var previewModalImage = css87`
11509
11449
  display: flex;
11510
11450
  height: 100%;
11511
11451
  width: 100%;
@@ -11517,32 +11457,32 @@ var previewModalImage = css89`
11517
11457
  `;
11518
11458
 
11519
11459
  // src/components/ParameterInputs/ParameterImagePreview.tsx
11520
- import { Fragment as Fragment11, jsx as jsx116, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
11460
+ import { Fragment as Fragment11, jsx as jsx114, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
11521
11461
  function ParameterImagePreview({ imageSrc }) {
11522
11462
  const [showModal, setShowModal] = useState13(false);
11523
- return imageSrc ? /* @__PURE__ */ jsxs78("div", { css: previewWrapper, children: [
11524
- /* @__PURE__ */ jsx116(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
11525
- /* @__PURE__ */ jsx116(
11463
+ return imageSrc ? /* @__PURE__ */ jsxs76("div", { css: previewWrapper, children: [
11464
+ /* @__PURE__ */ jsx114(PreviewImageModal, { open: showModal, imageSrc, onRequestClose: () => setShowModal(false) }),
11465
+ /* @__PURE__ */ jsx114(
11526
11466
  "button",
11527
11467
  {
11528
11468
  css: previewLink,
11529
11469
  onClick: () => {
11530
11470
  setShowModal(true);
11531
11471
  },
11532
- children: /* @__PURE__ */ jsx116(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
11472
+ children: /* @__PURE__ */ jsx114(Image, { src: imageSrc, "data-testid": "parameter-image-preview" })
11533
11473
  }
11534
11474
  )
11535
11475
  ] }) : null;
11536
11476
  }
11537
11477
  var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
11538
- return open ? /* @__PURE__ */ jsx116(Fragment11, { children: createPortal2(
11539
- /* @__PURE__ */ jsx116(
11478
+ return open ? /* @__PURE__ */ jsx114(Fragment11, { children: createPortal2(
11479
+ /* @__PURE__ */ jsx114(
11540
11480
  Modal,
11541
11481
  {
11542
11482
  header: "Image Preview",
11543
11483
  onRequestClose,
11544
- buttonGroup: /* @__PURE__ */ jsx116(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
11545
- children: /* @__PURE__ */ jsx116("div", { css: previewModalWrapper, children: /* @__PURE__ */ jsx116(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
11484
+ buttonGroup: /* @__PURE__ */ jsx114(Button, { buttonType: "secondary", onClick: onRequestClose, children: "Ok" }),
11485
+ children: /* @__PURE__ */ jsx114("div", { css: previewModalWrapper, children: /* @__PURE__ */ jsx114(Image, { src: imageSrc, css: previewModalImage, "data-testid": "parameter-image-preview" }) })
11546
11486
  }
11547
11487
  ),
11548
11488
  document.body
@@ -11550,12 +11490,12 @@ var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
11550
11490
  };
11551
11491
 
11552
11492
  // src/components/ParameterInputs/ParameterShell.tsx
11553
- import { css as css92 } from "@emotion/react";
11493
+ import { css as css90 } from "@emotion/react";
11554
11494
  import { useState as useState14 } from "react";
11555
11495
 
11556
11496
  // src/components/ParameterInputs/styles/ParameterInput.styles.ts
11557
- import { css as css90 } from "@emotion/react";
11558
- var inputContainer2 = css90`
11497
+ import { css as css88 } from "@emotion/react";
11498
+ var inputContainer2 = css88`
11559
11499
  position: relative;
11560
11500
  scroll-margin: var(--spacing-2xl);
11561
11501
 
@@ -11568,14 +11508,14 @@ var inputContainer2 = css90`
11568
11508
  }
11569
11509
  }
11570
11510
  `;
11571
- var labelText2 = css90`
11511
+ var labelText2 = css88`
11572
11512
  align-items: center;
11573
11513
  display: flex;
11574
11514
  gap: var(--spacing-xs);
11575
11515
  font-weight: var(--fw-regular);
11576
11516
  margin: 0 0 var(--spacing-xs);
11577
11517
  `;
11578
- var input3 = css90`
11518
+ var input3 = css88`
11579
11519
  display: block;
11580
11520
  appearance: none;
11581
11521
  box-sizing: border-box;
@@ -11623,18 +11563,18 @@ var input3 = css90`
11623
11563
  color: var(--gray-400);
11624
11564
  }
11625
11565
  `;
11626
- var selectInput = css90`
11566
+ var selectInput = css88`
11627
11567
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E");
11628
11568
  background-position: right var(--spacing-sm) center;
11629
11569
  background-repeat: no-repeat;
11630
11570
  background-size: 1rem;
11631
11571
  padding-right: var(--spacing-xl);
11632
11572
  `;
11633
- var inputWrapper = css90`
11573
+ var inputWrapper = css88`
11634
11574
  display: flex; // used to correct overflow with chrome textarea
11635
11575
  position: relative;
11636
11576
  `;
11637
- var inputIcon2 = css90`
11577
+ var inputIcon2 = css88`
11638
11578
  align-items: center;
11639
11579
  background: var(--white);
11640
11580
  border-radius: var(--rounded-md) 0 0 var(--rounded-md);
@@ -11650,7 +11590,7 @@ var inputIcon2 = css90`
11650
11590
  width: var(--spacing-lg);
11651
11591
  z-index: var(--z-10);
11652
11592
  `;
11653
- var inputToggleLabel2 = css90`
11593
+ var inputToggleLabel2 = css88`
11654
11594
  --inline-label-color: var(--typography-base);
11655
11595
  align-items: center;
11656
11596
  cursor: pointer;
@@ -11665,7 +11605,7 @@ var inputToggleLabel2 = css90`
11665
11605
  --inline-label-color: var(--gray-400);
11666
11606
  }
11667
11607
  `;
11668
- var toggleInput2 = css90`
11608
+ var toggleInput2 = css88`
11669
11609
  appearance: none;
11670
11610
  border: 1px solid var(--gray-200);
11671
11611
  background: var(--white);
@@ -11719,7 +11659,7 @@ var toggleInput2 = css90`
11719
11659
  border-color: var(--gray-300);
11720
11660
  }
11721
11661
  `;
11722
- var inlineLabel2 = css90`
11662
+ var inlineLabel2 = css88`
11723
11663
  color: var(--inline-label-color);
11724
11664
  padding-left: var(--spacing-md);
11725
11665
  font-size: var(--fs-sm);
@@ -11736,7 +11676,7 @@ var inlineLabel2 = css90`
11736
11676
  }
11737
11677
  }
11738
11678
  `;
11739
- var inputMenu = css90`
11679
+ var inputMenu = css88`
11740
11680
  background: none;
11741
11681
  border: none;
11742
11682
  padding: var(--spacing-2xs);
@@ -11744,10 +11684,10 @@ var inputMenu = css90`
11744
11684
  top: calc(var(--spacing-md) * -1.2);
11745
11685
  right: 0;
11746
11686
  `;
11747
- var inputActionItems = css90`
11687
+ var inputActionItems = css88`
11748
11688
  display: flex;
11749
11689
  `;
11750
- var inputMenuHover = css90`
11690
+ var inputMenuHover = css88`
11751
11691
  opacity: var(--opacity-50);
11752
11692
  transition: background-color var(--duration-fast) var(--timing-ease-out);
11753
11693
 
@@ -11757,11 +11697,11 @@ var inputMenuHover = css90`
11757
11697
  background-color: var(--gray-200);
11758
11698
  }
11759
11699
  `;
11760
- var textarea2 = css90`
11700
+ var textarea2 = css88`
11761
11701
  resize: vertical;
11762
11702
  min-height: 2rem;
11763
11703
  `;
11764
- var dataConnectButton = css90`
11704
+ var dataConnectButton = css88`
11765
11705
  align-items: center;
11766
11706
  appearance: none;
11767
11707
  box-sizing: border-box;
@@ -11797,7 +11737,7 @@ var dataConnectButton = css90`
11797
11737
  pointer-events: none;
11798
11738
  }
11799
11739
  `;
11800
- var linkParameterBtn = css90`
11740
+ var linkParameterBtn = css88`
11801
11741
  border-radius: var(--rounded-base);
11802
11742
  background: transparent;
11803
11743
  border: none;
@@ -11806,7 +11746,7 @@ var linkParameterBtn = css90`
11806
11746
  font-size: var(--fs-sm);
11807
11747
  line-height: 1;
11808
11748
  `;
11809
- var linkParameterControls = css90`
11749
+ var linkParameterControls = css88`
11810
11750
  position: absolute;
11811
11751
  inset: 0 0 0 auto;
11812
11752
  padding: 0 var(--spacing-base);
@@ -11815,7 +11755,7 @@ var linkParameterControls = css90`
11815
11755
  justify-content: center;
11816
11756
  gap: var(--spacing-base);
11817
11757
  `;
11818
- var linkParameterInput = (withExternalLinkIcon) => css90`
11758
+ var linkParameterInput = (withExternalLinkIcon) => css88`
11819
11759
  padding-right: calc(
11820
11760
  ${withExternalLinkIcon ? "calc(var(--spacing-lg) * 2 + var(--spacing-xs))" : "var(--spacing-xl)"} +
11821
11761
  var(--spacing-base)
@@ -11828,7 +11768,7 @@ var linkParameterInput = (withExternalLinkIcon) => css90`
11828
11768
  }
11829
11769
  }
11830
11770
  `;
11831
- var linkParameterIcon = css90`
11771
+ var linkParameterIcon = css88`
11832
11772
  align-items: center;
11833
11773
  color: var(--brand-secondary-3);
11834
11774
  display: flex;
@@ -11843,20 +11783,20 @@ var linkParameterIcon = css90`
11843
11783
  `;
11844
11784
 
11845
11785
  // src/components/ParameterInputs/ParameterLabel.tsx
11846
- import { jsx as jsx117 } from "@emotion/react/jsx-runtime";
11786
+ import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
11847
11787
  var ParameterLabel = ({ id, asSpan, children, testId, ...props }) => {
11848
- return !asSpan ? /* @__PURE__ */ jsx117("label", { ...props, htmlFor: id, css: labelText2, "data-testid": testId, children }) : /* @__PURE__ */ jsx117("span", { "aria-labelledby": id, css: labelText2, children });
11788
+ return !asSpan ? /* @__PURE__ */ jsx115("label", { ...props, htmlFor: id, css: labelText2, "data-testid": testId, children }) : /* @__PURE__ */ jsx115("span", { "aria-labelledby": id, css: labelText2, children });
11849
11789
  };
11850
11790
 
11851
11791
  // src/components/ParameterInputs/ParameterMenuButton.tsx
11852
11792
  import { forwardRef as forwardRef21 } from "react";
11853
- import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
11793
+ import { jsx as jsx116 } from "@emotion/react/jsx-runtime";
11854
11794
  var ParameterMenuButton = forwardRef21(
11855
11795
  ({ label, children }, ref) => {
11856
- return /* @__PURE__ */ jsx118(
11796
+ return /* @__PURE__ */ jsx116(
11857
11797
  Menu,
11858
11798
  {
11859
- menuTrigger: /* @__PURE__ */ jsx118(
11799
+ menuTrigger: /* @__PURE__ */ jsx116(
11860
11800
  "button",
11861
11801
  {
11862
11802
  className: "parameter-menu",
@@ -11864,7 +11804,7 @@ var ParameterMenuButton = forwardRef21(
11864
11804
  type: "button",
11865
11805
  "aria-label": `${label} options`,
11866
11806
  ref,
11867
- children: /* @__PURE__ */ jsx118(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
11807
+ children: /* @__PURE__ */ jsx116(Icon, { icon: "more-alt", iconColor: "currentColor", size: "0.9rem" })
11868
11808
  }
11869
11809
  ),
11870
11810
  children
@@ -11874,14 +11814,14 @@ var ParameterMenuButton = forwardRef21(
11874
11814
  );
11875
11815
 
11876
11816
  // src/components/ParameterInputs/styles/ParameterShell.styles.ts
11877
- import { css as css91 } from "@emotion/react";
11878
- var emptyParameterShell = css91`
11817
+ import { css as css89 } from "@emotion/react";
11818
+ var emptyParameterShell = css89`
11879
11819
  border-radius: var(--rounded-sm);
11880
11820
  flex-grow: 1;
11881
11821
  position: relative;
11882
11822
  max-width: 100%;
11883
11823
  `;
11884
- var emptyParameterShellText = css91`
11824
+ var emptyParameterShellText = css89`
11885
11825
  background: var(--brand-secondary-6);
11886
11826
  border-radius: var(--rounded-sm);
11887
11827
  padding: var(--spacing-sm);
@@ -11889,7 +11829,7 @@ var emptyParameterShellText = css91`
11889
11829
  font-size: var(--fs-sm);
11890
11830
  margin: 0;
11891
11831
  `;
11892
- var overrideMarker = css91`
11832
+ var overrideMarker = css89`
11893
11833
  border-radius: var(--rounded-sm);
11894
11834
  border: 10px solid var(--gray-300);
11895
11835
  border-left-color: transparent;
@@ -11900,7 +11840,7 @@ var overrideMarker = css91`
11900
11840
  `;
11901
11841
 
11902
11842
  // src/components/ParameterInputs/ParameterShell.tsx
11903
- import { jsx as jsx119, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
11843
+ import { jsx as jsx117, jsxs as jsxs77 } from "@emotion/react/jsx-runtime";
11904
11844
  var extractParameterProps = (props) => {
11905
11845
  const {
11906
11846
  id,
@@ -11963,33 +11903,33 @@ var ParameterShell = ({
11963
11903
  const [manualErrorMessage, setManualErrorMessage] = useState14(void 0);
11964
11904
  const setErrorMessage = (message) => setManualErrorMessage(message);
11965
11905
  const errorMessaging = errorMessage || manualErrorMessage;
11966
- return /* @__PURE__ */ jsxs79("div", { css: inputContainer2, ...props, id, children: [
11967
- hiddenLabel || title ? null : /* @__PURE__ */ jsxs79(ParameterLabel, { id, css: labelText2, children: [
11906
+ return /* @__PURE__ */ jsxs77("div", { css: inputContainer2, ...props, id, children: [
11907
+ hiddenLabel || title ? null : /* @__PURE__ */ jsxs77(ParameterLabel, { id, css: labelText2, children: [
11968
11908
  labelLeadingIcon != null ? labelLeadingIcon : null,
11969
11909
  label,
11970
11910
  labelTrailingIcon != null ? labelTrailingIcon : null
11971
11911
  ] }),
11972
- !title ? null : /* @__PURE__ */ jsxs79(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
11912
+ !title ? null : /* @__PURE__ */ jsxs77(ParameterLabel, { id, asSpan: true, testId: "parameter-label", children: [
11973
11913
  labelLeadingIcon != null ? labelLeadingIcon : null,
11974
11914
  title,
11975
11915
  labelTrailingIcon != null ? labelTrailingIcon : null
11976
11916
  ] }),
11977
- /* @__PURE__ */ jsxs79("div", { css: inputWrapper, children: [
11978
- actionItems ? /* @__PURE__ */ jsx119(
11917
+ /* @__PURE__ */ jsxs77("div", { css: inputWrapper, children: [
11918
+ actionItems ? /* @__PURE__ */ jsx117(
11979
11919
  "div",
11980
11920
  {
11981
11921
  css: [
11982
11922
  inputMenu,
11983
11923
  inputActionItems,
11984
- menuItems ? css92`
11924
+ menuItems ? css90`
11985
11925
  right: var(--spacing-md);
11986
11926
  ` : void 0
11987
11927
  ],
11988
11928
  children: actionItems
11989
11929
  }
11990
11930
  ) : null,
11991
- menuItems ? /* @__PURE__ */ jsx119(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
11992
- /* @__PURE__ */ jsx119(
11931
+ menuItems ? /* @__PURE__ */ jsx117(ParameterMenuButton, { label: `${label} menu`, children: menuItems }) : null,
11932
+ /* @__PURE__ */ jsx117(
11993
11933
  ParameterShellContext.Provider,
11994
11934
  {
11995
11935
  value: {
@@ -11999,14 +11939,14 @@ var ParameterShell = ({
11999
11939
  errorMessage: errorMessaging,
12000
11940
  handleManuallySetErrorMessage: (message) => setErrorMessage(message)
12001
11941
  },
12002
- children: isParameterGroup ? /* @__PURE__ */ jsx119("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs79(ParameterShellPlaceholder, { children: [
11942
+ children: isParameterGroup ? /* @__PURE__ */ jsx117("div", { style: { flexGrow: 1 }, children }) : /* @__PURE__ */ jsxs77(ParameterShellPlaceholder, { children: [
12003
11943
  children,
12004
- hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx119(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
11944
+ hasOverriddenValue && onResetOverriddenValue ? /* @__PURE__ */ jsx117(ParameterOverrideMarker, { onClick: onResetOverriddenValue }) : null
12005
11945
  ] })
12006
11946
  }
12007
11947
  )
12008
11948
  ] }),
12009
- /* @__PURE__ */ jsx119(
11949
+ /* @__PURE__ */ jsx117(
12010
11950
  FieldMessage,
12011
11951
  {
12012
11952
  helperMessageTestId: captionTestId,
@@ -12020,17 +11960,17 @@ var ParameterShell = ({
12020
11960
  ] });
12021
11961
  };
12022
11962
  var ParameterShellPlaceholder = ({ children }) => {
12023
- return /* @__PURE__ */ jsx119("div", { css: emptyParameterShell, children });
11963
+ return /* @__PURE__ */ jsx117("div", { css: emptyParameterShell, children });
12024
11964
  };
12025
- var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx119(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx119("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx119("span", { hidden: true, children: "reset overridden value to default" }) }) });
11965
+ var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx117(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx117("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx117("span", { hidden: true, children: "reset overridden value to default" }) }) });
12026
11966
 
12027
11967
  // src/components/ParameterInputs/ParameterImage.tsx
12028
- import { Fragment as Fragment12, jsx as jsx120, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
11968
+ import { Fragment as Fragment12, jsx as jsx118, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
12029
11969
  var ParameterImage = forwardRef22(
12030
11970
  ({ children, ...props }, ref) => {
12031
11971
  const { shellProps, innerProps } = extractParameterProps(props);
12032
- return /* @__PURE__ */ jsxs80(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
12033
- /* @__PURE__ */ jsx120(ParameterImageInner, { ref, ...innerProps }),
11972
+ return /* @__PURE__ */ jsxs78(ParameterShell, { "data-test-id": "parameter-image", ...shellProps, children: [
11973
+ /* @__PURE__ */ jsx118(ParameterImageInner, { ref, ...innerProps }),
12034
11974
  children
12035
11975
  ] });
12036
11976
  }
@@ -12039,8 +11979,8 @@ var ParameterImageInner = forwardRef22((props, ref) => {
12039
11979
  const { value } = props;
12040
11980
  const { id, label, hiddenLabel, errorMessage } = useParameterShell();
12041
11981
  const deferredValue = useDeferredValue(value);
12042
- return /* @__PURE__ */ jsxs80(Fragment12, { children: [
12043
- /* @__PURE__ */ jsx120(
11982
+ return /* @__PURE__ */ jsxs78(Fragment12, { children: [
11983
+ /* @__PURE__ */ jsx118(
12044
11984
  "input",
12045
11985
  {
12046
11986
  css: input3,
@@ -12052,21 +11992,21 @@ var ParameterImageInner = forwardRef22((props, ref) => {
12052
11992
  ...props
12053
11993
  }
12054
11994
  ),
12055
- errorMessage || props.disablePreview ? null : /* @__PURE__ */ jsx120(ParameterImagePreview, { imageSrc: deferredValue })
11995
+ errorMessage || props.disablePreview ? null : /* @__PURE__ */ jsx118(ParameterImagePreview, { imageSrc: deferredValue })
12056
11996
  ] });
12057
11997
  });
12058
11998
 
12059
11999
  // src/components/ParameterInputs/ParameterInput.tsx
12060
12000
  import { forwardRef as forwardRef23 } from "react";
12061
- import { jsx as jsx121 } from "@emotion/react/jsx-runtime";
12001
+ import { jsx as jsx119 } from "@emotion/react/jsx-runtime";
12062
12002
  var ParameterInput = forwardRef23((props, ref) => {
12063
12003
  const { shellProps, innerProps } = extractParameterProps(props);
12064
- return /* @__PURE__ */ jsx121(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx121(ParameterInputInner, { ref, ...innerProps }) });
12004
+ return /* @__PURE__ */ jsx119(ParameterShell, { "data-testid": "parameter-input", ...shellProps, children: /* @__PURE__ */ jsx119(ParameterInputInner, { ref, ...innerProps }) });
12065
12005
  });
12066
12006
  var ParameterInputInner = forwardRef23(
12067
12007
  ({ ...props }, ref) => {
12068
12008
  const { id, label, hiddenLabel } = useParameterShell();
12069
- return /* @__PURE__ */ jsx121(
12009
+ return /* @__PURE__ */ jsx119(
12070
12010
  "input",
12071
12011
  {
12072
12012
  css: input3,
@@ -12083,18 +12023,18 @@ var ParameterInputInner = forwardRef23(
12083
12023
 
12084
12024
  // src/components/ParameterInputs/ParameterLink.tsx
12085
12025
  import { forwardRef as forwardRef24 } from "react";
12086
- import { jsx as jsx122, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
12026
+ import { jsx as jsx120, jsxs as jsxs79 } from "@emotion/react/jsx-runtime";
12087
12027
  var ParameterLink = forwardRef24(
12088
12028
  ({ disabled: disabled2, onConnectLink, externalLink, ...props }, ref) => {
12089
12029
  const { shellProps, innerProps } = extractParameterProps(props);
12090
- return /* @__PURE__ */ jsx122(
12030
+ return /* @__PURE__ */ jsx120(
12091
12031
  ParameterShell,
12092
12032
  {
12093
12033
  "data-testid": "link-parameter-editor",
12094
12034
  ...shellProps,
12095
12035
  label: innerProps.value ? shellProps.label : "",
12096
12036
  title: !innerProps.value && typeof shellProps.label === "string" ? shellProps.label : void 0,
12097
- children: /* @__PURE__ */ jsx122(
12037
+ children: /* @__PURE__ */ jsx120(
12098
12038
  ParameterLinkInner,
12099
12039
  {
12100
12040
  onConnectLink,
@@ -12111,9 +12051,9 @@ var ParameterLinkInner = forwardRef24(
12111
12051
  ({ externalLink, onConnectLink, disabled: disabled2, buttonText = "Select link", ...props }, ref) => {
12112
12052
  const { id, label, hiddenLabel } = useParameterShell();
12113
12053
  if (!props.value)
12114
- return /* @__PURE__ */ jsx122("button", { type: "button", css: dataConnectButton, disabled: disabled2, onClick: onConnectLink, children: buttonText });
12115
- return /* @__PURE__ */ jsxs81("div", { css: inputWrapper, children: [
12116
- /* @__PURE__ */ jsx122(
12054
+ return /* @__PURE__ */ jsx120("button", { type: "button", css: dataConnectButton, disabled: disabled2, onClick: onConnectLink, children: buttonText });
12055
+ return /* @__PURE__ */ jsxs79("div", { css: inputWrapper, children: [
12056
+ /* @__PURE__ */ jsx120(
12117
12057
  "input",
12118
12058
  {
12119
12059
  type: "text",
@@ -12125,8 +12065,8 @@ var ParameterLinkInner = forwardRef24(
12125
12065
  ...props
12126
12066
  }
12127
12067
  ),
12128
- /* @__PURE__ */ jsxs81("div", { css: linkParameterControls, children: [
12129
- /* @__PURE__ */ jsx122(
12068
+ /* @__PURE__ */ jsxs79("div", { css: linkParameterControls, children: [
12069
+ /* @__PURE__ */ jsx120(
12130
12070
  "button",
12131
12071
  {
12132
12072
  type: "button",
@@ -12138,7 +12078,7 @@ var ParameterLinkInner = forwardRef24(
12138
12078
  children: "edit"
12139
12079
  }
12140
12080
  ),
12141
- externalLink ? /* @__PURE__ */ jsx122(
12081
+ externalLink ? /* @__PURE__ */ jsx120(
12142
12082
  "a",
12143
12083
  {
12144
12084
  href: externalLink,
@@ -12146,7 +12086,7 @@ var ParameterLinkInner = forwardRef24(
12146
12086
  title: "Open link in new tab",
12147
12087
  target: "_blank",
12148
12088
  rel: "noopener noreferrer",
12149
- children: /* @__PURE__ */ jsx122(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
12089
+ children: /* @__PURE__ */ jsx120(Icon, { icon: "arrows-expand-up-right", iconColor: "currentColor", size: "1rem" })
12150
12090
  }
12151
12091
  ) : null
12152
12092
  ] })
@@ -12155,15 +12095,15 @@ var ParameterLinkInner = forwardRef24(
12155
12095
  );
12156
12096
 
12157
12097
  // src/components/ParameterInputs/ParameterMultiSelect.tsx
12158
- import { jsx as jsx123 } from "@emotion/react/jsx-runtime";
12098
+ import { jsx as jsx121 } from "@emotion/react/jsx-runtime";
12159
12099
  var ParameterMultiSelect = ({ disabled: disabled2 = false, ...props }) => {
12160
12100
  const { shellProps, innerProps } = extractParameterProps(props);
12161
- return /* @__PURE__ */ jsx123(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx123(ParameterMultiSelectInner, { isDisabled: disabled2, ...innerProps }) });
12101
+ return /* @__PURE__ */ jsx121(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx121(ParameterMultiSelectInner, { isDisabled: disabled2, ...innerProps }) });
12162
12102
  };
12163
12103
  var ParameterMultiSelectInner = (props) => {
12164
12104
  var _a;
12165
12105
  const { id, label } = useParameterShell();
12166
- return /* @__PURE__ */ jsx123(
12106
+ return /* @__PURE__ */ jsx121(
12167
12107
  InputComboBox,
12168
12108
  {
12169
12109
  menuPortalTarget: document.body,
@@ -12213,7 +12153,7 @@ var ParameterMultiSelectInner = (props) => {
12213
12153
  };
12214
12154
 
12215
12155
  // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
12216
- import { Fragment as Fragment13, jsx as jsx124, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
12156
+ import { Fragment as Fragment13, jsx as jsx122, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
12217
12157
  var ParameterNameAndPublicIdInput = ({
12218
12158
  id,
12219
12159
  onBlur,
@@ -12239,8 +12179,8 @@ var ParameterNameAndPublicIdInput = ({
12239
12179
  navigator.clipboard.writeText(values[publicIdFieldName]);
12240
12180
  };
12241
12181
  autoFocus == null ? void 0 : autoFocus();
12242
- return /* @__PURE__ */ jsxs82(Fragment13, { children: [
12243
- /* @__PURE__ */ jsx124(
12182
+ return /* @__PURE__ */ jsxs80(Fragment13, { children: [
12183
+ /* @__PURE__ */ jsx122(
12244
12184
  ParameterInput,
12245
12185
  {
12246
12186
  id: nameIdField,
@@ -12259,7 +12199,7 @@ var ParameterNameAndPublicIdInput = ({
12259
12199
  value: values[nameIdField]
12260
12200
  }
12261
12201
  ),
12262
- /* @__PURE__ */ jsx124(
12202
+ /* @__PURE__ */ jsx122(
12263
12203
  ParameterInput,
12264
12204
  {
12265
12205
  id: publicIdFieldName,
@@ -12273,11 +12213,11 @@ var ParameterNameAndPublicIdInput = ({
12273
12213
  caption: !publicIdError ? publicIdCaption : void 0,
12274
12214
  placeholder: publicIdPlaceholderText,
12275
12215
  errorMessage: publicIdError,
12276
- menuItems: /* @__PURE__ */ jsx124(
12216
+ menuItems: /* @__PURE__ */ jsx122(
12277
12217
  MenuItem,
12278
12218
  {
12279
12219
  disabled: !values[publicIdFieldName],
12280
- icon: /* @__PURE__ */ jsx124(Icon, { icon: "path-trim", iconColor: "currentColor" }),
12220
+ icon: /* @__PURE__ */ jsx122(Icon, { icon: "path-trim", iconColor: "currentColor" }),
12281
12221
  onClick: handleCopyPidFieldValue,
12282
12222
  children: "Copy"
12283
12223
  }
@@ -12285,12 +12225,12 @@ var ParameterNameAndPublicIdInput = ({
12285
12225
  value: values[publicIdFieldName]
12286
12226
  }
12287
12227
  ),
12288
- (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx124(Callout, { type: "caution", children: warnOverLength.message }) : null
12228
+ (warnOverLength == null ? void 0 : warnOverLength.length) && values[publicIdFieldName].length > warnOverLength.length ? /* @__PURE__ */ jsx122(Callout, { type: "caution", children: warnOverLength.message }) : null
12289
12229
  ] });
12290
12230
  };
12291
12231
 
12292
12232
  // src/components/ParameterInputs/ParameterRichText.tsx
12293
- import { css as css98 } from "@emotion/react";
12233
+ import { css as css96 } from "@emotion/react";
12294
12234
  import { ListItemNode, ListNode as ListNode3 } from "@lexical/list";
12295
12235
  import {
12296
12236
  CODE,
@@ -12458,23 +12398,23 @@ function DisableStylesPlugin() {
12458
12398
  }
12459
12399
 
12460
12400
  // src/components/ParameterInputs/rich-text/editorStyles.ts
12461
- import { css as css93 } from "@emotion/css";
12462
- var textBold = css93`
12401
+ import { css as css91 } from "@emotion/css";
12402
+ var textBold = css91`
12463
12403
  font-weight: 700;
12464
12404
  `;
12465
- var textItalic = css93`
12405
+ var textItalic = css91`
12466
12406
  font-style: italic;
12467
12407
  `;
12468
- var textUnderline = css93`
12408
+ var textUnderline = css91`
12469
12409
  text-decoration: underline;
12470
12410
  `;
12471
- var textStrikethrough = css93`
12411
+ var textStrikethrough = css91`
12472
12412
  text-decoration: line-through;
12473
12413
  `;
12474
- var textUnderlineStrikethrough = css93`
12414
+ var textUnderlineStrikethrough = css91`
12475
12415
  text-decoration: underline line-through;
12476
12416
  `;
12477
- var textCode = css93`
12417
+ var textCode = css91`
12478
12418
  background-color: var(--gray-100);
12479
12419
  border-radius: var(--rounded-sm);
12480
12420
  display: inline-block;
@@ -12485,68 +12425,68 @@ var textCode = css93`
12485
12425
  padding-left: var(--spacing-xs);
12486
12426
  padding-right: var(--spacing-xs);
12487
12427
  `;
12488
- var textSuperscript = css93`
12428
+ var textSuperscript = css91`
12489
12429
  vertical-align: super;
12490
12430
  font-size: smaller;
12491
12431
  `;
12492
- var textSubscript = css93`
12432
+ var textSubscript = css91`
12493
12433
  vertical-align: sub;
12494
12434
  font-size: smaller;
12495
12435
  `;
12496
- var linkElement = css93`
12436
+ var linkElement = css91`
12497
12437
  ${link}
12498
12438
  ${linkColorDefault}
12499
12439
  text-decoration: underline;
12500
12440
  `;
12501
- var h12 = css93`
12441
+ var h12 = css91`
12502
12442
  font-size: clamp(1.35rem, var(--fluid-font-base), 1.7rem);
12503
12443
  `;
12504
- var h22 = css93`
12444
+ var h22 = css91`
12505
12445
  font-size: clamp(1.35rem, var(--fluid-font-base), 1.6rem);
12506
12446
  `;
12507
- var h32 = css93`
12447
+ var h32 = css91`
12508
12448
  font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
12509
12449
  `;
12510
- var h42 = css93`
12450
+ var h42 = css91`
12511
12451
  font-size: clamp(1.15rem, var(--fluid-font-base), 1.25rem);
12512
12452
  `;
12513
- var h52 = css93`
12453
+ var h52 = css91`
12514
12454
  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
12515
12455
  `;
12516
- var h62 = css93`
12456
+ var h62 = css91`
12517
12457
  font-size: var(--fs-base);
12518
12458
  `;
12519
- var heading1Element = css93`
12459
+ var heading1Element = css91`
12520
12460
  ${h12}
12521
12461
  ${commonHeadingAttr(true)}
12522
12462
  ${commonLineHeight}
12523
12463
  `;
12524
- var heading2Element = css93`
12464
+ var heading2Element = css91`
12525
12465
  ${h22}
12526
12466
  ${commonHeadingAttr(true)}
12527
12467
  ${commonLineHeight}
12528
12468
  `;
12529
- var heading3Element = css93`
12469
+ var heading3Element = css91`
12530
12470
  ${h32}
12531
12471
  ${commonHeadingAttr(true)}
12532
12472
  ${commonLineHeight}
12533
12473
  `;
12534
- var heading4Element = css93`
12474
+ var heading4Element = css91`
12535
12475
  ${h42}
12536
12476
  ${commonHeadingAttr(true)}
12537
12477
  ${commonLineHeight}
12538
12478
  `;
12539
- var heading5Element = css93`
12479
+ var heading5Element = css91`
12540
12480
  ${h52}
12541
12481
  ${commonHeadingAttr(true)}
12542
12482
  ${commonLineHeight}
12543
12483
  `;
12544
- var heading6Element = css93`
12484
+ var heading6Element = css91`
12545
12485
  ${h62}
12546
12486
  ${commonHeadingAttr(true)}
12547
12487
  ${commonLineHeight}
12548
12488
  `;
12549
- var paragraphElement = css93`
12489
+ var paragraphElement = css91`
12550
12490
  line-height: 1.5;
12551
12491
  margin-bottom: var(--spacing-base);
12552
12492
 
@@ -12554,7 +12494,7 @@ var paragraphElement = css93`
12554
12494
  margin-bottom: 0;
12555
12495
  }
12556
12496
  `;
12557
- var orderedListElement = css93`
12497
+ var orderedListElement = css91`
12558
12498
  ${commonLineHeight}
12559
12499
  display: block;
12560
12500
  list-style: decimal;
@@ -12583,7 +12523,7 @@ var orderedListElement = css93`
12583
12523
  }
12584
12524
  }
12585
12525
  `;
12586
- var unorderedListElement = css93`
12526
+ var unorderedListElement = css91`
12587
12527
  ${commonLineHeight}
12588
12528
  display: block;
12589
12529
  list-style: disc;
@@ -12604,13 +12544,13 @@ var unorderedListElement = css93`
12604
12544
  }
12605
12545
  }
12606
12546
  `;
12607
- var listItemElement = css93`
12547
+ var listItemElement = css91`
12608
12548
  margin-left: var(--spacing-md);
12609
12549
  `;
12610
- var nestedListItemElement = css93`
12550
+ var nestedListItemElement = css91`
12611
12551
  list-style-type: none;
12612
12552
  `;
12613
- var blockquoteElement = css93`
12553
+ var blockquoteElement = css91`
12614
12554
  border-left: 0.25rem solid var(--gray-300);
12615
12555
  color: var(--gray-600);
12616
12556
  margin-bottom: var(--spacing-base);
@@ -12620,7 +12560,7 @@ var blockquoteElement = css93`
12620
12560
  margin-bottom: 0;
12621
12561
  }
12622
12562
  `;
12623
- var codeElement = css93`
12563
+ var codeElement = css91`
12624
12564
  background-color: var(--gray-100);
12625
12565
  border-radius: var(--rounded-sm);
12626
12566
  display: block;
@@ -12635,7 +12575,7 @@ var codeElement = css93`
12635
12575
  margin-bottom: 0;
12636
12576
  }
12637
12577
  `;
12638
- var tableElement = css93`
12578
+ var tableElement = css91`
12639
12579
  border-collapse: collapse;
12640
12580
  border-spacing: 0;
12641
12581
  border-color: var(--gray-300);
@@ -12648,7 +12588,7 @@ var tableElement = css93`
12648
12588
  margin-bottom: 0;
12649
12589
  }
12650
12590
  `;
12651
- var tableCellElement = css93`
12591
+ var tableCellElement = css91`
12652
12592
  background-color: var(--white);
12653
12593
  border-color: var(--gray-300);
12654
12594
  border-style: solid;
@@ -12684,7 +12624,7 @@ var tableCellElement = css93`
12684
12624
  z-index: 1;
12685
12625
  }
12686
12626
  `;
12687
- var tableHeaderElement = css93`
12627
+ var tableHeaderElement = css91`
12688
12628
  background-color: var(--gray-100);
12689
12629
  border-color: var(--gray-300);
12690
12630
  border-style: solid;
@@ -12754,7 +12694,7 @@ var ImprovedAssetSelectionPlugin = () => {
12754
12694
  var ImprovedAssetSelectionPlugin_default = ImprovedAssetSelectionPlugin;
12755
12695
 
12756
12696
  // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
12757
- import { css as css94 } from "@emotion/react";
12697
+ import { css as css92 } from "@emotion/react";
12758
12698
  import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
12759
12699
  import { NodeEventPlugin } from "@lexical/react/LexicalNodeEventPlugin";
12760
12700
  import {
@@ -12814,7 +12754,7 @@ var getSelectedNode = (selection) => {
12814
12754
  };
12815
12755
 
12816
12756
  // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
12817
- import { Fragment as Fragment14, jsx as jsx125, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
12757
+ import { Fragment as Fragment14, jsx as jsx123, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
12818
12758
  var isProjectMapLinkValue = (value) => {
12819
12759
  return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
12820
12760
  value.nodeId && value.path && value.projectMapId
@@ -13103,17 +13043,17 @@ var OPEN_LINK_NODE_MODAL_COMMAND = createCommand(
13103
13043
  );
13104
13044
  var LINK_POPOVER_OFFSET_X = 0;
13105
13045
  var LINK_POPOVER_OFFSET_Y = 8;
13106
- var linkPopover = css94`
13046
+ var linkPopover = css92`
13107
13047
  position: absolute;
13108
13048
  z-index: 11;
13109
13049
  `;
13110
- var linkPopoverContainer = css94`
13050
+ var linkPopoverContainer = css92`
13111
13051
  ${Popover};
13112
13052
  ${PopoverVariantSmall};
13113
13053
  align-items: center;
13114
13054
  display: flex;
13115
13055
  `;
13116
- var linkPopoverAnchor = css94`
13056
+ var linkPopoverAnchor = css92`
13117
13057
  ${link}
13118
13058
  ${linkColorDefault}
13119
13059
  `;
@@ -13301,8 +13241,8 @@ function LinkNodePlugin({
13301
13241
  });
13302
13242
  });
13303
13243
  };
13304
- return /* @__PURE__ */ jsxs83(Fragment14, { children: [
13305
- /* @__PURE__ */ jsx125(
13244
+ return /* @__PURE__ */ jsxs81(Fragment14, { children: [
13245
+ /* @__PURE__ */ jsx123(
13306
13246
  NodeEventPlugin,
13307
13247
  {
13308
13248
  nodeType: LinkNode,
@@ -13312,7 +13252,7 @@ function LinkNodePlugin({
13312
13252
  }
13313
13253
  }
13314
13254
  ),
13315
- linkPopoverState ? /* @__PURE__ */ jsx125(
13255
+ linkPopoverState ? /* @__PURE__ */ jsx123(
13316
13256
  "div",
13317
13257
  {
13318
13258
  css: linkPopover,
@@ -13321,8 +13261,8 @@ function LinkNodePlugin({
13321
13261
  top: linkPopoverState.position.y
13322
13262
  },
13323
13263
  ref: linkPopoverElRef,
13324
- children: /* @__PURE__ */ jsxs83("div", { css: linkPopoverContainer, children: [
13325
- linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx125(
13264
+ children: /* @__PURE__ */ jsxs81("div", { css: linkPopoverContainer, children: [
13265
+ linkPopoverState.node.__link.type === "projectMapNode" ? linkPopoverState.node.__link.path : /* @__PURE__ */ jsx123(
13326
13266
  "a",
13327
13267
  {
13328
13268
  href: parsePath(
@@ -13334,7 +13274,7 @@ function LinkNodePlugin({
13334
13274
  children: parsePath(linkPopoverState.node.__link.path)
13335
13275
  }
13336
13276
  ),
13337
- /* @__PURE__ */ jsx125(
13277
+ /* @__PURE__ */ jsx123(
13338
13278
  Button,
13339
13279
  {
13340
13280
  size: "xs",
@@ -13342,7 +13282,7 @@ function LinkNodePlugin({
13342
13282
  onEditLinkNode(linkPopoverState.node);
13343
13283
  },
13344
13284
  buttonType: "ghost",
13345
- children: /* @__PURE__ */ jsx125(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
13285
+ children: /* @__PURE__ */ jsx123(Icon, { icon: "pen", size: "1rem", title: "Edit link" })
13346
13286
  }
13347
13287
  )
13348
13288
  ] })
@@ -13480,7 +13420,7 @@ function ListIndentPlugin({ maxDepth }) {
13480
13420
  }
13481
13421
 
13482
13422
  // src/components/ParameterInputs/rich-text/TableActionMenuPlugin.tsx
13483
- import { css as css95 } from "@emotion/react";
13423
+ import { css as css93 } from "@emotion/react";
13484
13424
  import { useLexicalComposerContext as useLexicalComposerContext5 } from "@lexical/react/LexicalComposerContext";
13485
13425
  import { useLexicalEditable } from "@lexical/react/useLexicalEditable";
13486
13426
  import {
@@ -13501,7 +13441,7 @@ import {
13501
13441
  } from "@lexical/table";
13502
13442
  import { $getRoot as $getRoot2, $getSelection as $getSelection3, $isRangeSelection as $isRangeSelection3 } from "lexical";
13503
13443
  import { forwardRef as forwardRef25, useCallback as useCallback9, useEffect as useEffect18, useLayoutEffect, useState as useState16 } from "react";
13504
- import { jsx as jsx126, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
13444
+ import { jsx as jsx124, jsxs as jsxs82 } from "@emotion/react/jsx-runtime";
13505
13445
  function computeSelectionCount(selection) {
13506
13446
  const selectionShape = selection.getShape();
13507
13447
  return {
@@ -13509,7 +13449,7 @@ function computeSelectionCount(selection) {
13509
13449
  rows: selectionShape.toY - selectionShape.fromY + 1
13510
13450
  };
13511
13451
  }
13512
- var tableActionMenuTrigger = css95`
13452
+ var tableActionMenuTrigger = css93`
13513
13453
  position: absolute;
13514
13454
  transform: translate(calc(-100% - 1px), 1px);
13515
13455
  `;
@@ -13523,7 +13463,7 @@ var TableActionMenuTrigger = forwardRef25((props, ref) => {
13523
13463
  const relativeY = rect.top - parentRect.top + positioningAnchorEl.scrollTop;
13524
13464
  setCoordinates({ x: relativeX, y: relativeY });
13525
13465
  }, [tableCellEl, positioningAnchorEl]);
13526
- return /* @__PURE__ */ jsx126(
13466
+ return /* @__PURE__ */ jsx124(
13527
13467
  IconButton,
13528
13468
  {
13529
13469
  ref,
@@ -13537,7 +13477,7 @@ var TableActionMenuTrigger = forwardRef25((props, ref) => {
13537
13477
  size: "xs",
13538
13478
  buttonType: "unimportant",
13539
13479
  ...rest,
13540
- children: /* @__PURE__ */ jsx126(Icon, { icon: "chevron-down", size: "1rem", iconColor: "currentColor" })
13480
+ children: /* @__PURE__ */ jsx124(Icon, { icon: "chevron-down", size: "1rem", iconColor: "currentColor" })
13541
13481
  }
13542
13482
  );
13543
13483
  });
@@ -13688,13 +13628,13 @@ function TableActionMenu({
13688
13628
  clearTableSelection();
13689
13629
  });
13690
13630
  }, [editor, tableCellNode, clearTableSelection]);
13691
- const menuItemCss = css95({
13631
+ const menuItemCss = css93({
13692
13632
  fontSize: "var(--fs-sm)"
13693
13633
  });
13694
- return /* @__PURE__ */ jsxs84(
13634
+ return /* @__PURE__ */ jsxs82(
13695
13635
  Menu,
13696
13636
  {
13697
- menuTrigger: /* @__PURE__ */ jsx126(
13637
+ menuTrigger: /* @__PURE__ */ jsx124(
13698
13638
  TableActionMenuTrigger,
13699
13639
  {
13700
13640
  tableCellEl,
@@ -13705,7 +13645,7 @@ function TableActionMenu({
13705
13645
  portalElement: menuPortalEl,
13706
13646
  maxMenuHeight: "300px",
13707
13647
  children: [
13708
- /* @__PURE__ */ jsxs84(
13648
+ /* @__PURE__ */ jsxs82(
13709
13649
  MenuItem,
13710
13650
  {
13711
13651
  onClick: () => {
@@ -13719,33 +13659,33 @@ function TableActionMenu({
13719
13659
  ]
13720
13660
  }
13721
13661
  ),
13722
- /* @__PURE__ */ jsxs84(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
13662
+ /* @__PURE__ */ jsxs82(MenuItem, { onClick: () => insertTableRowAtSelection(true), css: menuItemCss, children: [
13723
13663
  "Insert ",
13724
13664
  selectionCounts.rows === 1 ? "row" : `${selectionCounts.rows} rows`,
13725
13665
  " below"
13726
13666
  ] }),
13727
- /* @__PURE__ */ jsx126(MenuItemSeparator, {}),
13728
- /* @__PURE__ */ jsxs84(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
13667
+ /* @__PURE__ */ jsx124(MenuItemSeparator, {}),
13668
+ /* @__PURE__ */ jsxs82(MenuItem, { onClick: () => insertTableColumnAtSelection(false), css: menuItemCss, children: [
13729
13669
  "Insert ",
13730
13670
  selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
13731
13671
  " left"
13732
13672
  ] }),
13733
- /* @__PURE__ */ jsxs84(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
13673
+ /* @__PURE__ */ jsxs82(MenuItem, { onClick: () => insertTableColumnAtSelection(true), css: menuItemCss, children: [
13734
13674
  "Insert ",
13735
13675
  selectionCounts.columns === 1 ? "column" : `${selectionCounts.columns} columns`,
13736
13676
  " right"
13737
13677
  ] }),
13738
- /* @__PURE__ */ jsx126(MenuItemSeparator, {}),
13739
- /* @__PURE__ */ jsx126(MenuItem, { onClick: () => deleteTableColumnAtSelection(), css: menuItemCss, children: "Delete column" }),
13740
- /* @__PURE__ */ jsx126(MenuItem, { onClick: () => deleteTableRowAtSelection(), css: menuItemCss, children: "Delete row" }),
13741
- /* @__PURE__ */ jsx126(MenuItem, { onClick: () => deleteTableAtSelection(), css: menuItemCss, children: "Delete table" }),
13742
- /* @__PURE__ */ jsx126(MenuItemSeparator, {}),
13743
- /* @__PURE__ */ jsxs84(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
13678
+ /* @__PURE__ */ jsx124(MenuItemSeparator, {}),
13679
+ /* @__PURE__ */ jsx124(MenuItem, { onClick: () => deleteTableColumnAtSelection(), css: menuItemCss, children: "Delete column" }),
13680
+ /* @__PURE__ */ jsx124(MenuItem, { onClick: () => deleteTableRowAtSelection(), css: menuItemCss, children: "Delete row" }),
13681
+ /* @__PURE__ */ jsx124(MenuItem, { onClick: () => deleteTableAtSelection(), css: menuItemCss, children: "Delete table" }),
13682
+ /* @__PURE__ */ jsx124(MenuItemSeparator, {}),
13683
+ /* @__PURE__ */ jsxs82(MenuItem, { onClick: () => toggleTableRowIsHeader(), css: menuItemCss, children: [
13744
13684
  (tableCellNode.__headerState & TableCellHeaderStates.ROW) === TableCellHeaderStates.ROW ? "Remove" : "Add",
13745
13685
  " ",
13746
13686
  "row header"
13747
13687
  ] }),
13748
- /* @__PURE__ */ jsxs84(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
13688
+ /* @__PURE__ */ jsxs82(MenuItem, { onClick: () => toggleTableColumnIsHeader(), css: menuItemCss, children: [
13749
13689
  (tableCellNode.__headerState & TableCellHeaderStates.COLUMN) === TableCellHeaderStates.COLUMN ? "Remove" : "Add",
13750
13690
  " ",
13751
13691
  "column header"
@@ -13813,7 +13753,7 @@ function TableCellActionMenuContainer({
13813
13753
  });
13814
13754
  });
13815
13755
  });
13816
- return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ jsx126(
13756
+ return tableCellNode != null && tableCellNodeEl != null && tableCellMenuPortalEl != null && /* @__PURE__ */ jsx124(
13817
13757
  TableActionMenu,
13818
13758
  {
13819
13759
  tableCellNode,
@@ -13829,11 +13769,11 @@ function TableActionMenuPlugin({
13829
13769
  menuPortalEl
13830
13770
  }) {
13831
13771
  const isEditable = useLexicalEditable();
13832
- return isEditable ? /* @__PURE__ */ jsx126(TableCellActionMenuContainer, { menuPortalEl, positioningAnchorEl }) : null;
13772
+ return isEditable ? /* @__PURE__ */ jsx124(TableCellActionMenuContainer, { menuPortalEl, positioningAnchorEl }) : null;
13833
13773
  }
13834
13774
 
13835
13775
  // src/components/ParameterInputs/rich-text/TableCellResizerPlugin.tsx
13836
- import { css as css96 } from "@emotion/react";
13776
+ import { css as css94 } from "@emotion/react";
13837
13777
  import { useLexicalComposerContext as useLexicalComposerContext6 } from "@lexical/react/LexicalComposerContext";
13838
13778
  import { useLexicalEditable as useLexicalEditable2 } from "@lexical/react/useLexicalEditable";
13839
13779
  import {
@@ -13847,10 +13787,10 @@ import { calculateZoomLevel } from "@lexical/utils";
13847
13787
  import { $getNearestNodeFromDOMNode } from "lexical";
13848
13788
  import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo6, useRef as useRef11, useState as useState17 } from "react";
13849
13789
  import { createPortal as createPortal3 } from "react-dom";
13850
- import { Fragment as Fragment15, jsx as jsx127, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
13790
+ import { Fragment as Fragment15, jsx as jsx125, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
13851
13791
  var MIN_ROW_HEIGHT = 33;
13852
13792
  var MIN_COLUMN_WIDTH = 50;
13853
- var tableResizer = css96`
13793
+ var tableResizer = css94`
13854
13794
  position: absolute;
13855
13795
  z-index: var(--z-10);
13856
13796
  `;
@@ -14148,8 +14088,8 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
14148
14088
  };
14149
14089
  }, [activeCell, draggingDirection, mouseCurrentPos, positioningAnchorEl]);
14150
14090
  const resizerStyles = getResizers();
14151
- return /* @__PURE__ */ jsx127("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs85(Fragment15, { children: [
14152
- /* @__PURE__ */ jsx127(
14091
+ return /* @__PURE__ */ jsx125("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs83(Fragment15, { children: [
14092
+ /* @__PURE__ */ jsx125(
14153
14093
  "div",
14154
14094
  {
14155
14095
  css: tableResizer,
@@ -14157,7 +14097,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
14157
14097
  onMouseDown: toggleResize("right")
14158
14098
  }
14159
14099
  ),
14160
- /* @__PURE__ */ jsx127(
14100
+ /* @__PURE__ */ jsx125(
14161
14101
  "div",
14162
14102
  {
14163
14103
  css: tableResizer,
@@ -14172,7 +14112,7 @@ function TableCellResizerPlugin({ positioningAnchorEl }) {
14172
14112
  const isEditable = useLexicalEditable2();
14173
14113
  return useMemo6(
14174
14114
  () => isEditable ? createPortal3(
14175
- /* @__PURE__ */ jsx127(TableCellResizer, { editor, positioningAnchorEl }),
14115
+ /* @__PURE__ */ jsx125(TableCellResizer, { editor, positioningAnchorEl }),
14176
14116
  positioningAnchorEl
14177
14117
  ) : null,
14178
14118
  [editor, isEditable, positioningAnchorEl]
@@ -14238,7 +14178,7 @@ var TableSelectionPlugin = () => {
14238
14178
  var TableSelectionPlugin_default = TableSelectionPlugin;
14239
14179
 
14240
14180
  // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
14241
- import { css as css97 } from "@emotion/react";
14181
+ import { css as css95 } from "@emotion/react";
14242
14182
  import { $createCodeNode } from "@lexical/code";
14243
14183
  import {
14244
14184
  $isListNode as $isListNode2,
@@ -14408,8 +14348,8 @@ var useRichTextToolbarState = ({ config }) => {
14408
14348
  };
14409
14349
 
14410
14350
  // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
14411
- import { Fragment as Fragment16, jsx as jsx128, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
14412
- var toolbar = css97`
14351
+ import { Fragment as Fragment16, jsx as jsx126, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
14352
+ var toolbar = css95`
14413
14353
  ${scrollbarStyles}
14414
14354
  background: var(--gray-50);
14415
14355
  border-radius: var(--rounded-base);
@@ -14423,7 +14363,7 @@ var toolbar = css97`
14423
14363
  top: calc(var(--spacing-sm) * -2);
14424
14364
  z-index: 10;
14425
14365
  `;
14426
- var toolbarGroup = css97`
14366
+ var toolbarGroup = css95`
14427
14367
  display: flex;
14428
14368
  flex-shrink: 0;
14429
14369
  gap: var(--spacing-xs);
@@ -14440,7 +14380,7 @@ var toolbarGroup = css97`
14440
14380
  width: 1px;
14441
14381
  }
14442
14382
  `;
14443
- var richTextToolbarButton = css97`
14383
+ var richTextToolbarButton = css95`
14444
14384
  align-items: center;
14445
14385
  appearance: none;
14446
14386
  border: 0;
@@ -14454,21 +14394,21 @@ var richTextToolbarButton = css97`
14454
14394
  min-width: 32px;
14455
14395
  padding: 0 var(--spacing-sm);
14456
14396
  `;
14457
- var richTextToolbarButtonActive = css97`
14397
+ var richTextToolbarButtonActive = css95`
14458
14398
  background: var(--gray-200);
14459
14399
  `;
14460
- var textStyleButton = css97`
14400
+ var textStyleButton = css95`
14461
14401
  justify-content: space-between;
14462
14402
  min-width: 7rem;
14463
14403
  `;
14464
- var toolbarIcon = css97`
14404
+ var toolbarIcon = css95`
14465
14405
  color: inherit;
14466
14406
  `;
14467
- var toolbarChevron = css97`
14407
+ var toolbarChevron = css95`
14468
14408
  margin-left: var(--spacing-xs);
14469
14409
  `;
14470
14410
  var RichTextToolbarIcon = ({ icon }) => {
14471
- return /* @__PURE__ */ jsx128(Icon, { icon, css: toolbarIcon, size: "1rem" });
14411
+ return /* @__PURE__ */ jsx126(Icon, { icon, css: toolbarIcon, size: "1rem" });
14472
14412
  };
14473
14413
  var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset }) => {
14474
14414
  const [editor] = useLexicalComposerContext8();
@@ -14582,14 +14522,14 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14582
14522
  });
14583
14523
  });
14584
14524
  }, [editor, updateToolbar]);
14585
- return /* @__PURE__ */ jsxs86("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
14586
- /* @__PURE__ */ jsxs86(
14525
+ return /* @__PURE__ */ jsxs84("div", { css: toolbar, "data-testid": "rich-text-toolbar", children: [
14526
+ /* @__PURE__ */ jsxs84(
14587
14527
  Menu,
14588
14528
  {
14589
- menuTrigger: /* @__PURE__ */ jsxs86("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", children: [
14529
+ menuTrigger: /* @__PURE__ */ jsxs84("button", { css: [richTextToolbarButton, textStyleButton], title: "Text styles", children: [
14590
14530
  visibleTextualElements.some((element) => element.type === activeElement) ? getLabelForElement(activeElement) : getLabelForElement("paragraph"),
14591
14531
  " ",
14592
- /* @__PURE__ */ jsx128(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
14532
+ /* @__PURE__ */ jsx126(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
14593
14533
  ] }),
14594
14534
  placement: "bottom-start",
14595
14535
  children: [
@@ -14599,7 +14539,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14599
14539
  type: "paragraph"
14600
14540
  },
14601
14541
  ...visibleTextualElements
14602
- ].map((element) => /* @__PURE__ */ jsx128(
14542
+ ].map((element) => /* @__PURE__ */ jsx126(
14603
14543
  MenuItem,
14604
14544
  {
14605
14545
  "data-testid": "menu-item",
@@ -14610,12 +14550,12 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14610
14550
  },
14611
14551
  element.type
14612
14552
  )),
14613
- visibleTextualElements.length === 0 ? /* @__PURE__ */ jsx128(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
14553
+ visibleTextualElements.length === 0 ? /* @__PURE__ */ jsx126(MenuItem, { disabled: true, children: "Alternative text styles are not available" }) : null
14614
14554
  ]
14615
14555
  }
14616
14556
  ),
14617
- visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs86("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
14618
- visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx128(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx128(
14557
+ visibleFormatsWithIcon.length > 0 || visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsxs84("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-formatting", children: [
14558
+ visibleFormatsWithIcon.map((format) => /* @__PURE__ */ jsx126(Tooltip, { title: format.label, placement: "top", children: /* @__PURE__ */ jsx126(
14619
14559
  "button",
14620
14560
  {
14621
14561
  "data-testid": `formatting-button-${format.type}`,
@@ -14626,15 +14566,15 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14626
14566
  richTextToolbarButton,
14627
14567
  activeFormats.includes(format.type) ? richTextToolbarButtonActive : null
14628
14568
  ],
14629
- children: /* @__PURE__ */ jsx128(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
14569
+ children: /* @__PURE__ */ jsx126(RichTextToolbarIcon, { icon: FORMATS_WITH_ICON.get(format.type) })
14630
14570
  }
14631
14571
  ) }, format.type)),
14632
- visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsx128(
14572
+ visibleFormatsWithoutIcon.length > 0 ? /* @__PURE__ */ jsx126(
14633
14573
  Menu,
14634
14574
  {
14635
- menuTrigger: /* @__PURE__ */ jsx128("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ jsx128(Icon, { icon: "more-alt", css: toolbarIcon }) }),
14575
+ menuTrigger: /* @__PURE__ */ jsx126("button", { css: richTextToolbarButton, title: "Alternative text styles", children: /* @__PURE__ */ jsx126(Icon, { icon: "more-alt", css: toolbarIcon }) }),
14636
14576
  placement: "bottom-start",
14637
- children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ jsx128(
14577
+ children: visibleFormatsWithoutIcon.map((format) => /* @__PURE__ */ jsx126(
14638
14578
  MenuItem,
14639
14579
  {
14640
14580
  onClick: () => {
@@ -14647,8 +14587,8 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14647
14587
  }
14648
14588
  ) : null
14649
14589
  ] }) : null,
14650
- visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs86("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
14651
- linkElementVisible ? /* @__PURE__ */ jsx128(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx128(
14590
+ visibleElementsWithIcons.size > 0 || customControls ? /* @__PURE__ */ jsxs84("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-elements", children: [
14591
+ linkElementVisible ? /* @__PURE__ */ jsx126(Tooltip, { title: "Link", placement: "top", children: /* @__PURE__ */ jsx126(
14652
14592
  "button",
14653
14593
  {
14654
14594
  "data-testid": "element-link",
@@ -14660,11 +14600,11 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14660
14600
  }
14661
14601
  },
14662
14602
  css: [richTextToolbarButton, isLink ? richTextToolbarButtonActive : null],
14663
- children: /* @__PURE__ */ jsx128(RichTextToolbarIcon, { icon: "link" })
14603
+ children: /* @__PURE__ */ jsx126(RichTextToolbarIcon, { icon: "link" })
14664
14604
  }
14665
14605
  ) }) : null,
14666
- visibleLists.size > 0 ? /* @__PURE__ */ jsxs86(Fragment16, { children: [
14667
- visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx128(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx128(
14606
+ visibleLists.size > 0 ? /* @__PURE__ */ jsxs84(Fragment16, { children: [
14607
+ visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx126(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx126(
14668
14608
  "button",
14669
14609
  {
14670
14610
  "data-testid": "element-unordered-list",
@@ -14679,10 +14619,10 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14679
14619
  richTextToolbarButton,
14680
14620
  activeElement === "unorderedList" ? richTextToolbarButtonActive : null
14681
14621
  ],
14682
- children: /* @__PURE__ */ jsx128(RichTextToolbarIcon, { icon: "layout-list" })
14622
+ children: /* @__PURE__ */ jsx126(RichTextToolbarIcon, { icon: "layout-list" })
14683
14623
  }
14684
14624
  ) }) : null,
14685
- visibleLists.has("orderedList") ? /* @__PURE__ */ jsx128(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ jsx128(
14625
+ visibleLists.has("orderedList") ? /* @__PURE__ */ jsx126(Tooltip, { title: "Ordered List", placement: "top", children: /* @__PURE__ */ jsx126(
14686
14626
  "button",
14687
14627
  {
14688
14628
  "data-testid": "element-ordered-list",
@@ -14697,58 +14637,58 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14697
14637
  richTextToolbarButton,
14698
14638
  activeElement === "orderedList" ? richTextToolbarButtonActive : null
14699
14639
  ],
14700
- children: /* @__PURE__ */ jsx128(RichTextToolbarIcon, { icon: "layout-list-numbered" })
14640
+ children: /* @__PURE__ */ jsx126(RichTextToolbarIcon, { icon: "layout-list-numbered" })
14701
14641
  }
14702
14642
  ) }) : null
14703
14643
  ] }) : null,
14704
14644
  customControls ? customControls : null
14705
14645
  ] }) : null,
14706
- visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx128("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ jsxs86(
14646
+ visibleInsertElementsWithIcons.size > 0 ? /* @__PURE__ */ jsx126("div", { css: toolbarGroup, "data-testid": "rich-text-toolbar-insert", children: /* @__PURE__ */ jsxs84(
14707
14647
  Menu,
14708
14648
  {
14709
- menuTrigger: /* @__PURE__ */ jsxs86("button", { css: richTextToolbarButton, title: "Insert block element", children: [
14649
+ menuTrigger: /* @__PURE__ */ jsxs84("button", { css: richTextToolbarButton, title: "Insert block element", children: [
14710
14650
  "Insert",
14711
- /* @__PURE__ */ jsx128(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
14651
+ /* @__PURE__ */ jsx126(Icon, { icon: "chevron-down", css: [toolbarIcon, toolbarChevron], size: "1rem" })
14712
14652
  ] }),
14713
14653
  placement: "bottom-start",
14714
14654
  children: [
14715
- quoteElementVisible ? /* @__PURE__ */ jsx128(
14655
+ quoteElementVisible ? /* @__PURE__ */ jsx126(
14716
14656
  MenuItem,
14717
14657
  {
14718
14658
  onClick: () => {
14719
14659
  onSelectElement("quote");
14720
14660
  },
14721
- icon: /* @__PURE__ */ jsx128(Icon, { icon: "quote", iconColor: "currentColor" }),
14661
+ icon: /* @__PURE__ */ jsx126(Icon, { icon: "quote", iconColor: "currentColor" }),
14722
14662
  children: "Quote"
14723
14663
  }
14724
14664
  ) : null,
14725
- codeElementVisible ? /* @__PURE__ */ jsx128(
14665
+ codeElementVisible ? /* @__PURE__ */ jsx126(
14726
14666
  MenuItem,
14727
14667
  {
14728
14668
  onClick: () => {
14729
14669
  onSelectElement("code");
14730
14670
  },
14731
- icon: /* @__PURE__ */ jsx128(Icon, { icon: "code-slash", iconColor: "currentColor" }),
14671
+ icon: /* @__PURE__ */ jsx126(Icon, { icon: "code-slash", iconColor: "currentColor" }),
14732
14672
  children: "Code"
14733
14673
  }
14734
14674
  ) : null,
14735
- tableElementVisible && onInsertTable !== void 0 ? /* @__PURE__ */ jsx128(
14675
+ tableElementVisible && onInsertTable !== void 0 ? /* @__PURE__ */ jsx126(
14736
14676
  MenuItem,
14737
14677
  {
14738
14678
  onClick: () => {
14739
14679
  onSelectElement("table");
14740
14680
  },
14741
- icon: /* @__PURE__ */ jsx128(Icon, { icon: "view-grid", iconColor: "currentColor" }),
14681
+ icon: /* @__PURE__ */ jsx126(Icon, { icon: "view-grid", iconColor: "currentColor" }),
14742
14682
  children: "Table"
14743
14683
  }
14744
14684
  ) : null,
14745
- assetElementVisible && onInsertAsset !== void 0 ? /* @__PURE__ */ jsx128(
14685
+ assetElementVisible && onInsertAsset !== void 0 ? /* @__PURE__ */ jsx126(
14746
14686
  MenuItem,
14747
14687
  {
14748
14688
  onClick: () => {
14749
14689
  onSelectElement("asset");
14750
14690
  },
14751
- icon: /* @__PURE__ */ jsx128(Icon, { icon: "image", iconColor: "currentColor" }),
14691
+ icon: /* @__PURE__ */ jsx126(Icon, { icon: "image", iconColor: "currentColor" }),
14752
14692
  children: "Asset"
14753
14693
  }
14754
14694
  ) : null
@@ -14760,7 +14700,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
14760
14700
  var RichTextToolbar_default = RichTextToolbar;
14761
14701
 
14762
14702
  // src/components/ParameterInputs/ParameterRichText.tsx
14763
- import { Fragment as Fragment17, jsx as jsx129, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
14703
+ import { Fragment as Fragment17, jsx as jsx127, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
14764
14704
  var ParameterRichText = ({
14765
14705
  label,
14766
14706
  labelLeadingIcon,
@@ -14789,7 +14729,7 @@ var ParameterRichText = ({
14789
14729
  onInsertAsset,
14790
14730
  minimalInteractivity
14791
14731
  }) => {
14792
- return /* @__PURE__ */ jsxs87(
14732
+ return /* @__PURE__ */ jsxs85(
14793
14733
  ParameterShell,
14794
14734
  {
14795
14735
  "data-testid": "parameter-richtext",
@@ -14803,7 +14743,7 @@ var ParameterRichText = ({
14803
14743
  captionTestId,
14804
14744
  menuItems,
14805
14745
  children: [
14806
- /* @__PURE__ */ jsx129(
14746
+ /* @__PURE__ */ jsx127(
14807
14747
  ParameterRichTextInner,
14808
14748
  {
14809
14749
  value,
@@ -14825,12 +14765,12 @@ var ParameterRichText = ({
14825
14765
  children
14826
14766
  }
14827
14767
  ),
14828
- menuItems ? /* @__PURE__ */ jsx129(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx129(Fragment17, { children: menuItems }) }) : null
14768
+ menuItems ? /* @__PURE__ */ jsx127(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx127(Fragment17, { children: menuItems }) }) : null
14829
14769
  ]
14830
14770
  }
14831
14771
  );
14832
14772
  };
14833
- var editorContainerWrapper = css98`
14773
+ var editorContainerWrapper = css96`
14834
14774
  position: relative;
14835
14775
 
14836
14776
  &::before {
@@ -14846,12 +14786,12 @@ var editorContainerWrapper = css98`
14846
14786
  z-index: 2;
14847
14787
  }
14848
14788
  `;
14849
- var editorWrapper = css98`
14789
+ var editorWrapper = css96`
14850
14790
  display: flex;
14851
14791
  flex-flow: column;
14852
14792
  flex-grow: 1;
14853
14793
  `;
14854
- var editorContainer = css98`
14794
+ var editorContainer = css96`
14855
14795
  ${scrollbarStyles}
14856
14796
  background: var(--white);
14857
14797
  border-radius: var(--rounded-sm);
@@ -14883,7 +14823,7 @@ var editorContainer = css98`
14883
14823
  max-height: unset;
14884
14824
  }
14885
14825
  `;
14886
- var editorContainerOverflowWrapper = css98`
14826
+ var editorContainerOverflowWrapper = css96`
14887
14827
  overflow: hidden;
14888
14828
  pointer-events: none;
14889
14829
 
@@ -14891,7 +14831,7 @@ var editorContainerOverflowWrapper = css98`
14891
14831
  pointer-events: auto;
14892
14832
  }
14893
14833
  `;
14894
- var editorPlaceholder = css98`
14834
+ var editorPlaceholder = css96`
14895
14835
  color: var(--gray-500);
14896
14836
  font-style: italic;
14897
14837
  /* 1px is added to make sure caret is clearly visible when field is focused
@@ -14902,7 +14842,7 @@ var editorPlaceholder = css98`
14902
14842
  top: calc(1rem + var(--spacing-sm));
14903
14843
  user-select: none;
14904
14844
  `;
14905
- var editorInput = css98`
14845
+ var editorInput = css96`
14906
14846
  min-height: 100%;
14907
14847
  flex-grow: 1;
14908
14848
 
@@ -14986,8 +14926,8 @@ var ParameterRichTextInner = ({
14986
14926
  },
14987
14927
  editable: !readOnly
14988
14928
  };
14989
- return /* @__PURE__ */ jsxs87(Fragment17, { children: [
14990
- /* @__PURE__ */ jsx129("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx129(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx129(
14929
+ return /* @__PURE__ */ jsxs85(Fragment17, { children: [
14930
+ /* @__PURE__ */ jsx127("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx127(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx127(
14991
14931
  RichText,
14992
14932
  {
14993
14933
  onChange,
@@ -15065,8 +15005,8 @@ var RichText = ({
15065
15005
  setPortalContainerRef(_portalContainerRef);
15066
15006
  }
15067
15007
  };
15068
- return /* @__PURE__ */ jsxs87(Fragment17, { children: [
15069
- readOnly || minimalInteractivity ? null : /* @__PURE__ */ jsx129(
15008
+ return /* @__PURE__ */ jsxs85(Fragment17, { children: [
15009
+ readOnly || minimalInteractivity ? null : /* @__PURE__ */ jsx127(
15070
15010
  RichTextToolbar_default,
15071
15011
  {
15072
15012
  config,
@@ -15075,8 +15015,8 @@ var RichText = ({
15075
15015
  onInsertAsset
15076
15016
  }
15077
15017
  ),
15078
- /* @__PURE__ */ jsxs87("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
15079
- /* @__PURE__ */ jsxs87(
15018
+ /* @__PURE__ */ jsxs85("div", { css: editorContainerWrapper, ref: onPortalContainerRef, children: [
15019
+ /* @__PURE__ */ jsxs85(
15080
15020
  "div",
15081
15021
  {
15082
15022
  css: editorContainer,
@@ -15084,33 +15024,33 @@ var RichText = ({
15084
15024
  ref: onEditorContainerRef,
15085
15025
  "data-testid": "value-container",
15086
15026
  children: [
15087
- /* @__PURE__ */ jsx129(
15027
+ /* @__PURE__ */ jsx127(
15088
15028
  RichTextPlugin,
15089
15029
  {
15090
- contentEditable: /* @__PURE__ */ jsx129(ContentEditable, { css: editorInput, className: editorInputClassName }),
15091
- placeholder: /* @__PURE__ */ jsx129("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
15030
+ contentEditable: /* @__PURE__ */ jsx127(ContentEditable, { css: editorInput, className: editorInputClassName }),
15031
+ placeholder: /* @__PURE__ */ jsx127("div", { css: editorPlaceholder, children: readOnly ? "empty" : "start editing..." }),
15092
15032
  ErrorBoundary: LexicalErrorBoundary
15093
15033
  }
15094
15034
  ),
15095
- /* @__PURE__ */ jsx129(ListPlugin, {}),
15096
- /* @__PURE__ */ jsx129(ListIndentPlugin, { maxDepth: 4 }),
15097
- /* @__PURE__ */ jsx129(TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
15098
- /* @__PURE__ */ jsx129("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx129(
15035
+ /* @__PURE__ */ jsx127(ListPlugin, {}),
15036
+ /* @__PURE__ */ jsx127(ListIndentPlugin, { maxDepth: 4 }),
15037
+ /* @__PURE__ */ jsx127(TablePlugin, { hasCellMerge: false, hasCellBackgroundColor: false }),
15038
+ /* @__PURE__ */ jsx127("div", { css: editorContainerOverflowWrapper, "data-testid": "table-action-menu-plugin", children: editorContainerRef && portalContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx127(
15099
15039
  TableActionMenuPlugin,
15100
15040
  {
15101
15041
  positioningAnchorEl: editorContainerRef,
15102
15042
  menuPortalEl: portalContainerRef
15103
15043
  }
15104
15044
  ) : null }),
15105
- editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx129(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
15106
- readOnly ? null : /* @__PURE__ */ jsx129(HistoryPlugin, {}),
15107
- /* @__PURE__ */ jsx129(DisableStylesPlugin, {}),
15108
- /* @__PURE__ */ jsx129(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
15045
+ editorContainerRef && !minimalInteractivity ? /* @__PURE__ */ jsx127(TableCellResizerPlugin, { positioningAnchorEl: editorContainerRef }) : null,
15046
+ readOnly ? null : /* @__PURE__ */ jsx127(HistoryPlugin, {}),
15047
+ /* @__PURE__ */ jsx127(DisableStylesPlugin, {}),
15048
+ /* @__PURE__ */ jsx127(MarkdownShortcutPlugin, { transformers: MARKDOWN_TRANSFORMERS })
15109
15049
  ]
15110
15050
  }
15111
15051
  ),
15112
- /* @__PURE__ */ jsx129(Fragment17, { children }),
15113
- editorContainerRef ? /* @__PURE__ */ jsx129(
15052
+ /* @__PURE__ */ jsx127(Fragment17, { children }),
15053
+ editorContainerRef ? /* @__PURE__ */ jsx127(
15114
15054
  LinkNodePlugin,
15115
15055
  {
15116
15056
  onConnectLink: onConnectLink ? onConnectLink : () => Promise.resolve(),
@@ -15121,25 +15061,25 @@ var RichText = ({
15121
15061
  positioningAnchorEl: editorContainerRef
15122
15062
  }
15123
15063
  ) : null,
15124
- /* @__PURE__ */ jsx129(TableSelectionPlugin_default, {}),
15125
- /* @__PURE__ */ jsx129(ImprovedAssetSelectionPlugin_default, {})
15064
+ /* @__PURE__ */ jsx127(TableSelectionPlugin_default, {}),
15065
+ /* @__PURE__ */ jsx127(ImprovedAssetSelectionPlugin_default, {})
15126
15066
  ] })
15127
15067
  ] });
15128
15068
  };
15129
15069
 
15130
15070
  // src/components/ParameterInputs/ParameterSelect.tsx
15131
15071
  import { forwardRef as forwardRef26 } from "react";
15132
- import { jsx as jsx130, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
15072
+ import { jsx as jsx128, jsxs as jsxs86 } from "@emotion/react/jsx-runtime";
15133
15073
  var ParameterSelect = forwardRef26(
15134
15074
  ({ defaultOption, options, ...props }, ref) => {
15135
15075
  const { shellProps, innerProps } = extractParameterProps(props);
15136
- return /* @__PURE__ */ jsx130(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx130(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
15076
+ return /* @__PURE__ */ jsx128(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx128(ParameterSelectInner, { options, defaultOption, ...innerProps, ref }) });
15137
15077
  }
15138
15078
  );
15139
15079
  var ParameterSelectInner = forwardRef26(
15140
15080
  ({ defaultOption, options, ...props }, ref) => {
15141
15081
  const { id, label, hiddenLabel } = useParameterShell();
15142
- return /* @__PURE__ */ jsxs88(
15082
+ return /* @__PURE__ */ jsxs86(
15143
15083
  "select",
15144
15084
  {
15145
15085
  css: [input3, selectInput],
@@ -15148,10 +15088,10 @@ var ParameterSelectInner = forwardRef26(
15148
15088
  ref,
15149
15089
  ...props,
15150
15090
  children: [
15151
- defaultOption ? /* @__PURE__ */ jsx130("option", { value: "", children: defaultOption }) : null,
15091
+ defaultOption ? /* @__PURE__ */ jsx128("option", { value: "", children: defaultOption }) : null,
15152
15092
  options.map((option) => {
15153
15093
  var _a;
15154
- return /* @__PURE__ */ jsx130("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
15094
+ return /* @__PURE__ */ jsx128("option", { value: (_a = option.value) != null ? _a : option.label, children: option.label }, option.label);
15155
15095
  })
15156
15096
  ]
15157
15097
  }
@@ -15161,14 +15101,14 @@ var ParameterSelectInner = forwardRef26(
15161
15101
 
15162
15102
  // src/components/ParameterInputs/ParameterTextarea.tsx
15163
15103
  import { forwardRef as forwardRef27 } from "react";
15164
- import { jsx as jsx131 } from "@emotion/react/jsx-runtime";
15104
+ import { jsx as jsx129 } from "@emotion/react/jsx-runtime";
15165
15105
  var ParameterTextarea = forwardRef27((props, ref) => {
15166
15106
  const { shellProps, innerProps } = extractParameterProps(props);
15167
- return /* @__PURE__ */ jsx131(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx131(ParameterTextareaInner, { ref, ...innerProps }) });
15107
+ return /* @__PURE__ */ jsx129(ParameterShell, { "data-testid": "parameter-textarea", ...shellProps, children: /* @__PURE__ */ jsx129(ParameterTextareaInner, { ref, ...innerProps }) });
15168
15108
  });
15169
15109
  var ParameterTextareaInner = forwardRef27(({ ...props }, ref) => {
15170
15110
  const { id, label, hiddenLabel } = useParameterShell();
15171
- return /* @__PURE__ */ jsx131(
15111
+ return /* @__PURE__ */ jsx129(
15172
15112
  "textarea",
15173
15113
  {
15174
15114
  css: [input3, textarea2],
@@ -15182,17 +15122,17 @@ var ParameterTextareaInner = forwardRef27(({ ...props }, ref) => {
15182
15122
 
15183
15123
  // src/components/ParameterInputs/ParameterToggle.tsx
15184
15124
  import { forwardRef as forwardRef28 } from "react";
15185
- import { jsx as jsx132, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
15125
+ import { jsx as jsx130, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
15186
15126
  var ParameterToggle = forwardRef28((props, ref) => {
15187
15127
  const { shellProps, innerProps } = extractParameterProps(props);
15188
- return /* @__PURE__ */ jsx132(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx132(ParameterToggleInner, { ref, ...innerProps }) });
15128
+ return /* @__PURE__ */ jsx130(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx130(ParameterToggleInner, { ref, ...innerProps }) });
15189
15129
  });
15190
15130
  var ParameterToggleInner = forwardRef28(
15191
15131
  ({ children, ...props }, ref) => {
15192
15132
  const { id, label } = useParameterShell();
15193
- return /* @__PURE__ */ jsxs89("label", { css: inputToggleLabel2, children: [
15194
- /* @__PURE__ */ jsx132("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
15195
- /* @__PURE__ */ jsx132("span", { css: inlineLabel2, children: label }),
15133
+ return /* @__PURE__ */ jsxs87("label", { css: inputToggleLabel2, children: [
15134
+ /* @__PURE__ */ jsx130("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
15135
+ /* @__PURE__ */ jsx130("span", { css: inlineLabel2, children: label }),
15196
15136
  children
15197
15137
  ] });
15198
15138
  }
@@ -15207,7 +15147,7 @@ import {
15207
15147
  usePopoverStore as usePopoverStore2
15208
15148
  } from "@ariakit/react";
15209
15149
  import { useEffect as useEffect23 } from "react";
15210
- import { Fragment as Fragment18, jsx as jsx133, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
15150
+ import { Fragment as Fragment18, jsx as jsx131, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
15211
15151
  var Popover3 = ({
15212
15152
  iconColor = "action",
15213
15153
  icon = "info",
@@ -15227,20 +15167,20 @@ var Popover3 = ({
15227
15167
  useEffect23(() => {
15228
15168
  onInit == null ? void 0 : onInit({ store: popover2 });
15229
15169
  }, [popover2]);
15230
- return /* @__PURE__ */ jsxs90(PopoverProvider2, { store: popover2, children: [
15231
- /* @__PURE__ */ jsx133(
15170
+ return /* @__PURE__ */ jsxs88(PopoverProvider2, { store: popover2, children: [
15171
+ /* @__PURE__ */ jsx131(
15232
15172
  PopoverDisclosure2,
15233
15173
  {
15234
15174
  css: [PopoverBtn, trigger2 ? void 0 : PopoverDefaulterTriggerBtn],
15235
15175
  title: buttonText,
15236
15176
  "data-testid": testId,
15237
- children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs90(Fragment18, { children: [
15238
- /* @__PURE__ */ jsx133(Icon, { icon, iconColor, size: iconSize }),
15239
- /* @__PURE__ */ jsx133("span", { hidden: true, children: buttonText })
15177
+ children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs88(Fragment18, { children: [
15178
+ /* @__PURE__ */ jsx131(Icon, { icon, iconColor, size: iconSize }),
15179
+ /* @__PURE__ */ jsx131("span", { hidden: true, children: buttonText })
15240
15180
  ] })
15241
15181
  }
15242
15182
  ),
15243
- /* @__PURE__ */ jsx133(
15183
+ /* @__PURE__ */ jsx131(
15244
15184
  AriakitPopover,
15245
15185
  {
15246
15186
  unmountOnHide: true,
@@ -15261,8 +15201,8 @@ var usePopoverComponentContext = () => {
15261
15201
  };
15262
15202
 
15263
15203
  // src/components/ProgressBar/ProgressBar.styles.ts
15264
- import { css as css99, keyframes as keyframes4 } from "@emotion/react";
15265
- var container3 = css99`
15204
+ import { css as css97, keyframes as keyframes4 } from "@emotion/react";
15205
+ var container3 = css97`
15266
15206
  background: var(--gray-50);
15267
15207
  margin-block: var(--spacing-sm);
15268
15208
  position: relative;
@@ -15272,13 +15212,13 @@ var container3 = css99`
15272
15212
  border: solid 1px var(--gray-300);
15273
15213
  `;
15274
15214
  var themeMap = {
15275
- primary: css99`
15215
+ primary: css97`
15276
15216
  --progress-color: var(--accent-light);
15277
15217
  `,
15278
- secondary: css99`
15218
+ secondary: css97`
15279
15219
  --progress-color: var(--accent-alt-light);
15280
15220
  `,
15281
- destructive: css99`
15221
+ destructive: css97`
15282
15222
  --progress-color: var(--brand-secondary-5);
15283
15223
  `
15284
15224
  };
@@ -15290,10 +15230,10 @@ var slidingBackgroundPosition = keyframes4`
15290
15230
  background-position: 64px 0;
15291
15231
  }
15292
15232
  `;
15293
- var determinate = css99`
15233
+ var determinate = css97`
15294
15234
  background-color: var(--progress-color);
15295
15235
  `;
15296
- var indeterminate = css99`
15236
+ var indeterminate = css97`
15297
15237
  background-image: linear-gradient(
15298
15238
  45deg,
15299
15239
  var(--progress-color) 25%,
@@ -15307,7 +15247,7 @@ var indeterminate = css99`
15307
15247
  background-size: 64px 64px;
15308
15248
  animation: ${slidingBackgroundPosition} 1s linear infinite;
15309
15249
  `;
15310
- var bar = css99`
15250
+ var bar = css97`
15311
15251
  position: absolute;
15312
15252
  inset: 0;
15313
15253
  transition: transform var(--duration-fast) var(--timing-ease-out);
@@ -15315,7 +15255,7 @@ var bar = css99`
15315
15255
  `;
15316
15256
 
15317
15257
  // src/components/ProgressBar/ProgressBar.tsx
15318
- import { jsx as jsx134 } from "@emotion/react/jsx-runtime";
15258
+ import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
15319
15259
  function ProgressBar({
15320
15260
  current,
15321
15261
  max,
@@ -15325,7 +15265,7 @@ function ProgressBar({
15325
15265
  }) {
15326
15266
  const valueNow = Math.min(current, max);
15327
15267
  const valuePercentage = max > 0 ? Math.ceil(100 / max * valueNow) : 0;
15328
- return /* @__PURE__ */ jsx134(
15268
+ return /* @__PURE__ */ jsx132(
15329
15269
  "div",
15330
15270
  {
15331
15271
  css: container3,
@@ -15336,7 +15276,7 @@ function ProgressBar({
15336
15276
  "aria-valuemax": max,
15337
15277
  "aria-valuenow": valueNow,
15338
15278
  ...props,
15339
- children: /* @__PURE__ */ jsx134(
15279
+ children: /* @__PURE__ */ jsx132(
15340
15280
  "div",
15341
15281
  {
15342
15282
  css: [
@@ -15355,28 +15295,28 @@ function ProgressBar({
15355
15295
  }
15356
15296
 
15357
15297
  // src/components/ProgressList/ProgressList.tsx
15358
- import { css as css101 } from "@emotion/react";
15298
+ import { css as css99 } from "@emotion/react";
15359
15299
  import { CgCheckO as CgCheckO2 } from "@react-icons/all-files/cg/CgCheckO";
15360
15300
  import { CgRadioCheck } from "@react-icons/all-files/cg/CgRadioCheck";
15361
15301
  import { CgRecord } from "@react-icons/all-files/cg/CgRecord";
15362
15302
  import { useMemo as useMemo8 } from "react";
15363
15303
 
15364
15304
  // src/components/ProgressList/styles/ProgressList.styles.ts
15365
- import { css as css100 } from "@emotion/react";
15366
- var progressListStyles = css100`
15305
+ import { css as css98 } from "@emotion/react";
15306
+ var progressListStyles = css98`
15367
15307
  display: flex;
15368
15308
  flex-direction: column;
15369
15309
  gap: var(--spacing-sm);
15370
15310
  list-style-type: none;
15371
15311
  `;
15372
- var progressListItemStyles = css100`
15312
+ var progressListItemStyles = css98`
15373
15313
  display: flex;
15374
15314
  gap: var(--spacing-base);
15375
15315
  align-items: center;
15376
15316
  `;
15377
15317
 
15378
15318
  // src/components/ProgressList/ProgressList.tsx
15379
- import { jsx as jsx135, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
15319
+ import { jsx as jsx133, jsxs as jsxs89 } from "@emotion/react/jsx-runtime";
15380
15320
  var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
15381
15321
  const itemsWithStatus = useMemo8(() => {
15382
15322
  const indexOfInProgressItem = items.findIndex(({ id }) => id === inProgressId);
@@ -15390,8 +15330,8 @@ var ProgressList = ({ inProgressId, items, autoEllipsis, ...htmlProps }) => {
15390
15330
  return { ...item, status };
15391
15331
  });
15392
15332
  }, [items, inProgressId]);
15393
- return /* @__PURE__ */ jsx135("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
15394
- return /* @__PURE__ */ jsx135(
15333
+ return /* @__PURE__ */ jsx133("ol", { css: progressListStyles, ...htmlProps, children: itemsWithStatus.map(({ id, label, status, error, errorLevel }) => {
15334
+ return /* @__PURE__ */ jsx133(
15395
15335
  ProgressListItem,
15396
15336
  {
15397
15337
  status,
@@ -15424,12 +15364,12 @@ var ProgressListItem = ({
15424
15364
  }, [status, error]);
15425
15365
  const statusStyles = useMemo8(() => {
15426
15366
  if (error) {
15427
- return errorLevel === "caution" ? css101`
15367
+ return errorLevel === "caution" ? css99`
15428
15368
  color: rgb(161, 98, 7);
15429
15369
  & svg {
15430
15370
  color: rgb(250, 204, 21);
15431
15371
  }
15432
- ` : css101`
15372
+ ` : css99`
15433
15373
  color: rgb(185, 28, 28);
15434
15374
  & svg {
15435
15375
  color: var(--brand-primary-2);
@@ -15437,38 +15377,38 @@ var ProgressListItem = ({
15437
15377
  `;
15438
15378
  }
15439
15379
  const colorPerStatus = {
15440
- completed: css101`
15380
+ completed: css99`
15441
15381
  opacity: 0.75;
15442
15382
  `,
15443
- inProgress: css101`
15383
+ inProgress: css99`
15444
15384
  -webkit-text-stroke-width: thin;
15445
15385
  `,
15446
- queued: css101`
15386
+ queued: css99`
15447
15387
  opacity: 0.5;
15448
15388
  `
15449
15389
  };
15450
15390
  return colorPerStatus[status];
15451
15391
  }, [status, error, errorLevel]);
15452
- return /* @__PURE__ */ jsxs91("li", { css: [progressListItemStyles, statusStyles], children: [
15453
- /* @__PURE__ */ jsx135(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx135("div", { children: /* @__PURE__ */ jsx135(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
15454
- /* @__PURE__ */ jsxs91("div", { children: [
15392
+ return /* @__PURE__ */ jsxs89("li", { css: [progressListItemStyles, statusStyles], children: [
15393
+ /* @__PURE__ */ jsx133(Tooltip, { title: error != null ? error : "", children: /* @__PURE__ */ jsx133("div", { children: /* @__PURE__ */ jsx133(Icon, { icon, size: 20, iconColor: "currentColor" }) }) }),
15394
+ /* @__PURE__ */ jsxs89("div", { children: [
15455
15395
  children,
15456
- /* @__PURE__ */ jsx135("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
15396
+ /* @__PURE__ */ jsx133("span", { css: { visibility: autoEllipsis && status === "inProgress" && !error ? "visible" : "hidden" }, children: "..." })
15457
15397
  ] })
15458
15398
  ] });
15459
15399
  };
15460
15400
 
15461
15401
  // src/components/SegmentedControl/SegmentedControl.tsx
15462
- import { css as css103 } from "@emotion/react";
15402
+ import { css as css101 } from "@emotion/react";
15463
15403
  import { CgCheck as CgCheck5 } from "@react-icons/all-files/cg/CgCheck";
15464
15404
  import { useCallback as useCallback12, useEffect as useEffect24, useMemo as useMemo9, useRef as useRef12, useState as useState21 } from "react";
15465
15405
 
15466
15406
  // src/components/SegmentedControl/SegmentedControl.styles.ts
15467
- import { css as css102 } from "@emotion/react";
15468
- var segmentedControlRootStyles = css102`
15407
+ import { css as css100 } from "@emotion/react";
15408
+ var segmentedControlRootStyles = css100`
15469
15409
  position: relative;
15470
15410
  `;
15471
- var segmentedControlScrollIndicatorsStyles = css102`
15411
+ var segmentedControlScrollIndicatorsStyles = css100`
15472
15412
  position: absolute;
15473
15413
  inset: 0;
15474
15414
  z-index: 1;
@@ -15496,17 +15436,17 @@ var segmentedControlScrollIndicatorsStyles = css102`
15496
15436
  background: linear-gradient(to left, var(--background-color) 10%, transparent);
15497
15437
  }
15498
15438
  `;
15499
- var segmentedControlScrollIndicatorStartVisibleStyles = css102`
15439
+ var segmentedControlScrollIndicatorStartVisibleStyles = css100`
15500
15440
  &::before {
15501
15441
  opacity: 1;
15502
15442
  }
15503
15443
  `;
15504
- var segmentedControlScrollIndicatorEndVisibleStyles = css102`
15444
+ var segmentedControlScrollIndicatorEndVisibleStyles = css100`
15505
15445
  &::after {
15506
15446
  opacity: 1;
15507
15447
  }
15508
15448
  `;
15509
- var segmentedControlWrapperStyles = css102`
15449
+ var segmentedControlWrapperStyles = css100`
15510
15450
  overflow-y: auto;
15511
15451
  scroll-behavior: smooth;
15512
15452
  scrollbar-width: none;
@@ -15515,7 +15455,7 @@ var segmentedControlWrapperStyles = css102`
15515
15455
  height: 0px;
15516
15456
  }
15517
15457
  `;
15518
- var segmentedControlStyles = css102`
15458
+ var segmentedControlStyles = css100`
15519
15459
  --segmented-control-rounded-value: var(--rounded-base);
15520
15460
  --segmented-control-border-width: 1px;
15521
15461
  --segmented-control-selected-color: var(--brand-secondary-3);
@@ -15534,14 +15474,14 @@ var segmentedControlStyles = css102`
15534
15474
  border-radius: calc(var(--segmented-control-rounded-value) + var(--segmented-control-border-width));
15535
15475
  font-size: var(--fs-xs);
15536
15476
  `;
15537
- var segmentedControlVerticalStyles = css102`
15477
+ var segmentedControlVerticalStyles = css100`
15538
15478
  flex-direction: column;
15539
15479
  --segmented-control-first-border-radius: var(--segmented-control-rounded-value)
15540
15480
  var(--segmented-control-rounded-value) 0 0;
15541
15481
  --segmented-control-last-border-radius: 0 0 var(--segmented-control-rounded-value)
15542
15482
  var(--segmented-control-rounded-value);
15543
15483
  `;
15544
- var segmentedControlItemStyles = css102`
15484
+ var segmentedControlItemStyles = css100`
15545
15485
  &:first-of-type label {
15546
15486
  border-radius: var(--segmented-control-first-border-radius);
15547
15487
  }
@@ -15549,10 +15489,10 @@ var segmentedControlItemStyles = css102`
15549
15489
  border-radius: var(--segmented-control-last-border-radius);
15550
15490
  }
15551
15491
  `;
15552
- var segmentedControlInputStyles = css102`
15492
+ var segmentedControlInputStyles = css100`
15553
15493
  ${accessibleHidden}
15554
15494
  `;
15555
- var segmentedControlLabelStyles = (checked, disabled2) => css102`
15495
+ var segmentedControlLabelStyles = (checked, disabled2) => css100`
15556
15496
  position: relative;
15557
15497
  display: flex;
15558
15498
  align-items: center;
@@ -15616,25 +15556,25 @@ var segmentedControlLabelStyles = (checked, disabled2) => css102`
15616
15556
  `}
15617
15557
  }
15618
15558
  `;
15619
- var segmentedControlLabelIconOnlyStyles = css102`
15559
+ var segmentedControlLabelIconOnlyStyles = css100`
15620
15560
  padding-inline: 0.5em;
15621
15561
  `;
15622
- var segmentedControlLabelCheckStyles = css102`
15562
+ var segmentedControlLabelCheckStyles = css100`
15623
15563
  opacity: 0.5;
15624
15564
  `;
15625
- var segmentedControlLabelContentStyles = css102`
15565
+ var segmentedControlLabelContentStyles = css100`
15626
15566
  display: flex;
15627
15567
  align-items: center;
15628
15568
  justify-content: center;
15629
15569
  gap: var(--spacing-sm);
15630
15570
  height: 100%;
15631
15571
  `;
15632
- var segmentedControlLabelTextStyles = css102`
15572
+ var segmentedControlLabelTextStyles = css100`
15633
15573
  white-space: nowrap;
15634
15574
  `;
15635
15575
 
15636
15576
  // src/components/SegmentedControl/SegmentedControl.tsx
15637
- import { jsx as jsx136, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
15577
+ import { jsx as jsx134, jsxs as jsxs90 } from "@emotion/react/jsx-runtime";
15638
15578
  var SegmentedControl = ({
15639
15579
  name,
15640
15580
  options,
@@ -15662,10 +15602,10 @@ var SegmentedControl = ({
15662
15602
  );
15663
15603
  const sizeStyles = useMemo9(() => {
15664
15604
  const map = {
15665
- sm: css103({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
15666
- md: css103({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
15667
- lg: css103({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" }),
15668
- xl: css103({ height: "calc(48px - 2px)", fontSize: "var(--fs-base)" })
15605
+ sm: css101({ height: "calc(24px - 2px)", fontSize: "var(--fs-xs)" }),
15606
+ md: css101({ height: "calc(32px - 2px)", fontSize: "var(--fs-sm)" }),
15607
+ lg: css101({ height: "calc(40px - 2px)", fontSize: "var(--fs-base)" }),
15608
+ xl: css101({ height: "calc(48px - 2px)", fontSize: "var(--fs-base)" })
15669
15609
  };
15670
15610
  return map[size];
15671
15611
  }, [size]);
@@ -15693,8 +15633,8 @@ var SegmentedControl = ({
15693
15633
  wrapperElement == null ? void 0 : wrapperElement.removeEventListener("scroll", onScroll);
15694
15634
  };
15695
15635
  }, []);
15696
- return /* @__PURE__ */ jsxs92("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
15697
- /* @__PURE__ */ jsx136("div", { ref: wrapperRef, css: segmentedControlWrapperStyles, children: /* @__PURE__ */ jsx136(
15636
+ return /* @__PURE__ */ jsxs90("div", { css: [segmentedControlRootStyles, { "--background-color": currentBackgroundColor }], children: [
15637
+ /* @__PURE__ */ jsx134("div", { ref: wrapperRef, css: segmentedControlWrapperStyles, children: /* @__PURE__ */ jsx134(
15698
15638
  "div",
15699
15639
  {
15700
15640
  css: [
@@ -15711,12 +15651,12 @@ var SegmentedControl = ({
15711
15651
  const text = option.label ? option.label : option.icon ? null : String(option.value);
15712
15652
  const isDisabled = disabled2 || option.disabled;
15713
15653
  const isChecked = option.value === value;
15714
- return /* @__PURE__ */ jsx136(Tooltip, { title: (_a = option.tooltip) != null ? _a : "", children: /* @__PURE__ */ jsx136(
15654
+ return /* @__PURE__ */ jsx134(Tooltip, { title: (_a = option.tooltip) != null ? _a : "", children: /* @__PURE__ */ jsx134(
15715
15655
  "div",
15716
15656
  {
15717
15657
  css: segmentedControlItemStyles,
15718
15658
  "data-testid": option["data-testid"] ? option["data-testid"] : "container-segmented-control",
15719
- children: /* @__PURE__ */ jsxs92(
15659
+ children: /* @__PURE__ */ jsxs90(
15720
15660
  "label",
15721
15661
  {
15722
15662
  css: [
@@ -15725,7 +15665,7 @@ var SegmentedControl = ({
15725
15665
  isIconOnly ? segmentedControlLabelIconOnlyStyles : void 0
15726
15666
  ],
15727
15667
  children: [
15728
- /* @__PURE__ */ jsx136(
15668
+ /* @__PURE__ */ jsx134(
15729
15669
  "input",
15730
15670
  {
15731
15671
  css: segmentedControlInputStyles,
@@ -15737,10 +15677,10 @@ var SegmentedControl = ({
15737
15677
  disabled: isDisabled
15738
15678
  }
15739
15679
  ),
15740
- option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx136(CgCheck5, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
15741
- /* @__PURE__ */ jsxs92("span", { css: segmentedControlLabelContentStyles, children: [
15742
- !option.icon ? null : /* @__PURE__ */ jsx136(Icon, { icon: option.icon, size: iconSize, iconColor: "currentColor" }),
15743
- !text || hideOptionText ? null : /* @__PURE__ */ jsx136("span", { css: segmentedControlLabelTextStyles, children: text })
15680
+ option.value !== value || noCheckmark ? null : /* @__PURE__ */ jsx134(CgCheck5, { css: segmentedControlLabelCheckStyles, "aria-label": "Selected", size: "1.5em" }),
15681
+ /* @__PURE__ */ jsxs90("span", { css: segmentedControlLabelContentStyles, children: [
15682
+ !option.icon ? null : /* @__PURE__ */ jsx134(Icon, { icon: option.icon, size: iconSize, iconColor: "currentColor" }),
15683
+ !text || hideOptionText ? null : /* @__PURE__ */ jsx134("span", { css: segmentedControlLabelTextStyles, children: text })
15744
15684
  ] })
15745
15685
  ]
15746
15686
  }
@@ -15750,7 +15690,7 @@ var SegmentedControl = ({
15750
15690
  })
15751
15691
  }
15752
15692
  ) }),
15753
- /* @__PURE__ */ jsx136(
15693
+ /* @__PURE__ */ jsx134(
15754
15694
  "div",
15755
15695
  {
15756
15696
  css: [
@@ -15764,18 +15704,18 @@ var SegmentedControl = ({
15764
15704
  };
15765
15705
 
15766
15706
  // src/components/Skeleton/Skeleton.styles.ts
15767
- import { css as css104, keyframes as keyframes5 } from "@emotion/react";
15707
+ import { css as css102, keyframes as keyframes5 } from "@emotion/react";
15768
15708
  var lightFadingOut = keyframes5`
15769
15709
  from { opacity: 0.1; }
15770
15710
  to { opacity: 0.025; }
15771
15711
  `;
15772
- var skeletonStyles = css104`
15712
+ var skeletonStyles = css102`
15773
15713
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
15774
15714
  background-color: var(--gray-900);
15775
15715
  `;
15776
15716
 
15777
15717
  // src/components/Skeleton/Skeleton.tsx
15778
- import { jsx as jsx137 } from "@emotion/react/jsx-runtime";
15718
+ import { jsx as jsx135 } from "@emotion/react/jsx-runtime";
15779
15719
  var Skeleton = ({
15780
15720
  width = "100%",
15781
15721
  height = "1.25rem",
@@ -15783,7 +15723,7 @@ var Skeleton = ({
15783
15723
  circle = false,
15784
15724
  children,
15785
15725
  ...otherProps
15786
- }) => /* @__PURE__ */ jsx137(
15726
+ }) => /* @__PURE__ */ jsx135(
15787
15727
  "div",
15788
15728
  {
15789
15729
  css: [
@@ -15806,8 +15746,8 @@ var Skeleton = ({
15806
15746
  import { useEffect as useEffect25, useRef as useRef13 } from "react";
15807
15747
 
15808
15748
  // src/components/Spinner/Spinner.styles.ts
15809
- import { css as css105 } from "@emotion/react";
15810
- var SpinnerStyles = css105`
15749
+ import { css as css103 } from "@emotion/react";
15750
+ var SpinnerStyles = css103`
15811
15751
  --color: #00b4ff;
15812
15752
  --speed: 5s;
15813
15753
  --red: rgb(218, 63, 50);
@@ -16237,7 +16177,7 @@ var SpinnerStyles = css105`
16237
16177
  `;
16238
16178
 
16239
16179
  // src/components/Spinner/Spinner.tsx
16240
- import { jsx as jsx138, jsxs as jsxs93 } from "@emotion/react/jsx-runtime";
16180
+ import { jsx as jsx136, jsxs as jsxs91 } from "@emotion/react/jsx-runtime";
16241
16181
  var Spinner = ({
16242
16182
  width,
16243
16183
  label,
@@ -16248,7 +16188,7 @@ var Spinner = ({
16248
16188
  var _a, _b, _c;
16249
16189
  (_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");
16250
16190
  }, [width]);
16251
- return /* @__PURE__ */ jsxs93(
16191
+ return /* @__PURE__ */ jsxs91(
16252
16192
  "div",
16253
16193
  {
16254
16194
  ref,
@@ -16260,51 +16200,51 @@ var Spinner = ({
16260
16200
  css: SpinnerStyles,
16261
16201
  className: `container${isPaused ? " paused" : ""}`,
16262
16202
  children: [
16263
- /* @__PURE__ */ jsx138("div", { className: "pyramid-container", children: /* @__PURE__ */ jsxs93("div", { className: "pyramid top", children: [
16264
- /* @__PURE__ */ jsx138("div", { className: "side one" }),
16265
- /* @__PURE__ */ jsx138("div", { className: "side two" }),
16266
- /* @__PURE__ */ jsx138("div", { className: "side three" }),
16267
- /* @__PURE__ */ jsx138("div", { className: "side four" }),
16268
- /* @__PURE__ */ jsxs93("div", { className: "bottom-pyramid", children: [
16269
- /* @__PURE__ */ jsx138("div", { className: "side five" }),
16270
- /* @__PURE__ */ jsx138("div", { className: "side six" }),
16271
- /* @__PURE__ */ jsx138("div", { className: "side seven" }),
16272
- /* @__PURE__ */ jsx138("div", { className: "side eight" })
16203
+ /* @__PURE__ */ jsx136("div", { className: "pyramid-container", children: /* @__PURE__ */ jsxs91("div", { className: "pyramid top", children: [
16204
+ /* @__PURE__ */ jsx136("div", { className: "side one" }),
16205
+ /* @__PURE__ */ jsx136("div", { className: "side two" }),
16206
+ /* @__PURE__ */ jsx136("div", { className: "side three" }),
16207
+ /* @__PURE__ */ jsx136("div", { className: "side four" }),
16208
+ /* @__PURE__ */ jsxs91("div", { className: "bottom-pyramid", children: [
16209
+ /* @__PURE__ */ jsx136("div", { className: "side five" }),
16210
+ /* @__PURE__ */ jsx136("div", { className: "side six" }),
16211
+ /* @__PURE__ */ jsx136("div", { className: "side seven" }),
16212
+ /* @__PURE__ */ jsx136("div", { className: "side eight" })
16273
16213
  ] })
16274
16214
  ] }) }),
16275
- /* @__PURE__ */ jsx138("div", { className: "turning-circle" }),
16276
- /* @__PURE__ */ jsxs93("div", { className: "pulsating-star delay-top-right", children: [
16277
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-center" }),
16278
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-top" }),
16279
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-bottom" }),
16280
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-left" }),
16281
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-right" })
16215
+ /* @__PURE__ */ jsx136("div", { className: "turning-circle" }),
16216
+ /* @__PURE__ */ jsxs91("div", { className: "pulsating-star delay-top-right", children: [
16217
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-center" }),
16218
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-top" }),
16219
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-bottom" }),
16220
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-left" }),
16221
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-right" })
16282
16222
  ] }),
16283
- /* @__PURE__ */ jsxs93("div", { className: "pulsating-star delay-top-left-2", children: [
16284
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-center" }),
16285
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-top" }),
16286
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-bottom" }),
16287
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-left" }),
16288
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-right" })
16223
+ /* @__PURE__ */ jsxs91("div", { className: "pulsating-star delay-top-left-2", children: [
16224
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-center" }),
16225
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-top" }),
16226
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-bottom" }),
16227
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-left" }),
16228
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-right" })
16289
16229
  ] }),
16290
- /* @__PURE__ */ jsxs93("div", { className: "pulsating-star delay-top-left", children: [
16291
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-top" }),
16292
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-bottom" }),
16293
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-left" }),
16294
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-right" })
16230
+ /* @__PURE__ */ jsxs91("div", { className: "pulsating-star delay-top-left", children: [
16231
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-top" }),
16232
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-bottom" }),
16233
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-left" }),
16234
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-right" })
16295
16235
  ] }),
16296
- /* @__PURE__ */ jsxs93("div", { className: "pulsating-star delay-bottom-right", children: [
16297
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-top" }),
16298
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-bottom" }),
16299
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-left" }),
16300
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-right" })
16236
+ /* @__PURE__ */ jsxs91("div", { className: "pulsating-star delay-bottom-right", children: [
16237
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-top" }),
16238
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-bottom" }),
16239
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-left" }),
16240
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-right" })
16301
16241
  ] }),
16302
- /* @__PURE__ */ jsxs93("div", { className: "pulsating-star delay-bottom-left", children: [
16303
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-center" }),
16304
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-top" }),
16305
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-bottom" }),
16306
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-left" }),
16307
- /* @__PURE__ */ jsx138("div", { className: "star-inner star-right" })
16242
+ /* @__PURE__ */ jsxs91("div", { className: "pulsating-star delay-bottom-left", children: [
16243
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-center" }),
16244
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-top" }),
16245
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-bottom" }),
16246
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-left" }),
16247
+ /* @__PURE__ */ jsx136("div", { className: "star-inner star-right" })
16308
16248
  ] })
16309
16249
  ]
16310
16250
  }
@@ -16315,8 +16255,8 @@ var Spinner = ({
16315
16255
  import { forwardRef as forwardRef29 } from "react";
16316
16256
 
16317
16257
  // src/components/Switch/Switch.styles.ts
16318
- import { css as css106 } from "@emotion/react";
16319
- var SwitchInputContainer = css106`
16258
+ import { css as css104 } from "@emotion/react";
16259
+ var SwitchInputContainer = css104`
16320
16260
  cursor: pointer;
16321
16261
  display: inline-block;
16322
16262
  position: relative;
@@ -16326,7 +16266,7 @@ var SwitchInputContainer = css106`
16326
16266
  user-select: none;
16327
16267
  z-index: 0;
16328
16268
  `;
16329
- var SwitchInput = (size) => css106`
16269
+ var SwitchInput = (size) => css104`
16330
16270
  appearance: none;
16331
16271
  border-radius: var(--rounded-full);
16332
16272
  background-color: var(--white);
@@ -16366,7 +16306,7 @@ var SwitchInput = (size) => css106`
16366
16306
  cursor: not-allowed;
16367
16307
  }
16368
16308
  `;
16369
- var SwitchInputDisabled = css106`
16309
+ var SwitchInputDisabled = css104`
16370
16310
  opacity: var(--opacity-50);
16371
16311
  cursor: not-allowed;
16372
16312
 
@@ -16374,7 +16314,7 @@ var SwitchInputDisabled = css106`
16374
16314
  cursor: not-allowed;
16375
16315
  }
16376
16316
  `;
16377
- var SwitchInputLabel = (size) => css106`
16317
+ var SwitchInputLabel = (size) => css104`
16378
16318
  align-items: center;
16379
16319
  color: var(--typography-base);
16380
16320
  display: inline-flex;
@@ -16396,40 +16336,40 @@ var SwitchInputLabel = (size) => css106`
16396
16336
  top: 0;
16397
16337
  }
16398
16338
  `;
16399
- var SwitchText = (size) => css106`
16339
+ var SwitchText = (size) => css104`
16400
16340
  color: var(--gray-500);
16401
16341
  font-size: var(--fs-sm);
16402
16342
  padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
16403
16343
  `;
16404
16344
 
16405
16345
  // src/components/Switch/Switch.tsx
16406
- import { Fragment as Fragment19, jsx as jsx139, jsxs as jsxs94 } from "@emotion/react/jsx-runtime";
16346
+ import { Fragment as Fragment19, jsx as jsx137, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
16407
16347
  var Switch = forwardRef29(
16408
16348
  ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
16409
16349
  let additionalText = infoText;
16410
16350
  if (infoText && toggleText) {
16411
16351
  additionalText = inputProps.checked ? toggleText : infoText;
16412
16352
  }
16413
- return /* @__PURE__ */ jsxs94(Fragment19, { children: [
16414
- /* @__PURE__ */ jsxs94(
16353
+ return /* @__PURE__ */ jsxs92(Fragment19, { children: [
16354
+ /* @__PURE__ */ jsxs92(
16415
16355
  "label",
16416
16356
  {
16417
16357
  css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0],
16418
16358
  children: [
16419
- /* @__PURE__ */ jsx139("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
16420
- /* @__PURE__ */ jsx139("span", { css: SwitchInputLabel(switchSize), children: label })
16359
+ /* @__PURE__ */ jsx137("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
16360
+ /* @__PURE__ */ jsx137("span", { css: SwitchInputLabel(switchSize), children: label })
16421
16361
  ]
16422
16362
  }
16423
16363
  ),
16424
- additionalText ? /* @__PURE__ */ jsx139("p", { css: SwitchText(switchSize), children: additionalText }) : null,
16364
+ additionalText ? /* @__PURE__ */ jsx137("p", { css: SwitchText(switchSize), children: additionalText }) : null,
16425
16365
  children
16426
16366
  ] });
16427
16367
  }
16428
16368
  );
16429
16369
 
16430
16370
  // src/components/Table/Table.styles.ts
16431
- import { css as css107 } from "@emotion/react";
16432
- var table = ({ cellPadding = "var(--spacing-sm)" }) => css107`
16371
+ import { css as css105 } from "@emotion/react";
16372
+ var table = ({ cellPadding = "var(--spacing-sm)" }) => css105`
16433
16373
  border-bottom: 1px solid var(--gray-400);
16434
16374
  border-collapse: collapse;
16435
16375
  min-width: 100%;
@@ -16450,22 +16390,22 @@ var table = ({ cellPadding = "var(--spacing-sm)" }) => css107`
16450
16390
  background-color: var(--gray-50);
16451
16391
  }
16452
16392
  `;
16453
- var tableHead = css107`
16393
+ var tableHead = css105`
16454
16394
  color: var(--typography-base);
16455
16395
  text-align: left;
16456
16396
  `;
16457
- var tableRow = css107`
16397
+ var tableRow = css105`
16458
16398
  border-bottom: 1px solid var(--gray-200);
16459
16399
  vertical-align: top;
16460
16400
  font-size: var(--fs-sm);
16461
16401
  `;
16462
- var tableCellHead = css107`
16402
+ var tableCellHead = css105`
16463
16403
  font-size: var(--fs-sm);
16464
16404
  font-weight: var(--fw-regular);
16465
16405
  line-height: 1.2;
16466
16406
  }
16467
16407
  `;
16468
- var responsiveTableContainer = css107`
16408
+ var responsiveTableContainer = css105`
16469
16409
  max-width: calc(100vw - var(--spacing-md) * 2);
16470
16410
  overflow-x: auto;
16471
16411
  ${scrollbarStyles}
@@ -16484,47 +16424,47 @@ var responsiveTableContainer = css107`
16484
16424
  `;
16485
16425
 
16486
16426
  // src/components/Table/ResponsiveTableContainer.tsx
16487
- import { jsx as jsx140 } from "@emotion/react/jsx-runtime";
16427
+ import { jsx as jsx138 } from "@emotion/react/jsx-runtime";
16488
16428
  var ResponsiveTableContainer = ({ children }) => {
16489
- return /* @__PURE__ */ jsx140("div", { css: responsiveTableContainer, children });
16429
+ return /* @__PURE__ */ jsx138("div", { css: responsiveTableContainer, children });
16490
16430
  };
16491
16431
 
16492
16432
  // src/components/Table/Table.tsx
16493
16433
  import * as React21 from "react";
16494
- import { jsx as jsx141 } from "@emotion/react/jsx-runtime";
16434
+ import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
16495
16435
  var Table = React21.forwardRef(
16496
16436
  ({ children, cellPadding, ...otherProps }, ref) => {
16497
- return /* @__PURE__ */ jsx141("table", { ref, css: table({ cellPadding }), ...otherProps, children });
16437
+ return /* @__PURE__ */ jsx139("table", { ref, css: table({ cellPadding }), ...otherProps, children });
16498
16438
  }
16499
16439
  );
16500
16440
  var TableHead = React21.forwardRef(
16501
16441
  ({ children, ...otherProps }, ref) => {
16502
- return /* @__PURE__ */ jsx141("thead", { ref, css: tableHead, ...otherProps, children });
16442
+ return /* @__PURE__ */ jsx139("thead", { ref, css: tableHead, ...otherProps, children });
16503
16443
  }
16504
16444
  );
16505
16445
  var TableBody = React21.forwardRef(
16506
16446
  ({ children, ...otherProps }, ref) => {
16507
- return /* @__PURE__ */ jsx141("tbody", { ref, ...otherProps, children });
16447
+ return /* @__PURE__ */ jsx139("tbody", { ref, ...otherProps, children });
16508
16448
  }
16509
16449
  );
16510
16450
  var TableFoot = React21.forwardRef(
16511
16451
  ({ children, ...otherProps }, ref) => {
16512
- return /* @__PURE__ */ jsx141("tfoot", { ref, ...otherProps, children });
16452
+ return /* @__PURE__ */ jsx139("tfoot", { ref, ...otherProps, children });
16513
16453
  }
16514
16454
  );
16515
16455
  var TableRow = React21.forwardRef(
16516
16456
  ({ children, ...otherProps }, ref) => {
16517
- return /* @__PURE__ */ jsx141("tr", { ref, css: tableRow, ...otherProps, children });
16457
+ return /* @__PURE__ */ jsx139("tr", { ref, css: tableRow, ...otherProps, children });
16518
16458
  }
16519
16459
  );
16520
16460
  var TableCellHead = React21.forwardRef(
16521
16461
  ({ children, ...otherProps }, ref) => {
16522
- return /* @__PURE__ */ jsx141("th", { ref, css: tableCellHead, ...otherProps, children });
16462
+ return /* @__PURE__ */ jsx139("th", { ref, css: tableCellHead, ...otherProps, children });
16523
16463
  }
16524
16464
  );
16525
16465
  var TableCellData = React21.forwardRef(
16526
16466
  ({ children, ...otherProps }, ref) => {
16527
- return /* @__PURE__ */ jsx141("td", { ref, ...otherProps, children });
16467
+ return /* @__PURE__ */ jsx139("td", { ref, ...otherProps, children });
16528
16468
  }
16529
16469
  );
16530
16470
 
@@ -16539,8 +16479,8 @@ import {
16539
16479
  import { useCallback as useCallback13, useMemo as useMemo10 } from "react";
16540
16480
 
16541
16481
  // src/components/Tabs/Tabs.styles.ts
16542
- import { css as css108 } from "@emotion/react";
16543
- var tabButtonStyles = css108`
16482
+ import { css as css106 } from "@emotion/react";
16483
+ var tabButtonStyles = css106`
16544
16484
  align-items: center;
16545
16485
  border: 0;
16546
16486
  height: 2.5rem;
@@ -16557,14 +16497,14 @@ var tabButtonStyles = css108`
16557
16497
  box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
16558
16498
  }
16559
16499
  `;
16560
- var tabButtonGroupStyles = css108`
16500
+ var tabButtonGroupStyles = css106`
16561
16501
  display: flex;
16562
16502
  gap: var(--spacing-base);
16563
16503
  border-bottom: 1px solid var(--gray-300);
16564
16504
  `;
16565
16505
 
16566
16506
  // src/components/Tabs/Tabs.tsx
16567
- import { jsx as jsx142 } from "@emotion/react/jsx-runtime";
16507
+ import { jsx as jsx140 } from "@emotion/react/jsx-runtime";
16568
16508
  var useCurrentTab = () => {
16569
16509
  const context = useAriakitTabStore();
16570
16510
  if (!context) {
@@ -16595,28 +16535,28 @@ var Tabs = ({
16595
16535
  },
16596
16536
  [onSelectedIdChange, useHashForState]
16597
16537
  );
16598
- return /* @__PURE__ */ jsx142(AriakitTabProvider, { selectedId: selected, selectOnMove: !manual, setSelectedId: onTabSelect, ...props, children });
16538
+ return /* @__PURE__ */ jsx140(AriakitTabProvider, { selectedId: selected, selectOnMove: !manual, setSelectedId: onTabSelect, ...props, children });
16599
16539
  };
16600
16540
  var TabButtonGroup = ({ children, ...props }) => {
16601
- return /* @__PURE__ */ jsx142(AriakitTabList, { ...props, css: tabButtonGroupStyles, children });
16541
+ return /* @__PURE__ */ jsx140(AriakitTabList, { ...props, css: tabButtonGroupStyles, children });
16602
16542
  };
16603
16543
  var TabButton = ({
16604
16544
  children,
16605
16545
  id,
16606
16546
  ...props
16607
16547
  }) => {
16608
- return /* @__PURE__ */ jsx142(AriakitTab, { type: "button", id, ...props, css: tabButtonStyles, children });
16548
+ return /* @__PURE__ */ jsx140(AriakitTab, { type: "button", id, ...props, css: tabButtonStyles, children });
16609
16549
  };
16610
16550
  var TabContent = ({
16611
16551
  children,
16612
16552
  ...props
16613
16553
  }) => {
16614
- return /* @__PURE__ */ jsx142(AriakitTabPanel, { ...props, children });
16554
+ return /* @__PURE__ */ jsx140(AriakitTabPanel, { ...props, children });
16615
16555
  };
16616
16556
 
16617
16557
  // src/components/Validation/StatusBullet.styles.ts
16618
- import { css as css109 } from "@emotion/react";
16619
- var StatusBulletContainer = css109`
16558
+ import { css as css107 } from "@emotion/react";
16559
+ var StatusBulletContainer = css107`
16620
16560
  align-items: center;
16621
16561
  align-self: center;
16622
16562
  color: var(--gray-500);
@@ -16632,33 +16572,33 @@ var StatusBulletContainer = css109`
16632
16572
  display: block;
16633
16573
  }
16634
16574
  `;
16635
- var StatusBulletBase = css109`
16575
+ var StatusBulletBase = css107`
16636
16576
  font-size: var(--fs-sm);
16637
16577
  &:before {
16638
16578
  width: var(--fs-xs);
16639
16579
  height: var(--fs-xs);
16640
16580
  }
16641
16581
  `;
16642
- var StatusBulletSmall = css109`
16582
+ var StatusBulletSmall = css107`
16643
16583
  font-size: var(--fs-xs);
16644
16584
  &:before {
16645
16585
  width: var(--fs-xxs);
16646
16586
  height: var(--fs-xxs);
16647
16587
  }
16648
16588
  `;
16649
- var StatusDraft = css109`
16589
+ var StatusDraft = css107`
16650
16590
  &:before {
16651
16591
  background: var(--white);
16652
16592
  box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
16653
16593
  }
16654
16594
  `;
16655
- var StatusModified = css109`
16595
+ var StatusModified = css107`
16656
16596
  &:before {
16657
16597
  background: linear-gradient(to right, var(--white) 50%, var(--accent-dark) 50% 100%);
16658
16598
  box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
16659
16599
  }
16660
16600
  `;
16661
- var StatusError = css109`
16601
+ var StatusError = css107`
16662
16602
  color: var(--error);
16663
16603
  &:before {
16664
16604
  /* TODO: replace this with an svg icon */
@@ -16671,29 +16611,29 @@ var StatusError = css109`
16671
16611
  );
16672
16612
  }
16673
16613
  `;
16674
- var StatusPublished = css109`
16614
+ var StatusPublished = css107`
16675
16615
  &:before {
16676
16616
  background: var(--accent-dark);
16677
16617
  }
16678
16618
  `;
16679
- var StatusOrphan = css109`
16619
+ var StatusOrphan = css107`
16680
16620
  &:before {
16681
16621
  background: var(--brand-secondary-5);
16682
16622
  }
16683
16623
  `;
16684
- var StatusUnknown = css109`
16624
+ var StatusUnknown = css107`
16685
16625
  &:before {
16686
16626
  background: var(--gray-800);
16687
16627
  }
16688
16628
  `;
16689
- var StatusDeleted = css109`
16629
+ var StatusDeleted = css107`
16690
16630
  &:before {
16691
16631
  background: var(--error);
16692
16632
  }
16693
16633
  `;
16694
16634
 
16695
16635
  // src/components/Validation/StatusBullet.tsx
16696
- import { jsx as jsx143 } from "@emotion/react/jsx-runtime";
16636
+ import { jsx as jsx141 } from "@emotion/react/jsx-runtime";
16697
16637
  var StatusBullet = ({
16698
16638
  status,
16699
16639
  hideText = false,
@@ -16714,7 +16654,7 @@ var StatusBullet = ({
16714
16654
  Deleted: StatusDeleted
16715
16655
  };
16716
16656
  const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
16717
- const StatusComponent = () => /* @__PURE__ */ jsx143(
16657
+ const StatusComponent = () => /* @__PURE__ */ jsx141(
16718
16658
  "span",
16719
16659
  {
16720
16660
  role: "status",
@@ -16724,9 +16664,9 @@ var StatusBullet = ({
16724
16664
  }
16725
16665
  );
16726
16666
  if (compact) {
16727
- return /* @__PURE__ */ jsx143(StatusComponent, {});
16667
+ return /* @__PURE__ */ jsx141(StatusComponent, {});
16728
16668
  }
16729
- return /* @__PURE__ */ jsx143(Tooltip, { title: message != null ? message : status, children: /* @__PURE__ */ jsx143("div", { children: /* @__PURE__ */ jsx143(StatusComponent, {}) }) });
16669
+ return /* @__PURE__ */ jsx141(Tooltip, { title: message != null ? message : status, children: /* @__PURE__ */ jsx141("div", { children: /* @__PURE__ */ jsx141(StatusComponent, {}) }) });
16730
16670
  };
16731
16671
  export {
16732
16672
  AddButton,
@@ -16768,8 +16708,6 @@ export {
16768
16708
  ErrorMessage,
16769
16709
  FieldMessage,
16770
16710
  Fieldset,
16771
- FlexiCard,
16772
- FlexiCardTitle,
16773
16711
  Heading2 as Heading,
16774
16712
  HexModalBackground,
16775
16713
  HorizontalRhythm,