@uniformdev/design-system 16.1.1-alpha.169 → 16.1.1-alpha.238

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,4 +1,4 @@
1
- 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:`
1
+ import{jsx as e}from"@emotion/react";import*as l from"react";import vo from"react";var mr=({disableReset:t=!1})=>e(vo.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"}),t?null:e("style",{key:"uniform-design-system-theme",dangerouslySetInnerHTML:{__html:`
2
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}
3
3
  `}}),e("style",{dangerouslySetInnerHTML:{__html:`
4
4
  :root {
@@ -153,7 +153,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
153
153
  ul, ol {
154
154
  list-style: none;
155
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`
156
+ `}}));var ho={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},ne=t=>`@media (min-width: ${ho[t]})`;import{css as b}from"@emotion/react";var L=b`
157
157
  position: relative;
158
158
  `,v=b`
159
159
  display: flex;
@@ -198,19 +198,19 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
198
198
  position: absolute;
199
199
  inset: 0 var(--spacing-base) 0 auto;
200
200
  pointer-event: one;
201
- `,D=b`
201
+ `,G=b`
202
202
  padding-right: var(--spacing-2xl);
203
- `,X=b`
203
+ `,_=b`
204
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");
205
205
  background-position: right var(--spacing-sm) center;
206
206
  background-repeat: no-repeat;
207
207
  background-size: 1rem;
208
208
  padding-right: var(--spacing-xl);
209
- `,re=b`
209
+ `,ae=b`
210
210
  color: var(--brand-secondary-1);
211
211
  height: 1.25rem;
212
212
  width: 1.25rem;
213
- `,ne=b`
213
+ `,ie=b`
214
214
  align-items: center;
215
215
  cursor: pointer;
216
216
  display: inline-flex;
@@ -218,7 +218,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
218
218
  margin: var(--spacing-sm) 0;
219
219
  flex-wrap: wrap;
220
220
  font-weight: var(--fw-regular);
221
- `,ae=b`
221
+ `,se=b`
222
222
  border: 1px solid var(--brand-secondary-1);
223
223
  background: var(--white);
224
224
  width: var(--spacing-md);
@@ -249,21 +249,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
249
249
  color: var(--gray-300);
250
250
  border-color: var(--gray-300);
251
251
  }
252
- `,ie=b`
252
+ `,le=b`
253
253
  font-weight: var(--fw-medium);
254
- `,se=b`
254
+ `,ce=b`
255
255
  cursor: not-allowed;
256
256
  color: var(--gray-400);
257
- `,le=b`
257
+ `,pe=b`
258
258
  display: flex;
259
259
  flex-direction: column;
260
260
  flex-basis: 100%;
261
261
  padding-left: var(--spacing-lg);
262
262
  margin-top: -0.5rem;
263
263
  line-height: 1.15;
264
- `,ce=b`
264
+ `,de=b`
265
265
  ${T}
266
- `;import{css as pt}from"@emotion/react";var _=pt`
266
+ `;import{css as yo}from"@emotion/react";var q=yo`
267
267
  @supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
268
268
  /*
269
269
  #d1d5db = bg-gray-300
@@ -289,15 +289,15 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
289
289
  &::-webkit-scrollbar-thumb:hover {
290
290
  background: var(--gray-500);
291
291
  }
292
- `;import{css as q}from"@emotion/react";var G=q`
292
+ `;import{css as J}from"@emotion/react";var W=J`
293
293
  display: block;
294
- `,W=q`
294
+ `,Z=J`
295
295
  background: transparent;
296
296
  color: var(--brand-secondary-1);
297
- `,Z=q`
297
+ `,F=J`
298
298
  background: var(--brand-secondary-1);
299
299
  color: var(--white);
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`
300
+ `;var Sr=({theme:t="light",...o})=>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:[W,t==="dark"?F:Z],...o},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 Lr=({theme:t="light",...o})=>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:[W,t==="dark"?F:Z],...o},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 he from"react";import{Button as xo}from"reakit/Button";import{css as P}from"@emotion/react";var ue=P`
301
301
  align-items: center;
302
302
  border: 1px solid transparent;
303
303
  cursor: pointer;
@@ -321,7 +321,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
321
321
  &:disabled {
322
322
  cursor: not-allowed;
323
323
  }
324
- `,de=k`
324
+ `,me=P`
325
325
  background: var(--brand-secondary-1);
326
326
  color: var(--white);
327
327
 
@@ -329,7 +329,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
329
329
  background: var(--gray-500);
330
330
  color: var(--white);
331
331
  }
332
- `,ue=k`
332
+ `,ge=P`
333
333
  background: var(--brand-secondary-5);
334
334
  color: var(--white);
335
335
 
@@ -337,7 +337,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
337
337
  background: var(--gray-500);
338
338
  color: var(--white);
339
339
  }
340
- `,me=k`
340
+ `,be=P`
341
341
  background: var(--brand-secondary-2);
342
342
  color: var(--brand-secondary-1);
343
343
 
@@ -345,7 +345,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
345
345
  background: var(--brand-secondary-2);
346
346
  color: var(--gray-400);
347
347
  }
348
- `,ge=k`
348
+ `,fe=P`
349
349
  background: transparent;
350
350
  color: var(--brand-secondary-3);
351
351
 
@@ -358,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
358
358
  border-color: var(--gray-400);
359
359
  color: var(--gray-400);
360
360
  }
361
- `,be=k`
361
+ `,ve=P`
362
362
  background: var(--brand-secondary-3);
363
363
  color: var(--white);
364
364
 
@@ -366,10 +366,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
366
366
  background: var(--gray-500);
367
367
  color: var(--white);
