@uniformdev/design-system 16.0.1-alpha.194 → 16.0.1-nuxt.149

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.
package/dist/esm/index.js CHANGED
@@ -1,47 +1,5 @@
1
- import{jsx as e}from"@emotion/react";import*as p from"react";import or from"react";var Yr=({disableReset:o=!1})=>e(or.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
2
- /*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
3
-
4
- /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
5
- *:where(:not(iframe, canvas, img, svg, video, [hidden]):not(svg *)) {
6
- all: unset;
7
- display: revert;
8
- }
9
-
10
- /* Preferred box-sizing value */
11
- *,
12
- *::before,
13
- *::after {
14
- box-sizing: border-box;
15
- }
16
-
17
- /*
18
- Remove list styles (bullets/numbers)
19
- in case you use it with normalize.css
20
- */
21
- ol,
22
- ul {
23
- list-style: none;
24
- }
25
-
26
- /* For images to not be able to exceed their container */
27
- img {
28
- max-width: 100%;
29
- }
30
-
31
- /* Removes spacing between cells in tables */
32
- table {
33
- border-collapse: collapse;
34
- }
35
-
36
- /* Revert the 'white-space' property for textarea elements on Safari */
37
- textarea {
38
- white-space: revert;
39
- }
40
-
41
- /* Allow dragging elements with a draggable=true attribute */
42
- [draggable="true"] {
43
- -webkit-user-drag: element;
44
- }
1
+ "use strict";import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"react";var or=({disableReset:o=!1})=>e(lt.Fragment,null,e("link",{href:"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Quantico:wght@700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",rel:"stylesheet"}),o?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
2
+ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
45
3
  `}}),e("style",{dangerouslySetInnerHTML:{__html:`
46
4
  :root {
47
5
  --brand-primary-1: #438fd5; /* bright blue */
@@ -187,14 +145,22 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
187
145
  pre {
188
146
  white-space: pre;
189
147
  }
190
- `}}));var rr={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},oe=o=>`@media (min-width: ${rr[o]})`;import{css as v}from"@emotion/react";var M=v`
148
+
149
+ *:where(ul, ol) {
150
+ all: unset;
151
+ }
152
+
153
+ ul, ol {
154
+ list-style: none;
155
+ }
156
+ `}}));var ct={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},te=o=>`@media (min-width: ${ct[o]})`;import{css as b}from"@emotion/react";var R=b`
191
157
  position: relative;
192
- `,b=v`
158
+ `,v=b`
193
159
  display: flex;
194
160
  font-weight: var(--fw-bold);
195
161
  margin: 0 0 var(--spacing-xs);
196
162
  align-items: center;
197
- `,k=v`
163
+ `,T=b`
198
164
  appearance: none;
199
165
  background-color: var(--white);
200
166
  border: 1px solid var(--gray-400);
@@ -224,27 +190,27 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
224
190
  color: var(--gray-300);
225
191
  border-color: var(--gray-300);
226
192
  }
227
- `,R=v`
193
+ `,I=b`
228
194
  border-color: var(--brand-secondary-5);
229
- `,A=v`
195
+ `,V=b`
230
196
  align-items: center;
231
197
  display: flex;
232
198
  position: absolute;
233
199
  inset: 0 var(--spacing-base) 0 auto;
234
200
  pointer-event: one;
235
- `,G=v`
201
+ `,D=b`
236
202
  padding-right: var(--spacing-2xl);
237
- `,Y=v`
203
+ `,X=b`
238
204
  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");
239
205
  background-position: right var(--spacing-sm) center;
240
206
  background-repeat: no-repeat;
241
207
  background-size: 1rem;
242
208
  padding-right: var(--spacing-xl);
243
- `,re=v`
209
+ `,re=b`
244
210
  color: var(--brand-secondary-1);
245
211
  height: 1.25rem;
246
212
  width: 1.25rem;
247
- `,te=v`
213
+ `,ne=b`
248
214
  align-items: center;
249
215
  cursor: pointer;
250
216
  display: inline-flex;
@@ -252,7 +218,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
252
218
  margin: var(--spacing-sm) 0;
253
219
  flex-wrap: wrap;
254
220
  font-weight: var(--fw-regular);
255
- `,ne=v`
221
+ `,ae=b`
256
222
  border: 1px solid var(--brand-secondary-1);
257
223
  background: var(--white);
258
224
  width: var(--spacing-md);
@@ -283,21 +249,21 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
283
249
  color: var(--gray-300);
284
250
  border-color: var(--gray-300);
285
251
  }
286
- `,ae=v`
252
+ `,ie=b`
287
253
  font-weight: var(--fw-medium);
288
- `,ie=v`
254
+ `,se=b`
289
255
  cursor: not-allowed;
290
256
  color: var(--gray-400);
291
- `,se=v`
257
+ `,le=b`
292
258
  display: flex;
293
259
  flex-direction: column;
294
260
  flex-basis: 100%;
295
261
  padding-left: var(--spacing-lg);
296
262
  margin-top: -0.5rem;
297
263
  line-height: 1.15;
298
- `,ce=v`
299
- ${k}
300
- `;import{css as tr}from"@emotion/react";var X=tr`
264
+ `,ce=b`
265
+ ${T}
266
+ `;import{css as pt}from"@emotion/react";var _=pt`
301
267
  @supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
302
268
  /*
303
269
  #d1d5db = bg-gray-300
@@ -323,15 +289,15 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
323
289
  &::-webkit-scrollbar-thumb:hover {
324
290
  background: var(--gray-500);
325
291
  }
326
- `;import{css as _}from"@emotion/react";var D=_`
292
+ `;import{css as q}from"@emotion/react";var G=q`
327
293
  display: block;
328
- `,Z=_`
294
+ `,W=q`
329
295
  background: transparent;
330
296
  color: var(--brand-secondary-1);
331
- `,F=_`
297
+ `,Z=q`
332
298
  background: var(--brand-secondary-1);
333
299
  color: var(--white);
334
- `;var tt=({theme:o="light",...r})=>e("svg",{width:"38",height:"44",viewBox:"0 0 87 101",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-test-id":"uniform-Badge",css:[D,o==="dark"?F:Z],...r},e("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),e("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),e("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var it=({theme:o="light",...r})=>e("div",{"data-test-id":"uniform-Logo"},e("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[D,o==="dark"?F:Z],...r},e("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),e("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),e("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),e("path",{d:"M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",fill:"currentColor"})));import*as fe from"react";import{Button as nr}from"reakit/Button";import{css as L}from"@emotion/react";var le=L`
300
+ `;var dr=({theme:o="light",...t})=>e("svg",{width:"38",height:"44",viewBox:"0 0 87 101",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-test-id":"uniform-Badge",css:[G,o==="dark"?Z:W],...t},e("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),e("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),e("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var gr=({theme:o="light",...t})=>e("div",{"data-test-id":"uniform-Logo"},e("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[G,o==="dark"?Z:W],...t},e("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),e("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),e("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),e("path",{d:"M86.45 12.98h-4.076v14.87h4.076V12.98Zm.146-6.843h-4.371v4.076h4.37V6.137Zm5.861 1.993v4.85h-2.736v3.477h2.736V27.85h4.076V16.457h3.27V12.98h-3.27V9.617h3.27v-3.48h-3.896l-3.45 1.992Zm13.503 4.7-3.45 1.993v11.183l3.45 1.992h6.335l3.45-1.992V14.823l-3.45-1.992h-6.335Zm5.71 11.688h-5.087v-8.21h5.087v8.21Zm12.607-10.315-2.119-1.224h-1.954v14.87h4.076V16.457h5.115V12.98h-2.999l-2.119 1.224ZM71.034 12.83l-2.375 1.373-2.379-1.372h-1.6v15.018h4.075V16.31h5.084v11.54h4.076V14.823l-3.45-1.992h-3.431ZM56.145 24.517h-5.087V12.98h-4.073v13.027l3.45 1.992h3.593l2.111-1.22.003.002.003-.003v.003l2.108 1.218h1.965v-15.02h-4.073v11.538Zm93.68-11.687h-2.855l-2.794 1.604-2.767-1.603h-2.854l-2.111 1.218-2.111-1.218h-1.965v15.018h4.076V16.31h4.343v11.54h4.073V16.31h4.343v11.54h4.073V14.823l-3.451-1.992Z",fill:"currentColor"})));import*as fe from"react";import{Button as dt}from"reakit/Button";import{css as k}from"@emotion/react";var pe=k`
335
301
  align-items: center;
336
302
  border: 1px solid transparent;
337
303
  cursor: pointer;
@@ -355,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
355
321
  &:disabled {
356
322
  cursor: not-allowed;
357
323
  }
358
- `,pe=L`
324
+ `,de=k`
359
325
  background: var(--brand-secondary-1);
360
326
  color: var(--white);
361
327
 
@@ -363,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
363
329
  background: var(--gray-500);
364
330
  color: var(--white);
365
331
  }
366
- `,de=L`
332
+ `,ue=k`
367
333
  background: var(--brand-secondary-5);
368
334
  color: var(--white);
369
335
 
@@ -371,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
371
337
  background: var(--gray-500);
372
338
  color: var(--white);
373
339
  }
374
- `,ue=L`
340
+ `,me=k`
375
341
  background: var(--brand-secondary-2);
376
342
  color: var(--brand-secondary-1);
377
343
 
@@ -379,7 +345,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
379
345
  background: var(--brand-secondary-2);
380
346
  color: var(--gray-400);
381
347
  }
382
- `,me=L`
348
+ `,ge=k`
383
349
  background: transparent;
384
350
  color: var(--brand-secondary-3);
385
351
 
@@ -392,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
392
358
  border-color: var(--gray-400);
393
359
  color: var(--gray-400);
394
360
  }
395
- `,ge=L`
361
+ `,be=k`
396
362
  background: var(--brand-secondary-3);
397
363
  color: var(--white);
398
364
 
@@ -400,10 +366,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
400
366
  background: var(--gray-500);
401
367
  color: var(--white);
402
368
  }
403
- `;var mt=fe.forwardRef(({buttonType:o="primary",size:r="md",children:t,...n},a)=>{let c={primary:pe,secondary:de,ghost:me,unimportant:ue,tertiary:ge},l={xs:"padding: 0.375rem 0.625rem; font-size: var(--fs-xs);",sm:"padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",md:"padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",lg:"padding: var(--spacing-sm) var(--spacing-base)",xl:"padding: 0.75rem var(--spacing-md)"};return e(nr,{ref:a,css:[le,c[o],l[r]],...n},t)});import dr from"react";import{createContext as ar,useContext as ir,useEffect as sr,useState as ve}from"react";import{paramCase as cr}from"param-case";var be=ar({iconsMap:{},isLoading:!0});function he(){return ir(be)}function ht({children:o}){let[r,t]=ve(!0),[n,a]=ve({});return sr(()=>{import("react-icons/cg").then(c=>{let l=Object.entries(c).reduce((m,[d,f])=>{if(d==="default")return m;let y=lr(d);return{...m,[y]:f}},{});a(l),t(!1)})},[]),e(be.Provider,{value:{iconsMap:n,isLoading:r}},o)}function lr(o){var r,t;return(t=(r=cr(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:r.join("-"))!=null?t:""}import{css as H}from"@emotion/react";var ye=H`
369
+ `;var wr=fe.forwardRef(({buttonType:o="primary",size:t="md",children:r,...n},a)=>{let i={primary:de,secondary:ue,ghost:ge,unimportant:me,tertiary:be},s={xs:"padding: 0.375rem 0.625rem; font-size: var(--fs-xs);",sm:"padding: var(--spacing-sm) 0.75rem; font-size: var(--fs-sm);",md:"padding: var(--spacing-sm) var(--spacing-base); font-size: var(--fs-sm);",lg:"padding: var(--spacing-sm) var(--spacing-base)",xl:"padding: 0.75rem var(--spacing-md)"};return e(dt,{ref:a,css:[pe,i[o],s[t]],...n},r)});import ht from"react";import{createContext as ut,useContext as mt,useEffect as gt,useState as ve}from"react";import{paramCase as bt}from"param-case";var he=ut({iconsMap:{},isLoading:!0});function ye(){return mt(he)}function Tr({children:o}){let[t,r]=ve(!0),[n,a]=ve({});return gt(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[p,m])=>{if(p==="default")return u;let g=ft(p);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(he.Provider,{value:{iconsMap:n,isLoading:t}},o)}function ft(o){var t,r;return(r=(t=bt(o.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:t.join("-"))!=null?r:""}import{css as E}from"@emotion/react";var xe=E`
404
370
  display: hidden;
405
371
 
406
- ${oe("sm")} {
372
+ ${te("sm")} {
407
373
  display: block;
408
374
  }
409
375
 
@@ -411,30 +377,30 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
411
377
  display: block;
412
378
  vertical-align: middle;
413
379
  }
414
- `,xe=H`
380
+ `,we=E`
415
381
  color: var(--brand-secondary-3);
416
- `,we=H`
382
+ `,Ce=E`
417
383
  color: var(--brand-secondary-5);
418
- `,Ce=H`
384
+ `,Se=E`
419
385
  color: var(--gray-500);
420
- `,Se=H`
386
+ `,Ie=E`
421
387
  color: currentColor;
422
- `;var ur=({icon:o,iconColor:r="green",size:t="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:c,isLoading:l}=he(),m={green:xe,gray:Ce,red:we,currentColor:Se};if(a&&l)return null;let d=a?c[o]:o;return a&&d===void 0?(console.error(`We don't seem to have the icon you're looking for ("${o}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(d,{role:"img",size:t,...n,css:[ye,m[r]]})},x=dr.memo(ur);import{css as mr}from"@emotion/react";var Ie=mr`
388
+ `;var yt=({icon:o,iconColor:t="green",size:r="1.5rem",...n})=>{let a=typeof o=="string",{iconsMap:i,isLoading:s}=ye(),u={green:we,gray:Se,red:Ce,currentColor:Ie};if(a&&s)return null;let p=a?i[o]:o;return a&&p===void 0?(console.error(`We don't seem to have the icon you're looking for ("${o}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(p,{role:"img",size:r,...n,css:[xe,u[t]]})},h=ht.memo(yt);import{css as xt}from"@emotion/react";var Re=xt`
423
389
  color: var(--gray-500);
424
390
  display: block;
425
391
  font-size: var(--fs-sm);
426
392
  margin: var(--spacing-xs) 0;
427
393
  max-width: var(--prose);
428
- `;var w=({children:o})=>e("small",{css:Ie},o);import{MdWarning as fr}from"react-icons/md";import{css as gr}from"@emotion/react";var Re=gr`
394
+ `;var x=({children:o,testId:t})=>e("small",{css:Re,"data-test-id":t},o);import{MdWarning as Ct}from"react-icons/md";import{css as wt}from"@emotion/react";var Te=wt`
429
395
  align-items: center;
430
396
  color: var(--brand-secondary-5);
431
397
  display: flex;
432
398
  gap: var(--spacing-sm);
433
399
  margin: var(--spacing-xs) 0;
434
- `;var C=({message:o})=>o?e("span",{css:Re},e(x,{icon:fr,size:16,iconColor:"currentColor"}),o):null;import*as Me from"react";var T=({children:o,className:r,...t})=>e("label",{css:[b,typeof r=="object"?r:void 0],className:typeof r=="string"?r:"",...t},o);var ke=({label:o,icon:r,id:t,caption:n,showLabel:a=!0,errorMessage:c,classNameContainer:l,classNameControl:m,classNameLabel:d,...f})=>e(Me.Fragment,null,a?e(T,{htmlFor:t,css:[b,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},o):null,e("div",{css:[M,typeof l=="object"?l:void 0],className:typeof l=="string"?l:""},e("input",{id:t,css:[k,typeof m=="object"?m:void 0,c?R:void 0,r?G:""],"aria-label":a?void 0:o,className:typeof m=="string"?m:"",...f}),r?e("div",{css:A},r):null),n?e(w,null,n):null,c?e(C,{message:c}):null);import vr from"react-select";function Ut(o){return e(vr,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,r,t),color:"#828282"}},valueContainer:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,r,t),padding:"var(--spacing-base)"}},input:(r,t)=>{var n,a;return{...r,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,r,t),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,t)=>({...r,className:"input-combobox-control",border:t.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:t.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as br}from"@emotion/react";import*as Ee from"react";import{useState as hr,useRef as yr}from"react";import{css as O}from"@emotion/react";var Le=O`
400
+ `;var w=({message:o,testId:t})=>o?e("span",{css:Te,"data-test-id":t},e(h,{icon:Ct,size:16,iconColor:"currentColor"}),o):null;var M=({children:o,className:t,testId:r,...n})=>e("label",{css:[v,typeof t=="object"?t:void 0],className:typeof t=="string"?t:"","data-test-id":r,...n},o);var ke=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:p,captionTestId:m,classNameContainer:g,classNameControl:d,classNameLabel:f,...Y})=>e("div",{"data-test-id":s},a?e(M,{htmlFor:r,css:[v,typeof f=="object"?f:void 0],className:typeof f=="string"?f:"",testId:u},o):null,e("div",{css:[R,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof d=="object"?d:void 0,i?I:void 0,t?D:""],"aria-label":a?void 0:o,className:typeof d=="string"?d:"",...Y}),t?e("div",{css:V},t):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:p}):null);import St from"react-select";function Qr(o){return e(St,{...o,classNamePrefix:"input-combobox",styles:{...o.styles,singleValue:(t,r)=>{var n,a;return{...t,color:"#828282",...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r)}},valueContainer:(t,r)=>{var n,a;return{...t,padding:"var(--spacing-base)",...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r)}},input:(t,r)=>{var n,a;return{...t,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r)}},control:(t,r)=>{var n,a;return{...t,className:"input-combobox-control",border:r.isFocused?"1px solid transparent":"1px solid var(--gray-400)",lineHeight:1.25,outline:r.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,minHeight:"58px",boxShadow:"none","&:hover":{boxShadow:"none"},...(a=(n=o.styles)==null?void 0:n.control)==null?void 0:a.call(n,t,r)}},indicatorsContainer:(t,r)=>{var n,a;return{...t,backgroundImage:`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")`,backgroundSize:"1rem",backgroundPosition:"right var(--spacing-sm) center",backgroundRepeat:"no-repeat",width:"24px","& svg":{display:"none"},...(a=(n=o.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,t,r)}},indicatorSeparator:(t,r)=>{var n,a;return{display:"none",...(a=(n=o.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,t,r)}},option:(t,r)=>{var n,a;return{...t,color:r.isDisabled?"var(--gray-500)":"var(--gray-700)",backgroundColor:r.isDisabled?"transparent":r.isSelected?"var(--gray-200)":r.isFocused?"var(--gray-100)":"transparent",...(a=(n=o.styles)==null?void 0:n.option)==null?void 0:a.call(n,t,r)}}}})}import{css as It}from"@emotion/react";import*as Ee from"react";import{useState as Rt,useRef as Tt}from"react";import{css as H}from"@emotion/react";var Me=H`
435
401
  margin-inline: auto;
436
402
  max-width: fit-content;
437
- `,Te=O`
403
+ `,Le=H`
438
404
  align-items: center;
439
405
  background: var(--brand-secondary-3);
440
406
  border: 2px solid var(--brand-secondary-3);
@@ -457,7 +423,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
457
423
  &:focus {
458
424
  outline: 2px solid var(--brand-secondary-1);
459
425
  }
460
- `,Pe=O`
426
+ `,Pe=H`
461
427
  background: var(--white);
462
428
  border: 1px solid var(--brand-secondary-3);
463
429
  border-top: none;
@@ -467,7 +433,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
467
433
  position: absolute;
468
434
  inset: auto 0;
469
435
  transform: translateY(-0.2rem);
470
- `,Be=O`
436
+ `,Be=H`
471
437
  cursor: pointer;
472
438
  display: block;
473
439
  font-size: var(--fs-sm);
@@ -482,24 +448,25 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
482
448
  &:hover {
483
449
  background: var(--gray-50);
484
450
  }
485
- `,ze=O`
451
+ `,ze=H`
486
452
  position: absolute;
487
453
  overflow: hidden;
488
454
  height: 1px;
489
455
  width: 1px;
490
456
  clip: rect(0, 0, 0, 0);
491
457
  padding: 0;
492
- `;import{CgChevronDown as xr}from"react-icons/cg";var en=({classNameContainer:o,options:r,value:t,onChange:n,disabled:a,...c})=>{var y;let[l,m]=hr(!1),d=yr(null);Ee.useEffect(()=>{let g=I=>{d.current&&!d.current.contains(I.target)&&m(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[d]);let f=r.find(g=>g.value===t);return e("div",{ref:d,css:o?br`
458
+ `;import{CgChevronDown as kt}from"react-icons/cg";var cn=({classNameContainer:o,options:t,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Rt(!1),p=Tt(null);Ee.useEffect(()=>{let d=f=>{p.current&&!p.current.contains(f.target)&&u(!1)};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[p]);let m=t.find(d=>d.value===r);return e("div",{ref:p,css:o?It`
493
459
  max-width: fit-content;
494
460
  ${typeof o=="object"?o:void 0}
495
- `:Le,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${c.id}`,"aria-expanded":l,css:Te,onClick:()=>{a||m(g=>!g)},disabled:a,...c},e("span",null,(y=f==null?void 0:f.label)!=null?y:t),a?null:e(x,{icon:xr,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${c.id}`,css:[Pe,l?void 0:ze],"aria-hidden":!l},r.map(g=>e("button",{key:g.value,type:"button",css:Be,onClick:()=>{n(g),m(I=>!I)}},g.label))))};var nn=({onSearchTextChanged:o,disabled:r=!1,placeholder:t="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:c})=>e(ke,{type:"text",name:n,placeholder:t,showLabel:!1,value:c,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:re},e("g",{clipPath:"url(#clip0)"},e("path",{d:"M11.539 0C5.48429 0 0.558105 4.74145 0.558105 10.5691C0.558105 16.3971 5.48429 21.1382 11.539 21.1382C17.594 21.1382 22.5199 16.3971 22.5199 10.5691C22.5199 4.74145 17.594 0 11.539 0ZM11.539 19.187C6.60198 19.187 2.58535 15.321 2.58535 10.5691C2.58535 5.81728 6.60198 1.95122 11.539 1.95122C16.476 1.95122 20.4926 5.81723 20.4926 10.5691C20.4926 15.321 16.476 19.187 11.539 19.187Z"}),e("path",{d:"M25.196 22.3344L19.3846 16.7409C18.9886 16.3598 18.3473 16.3598 17.9513 16.7409C17.5553 17.1217 17.5553 17.7397 17.9513 18.1205L23.7627 23.714C23.9607 23.9045 24.2199 23.9998 24.4794 23.9998C24.7385 23.9998 24.998 23.9045 25.196 23.714C25.592 23.3332 25.592 22.7153 25.196 22.3344Z"})),e("defs",null,e("clipPath",{id:"clip0"},e("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:d=>{o(d.currentTarget.value)},onKeyPress:d=>{d.key==="Enter"&&a&&d.preventDefault()},disabled:r,"aria-label":t});var dn=({label:o,defaultOption:r,options:t,caption:n,errorMessage:a,showLabel:c=!0,labelCta:l,classNameContainer:m,classNameControl:d,classNameLabel:f,...y})=>e("div",{css:[M,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},c?e(p.Fragment,null,e(T,{htmlFor:y.id,css:[b,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},o,l)):null,e("select",{title:o,"aria-label":c?void 0:o,css:[k,Y,a?R:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...y},r?e("option",{value:""},r):null,t.map((g,I)=>e("option",{key:I,value:g.label,...g}))),n?e(w,null,n):null,a?e(C,{message:a}):null);var vn=({label:o,type:r,disabled:t,checked:n,name:a,caption:c,errorMessage:l,...m})=>e(T,{css:[te,t?ie:void 0]},e("input",{type:r,css:ne,checked:n,name:a,disabled:t,...m}),e("span",{css:ae},o),c||l?e("span",{css:se},c?e(w,null,c):null,l?e(C,{message:l}):null):null);import*as He from"react";var wn=({label:o,icon:r,id:t,caption:n,showLabel:a=!0,errorMessage:c,...l})=>e(He.Fragment,null,a?e("label",{htmlFor:t,css:[b]},o):null,e("div",{css:[M]},e("textarea",{id:t,css:[ce,c?R:void 0,r?G:""],"aria-label":a?void 0:o,...l}),r?e("div",{css:A},r):null),n?e(w,null,n):null,c?e(C,{message:c}):null);import*as P from"react";import{useMenuState as Cr,Menu as Sr,MenuButton as Ir}from"reakit/Menu";import{css as wr}from"@emotion/react";var Oe=wr`
461
+ `:Me,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Le,onClick:()=>{a||u(d=>!d)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:kt,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[Pe,s?void 0:ze],"aria-hidden":!s},t.map(d=>e("button",{key:d.value,type:"button",css:Be,onClick:()=>{n(d),u(f=>!f)}},d.label))))};var mn=({onSearchTextChanged:o,disabled:t=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i})=>e(ke,{type:"text",name:n,placeholder:r,showLabel:!1,value:i,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:re},e("g",{clipPath:"url(#clip0)"},e("path",{d:"M11.539 0C5.48429 0 0.558105 4.74145 0.558105 10.5691C0.558105 16.3971 5.48429 21.1382 11.539 21.1382C17.594 21.1382 22.5199 16.3971 22.5199 10.5691C22.5199 4.74145 17.594 0 11.539 0ZM11.539 19.187C6.60198 19.187 2.58535 15.321 2.58535 10.5691C2.58535 5.81728 6.60198 1.95122 11.539 1.95122C16.476 1.95122 20.4926 5.81723 20.4926 10.5691C20.4926 15.321 16.476 19.187 11.539 19.187Z"}),e("path",{d:"M25.196 22.3344L19.3846 16.7409C18.9886 16.3598 18.3473 16.3598 17.9513 16.7409C17.5553 17.1217 17.5553 17.7397 17.9513 18.1205L23.7627 23.714C23.9607 23.9045 24.2199 23.9998 24.4794 23.9998C24.7385 23.9998 24.998 23.9045 25.196 23.714C25.592 23.3332 25.592 22.7153 25.196 22.3344Z"})),e("defs",null,e("clipPath",{id:"clip0"},e("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:p=>{o(p.currentTarget.value)},onKeyPress:p=>{p.key==="Enter"&&a&&p.preventDefault()},disabled:t,"aria-label":r});var yn=({label:o,defaultOption:t,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:p,classNameLabel:m,...g})=>e("div",{css:[R,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},i?e(l.Fragment,null,e(M,{htmlFor:g.id,css:[v,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o,s)):null,e("select",{title:o,"aria-label":i?void 0:o,css:[T,X,a?I:void 0,typeof p=="object"?p:void 0],className:typeof p=="string"?p:"",...g},t?e("option",{value:""},t):null,r.map((d,f)=>e("option",{key:f,value:d.label,...d}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var In=({label:o,type:t,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(M,{css:[ne,r?se:void 0]},e("input",{type:t,css:ae,checked:n,name:a,disabled:r,...u}),e("span",{css:ie},o),i||s?e("span",{css:le},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as He from"react";var Ln=({label:o,icon:t,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(He.Fragment,null,a?e("label",{htmlFor:r,css:[v]},o):null,e("div",{css:[R]},e("textarea",{id:r,css:[ce,i?I:void 0,t?D:""],"aria-label":a?void 0:o,...s}),t?e("div",{css:V},t):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as L from"react";import{useMenuState as Lt,Menu as Pt,MenuButton as Bt}from"reakit/Menu";import{css as Mt}from"@emotion/react";var Ae=Mt`
496
462
  border: 1px solid var(--gray-500);
497
463
  border-radius: var(--rounded-base);
498
464
  outline: none;
499
465
  overflow: hidden;
500
466
  z-index: 50;
501
- `;var Ve=P.createContext({}),Ae=()=>P.useContext(Ve),Ge=({menuLabel:o,menuTrigger:r,placement:t="auto",menuItemsContainerCssClasses:n,children:a})=>{let c=Cr({placement:t});return e(Ve.Provider,{value:c},e(Ir,{...c,ref:r.ref,...r.props},l=>P.cloneElement(r,l)),e(Sr,{...c,"aria-label":o,css:[Oe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as We from"react";import{MenuItem as Rr}from"reakit";import{css as De}from"@emotion/react";var Ze=De`
467
+ `;var Oe=L.createContext({}),Ve=()=>L.useContext(Oe),De=({menuLabel:o,menuTrigger:t,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Lt({placement:r});return e(Oe.Provider,{value:i},e(Bt,{...i,ref:t.ref,...t.props},s=>L.cloneElement(t,s)),e(Pt,{...i,"aria-label":o,css:[Ae,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Fe from"react";import{MenuItem as zt}from"reakit";import{css as Ge}from"@emotion/react";var We=Ge`
502
468
  background: var(--white);
469
+ border: none;
503
470
  border-top: 1px solid var(--gray-500);
504
471
  color: var(--brand-secondary-1);
505
472
  display: flex;
@@ -523,7 +490,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
523
490
  &:hover {
524
491
  background: var(--gray-200);
525
492
  }
526
- `,Fe=De`
493
+ `,Ze=Ge`
527
494
  align-items: center;
528
495
  display: flex;
529
496
  justify-content: space-between;
@@ -534,7 +501,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
534
501
  width: var(--spacing-base);
535
502
  height: var(--spacing-base);
536
503
  }
537
- `;var An=We.forwardRef(({children:o,className:r,hideMenuOnClick:t=!0,icon:n,...a},c)=>{let l=Ae(),d=t?(y=>{let g={...y};if(g.onClick){let I=g.onClick;g.onClick=er=>{l.hide(),I(er)}}return g})(a):a,f=typeof o=="function"?o(d):o;return e(Rr,{ref:c,"data-testid":"uniform-menuItem",...l,...d,css:[Ze,typeof r=="object"?r:void 0],className:typeof r=="string"?r:void 0},n?Mr(f,n):f)});function Mr(o,r){return e("span",{css:Fe},o," ",r)}import{css as u}from"@emotion/react";var Ne=({...o})=>e("svg",{role:"img","data-img":"info",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),Ue=({...o})=>e("svg",{role:"img","data-img":"danger",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),$e=({...o})=>e("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),Ke=({...o})=>e("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),q=({...o})=>e("svg",{role:"img","data-img":"caution",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Ye=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as B}from"@emotion/react";var Xe=B`
504
+ `;var $n=Fe.forwardRef(({children:o,className:t,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ve(),p=r?(g=>{let d={...g};if(d.onClick){let f=d.onClick;d.onClick=Y=>{s.hide(),f(Y)}}return d})(a):a,m=typeof o=="function"?o(p):o;return e(zt,{ref:i,"data-testid":"uniform-menuItem",...s,...p,css:[We,typeof t=="object"?t:void 0],className:typeof t=="string"?t:void 0},n?Et(m,n):m)});function Et(o,t){return e("span",{css:Ze},o," ",t)}import{css as c}from"@emotion/react";var Ne=({...o})=>e("svg",{role:"img","data-img":"info",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"})),Ue=({...o})=>e("svg",{role:"img","data-img":"danger",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"})),$e=({...o})=>e("svg",{role:"img","data-img":"note",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 14 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"})),Ke=({...o})=>e("svg",{role:"img","data-img":"tip",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 12 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"})),J=({...o})=>e("svg",{role:"img","data-img":"caution",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",...o},e("path",{fillRule:"evenodd",d:"M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"})),Ye=({...o})=>e("svg",{role:"img","data-img":"success",width:"1em",height:"1em",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...o},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}));import{css as P}from"@emotion/react";var Xe=P`
538
505
  --caution-desc: rgb(161, 98, 7);
539
506
  --caution-icon: rgb(250, 204, 21);
540
507
  --caution-title: rgb(133, 77, 14);
@@ -562,77 +529,77 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
562
529
 
563
530
  border-radius: var(--rounded-base);
564
531
  padding: var(--spacing-base);
565
- `,_e=B`
532
+ `,_e=P`
566
533
  display: flex;
567
534
  gap: var(--spacing-base);
568
- `,qe=B`
535
+ `,qe=P`
569
536
  flex-shrink: 0;
570
- `,Je=B`
537
+ `,Je=P`
571
538
  font-size: var(--fs-sm);
572
539
  font-weight: var(--fw-bold);
573
540
  margin: 0 0 var(--spacing-sm);
574
- `,Qe=B`
541
+ `,Qe=P`
575
542
  font-size: var(--fs-sm);
576
- `,je=B`
543
+ `,je=P`
577
544
  width: 1.25rem;
578
545
  height: 1.25rem;
579
- `;var kr={caution:{icon:q,descriptionColor:u`
546
+ `;var Ht={caution:{icon:J,descriptionColor:c`
580
547
  color: var(--caution-desc);
581
- `,iconColor:u`
548
+ `,iconColor:c`
582
549
  color: var(--caution-icon);
583
- `,titleColor:u`
550
+ `,titleColor:c`
584
551
  color: var(--caution-title);
585
- `,containerColor:u`
552
+ `,containerColor:c`
586
553
  background-color: var(--caution-container);
587
- `},danger:{icon:Ue,descriptionColor:u`
554
+ `},danger:{icon:Ue,descriptionColor:c`
588
555
  color: var(--danger-desc);
589
- `,iconColor:u`
556
+ `,iconColor:c`
590
557
  color: var(--danger-icon);
591
- `,titleColor:u`
558
+ `,titleColor:c`
592
559
  color: var(--danger-title);
593
- `,containerColor:u`
560
+ `,containerColor:c`
594
561
  background-color: var(--danger-container);
595
- `},error:{icon:q,descriptionColor:u`
562
+ `},error:{icon:J,descriptionColor:c`
596
563
  color: var(--danger-desc);
597
- `,iconColor:u`
564
+ `,iconColor:c`
598
565
  color: var(--danger-icon);
599
- `,titleColor:u`
566
+ `,titleColor:c`
600
567
  color: var(--danger-title);
601
- `,containerColor:u`
568
+ `,containerColor:c`
602
569
  background-color: var(--danger-container);
603
- `},info:{icon:Ne,descriptionColor:u`
570
+ `},info:{icon:Ne,descriptionColor:c`
604
571
  color: var(--info-desc);
605
- `,iconColor:u`
572
+ `,iconColor:c`
606
573
  color: var(--info-icon);
607
- `,titleColor:u`
574
+ `,titleColor:c`
608
575
  color: var(--info-title);
609
- `,containerColor:u`
576
+ `,containerColor:c`
610
577
  background-color: var(--info-container);
611
- `},note:{icon:$e,descriptionColor:u`
578
+ `},note:{icon:$e,descriptionColor:c`
612
579
  color: var(--note-desc);
613
- `,iconColor:u`
580
+ `,iconColor:c`
614
581
  color: var(--note-icon);
615
- `,titleColor:u`
582
+ `,titleColor:c`
616
583
  color: var(--note-title);
617
- `,containerColor:u`
584
+ `,containerColor:c`
618
585
  background-color: var(--note-container);
619
- `},success:{icon:Ye,descriptionColor:u`
586
+ `},success:{icon:Ye,descriptionColor:c`
620
587
  color: var(--success-desc);
621
- `,iconColor:u`
588
+ `,iconColor:c`
622
589
  color: var(--success-icon);
623
- `,titleColor:u`
590
+ `,titleColor:c`
624
591
  color: var(--success-title);
625
- `,containerColor:u`
592
+ `,containerColor:c`
626
593
  background-color: var(--success-container);
627
- `},tip:{icon:Ke,descriptionColor:u`
594
+ `},tip:{icon:Ke,descriptionColor:c`
628
595
  color: var(--success-desc);
629
- `,iconColor:u`
596
+ `,iconColor:c`
630
597
  color: var(--success-icon);
631
- `,titleColor:u`
598
+ `,titleColor:c`
632
599
  color: var(--success-title);
633
- `,containerColor:u`
600
+ `,containerColor:c`
634
601
  background-color: var(--success-container);
635
- `}},Kn=({type:o="info",title:r,children:t,className:n})=>{let a=kr[o];if(!a)return null;let c=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Xe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:_e},e("div",{css:qe},e(c,{css:[je,a.iconColor]})),e("div",null,r?e("h3",{css:[Je,a.titleColor]},r):null,t?e("div",{css:[Qe,a.descriptionColor]},t):null)))};import{css as eo,keyframes as Lr}from"@emotion/react";var Tr=Lr`
602
+ `}},ea=({type:o="info",title:t,children:r,className:n})=>{let a=Ht[o];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Xe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:_e},e("div",{css:qe},e(i,{css:[je,a.iconColor]})),e("div",null,t?e("h3",{css:[Je,a.titleColor]},t):null,r?e("div",{css:[Qe,a.descriptionColor]},r):null)))};import{css as eo,keyframes as At}from"@emotion/react";var Ot=At`
636
603
  0%, 100% {
637
604
  opacity: 1.0;
638
605
  transform: translateY(0);
@@ -651,11 +618,11 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
651
618
  `,oo=eo`
652
619
  display: inline-flex;
653
620
  justify-content: center;
654
- `,W=eo`
621
+ `,F=eo`
655
622
  background-color: var(--gray-700);
656
623
  display: block;
657
624
  border-radius: var(--rounded-full);
658
- animation: ${Tr} 0.75s infinite ease-in-out;
625
+ animation: ${Ot} 0.75s infinite ease-in-out;
659
626
  width: 8px;
660
627
  height: 8px;
661
628
  margin: 0 var(--spacing-xs);
@@ -672,53 +639,53 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
672
639
  &:nth-of-type(3) {
673
640
  animation-delay: 0.6s;
674
641
  }
675
- `;var Jn=()=>e("div",{css:oo,role:"alert"},e("span",{css:W}),e("span",{css:W}),e("span",{css:W}));import{css as Pr}from"@emotion/react";import{css as z}from"@emotion/react";var ro=z`
642
+ `;var aa=()=>e("div",{css:oo,role:"alert","data-test-id":"loading-indicator"},e("span",{css:F}),e("span",{css:F}),e("span",{css:F}));import{css as Vt}from"@emotion/react";import{css as B}from"@emotion/react";var to=B`
676
643
  align-items: center;
677
644
  position: absolute;
678
645
  inset: 0 0;
679
646
  overflow: hidden;
680
647
  z-index: 9999;
681
648
  justify-content: center;
682
- `,to=z`
649
+ `,ro=B`
683
650
  display: flex;
684
- `,no=z`
651
+ `,no=B`
685
652
  display: none;
686
- `,ao=z`
653
+ `,ao=B`
687
654
  background: var(--white);
688
655
  opacity: 0.5;
689
656
  position: absolute;
690
657
  inset: 0 0;
691
- `,io=z`
658
+ `,io=B`
692
659
  align-items: center;
693
660
  display: flex;
694
661
  flex-direction: column;
695
- `,so=z`
662
+ `,so=B`
696
663
  color: var(--gray-500);
697
664
  margin: var(--spacing-base) 0 0;
698
- `;var ta=({isActive:o,statusMessage:r})=>e("div",{role:"alert",css:[ro,o?to:no],"aria-hidden":!o},e("div",{css:ao}),e("div",{css:Pr`
665
+ `;var da=({isActive:o,statusMessage:t})=>e("div",{role:"alert",css:[to,o?ro:no],"aria-hidden":!o},e("div",{css:ao}),e("div",{css:Vt`
699
666
  position: relative;
700
- `},e("div",{css:io},e(Br,{height:128,width:128}),r?e("div",{css:so},r):null))),Br=({height:o,width:r})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:r!=null?r:40,height:o!=null?o:40,stroke:"currentColor"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as S}from"@emotion/react";var co=S`
667
+ `},e("div",{css:io},e(Dt,{height:128,width:128}),t?e("div",{css:so},t):null))),Dt=({height:o,width:t})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:t!=null?t:40,height:o!=null?o:40,stroke:"currentColor"},e("g",{fill:"none",fillRule:"evenodd"},e("g",{transform:"translate(1 1)",strokeWidth:"2"},e("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),e("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},e("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));import{css as C}from"@emotion/react";var lo=C`
701
668
  font-family: var(--ff-heading);
702
669
  font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
703
670
  font-weight: var(--fw-bold);
704
671
  margin-bottom: var(--spacing-base);
705
- `,lo=S`
672
+ `,co=C`
706
673
  font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
707
- `,po=S`
674
+ `,po=C`
708
675
  font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
709
- `,uo=S`
676
+ `,uo=C`
710
677
  font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
711
- `,mo=S`
678
+ `,mo=C`
712
679
  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
713
- `,go=S`
680
+ `,go=C`
714
681
  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
715
- `,fo=S`
682
+ `,bo=C`
716
683
  font-weight: var(--fw-bold);
717
684
  font-family: var(--ff-base);
718
685
  margin-bottom: var(--spacing-base);
719
- `,vo=S`
686
+ `,fo=C`
720
687
  line-height: 1.35;
721
- `;var ca=({level:o=2,children:r,...t})=>{let n=`h${o}`,a={h1:co,h2:lo,h3:po,h4:uo,h5:mo,h6:go},c=n.includes("h1")?void 0:fo;return e(n,{...t,css:[a[n],c,vo]},r)};import{css as zr}from"@emotion/react";var bo=zr`
688
+ `;var fa=({level:o=2,children:t,...r})=>{let n=`h${o}`,a={h1:lo,h2:co,h3:po,h4:uo,h5:mo,h6:go},i=n.includes("h1")?void 0:bo;return e(n,{...r,css:[a[n],i,fo]},t)};import{css as Gt}from"@emotion/react";var vo=Gt`
722
689
  font-size: var(--fs-base);
723
690
  line-height: 1.5;
724
691
  margin-bottom: var(--spacing-base);
@@ -726,7 +693,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
726
693
  &:last-of-type {
727
694
  margin-bottom: 0;
728
695
  }
729
- `;var ma=({className:o,children:r,...t})=>e("p",{...t,css:[bo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);import{css as N}from"@emotion/react";var ho=N`
696
+ `;var wa=({className:o,children:t,...r})=>e("p",{...r,css:[vo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},t);import{css as N}from"@emotion/react";var ho=N`
730
697
  display: inline-flex;
731
698
  text-decoration: underline;
732
699
 
@@ -739,7 +706,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
739
706
  color: var(--brand-secondary-5);
740
707
  `,wo=N`
741
708
  color: currentColor;
742
- `;import{CgExternal as Er}from"react-icons/cg";var xa=({external:o,text:r,linkColor:t="currentColor",...n})=>e("a",{css:[ho,{currentColor:wo,red:xo,green:yo}[t]],...n},r,o?e(x,{icon:Er,iconColor:"currentColor",size:24}):null);import{css as Hr}from"@emotion/react";import{css as Co}from"@emotion/react";var So=Co`
709
+ `;import{CgExternal as Wt}from"react-icons/cg";var Ma=({external:o,text:t,linkColor:r="currentColor",...n})=>e("a",{css:[ho,{currentColor:wo,red:xo,green:yo}[r]],...n},t,o?e(h,{icon:Wt,iconColor:"currentColor",size:24}):null);import{css as Zt}from"@emotion/react";import{css as Co}from"@emotion/react";var So=Co`
743
710
  position: relative;
744
711
  `,Io=Co`
745
712
  background: var(--gray-50);
@@ -748,9 +715,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
748
715
  max-height: 24rem;
749
716
  overflow-y: auto;
750
717
  padding: var(--spacing-sm);
751
- `;var ka=({label:o,children:r})=>e("div",{css:So},o?e("span",{css:Hr`
752
- ${b}
753
- `},o):null,e("div",{css:[Io,X]},r));import{css as J}from"@emotion/react";var Ro=J`
718
+ `;var Aa=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Zt`
719
+ ${v}
720
+ `},o):null,e("div",{css:[Io,_]},t));import{css as Q}from"@emotion/react";var Ro=Q`
754
721
  align-items: center;
755
722
  background: var(--white);
756
723
  border-radius: var(--rounded-base);
@@ -765,9 +732,9 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
765
732
  &:last-of-type {
766
733
  margin-block: 0;
767
734
  }
768
- `,Mo=J`
735
+ `,To=Q`
769
736
  border-color: var(--brand-secondary-3);
770
- `,ko=J`
737
+ `,ko=Q`
771
738
  align-items: center;
772
739
  display: flex;
773
740
  justify-content: space-between;
@@ -777,7 +744,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
777
744
  &:focus {
778
745
  outline: none;
779
746
  }
780
- `;import{css as To}from"@emotion/react";import{keyframes as U}from"@emotion/react";var za=U`
747
+ `;import{css as Lo}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Wa=U`
781
748
  0%,
782
749
  100% {
783
750
  transform: scale(1);
@@ -787,7 +754,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
787
754
  transform: scale(1.15);
788
755
  opacity: 1;
789
756
  }
790
- `,Lo=U`
757
+ `,Mo=U`
791
758
  0% {
792
759
  opacity: 0;
793
760
  transform: translateY(10px);
@@ -796,7 +763,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
796
763
  opacity: 1;
797
764
  transform: translateY(0);
798
765
  }
799
- `,Ea=U`
766
+ `,Za=U`
800
767
  0% {
801
768
  opacity: 1;
802
769
  transform: translateY(0);
@@ -805,20 +772,20 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
805
772
  opacity: 0;
806
773
  transform: translateY(10px);
807
774
  }
808
- `,Ha=U`
775
+ `,Fa=U`
809
776
  0% {
810
777
  opacity: 0;
811
778
  }
812
779
  100% {
813
780
  opacity: 1;
814
781
  }
815
- `;var Da=({buttonText:o,active:r,...t})=>e("div",{css:[Ro,r?Mo:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},e("button",{css:ko,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...t},e("span",null,o),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!r,css:To`
782
+ `;var Ya=({buttonText:o,active:t,...r})=>e("div",{css:[Ro,t?To:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},e("button",{css:ko,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...r},e("span",null,o),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!t,css:Lo`
816
783
  color: var(--brand-secondary-3);
817
784
  transition: opacity var(--duration-fast) var(--timing-ease-out);
818
- ${r?To`
819
- animation: ${Lo} var(--duration-fast) var(--timing-ease-out) forwards;
785
+ ${t?Lo`
786
+ animation: ${Mo} var(--duration-fast) var(--timing-ease-out) forwards;
820
787
  `:"opacity: 0;"}
821
- `},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as Or}from"react-icons/cg";import{css as h}from"@emotion/react";var Po=h`
788
+ `},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 39.2A19.2 19.2 0 1 0 20 .8a19.2 19.2 0 0 0 0 38.4Zm8.897-22.303a2.4 2.4 0 0 0-3.394-3.394L17.6 21.407l-3.103-3.104a2.4 2.4 0 0 0-3.394 3.394l4.8 4.8a2.4 2.4 0 0 0 3.394 0l9.6-9.6Z"}))));import{CgChevronDown as Ft}from"react-icons/cg";import{css as y}from"@emotion/react";var Po=y`
822
789
  align-items: center;
823
790
  border: 1px solid transparent;
824
791
  color: var(--white);
@@ -837,56 +804,58 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
837
804
  &:focus {
838
805
  border-color: var(--gray-700);
839
806
  }
840
- `,Bo=h`
807
+ `,Bo=y`
808
+ border: 1px solid transparent;
809
+ background: transparent;
841
810
  padding: var(--spacing-sm) var(--spacing-base);
842
811
  font-weight: var(--fw-medium);
843
812
  letter-spacing: 0.025rem;
844
813
  line-height: 1.25;
845
- `,zo=h`
814
+ `,zo=y`
846
815
  padding: var(--spacing-sm);
847
816
  border-left: 1px solid currentColor;
848
- `,Eo=h`
817
+ `,Eo=y`
849
818
  background: var(--brand-secondary-1);
850
819
  color: var(--white);
851
- `,Ho=h`
820
+ `,Ho=y`
852
821
  background: var(--gray-500);
853
822
  color: var(--white);
854
- `,Oo=h`
823
+ `,Ao=y`
855
824
  background: var(--brand-secondary-5);
856
825
  color: var(--white);
857
- `,Vo=h`
826
+ `,Oo=y`
858
827
  background: var(--gray-500);
859
828
  color: var(--white);
860
- `,Ao=h`
829
+ `,Vo=y`
861
830
  background: var(--brand-secondary-2);
862
831
  color: var(--brand-secondary-1);
863
- `,Go=h`
832
+ `,Do=y`
864
833
  background: var(--brand-secondary-2);
865
834
  color: var(--gray-400);
866
- `,Do=h`
835
+ `,Go=y`
867
836
  background: transparent;
868
837
  color: var(--brand-secondary-3);
869
838
 
870
839
  &:hover {
871
840
  border-color: var(--brand-secondary-3);
872
841
  }
873
- `,Zo=h`
842
+ `,Wo=y`
874
843
  background: transparent;
875
844
  border-color: var(--gray-400);
876
845
  color: var(--gray-400);
877
- `;var Ya=({onButtonClick:o,buttonType:r="secondary",buttonText:t,disabled:n,children:a,placement:c,...l})=>e("div",{css:[Po,n?{primary:Ho,secondary:Vo,ghost:Zo,unimportant:Go}[r]:{primary:Eo,secondary:Oo,ghost:Do,unimportant:Ao}[r]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Bo,disabled:n,...l,onClick:o,"data-test-id":"multioptions-button-main"},t),e(Ge,{menuLabel:"buttonMenu",placement:c,menuTrigger:e("div",{css:zo,"data-test-id":"multioptions-button-call-menu"},e(x,{icon:Or,size:24,iconColor:"currentColor"}))},a));import{css as Nr}from"@emotion/react";import Ar,{useContext as Gr,useEffect as Dr,useState as Zr}from"react";import{css as Q}from"@emotion/react";var Fo=Q`
846
+ `;var oi=({onButtonClick:o,buttonType:t="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Po,n?{primary:Ho,secondary:Oo,ghost:Wo,unimportant:Do}[t]:{primary:Eo,secondary:Ao,ghost:Go,unimportant:Vo}[t]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:Bo,disabled:n,onClick:o,"data-test-id":"multioptions-button-main",...s},r),e(De,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:zo,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:Ft,size:24,iconColor:"currentColor"}))},a));import{css as qt}from"@emotion/react";import Ut,{useContext as $t,useEffect as Kt,useState as Yt}from"react";import{css as j}from"@emotion/react";var Zo=j`
878
847
  position: absolute;
879
- `,Wo=Q`
848
+ `,Fo=j`
880
849
  display: flex;
881
850
  gap: var(--spacing-sm);
882
851
  font-size: var(--fs-xs);
883
- `,No=Q`
852
+ `,No=j`
884
853
  background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
885
854
  border-radius: var(--rounded-base);
886
855
  border: 1px solid var(--gray-600);
887
856
  box-shadow: var(--shadow-base);
888
857
  padding: var(--spacing-xs) var(--spacing-sm);
889
- `;import{useHotkeys as Vr}from"react-hotkeys-hook";var E=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function j(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function $({handler:o,shortcut:r,macShortcut:t,doNotPreventDefault:n,activeWhenEditing:a}){let c=E&&t?t:r;E&&!t&&(c=j(r)),Vr(c!=null?c:"\u{1F4A9}",l=>{n||l.preventDefault(),o(l)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var Uo=!1,$o=Ar.createContext(!1),ee=["ctrl+F1","option+shift+/"];function ri({children:o}){let[r,t]=Zr(!1);return Dr(()=>{Uo||(Uo=!0,console.log(`Type ${Ko(E?ee[1]:ee[0])} to show keyboard shortcuts`))},[]),$({shortcut:ee.join(","),handler:()=>{t(n=>!n)},activeWhenEditing:!0}),e($o.Provider,{value:r},o)}function Ko(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Yo({shortcut:o,macShortcut:r,className:t}){if(!Gr($o)||!o.includes("+")&&o.length>1)return null;let a=E&&r?r:o;E&&!r&&(a=j(o));let c=Ko(a);return e("div",{css:[Fo,typeof t=="object"?t:void 0],className:typeof t=="string"?t:""},e(Fr,{shortcut:c}))}function Fr({shortcut:o}){let r=o.split("+");return e("div",{css:Wo},r.map(t=>e("span",{key:t,css:No},t.toUpperCase())))}import{css as Wr}from"@emotion/react";var Xo=Wr`
858
+ `;import{useHotkeys as Nt}from"react-hotkeys-hook";var z=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function ee(o){return o===null?null:o.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function $({handler:o,shortcut:t,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=z&&r?r:t;z&&!r&&(i=ee(t)),Nt(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),o(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[o,n])}var Uo=!1,$o=Ut.createContext(!1),oe=["ctrl+F1","option+shift+/"];function pi({children:o}){let[t,r]=Yt(!1);return Kt(()=>{Uo||(Uo=!0,console.log(`Type ${Ko(z?oe[1]:oe[0])} to show keyboard shortcuts`))},[]),$({shortcut:oe.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e($o.Provider,{value:t},o)}function Ko(o){return o.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Yo({shortcut:o,macShortcut:t,className:r}){if(!$t($o)||!o.includes("+")&&o.length>1)return null;let a=z&&t?t:o;z&&!t&&(a=ee(o));let i=Ko(a);return e("div",{css:[Zo,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(Xt,{shortcut:i}))}function Xt({shortcut:o}){let t=o.split("+");return e("div",{css:Fo},t.map(r=>e("span",{key:r,css:No},r.toUpperCase())))}import{css as _t}from"@emotion/react";var Xo=_t`
890
859
  --max-size: clamp(2.5rem, 100vw, 3.5rem);
891
860
  align-items: center;
892
861
  box-shadow: var(--shadow-base);
@@ -908,10 +877,10 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
908
877
  & svg {
909
878
  color: var(--brand-secondary-5);
910
879
  }
911
- `;var pi=({buttonText:o="Add",onClick:r,shortcut:t="ctrl+alt+n",macShortcut:n="option+n",...a})=>($({shortcut:t,macShortcut:n,handler:r,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:r,css:Xo,...a},t?e(Yo,{shortcut:t,css:Nr`
880
+ `;var hi=({buttonText:o="Add",onClick:t,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>($({shortcut:r,macShortcut:n,handler:t,activeWhenEditing:!0}),e("button",{type:"button","aria-label":o,"data-testid":"add-entry-button",onClick:t,css:Xo,...a},r?e(Yo,{shortcut:r,css:qt`
912
881
  top: -2rem;
913
882
  left: -1.5rem;
914
- `}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as K from"react";import{css as V}from"@emotion/react";var _o=V`
883
+ `}):null,e("svg",{width:"66",height:"66",fill:"none",viewBox:"0 0 66 66",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M33 66c18.225 0 33-14.775 33-33S51.225 0 33 0 0 14.775 0 33s14.775 33 33 33Z",fill:"currentColor"}),e("path",{d:"M35 21a2 2 0 1 0-4 0v24a2 2 0 1 0 4 0V21Z",fill:"#fff"}),e("path",{d:"M47 33a2 2 0 0 1-2 2H21a2 2 0 0 1 0-4h24a2 2 0 0 1 2 2Z",fill:"#fff"}))));import*as K from"react";import{css as A}from"@emotion/react";var _o=A`
915
884
  cursor: pointer;
916
885
  display: inline-block;
917
886
  position: relative;
@@ -919,7 +888,7 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
919
888
  transition: var(--duration-fast) var(--timing-ease-out);
920
889
  vertical-align: middle;
921
890
  user-select: none;
922
- `,qo=V`
891
+ `,qo=A`
923
892
  appearance: none;
924
893
  border-radius: var(--rounded-full);
925
894
  background-color: var(--white);
@@ -956,14 +925,14 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
956
925
  &:disabled {
957
926
  cursor: not-allowed;
958
927
  }
959
- `,Jo=V`
928
+ `,Jo=A`
960
929
  opacity: var(--opacity-50);
961
930
  cursor: not-allowed;
962
931
 
963
932
  & > :before {
964
933
  cursor: not-allowed;
965
934
  }
966
- `,Qo=V`
935
+ `,Qo=A`
967
936
  align-items: center;
968
937
  color: var(--brand-secondary-1);
969
938
  display: inline-flex;
@@ -984,8 +953,48 @@ import{jsx as e}from"@emotion/react";import*as p from"react";import or from"reac
984
953
  left: 0;
985
954
  top: 0;
986
955
  }
987
- `,jo=V`
956
+ `,jo=A`
988
957
  color: var(--gray-500);
989
958
  font-size: var(--fs-sm);
990
959
  padding-inline: var(--spacing-2xl) 0;
991
- `;var fi=K.forwardRef(({label:o,infoText:r,toggleText:t,children:n,...a},c)=>{let l=r;return r&&t&&(l=a.checked?t:r),e(K.Fragment,null,e("label",{css:[_o,a.disabled?Jo:void 0]},e("input",{type:"checkbox",css:qo,...a,ref:c}),e("span",{css:Qo},o)),l?e("p",{css:jo},l):null,n)});export{pi as AddButton,mt as Button,Ya as ButtonWithMenu,Kn as Callout,w as Caption,C as ErrorMessage,ca as Heading,x as Icon,ht as IconsProvider,ke as Input,Ut as InputComboBox,en as InputInlineSelect,nn as InputKeywordSearch,dn as InputSelect,vn as InputToggle,T as Label,xa as Link,Br as LoadingIcon,Jn as LoadingIndicator,ta as LoadingOverlay,Ge as Menu,Ve as MenuContext,An as MenuItem,ma as Paragraph,ka as ScrollableList,Da as ScrollableListItem,ri as ShortcutContext,Yo as ShortcutRevealer,fi as Switch,wn as Textarea,Yr as Theme,tt as UniformBadge,it as UniformLogo,rr as breakpoints,k as input,R as inputError,Y as inputSelect,b as labelText,oe as mq,X as scrollbarStyles,he as useIconContext,Ae as useMenuContext};
960
+ `;var Si=K.forwardRef(({label:o,infoText:t,toggleText:r,children:n,...a},i)=>{let s=t;return t&&r&&(s=a.checked?r:t),e(K.Fragment,null,e("label",{css:[_o,a.disabled?Jo:void 0]},e("input",{type:"checkbox",css:qo,...a,ref:i}),e("span",{css:Qo},o)),s?e("p",{css:jo},s):null,n)});import*as S from"react";import{css as O}from"@emotion/react";var et=O`
961
+ border-bottom: 1px solid var(--gray-400);
962
+ border-collapse: collapse;
963
+ min-width: 100%;
964
+ table-layout: auto;
965
+ `,ot=O`
966
+ background: var(--gray-100);
967
+ color: var(--brand-secondary-1);
968
+ text-align: left;
969
+ `,tt=O`
970
+ border-bottom: 1px solid var(--gray-200);
971
+ `,rt=O`
972
+ font-size: var(--fs-sm);
973
+ padding: var(--spacing-base) var(--spacing-md);
974
+ text-transform: uppercase;
975
+ font-weight: var(--fw-bold);
976
+ `,nt=O`
977
+ padding: var(--spacing-base) var(--spacing-md);
978
+ `;var Ti=S.forwardRef(({children:o,...t},r)=>e("table",{ref:r,css:et,...t},o)),ki=S.forwardRef(({children:o,...t},r)=>e("thead",{ref:r,css:ot,...t},o)),Mi=S.forwardRef(({children:o,...t},r)=>e("tbody",{ref:r,...t},o)),Li=S.forwardRef(({children:o,...t},r)=>e("tfoot",{ref:r,...t},o)),Pi=S.forwardRef(({children:o,...t},r)=>e("tr",{ref:r,css:tt,...t},o)),Bi=S.forwardRef(({children:o,...t},r)=>e("th",{ref:r,css:rt,...t},o)),zi=S.forwardRef(({children:o,...t},r)=>e("td",{ref:r,css:nt,...t},o));import{css as at}from"@emotion/react";var it=at`
979
+ align-items: center;
980
+ background: transparent;
981
+ border: none;
982
+ color: var(--brand-secondary-3);
983
+ display: inline-flex;
984
+ gap: var(--spacing-sm);
985
+ font-size: var(--fs-base);
986
+ font-weight: var(--fw-bold);
987
+ padding: 0;
988
+ margin-block: var(--spacing-base);
989
+
990
+ &:disabled {
991
+ cursor: not-allowed;
992
+ color: var(--gray-500);
993
+ }
994
+ `,st=o=>at`
995
+ box-sizing: border-box;
996
+ background: ${o?"var(--gray-500)":"var(--brand-secondary-3)"};
997
+ border-radius: var(--rounded-full);
998
+ color: var(--white);
999
+ padding: calc(var(--spacing-xs) - 0.15rem);
1000
+ `;var Di=({buttonText:o="Add Item",onButtonClick:t,disabled:r,icon:n="math-plus",...a})=>e("button",{type:"button",css:it,onClick:t,title:o,disabled:r,...a},n==="math-plus"?e(h,{icon:n,iconColor:"currentColor",size:22,css:st(r)}):e(h,{icon:n,iconColor:"currentColor",size:22}),o);export{hi as AddButton,Di as AddListButton,wr as Button,oi as ButtonWithMenu,ea as Callout,x as Caption,w as ErrorMessage,fa as Heading,h as Icon,Tr as IconsProvider,ke as Input,Qr as InputComboBox,cn as InputInlineSelect,mn as InputKeywordSearch,yn as InputSelect,In as InputToggle,M as Label,Ma as Link,Dt as LoadingIcon,aa as LoadingIndicator,da as LoadingOverlay,De as Menu,Oe as MenuContext,$n as MenuItem,wa as Paragraph,Aa as ScrollableList,Ya as ScrollableListItem,pi as ShortcutContext,Yo as ShortcutRevealer,Si as Switch,Ti as Table,Mi as TableBody,zi as TableCellData,Bi as TableCellHead,Li as TableFoot,ki as TableHead,Pi as TableRow,Ln as Textarea,or as Theme,dr as UniformBadge,gr as UniformLogo,ct as breakpoints,T as input,I as inputError,X as inputSelect,v as labelText,te as mq,_ as scrollbarStyles,ye as useIconContext,Ve as useMenuContext};