@innovaccer/design-system 3.0.0-12 → 3.0.0-13

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).InnovaccerDesignSystemNext={},e.React,e.ReactDOM)}(this,function(e,g,S){"use strict";function n(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}var C=n(g),r=Object.freeze({__proto__:null,css:Object.freeze({__proto__:null,colorToHex:function(e){return getComputedStyle(document.documentElement).getPropertyValue("--".concat(e))}})});function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function D(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){j(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function N(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function q(c){return function(){var e=this,i=arguments;return new Promise(function(t,n){var r=c.apply(e,i);function o(e){N(r,t,n,o,a,"next",e)}function a(e){N(r,t,n,o,a,"throw",e)}o(void 0)})}}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(){return(B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function v(e,t){if(null==e)return{};var n,r=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(n="Object"===n&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(n){return["className","data-test"].reduce(function(e,t){return n[t]?D(D({},e),{},j({},t,n[t])):D({},e)},{})}function M(e){var t=e.size,n=e.className,r=e.appearance,o=e.icon,a=e.text,i=e.tooltip,c=e.image,l=v(e,L),u=(f=I(C.useState(!1),2))[0],s=f[1],f=(C.useEffect(function(){return e=null!=c&&c.src?c.src:"",t=s,(n=new Image).src=e,void(n.complete?t(!0):(n.onload=function(){t(!0)},n.onerror=function(){t(!1)}));var e,t,n},[c]),m(e)),e=r||a&&["accent4","primary","accent3","alert","accent2","warning","accent1","success"][(a.charCodeAt(0)+(a.charCodeAt(1)||0))%8]||"secondary",r=z((j(r={},"Mds-Avatar",!0),j(r,"Mds-Avatar--".concat(t),t),j(r,"Mds-Avatar--".concat(e),e),j(r,"Mds-Avatar--disabled",!a||!(null!=c&&c.src)||!o),j(r,"Mds-overflow-hidden",!a),r),n),n=z((j(n={},"Mds-Avatar-content--".concat(t),t),j(n,"Mds-Avatar-content--".concat(e),e),n)),e=z(j({},"Mds-Avatar-content--".concat(e),e)),d={width:"".concat("regular"===t?32:24,"px"),height:"".concat("regular"===t?32:24,"px")};return C.createElement("span",B({title:i,"data-test":"DesignSystem-Avatar"},f,l,{className:r}),a&&C.createElement(h,{weight:"medium",appearance:"white",className:n},a),o&&C.createElement(y,{"data-test":"DesignSystem-Avatar--Icon",name:o,size:"regular"===t?16:12,appearance:"white",className:e}),c&&u?C.createElement("img",B({"data-test":"DesignSystem-Avatar--Image",src:null==c?void 0:c.src,alt:c.altText},d)):null==c?void 0:c.altText.charAt(0),!a&&!u&&!(null!=c&&c.altText)&&!o&&C.createElement(y,{"data-test":"DesignSystem-Avatar--Icon",name:"person",size:"regular"===t?16:12,appearance:"white",className:e}))}function c(e){var t=e.children,n=void 0===(n=e.componentType)?"span":n,r=e.className,e=v(e,X);return C.createElement(n,D(D({},e),{},{className:r}),t)}function R(e){var t,n=e.appearance,r=e.children,o=e.subtle,a=e.className,i=e.ariaLabel,e=m(e),n=z((j(t={},"Mds-Pills",!0),j(t,"Mds-Badge--".concat(n),n&&!o),j(t,"Mds-Badge--subtle-".concat(n),o),t),a);return C.createElement("span",B({role:"status","aria-label":i,"data-test":"DesignSystem-Pills"},e,{className:n}),r)}function A(e){var t,n=e.appearance,r=e.children,o=e.subtle,a=e.className,i=e.ariaLabel,e=m(e),n=z((j(t={},"Mds-Badge",!0),j(t,"Mds-Badge--".concat(n),n&&!o),j(t,"Mds-Badge--subtle-".concat(n),o),t),a);return C.createElement("span",B({role:"status","aria-label":i,"data-test":"DesignSystem-Badge"},e,{className:n}),r)}(function(e){function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r,o=typeof n;if("string"==o||"number"==o)e.push(n);else if(Array.isArray(n))!n.length||(r=i.apply(null,n))&&e.push(r);else if("object"==o)if(n.toString===Object.prototype.toString)for(var a in n)c.call(n,a)&&n[a]&&e.push(a);else e.push(n.toString())}}return e.join(" ")}var c;c={}.hasOwnProperty,e.exports?e.exports=i.default=i:window.classNames=i})(t={exports:{}});var z=t.exports,L=["size","className","appearance","icon","text","tooltip","image"],X=(M.displayName="Avatar",M.defaultProps={size:"regular"},["children","componentType","className"]),Y=["appearance","size","children","weight","className"],h=function(e){var t,n=e.appearance,r=e.size,o=e.children,a=e.weight,i=e.className,e=v(e,Y),n=z((j(t={},"Mds-Text",!0),j(t,"Mds-Text--".concat(n),n),j(t,"Mds-Text--".concat(a),a),j(t,"Mds-Text--".concat(r),r),t),i);return C.createElement(c,B({"data-test":"DesignSystem-Text"},e,{className:n,componentType:"span"}),o)},$=(h.displayName="Text",h.defaultProps={appearance:"default",size:"regular"},["onClick","onKeyDown","role"]),G={button:new Set(["Enter","Space","Spacebar"," "]),link:new Set(["Enter"]),checkbox:new Set([]),radio:new Set([])},J=function(e,t){return!!G[e]&&G[e].has(t)},y=function(e){function t(e){return"outline"===e?"outlined":"rounded"===e?"round":e}var n,r,o,a,i=e.appearance,c=e.className,l=e.name,u=e.size,s=e.children,f=(n=e.onClick,r=e.onKeyDown,f=e.role,o=void 0===f?"button":f,f=v(e,$),D({},n?{onClick:n,role:o,tabIndex:0,"aria-label":f["aria-label"],onKeyDown:function(e){var t;r?r(e):(t=e.key,J(o,t)&&n&&(e.preventDefault(),n(e)))}}:{role:o,"aria-label":f["aria-label"]})),d=m(e),e=t(e.type),p=i&&i.includes("_")?(a=(p=i).indexOf("_"),p.slice(0,a)+p.charAt(a+1).toUpperCase()+p.slice(a+2)):i,i=z((j(a={},"material-icons",!0),j(a,"material-icons-".concat(t(e)),e&&"filled"!==e),j(a,"Icon",!0),j(a,"Icon--".concat(p),i),j(a,"".concat(c),c),a)),u={fontSize:"".concat(u,"px"),width:"".concat(u,"px")};return s&&C.isValidElement(s)?C.createElement("span",B({},d,{className:c}),s):C.createElement("i",B({},d,{className:i,style:u},f),e?"".concat(l,"_").concat(e):l)},Q=(y.displayName="Icon",y.defaultProps={size:16,type:"round"},R.displayName="Pills",R.defaultProps={appearance:"secondary"},A.displayName="Badge",A.defaultProps={appearance:"secondary"},["size","appearance","tabIndex","type","children","iconOptions","expanded","selected","loading","disabled","className"]),Z={tiny:12,regular:16,large:20},ee=C.forwardRef(function(e,t){var n=e.size,n=void 0===n?"regular":n,r=e.appearance,r=void 0===r?"basic":r,o=e.tabIndex,o=void 0===o?0:o,a=e.type,i=e.children,c=e.iconOptions,l=e.expanded,u=e.selected,s=e.loading,f=e.disabled,d=e.className,e=v(e,Q),p=(null==c?void 0:c.align)||"left",l=z((j(m={},"Mds-Button",!0),j(m,"Mds-Button--expanded",l),j(m,"Mds-Button--".concat(n),n),j(m,"Mds-Button--".concat(n,"Square"),!i),j(m,"Mds-Button--".concat(r),r),j(m,"Mds-Button--selected",u&&("basic"===r||"transparent"===r)),j(m,"Mds-Button--iconAlign-".concat(p),i&&p),j(m,"".concat(d),d),m)),m=z((j(d={},"Mds-Button-icon",!0),j(d,"Mds-Button-icon--".concat(p),i&&p),d));return C.createElement("button",B({"data-test":"DesignSystem-Button",ref:t,type:a,className:l,disabled:f||s,tabIndex:o},e),s?C.createElement(C.Fragment,null,C.createElement(b,{size:"small",appearance:"basic"===r||"transparent"===r?"secondary":"white","data-test":"DesignSystem-Button--Spinner",className:"Mds-Button-spinner"}),C.createElement(h,{className:"Mds-Button-text Mds-Button-text--hidden"},i||"")):C.createElement(C.Fragment,null,c&&(null==c?void 0:c.name)&&C.createElement("div",{className:m},C.createElement(y,{"data-test":"DesignSystem-Button--Icon",name:null==c?void 0:c.name,appearance:f?"disabled":"basic"===r||"transparent"===r?u?"info":"default":"white",size:null!=c&&c.isLarge&&!i?Z[n]+4:Z[n]})),i))}),t=(ee.displayName="",C.forwardRef(function(e,t){var n=e.iconOptions,r=e.children;return null!=n&&n.name&&null!=n&&n.tooltip&&!r?C.createElement(lt,{tooltip:null==n?void 0:n.tooltip},C.createElement(ee,B({},e,{ref:t}))):C.createElement(ee,B({},e,{ref:t}))})),b=(t.displayName="Button",function(e){var t=e.appearance,n=e.size,r=e.className,e=m(e),n=z(j({Spinner:!0},"Spinner--".concat(n),n),r),r=z(j({Circle:!0},"Circle--".concat(t),t));return C.createElement("svg",B({},e,{className:n},{viewBox:"0 0 50 50"}),C.createElement("circle",B({className:r},{cx:25,cy:25,r:20,fill:"none",strokeMiterlimit:"10",strokeWidth:"4"})))});function W(e){return e.split("-")[0]}function te(e){return e.split("-")[1]}function H(e){return["top","bottom"].includes(W(e))?"x":"y"}function ne(e){return"y"===e?"height":"width"}function re(e,t,n){var{reference:r,floating:o}=e,a=r.x+r.width/2-o.width/2,i=r.y+r.height/2-o.height/2,c=H(t),e=ne(c),l=r[e]/2-o[e]/2,u="x"===c;let s;switch(W(t)){case"top":s={x:a,y:r.y-o.height};break;case"bottom":s={x:a,y:r.y+r.height};break;case"right":s={x:r.x+r.width,y:i};break;case"left":s={x:r.x-o.width,y:i};break;default:s={x:r.x,y:r.y}}switch(te(t)){case"start":s[c]-=l*(n&&u?-1:1);break;case"end":s[c]+=l*(n&&u?-1:1)}return s}b.displayName="Spinner",b.defaultProps={appearance:"primary",size:"medium"};const oe=async(t,n,e)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:i}=e;var c=await(null==i.isRTL?void 0:i.isRTL(n));let l=await i.getElementRects({reference:t,floating:n,strategy:o}),{x:u,y:s}=re(l,r,c),f=r,d={};for(let e=0;e<a.length;e++){const{name:h,fn:y}=a[e];var{x:p,y:m,data:g,reset:v}=await y({x:u,y:s,initialPlacement:r,placement:f,strategy:o,middlewareData:d,rects:l,platform:i,elements:{reference:t,floating:n}});u=null!=p?p:u,s=null!=m?m:s,d={...d,[h]:{...d[h],...g}},v&&("object"==typeof v&&(v.placement&&(f=v.placement),v.rects&&(l=!0===v.rects?await i.getElementRects({reference:t,floating:n,strategy:o}):v.rects),{x:u,y:s}=re(l,f,c)),e=-1)}return{x:u,y:s,placement:f,strategy:o,middlewareData:d}};function d(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function ae(e,t){const{x:n,y:r,platform:o,rects:a,elements:i,strategy:c}=e;var{boundary:e="clippingAncestors",rootBoundary:t="viewport",elementContext:l="floating",altBoundary:u=!1,padding:s=0}=t=void 0===t?{}:t,s="number"!=typeof(s=s)?{top:0,right:0,bottom:0,left:0,...s}:{top:s,right:s,bottom:s,left:s},u=i[u?"floating"===l?"reference":"floating":l],f=d(await o.getClippingRect({element:null==(f=await(null==o.isElement?void 0:o.isElement(u)))||f?u:u.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(i.floating)),boundary:e,rootBoundary:t,strategy:c})),u=d(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===l?{...a.floating,x:n,y:r}:a.reference,offsetParent:await(null==o.getOffsetParent?void 0:o.getOffsetParent(i.floating)),strategy:c}):a[l]);return{top:f.top-u.top+s.top,bottom:u.bottom-f.bottom+s.bottom,left:f.left-u.left+s.left,right:u.right-f.right+s.right}}const ie=Math.min,ce=Math.max;function le(e,t,n){return ce(e,ie(t,n))}const ue={left:"right",right:"left",bottom:"top",top:"bottom"};function w(e){return e.replace(/left|right|bottom|top/g,e=>ue[e])}const se={start:"end",end:"start"};function fe(e){return e.replace(/start|end/g,e=>se[e])}function de(b){return{name:"flip",options:b=void 0===b?{}:b,async fn(t){const{placement:n,middlewareData:r,rects:e,initialPlacement:o,platform:a,elements:i}=t,{mainAxis:c=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:s="bestFit",flipAlignment:f=!0,...d}=b;var p=W(n),m=p===o,m=u||(m||!f?[w(o)]:(g=w(m=o),[fe(m),g,fe(g)])),g=[o,...m],m=await ae(t,d);const v=[];let h=(null==(t=r.flip)?void 0:t.overflows)||[];if(c&&v.push(m[p]),l&&({main:t,cross:p}=function(e,t,n){void 0===n&&(n=!1);var r=te(e),o=ne(e=H(e));let a="x"===e?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return{main:a=t.reference[o]>t.floating[o]?w(a):a,cross:w(a)}}(n,e,await(null==a.isRTL?void 0:a.isRTL(i.floating))),v.push(m[t],m[p])),h=[...h,{placement:n,overflows:v}],!v.every(e=>e<=0)){var y,p=(null!=(m=null==(t=r.flip)?void 0:t.index)?m:0)+1,t=g[p];if(t)return{data:{index:p,overflows:h},reset:{placement:t}};let e="bottom";switch(s){case"bestFit":{const n=null==(y=h.map(e=>[e,e.overflows.filter(e=>0<e).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:y[0].placement;n&&(e=n);break}case"initialPlacement":e=o}if(n!==e)return{reset:{placement:e}}}return{}}}}function pe(c){return{name:"offset",options:c=void 0===c?0:c,async fn(e){const{x:t,y:n,placement:r,rects:o,platform:a,elements:i}=e;e=function(e,t,n,r){void 0===r&&(r=!1);var o=W(e),a=te(e),i="x"===H(e),o=["left","top"].includes(o)?-1:1,r=r&&i?-1:1;let{mainAxis:c,crossAxis:l,alignmentAxis:u}="number"==typeof(t="function"==typeof n?n({...t,placement:e}):n)?{mainAxis:t,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...t};return a&&"number"==typeof u&&(l="end"===a?-1*u:u),i?{x:l*r,y:c*o}:{x:c*o,y:l*r}}(r,o,c,await(null==a.isRTL?void 0:a.isRTL(i.floating)));return{x:t+e.x,y:n+e.y,data:e}}}}function me(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function l(e){return null==e?window:me(e)?e:(e=e.ownerDocument)&&e.defaultView||window}function u(e){return l(e).getComputedStyle(e)}function s(e){return!me(e)&&e?(e.nodeName||"").toLowerCase():""}function f(e){return e instanceof l(e).HTMLElement}function i(e){return e instanceof l(e).Element}function ge(e){if("undefined"!=typeof ShadowRoot)return e instanceof l(e).ShadowRoot||e instanceof ShadowRoot}function p(e){var{overflow:e,overflowX:t,overflowY:n}=u(e);return/auto|scroll|overlay|hidden/.test(e+n+t)}function ve(e){var t=navigator.userAgent.toLowerCase().includes("firefox"),e=u(e);return"none"!==e.transform||"none"!==e.perspective||"paint"===e.contain||["transform","perspective"].includes(e.willChange)||t&&"filter"===e.willChange||t&&e.filter&&"none"!==e.filter}function he(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const ye=Math.min,x=Math.max,be=Math.round;function E(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var r=e.getBoundingClientRect();let o=1,a=1;t&&f(e)&&(o=0<e.offsetWidth&&be(r.width)/e.offsetWidth||1,a=0<e.offsetHeight&&be(r.height)/e.offsetHeight||1);var t=i(e)?l(e):window,e=!he()&&n,n=(r.left+(e&&null!=(n=null==(n=t.visualViewport)?void 0:n.offsetLeft)?n:0))/o,e=(r.top+(e&&null!=(t=null==(e=t.visualViewport)?void 0:e.offsetTop)?t:0))/a,t=r.width/o,r=r.height/a;return{width:t,height:r,top:e,right:n+t,bottom:e+r,left:n,x:n,y:e}}function O(e){return((e instanceof l(e).Node?e.ownerDocument:e.document)||window.document).documentElement}function we(e){return i(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function xe(e){return E(O(e)).left+we(e).scrollLeft}function Ee(e,t,n){var r=f(t),o=O(t),a=E(e,r&&(a=E(e=t),be(a.width)!==e.offsetWidth||be(a.height)!==e.offsetHeight),"fixed"===n);let i={scrollLeft:0,scrollTop:0};const c={x:0,y:0};return(r||!r&&"fixed"!==n)&&("body"===s(t)&&!p(o)||(i=we(t)),f(t)?(e=E(t,!0),c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop):o&&(c.x=xe(o))),{x:a.left+i.scrollLeft-c.x,y:a.top+i.scrollTop-c.y,width:a.width,height:a.height}}function Oe(e){return"html"===s(e)?e:e.assignedSlot||e.parentNode||(ge(e)?e.host:null)||O(e)}function ke(e){return f(e)&&"fixed"!==getComputedStyle(e).position?e.offsetParent:null}function Te(e){var t,n=l(e);let r=ke(e);for(;r&&(t=r,["table","td","th"].includes(s(t)))&&"static"===getComputedStyle(r).position;)r=ke(r);return(!r||"html"!==s(r)&&("body"!==s(r)||"static"!==getComputedStyle(r).position||ve(r)))&&(r||function(e){let t=Oe(e);for(ge(t)&&(t=t.host);f(t)&&!["html","body"].includes(s(t));){if(ve(t))return t;t=t.parentNode}return null}(e))||n}function Pe(e){if(f(e))return{width:e.offsetWidth,height:e.offsetHeight};e=E(e);return{width:e.width,height:e.height}}function Se(e,t){void 0===t&&(t=[]);var n=function e(t){var n=Oe(t);return["html","body","#document"].includes(s(n))?t.ownerDocument.body:f(n)&&p(n)?n:e(n)}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body);const r=l(n);n=e?[r].concat(r.visualViewport||[],p(n)?n:[]):n;const o=t.concat(n);return e?o:o.concat(Se(n))}function Ne(e,t,n){return"viewport"===t?d(function(e,t){var n=l(e),e=O(e),n=n.visualViewport;let r=e.clientWidth,o=e.clientHeight,a=0,i=0;return n&&(r=n.width,o=n.height,((e=he())||!e&&"fixed"===t)&&(a=n.offsetLeft,i=n.offsetTop)),{width:r,height:o,x:a,y:i}}(e,n)):i(t)?(r=(n=E(t=t,!1,"fixed"===(n=n))).top+t.clientTop,n=n.left+t.clientLeft,{top:r,left:n,x:n,y:r,right:n+t.clientWidth,bottom:r+t.clientHeight,width:t.clientWidth,height:t.clientHeight}):d(function(e){var t=O(e),n=we(e),r=null==(r=e.ownerDocument)?void 0:r.body,o=x(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=x(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let i=-n.scrollLeft+xe(e);return e=-n.scrollTop,"rtl"===u(r||t).direction&&(i+=x(t.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:i,y:e}}(O(e)));var r}function Me(e){const t=Se(e);const n=["absolute","fixed"].includes(u(e).position)&&f(e)?Te(e):e;return i(n)?t.filter(e=>i(e)&&function(t,n){var e=null==n||null==n.getRootNode?void 0:n.getRootNode();if(null!=t&&t.contains(n))return!0;if(e&&ge(e)){let e=n;do{if(e&&t===e)return!0}while(e=e.parentNode||e.host)}return!1}(e,n)&&"body"!==s(e)):[]}const Re={getClippingRect:function(e){let{element:n,boundary:t,rootBoundary:r,strategy:o}=e;const a=[..."clippingAncestors"===t?Me(n):[].concat(t),r];return e=a[0],{width:(e=a.reduce((e,t)=>{t=Ne(n,t,o);return e.top=x(t.top,e.top),e.right=ye(t.right,e.right),e.bottom=ye(t.bottom,e.bottom),e.left=x(t.left,e.left),e},Ne(n,e,o))).right-e.left,height:e.bottom-e.top,x:e.left,y:e.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){var{rect:e,offsetParent:t,strategy:n}=e,r=f(t),o=O(t);if(t===o)return e;let a={scrollLeft:0,scrollTop:0};const i={x:0,y:0};return(r||!r&&"fixed"!==n)&&("body"===s(t)&&!p(o)||(a=we(t)),f(t)&&(r=E(t,!0),i.x=r.x+t.clientLeft,i.y=r.y+t.clientTop)),{...e,x:e.x-a.scrollLeft+i.x,y:e.y-a.scrollTop+i.y}},isElement:i,getDimensions:Pe,getOffsetParent:Te,getDocumentElement:O,getElementRects:e=>{var{reference:e,floating:t,strategy:n}=e;return{reference:Ee(e,Te(t),n),floating:{...Pe(t),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===u(e).direction},Ae=(e,t,n)=>oe(e,t,{platform:Re,...n});var Le="undefined"!=typeof document?g.useLayoutEffect:g.useEffect;function Ce(e){let{middleware:t,placement:n="bottom",strategy:r="absolute"}=void 0===e?{}:e;const o=g.useRef(null),a=g.useRef(null),[i,c]=g.useState({x:null,y:null,strategy:r,placement:n,middlewareData:{}}),[l,u]=g.useState(t),s=(!function r(o,a){if(o===a)return 1;if(typeof o==typeof a){if("function"==typeof o&&o.toString()===a.toString())return 1;let e,t,n;if(o&&a&&"object"==typeof o){if(Array.isArray(o)){if((e=o.length)!=a.length)return;for(t=e;0!=t--;)if(!r(o[t],a[t]))return;return 1}if(n=Object.keys(o),(e=n.length)!==Object.keys(a).length)return;for(t=e;0!=t--;)if(!Object.prototype.hasOwnProperty.call(a,n[t]))return;for(t=e;0!=t--;){var i=n[t];if(!("_owner"===i&&o.$$typeof||r(o[i],a[i])))return}return 1}return o!=o&&a!=a}}(null==l?void 0:l.map(e=>{e=e.options;return e}),null==t?void 0:t.map(e=>{e=e.options;return e}))&&u(t),g.useRef(!0)),f=(Le(()=>(s.current=!0,()=>{s.current=!1}),[]),g.useCallback(()=>{o.current&&a.current&&Ae(o.current,a.current,{middleware:l,placement:n,strategy:r}).then(e=>{s.current&&S.flushSync(()=>{c(e)})})},[l,n,r])),d=(Le(f,[f]),g.useCallback(e=>{o.current=e,f()},[f])),p=g.useCallback(e=>{a.current=e,f()},[f]),m=g.useMemo(()=>({reference:o,floating:a}),[]);return g.useMemo(()=>({...i,update:f,refs:m,reference:d,floating:p}),[i,f,m,d,p])}var k=new WeakMap,De=new WeakMap,je={},Be=0,Ie=function(e,t,o){function n(e){e&&!u.has(e)&&(u.add(e),n(e.parentNode))}function a(e){!e||0<=i.indexOf(e)||Array.prototype.forEach.call(e.children,function(e){var t,n,r;u.has(e)?a(e):(t=null!==(t=e.getAttribute("aria-hidden"))&&"false"!==t,n=(k.get(e)||0)+1,r=(c.get(e)||0)+1,k.set(e,n),c.set(e,r),l.push(e),1===n&&t&&De.set(e,!0),1===r&&e.setAttribute(o,"true"),t||e.setAttribute("aria-hidden","true"))})}void 0===t&&(r=e,t="undefined"==typeof document?null:(Array.isArray(r)?r[0]:r).ownerDocument.body),void 0===o&&(o="data-aria-hidden");var r,i=Array.isArray(e)?e:[e],c=(je[o]||(je[o]=new WeakMap),je[o]),l=[],u=new Set;i.forEach(n);return a(t),u.clear(),Be++,function(){l.forEach(function(e){var t=k.get(e)-1,n=c.get(e)-1;k.set(e,t),c.set(e,n),t||(De.has(e)||e.removeAttribute("aria-hidden"),De.delete(e)),n||e.removeAttribute(o)}),--Be||(k=new WeakMap,k=new WeakMap,De=new WeakMap,je={})}},_="undefined"!=typeof document?g.useLayoutEffect:g.useEffect;let ze=!1,We=0;const He=()=>"floating-ui-"+We++;var _e=C["useId".toString()];const Fe=null!=_e?_e:function(){const[e,t]=C.useState(()=>ze?He():void 0);return _(()=>{null==e&&t(He())},[]),C.useEffect(()=>{ze=ze||!0},[]),e},Ve=C.createContext(null),Ke=()=>C.useContext(Ve);function Ue(e,t,n){const o={};return{..."floating"===n&&{tabIndex:-1},...e,...t.map(e=>e?e[n]:null).concat(e).reduce((n,e)=>(e&&Object.entries(e).forEach(e=>{let[r,t]=e;0===r.indexOf("on")?(o[r]||(o[r]=[]),"function"==typeof t&&o[r].push(t),n[r]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o[r].forEach(e=>e(...t))}):n[r]=t}),n),{})}}function F(e){return null!=(e=null==e?void 0:e.ownerDocument)?e:document}function qe(e){return null!=(e=F(e).defaultView)?e:window}function V(e){return e&&e instanceof qe(e).Element}function K(e){return!!e&&e instanceof qe(e).HTMLElement}function Xe(e,t){var n,r;let o=null!=(n=null==e?void 0:e.nodesRef.current.filter(e=>{return e.parentId===t&&(null==(e=e.context)?void 0:e.open)}))?n:[],a=o;for(;a.length;)a=null!=(r=null==e?void 0:e.nodesRef.current.filter(t=>{var e;return null==(e=a)?void 0:e.some(e=>{return t.parentId===e.id&&(null==(e=t.context)?void 0:e.open)})}))?r:[],o=o.concat(a);return o}const Ye="floating-ui-root",$e=e=>{let{children:t,id:n=Ye,root:r=null}=e;const[o,a]=C.useState(!1),i=C.useRef(null);return _(()=>{var e;r||((e=document.getElementById(n))?i.current=e:(i.current=document.createElement("div"),i.current.id=n),document.body.contains(i.current)||document.body.appendChild(i.current),a(!0))},[n,r]),r?S.createPortal(t,r):o&&i.current?S.createPortal(t,i.current):null};function Ge(){return(Ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function Je(e){let t=e.activeElement;for(;null!=(null==(n=t)||null==(n=n.shadowRoot)?void 0:n.activeElement);){var n;t=t.shadowRoot.activeElement}return t}function T(e){e.preventDefault(),e.stopPropagation()}function U(e){const t=g.useRef(e);return _(()=>{t.current=e}),t}function P(e){requestAnimationFrame(()=>{null!=e&&e.focus()})}const Qe="input:not([type='hidden']):not([disabled]),select:not([disabled]),textarea:not([disabled]),a[href],button:not([disabled]),[tabindex],iframe,object,embed,area[href],audio[controls],video[controls],[contenteditable]:not([contenteditable='false'])",Ze=C.forwardRef(function(e,t){return C.createElement("span",Ge({},e,{ref:t,tabIndex:0,style:{position:"fixed",opacity:"0",pointerEvents:"none",outline:"0"}}))});function et(e){let{context:{refs:o,nodeId:a,onOpenChange:t},children:n,order:r=["content"],endGuard:i=!0,preventTabbing:c=!1,initialFocus:l=0,returnFocus:u=!0,modal:s=!0}=e;const f=U(r),d=U(t),p=Ke(),m=C.useCallback(()=>f.current.map(e=>{return K(o.reference.current)&&"reference"===e?o.reference.current:o.floating.current&&"floating"===e?o.floating.current:"content"===e?Array.from(null!=(e=null==(e=o.floating.current)?void 0:e.querySelectorAll(Qe))?e:[]):null}).flat().filter(e=>{if(e===o.floating.current||e===o.reference.current)return!0;if(K(e)){const t=null!=(e=e.getAttribute("tabindex"))?e:"0";return"-"!==t[0].trim()}}),[f,o.floating,o.reference]);return C.useEffect(()=>{const r=0===m().filter(e=>e!==o.floating.current&&e!==o.reference.current).length;function e(e){var t,n;"Tab"===e.key&&((c||r)&&T(e),t=m(),n="composedPath"in e?e.composedPath()[0]:e.target,"reference"===f.current[0]&&n===o.reference.current&&(T(e),e.shiftKey?P(t[t.length-1]):P(t[1])),"floating"===f.current[1]&&n===o.floating.current&&e.shiftKey&&(T(e),P(t[0])))}const t=F(o.floating.current);return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[c,m,f,o.floating,o.reference]),C.useEffect(()=>{function e(e){const t=e.relatedTarget;null!=(e=o.floating.current)&&e.contains(t)||!V(o.reference.current)||o.reference.current.contains(t)||p&&Xe(p,a).some(e=>{return null==(e=e.context)||null==(e=e.refs.floating.current)?void 0:e.contains(t)})||d.current(!1)}const t=o.floating.current;var n=o.reference.current;if(t&&K(n)){s||t.addEventListener("focusout",e);const r=s?Ie(t):null;return()=>{s||t.removeEventListener("focusout",e),null!=r&&r()}}},[a,p,s,d,m,l,o.floating,o.reference]),C.useEffect(()=>{if(!c){var e,t=o.floating.current;const n=null!=(e=Je(F(t)))?e:Je(document);return"number"==typeof l?P(null!=(e=m()[l])?e:t):K(null==l?void 0:l.current)&&P(null!=(e=l.current)?e:t),()=>{u&&K(n)&&P(n)}}},[c,m,l,s,u,o.floating]),C.createElement(C.Fragment,null,s&&C.createElement(Ze,{onFocus:e=>{T(e);e=m();"reference"===r[0]?P(e[0]):P(e[e.length-1])}}),C.cloneElement(n,r.includes("floating")?{tabIndex:0}:{}),s&&i&&C.createElement(Ze,{onFocus:e=>{T(e),P(m()[0])}}))}function tt(e,t,n){return n&&"mouse"!==n?0:"number"==typeof e?e:null==e?void 0:e[t]}function nt(e,t){return null!=t&&("composedPath"in e?e.composedPath().includes(t):null!=e.target&&t.contains(e.target))}function rt(e){let{open:t=!1,onOpenChange:n=()=>{},placement:r,middleware:o,strategy:a,nodeId:i}=void 0===e?{}:e;const c=Ke(),l=C.useRef({}),u=C.useState(()=>{{const n=new Map;return{emit(e,t){null!=(e=n.get(e))&&e.forEach(e=>e(t))},on(e,t){n.set(e,[...n.get(e)||[],t])},off(e,t){n.set(e,(n.get(e)||[]).filter(e=>e!==t))}}}})[0],s=Ce({placement:r,middleware:o,strategy:a}),f=C.useMemo(()=>({...s,dataRef:l,nodeId:i,events:u,open:t,onOpenChange:n}),[s,l,i,u,t,n]);return _(()=>{const e=null==c?void 0:c.nodesRef.current.find(e=>e.id===i);e&&(e.context=f)}),C.useMemo(()=>({context:f,...s}),[s,f])}function ot(e){var m,t,n=e.children,r=e.trigger,o=e.open,a=e.style,i=e.placement,c=e.hoverable,l=e.offset,u=e.dismissOptions,s=e.onToggle,f=e.className,d=e.dark,e=e.boundaryElement,p=(E=I(C.useState(null!=o&&o),2))[0],g=E[1],v=(E=I(C.useState(""),2))[0],h=E[1],y=(E=I(C.useState(""),2))[0],b=E[1],w=(E=I(C.useState(0),2))[0],x=E[1],E=Fe(),O="".concat(E,"-label"),k="".concat(E,"-description"),T="".concat(E,"-animation"),P=null,E="large"===l?8:"medium"===l?4:"small"===l?2:2,S=function(){var t=q(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=L.includes("top"),n="\n      @keyframes popper-open-".concat(T," {\n        from {\n          max-height: 0;\n          ").concat(n?"margin-top: 0px":"",";\n        }\n        to {\n          max-height: ").concat(w,"px;\n          ").concat(n?"margin-top: -".concat(w,"px"):"",";\n        }\n      }\n      @keyframes popper-close-").concat(T," {\n        from {\n          max-height: ").concat(w,"px;\n          ").concat(n?"margin-top: -".concat(w,"px"):"",";\n        }\n        to {\n          max-height: 0;\n          ").concat(n?"margin-top: 0px":"",";\n        }\n      }\n      "),w)return e.next=5,h(n);e.next=13;break;case 5:if(t)return e.next=8,b("popper-open-".concat(T," 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms"));e.next=10;break;case 8:e.next=12;break;case 10:return e.next=12,b("popper-close-".concat(T," 120ms cubic-bezier(0.2, 0, 1, 0.9), fadeOut 120ms "));case 12:P=setTimeout(function(){return g(t)},120);case 13:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}(),E=(l=rt({open:p,onOpenChange:r?S:void 0,middleware:[pe(E),de({boundary:e,altBoundary:!0}),{name:"shift",options:m=void 0===m?{}:m,async fn(e){var{x:t,y:n,placement:r}=e;const{mainAxis:o=!0,crossAxis:a=!1,limiter:i={fn:e=>{var{x:e,y:t}=e;return{x:e,y:t}}},...c}=m;var l,u={x:t,y:n},s=await ae(e,c),r=H(W(r)),f="x"===r?"y":"x";let d=u[r],p=u[f];o&&(u=d+s["y"===r?"top":"left"],l=d-s["y"===r?"bottom":"right"],d=le(u,d,l)),a&&(u=p+s["y"==f?"top":"left"],l=p-s["y"==f?"bottom":"right"],p=le(u,p,l));s=i.fn({...e,[r]:d,[f]:p});return{...s,data:{x:s.x-t,y:s.y-n}}}}],placement:i})).x,e=l.y,i=l.reference,N=l.floating,M=l.strategy,R=l.refs,A=l.context,L=l.placement,l=(C.useEffect(function(){return w||function(){var e=q(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,g(!0);case 2:(t=null==(t=R.floating.current)?void 0:t.offsetHeight)&&x(t),g(p);case 5:case"end":return e.stop()}},e)}));return function(){return e.apply(this,arguments)}}()(),function(){clearTimeout(Number(P))}},[]),[function(e,t){let{open:n,onOpenChange:r,dataRef:o,refs:a}=e,{enabled:i=!0,pointerDown:c=!1,toggle:l=!0,ignoreMouse:u=!1}=void 0===t?{}:t;const s=C.useRef();function f(){return K(a.reference.current)&&"BUTTON"===a.reference.current.tagName}return i?{reference:{onPointerDown(e){var t;s.current=e.pointerType,"mouse"===s.current&&u||c&&(n?l&&"pointerdown"===(null==(t=o.current.openEvent)?void 0:t.type)&&r(!1):r(!0),o.current.openEvent=e.nativeEvent)},onClick(e){var t;c&&s.current?s.current=void 0:"mouse"===s.current&&u||(n?l&&"click"===(null==(t=o.current.openEvent)?void 0:t.type)&&r(!1):r(!0),o.current.openEvent=e.nativeEvent)},onKeyDown(e){f()||(" "===e.key&&e.preventDefault(),"Enter"===e.key&&(n?l&&r(!1):r(!0)))},onKeyUp(e){f()||" "===e.key&&(n?l&&r(!1):r(!0))}}}:{}}(A,{pointerDown:!1}),function(e,t){var e=e["open"],{enabled:t=!0,role:n="dialog"}=void 0===t?{}:t,r=Fe(),o=Fe(),a={id:r,role:n};return t?"tooltip"===n?{reference:{"aria-describedby":e?r:void 0},floating:a}:{reference:{"aria-expanded":e?"true":"false","aria-haspopup":n,"aria-controls":e?r:void 0,..."listbox"===n&&{role:"combobox"},..."menu"===n&&{id:o}},floating:{...a,..."menu"===n&&{"aria-labelledby":o}}}:{}}(A),function(e,t){let{open:a,onOpenChange:n,refs:i,events:c,nodeId:l}=e,{enabled:u=!0,escapeKey:s=!0,outsidePointerDown:f=!0,referencePointerDown:r=!1,ancestorScroll:d=!1,bubbles:p=!0}=void 0===t?{}:t;const m=Ke(),g=U(n),v=C.useCallback(()=>{var e;return null==(e=i.floating.current)?void 0:e.contains(Je(F(i.floating.current)))},[i.floating]),h=C.useCallback(()=>{K(i.reference.current)&&i.reference.current.focus()},[i.reference]);return C.useEffect(()=>{if(a&&u){const r=F(i.floating.current),o=(s&&r.addEventListener("keydown",e),f&&r.addEventListener("mousedown",t),(d?[...V(i.reference.current)?Se(i.reference.current):[],...V(i.floating.current)?Se(i.floating.current):[]]:[]).filter(e=>{return e!==(null==(e=r.defaultView)?void 0:e.visualViewport)}));return o.forEach(e=>e.addEventListener("scroll",n,{passive:!0})),()=>{s&&r.removeEventListener("keydown",e),f&&r.removeEventListener("mousedown",t),o.forEach(e=>e.removeEventListener("scroll",n))};function e(e){"Escape"===e.key&&(p||v())&&(c.emit("dismiss"),g.current(!1),h())}function t(t){var e=m&&Xe(m,l).some(e=>{return nt(t,null==(e=e.context)?void 0:e.refs.floating.current)});nt(t,i.floating.current)||V(i.reference.current)&&nt(t,i.reference.current)||e||(p||v())&&(c.emit("dismiss"),g.current(!1),h())}function n(){g.current(!1)}}},[s,f,c,m,l,a,g,h,d,u,p,v,i.floating,i.reference]),u?{reference:{onPointerDown(){r&&(c.emit("dismiss"),n(!1))}}}:{}}(A,D({},u))]);void 0===(t=c?[].concat(l,[function(r,e){let{enabled:o=!0,delay:a=0,handleClose:t=null,mouseOnly:i=!1,restMs:c=0}=void 0===e?{}:e;const{open:l,onOpenChange:n,dataRef:u,events:s,refs:f}=r,d=Ke(),p=U(n),m=U(t),g=C.useRef(),v=C.useRef(),h=C.useRef(),y=C.useRef(),b=C.useRef(!0),w=(_(()=>{!o||l||(g.current=void 0)}),C.useEffect(()=>{if(o)return s.on("dismiss",e),()=>{s.off("dismiss",e)};function e(){clearTimeout(v.current),clearTimeout(y.current),b.current=!0}},[o,s,f.floating]),C.useEffect(()=>{if(o&&m.current){const t=F(f.floating.current).documentElement;return t.addEventListener("mouseleave",e),()=>{t.removeEventListener("mouseleave",e)};function e(){var e;null!=(e=u.current.openEvent)&&e.type.includes("mouse")&&p.current(!1)}}},[f.floating,p,o,m,u]),C.useCallback(function(e){void 0===e&&(e=!0),a&&!h.current?(clearTimeout(v.current),v.current=setTimeout(()=>p.current(!1),tt(a,"close",g.current))):e&&p.current(!1)},[a,p])),x=C.useCallback(()=>{h.current&&(F(f.floating.current).removeEventListener("pointermove",h.current),h.current=void 0)},[f.floating]);return C.useEffect(()=>{l||x()},[l,o,x]),C.useEffect(()=>{if(o){const n=f.reference.current;return V(n)?(n.addEventListener("mousemove",e,{once:!0}),n.addEventListener("mouseenter",e),n.addEventListener("mouseleave",t),()=>{n.removeEventListener("mousemove",e),n.removeEventListener("mouseenter",e),n.removeEventListener("mouseleave",t)}):void 0;function e(e){clearTimeout(v.current),b.current=!1,l||i&&"mouse"!==g.current||0<c&&0===tt(a,"open")||(u.current.openEvent=e,a?v.current=setTimeout(()=>{p.current(!0)},tt(a,"open",g.current)):p.current(!0))}function t(e){var t;if("click"!==(null==(t=u.current.openEvent)?void 0:t.type)&&"pointerdown"!==(null==(t=u.current.openEvent)?void 0:t.type)){const n=F(f.floating.current);if(clearTimeout(y.current),m.current)return clearTimeout(v.current),h.current&&n.removeEventListener("pointermove",h.current),h.current=m.current({...r,tree:d,x:e.clientX,y:e.clientY,onClose(){x(),w()}}),void n.addEventListener("pointermove",h.current);w()}}}},[o,w,r,a,m,u,i,p,l,d,c,x,f.reference,f.floating]),o?{reference:{onPointerDown:E,onPointerEnter:E,onMouseMove(){l||0===c||(clearTimeout(y.current),y.current=setTimeout(()=>{b.current||n(!0)},c))}},floating:{onMouseEnter(){clearTimeout(v.current)},onMouseLeave:()=>w(!1)}}:{};function E(e){g.current=e.pointerType}}(A)]):l)&&(t=[]);c=(u={getReferenceProps:e=>Ue(e,t,"reference"),getFloatingProps:e=>Ue(e,t,"floating"),getItemProps:e=>Ue(e,t,"item")}).getReferenceProps,l=u.getFloatingProps,C.useEffect(function(){s&&s(A)},[A]),d=z((j(u={},"Mds-Popover--dark",d),j(u,"".concat(f),f),u),"Mds-Popover"),f=C.createElement(et,{context:A},C.createElement("div",B({"data-test":"DesignSystem-Popover"},l({className:d,ref:N,style:D({left:null!=E?E:"",top:null!=e?e:"",position:M,animation:y,overflow:"clip",transformOrigin:{"auto-start":"top left",auto:"top","auto-end":"top right","top-start":"bottom left",top:"bottom left","top-end":"bottom right","right-start":"top right",right:"top right","right-end":"top right","bottom-end":"top right",bottom:"top","bottom-start":"top left","left-end":"top left",left:"top left","left-start":"top left"}[L]},a),"aria-labelledby":O,"aria-describedby":k,onAnimationEnd:function(){var e;L.includes("top")&&Object.assign(null==(e=R.floating.current)?void 0:e.style,{marginTop:"-".concat(w,"px")})}})),n)),u=D({},c({ref:i}));return C.createElement(C.Fragment,null,r?C.cloneElement(r,D(D({},u),{},{onClick:o?function(){return S(!p)}:null==u?void 0:u.onClick})):null,C.createElement("style",null,v),p&&r&&C.createElement($e,null,f),p&&!r&&f)}function at(e){var t=e.appearance,n=e.children,r=e.className,e=v(e,st),t=z(j({Text:!0},"Text--".concat(t),t),r);return C.createElement(c,B({"data-test":"DesignSystem-Paragraph"},e,{className:t,componentType:"p"}),n)}function it(e){var t,n=e.children,r=e.className,o=e.appearance,a=e.size,i=e.disabled,e=v(e,gt),a=z((j(t={},"Mds-Link",!0),j(t,"Mds-Link--disabled",i),j(t,"Mds-Link--".concat(a),a),j(t,"Mds-Link--".concat(o),o),t),r);return C.createElement(c,B({componentType:"a",className:a,"aria-disabled":i,tabIndex:i&&-1,"data-test":"DesignSystem-Link"},e),n)}ot.defaultProps={placement:"bottom-start",offset:"medium"};var ct=["children","tooltip"],lt=function(e){var t=e.children,n=e.tooltip,e=v(e,ct),n=C.createElement("div",{className:"Tooltip"},C.createElement(h,{className:"Tooltip-text",appearance:"white"},n));return C.createElement(ot,B({trigger:t,offset:"medium"},e),n)},ut=["children","className","onOutsideClick"],_e=C.forwardRef(function(e,t){var n=e.children,r=e.className,o=e.onOutsideClick,e=v(e,ut),a=C.useRef(null),i=(C.useImperativeHandle(t,function(){return a.current},[a]),C.useEffect(function(){return document.addEventListener("click",i,!0),function(){document.removeEventListener("click",i)}},[]),C.useCallback(function(e){var t=a;e.target&&t.current&&(t.current.contains(e.target)||o(e))},[])),t=z(j({},"OutsideClick",!0),r);return C.createElement("div",B({ref:a},e,{className:t}),n)}),st=(_e.displayName="OutsideClick",["appearance","children","className"]),ft=(at.displayName="Paragraph",at.defaultProps={appearance:"default"},["children"]),dt=["children"],pt=["children"],mt=["children"],gt=["children","className","appearance","size","disabled"];it.displayName="Link",it.defaultProps={appearance:"default",size:"regular",disabled:!1};e.Avatar=M,e.Badge=A,e.Bold=function(e){var t=e.children,e=v(e,ft);return C.createElement(c,B({"data-test":"DesignSystem-Bold"},e,{componentType:"b"}),t)},e.Button=t,e.Icon=y,e.Italic=function(e){var t=e.children,e=v(e,dt);return C.createElement(c,B({"data-test":"DesignSystem-Italic"},e,{componentType:"i"}),t)},e.Link=it,e.OutsideClick=_e,e.Paragraph=at,e.Pills=R,e.Popover=ot,e.Spinner=b,e.Strikethrough=function(e){var t=e.children,e=v(e,mt);return C.createElement(c,B({"data-test":"DesignSystem-Strikethrough"},e,{componentType:"s"}),t)},e.Text=h,e.Tooltip=lt,e.Underline=function(e){var t=e.children,e=v(e,pt);return C.createElement(c,B({"data-test":"DesignSystem-Underline"},e,{componentType:"u"}),t)},e.Utils=r,e.version="3.0.0-12",Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).InnovaccerDesignSystemNext={},e.React,e.ReactDOM)}(this,function(e,g,S){"use strict";function n(n){if(n&&n.__esModule)return n;var r=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),r.default=n,Object.freeze(r)}var C=n(g),r=Object.freeze({__proto__:null,css:Object.freeze({__proto__:null,colorToHex:function(e){return getComputedStyle(document.documentElement).getPropertyValue("--".concat(e))}})});function o(t,e){var n,r=Object.keys(t);return Object.getOwnPropertySymbols&&(n=Object.getOwnPropertySymbols(t),e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)),r}function D(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?o(Object(n),!0).forEach(function(e){j(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}function M(e,t,n,r,o,a,i){try{var c=e[a](i),l=c.value}catch(e){return void n(e)}c.done?t(l):Promise.resolve(l).then(r,o)}function q(c){return function(){var e=this,i=arguments;return new Promise(function(t,n){var r=c.apply(e,i);function o(e){M(r,t,n,o,a,"next",e)}function a(e){M(r,t,n,o,a,"throw",e)}o(void 0)})}}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(){return(B=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function v(e,t){if(null==e)return{};var n,r=function(e,t){if(null==e)return{};for(var n,r={},o=Object.keys(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols)for(var o=Object.getOwnPropertySymbols(e),a=0;a<o.length;a++)n=o[a],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n]);return r}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Map"===(n="Object"===n&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(n){return["className","data-test"].reduce(function(e,t){return n[t]?D(D({},e),{},j({},t,n[t])):D({},e)},{})}function N(e){var t=e.size,n=e.className,r=e.appearance,o=e.icon,a=e.text,i=e.tooltip,c=e.image,l=v(e,L),u=(f=I(C.useState(!1),2))[0],s=f[1],f=(C.useEffect(function(){return e=null!=c&&c.src?c.src:"",t=s,(n=new Image).src=e,void(n.complete?t(!0):(n.onload=function(){t(!0)},n.onerror=function(){t(!1)}));var e,t,n},[c]),m(e)),e=r||a&&["accent4","primary","accent3","alert","accent2","warning","accent1","success"][(a.charCodeAt(0)+(a.charCodeAt(1)||0))%8]||"secondary",r=z((j(r={},"Mds-Avatar",!0),j(r,"Mds-Avatar--".concat(t),t),j(r,"Mds-Avatar--".concat(e),e),j(r,"Mds-Avatar--disabled",!a||!(null!=c&&c.src)||!o),j(r,"Mds-overflow-hidden",!a),r),n),n=z((j(n={},"Mds-Avatar-content--".concat(t),t),j(n,"Mds-Avatar-content--".concat(e),e),n)),e=z(j({},"Mds-Avatar-content--".concat(e),e)),d={width:"".concat("regular"===t?32:24,"px"),height:"".concat("regular"===t?32:24,"px")};return C.createElement("span",B({title:i,"data-test":"DesignSystem-Avatar"},f,l,{className:r}),a&&C.createElement(h,{weight:"medium",appearance:"white",className:n},a),o&&C.createElement(y,{"data-test":"DesignSystem-Avatar--Icon",name:o,size:"regular"===t?16:12,appearance:"white",className:e}),c&&u?C.createElement("img",B({"data-test":"DesignSystem-Avatar--Image",src:null==c?void 0:c.src,alt:c.altText},d)):null==c?void 0:c.altText.charAt(0),!a&&!u&&!(null!=c&&c.altText)&&!o&&C.createElement(y,{"data-test":"DesignSystem-Avatar--Icon",name:"person",size:"regular"===t?16:12,appearance:"white",className:e}))}function c(e){var t=e.children,n=void 0===(n=e.componentType)?"span":n,r=e.className,e=v(e,X);return C.createElement(n,D(D({},e),{},{className:r}),t)}function R(e){var t,n=e.appearance,r=e.children,o=e.subtle,a=e.className,i=e.ariaLabel,e=m(e),n=z((j(t={},"Mds-Pills",!0),j(t,"Mds-Badge--".concat(n),n&&!o),j(t,"Mds-Badge--subtle-".concat(n),o),t),a);return C.createElement("span",B({role:"status","aria-label":i,"data-test":"DesignSystem-Pills"},e,{className:n}),r)}function A(e){var t,n=e.appearance,r=e.children,o=e.subtle,a=e.className,i=e.ariaLabel,e=m(e),n=z((j(t={},"Mds-Badge",!0),j(t,"Mds-Badge--".concat(n),n&&!o),j(t,"Mds-Badge--subtle-".concat(n),o),t),a);return C.createElement("span",B({role:"status","aria-label":i,"data-test":"DesignSystem-Badge"},e,{className:n}),r)}(function(e){function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var r,o=typeof n;if("string"==o||"number"==o)e.push(n);else if(Array.isArray(n))!n.length||(r=i.apply(null,n))&&e.push(r);else if("object"==o)if(n.toString===Object.prototype.toString)for(var a in n)c.call(n,a)&&n[a]&&e.push(a);else e.push(n.toString())}}return e.join(" ")}var c;c={}.hasOwnProperty,e.exports?e.exports=i.default=i:window.classNames=i})(t={exports:{}});var z=t.exports,L=["size","className","appearance","icon","text","tooltip","image"],X=(N.displayName="Avatar",N.defaultProps={size:"regular"},["children","componentType","className"]),Y=["appearance","size","children","weight","className"],h=function(e){var t,n=e.appearance,r=e.size,o=e.children,a=e.weight,i=e.className,e=v(e,Y),n=z((j(t={},"Mds-Text",!0),j(t,"Mds-Text--".concat(n),n),j(t,"Mds-Text--".concat(a),a),j(t,"Mds-Text--".concat(r),r),t),i);return C.createElement(c,B({"data-test":"DesignSystem-Text"},e,{className:n,componentType:"span"}),o)},$=(h.displayName="Text",h.defaultProps={appearance:"default",size:"regular"},["onClick","onKeyDown","role"]),G={button:new Set(["Enter","Space","Spacebar"," "]),link:new Set(["Enter"]),checkbox:new Set([]),radio:new Set([])},J=function(e,t){return!!G[e]&&G[e].has(t)},y=function(e){function t(e){return"outline"===e?"outlined":"rounded"===e?"round":e}var n,r,o,a,i=e.appearance,c=e.className,l=e.name,u=e.size,s=e.children,f=(n=e.onClick,r=e.onKeyDown,f=e.role,o=void 0===f?"button":f,f=v(e,$),D({},n?{onClick:n,role:o,tabIndex:0,"aria-label":f["aria-label"],onKeyDown:function(e){var t;r?r(e):(t=e.key,J(o,t)&&n&&(e.preventDefault(),n(e)))}}:{role:o,"aria-label":f["aria-label"]})),d=m(e),e=t(e.type),p=i&&i.includes("_")?(a=(p=i).indexOf("_"),p.slice(0,a)+p.charAt(a+1).toUpperCase()+p.slice(a+2)):i,i=z((j(a={},"material-icons",!0),j(a,"material-icons-".concat(t(e)),e&&"filled"!==e),j(a,"Icon",!0),j(a,"Icon--".concat(p),i),j(a,"".concat(c),c),a)),u={fontSize:"".concat(u,"px"),width:"".concat(u,"px")};return s&&C.isValidElement(s)?C.createElement("span",B({},d,{className:c}),s):C.createElement("i",B({},d,{className:i,style:u},f),e?"".concat(l,"_").concat(e):l)},Q=(y.displayName="Icon",y.defaultProps={size:16,type:"round"},R.displayName="Pills",R.defaultProps={appearance:"secondary"},A.displayName="Badge",A.defaultProps={appearance:"secondary"},["size","appearance","tabIndex","type","children","iconOptions","expanded","selected","loading","disabled","className"]),Z={tiny:12,regular:16,large:20},ee=C.forwardRef(function(e,t){var n=e.size,n=void 0===n?"regular":n,r=e.appearance,r=void 0===r?"basic":r,o=e.tabIndex,o=void 0===o?0:o,a=e.type,i=e.children,c=e.iconOptions,l=e.expanded,u=e.selected,s=e.loading,f=e.disabled,d=e.className,e=v(e,Q),p=(null==c?void 0:c.align)||"left",l=z((j(m={},"Mds-Button",!0),j(m,"Mds-Button--expanded",l),j(m,"Mds-Button--".concat(n),n),j(m,"Mds-Button--".concat(n,"Square"),!i),j(m,"Mds-Button--".concat(r),r),j(m,"Mds-Button--selected",u&&("basic"===r||"transparent"===r)),j(m,"Mds-Button--iconAlign-".concat(p),i&&p),j(m,"".concat(d),d),m)),m=z((j(d={},"Mds-Button-icon",!0),j(d,"Mds-Button-icon--".concat(p),i&&p),d));return C.createElement("button",B({"data-test":"DesignSystem-Button",ref:t,type:a,className:l,disabled:f||s,tabIndex:o},e),s?C.createElement(C.Fragment,null,C.createElement(b,{size:"small",appearance:"basic"===r||"transparent"===r?"secondary":"white","data-test":"DesignSystem-Button--Spinner",className:"Mds-Button-spinner"}),C.createElement(h,{className:"Mds-Button-text Mds-Button-text--hidden"},i||"")):C.createElement(C.Fragment,null,c&&(null==c?void 0:c.name)&&C.createElement("div",{className:m},C.createElement(y,{"data-test":"DesignSystem-Button--Icon",name:null==c?void 0:c.name,appearance:f?"disabled":"basic"===r||"transparent"===r?u?"info":"default":"white",size:null!=c&&c.isLarge&&!i?Z[n]+4:Z[n]})),i))}),t=(ee.displayName="",C.forwardRef(function(e,t){var n=e.iconOptions,r=e.children;return null!=n&&n.name&&null!=n&&n.tooltip&&!r?C.createElement(lt,{tooltip:null==n?void 0:n.tooltip},C.createElement(ee,B({},e,{ref:t}))):C.createElement(ee,B({},e,{ref:t}))})),b=(t.displayName="Button",function(e){var t=e.appearance,n=e.size,r=e.className,e=m(e),n=z(j({Spinner:!0},"Spinner--".concat(n),n),r),r=z(j({Circle:!0},"Circle--".concat(t),t));return C.createElement("svg",B({},e,{className:n},{viewBox:"0 0 50 50"}),C.createElement("circle",B({className:r},{cx:25,cy:25,r:20,fill:"none",strokeMiterlimit:"10",strokeWidth:"4"})))});function W(e){return e.split("-")[0]}function te(e){return e.split("-")[1]}function H(e){return["top","bottom"].includes(W(e))?"x":"y"}function ne(e){return"y"===e?"height":"width"}function re(e,t,n){var{reference:r,floating:o}=e,a=r.x+r.width/2-o.width/2,i=r.y+r.height/2-o.height/2,c=H(t),e=ne(c),l=r[e]/2-o[e]/2,u="x"===c;let s;switch(W(t)){case"top":s={x:a,y:r.y-o.height};break;case"bottom":s={x:a,y:r.y+r.height};break;case"right":s={x:r.x+r.width,y:i};break;case"left":s={x:r.x-o.width,y:i};break;default:s={x:r.x,y:r.y}}switch(te(t)){case"start":s[c]-=l*(n&&u?-1:1);break;case"end":s[c]+=l*(n&&u?-1:1)}return s}b.displayName="Spinner",b.defaultProps={appearance:"primary",size:"medium"};const oe=async(t,n,e)=>{const{placement:r="bottom",strategy:o="absolute",middleware:a=[],platform:i}=e;var c=await(null==i.isRTL?void 0:i.isRTL(n));let l=await i.getElementRects({reference:t,floating:n,strategy:o}),{x:u,y:s}=re(l,r,c),f=r,d={};for(let e=0;e<a.length;e++){const{name:h,fn:y}=a[e];var{x:p,y:m,data:g,reset:v}=await y({x:u,y:s,initialPlacement:r,placement:f,strategy:o,middlewareData:d,rects:l,platform:i,elements:{reference:t,floating:n}});u=null!=p?p:u,s=null!=m?m:s,d={...d,[h]:{...d[h],...g}},v&&("object"==typeof v&&(v.placement&&(f=v.placement),v.rects&&(l=!0===v.rects?await i.getElementRects({reference:t,floating:n,strategy:o}):v.rects),{x:u,y:s}=re(l,f,c)),e=-1)}return{x:u,y:s,placement:f,strategy:o,middlewareData:d}};function d(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function ae(e,t){const{x:n,y:r,platform:o,rects:a,elements:i,strategy:c}=e;var{boundary:e="clippingAncestors",rootBoundary:t="viewport",elementContext:l="floating",altBoundary:u=!1,padding:s=0}=t=void 0===t?{}:t,s="number"!=typeof(s=s)?{top:0,right:0,bottom:0,left:0,...s}:{top:s,right:s,bottom:s,left:s},u=i[u?"floating"===l?"reference":"floating":l],f=d(await o.getClippingRect({element:null==(f=await(null==o.isElement?void 0:o.isElement(u)))||f?u:u.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(i.floating)),boundary:e,rootBoundary:t,strategy:c})),u=d(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===l?{...a.floating,x:n,y:r}:a.reference,offsetParent:await(null==o.getOffsetParent?void 0:o.getOffsetParent(i.floating)),strategy:c}):a[l]);return{top:f.top-u.top+s.top,bottom:u.bottom-f.bottom+s.bottom,left:f.left-u.left+s.left,right:u.right-f.right+s.right}}const ie=Math.min,ce=Math.max;function le(e,t,n){return ce(e,ie(t,n))}const ue={left:"right",right:"left",bottom:"top",top:"bottom"};function w(e){return e.replace(/left|right|bottom|top/g,e=>ue[e])}const se={start:"end",end:"start"};function fe(e){return e.replace(/start|end/g,e=>se[e])}function de(b){return{name:"flip",options:b=void 0===b?{}:b,async fn(t){const{placement:n,middlewareData:r,rects:e,initialPlacement:o,platform:a,elements:i}=t,{mainAxis:c=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:s="bestFit",flipAlignment:f=!0,...d}=b;var p=W(n),m=p===o,m=u||(m||!f?[w(o)]:(g=w(m=o),[fe(m),g,fe(g)])),g=[o,...m],m=await ae(t,d);const v=[];let h=(null==(t=r.flip)?void 0:t.overflows)||[];if(c&&v.push(m[p]),l&&({main:t,cross:p}=function(e,t,n){void 0===n&&(n=!1);var r=te(e),o=ne(e=H(e));let a="x"===e?r===(n?"end":"start")?"right":"left":"start"===r?"bottom":"top";return{main:a=t.reference[o]>t.floating[o]?w(a):a,cross:w(a)}}(n,e,await(null==a.isRTL?void 0:a.isRTL(i.floating))),v.push(m[t],m[p])),h=[...h,{placement:n,overflows:v}],!v.every(e=>e<=0)){var y,p=(null!=(m=null==(t=r.flip)?void 0:t.index)?m:0)+1,t=g[p];if(t)return{data:{index:p,overflows:h},reset:{placement:t}};let e="bottom";switch(s){case"bestFit":{const n=null==(y=h.map(e=>[e,e.overflows.filter(e=>0<e).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:y[0].placement;n&&(e=n);break}case"initialPlacement":e=o}if(n!==e)return{reset:{placement:e}}}return{}}}}function pe(c){return{name:"offset",options:c=void 0===c?0:c,async fn(e){const{x:t,y:n,placement:r,rects:o,platform:a,elements:i}=e;e=function(e,t,n,r){void 0===r&&(r=!1);var o=W(e),a=te(e),i="x"===H(e),o=["left","top"].includes(o)?-1:1,r=r&&i?-1:1;let{mainAxis:c,crossAxis:l,alignmentAxis:u}="number"==typeof(t="function"==typeof n?n({...t,placement:e}):n)?{mainAxis:t,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...t};return a&&"number"==typeof u&&(l="end"===a?-1*u:u),i?{x:l*r,y:c*o}:{x:c*o,y:l*r}}(r,o,c,await(null==a.isRTL?void 0:a.isRTL(i.floating)));return{x:t+e.x,y:n+e.y,data:e}}}}function me(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function l(e){return null==e?window:me(e)?e:(e=e.ownerDocument)&&e.defaultView||window}function u(e){return l(e).getComputedStyle(e)}function s(e){return!me(e)&&e?(e.nodeName||"").toLowerCase():""}function f(e){return e instanceof l(e).HTMLElement}function i(e){return e instanceof l(e).Element}function ge(e){if("undefined"!=typeof ShadowRoot)return e instanceof l(e).ShadowRoot||e instanceof ShadowRoot}function p(e){var{overflow:e,overflowX:t,overflowY:n}=u(e);return/auto|scroll|overlay|hidden/.test(e+n+t)}function ve(e){var t=navigator.userAgent.toLowerCase().includes("firefox"),e=u(e);return"none"!==e.transform||"none"!==e.perspective||"paint"===e.contain||["transform","perspective"].includes(e.willChange)||t&&"filter"===e.willChange||t&&e.filter&&"none"!==e.filter}function he(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const ye=Math.min,x=Math.max,be=Math.round;function E(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!1);var r=e.getBoundingClientRect();let o=1,a=1;t&&f(e)&&(o=0<e.offsetWidth&&be(r.width)/e.offsetWidth||1,a=0<e.offsetHeight&&be(r.height)/e.offsetHeight||1);var t=i(e)?l(e):window,e=!he()&&n,n=(r.left+(e&&null!=(n=null==(n=t.visualViewport)?void 0:n.offsetLeft)?n:0))/o,e=(r.top+(e&&null!=(t=null==(e=t.visualViewport)?void 0:e.offsetTop)?t:0))/a,t=r.width/o,r=r.height/a;return{width:t,height:r,top:e,right:n+t,bottom:e+r,left:n,x:n,y:e}}function O(e){return((e instanceof l(e).Node?e.ownerDocument:e.document)||window.document).documentElement}function we(e){return i(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function xe(e){return E(O(e)).left+we(e).scrollLeft}function Ee(e,t,n){var r=f(t),o=O(t),a=E(e,r&&(a=E(e=t),be(a.width)!==e.offsetWidth||be(a.height)!==e.offsetHeight),"fixed"===n);let i={scrollLeft:0,scrollTop:0};const c={x:0,y:0};return(r||!r&&"fixed"!==n)&&("body"===s(t)&&!p(o)||(i=we(t)),f(t)?(e=E(t,!0),c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop):o&&(c.x=xe(o))),{x:a.left+i.scrollLeft-c.x,y:a.top+i.scrollTop-c.y,width:a.width,height:a.height}}function Oe(e){return"html"===s(e)?e:e.assignedSlot||e.parentNode||(ge(e)?e.host:null)||O(e)}function ke(e){return f(e)&&"fixed"!==getComputedStyle(e).position?e.offsetParent:null}function Te(e){var t,n=l(e);let r=ke(e);for(;r&&(t=r,["table","td","th"].includes(s(t)))&&"static"===getComputedStyle(r).position;)r=ke(r);return(!r||"html"!==s(r)&&("body"!==s(r)||"static"!==getComputedStyle(r).position||ve(r)))&&(r||function(e){let t=Oe(e);for(ge(t)&&(t=t.host);f(t)&&!["html","body"].includes(s(t));){if(ve(t))return t;t=t.parentNode}return null}(e))||n}function Pe(e){if(f(e))return{width:e.offsetWidth,height:e.offsetHeight};e=E(e);return{width:e.width,height:e.height}}function Se(e,t){void 0===t&&(t=[]);var n=function e(t){var n=Oe(t);return["html","body","#document"].includes(s(n))?t.ownerDocument.body:f(n)&&p(n)?n:e(n)}(e),e=n===(null==(e=e.ownerDocument)?void 0:e.body);const r=l(n);n=e?[r].concat(r.visualViewport||[],p(n)?n:[]):n;const o=t.concat(n);return e?o:o.concat(Se(n))}function Me(e,t,n){return"viewport"===t?d(function(e,t){var n=l(e),e=O(e),n=n.visualViewport;let r=e.clientWidth,o=e.clientHeight,a=0,i=0;return n&&(r=n.width,o=n.height,((e=he())||!e&&"fixed"===t)&&(a=n.offsetLeft,i=n.offsetTop)),{width:r,height:o,x:a,y:i}}(e,n)):i(t)?(r=(n=E(t=t,!1,"fixed"===(n=n))).top+t.clientTop,n=n.left+t.clientLeft,{top:r,left:n,x:n,y:r,right:n+t.clientWidth,bottom:r+t.clientHeight,width:t.clientWidth,height:t.clientHeight}):d(function(e){var t=O(e),n=we(e),r=null==(r=e.ownerDocument)?void 0:r.body,o=x(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=x(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let i=-n.scrollLeft+xe(e);return e=-n.scrollTop,"rtl"===u(r||t).direction&&(i+=x(t.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:i,y:e}}(O(e)));var r}function Ne(e){const t=Se(e);const n=["absolute","fixed"].includes(u(e).position)&&f(e)?Te(e):e;return i(n)?t.filter(e=>i(e)&&function(t,n){var e=null==n||null==n.getRootNode?void 0:n.getRootNode();if(null!=t&&t.contains(n))return!0;if(e&&ge(e)){let e=n;do{if(e&&t===e)return!0}while(e=e.parentNode||e.host)}return!1}(e,n)&&"body"!==s(e)):[]}const Re={getClippingRect:function(e){let{element:n,boundary:t,rootBoundary:r,strategy:o}=e;const a=[..."clippingAncestors"===t?Ne(n):[].concat(t),r];return e=a[0],{width:(e=a.reduce((e,t)=>{t=Me(n,t,o);return e.top=x(t.top,e.top),e.right=ye(t.right,e.right),e.bottom=ye(t.bottom,e.bottom),e.left=x(t.left,e.left),e},Me(n,e,o))).right-e.left,height:e.bottom-e.top,x:e.left,y:e.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){var{rect:e,offsetParent:t,strategy:n}=e,r=f(t),o=O(t);if(t===o)return e;let a={scrollLeft:0,scrollTop:0};const i={x:0,y:0};return(r||!r&&"fixed"!==n)&&("body"===s(t)&&!p(o)||(a=we(t)),f(t)&&(r=E(t,!0),i.x=r.x+t.clientLeft,i.y=r.y+t.clientTop)),{...e,x:e.x-a.scrollLeft+i.x,y:e.y-a.scrollTop+i.y}},isElement:i,getDimensions:Pe,getOffsetParent:Te,getDocumentElement:O,getElementRects:e=>{var{reference:e,floating:t,strategy:n}=e;return{reference:Ee(e,Te(t),n),floating:{...Pe(t),x:0,y:0}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===u(e).direction},Ae=(e,t,n)=>oe(e,t,{platform:Re,...n});var Le="undefined"!=typeof document?g.useLayoutEffect:g.useEffect;function Ce(e){let{middleware:t,placement:n="bottom",strategy:r="absolute"}=void 0===e?{}:e;const o=g.useRef(null),a=g.useRef(null),[i,c]=g.useState({x:null,y:null,strategy:r,placement:n,middlewareData:{}}),[l,u]=g.useState(t),s=(!function r(o,a){if(o===a)return 1;if(typeof o==typeof a){if("function"==typeof o&&o.toString()===a.toString())return 1;let e,t,n;if(o&&a&&"object"==typeof o){if(Array.isArray(o)){if((e=o.length)!=a.length)return;for(t=e;0!=t--;)if(!r(o[t],a[t]))return;return 1}if(n=Object.keys(o),(e=n.length)!==Object.keys(a).length)return;for(t=e;0!=t--;)if(!Object.prototype.hasOwnProperty.call(a,n[t]))return;for(t=e;0!=t--;){var i=n[t];if(!("_owner"===i&&o.$$typeof||r(o[i],a[i])))return}return 1}return o!=o&&a!=a}}(null==l?void 0:l.map(e=>{e=e.options;return e}),null==t?void 0:t.map(e=>{e=e.options;return e}))&&u(t),g.useRef(!0)),f=(Le(()=>(s.current=!0,()=>{s.current=!1}),[]),g.useCallback(()=>{o.current&&a.current&&Ae(o.current,a.current,{middleware:l,placement:n,strategy:r}).then(e=>{s.current&&S.flushSync(()=>{c(e)})})},[l,n,r])),d=(Le(f,[f]),g.useCallback(e=>{o.current=e,f()},[f])),p=g.useCallback(e=>{a.current=e,f()},[f]),m=g.useMemo(()=>({reference:o,floating:a}),[]);return g.useMemo(()=>({...i,update:f,refs:m,reference:d,floating:p}),[i,f,m,d,p])}var k=new WeakMap,De=new WeakMap,je={},Be=0,Ie=function(e,t,o){function n(e){e&&!u.has(e)&&(u.add(e),n(e.parentNode))}function a(e){!e||0<=i.indexOf(e)||Array.prototype.forEach.call(e.children,function(e){var t,n,r;u.has(e)?a(e):(t=null!==(t=e.getAttribute("aria-hidden"))&&"false"!==t,n=(k.get(e)||0)+1,r=(c.get(e)||0)+1,k.set(e,n),c.set(e,r),l.push(e),1===n&&t&&De.set(e,!0),1===r&&e.setAttribute(o,"true"),t||e.setAttribute("aria-hidden","true"))})}void 0===t&&(r=e,t="undefined"==typeof document?null:(Array.isArray(r)?r[0]:r).ownerDocument.body),void 0===o&&(o="data-aria-hidden");var r,i=Array.isArray(e)?e:[e],c=(je[o]||(je[o]=new WeakMap),je[o]),l=[],u=new Set;i.forEach(n);return a(t),u.clear(),Be++,function(){l.forEach(function(e){var t=k.get(e)-1,n=c.get(e)-1;k.set(e,t),c.set(e,n),t||(De.has(e)||e.removeAttribute("aria-hidden"),De.delete(e)),n||e.removeAttribute(o)}),--Be||(k=new WeakMap,k=new WeakMap,De=new WeakMap,je={})}},_="undefined"!=typeof document?g.useLayoutEffect:g.useEffect;let ze=!1,We=0;const He=()=>"floating-ui-"+We++;var _e=C["useId".toString()];const Fe=null!=_e?_e:function(){const[e,t]=C.useState(()=>ze?He():void 0);return _(()=>{null==e&&t(He())},[]),C.useEffect(()=>{ze=ze||!0},[]),e},Ve=C.createContext(null),Ke=()=>C.useContext(Ve);function Ue(e,t,n){const o={};return{..."floating"===n&&{tabIndex:-1},...e,...t.map(e=>e?e[n]:null).concat(e).reduce((n,e)=>(e&&Object.entries(e).forEach(e=>{let[r,t]=e;0===r.indexOf("on")?(o[r]||(o[r]=[]),"function"==typeof t&&o[r].push(t),n[r]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o[r].forEach(e=>e(...t))}):n[r]=t}),n),{})}}function F(e){return null!=(e=null==e?void 0:e.ownerDocument)?e:document}function qe(e){return null!=(e=F(e).defaultView)?e:window}function V(e){return e&&e instanceof qe(e).Element}function K(e){return!!e&&e instanceof qe(e).HTMLElement}function Xe(e,t){var n,r;let o=null!=(n=null==e?void 0:e.nodesRef.current.filter(e=>{return e.parentId===t&&(null==(e=e.context)?void 0:e.open)}))?n:[],a=o;for(;a.length;)a=null!=(r=null==e?void 0:e.nodesRef.current.filter(t=>{var e;return null==(e=a)?void 0:e.some(e=>{return t.parentId===e.id&&(null==(e=t.context)?void 0:e.open)})}))?r:[],o=o.concat(a);return o}const Ye="floating-ui-root",$e=e=>{let{children:t,id:n=Ye,root:r=null}=e;const[o,a]=C.useState(!1),i=C.useRef(null);return _(()=>{var e;r||((e=document.getElementById(n))?i.current=e:(i.current=document.createElement("div"),i.current.id=n),document.body.contains(i.current)||document.body.appendChild(i.current),a(!0))},[n,r]),r?S.createPortal(t,r):o&&i.current?S.createPortal(t,i.current):null};function Ge(){return(Ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n,r=arguments[t];for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function Je(e){let t=e.activeElement;for(;null!=(null==(n=t)||null==(n=n.shadowRoot)?void 0:n.activeElement);){var n;t=t.shadowRoot.activeElement}return t}function T(e){e.preventDefault(),e.stopPropagation()}function U(e){const t=g.useRef(e);return _(()=>{t.current=e}),t}function P(e){requestAnimationFrame(()=>{null!=e&&e.focus()})}const Qe="input:not([type='hidden']):not([disabled]),select:not([disabled]),textarea:not([disabled]),a[href],button:not([disabled]),[tabindex],iframe,object,embed,area[href],audio[controls],video[controls],[contenteditable]:not([contenteditable='false'])",Ze=C.forwardRef(function(e,t){return C.createElement("span",Ge({},e,{ref:t,tabIndex:0,style:{position:"fixed",opacity:"0",pointerEvents:"none",outline:"0"}}))});function et(e){let{context:{refs:o,nodeId:a,onOpenChange:t},children:n,order:r=["content"],endGuard:i=!0,preventTabbing:c=!1,initialFocus:l=0,returnFocus:u=!0,modal:s=!0}=e;const f=U(r),d=U(t),p=Ke(),m=C.useCallback(()=>f.current.map(e=>{return K(o.reference.current)&&"reference"===e?o.reference.current:o.floating.current&&"floating"===e?o.floating.current:"content"===e?Array.from(null!=(e=null==(e=o.floating.current)?void 0:e.querySelectorAll(Qe))?e:[]):null}).flat().filter(e=>{if(e===o.floating.current||e===o.reference.current)return!0;if(K(e)){const t=null!=(e=e.getAttribute("tabindex"))?e:"0";return"-"!==t[0].trim()}}),[f,o.floating,o.reference]);return C.useEffect(()=>{const r=0===m().filter(e=>e!==o.floating.current&&e!==o.reference.current).length;function e(e){var t,n;"Tab"===e.key&&((c||r)&&T(e),t=m(),n="composedPath"in e?e.composedPath()[0]:e.target,"reference"===f.current[0]&&n===o.reference.current&&(T(e),e.shiftKey?P(t[t.length-1]):P(t[1])),"floating"===f.current[1]&&n===o.floating.current&&e.shiftKey&&(T(e),P(t[0])))}const t=F(o.floating.current);return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[c,m,f,o.floating,o.reference]),C.useEffect(()=>{function e(e){const t=e.relatedTarget;null!=(e=o.floating.current)&&e.contains(t)||!V(o.reference.current)||o.reference.current.contains(t)||p&&Xe(p,a).some(e=>{return null==(e=e.context)||null==(e=e.refs.floating.current)?void 0:e.contains(t)})||d.current(!1)}const t=o.floating.current;var n=o.reference.current;if(t&&K(n)){s||t.addEventListener("focusout",e);const r=s?Ie(t):null;return()=>{s||t.removeEventListener("focusout",e),null!=r&&r()}}},[a,p,s,d,m,l,o.floating,o.reference]),C.useEffect(()=>{if(!c){var e,t=o.floating.current;const n=null!=(e=Je(F(t)))?e:Je(document);return"number"==typeof l?P(null!=(e=m()[l])?e:t):K(null==l?void 0:l.current)&&P(null!=(e=l.current)?e:t),()=>{u&&K(n)&&P(n)}}},[c,m,l,s,u,o.floating]),C.createElement(C.Fragment,null,s&&C.createElement(Ze,{onFocus:e=>{T(e);e=m();"reference"===r[0]?P(e[0]):P(e[e.length-1])}}),C.cloneElement(n,r.includes("floating")?{tabIndex:0}:{}),s&&i&&C.createElement(Ze,{onFocus:e=>{T(e),P(m()[0])}}))}function tt(e,t,n){return n&&"mouse"!==n?0:"number"==typeof e?e:null==e?void 0:e[t]}function nt(e,t){return null!=t&&("composedPath"in e?e.composedPath().includes(t):null!=e.target&&t.contains(e.target))}function rt(e){let{open:t=!1,onOpenChange:n=()=>{},placement:r,middleware:o,strategy:a,nodeId:i}=void 0===e?{}:e;const c=Ke(),l=C.useRef({}),u=C.useState(()=>{{const n=new Map;return{emit(e,t){null!=(e=n.get(e))&&e.forEach(e=>e(t))},on(e,t){n.set(e,[...n.get(e)||[],t])},off(e,t){n.set(e,(n.get(e)||[]).filter(e=>e!==t))}}}})[0],s=Ce({placement:r,middleware:o,strategy:a}),f=C.useMemo(()=>({...s,dataRef:l,nodeId:i,events:u,open:t,onOpenChange:n}),[s,l,i,u,t,n]);return _(()=>{const e=null==c?void 0:c.nodesRef.current.find(e=>e.id===i);e&&(e.context=f)}),C.useMemo(()=>({context:f,...s}),[s,f])}function ot(e){var m,t,n=e.children,r=e.trigger,o=e.open,a=e.style,i=e.placement,c=e.hoverable,l=e.offset,u=e.dismissOptions,s=e.onToggle,f=e.className,d=e.dark,e=e.boundaryElement,p=(E=I(C.useState(null!=o&&o),2))[0],g=E[1],v=(E=I(C.useState(""),2))[0],h=E[1],y=(E=I(C.useState(""),2))[0],b=E[1],w=(E=I(C.useState(0),2))[0],x=E[1],E=Fe(),O="".concat(E,"-label"),k="".concat(E,"-description"),T="".concat(E,"-animation"),P=null,E="large"===l?8:"medium"===l?4:"small"===l?2:2,S=function(){var t=q(regeneratorRuntime.mark(function e(t){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=L.includes("top"),n="\n      @keyframes popper-open-".concat(T," {\n        from {\n          max-height: 0;\n          ").concat(n?"margin-top: 0px":"",";\n        }\n        to {\n          max-height: ").concat(w,"px;\n          ").concat(n?"margin-top: -".concat(w,"px"):"",";\n        }\n      }\n      @keyframes popper-close-").concat(T," {\n        from {\n          max-height: ").concat(w,"px;\n          ").concat(n?"margin-top: -".concat(w,"px"):"",";\n        }\n        to {\n          max-height: 0;\n          ").concat(n?"margin-top: 0px":"",";\n        }\n      }\n      "),w)return e.next=5,h(n);e.next=13;break;case 5:if(t)return e.next=8,b("popper-open-".concat(T," 120ms cubic-bezier(0, 0, 0.38, 0.9), popper-fade-in 120ms"));e.next=10;break;case 8:e.next=12;break;case 10:return e.next=12,b("popper-close-".concat(T," 120ms cubic-bezier(0.2, 0, 1, 0.9), fadeOut 120ms "));case 12:P=setTimeout(function(){return g(t)},120);case 13:case"end":return e.stop()}},e)}));return function(e){return t.apply(this,arguments)}}(),E=(l=rt({open:p,onOpenChange:r?S:void 0,middleware:[pe(E),de({boundary:e,altBoundary:!0}),{name:"shift",options:m=void 0===m?{}:m,async fn(e){var{x:t,y:n,placement:r}=e;const{mainAxis:o=!0,crossAxis:a=!1,limiter:i={fn:e=>{var{x:e,y:t}=e;return{x:e,y:t}}},...c}=m;var l,u={x:t,y:n},s=await ae(e,c),r=H(W(r)),f="x"===r?"y":"x";let d=u[r],p=u[f];o&&(u=d+s["y"===r?"top":"left"],l=d-s["y"===r?"bottom":"right"],d=le(u,d,l)),a&&(u=p+s["y"==f?"top":"left"],l=p-s["y"==f?"bottom":"right"],p=le(u,p,l));s=i.fn({...e,[r]:d,[f]:p});return{...s,data:{x:s.x-t,y:s.y-n}}}}],placement:i})).x,e=l.y,i=l.reference,M=l.floating,N=l.strategy,R=l.refs,A=l.context,L=l.placement,l=(C.useEffect(function(){return w||function(){var e=q(regeneratorRuntime.mark(function e(){var t;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,g(!0);case 2:(t=null==(t=R.floating.current)?void 0:t.offsetHeight)&&x(t),g(p);case 5:case"end":return e.stop()}},e)}));return function(){return e.apply(this,arguments)}}()(),function(){clearTimeout(Number(P))}},[]),[function(e,t){let{open:n,onOpenChange:r,dataRef:o,refs:a}=e,{enabled:i=!0,pointerDown:c=!1,toggle:l=!0,ignoreMouse:u=!1}=void 0===t?{}:t;const s=C.useRef();function f(){return K(a.reference.current)&&"BUTTON"===a.reference.current.tagName}return i?{reference:{onPointerDown(e){var t;s.current=e.pointerType,"mouse"===s.current&&u||c&&(n?l&&"pointerdown"===(null==(t=o.current.openEvent)?void 0:t.type)&&r(!1):r(!0),o.current.openEvent=e.nativeEvent)},onClick(e){var t;c&&s.current?s.current=void 0:"mouse"===s.current&&u||(n?l&&"click"===(null==(t=o.current.openEvent)?void 0:t.type)&&r(!1):r(!0),o.current.openEvent=e.nativeEvent)},onKeyDown(e){f()||(" "===e.key&&e.preventDefault(),"Enter"===e.key&&(n?l&&r(!1):r(!0)))},onKeyUp(e){f()||" "===e.key&&(n?l&&r(!1):r(!0))}}}:{}}(A,{pointerDown:!1}),function(e,t){var e=e["open"],{enabled:t=!0,role:n="dialog"}=void 0===t?{}:t,r=Fe(),o=Fe(),a={id:r,role:n};return t?"tooltip"===n?{reference:{"aria-describedby":e?r:void 0},floating:a}:{reference:{"aria-expanded":e?"true":"false","aria-haspopup":n,"aria-controls":e?r:void 0,..."listbox"===n&&{role:"combobox"},..."menu"===n&&{id:o}},floating:{...a,..."menu"===n&&{"aria-labelledby":o}}}:{}}(A),function(e,t){let{open:a,onOpenChange:n,refs:i,events:c,nodeId:l}=e,{enabled:u=!0,escapeKey:s=!0,outsidePointerDown:f=!0,referencePointerDown:r=!1,ancestorScroll:d=!1,bubbles:p=!0}=void 0===t?{}:t;const m=Ke(),g=U(n),v=C.useCallback(()=>{var e;return null==(e=i.floating.current)?void 0:e.contains(Je(F(i.floating.current)))},[i.floating]),h=C.useCallback(()=>{K(i.reference.current)&&i.reference.current.focus()},[i.reference]);return C.useEffect(()=>{if(a&&u){const r=F(i.floating.current),o=(s&&r.addEventListener("keydown",e),f&&r.addEventListener("mousedown",t),(d?[...V(i.reference.current)?Se(i.reference.current):[],...V(i.floating.current)?Se(i.floating.current):[]]:[]).filter(e=>{return e!==(null==(e=r.defaultView)?void 0:e.visualViewport)}));return o.forEach(e=>e.addEventListener("scroll",n,{passive:!0})),()=>{s&&r.removeEventListener("keydown",e),f&&r.removeEventListener("mousedown",t),o.forEach(e=>e.removeEventListener("scroll",n))};function e(e){"Escape"===e.key&&(p||v())&&(c.emit("dismiss"),g.current(!1),h())}function t(t){var e=m&&Xe(m,l).some(e=>{return nt(t,null==(e=e.context)?void 0:e.refs.floating.current)});nt(t,i.floating.current)||V(i.reference.current)&&nt(t,i.reference.current)||e||(p||v())&&(c.emit("dismiss"),g.current(!1),h())}function n(){g.current(!1)}}},[s,f,c,m,l,a,g,h,d,u,p,v,i.floating,i.reference]),u?{reference:{onPointerDown(){r&&(c.emit("dismiss"),n(!1))}}}:{}}(A,D({},u))]);void 0===(t=c?[].concat(l,[function(r,e){let{enabled:o=!0,delay:a=0,handleClose:t=null,mouseOnly:i=!1,restMs:c=0}=void 0===e?{}:e;const{open:l,onOpenChange:n,dataRef:u,events:s,refs:f}=r,d=Ke(),p=U(n),m=U(t),g=C.useRef(),v=C.useRef(),h=C.useRef(),y=C.useRef(),b=C.useRef(!0),w=(_(()=>{!o||l||(g.current=void 0)}),C.useEffect(()=>{if(o)return s.on("dismiss",e),()=>{s.off("dismiss",e)};function e(){clearTimeout(v.current),clearTimeout(y.current),b.current=!0}},[o,s,f.floating]),C.useEffect(()=>{if(o&&m.current){const t=F(f.floating.current).documentElement;return t.addEventListener("mouseleave",e),()=>{t.removeEventListener("mouseleave",e)};function e(){var e;null!=(e=u.current.openEvent)&&e.type.includes("mouse")&&p.current(!1)}}},[f.floating,p,o,m,u]),C.useCallback(function(e){void 0===e&&(e=!0),a&&!h.current?(clearTimeout(v.current),v.current=setTimeout(()=>p.current(!1),tt(a,"close",g.current))):e&&p.current(!1)},[a,p])),x=C.useCallback(()=>{h.current&&(F(f.floating.current).removeEventListener("pointermove",h.current),h.current=void 0)},[f.floating]);return C.useEffect(()=>{l||x()},[l,o,x]),C.useEffect(()=>{if(o){const n=f.reference.current;return V(n)?(n.addEventListener("mousemove",e,{once:!0}),n.addEventListener("mouseenter",e),n.addEventListener("mouseleave",t),()=>{n.removeEventListener("mousemove",e),n.removeEventListener("mouseenter",e),n.removeEventListener("mouseleave",t)}):void 0;function e(e){clearTimeout(v.current),b.current=!1,l||i&&"mouse"!==g.current||0<c&&0===tt(a,"open")||(u.current.openEvent=e,a?v.current=setTimeout(()=>{p.current(!0)},tt(a,"open",g.current)):p.current(!0))}function t(e){var t;if("click"!==(null==(t=u.current.openEvent)?void 0:t.type)&&"pointerdown"!==(null==(t=u.current.openEvent)?void 0:t.type)){const n=F(f.floating.current);if(clearTimeout(y.current),m.current)return clearTimeout(v.current),h.current&&n.removeEventListener("pointermove",h.current),h.current=m.current({...r,tree:d,x:e.clientX,y:e.clientY,onClose(){x(),w()}}),void n.addEventListener("pointermove",h.current);w()}}}},[o,w,r,a,m,u,i,p,l,d,c,x,f.reference,f.floating]),o?{reference:{onPointerDown:E,onPointerEnter:E,onMouseMove(){l||0===c||(clearTimeout(y.current),y.current=setTimeout(()=>{b.current||n(!0)},c))}},floating:{onMouseEnter(){clearTimeout(v.current)},onMouseLeave:()=>w(!1)}}:{};function E(e){g.current=e.pointerType}}(A)]):l)&&(t=[]);c=(u={getReferenceProps:e=>Ue(e,t,"reference"),getFloatingProps:e=>Ue(e,t,"floating"),getItemProps:e=>Ue(e,t,"item")}).getReferenceProps,l=u.getFloatingProps,C.useEffect(function(){s&&s(A)},[A]),d=z((j(u={},"Mds-Popover--dark",d),j(u,"".concat(f),f),u),"Mds-Popover"),f=C.createElement(et,{context:A},C.createElement("div",B({"data-test":"DesignSystem-Popover"},l({className:d,ref:M,style:D({left:null!=E?E:"",top:null!=e?e:"",position:N,animation:y,overflow:"clip",transformOrigin:{"auto-start":"top left",auto:"top","auto-end":"top right","top-start":"bottom left",top:"bottom left","top-end":"bottom right","right-start":"top right",right:"top right","right-end":"top right","bottom-end":"top right",bottom:"top","bottom-start":"top left","left-end":"top left",left:"top left","left-start":"top left"}[L]},a),"aria-labelledby":O,"aria-describedby":k,onAnimationEnd:function(){var e;L.includes("top")&&Object.assign(null==(e=R.floating.current)?void 0:e.style,{marginTop:"-".concat(w,"px")})}})),n)),u=D({},c({ref:i}));return C.createElement(C.Fragment,null,r?C.cloneElement(r,D(D({},u),{},{onClick:o?function(){return S(!p)}:null==u?void 0:u.onClick})):null,C.createElement("style",null,v),p&&r&&C.createElement($e,null,f),p&&!r&&f)}function at(e){var t,n=e.appearance,r=e.children,o=e.className,e=v(e,st),n=z((j(t={},"Mds-Text",!0),j(t,"Mds-Text--".concat(n),n),t),o);return C.createElement(c,B({"data-test":"DesignSystem-Paragraph"},e,{className:n,componentType:"p"}),r)}function it(e){var t,n=e.children,r=e.className,o=e.appearance,a=e.size,i=e.disabled,e=v(e,gt),a=z((j(t={},"Mds-Link",!0),j(t,"Mds-Link--disabled",i),j(t,"Mds-Link--".concat(a),a),j(t,"Mds-Link--".concat(o),o),t),r);return C.createElement(c,B({componentType:"a",className:a,"aria-disabled":i,tabIndex:i&&-1,"data-test":"DesignSystem-Link"},e),n)}ot.defaultProps={placement:"bottom-start",offset:"medium"};var ct=["children","tooltip"],lt=function(e){var t=e.children,n=e.tooltip,e=v(e,ct),n=C.createElement("div",{className:"Tooltip"},C.createElement(h,{className:"Tooltip-text",appearance:"white"},n));return C.createElement(ot,B({trigger:t,offset:"medium"},e),n)},ut=["children","className","onOutsideClick"],_e=C.forwardRef(function(e,t){var n=e.children,r=e.className,o=e.onOutsideClick,e=v(e,ut),a=C.useRef(null),i=(C.useImperativeHandle(t,function(){return a.current},[a]),C.useEffect(function(){return document.addEventListener("click",i,!0),function(){document.removeEventListener("click",i)}},[]),C.useCallback(function(e){var t=a;e.target&&t.current&&(t.current.contains(e.target)||o(e))},[])),t=z(j({},"OutsideClick",!0),r);return C.createElement("div",B({ref:a},e,{className:t}),n)}),st=(_e.displayName="OutsideClick",["appearance","children","className"]),ft=(at.displayName="Paragraph",at.defaultProps={appearance:"default"},["children"]),dt=["children"],pt=["children"],mt=["children"],gt=["children","className","appearance","size","disabled"];it.displayName="Link",it.defaultProps={appearance:"default",size:"regular",disabled:!1};e.Avatar=N,e.Badge=A,e.Bold=function(e){var t=e.children,e=v(e,ft);return C.createElement(c,B({"data-test":"DesignSystem-Bold"},e,{componentType:"b"}),t)},e.Button=t,e.Icon=y,e.Italic=function(e){var t=e.children,e=v(e,dt);return C.createElement(c,B({"data-test":"DesignSystem-Italic"},e,{componentType:"i"}),t)},e.Link=it,e.OutsideClick=_e,e.Paragraph=at,e.Pills=R,e.Popover=ot,e.Spinner=b,e.Strikethrough=function(e){var t=e.children,e=v(e,mt);return C.createElement(c,B({"data-test":"DesignSystem-Strikethrough"},e,{componentType:"s"}),t)},e.Text=h,e.Tooltip=lt,e.Underline=function(e){var t=e.children,e=v(e,pt);return C.createElement(c,B({"data-test":"DesignSystem-Underline"},e,{componentType:"u"}),t)},e.Utils=r,e.version="3.0.0-13",Object.defineProperty(e,"__esModule",{value:!0})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovaccer/design-system",
-  "version": "3.0.0-12",
+  "version": "3.0.0-13",
   "description": "React components library project for Innovaccer Design System",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",

package/src/components/badge/_stories_/index.story.jsx

@@ -9,9 +9,7 @@ export default {
       docPage: {
         title: 'Badge',
         description: 'Badges are used to tag entities with concise and relevant information.',
-        a11yProps: `
-          **ariaLabel:** Add \`ariaLabel='Current Status'\` to describe additional information for badge.
-         `,
+        a11yProps: "**ariaLabel:** Add \`ariaLabel='Current Status'\` to describe additional information for badge.",
       },
     },
   },

package/src/components/button/__stories__/index.story.jsx

@@ -8,9 +8,7 @@ export default {
   parameters: {
     docs: {
       docPage: {
-        a11yProps: ` 
-        **aria-label:** name accordingly which describe the action of button 
-         `,
+        a11yProps: "**aria-label:** name accordingly which describe the action of button",
       },
     },
   },

package/src/components/paragraph/Paragraph.tsx

@@ -21,8 +21,8 @@ export const Paragraph = (props: ParagraphProps) => {
 
   const classes = classNames(
     {
-      Text: true,
-      [`Text--${appearance}`]: appearance,
+      [`Mds-Text`]: true,
+      [`Mds-Text--${appearance}`]: appearance,
     },
     className
   );

package/src/components/paragraph/__tests__/Paragraph.test.tsx

@@ -38,7 +38,7 @@ describe('Paragraph component', () => {
     appearance.forEach((appear) => {
       it(`should have the Text--${appear} class when appearance=${appear} `, () => {
         const { getByTestId } = render(<Paragraph appearance={appear}>{'Paragraph'}</Paragraph>);
-        expect(getByTestId('DesignSystem-Paragraph')).toHaveClass(`Text--${appear}`);
+        expect(getByTestId('DesignSystem-Paragraph')).toHaveClass(`Mds-Text--${appear}`);
       });
     });
   });

package/src/components/paragraph/__tests__/__snapshots__/Paragraph.test.tsx.snap

@@ -6,7 +6,7 @@ exports[`Paragraph component
 <body>
   <div>
     <p
-      class="Text Text--default"
+      class="Mds-Text Mds-Text--default"
       data-test="DesignSystem-Paragraph"
     >
       Sample string
@@ -21,7 +21,7 @@ exports[`Paragraph component
 <body>
   <div>
     <p
-      class="Text Text--destructive"
+      class="Mds-Text Mds-Text--destructive"
       data-test="DesignSystem-Paragraph"
     >
       Sample string
@@ -36,7 +36,7 @@ exports[`Paragraph component
 <body>
   <div>
     <p
-      class="Text Text--disabled"
+      class="Mds-Text Mds-Text--disabled"
       data-test="DesignSystem-Paragraph"
     >
       Sample string
@@ -51,7 +51,7 @@ exports[`Paragraph component
 <body>
   <div>
     <p
-      class="Text Text--subtle"
+      class="Mds-Text Mds-Text--subtle"
       data-test="DesignSystem-Paragraph"
     >
       Sample string
@@ -66,7 +66,7 @@ exports[`Paragraph component
 <body>
   <div>
     <p
-      class="Text Text--white"
+      class="Mds-Text Mds-Text--white"
       data-test="DesignSystem-Paragraph"
     >
       Sample string

package/src/components/pills/__stories__/index.story.jsx

@@ -9,9 +9,7 @@ export default {
       docPage: {
         title: 'Pills',
         description: 'Pills are used to highlight number of items. For status and text, use a Badge.',
-        a11yProps: `
-        **ariaLabel:** Add \`ariaLabel='Total records'\` to describe the numeric value in Pills.
-         `,
+        a11yProps: "**ariaLabel:** Add \`ariaLabel='Total records'\` to describe the numeric value in Pills.",
       },
     },
   },

package/src/utils/__tests__/__snapshots__/TS.test.tsx.snap

@@ -45,7 +45,7 @@ exports[`TS renders children 1`] = `
     Hello World!
   </a>
   <p
-    class="Text Text--default"
+    class="Mds-Text Mds-Text--default"
     data-test="DesignSystem-Paragraph"
   >
     Hello World!