368
368
  }
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`
369
+ `;var Hr=he.forwardRef(({buttonType:t="primary",size:o="md",children:r,...n},a)=>{let i={primary:me,secondary:ge,ghost:fe,unimportant:be,tertiary:ve},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(xo,{ref:a,css:[ue,i[t],s[o]],...n},r)});import To from"react";import{createContext as wo,useContext as Co,useEffect as So,useState as ye}from"react";import{paramCase as Io}from"param-case";var xe=wo({iconsMap:{},isLoading:!0});function we(){return Co(xe)}function Vr({children:t}){let[o,r]=ye(!0),[n,a]=ye({});return So(()=>{import("react-icons/cg").then(i=>{let s=Object.entries(i).reduce((u,[d,m])=>{if(d==="default")return u;let g=Ro(d);return{...u,[g]:m}},{});a(s),r(!1)})},[]),e(xe.Provider,{value:{iconsMap:n,isLoading:o}},t)}function Ro(t){var o,r;return(r=(o=Io(t.replace("Cg","")).match(/[a-z]+|\d+/gi))==null?void 0:o.join("-"))!=null?r:""}import{css as E}from"@emotion/react";var Ce=E`
370
370
  display: hidden;
371
371
 
372
- ${te("sm")} {
372
+ ${ne("sm")} {
373
373
  display: block;
374
374
  }
375
375
 
@@ -377,30 +377,30 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
377
377
  display: block;
378
378
  vertical-align: middle;
379
379
  }
380
- `,we=E`
380
+ `,Se=E`
381
381
  color: var(--brand-secondary-3);
382
- `,Ce=E`
382
+ `,Ie=E`
383
383
  color: var(--brand-secondary-5);
384
- `,Se=E`
384
+ `,Re=E`
385
385
  color: var(--gray-500);
386
- `,Ie=E`
386
+ `,Le=E`
387
387
  color: currentColor;
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`
388
+ `;var Po=({icon:t,iconColor:o="green",size:r="1.5rem",...n})=>{let a=typeof t=="string",{iconsMap:i,isLoading:s}=we(),u={green:Se,gray:Re,red:Ie,currentColor:Le};if(a&&s)return null;let d=a?i[t]:t;return a&&d===void 0?(console.error(`We don't seem to have the icon you're looking for ("${t}"). Make sure you're using <IconsProvider> and try an icon from our Storybook.`),null):e(d,{role:"img",size:r,...n,css:[Ce,u[o]]})},h=To.memo(Po);import{css as Mo}from"@emotion/react";var Te=Mo`
389
389
  color: var(--gray-500);
390
390
  display: block;
391
391
  font-size: var(--fs-sm);
392
392
  margin: var(--spacing-xs) 0;
393
393
  max-width: var(--prose);
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`
394
+ `;var x=({children:t,testId:o})=>e("small",{css:Te,"data-test-id":o},t);import{MdWarning as Bo}from"react-icons/md";import{css as ko}from"@emotion/react";var Pe=ko`
395
395
  align-items: center;
396
396
  color: var(--brand-secondary-5);
397
397
  display: flex;
398
398
  gap: var(--spacing-sm);
399
399
  margin: var(--spacing-xs) 0;
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,...(a=(n=o.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,t,r),color:"#828282"}},valueContainer:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,t,r),padding:"var(--spacing-base)"}},input:(t,r)=>{var n,a;return{...t,...(a=(n=o.styles)==null?void 0:n.input)==null?void 0:a.call(n,t,r),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(t,r)=>({...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"}}),indicatorsContainer:t=>({...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"}}),indicatorSeparator:()=>({display:"none"})}})}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`
400
+ `;var w=({message:t,testId:o})=>t?e("span",{css:Pe,"data-test-id":o},e(h,{icon:Bo,size:16,iconColor:"currentColor"}),t):null;var M=({children:t,className:o,testId:r,...n})=>e("label",{css:[v,typeof o=="object"?o:void 0],className:typeof o=="string"?o:"","data-test-id":r,...n},t);var Me=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,containerTestId:s,labelTestId:u,errorTestId:d,captionTestId:m,classNameContainer:g,classNameControl:p,classNameLabel:f,...X})=>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},t):null,e("div",{css:[L,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},e("input",{id:r,css:[T,typeof p=="object"?p:void 0,i?I:void 0,o?G:""],"aria-label":a?void 0:t,className:typeof p=="string"?p:"",...X}),o?e("div",{css:V},o):null),n?e(x,{testId:m},n):null,i?e(w,{message:i,testId:d}):null);import zo from"react-select";function dn(t){return e(zo,{...t,classNamePrefix:"input-combobox",styles:{...t.styles,singleValue:(o,r)=>{var n,a;return{...o,color:"#828282",...(a=(n=t.styles)==null?void 0:n.singleValue)==null?void 0:a.call(n,o,r)}},valueContainer:(o,r)=>{var n,a;return{...o,padding:"var(--spacing-base)",...(a=(n=t.styles)==null?void 0:n.valueContainer)==null?void 0:a.call(n,o,r)}},input:(o,r)=>{var n,a;return{...o,margin:"0",padding:"0","& > input":{boxShadow:"none !important"},...(a=(n=t.styles)==null?void 0:n.input)==null?void 0:a.call(n,o,r)}},control:(o,r)=>{var n,a;return{...o,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=t.styles)==null?void 0:n.control)==null?void 0:a.call(n,o,r)}},indicatorsContainer:(o,r)=>{var n,a;return{...o,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=t.styles)==null?void 0:n.indicatorsContainer)==null?void 0:a.call(n,o,r)}},indicatorSeparator:(o,r)=>{var n,a;return{display:"none",...(a=(n=t.styles)==null?void 0:n.indicatorSeparator)==null?void 0:a.call(n,o,r)}},option:(o,r)=>{var n,a;return{...o,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=t.styles)==null?void 0:n.option)==null?void 0:a.call(n,o,r)}}}})}import{css as Ho}from"@emotion/react";import*as Ae from"react";import{useState as Eo,useRef as Ao}from"react";import{css as A}from"@emotion/react";var ke=A`
401
401
  margin-inline: auto;
