@uniformdev/design-system 13.0.1-alpha.271 → 13.0.1-alpha.278

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"react";var _o=({disableReset:o=!1})=>e(fo.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",{dangerouslySetInnerHTML:{__html:`
+import{jsx as e}from"@emotion/react";import*as m from"react";import bo from"react";var Jo=({disableReset:o=!1})=>e(bo.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",{dangerouslySetInnerHTML:{__html:`
           /*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
 
           /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
@@ -167,14 +167,14 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
         pre {
           white-space: pre;
         }
-    `}}));import{css as b}from"@emotion/react";var B=b`
+    `}}));import{css as b}from"@emotion/react";var S=b`
   position: relative;
-`,x=b`
+`,h=b`
   display: flex;
   font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-xs);
   align-items: center;
-`,P=b`
+`,M=b`
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-400);
@@ -204,23 +204,23 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     color: var(--gray-300);
     border-color: var(--gray-300);
   }
-`,k=b`
+`,I=b`
   border-color: var(--brand-secondary-5);
-`,N=b`
+`,z=b`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   pointer-event: one;
-`,U=b`
+`,E=b`
   padding-right: var(--spacing-2xl);
-`,G=b`
+`,Z=b`
   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");
   background-position: right var(--spacing-sm) center;
   background-repeat: no-repeat;
   background-size: 1rem;
   padding-right: var(--spacing-xl);
-`,W=b`
+`,U=b`
   color: var(--brand-secondary-1);
   height: 1.25rem;
   width: 1.25rem;
@@ -274,7 +274,9 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   padding-left: var(--spacing-lg);
   margin-top: -0.5rem;
   line-height: 1.15;
-`;import{css as vo}from"@emotion/react";var F=vo`
+`,Q=b`
+  ${M}
+`;import{css as ho}from"@emotion/react";var A=ho`
   @supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
     /*
         #d1d5db = bg-gray-300
@@ -300,15 +302,15 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &::-webkit-scrollbar-thumb:hover {
     background: var(--gray-500);
   }
-`;import{css as Z}from"@emotion/react";var z=Z`
+`;import{css as D}from"@emotion/react";var H=D`
   display: block;
-`,E=Z`
+`,V=D`
   background: transparent;
   color: var(--brand-secondary-1);
-`,H=Z`
+`,O=D`
   background: var(--brand-secondary-1);
   color: var(--white);
-`;var tr=({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:[z,o==="dark"?H:E],...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 ir=({theme:o="light"})=>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:[z,o==="dark"?H:E]},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 te from"react";import{Button as bo}from"reakit/Button";import{css as w}from"@emotion/react";var Q=w`
+`;var ar=({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:[H,o==="dark"?O:V],...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 lr=({theme:o="light"})=>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:[H,o==="dark"?O:V]},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 ne from"react";import{Button as yo}from"reakit/Button";import{css as R}from"@emotion/react";var X=R`
   align-items: center;
   border: 1px solid transparent;
   cursor: pointer;
@@ -332,7 +334,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:disabled {
     cursor: not-allowed;
   }
-`,X=w`
+`,j=R`
   background: var(--brand-secondary-1);
   color: var(--white);
 
@@ -340,7 +342,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     background: var(--gray-500);
     color: var(--white);
   }
-`,j=w`
+`,ee=R`
   background: var(--brand-secondary-5);
   color: var(--white);
 
@@ -348,7 +350,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     background: var(--gray-500);
     color: var(--white);
   }
-`,ee=w`
+`,oe=R`
   background: var(--brand-secondary-2);
   color: var(--brand-secondary-1);
 
@@ -356,7 +358,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     background: var(--brand-secondary-2);
     color: var(--gray-400);
   }
-`,oe=w`
+`,re=R`
   background: transparent;
   color: var(--brand-secondary-3);
 
@@ -369,7 +371,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     border-color: var(--gray-400);
     color: var(--gray-400);
   }
-`,re=w`
+`,te=R`
   background: var(--brand-secondary-3);
   color: var(--white);
 
@@ -377,10 +379,10 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     background: var(--gray-500);
     color: var(--white);
   }
-`;var ur=te.forwardRef(({buttonType:o="primary",size:r="md",children:s,...t},n)=>{let l={primary:X,secondary:j,ghost:oe,unimportant:ee,tertiary:re},p={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(bo,{"data-testid":"uniform-button",ref:n,css:[Q,l[o],p[r]],...t},s)});import Mo from"react";import{createContext as ho,useContext as yo,useEffect as xo,useState as ne}from"react";import{paramCase as wo}from"param-case";var ae=ho({iconsMap:{},isLoading:!0});function ie(){return yo(ae)}function yr({children:o}){let[r,s]=ne(!0),[t,n]=ne({});return xo(()=>{import("react-icons/cg").then(l=>{let p=Object.entries(l).reduce((d,[m,f])=>{if(m==="default")return d;let v=Co(m);return{...d,[v]:f}},{});n(p),s(!1)})},[]),e(ae.Provider,{value:{iconsMap:t,isLoading:r}},o)}function Co(o){return wo(o.replace("Cg",""))}import{css as L}from"@emotion/react";var Io={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},se=o=>`@media (min-width: ${Io[o]})`;var le=L`
+`;var fr=ne.forwardRef(({buttonType:o="primary",size:r="md",children:a,...t},n)=>{let l={primary:j,secondary:ee,ghost:re,unimportant:oe,tertiary:te},p={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(yo,{"data-testid":"uniform-button",ref:n,css:[X,l[o],p[r]],...t},a)});import Po from"react";import{createContext as xo,useContext as wo,useEffect as Co,useState as ae}from"react";import{paramCase as Io}from"param-case";var ie=xo({iconsMap:{},isLoading:!0});function se(){return wo(ie)}function wr({children:o}){let[r,a]=ae(!0),[t,n]=ae({});return Co(()=>{import("react-icons/cg").then(l=>{let p=Object.entries(l).reduce((d,[u,f])=>{if(u==="default")return d;let v=So(u);return{...d,[v]:f}},{});n(p),a(!1)})},[]),e(ie.Provider,{value:{iconsMap:t,isLoading:r}},o)}function So(o){return Io(o.replace("Cg",""))}import{css as T}from"@emotion/react";var Mo={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},le=o=>`@media (min-width: ${Mo[o]})`;var ce=T`
   display: hidden;
 
-  ${se("sm")} {
+  ${le("sm")} {
     display: block;
   }
 
@@ -388,30 +390,30 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     display: block;
     vertical-align: middle;
   }
-`,ce=L`
+`,pe=T`
   color: var(--brand-secondary-3);
-`,pe=L`
+`,de=T`
   color: var(--brand-secondary-5);
-`,de=L`
+`,ue=T`
   color: var(--gray-500);
-`,me=L`
+`,me=T`
   color: currentColor;
-`;var Ro=({icon:o,iconColorClass:r="green",...s})=>{let t=typeof o=="string",{iconsMap:n,isLoading:l}=ie(),p={green:ce,gray:de,red:pe,currentColor:me};if(t&&l)return null;let d=t?n[o]:o;return t&&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",...s,css:[le,p[r]]})},ue=Mo.memo(Ro);import{css as Po}from"@emotion/react";var ge=Po`
+`;var ko=({icon:o,iconColorClass:r="green",...a})=>{let t=typeof o=="string",{iconsMap:n,isLoading:l}=se(),p={green:pe,gray:ue,red:de,currentColor:me};if(t&&l)return null;let d=t?n[o]:o;return t&&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",...a,css:[ce,p[r]]})},ge=Po.memo(ko);import{css as Lo}from"@emotion/react";var fe=Lo`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-base);
   margin: var(--spacing-sm) 0;
   max-width: var(--prose);
-`;var C=({children:o})=>e("small",{css:ge},o);import{css as ko}from"@emotion/react";var fe=ko`
+`;var y=({children:o})=>e("small",{css:fe},o);import{css as To}from"@emotion/react";var ve=To`
   align-items: center;
   color: var(--brand-secondary-5);
   display: flex;
   gap: var(--spacing-sm);
   margin: var(--spacing-xs) 0;
-`;var I=({message:o})=>o?e("span",{css:fe},e("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{clipPath:"url(#a)"},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),e("defs",null,e("clipPath",{id:"a"},e("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;import*as ve from"react";var be=({label:o,icon:r,id:s,caption:t,showLabel:n=!0,errorMessage:l,classNameContainer:p,classNameControl:d,classNameLabel:m,...f})=>e(ve.Fragment,null,n?e("label",{htmlFor:s,css:[x,typeof m=="object"?m:void 0],className:typeof m=="string"?m:""},o):null,e("div",{css:[B,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},e("input",{id:s,css:[P,typeof d=="object"?d:void 0,l?k:void 0,r?U:""],"aria-label":n?void 0:o,className:typeof d=="string"?d:"",...f}),r?e("div",{css:N},r):null),t?e(C,null,t):null,l?e(I,{message:l}):null);import Lo from"react-select";function Dr(o){return e(Lo,{...o,styles:{...o.styles,singleValue:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.singleValue)==null?void 0:n.call(t,r,s),color:"#828282"}},valueContainer:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.valueContainer)==null?void 0:n.call(t,r,s),padding:"var(--spacing-base)"}},input:(r,s)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.input)==null?void 0:n.call(t,r,s),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,s)=>({...r,border:s.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:s.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as To}from"@emotion/react";import*as Ie from"react";import{useState as Bo,useRef as zo}from"react";import{css as T}from"@emotion/react";var he=T`
+`;var x=({message:o})=>o?e("span",{css:ve},e("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{clipPath:"url(#a)"},e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),e("defs",null,e("clipPath",{id:"a"},e("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;import*as be from"react";var he=({label:o,icon:r,id:a,caption:t,showLabel:n=!0,errorMessage:l,classNameContainer:p,classNameControl:d,classNameLabel:u,...f})=>e(be.Fragment,null,n?e("label",{htmlFor:a,css:[h,typeof u=="object"?u:void 0],className:typeof u=="string"?u:""},o):null,e("div",{css:[S,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},e("input",{id:a,css:[M,typeof d=="object"?d:void 0,l?I:void 0,r?E:""],"aria-label":n?void 0:o,className:typeof d=="string"?d:"",...f}),r?e("div",{css:z},r):null),t?e(y,null,t):null,l?e(x,{message:l}):null);import Bo from"react-select";function Nr(o){return e(Bo,{...o,styles:{...o.styles,singleValue:(r,a)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.singleValue)==null?void 0:n.call(t,r,a),color:"#828282"}},valueContainer:(r,a)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.valueContainer)==null?void 0:n.call(t,r,a),padding:"var(--spacing-base)"}},input:(r,a)=>{var t,n;return{...r,...(n=(t=o.styles)==null?void 0:t.input)==null?void 0:n.call(t,r,a),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,a)=>({...r,border:a.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:a.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}import{css as zo}from"@emotion/react";import*as Se from"react";import{useState as Eo,useRef as Ho}from"react";import{css as B}from"@emotion/react";var ye=B`
   margin-inline: auto;
   max-width: fit-content;
-`,ye=T`
+`,xe=B`
   align-items: center;
   background: var(--brand-secondary-3);
   border: 2px solid var(--brand-secondary-3);
@@ -434,7 +436,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:focus {
     outline: 2px solid var(--brand-secondary-1);
   }
-`,xe=T`
+`,we=B`
   background: var(--white);
   border: 1px solid var(--brand-secondary-3);
   border-top: none;
@@ -444,7 +446,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   position: absolute;
   inset: auto 0;
   transform: translateY(-0.2rem);
-`,we=T`
+`,Ce=B`
   cursor: pointer;
   display: block;
   font-size: var(--fs-sm);
@@ -459,23 +461,23 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:hover {
     background: var(--gray-50);
   }
-`,Ce=T`
+`,Ie=B`
   position: absolute;
   overflow: hidden;
   height: 1px;
   width: 1px;
   clip: rect(0, 0, 0, 0);
   padding: 0;
-`;import{CgChevronDown as Eo}from"react-icons/cg";var Qr=({classNameContainer:o,options:r,value:s,onChange:t,disabled:n,...l})=>{var v;let[p,d]=Bo(!1),m=zo(null);Ie.useEffect(()=>{let g=y=>{m.current&&!m.current.contains(y.target)&&d(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[m]);let f=r.find(g=>g.value===s);return e("div",{ref:m,css:o?To`
+`;import{CgChevronDown as Vo}from"react-icons/cg";var jr=({classNameContainer:o,options:r,value:a,onChange:t,disabled:n,...l})=>{var v;let[p,d]=Eo(!1),u=Ho(null);Se.useEffect(()=>{let g=C=>{u.current&&!u.current.contains(C.target)&&d(!1)};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[u]);let f=r.find(g=>g.value===a);return e("div",{ref:u,css:o?zo`
               max-width: fit-content;
               ${typeof o=="object"?o:void 0}
-            `:he,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${l.id}`,"aria-expanded":p,css:ye,onClick:()=>{n||d(g=>!g)},disabled:n,...l},e("span",null,(v=f==null?void 0:f.label)!=null?v:s),n?null:e(ue,{icon:Eo,iconColorClass:"currentColor"})),e("div",{id:`and-or-${l.id}`,css:[xe,p?void 0:Ce],"aria-hidden":!p},r.map(g=>e("button",{key:g.value,type:"button",css:we,onClick:()=>{t(g),d(y=>!y)}},g.label))))};var ot=({onSearchTextChanged:o,disabled:r=!1,placeholder:s="Keyword search",inputFieldName:t="keywordSearch",disabledFieldSubmission:n=!1,value:l})=>e(be,{type:"text",name:t,placeholder:s,showLabel:!1,value:l,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:W},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=>{o(m.currentTarget.value)},onKeyPress:m=>{m.key==="Enter"&&n&&m.preventDefault()},disabled:r,"aria-label":s});var it=({label:o,defaultOption:r,options:s,caption:t,errorMessage:n,showLabel:l=!0,labelCta:p,classNameContainer:d,classNameControl:m,classNameLabel:f,...v})=>e("div",{css:[B,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},l?e("label",{htmlFor:v.id,css:[x,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},o,p):null,e("select",{title:o,"aria-label":l?void 0:o,css:[P,G,n?k:void 0,typeof m=="object"?m:void 0],className:typeof m=="string"?m:"",...v},r?e("option",{value:""},r):null,s.map((g,y)=>e("option",{key:y,value:g.label,...g}))),t?e(C,null,t):null,n?e(I,{message:n}):null);var pt=({label:o,type:r,disabled:s,checked:t,name:n,caption:l,errorMessage:p,...d})=>e("label",{css:[Y,s?q:void 0]},e("input",{type:r,css:K,checked:t,name:n,disabled:s,...d}),e("span",{css:_},o),l||p?e("span",{css:J},l?e(C,null,l):null,p?e(I,{message:p}):null):null);import*as S from"react";import{useMenuState as Vo,Menu as Oo,MenuButton as Go}from"reakit/Menu";import{css as Ho}from"@emotion/react";var Se=Ho`
+            `:ye,className:typeof o=="string"?o:""},e("button",{type:"button","aria-controls":`and-or-${l.id}`,"aria-expanded":p,css:xe,onClick:()=>{n||d(g=>!g)},disabled:n,...l},e("span",null,(v=f==null?void 0:f.label)!=null?v:a),n?null:e(ge,{icon:Vo,iconColorClass:"currentColor"})),e("div",{id:`and-or-${l.id}`,css:[we,p?void 0:Ie],"aria-hidden":!p},r.map(g=>e("button",{key:g.value,type:"button",css:Ce,onClick:()=>{t(g),d(C=>!C)}},g.label))))};var tt=({onSearchTextChanged:o,disabled:r=!1,placeholder:a="Keyword search",inputFieldName:t="keywordSearch",disabledFieldSubmission:n=!1,value:l})=>e(he,{type:"text",name:t,placeholder:a,showLabel:!1,value:l,icon:e("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:U},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:u=>{o(u.currentTarget.value)},onKeyPress:u=>{u.key==="Enter"&&n&&u.preventDefault()},disabled:r,"aria-label":a});var lt=({label:o,defaultOption:r,options:a,caption:t,errorMessage:n,showLabel:l=!0,labelCta:p,classNameContainer:d,classNameControl:u,classNameLabel:f,...v})=>e("div",{css:[S,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},l?e("label",{htmlFor:v.id,css:[h,typeof f=="object"?f:void 0],className:typeof f=="string"?f:""},o,p):null,e("select",{title:o,"aria-label":l?void 0:o,css:[M,Z,n?I:void 0,typeof u=="object"?u:void 0],className:typeof u=="string"?u:"",...v},r?e("option",{value:""},r):null,a.map((g,C)=>e("option",{key:C,value:g.label,...g}))),t?e(y,null,t):null,n?e(x,{message:n}):null);var ut=({label:o,type:r,disabled:a,checked:t,name:n,caption:l,errorMessage:p,...d})=>e("label",{css:[Y,a?q:void 0]},e("input",{type:r,css:K,checked:t,name:n,disabled:a,...d}),e("span",{css:_},o),l||p?e("span",{css:J},l?e(y,null,l):null,p?e(x,{message:p}):null):null);import*as Me from"react";var bt=({label:o,icon:r,id:a,caption:t,showLabel:n=!0,errorMessage:l,...p})=>e(Me.Fragment,null,n?e("label",{htmlFor:a,css:[h]},o):null,e("div",{css:[S]},e("textarea",{id:a,css:[Q,l?I:void 0,r?E:""],"aria-label":n?void 0:o,...p}),r?e("div",{css:z},r):null),t?e(y,null,t):null,l?e(x,{message:l}):null);import*as P from"react";import{useMenuState as Go,Menu as Fo,MenuButton as Zo}from"reakit/Menu";import{css as Oo}from"@emotion/react";var Re=Oo`
   border: 1px solid var(--gray-500);
   border-radius: var(--rounded-base);
   outline: none;
   overflow: hidden;
   z-index: 50;
-`;var Me=S.createContext({}),Re=()=>S.useContext(Me),yt=({menuLabel:o,menuTrigger:r,placement:s="auto",children:t})=>{let n=Vo({placement:s});return e(Me.Provider,{value:n},e(Go,{...n,ref:r.ref,...r.props},l=>S.cloneElement(r,l)),e(Oo,{...n,"aria-label":o,css:Se},t))};import*as Be from"react";import{MenuItem as Le}from"reakit";import{css as Pe}from"@emotion/react";var A=Pe`
+`;var Pe=P.createContext({}),ke=()=>P.useContext(Pe),Rt=({menuLabel:o,menuTrigger:r,placement:a="auto",children:t})=>{let n=Go({placement:a});return e(Pe.Provider,{value:n},e(Zo,{...n,ref:r.ref,...r.props},l=>P.cloneElement(r,l)),e(Fo,{...n,"aria-label":o,css:Re},t))};import*as Ee from"react";import{MenuItem as Be}from"reakit";import{css as Le}from"@emotion/react";var $=Le`
   background: var(--white);
   border-top: 1px solid var(--gray-500);
   color: var(--brand-secondary-1);
@@ -500,7 +502,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:hover {
     background: var(--gray-200);
   }
-`,ke=Pe`
+`,Te=Le`
   align-items: center;
   display: flex;
   justify-content: space-between;
@@ -511,7 +513,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     width: var(--spacing-base);
     height: var(--spacing-base);
   }
-`;var Pt=Be.forwardRef(({children:o,className:r,hideMenuOnClick:s=!0,icon:t,...n},l)=>{let p=Re(),d=f=>{let v={...f};if(v.onClick){let g=v.onClick;v.onClick=y=>{p.hide(),g(y)}}return v};if(typeof o=="function")return e(Le,{ref:l,"data-testid":"uniform-menuItem",...p,...n,css:A},f=>{let v=s?d(f):f,g=o(v);return t?Te(g,t):g});let m=s?d(n):n;return e(Le,{ref:l,...p,...m,css:A},t?Te(o,t):o)});function Te(o,r){return e("span",{css:ke},o," ",r)}import{css as c}from"@emotion/react";var ze=({...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"})),Ee=({...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"})),He=({...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"})),Ve=({...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"})),D=({...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"})),Oe=({...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 M}from"@emotion/react";var Ge=M`
+`;var Ht=Ee.forwardRef(({children:o,className:r,hideMenuOnClick:a=!0,icon:t,...n},l)=>{let p=ke(),d=f=>{let v={...f};if(v.onClick){let g=v.onClick;v.onClick=C=>{p.hide(),g(C)}}return v};if(typeof o=="function")return e(Be,{ref:l,"data-testid":"uniform-menuItem",...p,...n,css:$},f=>{let v=a?d(f):f,g=o(v);return t?ze(g,t):g});let u=a?d(n):n;return e(Be,{ref:l,...p,...u,css:$},t?ze(o,t):o)});function ze(o,r){return e("span",{css:Te},o," ",r)}import{css as c}from"@emotion/react";var He=({...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"})),Ve=({...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"})),Oe=({...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"})),Ge=({...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"})),N=({...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"})),Fe=({...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 k}from"@emotion/react";var Ze=k`
   --caution-desc: rgb(161, 98, 7);
   --caution-icon: rgb(250, 204, 21);
   --caution-title: rgb(133, 77, 14);
@@ -539,21 +541,21 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
 
   border-radius: var(--rounded-base);
   padding: var(--spacing-base);
-`,Fe=M`
+`,Ae=k`
   display: flex;
   gap: var(--spacing-base);
-`,Ze=M`
+`,De=k`
   flex-shrink: 0;
-`,Ae=M`
+`,$e=k`
   font-size: var(--fs-sm);
   font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-sm);
-`,De=M`
+`,Ne=k`
   font-size: var(--fs-sm);
-`,$e=M`
+`,We=k`
   width: 1.25rem;
   height: 1.25rem;
-`;var Fo={caution:{icon:D,descriptionColor:c`
+`;var Ao={caution:{icon:N,descriptionColor:c`
       color: var(--caution-desc);
     `,iconColor:c`
       color: var(--caution-icon);
@@ -561,7 +563,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--caution-title);
     `,containerColor:c`
       background-color: var(--caution-container);
-    `},danger:{icon:Ee,descriptionColor:c`
+    `},danger:{icon:Ve,descriptionColor:c`
       color: var(--danger-desc);
     `,iconColor:c`
       color: var(--danger-icon);
@@ -569,7 +571,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--danger-title);
     `,containerColor:c`
       background-color: var(--danger-container);
-    `},error:{icon:D,descriptionColor:c`
+    `},error:{icon:N,descriptionColor:c`
       color: var(--danger-desc);
     `,iconColor:c`
       color: var(--danger-icon);
@@ -577,7 +579,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--danger-title);
     `,containerColor:c`
       background-color: var(--danger-container);
-    `},info:{icon:ze,descriptionColor:c`
+    `},info:{icon:He,descriptionColor:c`
       color: var(--info-desc);
     `,iconColor:c`
       color: var(--info-icon);
@@ -585,7 +587,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--info-title);
     `,containerColor:c`
       background-color: var(--info-container);
-    `},note:{icon:He,descriptionColor:c`
+    `},note:{icon:Oe,descriptionColor:c`
       color: var(--note-desc);
     `,iconColor:c`
       color: var(--note-icon);
@@ -593,7 +595,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--note-title);
     `,containerColor:c`
       background-color: var(--note-container);
-    `},success:{icon:Oe,descriptionColor:c`
+    `},success:{icon:Fe,descriptionColor:c`
       color: var(--success-desc);
     `,iconColor:c`
       color: var(--success-icon);
@@ -601,7 +603,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--success-title);
     `,containerColor:c`
       background-color: var(--success-container);
-    `},tip:{icon:Ve,descriptionColor:c`
+    `},tip:{icon:Ge,descriptionColor:c`
       color: var(--success-desc);
     `,iconColor:c`
       color: var(--success-icon);
@@ -609,7 +611,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       color: var(--success-title);
     `,containerColor:c`
       background-color: var(--success-container);
-    `}},Ot=({type:o="info",title:r,children:s,className:t})=>{let n=Fo[o];if(!n)return null;let l=n.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Ge,n.containerColor,typeof t=="object"?t:""],className:`${typeof t=="string"?t:""}`},e("div",{css:Fe},e("div",{css:Ze},e(l,{css:[$e,n.iconColor]})),e("div",null,r?e("h3",{css:[Ae,n.titleColor]},r):null,s?e("div",{css:[De,n.descriptionColor]},s):null)))};import{css as Ne,keyframes as Zo}from"@emotion/react";var Ao=Zo`
+    `}},Nt=({type:o="info",title:r,children:a,className:t})=>{let n=Ao[o];if(!n)return null;let l=n.icon;return e("div",{"data-testid":"sdk-ui-callout",css:[Ze,n.containerColor,typeof t=="object"?t:""],className:`${typeof t=="string"?t:""}`},e("div",{css:Ae},e("div",{css:De},e(l,{css:[We,n.iconColor]})),e("div",null,r?e("h3",{css:[$e,n.titleColor]},r):null,a?e("div",{css:[Ne,n.descriptionColor]},a):null)))};import{css as Ue,keyframes as Do}from"@emotion/react";var $o=Do`
     0%, 100% {
         opacity: 1.0;
         transform: translateY(0);
@@ -625,14 +627,14 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
       opacity: 0.2;
         transform: translateY(-5px);
     }
-`,Ue=Ne`
+`,Ye=Ue`
   display: inline-flex;
   justify-content: center;
-`,V=Ne`
+`,G=Ue`
   background-color: var(--gray-700);
   display: block;
   border-radius: var(--rounded-full);
-  animation: ${Ao} 0.75s infinite ease-in-out;
+  animation: ${$o} 0.75s infinite ease-in-out;
   width: 8px;
   height: 8px;
   margin: 0 var(--spacing-xs);
@@ -649,53 +651,53 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:nth-of-type(3) {
     animation-delay: 0.6s;
   }
-`;var Dt=()=>e("div",{css:Ue,role:"alert"},e("span",{css:V}),e("span",{css:V}),e("span",{css:V}));import{css as Do}from"@emotion/react";import{css as R}from"@emotion/react";var We=R`
+`;var _t=()=>e("div",{css:Ye,role:"alert"},e("span",{css:G}),e("span",{css:G}),e("span",{css:G}));import{css as No}from"@emotion/react";import{css as L}from"@emotion/react";var Ke=L`
   align-items: center;
   position: absolute;
   inset: 0 0;
   overflow: hidden;
   z-index: 9999;
   justify-content: center;
-`,Ye=R`
+`,_e=L`
   display: flex;
-`,Ke=R`
+`,qe=L`
   display: none;
-`,_e=R`
+`,Je=L`
   background: var(--white);
   opacity: 0.5;
   position: absolute;
   inset: 0 0;
-`,qe=R`
+`,Qe=L`
   align-items: center;
   display: flex;
   flex-direction: column;
-`,Je=R`
+`,Xe=L`
   color: var(--gray-500);
   margin: var(--spacing-base) 0 0;
-`;var Kt=({isActive:o,statusMessage:r})=>e("div",{role:"alert",css:[We,o?Ye:Ke],"aria-hidden":!o},e("div",{css:_e}),e("div",{css:Do`
+`;var en=({isActive:o,statusMessage:r})=>e("div",{role:"alert",css:[Ke,o?_e:qe],"aria-hidden":!o},e("div",{css:Je}),e("div",{css:No`
           position: relative;
-        `},e("div",{css:qe},e($o,{height:128,width:128}),r?e("div",{css:Je},r):null))),$o=({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 h}from"@emotion/react";var Qe=h`
+        `},e("div",{css:Qe},e(Wo,{height:128,width:128}),r?e("div",{css:Xe},r):null))),Wo=({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 w}from"@emotion/react";var je=w`
   font-family: var(--ff-heading);
   font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
   font-weight: var(--fw-bold);
   margin-bottom: var(--spacing-base);
-`,Xe=h`
+`,eo=w`
   font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
-`,je=h`
+`,oo=w`
   font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
-`,eo=h`
+`,ro=w`
   font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
-`,oo=h`
+`,to=w`
   font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
-`,ro=h`
+`,no=w`
   font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
-`,to=h`
+`,ao=w`
   font-weight: var(--fw-bold);
   font-family: var(--ff-base);
   margin-bottom: var(--spacing-base);
-`,no=h`
+`,io=w`
   line-height: 1.35;
-`;var Xt=({level:o=2,children:r})=>{let s=`h${o}`,t={h1:Qe,h2:Xe,h3:je,h4:eo,h5:oo,h6:ro},n=s.includes("h1")?void 0:to;return e(s,{css:[t[s],n,no]},r)};import{css as No}from"@emotion/react";var ao=No`
+`;var an=({level:o=2,children:r})=>{let a=`h${o}`,t={h1:je,h2:eo,h3:oo,h4:ro,h5:to,h6:no},n=a.includes("h1")?void 0:ao;return e(a,{css:[t[a],n,io]},r)};import{css as Uo}from"@emotion/react";var so=Uo`
   font-size: var(--fs-base);
   line-height: 1.5;
   margin-bottom: var(--spacing-base);
@@ -703,18 +705,18 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:last-of-type {
     margin-bottom: 0;
   }
-`;var tn=({className:o,children:r})=>e("p",{css:[ao,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);import{css as Uo}from"@emotion/react";import{css as io}from"@emotion/react";var so=io`
+`;var dn=({className:o,children:r})=>e("p",{css:[so,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);import{css as Yo}from"@emotion/react";import{css as lo}from"@emotion/react";var co=lo`
   position: relative;
-`,lo=io`
+`,po=lo`
   background: var(--gray-50);
   border-top: 1px solid var(--gray-200);
   border-bottom: 1px solid var(--gray-200);
   max-height: 24rem;
   overflow-y: auto;
   padding: var(--spacing-sm);
-`;var dn=({label:o,children:r})=>e("div",{css:so},o?e("span",{css:Uo`
-            ${x}
-          `},o):null,e("div",{css:[lo,F]},r));import{css as $}from"@emotion/react";var co=$`
+`;var hn=({label:o,children:r})=>e("div",{css:co},o?e("span",{css:Yo`
+            ${h}
+          `},o):null,e("div",{css:[po,A]},r));import{css as W}from"@emotion/react";var uo=W`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -729,9 +731,9 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:last-of-type {
     margin-block: 0;
   }
-`,po=$`
+`,mo=W`
   border-color: var(--brand-secondary-3);
-`,mo=$`
+`,go=W`
   align-items: center;
   display: flex;
   justify-content: space-between;
@@ -741,7 +743,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
   &:focus {
     outline: none;
   }
-`;import{css as go}from"@emotion/react";import{keyframes as O}from"@emotion/react";var vn=O`
+`;import{css as vo}from"@emotion/react";import{keyframes as F}from"@emotion/react";var In=F`
   0%,
   100% {
     transform: scale(1);
@@ -751,7 +753,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     transform: scale(1.15);
     opacity: 1;
   }
-`,uo=O`
+`,fo=F`
   0% {
     opacity: 0;
     transform: translateY(10px);
@@ -760,7 +762,7 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     opacity: 1;
     transform: translateY(0);
   }
-`,bn=O`
+`,Sn=F`
   0% {
     opacity: 1;
     transform: translateY(0);
@@ -769,17 +771,17 @@ import{jsx as e}from"@emotion/react";import*as u from"react";import fo from"reac
     opacity: 0;
     transform: translateY(10px);
   }
-`,hn=O`
+`,Mn=F`
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
-`;var In=({buttonText:o,active:r,...s})=>e("div",{css:[co,r?po: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:mo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...s},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:go`
+`;var Tn=({buttonText:o,active:r,...a})=>e("div",{css:[uo,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:go,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...a},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:vo`
             color: var(--brand-secondary-3);
             transition: opacity var(--duration-fast) var(--timing-ease-out);
-            ${r?go`
-                  animation: ${uo} var(--duration-fast) var(--timing-ease-out) forwards;
+            ${r?vo`
+                  animation: ${fo} var(--duration-fast) var(--timing-ease-out) forwards;
                 `:"opacity: 0;"}
-          `},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"}))));export{ur as Button,Ot as Callout,C as Caption,I as ErrorMessage,Xt as Heading,ue as Icon,yr as IconsProvider,be as Input,Dr as InputComboBox,Qr as InputInlineSelect,ot as InputKeywordSearch,it as InputSelect,pt as InputToggle,$o as LoadingIcon,Dt as LoadingIndicator,Kt as LoadingOverlay,yt as Menu,Me as MenuContext,Pt as MenuItem,tn as Paragraph,dn as ScrollableList,In as ScrollableListItem,_o as Theme,tr as UniformBadge,ir as UniformLogo,Io as breakpoints,P as input,k as inputError,G as inputSelect,x as labelText,se as mq,F as scrollbarStyles,ie as useIconContext,Re as useMenuContext};
+          `},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"}))));export{fr as Button,Nt as Callout,y as Caption,x as ErrorMessage,an as Heading,ge as Icon,wr as IconsProvider,he as Input,Nr as InputComboBox,jr as InputInlineSelect,tt as InputKeywordSearch,lt as InputSelect,ut as InputToggle,Wo as LoadingIcon,_t as LoadingIndicator,en as LoadingOverlay,Rt as Menu,Pe as MenuContext,Ht as MenuItem,dn as Paragraph,hn as ScrollableList,Tn as ScrollableListItem,bt as Textarea,Jo as Theme,ar as UniformBadge,lr as UniformLogo,Mo as breakpoints,M as input,I as inputError,Z as inputSelect,h as labelText,le as mq,A as scrollbarStyles,se as useIconContext,ke as useMenuContext};

package/dist/index.d.ts

@@ -262,6 +262,27 @@ declare type InputToggleProps = React$1.HTMLAttributes<HTMLInputElement> & {
  */
 declare const InputToggle: ({ label, type, disabled, checked, name, caption, errorMessage, ...props }: InputToggleProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    label?: string;
+    caption?: string;
+    icon?: React$1.ReactElement;
+    showLabel?: boolean;
+    errorMessage?: string;
+    capture?: boolean | 'user' | 'environment';
+};
+/**
+ * Input Component
+ *
+ * @component
+ * @param {string} label - sets the label value
+ * @param {string} caption - sets help text value
+ * @param {boolean} showLabel - sets whether to hide the label and use aria-label on the input itself
+ * @param {React.ReactElement} icon - add an input icon to the input field
+ * @param {string} errorMessage - sets shows the the error message value
+ * @example - <Input label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
+ */
+declare const Textarea: ({ label, icon, id, caption, showLabel, errorMessage, ...props }: TextareaProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 interface MenuProps extends MenuHTMLProps {
     menuTrigger: React$1.ReactElement & React$1.RefAttributes<any>;
     menuLabel: string;
@@ -418,4 +439,4 @@ declare const breakpoints: breakpointsProps;
  */
 declare const mq: (size: breakpointSizeProps) => string;
 
-export { Button, ButtonProps, ButtonSizeProps, ButtonThemeProps, Callout, CalloutProps, CalloutType, Caption, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColorProps, IconProps, IconsProvider, InlineSelectInputOption, InlineSelectInputProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, LevelProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
+export { Button, ButtonProps, ButtonSizeProps, ButtonThemeProps, Callout, CalloutProps, CalloutType, Caption, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColorProps, IconProps, IconsProvider, InlineSelectInputOption, InlineSelectInputProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, LevelProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };

package/dist/index.js

@@ -1,4 +1,4 @@
-var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDescriptor;var Go=Object.getOwnPropertyNames;var Fo=Object.getPrototypeOf,Zo=Object.prototype.hasOwnProperty;var Ao=(o,r)=>{for(var n in r)V(o,n,{get:r[n],enumerable:!0})},ne=(o,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Go(r))!Zo.call(o,t)&&t!==n&&V(o,t,{get:()=>r[t],enumerable:!(a=Oo(r,t))||a.enumerable});return o};var b=(o,r,n)=>(n=o!=null?Vo(Fo(o)):{},ne(r||!o||!o.__esModule?V(n,"default",{value:o,enumerable:!0}):n,o)),Do=o=>ne(V({},"__esModule",{value:!0}),o);var mr={};Ao(mr,{Button:()=>Wo,Callout:()=>nr,Caption:()=>I,ErrorMessage:()=>S,Heading:()=>lr,Icon:()=>_,IconsProvider:()=>Yo,Input:()=>q,InputComboBox:()=>Jo,InputInlineSelect:()=>Qo,InputKeywordSearch:()=>Xo,InputSelect:()=>jo,InputToggle:()=>er,LoadingIcon:()=>bo,LoadingIndicator:()=>ir,LoadingOverlay:()=>sr,Menu:()=>or,MenuContext:()=>J,MenuItem:()=>rr,Paragraph:()=>cr,ScrollableList:()=>pr,ScrollableListItem:()=>dr,Theme:()=>$o,UniformBadge:()=>No,UniformLogo:()=>Uo,breakpoints:()=>Me,input:()=>P,inputError:()=>k,inputSelect:()=>G,labelText:()=>x,mq:()=>K,scrollbarStyles:()=>F,useIconContext:()=>Y,useMenuContext:()=>Q});module.exports=Do(mr);var e=require("@emotion/react"),m=b(require("react"));var ae=b(require("react")),$o=({disableReset:o=!1})=>(0,e.jsx)(ae.default.Fragment,null,(0,e.jsx)("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:(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:`
+var Go=Object.create;var O=Object.defineProperty;var Fo=Object.getOwnPropertyDescriptor;var Zo=Object.getOwnPropertyNames;var Ao=Object.getPrototypeOf,Do=Object.prototype.hasOwnProperty;var $o=(o,r)=>{for(var n in r)O(o,n,{get:r[n],enumerable:!0})},ie=(o,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of Zo(r))!Do.call(o,t)&&t!==n&&O(o,t,{get:()=>r[t],enumerable:!(a=Fo(r,t))||a.enumerable});return o};var b=(o,r,n)=>(n=o!=null?Go(Ao(o)):{},ie(r||!o||!o.__esModule?O(n,"default",{value:o,enumerable:!0}):n,o)),No=o=>ie(O({},"__esModule",{value:!0}),o);var fr={};$o(fr,{Button:()=>Ko,Callout:()=>sr,Caption:()=>x,ErrorMessage:()=>w,Heading:()=>dr,Icon:()=>J,IconsProvider:()=>_o,Input:()=>Q,InputComboBox:()=>Xo,InputInlineSelect:()=>jo,InputKeywordSearch:()=>er,InputSelect:()=>or,InputToggle:()=>rr,LoadingIcon:()=>yo,LoadingIndicator:()=>cr,LoadingOverlay:()=>pr,Menu:()=>nr,MenuContext:()=>X,MenuItem:()=>ar,Paragraph:()=>ur,ScrollableList:()=>mr,ScrollableListItem:()=>gr,Textarea:()=>tr,Theme:()=>Wo,UniformBadge:()=>Uo,UniformLogo:()=>Yo,breakpoints:()=>Re,input:()=>M,inputError:()=>I,inputSelect:()=>Z,labelText:()=>h,mq:()=>q,scrollbarStyles:()=>A,useIconContext:()=>_,useMenuContext:()=>j});module.exports=No(fr);var e=require("@emotion/react"),u=b(require("react"));var se=b(require("react")),Wo=({disableReset:o=!1})=>(0,e.jsx)(se.default.Fragment,null,(0,e.jsx)("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:(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:`
           /*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
 
           /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
@@ -167,14 +167,14 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
         pre {
           white-space: pre;
         }
-    `}}));var v=require("@emotion/react"),O=v.css`
+    `}}));var f=require("@emotion/react"),L=f.css`
   position: relative;
-`,x=v.css`
+`,h=f.css`
   display: flex;
   font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-xs);
   align-items: center;
-`,P=v.css`
+`,M=f.css`
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-400);
@@ -204,34 +204,34 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     color: var(--gray-300);
     border-color: var(--gray-300);
   }
-`,k=v.css`
+`,I=f.css`
   border-color: var(--brand-secondary-5);
-`,ie=v.css`
+`,G=f.css`
   align-items: center;
   display: flex;
   position: absolute;
   inset: 0 var(--spacing-base) 0 auto;
   pointer-event: one;
-`,se=v.css`
+`,F=f.css`
   padding-right: var(--spacing-2xl);
-`,G=v.css`
+`,Z=f.css`
   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");
   background-position: right var(--spacing-sm) center;
   background-repeat: no-repeat;
   background-size: 1rem;
   padding-right: var(--spacing-xl);
-`,le=v.css`
+`,le=f.css`
   color: var(--brand-secondary-1);
   height: 1.25rem;
   width: 1.25rem;
-`,ce=v.css`
+`,ce=f.css`
   align-items: center;
   cursor: pointer;
   display: inline-flex;
   gap: var(--spacing-sm);
   margin: var(--spacing-sm) 0;
   flex-wrap: wrap;
-`,pe=v.css`
+`,pe=f.css`
   border: 1px solid var(--brand-secondary-1);
   background: var(--white);
   width: var(--spacing-md);
@@ -262,19 +262,21 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     color: var(--gray-300);
     border-color: var(--gray-300);
   }
-`,de=v.css`
+`,de=f.css`
   font-weight: var(--font-medium);
-`,me=v.css`
+`,ue=f.css`
   cursor: not-allowed;
   color: var(--gray-400);
-`,ue=v.css`
+`,me=f.css`
   display: flex;
   flex-direction: column;
   flex-basis: 100%;
   padding-left: var(--spacing-lg);
   margin-top: -0.5rem;
   line-height: 1.15;
-`;var ge=require("@emotion/react"),F=ge.css`
+`,ge=f.css`
+  ${M}
+`;var fe=require("@emotion/react"),A=fe.css`
   @supports ((scrollbar-color: #d1d5db transparent) and (scrollbar-width: thin)) {
     /*
         #d1d5db = bg-gray-300
@@ -300,15 +302,15 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &::-webkit-scrollbar-thumb:hover {
     background: var(--gray-500);
   }
-`;var Z=require("@emotion/react"),A=Z.css`
+`;var D=require("@emotion/react"),$=D.css`
   display: block;
-`,D=Z.css`
+`,N=D.css`
   background: transparent;
   color: var(--brand-secondary-1);
-`,$=Z.css`
+`,W=D.css`
   background: var(--brand-secondary-1);
   color: var(--white);
-`;var No=({theme:o="light",...r})=>(0,e.jsx)("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:[A,o==="dark"?$:D],...r},(0,e.jsx)("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var Uo=({theme:o="light"})=>(0,e.jsx)("div",{"data-test-id":"uniform-Logo"},(0,e.jsx)("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[A,o==="dark"?$:D]},(0,e.jsx)("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),(0,e.jsx)("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"})));var we=b(require("react")),Ce=require("reakit/Button");var C=require("@emotion/react"),fe=C.css`
+`;var Uo=({theme:o="light",...r})=>(0,e.jsx)("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:[$,o==="dark"?W:N],...r},(0,e.jsx)("path",{d:"M28.998 0 0 16.744V50.23l28.998-16.744 29.004-16.743L28.998 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M28.998 66.974V33.487L0 50.231v33.487l28.998 16.744 29.004-16.744V50.23L28.998 66.974Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"M58.002 16.744 28.998 33.487l29.004 16.744v33.487L87 66.975V33.487L58.002 16.744Z",fill:"#F4220B"}));var Yo=({theme:o="light"})=>(0,e.jsx)("div",{"data-test-id":"uniform-Logo"},(0,e.jsx)("svg",{width:"153",height:"53",viewBox:"0 0 153 39",fill:"none",xmlns:"http://www.w3.org/2000/svg",css:[$,o==="dark"?W:N]},(0,e.jsx)("path",{d:"M11.249 0 0 6.495v12.99l11.249-6.495L22.5 6.495 11.25 0Z",fill:"#83C6E1"}),(0,e.jsx)("path",{d:"M11.249 25.98V12.99L0 19.486v12.99l11.249 6.495L22.5 32.476v-12.99L11.25 25.98Z",fill:"#438FD5"}),(0,e.jsx)("path",{d:"m22.5 6.495-11.25 6.496 11.25 6.495v12.99l11.25-6.495V12.99L22.5 6.495Z",fill:"#F4220B"}),(0,e.jsx)("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"})));var Ce=b(require("react")),Ie=require("reakit/Button");var R=require("@emotion/react"),ve=R.css`
   align-items: center;
   border: 1px solid transparent;
   cursor: pointer;
@@ -332,7 +334,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:disabled {
     cursor: not-allowed;
   }
-`,ve=C.css`
+`,be=R.css`
   background: var(--brand-secondary-1);
   color: var(--white);
 
@@ -340,7 +342,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     background: var(--gray-500);
     color: var(--white);
   }
-`,be=C.css`
+`,he=R.css`
   background: var(--brand-secondary-5);
   color: var(--white);
 
@@ -348,7 +350,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     background: var(--gray-500);
     color: var(--white);
   }
-`,he=C.css`
+`,ye=R.css`
   background: var(--brand-secondary-2);
   color: var(--brand-secondary-1);
 
@@ -356,7 +358,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     background: var(--brand-secondary-2);
     color: var(--gray-400);
   }
-`,ye=C.css`
+`,xe=R.css`
   background: transparent;
   color: var(--brand-secondary-3);
 
@@ -369,7 +371,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     border-color: var(--gray-400);
     color: var(--gray-400);
   }
-`,xe=C.css`
+`,we=R.css`
   background: var(--brand-secondary-3);
   color: var(--white);
 
@@ -377,10 +379,10 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     background: var(--gray-500);
     color: var(--white);
   }
-`;var Wo=we.forwardRef(({buttonType:o="primary",size:r="md",children:n,...a},t)=>{let s={primary:ve,secondary:be,ghost:ye,unimportant:he,tertiary:xe},c={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(0,e.jsx)(Ce.Button,{"data-testid":"uniform-button",ref:t,css:[fe,s[o],c[r]],...a},n)});var Be=b(require("react"));var h=require("react"),Ie=require("param-case"),Se=(0,h.createContext)({iconsMap:{},isLoading:!0});function Y(){return(0,h.useContext)(Se)}function Yo({children:o}){let[r,n]=(0,h.useState)(!0),[a,t]=(0,h.useState)({});return(0,h.useEffect)(()=>{import("react-icons/cg").then(s=>{let c=Object.entries(s).reduce((p,[d,g])=>{if(d==="default")return p;let f=Ko(d);return{...p,[f]:g}},{});t(c),n(!1)})},[]),(0,e.jsx)(Se.Provider,{value:{iconsMap:a,isLoading:r}},o)}function Ko(o){return(0,Ie.paramCase)(o.replace("Cg",""))}var L=require("@emotion/react");var Me={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},K=o=>`@media (min-width: ${Me[o]})`;var Re=L.css`
+`;var Ko=Ce.forwardRef(({buttonType:o="primary",size:r="md",children:n,...a},t)=>{let s={primary:be,secondary:he,ghost:xe,unimportant:ye,tertiary:we},c={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(0,e.jsx)(Ie.Button,{"data-testid":"uniform-button",ref:t,css:[ve,s[o],c[r]],...a},n)});var ze=b(require("react"));var y=require("react"),Se=require("param-case"),Me=(0,y.createContext)({iconsMap:{},isLoading:!0});function _(){return(0,y.useContext)(Me)}function _o({children:o}){let[r,n]=(0,y.useState)(!0),[a,t]=(0,y.useState)({});return(0,y.useEffect)(()=>{import("react-icons/cg").then(s=>{let c=Object.entries(s).reduce((p,[d,g])=>{if(d==="default")return p;let v=qo(d);return{...p,[v]:g}},{});t(c),n(!1)})},[]),(0,e.jsx)(Me.Provider,{value:{iconsMap:a,isLoading:r}},o)}function qo(o){return(0,Se.paramCase)(o.replace("Cg",""))}var T=require("@emotion/react");var Re={sm:"640px",md:"768px",lg:"1025px",xl:"1280px","2xl":"1536px"},q=o=>`@media (min-width: ${Re[o]})`;var Pe=T.css`
   display: hidden;
 
-  ${K("sm")} {
+  ${q("sm")} {
     display: block;
   }
 
@@ -388,30 +390,30 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     display: block;
     vertical-align: middle;
   }
-`,Pe=L.css`
+`,ke=T.css`
   color: var(--brand-secondary-3);
-`,ke=L.css`
+`,Le=T.css`
   color: var(--brand-secondary-5);
-`,Le=L.css`
+`,Te=T.css`
   color: var(--gray-500);
-`,Te=L.css`
+`,Be=T.css`
   color: currentColor;
-`;var qo=({icon:o,iconColorClass:r="green",...n})=>{let a=typeof o=="string",{iconsMap:t,isLoading:s}=Y(),c={green:Pe,gray:Le,red:ke,currentColor:Te};if(a&&s)return null;let p=a?t[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):(0,e.jsx)(p,{role:"img",...n,css:[Re,c[r]]})},_=Be.default.memo(qo);var ze=require("@emotion/react"),Ee=ze.css`
+`;var Qo=({icon:o,iconColorClass:r="green",...n})=>{let a=typeof o=="string",{iconsMap:t,isLoading:s}=_(),c={green:ke,gray:Te,red:Le,currentColor:Be};if(a&&s)return null;let p=a?t[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):(0,e.jsx)(p,{role:"img",...n,css:[Pe,c[r]]})},J=ze.default.memo(Qo);var Ee=require("@emotion/react"),He=Ee.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-base);
   margin: var(--spacing-sm) 0;
   max-width: var(--prose);
-`;var I=({children:o})=>(0,e.jsx)("small",{css:Ee},o);var He=require("@emotion/react"),Ve=He.css`
+`;var x=({children:o})=>(0,e.jsx)("small",{css:He},o);var Ve=require("@emotion/react"),Oe=Ve.css`
   align-items: center;
   color: var(--brand-secondary-5);
   display: flex;
   gap: var(--spacing-sm);
   margin: var(--spacing-xs) 0;
-`;var S=({message:o})=>o?(0,e.jsx)("span",{css:Ve},(0,e.jsx)("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("g",{clipPath:"url(#a)"},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"a"},(0,e.jsx)("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;var Oe=b(require("react"));var q=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:s,classNameContainer:c,classNameControl:p,classNameLabel:d,...g})=>(0,e.jsx)(Oe.Fragment,null,t?(0,e.jsx)("label",{htmlFor:n,css:[x,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},o):null,(0,e.jsx)("div",{css:[O,typeof c=="object"?c:void 0],className:typeof c=="string"?c:""},(0,e.jsx)("input",{id:n,css:[P,typeof p=="object"?p:void 0,s?k:void 0,r?se:""],"aria-label":t?void 0:o,className:typeof p=="string"?p:"",...g}),r?(0,e.jsx)("div",{css:ie},r):null),a?(0,e.jsx)(I,null,a):null,s?(0,e.jsx)(S,{message:s}):null);var Ge=b(require("react-select"));function Jo(o){return(0,e.jsx)(Ge.default,{...o,styles:{...o.styles,singleValue:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.singleValue)==null?void 0:t.call(a,r,n),color:"#828282"}},valueContainer:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:t.call(a,r,n),padding:"var(--spacing-base)"}},input:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.input)==null?void 0:t.call(a,r,n),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,n)=>({...r,border:n.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:n.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var Ne=require("@emotion/react"),Ue=b(require("react")),N=require("react");var T=require("@emotion/react"),Fe=T.css`
+`;var w=({message:o})=>o?(0,e.jsx)("span",{css:Oe},(0,e.jsx)("svg",{width:"12",height:"12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,e.jsx)("g",{clipPath:"url(#a)"},(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.67 1.125A.77.77 0 0 0 6.005.75a.769.769 0 0 0-.665.375l-5.236 9a.735.735 0 0 0 0 .75.79.79 0 0 0 .664.376h10.473a.749.749 0 0 0 .76-.75.773.773 0 0 0-.095-.377L6.67 1.125Zm.1 8.623H5.24V8.246h1.53v1.502Zm0-2.253H5.24V4.49h1.53v3.005Z",fill:"currentColor"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"a"},(0,e.jsx)("path",{fill:"#fff",d:"M0 0h12v12H0z"})))),o):null;var Ge=b(require("react"));var Q=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:s,classNameContainer:c,classNameControl:p,classNameLabel:d,...g})=>(0,e.jsx)(Ge.Fragment,null,t?(0,e.jsx)("label",{htmlFor:n,css:[h,typeof d=="object"?d:void 0],className:typeof d=="string"?d:""},o):null,(0,e.jsx)("div",{css:[L,typeof c=="object"?c:void 0],className:typeof c=="string"?c:""},(0,e.jsx)("input",{id:n,css:[M,typeof p=="object"?p:void 0,s?I:void 0,r?F:""],"aria-label":t?void 0:o,className:typeof p=="string"?p:"",...g}),r?(0,e.jsx)("div",{css:G},r):null),a?(0,e.jsx)(x,null,a):null,s?(0,e.jsx)(w,{message:s}):null);var Fe=b(require("react-select"));function Xo(o){return(0,e.jsx)(Fe.default,{...o,styles:{...o.styles,singleValue:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.singleValue)==null?void 0:t.call(a,r,n),color:"#828282"}},valueContainer:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:t.call(a,r,n),padding:"var(--spacing-base)"}},input:(r,n)=>{var a,t;return{...r,...(t=(a=o.styles)==null?void 0:a.input)==null?void 0:t.call(a,r,n),margin:"0",padding:"0","& > input":{boxShadow:"none !important"}}},control:(r,n)=>({...r,border:n.isFocused?"1px solid transparent":"1px solid var(--gray-400)",outline:n.isFocused?"1px solid var(--brand-secondary-1)":"none",outlineOffset:0,boxShadow:"none","&:hover":{boxShadow:"none"}})}})}var We=require("@emotion/react"),Ue=b(require("react")),U=require("react");var B=require("@emotion/react"),Ze=B.css`
   margin-inline: auto;
   max-width: fit-content;
-`,Ze=T.css`
+`,Ae=B.css`
   align-items: center;
   background: var(--brand-secondary-3);
   border: 2px solid var(--brand-secondary-3);
@@ -434,7 +436,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:focus {
     outline: 2px solid var(--brand-secondary-1);
   }
-`,Ae=T.css`
+`,De=B.css`
   background: var(--white);
   border: 1px solid var(--brand-secondary-3);
   border-top: none;
@@ -444,7 +446,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   position: absolute;
   inset: auto 0;
   transform: translateY(-0.2rem);
-`,De=T.css`
+`,$e=B.css`
   cursor: pointer;
   display: block;
   font-size: var(--fs-sm);
@@ -459,23 +461,23 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:hover {
     background: var(--gray-50);
   }
-`,$e=T.css`
+`,Ne=B.css`
   position: absolute;
   overflow: hidden;
   height: 1px;
   width: 1px;
   clip: rect(0, 0, 0, 0);
   padding: 0;
-`;var We=require("react-icons/cg"),Qo=({classNameContainer:o,options:r,value:n,onChange:a,disabled:t,...s})=>{var f;let[c,p]=(0,N.useState)(!1),d=(0,N.useRef)(null);Ue.useEffect(()=>{let u=w=>{d.current&&!d.current.contains(w.target)&&p(!1)};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[d]);let g=r.find(u=>u.value===n);return(0,e.jsx)("div",{ref:d,css:o?Ne.css`
+`;var Ye=require("react-icons/cg"),jo=({classNameContainer:o,options:r,value:n,onChange:a,disabled:t,...s})=>{var v;let[c,p]=(0,U.useState)(!1),d=(0,U.useRef)(null);Ue.useEffect(()=>{let m=S=>{d.current&&!d.current.contains(S.target)&&p(!1)};return document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[d]);let g=r.find(m=>m.value===n);return(0,e.jsx)("div",{ref:d,css:o?We.css`
               max-width: fit-content;
               ${typeof o=="object"?o:void 0}
-            `:Fe,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":c,css:Ze,onClick:()=>{t||p(u=>!u)},disabled:t,...s},(0,e.jsx)("span",null,(f=g==null?void 0:g.label)!=null?f:n),t?null:(0,e.jsx)(_,{icon:We.CgChevronDown,iconColorClass:"currentColor"})),(0,e.jsx)("div",{id:`and-or-${s.id}`,css:[Ae,c?void 0:$e],"aria-hidden":!c},r.map(u=>(0,e.jsx)("button",{key:u.value,type:"button",css:De,onClick:()=>{a(u),p(w=>!w)}},u.label))))};var Xo=({onSearchTextChanged:o,disabled:r=!1,placeholder:n="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:t=!1,value:s})=>(0,e.jsx)(q,{type:"text",name:a,placeholder:n,showLabel:!1,value:s,icon:(0,e.jsx)("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:le},(0,e.jsx)("g",{clipPath:"url(#clip0)"},(0,e.jsx)("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"}),(0,e.jsx)("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"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"clip0"},(0,e.jsx)("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:d=>{o(d.currentTarget.value)},onKeyPress:d=>{d.key==="Enter"&&t&&d.preventDefault()},disabled:r,"aria-label":n});var jo=({label:o,defaultOption:r,options:n,caption:a,errorMessage:t,showLabel:s=!0,labelCta:c,classNameContainer:p,classNameControl:d,classNameLabel:g,...f})=>(0,e.jsx)("div",{css:[O,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},s?(0,e.jsx)("label",{htmlFor:f.id,css:[x,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},o,c):null,(0,e.jsx)("select",{title:o,"aria-label":s?void 0:o,css:[P,G,t?k:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...f},r?(0,e.jsx)("option",{value:""},r):null,n.map((u,w)=>(0,e.jsx)("option",{key:w,value:u.label,...u}))),a?(0,e.jsx)(I,null,a):null,t?(0,e.jsx)(S,{message:t}):null);var er=({label:o,type:r,disabled:n,checked:a,name:t,caption:s,errorMessage:c,...p})=>(0,e.jsx)("label",{css:[ce,n?me:void 0]},(0,e.jsx)("input",{type:r,css:pe,checked:a,name:t,disabled:n,...p}),(0,e.jsx)("span",{css:de},o),s||c?(0,e.jsx)("span",{css:ue},s?(0,e.jsx)(I,null,s):null,c?(0,e.jsx)(S,{message:c}):null):null);var B=b(require("react")),z=require("reakit/Menu");var Ye=require("@emotion/react"),Ke=Ye.css`
+            `:Ze,className:typeof o=="string"?o:""},(0,e.jsx)("button",{type:"button","aria-controls":`and-or-${s.id}`,"aria-expanded":c,css:Ae,onClick:()=>{t||p(m=>!m)},disabled:t,...s},(0,e.jsx)("span",null,(v=g==null?void 0:g.label)!=null?v:n),t?null:(0,e.jsx)(J,{icon:Ye.CgChevronDown,iconColorClass:"currentColor"})),(0,e.jsx)("div",{id:`and-or-${s.id}`,css:[De,c?void 0:Ne],"aria-hidden":!c},r.map(m=>(0,e.jsx)("button",{key:m.value,type:"button",css:$e,onClick:()=>{a(m),p(S=>!S)}},m.label))))};var er=({onSearchTextChanged:o,disabled:r=!1,placeholder:n="Keyword search",inputFieldName:a="keywordSearch",disabledFieldSubmission:t=!1,value:s})=>(0,e.jsx)(Q,{type:"text",name:a,placeholder:n,showLabel:!1,value:s,icon:(0,e.jsx)("svg",{width:"26",height:"24",viewBox:"0 0 26 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",css:le},(0,e.jsx)("g",{clipPath:"url(#clip0)"},(0,e.jsx)("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"}),(0,e.jsx)("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"})),(0,e.jsx)("defs",null,(0,e.jsx)("clipPath",{id:"clip0"},(0,e.jsx)("rect",{width:"24.9351",height:"24",fill:"white",transform:"translate(0.558105)"})))),onChange:d=>{o(d.currentTarget.value)},onKeyPress:d=>{d.key==="Enter"&&t&&d.preventDefault()},disabled:r,"aria-label":n});var or=({label:o,defaultOption:r,options:n,caption:a,errorMessage:t,showLabel:s=!0,labelCta:c,classNameContainer:p,classNameControl:d,classNameLabel:g,...v})=>(0,e.jsx)("div",{css:[L,typeof p=="object"?p:void 0],className:typeof p=="string"?p:""},s?(0,e.jsx)("label",{htmlFor:v.id,css:[h,typeof g=="object"?g:void 0],className:typeof g=="string"?g:""},o,c):null,(0,e.jsx)("select",{title:o,"aria-label":s?void 0:o,css:[M,Z,t?I:void 0,typeof d=="object"?d:void 0],className:typeof d=="string"?d:"",...v},r?(0,e.jsx)("option",{value:""},r):null,n.map((m,S)=>(0,e.jsx)("option",{key:S,value:m.label,...m}))),a?(0,e.jsx)(x,null,a):null,t?(0,e.jsx)(w,{message:t}):null);var rr=({label:o,type:r,disabled:n,checked:a,name:t,caption:s,errorMessage:c,...p})=>(0,e.jsx)("label",{css:[ce,n?ue:void 0]},(0,e.jsx)("input",{type:r,css:pe,checked:a,name:t,disabled:n,...p}),(0,e.jsx)("span",{css:de},o),s||c?(0,e.jsx)("span",{css:me},s?(0,e.jsx)(x,null,s):null,c?(0,e.jsx)(w,{message:c}):null):null);var Ke=b(require("react"));var tr=({label:o,icon:r,id:n,caption:a,showLabel:t=!0,errorMessage:s,...c})=>(0,e.jsx)(Ke.Fragment,null,t?(0,e.jsx)("label",{htmlFor:n,css:[h]},o):null,(0,e.jsx)("div",{css:[L]},(0,e.jsx)("textarea",{id:n,css:[ge,s?I:void 0,r?F:""],"aria-label":t?void 0:o,...c}),r?(0,e.jsx)("div",{css:G},r):null),a?(0,e.jsx)(x,null,a):null,s?(0,e.jsx)(w,{message:s}):null);var z=b(require("react")),E=require("reakit/Menu");var _e=require("@emotion/react"),qe=_e.css`
   border: 1px solid var(--gray-500);
   border-radius: var(--rounded-base);
   outline: none;
   overflow: hidden;
   z-index: 50;
-`;var J=B.createContext({}),Q=()=>B.useContext(J),or=({menuLabel:o,menuTrigger:r,placement:n="auto",children:a})=>{let t=(0,z.useMenuState)({placement:n});return(0,e.jsx)(J.Provider,{value:t},(0,e.jsx)(z.MenuButton,{...t,ref:r.ref,...r.props},s=>B.cloneElement(r,s)),(0,e.jsx)(z.Menu,{...t,"aria-label":o,css:Ke},a))};var Je=b(require("react")),ee=require("reakit");var X=require("@emotion/react"),j=X.css`
+`;var X=z.createContext({}),j=()=>z.useContext(X),nr=({menuLabel:o,menuTrigger:r,placement:n="auto",children:a})=>{let t=(0,E.useMenuState)({placement:n});return(0,e.jsx)(X.Provider,{value:t},(0,e.jsx)(E.MenuButton,{...t,ref:r.ref,...r.props},s=>z.cloneElement(r,s)),(0,e.jsx)(E.Menu,{...t,"aria-label":o,css:qe},a))};var Xe=b(require("react")),re=require("reakit");var ee=require("@emotion/react"),oe=ee.css`
   background: var(--white);
   border-top: 1px solid var(--gray-500);
   color: var(--brand-secondary-1);
@@ -500,7 +502,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:hover {
     background: var(--gray-200);
   }
-`,_e=X.css`
+`,Je=ee.css`
   align-items: center;
   display: flex;
   justify-content: space-between;
@@ -511,7 +513,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     width: var(--spacing-base);
     height: var(--spacing-base);
   }
-`;var rr=Je.forwardRef(({children:o,className:r,hideMenuOnClick:n=!0,icon:a,...t},s)=>{let c=Q(),p=g=>{let f={...g};if(f.onClick){let u=f.onClick;f.onClick=w=>{c.hide(),u(w)}}return f};if(typeof o=="function")return(0,e.jsx)(ee.MenuItem,{ref:s,"data-testid":"uniform-menuItem",...c,...t,css:j},g=>{let f=n?p(g):g,u=o(f);return a?qe(u,a):u});let d=n?p(t):t;return(0,e.jsx)(ee.MenuItem,{ref:s,...c,...d,css:j},a?qe(o,a):o)});function qe(o,r){return(0,e.jsx)("span",{css:_e},o," ",r)}var l=require("@emotion/react");var Qe=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),Xe=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),je=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),eo=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),oe=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),oo=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"}));var M=require("@emotion/react"),ro=M.css`
+`;var ar=Xe.forwardRef(({children:o,className:r,hideMenuOnClick:n=!0,icon:a,...t},s)=>{let c=j(),p=g=>{let v={...g};if(v.onClick){let m=v.onClick;v.onClick=S=>{c.hide(),m(S)}}return v};if(typeof o=="function")return(0,e.jsx)(re.MenuItem,{ref:s,"data-testid":"uniform-menuItem",...c,...t,css:oe},g=>{let v=n?p(g):g,m=o(v);return a?Qe(m,a):m});let d=n?p(t):t;return(0,e.jsx)(re.MenuItem,{ref:s,...c,...d,css:oe},a?Qe(o,a):o)});function Qe(o,r){return(0,e.jsx)("span",{css:Je},o," ",r)}var l=require("@emotion/react");var je=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),eo=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),oo=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),ro=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),te=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"})),to=({...o})=>(0,e.jsx)("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},(0,e.jsx)("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"}));var P=require("@emotion/react"),no=P.css`
   --caution-desc: rgb(161, 98, 7);
   --caution-icon: rgb(250, 204, 21);
   --caution-title: rgb(133, 77, 14);
@@ -539,21 +541,21 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
 
   border-radius: var(--rounded-base);
   padding: var(--spacing-base);
-`,to=M.css`
+`,ao=P.css`
   display: flex;
   gap: var(--spacing-base);
-`,no=M.css`
+`,io=P.css`
   flex-shrink: 0;
-`,ao=M.css`
+`,so=P.css`
   font-size: var(--fs-sm);
   font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-sm);
-`,io=M.css`
+`,lo=P.css`
   font-size: var(--fs-sm);
-`,so=M.css`
+`,co=P.css`
   width: 1.25rem;
   height: 1.25rem;
-`;var tr={caution:{icon:oe,descriptionColor:l.css`
+`;var ir={caution:{icon:te,descriptionColor:l.css`
       color: var(--caution-desc);
     `,iconColor:l.css`
       color: var(--caution-icon);
@@ -561,7 +563,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--caution-title);
     `,containerColor:l.css`
       background-color: var(--caution-container);
-    `},danger:{icon:Xe,descriptionColor:l.css`
+    `},danger:{icon:eo,descriptionColor:l.css`
       color: var(--danger-desc);
     `,iconColor:l.css`
       color: var(--danger-icon);
@@ -569,7 +571,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--danger-title);
     `,containerColor:l.css`
       background-color: var(--danger-container);
-    `},error:{icon:oe,descriptionColor:l.css`
+    `},error:{icon:te,descriptionColor:l.css`
       color: var(--danger-desc);
     `,iconColor:l.css`
       color: var(--danger-icon);
@@ -577,7 +579,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--danger-title);
     `,containerColor:l.css`
       background-color: var(--danger-container);
-    `},info:{icon:Qe,descriptionColor:l.css`
+    `},info:{icon:je,descriptionColor:l.css`
       color: var(--info-desc);
     `,iconColor:l.css`
       color: var(--info-icon);
@@ -585,7 +587,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--info-title);
     `,containerColor:l.css`
       background-color: var(--info-container);
-    `},note:{icon:je,descriptionColor:l.css`
+    `},note:{icon:oo,descriptionColor:l.css`
       color: var(--note-desc);
     `,iconColor:l.css`
       color: var(--note-icon);
@@ -593,7 +595,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--note-title);
     `,containerColor:l.css`
       background-color: var(--note-container);
-    `},success:{icon:oo,descriptionColor:l.css`
+    `},success:{icon:to,descriptionColor:l.css`
       color: var(--success-desc);
     `,iconColor:l.css`
       color: var(--success-icon);
@@ -601,7 +603,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--success-title);
     `,containerColor:l.css`
       background-color: var(--success-container);
-    `},tip:{icon:eo,descriptionColor:l.css`
+    `},tip:{icon:ro,descriptionColor:l.css`
       color: var(--success-desc);
     `,iconColor:l.css`
       color: var(--success-icon);
@@ -609,7 +611,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       color: var(--success-title);
     `,containerColor:l.css`
       background-color: var(--success-container);
-    `}},nr=({type:o="info",title:r,children:n,className:a})=>{let t=tr[o];if(!t)return null;let s=t.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[ro,t.containerColor,typeof a=="object"?a:""],className:`${typeof a=="string"?a:""}`},(0,e.jsx)("div",{css:to},(0,e.jsx)("div",{css:no},(0,e.jsx)(s,{css:[so,t.iconColor]})),(0,e.jsx)("div",null,r?(0,e.jsx)("h3",{css:[ao,t.titleColor]},r):null,n?(0,e.jsx)("div",{css:[io,t.descriptionColor]},n):null)))};var E=require("@emotion/react"),ar=E.keyframes`
+    `}},sr=({type:o="info",title:r,children:n,className:a})=>{let t=ir[o];if(!t)return null;let s=t.icon;return(0,e.jsx)("div",{"data-testid":"sdk-ui-callout",css:[no,t.containerColor,typeof a=="object"?a:""],className:`${typeof a=="string"?a:""}`},(0,e.jsx)("div",{css:ao},(0,e.jsx)("div",{css:io},(0,e.jsx)(s,{css:[co,t.iconColor]})),(0,e.jsx)("div",null,r?(0,e.jsx)("h3",{css:[so,t.titleColor]},r):null,n?(0,e.jsx)("div",{css:[lo,t.descriptionColor]},n):null)))};var H=require("@emotion/react"),lr=H.keyframes`
     0%, 100% {
         opacity: 1.0;
         transform: translateY(0);
@@ -625,14 +627,14 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
       opacity: 0.2;
         transform: translateY(-5px);
     }
-`,lo=E.css`
+`,po=H.css`
   display: inline-flex;
   justify-content: center;
-`,U=E.css`
+`,Y=H.css`
   background-color: var(--gray-700);
   display: block;
   border-radius: var(--rounded-full);
-  animation: ${ar} 0.75s infinite ease-in-out;
+  animation: ${lr} 0.75s infinite ease-in-out;
   width: 8px;
   height: 8px;
   margin: 0 var(--spacing-xs);
@@ -649,53 +651,53 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:nth-of-type(3) {
     animation-delay: 0.6s;
   }
-`;var ir=()=>(0,e.jsx)("div",{css:lo,role:"alert"},(0,e.jsx)("span",{css:U}),(0,e.jsx)("span",{css:U}),(0,e.jsx)("span",{css:U}));var vo=require("@emotion/react");var R=require("@emotion/react"),co=R.css`
+`;var cr=()=>(0,e.jsx)("div",{css:po,role:"alert"},(0,e.jsx)("span",{css:Y}),(0,e.jsx)("span",{css:Y}),(0,e.jsx)("span",{css:Y}));var ho=require("@emotion/react");var k=require("@emotion/react"),uo=k.css`
   align-items: center;
   position: absolute;
   inset: 0 0;
   overflow: hidden;
   z-index: 9999;
   justify-content: center;
-`,po=R.css`
+`,mo=k.css`
   display: flex;
-`,mo=R.css`
+`,go=k.css`
   display: none;
-`,uo=R.css`
+`,fo=k.css`
   background: var(--white);
   opacity: 0.5;
   position: absolute;
   inset: 0 0;
-`,go=R.css`
+`,vo=k.css`
   align-items: center;
   display: flex;
   flex-direction: column;
-`,fo=R.css`
+`,bo=k.css`
   color: var(--gray-500);
   margin: var(--spacing-base) 0 0;
-`;var sr=({isActive:o,statusMessage:r})=>(0,e.jsx)("div",{role:"alert",css:[co,o?po:mo],"aria-hidden":!o},(0,e.jsx)("div",{css:uo}),(0,e.jsx)("div",{css:vo.css`
+`;var pr=({isActive:o,statusMessage:r})=>(0,e.jsx)("div",{role:"alert",css:[uo,o?mo:go],"aria-hidden":!o},(0,e.jsx)("div",{css:fo}),(0,e.jsx)("div",{css:ho.css`
           position: relative;
-        `},(0,e.jsx)("div",{css:go},(0,e.jsx)(bo,{height:128,width:128}),r?(0,e.jsx)("div",{css:fo},r):null))),bo=({height:o,width:r})=>(0,e.jsx)("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"},(0,e.jsx)("g",{fill:"none",fillRule:"evenodd"},(0,e.jsx)("g",{transform:"translate(1 1)",strokeWidth:"2"},(0,e.jsx)("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),(0,e.jsx)("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},(0,e.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));var y=require("@emotion/react"),ho=y.css`
+        `},(0,e.jsx)("div",{css:vo},(0,e.jsx)(yo,{height:128,width:128}),r?(0,e.jsx)("div",{css:bo},r):null))),yo=({height:o,width:r})=>(0,e.jsx)("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"},(0,e.jsx)("g",{fill:"none",fillRule:"evenodd"},(0,e.jsx)("g",{transform:"translate(1 1)",strokeWidth:"2"},(0,e.jsx)("circle",{strokeOpacity:".25",cx:"18",cy:"18",r:"18"}),(0,e.jsx)("path",{d:"M36 18c0-9.94-8.06-18-18-18",transform:"rotate(166.645 18 18)"},(0,e.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.8s",repeatCount:"indefinite"})))));var C=require("@emotion/react"),xo=C.css`
   font-family: var(--ff-heading);
   font-size: clamp(1.75rem, var(--fluid-font-base), 3.25rem);
   font-weight: var(--fw-bold);
   margin-bottom: var(--spacing-base);
-`,yo=y.css`
+`,wo=C.css`
   font-size: clamp(1.35rem, var(--fluid-font-base), 2.25rem);
-`,xo=y.css`
+`,Co=C.css`
   font-size: clamp(1.25rem, var(--fluid-font-base), 1.5rem);
-`,wo=y.css`
+`,Io=C.css`
   font-size: clamp(1.15rem, var(--fluid-font-base), 1.35rem);
-`,Co=y.css`
+`,So=C.css`
   font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.25rem);
-`,Io=y.css`
+`,Mo=C.css`
   font-size: clamp(var(--fs-base), var(--fluid-font-base), 1.15rem);
-`,So=y.css`
+`,Ro=C.css`
   font-weight: var(--fw-bold);
   font-family: var(--ff-base);
   margin-bottom: var(--spacing-base);
-`,Mo=y.css`
+`,Po=C.css`
   line-height: 1.35;
-`;var lr=({level:o=2,children:r})=>{let n=`h${o}`,a={h1:ho,h2:yo,h3:xo,h4:wo,h5:Co,h6:Io},t=n.includes("h1")?void 0:So;return(0,e.jsx)(n,{css:[a[n],t,Mo]},r)};var Ro=require("@emotion/react"),Po=Ro.css`
+`;var dr=({level:o=2,children:r})=>{let n=`h${o}`,a={h1:xo,h2:wo,h3:Co,h4:Io,h5:So,h6:Mo},t=n.includes("h1")?void 0:Ro;return(0,e.jsx)(n,{css:[a[n],t,Po]},r)};var ko=require("@emotion/react"),Lo=ko.css`
   font-size: var(--fs-base);
   line-height: 1.5;
   margin-bottom: var(--spacing-base);
@@ -703,18 +705,18 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:last-of-type {
     margin-bottom: 0;
   }
-`;var cr=({className:o,children:r})=>(0,e.jsx)("p",{css:[Po,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);var To=require("@emotion/react");var re=require("@emotion/react"),ko=re.css`
+`;var ur=({className:o,children:r})=>(0,e.jsx)("p",{css:[Lo,typeof o=="object"?o:void 0],className:typeof o=="string"?o:""},r);var zo=require("@emotion/react");var ne=require("@emotion/react"),To=ne.css`
   position: relative;
-`,Lo=re.css`
+`,Bo=ne.css`
   background: var(--gray-50);
   border-top: 1px solid var(--gray-200);
   border-bottom: 1px solid var(--gray-200);
   max-height: 24rem;
   overflow-y: auto;
   padding: var(--spacing-sm);
-`;var pr=({label:o,children:r})=>(0,e.jsx)("div",{css:ko},o?(0,e.jsx)("span",{css:To.css`
-            ${x}
-          `},o):null,(0,e.jsx)("div",{css:[Lo,F]},r));var W=require("@emotion/react"),Bo=W.css`
+`;var mr=({label:o,children:r})=>(0,e.jsx)("div",{css:To},o?(0,e.jsx)("span",{css:zo.css`
+            ${h}
+          `},o):null,(0,e.jsx)("div",{css:[Bo,A]},r));var K=require("@emotion/react"),Eo=K.css`
   align-items: center;
   background: var(--white);
   border-radius: var(--rounded-base);
@@ -729,9 +731,9 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:last-of-type {
     margin-block: 0;
   }
-`,zo=W.css`
+`,Ho=K.css`
   border-color: var(--brand-secondary-3);
-`,Eo=W.css`
+`,Vo=K.css`
   align-items: center;
   display: flex;
   justify-content: space-between;
@@ -741,7 +743,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
   &:focus {
     outline: none;
   }
-`;var te=require("@emotion/react");var H=require("@emotion/react"),Dt=H.keyframes`
+`;var ae=require("@emotion/react");var V=require("@emotion/react"),_t=V.keyframes`
   0%,
   100% {
     transform: scale(1);
@@ -751,7 +753,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     transform: scale(1.15);
     opacity: 1;
   }
-`,Ho=H.keyframes`
+`,Oo=V.keyframes`
   0% {
     opacity: 0;
     transform: translateY(10px);
@@ -760,7 +762,7 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     opacity: 1;
     transform: translateY(0);
   }
-`,$t=H.keyframes`
+`,qt=V.keyframes`
   0% {
     opacity: 1;
     transform: translateY(0);
@@ -769,17 +771,17 @@ var Vo=Object.create;var V=Object.defineProperty;var Oo=Object.getOwnPropertyDes
     opacity: 0;
     transform: translateY(10px);
   }
-`,Nt=H.keyframes`
+`,Jt=V.keyframes`
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
-`;var dr=({buttonText:o,active:r,...n})=>(0,e.jsx)("div",{css:[Bo,r?zo:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},(0,e.jsx)("button",{css:Eo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...n},(0,e.jsx)("span",null,o),(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!r,css:te.css`
+`;var gr=({buttonText:o,active:r,...n})=>(0,e.jsx)("div",{css:[Eo,r?Ho:void 0],className:"flex items-center space-x-2 p-3 bg-white border-2 rounded-md shadow-md border-gray-300"},(0,e.jsx)("button",{css:Vo,className:"flex items-center justify-between w-full outline-none focus:outline-none",type:"button",...n},(0,e.jsx)("span",null,o),(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 40 40",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!r,css:ae.css`
             color: var(--brand-secondary-3);
             transition: opacity var(--duration-fast) var(--timing-ease-out);
-            ${r?te.css`
-                  animation: ${Ho} var(--duration-fast) var(--timing-ease-out) forwards;
+            ${r?ae.css`
+                  animation: ${Oo} var(--duration-fast) var(--timing-ease-out) forwards;
                 `:"opacity: 0;"}
-          `},(0,e.jsx)("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"}))));0&&(module.exports={Button,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});
+          `},(0,e.jsx)("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"}))));0&&(module.exports={Button,Callout,Caption,ErrorMessage,Heading,Icon,IconsProvider,Input,InputComboBox,InputInlineSelect,InputKeywordSearch,InputSelect,InputToggle,LoadingIcon,LoadingIndicator,LoadingOverlay,Menu,MenuContext,MenuItem,Paragraph,ScrollableList,ScrollableListItem,Textarea,Theme,UniformBadge,UniformLogo,breakpoints,input,inputError,inputSelect,labelText,mq,scrollbarStyles,useIconContext,useMenuContext});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "13.0.1-alpha.271+7307a0d06",
+  "version": "13.0.1-alpha.278+8557f2dc1",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -44,5 +44,5 @@
   "files": [
     "/dist"
   ],
-  "gitHead": "7307a0d061e09506ffeb6a72798a986f0ea2da2c"
+  "gitHead": "8557f2dc1d71ce4c26b588fb5a4d8659a4ff3966"
 }