402
402
  max-width: fit-content;
403
- `,Le=H`
403
+ `,Be=A`
404
404
  align-items: center;
405
405
  background: var(--brand-secondary-3);
406
406
  border: 2px solid var(--brand-secondary-3);
@@ -423,7 +423,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
423
423
  &:focus {
424
424
  outline: 2px solid var(--brand-secondary-1);
425
425
  }
426
- `,Pe=H`
426
+ `,ze=A`
427
427
  background: var(--white);
428
428
  border: 1px solid var(--brand-secondary-3);
429
429
  border-top: none;
@@ -433,7 +433,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
433
433
  position: absolute;
434
434
  inset: auto 0;
435
435
  transform: translateY(-0.2rem);
436
- `,Be=H`
436
+ `,He=A`
437
437
  cursor: pointer;
438
438
  display: block;
439
439
  font-size: var(--fs-sm);
@@ -448,23 +448,23 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
448
448
  &:hover {
449
449
  background: var(--gray-50);
450
450
  }
451
- `,ze=H`
451
+ `,Ee=A`
452
452
  position: absolute;
453
453
  overflow: hidden;
454
454
  height: 1px;
455
455
  width: 1px;
456
456
  clip: rect(0, 0, 0, 0);
457
457
  padding: 0;
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`
458
+ `;import{CgChevronDown as Do}from"react-icons/cg";var wn=({classNameContainer:t,options:o,value:r,onChange:n,disabled:a,...i})=>{var g;let[s,u]=Eo(!1),d=Ao(null);Ae.useEffect(()=>{let p=f=>{d.current&&!d.current.contains(f.target)&&u(!1)};return document.addEventListener("mousedown",p),()=>{document.removeEventListener("mousedown",p)}},[d]);let m=o.find(p=>p.value===r);return e("div",{ref:d,css:t?Ho`
459
459
  max-width: fit-content;
460
- ${typeof o=="object"?o:void 0}
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`
460
+ ${typeof t=="object"?t:void 0}
461
+ `:ke,className:typeof t=="string"?t:""},e("button",{type:"button","aria-controls":`and-or-${i.id}`,"aria-expanded":s,css:Be,onClick:()=>{a||u(p=>!p)},disabled:a,...i},e("span",null,(g=m==null?void 0:m.label)!=null?g:r),a?null:e(h,{icon:Do,iconColor:"currentColor",size:24})),e("div",{id:`and-or-${i.id}`,css:[ze,s?void 0:Ee],"aria-hidden":!s},o.map(p=>e("button",{key:p.value,type:"button",css:He,onClick:()=>{n(p),u(f=>!f)}},p.label))))};var Rn=({onSearchTextChanged:t,disabled:o=!1,placeholder:r="Keyword search",inputFieldName:n="keywordSearch",disabledFieldSubmission:a=!1,value:i,...s})=>e(Me,{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:ae},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:m=>{t(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&a&&m.preventDefault()},disabled:o,"aria-label":r,...s});var Bn=({label:t,defaultOption:o,options:r,caption:n,errorMessage:a,showLabel:i=!0,labelCta:s,classNameContainer:u,classNameControl:d,classNameLabel:m,...g})=>e("div",{css:[L,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:""},t,s)):null,e("select",{title:t,"aria-label":i?void 0:t,css:[T,_,a?I:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...g},o?e("option",{value:""},o):null,r.map((p,f)=>e("option",{key:f,value:p.label,...p}))),n?e(x,null,n):null,a?e(w,{message:a}):null);var Dn=({label:t,type:o,disabled:r,checked:n,name:a,caption:i,errorMessage:s,...u})=>e(M,{css:[ie,r?ce:void 0]},e("input",{type:o,css:se,checked:n,name:a,disabled:r,...u}),e("span",{css:le},t),i||s?e("span",{css:pe},i?e(x,null,i):null,s?e(w,{message:s}):null):null);import*as De from"react";var Zn=({label:t,icon:o,id:r,caption:n,showLabel:a=!0,errorMessage:i,...s})=>e(De.Fragment,null,a?e("label",{htmlFor:r,css:[v]},t):null,e("div",{css:[L]},e("textarea",{id:r,css:[de,i?I:void 0,o?G:""],"aria-label":a?void 0:t,...s}),o?e("div",{css:V},o):null),n?e(x,null,n):null,i?e(w,{message:i}):null);import*as k from"react";import{useMenuState as Vo,Menu as Go,MenuButton as Wo}from"reakit/Menu";import{css as Oo}from"@emotion/react";var Oe=Oo`
462
462
  border: 1px solid var(--gray-500);
463
463
  border-radius: var(--rounded-base);
464
464
  outline: none;
465
465
  overflow: hidden;
466
466
  z-index: 50;
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`
467
+ `;var Ve=k.createContext({}),Ge=()=>k.useContext(Ve),We=({menuLabel:t,menuTrigger:o,placement:r="auto",menuItemsContainerCssClasses:n,children:a})=>{let i=Vo({placement:r});return e(Ve.Provider,{value:i},e(Wo,{...i,ref:o.ref,...o.props},s=>k.cloneElement(o,s)),e(Go,{...i,"aria-label":t,css:[Oe,typeof n=="object"?n:void 0],className:typeof n=="string"?n:""},a))};import*as Ne from"react";import{MenuItem as Zo}from"reakit";import{css as Ze}from"@emotion/react";var Fe=Ze`
468
468
  background: var(--white);
469
469
  border: none;
470
470
  border-top: 1px solid var(--gray-500);
@@ -490,7 +490,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
490
490
  &:hover {
491
491
  background: var(--gray-200);
492
492
  }
493
- `,Ze=Ge`
493
+ `,$e=Ze`
494
494
  align-items: center;
495
495
  display: flex;
496
496
  justify-content: space-between;
@@ -501,7 +501,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
501
501
  width: var(--spacing-base);
502
502
  height: var(--spacing-base);
503
503
  }
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`
504
+ `;var ra=Ne.forwardRef(({children:t,className:o,hideMenuOnClick:r=!0,icon:n,...a},i)=>{let s=Ge(),d=r?(g=>{let p={...g};if(p.onClick){let f=p.onClick;p.onClick=X=>{s.hide(),f(X)}}return p})(a):a,m=typeof t=="function"?t(d):t;return e(Zo,{ref:i,"data-testid":"uniform-menuItem",...s,...d,css:[Fe,typeof o=="object"?o:void 0],className:typeof o=="string"?o:void 0},n?Fo(m,n):m)});function Fo(t,o){return e("span",{css:$e},t," ",o)}import{css as c}from"@emotion/react";var Ue=({...t})=>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",...t},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"})),Ke=({...t})=>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",...t},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"})),Ye=({...t})=>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",...t},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"})),Xe=({...t})=>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",...t},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=({...t})=>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",...t},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"})),_e=({...t})=>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",...t},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 qe=B`
505
505
  --caution-desc: rgb(161, 98, 7);
506
506
  --caution-icon: rgb(250, 204, 21);
507
507
  --caution-title: rgb(133, 77, 14);
@@ -529,21 +529,21 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
529
529
 
530
530
  border-radius: var(--rounded-base);
531
531
  padding: var(--spacing-base);
532
- `,_e=P`
532
+ `,Je=B`
533
533
  display: flex;
534
534
  gap: var(--spacing-base);
535
- `,qe=P`
535
+ `,Qe=B`
536
536
  flex-shrink: 0;
537
- `,Je=P`
537
+ `,je=B`
538
538
  font-size: var(--fs-sm);
539
539
  font-weight: var(--fw-bold);
540
540
  margin: 0 0 var(--spacing-sm);
541
- `,Qe=P`
541
+ `,et=B`
542
542
  font-size: var(--fs-sm);
543
- `,je=P`
543
+ `,tt=B`
544
544
  width: 1.25rem;
545
545
  height: 1.25rem;
546
- `;var Ht={caution:{icon:J,descriptionColor:c`
546
+ `;var $o={caution:{icon:Q,descriptionColor:c`
547
547
  color: var(--caution-desc);
548
548
  `,iconColor:c`
549
549
  color: var(--caution-icon);
@@ -551,7 +551,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
551
551
  color: var(--caution-title);
552
552
  `,containerColor:c`
553
553
  background-color: var(--caution-container);
554
- `},danger:{icon:Ue,descriptionColor:c`
554
+ `},danger:{icon:Ke,descriptionColor:c`
555
555
  color: var(--danger-desc);
556
556
  `,iconColor:c`
557
557
  color: var(--danger-icon);
@@ -559,7 +559,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
559
559
  color: var(--danger-title);
560
560
  `,containerColor:c`
561
561
  background-color: var(--danger-container);
562
- `},error:{icon:J,descriptionColor:c`
562
+ `},error:{icon:Q,descriptionColor:c`
563
563
  color: var(--danger-desc);
564
564
  `,iconColor:c`
565
565
  color: var(--danger-icon);
@@ -567,7 +567,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
567
567
  color: var(--danger-title);
568
568
  `,containerColor:c`
569
569
  background-color: var(--danger-container);
570
- `},info:{icon:Ne,descriptionColor:c`
570
+ `},info:{icon:Ue,descriptionColor:c`
571
571
  color: var(--info-desc);
572
572
  `,iconColor:c`
573
573
  color: var(--info-icon);
@@ -575,7 +575,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
575
575
  color: var(--info-title);
576
576
  `,containerColor:c`
577
577
  background-color: var(--info-container);
578
- `},note:{icon:$e,descriptionColor:c`
578
+ `},note:{icon:Ye,descriptionColor:c`
579
579
  color: var(--note-desc);
580
580
  `,iconColor:c`
581
581
  color: var(--note-icon);
@@ -583,7 +583,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
583
583
  color: var(--note-title);
584
584
  `,containerColor:c`
585
585
  background-color: var(--note-container);
586
- `},success:{icon:Ye,descriptionColor:c`
586
+ `},success:{icon:_e,descriptionColor:c`
587
587
  color: var(--success-desc);
588
588
  `,iconColor:c`
589
589
  color: var(--success-icon);
@@ -591,7 +591,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
591
591
  color: var(--success-title);
592
592
  `,containerColor:c`
593
593
  background-color: var(--success-container);
594
- `},tip:{icon:Ke,descriptionColor:c`
594
+ `},tip:{icon:Xe,descriptionColor:c`
595
595
  color: var(--success-desc);
596
596
  `,iconColor:c`
597
597
  color: var(--success-icon);
@@ -599,7 +599,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
599
599
  color: var(--success-title);
600
600
  `,containerColor:c`
601
601
  background-color: var(--success-container);
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`
602
+ `}},ua=({type:t="info",title:o,children:r,className:n})=>{let a=$o[t];if(!a)return null;let i=a.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[qe,a.containerColor,typeof n=="object"?n:""],className:`${typeof n=="string"?n:""}`},e("div",{css:Je},e("div",{css:Qe},e(i,{css:[tt,a.iconColor]})),e("div",null,o?e("h3",{css:[je,a.titleColor]},o):null,r?e("div",{css:[et,a.descriptionColor]},r):null)))};import{css as ot,keyframes as No}from"@emotion/react";var Uo=No`
603
603
  0%, 100% {
604
604
  opacity: 1.0;
605
605
  transform: translateY(0);
@@ -615,14 +615,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
615
615
  opacity: 0.2;
616
616
  transform: translateY(-5px);
617
617
  }
618
- `,oo=eo`
618
+ `,rt=ot`
619
619
  display: inline-flex;
620
620
  justify-content: center;
621
- `,F=eo`
621
+ `,$=ot`
622
622
  background-color: var(--gray-700);
623
623
  display: block;
624
624
  border-radius: var(--rounded-full);
625
- animation: ${Ot} 0.75s infinite ease-in-out;
625
+ animation: ${Uo} 0.75s infinite ease-in-out;
626
626
  width: 8px;
627
627
  height: 8px;
628
628
  margin: 0 var(--spacing-xs);
@@ -639,53 +639,53 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
639
639
  &:nth-of-type(3) {
640
640
  animation-delay: 0.6s;
641
641
  }
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`
642
+ `;var va=()=>e("div",{css:rt,role:"alert","data-test-id":"loading-indicator"},e("span",{css:$}),e("span",{css:$}),e("span",{css:$}));import{css as Ko}from"@emotion/react";import{css as z}from"@emotion/react";var nt=z`
643
643
  align-items: center;
644
644
  position: absolute;
645
645
  inset: 0 0;
646
646
  overflow: hidden;
647
647
  z-index: 9999;
648
648
  justify-content: center;
649
- `,ro=B`
649
+ `,at=z`
650
650
  display: flex;
651
- `,no=B`
651
+ `,it=z`
652
652
  display: none;
653
- `,ao=B`
653
+ `,st=z`
654
654
  background: var(--white);
655
655
  opacity: 0.5;
656
656
  position: absolute;
657
657
  inset: 0 0;
658
- `,io=B`
658
+ `,lt=z`
659
659
  align-items: center;
660
660
  display: flex;
661
661
  flex-direction: column;
662
- `,so=B`
662
+ `,ct=z`
663
663
  color: var(--gray-500);
664
664
  margin: var(--spacing-base) 0 0;
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`
665
+ `;var Sa=({isActive:t,statusMessage:o})=>e("div",{role:"alert",css:[nt,t?at:it],"aria-hidden":!t},e("div",{css:st}),e("div",{css:Ko`
666
666
  position: relative;
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`
667
+ `},e("div",{css:lt},e(Yo,{height:128,width:128}),o?e("div",{css:ct},o):null))),Yo=({height:t,width:o})=>e("svg",{"data-testid":"svg",viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:o!=null?o:40,height:t!=null?t: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 pt=C`
668
668
  font-family: var(--ff-heading);
669
669
  font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
670
670
  font-weight: var(--fw-bold);
671
671
  margin-bottom: var(--spacing-base);
672
- `,co=C`
672
+ `,dt=C`
673
673
  font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
674
- `,po=C`
674
+ `,ut=C`
675
675
  font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
676
- `,uo=C`
676
+ `,mt=C`
677
677
  font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
678
- `,mo=C`
678
+ `,gt=C`
679
679
  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
680
- `,go=C`
680
+ `,bt=C`
681
681
  font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
682
- `,bo=C`
682
+ `,ft=C`
683
683
  font-weight: var(--fw-bold);
684
684
  font-family: var(--ff-base);
685
685
  margin-bottom: var(--spacing-base);
686
- `,fo=C`
686
+ `,vt=C`
687
687
  line-height: 1.35;
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`
688
+ `;var Pa=({level:t=2,children:o,...r})=>{let n=`h${t}`,a={h1:pt,h2:dt,h3:ut,h4:mt,h5:gt,h6:bt},i=n.includes("h1")?void 0:ft;return e(n,{...r,css:[a[n],i,vt]},o)};import{css as Xo}from"@emotion/react";var ht=Xo`
689
689
  font-size: var(--fs-base);
690
690
  line-height: 1.5;
691
691
  margin-bottom: var(--spacing-base);
@@ -693,31 +693,31 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
693
693
  &:last-of-type {
694
694
  margin-bottom: 0;
695
695
  }
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`
696
+ `;var Ha=({className:t,children:o,...r})=>e("p",{...r,css:[ht,typeof t=="object"?t:void 0],className:typeof t=="string"?t:""},o);import{css as N}from"@emotion/react";var yt=N`
697
697
  display: inline-flex;
698
698
  text-decoration: underline;
699
699
 
700
700
  &:hover {
701
701
  text-decoration: none;
702
702
  }
703
- `,yo=N`
703
+ `,xt=N`
704
704
  color: var(--brand-secondary-3);
705
- `,xo=N`
705
+ `,wt=N`
706
706
  color: var(--brand-secondary-5);
707
- `,wo=N`
707
+ `,Ct=N`
708
708
  color: currentColor;
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`
709
+ `;import{CgExternal as _o}from"react-icons/cg";var Wa=({external:t,text:o,linkColor:r="currentColor",...n})=>e("a",{css:[yt,{currentColor:Ct,red:wt,green:xt}[r]],...n},o,t?e(h,{icon:_o,iconColor:"currentColor",size:24}):null);import{css as qo}from"@emotion/react";import{css as St}from"@emotion/react";var It=St`
710
710
  position: relative;
711
- `,Io=Co`
711
+ `,Rt=St`
712
712
  background: var(--gray-50);
713
713
  border-top: 1px solid var(--gray-200);
714
714
  border-bottom: 1px solid var(--gray-200);
715
715
  max-height: 24rem;
716
716
  overflow-y: auto;
717
717
  padding: var(--spacing-sm);
718
- `;var Aa=({label:o,children:t})=>e("div",{css:So},o?e("span",{css:Zt`
718
+ `;var Ya=({label:t,children:o})=>e("div",{css:It},t?e("span",{css:qo`
719
719
  ${v}
720
- `},o):null,e("div",{css:[Io,_]},t));import{css as Q}from"@emotion/react";var Ro=Q`
720
+ `},t):null,e("div",{css:[Rt,q]},o));import{css as j}from"@emotion/react";var Lt=j`
721
721
  align-items: center;
722
722
  background: var(--white);
723
723
  border-radius: var(--rounded-base);
@@ -732,9 +732,9 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
732
732
  &:last-of-type {
733
733
  margin-block: 0;
734
734
  }
735
- `,To=Q`
735
+ `,Tt=j`
736
736
  border-color: var(--brand-secondary-3);
737
- `,ko=Q`
737
+ `,Pt=j`
738
738
  align-items: center;
739
739
  display: flex;
740
740
  justify-content: space-between;
@@ -744,7 +744,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
744
744
  &:focus {
745
745
  outline: none;
746
746
  }
747
- `;import{css as Lo}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Wa=U`
747
+ `;import{css as kt}from"@emotion/react";import{keyframes as U}from"@emotion/react";var Qa=U`
748
748
  0%,
749
749
  100% {
750
750
  transform: scale(1);
@@ -754,7 +754,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
754
754
  transform: scale(1.15);
755
755
  opacity: 1;
756
756
  }
757
- `,Mo=U`
757
+ `,Mt=U`
758
758
  0% {
759
759
  opacity: 0;
760
760
  transform: translateY(10px);
@@ -763,7 +763,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
763
763
  opacity: 1;
764
764
  transform: translateY(0);
765
765
  }
766
- `,Za=U`
766
+ `,ja=U`
767
767
  0% {
768
768
  opacity: 1;
769
769
  transform: translateY(0);
@@ -772,20 +772,20 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
772
772
  opacity: 0;
773
773
  transform: translateY(10px);
774
774
  }
775
- `,Fa=U`
775
+ `,ei=U`
776
776
  0% {
777
777
  opacity: 0;
778
778
  }
779
779
  100% {
780
780
  opacity: 1;
781
781
  }
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`
782
+ `;var ai=({buttonText:t,active:o,...r})=>e("div",{css:[Lt,o?Tt: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:Pt,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...r},e("span",null,t),e("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!o,css:kt`
783
783
  color: var(--brand-secondary-3);
784
784
  transition: opacity var(--duration-fast) var(--timing-ease-out);
785
- ${t?Lo`
786
- animation: ${Mo} var(--duration-fast) var(--timing-ease-out) forwards;
785
+ ${o?kt`
786
+ animation: ${Mt} var(--duration-fast) var(--timing-ease-out) forwards;
787
787
  `:"opacity: 0;"}
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`
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 Jo}from"react-icons/cg";import{css as y}from"@emotion/react";var Bt=y`
789
789
  align-items: center;
790
790
  border: 1px solid transparent;
791
791
  color: var(--white);
@@ -804,58 +804,58 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
804
804
  &:focus {
805
805
  border-color: var(--gray-700);
806
806
  }
807
- `,Bo=y`
807
+ `,zt=y`
808
808
  border: 1px solid transparent;
809
809
  background: transparent;
810
810
  padding: var(--spacing-sm) var(--spacing-base);
811
811
  font-weight: var(--fw-medium);
812
812
  letter-spacing: 0.025rem;
813
813
  line-height: 1.25;
814
- `,zo=y`
814
+ `,Ht=y`
815
815
  padding: var(--spacing-sm);
816
816
  border-left: 1px solid currentColor;
817
- `,Eo=y`
817
+ `,Et=y`
818
818
  background: var(--brand-secondary-1);
819
819
  color: var(--white);
820
- `,Ho=y`
820
+ `,At=y`
821
821
  background: var(--gray-500);
822
822
  color: var(--white);
823
- `,Ao=y`
823
+ `,Dt=y`
824
824
  background: var(--brand-secondary-5);
825
825
  color: var(--white);
826
- `,Oo=y`
826
+ `,Ot=y`
827
827
  background: var(--gray-500);
828
828
  color: var(--white);
829
- `,Vo=y`
829
+ `,Vt=y`
830
830
  background: var(--brand-secondary-2);
831
831
  color: var(--brand-secondary-1);
832
- `,Do=y`
832
+ `,Gt=y`
833
833
  background: var(--brand-secondary-2);
834
834
  color: var(--gray-400);
835
- `,Go=y`
835
+ `,Wt=y`
836
836
  background: transparent;
837
837
  color: var(--brand-secondary-3);
838
838
 
839
839
  &:hover {
840
840
  border-color: var(--brand-secondary-3);
841
841
  }
842
- `,Wo=y`
842
+ `,Zt=y`
843
843
  background: transparent;
844
844
  border-color: var(--gray-400);
845
845
  color: var(--gray-400);
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`
846
+ `;var mi=({onButtonClick:t,buttonType:o="secondary",buttonText:r,disabled:n,children:a,placement:i,...s})=>e("div",{css:[Bt,n?{primary:At,secondary:Ot,ghost:Zt,unimportant:Gt}[o]:{primary:Et,secondary:Dt,ghost:Wt,unimportant:Vt}[o]],"data-test-id":"multioptions-button"},e("button",{type:"button",css:zt,disabled:n,onClick:t,"data-test-id":"multioptions-button-main",...s},r),e(We,{menuLabel:"buttonMenu",placement:i,menuTrigger:e("div",{css:Ht,"data-test-id":"multioptions-button-call-menu"},e(h,{icon:Jo,size:24,iconColor:"currentColor"}))},a));import{css as ar}from"@emotion/react";import jo,{useContext as er,useEffect as tr,useState as or}from"react";import{css as ee}from"@emotion/react";var Ft=ee`
847
847
  position: absolute;
848
- `,Fo=j`
848
+ `,$t=ee`
849
849
  display: flex;
850
850
  gap: var(--spacing-sm);
851
851
  font-size: var(--fs-xs);
852
- `,No=j`
852
+ `,Nt=ee`
853
853
  background: linear-gradient(to bottom right, var(--gray-100), var(--gray-200));
854
854
  border-radius: var(--rounded-base);
855
855
  border: 1px solid var(--gray-600);
856
856
  box-shadow: var(--shadow-base);
857
857
  padding: var(--spacing-xs) var(--spacing-sm);
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`
858
+ `;import{useHotkeys as Qo}from"react-hotkeys-hook";var H=/(Mac|iPhone|iPod|iPad)/i.test(typeof window!="undefined"?window.navigator.userAgent:"server");function te(t){return t===null?null:t.replace(/alt/g,"option").replace(/(ctrl|control)/g,"command")}function K({handler:t,shortcut:o,macShortcut:r,doNotPreventDefault:n,activeWhenEditing:a}){let i=H&&r?r:o;H&&!r&&(i=te(o)),Qo(i!=null?i:"\u{1F4A9}",s=>{n||s.preventDefault(),t(s)},a?{enableOnContentEditable:!0,enableOnTags:["INPUT","SELECT","TEXTAREA"]}:{},[t,n])}var Ut=!1,Kt=jo.createContext(!1),oe=["ctrl+F1","option+shift+/"];function Ci({children:t}){let[o,r]=or(!1);return tr(()=>{Ut||(Ut=!0,console.log(`Type ${Yt(H?oe[1]:oe[0])} to show keyboard shortcuts`))},[]),K({shortcut:oe.join(","),handler:()=>{r(n=>!n)},activeWhenEditing:!0}),e(Kt.Provider,{value:o},t)}function Yt(t){return t.replace(/(command|cmd)/g,"\u2318").replace(/option/g,"\u2325").replace(/shift/g,"\u21E7").replace(/ctrl/g,"\u2303")}function Xt({shortcut:t,macShortcut:o,className:r}){if(!er(Kt)||!t.includes("+")&&t.length>1)return null;let a=H&&o?o:t;H&&!o&&(a=te(t));let i=Yt(a);return e("div",{css:[Ft,typeof r=="object"?r:void 0],className:typeof r=="string"?r:""},e(rr,{shortcut:i}))}function rr({shortcut:t}){let o=t.split("+");return e("div",{css:$t},o.map(r=>e("span",{key:r,css:Nt},r.toUpperCase())))}import{css as nr}from"@emotion/react";var _t=nr`
859
859
  --max-size: clamp(2.5rem, 100vw, 3.5rem);
860
860
  align-items: center;
861
861
  box-shadow: var(--shadow-base);
@@ -877,10 +877,10 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
877
877
  & svg {
878
878
  color: var(--brand-secondary-5);
879
879
  }
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`
880
+ `;var ki=({buttonText:t="Add",onClick:o,shortcut:r="ctrl+alt+n",macShortcut:n="option+n",...a})=>(K({shortcut:r,macShortcut:n,handler:o,activeWhenEditing:!0}),e("button",{type:"button","aria-label":t,"data-testid":"add-entry-button",onClick:o,css:_t,...a},r?e(Xt,{shortcut:r,css:ar`
881
881
  top: -2rem;
882
882
  left: -1.5rem;
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`
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 Y from"react";import{css as D}from"@emotion/react";var qt=D`
884
884
  cursor: pointer;
885
885
  display: inline-block;
886
886
  position: relative;
@@ -888,7 +888,7 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
888
888
  transition: var(--duration-fast) var(--timing-ease-out);
889
889
  vertical-align: middle;
890
890
  user-select: none;
891
- `,qo=A`
891
+ `,Jt=D`
892
892
  appearance: none;
893
893
  border-radius: var(--rounded-full);
894
894
  background-color: var(--white);
@@ -925,14 +925,14 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
925
925
  &:disabled {
926
926
  cursor: not-allowed;
927
927
  }
928
- `,Jo=A`
928
+ `,Qt=D`
929
929
  opacity: var(--opacity-50);
930
930
  cursor: not-allowed;
931
931
 
932
932
  & > :before {
933
933
  cursor: not-allowed;
934
934
  }
935
- `,Qo=A`
935
+ `,jt=D`
936
936
  align-items: center;
937
937
  color: var(--brand-secondary-1);
938
938
  display: inline-flex;
@@ -953,29 +953,29 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
953
953
  left: 0;
954
954
  top: 0;
955
955
  }
956
- `,jo=A`
956
+ `,eo=D`
957
957
  color: var(--gray-500);
958
958
  font-size: var(--fs-sm);
959
959
  padding-inline: var(--spacing-2xl) 0;
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`
960
+ `;var Ai=Y.forwardRef(({label:t,infoText:o,toggleText:r,children:n,...a},i)=>{let s=o;return o&&r&&(s=a.checked?r:o),e(Y.Fragment,null,e("label",{css:[qt,a.disabled?Qt:void 0]},e("input",{type:"checkbox",css:Jt,...a,ref:i}),e("span",{css:jt},t)),s?e("p",{css:eo},s):null,n)});import*as S from"react";import{css as O}from"@emotion/react";var to=O`
961
961
  border-bottom: 1px solid var(--gray-400);
962
962
  border-collapse: collapse;
963
963
  min-width: 100%;
964
964
  table-layout: auto;
965
- `,ot=O`
965
+ `,oo=O`
966
966
  background: var(--gray-100);
967
967
  color: var(--brand-secondary-1);
968
968
  text-align: left;
969
- `,tt=O`
969
+ `,ro=O`
970
970
  border-bottom: 1px solid var(--gray-200);
971
- `,rt=O`
971
+ `,no=O`
972
972
  font-size: var(--fs-sm);
973
973
  padding: var(--spacing-base) var(--spacing-md);
974
974
  text-transform: uppercase;
975
975
  font-weight: var(--fw-bold);
976
- `,nt=O`
976
+ `,ao=O`
977
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`
978
+ `;var Vi=S.forwardRef(({children:t,...o},r)=>e("table",{ref:r,css:to,...o},t)),Gi=S.forwardRef(({children:t,...o},r)=>e("thead",{ref:r,css:oo,...o},t)),Wi=S.forwardRef(({children:t,...o},r)=>e("tbody",{ref:r,...o},t)),Zi=S.forwardRef(({children:t,...o},r)=>e("tfoot",{ref:r,...o},t)),Fi=S.forwardRef(({children:t,...o},r)=>e("tr",{ref:r,css:ro,...o},t)),$i=S.forwardRef(({children:t,...o},r)=>e("th",{ref:r,css:no,...o},t)),Ni=S.forwardRef(({children:t,...o},r)=>e("td",{ref:r,css:ao,...o},t));import{css as io}from"@emotion/react";var so=io`
979
979
  align-items: center;
980
980
  background: transparent;
981
981
  border: none;
@@ -991,10 +991,44 @@ import{jsx as e}from"@emotion/react";import*as l from"react";import lt from"reac
991
991
  cursor: not-allowed;
992
992
  color: var(--gray-500);
993
993
  }
994
- `,st=o=>at`
994
+ `,lo=t=>io`
995
995
  box-sizing: border-box;
996
- background: ${o?"var(--gray-500)":"var(--brand-secondary-3)"};
996
+ background: ${t?"var(--gray-500)":"var(--brand-secondary-3)"};
997
997
  border-radius: var(--rounded-full);
998
998
  color: var(--white);
999
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};
1000
+ `;var qi=({buttonText:t="Add Item",onButtonClick:o,disabled:r,icon:n="math-plus",...a})=>e("button",{type:"button",css:so,onClick:o,title:t,disabled:r,...a},n==="math-plus"?e(h,{icon:n,iconColor:"currentColor",size:22,css:lo(r)}):e(h,{icon:n,iconColor:"currentColor",size:22}),t);import{css as sr}from"@emotion/react";var lr=t=>({auto:"auto",sm:"8rem",md:"16rem",lg:"20rem"})[t],cr=t=>({left:"flex-start",right:"flex-end",center:"center"})[t],co=t=>sr`
1001
+ align-items: ${cr(t.textAlign)};
1002
+ border: 2px dashed var(--gray-300);
1003
+ border-radius: var(--rounded-base);
1004
+ background: ${t.bgColor==="transparent"?"transparent":"var(--white)"};
1005
+ display: flex;
1006
+ flex-flow: column wrap;
1007
+ justify-content: ${t.textAlign};
1008
+ text-align: ${t.textAlign};
1009
+ padding: var(--spacing-lg);
1010
+ will-change: auto;
1011
+ min-height: ${lr(t.boxHeight)};
1012
+ `;var ts=({bgColor:t="transparent",textAlign:o="center",boxHeight:r="md",children:n,...a})=>e("div",{css:co({bgColor:t,boxHeight:r,textAlign:o}),...a},n);import{css as R}from"@emotion/react";var po=R`
1013
+ margin-block: var(--spacing-sm);
1014
+ `,uo=R`
1015
+ background: var(--gray-100);
1016
+ margin-top: var(--spacing-sm);
1017
+ position: relative;
1018
+ overflow: hidden;
1019
+ height: 0.25rem;
1020
+ `,mo=R`
1021
+ position: absolute;
1022
+ inset: 0;
1023
+ transition: transform var(--duration-fast) var(--timing-ease-out);
1024
+ `,go=R`
1025
+ display: flex;
1026
+ justify-content: space-between;
1027
+ font-weight: var(--fw-bold);
1028
+ `,re=R`
1029
+ font-size: var(--fs-baase);
1030
+ `,bo=t=>R`
1031
+ background: ${t};
1032
+ `,fo=t=>R`
1033
+ color: ${t};
1034
+ `;var is=({current:t,max:o,label:r})=>{let a=Math.ceil(t/o*100),i={base:"var(--gray-400)",warn:"#facc15",danger:"var(--brand-secondary-5)"},s=a===100?i.danger:a>=75?i.warn:i.base;return e("div",{css:po},e("div",{css:go},e("span",{css:re},r),e("span",{css:[re,fo(s)]},t," of ",o)),e("div",{role:"progressbar","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":o,"aria-valuetext":`${t} of ${o}`,css:uo},e("span",{role:"presentation",css:[mo,bo(s)],style:{transform:`translateX(${a-100}%)`}})))};export{ki as AddButton,qi as AddListButton,Hr as Button,mi as ButtonWithMenu,ua as Callout,x as Caption,ts as DashedBox,w as ErrorMessage,Pa as Heading,h as Icon,Vr as IconsProvider,Me as Input,dn as InputComboBox,wn as InputInlineSelect,Rn as InputKeywordSearch,Bn as InputSelect,Dn as InputToggle,M as Label,is as LimitsBar,Wa as Link,Yo as LoadingIcon,va as LoadingIndicator,Sa as LoadingOverlay,We as Menu,Ve as MenuContext,ra as MenuItem,Ha as Paragraph,Ya as ScrollableList,ai as ScrollableListItem,Ci as ShortcutContext,Xt as ShortcutRevealer,Ai as Switch,Vi as Table,Wi as TableBody,Ni as TableCellData,$i as TableCellHead,Zi as TableFoot,Gi as TableHead,Fi as TableRow,Zn as Textarea,mr as Theme,Sr as UniformBadge,Lr as UniformLogo,ho as breakpoints,T as input,I as inputError,_ as inputSelect,v as labelText,ne as mq,q as scrollbarStyles,we as useIconContext,Ge as useMenuContext};